KameleonPicture -> BaKameleonPicture

src/app/pages/ui/components/incons/icons.component.ts

@@ -1,14 +1,14 @@
 import {Component, ViewEncapsulation} from '@angular/core';
 
 import {BaCard} from '../../../../theme/components';
-import {KameleonPicturePipe} from '../../../../theme/pipes';
+import {BaKameleonPicturePipe} from '../../../../theme/pipes';
 import {IconsService} from './icons.service';
 
 @Component({
   selector: 'icons',
   encapsulation: ViewEncapsulation.None,
   directives: [BaCard],
-  pipes: [KameleonPicturePipe],
+  pipes: [BaKameleonPicturePipe],
   providers: [IconsService],
   styles: [require('./icons.scss')],
   template: require('./icons.html'),

src/app/pages/ui/components/incons/icons.html

@@ -5,7 +5,7 @@
       <ba-card title="Kameleon SVG Icons" baCardClass="with-scroll">
         <div class="row clearfix">
           <div class="kameleon-row" *ngFor="let icon of icons.kameleonIcons">
-            <div class="kameleon-icon"><img src="{{ (icon.img | kameleonPicture )}}"><span>{{ icon.name }}</span></div>
+            <div class="kameleon-icon"><img src="{{ (icon.img | baKameleonPicture )}}"><span>{{ icon.name }}</span></div>
           </div>
         </div>
         <a href="http://www.kameleon.pics/" target="_blank" class="see-all-icons">See all Kamaleon icons</a>
@@ -22,7 +22,7 @@
       <ba-card title="Icons With Rounded Background" baCardClass="with-scroll">
         <div class="row clearfix">
           <div class="kameleon-row" *ngFor="let icon of icons.kameleonRoundedIcons">
-            <div class="kameleon-icon with-round-bg {{ icon.color }}"><img src="{{ ( icon.img | kameleonPicture ) }}"><span>{{ icon.name }}</span></div>
+            <div class="kameleon-icon with-round-bg {{ icon.color }}"><img src="{{ ( icon.img | baKameleonPicture ) }}"><span>{{ icon.name }}</span></div>
           </div>
         </div>
         <a href="http://www.kameleon.pics/" target="_blank" class="see-all-icons">See all Kamaleon icons</a>

src/app/theme/pipes/baKameleonPicture/baKameleonPicture.pipe.ts

@@ -1,8 +1,8 @@
 import {Pipe, PipeTransform} from '@angular/core';
 import {layoutPaths} from '../../../theme';
 
-@Pipe({name: 'kameleonPicture'})
-export class KameleonPicturePipe implements PipeTransform {
+@Pipe({name: 'baKameleonPicture'})
+export class BaKameleonPicturePipe implements PipeTransform {
 
   transform(input:string):string {
     return layoutPaths.images.root + 'theme/icon/kameleon/' + input + '.svg';

src/app/theme/pipes/baKameleonPicture/index.ts

@@ -0,0 +1 @@
+export * from './baKameleonPicture.pipe.ts';

src/app/theme/pipes/index.ts

@@ -1,3 +1,3 @@
 export * from './baProfilePicture';
 export * from './baAppPicture';
-export * from './kameleonPicture';
+export * from './baKameleonPicture';

src/app/theme/pipes/kameleonPicture/index.ts

@@ -1 +0,0 @@
-export * from './kameleonPicture.pipe.ts';