@cauca-911/material 20.0.8 → 20.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -26,7 +26,6 @@ import * as i1$5 from '@angular/cdk/clipboard';
|
|
|
26
26
|
import { MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
|
|
27
27
|
import { firstValueFrom, of, tap, mergeMap, catchError, finalize, throwError, filter, Subject, startWith, map } from 'rxjs';
|
|
28
28
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
29
|
-
import { IconButtonComponent as IconButtonComponent$1, RaisedButtonComponent as RaisedButtonComponent$1, StrokedButtonComponent as StrokedButtonComponent$1 } from 'projects/cauca-material/src/public-api';
|
|
30
29
|
import * as i2$2 from '@angular/cdk/layout';
|
|
31
30
|
import * as i5 from '@angular/cdk/text-field';
|
|
32
31
|
import { MatProgressSpinner } from '@angular/material/progress-spinner';
|
|
@@ -34,8 +33,6 @@ import * as i1$8 from '@angular/material/chips';
|
|
|
34
33
|
import { MatChipsModule, MatChipGrid, MatChip, MatChipRemove, MatChipInput } from '@angular/material/chips';
|
|
35
34
|
import * as i1$9 from '@fortawesome/angular-fontawesome';
|
|
36
35
|
import { FontAwesomeModule, FaIconComponent } from '@fortawesome/angular-fontawesome';
|
|
37
|
-
import { PasswordValidation } from 'projects/cauca-material/src/lib/core/models/password-validation';
|
|
38
|
-
import { PasswordValidator } from 'projects/cauca-material/src/lib/core/validators/password/password-validator';
|
|
39
36
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
40
37
|
import * as i2$3 from '@angular/material/autocomplete';
|
|
41
38
|
import { MatAutocompleteModule, MatAutocompleteTrigger } from '@angular/material/autocomplete';
|
|
@@ -1450,16 +1447,16 @@ class AlertDialogComponent {
|
|
|
1450
1447
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, ctx.title));
|
|
1451
1448
|
i0.ɵɵadvance(5);
|
|
1452
1449
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 4, ctx.message));
|
|
1453
|
-
} }, dependencies: [TranslateModule, RaisedButtonComponent, IconButtonComponent
|
|
1450
|
+
} }, 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}"] }); }
|
|
1454
1451
|
}
|
|
1455
1452
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AlertDialogComponent, [{
|
|
1456
1453
|
type: Component,
|
|
1457
|
-
args: [{ selector: 'cauca-alert-dialog', standalone: true, imports: [TranslateModule, RaisedButtonComponent, IconButtonComponent
|
|
1454
|
+
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"] }]
|
|
1458
1455
|
}], () => [{ type: i1$6.MatDialogRef }, { type: undefined, decorators: [{
|
|
1459
1456
|
type: Inject,
|
|
1460
1457
|
args: [MAT_DIALOG_DATA]
|
|
1461
1458
|
}] }, { type: i2$2.BreakpointObserver }], null); })();
|
|
1462
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AlertDialogComponent, { className: "AlertDialogComponent", filePath: "lib/dialogs/alert-dialog/alert-dialog.component.ts", lineNumber:
|
|
1459
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AlertDialogComponent, { className: "AlertDialogComponent", filePath: "lib/dialogs/alert-dialog/alert-dialog.component.ts", lineNumber: 17 }); })();
|
|
1463
1460
|
|
|
1464
1461
|
class ConfirmDialogComponent {
|
|
1465
1462
|
constructor(dialogRef, data, breakdownObserver) {
|
|
@@ -1510,16 +1507,16 @@ class ConfirmDialogComponent {
|
|
|
1510
1507
|
i0.ɵɵproperty("label", ctx.options.noText)("color", ctx.options.noColor);
|
|
1511
1508
|
i0.ɵɵadvance();
|
|
1512
1509
|
i0.ɵɵproperty("label", ctx.options.yesText)("color", ctx.options.yesColor);
|
|
1513
|
-
} }, dependencies: [TranslateModule, MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, RaisedButtonComponent
|
|
1510
|
+
} }, 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}"] }); }
|
|
1514
1511
|
}
|
|
1515
1512
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmDialogComponent, [{
|
|
1516
1513
|
type: Component,
|
|
1517
|
-
args: [{ selector: 'cauca-confirm-dialog', standalone: true, imports: [TranslateModule, MatDialogModule, RaisedButtonComponent
|
|
1514
|
+
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"] }]
|
|
1518
1515
|
}], () => [{ type: i1$6.MatDialogRef }, { type: undefined, decorators: [{
|
|
1519
1516
|
type: Inject,
|
|
1520
1517
|
args: [MAT_DIALOG_DATA]
|
|
1521
1518
|
}] }, { type: i2$2.BreakpointObserver }], null); })();
|
|
1522
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfirmDialogComponent, { className: "ConfirmDialogComponent", filePath: "lib/dialogs/confirm-dialog/confirm-dialog.component.ts", lineNumber:
|
|
1519
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfirmDialogComponent, { className: "ConfirmDialogComponent", filePath: "lib/dialogs/confirm-dialog/confirm-dialog.component.ts", lineNumber: 19 }); })();
|
|
1523
1520
|
|
|
1524
1521
|
function TextInputDialogComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
|
|
1525
1522
|
i0.ɵɵelement(0, "textarea", 5);
|
|
@@ -1637,16 +1634,16 @@ class TextInputDialogComponent {
|
|
|
1637
1634
|
i0.ɵɵproperty("label", ctx.cancelButtonLabel);
|
|
1638
1635
|
i0.ɵɵadvance();
|
|
1639
1636
|
i0.ɵɵproperty("isDisabled", !ctx.form.valid)("label", ctx.validateButtonLabel);
|
|
1640
|
-
} }, dependencies: [TranslateModule, RaisedButtonComponent
|
|
1637
|
+
} }, dependencies: [TranslateModule, RaisedButtonComponent, MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, StrokedButtonComponent, MatFormFieldModule, i1$4.MatFormField, i1$4.MatLabel, i1$4.MatError, i1$4.MatSuffix, MatInputModule, i3.MatInput, i5.CdkTextareaAutosize, ReactiveFormsModule, i1$7.ɵNgNoValidate, i1$7.DefaultValueAccessor, i1$7.NgControlStatus, i1$7.NgControlStatusGroup, i1$7.FormGroupDirective, i1$7.FormControlName, IconButtonComponent, i1.TranslatePipe], styles: ["[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child{display:flex;align-items:center;padding:8px 24px 0}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child div[_ngcontent-%COMP%]:first-child{flex:1}mat-form-field[_ngcontent-%COMP%]{width:100%}.mat-mdc-dialog-actions.mat-mdc-dialog-actions-align-end[_ngcontent-%COMP%], .mat-mdc-dialog-actions[align=end][_ngcontent-%COMP%]{column-gap:8px}.mat-mdc-dialog-content[_ngcontent-%COMP%]{padding-top:8px!important}"] }); }
|
|
1641
1638
|
}
|
|
1642
1639
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextInputDialogComponent, [{
|
|
1643
1640
|
type: Component,
|
|
1644
|
-
args: [{ selector: 'cauca-text-input-dialog', standalone: true, imports: [TranslateModule, RaisedButtonComponent
|
|
1641
|
+
args: [{ selector: 'cauca-text-input-dialog', standalone: true, imports: [TranslateModule, RaisedButtonComponent, MatDialogModule, StrokedButtonComponent, MatFormFieldModule, MatInputModule, ReactiveFormsModule, IconButtonComponent], template: "<div mat-dialog-title>\r\n <div class=\"h6\">{{ titleLabel | translate }}</div>\r\n <cauca-icon-button id=\"close-button\" icon=\"close\" (buttonClick)=\"cancelClick()\" />\r\n</div>\r\n<div mat-dialog-content>\r\n <form [formGroup]=\"form\">\r\n <mat-form-field>\r\n <mat-label>{{ inputLabel | translate}}</mat-label>\r\n @if (useTextArea()) {\r\n <textarea cdkTextareaAutosize formControlName=\"input\" matInput></textarea>\r\n } @else {\r\n <input formControlName=\"input\" matInput />\r\n }\r\n @if (showSuffix()) { <span matTextSuffix>{{suffix()}}</span> }\r\n @if (form.controls.input.hasError('required')) {<mat-error>{{'error.requiredField' | translate}}</mat-error>}\r\n @if (form.controls.input.hasError('invalidName')) {<mat-error>{{'error.invalidName' | translate}}</mat-error>}\r\n @if (form.controls.input.hasError('alreadyUsed')) {<mat-error>{{'error.alreadyUsed' | translate}}</mat-error>}\r\n </mat-form-field>\r\n </form>\r\n</div>\r\n<mat-dialog-actions align=\"end\">\r\n <cauca-stroked-button id=\"close-button\" [label]=\"cancelButtonLabel\" (buttonClick)=\"cancelClick()\" color=\"primary\" />\r\n <cauca-raised-button class=\"yes-button\" [isDisabled]=\"!form.valid\" [label]=\"validateButtonLabel\" color=\"primary\" (buttonClick)=\"validateClick()\" />\r\n</mat-dialog-actions>", styles: [":host>div:first-child{display:flex;align-items:center;padding:8px 24px 0}:host>div:first-child div:first-child{flex:1}mat-form-field{width:100%}.mat-mdc-dialog-actions.mat-mdc-dialog-actions-align-end,.mat-mdc-dialog-actions[align=end]{column-gap:8px}.mat-mdc-dialog-content{padding-top:8px!important}\n"] }]
|
|
1645
1642
|
}], () => [{ type: i1$7.UntypedFormBuilder }, { type: i1$6.MatDialogRef }, { type: undefined, decorators: [{
|
|
1646
1643
|
type: Inject,
|
|
1647
1644
|
args: [MAT_DIALOG_DATA]
|
|
1648
1645
|
}] }], null); })();
|
|
1649
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TextInputDialogComponent, { className: "TextInputDialogComponent", filePath: "lib/dialogs/text-input-dialog/text-input-dialog.component.ts", lineNumber:
|
|
1646
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TextInputDialogComponent, { className: "TextInputDialogComponent", filePath: "lib/dialogs/text-input-dialog/text-input-dialog.component.ts", lineNumber: 19 }); })();
|
|
1650
1647
|
|
|
1651
1648
|
class DeleteDialogData {
|
|
1652
1649
|
constructor() {
|
|
@@ -1718,16 +1715,16 @@ class DeleteDialogComponent {
|
|
|
1718
1715
|
i0.ɵɵconditional(ctx.itemGenderIsFemale ? 1 : 2);
|
|
1719
1716
|
i0.ɵɵadvance(5);
|
|
1720
1717
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(7, 2, "deleteDialog.message", i0.ɵɵpureFunction1(5, _c0$a, ctx.itemName)));
|
|
1721
|
-
} }, dependencies: [MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, TranslateModule, StrokedButtonComponent
|
|
1718
|
+
} }, dependencies: [MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, TranslateModule, StrokedButtonComponent, IconButtonComponent, RaisedButtonComponent, 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}.mat-mdc-dialog-actions[_ngcontent-%COMP%]{column-gap:8px}"] }); }
|
|
1722
1719
|
}
|
|
1723
1720
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DeleteDialogComponent, [{
|
|
1724
1721
|
type: Component,
|
|
1725
|
-
args: [{ selector: 'cauca-delete-dialog', standalone: true, imports: [MatDialogModule, TranslateModule, StrokedButtonComponent
|
|
1722
|
+
args: [{ selector: 'cauca-delete-dialog', standalone: true, imports: [MatDialogModule, TranslateModule, StrokedButtonComponent, IconButtonComponent, RaisedButtonComponent], template: "<div mat-dialog-title>\n @if (itemGenderIsFemale)\n {\n <div class=\"h6 title\">{{ ('deleteDialog.titleFemale' | translate:{itemType}) }}</div>\n } @else\n {\n <div class=\"h6 title\">{{ ('deleteDialog.titleMale' | translate:{itemType}) }}</div>\n }\n <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\" />\n</div>\n<div mat-dialog-content>\n <p>{{('deleteDialog.message' | translate:{itemName})}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n <cauca-stroked-button id=\"cancelButton\" label=\"cancel\" color=\"primary\" (buttonClick)=\"closeClick()\"/>\n <cauca-raised-button id=\"deleteButton\" label=\"delete\" color=\"warn\" (buttonClick)=\"deleteClick()\" />\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}.mat-mdc-dialog-actions{column-gap:8px}\n"] }]
|
|
1726
1723
|
}], () => [{ type: i1$6.MatDialogRef }, { type: DeleteDialogData, decorators: [{
|
|
1727
1724
|
type: Inject,
|
|
1728
1725
|
args: [MAT_DIALOG_DATA]
|
|
1729
1726
|
}] }, { type: i2$2.BreakpointObserver }], null); })();
|
|
1730
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DeleteDialogComponent, { className: "DeleteDialogComponent", filePath: "lib/dialogs/delete-dialog/delete-dialog.component.ts", lineNumber:
|
|
1727
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DeleteDialogComponent, { className: "DeleteDialogComponent", filePath: "lib/dialogs/delete-dialog/delete-dialog.component.ts", lineNumber: 18 }); })();
|
|
1731
1728
|
|
|
1732
1729
|
const _c0$9 = a0 => ({ itemName: a0 });
|
|
1733
1730
|
class ErrorDialogComponent {
|
|
@@ -1763,16 +1760,16 @@ class ErrorDialogComponent {
|
|
|
1763
1760
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "errorDialog.titleError"));
|
|
1764
1761
|
i0.ɵɵadvance(5);
|
|
1765
1762
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(8, 4, "errorDialog.messageError", i0.ɵɵpureFunction1(7, _c0$9, ctx.itemName)));
|
|
1766
|
-
} }, dependencies: [MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, TranslateModule, RaisedButtonComponent
|
|
1763
|
+
} }, dependencies: [MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, TranslateModule, RaisedButtonComponent, 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}"] }); }
|
|
1767
1764
|
}
|
|
1768
1765
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ErrorDialogComponent, [{
|
|
1769
1766
|
type: Component,
|
|
1770
|
-
args: [{ selector: 'cauca-error-dialog', standalone: true, imports: [MatDialogModule, TranslateModule, RaisedButtonComponent
|
|
1767
|
+
args: [{ selector: 'cauca-error-dialog', standalone: true, imports: [MatDialogModule, TranslateModule, RaisedButtonComponent, IconButtonComponent], template: "<div mat-dialog-title>\n <div class=\"h6\">{{('errorDialog.titleError' | translate)}}</div>\n <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\"/>\n</div>\n<div mat-dialog-content>\n <p>{{('errorDialog.messageError' | translate:{itemName})}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n <cauca-raised-button id=\"okButton\" label=\"ok\" color=\"warn\" (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}\n"] }]
|
|
1771
1768
|
}], () => [{ type: i1$6.MatDialogRef }, { type: DeleteDialogData, decorators: [{
|
|
1772
1769
|
type: Inject,
|
|
1773
1770
|
args: [MAT_DIALOG_DATA]
|
|
1774
1771
|
}] }, { type: i2$2.BreakpointObserver }], null); })();
|
|
1775
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ErrorDialogComponent, { className: "ErrorDialogComponent", filePath: "lib/dialogs/error-dialog/error-dialog.component.ts", lineNumber:
|
|
1772
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ErrorDialogComponent, { className: "ErrorDialogComponent", filePath: "lib/dialogs/error-dialog/error-dialog.component.ts", lineNumber: 17 }); })();
|
|
1776
1773
|
|
|
1777
1774
|
class DialogService {
|
|
1778
1775
|
constructor() {
|
|
@@ -1945,17 +1942,17 @@ class SnackBarComponent {
|
|
|
1945
1942
|
i0.ɵɵconditional(ctx.showButton() ? 10 : -1);
|
|
1946
1943
|
i0.ɵɵadvance();
|
|
1947
1944
|
i0.ɵɵconditional(ctx.showCloseButton() ? 11 : -1);
|
|
1948
|
-
} }, dependencies: [MatIcon, StrokedButtonComponent
|
|
1945
|
+
} }, dependencies: [MatIcon, StrokedButtonComponent, IconButtonComponent, TranslateModule, i1.TranslatePipe], styles: [".info[_ngcontent-%COMP%]{--darkBackgroundColor: #0288D1;--lightBackgroundColor: #E5F6FD;--lightColor: white;--darkColor: #014361}.warning[_ngcontent-%COMP%]{--darkBackgroundColor: #ED6C02;--lightBackgroundColor: #FFF4E5;--lightColor: white;--darkColor: #663C00}.success[_ngcontent-%COMP%]{--darkBackgroundColor: #2E7D32;--lightBackgroundColor: #EDF7ED;--lightColor: white;--darkColor: #1E4620}.error[_ngcontent-%COMP%]{--darkBackgroundColor: #D32F2F;--lightBackgroundColor: #FDEDED;--lightColor: white;--darkColor: #5F2120}.filled[_ngcontent-%COMP%]{--textColor: var(--lightColor);--iconColor: var(--lightColor);background-color:var(--darkBackgroundColor)}.standard[_ngcontent-%COMP%], .outlined[_ngcontent-%COMP%]{--textColor: var(--darkColor);--iconColor: var(--darkBackgroundColor)}.container[_ngcontent-%COMP%]{display:flex;padding:6px 16px;align-items:flex-start;border-radius:4px}.text-container[_ngcontent-%COMP%]{display:flex;padding:8px 0;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0}.icon-container[_ngcontent-%COMP%]{display:flex;padding:7px 12px 7px 0;align-items:flex-start}.icon-container[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{color:var(--iconColor)}.message[_ngcontent-%COMP%], .title[_ngcontent-%COMP%]{color:var(--textColor)}.standard[_ngcontent-%COMP%]{background-color:var(--lightBackgroundColor)}.outlined[_ngcontent-%COMP%]{background-color:transparent;border:1px solid var(--darkBackgroundColor)}.standard[_ngcontent-%COMP%] .outlined[_ngcontent-%COMP%]{color:var(--darkColor)}"], changeDetection: 0 }); }
|
|
1949
1946
|
}
|
|
1950
1947
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SnackBarComponent, [{
|
|
1951
1948
|
type: Component,
|
|
1952
|
-
args: [{ selector: 'cauca-snackbar', imports: [MatIcon, StrokedButtonComponent
|
|
1949
|
+
args: [{ selector: 'cauca-snackbar', imports: [MatIcon, StrokedButtonComponent, IconButtonComponent, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"container\" [class]=\"appearanceClasses()\">\r\n\r\n <div class=\"icon-container\">\r\n <mat-icon>{{icon()}}</mat-icon>\r\n </div>\r\n\r\n <div class=\"text-container\">\r\n <div class=\"title alert-title\">{{caption()|translate}}</div>\r\n <div class=\"message body2\"><ng-content></ng-content></div>\r\n </div>\r\n\r\n @if (showButton()) {<cauca-stroked-button [color]=\"buttonColor()\" [label]=\"buttonLabel()\" (click)=\"buttonClick.emit()\" onkeypress=\"buttonClick.emit()\" [isInProgress]=\"inProgress()\" [icon]=\"buttonIcon()\" />}\r\n\r\n @if (showCloseButton()) {<cauca-icon-button icon=\"close\" (click)=\"closeClick.emit()\" onkeypress=\"closeClick.emit()\" />}\r\n\r\n</div>", styles: [".info{--darkBackgroundColor: #0288D1;--lightBackgroundColor: #E5F6FD;--lightColor: white;--darkColor: #014361}.warning{--darkBackgroundColor: #ED6C02;--lightBackgroundColor: #FFF4E5;--lightColor: white;--darkColor: #663C00}.success{--darkBackgroundColor: #2E7D32;--lightBackgroundColor: #EDF7ED;--lightColor: white;--darkColor: #1E4620}.error{--darkBackgroundColor: #D32F2F;--lightBackgroundColor: #FDEDED;--lightColor: white;--darkColor: #5F2120}.filled{--textColor: var(--lightColor);--iconColor: var(--lightColor);background-color:var(--darkBackgroundColor)}.standard,.outlined{--textColor: var(--darkColor);--iconColor: var(--darkBackgroundColor)}.container{display:flex;padding:6px 16px;align-items:flex-start;border-radius:4px}.text-container{display:flex;padding:8px 0;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0}.icon-container{display:flex;padding:7px 12px 7px 0;align-items:flex-start}.icon-container mat-icon{color:var(--iconColor)}.message,.title{color:var(--textColor)}.standard{background-color:var(--lightBackgroundColor)}.outlined{background-color:transparent;border:1px solid var(--darkBackgroundColor)}.standard .outlined{color:var(--darkColor)}\n"] }]
|
|
1953
1950
|
}], null, { closeClick: [{
|
|
1954
1951
|
type: Output
|
|
1955
1952
|
}], buttonClick: [{
|
|
1956
1953
|
type: Output
|
|
1957
1954
|
}] }); })();
|
|
1958
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SnackBarComponent, { className: "SnackBarComponent", filePath: "lib/misc/snack-bar/snack-bar.component.ts", lineNumber:
|
|
1955
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SnackBarComponent, { className: "SnackBarComponent", filePath: "lib/misc/snack-bar/snack-bar.component.ts", lineNumber: 14 }); })();
|
|
1959
1956
|
|
|
1960
1957
|
function LoadingErrorComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
1961
1958
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
@@ -2398,6 +2395,37 @@ class PasswordInputComponent {
|
|
|
2398
2395
|
}], () => [], null); })();
|
|
2399
2396
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordInputComponent, { className: "PasswordInputComponent", filePath: "lib/inputs/password/password-input/password-input.component.ts", lineNumber: 23 }); })();
|
|
2400
2397
|
|
|
2398
|
+
class PasswordValidation {
|
|
2399
|
+
constructor(hasMinimumCharacters = false, hasMinimumNumeric = false, hasLowerAndUppercase = false, hasSpecialCharacter = false, hasIdenticalPassword = false) {
|
|
2400
|
+
this.hasMinimumCharacters = hasMinimumCharacters;
|
|
2401
|
+
this.hasMinimumNumeric = hasMinimumNumeric;
|
|
2402
|
+
this.hasLowerAndUppercase = hasLowerAndUppercase;
|
|
2403
|
+
this.hasSpecialCharacter = hasSpecialCharacter;
|
|
2404
|
+
this.hasIdenticalPassword = hasIdenticalPassword;
|
|
2405
|
+
}
|
|
2406
|
+
isValid() {
|
|
2407
|
+
return this.hasMinimumCharacters && this.hasMinimumNumeric && this.hasLowerAndUppercase && this.hasSpecialCharacter && this.hasIdenticalPassword;
|
|
2408
|
+
}
|
|
2409
|
+
}
|
|
2410
|
+
|
|
2411
|
+
class PasswordValidator {
|
|
2412
|
+
static { this.passwordMinLength = 13; }
|
|
2413
|
+
static validate(formGroup) {
|
|
2414
|
+
const password = formGroup.controls['password'].value;
|
|
2415
|
+
const confirmedPassword = formGroup.controls['confirmation'].value;
|
|
2416
|
+
return new PasswordValidation(password.length >= this.passwordMinLength, this.hasNumeric(password), this.hasLowerCaseAndUpperCase(password), this.hasSpecialCharacter(password), password && password === confirmedPassword);
|
|
2417
|
+
}
|
|
2418
|
+
static hasLowerCaseAndUpperCase(password) {
|
|
2419
|
+
return /^(?=.*[a-z])(?=.*[A-Z])/.test(password);
|
|
2420
|
+
}
|
|
2421
|
+
static hasNumeric(password) {
|
|
2422
|
+
return /(?=.*\d)/.test(password);
|
|
2423
|
+
}
|
|
2424
|
+
static hasSpecialCharacter(password) {
|
|
2425
|
+
return new RegExp(/[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/).test(password);
|
|
2426
|
+
}
|
|
2427
|
+
}
|
|
2428
|
+
|
|
2401
2429
|
const _c0$7 = ["*"];
|
|
2402
2430
|
function PasswordSelectionComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
2403
2431
|
i0.ɵɵelement(0, "cauca-password-criteria-viewer", 5);
|