@cauca-911/material 20.0.8 → 20.0.9

package/fesm2022/cauca-911-material.mjs

@@ -26,16 +26,14 @@ import * as i1$5 from '@angular/cdk/clipboard';
 import { MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
 import { firstValueFrom, of, tap, mergeMap, catchError, finalize, throwError, filter, Subject, startWith, map } from 'rxjs';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { IconButtonComponent as IconButtonComponent$1, RaisedButtonComponent as RaisedButtonComponent$1, StrokedButtonComponent as StrokedButtonComponent$1 } from 'projects/cauca-material/src/public-api';
 import * as i2$2 from '@angular/cdk/layout';
+import { RaisedButtonComponent as RaisedButtonComponent$1, StrokedButtonComponent as StrokedButtonComponent$1, IconButtonComponent as IconButtonComponent$1 } from 'projects/cauca-material/src/public-api';
 import * as i5 from '@angular/cdk/text-field';
 import { MatProgressSpinner } from '@angular/material/progress-spinner';
 import * as i1$8 from '@angular/material/chips';
 import { MatChipsModule, MatChipGrid, MatChip, MatChipRemove, MatChipInput } from '@angular/material/chips';
 import * as i1$9 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule, FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { PasswordValidation } from 'projects/cauca-material/src/lib/core/models/password-validation';
-import { PasswordValidator } from 'projects/cauca-material/src/lib/core/validators/password/password-validator';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i2$3 from '@angular/material/autocomplete';
 import { MatAutocompleteModule, MatAutocompleteTrigger } from '@angular/material/autocomplete';
@@ -1450,16 +1448,16 @@ class AlertDialogComponent {
             i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, ctx.title));
             i0.ɵɵadvance(5);
             i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 4, ctx.message));
