@cauca-911/material 20.0.9 → 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.
|
@@ -27,7 +27,6 @@ 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
29
|
import * as i2$2 from '@angular/cdk/layout';
|
|
30
|
-
import { RaisedButtonComponent as RaisedButtonComponent$1, StrokedButtonComponent as StrokedButtonComponent$1, IconButtonComponent as IconButtonComponent$1 } from 'projects/cauca-material/src/public-api';
|
|
31
30
|
import * as i5 from '@angular/cdk/text-field';
|
|
32
31
|
import { MatProgressSpinner } from '@angular/material/progress-spinner';
|
|
33
32
|
import * as i1$8 from '@angular/material/chips';
|
|
@@ -1635,16 +1634,16 @@ class TextInputDialogComponent {
|
|
|
1635
1634
|
i0.ɵɵproperty("label", ctx.cancelButtonLabel);
|
|
1636
1635
|
i0.ɵɵadvance();
|
|
1637
1636
|
i0.ɵɵproperty("isDisabled", !ctx.form.valid)("label", ctx.validateButtonLabel);
|
|
1638
|
-
} }, 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}"] }); }
|
|
1639
1638
|
}
|
|
1640
1639
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextInputDialogComponent, [{
|
|
1641
1640
|
type: Component,
|
|
1642
|
-
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"] }]
|
|
1643
1642
|
}], () => [{ type: i1$7.UntypedFormBuilder }, { type: i1$6.MatDialogRef }, { type: undefined, decorators: [{
|
|
1644
1643
|
type: Inject,
|
|
1645
1644
|
args: [MAT_DIALOG_DATA]
|
|
1646
1645
|
}] }], null); })();
|
|
1647
|
-
(() => { (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 }); })();
|
|
1648
1647
|
|
|
1649
1648
|
class DeleteDialogData {
|
|
1650
1649
|
constructor() {
|
|
@@ -1716,16 +1715,16 @@ class DeleteDialogComponent {
|
|
|
1716
1715
|
i0.ɵɵconditional(ctx.itemGenderIsFemale ? 1 : 2);
|
|
1717
1716
|
i0.ɵɵadvance(5);
|
|
1718
1717
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(7, 2, "deleteDialog.message", i0.ɵɵpureFunction1(5, _c0$a, ctx.itemName)));
|
|
1719
|
-
} }, 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}"] }); }
|
|
1720
1719
|
}
|
|
1721
1720
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DeleteDialogComponent, [{
|
|
1722
1721
|
type: Component,
|
|
1723
|
-
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"] }]
|
|
1724
1723
|
}], () => [{ type: i1$6.MatDialogRef }, { type: DeleteDialogData, decorators: [{
|
|
1725
1724
|
type: Inject,
|
|
1726
1725
|
args: [MAT_DIALOG_DATA]
|
|
1727
1726
|
}] }, { type: i2$2.BreakpointObserver }], null); })();
|
|
1728
|
-
(() => { (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 }); })();
|
|
1729
1728
|
|
|
1730
1729
|
const _c0$9 = a0 => ({ itemName: a0 });
|
|
1731
1730
|
class ErrorDialogComponent {
|
|
@@ -1761,16 +1760,16 @@ class ErrorDialogComponent {
|
|
|
1761
1760
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "errorDialog.titleError"));
|
|
1762
1761
|
i0.ɵɵadvance(5);
|
|
1763
1762
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(8, 4, "errorDialog.messageError", i0.ɵɵpureFunction1(7, _c0$9, ctx.itemName)));
|
|
1764
|
-
} }, 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}"] }); }
|
|
1765
1764
|
}
|
|
1766
1765
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ErrorDialogComponent, [{
|
|
1767
1766
|
type: Component,
|
|
1768
|
-
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"] }]
|
|
1769
1768
|
}], () => [{ type: i1$6.MatDialogRef }, { type: DeleteDialogData, decorators: [{
|
|
1770
1769
|
type: Inject,
|
|
1771
1770
|
args: [MAT_DIALOG_DATA]
|
|
1772
1771
|
}] }, { type: i2$2.BreakpointObserver }], null); })();
|
|
1773
|
-
(() => { (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 }); })();
|
|
1774
1773
|
|
|
1775
1774
|
class DialogService {
|
|
1776
1775
|
constructor() {
|
|
@@ -1943,17 +1942,17 @@ class SnackBarComponent {
|
|
|
1943
1942
|
i0.ɵɵconditional(ctx.showButton() ? 10 : -1);
|
|
1944
1943
|
i0.ɵɵadvance();
|
|
1945
1944
|
i0.ɵɵconditional(ctx.showCloseButton() ? 11 : -1);
|
|
1946
|
-
} }, 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 }); }
|
|
1947
1946
|
}
|
|
1948
1947
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SnackBarComponent, [{
|
|
1949
1948
|
type: Component,
|
|
1950
|
-
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"] }]
|
|
1951
1950
|
}], null, { closeClick: [{
|
|
1952
1951
|
type: Output
|
|
1953
1952
|
}], buttonClick: [{
|
|
1954
1953
|
type: Output
|
|
1955
1954
|
}] }); })();
|
|
1956
|
-
(() => { (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 }); })();
|
|
1957
1956
|
|
|
1958
1957
|
function LoadingErrorComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
1959
1958
|
const _r1 = i0.ɵɵgetCurrentView();
|