convert to ngtools/webpack for aot compilation

src/app/vault/add-edit.component.ts

@@ -1,5 +1,3 @@
-import * as template from './add-edit.component.html';
-
 import {
     Component,
     OnChanges,
@@ -18,7 +16,7 @@ import { AddEditComponent as BaseAddEditComponent } from 'jslib/angular/componen
 
 @Component({
     selector: 'app-vault-add-edit',
-    template: template,
+    templateUrl: 'add-edit.component.html',
 })
 export class AddEditComponent extends BaseAddEditComponent implements OnChanges {
     constructor(cipherService: CipherService, folderService: FolderService,

src/app/vault/attachments.component.ts

@@ -1,5 +1,3 @@
-import * as template from './attachments.component.html';
-
 import { Component } from '@angular/core';
 
 import { ToasterService } from 'angular2-toaster';
@@ -15,7 +13,7 @@ import { AttachmentsComponent as BaseAttachmentsComponent } from 'jslib/angular/
 
 @Component({
     selector: 'app-vault-attachments',
-    template: template,
+    templateUrl: 'attachments.component.html',
 })
 export class AttachmentsComponent extends BaseAttachmentsComponent {
     constructor(cipherService: CipherService, analytics: Angulartics2,

src/app/vault/ciphers.component.ts

@@ -1,5 +1,3 @@
-import * as template from './ciphers.component.html';
-
 import { Component } from '@angular/core';
 
 import { CipherService } from 'jslib/abstractions/cipher.service';
@@ -8,7 +6,7 @@ import { CiphersComponent as BaseCiphersComponent } from 'jslib/angular/componen
 
 @Component({
     selector: 'app-vault-ciphers',
-    template: template,
+    templateUrl: 'ciphers.component.html',
 })
 export class CiphersComponent extends BaseCiphersComponent {
     constructor(cipherService: CipherService) {

src/app/vault/folder-add-edit.component.ts

@@ -1,5 +1,3 @@
-import * as template from './folder-add-edit.component.html';
-
 import {
     Component,
     EventEmitter,
@@ -19,7 +17,7 @@ import { FolderView } from 'jslib/models/view/folderView';
 
 @Component({
     selector: 'app-folder-add-edit',
-    template: template,
+    templateUrl: 'folder-add-edit.component.html',
 })
 export class FolderAddEditComponent implements OnInit {
     @Input() folderId: string;

src/app/vault/groupings.component.ts

@@ -1,5 +1,3 @@
-import * as template from './groupings.component.html';
-
 import { Component } from '@angular/core';
 
 import { CollectionService } from 'jslib/abstractions/collection.service';
@@ -9,7 +7,7 @@ import { GroupingsComponent as BaseGroupingsComponent } from 'jslib/angular/comp
 
 @Component({
     selector: 'app-vault-groupings',
-    template: template,
+    templateUrl: 'groupings.component.html',
 })
 export class GroupingsComponent extends BaseGroupingsComponent {
     constructor(collectionService: CollectionService, folderService: FolderService) {

src/app/vault/password-generator-history.component.ts

@@ -1,5 +1,3 @@
-import * as template from './password-generator-history.component.html';
-
 import { ToasterService } from 'angular2-toaster';
 import { Angulartics2 } from 'angulartics2';
 
@@ -15,7 +13,7 @@ import {
 
 @Component({
     selector: 'app-password-generator-history',
-    template: template,
+    templateUrl: 'password-generator-history.component.html',
 })
 export class PasswordGeneratorHistoryComponent extends BasePasswordGeneratorHistoryComponent {
     constructor(passwordGenerationService: PasswordGenerationService, analytics: Angulartics2,

src/app/vault/password-generator.component.html

@@ -6,7 +6,7 @@
                 <div class="box">
                     <div class="box-content condensed">
                         <a class="box-content-row" href="#" appStopClick appBlurClick
-                           (click)="regenerate(true)">
+                           (click)="regenerate()">
                             <i class="fa fa-fw fa-refresh"></i> {{'regeneratePassword' | i18n}}
                         </a>
                         <a class="box-content-row" href="#" appStopClick appBlurClick

src/app/vault/password-generator.component.ts

@@ -1,5 +1,3 @@
-import * as template from './password-generator.component.html';
-
 import { ToasterService } from 'angular2-toaster';
 import { Angulartics2 } from 'angulartics2';
 
@@ -19,7 +17,7 @@ import {
 
 @Component({
     selector: 'app-password-generator',
-    template: template,
+    templateUrl: 'password-generator.component.html',
 })
 export class PasswordGeneratorComponent extends BasePasswordGeneratorComponent {
     constructor(passwordGenerationService: PasswordGenerationService, analytics: Angulartics2,

src/app/vault/vault.component.html

@@ -13,7 +13,7 @@
                        (onCipherClicked)="viewCipher($event)"
                        (onCipherRightClicked)="viewCipherMenu($event)"
                        (onAddCipher)="addCipher($event)"
-                       (onAddCipherOptions)="addCipherOptions($event)">
+                       (onAddCipherOptions)="addCipherOptions()">
     </app-vault-ciphers>
     <app-vault-view id="details"
                     *ngIf="cipherId && action === 'view'"

src/app/vault/vault.component.ts

@@ -1,5 +1,3 @@
-import * as template from './vault.component.html';
-
 import { remote } from 'electron';
 
 import { Location } from '@angular/common';
@@ -48,7 +46,7 @@ const BroadcasterSubscriptionId = 'VaultComponent';
 
 @Component({
     selector: 'app-vault',
-    template: template,
+    templateUrl: 'vault.component.html',
 })
 export class VaultComponent implements OnInit, OnDestroy {
     @ViewChild(AddEditComponent) addEditComponent: AddEditComponent;

src/app/vault/view.component.ts

@@ -1,5 +1,3 @@
-import * as template from './view.component.html';
-
 import {
     Component,
     OnChanges,
@@ -20,7 +18,7 @@ import { ViewComponent as BaseViewComponent } from 'jslib/angular/components/vie
 
 @Component({
     selector: 'app-vault-view',
-    template: template,
+    templateUrl: 'view.component.html',
 })
 export class ViewComponent extends BaseViewComponent implements OnChanges {
     constructor(cipherService: CipherService, totpService: TotpService,