feat(aot): aot compilation work in progress

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

@@ -1,12 +1,11 @@
-import {Component, ViewEncapsulation} from '@angular/core';
+import {Component} from '@angular/core';
 
 import {BubbleMapsService} from './bubbleMaps.service';
+import 'style!./bubbleMaps.scss';
 
 @Component({
   selector: 'bubble-maps',
-  encapsulation: ViewEncapsulation.None,
-  styles: [require('./bubbleMaps.scss')],
-  template: require('./bubbleMaps.html'),
+  templateUrl: './bubbleMaps.html',
 })
 export class BubbleMaps {
 

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

@@ -1,10 +1,10 @@
 import {Component, ElementRef} from '@angular/core';
-import {GoogleMapsLoader} from './googleMaps.loader';
+import * as GoogleMapsLoader from 'google-maps';
 
 @Component({
   selector: 'google-maps',
-  styles: [require('./googleMaps.scss')],
-  template: require('./googleMaps.html'),
+  styleUrls: ['./googleMaps.scss'],
+  templateUrl: './googleMaps.html',
 })
 export class GoogleMaps {
 

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

@@ -1 +1 @@
-export const GoogleMapsLoader = require('google-maps');
+import * as GoogleMapsLoader from 'google-maps';

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

@@ -1,12 +1,11 @@
-import {Component, ViewEncapsulation, ElementRef} from '@angular/core';
+import {Component, ElementRef} from '@angular/core';
 
 import './leafletMaps.loader';
 
 @Component({
   selector: 'leaflet-maps',
-  encapsulation: ViewEncapsulation.None,
-  styles: [require('./leafletMaps.scss')],
-  template: require('./leafletMaps.html')
+  styleUrls: ['./leafletMaps.scss'],
+  templateUrl: './leafletMaps.html'
 })
 export class LeafletMaps {
 

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

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

src/app/pages/maps/components/leafletMaps/leafletMaps.scss

@@ -1,3 +1,4 @@
+@import "~leaflet/dist/leaflet";
 @import '../../../../theme/sass/conf/conf';
 
 .leaflet-maps {

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

@@ -1,12 +1,11 @@
-import {Component, ViewEncapsulation} from '@angular/core';
+import {Component} from '@angular/core';
 
 import {LineMapsService} from './lineMaps.service';
+import 'style!./lineMaps.scss';
 
 @Component({
   selector: 'line-maps',
-  encapsulation: ViewEncapsulation.None,
-  styles: [require('./lineMaps.scss')],
-  template: require('./lineMaps.html')
+  templateUrl: './lineMaps.html'
 })
 export class LineMaps {