@litigiovirtual/ius-design-components 1.0.67 → 1.0.69
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.
- package/esm2022/lib/button-standard-tertiary/button-standard-tertiary.component.mjs +3 -3
- package/esm2022/lib/snackbar/snackbar.component.mjs +5 -18
- package/fesm2022/litigiovirtual-ius-design-components.mjs +6 -19
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/snackbar/snackbar.component.d.ts +4 -7
- package/package.json +1 -1
|
@@ -13,11 +13,11 @@ export class ButtonStandardTertiaryComponent {
|
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonStandardTertiaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonStandardTertiaryComponent, isStandalone: true, selector: "ius-button-standard-tertiary", inputs: { disabled: "disabled", iconName: "iconName" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\">\r\n @if(iconName){\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <ng-content></ng-content>\r\n</button>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.icon-color{color:#333}.ius-btn{width:100%;display:inline-flex;padding:8px 24px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background-color:#fff;color:#333;border:none;cursor:pointer;letter-spacing:.28px;font-family:Rubik,sans-serif;font-weight:500;font-size:.875rem;line-height:20px}.ius-btn:hover:not(:disabled){background-color:#eaeaea}.ius-btn:active:not(:disabled){background-color:#02457f;color:#fff}.ius-btn:active:not(:disabled) .icon-color{color:#fff}.ius-btn:disabled{color:#bfbfbf;background-color:#fff;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonStandardTertiaryComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'ius-button-standard-tertiary', standalone: true, imports: [IconMdComponent], template: "<button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\">\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n <ng-content></ng-content>\r\n</button
|
|
20
|
+
args: [{ selector: 'ius-button-standard-tertiary', standalone: true, imports: [IconMdComponent], template: "<button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\">\r\n @if(iconName){\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <ng-content></ng-content>\r\n</button>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.icon-color{color:#333}.ius-btn{width:100%;display:inline-flex;padding:8px 24px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background-color:#fff;color:#333;border:none;cursor:pointer;letter-spacing:.28px;font-family:Rubik,sans-serif;font-weight:500;font-size:.875rem;line-height:20px}.ius-btn:hover:not(:disabled){background-color:#eaeaea}.ius-btn:active:not(:disabled){background-color:#02457f;color:#fff}.ius-btn:active:not(:disabled) .icon-color{color:#fff}.ius-btn:disabled{color:#bfbfbf;background-color:#fff;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"] }]
|
|
21
21
|
}], propDecorators: { disabled: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], iconName: [{
|
|
@@ -25,4 +25,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
25
25
|
}], buttonClicked: [{
|
|
26
26
|
type: Output
|
|
27
27
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXN0YW5kYXJkLXRlcnRpYXJ5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2J1dHRvbi1zdGFuZGFyZC10ZXJ0aWFyeS9idXR0b24tc3RhbmRhcmQtdGVydGlhcnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvYnV0dG9uLXN0YW5kYXJkLXRlcnRpYXJ5L2J1dHRvbi1zdGFuZGFyZC10ZXJ0aWFyeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFTL0QsTUFBTSxPQUFPLCtCQUErQjtJQVA1QztRQVFXLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUNiLGtCQUFhLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7S0FRbEU7SUFOQyxPQUFPO1FBQ0wsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLEtBQUssRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDNUIsQ0FBQztJQUNILENBQUM7K0dBVFUsK0JBQStCO21HQUEvQiwrQkFBK0IsNkxDVjVDLHVPQUtTLDArRERDRyxlQUFlOzs0RkFJZCwrQkFBK0I7a0JBUDNDLFNBQVM7K0JBQ0UsOEJBQThCLGNBQzVCLElBQUksV0FDUCxDQUFDLGVBQWUsQ0FBQzs4QkFLakIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJY29uTWRDb21wb25lbnQgfSBmcm9tIFwiLi4vaWNvbi1tZC9pY29uLW1kLmNvbXBvbmVudFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtYnV0dG9uLXN0YW5kYXJkLXRlcnRpYXJ5JyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtJY29uTWRDb21wb25lbnRdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24tc3RhbmRhcmQtdGVydGlhcnkuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9idXR0b24tc3RhbmRhcmQtdGVydGlhcnkuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCdXR0b25TdGFuZGFyZFRlcnRpYXJ5Q29tcG9uZW50IHtcclxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGljb25OYW1lID0gJyc7XHJcbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgb25DbGljaygpIHtcclxuICAgIGlmICh0aGlzLmRpc2FibGVkID09IGZhbHNlKSB7XHJcbiAgICAgIHRoaXMuYnV0dG9uQ2xpY2tlZC5lbWl0KCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8YnV0dG9uIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIChjbGljayk9XCJvbkNsaWNrKClcIiBjbGFzcz1cIml1cy1idG5cIj5cclxuICAgIEBpZihpY29uTmFtZSl7XHJcbiAgICA8aXVzLWljb24tbWQgW2ljb25OYW1lXT1cImljb25OYW1lXCIgY2xhc3M9XCJpY29uLWNvbG9yXCI+PC9pdXMtaWNvbi1tZD5cclxuICAgIH1cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9idXR0b24+Il19
|
|
@@ -8,33 +8,22 @@ export class SnackbarComponent {
|
|
|
8
8
|
constructor() {
|
|
9
9
|
this.showClose = false;
|
|
10
10
|
this.variant = 'notification';
|
|
11
|
-
// Cerrar automáticamente en ms. 0 = no cierra solo
|
|
12
|
-
this.duration = 0;
|
|
13
11
|
this.closed = new EventEmitter();
|
|
14
12
|
this.clickAction = new EventEmitter();
|
|
15
13
|
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
this.timer = setTimeout(() => this.close(), this.duration);
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
ngOnDestroy() {
|
|
22
|
-
if (this.timer) {
|
|
23
|
-
clearTimeout(this.timer);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
close() {
|
|
14
|
+
close(event) {
|
|
15
|
+
event.stopImmediatePropagation();
|
|
27
16
|
this.closed.emit();
|
|
28
17
|
}
|
|
29
18
|
onclickAction() {
|
|
30
19
|
this.clickAction.emit();
|
|
31
20
|
}
|
|
32
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SnackbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SnackbarComponent, isStandalone: true, selector: "ius-snackbar", inputs: { label: "label", content: "content", showClose: "showClose", variant: "variant"
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SnackbarComponent, isStandalone: true, selector: "ius-snackbar", inputs: { label: "label", content: "content", showClose: "showClose", variant: "variant" }, outputs: { closed: "closed", clickAction: "clickAction" }, ngImport: i0, template: "<div class=\"ctn-snack\" [ngClass]=\"variant\" (click)=\"onclickAction()\">\r\n <div class=\"row-title\">\r\n <ius-icon-md iconName=\"icon-error\" class=\"icon-error\" [ngClass]=\"variant\"></ius-icon-md>\r\n <span class=\"label-large\">{{label}}</span>\r\n @if(showClose){\r\n <ius-button-circle-tertiary iconName=\"icon-cancel\" (click)=\"close($event)\"></ius-button-circle-tertiary>\r\n }\r\n </div>\r\n <span class=\"txt-content\">{{content}}</span>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-snack{position:relative;display:flex;padding:24px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;width:304px;color:#333;border-radius:8px}.ctn-snack:hover{box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-snack.notification{border:1px solid #d9d9d9;background:#fff}.ctn-snack.error{border:1px solid #FFA788;background:#fff4f0}.ctn-snack.warning{border:1px solid #FFC83F;background:#fffbe6}.ctn-snack.info{border:1px solid #5892FF;background:#edf6ff}.ctn-snack.success{border:1px solid #BAE062;background:#f9ffe3}.row-title{display:flex;align-items:center;gap:8px;width:100%}.row-title span{display:flex;align-items:center;flex:1 0 0}.icon-error{color:#184fdb}.icon-error.error{color:#db2e2a}.icon-error.warning{color:#db8e00}.icon-error.success{color:#7caf25}.txt-content{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
34
23
|
}
|
|
35
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SnackbarComponent, decorators: [{
|
|
36
25
|
type: Component,
|
|
37
|
-
args: [{ selector: 'ius-snackbar', standalone: true, imports: [IconMdComponent, ButtonCircleTertiaryComponent, CommonModule], template: "<div class=\"ctn-snack\" [ngClass]=\"variant\">\r\n <div class=\"row-title\">\r\n <ius-icon-md iconName=\"icon-error\" class=\"icon-error\" [ngClass]=\"variant\"></ius-icon-md>\r\n <span class=\"label-large\">{{label}}</span>\r\n @if(showClose){\r\n <ius-button-circle-tertiary iconName=\"icon-cancel\"></ius-button-circle-tertiary>\r\n }\r\n </div>\r\n <span class=\"txt-content\">{{content}}</span>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-snack{position:relative;display:flex;padding:24px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;width:304px;color:#333;border-radius:8px}.ctn-snack:hover{box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-snack.notification{border:1px solid #d9d9d9;background:#fff}.ctn-snack.error{border:1px solid #FFA788;background:#fff4f0}.ctn-snack.warning{border:1px solid #FFC83F;background:#fffbe6}.ctn-snack.info{border:1px solid #5892FF;background:#edf6ff}.ctn-snack.success{border:1px solid #BAE062;background:#f9ffe3}.row-title{display:flex;align-items:center;gap:8px;width:100%}.row-title span{display:flex;align-items:center;flex:1 0 0}.icon-error{color:#184fdb}.icon-error.error{color:#db2e2a}.icon-error.warning{color:#db8e00}.icon-error.success{color:#7caf25}.txt-content{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}\n"] }]
|
|
26
|
+
args: [{ selector: 'ius-snackbar', standalone: true, imports: [IconMdComponent, ButtonCircleTertiaryComponent, CommonModule], template: "<div class=\"ctn-snack\" [ngClass]=\"variant\" (click)=\"onclickAction()\">\r\n <div class=\"row-title\">\r\n <ius-icon-md iconName=\"icon-error\" class=\"icon-error\" [ngClass]=\"variant\"></ius-icon-md>\r\n <span class=\"label-large\">{{label}}</span>\r\n @if(showClose){\r\n <ius-button-circle-tertiary iconName=\"icon-cancel\" (click)=\"close($event)\"></ius-button-circle-tertiary>\r\n }\r\n </div>\r\n <span class=\"txt-content\">{{content}}</span>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-snack{position:relative;display:flex;padding:24px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;width:304px;color:#333;border-radius:8px}.ctn-snack:hover{box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-snack.notification{border:1px solid #d9d9d9;background:#fff}.ctn-snack.error{border:1px solid #FFA788;background:#fff4f0}.ctn-snack.warning{border:1px solid #FFC83F;background:#fffbe6}.ctn-snack.info{border:1px solid #5892FF;background:#edf6ff}.ctn-snack.success{border:1px solid #BAE062;background:#f9ffe3}.row-title{display:flex;align-items:center;gap:8px;width:100%}.row-title span{display:flex;align-items:center;flex:1 0 0}.icon-error{color:#184fdb}.icon-error.error{color:#db2e2a}.icon-error.warning{color:#db8e00}.icon-error.success{color:#7caf25}.txt-content{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}\n"] }]
|
|
38
27
|
}], propDecorators: { label: [{
|
|
39
28
|
type: Input
|
|
40
29
|
}], content: [{
|
|
@@ -43,11 +32,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
43
32
|
type: Input
|
|
44
33
|
}], variant: [{
|
|
45
34
|
type: Input
|
|
46
|
-
}], duration: [{
|
|
47
|
-
type: Input
|
|
48
35
|
}], closed: [{
|
|
49
36
|
type: Output
|
|
50
37
|
}], clickAction: [{
|
|
51
38
|
type: Output
|
|
52
39
|
}] } });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic25hY2tiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvc25hY2tiYXIvc25hY2tiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvc25hY2tiYXIvc25hY2tiYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQzdDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7O0FBVzFFLE1BQU0sT0FBTyxpQkFBaUI7SUFQOUI7UUFXVyxjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLFlBQU8sR0FBb0IsY0FBYyxDQUFDO1FBRXpDLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ2xDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQVdsRDtJQVRDLEtBQUssQ0FBQyxLQUFZO1FBQ2hCLEtBQUssQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzFCLENBQUM7K0dBakJVLGlCQUFpQjttR0FBakIsaUJBQWlCLCtOQ2Q5Qiw4ZkFTTSxneUVEQ00sZUFBZSx1RkFBRSw2QkFBNkIsb0lBQUUsWUFBWTs7NEZBSTNELGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFDRSxjQUFjLGNBQ1osSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLDZCQUE2QixFQUFFLFlBQVksQ0FBQzs4QkFNOUQsS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFSSxNQUFNO3NCQUFmLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEljb25NZENvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uLW1kXCI7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IEJ1dHRvbkNpcmNsZVRlcnRpYXJ5Q29tcG9uZW50IH0gZnJvbSAnLi4vYnV0dG9uLWNpcmNsZS10ZXJ0aWFyeSc7XHJcblxyXG50eXBlIFNuYWNrYmFyVmFyaWFudCA9ICdub3RpZmljYXRpb24nIHwgJ2Vycm9yJyB8ICd3YXJuaW5nJyB8ICdpbmZvJyB8ICdzdWNjZXNzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXVzLXNuYWNrYmFyJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtJY29uTWRDb21wb25lbnQsIEJ1dHRvbkNpcmNsZVRlcnRpYXJ5Q29tcG9uZW50LCBDb21tb25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zbmFja2Jhci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3NuYWNrYmFyLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU25hY2tiYXJDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBsYWJlbD86IHN0cmluZztcclxuICBASW5wdXQoKSBjb250ZW50Pzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHNob3dDbG9zZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHZhcmlhbnQ6IFNuYWNrYmFyVmFyaWFudCA9ICdub3RpZmljYXRpb24nO1xyXG5cclxuICBAT3V0cHV0KCkgY2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBjbGlja0FjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgY2xvc2UoZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICBldmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcclxuICAgIHRoaXMuY2xvc2VkLmVtaXQoKTtcclxuICB9XHJcblxyXG4gIG9uY2xpY2tBY3Rpb24oKSB7XHJcbiAgICB0aGlzLmNsaWNrQWN0aW9uLmVtaXQoKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjdG4tc25hY2tcIiBbbmdDbGFzc109XCJ2YXJpYW50XCIgKGNsaWNrKT1cIm9uY2xpY2tBY3Rpb24oKVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInJvdy10aXRsZVwiPlxyXG4gICAgICAgIDxpdXMtaWNvbi1tZCBpY29uTmFtZT1cImljb24tZXJyb3JcIiBjbGFzcz1cImljb24tZXJyb3JcIiBbbmdDbGFzc109XCJ2YXJpYW50XCI+PC9pdXMtaWNvbi1tZD5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cImxhYmVsLWxhcmdlXCI+e3tsYWJlbH19PC9zcGFuPlxyXG4gICAgICAgIEBpZihzaG93Q2xvc2Upe1xyXG4gICAgICAgIDxpdXMtYnV0dG9uLWNpcmNsZS10ZXJ0aWFyeSBpY29uTmFtZT1cImljb24tY2FuY2VsXCIgKGNsaWNrKT1cImNsb3NlKCRldmVudClcIj48L2l1cy1idXR0b24tY2lyY2xlLXRlcnRpYXJ5PlxyXG4gICAgICAgIH1cclxuICAgIDwvZGl2PlxyXG4gICAgPHNwYW4gY2xhc3M9XCJ0eHQtY29udGVudFwiPnt7Y29udGVudH19PC9zcGFuPlxyXG48L2Rpdj4iXX0=
|
|
@@ -1074,11 +1074,11 @@ class ButtonStandardTertiaryComponent {
|
|
|
1074
1074
|
}
|
|
1075
1075
|
}
|
|
1076
1076
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonStandardTertiaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1077
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1077
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonStandardTertiaryComponent, isStandalone: true, selector: "ius-button-standard-tertiary", inputs: { disabled: "disabled", iconName: "iconName" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\">\r\n @if(iconName){\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <ng-content></ng-content>\r\n</button>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.icon-color{color:#333}.ius-btn{width:100%;display:inline-flex;padding:8px 24px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background-color:#fff;color:#333;border:none;cursor:pointer;letter-spacing:.28px;font-family:Rubik,sans-serif;font-weight:500;font-size:.875rem;line-height:20px}.ius-btn:hover:not(:disabled){background-color:#eaeaea}.ius-btn:active:not(:disabled){background-color:#02457f;color:#fff}.ius-btn:active:not(:disabled) .icon-color{color:#fff}.ius-btn:disabled{color:#bfbfbf;background-color:#fff;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
1078
1078
|
}
|
|
1079
1079
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonStandardTertiaryComponent, decorators: [{
|
|
1080
1080
|
type: Component,
|
|
1081
|
-
args: [{ selector: 'ius-button-standard-tertiary', standalone: true, imports: [IconMdComponent], template: "<button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\">\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n <ng-content></ng-content>\r\n</button
|
|
1081
|
+
args: [{ selector: 'ius-button-standard-tertiary', standalone: true, imports: [IconMdComponent], template: "<button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\">\r\n @if(iconName){\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <ng-content></ng-content>\r\n</button>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.icon-color{color:#333}.ius-btn{width:100%;display:inline-flex;padding:8px 24px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background-color:#fff;color:#333;border:none;cursor:pointer;letter-spacing:.28px;font-family:Rubik,sans-serif;font-weight:500;font-size:.875rem;line-height:20px}.ius-btn:hover:not(:disabled){background-color:#eaeaea}.ius-btn:active:not(:disabled){background-color:#02457f;color:#fff}.ius-btn:active:not(:disabled) .icon-color{color:#fff}.ius-btn:disabled{color:#bfbfbf;background-color:#fff;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"] }]
|
|
1082
1082
|
}], propDecorators: { disabled: [{
|
|
1083
1083
|
type: Input
|
|
1084
1084
|
}], iconName: [{
|
|
@@ -3524,33 +3524,22 @@ class SnackbarComponent {
|
|
|
3524
3524
|
constructor() {
|
|
3525
3525
|
this.showClose = false;
|
|
3526
3526
|
this.variant = 'notification';
|
|
3527
|
-
// Cerrar automáticamente en ms. 0 = no cierra solo
|
|
3528
|
-
this.duration = 0;
|
|
3529
3527
|
this.closed = new EventEmitter();
|
|
3530
3528
|
this.clickAction = new EventEmitter();
|
|
3531
3529
|
}
|
|
3532
|
-
|
|
3533
|
-
|
|
3534
|
-
this.timer = setTimeout(() => this.close(), this.duration);
|
|
3535
|
-
}
|
|
3536
|
-
}
|
|
3537
|
-
ngOnDestroy() {
|
|
3538
|
-
if (this.timer) {
|
|
3539
|
-
clearTimeout(this.timer);
|
|
3540
|
-
}
|
|
3541
|
-
}
|
|
3542
|
-
close() {
|
|
3530
|
+
close(event) {
|
|
3531
|
+
event.stopImmediatePropagation();
|
|
3543
3532
|
this.closed.emit();
|
|
3544
3533
|
}
|
|
3545
3534
|
onclickAction() {
|
|
3546
3535
|
this.clickAction.emit();
|
|
3547
3536
|
}
|
|
3548
3537
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SnackbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3549
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SnackbarComponent, isStandalone: true, selector: "ius-snackbar", inputs: { label: "label", content: "content", showClose: "showClose", variant: "variant"
|
|
3538
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SnackbarComponent, isStandalone: true, selector: "ius-snackbar", inputs: { label: "label", content: "content", showClose: "showClose", variant: "variant" }, outputs: { closed: "closed", clickAction: "clickAction" }, ngImport: i0, template: "<div class=\"ctn-snack\" [ngClass]=\"variant\" (click)=\"onclickAction()\">\r\n <div class=\"row-title\">\r\n <ius-icon-md iconName=\"icon-error\" class=\"icon-error\" [ngClass]=\"variant\"></ius-icon-md>\r\n <span class=\"label-large\">{{label}}</span>\r\n @if(showClose){\r\n <ius-button-circle-tertiary iconName=\"icon-cancel\" (click)=\"close($event)\"></ius-button-circle-tertiary>\r\n }\r\n </div>\r\n <span class=\"txt-content\">{{content}}</span>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-snack{position:relative;display:flex;padding:24px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;width:304px;color:#333;border-radius:8px}.ctn-snack:hover{box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-snack.notification{border:1px solid #d9d9d9;background:#fff}.ctn-snack.error{border:1px solid #FFA788;background:#fff4f0}.ctn-snack.warning{border:1px solid #FFC83F;background:#fffbe6}.ctn-snack.info{border:1px solid #5892FF;background:#edf6ff}.ctn-snack.success{border:1px solid #BAE062;background:#f9ffe3}.row-title{display:flex;align-items:center;gap:8px;width:100%}.row-title span{display:flex;align-items:center;flex:1 0 0}.icon-error{color:#184fdb}.icon-error.error{color:#db2e2a}.icon-error.warning{color:#db8e00}.icon-error.success{color:#7caf25}.txt-content{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
3550
3539
|
}
|
|
3551
3540
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SnackbarComponent, decorators: [{
|
|
3552
3541
|
type: Component,
|
|
3553
|
-
args: [{ selector: 'ius-snackbar', standalone: true, imports: [IconMdComponent, ButtonCircleTertiaryComponent, CommonModule], template: "<div class=\"ctn-snack\" [ngClass]=\"variant\">\r\n <div class=\"row-title\">\r\n <ius-icon-md iconName=\"icon-error\" class=\"icon-error\" [ngClass]=\"variant\"></ius-icon-md>\r\n <span class=\"label-large\">{{label}}</span>\r\n @if(showClose){\r\n <ius-button-circle-tertiary iconName=\"icon-cancel\"></ius-button-circle-tertiary>\r\n }\r\n </div>\r\n <span class=\"txt-content\">{{content}}</span>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-snack{position:relative;display:flex;padding:24px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;width:304px;color:#333;border-radius:8px}.ctn-snack:hover{box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-snack.notification{border:1px solid #d9d9d9;background:#fff}.ctn-snack.error{border:1px solid #FFA788;background:#fff4f0}.ctn-snack.warning{border:1px solid #FFC83F;background:#fffbe6}.ctn-snack.info{border:1px solid #5892FF;background:#edf6ff}.ctn-snack.success{border:1px solid #BAE062;background:#f9ffe3}.row-title{display:flex;align-items:center;gap:8px;width:100%}.row-title span{display:flex;align-items:center;flex:1 0 0}.icon-error{color:#184fdb}.icon-error.error{color:#db2e2a}.icon-error.warning{color:#db8e00}.icon-error.success{color:#7caf25}.txt-content{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}\n"] }]
|
|
3542
|
+
args: [{ selector: 'ius-snackbar', standalone: true, imports: [IconMdComponent, ButtonCircleTertiaryComponent, CommonModule], template: "<div class=\"ctn-snack\" [ngClass]=\"variant\" (click)=\"onclickAction()\">\r\n <div class=\"row-title\">\r\n <ius-icon-md iconName=\"icon-error\" class=\"icon-error\" [ngClass]=\"variant\"></ius-icon-md>\r\n <span class=\"label-large\">{{label}}</span>\r\n @if(showClose){\r\n <ius-button-circle-tertiary iconName=\"icon-cancel\" (click)=\"close($event)\"></ius-button-circle-tertiary>\r\n }\r\n </div>\r\n <span class=\"txt-content\">{{content}}</span>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-snack{position:relative;display:flex;padding:24px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;width:304px;color:#333;border-radius:8px}.ctn-snack:hover{box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-snack.notification{border:1px solid #d9d9d9;background:#fff}.ctn-snack.error{border:1px solid #FFA788;background:#fff4f0}.ctn-snack.warning{border:1px solid #FFC83F;background:#fffbe6}.ctn-snack.info{border:1px solid #5892FF;background:#edf6ff}.ctn-snack.success{border:1px solid #BAE062;background:#f9ffe3}.row-title{display:flex;align-items:center;gap:8px;width:100%}.row-title span{display:flex;align-items:center;flex:1 0 0}.icon-error{color:#184fdb}.icon-error.error{color:#db2e2a}.icon-error.warning{color:#db8e00}.icon-error.success{color:#7caf25}.txt-content{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}\n"] }]
|
|
3554
3543
|
}], propDecorators: { label: [{
|
|
3555
3544
|
type: Input
|
|
3556
3545
|
}], content: [{
|
|
@@ -3559,8 +3548,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3559
3548
|
type: Input
|
|
3560
3549
|
}], variant: [{
|
|
3561
3550
|
type: Input
|
|
3562
|
-
}], duration: [{
|
|
3563
|
-
type: Input
|
|
3564
3551
|
}], closed: [{
|
|
3565
3552
|
type: Output
|
|
3566
3553
|
}], clickAction: [{
|