@litigiovirtual/ius-design-components 1.0.294 → 1.0.296
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/add-user-container/add-user-container.component.mjs +3 -3
- package/esm2022/lib/button-accounts/button-accounts.component.mjs +2 -2
- package/esm2022/lib/button-auth/button-auth.component.mjs +3 -3
- package/esm2022/lib/button-dynamic/button-dynamic.component.mjs +3 -3
- package/esm2022/lib/button-order/button-order.component.mjs +1 -1
- package/esm2022/lib/button-standard-outline/button-standard-outline.component.mjs +3 -3
- package/esm2022/lib/button-standard-outline/index.mjs +1 -1
- package/esm2022/lib/button-standard-primary/button-standard-primary.component.mjs +3 -3
- package/esm2022/lib/button-standard-tertiary/button-standard-tertiary.component.mjs +3 -3
- package/esm2022/lib/button-standard-tertiary-small/button-standard-tertiary-small.component.mjs +3 -3
- package/esm2022/lib/card-block/card-block.component.mjs +1 -1
- package/esm2022/lib/create-ticket/create-ticket.component.mjs +3 -3
- package/esm2022/lib/create-ticket/index.mjs +1 -1
- package/esm2022/lib/custom-dropdown/custom-dropdown.component.mjs +3 -3
- package/esm2022/lib/dropdown-option-item/dropdown-option-item.component.mjs +9 -3
- package/esm2022/lib/input-select-number/input-select-number.component.mjs +1 -1
- package/esm2022/lib/menu-item/menu-item.component.mjs +9 -3
- package/esm2022/lib/notification-card/notification-card.component.mjs +3 -3
- package/esm2022/lib/option/option.component.mjs +9 -3
- package/esm2022/lib/option-item/option-item.component.mjs +9 -3
- package/esm2022/lib/section-collapse-drawer-child/section-collapse-drawer-child.component.mjs +9 -3
- package/esm2022/lib/section-collapse-drawer-parent/section-collapse-drawer-parent.component.mjs +9 -3
- package/esm2022/lib/support-panel/support-panel.component.mjs +2 -2
- package/esm2022/lib/toolbar-user-menu/toolbar-user-menu.component.mjs +2 -2
- package/esm2022/lib/user-card/user-card.component.mjs +7 -3
- package/esm2022/public-api.mjs +1 -5
- package/esm2022/utils/currency-format.pipe.mjs +1 -1
- package/esm2022/utils/date-format.util.mjs +1 -1
- package/esm2022/utils/file-mime.util.mjs +1 -1
- package/esm2022/utils/file-size.util.mjs +1 -1
- package/esm2022/utils/formato-hora.pipe.mjs +1 -1
- package/esm2022/utils/list-filter.util.mjs +1 -1
- package/esm2022/utils/public-api.mjs +1 -1
- package/fesm2022/litigiovirtual-ius-design-components-utils.mjs.map +1 -1
- package/fesm2022/litigiovirtual-ius-design-components.mjs +81 -583
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/dropdown-option-item/dropdown-option-item.component.d.ts +3 -1
- package/lib/menu-item/menu-item.component.d.ts +3 -1
- package/lib/option/option.component.d.ts +3 -1
- package/lib/option-item/option-item.component.d.ts +3 -1
- package/lib/section-collapse-drawer-child/section-collapse-drawer-child.component.d.ts +3 -1
- package/lib/section-collapse-drawer-parent/section-collapse-drawer-parent.component.d.ts +3 -1
- package/lib/user-card/user-card.component.d.ts +1 -0
- package/package.json +1 -1
- package/public-api.d.ts +0 -4
- package/esm2022/lib/card-actividad-evento/card-actividad-evento.component.mjs +0 -209
- package/esm2022/lib/card-actividad-evento/index.mjs +0 -2
- package/esm2022/lib/card-etapa-subetapa/card-etapa-subetapa.component.mjs +0 -124
- package/esm2022/lib/card-etapa-subetapa/index.mjs +0 -2
- package/esm2022/lib/card-impulso-procesal/card-impulso-procesal.component.mjs +0 -120
- package/esm2022/lib/card-impulso-procesal/index.mjs +0 -2
- package/esm2022/lib/card-vigilancia-judicial/card-vigilancia-judicial.component.mjs +0 -129
- package/esm2022/lib/card-vigilancia-judicial/index.mjs +0 -2
- package/lib/card-actividad-evento/card-actividad-evento.component.d.ts +0 -62
- package/lib/card-actividad-evento/index.d.ts +0 -1
- package/lib/card-etapa-subetapa/card-etapa-subetapa.component.d.ts +0 -32
- package/lib/card-etapa-subetapa/index.d.ts +0 -1
- package/lib/card-impulso-procesal/card-impulso-procesal.component.d.ts +0 -31
- package/lib/card-impulso-procesal/index.d.ts +0 -1
- package/lib/card-vigilancia-judicial/card-vigilancia-judicial.component.d.ts +0 -28
- package/lib/card-vigilancia-judicial/index.d.ts +0 -1
|
@@ -1214,11 +1214,11 @@ class ButtonStandardPrimaryComponent {
|
|
|
1214
1214
|
}
|
|
1215
1215
|
}
|
|
1216
1216
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonStandardPrimaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1217
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonStandardPrimaryComponent, isStandalone: true, selector: "ius-button-standard-primary", inputs: { disabled: "disabled", iconName: "iconName", prefixIcon: "prefixIcon", sufixIcon: "sufixIcon" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn\">\n @if(iconName && prefixIcon){\n <ius-icon-lg [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-lg>\n }\n <ng-content></ng-content>\n @if(iconName && sufixIcon){\n <ius-icon-lg [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-lg>\n }\n</button>\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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:#fff}.ius-btn{display:inline-flex;padding:12px 24px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background-color:#013169;color:#fff;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;line-height:22px}.ius-btn:hover:not(:disabled){background-color:#08a6db}.ius-btn:active:not(:disabled){background-color:#0581bc}.ius-btn:disabled{color:#bfbfbf;background-color:#f5f5f5;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"], dependencies: [{ kind: "component", type: IconLgComponent, selector: "ius-icon-lg", inputs: ["iconName", "color"] }] }); }
|
|
1217
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonStandardPrimaryComponent, isStandalone: true, selector: "ius-button-standard-primary", inputs: { disabled: "disabled", iconName: "iconName", prefixIcon: "prefixIcon", sufixIcon: "sufixIcon" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn\">\r\n @if(iconName && prefixIcon){\r\n <ius-icon-lg [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-lg>\r\n }\r\n <ng-content></ng-content>\r\n @if(iconName && sufixIcon){\r\n <ius-icon-lg [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-lg>\r\n }\r\n</button>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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:#fff}.ius-btn{display:inline-flex;padding:12px 24px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background-color:#013169;color:#fff;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;line-height:22px}.ius-btn:hover:not(:disabled){background-color:#08a6db}.ius-btn:active:not(:disabled){background-color:#0581bc}.ius-btn:disabled{color:#bfbfbf;background-color:#f5f5f5;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"], dependencies: [{ kind: "component", type: IconLgComponent, selector: "ius-icon-lg", inputs: ["iconName", "color"] }] }); }
|
|
1218
1218
|
}
|
|
1219
1219
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonStandardPrimaryComponent, decorators: [{
|
|
1220
1220
|
type: Component,
|
|
1221
|
-
args: [{ selector: 'ius-button-standard-primary', standalone: true, imports: [IconLgComponent], template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn\">\n @if(iconName && prefixIcon){\n <ius-icon-lg [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-lg>\n }\n <ng-content></ng-content>\n @if(iconName && sufixIcon){\n <ius-icon-lg [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-lg>\n }\n</button>\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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:#fff}.ius-btn{display:inline-flex;padding:12px 24px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background-color:#013169;color:#fff;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;line-height:22px}.ius-btn:hover:not(:disabled){background-color:#08a6db}.ius-btn:active:not(:disabled){background-color:#0581bc}.ius-btn:disabled{color:#bfbfbf;background-color:#f5f5f5;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"] }]
|
|
1221
|
+
args: [{ selector: 'ius-button-standard-primary', standalone: true, imports: [IconLgComponent], template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn\">\r\n @if(iconName && prefixIcon){\r\n <ius-icon-lg [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-lg>\r\n }\r\n <ng-content></ng-content>\r\n @if(iconName && sufixIcon){\r\n <ius-icon-lg [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-lg>\r\n }\r\n</button>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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:#fff}.ius-btn{display:inline-flex;padding:12px 24px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background-color:#013169;color:#fff;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;line-height:22px}.ius-btn:hover:not(:disabled){background-color:#08a6db}.ius-btn:active:not(:disabled){background-color:#0581bc}.ius-btn:disabled{color:#bfbfbf;background-color:#f5f5f5;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"] }]
|
|
1222
1222
|
}], propDecorators: { disabled: [{
|
|
1223
1223
|
type: Input
|
|
1224
1224
|
}], iconName: [{
|
|
@@ -1290,11 +1290,11 @@ class ButtonStandardOutlineComponent {
|
|
|
1290
1290
|
}
|
|
1291
1291
|
}
|
|
1292
1292
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonStandardOutlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1293
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonStandardOutlineComponent, isStandalone: true, selector: "ius-button-standard-outline", inputs: { disabled: "disabled", iconName: "iconName", prefixIcon: "prefixIcon", sufixIcon: "sufixIcon" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn label-large\">\n @if(iconName && prefixIcon){\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\n }\n <ng-content></ng-content>\n @if(iconName && sufixIcon){\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\n }\n</button>\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}:host{display:inline-block}.icon-color{color:#7caf25}.ius-btn{width:100%;display:inline-flex;padding:8px 24px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background:#fff;color:#7caf25;border:1px solid #7CAF25;cursor:pointer}.ius-btn:hover:not(:disabled){background:#f9ffe3;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn:active:not(:disabled){background:#7caf25;color:#fff}.ius-btn:active:not(:disabled) .icon-color{color:#fff}.ius-btn:disabled{border:1px solid #eaeaea;background:#f5f5f5;color:#bfbfbf;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
1293
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonStandardOutlineComponent, isStandalone: true, selector: "ius-button-standard-outline", inputs: { disabled: "disabled", iconName: "iconName", prefixIcon: "prefixIcon", sufixIcon: "sufixIcon" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn label-large\">\r\n @if(iconName && prefixIcon){\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <ng-content></ng-content>\r\n @if(iconName && sufixIcon){\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n</button>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}:host{display:inline-block}.icon-color{color:#7caf25}.ius-btn{width:100%;display:inline-flex;padding:8px 24px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background:#fff;color:#7caf25;border:1px solid #7CAF25;cursor:pointer}.ius-btn:hover:not(:disabled){background:#f9ffe3;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn:active:not(:disabled){background:#7caf25;color:#fff}.ius-btn:active:not(:disabled) .icon-color{color:#fff}.ius-btn:disabled{border:1px solid #eaeaea;background:#f5f5f5;color:#bfbfbf;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
1294
1294
|
}
|
|
1295
1295
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonStandardOutlineComponent, decorators: [{
|
|
1296
1296
|
type: Component,
|
|
1297
|
-
args: [{ selector: 'ius-button-standard-outline', standalone: true, imports: [IconMdComponent], template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn label-large\">\n @if(iconName && prefixIcon){\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\n }\n <ng-content></ng-content>\n @if(iconName && sufixIcon){\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\n }\n</button>\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}:host{display:inline-block}.icon-color{color:#7caf25}.ius-btn{width:100%;display:inline-flex;padding:8px 24px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background:#fff;color:#7caf25;border:1px solid #7CAF25;cursor:pointer}.ius-btn:hover:not(:disabled){background:#f9ffe3;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn:active:not(:disabled){background:#7caf25;color:#fff}.ius-btn:active:not(:disabled) .icon-color{color:#fff}.ius-btn:disabled{border:1px solid #eaeaea;background:#f5f5f5;color:#bfbfbf;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"] }]
|
|
1297
|
+
args: [{ selector: 'ius-button-standard-outline', standalone: true, imports: [IconMdComponent], template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn label-large\">\r\n @if(iconName && prefixIcon){\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <ng-content></ng-content>\r\n @if(iconName && sufixIcon){\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n</button>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}:host{display:inline-block}.icon-color{color:#7caf25}.ius-btn{width:100%;display:inline-flex;padding:8px 24px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background:#fff;color:#7caf25;border:1px solid #7CAF25;cursor:pointer}.ius-btn:hover:not(:disabled){background:#f9ffe3;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn:active:not(:disabled){background:#7caf25;color:#fff}.ius-btn:active:not(:disabled) .icon-color{color:#fff}.ius-btn:disabled{border:1px solid #eaeaea;background:#f5f5f5;color:#bfbfbf;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"] }]
|
|
1298
1298
|
}], propDecorators: { disabled: [{
|
|
1299
1299
|
type: Input
|
|
1300
1300
|
}], iconName: [{
|
|
@@ -1321,11 +1321,11 @@ class ButtonStandardTertiaryComponent {
|
|
|
1321
1321
|
}
|
|
1322
1322
|
}
|
|
1323
1323
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonStandardTertiaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1324
|
-
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", prefixIcon: "prefixIcon", sufixIcon: "sufixIcon" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn\">\n @if(iconName && prefixIcon){\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\n }\n <ng-content></ng-content>\n @if(iconName && sufixIcon){\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\n }\n</button>\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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"] }] }); }
|
|
1324
|
+
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", prefixIcon: "prefixIcon", sufixIcon: "sufixIcon" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn\">\r\n @if(iconName && prefixIcon){\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <ng-content></ng-content>\r\n @if(iconName && sufixIcon){\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n</button>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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"] }] }); }
|
|
1325
1325
|
}
|
|
1326
1326
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonStandardTertiaryComponent, decorators: [{
|
|
1327
1327
|
type: Component,
|
|
1328
|
-
args: [{ selector: 'ius-button-standard-tertiary', standalone: true, imports: [IconMdComponent], template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn\">\n @if(iconName && prefixIcon){\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\n }\n <ng-content></ng-content>\n @if(iconName && sufixIcon){\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\n }\n</button>\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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"] }]
|
|
1328
|
+
args: [{ selector: 'ius-button-standard-tertiary', standalone: true, imports: [IconMdComponent], template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn\">\r\n @if(iconName && prefixIcon){\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <ng-content></ng-content>\r\n @if(iconName && sufixIcon){\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n</button>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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"] }]
|
|
1329
1329
|
}], propDecorators: { disabled: [{
|
|
1330
1330
|
type: Input
|
|
1331
1331
|
}], iconName: [{
|
|
@@ -1375,11 +1375,11 @@ class ButtonStandardTertiarySmallComponent {
|
|
|
1375
1375
|
}
|
|
1376
1376
|
}
|
|
1377
1377
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonStandardTertiarySmallComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1378
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonStandardTertiarySmallComponent, isStandalone: true, selector: "ius-button-standard-tertiary-small", inputs: { disabled: "disabled", iconName: "iconName", prefixIcon: "prefixIcon", sufixIcon: "sufixIcon" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn\">\n @if(iconName && prefixIcon){\n <ius-icon-sm [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-sm>\n }\n <ng-content></ng-content>\n @if(iconName && sufixIcon){\n <ius-icon-sm [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-sm>\n }\n</button>\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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{display:inline-flex;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background-color:#fff;color:#333;border:none;cursor:pointer;letter-spacing:.24px;font-weight:400;font-family:Rubik,sans-serif;font-size:.75rem;line-height:16px}.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: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }] }); }
|
|
1378
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonStandardTertiarySmallComponent, isStandalone: true, selector: "ius-button-standard-tertiary-small", inputs: { disabled: "disabled", iconName: "iconName", prefixIcon: "prefixIcon", sufixIcon: "sufixIcon" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn\">\r\n @if(iconName && prefixIcon){\r\n <ius-icon-sm [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-sm>\r\n }\r\n <ng-content></ng-content>\r\n @if(iconName && sufixIcon){\r\n <ius-icon-sm [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-sm>\r\n }\r\n</button>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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{display:inline-flex;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background-color:#fff;color:#333;border:none;cursor:pointer;letter-spacing:.24px;font-weight:400;font-family:Rubik,sans-serif;font-size:.75rem;line-height:16px}.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: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }] }); }
|
|
1379
1379
|
}
|
|
1380
1380
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonStandardTertiarySmallComponent, decorators: [{
|
|
1381
1381
|
type: Component,
|
|
1382
|
-
args: [{ selector: 'ius-button-standard-tertiary-small', standalone: true, imports: [IconSmComponent], template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn\">\n @if(iconName && prefixIcon){\n <ius-icon-sm [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-sm>\n }\n <ng-content></ng-content>\n @if(iconName && sufixIcon){\n <ius-icon-sm [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-sm>\n }\n</button>\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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{display:inline-flex;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background-color:#fff;color:#333;border:none;cursor:pointer;letter-spacing:.24px;font-weight:400;font-family:Rubik,sans-serif;font-size:.75rem;line-height:16px}.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"] }]
|
|
1382
|
+
args: [{ selector: 'ius-button-standard-tertiary-small', standalone: true, imports: [IconSmComponent], template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn\">\r\n @if(iconName && prefixIcon){\r\n <ius-icon-sm [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-sm>\r\n }\r\n <ng-content></ng-content>\r\n @if(iconName && sufixIcon){\r\n <ius-icon-sm [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-sm>\r\n }\r\n</button>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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{display:inline-flex;padding:8px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background-color:#fff;color:#333;border:none;cursor:pointer;letter-spacing:.24px;font-weight:400;font-family:Rubik,sans-serif;font-size:.75rem;line-height:16px}.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"] }]
|
|
1383
1383
|
}], propDecorators: { disabled: [{
|
|
1384
1384
|
type: Input
|
|
1385
1385
|
}], iconName: [{
|
|
@@ -1568,11 +1568,11 @@ class ButtonDynamicComponent {
|
|
|
1568
1568
|
this.clearTimer();
|
|
1569
1569
|
}
|
|
1570
1570
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonDynamicComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1571
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonDynamicComponent, isStandalone: true, selector: "ius-button-dynamic", inputs: { labelDefault: "labelDefault", labelSuccess: "labelSuccess", labelError: "labelError", disabled: "disabled", loading: "loading", result: "result", prefixIcon: "prefixIcon", sufixIcon: "sufixIcon", autoReset: "autoReset", autoResetDelay: "autoResetDelay" }, outputs: { buttonClicked: "buttonClicked" }, usesOnChanges: true, ngImport: i0, template: "<button class=\"ius-btn\" [attr.data-state]=\"state\" [disabled]=\"state === 'disabled' || state === 'loading'\"\n (click)=\"onClick($event)\" aria-live=\"polite\">\n @switch (state) {\n @case ('loading') {\n <ius-loading-circle></ius-loading-circle>\n }\n @case ('success') {\n @if(prefixIcon){ <ius-icon-md iconName=\"icon-check-circle\"></ius-icon-md> }\n <span>{{ labelSuccess }}</span>\n @if(sufixIcon){ <ius-icon-md iconName=\"icon-check-circle\"></ius-icon-md> }\n }\n @case ('error') {\n @if(prefixIcon){ <ius-icon-md iconName=\"icon-error\"></ius-icon-md> }\n <span>{{ labelError }}</span>\n @if(sufixIcon){ <ius-icon-md iconName=\"icon-error\"></ius-icon-md> }\n }\n @default {\n <span>{{ labelDefault }}</span>\n }\n }\n</button>\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.ius-btn{display:flex;position:relative;align-items:center;justify-content:center;gap:8px;width:100%;height:40px;padding:12px 24px;border:none;border-radius:14px;background-color:#013169;color:#fff;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,transform .02s ease}.ius-btn:hover:not(:disabled):not([data-state=loading]):not([data-state=success]):not([data-state=error]){background-color:#08a6db;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn:active:not(:disabled){background-color:#0581bc}.ius-btn:disabled{background-color:#f5f5f5;color:#bfbfbf;cursor:not-allowed}.ius-btn[data-state=loading]{background-color:#0581bc}.ius-btn[data-state=success]{background-color:#7caf25}.ius-btn[data-state=error]{background-color:#db2e2a}.ius-btn[data-state=disabled]{background-color:#f5f5f5}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: LoadingCircleComponent, selector: "ius-loading-circle", inputs: ["show"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
1571
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonDynamicComponent, isStandalone: true, selector: "ius-button-dynamic", inputs: { labelDefault: "labelDefault", labelSuccess: "labelSuccess", labelError: "labelError", disabled: "disabled", loading: "loading", result: "result", prefixIcon: "prefixIcon", sufixIcon: "sufixIcon", autoReset: "autoReset", autoResetDelay: "autoResetDelay" }, outputs: { buttonClicked: "buttonClicked" }, usesOnChanges: true, ngImport: i0, template: "<button class=\"ius-btn\" [attr.data-state]=\"state\" [disabled]=\"state === 'disabled' || state === 'loading'\"\r\n (click)=\"onClick($event)\" aria-live=\"polite\">\r\n @switch (state) {\r\n @case ('loading') {\r\n <ius-loading-circle></ius-loading-circle>\r\n }\r\n @case ('success') {\r\n @if(prefixIcon){ <ius-icon-md iconName=\"icon-check-circle\"></ius-icon-md> }\r\n <span>{{ labelSuccess }}</span>\r\n @if(sufixIcon){ <ius-icon-md iconName=\"icon-check-circle\"></ius-icon-md> }\r\n }\r\n @case ('error') {\r\n @if(prefixIcon){ <ius-icon-md iconName=\"icon-error\"></ius-icon-md> }\r\n <span>{{ labelError }}</span>\r\n @if(sufixIcon){ <ius-icon-md iconName=\"icon-error\"></ius-icon-md> }\r\n }\r\n @default {\r\n <span>{{ labelDefault }}</span>\r\n }\r\n }\r\n</button>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.ius-btn{display:flex;position:relative;align-items:center;justify-content:center;gap:8px;width:100%;height:40px;padding:12px 24px;border:none;border-radius:14px;background-color:#013169;color:#fff;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,transform .02s ease}.ius-btn:hover:not(:disabled):not([data-state=loading]):not([data-state=success]):not([data-state=error]){background-color:#08a6db;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn:active:not(:disabled){background-color:#0581bc}.ius-btn:disabled{background-color:#f5f5f5;color:#bfbfbf;cursor:not-allowed}.ius-btn[data-state=loading]{background-color:#0581bc}.ius-btn[data-state=success]{background-color:#7caf25}.ius-btn[data-state=error]{background-color:#db2e2a}.ius-btn[data-state=disabled]{background-color:#f5f5f5}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: LoadingCircleComponent, selector: "ius-loading-circle", inputs: ["show"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
1572
1572
|
}
|
|
1573
1573
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonDynamicComponent, decorators: [{
|
|
1574
1574
|
type: Component,
|
|
1575
|
-
args: [{ selector: 'ius-button-dynamic', standalone: true, imports: [CommonModule, LoadingCircleComponent, IconMdComponent], template: "<button class=\"ius-btn\" [attr.data-state]=\"state\" [disabled]=\"state === 'disabled' || state === 'loading'\"\n (click)=\"onClick($event)\" aria-live=\"polite\">\n @switch (state) {\n @case ('loading') {\n <ius-loading-circle></ius-loading-circle>\n }\n @case ('success') {\n @if(prefixIcon){ <ius-icon-md iconName=\"icon-check-circle\"></ius-icon-md> }\n <span>{{ labelSuccess }}</span>\n @if(sufixIcon){ <ius-icon-md iconName=\"icon-check-circle\"></ius-icon-md> }\n }\n @case ('error') {\n @if(prefixIcon){ <ius-icon-md iconName=\"icon-error\"></ius-icon-md> }\n <span>{{ labelError }}</span>\n @if(sufixIcon){ <ius-icon-md iconName=\"icon-error\"></ius-icon-md> }\n }\n @default {\n <span>{{ labelDefault }}</span>\n }\n }\n</button>\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.ius-btn{display:flex;position:relative;align-items:center;justify-content:center;gap:8px;width:100%;height:40px;padding:12px 24px;border:none;border-radius:14px;background-color:#013169;color:#fff;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,transform .02s ease}.ius-btn:hover:not(:disabled):not([data-state=loading]):not([data-state=success]):not([data-state=error]){background-color:#08a6db;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn:active:not(:disabled){background-color:#0581bc}.ius-btn:disabled{background-color:#f5f5f5;color:#bfbfbf;cursor:not-allowed}.ius-btn[data-state=loading]{background-color:#0581bc}.ius-btn[data-state=success]{background-color:#7caf25}.ius-btn[data-state=error]{background-color:#db2e2a}.ius-btn[data-state=disabled]{background-color:#f5f5f5}\n"] }]
|
|
1575
|
+
args: [{ selector: 'ius-button-dynamic', standalone: true, imports: [CommonModule, LoadingCircleComponent, IconMdComponent], template: "<button class=\"ius-btn\" [attr.data-state]=\"state\" [disabled]=\"state === 'disabled' || state === 'loading'\"\r\n (click)=\"onClick($event)\" aria-live=\"polite\">\r\n @switch (state) {\r\n @case ('loading') {\r\n <ius-loading-circle></ius-loading-circle>\r\n }\r\n @case ('success') {\r\n @if(prefixIcon){ <ius-icon-md iconName=\"icon-check-circle\"></ius-icon-md> }\r\n <span>{{ labelSuccess }}</span>\r\n @if(sufixIcon){ <ius-icon-md iconName=\"icon-check-circle\"></ius-icon-md> }\r\n }\r\n @case ('error') {\r\n @if(prefixIcon){ <ius-icon-md iconName=\"icon-error\"></ius-icon-md> }\r\n <span>{{ labelError }}</span>\r\n @if(sufixIcon){ <ius-icon-md iconName=\"icon-error\"></ius-icon-md> }\r\n }\r\n @default {\r\n <span>{{ labelDefault }}</span>\r\n }\r\n }\r\n</button>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.ius-btn{display:flex;position:relative;align-items:center;justify-content:center;gap:8px;width:100%;height:40px;padding:12px 24px;border:none;border-radius:14px;background-color:#013169;color:#fff;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,transform .02s ease}.ius-btn:hover:not(:disabled):not([data-state=loading]):not([data-state=success]):not([data-state=error]){background-color:#08a6db;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn:active:not(:disabled){background-color:#0581bc}.ius-btn:disabled{background-color:#f5f5f5;color:#bfbfbf;cursor:not-allowed}.ius-btn[data-state=loading]{background-color:#0581bc}.ius-btn[data-state=success]{background-color:#7caf25}.ius-btn[data-state=error]{background-color:#db2e2a}.ius-btn[data-state=disabled]{background-color:#f5f5f5}\n"] }]
|
|
1576
1576
|
}], propDecorators: { labelDefault: [{
|
|
1577
1577
|
type: Input
|
|
1578
1578
|
}], labelSuccess: [{
|
|
@@ -1627,6 +1627,8 @@ class OptionComponent {
|
|
|
1627
1627
|
this.disabled = false;
|
|
1628
1628
|
this.checked = false;
|
|
1629
1629
|
this.leadingIcon = '';
|
|
1630
|
+
this.prefixIcon = true;
|
|
1631
|
+
this.sufixIcon = false;
|
|
1630
1632
|
this.multiline = false;
|
|
1631
1633
|
this.optionClick = new EventEmitter();
|
|
1632
1634
|
}
|
|
@@ -1634,17 +1636,21 @@ class OptionComponent {
|
|
|
1634
1636
|
this.optionClick.emit();
|
|
1635
1637
|
}
|
|
1636
1638
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1637
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OptionComponent, isStandalone: true, selector: "ius-option", inputs: { disabled: "disabled", checked: "checked", leadingIcon: "leadingIcon", multiline: "multiline" }, outputs: { optionClick: "optionClick" }, ngImport: i0, template: "<button class=\"ius-list\" [class.multiline]=\"multiline\" [disabled]=\"disabled\" (click)=\"seleccionar()\">\r\n @if(leadingIcon) {\r\n <ius-icon-sm [iconName]=\"leadingIcon\" class=\"leading-icon\"></ius-icon-sm>\r\n }\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if(checked){\r\n <ius-icon-sm iconName=\"icon-check-circle\" class=\"icon-color\"></ius-icon-sm>\r\n }\r\n</button
|
|
1639
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OptionComponent, isStandalone: true, selector: "ius-option", inputs: { disabled: "disabled", checked: "checked", leadingIcon: "leadingIcon", prefixIcon: "prefixIcon", sufixIcon: "sufixIcon", multiline: "multiline" }, outputs: { optionClick: "optionClick" }, ngImport: i0, template: "<button class=\"ius-list\" [class.multiline]=\"multiline\" [disabled]=\"disabled\" (click)=\"seleccionar()\">\r\n @if(leadingIcon && prefixIcon) {\r\n <ius-icon-sm [iconName]=\"leadingIcon\" class=\"leading-icon\"></ius-icon-sm>\r\n }\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if(leadingIcon && sufixIcon) {\r\n <ius-icon-sm [iconName]=\"leadingIcon\" class=\"leading-icon\"></ius-icon-sm>\r\n }\r\n @if(checked){\r\n <ius-icon-sm iconName=\"icon-check-circle\" class=\"icon-color\"></ius-icon-sm>\r\n }\r\n</button>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}:host{display:block;width:100%}.ius-list{display:flex;padding:8px 20px 8px 12px;height:36px;width:100%;align-items:center;gap:8px;background:#fff;-webkit-user-select:none;user-select:none;border:none;cursor:pointer}.ius-list.multiline{height:auto;min-height:36px;align-items:flex-start;padding-top:8px;padding-bottom:8px}.ius-list.multiline .content{white-space:normal;text-overflow:clip}.ius-list:hover:not(:disabled){background:#edf6ff}.ius-list:active:not(:disabled){background:#c4dfff!important;color:#333}.ius-list:disabled{background:#fafafa;color:#bfbfbf;cursor:default}.icon-color{color:#2167ff}.leading-icon{color:#333;flex-shrink:0}.content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:left;flex:1 0 0;min-width:0;font-family:Rubik,sans-serif}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }] }); }
|
|
1638
1640
|
}
|
|
1639
1641
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OptionComponent, decorators: [{
|
|
1640
1642
|
type: Component,
|
|
1641
|
-
args: [{ selector: 'ius-option', standalone: true, imports: [IconSmComponent], template: "<button class=\"ius-list\" [class.multiline]=\"multiline\" [disabled]=\"disabled\" (click)=\"seleccionar()\">\r\n @if(leadingIcon) {\r\n <ius-icon-sm [iconName]=\"leadingIcon\" class=\"leading-icon\"></ius-icon-sm>\r\n }\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if(checked){\r\n <ius-icon-sm iconName=\"icon-check-circle\" class=\"icon-color\"></ius-icon-sm>\r\n }\r\n</button
|
|
1643
|
+
args: [{ selector: 'ius-option', standalone: true, imports: [IconSmComponent], template: "<button class=\"ius-list\" [class.multiline]=\"multiline\" [disabled]=\"disabled\" (click)=\"seleccionar()\">\r\n @if(leadingIcon && prefixIcon) {\r\n <ius-icon-sm [iconName]=\"leadingIcon\" class=\"leading-icon\"></ius-icon-sm>\r\n }\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if(leadingIcon && sufixIcon) {\r\n <ius-icon-sm [iconName]=\"leadingIcon\" class=\"leading-icon\"></ius-icon-sm>\r\n }\r\n @if(checked){\r\n <ius-icon-sm iconName=\"icon-check-circle\" class=\"icon-color\"></ius-icon-sm>\r\n }\r\n</button>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}:host{display:block;width:100%}.ius-list{display:flex;padding:8px 20px 8px 12px;height:36px;width:100%;align-items:center;gap:8px;background:#fff;-webkit-user-select:none;user-select:none;border:none;cursor:pointer}.ius-list.multiline{height:auto;min-height:36px;align-items:flex-start;padding-top:8px;padding-bottom:8px}.ius-list.multiline .content{white-space:normal;text-overflow:clip}.ius-list:hover:not(:disabled){background:#edf6ff}.ius-list:active:not(:disabled){background:#c4dfff!important;color:#333}.ius-list:disabled{background:#fafafa;color:#bfbfbf;cursor:default}.icon-color{color:#2167ff}.leading-icon{color:#333;flex-shrink:0}.content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:left;flex:1 0 0;min-width:0;font-family:Rubik,sans-serif}\n"] }]
|
|
1642
1644
|
}], propDecorators: { disabled: [{
|
|
1643
1645
|
type: Input
|
|
1644
1646
|
}], checked: [{
|
|
1645
1647
|
type: Input
|
|
1646
1648
|
}], leadingIcon: [{
|
|
1647
1649
|
type: Input
|
|
1650
|
+
}], prefixIcon: [{
|
|
1651
|
+
type: Input
|
|
1652
|
+
}], sufixIcon: [{
|
|
1653
|
+
type: Input
|
|
1648
1654
|
}], multiline: [{
|
|
1649
1655
|
type: Input
|
|
1650
1656
|
}], optionClick: [{
|
|
@@ -1828,7 +1834,7 @@ class ButtonAccountsComponent {
|
|
|
1828
1834
|
this.openOptions = false;
|
|
1829
1835
|
}
|
|
1830
1836
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonAccountsComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1831
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonAccountsComponent, isStandalone: true, selector: "ius-button-accounts", inputs: { account: "account", showOptionsFlag: "showOptionsFlag" }, outputs: { accountSelected: "accountSelected", onPressedPredeterminado: "onPressedPredeterminado", onPressedDesvincular: "onPressedDesvincular", onPressedEditar: "onPressedEditar", optionsOpened: "optionsOpened" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0, template: "<div class=\"general\">\r\n <button type=\"button\" class=\"ius-btn\" [class.isOpen]=\"isOpen\" [class.menuOpen]=\"openOptions\"\r\n [class.isPredetermined]=\"account.isPredetermined\" (click)=\"onClickAccount(account)\">\r\n\r\n <div class=\"content\">\r\n <ius-avatar-v2 [imageUrl]=\"account.logo\" [name]=\"account.name\" size=\"md\" shape=\"circle\"\r\n fallbackIconName=\"icon-account-circle\">\r\n </ius-avatar-v2>\r\n\r\n <span class=\"name body-base-1\">{{ account.name }}</span>\r\n </div>\r\n\r\n @if (showOptionsFlag) {\r\n <ius-button-circle-tertiary\r\n (click)=\"showOptions($event)\"\r\n [iconName]=\"'icon-more-vert'\"\r\n >\r\n </ius-button-circle-tertiary>\r\n }\r\n </button>\r\n\r\n @if (openOptions) {\r\n <div class=\"more-box active\">\r\n <ius-option [checked]=\"true\" (optionClick)=\"onPressedPredeterminado.emit(account)\">\r\n <span class=\"body-large\">Marcar como predeterminada</span>\r\n </ius-option>\r\n\r\n <ius-simple-divider></ius-simple-divider>\r\n\r\n <ius-option [leadingIcon]=\"'icon-edit'\" (optionClick)=\"onPressedEditar.emit(account)\">\r\n <span class=\"body-large\">Editar</span>\r\n </ius-option>\r\n\r\n <ius-option [leadingIcon]=\"'icon-delete'\" (optionClick)=\"onPressedDesvincular.emit(account)\">\r\n <span class=\"body-large\">Desvincular</span>\r\n </ius-option>\r\n </div>\r\n }\r\n</div>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.general{position:relative;width:100%}.ius-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;height:48px;width:100%;box-sizing:border-box;padding:8px;border-radius:8px;border:1px solid #eaeaea;background-color:#fff;color:#333;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.ius-btn:hover:not(:disabled){border-color:#f0f0f0;background-color:#f5f5f5;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn:active:not(:disabled){border-color:#c4dfff;background-color:#c4dfff;box-shadow:none}.ius-btn.isOpen{border-color:#c4dfff;background-color:#edf6ff}.ius-btn.menuOpen{border-color:#f0f0f0;background-color:#f5f5f5;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn.isOpen.menuOpen{border-color:#c4dfff;background-color:#edf6ff;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.content{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}.name{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;color:#333}.more-box{position:absolute;top:100%;left:90%;margin-top:8px;min-width:240px;padding:8px;z-index:100;display:flex;flex-direction:column;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;border:1px solid #f0f0f0;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease}.more-box.active{opacity:1;transform:translateY(0);pointer-events:all}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: AvatarV2Component, selector: "ius-avatar-v2", inputs: ["imageUrl", "name", "size", "shape", "showEditButton", "backgroundColor", "fallbackIconName"], outputs: ["editClicked"] }, { kind: "component", type: OptionComponent, selector: "ius-option", inputs: ["disabled", "checked", "leadingIcon", "multiline"], outputs: ["optionClick"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }] }); }
|
|
1837
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonAccountsComponent, isStandalone: true, selector: "ius-button-accounts", inputs: { account: "account", showOptionsFlag: "showOptionsFlag" }, outputs: { accountSelected: "accountSelected", onPressedPredeterminado: "onPressedPredeterminado", onPressedDesvincular: "onPressedDesvincular", onPressedEditar: "onPressedEditar", optionsOpened: "optionsOpened" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0, template: "<div class=\"general\">\r\n <button type=\"button\" class=\"ius-btn\" [class.isOpen]=\"isOpen\" [class.menuOpen]=\"openOptions\"\r\n [class.isPredetermined]=\"account.isPredetermined\" (click)=\"onClickAccount(account)\">\r\n\r\n <div class=\"content\">\r\n <ius-avatar-v2 [imageUrl]=\"account.logo\" [name]=\"account.name\" size=\"md\" shape=\"circle\"\r\n fallbackIconName=\"icon-account-circle\">\r\n </ius-avatar-v2>\r\n\r\n <span class=\"name body-base-1\">{{ account.name }}</span>\r\n </div>\r\n\r\n @if (showOptionsFlag) {\r\n <ius-button-circle-tertiary\r\n (click)=\"showOptions($event)\"\r\n [iconName]=\"'icon-more-vert'\"\r\n >\r\n </ius-button-circle-tertiary>\r\n }\r\n </button>\r\n\r\n @if (openOptions) {\r\n <div class=\"more-box active\">\r\n <ius-option [checked]=\"true\" (optionClick)=\"onPressedPredeterminado.emit(account)\">\r\n <span class=\"body-large\">Marcar como predeterminada</span>\r\n </ius-option>\r\n\r\n <ius-simple-divider></ius-simple-divider>\r\n\r\n <ius-option [leadingIcon]=\"'icon-edit'\" (optionClick)=\"onPressedEditar.emit(account)\">\r\n <span class=\"body-large\">Editar</span>\r\n </ius-option>\r\n\r\n <ius-option [leadingIcon]=\"'icon-delete'\" (optionClick)=\"onPressedDesvincular.emit(account)\">\r\n <span class=\"body-large\">Desvincular</span>\r\n </ius-option>\r\n </div>\r\n }\r\n</div>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.general{position:relative;width:100%}.ius-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;height:48px;width:100%;box-sizing:border-box;padding:8px;border-radius:8px;border:1px solid #eaeaea;background-color:#fff;color:#333;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.ius-btn:hover:not(:disabled){border-color:#f0f0f0;background-color:#f5f5f5;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn:active:not(:disabled){border-color:#c4dfff;background-color:#c4dfff;box-shadow:none}.ius-btn.isOpen{border-color:#c4dfff;background-color:#edf6ff}.ius-btn.menuOpen{border-color:#f0f0f0;background-color:#f5f5f5;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ius-btn.isOpen.menuOpen{border-color:#c4dfff;background-color:#edf6ff;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.content{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}.name{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;color:#333}.more-box{position:absolute;top:100%;left:90%;margin-top:8px;min-width:240px;padding:8px;z-index:100;display:flex;flex-direction:column;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;border:1px solid #f0f0f0;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease}.more-box.active{opacity:1;transform:translateY(0);pointer-events:all}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: AvatarV2Component, selector: "ius-avatar-v2", inputs: ["imageUrl", "name", "size", "shape", "showEditButton", "backgroundColor", "fallbackIconName"], outputs: ["editClicked"] }, { kind: "component", type: OptionComponent, selector: "ius-option", inputs: ["disabled", "checked", "leadingIcon", "prefixIcon", "sufixIcon", "multiline"], outputs: ["optionClick"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }] }); }
|
|
1832
1838
|
}
|
|
1833
1839
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonAccountsComponent, decorators: [{
|
|
1834
1840
|
type: Component,
|
|
@@ -1865,6 +1871,8 @@ class SectionCollapseDrawerParentComponent {
|
|
|
1865
1871
|
this.disabled = false;
|
|
1866
1872
|
this.textTitle = 'Title';
|
|
1867
1873
|
this.iconName = '';
|
|
1874
|
+
this.prefixIcon = true;
|
|
1875
|
+
this.sufixIcon = false;
|
|
1868
1876
|
this.buttonClicked = new EventEmitter();
|
|
1869
1877
|
}
|
|
1870
1878
|
onClick() {
|
|
@@ -1872,7 +1880,7 @@ class SectionCollapseDrawerParentComponent {
|
|
|
1872
1880
|
this.buttonClicked.emit();
|
|
1873
1881
|
}
|
|
1874
1882
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionCollapseDrawerParentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1875
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionCollapseDrawerParentComponent, isStandalone: true, selector: "ius-section-collapse-drawer-parent", inputs: { isActive: "isActive", disabled: "disabled", textTitle: "textTitle", iconName: "iconName" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"dropdown-container\">\r\n <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive }\">\r\n @if(iconName !== '') {\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <span>{{textTitle}}</span>\r\n <ius-icon-sm class=\"arrow\"\r\n [iconName]=\"isActive && !disabled ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\">\r\n </ius-icon-sm>\r\n </button>\r\n</div>\r\n@if (isActive && !disabled) {\r\n<div @slideInOut>\r\n <ng-content></ng-content>\r\n</div>\r\n}", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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,.icon-doc-color{color:#5892ff}.arrow{margin-left:auto;padding-bottom:5px}.ius-btn{display:inline-flex;width:100%;height:48px;padding:12px;align-items:center;gap:8px;background-color:#fff;color:#333;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1.125rem;line-height:24px;letter-spacing:1%;justify-content:space-between}.ius-btn:hover:not(:disabled){color:#103ab7}.ius-btn:active:not(:disabled){background-color:#edf6ff}.ius-btn:disabled{color:#bfbfbf;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }], animations: [
|
|
1883
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionCollapseDrawerParentComponent, isStandalone: true, selector: "ius-section-collapse-drawer-parent", inputs: { isActive: "isActive", disabled: "disabled", textTitle: "textTitle", iconName: "iconName", prefixIcon: "prefixIcon", sufixIcon: "sufixIcon" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"dropdown-container\">\r\n <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive }\">\r\n @if(iconName !== '' && prefixIcon) {\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <span>{{textTitle}}</span>\r\n @if(iconName !== '' && sufixIcon) {\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <ius-icon-sm class=\"arrow\"\r\n [iconName]=\"isActive && !disabled ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\">\r\n </ius-icon-sm>\r\n </button>\r\n</div>\r\n@if (isActive && !disabled) {\r\n<div @slideInOut>\r\n <ng-content></ng-content>\r\n</div>\r\n}\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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,.icon-doc-color{color:#5892ff}.arrow{margin-left:auto;padding-bottom:5px}.ius-btn{display:inline-flex;width:100%;height:48px;padding:12px;align-items:center;gap:8px;background-color:#fff;color:#333;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1.125rem;line-height:24px;letter-spacing:1%;justify-content:space-between}.ius-btn:hover:not(:disabled){color:#103ab7}.ius-btn:active:not(:disabled){background-color:#edf6ff}.ius-btn:disabled{color:#bfbfbf;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }], animations: [
|
|
1876
1884
|
trigger('slideInOut', [
|
|
1877
1885
|
state('void', style({
|
|
1878
1886
|
height: '0px',
|
|
@@ -1912,7 +1920,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1912
1920
|
animate('370ms ease-out')
|
|
1913
1921
|
])
|
|
1914
1922
|
])
|
|
1915
|
-
], template: "<div class=\"dropdown-container\">\r\n <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive }\">\r\n @if(iconName !== '') {\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <span>{{textTitle}}</span>\r\n <ius-icon-sm class=\"arrow\"\r\n [iconName]=\"isActive && !disabled ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\">\r\n </ius-icon-sm>\r\n </button>\r\n</div>\r\n@if (isActive && !disabled) {\r\n<div @slideInOut>\r\n <ng-content></ng-content>\r\n</div>\r\n}", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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,.icon-doc-color{color:#5892ff}.arrow{margin-left:auto;padding-bottom:5px}.ius-btn{display:inline-flex;width:100%;height:48px;padding:12px;align-items:center;gap:8px;background-color:#fff;color:#333;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1.125rem;line-height:24px;letter-spacing:1%;justify-content:space-between}.ius-btn:hover:not(:disabled){color:#103ab7}.ius-btn:active:not(:disabled){background-color:#edf6ff}.ius-btn:disabled{color:#bfbfbf;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"] }]
|
|
1923
|
+
], template: "<div class=\"dropdown-container\">\r\n <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive }\">\r\n @if(iconName !== '' && prefixIcon) {\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <span>{{textTitle}}</span>\r\n @if(iconName !== '' && sufixIcon) {\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <ius-icon-sm class=\"arrow\"\r\n [iconName]=\"isActive && !disabled ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\">\r\n </ius-icon-sm>\r\n </button>\r\n</div>\r\n@if (isActive && !disabled) {\r\n<div @slideInOut>\r\n <ng-content></ng-content>\r\n</div>\r\n}\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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,.icon-doc-color{color:#5892ff}.arrow{margin-left:auto;padding-bottom:5px}.ius-btn{display:inline-flex;width:100%;height:48px;padding:12px;align-items:center;gap:8px;background-color:#fff;color:#333;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1.125rem;line-height:24px;letter-spacing:1%;justify-content:space-between}.ius-btn:hover:not(:disabled){color:#103ab7}.ius-btn:active:not(:disabled){background-color:#edf6ff}.ius-btn:disabled{color:#bfbfbf;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"] }]
|
|
1916
1924
|
}], propDecorators: { isActive: [{
|
|
1917
1925
|
type: Input
|
|
1918
1926
|
}], disabled: [{
|
|
@@ -1921,6 +1929,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1921
1929
|
type: Input
|
|
1922
1930
|
}], iconName: [{
|
|
1923
1931
|
type: Input
|
|
1932
|
+
}], prefixIcon: [{
|
|
1933
|
+
type: Input
|
|
1934
|
+
}], sufixIcon: [{
|
|
1935
|
+
type: Input
|
|
1924
1936
|
}], buttonClicked: [{
|
|
1925
1937
|
type: Output
|
|
1926
1938
|
}] } });
|
|
@@ -1931,6 +1943,8 @@ class SectionCollapseDrawerChildComponent {
|
|
|
1931
1943
|
this.disabled = false;
|
|
1932
1944
|
this.textTitle = 'Title';
|
|
1933
1945
|
this.iconName = '';
|
|
1946
|
+
this.prefixIcon = true;
|
|
1947
|
+
this.sufixIcon = false;
|
|
1934
1948
|
this.buttonClicked = new EventEmitter();
|
|
1935
1949
|
}
|
|
1936
1950
|
onClick() {
|
|
@@ -1938,7 +1952,7 @@ class SectionCollapseDrawerChildComponent {
|
|
|
1938
1952
|
this.buttonClicked.emit();
|
|
1939
1953
|
}
|
|
1940
1954
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionCollapseDrawerChildComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1941
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionCollapseDrawerChildComponent, isStandalone: true, selector: "ius-section-collapse-drawer-child", inputs: { isActive: "isActive", disabled: "disabled", textTitle: "textTitle", iconName: "iconName" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"dropdown-container\">\r\n <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive }\">\r\n @if (iconName !== '') {\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <span>{{textTitle}}</span>\r\n <ius-icon-sm class=\"arrow\"\r\n [iconName]=\" isActive && !disabled ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down' \"></ius-icon-sm>\r\n </button>\r\n</div>\r\n@if (isActive && !disabled) {\r\n<div @slideInOut>\r\n <ng-content></ng-content>\r\n</div>\r\n}", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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,.icon-doc-color{color:#5892ff}.arrow{margin-left:auto;padding-bottom:5px}.ius-btn{display:inline-flex;width:100%;height:46px;padding:12px 8px;align-items:center;gap:8px;background-color:#fafafa;color:#595959;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;line-height:22px;letter-spacing:1%;justify-content:space-between}.ius-btn:hover:not(:disabled){color:#103ab7}.ius-btn:active:not(:disabled){background-color:#edf6ff}.ius-btn:disabled{color:#bfbfbf;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }], animations: [
|
|
1955
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionCollapseDrawerChildComponent, isStandalone: true, selector: "ius-section-collapse-drawer-child", inputs: { isActive: "isActive", disabled: "disabled", textTitle: "textTitle", iconName: "iconName", prefixIcon: "prefixIcon", sufixIcon: "sufixIcon" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"dropdown-container\">\r\n <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive }\">\r\n @if (iconName !== '' && prefixIcon) {\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <span>{{textTitle}}</span>\r\n @if (iconName !== '' && sufixIcon) {\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <ius-icon-sm class=\"arrow\"\r\n [iconName]=\" isActive && !disabled ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down' \"></ius-icon-sm>\r\n </button>\r\n</div>\r\n@if (isActive && !disabled) {\r\n<div @slideInOut>\r\n <ng-content></ng-content>\r\n</div>\r\n}\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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,.icon-doc-color{color:#5892ff}.arrow{margin-left:auto;padding-bottom:5px}.ius-btn{display:inline-flex;width:100%;height:46px;padding:12px 8px;align-items:center;gap:8px;background-color:#fafafa;color:#595959;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;line-height:22px;letter-spacing:1%;justify-content:space-between}.ius-btn:hover:not(:disabled){color:#103ab7}.ius-btn:active:not(:disabled){background-color:#edf6ff}.ius-btn:disabled{color:#bfbfbf;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }], animations: [
|
|
1942
1956
|
trigger('slideInOut', [
|
|
1943
1957
|
state('void', style({
|
|
1944
1958
|
height: '0px',
|
|
@@ -1978,7 +1992,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1978
1992
|
animate('370ms ease-out')
|
|
1979
1993
|
])
|
|
1980
1994
|
])
|
|
1981
|
-
], template: "<div class=\"dropdown-container\">\r\n <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive }\">\r\n @if (iconName !== '') {\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <span>{{textTitle}}</span>\r\n <ius-icon-sm class=\"arrow\"\r\n [iconName]=\" isActive && !disabled ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down' \"></ius-icon-sm>\r\n </button>\r\n</div>\r\n@if (isActive && !disabled) {\r\n<div @slideInOut>\r\n <ng-content></ng-content>\r\n</div>\r\n}", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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,.icon-doc-color{color:#5892ff}.arrow{margin-left:auto;padding-bottom:5px}.ius-btn{display:inline-flex;width:100%;height:46px;padding:12px 8px;align-items:center;gap:8px;background-color:#fafafa;color:#595959;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;line-height:22px;letter-spacing:1%;justify-content:space-between}.ius-btn:hover:not(:disabled){color:#103ab7}.ius-btn:active:not(:disabled){background-color:#edf6ff}.ius-btn:disabled{color:#bfbfbf;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"] }]
|
|
1995
|
+
], template: "<div class=\"dropdown-container\">\r\n <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive }\">\r\n @if (iconName !== '' && prefixIcon) {\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <span>{{textTitle}}</span>\r\n @if (iconName !== '' && sufixIcon) {\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <ius-icon-sm class=\"arrow\"\r\n [iconName]=\" isActive && !disabled ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down' \"></ius-icon-sm>\r\n </button>\r\n</div>\r\n@if (isActive && !disabled) {\r\n<div @slideInOut>\r\n <ng-content></ng-content>\r\n</div>\r\n}\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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,.icon-doc-color{color:#5892ff}.arrow{margin-left:auto;padding-bottom:5px}.ius-btn{display:inline-flex;width:100%;height:46px;padding:12px 8px;align-items:center;gap:8px;background-color:#fafafa;color:#595959;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;line-height:22px;letter-spacing:1%;justify-content:space-between}.ius-btn:hover:not(:disabled){color:#103ab7}.ius-btn:active:not(:disabled){background-color:#edf6ff}.ius-btn:disabled{color:#bfbfbf;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"] }]
|
|
1982
1996
|
}], propDecorators: { isActive: [{
|
|
1983
1997
|
type: Input
|
|
1984
1998
|
}], disabled: [{
|
|
@@ -1987,6 +2001,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1987
2001
|
type: Input
|
|
1988
2002
|
}], iconName: [{
|
|
1989
2003
|
type: Input
|
|
2004
|
+
}], prefixIcon: [{
|
|
2005
|
+
type: Input
|
|
2006
|
+
}], sufixIcon: [{
|
|
2007
|
+
type: Input
|
|
1990
2008
|
}], buttonClicked: [{
|
|
1991
2009
|
type: Output
|
|
1992
2010
|
}] } });
|
|
@@ -2017,6 +2035,8 @@ class MenuItemComponent {
|
|
|
2017
2035
|
constructor() {
|
|
2018
2036
|
this.isActive = false;
|
|
2019
2037
|
this.iconName = '';
|
|
2038
|
+
this.prefixIcon = true;
|
|
2039
|
+
this.sufixIcon = false;
|
|
2020
2040
|
this.iconColorActive = '#99CC33';
|
|
2021
2041
|
this.iconColorDefault = '#99CC33';
|
|
2022
2042
|
this.iconColorHovered = '#99CC33';
|
|
@@ -2042,15 +2062,19 @@ class MenuItemComponent {
|
|
|
2042
2062
|
}
|
|
2043
2063
|
}
|
|
2044
2064
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2045
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MenuItemComponent, isStandalone: true, selector: "ius-menu-item", inputs: { isActive: "isActive", iconName: "iconName", numberAlerts: "numberAlerts", iconColorActive: "iconColorActive", iconColorDefault: "iconColorDefault", iconColorHovered: "iconColorHovered" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{'isActive': isActive}\"\r\n (mouseenter)=\"isHovered = true\" (mouseleave)=\"isHovered = false; isPressed = false\"\r\n (mousedown)=\"isPressed = true\" (mouseup)=\"isPressed = false\">\r\n <ius-icon-md [iconName]=\"iconName\" [color]=\"iconColor\" class=\"icon-color\"></ius-icon-md>\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if (numberAlerts) {\r\n <ius-badge class=\"badge\" [number]=\"numberAlerts\"></ius-badge>\r\n }\r\n</button
|
|
2065
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MenuItemComponent, isStandalone: true, selector: "ius-menu-item", inputs: { isActive: "isActive", iconName: "iconName", prefixIcon: "prefixIcon", sufixIcon: "sufixIcon", numberAlerts: "numberAlerts", iconColorActive: "iconColorActive", iconColorDefault: "iconColorDefault", iconColorHovered: "iconColorHovered" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{'isActive': isActive}\"\r\n (mouseenter)=\"isHovered = true\" (mouseleave)=\"isHovered = false; isPressed = false\"\r\n (mousedown)=\"isPressed = true\" (mouseup)=\"isPressed = false\">\r\n @if (prefixIcon) {\r\n <ius-icon-md [iconName]=\"iconName\" [color]=\"iconColor\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if (sufixIcon) {\r\n <ius-icon-md [iconName]=\"iconName\" [color]=\"iconColor\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n @if (numberAlerts) {\r\n <ius-badge class=\"badge\" [number]=\"numberAlerts\"></ius-badge>\r\n }\r\n</button>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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:#9c3}.badge{margin-left:auto}.ius-btn{display:inline-flex;width:100%;padding:4px 16px;align-items:center;justify-content:space-between;gap:12px;border-radius:8px;background-color:#fafafa;color:#333;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;line-height:22px}.ius-btn:hover:not(:disabled){background-color:#eaeaea}.ius-btn:active:not(:disabled){background-color:#9c3;color:#fff}.ius-btn:active:not(:disabled) .icon-color{color:#fff}.ius-btn.isActive{background-color:#eaeaea}.content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:left;flex:1 0 0;min-width:0}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BadgeComponent, selector: "ius-badge", inputs: ["number"] }] }); }
|
|
2046
2066
|
}
|
|
2047
2067
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuItemComponent, decorators: [{
|
|
2048
2068
|
type: Component,
|
|
2049
|
-
args: [{ selector: 'ius-menu-item', standalone: true, imports: [IconMdComponent, CommonModule, BadgeComponent], template: "<button (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{'isActive': isActive}\"\r\n (mouseenter)=\"isHovered = true\" (mouseleave)=\"isHovered = false; isPressed = false\"\r\n (mousedown)=\"isPressed = true\" (mouseup)=\"isPressed = false\">\r\n <ius-icon-md [iconName]=\"iconName\" [color]=\"iconColor\" class=\"icon-color\"></ius-icon-md>\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if (numberAlerts) {\r\n <ius-badge class=\"badge\" [number]=\"numberAlerts\"></ius-badge>\r\n }\r\n</button
|
|
2069
|
+
args: [{ selector: 'ius-menu-item', standalone: true, imports: [IconMdComponent, CommonModule, BadgeComponent], template: "<button (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{'isActive': isActive}\"\r\n (mouseenter)=\"isHovered = true\" (mouseleave)=\"isHovered = false; isPressed = false\"\r\n (mousedown)=\"isPressed = true\" (mouseup)=\"isPressed = false\">\r\n @if (prefixIcon) {\r\n <ius-icon-md [iconName]=\"iconName\" [color]=\"iconColor\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if (sufixIcon) {\r\n <ius-icon-md [iconName]=\"iconName\" [color]=\"iconColor\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n @if (numberAlerts) {\r\n <ius-badge class=\"badge\" [number]=\"numberAlerts\"></ius-badge>\r\n }\r\n</button>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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:#9c3}.badge{margin-left:auto}.ius-btn{display:inline-flex;width:100%;padding:4px 16px;align-items:center;justify-content:space-between;gap:12px;border-radius:8px;background-color:#fafafa;color:#333;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;line-height:22px}.ius-btn:hover:not(:disabled){background-color:#eaeaea}.ius-btn:active:not(:disabled){background-color:#9c3;color:#fff}.ius-btn:active:not(:disabled) .icon-color{color:#fff}.ius-btn.isActive{background-color:#eaeaea}.content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:left;flex:1 0 0;min-width:0}\n"] }]
|
|
2050
2070
|
}], propDecorators: { isActive: [{
|
|
2051
2071
|
type: Input
|
|
2052
2072
|
}], iconName: [{
|
|
2053
2073
|
type: Input
|
|
2074
|
+
}], prefixIcon: [{
|
|
2075
|
+
type: Input
|
|
2076
|
+
}], sufixIcon: [{
|
|
2077
|
+
type: Input
|
|
2054
2078
|
}], numberAlerts: [{
|
|
2055
2079
|
type: Input
|
|
2056
2080
|
}], iconColorActive: [{
|
|
@@ -3317,7 +3341,7 @@ class InputSelectNumberComponent {
|
|
|
3317
3341
|
this.onChangesValueEvent.emit(this.actualNumber);
|
|
3318
3342
|
}
|
|
3319
3343
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputSelectNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3320
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputSelectNumberComponent, isStandalone: true, selector: "ius-input-select-number", inputs: { componentId: "componentId", disabled: "disabled", maxNumberInput: "maxNumberInput", actualNumber: "actualNumber" }, outputs: { onChangesValueEvent: "onChangesValueEvent" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, ngImport: i0, template: "<div class=\"container-general\" [id]=\"componentId\">\r\n @if (showList) {\r\n <div class=\"container-list scrollable-small\">\r\n <div>\r\n @for (number of numberOptions; track $index) {\r\n <ius-option (optionClick)=\"onSelectOption(number)\">\r\n {{number}}\r\n </ius-option>\r\n }\r\n </div>\r\n </div>\r\n }\r\n <button class=\"ct-button\" [ngClass]=\"{\r\n 'disabled': disabled,\r\n 'focused': isFocused\r\n }\" (click)=\"onFocus()\" [disabled]=\"disabled\">\r\n <span>{{actualNumber}}</span>\r\n @if(!showList){\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-down\" class=\"icon-arrows\"></ius-icon-md>\r\n }@else{\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-up\" class=\"icon-arrows\"></ius-icon-md>\r\n }\r\n </button>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.container-general{position:relative;height:100%}.ct-button{display:flex;padding:10px 12px;justify-content:center;align-items:center;gap:4px;height:44px;cursor:pointer;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.ct-button:hover:not(.disabled):not(.focused){background:#edf6ff}.ct-button.focused{border:1px solid #0581BC;background:#edf6ff}.ct-button.disabled{background:#f5f5f5;cursor:default}.ct-button.disabled .icon-color,.ct-button.disabled .icon-arrows{color:#bfbfbf}.ct-button.disabled input::placeholder{color:#bfbfbf;opacity:1}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.icon-arrows{color:#333}.ct-button .icon-arrows{pointer-events:none}.ct-button .icon-arrows svg{pointer-events:none}.container-list{position:absolute;bottom:100%;margin-bottom:4px;max-height:144px;width:100%;display:flex;flex-direction:column-reverse;margin-top:4px;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;z-index:1000;overflow-y:auto}.scrollable-small::-webkit-scrollbar{-webkit-appearance:none}.scrollable-small::-webkit-scrollbar:vertical{width:4px;height:32px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar:horizontal{height:5px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar-thumb{background-color:#08a6db;border-radius:4px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: OptionComponent, selector: "ius-option", inputs: ["disabled", "checked", "leadingIcon", "multiline"], outputs: ["optionClick"] }] }); }
|
|
3344
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputSelectNumberComponent, isStandalone: true, selector: "ius-input-select-number", inputs: { componentId: "componentId", disabled: "disabled", maxNumberInput: "maxNumberInput", actualNumber: "actualNumber" }, outputs: { onChangesValueEvent: "onChangesValueEvent" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, ngImport: i0, template: "<div class=\"container-general\" [id]=\"componentId\">\r\n @if (showList) {\r\n <div class=\"container-list scrollable-small\">\r\n <div>\r\n @for (number of numberOptions; track $index) {\r\n <ius-option (optionClick)=\"onSelectOption(number)\">\r\n {{number}}\r\n </ius-option>\r\n }\r\n </div>\r\n </div>\r\n }\r\n <button class=\"ct-button\" [ngClass]=\"{\r\n 'disabled': disabled,\r\n 'focused': isFocused\r\n }\" (click)=\"onFocus()\" [disabled]=\"disabled\">\r\n <span>{{actualNumber}}</span>\r\n @if(!showList){\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-down\" class=\"icon-arrows\"></ius-icon-md>\r\n }@else{\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-up\" class=\"icon-arrows\"></ius-icon-md>\r\n }\r\n </button>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.container-general{position:relative;height:100%}.ct-button{display:flex;padding:10px 12px;justify-content:center;align-items:center;gap:4px;height:44px;cursor:pointer;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.ct-button:hover:not(.disabled):not(.focused){background:#edf6ff}.ct-button.focused{border:1px solid #0581BC;background:#edf6ff}.ct-button.disabled{background:#f5f5f5;cursor:default}.ct-button.disabled .icon-color,.ct-button.disabled .icon-arrows{color:#bfbfbf}.ct-button.disabled input::placeholder{color:#bfbfbf;opacity:1}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.icon-arrows{color:#333}.ct-button .icon-arrows{pointer-events:none}.ct-button .icon-arrows svg{pointer-events:none}.container-list{position:absolute;bottom:100%;margin-bottom:4px;max-height:144px;width:100%;display:flex;flex-direction:column-reverse;margin-top:4px;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;z-index:1000;overflow-y:auto}.scrollable-small::-webkit-scrollbar{-webkit-appearance:none}.scrollable-small::-webkit-scrollbar:vertical{width:4px;height:32px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar:horizontal{height:5px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar-thumb{background-color:#08a6db;border-radius:4px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: OptionComponent, selector: "ius-option", inputs: ["disabled", "checked", "leadingIcon", "prefixIcon", "sufixIcon", "multiline"], outputs: ["optionClick"] }] }); }
|
|
3321
3345
|
}
|
|
3322
3346
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputSelectNumberComponent, decorators: [{
|
|
3323
3347
|
type: Component,
|
|
@@ -3515,6 +3539,8 @@ class DropdownOptionItemComponent {
|
|
|
3515
3539
|
constructor(router) {
|
|
3516
3540
|
this.router = router;
|
|
3517
3541
|
this.iconName = '';
|
|
3542
|
+
this.prefixIcon = true;
|
|
3543
|
+
this.sufixIcon = false;
|
|
3518
3544
|
this.route = '';
|
|
3519
3545
|
this.optionClick = new EventEmitter();
|
|
3520
3546
|
}
|
|
@@ -3525,13 +3551,17 @@ class DropdownOptionItemComponent {
|
|
|
3525
3551
|
}
|
|
3526
3552
|
}
|
|
3527
3553
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownOptionItemComponent, deps: [{ token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3528
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DropdownOptionItemComponent, isStandalone: true, selector: "ius-dropdown-option-item", inputs: { iconName: "iconName", route: "route" }, outputs: { optionClick: "optionClick" }, ngImport: i0, template: "<button class=\"dropdown-option\" (click)=\"onClick()\">\r\n @if (iconName) {\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }
|
|
3554
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DropdownOptionItemComponent, isStandalone: true, selector: "ius-dropdown-option-item", inputs: { iconName: "iconName", prefixIcon: "prefixIcon", sufixIcon: "sufixIcon", route: "route" }, outputs: { optionClick: "optionClick" }, ngImport: i0, template: "<button class=\"dropdown-option\" (click)=\"onClick()\">\r\n @if (iconName && prefixIcon) {\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <ng-content></ng-content>\r\n @if (iconName && sufixIcon) {\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n</button>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.dropdown-option{display:flex;width:100%;padding:8px 20px 8px 12px;align-items:center;gap:8px;border-radius:8px;background-color:#fff;color:#333;font-family:Rubik,sans-serif;font-size:1rem;line-height:22px;font-weight:400;font-style:normal;border:none;cursor:pointer}.dropdown-option:hover:not(:disabled){background-color:#f0f0f0}.dropdown-option:active:not(:disabled){background-color:#c4dfff}.dropdown-option.isDisabled{cursor:not-allowed;color:#bfbfbf}.dropdown-option.isDisabled .icon-doc-color{color:#bfbfbf}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
3529
3555
|
}
|
|
3530
3556
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownOptionItemComponent, decorators: [{
|
|
3531
3557
|
type: Component,
|
|
3532
|
-
args: [{ selector: 'ius-dropdown-option-item', standalone: true, imports: [IconMdComponent], template: "<button class=\"dropdown-option\" (click)=\"onClick()\">\r\n @if (iconName) {\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }
|
|
3558
|
+
args: [{ selector: 'ius-dropdown-option-item', standalone: true, imports: [IconMdComponent], template: "<button class=\"dropdown-option\" (click)=\"onClick()\">\r\n @if (iconName && prefixIcon) {\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <ng-content></ng-content>\r\n @if (iconName && sufixIcon) {\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n</button>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.dropdown-option{display:flex;width:100%;padding:8px 20px 8px 12px;align-items:center;gap:8px;border-radius:8px;background-color:#fff;color:#333;font-family:Rubik,sans-serif;font-size:1rem;line-height:22px;font-weight:400;font-style:normal;border:none;cursor:pointer}.dropdown-option:hover:not(:disabled){background-color:#f0f0f0}.dropdown-option:active:not(:disabled){background-color:#c4dfff}.dropdown-option.isDisabled{cursor:not-allowed;color:#bfbfbf}.dropdown-option.isDisabled .icon-doc-color{color:#bfbfbf}\n"] }]
|
|
3533
3559
|
}], ctorParameters: () => [{ type: i1$4.Router }], propDecorators: { iconName: [{
|
|
3534
3560
|
type: Input
|
|
3561
|
+
}], prefixIcon: [{
|
|
3562
|
+
type: Input
|
|
3563
|
+
}], sufixIcon: [{
|
|
3564
|
+
type: Input
|
|
3535
3565
|
}], route: [{
|
|
3536
3566
|
type: Input
|
|
3537
3567
|
}], optionClick: [{
|
|
@@ -4162,7 +4192,7 @@ class CustomDropdownComponent {
|
|
|
4162
4192
|
this._closePanel();
|
|
4163
4193
|
}
|
|
4164
4194
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomDropdownComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4165
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CustomDropdownComponent, isStandalone: true, selector: "ius-custom-dropdown", inputs: { componentId: "componentId", required: "required", disabled: "disabled", showHelpText: "showHelpText", error: "error", labelSuperior: "labelSuperior", labelInferior: "labelInferior", errorText: "errorText", labelInput: "labelInput", iconInput: "iconInput", placeholderAddText: "placeholderAddText", iconBtnAdd: "iconBtnAdd", textBtnAdd: "textBtnAdd", textInput: "textInput", element: "element", debounceMs: "debounceMs", enableInfiniteScroll: "enableInfiniteScroll", loading: "loading" }, outputs: { onChangesValueEvent: "onChangesValueEvent", onEnterKey: "onEnterKey", onAddElement: "onAddElement", onBlurEvent: "onBlurEvent", onFocusEvent: "onFocusEvent", onScrolledToEnd: "onScrolledToEnd" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, viewQueries: [{ propertyName: "listPanel", first: true, predicate: ["listPanel"], descendants: true }], ngImport: i0, template: "<div class=\"container-general\" [id]=\"componentId\">\
|
|
4195
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CustomDropdownComponent, isStandalone: true, selector: "ius-custom-dropdown", inputs: { componentId: "componentId", required: "required", disabled: "disabled", showHelpText: "showHelpText", error: "error", labelSuperior: "labelSuperior", labelInferior: "labelInferior", errorText: "errorText", labelInput: "labelInput", iconInput: "iconInput", placeholderAddText: "placeholderAddText", iconBtnAdd: "iconBtnAdd", textBtnAdd: "textBtnAdd", textInput: "textInput", element: "element", debounceMs: "debounceMs", enableInfiniteScroll: "enableInfiniteScroll", loading: "loading" }, outputs: { onChangesValueEvent: "onChangesValueEvent", onEnterKey: "onEnterKey", onAddElement: "onAddElement", onBlurEvent: "onBlurEvent", onFocusEvent: "onFocusEvent", onScrolledToEnd: "onScrolledToEnd" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, viewQueries: [{ propertyName: "listPanel", first: true, predicate: ["listPanel"], descendants: true }], ngImport: i0, template: "<div class=\"container-general\" [id]=\"componentId\">\n\n <!-- Label superior -->\n @if (labelSuperior) {\n <div class=\"container-label-sup\" [ngClass]=\"{ disabled: disabled }\">\n @if (!disabled && required) {\n <div class=\"icon-dot\"></div>\n }\n <span>{{ labelSuperior }}</span>\n @if (!disabled && showHelpText) {\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\n }\n <span>:</span>\n </div>\n }\n\n <!-- Input principal -->\n <div\n class=\"container-textfield\"\n [ngClass]=\"{\n disabled: disabled,\n focused: isFocused,\n alert: (!isFocused && isAlertText && !disabled) || (error && !disabled)\n }\"\n (click)=\"onFocus()\"\n >\n @if (iconInput) {\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\n }\n <input\n type=\"text\"\n [(ngModel)]=\"textInput\"\n [placeholder]=\"labelInput\"\n [disabled]=\"disabled\"\n (input)=\"onInput()\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (keypress)=\"onKeyPress($event)\"\n />\n <div class=\"cnt-icon-right\">\n @if (!showList) {\n <ius-icon-md iconName=\"icon-keyboard-arrow-down\" class=\"icon-arrows\"></ius-icon-md>\n } @else {\n <div (click)=\"closeList($event)\" style=\"height: 20px;\">\n <ius-icon-md iconName=\"icon-keyboard-arrow-up\" class=\"icon-arrows\"></ius-icon-md>\n </div>\n }\n </div>\n </div>\n\n <!-- Label inferior -->\n @if (labelInferior && isFocused && !error) {\n <span class=\"label-inf\">{{ labelInferior }}</span>\n }\n @if ((errorText || labelInferior) && ((!isFocused && isAlertText && !disabled) || (error && !disabled))) {\n <span class=\"label-inf\" [ngClass]=\"{ alert: (!isFocused && isAlertText && !disabled) || (error && !disabled) }\">\n {{ errorText ?? labelInferior }}\n </span>\n }\n\n <!-- Lista de opciones (CDK overlay) -->\n <ng-template #listPanel>\n <div class=\"container-options\">\n <div class=\"container-list scrollable-small\" (scroll)=\"onListScroll($event)\">\n <div (click)=\"onSelectOption()\">\n <ng-content selector=\"ius-option\"></ng-content>\n </div>\n @if (loading) {\n <div class=\"cnt-loading-option\">Cargando\u2026</div>\n }\n </div>\n <ius-simple-divider></ius-simple-divider>\n <div class=\"add-data\">\n <div class=\"container-text\">\n <input\n type=\"text\"\n class=\"input-text\"\n [(ngModel)]=\"element\"\n (keypress)=\"onKeyPressAddElement($event)\"\n [placeholder]=\"placeholderAddText\"\n />\n </div>\n <div class=\"button-add-option\">\n <ius-button-standard-tertiary\n [iconName]=\"iconBtnAdd\"\n (click)=\"onClickAddElement()\"\n >\n {{ textBtnAdd }}\n </ius-button-standard-tertiary>\n </div>\n </div>\n </div>\n </ng-template>\n\n</div>\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.container-general{position:relative;height:100%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container-textfield:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled .icon-color,.container-textfield.disabled .icon-arrows{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-arrows{color:#333}.icon-color-help{color:#8c8c8c}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.cnt-icon-right{display:flex;align-items:center;justify-content:center;background:none;padding:0;color:#333}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.label-inf.alert{color:#931224}.container-options{width:100%;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.container-list{max-height:144px;display:flex;flex-direction:column;margin-top:4px;overflow-y:auto}.add-data{display:flex;padding-top:8px;padding-bottom:8px;align-items:center;gap:10px;width:100%;background:#fff;border-radius:8px}.add-data .container-text{display:flex;width:60%;align-items:flex-start;gap:4px}.add-data .container-text .input-text{width:100%;display:flex;margin-left:10px;padding:12px;justify-content:center;align-items:flex-start;gap:4px;border-radius:8px;background:#f5f5f5}.add-data .button-add-option{margin-right:10px;width:40%}.scrollable-small::-webkit-scrollbar{-webkit-appearance:none}.scrollable-small::-webkit-scrollbar:vertical{width:4px;height:32px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar:horizontal{height:5px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar-thumb{background-color:#08a6db;border-radius:4px}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: ButtonStandardTertiaryComponent, selector: "ius-button-standard-tertiary", inputs: ["disabled", "iconName", "prefixIcon", "sufixIcon"], outputs: ["buttonClicked"] }] }); }
|
|
4166
4196
|
}
|
|
4167
4197
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomDropdownComponent, decorators: [{
|
|
4168
4198
|
type: Component,
|
|
@@ -4172,7 +4202,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
4172
4202
|
CommonModule,
|
|
4173
4203
|
SimpleDividerComponent,
|
|
4174
4204
|
ButtonStandardTertiaryComponent
|
|
4175
|
-
], template: "<div class=\"container-general\" [id]=\"componentId\">\
|
|
4205
|
+
], template: "<div class=\"container-general\" [id]=\"componentId\">\n\n <!-- Label superior -->\n @if (labelSuperior) {\n <div class=\"container-label-sup\" [ngClass]=\"{ disabled: disabled }\">\n @if (!disabled && required) {\n <div class=\"icon-dot\"></div>\n }\n <span>{{ labelSuperior }}</span>\n @if (!disabled && showHelpText) {\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\n }\n <span>:</span>\n </div>\n }\n\n <!-- Input principal -->\n <div\n class=\"container-textfield\"\n [ngClass]=\"{\n disabled: disabled,\n focused: isFocused,\n alert: (!isFocused && isAlertText && !disabled) || (error && !disabled)\n }\"\n (click)=\"onFocus()\"\n >\n @if (iconInput) {\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\n }\n <input\n type=\"text\"\n [(ngModel)]=\"textInput\"\n [placeholder]=\"labelInput\"\n [disabled]=\"disabled\"\n (input)=\"onInput()\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (keypress)=\"onKeyPress($event)\"\n />\n <div class=\"cnt-icon-right\">\n @if (!showList) {\n <ius-icon-md iconName=\"icon-keyboard-arrow-down\" class=\"icon-arrows\"></ius-icon-md>\n } @else {\n <div (click)=\"closeList($event)\" style=\"height: 20px;\">\n <ius-icon-md iconName=\"icon-keyboard-arrow-up\" class=\"icon-arrows\"></ius-icon-md>\n </div>\n }\n </div>\n </div>\n\n <!-- Label inferior -->\n @if (labelInferior && isFocused && !error) {\n <span class=\"label-inf\">{{ labelInferior }}</span>\n }\n @if ((errorText || labelInferior) && ((!isFocused && isAlertText && !disabled) || (error && !disabled))) {\n <span class=\"label-inf\" [ngClass]=\"{ alert: (!isFocused && isAlertText && !disabled) || (error && !disabled) }\">\n {{ errorText ?? labelInferior }}\n </span>\n }\n\n <!-- Lista de opciones (CDK overlay) -->\n <ng-template #listPanel>\n <div class=\"container-options\">\n <div class=\"container-list scrollable-small\" (scroll)=\"onListScroll($event)\">\n <div (click)=\"onSelectOption()\">\n <ng-content selector=\"ius-option\"></ng-content>\n </div>\n @if (loading) {\n <div class=\"cnt-loading-option\">Cargando\u2026</div>\n }\n </div>\n <ius-simple-divider></ius-simple-divider>\n <div class=\"add-data\">\n <div class=\"container-text\">\n <input\n type=\"text\"\n class=\"input-text\"\n [(ngModel)]=\"element\"\n (keypress)=\"onKeyPressAddElement($event)\"\n [placeholder]=\"placeholderAddText\"\n />\n </div>\n <div class=\"button-add-option\">\n <ius-button-standard-tertiary\n [iconName]=\"iconBtnAdd\"\n (click)=\"onClickAddElement()\"\n >\n {{ textBtnAdd }}\n </ius-button-standard-tertiary>\n </div>\n </div>\n </div>\n </ng-template>\n\n</div>\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.container-general{position:relative;height:100%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container-textfield:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled .icon-color,.container-textfield.disabled .icon-arrows{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-arrows{color:#333}.icon-color-help{color:#8c8c8c}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.cnt-icon-right{display:flex;align-items:center;justify-content:center;background:none;padding:0;color:#333}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.label-inf.alert{color:#931224}.container-options{width:100%;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.container-list{max-height:144px;display:flex;flex-direction:column;margin-top:4px;overflow-y:auto}.add-data{display:flex;padding-top:8px;padding-bottom:8px;align-items:center;gap:10px;width:100%;background:#fff;border-radius:8px}.add-data .container-text{display:flex;width:60%;align-items:flex-start;gap:4px}.add-data .container-text .input-text{width:100%;display:flex;margin-left:10px;padding:12px;justify-content:center;align-items:flex-start;gap:4px;border-radius:8px;background:#f5f5f5}.add-data .button-add-option{margin-right:10px;width:40%}.scrollable-small::-webkit-scrollbar{-webkit-appearance:none}.scrollable-small::-webkit-scrollbar:vertical{width:4px;height:32px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar:horizontal{height:5px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar-thumb{background-color:#08a6db;border-radius:4px}\n"] }]
|
|
4176
4206
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.Overlay }, { type: i0.ViewContainerRef }], propDecorators: { listPanel: [{
|
|
4177
4207
|
type: ViewChild,
|
|
4178
4208
|
args: ['listPanel']
|
|
@@ -4439,7 +4469,7 @@ class ToolbarUserMenuComponent {
|
|
|
4439
4469
|
return !!(this.detallesConsumo && this.detallesConsumo.length > 0);
|
|
4440
4470
|
}
|
|
4441
4471
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarUserMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4442
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ToolbarUserMenuComponent, isStandalone: true, selector: "ius-toolbar-user-menu", inputs: { object: "object", subscripcionDetalle: "subscripcionDetalle", detallesConsumo: "detallesConsumo", accountList: "accountList", showUsuariosGrupos: "showUsuariosGrupos", showConfiguracionCuenta: "showConfiguracionCuenta", showPagosFacturacion: "showPagosFacturacion", showSubscripcionesServicios: "showSubscripcionesServicios", showReferir: "showReferir" }, outputs: { clickPerfilPreferencias: "clickPerfilPreferencias", clickUsuariosRoles: "clickUsuariosRoles", clickConfiguracion: "clickConfiguracion", clickPagos: "clickPagos", clickSubsServicios: "clickSubsServicios", clickCambiarCuenta: "clickCambiarCuenta", clickCerrarSesion: "clickCerrarSesion", clickReferir: "clickReferir", requestClose: "requestClose", clickAccountSelected: "clickAccountSelected", clickAccountPredeterminada: "clickAccountPredeterminada", clickEditAccount: "clickEditAccount", clickDesvincularAccount: "clickDesvincularAccount", clickAgregarAccount: "clickAgregarAccount" }, ngImport: i0, template: "<div class=\"tbl-menu\">\r\n <div class=\"body-menu scrollable\">\r\n <div class=\"colum-mn-1 text-head-mn\">\r\n <span>Est\u00E1s navegando en</span>\r\n <div class=\"tx-row-1\">\r\n <ius-icon-sm iconName=\"icon-account-circle\" class=\"icon-acc-circle\"></ius-icon-sm>\r\n <span class=\"h4 tx-abog\">{{ object.nombreCompany }}</span>\r\n </div>\r\n <div class=\"tx-row-1 id-ct\">\r\n <span>ID Cuenta</span>\r\n <span class=\"tx-id-ct\">{{ object.cuentaID }}</span>\r\n </div>\r\n <div class=\"tx-row-1 tx-rol\">\r\n <span>Tu rol</span>\r\n <span class=\"tx-name-rl\">{{ object.rol }}</span>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n </div>\r\n @if (!showFormSwitchAccount) {\r\n <div class=\"colum-mn-1\">\r\n <div class=\"email-inf\">\r\n <ius-icon-xs iconName=\"icon-alternate-email\" class=\"icon-alt-email\"></ius-icon-xs>\r\n <span>{{ object.correo }}</span>\r\n </div>\r\n <ius-dropdown-option-item (optionClick)=\"onClickPerfilPreferencias()\">Perfil, preferencias y\r\n seguridad</ius-dropdown-option-item>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"container-plan\" [ngClass]=\"{ 'show-more': showMore }\">\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">{{\r\n subscripcionDetalle?.tipoServicio\r\n }}</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">{{\r\n subscripcionDetalle?.namePlan\r\n }}</span>\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-help\"></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Total global</span>\r\n <span class=\"tx-contador-2\">{{\r\n subscripcionDetalle?.cantTotal\r\n }}</span>\r\n </div>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Disponible global</span>\r\n <span class=\"tx-contador-2\">{{\r\n subscripcionDetalle?.cantDisponible\r\n }}</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">{{\r\n subscripcionDetalle?.estado\r\n }}</span>\r\n @if (subscripcionDetalle?.esPlanGratuito) {\r\n <div class=\"tx-row-1 tx-small tx-prueba\">\r\n <ius-icon-xs iconName=\"icon-schedule\"></ius-icon-xs>\r\n <span>Plan de prueba activo</span>\r\n </div>\r\n }\r\n </div>\r\n <ius-button-circle-tertiary iconName=\"icon-discover-tune\"></ius-button-circle-tertiary>\r\n </div>\r\n <div style=\"width: 100%\">\r\n <ius-progress-bar [total]=\"subscripcionDetalle?.cantTotal ?? 0\" [titleV1]=\"'Judicial'\"\r\n [v1]=\"subscripcionDetalle?.cantJudicial ?? 0\" [titleV2]=\"'SuperSociedades'\"\r\n [v2]=\"subscripcionDetalle?.cantProcesos2 ?? 0\" [titleV3]=\"'Procuraduria'\"\r\n [v3]=\"subscripcionDetalle?.cantProcesos3 ?? 0\">\r\n </ius-progress-bar>\r\n </div>\r\n <div class=\"legend\">\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs iconName=\"icon-storage-set\" class=\"icon-storage-set\"></ius-icon-xs>\r\n <span>{{ subscripcionDetalle?.asignados ?? 0 }}</span>\r\n </div>\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs iconName=\"icon-storage-plus\" class=\"icon-storage-plus\"></ius-icon-xs>\r\n <span>{{\r\n subscripcionDetalle?.cantAsignadaDisponible ?? 0\r\n }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n @if (detallesConsumo) {\r\n @for (detail of detallesConsumo; track $index) {\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">{{\r\n detail.tipoServicio\r\n }}</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">Por consumo</span>\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-help\"></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Consumo este mes</span>\r\n <span class=\"tx-contador-2\">{{\r\n detail.cantConsumida\r\n }}</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">{{\r\n detail.estado\r\n }}</span>\r\n </div>\r\n <ius-button-circle-tertiary iconName=\"icon-discover-tune\"></ius-button-circle-tertiary>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n }\r\n </div>\r\n @if(hasMultipleServices) {\r\n <ius-button-standard-tertiary class=\"btn-list\" [iconName]=\"\r\n showMore ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\r\n \" (buttonClicked)=\"clickShowMore()\">\r\n {{ showMore ? \"Mostrar menos\" : \"Mostrar m\u00E1s\" }}\r\n </ius-button-standard-tertiary>\r\n }\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-items\">\r\n @if (showUsuariosGrupos) {\r\n <ius-menu-item iconName=\"icon-groups\" iconColorDefault=\"#595959\" iconColorHovered=\"#595959\" (buttonClicked)=\"onClickUsuariosRoles()\">Usuarios y roles</ius-menu-item>\r\n }\r\n @if (showConfiguracionCuenta) {\r\n <ius-menu-item iconName=\"icon-build\" iconColorDefault=\"#595959\" iconColorHovered=\"#595959\" (buttonClicked)=\"onClickConfiguracion()\">Configuraci\u00F3n de la\r\n cuenta</ius-menu-item>\r\n }\r\n @if (showPagosFacturacion) {\r\n <ius-menu-item iconName=\"icon-finance-chip\" iconColorDefault=\"#595959\" iconColorHovered=\"#595959\" (buttonClicked)=\"onClickPagos()\">Pagos y facturaci\u00F3n</ius-menu-item>\r\n }\r\n @if (showSubscripcionesServicios) {\r\n <ius-menu-item iconName=\"icon-enterprise\" iconColorDefault=\"#595959\" iconColorHovered=\"#595959\" (buttonClicked)=\"onClickSubsServicios()\">Suscripciones y\r\n servicios</ius-menu-item>\r\n }\r\n @if (showReferir) {\r\n <ius-menu-item iconName=\"icon-stream\" iconColorDefault=\"#595959\" iconColorHovered=\"#595959\" (buttonClicked)=\"onClickReferir()\">Referir servicio</ius-menu-item>\r\n }\r\n </div>\r\n\r\n <ius-simple-divider></ius-simple-divider>\r\n } @else {\r\n <div class=\"container-bottom\">\r\n <span class=\"tx-cambiar\">Cambiar a</span>\r\n <div class=\"container-list\">\r\n @for (account of accountList; track account; let i = $index) {\r\n <ius-button-accounts (accountSelected)=\"onClickAccount(account)\" (onPressedPredeterminado)=\"\r\n clickAccountPredeterminada.emit(account)\r\n \"\r\n ,\r\n (onPressedEditar)=\"clickEditAccount.emit(account)\"\r\n ,\r\n (onPressedDesvincular)=\"clickDesvincularAccount.emit(account)\"\r\n [account]=\"account\"\r\n [showOptionsFlag]=\"false\"\r\n ></ius-button-accounts>\r\n }\r\n </div>\r\n <ius-button-standard-tertiary [iconName]=\"'icon-add'\" (buttonClicked)=\"addAccount()\">Agregar\r\n nueva cuenta</ius-button-standard-tertiary>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"ctn-items mgt-8\">\r\n <ius-menu-item iconName=\"{{\r\n !showFormSwitchAccount ? 'icon-cases' : 'icon-arrow-left-alt'\r\n }}\" (buttonClicked)=\"onClickCambiarCuenta()\">{{\r\n !showFormSwitchAccount\r\n ? \"Cambiar de cuenta\"\r\n : \"Volver al menu de usuario\"\r\n }}</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-exit-to-app\" (buttonClicked)=\"onClickCerrarSesion()\">Cerrar sesi\u00F3n</ius-menu-item>\r\n </div>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.tbl-menu{display:flex;width:390px;height:85vh;padding:16px;flex-direction:column}.body-menu{display:flex;flex:1 0 0;flex-direction:column;padding-right:6px;gap:8px;font-family:Rubik,sans-serif;overflow-y:auto;min-height:0}.colum-mn-1{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.text-head-mn{color:#8c8c8c;font-size:.75rem;line-height:16px;letter-spacing:.24px}.icon-acc-circle{color:#595959}.tx-row-1{display:flex;align-items:center;gap:4px}.tx-abog{color:#333;letter-spacing:.2px}.id-ct{padding:4px;border-radius:4px;border:1px solid #d9d9d9}.tx-id-ct{font-weight:500}.tx-rol{font-size:.875rem;color:#595959;line-height:20px}.tx-name-rl{color:#333;letter-spacing:.28px;font-weight:500}.email-inf{display:flex;padding:8px;align-items:center;gap:4px;color:#595959;font-size:.875rem;line-height:20px;letter-spacing:.28px}.icon-alt-email{color:#7caf25}ius-dropdown-option-item{width:100%}.container-plan{overflow:hidden;max-height:200px;transition:max-height .5s cubic-bezier(.4,0,.2,1);flex-shrink:0}.inf-plan{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px}.show-more{max-height:10000px;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.tx-small{font-size:.75rem;line-height:16px;letter-spacing:.24px}.tx-base{font-size:.875rem;line-height:20px;letter-spacing:.28px}.row-plan-1{display:flex;gap:12px;width:100%}.col-plan-1{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.icon-help{color:#8c8c8c}.tx-tipo-plan{color:#595959;font-weight:500}.tx-name-plan{color:#333;font-weight:500}.tx-row-2{display:flex;align-items:center;gap:8px}.tx-contador-1{color:#8c8c8c;font-weight:500}.tx-contador-2{color:#333}.tx-estado-plan{color:#7caf25}.tx-cambiar{color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.mgt-8{margin-top:8px}.progress-container{width:100%;border-radius:100px;height:23px;overflow:hidden;background:#f0f0f0}.progress-bar{display:flex;height:100%}.segment{height:100%}.tipo-1-color-bar{background:#5892ff}.tipo-1-color{color:#5892ff}.tipo-2-color-bar{background:#103ab7}.tipo-2-color{color:#103ab7}.legend{display:flex;width:100%;align-items:center;gap:8px;flex-wrap:wrap}.legend .icon-storage-set{color:#103ab7}.legend .icon-storage-plus{color:#629219}.item-counter{display:flex;align-items:center;gap:4px;color:#333}.tx-name-serv{color:#595959;font-weight:500}.btn-list{margin-bottom:8px}.ctn-items{display:flex;flex-direction:column;gap:4px}.scrollable{overflow-y:auto;overflow-x:hidden}.scrollable::-webkit-scrollbar{-webkit-appearance:none}.scrollable::-webkit-scrollbar:vertical{width:7px}.scrollable::-webkit-scrollbar-thumb{background-color:#d8d6d6;border-radius:20px}.container-bottom{display:flex;flex-direction:column;gap:8px}.container-list{display:flex;flex-direction:column;gap:4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "component", type: DropdownOptionItemComponent, selector: "ius-dropdown-option-item", inputs: ["iconName", "route"], outputs: ["optionClick"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { 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: "component", type: ButtonStandardTertiaryComponent, selector: "ius-button-standard-tertiary", inputs: ["disabled", "iconName", "prefixIcon", "sufixIcon"], outputs: ["buttonClicked"] }, { kind: "component", type: MenuItemComponent, selector: "ius-menu-item", inputs: ["isActive", "iconName", "numberAlerts", "iconColorActive", "iconColorDefault", "iconColorHovered"], outputs: ["buttonClicked"] }, { kind: "component", type: ProgressBarComponent, selector: "ius-progress-bar", inputs: ["total", "v1", "v2", "v3", "titleV1", "titleV2", "titleV3", "titleV4"] }, { kind: "component", type: ButtonAccountsComponent, selector: "ius-button-accounts", inputs: ["account", "showOptionsFlag"], outputs: ["accountSelected", "onPressedPredeterminado", "onPressedDesvincular", "onPressedEditar", "optionsOpened"] }] }); }
|
|
4472
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ToolbarUserMenuComponent, isStandalone: true, selector: "ius-toolbar-user-menu", inputs: { object: "object", subscripcionDetalle: "subscripcionDetalle", detallesConsumo: "detallesConsumo", accountList: "accountList", showUsuariosGrupos: "showUsuariosGrupos", showConfiguracionCuenta: "showConfiguracionCuenta", showPagosFacturacion: "showPagosFacturacion", showSubscripcionesServicios: "showSubscripcionesServicios", showReferir: "showReferir" }, outputs: { clickPerfilPreferencias: "clickPerfilPreferencias", clickUsuariosRoles: "clickUsuariosRoles", clickConfiguracion: "clickConfiguracion", clickPagos: "clickPagos", clickSubsServicios: "clickSubsServicios", clickCambiarCuenta: "clickCambiarCuenta", clickCerrarSesion: "clickCerrarSesion", clickReferir: "clickReferir", requestClose: "requestClose", clickAccountSelected: "clickAccountSelected", clickAccountPredeterminada: "clickAccountPredeterminada", clickEditAccount: "clickEditAccount", clickDesvincularAccount: "clickDesvincularAccount", clickAgregarAccount: "clickAgregarAccount" }, ngImport: i0, template: "<div class=\"tbl-menu\">\r\n <div class=\"body-menu scrollable\">\r\n <div class=\"colum-mn-1 text-head-mn\">\r\n <span>Est\u00E1s navegando en</span>\r\n <div class=\"tx-row-1\">\r\n <ius-icon-sm iconName=\"icon-account-circle\" class=\"icon-acc-circle\"></ius-icon-sm>\r\n <span class=\"h4 tx-abog\">{{ object.nombreCompany }}</span>\r\n </div>\r\n <div class=\"tx-row-1 id-ct\">\r\n <span>ID Cuenta</span>\r\n <span class=\"tx-id-ct\">{{ object.cuentaID }}</span>\r\n </div>\r\n <div class=\"tx-row-1 tx-rol\">\r\n <span>Tu rol</span>\r\n <span class=\"tx-name-rl\">{{ object.rol }}</span>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n </div>\r\n @if (!showFormSwitchAccount) {\r\n <div class=\"colum-mn-1\">\r\n <div class=\"email-inf\">\r\n <ius-icon-xs iconName=\"icon-alternate-email\" class=\"icon-alt-email\"></ius-icon-xs>\r\n <span>{{ object.correo }}</span>\r\n </div>\r\n <ius-dropdown-option-item (optionClick)=\"onClickPerfilPreferencias()\">Perfil, preferencias y\r\n seguridad</ius-dropdown-option-item>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"container-plan\" [ngClass]=\"{ 'show-more': showMore }\">\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">{{\r\n subscripcionDetalle?.tipoServicio\r\n }}</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">{{\r\n subscripcionDetalle?.namePlan\r\n }}</span>\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-help\"></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Total global</span>\r\n <span class=\"tx-contador-2\">{{\r\n subscripcionDetalle?.cantTotal\r\n }}</span>\r\n </div>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Disponible global</span>\r\n <span class=\"tx-contador-2\">{{\r\n subscripcionDetalle?.cantDisponible\r\n }}</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">{{\r\n subscripcionDetalle?.estado\r\n }}</span>\r\n @if (subscripcionDetalle?.esPlanGratuito) {\r\n <div class=\"tx-row-1 tx-small tx-prueba\">\r\n <ius-icon-xs iconName=\"icon-schedule\"></ius-icon-xs>\r\n <span>Plan de prueba activo</span>\r\n </div>\r\n }\r\n </div>\r\n <ius-button-circle-tertiary iconName=\"icon-discover-tune\"></ius-button-circle-tertiary>\r\n </div>\r\n <div style=\"width: 100%\">\r\n <ius-progress-bar [total]=\"subscripcionDetalle?.cantTotal ?? 0\" [titleV1]=\"'Judicial'\"\r\n [v1]=\"subscripcionDetalle?.cantJudicial ?? 0\" [titleV2]=\"'SuperSociedades'\"\r\n [v2]=\"subscripcionDetalle?.cantProcesos2 ?? 0\" [titleV3]=\"'Procuraduria'\"\r\n [v3]=\"subscripcionDetalle?.cantProcesos3 ?? 0\">\r\n </ius-progress-bar>\r\n </div>\r\n <div class=\"legend\">\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs iconName=\"icon-storage-set\" class=\"icon-storage-set\"></ius-icon-xs>\r\n <span>{{ subscripcionDetalle?.asignados ?? 0 }}</span>\r\n </div>\r\n <div class=\"item-counter tx-small\">\r\n <ius-icon-xs iconName=\"icon-storage-plus\" class=\"icon-storage-plus\"></ius-icon-xs>\r\n <span>{{\r\n subscripcionDetalle?.cantAsignadaDisponible ?? 0\r\n }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n @if (detallesConsumo) {\r\n @for (detail of detallesConsumo; track $index) {\r\n <div class=\"inf-plan\">\r\n <div class=\"row-plan-1\">\r\n <div class=\"col-plan-1\">\r\n <span class=\"tx-small tx-tipo-plan\">{{\r\n detail.tipoServicio\r\n }}</span>\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-base tx-name-plan\">Por consumo</span>\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-help\"></ius-icon-md>\r\n </div>\r\n <div class=\"tx-row-2 tx-small\">\r\n <div class=\"tx-row-1\">\r\n <span class=\"tx-contador-1\">Consumo este mes</span>\r\n <span class=\"tx-contador-2\">{{\r\n detail.cantConsumida\r\n }}</span>\r\n </div>\r\n </div>\r\n <span class=\"tx-base tx-estado-plan\">{{\r\n detail.estado\r\n }}</span>\r\n </div>\r\n <ius-button-circle-tertiary iconName=\"icon-discover-tune\"></ius-button-circle-tertiary>\r\n </div>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n }\r\n </div>\r\n @if(hasMultipleServices) {\r\n <ius-button-standard-tertiary class=\"btn-list\" [iconName]=\"\r\n showMore ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\r\n \" (buttonClicked)=\"clickShowMore()\">\r\n {{ showMore ? \"Mostrar menos\" : \"Mostrar m\u00E1s\" }}\r\n </ius-button-standard-tertiary>\r\n }\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-items\">\r\n @if (showUsuariosGrupos) {\r\n <ius-menu-item iconName=\"icon-groups\" iconColorDefault=\"#595959\" iconColorHovered=\"#595959\" (buttonClicked)=\"onClickUsuariosRoles()\">Usuarios y roles</ius-menu-item>\r\n }\r\n @if (showConfiguracionCuenta) {\r\n <ius-menu-item iconName=\"icon-build\" iconColorDefault=\"#595959\" iconColorHovered=\"#595959\" (buttonClicked)=\"onClickConfiguracion()\">Configuraci\u00F3n de la\r\n cuenta</ius-menu-item>\r\n }\r\n @if (showPagosFacturacion) {\r\n <ius-menu-item iconName=\"icon-finance-chip\" iconColorDefault=\"#595959\" iconColorHovered=\"#595959\" (buttonClicked)=\"onClickPagos()\">Pagos y facturaci\u00F3n</ius-menu-item>\r\n }\r\n @if (showSubscripcionesServicios) {\r\n <ius-menu-item iconName=\"icon-enterprise\" iconColorDefault=\"#595959\" iconColorHovered=\"#595959\" (buttonClicked)=\"onClickSubsServicios()\">Suscripciones y\r\n servicios</ius-menu-item>\r\n }\r\n @if (showReferir) {\r\n <ius-menu-item iconName=\"icon-stream\" iconColorDefault=\"#595959\" iconColorHovered=\"#595959\" (buttonClicked)=\"onClickReferir()\">Referir servicio</ius-menu-item>\r\n }\r\n </div>\r\n\r\n <ius-simple-divider></ius-simple-divider>\r\n } @else {\r\n <div class=\"container-bottom\">\r\n <span class=\"tx-cambiar\">Cambiar a</span>\r\n <div class=\"container-list\">\r\n @for (account of accountList; track account; let i = $index) {\r\n <ius-button-accounts (accountSelected)=\"onClickAccount(account)\" (onPressedPredeterminado)=\"\r\n clickAccountPredeterminada.emit(account)\r\n \"\r\n ,\r\n (onPressedEditar)=\"clickEditAccount.emit(account)\"\r\n ,\r\n (onPressedDesvincular)=\"clickDesvincularAccount.emit(account)\"\r\n [account]=\"account\"\r\n [showOptionsFlag]=\"false\"\r\n ></ius-button-accounts>\r\n }\r\n </div>\r\n <ius-button-standard-tertiary [iconName]=\"'icon-add'\" (buttonClicked)=\"addAccount()\">Agregar\r\n nueva cuenta</ius-button-standard-tertiary>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"ctn-items mgt-8\">\r\n <ius-menu-item iconName=\"{{\r\n !showFormSwitchAccount ? 'icon-cases' : 'icon-arrow-left-alt'\r\n }}\" (buttonClicked)=\"onClickCambiarCuenta()\">{{\r\n !showFormSwitchAccount\r\n ? \"Cambiar de cuenta\"\r\n : \"Volver al menu de usuario\"\r\n }}</ius-menu-item>\r\n <ius-menu-item iconName=\"icon-exit-to-app\" (buttonClicked)=\"onClickCerrarSesion()\">Cerrar sesi\u00F3n</ius-menu-item>\r\n </div>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.tbl-menu{display:flex;width:390px;height:85vh;padding:16px;flex-direction:column}.body-menu{display:flex;flex:1 0 0;flex-direction:column;padding-right:6px;gap:8px;font-family:Rubik,sans-serif;overflow-y:auto;min-height:0}.colum-mn-1{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.text-head-mn{color:#8c8c8c;font-size:.75rem;line-height:16px;letter-spacing:.24px}.icon-acc-circle{color:#595959}.tx-row-1{display:flex;align-items:center;gap:4px}.tx-abog{color:#333;letter-spacing:.2px}.id-ct{padding:4px;border-radius:4px;border:1px solid #d9d9d9}.tx-id-ct{font-weight:500}.tx-rol{font-size:.875rem;color:#595959;line-height:20px}.tx-name-rl{color:#333;letter-spacing:.28px;font-weight:500}.email-inf{display:flex;padding:8px;align-items:center;gap:4px;color:#595959;font-size:.875rem;line-height:20px;letter-spacing:.28px}.icon-alt-email{color:#7caf25}ius-dropdown-option-item{width:100%}.container-plan{overflow:hidden;max-height:200px;transition:max-height .5s cubic-bezier(.4,0,.2,1);flex-shrink:0}.inf-plan{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px}.show-more{max-height:10000px;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.tx-small{font-size:.75rem;line-height:16px;letter-spacing:.24px}.tx-base{font-size:.875rem;line-height:20px;letter-spacing:.28px}.row-plan-1{display:flex;gap:12px;width:100%}.col-plan-1{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.icon-help{color:#8c8c8c}.tx-tipo-plan{color:#595959;font-weight:500}.tx-name-plan{color:#333;font-weight:500}.tx-row-2{display:flex;align-items:center;gap:8px}.tx-contador-1{color:#8c8c8c;font-weight:500}.tx-contador-2{color:#333}.tx-estado-plan{color:#7caf25}.tx-cambiar{color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.mgt-8{margin-top:8px}.progress-container{width:100%;border-radius:100px;height:23px;overflow:hidden;background:#f0f0f0}.progress-bar{display:flex;height:100%}.segment{height:100%}.tipo-1-color-bar{background:#5892ff}.tipo-1-color{color:#5892ff}.tipo-2-color-bar{background:#103ab7}.tipo-2-color{color:#103ab7}.legend{display:flex;width:100%;align-items:center;gap:8px;flex-wrap:wrap}.legend .icon-storage-set{color:#103ab7}.legend .icon-storage-plus{color:#629219}.item-counter{display:flex;align-items:center;gap:4px;color:#333}.tx-name-serv{color:#595959;font-weight:500}.btn-list{margin-bottom:8px}.ctn-items{display:flex;flex-direction:column;gap:4px}.scrollable{overflow-y:auto;overflow-x:hidden}.scrollable::-webkit-scrollbar{-webkit-appearance:none}.scrollable::-webkit-scrollbar:vertical{width:7px}.scrollable::-webkit-scrollbar-thumb{background-color:#d8d6d6;border-radius:20px}.container-bottom{display:flex;flex-direction:column;gap:8px}.container-list{display:flex;flex-direction:column;gap:4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "component", type: DropdownOptionItemComponent, selector: "ius-dropdown-option-item", inputs: ["iconName", "prefixIcon", "sufixIcon", "route"], outputs: ["optionClick"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { 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: "component", type: ButtonStandardTertiaryComponent, selector: "ius-button-standard-tertiary", inputs: ["disabled", "iconName", "prefixIcon", "sufixIcon"], outputs: ["buttonClicked"] }, { kind: "component", type: MenuItemComponent, selector: "ius-menu-item", inputs: ["isActive", "iconName", "prefixIcon", "sufixIcon", "numberAlerts", "iconColorActive", "iconColorDefault", "iconColorHovered"], outputs: ["buttonClicked"] }, { kind: "component", type: ProgressBarComponent, selector: "ius-progress-bar", inputs: ["total", "v1", "v2", "v3", "titleV1", "titleV2", "titleV3", "titleV4"] }, { kind: "component", type: ButtonAccountsComponent, selector: "ius-button-accounts", inputs: ["account", "showOptionsFlag"], outputs: ["accountSelected", "onPressedPredeterminado", "onPressedDesvincular", "onPressedEditar", "optionsOpened"] }] }); }
|
|
4443
4473
|
}
|
|
4444
4474
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarUserMenuComponent, decorators: [{
|
|
4445
4475
|
type: Component,
|
|
@@ -4550,11 +4580,11 @@ class NotificationCardComponent {
|
|
|
4550
4580
|
this.onEditActivity.emit();
|
|
4551
4581
|
}
|
|
4552
4582
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationCardComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4553
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: NotificationCardComponent, isStandalone: true, selector: "ius-notification-card", inputs: { date: "date", title: "title", body: "body", simple: "simple", activity: "activity", confirmable: "confirmable", fechaActividad: "fechaActividad", mostrarPosponer: "mostrarPosponer", mostrarEditar: "mostrarEditar", esNavegable: "esNavegable", mostrarAyuda: "mostrarAyuda" }, outputs: { onAccept: "onAccept", onDone: "onDone", onPostpone: "onPostpone", onEditActivity: "onEditActivity", onClickAlert: "onClickAlert" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"general-container\">\
|
|
4583
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: NotificationCardComponent, isStandalone: true, selector: "ius-notification-card", inputs: { date: "date", title: "title", body: "body", simple: "simple", activity: "activity", confirmable: "confirmable", fechaActividad: "fechaActividad", mostrarPosponer: "mostrarPosponer", mostrarEditar: "mostrarEditar", esNavegable: "esNavegable", mostrarAyuda: "mostrarAyuda" }, outputs: { onAccept: "onAccept", onDone: "onDone", onPostpone: "onPostpone", onEditActivity: "onEditActivity", onClickAlert: "onClickAlert" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"general-container\">\n <div class=\"container\">\n <div class=\"data\">\n <div class=\"header\">\n <ius-icon-sm iconName=\"icon-notifications\" class=\"color-pry\"></ius-icon-sm>\n <div class=\"date-title color-pry\" (click)=\"onCardClick()\" [style.cursor]=\"esNavegable ? 'pointer' : 'default'\">\n <div class=\"date\">\n <p>{{ date }}</p>\n </div>\n <div class=\"title\">\n <p>{{ title }}</p>\n </div>\n </div>\n @if (!confirmable) {\n <ius-button-circle-tertiary\n iconName=\"icon-done-outline\"\n iusPopoverContent=\"Descartar\"\n (buttonClicked)=\"onClickDone()\"\n ></ius-button-circle-tertiary>\n } @if ((mostrarPosponer ?? activity) && hayAlgunPreset) {\n <ius-button-circle-tertiary\n iconName=\"icon-history-2\"\n iusPopoverContent=\"Posponer\"\n (buttonClicked)=\"onClickPostpone()\"\n ></ius-button-circle-tertiary>\n } @if (confirmable && mostrarAyuda) {\n <ius-button-circle-tertiary\n iconName=\"icon-help-center\"\n iusPopoverContent=\"Ayuda\"\n ></ius-button-circle-tertiary>\n }\n </div>\n @if (hayAlgunPreset || mostrarEditar) {\n <div class=\"general-container-options\" [class.open]=\"handlePostpone\">\n <div class=\"container-options\">\n <div class=\"options\">\n @if (presetsHabilitados.includes(15)) {\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(15)\">\n Posponer 15 minutos\n </ius-dropdown-option-item>\n }\n @if (presetsHabilitados.includes(30)) {\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(30)\">\n Posponer 30 minutos\n </ius-dropdown-option-item>\n }\n @if (presetsHabilitados.includes(60)) {\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(60)\">\n Posponer 1 hora\n </ius-dropdown-option-item>\n }\n @if (presetsHabilitados.includes(1440)) {\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(1440)\">\n Posponer 1 d\u00EDa\n </ius-dropdown-option-item>\n }\n @if (presetsHabilitados.includes(10080)) {\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(10080)\">\n Posponer 1 semana\n </ius-dropdown-option-item>\n }\n @if (mostrarEditar) {\n <ius-simple-divider></ius-simple-divider>\n <ius-dropdown-option-item (optionClick)=\"onClickEditActivity()\">\n Editar actividad\n </ius-dropdown-option-item>\n }\n </div>\n </div>\n </div>\n }\n @if (body) {\n <div class=\"body\" (click)=\"onCardClick()\" [style.cursor]=\"esNavegable ? 'pointer' : 'default'\">\n <p>{{ body }}</p>\n </div>\n }\n @if (confirmable) {\n <div class=\"btn\">\n <ius-button-standard-secondary (buttonClicked)=\"onClickAccept()\"\n >Aceptar</ius-button-standard-secondary\n >\n </div>\n }\n </div>\n </div>\n</div>\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.general-container{position:relative}.container{display:flex;padding:12px 16px;flex-direction:column;align-items:flex-start;gap:5px;border-radius:8px;border:1px solid #d9d9d9}.color-pry{color:#333}.data{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.header{display:flex;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.header .date-title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.header .date-title .date{display:flex;align-items:center;gap:12px;align-self:stretch}.header .date-title .date p{margin:0;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.header .date-title .title{display:flex;align-items:center;gap:12px;align-self:stretch}.header .date-title .title p{margin:0;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.body p{margin:0;display:flex;justify-content:center;align-items:center;gap:12px;align-self:stretch;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.btn{width:100%}.general-container-options{position:absolute;right:20px;top:65px;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}.general-container-options.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .16s ease,transform .16s ease,visibility 0s}.container-options{display:inline-flex;padding:4px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;border-radius:8px;background:var(--N-WHITE, #fff);box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.container-options .options{display:flex;flex-direction:column;align-items:flex-start;gap:4px}ius-dropdown-option-item{width:100%}\n"], dependencies: [{ kind: "component", type: ButtonStandardSecondaryComponent, selector: "ius-button-standard-secondary", inputs: ["disabled"], outputs: ["buttonClicked"] }, { kind: "component", type: DropdownOptionItemComponent, selector: "ius-dropdown-option-item", inputs: ["iconName", "prefixIcon", "sufixIcon", "route"], outputs: ["optionClick"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
|
|
4554
4584
|
}
|
|
4555
4585
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationCardComponent, decorators: [{
|
|
4556
4586
|
type: Component,
|
|
4557
|
-
args: [{ selector: 'ius-notification-card', standalone: true, imports: [ButtonStandardSecondaryComponent, DropdownOptionItemComponent, SimpleDividerComponent, IconSmComponent, ButtonCircleTertiaryComponent, PopoverDirective], template: "<div class=\"general-container\">\
|
|
4587
|
+
args: [{ selector: 'ius-notification-card', standalone: true, imports: [ButtonStandardSecondaryComponent, DropdownOptionItemComponent, SimpleDividerComponent, IconSmComponent, ButtonCircleTertiaryComponent, PopoverDirective], template: "<div class=\"general-container\">\n <div class=\"container\">\n <div class=\"data\">\n <div class=\"header\">\n <ius-icon-sm iconName=\"icon-notifications\" class=\"color-pry\"></ius-icon-sm>\n <div class=\"date-title color-pry\" (click)=\"onCardClick()\" [style.cursor]=\"esNavegable ? 'pointer' : 'default'\">\n <div class=\"date\">\n <p>{{ date }}</p>\n </div>\n <div class=\"title\">\n <p>{{ title }}</p>\n </div>\n </div>\n @if (!confirmable) {\n <ius-button-circle-tertiary\n iconName=\"icon-done-outline\"\n iusPopoverContent=\"Descartar\"\n (buttonClicked)=\"onClickDone()\"\n ></ius-button-circle-tertiary>\n } @if ((mostrarPosponer ?? activity) && hayAlgunPreset) {\n <ius-button-circle-tertiary\n iconName=\"icon-history-2\"\n iusPopoverContent=\"Posponer\"\n (buttonClicked)=\"onClickPostpone()\"\n ></ius-button-circle-tertiary>\n } @if (confirmable && mostrarAyuda) {\n <ius-button-circle-tertiary\n iconName=\"icon-help-center\"\n iusPopoverContent=\"Ayuda\"\n ></ius-button-circle-tertiary>\n }\n </div>\n @if (hayAlgunPreset || mostrarEditar) {\n <div class=\"general-container-options\" [class.open]=\"handlePostpone\">\n <div class=\"container-options\">\n <div class=\"options\">\n @if (presetsHabilitados.includes(15)) {\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(15)\">\n Posponer 15 minutos\n </ius-dropdown-option-item>\n }\n @if (presetsHabilitados.includes(30)) {\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(30)\">\n Posponer 30 minutos\n </ius-dropdown-option-item>\n }\n @if (presetsHabilitados.includes(60)) {\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(60)\">\n Posponer 1 hora\n </ius-dropdown-option-item>\n }\n @if (presetsHabilitados.includes(1440)) {\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(1440)\">\n Posponer 1 d\u00EDa\n </ius-dropdown-option-item>\n }\n @if (presetsHabilitados.includes(10080)) {\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(10080)\">\n Posponer 1 semana\n </ius-dropdown-option-item>\n }\n @if (mostrarEditar) {\n <ius-simple-divider></ius-simple-divider>\n <ius-dropdown-option-item (optionClick)=\"onClickEditActivity()\">\n Editar actividad\n </ius-dropdown-option-item>\n }\n </div>\n </div>\n </div>\n }\n @if (body) {\n <div class=\"body\" (click)=\"onCardClick()\" [style.cursor]=\"esNavegable ? 'pointer' : 'default'\">\n <p>{{ body }}</p>\n </div>\n }\n @if (confirmable) {\n <div class=\"btn\">\n <ius-button-standard-secondary (buttonClicked)=\"onClickAccept()\"\n >Aceptar</ius-button-standard-secondary\n >\n </div>\n }\n </div>\n </div>\n</div>\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.general-container{position:relative}.container{display:flex;padding:12px 16px;flex-direction:column;align-items:flex-start;gap:5px;border-radius:8px;border:1px solid #d9d9d9}.color-pry{color:#333}.data{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.header{display:flex;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.header .date-title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.header .date-title .date{display:flex;align-items:center;gap:12px;align-self:stretch}.header .date-title .date p{margin:0;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.header .date-title .title{display:flex;align-items:center;gap:12px;align-self:stretch}.header .date-title .title p{margin:0;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.body p{margin:0;display:flex;justify-content:center;align-items:center;gap:12px;align-self:stretch;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.btn{width:100%}.general-container-options{position:absolute;right:20px;top:65px;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}.general-container-options.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .16s ease,transform .16s ease,visibility 0s}.container-options{display:inline-flex;padding:4px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;border-radius:8px;background:var(--N-WHITE, #fff);box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.container-options .options{display:flex;flex-direction:column;align-items:flex-start;gap:4px}ius-dropdown-option-item{width:100%}\n"] }]
|
|
4558
4588
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { date: [{
|
|
4559
4589
|
type: Input
|
|
4560
4590
|
}], title: [{
|
|
@@ -4769,7 +4799,7 @@ class SupportPanelComponent {
|
|
|
4769
4799
|
this.onClickShowTickets.emit();
|
|
4770
4800
|
}
|
|
4771
4801
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SupportPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4772
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SupportPanelComponent, isStandalone: true, selector: "ius-support-panel", outputs: { onCloseForm: "onCloseForm", onClickAddTicket: "onClickAddTicket", onClickShowTickets: "onClickShowTickets" }, ngImport: i0, template: "<ius-drawer-container-right [titleDrawer]=\"'Panel de soporte y ayuda'\" (onDrawerClosed)=\"onClose()\"\r\n [percentProgressBar]=\"0\">\r\n <div class=\"form between-xs\">\r\n <div>\r\n <div class=\"header-general\">\r\n <div class=\"header\">\r\n <span class=\"h5\">Panel de soporte y ayuda</span>\r\n </div>\r\n </div>\r\n <div class=\"content-text\">\r\n <span class=\"body-base-1\">\u00A1Hola, aqu\u00ED encontraras soluciones claras y acompa\u00F1amiento siempre que lo\r\n requieras!</span>\r\n </div>\r\n <ius-section-collapse-drawer-parent textTitle=\"Tickets de soporte\" [disabled]=\"false\"\r\n [isActive]=\"isExpandSupportTicket\" (buttonClicked)=\"onExpandSupportTicket()\">\r\n <div class=\"section\">\r\n <ius-button-standard-tertiary [iconName]=\"'icon-ticket'\" (buttonClicked)=\"onShowTickets()\">\r\n <span>Consultar mis tickets</span>\r\n </ius-button-standard-tertiary>\r\n <ius-button-standard-tertiary [iconName]=\"'icon-add'\" (buttonClicked)=\"onAddTicket()\">\r\n <span>Radicar nuevo ticket de soporte</span>\r\n </ius-button-standard-tertiary>\r\n </div>\r\n </ius-section-collapse-drawer-parent>\r\n <ius-section-collapse-drawer-parent textTitle=\"Preguntas frecuentes\" [disabled]=\"false\"\r\n [isActive]=\"isExpandQuestion\" (buttonClicked)=\"onExpandQuestion()\">\r\n </ius-section-collapse-drawer-parent>\r\n </div>\r\n </div>\r\n</ius-drawer-container-right>", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.background-drawer{position:absolute;top:0;left:0;display:flex;height:100%;width:100%;justify-content:center;background-color:#0003;transition:.2s ease-in-out;align-items:center;z-index:900}.form{display:flex;height:100%;flex-direction:column;padding:24px 16px;align-items:flex-start;gap:8px}.header-general{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.header{display:flex;padding:0 4px;align-items:center;gap:8px;align-self:stretch}.section{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.content-text{display:flex;padding:8px 12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;align-self:stretch}\n"], dependencies: [{ kind: "component", type: DrawerContainerRightComponent, selector: "ius-drawer-container-right", inputs: ["titleDrawer", "percentProgressBar"], outputs: ["onPressedBackEvent", "onDrawerClosed"] }, { kind: "component", type: SectionCollapseDrawerParentComponent, selector: "ius-section-collapse-drawer-parent", inputs: ["isActive", "disabled", "textTitle", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: ButtonStandardTertiaryComponent, selector: "ius-button-standard-tertiary", inputs: ["disabled", "iconName", "prefixIcon", "sufixIcon"], outputs: ["buttonClicked"] }] }); }
|
|
4802
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SupportPanelComponent, isStandalone: true, selector: "ius-support-panel", outputs: { onCloseForm: "onCloseForm", onClickAddTicket: "onClickAddTicket", onClickShowTickets: "onClickShowTickets" }, ngImport: i0, template: "<ius-drawer-container-right [titleDrawer]=\"'Panel de soporte y ayuda'\" (onDrawerClosed)=\"onClose()\"\r\n [percentProgressBar]=\"0\">\r\n <div class=\"form between-xs\">\r\n <div>\r\n <div class=\"header-general\">\r\n <div class=\"header\">\r\n <span class=\"h5\">Panel de soporte y ayuda</span>\r\n </div>\r\n </div>\r\n <div class=\"content-text\">\r\n <span class=\"body-base-1\">\u00A1Hola, aqu\u00ED encontraras soluciones claras y acompa\u00F1amiento siempre que lo\r\n requieras!</span>\r\n </div>\r\n <ius-section-collapse-drawer-parent textTitle=\"Tickets de soporte\" [disabled]=\"false\"\r\n [isActive]=\"isExpandSupportTicket\" (buttonClicked)=\"onExpandSupportTicket()\">\r\n <div class=\"section\">\r\n <ius-button-standard-tertiary [iconName]=\"'icon-ticket'\" (buttonClicked)=\"onShowTickets()\">\r\n <span>Consultar mis tickets</span>\r\n </ius-button-standard-tertiary>\r\n <ius-button-standard-tertiary [iconName]=\"'icon-add'\" (buttonClicked)=\"onAddTicket()\">\r\n <span>Radicar nuevo ticket de soporte</span>\r\n </ius-button-standard-tertiary>\r\n </div>\r\n </ius-section-collapse-drawer-parent>\r\n <ius-section-collapse-drawer-parent textTitle=\"Preguntas frecuentes\" [disabled]=\"false\"\r\n [isActive]=\"isExpandQuestion\" (buttonClicked)=\"onExpandQuestion()\">\r\n </ius-section-collapse-drawer-parent>\r\n </div>\r\n </div>\r\n</ius-drawer-container-right>", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.background-drawer{position:absolute;top:0;left:0;display:flex;height:100%;width:100%;justify-content:center;background-color:#0003;transition:.2s ease-in-out;align-items:center;z-index:900}.form{display:flex;height:100%;flex-direction:column;padding:24px 16px;align-items:flex-start;gap:8px}.header-general{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.header{display:flex;padding:0 4px;align-items:center;gap:8px;align-self:stretch}.section{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.content-text{display:flex;padding:8px 12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;align-self:stretch}\n"], dependencies: [{ kind: "component", type: DrawerContainerRightComponent, selector: "ius-drawer-container-right", inputs: ["titleDrawer", "percentProgressBar"], outputs: ["onPressedBackEvent", "onDrawerClosed"] }, { kind: "component", type: SectionCollapseDrawerParentComponent, selector: "ius-section-collapse-drawer-parent", inputs: ["isActive", "disabled", "textTitle", "iconName", "prefixIcon", "sufixIcon"], outputs: ["buttonClicked"] }, { kind: "component", type: ButtonStandardTertiaryComponent, selector: "ius-button-standard-tertiary", inputs: ["disabled", "iconName", "prefixIcon", "sufixIcon"], outputs: ["buttonClicked"] }] }); }
|
|
4773
4803
|
}
|
|
4774
4804
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SupportPanelComponent, decorators: [{
|
|
4775
4805
|
type: Component,
|
|
@@ -5244,11 +5274,11 @@ class ButtonAuthComponent {
|
|
|
5244
5274
|
}
|
|
5245
5275
|
}
|
|
5246
5276
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonAuthComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5247
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonAuthComponent, isStandalone: true, selector: "ius-button-auth", inputs: { disabled: "disabled", textButton: "textButton", prefixIcon: "prefixIcon", sufixIcon: "sufixIcon" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button class=\"ctn-button\" [disabled]=\"disabled\">\n @if(prefixIcon){\n <span [innerHTML]=\"svg\" class=\"icon-btn\"></span>\n }\n <span class=\"label-base\">{{textButton}}</span>\n @if(sufixIcon){\n <span [innerHTML]=\"svg\" class=\"icon-btn\"></span>\n }\n</button>\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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-button{position:relative;display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:4px;border:none;cursor:pointer;border-radius:14px;background:#f0f0f0;color:#333}.ctn-button:hover:not(:disabled){background-color:#bfbfbf}.ctn-button:active:not(:disabled){color:#fff;background-color:#0581bc}.ctn-button:disabled{color:#bfbfbf;background-color:#f5f5f5;cursor:default}.icon-btn{width:20px;height:20px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
5277
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonAuthComponent, isStandalone: true, selector: "ius-button-auth", inputs: { disabled: "disabled", textButton: "textButton", prefixIcon: "prefixIcon", sufixIcon: "sufixIcon" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button class=\"ctn-button\" [disabled]=\"disabled\">\r\n @if(prefixIcon){\r\n <span [innerHTML]=\"svg\" class=\"icon-btn\"></span>\r\n }\r\n <span class=\"label-base\">{{textButton}}</span>\r\n @if(sufixIcon){\r\n <span [innerHTML]=\"svg\" class=\"icon-btn\"></span>\r\n }\r\n</button>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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-button{position:relative;display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:4px;border:none;cursor:pointer;border-radius:14px;background:#f0f0f0;color:#333}.ctn-button:hover:not(:disabled){background-color:#bfbfbf}.ctn-button:active:not(:disabled){color:#fff;background-color:#0581bc}.ctn-button:disabled{color:#bfbfbf;background-color:#f5f5f5;cursor:default}.icon-btn{width:20px;height:20px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
5248
5278
|
}
|
|
5249
5279
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonAuthComponent, decorators: [{
|
|
5250
5280
|
type: Component,
|
|
5251
|
-
args: [{ selector: 'ius-button-auth', standalone: true, imports: [CommonModule], template: "<button class=\"ctn-button\" [disabled]=\"disabled\">\n @if(prefixIcon){\n <span [innerHTML]=\"svg\" class=\"icon-btn\"></span>\n }\n <span class=\"label-base\">{{textButton}}</span>\n @if(sufixIcon){\n <span [innerHTML]=\"svg\" class=\"icon-btn\"></span>\n }\n</button>\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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-button{position:relative;display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:4px;border:none;cursor:pointer;border-radius:14px;background:#f0f0f0;color:#333}.ctn-button:hover:not(:disabled){background-color:#bfbfbf}.ctn-button:active:not(:disabled){color:#fff;background-color:#0581bc}.ctn-button:disabled{color:#bfbfbf;background-color:#f5f5f5;cursor:default}.icon-btn{width:20px;height:20px}\n"] }]
|
|
5281
|
+
args: [{ selector: 'ius-button-auth', standalone: true, imports: [CommonModule], template: "<button class=\"ctn-button\" [disabled]=\"disabled\">\r\n @if(prefixIcon){\r\n <span [innerHTML]=\"svg\" class=\"icon-btn\"></span>\r\n }\r\n <span class=\"label-base\">{{textButton}}</span>\r\n @if(sufixIcon){\r\n <span [innerHTML]=\"svg\" class=\"icon-btn\"></span>\r\n }\r\n</button>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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-button{position:relative;display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:4px;border:none;cursor:pointer;border-radius:14px;background:#f0f0f0;color:#333}.ctn-button:hover:not(:disabled){background-color:#bfbfbf}.ctn-button:active:not(:disabled){color:#fff;background-color:#0581bc}.ctn-button:disabled{color:#bfbfbf;background-color:#f5f5f5;cursor:default}.icon-btn{width:20px;height:20px}\n"] }]
|
|
5252
5282
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { disabled: [{
|
|
5253
5283
|
type: Input
|
|
5254
5284
|
}], textButton: [{
|
|
@@ -5975,15 +6005,19 @@ class UserCardComponent {
|
|
|
5975
6005
|
event.stopImmediatePropagation();
|
|
5976
6006
|
this.options = !this.options;
|
|
5977
6007
|
}
|
|
6008
|
+
preventCardClick(event) {
|
|
6009
|
+
event.stopPropagation();
|
|
6010
|
+
event.stopImmediatePropagation();
|
|
6011
|
+
}
|
|
5978
6012
|
get stateLabel() {
|
|
5979
6013
|
return this.state ? this.activeText : this.inactiveText;
|
|
5980
6014
|
}
|
|
5981
6015
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5982
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: UserCardComponent, isStandalone: true, selector: "ius-user-card", inputs: { image: "image", state: "state", name: "name", role: "role", label1: "label1", data1: "data1", label2: "label2", data2: "data2", userID: "userID", letterIcon: "letterIcon", activeText: "activeText", inactiveText: "inactiveText", showActions: "showActions", showOptionsPoints: "showOptionsPoints" }, outputs: { onClickEdit: "onClickEdit", onClickDelete: "onClickDelete", onClickCard: "onClickCard" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div\r\n class=\"container-card\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"clickCard($event)\"\r\n >\r\n <div class=\"data\">\r\n <div class=\"left-data\">\r\n @if (letterIcon && !image) {\r\n <div class=\"container-icon-letra\">\r\n <span>{{ letterIcon }}</span>\r\n </div>\r\n }@else if(image && !letterIcon){\r\n <div class=\"image-container\">\r\n <img [src]=\"image\" class=\"image\" />\r\n </div>\r\n }\r\n <div class=\"data-container\">\r\n <p class=\"state\" [class.on]=\"state\" [class.off]=\"state === false\">\r\n {{ stateLabel }}\r\n </p>\r\n <p class=\"name\">{{ name }}</p>\r\n <p class=\"role\">{{ role }}</p>\r\n </div>\r\n </div>\r\n <div class=\"right-data\">\r\n <div class=\"container\">\r\n @if (label1 && data1) {\r\n <div class=\"data-container\">\r\n <p class=\"title\">{{ label1 }}</p>\r\n <p class=\"data\">{{ data1 }}</p>\r\n </div>\r\n } @if (label2 && data2) {\r\n <div class=\"data-container\">\r\n <p class=\"title\">{{ label2 }}</p>\r\n <p class=\"data\">{{ data2 }}</p>\r\n </div>\r\n }\r\n </div>\r\n @if (hover && showActions) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n <div>\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n @if (showOptionsPoints) {\r\n <div class=\"options\">\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-more-vert\"\r\n (buttonClicked)=\"clickShowMore($event)\"\r\n ></ius-button-squared-tertiary>\r\n @if (options) {\r\n <div class=\"dropdown\">\r\n <ius-dropdown-contextual-menu>\r\n <ng-content></ng-content>\r\n </ius-dropdown-contextual-menu>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n <div class=\"btn\">\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-keyboard-arrow-right\"\r\n (buttonClicked)=\"clickCard($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.general-container{position:relative}.container-card{display:flex;padding:16px 32px;align-items:center;align-content:center;gap:12px;flex-wrap:wrap;border-radius:8px;border:1px solid #eaeaea;background:#fff}.container-card :hover{cursor:pointer}.data{display:flex;align-items:center;gap:40px;flex:1 0 0}.left-data{display:flex;min-width:280px;align-items:center;gap:8px;flex:1 0 0}.left-data .container-icon-letra{background-color:#dfe0ff;display:flex;width:20px;height:20px;padding:10px;margin-right:10px;justify-content:center;align-items:center;border-radius:100px;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.left-data .container-icon-letra:hover{background-color:#6670c4!important}.left-data .container-icon-letra:hover>span{display:none}.left-data .container-icon-letra:hover .icon-letra-edit{display:block}.left-data .container-icon-letra span{color:#1b2678;text-align:center;font-size:18px;font-weight:500}.left-data .image-container{display:flex;align-items:center;gap:8px}.left-data .image-container .image{display:flex;width:32px;height:32px;justify-content:center;align-items:center;aspect-ratio:1/1;border-radius:100px;border:.5px solid #f5f5f5;background:#fff3}.left-data .data-container{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 0 0}.left-data .data-container p{margin:0}.left-data .data-container .name{display:flex;align-items:center;gap:10px;color:#333;font-family:Rubik,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:22px}.left-data .data-container .state{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.left-data .data-container .role{display:flex;align-items:center;gap:10px;align-self:stretch;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.right-data{display:flex;align-items:center;gap:40px}.right-data p{margin:0}.right-data .container{display:flex;min-width:280px;justify-content:center;align-items:center;align-content:center;gap:40px;flex-wrap:wrap}.right-data .container .data-container{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.right-data .container .data-container .title{display:flex;align-items:center;gap:10px;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px;align-self:start}.right-data .container .data-container .data{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.right-data .buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px}.right-data .btn{display:flex;width:40px;height:40px;padding:8px;justify-content:center;align-items:center;gap:4px;aspect-ratio:1/1;border-radius:8px;background:#fff}.dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:9999;min-width:max-content;white-space:nowrap}.options{display:flex;align-items:center;position:relative}\n"], dependencies: [{ kind: "component", type: ButtonSquaredTertiaryComponent, selector: "ius-button-squared-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: DropdownContextualMenuComponent, selector: "ius-dropdown-contextual-menu" }] }); }
|
|
6016
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: UserCardComponent, isStandalone: true, selector: "ius-user-card", inputs: { image: "image", state: "state", name: "name", role: "role", label1: "label1", data1: "data1", label2: "label2", data2: "data2", userID: "userID", letterIcon: "letterIcon", activeText: "activeText", inactiveText: "inactiveText", showActions: "showActions", showOptionsPoints: "showOptionsPoints" }, outputs: { onClickEdit: "onClickEdit", onClickDelete: "onClickDelete", onClickCard: "onClickCard" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div\r\n class=\"container-card\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"clickCard($event)\"\r\n >\r\n <div class=\"data\">\r\n <div class=\"left-data\">\r\n @if (letterIcon && !image) {\r\n <div class=\"container-icon-letra\">\r\n <span>{{ letterIcon }}</span>\r\n </div>\r\n }@else if(image && !letterIcon){\r\n <div class=\"image-container\">\r\n <img [src]=\"image\" class=\"image\" />\r\n </div>\r\n }\r\n <div class=\"data-container\">\r\n <p class=\"state\" [class.on]=\"state\" [class.off]=\"state === false\">\r\n {{ stateLabel }}\r\n </p>\r\n <p class=\"name\">{{ name }}</p>\r\n <p class=\"role\">{{ role }}</p>\r\n </div>\r\n </div>\r\n <div class=\"right-data\">\r\n <div class=\"container\">\r\n @if (label1 && data1) {\r\n <div class=\"data-container\">\r\n <p class=\"title\">{{ label1 }}</p>\r\n <p class=\"data\">{{ data1 }}</p>\r\n </div>\r\n } @if (label2 && data2) {\r\n <div class=\"data-container\">\r\n <p class=\"title\">{{ label2 }}</p>\r\n <p class=\"data\">{{ data2 }}</p>\r\n </div>\r\n }\r\n </div>\r\n @if (hover && showActions) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n <div>\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n @if (showOptionsPoints) {\r\n <div class=\"options\">\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-more-vert\"\r\n (buttonClicked)=\"clickShowMore($event)\"\r\n ></ius-button-squared-tertiary>\r\n @if (options) {\r\n <div class=\"dropdown\">\r\n <ius-dropdown-contextual-menu>\r\n <div class=\"projected-content\" (click)=\"preventCardClick($event)\">\r\n <ng-content></ng-content>\r\n </div>\r\n </ius-dropdown-contextual-menu>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n <div class=\"btn\">\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-keyboard-arrow-right\"\r\n (buttonClicked)=\"clickCard($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.general-container{position:relative}.container-card{display:flex;padding:16px 32px;align-items:center;align-content:center;gap:12px;flex-wrap:wrap;border-radius:8px;border:1px solid #eaeaea;background:#fff}.container-card :hover{cursor:pointer}.data{display:flex;align-items:center;gap:40px;flex:1 0 0}.left-data{display:flex;min-width:280px;align-items:center;gap:8px;flex:1 0 0}.left-data .container-icon-letra{background-color:#dfe0ff;display:flex;width:20px;height:20px;padding:10px;margin-right:10px;justify-content:center;align-items:center;border-radius:100px;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.left-data .container-icon-letra:hover{background-color:#6670c4!important}.left-data .container-icon-letra:hover>span{display:none}.left-data .container-icon-letra:hover .icon-letra-edit{display:block}.left-data .container-icon-letra span{color:#1b2678;text-align:center;font-size:18px;font-weight:500}.left-data .image-container{display:flex;align-items:center;gap:8px}.left-data .image-container .image{display:flex;width:32px;height:32px;justify-content:center;align-items:center;aspect-ratio:1/1;border-radius:100px;border:.5px solid #f5f5f5;background:#fff3}.left-data .data-container{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 0 0}.left-data .data-container p{margin:0}.left-data .data-container .name{display:flex;align-items:center;gap:10px;color:#333;font-family:Rubik,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:22px}.left-data .data-container .state{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.left-data .data-container .role{display:flex;align-items:center;gap:10px;align-self:stretch;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.right-data{display:flex;align-items:center;gap:40px}.right-data p{margin:0}.right-data .container{display:flex;min-width:280px;justify-content:center;align-items:center;align-content:center;gap:40px;flex-wrap:wrap}.right-data .container .data-container{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.right-data .container .data-container .title{display:flex;align-items:center;gap:10px;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px;align-self:start}.right-data .container .data-container .data{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.right-data .buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px}.right-data .btn{display:flex;width:40px;height:40px;padding:8px;justify-content:center;align-items:center;gap:4px;aspect-ratio:1/1;border-radius:8px;background:#fff}.dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:9999;min-width:max-content;white-space:nowrap}.options{display:flex;align-items:center;position:relative}\n"], dependencies: [{ kind: "component", type: ButtonSquaredTertiaryComponent, selector: "ius-button-squared-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: DropdownContextualMenuComponent, selector: "ius-dropdown-contextual-menu" }] }); }
|
|
5983
6017
|
}
|
|
5984
6018
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UserCardComponent, decorators: [{
|
|
5985
6019
|
type: Component,
|
|
5986
|
-
args: [{ selector: 'ius-user-card', standalone: true, imports: [ButtonSquaredTertiaryComponent, DropdownContextualMenuComponent], template: "<div class=\"general-container\">\r\n <div\r\n class=\"container-card\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"clickCard($event)\"\r\n >\r\n <div class=\"data\">\r\n <div class=\"left-data\">\r\n @if (letterIcon && !image) {\r\n <div class=\"container-icon-letra\">\r\n <span>{{ letterIcon }}</span>\r\n </div>\r\n }@else if(image && !letterIcon){\r\n <div class=\"image-container\">\r\n <img [src]=\"image\" class=\"image\" />\r\n </div>\r\n }\r\n <div class=\"data-container\">\r\n <p class=\"state\" [class.on]=\"state\" [class.off]=\"state === false\">\r\n {{ stateLabel }}\r\n </p>\r\n <p class=\"name\">{{ name }}</p>\r\n <p class=\"role\">{{ role }}</p>\r\n </div>\r\n </div>\r\n <div class=\"right-data\">\r\n <div class=\"container\">\r\n @if (label1 && data1) {\r\n <div class=\"data-container\">\r\n <p class=\"title\">{{ label1 }}</p>\r\n <p class=\"data\">{{ data1 }}</p>\r\n </div>\r\n } @if (label2 && data2) {\r\n <div class=\"data-container\">\r\n <p class=\"title\">{{ label2 }}</p>\r\n <p class=\"data\">{{ data2 }}</p>\r\n </div>\r\n }\r\n </div>\r\n @if (hover && showActions) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n <div>\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n @if (showOptionsPoints) {\r\n <div class=\"options\">\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-more-vert\"\r\n (buttonClicked)=\"clickShowMore($event)\"\r\n ></ius-button-squared-tertiary>\r\n @if (options) {\r\n <div class=\"dropdown\">\r\n <ius-dropdown-contextual-menu>\r\n <ng-content></ng-content>\r\n </ius-dropdown-contextual-menu>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n <div class=\"btn\">\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-keyboard-arrow-right\"\r\n (buttonClicked)=\"clickCard($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.general-container{position:relative}.container-card{display:flex;padding:16px 32px;align-items:center;align-content:center;gap:12px;flex-wrap:wrap;border-radius:8px;border:1px solid #eaeaea;background:#fff}.container-card :hover{cursor:pointer}.data{display:flex;align-items:center;gap:40px;flex:1 0 0}.left-data{display:flex;min-width:280px;align-items:center;gap:8px;flex:1 0 0}.left-data .container-icon-letra{background-color:#dfe0ff;display:flex;width:20px;height:20px;padding:10px;margin-right:10px;justify-content:center;align-items:center;border-radius:100px;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.left-data .container-icon-letra:hover{background-color:#6670c4!important}.left-data .container-icon-letra:hover>span{display:none}.left-data .container-icon-letra:hover .icon-letra-edit{display:block}.left-data .container-icon-letra span{color:#1b2678;text-align:center;font-size:18px;font-weight:500}.left-data .image-container{display:flex;align-items:center;gap:8px}.left-data .image-container .image{display:flex;width:32px;height:32px;justify-content:center;align-items:center;aspect-ratio:1/1;border-radius:100px;border:.5px solid #f5f5f5;background:#fff3}.left-data .data-container{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 0 0}.left-data .data-container p{margin:0}.left-data .data-container .name{display:flex;align-items:center;gap:10px;color:#333;font-family:Rubik,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:22px}.left-data .data-container .state{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.left-data .data-container .role{display:flex;align-items:center;gap:10px;align-self:stretch;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.right-data{display:flex;align-items:center;gap:40px}.right-data p{margin:0}.right-data .container{display:flex;min-width:280px;justify-content:center;align-items:center;align-content:center;gap:40px;flex-wrap:wrap}.right-data .container .data-container{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.right-data .container .data-container .title{display:flex;align-items:center;gap:10px;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px;align-self:start}.right-data .container .data-container .data{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.right-data .buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px}.right-data .btn{display:flex;width:40px;height:40px;padding:8px;justify-content:center;align-items:center;gap:4px;aspect-ratio:1/1;border-radius:8px;background:#fff}.dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:9999;min-width:max-content;white-space:nowrap}.options{display:flex;align-items:center;position:relative}\n"] }]
|
|
6020
|
+
args: [{ selector: 'ius-user-card', standalone: true, imports: [ButtonSquaredTertiaryComponent, DropdownContextualMenuComponent], template: "<div class=\"general-container\">\r\n <div\r\n class=\"container-card\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"clickCard($event)\"\r\n >\r\n <div class=\"data\">\r\n <div class=\"left-data\">\r\n @if (letterIcon && !image) {\r\n <div class=\"container-icon-letra\">\r\n <span>{{ letterIcon }}</span>\r\n </div>\r\n }@else if(image && !letterIcon){\r\n <div class=\"image-container\">\r\n <img [src]=\"image\" class=\"image\" />\r\n </div>\r\n }\r\n <div class=\"data-container\">\r\n <p class=\"state\" [class.on]=\"state\" [class.off]=\"state === false\">\r\n {{ stateLabel }}\r\n </p>\r\n <p class=\"name\">{{ name }}</p>\r\n <p class=\"role\">{{ role }}</p>\r\n </div>\r\n </div>\r\n <div class=\"right-data\">\r\n <div class=\"container\">\r\n @if (label1 && data1) {\r\n <div class=\"data-container\">\r\n <p class=\"title\">{{ label1 }}</p>\r\n <p class=\"data\">{{ data1 }}</p>\r\n </div>\r\n } @if (label2 && data2) {\r\n <div class=\"data-container\">\r\n <p class=\"title\">{{ label2 }}</p>\r\n <p class=\"data\">{{ data2 }}</p>\r\n </div>\r\n }\r\n </div>\r\n @if (hover && showActions) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n <div>\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n @if (showOptionsPoints) {\r\n <div class=\"options\">\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-more-vert\"\r\n (buttonClicked)=\"clickShowMore($event)\"\r\n ></ius-button-squared-tertiary>\r\n @if (options) {\r\n <div class=\"dropdown\">\r\n <ius-dropdown-contextual-menu>\r\n <div class=\"projected-content\" (click)=\"preventCardClick($event)\">\r\n <ng-content></ng-content>\r\n </div>\r\n </ius-dropdown-contextual-menu>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\r\n <div class=\"btn\">\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-keyboard-arrow-right\"\r\n (buttonClicked)=\"clickCard($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.general-container{position:relative}.container-card{display:flex;padding:16px 32px;align-items:center;align-content:center;gap:12px;flex-wrap:wrap;border-radius:8px;border:1px solid #eaeaea;background:#fff}.container-card :hover{cursor:pointer}.data{display:flex;align-items:center;gap:40px;flex:1 0 0}.left-data{display:flex;min-width:280px;align-items:center;gap:8px;flex:1 0 0}.left-data .container-icon-letra{background-color:#dfe0ff;display:flex;width:20px;height:20px;padding:10px;margin-right:10px;justify-content:center;align-items:center;border-radius:100px;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.left-data .container-icon-letra:hover{background-color:#6670c4!important}.left-data .container-icon-letra:hover>span{display:none}.left-data .container-icon-letra:hover .icon-letra-edit{display:block}.left-data .container-icon-letra span{color:#1b2678;text-align:center;font-size:18px;font-weight:500}.left-data .image-container{display:flex;align-items:center;gap:8px}.left-data .image-container .image{display:flex;width:32px;height:32px;justify-content:center;align-items:center;aspect-ratio:1/1;border-radius:100px;border:.5px solid #f5f5f5;background:#fff3}.left-data .data-container{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 0 0}.left-data .data-container p{margin:0}.left-data .data-container .name{display:flex;align-items:center;gap:10px;color:#333;font-family:Rubik,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:22px}.left-data .data-container .state{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.left-data .data-container .role{display:flex;align-items:center;gap:10px;align-self:stretch;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.right-data{display:flex;align-items:center;gap:40px}.right-data p{margin:0}.right-data .container{display:flex;min-width:280px;justify-content:center;align-items:center;align-content:center;gap:40px;flex-wrap:wrap}.right-data .container .data-container{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.right-data .container .data-container .title{display:flex;align-items:center;gap:10px;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px;align-self:start}.right-data .container .data-container .data{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.right-data .buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px}.right-data .btn{display:flex;width:40px;height:40px;padding:8px;justify-content:center;align-items:center;gap:4px;aspect-ratio:1/1;border-radius:8px;background:#fff}.dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:9999;min-width:max-content;white-space:nowrap}.options{display:flex;align-items:center;position:relative}\n"] }]
|
|
5987
6021
|
}], propDecorators: { image: [{
|
|
5988
6022
|
type: Input
|
|
5989
6023
|
}], state: [{
|
|
@@ -6302,23 +6336,29 @@ class OptionItemComponent {
|
|
|
6302
6336
|
this.checked = false;
|
|
6303
6337
|
this.disabled = false;
|
|
6304
6338
|
this.iconName = '';
|
|
6339
|
+
this.prefixIcon = true;
|
|
6340
|
+
this.sufixIcon = false;
|
|
6305
6341
|
this.optionClick = new EventEmitter();
|
|
6306
6342
|
}
|
|
6307
6343
|
onClick(event) {
|
|
6308
6344
|
this.optionClick.emit(event);
|
|
6309
6345
|
}
|
|
6310
6346
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OptionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6311
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OptionItemComponent, isStandalone: true, selector: "ius-option-item", inputs: { checked: "checked", disabled: "disabled", iconName: "iconName" }, outputs: { optionClick: "optionClick" }, ngImport: i0, template: "<button class=\"item body-large\" [disabled]=\"disabled\" [ngClass]=\"{'show-icon': iconName}\" (click)=\"onClick($event)\">\r\n @if(iconName){\r\n <ius-icon-sm [iconName]=\"iconName\" class=\"icon-c\"></ius-icon-sm>\r\n }\r\n <ng-content></ng-content>\r\n</button
|
|
6347
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OptionItemComponent, isStandalone: true, selector: "ius-option-item", inputs: { checked: "checked", disabled: "disabled", iconName: "iconName", prefixIcon: "prefixIcon", sufixIcon: "sufixIcon" }, outputs: { optionClick: "optionClick" }, ngImport: i0, template: "<button class=\"item body-large\" [disabled]=\"disabled\" [ngClass]=\"{'show-icon': iconName}\" (click)=\"onClick($event)\">\r\n @if(iconName && prefixIcon){\r\n <ius-icon-sm [iconName]=\"iconName\" class=\"icon-c\"></ius-icon-sm>\r\n }\r\n <ng-content></ng-content>\r\n @if(iconName && sufixIcon){\r\n <ius-icon-sm [iconName]=\"iconName\" class=\"icon-c\"></ius-icon-sm>\r\n }\r\n</button>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.item{display:flex;position:relative;color:#333;height:30px;width:100%;box-sizing:border-box;padding:4px 8px;gap:8px;align-items:center;cursor:pointer;border:none;border-radius:8px;background:var(--Neutral-Color-Neutral-White, #FFF)}.item:hover:not(:disabled){background:#eaeaea}.item:active:not(:disabled){background:#c4dfff!important}.item:disabled{background:#fff;color:#bfbfbf;cursor:default}.item:disabled .icon-c{color:#bfbfbf}.show-icon{height:38px}.icon-c{color:#333}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
6312
6348
|
}
|
|
6313
6349
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OptionItemComponent, decorators: [{
|
|
6314
6350
|
type: Component,
|
|
6315
|
-
args: [{ selector: 'ius-option-item', standalone: true, imports: [IconSmComponent, NgClass], template: "<button class=\"item body-large\" [disabled]=\"disabled\" [ngClass]=\"{'show-icon': iconName}\" (click)=\"onClick($event)\">\r\n @if(iconName){\r\n <ius-icon-sm [iconName]=\"iconName\" class=\"icon-c\"></ius-icon-sm>\r\n }\r\n <ng-content></ng-content>\r\n</button
|
|
6351
|
+
args: [{ selector: 'ius-option-item', standalone: true, imports: [IconSmComponent, NgClass], template: "<button class=\"item body-large\" [disabled]=\"disabled\" [ngClass]=\"{'show-icon': iconName}\" (click)=\"onClick($event)\">\r\n @if(iconName && prefixIcon){\r\n <ius-icon-sm [iconName]=\"iconName\" class=\"icon-c\"></ius-icon-sm>\r\n }\r\n <ng-content></ng-content>\r\n @if(iconName && sufixIcon){\r\n <ius-icon-sm [iconName]=\"iconName\" class=\"icon-c\"></ius-icon-sm>\r\n }\r\n</button>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.item{display:flex;position:relative;color:#333;height:30px;width:100%;box-sizing:border-box;padding:4px 8px;gap:8px;align-items:center;cursor:pointer;border:none;border-radius:8px;background:var(--Neutral-Color-Neutral-White, #FFF)}.item:hover:not(:disabled){background:#eaeaea}.item:active:not(:disabled){background:#c4dfff!important}.item:disabled{background:#fff;color:#bfbfbf;cursor:default}.item:disabled .icon-c{color:#bfbfbf}.show-icon{height:38px}.icon-c{color:#333}\n"] }]
|
|
6316
6352
|
}], propDecorators: { checked: [{
|
|
6317
6353
|
type: Input
|
|
6318
6354
|
}], disabled: [{
|
|
6319
6355
|
type: Input
|
|
6320
6356
|
}], iconName: [{
|
|
6321
6357
|
type: Input
|
|
6358
|
+
}], prefixIcon: [{
|
|
6359
|
+
type: Input
|
|
6360
|
+
}], sufixIcon: [{
|
|
6361
|
+
type: Input
|
|
6322
6362
|
}], optionClick: [{
|
|
6323
6363
|
type: Output
|
|
6324
6364
|
}] } });
|
|
@@ -6376,7 +6416,7 @@ class ButtonOrderComponent {
|
|
|
6376
6416
|
this._closePanel();
|
|
6377
6417
|
}
|
|
6378
6418
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonOrderComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6379
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonOrderComponent, isStandalone: true, selector: "ius-button-order", inputs: { orderData: "orderData" }, outputs: { orderChange: "orderChange" }, viewQueries: [{ propertyName: "orderPanel", first: true, predicate: ["orderPanel"], descendants: true }], ngImport: i0, template: "@if(orderData){\r\n<div class=\"ius-btn\">\r\n <ius-button-squared-tertiary iconName=\"icon-low-priority\"\r\n (buttonClicked)=\"showListOrder()\"></ius-button-squared-tertiary>\r\n</div>\r\n\r\n<ng-template #orderPanel>\r\n <div class=\"ctn-order color-pry\">\r\n <div class=\"scrollable\">\r\n @for (itemOrder of orderData!; track $index) {\r\n <div class=\"title caption-sm\">\r\n <ius-icon-sm [iconName]=\"itemOrder.iconName\" class=\"color-pry\"></ius-icon-sm>\r\n <span>{{itemOrder.title}}</span>\r\n </div>\r\n @for (label of itemOrder.values; track $index) {\r\n <div class=\"ctn-option\">\r\n <ius-option-item (optionClick)=\"onClickOrderChange(itemOrder.title, label)\">{{label}}</ius-option-item>\r\n </div>\r\n }\r\n @if (itemOrder != orderData![orderData!.length - 1]) {\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n }\r\n </div>\r\n </div>\r\n</ng-template>\r\n}", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.ius-btn{display:flex;position:relative;transition:background-color .15s ease,box-shadow .15s ease,transform .02s ease}.ctn-order{display:flex;width:348px;max-height:70vh;box-sizing:border-box;padding:4px;flex-direction:column;justify-content:center;gap:4px;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;animation:ius-order-enter .25s ease}.scrollable{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.scrollable::-webkit-scrollbar{width:7px}.scrollable::-webkit-scrollbar-track{background:transparent}.scrollable::-webkit-scrollbar-thumb{background-color:#d8d6d6;border-radius:20px}@keyframes ius-order-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.title{display:flex;height:38px;box-sizing:border-box;padding:8px 20px 8px 12px;align-items:center;gap:8px}.color-pry{color:#333}.ctn-option{margin-bottom:4px}\n"], dependencies: [{ kind: "component", type: ButtonSquaredTertiaryComponent, selector: "ius-button-squared-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: OptionItemComponent, selector: "ius-option-item", inputs: ["checked", "disabled", "iconName"], outputs: ["optionClick"] }] }); }
|
|
6419
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonOrderComponent, isStandalone: true, selector: "ius-button-order", inputs: { orderData: "orderData" }, outputs: { orderChange: "orderChange" }, viewQueries: [{ propertyName: "orderPanel", first: true, predicate: ["orderPanel"], descendants: true }], ngImport: i0, template: "@if(orderData){\r\n<div class=\"ius-btn\">\r\n <ius-button-squared-tertiary iconName=\"icon-low-priority\"\r\n (buttonClicked)=\"showListOrder()\"></ius-button-squared-tertiary>\r\n</div>\r\n\r\n<ng-template #orderPanel>\r\n <div class=\"ctn-order color-pry\">\r\n <div class=\"scrollable\">\r\n @for (itemOrder of orderData!; track $index) {\r\n <div class=\"title caption-sm\">\r\n <ius-icon-sm [iconName]=\"itemOrder.iconName\" class=\"color-pry\"></ius-icon-sm>\r\n <span>{{itemOrder.title}}</span>\r\n </div>\r\n @for (label of itemOrder.values; track $index) {\r\n <div class=\"ctn-option\">\r\n <ius-option-item (optionClick)=\"onClickOrderChange(itemOrder.title, label)\">{{label}}</ius-option-item>\r\n </div>\r\n }\r\n @if (itemOrder != orderData![orderData!.length - 1]) {\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n }\r\n </div>\r\n </div>\r\n</ng-template>\r\n}", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.ius-btn{display:flex;position:relative;transition:background-color .15s ease,box-shadow .15s ease,transform .02s ease}.ctn-order{display:flex;width:348px;max-height:70vh;box-sizing:border-box;padding:4px;flex-direction:column;justify-content:center;gap:4px;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;animation:ius-order-enter .25s ease}.scrollable{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.scrollable::-webkit-scrollbar{width:7px}.scrollable::-webkit-scrollbar-track{background:transparent}.scrollable::-webkit-scrollbar-thumb{background-color:#d8d6d6;border-radius:20px}@keyframes ius-order-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.title{display:flex;height:38px;box-sizing:border-box;padding:8px 20px 8px 12px;align-items:center;gap:8px}.color-pry{color:#333}.ctn-option{margin-bottom:4px}\n"], dependencies: [{ kind: "component", type: ButtonSquaredTertiaryComponent, selector: "ius-button-squared-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: OptionItemComponent, selector: "ius-option-item", inputs: ["checked", "disabled", "iconName", "prefixIcon", "sufixIcon"], outputs: ["optionClick"] }] }); }
|
|
6380
6420
|
}
|
|
6381
6421
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonOrderComponent, decorators: [{
|
|
6382
6422
|
type: Component,
|
|
@@ -6725,7 +6765,7 @@ class CardBlockComponent {
|
|
|
6725
6765
|
this.optionSelected.emit(event);
|
|
6726
6766
|
}
|
|
6727
6767
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6728
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardBlockComponent, isStandalone: true, selector: "ius-card-block", inputs: { componentID: "componentID", options: "options", urlImage: "urlImage", iconName: "iconName", iconColor: "iconColor", userName: "userName", cantProcesos: "cantProcesos", cntSeleccionados: "cntSeleccionados" }, outputs: { optionSelected: "optionSelected" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"card-block\">\r\n <div class=\"user\">\r\n <ius-avatar-icon\r\n size=\"lg\"\r\n [imageUrl]=\"urlImage\"\r\n [iconName]=\"iconName\"\r\n [iconColor]=\"iconColor\"\r\n ></ius-avatar-icon>\r\n <p class=\"user-name\">{{ userName }}</p>\r\n </div>\r\n <div style=\"width: 100%\">\r\n <ius-input-select\r\n [componentId]=\"componentID\"\r\n [required]=\"true\"\r\n labelSuperior=\"Rol dentro del proceso\"\r\n labelInput=\"Seleccione el rol dentro del proceso\"\r\n [textInput]=\"option?.text\"\r\n >\r\n @for (option of options; track option) {\r\n <ius-option (optionClick)=\"onSelectOption(option)\">\r\n {{ option.text }}\r\n </ius-option>\r\n }\r\n </ius-input-select>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"collapse\">\r\n <div class=\"cnt-procesos\">\r\n <p class=\"negrita\">{{cntSeleccionados}}</p>\r\n <p class=\"normal\">de</p>\r\n <p class=\"negrita\">{{ cantProcesos }}</p>\r\n <p class=\"normal\">procesos compartidos</p>\r\n </div>\r\n <button\r\n (click)=\"toggleProcesos()\"\r\n class=\"btn\"\r\n >\r\n <ius-icon-sm\r\n [iconName]=\"\r\n showProcesos\r\n ? 'icon-keyboard-double-arrow-up'\r\n : 'icon-keyboard-double-arrow-down'\r\n \"\r\n ></ius-icon-sm>\r\n </button>\r\n </div>\r\n @if (showProcesos) {\r\n <div class=\"list-procesos\">\r\n <div class=\"container\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.general-container{position:relative}.card-block{display:flex;width:100%;padding:12px 8px 8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;flex-shrink:0;border-radius:8px;border:.5px solid #bfbfbf;background:#fff}.user{display:flex;align-items:center;gap:8px;align-self:stretch}.user .user-name{margin:0;display:flex;align-items:center;gap:8px;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.collapse{display:flex;height:24px;padding:0 4px;justify-content:flex-end;align-items:center;gap:4px;flex-shrink:0;align-self:stretch}.collapse .cnt-procesos{display:flex;align-items:center;gap:4px;flex:1 0 0}.collapse .cnt-procesos .negrita{margin:0;display:flex;align-items:center;gap:8px;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.24px}.collapse .cnt-procesos .normal{margin:0;display:flex;align-items:center;gap:8px;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.list-procesos{display:flex;padding:0;align-items:flex-start;gap:4px;flex:1 0 0;align-self:stretch;border-radius:0}.container{display:flex;padding:0;flex-direction:column;gap:4px;flex:1 0 0;overflow-y:auto;height:200px}.btn{background-color:transparent;border:none;cursor:pointer}\n"], dependencies: [{ kind: "component", type: InputSelectComponent, selector: "ius-input-select", inputs: ["componentId", "required", "disabled", "showHelpText", "error", "labelSuperior", "labelInferior", "errorText", "labelInput", "iconInput", "textInput", "maxlenght", "inputType", "debounceMs", "enableInfiniteScroll", "loading"], outputs: ["onChangesValueEvent", "onEnterKey", "onBlurEvent", "onScrolledToEnd", "onFocusEvent"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: AvatarIconComponent, selector: "ius-avatar-icon", inputs: ["size", "imageUrl", "backgroundColor", "iconName", "iconColor"] }, { kind: "component", type: OptionComponent, selector: "ius-option", inputs: ["disabled", "checked", "leadingIcon", "multiline"], outputs: ["optionClick"] }] }); }
|
|
6768
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardBlockComponent, isStandalone: true, selector: "ius-card-block", inputs: { componentID: "componentID", options: "options", urlImage: "urlImage", iconName: "iconName", iconColor: "iconColor", userName: "userName", cantProcesos: "cantProcesos", cntSeleccionados: "cntSeleccionados" }, outputs: { optionSelected: "optionSelected" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"card-block\">\r\n <div class=\"user\">\r\n <ius-avatar-icon\r\n size=\"lg\"\r\n [imageUrl]=\"urlImage\"\r\n [iconName]=\"iconName\"\r\n [iconColor]=\"iconColor\"\r\n ></ius-avatar-icon>\r\n <p class=\"user-name\">{{ userName }}</p>\r\n </div>\r\n <div style=\"width: 100%\">\r\n <ius-input-select\r\n [componentId]=\"componentID\"\r\n [required]=\"true\"\r\n labelSuperior=\"Rol dentro del proceso\"\r\n labelInput=\"Seleccione el rol dentro del proceso\"\r\n [textInput]=\"option?.text\"\r\n >\r\n @for (option of options; track option) {\r\n <ius-option (optionClick)=\"onSelectOption(option)\">\r\n {{ option.text }}\r\n </ius-option>\r\n }\r\n </ius-input-select>\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"collapse\">\r\n <div class=\"cnt-procesos\">\r\n <p class=\"negrita\">{{cntSeleccionados}}</p>\r\n <p class=\"normal\">de</p>\r\n <p class=\"negrita\">{{ cantProcesos }}</p>\r\n <p class=\"normal\">procesos compartidos</p>\r\n </div>\r\n <button\r\n (click)=\"toggleProcesos()\"\r\n class=\"btn\"\r\n >\r\n <ius-icon-sm\r\n [iconName]=\"\r\n showProcesos\r\n ? 'icon-keyboard-double-arrow-up'\r\n : 'icon-keyboard-double-arrow-down'\r\n \"\r\n ></ius-icon-sm>\r\n </button>\r\n </div>\r\n @if (showProcesos) {\r\n <div class=\"list-procesos\">\r\n <div class=\"container\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.general-container{position:relative}.card-block{display:flex;width:100%;padding:12px 8px 8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;flex-shrink:0;border-radius:8px;border:.5px solid #bfbfbf;background:#fff}.user{display:flex;align-items:center;gap:8px;align-self:stretch}.user .user-name{margin:0;display:flex;align-items:center;gap:8px;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.collapse{display:flex;height:24px;padding:0 4px;justify-content:flex-end;align-items:center;gap:4px;flex-shrink:0;align-self:stretch}.collapse .cnt-procesos{display:flex;align-items:center;gap:4px;flex:1 0 0}.collapse .cnt-procesos .negrita{margin:0;display:flex;align-items:center;gap:8px;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.24px}.collapse .cnt-procesos .normal{margin:0;display:flex;align-items:center;gap:8px;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.list-procesos{display:flex;padding:0;align-items:flex-start;gap:4px;flex:1 0 0;align-self:stretch;border-radius:0}.container{display:flex;padding:0;flex-direction:column;gap:4px;flex:1 0 0;overflow-y:auto;height:200px}.btn{background-color:transparent;border:none;cursor:pointer}\n"], dependencies: [{ kind: "component", type: InputSelectComponent, selector: "ius-input-select", inputs: ["componentId", "required", "disabled", "showHelpText", "error", "labelSuperior", "labelInferior", "errorText", "labelInput", "iconInput", "textInput", "maxlenght", "inputType", "debounceMs", "enableInfiniteScroll", "loading"], outputs: ["onChangesValueEvent", "onEnterKey", "onBlurEvent", "onScrolledToEnd", "onFocusEvent"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: AvatarIconComponent, selector: "ius-avatar-icon", inputs: ["size", "imageUrl", "backgroundColor", "iconName", "iconColor"] }, { kind: "component", type: OptionComponent, selector: "ius-option", inputs: ["disabled", "checked", "leadingIcon", "prefixIcon", "sufixIcon", "multiline"], outputs: ["optionClick"] }] }); }
|
|
6729
6769
|
}
|
|
6730
6770
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardBlockComponent, decorators: [{
|
|
6731
6771
|
type: Component,
|
|
@@ -7403,125 +7443,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7403
7443
|
type: Output
|
|
7404
7444
|
}] } });
|
|
7405
7445
|
|
|
7406
|
-
registerLocaleData(localeEs);
|
|
7407
|
-
class CardVigilanciaJudicialComponent {
|
|
7408
|
-
constructor(datePipe) {
|
|
7409
|
-
this.datePipe = datePipe;
|
|
7410
|
-
this.collapse = true;
|
|
7411
|
-
this.hasNotificacion = true;
|
|
7412
|
-
this.hasAuto = true;
|
|
7413
|
-
this.read = true;
|
|
7414
|
-
this.onClickButtonCopy = new EventEmitter();
|
|
7415
|
-
this.onClickButtonRead = new EventEmitter();
|
|
7416
|
-
this.onClickButtonNotificacion = new EventEmitter();
|
|
7417
|
-
this.onClickButtonAuto = new EventEmitter();
|
|
7418
|
-
}
|
|
7419
|
-
toggleCollapse() {
|
|
7420
|
-
const wasCollapsed = this.collapse;
|
|
7421
|
-
this.collapse = !this.collapse;
|
|
7422
|
-
if (wasCollapsed && !this.read) {
|
|
7423
|
-
this.onClickButtonRead.emit(new Event('autoExpand'));
|
|
7424
|
-
}
|
|
7425
|
-
}
|
|
7426
|
-
async clickButtonCopy(event) {
|
|
7427
|
-
event.stopImmediatePropagation();
|
|
7428
|
-
try {
|
|
7429
|
-
await navigator.clipboard.writeText(this.getCardSummary());
|
|
7430
|
-
this.onClickButtonCopy.emit(event);
|
|
7431
|
-
}
|
|
7432
|
-
catch {
|
|
7433
|
-
// clipboard write failed; no emit, no snackbar
|
|
7434
|
-
}
|
|
7435
|
-
}
|
|
7436
|
-
getCardSummary() {
|
|
7437
|
-
const lines = [];
|
|
7438
|
-
lines.push('Vigilancia Judicial');
|
|
7439
|
-
if (this.titulo)
|
|
7440
|
-
lines.push(`Título: ${this.titulo}`);
|
|
7441
|
-
if (this.juzgado)
|
|
7442
|
-
lines.push(`Juzgado: ${this.juzgado}`);
|
|
7443
|
-
if (this.fechaPrincipal)
|
|
7444
|
-
lines.push(`Fecha: ${this.formatDate(this.fechaPrincipal)}`);
|
|
7445
|
-
if (this.actuaciones?.length) {
|
|
7446
|
-
lines.push('');
|
|
7447
|
-
lines.push('Actuaciones:');
|
|
7448
|
-
for (const act of this.actuaciones) {
|
|
7449
|
-
const tituloPartes = [];
|
|
7450
|
-
if (act.actuacion)
|
|
7451
|
-
tituloPartes.push(act.actuacion);
|
|
7452
|
-
if (act.anotacion)
|
|
7453
|
-
tituloPartes.push(act.anotacion);
|
|
7454
|
-
if (tituloPartes.length)
|
|
7455
|
-
lines.push(`- ${tituloPartes.join(': ')}`);
|
|
7456
|
-
const fechas = [];
|
|
7457
|
-
if (act.fechaIniciaTermino) {
|
|
7458
|
-
fechas.push(`Inicia término: ${this.formatDate(act.fechaIniciaTermino)}`);
|
|
7459
|
-
}
|
|
7460
|
-
else if (act.fechaActuacion) {
|
|
7461
|
-
fechas.push(`Fecha registro: ${this.formatDate(act.fechaActuacion)}`);
|
|
7462
|
-
}
|
|
7463
|
-
if (act.fechaFinalizaTermino) {
|
|
7464
|
-
fechas.push(`Finaliza término: ${this.formatDate(act.fechaFinalizaTermino)}`);
|
|
7465
|
-
}
|
|
7466
|
-
if (fechas.length)
|
|
7467
|
-
lines.push(` ${fechas.join(' - ')}`);
|
|
7468
|
-
}
|
|
7469
|
-
}
|
|
7470
|
-
return lines.join('\n');
|
|
7471
|
-
}
|
|
7472
|
-
formatDate(d) {
|
|
7473
|
-
return this.datePipe.transform(d, 'd MMM y') ?? '';
|
|
7474
|
-
}
|
|
7475
|
-
clickButtonRead(event) {
|
|
7476
|
-
event.stopImmediatePropagation();
|
|
7477
|
-
this.onClickButtonRead.emit(event);
|
|
7478
|
-
}
|
|
7479
|
-
clickButtonNotificacion(event) {
|
|
7480
|
-
event.stopImmediatePropagation();
|
|
7481
|
-
this.onClickButtonNotificacion.emit(event);
|
|
7482
|
-
}
|
|
7483
|
-
clickButtonAuto(event) {
|
|
7484
|
-
event.stopImmediatePropagation();
|
|
7485
|
-
this.onClickButtonAuto.emit(event);
|
|
7486
|
-
}
|
|
7487
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardVigilanciaJudicialComponent, deps: [{ token: i1$1.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7488
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardVigilanciaJudicialComponent, isStandalone: true, selector: "ius-card-vigilancia-judicial", inputs: { collapse: "collapse", hasNotificacion: "hasNotificacion", hasAuto: "hasAuto", read: "read", titulo: "titulo", juzgado: "juzgado", fechaPrincipal: "fechaPrincipal", actuaciones: "actuaciones" }, outputs: { onClickButtonCopy: "onClickButtonCopy", onClickButtonRead: "onClickButtonRead", onClickButtonNotificacion: "onClickButtonNotificacion", onClickButtonAuto: "onClickButtonAuto" }, providers: [
|
|
7489
|
-
{ provide: LOCALE_ID, useValue: 'es' },
|
|
7490
|
-
DatePipe
|
|
7491
|
-
], ngImport: i0, template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-account-balance\" class=\"icon-account\"\r\n [ngClass]=\"{'priority-tx': hasNotificacion || hasAuto }\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Vigilancia Judicial</span>\r\n <span class=\"body-base-1 txt-pry\" [ngClass]=\"{'title-no-read': read === false}\">{{titulo}}</span>\r\n <span class=\"body-base-1 txt-sec\">{{juzgado}}</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasNotificacion || hasAuto) {\r\n <div class=\"row-text-1\">\r\n @if (hasNotificacion) {\r\n <ius-icon-sm iconName=\"icon-notification-2\" class=\"txt-sec\"></ius-icon-sm>\r\n }\r\n @if (hasAuto) {\r\n <ius-icon-sm iconName=\"icon-docs-2\" class=\"txt-sec\"></ius-icon-sm>\r\n }\r\n </div>\r\n }\r\n <div class=\"row-text-2\">\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === true}\"></div>\r\n <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM y'}}</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n @for (act of actuaciones; track $index) {\r\n <div class=\"text-info\">\r\n <div class=\"row-text-1 body-sm txt-ter\">\r\n @if (act.fechaIniciaTermino) {\r\n <span>Inicia t\u00E9rmino: {{act.fechaIniciaTermino | date: 'd MMM y'}}</span>\r\n } @else {\r\n <span>Fecha registro: {{act.fechaActuacion | date: 'd MMM y'}}</span>\r\n }\r\n @if (act.fechaFinalizaTermino) {\r\n <span>-</span>\r\n <span>Finaliza t\u00E9rmino: {{act.fechaFinalizaTermino | date: 'd MMM y'}}</span>\r\n }\r\n </div>\r\n <span class=\"label-base txt-ter\">{{act.actuacion}}</span>\r\n <span class=\"body-base-1 txt-sec\">{{act.anotacion}}</span>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"buttons-clp\">\r\n @if (hasNotificacion) {\r\n <ius-button-menu-link iconName=\"icon-notificacion\" iconColor=\"#184FDB\"\r\n iusPopoverContent=\"Ver notificaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonNotificacion($event)\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n @if (hasAuto) {\r\n <ius-button-menu-link iconName=\"icon-docs\" iconColor=\"#184FDB\" iusPopoverContent=\"Ver auto\"\r\n (buttonClicked)=\"clickButtonAuto($event)\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n </div>\r\n </div>\r\n </div>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px;min-height:40px;justify-content:center}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.title-no-read{font-weight:500}.icon-account{color:#8c8c8c}.priority-tx{color:#497610}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-f{background-color:transparent}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px;width:76px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;gap:4px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: ButtonMenuLinkComponent, selector: "ius-button-menu-link", inputs: ["disabled", "iconColor", "iconName"], outputs: ["buttonClicked"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
|
|
7492
|
-
}
|
|
7493
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardVigilanciaJudicialComponent, decorators: [{
|
|
7494
|
-
type: Component,
|
|
7495
|
-
args: [{ selector: 'ius-card-vigilancia-judicial', standalone: true, imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, ButtonMenuLinkComponent, DatePipe, PopoverDirective], providers: [
|
|
7496
|
-
{ provide: LOCALE_ID, useValue: 'es' },
|
|
7497
|
-
DatePipe
|
|
7498
|
-
], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-account-balance\" class=\"icon-account\"\r\n [ngClass]=\"{'priority-tx': hasNotificacion || hasAuto }\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Vigilancia Judicial</span>\r\n <span class=\"body-base-1 txt-pry\" [ngClass]=\"{'title-no-read': read === false}\">{{titulo}}</span>\r\n <span class=\"body-base-1 txt-sec\">{{juzgado}}</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasNotificacion || hasAuto) {\r\n <div class=\"row-text-1\">\r\n @if (hasNotificacion) {\r\n <ius-icon-sm iconName=\"icon-notification-2\" class=\"txt-sec\"></ius-icon-sm>\r\n }\r\n @if (hasAuto) {\r\n <ius-icon-sm iconName=\"icon-docs-2\" class=\"txt-sec\"></ius-icon-sm>\r\n }\r\n </div>\r\n }\r\n <div class=\"row-text-2\">\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === true}\"></div>\r\n <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM y'}}</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n @for (act of actuaciones; track $index) {\r\n <div class=\"text-info\">\r\n <div class=\"row-text-1 body-sm txt-ter\">\r\n @if (act.fechaIniciaTermino) {\r\n <span>Inicia t\u00E9rmino: {{act.fechaIniciaTermino | date: 'd MMM y'}}</span>\r\n } @else {\r\n <span>Fecha registro: {{act.fechaActuacion | date: 'd MMM y'}}</span>\r\n }\r\n @if (act.fechaFinalizaTermino) {\r\n <span>-</span>\r\n <span>Finaliza t\u00E9rmino: {{act.fechaFinalizaTermino | date: 'd MMM y'}}</span>\r\n }\r\n </div>\r\n <span class=\"label-base txt-ter\">{{act.actuacion}}</span>\r\n <span class=\"body-base-1 txt-sec\">{{act.anotacion}}</span>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"buttons-clp\">\r\n @if (hasNotificacion) {\r\n <ius-button-menu-link iconName=\"icon-notificacion\" iconColor=\"#184FDB\"\r\n iusPopoverContent=\"Ver notificaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonNotificacion($event)\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n @if (hasAuto) {\r\n <ius-button-menu-link iconName=\"icon-docs\" iconColor=\"#184FDB\" iusPopoverContent=\"Ver auto\"\r\n (buttonClicked)=\"clickButtonAuto($event)\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n </div>\r\n </div>\r\n </div>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px;min-height:40px;justify-content:center}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.title-no-read{font-weight:500}.icon-account{color:#8c8c8c}.priority-tx{color:#497610}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-f{background-color:transparent}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px;width:76px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;gap:4px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"] }]
|
|
7499
|
-
}], ctorParameters: () => [{ type: i1$1.DatePipe }], propDecorators: { collapse: [{
|
|
7500
|
-
type: Input
|
|
7501
|
-
}], hasNotificacion: [{
|
|
7502
|
-
type: Input
|
|
7503
|
-
}], hasAuto: [{
|
|
7504
|
-
type: Input
|
|
7505
|
-
}], read: [{
|
|
7506
|
-
type: Input
|
|
7507
|
-
}], titulo: [{
|
|
7508
|
-
type: Input
|
|
7509
|
-
}], juzgado: [{
|
|
7510
|
-
type: Input
|
|
7511
|
-
}], fechaPrincipal: [{
|
|
7512
|
-
type: Input
|
|
7513
|
-
}], actuaciones: [{
|
|
7514
|
-
type: Input
|
|
7515
|
-
}], onClickButtonCopy: [{
|
|
7516
|
-
type: Output
|
|
7517
|
-
}], onClickButtonRead: [{
|
|
7518
|
-
type: Output
|
|
7519
|
-
}], onClickButtonNotificacion: [{
|
|
7520
|
-
type: Output
|
|
7521
|
-
}], onClickButtonAuto: [{
|
|
7522
|
-
type: Output
|
|
7523
|
-
}] } });
|
|
7524
|
-
|
|
7525
7446
|
registerLocaleData(localeEs);
|
|
7526
7447
|
class CardAgendaJudicialComponent {
|
|
7527
7448
|
constructor() {
|
|
@@ -7576,429 +7497,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7576
7497
|
type: Output
|
|
7577
7498
|
}] } });
|
|
7578
7499
|
|
|
7579
|
-
registerLocaleData(localeEs);
|
|
7580
|
-
class CardActividadEventoComponent {
|
|
7581
|
-
constructor(datePipe) {
|
|
7582
|
-
this.datePipe = datePipe;
|
|
7583
|
-
this.read = true;
|
|
7584
|
-
this.warning = false;
|
|
7585
|
-
this.collapse = true;
|
|
7586
|
-
this.done = false;
|
|
7587
|
-
/** Si el dato de hora viene null desde backend, el consumer debe ponerlo en false
|
|
7588
|
-
* para que la card formatee solo la fecha (sin "12:00 AM" inventado). */
|
|
7589
|
-
this.mostrarHoraInicio = true;
|
|
7590
|
-
this.mostrarHoraFin = true;
|
|
7591
|
-
this.mostrarHoraProgramacion = true;
|
|
7592
|
-
// Tarea masiva
|
|
7593
|
-
this.masiva = false;
|
|
7594
|
-
this.procesos = [];
|
|
7595
|
-
this.onClickButtonCopy = new EventEmitter();
|
|
7596
|
-
this.onClickButtonRead = new EventEmitter();
|
|
7597
|
-
this.onClickButtonEdit = new EventEmitter();
|
|
7598
|
-
this.onClickButtonDelete = new EventEmitter();
|
|
7599
|
-
this.onClickButtonDone = new EventEmitter();
|
|
7600
|
-
}
|
|
7601
|
-
get formatoFechaInicio() {
|
|
7602
|
-
return this.mostrarHoraInicio ? 'dd MMM yyyy h:mm a' : 'dd MMM yyyy';
|
|
7603
|
-
}
|
|
7604
|
-
get formatoFechaFin() {
|
|
7605
|
-
return this.mostrarHoraFin ? 'dd MMM yyyy h:mm a' : 'dd MMM yyyy';
|
|
7606
|
-
}
|
|
7607
|
-
get formatoFechaProgramacion() {
|
|
7608
|
-
return this.mostrarHoraProgramacion ? 'dd MMM yyyy h:mm a' : 'dd MMM yyyy';
|
|
7609
|
-
}
|
|
7610
|
-
get masivaLabel() {
|
|
7611
|
-
const n = this.cantidadProcesos ?? this.procesos?.length ?? 0;
|
|
7612
|
-
return n > 0 ? `Masiva · ${n} procesos` : 'Masiva';
|
|
7613
|
-
}
|
|
7614
|
-
toggleCollapse() {
|
|
7615
|
-
const wasCollapsed = this.collapse;
|
|
7616
|
-
this.collapse = !this.collapse;
|
|
7617
|
-
if (wasCollapsed && !this.read) {
|
|
7618
|
-
this.onClickButtonRead.emit(new Event('autoExpand'));
|
|
7619
|
-
}
|
|
7620
|
-
}
|
|
7621
|
-
get headerFechaLabel() {
|
|
7622
|
-
return this.estado === 'Finalizada' ? 'Realizada el' : 'Programada para el';
|
|
7623
|
-
}
|
|
7624
|
-
get estadoLabel() {
|
|
7625
|
-
if (this.estado === 'Finalizada')
|
|
7626
|
-
return 'Finalizada';
|
|
7627
|
-
if (this.estado === 'Pausada' && this.warning)
|
|
7628
|
-
return 'Pausada';
|
|
7629
|
-
if (this.estado === 'Pausada' && this.warning)
|
|
7630
|
-
return 'Pausada - Vencida';
|
|
7631
|
-
return 'Programada';
|
|
7632
|
-
}
|
|
7633
|
-
get estadoLabelClass() {
|
|
7634
|
-
if (this.estado === 'Finalizada')
|
|
7635
|
-
return 'txt-ter';
|
|
7636
|
-
if (this.estado === 'Pausada' && this.warning)
|
|
7637
|
-
return 'tx-info';
|
|
7638
|
-
if (this.estado === 'Pausada' && this.warning)
|
|
7639
|
-
return 'tx-warn';
|
|
7640
|
-
if (this.warning)
|
|
7641
|
-
return 'tx-warn';
|
|
7642
|
-
return 'tx-read';
|
|
7643
|
-
}
|
|
7644
|
-
async clickButtonCopy(event) {
|
|
7645
|
-
event.stopImmediatePropagation();
|
|
7646
|
-
try {
|
|
7647
|
-
await navigator.clipboard.writeText(this.getCardSummary());
|
|
7648
|
-
this.onClickButtonCopy.emit(event);
|
|
7649
|
-
}
|
|
7650
|
-
catch {
|
|
7651
|
-
// clipboard write failed; no emit
|
|
7652
|
-
}
|
|
7653
|
-
}
|
|
7654
|
-
getCardSummary() {
|
|
7655
|
-
const lines = [];
|
|
7656
|
-
lines.push('Actividades y eventos');
|
|
7657
|
-
if (this.titulo)
|
|
7658
|
-
lines.push(`Título: ${this.titulo}`);
|
|
7659
|
-
if (this.usuarioAsignado)
|
|
7660
|
-
lines.push(`Asignado a: ${this.usuarioAsignado}`);
|
|
7661
|
-
if (this.fechaProgramacion)
|
|
7662
|
-
lines.push(`${this.headerFechaLabel}: ${this.formatDateTime(this.fechaProgramacion)}`);
|
|
7663
|
-
if (this.text1)
|
|
7664
|
-
lines.push(this.text1);
|
|
7665
|
-
lines.push(`Estado: ${this.estadoLabel}`);
|
|
7666
|
-
if (this.masiva) {
|
|
7667
|
-
lines.push(this.masivaLabel);
|
|
7668
|
-
(this.procesos || []).forEach(p => lines.push(`- ${p.tipoProceso ?? ''} ${p.radicado23Nit ?? ''}`.trim()));
|
|
7669
|
-
}
|
|
7670
|
-
if (this.fechaInicio || this.fechaFin) {
|
|
7671
|
-
const partes = [];
|
|
7672
|
-
if (this.fechaInicio)
|
|
7673
|
-
partes.push(this.formatDateTime(this.fechaInicio));
|
|
7674
|
-
if (this.fechaFin)
|
|
7675
|
-
partes.push(this.formatDateTime(this.fechaFin));
|
|
7676
|
-
lines.push(`Rango: ${partes.join(' - ')}`);
|
|
7677
|
-
}
|
|
7678
|
-
if (this.descripcion) {
|
|
7679
|
-
lines.push('');
|
|
7680
|
-
lines.push('Descripción:');
|
|
7681
|
-
lines.push(this.descripcion);
|
|
7682
|
-
}
|
|
7683
|
-
if (this.link) {
|
|
7684
|
-
lines.push('');
|
|
7685
|
-
lines.push(`Link: ${this.link}`);
|
|
7686
|
-
}
|
|
7687
|
-
return lines.join('\n');
|
|
7688
|
-
}
|
|
7689
|
-
openLink(event) {
|
|
7690
|
-
event.stopImmediatePropagation();
|
|
7691
|
-
if (this.link) {
|
|
7692
|
-
window.open(this.link, '_blank', 'noopener,noreferrer');
|
|
7693
|
-
}
|
|
7694
|
-
}
|
|
7695
|
-
formatDateTime(d) {
|
|
7696
|
-
return this.datePipe.transform(d, 'dd MMM yyyy h:mm a') ?? '';
|
|
7697
|
-
}
|
|
7698
|
-
clickButtonRead(event) {
|
|
7699
|
-
event.stopImmediatePropagation();
|
|
7700
|
-
this.onClickButtonRead.emit(event);
|
|
7701
|
-
}
|
|
7702
|
-
clickButtonEdit(event) {
|
|
7703
|
-
event.stopImmediatePropagation();
|
|
7704
|
-
this.onClickButtonEdit.emit(event);
|
|
7705
|
-
}
|
|
7706
|
-
clickButtonDelete(event) {
|
|
7707
|
-
event.stopImmediatePropagation();
|
|
7708
|
-
this.onClickButtonDelete.emit(event);
|
|
7709
|
-
}
|
|
7710
|
-
clickButtonDone(event) {
|
|
7711
|
-
event.stopImmediatePropagation();
|
|
7712
|
-
this.onClickButtonDone.emit(event);
|
|
7713
|
-
}
|
|
7714
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardActividadEventoComponent, deps: [{ token: i1$1.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7715
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardActividadEventoComponent, isStandalone: true, selector: "ius-card-actividad-evento", inputs: { read: "read", warning: "warning", collapse: "collapse", done: "done", titulo: "titulo", usuarioAsignado: "usuarioAsignado", fechaProgramacion: "fechaProgramacion", fechaPrincipal: "fechaPrincipal", text1: "text1", estado: "estado", fechaInicio: "fechaInicio", fechaFin: "fechaFin", descripcion: "descripcion", link: "link", mostrarHoraInicio: "mostrarHoraInicio", mostrarHoraFin: "mostrarHoraFin", mostrarHoraProgramacion: "mostrarHoraProgramacion", masiva: "masiva", cantidadProcesos: "cantidadProcesos", procesos: "procesos" }, outputs: { onClickButtonCopy: "onClickButtonCopy", onClickButtonRead: "onClickButtonRead", onClickButtonEdit: "onClickButtonEdit", onClickButtonDelete: "onClickButtonDelete", onClickButtonDone: "onClickButtonDone" }, providers: [
|
|
7716
|
-
{ provide: LOCALE_ID, useValue: 'es' },
|
|
7717
|
-
DatePipe
|
|
7718
|
-
], ngImport: i0, template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-calendar-clock\" class=\"priority-tx\"\r\n [ngClass]=\"{'icon-calendar-clock': estado === 'Finalizada' }\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Actividades y eventos</span>\r\n <div class=\"row-titulo\">\r\n <span class=\"label-base txt-pry\" [ngClass]=\"{'body-base-1': read}\">{{titulo}}</span>\r\n @if (masiva) {\r\n <span class=\"masiva-badge caption-sm\">\r\n <ius-icon-xs iconName=\"icon-library-add-check\"></ius-icon-xs>\r\n {{ masivaLabel }}\r\n </span>\r\n }\r\n </div>\r\n <div class=\"tx-asig\">\r\n <div class=\"row-text-2\">\r\n <span class=\"caption-sm txt-ter\">Asignado a</span>\r\n <span class=\"body-base-1 txt-sec\">{{usuarioAsignado}}</span>\r\n </div>\r\n <div class=\"row-text-2\">\r\n <span class=\"caption-sm txt-ter\">{{ headerFechaLabel }}</span>\r\n <span class=\"body-base-1 txt-sec\">{{fechaProgramacion | date: formatoFechaProgramacion}}</span>\r\n </div>\r\n </div>\r\n <span class=\"body-base-1 txt-sec\">{{text1}}</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n <div class=\"row-text-2\">\r\n @if (!read) {\r\n <div class=\"icon-dot\"></div>\r\n }\r\n @if (warning && estado !== 'Finalizada') {\r\n <ius-icon-xs iconName=\"icon-emergency-home\" class=\"icon-emergency-home\"></ius-icon-xs>\r\n }\r\n <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM y'}}</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-done-outline\"\r\n [iusPopoverContent]=\"done ? 'Marcar como abierta' : 'Marcar como hecha'\"\r\n (buttonClicked)=\"clickButtonDone($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-edit\"\r\n iusPopoverContent=\"Editar\"\r\n (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-delete\"\r\n iusPopoverContent=\"Eliminar\"\r\n (buttonClicked)=\"clickButtonDelete($event)\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n <span class=\"label-base\" [ngClass]=\"estadoLabelClass\">{{ estadoLabel }}</span>\r\n <div class=\"row-text-1 body-sm txt-ter\">\r\n <span>{{fechaInicio | date: formatoFechaInicio}}</span>\r\n @if (fechaFin) {\r\n <span>-</span>\r\n <span>{{fechaFin | date: formatoFechaFin}}</span>\r\n }\r\n </div>\r\n <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\r\n @if (link) {\r\n <a class=\"body-sm link-actividad\" (click)=\"openLink($event)\">\r\n <ius-icon-xs iconName=\"icon-link-2\"></ius-icon-xs>\r\n <span>{{ link }}</span>\r\n </a>\r\n }\r\n\r\n @if (masiva && procesos.length > 0) {\r\n <div class=\"ctn-procesos-masiva\">\r\n <span class=\"caption-sm txt-ter\">Procesos vinculados ({{ cantidadProcesos ?? procesos.length }})</span>\r\n <div class=\"procesos-list scrollable\">\r\n @for (p of procesos; track p.actividadID) {\r\n <div class=\"proceso-item\">\r\n <div class=\"proceso-l1\">\r\n @if (p.tipoProceso) {\r\n <span class=\"proceso-tag caption-sm\" [iusPopoverContent]=\"'Tipo de proceso: ' + p.tipoProceso\">{{ p.tipoProceso }}</span>\r\n }\r\n <span class=\"proceso-cod caption-sm\" [iusPopoverContent]=\"(p.codigoInterno ? 'C\u00F3digo interno: ' + p.codigoInterno : '') + (p.codigoInterno && p.radicado23Nit ? ' \u00B7 ' : '') + (p.radicado23Nit ? 'Radicado: ' + p.radicado23Nit : '')\">\r\n @if (p.codigoInterno) { <span class=\"txt-pry\">{{ p.codigoInterno }}</span> }\r\n @if (p.codigoInterno && p.radicado23Nit) { <span class=\"txt-ter\"> \u00B7 </span> }\r\n @if (p.radicado23Nit) { <span class=\"txt-ter\">{{ p.radicado23Nit }}</span> }\r\n </span>\r\n @if (p.warning) {\r\n <ius-icon-xs iconName=\"icon-emergency-home\" class=\"icon-emergency-home\"></ius-icon-xs>\r\n }\r\n </div>\r\n @if (p.parteActiva || p.partePasiva) {\r\n <div class=\"proceso-l2 caption-sm txt-ter\" [iusPopoverContent]=\"(p.parteActiva ? 'Parte activa: ' + p.parteActiva : '') + (p.parteActiva && p.partePasiva ? ' \u2014 ' : '') + (p.partePasiva ? 'Parte pasiva: ' + p.partePasiva : '')\">\r\n @if (p.parteActiva) { <span>{{ p.parteActiva }}</span> }\r\n @if (p.parteActiva && p.partePasiva) { <span> - </span> }\r\n @if (p.partePasiva) { <span>{{ p.partePasiva }}</span> }\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-calendar-clock{color:#8c8c8c!important}.priority-tx{color:#184fdb}.tx-asig{display:flex;gap:24px}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-warning{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#ffae00;border-radius:100px}.icon-emergency-home{color:#ffae00}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.tx-read{color:#629219}.tx-warn{color:#db8e00}.tx-info{color:#5892ff}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}.link-actividad{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:4px 8px;border-radius:4px;color:#595959;cursor:pointer;text-decoration:none;word-break:break-all}.link-actividad:hover{background-color:#edf6ff;text-decoration:underline}.row-titulo{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.masiva-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:100px;background:#edf6ff;color:#103ab7;font-weight:500;white-space:nowrap}.ctn-procesos-masiva{display:flex;flex-direction:column;gap:4px;width:100%;margin-top:8px}.procesos-list{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto}.proceso-item{display:flex;flex-direction:column;gap:2px;padding:4px 8px;border-radius:4px;border:1px solid #eaeaea;background:#fff}.proceso-l1{display:flex;align-items:center;gap:4px;min-width:0}.proceso-tag{flex-shrink:0;padding:1px 8px;border-radius:100px;background:#edf6ff;color:#103ab7;font-weight:500;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.proceso-cod{flex:1 0 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proceso-l2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsis-1{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
|
|
7719
|
-
}
|
|
7720
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardActividadEventoComponent, decorators: [{
|
|
7721
|
-
type: Component,
|
|
7722
|
-
args: [{ selector: 'ius-card-actividad-evento', standalone: true, imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, IconXsComponent, DatePipe, PopoverDirective], providers: [
|
|
7723
|
-
{ provide: LOCALE_ID, useValue: 'es' },
|
|
7724
|
-
DatePipe
|
|
7725
|
-
], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-calendar-clock\" class=\"priority-tx\"\r\n [ngClass]=\"{'icon-calendar-clock': estado === 'Finalizada' }\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Actividades y eventos</span>\r\n <div class=\"row-titulo\">\r\n <span class=\"label-base txt-pry\" [ngClass]=\"{'body-base-1': read}\">{{titulo}}</span>\r\n @if (masiva) {\r\n <span class=\"masiva-badge caption-sm\">\r\n <ius-icon-xs iconName=\"icon-library-add-check\"></ius-icon-xs>\r\n {{ masivaLabel }}\r\n </span>\r\n }\r\n </div>\r\n <div class=\"tx-asig\">\r\n <div class=\"row-text-2\">\r\n <span class=\"caption-sm txt-ter\">Asignado a</span>\r\n <span class=\"body-base-1 txt-sec\">{{usuarioAsignado}}</span>\r\n </div>\r\n <div class=\"row-text-2\">\r\n <span class=\"caption-sm txt-ter\">{{ headerFechaLabel }}</span>\r\n <span class=\"body-base-1 txt-sec\">{{fechaProgramacion | date: formatoFechaProgramacion}}</span>\r\n </div>\r\n </div>\r\n <span class=\"body-base-1 txt-sec\">{{text1}}</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n <div class=\"row-text-2\">\r\n @if (!read) {\r\n <div class=\"icon-dot\"></div>\r\n }\r\n @if (warning && estado !== 'Finalizada') {\r\n <ius-icon-xs iconName=\"icon-emergency-home\" class=\"icon-emergency-home\"></ius-icon-xs>\r\n }\r\n <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM y'}}</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-done-outline\"\r\n [iusPopoverContent]=\"done ? 'Marcar como abierta' : 'Marcar como hecha'\"\r\n (buttonClicked)=\"clickButtonDone($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-edit\"\r\n iusPopoverContent=\"Editar\"\r\n (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-delete\"\r\n iusPopoverContent=\"Eliminar\"\r\n (buttonClicked)=\"clickButtonDelete($event)\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n <span class=\"label-base\" [ngClass]=\"estadoLabelClass\">{{ estadoLabel }}</span>\r\n <div class=\"row-text-1 body-sm txt-ter\">\r\n <span>{{fechaInicio | date: formatoFechaInicio}}</span>\r\n @if (fechaFin) {\r\n <span>-</span>\r\n <span>{{fechaFin | date: formatoFechaFin}}</span>\r\n }\r\n </div>\r\n <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\r\n @if (link) {\r\n <a class=\"body-sm link-actividad\" (click)=\"openLink($event)\">\r\n <ius-icon-xs iconName=\"icon-link-2\"></ius-icon-xs>\r\n <span>{{ link }}</span>\r\n </a>\r\n }\r\n\r\n @if (masiva && procesos.length > 0) {\r\n <div class=\"ctn-procesos-masiva\">\r\n <span class=\"caption-sm txt-ter\">Procesos vinculados ({{ cantidadProcesos ?? procesos.length }})</span>\r\n <div class=\"procesos-list scrollable\">\r\n @for (p of procesos; track p.actividadID) {\r\n <div class=\"proceso-item\">\r\n <div class=\"proceso-l1\">\r\n @if (p.tipoProceso) {\r\n <span class=\"proceso-tag caption-sm\" [iusPopoverContent]=\"'Tipo de proceso: ' + p.tipoProceso\">{{ p.tipoProceso }}</span>\r\n }\r\n <span class=\"proceso-cod caption-sm\" [iusPopoverContent]=\"(p.codigoInterno ? 'C\u00F3digo interno: ' + p.codigoInterno : '') + (p.codigoInterno && p.radicado23Nit ? ' \u00B7 ' : '') + (p.radicado23Nit ? 'Radicado: ' + p.radicado23Nit : '')\">\r\n @if (p.codigoInterno) { <span class=\"txt-pry\">{{ p.codigoInterno }}</span> }\r\n @if (p.codigoInterno && p.radicado23Nit) { <span class=\"txt-ter\"> \u00B7 </span> }\r\n @if (p.radicado23Nit) { <span class=\"txt-ter\">{{ p.radicado23Nit }}</span> }\r\n </span>\r\n @if (p.warning) {\r\n <ius-icon-xs iconName=\"icon-emergency-home\" class=\"icon-emergency-home\"></ius-icon-xs>\r\n }\r\n </div>\r\n @if (p.parteActiva || p.partePasiva) {\r\n <div class=\"proceso-l2 caption-sm txt-ter\" [iusPopoverContent]=\"(p.parteActiva ? 'Parte activa: ' + p.parteActiva : '') + (p.parteActiva && p.partePasiva ? ' \u2014 ' : '') + (p.partePasiva ? 'Parte pasiva: ' + p.partePasiva : '')\">\r\n @if (p.parteActiva) { <span>{{ p.parteActiva }}</span> }\r\n @if (p.parteActiva && p.partePasiva) { <span> - </span> }\r\n @if (p.partePasiva) { <span>{{ p.partePasiva }}</span> }\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-calendar-clock{color:#8c8c8c!important}.priority-tx{color:#184fdb}.tx-asig{display:flex;gap:24px}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-warning{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#ffae00;border-radius:100px}.icon-emergency-home{color:#ffae00}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.tx-read{color:#629219}.tx-warn{color:#db8e00}.tx-info{color:#5892ff}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}.link-actividad{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:4px 8px;border-radius:4px;color:#595959;cursor:pointer;text-decoration:none;word-break:break-all}.link-actividad:hover{background-color:#edf6ff;text-decoration:underline}.row-titulo{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.masiva-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:100px;background:#edf6ff;color:#103ab7;font-weight:500;white-space:nowrap}.ctn-procesos-masiva{display:flex;flex-direction:column;gap:4px;width:100%;margin-top:8px}.procesos-list{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto}.proceso-item{display:flex;flex-direction:column;gap:2px;padding:4px 8px;border-radius:4px;border:1px solid #eaeaea;background:#fff}.proceso-l1{display:flex;align-items:center;gap:4px;min-width:0}.proceso-tag{flex-shrink:0;padding:1px 8px;border-radius:100px;background:#edf6ff;color:#103ab7;font-weight:500;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.proceso-cod{flex:1 0 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proceso-l2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsis-1{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
|
|
7726
|
-
}], ctorParameters: () => [{ type: i1$1.DatePipe }], propDecorators: { read: [{
|
|
7727
|
-
type: Input
|
|
7728
|
-
}], warning: [{
|
|
7729
|
-
type: Input
|
|
7730
|
-
}], collapse: [{
|
|
7731
|
-
type: Input
|
|
7732
|
-
}], done: [{
|
|
7733
|
-
type: Input
|
|
7734
|
-
}], titulo: [{
|
|
7735
|
-
type: Input
|
|
7736
|
-
}], usuarioAsignado: [{
|
|
7737
|
-
type: Input
|
|
7738
|
-
}], fechaProgramacion: [{
|
|
7739
|
-
type: Input
|
|
7740
|
-
}], fechaPrincipal: [{
|
|
7741
|
-
type: Input
|
|
7742
|
-
}], text1: [{
|
|
7743
|
-
type: Input
|
|
7744
|
-
}], estado: [{
|
|
7745
|
-
type: Input
|
|
7746
|
-
}], fechaInicio: [{
|
|
7747
|
-
type: Input
|
|
7748
|
-
}], fechaFin: [{
|
|
7749
|
-
type: Input
|
|
7750
|
-
}], descripcion: [{
|
|
7751
|
-
type: Input
|
|
7752
|
-
}], link: [{
|
|
7753
|
-
type: Input
|
|
7754
|
-
}], mostrarHoraInicio: [{
|
|
7755
|
-
type: Input
|
|
7756
|
-
}], mostrarHoraFin: [{
|
|
7757
|
-
type: Input
|
|
7758
|
-
}], mostrarHoraProgramacion: [{
|
|
7759
|
-
type: Input
|
|
7760
|
-
}], masiva: [{
|
|
7761
|
-
type: Input
|
|
7762
|
-
}], cantidadProcesos: [{
|
|
7763
|
-
type: Input
|
|
7764
|
-
}], procesos: [{
|
|
7765
|
-
type: Input
|
|
7766
|
-
}], onClickButtonCopy: [{
|
|
7767
|
-
type: Output
|
|
7768
|
-
}], onClickButtonRead: [{
|
|
7769
|
-
type: Output
|
|
7770
|
-
}], onClickButtonEdit: [{
|
|
7771
|
-
type: Output
|
|
7772
|
-
}], onClickButtonDelete: [{
|
|
7773
|
-
type: Output
|
|
7774
|
-
}], onClickButtonDone: [{
|
|
7775
|
-
type: Output
|
|
7776
|
-
}] } });
|
|
7777
|
-
|
|
7778
|
-
registerLocaleData(localeEs);
|
|
7779
|
-
class CardEtapaSubetapaComponent {
|
|
7780
|
-
constructor(datePipe) {
|
|
7781
|
-
this.datePipe = datePipe;
|
|
7782
|
-
this.priority = true;
|
|
7783
|
-
this.hasDocuments = false;
|
|
7784
|
-
this.read = true;
|
|
7785
|
-
this.collapse = true;
|
|
7786
|
-
this.onClickButtonCopy = new EventEmitter();
|
|
7787
|
-
this.onClickButtonRead = new EventEmitter();
|
|
7788
|
-
this.onClickButtonEdit = new EventEmitter();
|
|
7789
|
-
this.onClickButtonDelete = new EventEmitter();
|
|
7790
|
-
this.onClickButtonDocs = new EventEmitter();
|
|
7791
|
-
}
|
|
7792
|
-
toggleCollapse() {
|
|
7793
|
-
const wasCollapsed = this.collapse;
|
|
7794
|
-
this.collapse = !this.collapse;
|
|
7795
|
-
if (wasCollapsed && !this.read) {
|
|
7796
|
-
this.onClickButtonRead.emit(new Event('autoExpand'));
|
|
7797
|
-
}
|
|
7798
|
-
}
|
|
7799
|
-
async clickButtonCopy(event) {
|
|
7800
|
-
event.stopImmediatePropagation();
|
|
7801
|
-
try {
|
|
7802
|
-
await navigator.clipboard.writeText(this.getCardSummary());
|
|
7803
|
-
this.onClickButtonCopy.emit(event);
|
|
7804
|
-
}
|
|
7805
|
-
catch {
|
|
7806
|
-
// clipboard write failed; no emit, no snackbar
|
|
7807
|
-
}
|
|
7808
|
-
}
|
|
7809
|
-
getCardSummary() {
|
|
7810
|
-
const lines = [];
|
|
7811
|
-
lines.push('Etapas Procesales');
|
|
7812
|
-
if (this.etapa)
|
|
7813
|
-
lines.push(`Etapa: ${this.etapa}`);
|
|
7814
|
-
if (this.subEtapa)
|
|
7815
|
-
lines.push(`Subetapa: ${this.subEtapa}`);
|
|
7816
|
-
if (this.fechaPrincipal)
|
|
7817
|
-
lines.push(`Fecha: ${this.formatDate(this.fechaPrincipal)}`);
|
|
7818
|
-
if (this.text1)
|
|
7819
|
-
lines.push(this.text1);
|
|
7820
|
-
if (this.origen)
|
|
7821
|
-
lines.push(`Origen: ${this.origen}`);
|
|
7822
|
-
if (this.descripcion) {
|
|
7823
|
-
lines.push('');
|
|
7824
|
-
lines.push('Descripción:');
|
|
7825
|
-
lines.push(this.descripcion);
|
|
7826
|
-
}
|
|
7827
|
-
return lines.join('\n');
|
|
7828
|
-
}
|
|
7829
|
-
formatDate(d) {
|
|
7830
|
-
return this.datePipe.transform(d, 'd MMM y') ?? '';
|
|
7831
|
-
}
|
|
7832
|
-
clickButtonRead(event) {
|
|
7833
|
-
event.stopImmediatePropagation();
|
|
7834
|
-
this.onClickButtonRead.emit(event);
|
|
7835
|
-
}
|
|
7836
|
-
clickButtonEdit(event) {
|
|
7837
|
-
event.stopImmediatePropagation();
|
|
7838
|
-
this.onClickButtonEdit.emit(event);
|
|
7839
|
-
}
|
|
7840
|
-
clickButtonDelete(event) {
|
|
7841
|
-
event.stopImmediatePropagation();
|
|
7842
|
-
this.onClickButtonDelete.emit(event);
|
|
7843
|
-
}
|
|
7844
|
-
clickButtonDocs(event) {
|
|
7845
|
-
event.stopImmediatePropagation();
|
|
7846
|
-
this.onClickButtonDocs.emit(event);
|
|
7847
|
-
}
|
|
7848
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardEtapaSubetapaComponent, deps: [{ token: i1$1.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7849
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardEtapaSubetapaComponent, isStandalone: true, selector: "ius-card-etapa-subetapa", inputs: { priority: "priority", hasDocuments: "hasDocuments", read: "read", collapse: "collapse", etapa: "etapa", subEtapa: "subEtapa", text1: "text1", origen: "origen", fechaPrincipal: "fechaPrincipal", descripcion: "descripcion" }, outputs: { onClickButtonCopy: "onClickButtonCopy", onClickButtonRead: "onClickButtonRead", onClickButtonEdit: "onClickButtonEdit", onClickButtonDelete: "onClickButtonDelete", onClickButtonDocs: "onClickButtonDocs" }, providers: [
|
|
7850
|
-
{ provide: LOCALE_ID, useValue: 'es' },
|
|
7851
|
-
DatePipe
|
|
7852
|
-
], ngImport: i0, template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-book-5\" class=\"icon-book-5\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Etapas Procesales</span>\r\n <div class=\"body-base-1 row-text-1 txt-pry\" [ngClass]=\"{'title-no-read': read === false}\">\r\n <span>{{etapa}}</span>\r\n <span>-</span>\r\n <span>{{subEtapa}}</span>\r\n </div>\r\n <div class=\"body-base-1 txt-sec row-text-1\">\r\n <span>{{text1}}</span>\r\n @if (origen) {\r\n <span>-</span>\r\n <span>{{origen}}</span>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasDocuments) {\r\n <div class=\"row-text-1\">\r\n <ius-icon-sm iconName=\"icon-attach-file\" class=\"txt-sec\"></ius-icon-sm>\r\n </div>\r\n }\r\n <div class=\"row-text-2\">\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\r\n <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM yyyy'}}</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-edit\"\r\n iusPopoverContent=\"Editar\"\r\n (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-delete\"\r\n iusPopoverContent=\"Eliminar\"\r\n (buttonClicked)=\"clickButtonDelete($event)\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\r\n </div>\r\n </div>\r\n <div class=\"buttons-clp\">\r\n @if (hasDocuments) {\r\n <ius-button-menu-link iconName=\"icon-attach-file\" iconColor=\"#184FDB\"\r\n iusPopoverContent=\"Ver documentos\"\r\n (buttonClicked)=\"clickButtonDocs($event)\"></ius-button-menu-link>\r\n }\r\n </div>\r\n </div>\r\n </div>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-book-5{color:#7caf25}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{background-color:transparent;display:none;align-items:center;width:8px;height:8px;aspect-ratio:1/1;border-radius:100px}.icon-dot-f{display:flex;background-color:#2167ff}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;width:44px;box-sizing:border-box;gap:4px;justify-content:center}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.title-no-read{font-weight:500}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: ButtonMenuLinkComponent, selector: "ius-button-menu-link", inputs: ["disabled", "iconColor", "iconName"], outputs: ["buttonClicked"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
|
|
7853
|
-
}
|
|
7854
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardEtapaSubetapaComponent, decorators: [{
|
|
7855
|
-
type: Component,
|
|
7856
|
-
args: [{ selector: 'ius-card-etapa-subetapa', standalone: true, imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, ButtonMenuLinkComponent, DatePipe, PopoverDirective], providers: [
|
|
7857
|
-
{ provide: LOCALE_ID, useValue: 'es' },
|
|
7858
|
-
DatePipe
|
|
7859
|
-
], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-book-5\" class=\"icon-book-5\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Etapas Procesales</span>\r\n <div class=\"body-base-1 row-text-1 txt-pry\" [ngClass]=\"{'title-no-read': read === false}\">\r\n <span>{{etapa}}</span>\r\n <span>-</span>\r\n <span>{{subEtapa}}</span>\r\n </div>\r\n <div class=\"body-base-1 txt-sec row-text-1\">\r\n <span>{{text1}}</span>\r\n @if (origen) {\r\n <span>-</span>\r\n <span>{{origen}}</span>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasDocuments) {\r\n <div class=\"row-text-1\">\r\n <ius-icon-sm iconName=\"icon-attach-file\" class=\"txt-sec\"></ius-icon-sm>\r\n </div>\r\n }\r\n <div class=\"row-text-2\">\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\r\n <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM yyyy'}}</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-edit\"\r\n iusPopoverContent=\"Editar\"\r\n (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-delete\"\r\n iusPopoverContent=\"Eliminar\"\r\n (buttonClicked)=\"clickButtonDelete($event)\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\r\n </div>\r\n </div>\r\n <div class=\"buttons-clp\">\r\n @if (hasDocuments) {\r\n <ius-button-menu-link iconName=\"icon-attach-file\" iconColor=\"#184FDB\"\r\n iusPopoverContent=\"Ver documentos\"\r\n (buttonClicked)=\"clickButtonDocs($event)\"></ius-button-menu-link>\r\n }\r\n </div>\r\n </div>\r\n </div>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-book-5{color:#7caf25}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{background-color:transparent;display:none;align-items:center;width:8px;height:8px;aspect-ratio:1/1;border-radius:100px}.icon-dot-f{display:flex;background-color:#2167ff}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;width:44px;box-sizing:border-box;gap:4px;justify-content:center}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.title-no-read{font-weight:500}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"] }]
|
|
7860
|
-
}], ctorParameters: () => [{ type: i1$1.DatePipe }], propDecorators: { priority: [{
|
|
7861
|
-
type: Input
|
|
7862
|
-
}], hasDocuments: [{
|
|
7863
|
-
type: Input
|
|
7864
|
-
}], read: [{
|
|
7865
|
-
type: Input
|
|
7866
|
-
}], collapse: [{
|
|
7867
|
-
type: Input
|
|
7868
|
-
}], etapa: [{
|
|
7869
|
-
type: Input
|
|
7870
|
-
}], subEtapa: [{
|
|
7871
|
-
type: Input
|
|
7872
|
-
}], text1: [{
|
|
7873
|
-
type: Input
|
|
7874
|
-
}], origen: [{
|
|
7875
|
-
type: Input
|
|
7876
|
-
}], fechaPrincipal: [{
|
|
7877
|
-
type: Input
|
|
7878
|
-
}], descripcion: [{
|
|
7879
|
-
type: Input
|
|
7880
|
-
}], onClickButtonCopy: [{
|
|
7881
|
-
type: Output
|
|
7882
|
-
}], onClickButtonRead: [{
|
|
7883
|
-
type: Output
|
|
7884
|
-
}], onClickButtonEdit: [{
|
|
7885
|
-
type: Output
|
|
7886
|
-
}], onClickButtonDelete: [{
|
|
7887
|
-
type: Output
|
|
7888
|
-
}], onClickButtonDocs: [{
|
|
7889
|
-
type: Output
|
|
7890
|
-
}] } });
|
|
7891
|
-
|
|
7892
|
-
registerLocaleData(localeEs);
|
|
7893
|
-
class CardImpulsoProcesalComponent {
|
|
7894
|
-
constructor(datePipe) {
|
|
7895
|
-
this.datePipe = datePipe;
|
|
7896
|
-
this.priority = true;
|
|
7897
|
-
this.hasDocuments = false;
|
|
7898
|
-
this.read = true;
|
|
7899
|
-
this.collapse = true;
|
|
7900
|
-
this.onClickButtonCopy = new EventEmitter();
|
|
7901
|
-
this.onClickButtonRead = new EventEmitter();
|
|
7902
|
-
this.onClickButtonEdit = new EventEmitter();
|
|
7903
|
-
this.onClickButtonDelete = new EventEmitter();
|
|
7904
|
-
this.onClickButtonDocs = new EventEmitter();
|
|
7905
|
-
}
|
|
7906
|
-
toggleCollapse() {
|
|
7907
|
-
const wasCollapsed = this.collapse;
|
|
7908
|
-
this.collapse = !this.collapse;
|
|
7909
|
-
if (wasCollapsed && !this.read) {
|
|
7910
|
-
this.onClickButtonRead.emit(new Event('autoExpand'));
|
|
7911
|
-
}
|
|
7912
|
-
}
|
|
7913
|
-
async clickButtonCopy(event) {
|
|
7914
|
-
event.stopImmediatePropagation();
|
|
7915
|
-
try {
|
|
7916
|
-
await navigator.clipboard.writeText(this.getCardSummary());
|
|
7917
|
-
this.onClickButtonCopy.emit(event);
|
|
7918
|
-
}
|
|
7919
|
-
catch {
|
|
7920
|
-
// clipboard write failed; no emit, no snackbar
|
|
7921
|
-
}
|
|
7922
|
-
}
|
|
7923
|
-
getCardSummary() {
|
|
7924
|
-
const lines = [];
|
|
7925
|
-
lines.push('Gestión - Impulso Procesal');
|
|
7926
|
-
if (this.titulo)
|
|
7927
|
-
lines.push(`Título: ${this.titulo}`);
|
|
7928
|
-
if (this.fechaPrincipal)
|
|
7929
|
-
lines.push(`Fecha: ${this.formatDate(this.fechaPrincipal)}`);
|
|
7930
|
-
if (this.text1)
|
|
7931
|
-
lines.push(this.text1);
|
|
7932
|
-
if (this.origen)
|
|
7933
|
-
lines.push(`Origen: ${this.origen}`);
|
|
7934
|
-
if (this.descripcion) {
|
|
7935
|
-
lines.push('');
|
|
7936
|
-
lines.push('Descripción:');
|
|
7937
|
-
lines.push(this.descripcion);
|
|
7938
|
-
}
|
|
7939
|
-
return lines.join('\n');
|
|
7940
|
-
}
|
|
7941
|
-
formatDate(d) {
|
|
7942
|
-
return this.datePipe.transform(d, 'd MMM y') ?? '';
|
|
7943
|
-
}
|
|
7944
|
-
clickButtonRead(event) {
|
|
7945
|
-
event.stopImmediatePropagation();
|
|
7946
|
-
this.onClickButtonRead.emit(event);
|
|
7947
|
-
}
|
|
7948
|
-
clickButtonEdit(event) {
|
|
7949
|
-
event.stopImmediatePropagation();
|
|
7950
|
-
this.onClickButtonEdit.emit(event);
|
|
7951
|
-
}
|
|
7952
|
-
clickButtonDelete(event) {
|
|
7953
|
-
event.stopImmediatePropagation();
|
|
7954
|
-
this.onClickButtonDelete.emit(event);
|
|
7955
|
-
}
|
|
7956
|
-
clickButtonDocs(event) {
|
|
7957
|
-
event.stopImmediatePropagation();
|
|
7958
|
-
this.onClickButtonDocs.emit(event);
|
|
7959
|
-
}
|
|
7960
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardImpulsoProcesalComponent, deps: [{ token: i1$1.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7961
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardImpulsoProcesalComponent, isStandalone: true, selector: "ius-card-impulso-procesal", inputs: { priority: "priority", hasDocuments: "hasDocuments", read: "read", collapse: "collapse", titulo: "titulo", text1: "text1", origen: "origen", fechaPrincipal: "fechaPrincipal", descripcion: "descripcion" }, outputs: { onClickButtonCopy: "onClickButtonCopy", onClickButtonRead: "onClickButtonRead", onClickButtonEdit: "onClickButtonEdit", onClickButtonDelete: "onClickButtonDelete", onClickButtonDocs: "onClickButtonDocs" }, providers: [
|
|
7962
|
-
{ provide: LOCALE_ID, useValue: 'es' },
|
|
7963
|
-
DatePipe
|
|
7964
|
-
], ngImport: i0, template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-article-person\" class=\"icon-article-person\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Gesti\u00F3n - Impulso Procesal</span>\r\n <span class=\"body-base-1\" [ngClass]=\"{'title-no-read': read === false}\">{{titulo}}</span>\r\n <div class=\"body-base-1 txt-sec row-text-1\">\r\n <span>{{text1}}</span>\r\n @if (origen) {\r\n <span>-</span>\r\n <span>{{origen}}</span>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasDocuments) {\r\n <div class=\"row-text-1\">\r\n <ius-icon-sm iconName=\"icon-attach-file\" class=\"txt-sec\"></ius-icon-sm>\r\n </div>\r\n }\r\n <div class=\"row-text-2\">\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\r\n <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM yyyy'}}</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-edit\"\r\n iusPopoverContent=\"Editar\"\r\n (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-delete\"\r\n iusPopoverContent=\"Eliminar\"\r\n (buttonClicked)=\"clickButtonDelete($event)\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\r\n </div>\r\n </div>\r\n <div class=\"buttons-clp\">\r\n @if (hasDocuments) {\r\n <ius-button-menu-link iconName=\"icon-attach-file\" iconColor=\"#184FDB\"\r\n iusPopoverContent=\"Ver documentos\"\r\n (buttonClicked)=\"clickButtonDocs($event)\"></ius-button-menu-link>\r\n }\r\n </div>\r\n </div>\r\n </div>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-article-person{color:#434343}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.title-no-read{font-weight:500}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{background-color:transparent;display:none;align-items:center;width:8px;height:8px;aspect-ratio:1/1;border-radius:100px}.icon-dot-f{display:flex;background-color:#2167ff}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;width:44px;box-sizing:border-box;gap:4px;justify-content:center}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: ButtonMenuLinkComponent, selector: "ius-button-menu-link", inputs: ["disabled", "iconColor", "iconName"], outputs: ["buttonClicked"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
|
|
7965
|
-
}
|
|
7966
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardImpulsoProcesalComponent, decorators: [{
|
|
7967
|
-
type: Component,
|
|
7968
|
-
args: [{ selector: 'ius-card-impulso-procesal', standalone: true, imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, ButtonMenuLinkComponent, DatePipe, PopoverDirective], providers: [
|
|
7969
|
-
{ provide: LOCALE_ID, useValue: 'es' },
|
|
7970
|
-
DatePipe
|
|
7971
|
-
], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-article-person\" class=\"icon-article-person\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Gesti\u00F3n - Impulso Procesal</span>\r\n <span class=\"body-base-1\" [ngClass]=\"{'title-no-read': read === false}\">{{titulo}}</span>\r\n <div class=\"body-base-1 txt-sec row-text-1\">\r\n <span>{{text1}}</span>\r\n @if (origen) {\r\n <span>-</span>\r\n <span>{{origen}}</span>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasDocuments) {\r\n <div class=\"row-text-1\">\r\n <ius-icon-sm iconName=\"icon-attach-file\" class=\"txt-sec\"></ius-icon-sm>\r\n </div>\r\n }\r\n <div class=\"row-text-2\">\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\r\n <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM yyyy'}}</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-edit\"\r\n iusPopoverContent=\"Editar\"\r\n (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-delete\"\r\n iusPopoverContent=\"Eliminar\"\r\n (buttonClicked)=\"clickButtonDelete($event)\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\r\n </div>\r\n </div>\r\n <div class=\"buttons-clp\">\r\n @if (hasDocuments) {\r\n <ius-button-menu-link iconName=\"icon-attach-file\" iconColor=\"#184FDB\"\r\n iusPopoverContent=\"Ver documentos\"\r\n (buttonClicked)=\"clickButtonDocs($event)\"></ius-button-menu-link>\r\n }\r\n </div>\r\n </div>\r\n </div>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-article-person{color:#434343}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.title-no-read{font-weight:500}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{background-color:transparent;display:none;align-items:center;width:8px;height:8px;aspect-ratio:1/1;border-radius:100px}.icon-dot-f{display:flex;background-color:#2167ff}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;width:44px;box-sizing:border-box;gap:4px;justify-content:center}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"] }]
|
|
7972
|
-
}], ctorParameters: () => [{ type: i1$1.DatePipe }], propDecorators: { priority: [{
|
|
7973
|
-
type: Input
|
|
7974
|
-
}], hasDocuments: [{
|
|
7975
|
-
type: Input
|
|
7976
|
-
}], read: [{
|
|
7977
|
-
type: Input
|
|
7978
|
-
}], collapse: [{
|
|
7979
|
-
type: Input
|
|
7980
|
-
}], titulo: [{
|
|
7981
|
-
type: Input
|
|
7982
|
-
}], text1: [{
|
|
7983
|
-
type: Input
|
|
7984
|
-
}], origen: [{
|
|
7985
|
-
type: Input
|
|
7986
|
-
}], fechaPrincipal: [{
|
|
7987
|
-
type: Input
|
|
7988
|
-
}], descripcion: [{
|
|
7989
|
-
type: Input
|
|
7990
|
-
}], onClickButtonCopy: [{
|
|
7991
|
-
type: Output
|
|
7992
|
-
}], onClickButtonRead: [{
|
|
7993
|
-
type: Output
|
|
7994
|
-
}], onClickButtonEdit: [{
|
|
7995
|
-
type: Output
|
|
7996
|
-
}], onClickButtonDelete: [{
|
|
7997
|
-
type: Output
|
|
7998
|
-
}], onClickButtonDocs: [{
|
|
7999
|
-
type: Output
|
|
8000
|
-
}] } });
|
|
8001
|
-
|
|
8002
7500
|
class CalificationComponent {
|
|
8003
7501
|
constructor() {
|
|
8004
7502
|
this.rating = 0;
|
|
@@ -8416,7 +7914,7 @@ class CreateTicketComponent {
|
|
|
8416
7914
|
});
|
|
8417
7915
|
}
|
|
8418
7916
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateTicketComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8419
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CreateTicketComponent, isStandalone: true, selector: "ius-create-ticket", inputs: { tipos: "tipos", razones: "razones", loading: "loading", lastResult: "lastResult" }, outputs: { submitTicket: "submitTicket", closeForm: "closeForm" }, ngImport: i0, template: "<ius-drawer-container-right [titleDrawer]=\"'Crear Ticket'\" (onDrawerClosed)=\"onClose()\"\
|
|
7917
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CreateTicketComponent, isStandalone: true, selector: "ius-create-ticket", inputs: { tipos: "tipos", razones: "razones", loading: "loading", lastResult: "lastResult" }, outputs: { submitTicket: "submitTicket", closeForm: "closeForm" }, ngImport: i0, template: "<ius-drawer-container-right [titleDrawer]=\"'Crear Ticket'\" (onDrawerClosed)=\"onClose()\"\n [percentProgressBar]=\"percentProgressBar\">\n <div class=\"form between-xs\">\n <div class=\"content\">\n <ius-section-collapse-drawer-parent textTitle=\"Informaci\u00F3n general\" [disabled]=\"false\"\n [isActive]=\"isExpandGeneralInformation\" (buttonClicked)=\"onExpandGeneralInformation()\">\n <div class=\"section\">\n <div class=\"select\">\n <ius-input-select componentId=\"ticketType\" [required]=\"true\" [showHelpText]=\"true\" labelSuperior=\"Tipo de ticket\"\n labelInput=\"Selecciona una opci\u00F3n\" [textInput]=\"typeSelected?.tipo\">\n @for (type of tipos; track type) {\n <ius-option (optionClick)=\"onSetValueType(type)\">\n {{ type.tipo }}\n </ius-option>\n }\n </ius-input-select>\n </div>\n <div class=\"select\">\n <ius-input-select componentId=\"ticketReason\" [required]=\"true\" [showHelpText]=\"true\" labelSuperior=\"Raz\u00F3n del ticket\"\n labelInput=\"Selecciona una opci\u00F3n\" [textInput]=\"reasonSelected?.razon\">\n @for (reason of razones; track reason) {\n <ius-option (optionClick)=\"onSetValueReason(reason)\">\n {{ reason.razon }}\n </ius-option>\n }\n </ius-input-select>\n </div>\n <div class=\"select\">\n <ius-input-textfield componentId=\"tituloTicket\" [initialText]=\"tituloTicket\" [required]=\"true\" [showHelpText]=\"true\"\n labelSuperior=\"Titulo o asunto para el ticket\" labelInput=\"Defina brevemente un asunto o titulo\"\n (onChangesValueEvent)=\"onSetValueTituloTicket($event)\">\n </ius-input-textfield>\n </div>\n <div class=\"select\">\n <ius-input-large componentId=\"descripcionTicket\" [initialText]=\"descripcionTicket\" [required]=\"true\" [showHelpText]=\"true\"\n labelSuperior=\"Descripcion del ticket\" labelInput=\"Describe tu idea o petici\u00F3n para el ticket\"\n (onChangesValueEvent)=\"onSetValueDescripcionTicket($event)\">\n </ius-input-large>\n </div>\n </div>\n </ius-section-collapse-drawer-parent>\n </div>\n\n <div class=\"footer\">\n <div class=\"toolbar\">\n <div class=\"toolbar-btn\">\n <ius-button-dynamic [labelDefault]=\"'Crear ticket'\" [labelSuccess]=\"'Agregando'\" [labelError]=\"'Error'\"\n [loading]=\"loading\" [result]=\"lastResult\" (buttonClicked)=\"createTicket()\">\n </ius-button-dynamic>\n </div>\n <div class=\"toolbar-btn\">\n <ius-button-standard-secondary (buttonClicked)=\"onClose()\">Cancelar</ius-button-standard-secondary>\n </div>\n </div>\n </div>\n </div>\n</ius-drawer-container-right>\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.form{display:flex;height:100%;flex-direction:column}.section{display:flex;padding:0 8px;flex-direction:column}.content{display:flex;flex-direction:column}.select{display:flex;padding:8px 16px;flex-direction:column;justify-content:center;gap:8px;align-self:stretch}.footer{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;flex:1 0 0;align-self:stretch}.toolbar{display:flex;padding:12px 16px;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;align-self:stretch}.toolbar-btn{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonDynamicComponent, selector: "ius-button-dynamic", inputs: ["labelDefault", "labelSuccess", "labelError", "disabled", "loading", "result", "prefixIcon", "sufixIcon", "autoReset", "autoResetDelay"], outputs: ["buttonClicked"] }, { kind: "component", type: ButtonStandardSecondaryComponent, selector: "ius-button-standard-secondary", inputs: ["disabled"], outputs: ["buttonClicked"] }, { kind: "component", type: DrawerContainerRightComponent, selector: "ius-drawer-container-right", inputs: ["titleDrawer", "percentProgressBar"], outputs: ["onPressedBackEvent", "onDrawerClosed"] }, { kind: "component", type: SectionCollapseDrawerParentComponent, selector: "ius-section-collapse-drawer-parent", inputs: ["isActive", "disabled", "textTitle", "iconName", "prefixIcon", "sufixIcon"], outputs: ["buttonClicked"] }, { kind: "component", type: InputSelectComponent, selector: "ius-input-select", inputs: ["componentId", "required", "disabled", "showHelpText", "error", "labelSuperior", "labelInferior", "errorText", "labelInput", "iconInput", "textInput", "maxlenght", "inputType", "debounceMs", "enableInfiniteScroll", "loading"], outputs: ["onChangesValueEvent", "onEnterKey", "onBlurEvent", "onScrolledToEnd", "onFocusEvent"] }, { kind: "component", type: InputTextfieldComponent, selector: "ius-input-textfield", inputs: ["textInput", "required", "disabled", "isEnableClearText", "showHelpText", "error", "labelSuperior", "labelInferior", "errorText", "labelInput", "iconInput", "inputType", "maxlenght", "initialText", "isIconRight"], outputs: ["onChangesValueEvent", "onEnterKey", "onBlurEvent"] }, { kind: "component", type: OptionComponent, selector: "ius-option", inputs: ["disabled", "checked", "leadingIcon", "prefixIcon", "sufixIcon", "multiline"], outputs: ["optionClick"] }, { kind: "component", type: InputLargeComponent, selector: "ius-input-large", inputs: ["textInput", "required", "disabled", "showHelpText", "rows", "error", "labelSuperior", "labelInferior", "errorText", "labelInput", "maxlenght", "initialText"], outputs: ["onChangesValueEvent", "onEnterKey", "onBlurEvent"] }] }); }
|
|
8420
7918
|
}
|
|
8421
7919
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateTicketComponent, decorators: [{
|
|
8422
7920
|
type: Component,
|
|
@@ -8430,7 +7928,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
8430
7928
|
InputTextfieldComponent,
|
|
8431
7929
|
OptionComponent,
|
|
8432
7930
|
InputLargeComponent,
|
|
8433
|
-
], template: "<ius-drawer-container-right [titleDrawer]=\"'Crear Ticket'\" (onDrawerClosed)=\"onClose()\"\
|
|
7931
|
+
], template: "<ius-drawer-container-right [titleDrawer]=\"'Crear Ticket'\" (onDrawerClosed)=\"onClose()\"\n [percentProgressBar]=\"percentProgressBar\">\n <div class=\"form between-xs\">\n <div class=\"content\">\n <ius-section-collapse-drawer-parent textTitle=\"Informaci\u00F3n general\" [disabled]=\"false\"\n [isActive]=\"isExpandGeneralInformation\" (buttonClicked)=\"onExpandGeneralInformation()\">\n <div class=\"section\">\n <div class=\"select\">\n <ius-input-select componentId=\"ticketType\" [required]=\"true\" [showHelpText]=\"true\" labelSuperior=\"Tipo de ticket\"\n labelInput=\"Selecciona una opci\u00F3n\" [textInput]=\"typeSelected?.tipo\">\n @for (type of tipos; track type) {\n <ius-option (optionClick)=\"onSetValueType(type)\">\n {{ type.tipo }}\n </ius-option>\n }\n </ius-input-select>\n </div>\n <div class=\"select\">\n <ius-input-select componentId=\"ticketReason\" [required]=\"true\" [showHelpText]=\"true\" labelSuperior=\"Raz\u00F3n del ticket\"\n labelInput=\"Selecciona una opci\u00F3n\" [textInput]=\"reasonSelected?.razon\">\n @for (reason of razones; track reason) {\n <ius-option (optionClick)=\"onSetValueReason(reason)\">\n {{ reason.razon }}\n </ius-option>\n }\n </ius-input-select>\n </div>\n <div class=\"select\">\n <ius-input-textfield componentId=\"tituloTicket\" [initialText]=\"tituloTicket\" [required]=\"true\" [showHelpText]=\"true\"\n labelSuperior=\"Titulo o asunto para el ticket\" labelInput=\"Defina brevemente un asunto o titulo\"\n (onChangesValueEvent)=\"onSetValueTituloTicket($event)\">\n </ius-input-textfield>\n </div>\n <div class=\"select\">\n <ius-input-large componentId=\"descripcionTicket\" [initialText]=\"descripcionTicket\" [required]=\"true\" [showHelpText]=\"true\"\n labelSuperior=\"Descripcion del ticket\" labelInput=\"Describe tu idea o petici\u00F3n para el ticket\"\n (onChangesValueEvent)=\"onSetValueDescripcionTicket($event)\">\n </ius-input-large>\n </div>\n </div>\n </ius-section-collapse-drawer-parent>\n </div>\n\n <div class=\"footer\">\n <div class=\"toolbar\">\n <div class=\"toolbar-btn\">\n <ius-button-dynamic [labelDefault]=\"'Crear ticket'\" [labelSuccess]=\"'Agregando'\" [labelError]=\"'Error'\"\n [loading]=\"loading\" [result]=\"lastResult\" (buttonClicked)=\"createTicket()\">\n </ius-button-dynamic>\n </div>\n <div class=\"toolbar-btn\">\n <ius-button-standard-secondary (buttonClicked)=\"onClose()\">Cancelar</ius-button-standard-secondary>\n </div>\n </div>\n </div>\n </div>\n</ius-drawer-container-right>\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}.form{display:flex;height:100%;flex-direction:column}.section{display:flex;padding:0 8px;flex-direction:column}.content{display:flex;flex-direction:column}.select{display:flex;padding:8px 16px;flex-direction:column;justify-content:center;gap:8px;align-self:stretch}.footer{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;flex:1 0 0;align-self:stretch}.toolbar{display:flex;padding:12px 16px;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;align-self:stretch}.toolbar-btn{width:100%}\n"] }]
|
|
8434
7932
|
}], propDecorators: { tipos: [{
|
|
8435
7933
|
type: Input
|
|
8436
7934
|
}], razones: [{
|
|
@@ -8501,11 +7999,11 @@ class AddUserContainerComponent {
|
|
|
8501
7999
|
this.onRemoveEvent.emit();
|
|
8502
8000
|
}
|
|
8503
8001
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AddUserContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8504
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AddUserContainerComponent, isStandalone: true, selector: "ius-add-user-container", inputs: { imageUrl: "imageUrl", name: "name", documentType: "documentType", document: "document", email: "email", selected: "selected", maskEmail: "maskEmail", emailVisibleChars: "emailVisibleChars", maskDocument: "maskDocument", documentVisibleChars: "documentVisibleChars" }, outputs: { onSelectEvent: "onSelectEvent", onRemoveEvent: "onRemoveEvent" }, ngImport: i0, template: "<div\n class=\"add-user-container\"\n (click)=\"select()\"\n>\n <ius-avatar-v2\n class=\"avatar\"\n [imageUrl]=\"imageUrl\"\n [name]=\"name\"\n size=\"lg\"\n shape=\"circle\"\n ></ius-avatar-v2>\n\n <div class=\"info\">\n <p class=\"name\">{{ name }}</p>\n @if (documentType && document) {\n <p class=\"detail\">{{ documentType }} {{ displayDocument }}</p>\n }\n @if (email) {\n <p class=\"detail\">{{ displayEmail }}</p>\n }\n </div>\n\n @if (selected) {\n <button\n type=\"button\"\n class=\"remove\"\n aria-label=\"Eliminar\"\n (click)=\"remove($event)\"\n >\n <ius-icon-md iconName=\"icon-cancel\" color=\"black\"></ius-icon-md>\n </button>\n }\n</div>\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}:host{position:relative;width:100%}.add-user-container{display:flex;width:100%;box-sizing:border-box;min-width:0;align-items:center;gap:8px;padding:8px;border-radius:8px;border:.5px solid #bfbfbf;background:#fff;cursor:pointer}.add-user-container:hover{background:#edf6ff;border-color:transparent}.avatar{flex-shrink:0}.info{display:flex;flex-direction:column;gap:0;flex:1 1 0;min-width:0;overflow:hidden}.info p{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.name{color:#333;font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.detail{color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.24px}.remove{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:32px;height:32px;padding:0;border:none;cursor:pointer;background:transparent}.remove:hover{opacity:.9}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AvatarV2Component, selector: "ius-avatar-v2", inputs: ["imageUrl", "name", "size", "shape", "showEditButton", "backgroundColor", "fallbackIconName"], outputs: ["editClicked"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
8002
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AddUserContainerComponent, isStandalone: true, selector: "ius-add-user-container", inputs: { imageUrl: "imageUrl", name: "name", documentType: "documentType", document: "document", email: "email", selected: "selected", maskEmail: "maskEmail", emailVisibleChars: "emailVisibleChars", maskDocument: "maskDocument", documentVisibleChars: "documentVisibleChars" }, outputs: { onSelectEvent: "onSelectEvent", onRemoveEvent: "onRemoveEvent" }, ngImport: i0, template: "<div\r\n class=\"add-user-container\"\r\n (click)=\"select()\"\r\n>\r\n <ius-avatar-v2\r\n class=\"avatar\"\r\n [imageUrl]=\"imageUrl\"\r\n [name]=\"name\"\r\n size=\"lg\"\r\n shape=\"circle\"\r\n ></ius-avatar-v2>\r\n\r\n <div class=\"info\">\r\n <p class=\"name\">{{ name }}</p>\r\n @if (documentType && document) {\r\n <p class=\"detail\">{{ documentType }} {{ displayDocument }}</p>\r\n }\r\n @if (email) {\r\n <p class=\"detail\">{{ displayEmail }}</p>\r\n }\r\n </div>\r\n\r\n @if (selected) {\r\n <button\r\n type=\"button\"\r\n class=\"remove\"\r\n aria-label=\"Eliminar\"\r\n (click)=\"remove($event)\"\r\n >\r\n <ius-icon-md iconName=\"icon-cancel\" color=\"black\"></ius-icon-md>\r\n </button>\r\n }\r\n</div>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}:host{position:relative;width:100%}.add-user-container{display:flex;width:100%;box-sizing:border-box;min-width:0;align-items:center;gap:8px;padding:8px;border-radius:8px;border:.5px solid #bfbfbf;background:#fff;cursor:pointer}.add-user-container:hover{background:#edf6ff;border-color:transparent}.avatar{flex-shrink:0}.info{display:flex;flex-direction:column;gap:0;flex:1 1 0;min-width:0;overflow:hidden}.info p{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.name{color:#333;font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.detail{color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.24px}.remove{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:32px;height:32px;padding:0;border:none;cursor:pointer;background:transparent}.remove:hover{opacity:.9}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AvatarV2Component, selector: "ius-avatar-v2", inputs: ["imageUrl", "name", "size", "shape", "showEditButton", "backgroundColor", "fallbackIconName"], outputs: ["editClicked"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
8505
8003
|
}
|
|
8506
8004
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AddUserContainerComponent, decorators: [{
|
|
8507
8005
|
type: Component,
|
|
8508
|
-
args: [{ selector: 'ius-add-user-container', standalone: true, imports: [CommonModule, AvatarV2Component, IconMdComponent], template: "<div\n class=\"add-user-container\"\n (click)=\"select()\"\n>\n <ius-avatar-v2\n class=\"avatar\"\n [imageUrl]=\"imageUrl\"\n [name]=\"name\"\n size=\"lg\"\n shape=\"circle\"\n ></ius-avatar-v2>\n\n <div class=\"info\">\n <p class=\"name\">{{ name }}</p>\n @if (documentType && document) {\n <p class=\"detail\">{{ documentType }} {{ displayDocument }}</p>\n }\n @if (email) {\n <p class=\"detail\">{{ displayEmail }}</p>\n }\n </div>\n\n @if (selected) {\n <button\n type=\"button\"\n class=\"remove\"\n aria-label=\"Eliminar\"\n (click)=\"remove($event)\"\n >\n <ius-icon-md iconName=\"icon-cancel\" color=\"black\"></ius-icon-md>\n </button>\n }\n</div>\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}:host{position:relative;width:100%}.add-user-container{display:flex;width:100%;box-sizing:border-box;min-width:0;align-items:center;gap:8px;padding:8px;border-radius:8px;border:.5px solid #bfbfbf;background:#fff;cursor:pointer}.add-user-container:hover{background:#edf6ff;border-color:transparent}.avatar{flex-shrink:0}.info{display:flex;flex-direction:column;gap:0;flex:1 1 0;min-width:0;overflow:hidden}.info p{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.name{color:#333;font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.detail{color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.24px}.remove{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:32px;height:32px;padding:0;border:none;cursor:pointer;background:transparent}.remove:hover{opacity:.9}\n"] }]
|
|
8006
|
+
args: [{ selector: 'ius-add-user-container', standalone: true, imports: [CommonModule, AvatarV2Component, IconMdComponent], template: "<div\r\n class=\"add-user-container\"\r\n (click)=\"select()\"\r\n>\r\n <ius-avatar-v2\r\n class=\"avatar\"\r\n [imageUrl]=\"imageUrl\"\r\n [name]=\"name\"\r\n size=\"lg\"\r\n shape=\"circle\"\r\n ></ius-avatar-v2>\r\n\r\n <div class=\"info\">\r\n <p class=\"name\">{{ name }}</p>\r\n @if (documentType && document) {\r\n <p class=\"detail\">{{ documentType }} {{ displayDocument }}</p>\r\n }\r\n @if (email) {\r\n <p class=\"detail\">{{ displayEmail }}</p>\r\n }\r\n </div>\r\n\r\n @if (selected) {\r\n <button\r\n type=\"button\"\r\n class=\"remove\"\r\n aria-label=\"Eliminar\"\r\n (click)=\"remove($event)\"\r\n >\r\n <ius-icon-md iconName=\"icon-cancel\" color=\"black\"></ius-icon-md>\r\n </button>\r\n }\r\n</div>\r\n", 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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;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}:host{position:relative;width:100%}.add-user-container{display:flex;width:100%;box-sizing:border-box;min-width:0;align-items:center;gap:8px;padding:8px;border-radius:8px;border:.5px solid #bfbfbf;background:#fff;cursor:pointer}.add-user-container:hover{background:#edf6ff;border-color:transparent}.avatar{flex-shrink:0}.info{display:flex;flex-direction:column;gap:0;flex:1 1 0;min-width:0;overflow:hidden}.info p{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.name{color:#333;font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.detail{color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.24px}.remove{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:32px;height:32px;padding:0;border:none;cursor:pointer;background:transparent}.remove:hover{opacity:.9}\n"] }]
|
|
8509
8007
|
}], propDecorators: { imageUrl: [{
|
|
8510
8008
|
type: Input
|
|
8511
8009
|
}], name: [{
|
|
@@ -8586,5 +8084,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
8586
8084
|
* Generated bundle index. Do not edit.
|
|
8587
8085
|
*/
|
|
8588
8086
|
|
|
8589
|
-
export { AddUserContainerComponent, AlertComponent, AvatarBusinessComponent, AvatarIconComponent, AvatarV2Component, BadgeComponent, BreadcrumbComponent, ButtonAccountsComponent, ButtonAuthComponent, ButtonCircleSecondaryComponent, ButtonCircleTertiaryComponent, ButtonDynamicComponent, ButtonFilterComponent, ButtonMenuLinkComponent, ButtonOrderComponent, ButtonSquaredSecondaryComponent, ButtonSquaredTertiaryComponent, ButtonStandardOutlineComponent, ButtonStandardPrimaryComponent, ButtonStandardSecondaryComponent, ButtonStandardTertiaryComponent, ButtonStandardTertiarySmallComponent, CalificationComponent,
|
|
8087
|
+
export { AddUserContainerComponent, AlertComponent, AvatarBusinessComponent, AvatarIconComponent, AvatarV2Component, BadgeComponent, BreadcrumbComponent, ButtonAccountsComponent, ButtonAuthComponent, ButtonCircleSecondaryComponent, ButtonCircleTertiaryComponent, ButtonDynamicComponent, ButtonFilterComponent, ButtonMenuLinkComponent, ButtonOrderComponent, ButtonSquaredSecondaryComponent, ButtonSquaredTertiaryComponent, ButtonStandardOutlineComponent, ButtonStandardPrimaryComponent, ButtonStandardSecondaryComponent, ButtonStandardTertiaryComponent, ButtonStandardTertiarySmallComponent, CalificationComponent, CardAgendaJudicialComponent, CardBlockComponent, CardButtonCheckboxComponent, CardCollapseDetalleProcesoComponent, CardDynamicContentComponent, CardGestionCupoComponent, CardInfoFacturacionComponent, CardListConsumoComponent, CardListDragOnComponent, CardListMovimientosComponent, CardListProcesoComponent, CardLogComponent, CardPlanSmallComponent, CardPlanSubscriptionComponent, CardTicketComponent, CardTipoProcesoComponent, CardUsoPlanComponent, CategoriesComponent, ChartsDonutComponent, CheckboxComponent, CheckboxRadioComponent, ChipComponent, ChipUserComponent, CreateTicketComponent, CustomDropdownComponent, DateHourPickerComponent, DatePickerComponent, DoubleDatePickerComponent, DrawerContainerRightComponent, DropdownComponent, DropdownContextualMenuComponent, DropdownOptionItemComponent, DropdownUserMenuComponent, EmptyListComponent, FilterItemComponent, IconLgComponent, IconMdComponent, IconSmComponent, IconXlComponent, IconXsComponent, IconXxlComponent, InfiniteScrollDirective, InputCardComponent, InputLargeComponent, InputOtpComponent, InputPasswordComponent, InputSelectComponent, InputSelectFilterComponent, InputSelectNumberComponent, InputTextfieldComponent, ItemDocumentComponent, IusChartsBarGroupedComponent, LinearProgressBarComponent, LoadingCircleComponent, LoadingComponentDynamicComponent, MenuItemComponent, NavRailComponent, NotificationCardComponent, NotificationsComponent, OptionComponent, OptionItemComponent, PageNotFoundComponent, PopoverDirective, SearchBarComponent, SectionCollapseDrawerChildComponent, SectionCollapseDrawerParentComponent, SegmentComponent, SimpleCardContadorComponent, SimpleChipComponent, SimpleDividerComponent, SimpleUserCardComponent, SlideToggleComponent, SnackbarComponent, SupportPanelComponent, ToolbarComponent, ToolbarUserMenuComponent, UserCardComponent };
|
|
8590
8088
|
//# sourceMappingURL=litigiovirtual-ius-design-components.mjs.map
|