fix(aot): fix styles import

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

@@ -1,15 +1,15 @@
-import {Component, ViewChild, ViewEncapsulation, Input, Output, ElementRef, EventEmitter} from '@angular/core';
+import {Component, ViewChild, Input, Output, ElementRef, EventEmitter} from '@angular/core';
 
 import {BaThemePreloader} from '../../../theme/services';
 
 import './baAmChart.loader.ts';
 import {BaAmChartThemeService} from './baAmChartTheme.service';
 
+import 'style-loader!./baAmChart.scss';
+
 @Component({
   selector: 'ba-am-chart',
   templateUrl: './baAmChart.html',
-  styleUrls: ['./baAmChart.scss'],
-  // // encapsulation: ViewEncapsulation.None,
   providers: [BaAmChartThemeService],
 })
 export class BaAmChart {

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

@@ -1,9 +1,8 @@
-import {Component, ViewEncapsulation, ViewChild, Input} from '@angular/core';
+import {Component, Input} from '@angular/core';
 
 @Component({
   selector: 'ba-card',
   templateUrl: './baCard.html',
-  // encapsulation: ViewEncapsulation.None
 })
 export class BaCard {
   @Input() title:String;

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

@@ -1,11 +1,12 @@
-import {Component, ViewChild, ViewEncapsulation, Input, Output, ElementRef, EventEmitter} from '@angular/core';
+import {Component, ViewChild, Input, Output, ElementRef, EventEmitter} from '@angular/core';
 
 import './baFullCalendar.loader.ts';
 
+import 'style-loader!./baFullCalendar.scss';
+
 @Component({
   selector: 'ba-full-calendar',
   templateUrl: './baFullCalendar.html',
-  // // encapsulation: ViewEncapsulation.None,
 })
 export class BaFullCalendar {
 

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

@@ -1,14 +1,14 @@
-import { Component, ViewEncapsulation, Input, Output, EventEmitter } from '@angular/core';
+import { Component, Input, Output, EventEmitter } from '@angular/core';
 import { Router, NavigationEnd } from '@angular/router';
 import { Subscription } from 'rxjs/Rx';
 
 import { BaMenuService } from '../../services';
 import { GlobalState } from '../../../global.state';
 
+import 'style-loader!./baMenu.scss';
+
 @Component({
   selector: 'ba-menu',
-  // // encapsulation: ViewEncapsulation.None,
-  styleUrls: ['./baMenu.scss'],
   templateUrl: './baMenu.html'
 })
 export class BaMenu {

src/app/theme/components/baMenu/components/baMenuItem/baMenuItem.component.ts

@@ -1,9 +1,9 @@
-import {Component, ViewEncapsulation, Input, Output, EventEmitter} from '@angular/core';
+import {Component, Input, Output, EventEmitter} from '@angular/core';
+
+import 'style-loader!./baMenuItem.scss';
 
 @Component({
   selector: 'ba-menu-item',
-  // // encapsulation: ViewEncapsulation.None,
-  styleUrls: ['./baMenuItem.scss'],
   templateUrl: './baMenuItem.html'
 })
 export class BaMenuItem {

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

@@ -1,12 +1,12 @@
-import {Component, ViewEncapsulation} from '@angular/core';
+import {Component} from '@angular/core';
 
 import {GlobalState} from '../../../global.state';
 
+import 'style-loader!./baPageTop.scss';
+
 @Component({
   selector: 'ba-page-top',
-  styleUrls: ['./baPageTop.scss'],
   templateUrl: './baPageTop.html',
-  // encapsulation: ViewEncapsulation.None
 })
 export class BaPageTop {