feat(aot): aot compilation work in progress

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

@@ -2,7 +2,7 @@ import {Component} from '@angular/core';
 
 @Component({
   selector: 'checkbox-inputs',
-  template: require('./checkboxInputs.html'),
+  templateUrl: './checkboxInputs.html',
 })
 export class CheckboxInputs {
   public checkboxModel = [{

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

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

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

@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'rating-inputs',
-  template: require('./ratinginputs.html')
+  templateUrl: './ratinginputs.html'
 })
 
 export class Rating {

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

@@ -2,8 +2,8 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'select-inputs',
-  styles: [require('./selectInput.scss')],
-  template: require('./selectInputs.html')
+  styleUrls: ['./selectInput.scss'],
+  templateUrl: './selectInputs.html'
 })
 export class SelectInputs {
   constructor() { }

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

@@ -2,7 +2,7 @@ import {Component} from '@angular/core';
 
 @Component({
   selector: 'standard-inputs',
-  template: require('./standardInputs.html'),
+  templateUrl: './standardInputs.html',
 })
 export class StandardInputs {
 

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

@@ -2,7 +2,7 @@ import {Component} from '@angular/core';
 
 @Component({
   selector: 'validation-inputs',
-  template: require('./validationInputs.html'),
+  templateUrl: './validationInputs.html',
 })
 export class ValidationInputs {
   public checkboxModel = [{

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

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

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

@@ -2,7 +2,7 @@ import {Component} from '@angular/core';
 
 @Component({
   selector: 'basic-form',
-  template: require('./basicForm.html'),
+  templateUrl: './basicForm.html',
 })
 export class BasicForm {
 

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

@@ -2,7 +2,7 @@ import {Component} from '@angular/core';
 
 @Component({
   selector: 'block-form',
-  template: require('./blockForm.html'),
+  templateUrl: './blockForm.html',
 })
 export class BlockForm {
 

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

@@ -2,7 +2,7 @@ import {Component} from '@angular/core';
 
 @Component({
   selector: 'horizontal-form',
-  template: require('./horizontalForm.html'),
+  templateUrl: './horizontalForm.html',
 })
 export class HorizontalForm {
 

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

@@ -2,8 +2,8 @@ import {Component} from '@angular/core';
 
 @Component({
   selector: 'inline-form',
-  styles: [require('./inlineForm.scss')],
-  template: require('./inlineForm.html'),
+  styleUrls: ['./inlineForm.scss'],
+  templateUrl: './inlineForm.html',
 })
 export class InlineForm {
 

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

@@ -2,7 +2,7 @@ import {Component} from '@angular/core';
 
 @Component({
   selector: 'without-labels-form',
-  template: require('./withoutLabelsForm.html'),
+  templateUrl: './withoutLabelsForm.html',
 })
 export class WithoutLabelsForm {
 

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

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

src/app/pages/forms/forms.module.ts

@@ -48,5 +48,5 @@ import { WithoutLabelsForm } from './components/layouts/components/withoutLabels
     WithoutLabelsForm
   ]
 })
-export default class FormsModule {
+export class FormsModule {
 }