-        } }, dependencies: [TranslateModule, RaisedButtonComponent, IconButtonComponent$1, MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, i1.TranslatePipe], styles: ["@media (max-width: 500px){  .dialog-global-style{max-width:100vw!important}}  .dialog-global-style{margin:auto!important}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child{display:flex;align-items:center}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child   div[_ngcontent-%COMP%]:first-child{flex:1}.alert-dialog-content[_ngcontent-%COMP%]{white-space:pre-wrap}"] }); }
+        } }, dependencies: [TranslateModule, RaisedButtonComponent, IconButtonComponent, MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, i1.TranslatePipe], styles: ["@media (max-width: 500px){  .dialog-global-style{max-width:100vw!important}}  .dialog-global-style{margin:auto!important}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child{display:flex;align-items:center}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child   div[_ngcontent-%COMP%]:first-child{flex:1}.alert-dialog-content[_ngcontent-%COMP%]{white-space:pre-wrap}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AlertDialogComponent, [{
         type: Component,
-        args: [{ selector: 'cauca-alert-dialog', standalone: true, imports: [TranslateModule, RaisedButtonComponent, IconButtonComponent$1, MatDialogModule], template: "<div mat-dialog-title>\n  <div class=\"h6\">{{ title | translate }}</div>\n  <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\" />\n</div>\n<div class=\"alert-dialog-content\" mat-dialog-content>\n  <p>{{ message | translate }}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n  <cauca-raised-button id=\"okButton\" label=\"ok\" color=\"primary\" (buttonClick)=\"closeClick()\" />\n</mat-dialog-actions>", styles: ["@media (max-width: 500px){::ng-deep .dialog-global-style{max-width:100vw!important}}::ng-deep .dialog-global-style{margin:auto!important}:host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}.alert-dialog-content{white-space:pre-wrap}\n"] }]
+        args: [{ selector: 'cauca-alert-dialog', standalone: true, imports: [TranslateModule, RaisedButtonComponent, IconButtonComponent, MatDialogModule], template: "<div mat-dialog-title>\n  <div class=\"h6\">{{ title | translate }}</div>\n  <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\" />\n</div>\n<div class=\"alert-dialog-content\" mat-dialog-content>\n  <p>{{ message | translate }}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n  <cauca-raised-button id=\"okButton\" label=\"ok\" color=\"primary\" (buttonClick)=\"closeClick()\" />\n</mat-dialog-actions>", styles: ["@media (max-width: 500px){::ng-deep .dialog-global-style{max-width:100vw!important}}::ng-deep .dialog-global-style{margin:auto!important}:host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}.alert-dialog-content{white-space:pre-wrap}\n"] }]
     }], () => [{ type: i1$6.MatDialogRef }, { type: undefined, decorators: [{
                 type: Inject,
                 args: [MAT_DIALOG_DATA]
             }] }, { type: i2$2.BreakpointObserver }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AlertDialogComponent, { className: "AlertDialogComponent", filePath: "lib/dialogs/alert-dialog/alert-dialog.component.ts", lineNumber: 18 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AlertDialogComponent, { className: "AlertDialogComponent", filePath: "lib/dialogs/alert-dialog/alert-dialog.component.ts", lineNumber: 17 }); })();
 
 class ConfirmDialogComponent {
     constructor(dialogRef, data, breakdownObserver) {
@@ -1510,16 +1508,16 @@ class ConfirmDialogComponent {
             i0.ɵɵproperty("label", ctx.options.noText)("color", ctx.options.noColor);
             i0.ɵɵadvance();
             i0.ɵɵproperty("label", ctx.options.yesText)("color", ctx.options.yesColor);
-        } }, dependencies: [TranslateModule, MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, RaisedButtonComponent$1, StrokedButtonComponent$1, IconButtonComponent$1, i1.TranslatePipe], styles: ["@media (max-width: 500px){  .dialog-global-style{max-width:100vw!important}}  .dialog-global-style{margin:auto!important}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child{display:flex;align-items:center}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child   div[_ngcontent-%COMP%]:first-child{flex:1}.yes-button[_ngcontent-%COMP%]{padding-left:8px}.message[_ngcontent-%COMP%]{white-space:pre-wrap}.title[_ngcontent-%COMP%]{padding-top:8px}.action-buttons[_ngcontent-%COMP%]{display:flex;align-items:center;flex-direction:row;gap:8px}"] }); }
+        } }, dependencies: [TranslateModule, MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, RaisedButtonComponent, StrokedButtonComponent, IconButtonComponent, i1.TranslatePipe], styles: ["@media (max-width: 500px){  .dialog-global-style{max-width:100vw!important}}  .dialog-global-style{margin:auto!important}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child{display:flex;align-items:center}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child   div[_ngcontent-%COMP%]:first-child{flex:1}.yes-button[_ngcontent-%COMP%]{padding-left:8px}.message[_ngcontent-%COMP%]{white-space:pre-wrap}.title[_ngcontent-%COMP%]{padding-top:8px}.action-buttons[_ngcontent-%COMP%]{display:flex;align-items:center;flex-direction:row;gap:8px}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmDialogComponent, [{
         type: Component,
-        args: [{ selector: 'cauca-confirm-dialog', standalone: true, imports: [TranslateModule, MatDialogModule, RaisedButtonComponent$1, StrokedButtonComponent$1, IconButtonComponent$1], template: "<div mat-dialog-title>\n    <div class=\"h6 title\">{{ title | translate: options.titleArgs }}</div>\n    <cauca-icon-button id=\"close-button\" (buttonClick)=\"cancelClick()\" icon=\"close\" />\n  </div>\n  <div mat-dialog-content>\n    <p class=\"message\">{{ message | translate: options.messageArgs }}</p>\n  </div>\n  <mat-dialog-actions align=\"end\" class=\"action-buttons\">\n    <cauca-stroked-button class=\"no-button\" [label]=\"options.noText\" [color]=\"options.noColor\" (buttonClick)=\"noClick()\" />\n    <cauca-raised-button class=\"yes-button\" [label]=\"options.yesText\" [color]=\"options.yesColor\" (buttonClick)=\"yesClick()\" />\n  </mat-dialog-actions>", styles: ["@media (max-width: 500px){::ng-deep .dialog-global-style{max-width:100vw!important}}::ng-deep .dialog-global-style{margin:auto!important}:host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}.yes-button{padding-left:8px}.message{white-space:pre-wrap}.title{padding-top:8px}.action-buttons{display:flex;align-items:center;flex-direction:row;gap:8px}\n"] }]
+        args: [{ selector: 'cauca-confirm-dialog', standalone: true, imports: [TranslateModule, MatDialogModule, RaisedButtonComponent, StrokedButtonComponent, IconButtonComponent], template: "<div mat-dialog-title>\n    <div class=\"h6 title\">{{ title | translate: options.titleArgs }}</div>\n    <cauca-icon-button id=\"close-button\" (buttonClick)=\"cancelClick()\" icon=\"close\" />\n  </div>\n  <div mat-dialog-content>\n    <p class=\"message\">{{ message | translate: options.messageArgs }}</p>\n  </div>\n  <mat-dialog-actions align=\"end\" class=\"action-buttons\">\n    <cauca-stroked-button class=\"no-button\" [label]=\"options.noText\" [color]=\"options.noColor\" (buttonClick)=\"noClick()\" />\n    <cauca-raised-button class=\"yes-button\" [label]=\"options.yesText\" [color]=\"options.yesColor\" (buttonClick)=\"yesClick()\" />\n  </mat-dialog-actions>", styles: ["@media (max-width: 500px){::ng-deep .dialog-global-style{max-width:100vw!important}}::ng-deep .dialog-global-style{margin:auto!important}:host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}.yes-button{padding-left:8px}.message{white-space:pre-wrap}.title{padding-top:8px}.action-buttons{display:flex;align-items:center;flex-direction:row;gap:8px}\n"] }]
     }], () => [{ type: i1$6.MatDialogRef }, { type: undefined, decorators: [{
                 type: Inject,
                 args: [MAT_DIALOG_DATA]
             }] }, { type: i2$2.BreakpointObserver }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfirmDialogComponent, { className: "ConfirmDialogComponent", filePath: "lib/dialogs/confirm-dialog/confirm-dialog.component.ts", lineNumber: 17 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfirmDialogComponent, { className: "ConfirmDialogComponent", filePath: "lib/dialogs/confirm-dialog/confirm-dialog.component.ts", lineNumber: 19 }); })();
 
 function TextInputDialogComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "textarea", 5);
