feat(aot): aot compilation work in progress

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

@@ -2,9 +2,9 @@ import {Component, ViewEncapsulation} from '@angular/core';
 
 @Component({
   selector: 'buttons',
-  encapsulation: ViewEncapsulation.None,
-  styles: [require('./buttons.scss')],
-  template: require('./buttons.html'),
+  // encapsulation: ViewEncapsulation.None,
+  styleUrls: ['./buttons.scss'],
+  templateUrl: './buttons.html',
 })
 export class Buttons {
 

src/app/pages/ui/components/buttons/components/disabledButtons/disabledButtons.component.ts

@@ -3,7 +3,7 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'disabled-buttons',
-  template: require('./disabledButtons.html'),
+  templateUrl: './disabledButtons.html',
 })
 export class DisabledButtons {
 

src/app/pages/ui/components/buttons/components/dropdownButtons/dropdownButtons.component.ts

@@ -2,7 +2,7 @@ import {Component, HostListener} from '@angular/core';
 
 @Component({
   selector: 'dropdown-buttons',
-  template: require('./dropdownButtons.html')
+  templateUrl: './dropdownButtons.html'
 })
 
 // TODO: appendToBody does not implemented yet, waiting for it

src/app/pages/ui/components/buttons/components/flatButtons/flatButtons.component.ts

@@ -3,7 +3,7 @@ import {Component} from '@angular/core';
 
 @Component({
   selector: 'flat-buttons',
-  template: require('./flatButtons.html'),
+  templateUrl: './flatButtons.html',
 })
 export class FlatButtons {
 

src/app/pages/ui/components/buttons/components/groupButtons/groupButtons.component.ts

@@ -2,7 +2,7 @@ import {Component} from '@angular/core';
 
 @Component({
   selector: 'group-buttons',
-  template: require('./groupButtons.html'),
+  templateUrl: './groupButtons.html',
 })
 export class GroupButtons {
 

src/app/pages/ui/components/buttons/components/iconButtons/iconButtons.component.ts

@@ -2,7 +2,7 @@ import {Component} from '@angular/core';
 
 @Component({
   selector: 'icon-buttons',
-  template: require('./iconButtons.html'),
+  templateUrl: './iconButtons.html',
 })
 export class IconButtons {
 

src/app/pages/ui/components/buttons/components/largeButtons/largeButtons.component.ts

@@ -2,7 +2,7 @@ import {Component} from '@angular/core';
 
 @Component({
   selector: 'large-buttons',
-  template: require('./largeButtons.html'),
+  templateUrl: './largeButtons.html',
 })
 export class LargeButtons {
 

src/app/pages/ui/components/buttons/components/raisedButtons/raisedButtons.component.ts

@@ -3,7 +3,7 @@ import {Component} from '@angular/core';
 
 @Component({
   selector: 'raised-buttons',
-  template: require('./raisedButtons.html'),
+  templateUrl: './raisedButtons.html',
 })
 export class RaisedButtons {
 

src/app/pages/ui/components/buttons/components/sizedButtons/sizedButtons.component.ts

@@ -3,7 +3,7 @@ import {Component} from '@angular/core';
 
 @Component({
   selector: 'sized-buttons',
-  template: require('./sizedButtons.html'),
+  templateUrl: './sizedButtons.html',
 })
 export class SizedButtons {
 

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

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

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

@@ -4,9 +4,9 @@ import {IconsService} from './icons.service';
 
 @Component({
   selector: 'icons',
-  encapsulation: ViewEncapsulation.None,
-  styles: [require('./icons.scss')],
-  template: require('./icons.html'),
+  // encapsulation: ViewEncapsulation.None,
+  styleUrls: ['./icons.scss'],
+  templateUrl: './icons.html',
 })
 export class Icons {
 

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

@@ -3,8 +3,8 @@ import { ModalDirective } from 'ng2-bootstrap';
 
 @Component({
   selector: 'modals',
-  styles: [require('./modals.scss')],
-  template: require('./modals.html')
+  styleUrls: ['./modals.scss'],
+  templateUrl: './modals.html'
 })
 export class Modals {
   @ViewChild('childModal') childModal: ModalDirective;

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

@@ -4,7 +4,7 @@ import {Component, ViewEncapsulation} from '@angular/core';
 @Component({
   selector: 'typography',
   styles: [],
-  template: require('./typography.html'),
+  templateUrl: './typography.html',
 })
 export class Typography {
 

src/app/pages/ui/ui.module.ts

@@ -52,5 +52,5 @@ import { IconsService } from './components/icons/icons.service';
     IconsService
   ]
 })
-export default class UiModule {
+export class UiModule {
 }