plugin provider clean up

src/app/pages/charts/components/chartistJs/chartistJs.service.ts

@@ -99,7 +99,7 @@ export class ChartistJsService {
         reverseData: true,
         horizontalBars: true,
         axisX: {
-          labelInterpolationFnc: Chartist.noop
+          labelInterpolationFnc: (n) => n
         },
         axisY: {
           offset: 60

src/app/pages/dashboard/trafficChart/trafficChart.component.ts

@@ -1,6 +1,6 @@
 import {Component, ViewEncapsulation, ElementRef} from '@angular/core';
 
-import './trafficChart.loader.ts';
+import {Chart} from './trafficChart.loader.ts';
 import {TrafficChartService} from './trafficChart.service';
 
 @Component({

src/app/pages/dashboard/trafficChart/trafficChart.loader.ts

@@ -1 +1 @@
-require('chart.js');
+export const Chart = require('chart.js');

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

@@ -1,5 +1,6 @@
-import {Component, ViewEncapsulation, ElementRef} from '@angular/core';
+import {Component, ElementRef} from '@angular/core';
 import {BaCard} from '../../../../theme/components';
+import {GoogleMapsLoader} from './googleMaps.loader';
 
 @Component({
   selector: 'google-maps',

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

@@ -0,0 +1 @@
+export const GoogleMapsLoader = require('google-maps');

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

@@ -1,13 +1,14 @@
 import {Component, ViewEncapsulation, ElementRef} from '@angular/core';
 import {BaCard} from '../../../../theme/components';
 
+import './leafletMaps.loader';
+
 @Component({
   selector: 'leaflet-maps',
   pipes: [],
   providers: [],
-  // otherwise maps won't work
   encapsulation: ViewEncapsulation.None,
-  styles: [require('leaflet/dist/leaflet.css'), require('./leafletMaps.scss')],
+  styles: [require('./leafletMaps.scss')],
   directives: [BaCard],
   template: require('./leafletMaps.html'),
 })

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

@@ -0,0 +1,2 @@
+require('leaflet-map');
+require('style-loader!leaflet/dist/leaflet.css');

src/app/theme/components/baChartistChart/baChartistChart.component.ts

@@ -1,5 +1,7 @@
 import {Component, ViewEncapsulation, Input, Output, ElementRef, EventEmitter} from '@angular/core';
 
+import {Chartist} from './baChartistChart.loader.ts';
+
 @Component({
   selector: 'ba-chartist-chart',
   encapsulation: ViewEncapsulation.None,

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

@@ -1 +1 @@
-
+export const Chartist = require('chartist');