resolve build errors with latest jslib ref (#1565)

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

@@ -1,7 +1,7 @@
 <div class="page-header">
   <h1>{{ "passwordGenerator" | i18n }}</h1>
 </div>
-<app-callout type="info" *ngIf="enforcedPolicyOptions?.inEffect()">
+<app-callout type="info" *ngIf="enforcedPasswordPolicyOptions?.inEffect()">
   {{ "passwordGeneratorPolicyInEffect" | i18n }}
 </app-callout>
 <div class="card card-password bg-light my-4">
@@ -14,19 +14,19 @@
     <input
       class="form-check-input"
       type="radio"
-      [(ngModel)]="options.type"
+      [(ngModel)]="passwordOptions.type"
       name="Type_{{ o.value }}"
       id="type_{{ o.value }}"
       [value]="o.value"
-      (change)="saveOptions()"
+      (change)="savePasswordOptions()"
-      [checked]="options.type === o.value"
+      [checked]="passwordOptions.type === o.value"
     />
     <label class="form-check-label" for="type_{{ o.value }}">
       {{ o.name }}
     </label>
   </div>
 </div>
-<ng-container *ngIf="options.type === 'passphrase'">
+<ng-container *ngIf="passwordOptions.type === 'passphrase'">
   <div class="row">
     <div class="form-group col-4">
       <label for="num-words">{{ "numWords" | i18n }}</label>
@@ -36,8 +36,8 @@
         type="number"
         min="3"
         max="20"
-        [(ngModel)]="options.numWords"
+        [(ngModel)]="passwordOptions.numWords"
-        (blur)="saveOptions()"
+        (blur)="savePasswordOptions()"
       />
     </div>
     <div class="form-group col-4">
@@ -47,8 +47,8 @@
         class="form-control"
         type="text"
         maxlength="1"
-        [(ngModel)]="options.wordSeparator"
+        [(ngModel)]="passwordOptions.wordSeparator"
-        (blur)="saveOptions()"
+        (blur)="savePasswordOptions()"
       />
     </div>
   </div>
@@ -58,9 +58,9 @@
         id="capitalize"
         class="form-check-input"
         type="checkbox"
-        (change)="saveOptions()"
+        (change)="savePasswordOptions()"
-        [(ngModel)]="options.capitalize"
+        [(ngModel)]="passwordOptions.capitalize"
-        [disabled]="enforcedPolicyOptions?.capitalize"
+        [disabled]="enforcedPasswordPolicyOptions?.capitalize"
       />
       <label for="capitalize" class="form-check-label">{{ "capitalize" | i18n }}</label>
     </div>
@@ -69,15 +69,15 @@
         id="include-number"
         class="form-check-input"
         type="checkbox"
-        (change)="saveOptions()"
+        (change)="savePasswordOptions()"
-        [(ngModel)]="options.includeNumber"
+        [(ngModel)]="passwordOptions.includeNumber"
-        [disabled]="enforcedPolicyOptions?.includeNumber"
+        [disabled]="enforcedPasswordPolicyOptions?.includeNumber"
       />
       <label for="include-number" class="form-check-label">{{ "includeNumber" | i18n }}</label>
     </div>
   </div>
 </ng-container>
-<ng-container *ngIf="options.type === 'password'">
+<ng-container *ngIf="passwordOptions.type === 'password'">
   <div class="row">
     <div class="form-group col-4">
       <label for="length">{{ "length" | i18n }}</label>
@@ -87,8 +87,8 @@
         type="number"
         min="5"
         max="128"
-        [(ngModel)]="options.length"
+        [(ngModel)]="passwordOptions.length"
-        (blur)="saveOptions()"
+        (blur)="savePasswordOptions()"
         (change)="lengthChanged()"
       />
     </div>
@@ -100,8 +100,8 @@
         type="number"
         min="0"
         max="9"
-        (blur)="saveOptions()"
+        (blur)="savePasswordOptions()"
-        [(ngModel)]="options.minNumber"
+        [(ngModel)]="passwordOptions.minNumber"
         (change)="minNumberChanged()"
       />
     </div>
@@ -113,8 +113,8 @@
         type="number"
         min="0"
         max="9"
-        (blur)="saveOptions()"
+        (blur)="savePasswordOptions()"
-        [(ngModel)]="options.minSpecial"
+        [(ngModel)]="passwordOptions.minSpecial"
         (change)="minSpecialChanged()"
       />
     </div>
@@ -125,9 +125,9 @@
         id="uppercase"
         class="form-check-input"
         type="checkbox"
-        (change)="saveOptions()"
+        (change)="savePasswordOptions()"
-        [(ngModel)]="options.uppercase"
+        [(ngModel)]="passwordOptions.uppercase"
-        [disabled]="enforcedPolicyOptions?.useUppercase"
+        [disabled]="enforcedPasswordPolicyOptions?.useUppercase"
       />
       <label for="uppercase" class="form-check-label">A-Z</label>
     </div>
@@ -136,9 +136,9 @@
         id="lowercase"
         class="form-check-input"
         type="checkbox"
-        (change)="saveOptions()"
+        (change)="savePasswordOptions()"
-        [(ngModel)]="options.lowercase"
+        [(ngModel)]="passwordOptions.lowercase"
-        [disabled]="enforcedPolicyOptions?.useLowercase"
+        [disabled]="enforcedPasswordPolicyOptions?.useLowercase"
       />
       <label for="lowercase" class="form-check-label">a-z</label>
     </div>
@@ -147,9 +147,9 @@
         id="numbers"
         class="form-check-input"
         type="checkbox"
-        (change)="saveOptions()"
+        (change)="savePasswordOptions()"
-        [(ngModel)]="options.number"
+        [(ngModel)]="passwordOptions.number"
-        [disabled]="enforcedPolicyOptions?.useNumbers"
+        [disabled]="enforcedPasswordPolicyOptions?.useNumbers"
       />
       <label for="numbers" class="form-check-label">0-9</label>
     </div>
@@ -158,9 +158,9 @@
         id="special"
         class="form-check-input"
         type="checkbox"
-        (change)="saveOptions()"
+        (change)="savePasswordOptions()"
-        [(ngModel)]="options.special"
+        [(ngModel)]="passwordOptions.special"
-        [disabled]="enforcedPolicyOptions?.useSpecial"
+        [disabled]="enforcedPasswordPolicyOptions?.useSpecial"
       />
       <label for="special" class="form-check-label">!@#$%^&amp;*</label>
     </div>
@@ -169,7 +169,7 @@
         id="ambiguous"
         class="form-check-input"
         type="checkbox"
-        (change)="saveOptions()"
+        (change)="savePasswordOptions()"
         [(ngModel)]="avoidAmbiguous"
       />
       <label for="ambiguous" class="form-check-label">{{ "ambiguous" | i18n }}</label>

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

@@ -1,10 +1,13 @@
 import { Component, ViewChild, ViewContainerRef } from "@angular/core";
+import { ActivatedRoute } from "@angular/router";
 
 import { PasswordGeneratorComponent as BasePasswordGeneratorComponent } from "jslib-angular/components/password-generator.component";
 import { ModalService } from "jslib-angular/services/modal.service";
 import { I18nService } from "jslib-common/abstractions/i18n.service";
 import { PasswordGenerationService } from "jslib-common/abstractions/passwordGeneration.service";
 import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.service";
+import { StateService } from "jslib-common/abstractions/state.service";
+import { UsernameGenerationService } from "jslib-common/abstractions/usernameGeneration.service";
 
 import { PasswordGeneratorHistoryComponent } from "./password-generator-history.component";
 
@@ -18,11 +21,22 @@ export class PasswordGeneratorComponent extends BasePasswordGeneratorComponent {
 
   constructor(
     passwordGenerationService: PasswordGenerationService,
+    usernameGenerationService: UsernameGenerationService,
+    stateService: StateService,
     platformUtilsService: PlatformUtilsService,
     i18nService: I18nService,
+    route: ActivatedRoute,
     private modalService: ModalService
   ) {
-    super(passwordGenerationService, platformUtilsService, i18nService, window);
+    super(
+      passwordGenerationService,
+      usernameGenerationService,
+      platformUtilsService,
+      stateService,
+      i18nService,
+      route,
+      window
+    );
   }
 
   async history() {