Bump jslib and add compatability with username generation (#1450)

Co-authored-by: Hinton <oscar@oscarhinton.com>

jslib

@@ -1 +1 @@
-Subproject commit 5070a783a7730bcf7a0e4bf726c2e41d1b41cf2d
+Subproject commit fa73c13b8c9ed35cbb9909e342b143fa8a57f1a0

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

@@ -7,7 +7,7 @@
   <div class="modal-dialog modal-sm" role="document">
     <div class="modal-content">
       <div class="modal-body">
-        <app-callout type="info" *ngIf="enforcedPolicyOptions?.inEffect()">
+        <app-callout type="info" *ngIf="enforcedPasswordPolicyOptions?.inEffect()">
           {{ "passwordGeneratorPolicyInEffect" | i18n }}
         </app-callout>
         <div class="password-block">
@@ -48,12 +48,12 @@
                 <input
                   type="radio"
                   class="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="unstyled" for="type_{{ o.value }}">
                   {{ o.name }}
@@ -62,7 +62,7 @@
             </div>
           </div>
         </div>
-        <div class="box" [hidden]="!showOptions" *ngIf="options.type === 'passphrase'">
+        <div class="box" [hidden]="!showOptions" *ngIf="passwordOptions.type === 'passphrase'">
           <div class="box-content condensed">
             <div class="box-content-row box-content-row-input" appBoxRow>
               <label for="num-words">{{ "numWords" | i18n }}</label>
@@ -71,8 +71,8 @@
                 type="number"
                 min="3"
                 max="20"
-                (blur)="saveOptions()"
+                (blur)="savePasswordOptions()"
-                [(ngModel)]="options.numWords"
+                [(ngModel)]="passwordOptions.numWords"
               />
             </div>
             <div class="box-content-row box-content-row-input" appBoxRow>
@@ -81,8 +81,8 @@
                 id="word-separator"
                 type="text"
                 maxlength="1"
-                (input)="saveOptions()"
+                (input)="savePasswordOptions()"
-                [(ngModel)]="options.wordSeparator"
+                [(ngModel)]="passwordOptions.wordSeparator"
               />
             </div>
             <div class="box-content-row box-content-row-checkbox" appBoxRow>
@@ -90,9 +90,9 @@
               <input
                 id="capitalize"
                 type="checkbox"
-                (change)="saveOptions()"
+                (change)="savePasswordOptions()"
-                [(ngModel)]="options.capitalize"
+                [(ngModel)]="passwordOptions.capitalize"
-                [disabled]="enforcedPolicyOptions?.capitalize"
+                [disabled]="enforcedPasswordPolicyOptions?.capitalize"
               />
             </div>
             <div class="box-content-row box-content-row-checkbox" appBoxRow>
@@ -100,14 +100,14 @@
               <input
                 id="include-number"
                 type="checkbox"
-                (change)="saveOptions()"
+                (change)="savePasswordOptions()"
-                [(ngModel)]="options.includeNumber"
+                [(ngModel)]="passwordOptions.includeNumber"
-                [disabled]="enforcedPolicyOptions?.includeNumber"
+                [disabled]="enforcedPasswordPolicyOptions?.includeNumber"
               />
             </div>
           </div>
         </div>
-        <ng-container *ngIf="options.type === 'password'">
+        <ng-container *ngIf="passwordOptions.type === 'password'">
           <div class="box" [hidden]="!showOptions">
             <div class="box-content condensed">
               <div class="box-content-row box-content-row-slider" appBoxRow>
@@ -117,8 +117,8 @@
                   type="number"
                   min="5"
                   max="128"
-                  [(ngModel)]="options.length"
+                  [(ngModel)]="passwordOptions.length"
-                  (blur)="saveOptions()"
+                  (blur)="savePasswordOptions()"
                 />
                 <input
                   id="lengthRange"
@@ -126,7 +126,7 @@
                   min="5"
                   max="128"
                   step="1"
-                  [(ngModel)]="options.length"
+                  [(ngModel)]="passwordOptions.length"
                   (change)="sliderChanged()"
                   (input)="sliderInput()"
                 />
@@ -136,9 +136,9 @@
                 <input
                   id="uppercase"
                   type="checkbox"
-                  (change)="saveOptions()"
+                  (change)="savePasswordOptions()"
-                  [disabled]="enforcedPolicyOptions?.useUppercase"
+                  [disabled]="enforcedPasswordPolicyOptions?.useUppercase"
-                  [(ngModel)]="options.uppercase"
+                  [(ngModel)]="passwordOptions.uppercase"
                 />
               </div>
               <div class="box-content-row box-content-row-checkbox" appBoxRow>
@@ -146,9 +146,9 @@
                 <input
                   id="lowercase"
                   type="checkbox"
-                  (change)="saveOptions()"
+                  (change)="savePasswordOptions()"
-                  [disabled]="enforcedPolicyOptions?.useLowercase"
+                  [disabled]="enforcedPasswordPolicyOptions?.useLowercase"
-                  [(ngModel)]="options.lowercase"
+                  [(ngModel)]="passwordOptions.lowercase"
                 />
               </div>
               <div class="box-content-row box-content-row-checkbox" appBoxRow>
@@ -156,9 +156,9 @@
                 <input
                   id="numbers"
                   type="checkbox"
-                  (change)="saveOptions()"
+                  (change)="savePasswordOptions()"
-                  [disabled]="enforcedPolicyOptions?.useNumbers"
+                  [disabled]="enforcedPasswordPolicyOptions?.useNumbers"
-                  [(ngModel)]="options.number"
+                  [(ngModel)]="passwordOptions.number"
                 />
               </div>
               <div class="box-content-row box-content-row-checkbox" appBoxRow>
@@ -166,9 +166,9 @@
                 <input
                   id="special"
                   type="checkbox"
-                  (change)="saveOptions()"
+                  (change)="savePasswordOptions()"
-                  [disabled]="enforcedPolicyOptions?.useSpecial"
+                  [disabled]="enforcedPasswordPolicyOptions?.useSpecial"
-                  [(ngModel)]="options.special"
+                  [(ngModel)]="passwordOptions.special"
                 />
               </div>
             </div>
@@ -182,8 +182,8 @@
                   type="number"
                   min="0"
                   max="9"
-                  (blur)="saveOptions()"
+                  (blur)="savePasswordOptions()"
-                  [(ngModel)]="options.minNumber"
+                  [(ngModel)]="passwordOptions.minNumber"
                 />
               </div>
               <div class="box-content-row box-content-row-input" appBoxRow>
@@ -193,8 +193,8 @@
                   type="number"
                   min="0"
                   max="9"
-                  (blur)="saveOptions()"
+                  (blur)="savePasswordOptions()"
-                  [(ngModel)]="options.minSpecial"
+                  [(ngModel)]="passwordOptions.minSpecial"
                 />
               </div>
               <div class="box-content-row box-content-row-checkbox" appBoxRow>
@@ -202,7 +202,7 @@
                 <input
                   id="ambiguous"
                   type="checkbox"
-                  (change)="saveOptions()"
+                  (change)="savePasswordOptions()"
                   [(ngModel)]="avoidAmbiguous"
                 />
               </div>

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

@@ -1,9 +1,12 @@
 import { Component } from "@angular/core";
+import { ActivatedRoute } from "@angular/router";
 
 import { PasswordGeneratorComponent as BasePasswordGeneratorComponent } from "jslib-angular/components/password-generator.component";
 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";
 
 @Component({
   selector: "app-password-generator",
@@ -12,9 +15,20 @@ import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.se
 export class PasswordGeneratorComponent extends BasePasswordGeneratorComponent {
   constructor(
     passwordGenerationService: PasswordGenerationService,
+    usernameGenerationService: UsernameGenerationService,
+    stateService: StateService,
     platformUtilsService: PlatformUtilsService,
-    i18nService: I18nService
+    i18nService: I18nService,
+    route: ActivatedRoute
   ) {
-    super(passwordGenerationService, platformUtilsService, i18nService, window);
+    super(
+      passwordGenerationService,
+      usernameGenerationService,
+      platformUtilsService,
+      stateService,
+      i18nService,
+      route,
+      window
+    );
   }
 }