From d862d931bc227e32a18f8c3d037ee13d110ad3a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=9C=A8=20Audrey=20=E2=9C=A8?= <audrey@audreyality.com>
Date: Wed, 8 Jan 2025 12:40:55 -0500
Subject: [PATCH] restore min/max html constraints to passwords

---
 .../src/password-settings.component.html      | 15 +++++++++--
 .../src/password-settings.component.ts        | 25 +++++++++++++++++++
 2 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/libs/tools/generator/components/src/password-settings.component.html b/libs/tools/generator/components/src/password-settings.component.html
index 9f8e00921fb..145827446c6 100644
--- a/libs/tools/generator/components/src/password-settings.component.html
+++ b/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>
diff --git a/libs/tools/generator/components/src/password-settings.component.ts b/libs/tools/generator/components/src/password-settings.component.ts
index b512aa688fa..6a95d264448 100644
--- a/libs/tools/generator/components/src/password-settings.component.ts
+++ b/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;