fix(aot): fix styles import

src/app/app.component.ts

@@ -1,5 +1,5 @@
 import { Routes } from '@angular/router';
-import { Component, ViewEncapsulation, ViewContainerRef } from '@angular/core';
+import { Component, ViewContainerRef } from '@angular/core';
 
 import { GlobalState } from './global.state';
 import { BaImageLoaderService, BaThemePreloader, BaThemeSpinner } from './theme/services';
@@ -18,8 +18,6 @@ import 'style-loader!./theme/initial.scss';
  */
 @Component({
   selector: 'app',
-  // // encapsulation: ViewEncapsulation.None,
-  // styleUrls: ['./app.scss'],
   template: `
     <main [ngClass]="{'menu-collapsed': isMenuCollapsed}" baThemeRun>
       <div class="additional-bg"></div>

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

@@ -1,11 +1,10 @@
-import {Component, ViewEncapsulation} from '@angular/core';
+import {Component} from '@angular/core';
 
 import {CalendarService} from './calendar.service';
 import 'style-loader!./calendar.scss';
 
 @Component({
   selector: 'calendar',
-  // // encapsulation: ViewEncapsulation.None,
   templateUrl: './calendar.html'
 })
 export class Calendar {

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

@@ -1,11 +1,11 @@
-import {Component, ViewEncapsulation} from '@angular/core';
+import {Component} from '@angular/core';
 
 import {FeedService} from './feed.service';
 
+import 'style-loader!./feed.scss';
+
 @Component({
   selector: 'feed',
-  // // encapsulation: ViewEncapsulation.None,
-  styleUrls: ['./feed.scss'],
   templateUrl: './feed.html'
 })
 export class Feed {

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

@@ -1,12 +1,12 @@
-import {Component, ViewEncapsulation} from '@angular/core';
+import {Component} from '@angular/core';
 import {BaThemeConfigProvider} from '../../../theme';
 
 import {TodoService} from './todo.service';
 
+import 'style-loader!./todo.scss';
+
 @Component({
   selector: 'todo',
-  // encapsulation: ViewEncapsulation.None,
-  styleUrls: ['./todo.scss'],
   templateUrl: './todo.html'
 })
 export class Todo {

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

@@ -1,13 +1,13 @@
-import {Component, ViewEncapsulation, ElementRef} from '@angular/core';
+import {Component} from '@angular/core';
 
 import './trafficChart.loader.ts';
 import {TrafficChartService} from './trafficChart.service';
 import * as Chart from 'chart.js';
 
+import 'style-loader!./trafficChart.scss';
+
 @Component({
   selector: 'traffic-chart',
-  // encapsulation: ViewEncapsulation.None,
-  styleUrls: ['./trafficChart.scss'],
   templateUrl: './trafficChart.html'
 })
 

src/app/pages/forms/components/inputs/inputs.component.ts

@@ -1,8 +1,7 @@
-import {Component, ViewEncapsulation} from '@angular/core';
+import {Component} from '@angular/core';
 
 @Component({
   selector: 'inputs',
-  // encapsulation: ViewEncapsulation.None,
   templateUrl: './inputs.html',
 })
 export class Inputs {

src/app/pages/forms/components/layouts/layouts.component.ts

@@ -1,9 +1,8 @@
-import {Component, ViewEncapsulation} from '@angular/core';
+import {Component} from '@angular/core';
 import { NgUploaderOptions } from 'ngx-uploader';
 
 @Component({
   selector: 'layouts',
-  // encapsulation: ViewEncapsulation.None,
   styles: [],
   templateUrl: './layouts.html',
 })

src/app/pages/login/login.component.ts

@@ -1,10 +1,10 @@
-import {Component, ViewEncapsulation} from '@angular/core';
+import {Component} from '@angular/core';
 import {FormGroup, AbstractControl, FormBuilder, Validators} from '@angular/forms';
 
+import 'style-loader!./login.scss';
+
 @Component({
   selector: 'login',
-  // encapsulation: ViewEncapsulation.None,
-  styleUrls: ['./login.scss'],
   templateUrl: './login.html',
 })
 export class Login {

src/app/pages/pages.component.ts

@@ -1,7 +1,6 @@
-import {Component, ViewEncapsulation} from '@angular/core';
+import {Component} from '@angular/core';
 @Component({
   selector: 'pages',
-  // encapsulation: ViewEncapsulation.None,
   styles: [],
   template: `
     <ba-sidebar></ba-sidebar>

src/app/pages/register/register.component.ts

@@ -2,10 +2,10 @@ import {Component, ViewEncapsulation} from '@angular/core';
 import {FormGroup, AbstractControl, FormBuilder, Validators} from '@angular/forms';
 import {EmailValidator, EqualPasswordsValidator} from '../../theme/validators';
 
+import 'style-loader!./register.scss';
+
 @Component({
   selector: 'register',
-  // encapsulation: ViewEncapsulation.None,
-  styleUrls: ['./register.scss'],
   templateUrl: './register.html',
 })
 export class Register {

src/app/pages/tables/components/basicTables/basicTables.component.ts

@@ -1,9 +1,9 @@
-import {Component, ViewEncapsulation} from '@angular/core';
+import {Component} from '@angular/core';
+
+import 'style-loader!./basicTables.scss';
 
 @Component({
   selector: 'basic-tables',
-  // encapsulation: ViewEncapsulation.None,
-  styleUrls: ['./basicTables.scss'],
   templateUrl: './basicTables.html'
 })
 export class BasicTables {

src/app/pages/ui/components/grid/grid.component.ts

@@ -1,9 +1,9 @@
-import {Component, ViewEncapsulation} from '@angular/core';
+import {Component} from '@angular/core';
+
+import 'style-loader!./grid.scss';
 
 @Component({
   selector: 'grid',
-  // encapsulation: ViewEncapsulation.None,
-  styleUrls: ['./grid.scss'],
   templateUrl: './grid.html',
 })
 export class Grid {

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

@@ -1,11 +1,11 @@
-import {Component, ViewEncapsulation} from '@angular/core';
+import {Component} from '@angular/core';
 
 import {IconsService} from './icons.service';
 
+import 'style-loader!./icons.scss';
+
 @Component({
   selector: 'icons',
-  // encapsulation: ViewEncapsulation.None,
-  styleUrls: ['./icons.scss'],
   templateUrl: './icons.html',
 })
 export class Icons {

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 {