baAmChart now loads its own styles

src/app/pages/maps/components/googleMaps/googleMaps.component.ts

@@ -6,8 +6,8 @@ import {GoogleMapsLoader} from './googleMaps.loader';
   selector: 'google-maps',
   pipes: [],
   providers: [],
-  styles: [require('./googleMaps.scss')],
   directives: [BaCard],
+  styles: [require('./googleMaps.scss')],
   template: require('./googleMaps.html'),
 })
 export class GoogleMaps {

src/app/pages/maps/components/leafletMaps/leafletMaps.component.ts

@@ -9,8 +9,8 @@ import './leafletMaps.loader';
   providers: [],
   encapsulation: ViewEncapsulation.None,
   styles: [require('./leafletMaps.scss')],
-  directives: [BaCard],
   template: require('./leafletMaps.html'),
+  directives: [BaCard],
 })
 export class LeafletMaps {
 

src/app/pages/maps/components/lineMaps/lineMaps.component.ts

@@ -1,16 +1,16 @@
 import {Component, ViewEncapsulation} from '@angular/core';
 import {BaCard, BaAmChart} from '../../../../theme/components';
 
-import {LineMapsService} from "./lineMaps.service";
+import {LineMapsService} from './lineMaps.service';
 
 @Component({
   selector: 'line-maps',
   pipes: [],
   providers: [LineMapsService],
   encapsulation: ViewEncapsulation.None,
-  styles: [require('ammap3/ammap/ammap.css'), require('./lineMaps.scss')],
+  styles: [require('./lineMaps.scss')],
-  directives: [BaCard, BaAmChart],
   template: require('./lineMaps.html'),
+  directives: [BaCard, BaAmChart],
 })
 export class LineMaps {
 

src/app/theme/components/baAmChart/baAmChart.loader.ts

@@ -1,3 +1,5 @@
+require('style-loader!ammap3/ammap/ammap.css');
+
 require('amcharts3');
 require('amcharts3/amcharts/plugins/responsive/responsive.js');
 require('amcharts3/amcharts/serial.js');