@@ -2398,6 +2396,37 @@ class PasswordInputComponent {
     }], () => [], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordInputComponent, { className: "PasswordInputComponent", filePath: "lib/inputs/password/password-input/password-input.component.ts", lineNumber: 23 }); })();
 
+class PasswordValidation {
+    constructor(hasMinimumCharacters = false, hasMinimumNumeric = false, hasLowerAndUppercase = false, hasSpecialCharacter = false, hasIdenticalPassword = false) {
+        this.hasMinimumCharacters = hasMinimumCharacters;
+        this.hasMinimumNumeric = hasMinimumNumeric;
+        this.hasLowerAndUppercase = hasLowerAndUppercase;
+        this.hasSpecialCharacter = hasSpecialCharacter;
+        this.hasIdenticalPassword = hasIdenticalPassword;
+    }
+    isValid() {
+        return this.hasMinimumCharacters && this.hasMinimumNumeric && this.hasLowerAndUppercase && this.hasSpecialCharacter && this.hasIdenticalPassword;
+    }
+}
+
+class PasswordValidator {
+    static { this.passwordMinLength = 13; }
+    static validate(formGroup) {
+        const password = formGroup.controls['password'].value;
+        const confirmedPassword = formGroup.controls['confirmation'].value;
+        return new PasswordValidation(password.length >= this.passwordMinLength, this.hasNumeric(password), this.hasLowerCaseAndUpperCase(password), this.hasSpecialCharacter(password), password && password === confirmedPassword);
+    }
+    static hasLowerCaseAndUpperCase(password) {
+        return /^(?=.*[a-z])(?=.*[A-Z])/.test(password);
+    }
+    static hasNumeric(password) {
+        return /(?=.*\d)/.test(password);
+    }
+    static hasSpecialCharacter(password) {
+        return new RegExp(/[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/).test(password);
+    }
+}
+
 const _c0$7 = ["*"];
 function PasswordSelectionComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "cauca-password-criteria-viewer", 5);