@bnsights/bbsf-controls 1.0.186 → 1.0.188

package/lib/controls/TextBox/TextBox.component.d.ts

@@ -44,6 +44,14 @@ export declare class TextboxComponent implements OnInit {
     minCharsLimit: number;
     maxLimitWarningMsg: string;
     textDir: any;
+    passwordRequirementsTitle: string;
+    minLengthRequirement: string;
+    passwordMinLength: number;
+    hasNumber: boolean;
+    hasCapitalLetter: boolean;
+    hasSmallLetter: boolean;
+    hasSpecialLetter: boolean;
+    hasMinLength: boolean;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     resetError: () => void;
@@ -61,6 +69,7 @@ export declare class TextboxComponent implements OnInit {
     addCustomValidation: (customValidation: any) => void;
     isValid: () => void;
     onTextBlur(): void;
+    checkPasswordComplexity(password: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextboxComponent, [null, { optional: true; }, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TextboxComponent, "BBSF-TextBox", never, { "group": { "alias": "group"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "onChange": "onChange"; "onBlur": "onBlur"; }, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bnsights/bbsf-controls",
-  "version": "1.0.186",
+  "version": "1.0.188",
   "peerDependencies": {
     "@angular/animations": "^17.0.5",
     "@angular/cdk": "^17.0.2",
@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "@angular/google-maps": "^17.0.3",
-    "@bnsights/bbsf-utilities": "^1.0.66",
+    "@bnsights/bbsf-utilities": "^1.0.68",
     "@danielmoncada/angular-datetime-picker": "^17.0.0",
     "@fullcalendar/angular": "^6.1.10",
     "@fullcalendar/core": "^6.1.10",

package/src/lib/assets/sass/base.scss

@@ -31,6 +31,7 @@
     }
 
     &.p-80px {
+
       input,
       textarea {
         padding-right: 80px !important;
@@ -43,6 +44,7 @@
     }
 
     &.p-120px {
+
       input,
       textarea {
         padding-right: 120px !important;
@@ -79,7 +81,7 @@
       }
 
       &[dir="rtl"] {
-        + .copy-clipboard {
+        +.copy-clipboard {
           left: 0px;
           right: auto;
           border-top-left-radius: $bbsf-rounded;
@@ -94,6 +96,7 @@
       border-color: #d5d5d5;
       box-shadow: none;
     }
+
     /* input with icon*/
     .bbsf-icon {
       z-index: 4;
@@ -114,7 +117,7 @@
       left: 0px;
       margin-left: 0.7rem !important;
 
-      + input {
+      +input {
         padding-left: 2.7rem !important;
       }
     }
@@ -126,10 +129,11 @@
       right: 0px;
       margin-right: 0.7rem !important;
 
-      + input {
+      +input {
         padding-right: 2.7rem !important;
       }
     }
+
     //copy to clipboard
     .copy-clipboard {
       position: absolute;
@@ -191,17 +195,19 @@
         cursor: pointer;
         font-size: .8rem;
         font-weight: 700;
+
         &:focus-visible {
           outline: none;
         }
       }
-    
+
     }
   }
 
-  .bbsf-input-container > .language-container:nth-child(2) {
+  .bbsf-input-container>.language-container:nth-child(2) {
     right: 2% !important;
   }
+
   /* horizontal form control*/
   .bbsf-horizontal {
     display: flex;
@@ -233,6 +239,7 @@
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
+
     //validation
     .bbsf-validation,
     .bbsf-character-count,
@@ -247,11 +254,70 @@
     .bbsf-character-count {
       color: $danger;
     }
+
     //word count and description
     .bbsf-word-count,
     .bbsf-control-desc {
       color: $subtext-color;
     }
+
+    // Password disclaimer styles
+    .bbsf-password-disclaimer {
+      width: 100%;
+      margin-top: 0.5rem;
+
+      .password-requirements {
+        background-color: #f8f9fa;
+        border: 1px solid #e9ecef;
+        border-radius: $bbsf-rounded;
+        padding: 0.75rem;
+
+        .requirement-title {
+          font-size: 13px;
+          font-weight: 600;
+          color: #495057;
+          margin-bottom: 0.5rem;
+        }
+
+        .requirements-list {
+          list-style: none;
+          padding: 0;
+          margin: 0;
+
+          li {
+            display: flex;
+            align-items: center;
+            margin-bottom: 0.25rem;
+            font-size: 12px;
+            font-weight: 500;
+
+            &:last-child {
+              margin-bottom: 0;
+            }
+
+            i {
+              margin-right: 0.5rem;
+              width: 14px;
+              text-align: center;
+              font-size: 10px;
+
+              [dir="rtl"] & {
+                margin-right: 0;
+                margin-left: 0.5rem;
+              }
+            }
+
+            &.requirement-met {
+              color: #198754;
+            }
+
+            &.requirement-not-met {
+              color: #dc3545;
+            }
+          }
+        }
+      }
+    }
   }
 }
 
@@ -338,5 +404,4 @@ input::-webkit-inner-spin-button {
   .bbsf-control.form-group .bbsf-input-container .language-container {
     right: 14%;
   }
-}
-
+}