restore min/max html constraints to passwords

libs/tools/generator/components/src/password-settings.component.html

@@ -7,7 +7,14 @@
       <bit-card>
         <bit-form-field disableMargin>
           <bit-label>{{ "length" | i18n }}</bit-label>
-          <input bitInput formControlName="length" type="number" (change)="save('length')" />
+          <input
+            bitInput
+            formControlName="length"
+            type="number"
+            [min]="lengthMin"
+            [max]="lengthMax"
+            (change)="save('length')"
+          />
           <bit-hint>{{ lengthBoundariesHint$ | async }}</bit-hint>
         </bit-form-field>
       </bit-card>
@@ -71,7 +78,9 @@
               bitInput
               type="number"
               formControlName="minNumber"
-              (change)="save('minNumbers')"
+              [min]="minNumberMin"
+              [max]="minNumberMax"
+              (change)="save('minNumber')"
             />
           </bit-form-field>
           <bit-form-field class="tw-w-full tw-basis-1/2">
@@ -80,6 +89,8 @@
               bitInput
               type="number"
               formControlName="minSpecial"
+              [min]="minSpecialMin"
+              [max]="minSpecialMax"
               (change)="save('minSpecial')"
             />
           </bit-form-field>

libs/tools/generator/components/src/password-settings.component.ts

@@ -150,6 +150,13 @@ export class PasswordSettingsComponent implements OnInit, OnDestroy {
       .subscribe(({ constraints }) => {
         this.policyInEffect = constraints.policyInEffect;
 
+        this.lengthMin = constraints.length.min;
+        this.lengthMax = constraints.length.max;
+        this.minNumberMin = constraints.minNumber.min;
+        this.minNumberMax = constraints.minNumber.max;
+        this.minSpecialMin = constraints.minSpecial.min;
+        this.minSpecialMax - constraints.minSpecial.max;
+
         const toggles = [
           [Controls.length, constraints.length.min < constraints.length.max],
           [Controls.uppercase, !constraints.uppercase?.readonly],
@@ -227,6 +234,24 @@ export class PasswordSettingsComponent implements OnInit, OnDestroy {
     this.saveSettings.next(site);
   }
 
+  /** attribute binding for length[min] */
+  protected lengthMin: number;
+
+  /** attribute binding for length[max] */
+  protected lengthMax: number;
+
+  /** attribute binding for minNumber[min] */
+  protected minNumberMin: number;
+
+  /** attribute binding for minNumber[max] */
+  protected minNumberMax: number;
+
+  /** attribute binding for minSpecial[min] */
+  protected minSpecialMin: number;
+
+  /** attribute binding for minSpecial[max] */
+  protected minSpecialMax: number;
+
   /** display binding for enterprise policy notice */
   protected policyInEffect: boolean;