fix(aot): fix styles import

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 {