npm - @litigiovirtual/ius-design-components - Versions diffs - 1.0.230 → 1.0.231 - Mend

@litigiovirtual/ius-design-components 1.0.230 → 1.0.231

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.

Files changed (10) hide show

package/esm2022/lib/create-ticket/index.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
 export * from './create-ticket.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9jcmVhdGUtdGlja2V0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMkJBQTJCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NyZWF0ZS10aWNrZXQuY29tcG9uZW50JztcclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9jcmVhdGUtdGlja2V0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMkJBQTJCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NyZWF0ZS10aWNrZXQuY29tcG9uZW50JztcbiJdfQ==

package/esm2022/lib/loading-component-dynamic/loading-component-dynamic.component.mjs CHANGED Viewed

@@ -30,11 +30,11 @@ export class LoadingComponentDynamicComponent {
         return 'idle';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadingComponentDynamicComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LoadingComponentDynamicComponent, isStandalone: true, selector: "ius-loading-component-dynamic", inputs: { loading: "loading", empty: "empty", error: "error", src: "src", srcEmpty: "srcEmpty", srcError: "srcError", titleLoading: "titleLoading", subtitleLoading: "subtitleLoading", titleEmpty: "titleEmpty", subtitleEmpty: "subtitleEmpty", titleError: "titleError", subtitleError: "subtitleError" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ius-state-container\" [attr.data-state]=\"state\" aria-live=\"polite\">\r\n    <div class=\"ius-state-inner\">\r\n\r\n        @switch (state) {\r\n\r\n        @case ('loading') {\r\n        <lottie-player [attr.src]=\"src\" speed=\"1\" style=\"width: 64px; height: 64px;\" loop autoplay>\r\n        </lottie-player>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleLoading }}</span>\r\n            <span class=\"h5\">{{ subtitleLoading }}</span>\r\n        </div>\r\n        }\r\n\r\n        @case ('empty') {\r\n        <div class=\"ius-state-img-wrapper\">\r\n            <img [src]=\"srcEmpty\" alt=\"Sin resultados\" />\r\n        </div>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleEmpty }}</span>\r\n            <span class=\"h5\">{{ subtitleEmpty }}</span>\r\n        </div>\r\n        }\r\n\r\n        @case ('error') {\r\n        <div class=\"ius-state-img-wrapper\">\r\n            <img [src]=\"srcError\" alt=\"Error\" />\r\n        </div>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleError }}</span>\r\n            <span class=\"h5\">{{ subtitleError }}</span>\r\n        </div>\r\n        }\r\n\r\n        @default {\r\n\r\n        }\r\n\r\n        }\r\n\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}.ius-state-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;height:100%;border-radius:8px;border:1px solid #eaeaea;background:#fff;padding:8px}.ius-state-container[data-state=idle]{display:none}.ius-state-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.ius-state-text{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.ius-state-img-wrapper{display:flex;width:87px;height:87px;justify-content:center;align-items:center}lottie-player{display:block;min-width:64px;min-height:64px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LoadingComponentDynamicComponent, isStandalone: true, selector: "ius-loading-component-dynamic", inputs: { loading: "loading", empty: "empty", error: "error", src: "src", srcEmpty: "srcEmpty", srcError: "srcError", titleLoading: "titleLoading", subtitleLoading: "subtitleLoading", titleEmpty: "titleEmpty", subtitleEmpty: "subtitleEmpty", titleError: "titleError", subtitleError: "subtitleError" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ius-state-container\" [attr.data-state]=\"state\" aria-live=\"polite\">\r\n    <div class=\"ius-state-inner\">\r\n\r\n        @switch (state) {\r\n\r\n        @case ('loading') {\r\n        <lottie-player [attr.src]=\"src\" speed=\"1\" style=\"width: 64px; height: 64px;\" loop autoplay>\r\n        </lottie-player>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleLoading }}</span>\r\n            <span class=\"h5\">{{ subtitleLoading }}</span>\r\n        </div>\r\n        }\r\n\r\n        @case ('empty') {\r\n        <div class=\"ius-state-img-wrapper\">\r\n            <img [src]=\"srcEmpty\" alt=\"Sin resultados\" />\r\n        </div>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleEmpty }}</span>\r\n            <span class=\"h5\">{{ subtitleEmpty }}</span>\r\n        </div>\r\n        }\r\n\r\n        @case ('error') {\r\n        <div class=\"ius-state-img-wrapper\">\r\n            <img [src]=\"srcError\" alt=\"Error\" />\r\n        </div>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleError }}</span>\r\n            <span class=\"h5\">{{ subtitleError }}</span>\r\n        </div>\r\n        }\r\n\r\n        @default {\r\n\r\n        }\r\n\r\n        }\r\n\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}.ius-state-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;height:100%;box-sizing:border-box;border-radius:8px;border:1px solid #eaeaea;background:#fff;padding:8px}.ius-state-container[data-state=idle]{display:none}.ius-state-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.ius-state-text{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.ius-state-img-wrapper{display:flex;width:87px;height:87px;justify-content:center;align-items:center}lottie-player{display:block;min-width:64px;min-height:64px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadingComponentDynamicComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ius-loading-component-dynamic', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"ius-state-container\" [attr.data-state]=\"state\" aria-live=\"polite\">\r\n    <div class=\"ius-state-inner\">\r\n\r\n        @switch (state) {\r\n\r\n        @case ('loading') {\r\n        <lottie-player [attr.src]=\"src\" speed=\"1\" style=\"width: 64px; height: 64px;\" loop autoplay>\r\n        </lottie-player>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleLoading }}</span>\r\n            <span class=\"h5\">{{ subtitleLoading }}</span>\r\n        </div>\r\n        }\r\n\r\n        @case ('empty') {\r\n        <div class=\"ius-state-img-wrapper\">\r\n            <img [src]=\"srcEmpty\" alt=\"Sin resultados\" />\r\n        </div>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleEmpty }}</span>\r\n            <span class=\"h5\">{{ subtitleEmpty }}</span>\r\n        </div>\r\n        }\r\n\r\n        @case ('error') {\r\n        <div class=\"ius-state-img-wrapper\">\r\n            <img [src]=\"srcError\" alt=\"Error\" />\r\n        </div>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleError }}</span>\r\n            <span class=\"h5\">{{ subtitleError }}</span>\r\n        </div>\r\n        }\r\n\r\n        @default {\r\n\r\n        }\r\n\r\n        }\r\n\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}.ius-state-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;height:100%;border-radius:8px;border:1px solid #eaeaea;background:#fff;padding:8px}.ius-state-container[data-state=idle]{display:none}.ius-state-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.ius-state-text{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.ius-state-img-wrapper{display:flex;width:87px;height:87px;justify-content:center;align-items:center}lottie-player{display:block;min-width:64px;min-height:64px}\n"] }]
+            args: [{ selector: 'ius-loading-component-dynamic', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"ius-state-container\" [attr.data-state]=\"state\" aria-live=\"polite\">\r\n    <div class=\"ius-state-inner\">\r\n\r\n        @switch (state) {\r\n\r\n        @case ('loading') {\r\n        <lottie-player [attr.src]=\"src\" speed=\"1\" style=\"width: 64px; height: 64px;\" loop autoplay>\r\n        </lottie-player>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleLoading }}</span>\r\n            <span class=\"h5\">{{ subtitleLoading }}</span>\r\n        </div>\r\n        }\r\n\r\n        @case ('empty') {\r\n        <div class=\"ius-state-img-wrapper\">\r\n            <img [src]=\"srcEmpty\" alt=\"Sin resultados\" />\r\n        </div>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleEmpty }}</span>\r\n            <span class=\"h5\">{{ subtitleEmpty }}</span>\r\n        </div>\r\n        }\r\n\r\n        @case ('error') {\r\n        <div class=\"ius-state-img-wrapper\">\r\n            <img [src]=\"srcError\" alt=\"Error\" />\r\n        </div>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleError }}</span>\r\n            <span class=\"h5\">{{ subtitleError }}</span>\r\n        </div>\r\n        }\r\n\r\n        @default {\r\n\r\n        }\r\n\r\n        }\r\n\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}.ius-state-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;height:100%;box-sizing:border-box;border-radius:8px;border:1px solid #eaeaea;background:#fff;padding:8px}.ius-state-container[data-state=idle]{display:none}.ius-state-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.ius-state-text{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.ius-state-img-wrapper{display:flex;width:87px;height:87px;justify-content:center;align-items:center}lottie-player{display:block;min-width:64px;min-height:64px}\n"] }]
         }], propDecorators: { loading: [{
                 type: Input
             }], empty: [{
@@ -60,4 +60,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }], subtitleError: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1jb21wb25lbnQtZHluYW1pYy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9sb2FkaW5nLWNvbXBvbmVudC1keW5hbWljL2xvYWRpbmctY29tcG9uZW50LWR5bmFtaWMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvbG9hZGluZy1jb21wb25lbnQtZHluYW1pYy9sb2FkaW5nLWNvbXBvbmVudC1keW5hbWljLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsc0JBQXNCLEVBQUUsS0FBSyxFQUE0QixNQUFNLGVBQWUsQ0FBQztBQUNuRyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBWS9DLE1BQU0sT0FBTyxnQ0FBZ0M7SUFSN0M7UUFVVyxZQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ2hCLFVBQUssR0FBRyxLQUFLLENBQUM7UUFDZCxVQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ2QsUUFBRyxHQUFXLEVBQUUsQ0FBQztRQUNqQixhQUFRLEdBQVcsRUFBRSxDQUFDO1FBQ3RCLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFFdEIsaUJBQVksR0FBRyxpQ0FBaUMsQ0FBQztRQUNqRCxvQkFBZSxHQUFHLCtCQUErQixDQUFDO1FBRWxELGVBQVUsR0FBRyxxQkFBcUIsQ0FBQztRQUNuQyxrQkFBYSxHQUFHLHlDQUF5QyxDQUFDO1FBRTFELGVBQVUsR0FBRyx5Q0FBeUMsQ0FBQztRQUN2RCxrQkFBYSxHQUFHLHVCQUF1QixDQUFDO1FBRWpELFVBQUssR0FBaUIsTUFBTSxDQUFDO0tBWTlCO0lBVkMsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ25DLENBQUM7SUFFTyxZQUFZO1FBQ2xCLElBQUksSUFBSSxDQUFDLE9BQU87WUFBRSxPQUFPLFNBQVMsQ0FBQztRQUNuQyxJQUFJLElBQUksQ0FBQyxLQUFLO1lBQUksT0FBTyxPQUFPLENBQUM7UUFDakMsSUFBSSxJQUFJLENBQUMsS0FBSztZQUFJLE9BQU8sT0FBTyxDQUFDO1FBQ2pDLE9BQU8sTUFBTSxDQUFDO0lBQ2hCLENBQUM7K0dBN0JVLGdDQUFnQzttR0FBaEMsZ0NBQWdDLDRaQ2I3Qyx1eUNBeUNNLDRuRURqQ00sWUFBWTs7NEZBS1gsZ0NBQWdDO2tCQVI1QyxTQUFTOytCQUNFLCtCQUErQixjQUM3QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsV0FHZCxDQUFDLHNCQUFzQixDQUFDOzhCQUl4QixPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFFRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBRUcsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLCBJbnB1dCwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcblxyXG5leHBvcnQgdHlwZSBMb2FkaW5nU3RhdGUgPSAnbG9hZGluZycgfCAnZW1wdHknIHwgJ2Vycm9yJyB8ICdpZGxlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXVzLWxvYWRpbmctY29tcG9uZW50LWR5bmFtaWMnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xvYWRpbmctY29tcG9uZW50LWR5bmFtaWMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9sb2FkaW5nLWNvbXBvbmVudC1keW5hbWljLmNvbXBvbmVudC5zY3NzJyxcclxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMb2FkaW5nQ29tcG9uZW50RHluYW1pY0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XHJcblxyXG4gIEBJbnB1dCgpIGxvYWRpbmcgPSBmYWxzZTtcclxuICBASW5wdXQoKSBlbXB0eSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGVycm9yID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc3JjOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBzcmNFbXB0eTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgc3JjRXJyb3I6IHN0cmluZyA9ICcnO1xyXG5cclxuICBASW5wdXQoKSB0aXRsZUxvYWRpbmcgPSAnRXN0YW1vcyBjYXJnYW5kbyBsYSBpbmZvcm1hY2nDs24nO1xyXG4gIEBJbnB1dCgpIHN1YnRpdGxlTG9hZGluZyA9ICdEYW5vcyB1biBtb21lbnRvIHBvciBmYXZvci4uLic7XHJcblxyXG4gIEBJbnB1dCgpIHRpdGxlRW1wdHkgPSAnTm8gaGF5IG5hZGEgYXF1w60uLi4nO1xyXG4gIEBJbnB1dCgpIHN1YnRpdGxlRW1wdHkgPSAnTm8gZW5jb250cmFtb3MgcmVzdWx0YWRvcyBwYXJhIG1vc3RyYXIuJztcclxuXHJcbiAgQElucHV0KCkgdGl0bGVFcnJvciA9ICdPY3VycmnDsyB1biBlcnJvciBhbCBjYXJnYXIgbG9zIGRhdG9zLi4uJztcclxuICBASW5wdXQoKSBzdWJ0aXRsZUVycm9yID0gJ0ludMOpbnRhbG8gbnVldmFtZW50ZS4nO1xyXG5cclxuICBzdGF0ZTogTG9hZGluZ1N0YXRlID0gJ2lkbGUnO1xyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICB0aGlzLnN0YXRlID0gdGhpcy5yZXNvbHZlU3RhdGUoKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgcmVzb2x2ZVN0YXRlKCk6IExvYWRpbmdTdGF0ZSB7XHJcbiAgICBpZiAodGhpcy5sb2FkaW5nKSByZXR1cm4gJ2xvYWRpbmcnO1xyXG4gICAgaWYgKHRoaXMuZXJyb3IpICAgcmV0dXJuICdlcnJvcic7XHJcbiAgICBpZiAodGhpcy5lbXB0eSkgICByZXR1cm4gJ2VtcHR5JztcclxuICAgIHJldHVybiAnaWRsZSc7XHJcbiAgfVxyXG59IiwiPGRpdiBjbGFzcz1cIml1cy1zdGF0ZS1jb250YWluZXJcIiBbYXR0ci5kYXRhLXN0YXRlXT1cInN0YXRlXCIgYXJpYS1saXZlPVwicG9saXRlXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiaXVzLXN0YXRlLWlubmVyXCI+XHJcblxyXG4gICAgICAgIEBzd2l0Y2ggKHN0YXRlKSB7XHJcblxyXG4gICAgICAgIEBjYXNlICgnbG9hZGluZycpIHtcclxuICAgICAgICA8bG90dGllLXBsYXllciBbYXR0ci5zcmNdPVwic3JjXCIgc3BlZWQ9XCIxXCIgc3R5bGU9XCJ3aWR0aDogNjRweDsgaGVpZ2h0OiA2NHB4O1wiIGxvb3AgYXV0b3BsYXk+XHJcbiAgICAgICAgPC9sb3R0aWUtcGxheWVyPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJpdXMtc3RhdGUtdGV4dFwiPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImg0XCI+e3sgdGl0bGVMb2FkaW5nIH19PC9zcGFuPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImg1XCI+e3sgc3VidGl0bGVMb2FkaW5nIH19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgQGNhc2UgKCdlbXB0eScpIHtcclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaXVzLXN0YXRlLWltZy13cmFwcGVyXCI+XHJcbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJzcmNFbXB0eVwiIGFsdD1cIlNpbiByZXN1bHRhZG9zXCIgLz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaXVzLXN0YXRlLXRleHRcIj5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJoNFwiPnt7IHRpdGxlRW1wdHkgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiaDVcIj57eyBzdWJ0aXRsZUVtcHR5IH19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgQGNhc2UgKCdlcnJvcicpIHtcclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaXVzLXN0YXRlLWltZy13cmFwcGVyXCI+XHJcbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJzcmNFcnJvclwiIGFsdD1cIkVycm9yXCIgLz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaXVzLXN0YXRlLXRleHRcIj5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJoNFwiPnt7IHRpdGxlRXJyb3IgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiaDVcIj57eyBzdWJ0aXRsZUVycm9yIH19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgQGRlZmF1bHQge1xyXG5cclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIH1cclxuXHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1jb21wb25lbnQtZHluYW1pYy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9sb2FkaW5nLWNvbXBvbmVudC1keW5hbWljL2xvYWRpbmctY29tcG9uZW50LWR5bmFtaWMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvbG9hZGluZy1jb21wb25lbnQtZHluYW1pYy9sb2FkaW5nLWNvbXBvbmVudC1keW5hbWljLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsc0JBQXNCLEVBQUUsS0FBSyxFQUE0QixNQUFNLGVBQWUsQ0FBQztBQUNuRyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBWS9DLE1BQU0sT0FBTyxnQ0FBZ0M7SUFSN0M7UUFVVyxZQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ2hCLFVBQUssR0FBRyxLQUFLLENBQUM7UUFDZCxVQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ2QsUUFBRyxHQUFXLEVBQUUsQ0FBQztRQUNqQixhQUFRLEdBQVcsRUFBRSxDQUFDO1FBQ3RCLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFFdEIsaUJBQVksR0FBRyxpQ0FBaUMsQ0FBQztRQUNqRCxvQkFBZSxHQUFHLCtCQUErQixDQUFDO1FBRWxELGVBQVUsR0FBRyxxQkFBcUIsQ0FBQztRQUNuQyxrQkFBYSxHQUFHLHlDQUF5QyxDQUFDO1FBRTFELGVBQVUsR0FBRyx5Q0FBeUMsQ0FBQztRQUN2RCxrQkFBYSxHQUFHLHVCQUF1QixDQUFDO1FBRWpELFVBQUssR0FBaUIsTUFBTSxDQUFDO0tBWTlCO0lBVkMsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ25DLENBQUM7SUFFTyxZQUFZO1FBQ2xCLElBQUksSUFBSSxDQUFDLE9BQU87WUFBRSxPQUFPLFNBQVMsQ0FBQztRQUNuQyxJQUFJLElBQUksQ0FBQyxLQUFLO1lBQUksT0FBTyxPQUFPLENBQUM7UUFDakMsSUFBSSxJQUFJLENBQUMsS0FBSztZQUFJLE9BQU8sT0FBTyxDQUFDO1FBQ2pDLE9BQU8sTUFBTSxDQUFDO0lBQ2hCLENBQUM7K0dBN0JVLGdDQUFnQzttR0FBaEMsZ0NBQWdDLDRaQ2I3Qyx1eUNBeUNNLGtwRURqQ00sWUFBWTs7NEZBS1gsZ0NBQWdDO2tCQVI1QyxTQUFTOytCQUNFLCtCQUErQixjQUM3QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsV0FHZCxDQUFDLHNCQUFzQixDQUFDOzhCQUl4QixPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFFRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBRUcsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLCBJbnB1dCwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcblxyXG5leHBvcnQgdHlwZSBMb2FkaW5nU3RhdGUgPSAnbG9hZGluZycgfCAnZW1wdHknIHwgJ2Vycm9yJyB8ICdpZGxlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXVzLWxvYWRpbmctY29tcG9uZW50LWR5bmFtaWMnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xvYWRpbmctY29tcG9uZW50LWR5bmFtaWMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9sb2FkaW5nLWNvbXBvbmVudC1keW5hbWljLmNvbXBvbmVudC5zY3NzJyxcclxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMb2FkaW5nQ29tcG9uZW50RHluYW1pY0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XHJcblxyXG4gIEBJbnB1dCgpIGxvYWRpbmcgPSBmYWxzZTtcclxuICBASW5wdXQoKSBlbXB0eSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGVycm9yID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc3JjOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBzcmNFbXB0eTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgc3JjRXJyb3I6IHN0cmluZyA9ICcnO1xyXG5cclxuICBASW5wdXQoKSB0aXRsZUxvYWRpbmcgPSAnRXN0YW1vcyBjYXJnYW5kbyBsYSBpbmZvcm1hY2nDs24nO1xyXG4gIEBJbnB1dCgpIHN1YnRpdGxlTG9hZGluZyA9ICdEYW5vcyB1biBtb21lbnRvIHBvciBmYXZvci4uLic7XHJcblxyXG4gIEBJbnB1dCgpIHRpdGxlRW1wdHkgPSAnTm8gaGF5IG5hZGEgYXF1w60uLi4nO1xyXG4gIEBJbnB1dCgpIHN1YnRpdGxlRW1wdHkgPSAnTm8gZW5jb250cmFtb3MgcmVzdWx0YWRvcyBwYXJhIG1vc3RyYXIuJztcclxuXHJcbiAgQElucHV0KCkgdGl0bGVFcnJvciA9ICdPY3VycmnDsyB1biBlcnJvciBhbCBjYXJnYXIgbG9zIGRhdG9zLi4uJztcclxuICBASW5wdXQoKSBzdWJ0aXRsZUVycm9yID0gJ0ludMOpbnRhbG8gbnVldmFtZW50ZS4nO1xyXG5cclxuICBzdGF0ZTogTG9hZGluZ1N0YXRlID0gJ2lkbGUnO1xyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICB0aGlzLnN0YXRlID0gdGhpcy5yZXNvbHZlU3RhdGUoKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgcmVzb2x2ZVN0YXRlKCk6IExvYWRpbmdTdGF0ZSB7XHJcbiAgICBpZiAodGhpcy5sb2FkaW5nKSByZXR1cm4gJ2xvYWRpbmcnO1xyXG4gICAgaWYgKHRoaXMuZXJyb3IpICAgcmV0dXJuICdlcnJvcic7XHJcbiAgICBpZiAodGhpcy5lbXB0eSkgICByZXR1cm4gJ2VtcHR5JztcclxuICAgIHJldHVybiAnaWRsZSc7XHJcbiAgfVxyXG59IiwiPGRpdiBjbGFzcz1cIml1cy1zdGF0ZS1jb250YWluZXJcIiBbYXR0ci5kYXRhLXN0YXRlXT1cInN0YXRlXCIgYXJpYS1saXZlPVwicG9saXRlXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiaXVzLXN0YXRlLWlubmVyXCI+XHJcblxyXG4gICAgICAgIEBzd2l0Y2ggKHN0YXRlKSB7XHJcblxyXG4gICAgICAgIEBjYXNlICgnbG9hZGluZycpIHtcclxuICAgICAgICA8bG90dGllLXBsYXllciBbYXR0ci5zcmNdPVwic3JjXCIgc3BlZWQ9XCIxXCIgc3R5bGU9XCJ3aWR0aDogNjRweDsgaGVpZ2h0OiA2NHB4O1wiIGxvb3AgYXV0b3BsYXk+XHJcbiAgICAgICAgPC9sb3R0aWUtcGxheWVyPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJpdXMtc3RhdGUtdGV4dFwiPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImg0XCI+e3sgdGl0bGVMb2FkaW5nIH19PC9zcGFuPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImg1XCI+e3sgc3VidGl0bGVMb2FkaW5nIH19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgQGNhc2UgKCdlbXB0eScpIHtcclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaXVzLXN0YXRlLWltZy13cmFwcGVyXCI+XHJcbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJzcmNFbXB0eVwiIGFsdD1cIlNpbiByZXN1bHRhZG9zXCIgLz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaXVzLXN0YXRlLXRleHRcIj5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJoNFwiPnt7IHRpdGxlRW1wdHkgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiaDVcIj57eyBzdWJ0aXRsZUVtcHR5IH19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgQGNhc2UgKCdlcnJvcicpIHtcclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaXVzLXN0YXRlLWltZy13cmFwcGVyXCI+XHJcbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJzcmNFcnJvclwiIGFsdD1cIkVycm9yXCIgLz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaXVzLXN0YXRlLXRleHRcIj5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJoNFwiPnt7IHRpdGxlRXJyb3IgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiaDVcIj57eyBzdWJ0aXRsZUVycm9yIH19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgQGRlZmF1bHQge1xyXG5cclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIH1cclxuXHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19

package/fesm2022/litigiovirtual-ius-design-components.mjs CHANGED Viewed

@@ -6729,9 +6729,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 registerLocaleData(localeEs);
 class CardVigilanciaJudicialComponent {
-    constructor() {
+    constructor(datePipe) {
+        this.datePipe = datePipe;
         this.collapse = true;
-        this.priority = true;
         this.hasNotificacion = true;
         this.hasAuto = true;
         this.read = true;
@@ -6741,11 +6741,60 @@ class CardVigilanciaJudicialComponent {
         this.onClickButtonAuto = new EventEmitter();
     }
     toggleCollapse() {
+        const wasCollapsed = this.collapse;
         this.collapse = !this.collapse;
+        if (wasCollapsed && !this.read) {
+            this.onClickButtonRead.emit(new Event('autoExpand'));
+        }
     }
-    clickButtonCopy(event) {
+    async clickButtonCopy(event) {
         event.stopImmediatePropagation();
-        this.onClickButtonCopy.emit(event);
+        try {
+            await navigator.clipboard.writeText(this.getCardSummary());
+            this.onClickButtonCopy.emit(event);
+        }
+        catch {
+            // clipboard write failed; no emit, no snackbar
+        }
+    }
+    getCardSummary() {
+        const lines = [];
+        lines.push('Vigilancia Judicial');
+        if (this.titulo)
+            lines.push(`Título: ${this.titulo}`);
+        if (this.juzgado)
+            lines.push(`Juzgado: ${this.juzgado}`);
+        if (this.fechaPrincipal)
+            lines.push(`Fecha: ${this.formatDate(this.fechaPrincipal)}`);
+        if (this.actuaciones?.length) {
+            lines.push('');
+            lines.push('Actuaciones:');
+            for (const act of this.actuaciones) {
+                const tituloPartes = [];
+                if (act.actuacion)
+                    tituloPartes.push(act.actuacion);
+                if (act.anotacion)
+                    tituloPartes.push(act.anotacion);
+                if (tituloPartes.length)
+                    lines.push(`- ${tituloPartes.join(': ')}`);
+                const fechas = [];
+                if (act.fechaIniciaTermino) {
+                    fechas.push(`Inicia término: ${this.formatDate(act.fechaIniciaTermino)}`);
+                }
+                else if (act.fechaActuacion) {
+                    fechas.push(`Fecha registro: ${this.formatDate(act.fechaActuacion)}`);
+                }
+                if (act.fechaFinalizaTermino) {
+                    fechas.push(`Finaliza término: ${this.formatDate(act.fechaFinalizaTermino)}`);
+                }
+                if (fechas.length)
+                    lines.push(`  ${fechas.join(' - ')}`);
+            }
+        }
+        return lines.join('\n');
+    }
+    formatDate(d) {
+        return this.datePipe.transform(d, 'd MMM y') ?? '';
     }
     clickButtonRead(event) {
         event.stopImmediatePropagation();
@@ -6759,19 +6808,19 @@ class CardVigilanciaJudicialComponent {
         event.stopImmediatePropagation();
         this.onClickButtonAuto.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardVigilanciaJudicialComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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", priority: "priority", hasNotificacion: "hasNotificacion", hasAuto: "hasAuto", read: "read", titulo: "titulo", juzgado: "juzgado", fechaPrincipal: "fechaPrincipal", actuaciones: "actuaciones" }, outputs: { onClickButtonCopy: "onClickButtonCopy", onClickButtonRead: "onClickButtonRead", onClickButtonNotificacion: "onClickButtonNotificacion", onClickButtonAuto: "onClickButtonAuto" }, providers: [
-            { provide: LOCALE_ID, useValue: 'es' }
-        ], 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': priority }\"></ius-icon-sm>\r\n            <div class=\"info\">\r\n                <span class=\"caption-sm txt-ter\">Vigilancia Judicial</span>\r\n                <span class=\"label-base txt-pry\" [ngClass]=\"{'body-base-1': 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 === false}\"></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                        (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-content-copy\"\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                        <span>17 jun 2025</span>\r\n                        <span>-</span>\r\n                        <span>17 jun 2025</span>\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}.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"] }] }); }
+    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 }); }
+    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: [
+            { provide: LOCALE_ID, useValue: 'es' },
+            DatePipe
+        ], ngImport: i0, template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\n    <div class=\"ctn-card\">\n        <div class=\"ctn-inf\">\n            <ius-icon-sm iconName=\"icon-account-balance\" class=\"icon-account\"\n                [ngClass]=\"{'priority-tx': hasNotificacion || hasAuto }\"></ius-icon-sm>\n            <div class=\"info\">\n                <span class=\"caption-sm txt-ter\">Vigilancia Judicial</span>\n                <span class=\"body-base-1 txt-pry\" [ngClass]=\"{'title-no-read': read === false}\">{{titulo}}</span>\n                <span class=\"body-base-1 txt-sec\">{{juzgado}}</span>\n            </div>\n        </div>\n        <div class=\"ctn-icons\">\n            @if (hasNotificacion || hasAuto) {\n            <div class=\"row-text-1\">\n                @if (hasNotificacion) {\n                <ius-icon-sm iconName=\"icon-notification-2\" class=\"txt-sec\"></ius-icon-sm>\n                }\n                @if (hasAuto) {\n                <ius-icon-sm iconName=\"icon-docs-2\" class=\"txt-sec\"></ius-icon-sm>\n                }\n            </div>\n            }\n            <div class=\"row-text-2\">\n                <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === true}\"></div>\n                <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM y'}}</span>\n                <span class=\"buttons-hove\">\n                    <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\n                        [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\n                        (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\n                    <ius-button-circle-tertiary iconName=\"icon-content-copy\"\n                        iusPopoverContent=\"Copiar informaci\u00F3n\"\n                        (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\n                </span>\n            </div>\n            <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\n                class=\"txt-pry\"></ius-icon-sm>\n        </div>\n    </div>\n    <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\n        <ius-simple-divider></ius-simple-divider>\n        <div class=\"ctn-clp\">\n            <div class=\"ctn-info-clp\">\n                @for (act of actuaciones; track $index) {\n                <div class=\"text-info\">\n                    <div class=\"row-text-1 body-sm txt-ter\">\n                        @if (act.fechaIniciaTermino) {\n                            <span>Inicia t\u00E9rmino: {{act.fechaIniciaTermino | date: 'd MMM y'}}</span>\n                        } @else {\n                            <span>Fecha registro: {{act.fechaActuacion | date: 'd MMM y'}}</span>\n                        }\n                        @if (act.fechaFinalizaTermino) {\n                            <span>-</span>\n                            <span>Finaliza t\u00E9rmino: {{act.fechaFinalizaTermino | date: 'd MMM y'}}</span>\n                        }\n                    </div>\n                    <span class=\"label-base txt-ter\">{{act.actuacion}}</span>\n                    <span class=\"body-base-1 txt-sec\">{{act.anotacion}}</span>\n                </div>\n                }\n            </div>\n            <div class=\"buttons-clp\">\n                @if (hasNotificacion) {\n                <ius-button-menu-link iconName=\"icon-notificacion\" iconColor=\"#184FDB\"\n                    iusPopoverContent=\"Ver notificaci\u00F3n\"\n                    (buttonClicked)=\"clickButtonNotificacion($event)\"></ius-button-menu-link>\n                <ius-simple-divider></ius-simple-divider>\n                }\n                @if (hasAuto) {\n                <ius-button-menu-link iconName=\"icon-docs\" iconColor=\"#184FDB\" iusPopoverContent=\"Ver auto\"\n                    (buttonClicked)=\"clickButtonAuto($event)\"></ius-button-menu-link>\n                <ius-simple-divider></ius-simple-divider>\n                }\n            </div>\n        </div>\n    </div>\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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardVigilanciaJudicialComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ius-card-vigilancia-judicial', standalone: true, imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, ButtonMenuLinkComponent, DatePipe, PopoverDirective], providers: [
-                        { provide: LOCALE_ID, useValue: 'es' }
-                    ], 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': priority }\"></ius-icon-sm>\r\n            <div class=\"info\">\r\n                <span class=\"caption-sm txt-ter\">Vigilancia Judicial</span>\r\n                <span class=\"label-base txt-pry\" [ngClass]=\"{'body-base-1': 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 === false}\"></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                        (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-content-copy\"\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                        <span>17 jun 2025</span>\r\n                        <span>-</span>\r\n                        <span>17 jun 2025</span>\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}.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"] }]
-        }], propDecorators: { collapse: [{
-                type: Input
-            }], priority: [{
+                        { provide: LOCALE_ID, useValue: 'es' },
+                        DatePipe
+                    ], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\n    <div class=\"ctn-card\">\n        <div class=\"ctn-inf\">\n            <ius-icon-sm iconName=\"icon-account-balance\" class=\"icon-account\"\n                [ngClass]=\"{'priority-tx': hasNotificacion || hasAuto }\"></ius-icon-sm>\n            <div class=\"info\">\n                <span class=\"caption-sm txt-ter\">Vigilancia Judicial</span>\n                <span class=\"body-base-1 txt-pry\" [ngClass]=\"{'title-no-read': read === false}\">{{titulo}}</span>\n                <span class=\"body-base-1 txt-sec\">{{juzgado}}</span>\n            </div>\n        </div>\n        <div class=\"ctn-icons\">\n            @if (hasNotificacion || hasAuto) {\n            <div class=\"row-text-1\">\n                @if (hasNotificacion) {\n                <ius-icon-sm iconName=\"icon-notification-2\" class=\"txt-sec\"></ius-icon-sm>\n                }\n                @if (hasAuto) {\n                <ius-icon-sm iconName=\"icon-docs-2\" class=\"txt-sec\"></ius-icon-sm>\n                }\n            </div>\n            }\n            <div class=\"row-text-2\">\n                <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === true}\"></div>\n                <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM y'}}</span>\n                <span class=\"buttons-hove\">\n                    <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\n                        [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\n                        (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\n                    <ius-button-circle-tertiary iconName=\"icon-content-copy\"\n                        iusPopoverContent=\"Copiar informaci\u00F3n\"\n                        (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\n                </span>\n            </div>\n            <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\n                class=\"txt-pry\"></ius-icon-sm>\n        </div>\n    </div>\n    <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\n        <ius-simple-divider></ius-simple-divider>\n        <div class=\"ctn-clp\">\n            <div class=\"ctn-info-clp\">\n                @for (act of actuaciones; track $index) {\n                <div class=\"text-info\">\n                    <div class=\"row-text-1 body-sm txt-ter\">\n                        @if (act.fechaIniciaTermino) {\n                            <span>Inicia t\u00E9rmino: {{act.fechaIniciaTermino | date: 'd MMM y'}}</span>\n                        } @else {\n                            <span>Fecha registro: {{act.fechaActuacion | date: 'd MMM y'}}</span>\n                        }\n                        @if (act.fechaFinalizaTermino) {\n                            <span>-</span>\n                            <span>Finaliza t\u00E9rmino: {{act.fechaFinalizaTermino | date: 'd MMM y'}}</span>\n                        }\n                    </div>\n                    <span class=\"label-base txt-ter\">{{act.actuacion}}</span>\n                    <span class=\"body-base-1 txt-sec\">{{act.anotacion}}</span>\n                </div>\n                }\n            </div>\n            <div class=\"buttons-clp\">\n                @if (hasNotificacion) {\n                <ius-button-menu-link iconName=\"icon-notificacion\" iconColor=\"#184FDB\"\n                    iusPopoverContent=\"Ver notificaci\u00F3n\"\n                    (buttonClicked)=\"clickButtonNotificacion($event)\"></ius-button-menu-link>\n                <ius-simple-divider></ius-simple-divider>\n                }\n                @if (hasAuto) {\n                <ius-button-menu-link iconName=\"icon-docs\" iconColor=\"#184FDB\" iusPopoverContent=\"Ver auto\"\n                    (buttonClicked)=\"clickButtonAuto($event)\"></ius-button-menu-link>\n                <ius-simple-divider></ius-simple-divider>\n                }\n            </div>\n        </div>\n    </div>\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"] }]
+        }], ctorParameters: () => [{ type: i1$1.DatePipe }], propDecorators: { collapse: [{
                 type: Input
             }], hasNotificacion: [{
                 type: Input
@@ -7371,11 +7420,11 @@ class LoadingComponentDynamicComponent {
         return 'idle';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadingComponentDynamicComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LoadingComponentDynamicComponent, isStandalone: true, selector: "ius-loading-component-dynamic", inputs: { loading: "loading", empty: "empty", error: "error", src: "src", srcEmpty: "srcEmpty", srcError: "srcError", titleLoading: "titleLoading", subtitleLoading: "subtitleLoading", titleEmpty: "titleEmpty", subtitleEmpty: "subtitleEmpty", titleError: "titleError", subtitleError: "subtitleError" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ius-state-container\" [attr.data-state]=\"state\" aria-live=\"polite\">\r\n    <div class=\"ius-state-inner\">\r\n\r\n        @switch (state) {\r\n\r\n        @case ('loading') {\r\n        <lottie-player [attr.src]=\"src\" speed=\"1\" style=\"width: 64px; height: 64px;\" loop autoplay>\r\n        </lottie-player>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleLoading }}</span>\r\n            <span class=\"h5\">{{ subtitleLoading }}</span>\r\n        </div>\r\n        }\r\n\r\n        @case ('empty') {\r\n        <div class=\"ius-state-img-wrapper\">\r\n            <img [src]=\"srcEmpty\" alt=\"Sin resultados\" />\r\n        </div>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleEmpty }}</span>\r\n            <span class=\"h5\">{{ subtitleEmpty }}</span>\r\n        </div>\r\n        }\r\n\r\n        @case ('error') {\r\n        <div class=\"ius-state-img-wrapper\">\r\n            <img [src]=\"srcError\" alt=\"Error\" />\r\n        </div>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleError }}</span>\r\n            <span class=\"h5\">{{ subtitleError }}</span>\r\n        </div>\r\n        }\r\n\r\n        @default {\r\n\r\n        }\r\n\r\n        }\r\n\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}.ius-state-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;height:100%;border-radius:8px;border:1px solid #eaeaea;background:#fff;padding:8px}.ius-state-container[data-state=idle]{display:none}.ius-state-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.ius-state-text{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.ius-state-img-wrapper{display:flex;width:87px;height:87px;justify-content:center;align-items:center}lottie-player{display:block;min-width:64px;min-height:64px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LoadingComponentDynamicComponent, isStandalone: true, selector: "ius-loading-component-dynamic", inputs: { loading: "loading", empty: "empty", error: "error", src: "src", srcEmpty: "srcEmpty", srcError: "srcError", titleLoading: "titleLoading", subtitleLoading: "subtitleLoading", titleEmpty: "titleEmpty", subtitleEmpty: "subtitleEmpty", titleError: "titleError", subtitleError: "subtitleError" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ius-state-container\" [attr.data-state]=\"state\" aria-live=\"polite\">\r\n    <div class=\"ius-state-inner\">\r\n\r\n        @switch (state) {\r\n\r\n        @case ('loading') {\r\n        <lottie-player [attr.src]=\"src\" speed=\"1\" style=\"width: 64px; height: 64px;\" loop autoplay>\r\n        </lottie-player>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleLoading }}</span>\r\n            <span class=\"h5\">{{ subtitleLoading }}</span>\r\n        </div>\r\n        }\r\n\r\n        @case ('empty') {\r\n        <div class=\"ius-state-img-wrapper\">\r\n            <img [src]=\"srcEmpty\" alt=\"Sin resultados\" />\r\n        </div>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleEmpty }}</span>\r\n            <span class=\"h5\">{{ subtitleEmpty }}</span>\r\n        </div>\r\n        }\r\n\r\n        @case ('error') {\r\n        <div class=\"ius-state-img-wrapper\">\r\n            <img [src]=\"srcError\" alt=\"Error\" />\r\n        </div>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleError }}</span>\r\n            <span class=\"h5\">{{ subtitleError }}</span>\r\n        </div>\r\n        }\r\n\r\n        @default {\r\n\r\n        }\r\n\r\n        }\r\n\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}.ius-state-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;height:100%;box-sizing:border-box;border-radius:8px;border:1px solid #eaeaea;background:#fff;padding:8px}.ius-state-container[data-state=idle]{display:none}.ius-state-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.ius-state-text{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.ius-state-img-wrapper{display:flex;width:87px;height:87px;justify-content:center;align-items:center}lottie-player{display:block;min-width:64px;min-height:64px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadingComponentDynamicComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ius-loading-component-dynamic', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"ius-state-container\" [attr.data-state]=\"state\" aria-live=\"polite\">\r\n    <div class=\"ius-state-inner\">\r\n\r\n        @switch (state) {\r\n\r\n        @case ('loading') {\r\n        <lottie-player [attr.src]=\"src\" speed=\"1\" style=\"width: 64px; height: 64px;\" loop autoplay>\r\n        </lottie-player>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleLoading }}</span>\r\n            <span class=\"h5\">{{ subtitleLoading }}</span>\r\n        </div>\r\n        }\r\n\r\n        @case ('empty') {\r\n        <div class=\"ius-state-img-wrapper\">\r\n            <img [src]=\"srcEmpty\" alt=\"Sin resultados\" />\r\n        </div>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleEmpty }}</span>\r\n            <span class=\"h5\">{{ subtitleEmpty }}</span>\r\n        </div>\r\n        }\r\n\r\n        @case ('error') {\r\n        <div class=\"ius-state-img-wrapper\">\r\n            <img [src]=\"srcError\" alt=\"Error\" />\r\n        </div>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleError }}</span>\r\n            <span class=\"h5\">{{ subtitleError }}</span>\r\n        </div>\r\n        }\r\n\r\n        @default {\r\n\r\n        }\r\n\r\n        }\r\n\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}.ius-state-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;height:100%;border-radius:8px;border:1px solid #eaeaea;background:#fff;padding:8px}.ius-state-container[data-state=idle]{display:none}.ius-state-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.ius-state-text{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.ius-state-img-wrapper{display:flex;width:87px;height:87px;justify-content:center;align-items:center}lottie-player{display:block;min-width:64px;min-height:64px}\n"] }]
+            args: [{ selector: 'ius-loading-component-dynamic', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"ius-state-container\" [attr.data-state]=\"state\" aria-live=\"polite\">\r\n    <div class=\"ius-state-inner\">\r\n\r\n        @switch (state) {\r\n\r\n        @case ('loading') {\r\n        <lottie-player [attr.src]=\"src\" speed=\"1\" style=\"width: 64px; height: 64px;\" loop autoplay>\r\n        </lottie-player>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleLoading }}</span>\r\n            <span class=\"h5\">{{ subtitleLoading }}</span>\r\n        </div>\r\n        }\r\n\r\n        @case ('empty') {\r\n        <div class=\"ius-state-img-wrapper\">\r\n            <img [src]=\"srcEmpty\" alt=\"Sin resultados\" />\r\n        </div>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleEmpty }}</span>\r\n            <span class=\"h5\">{{ subtitleEmpty }}</span>\r\n        </div>\r\n        }\r\n\r\n        @case ('error') {\r\n        <div class=\"ius-state-img-wrapper\">\r\n            <img [src]=\"srcError\" alt=\"Error\" />\r\n        </div>\r\n        <div class=\"ius-state-text\">\r\n            <span class=\"h4\">{{ titleError }}</span>\r\n            <span class=\"h5\">{{ subtitleError }}</span>\r\n        </div>\r\n        }\r\n\r\n        @default {\r\n\r\n        }\r\n\r\n        }\r\n\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}.ius-state-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;height:100%;box-sizing:border-box;border-radius:8px;border:1px solid #eaeaea;background:#fff;padding:8px}.ius-state-container[data-state=idle]{display:none}.ius-state-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.ius-state-text{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.ius-state-img-wrapper{display:flex;width:87px;height:87px;justify-content:center;align-items:center}lottie-player{display:block;min-width:64px;min-height:64px}\n"] }]
         }], propDecorators: { loading: [{
                 type: Input
             }], empty: [{
@@ -7507,7 +7556,7 @@ class CreateTicketComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateTicketComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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()\"\r\n  [percentProgressBar]=\"percentProgressBar\">\r\n  <div class=\"form between-xs\">\r\n    <div class=\"content\">\r\n      <ius-section-collapse-drawer-parent textTitle=\"Informaci\u00F3n general\" [disabled]=\"false\"\r\n        [isActive]=\"isExpandGeneralInformation\" (buttonClicked)=\"onExpandGeneralInformation()\">\r\n        <div class=\"section\">\r\n          <div class=\"select\">\r\n            <ius-input-select componentId=\"ticketType\" [required]=\"true\" [showHelpText]=\"true\" labelSuperior=\"Tipo de ticket\"\r\n              labelInput=\"Selecciona una opci\u00F3n\" [textInput]=\"typeSelected?.tipo\">\r\n              @for (type of tipos; track type) {\r\n              <ius-option (optionClick)=\"onSetValueType(type)\">\r\n                {{ type.tipo }}\r\n              </ius-option>\r\n              }\r\n            </ius-input-select>\r\n          </div>\r\n          <div class=\"select\">\r\n            <ius-input-select componentId=\"ticketReason\" [required]=\"true\" [showHelpText]=\"true\" labelSuperior=\"Raz\u00F3n del ticket\"\r\n              labelInput=\"Selecciona una opci\u00F3n\" [textInput]=\"reasonSelected?.razon\">\r\n              @for (reason of razones; track reason) {\r\n              <ius-option (optionClick)=\"onSetValueReason(reason)\">\r\n                {{ reason.razon }}\r\n              </ius-option>\r\n              }\r\n            </ius-input-select>\r\n          </div>\r\n          <div class=\"select\">\r\n            <ius-input-textfield componentId=\"tituloTicket\" [initialText]=\"tituloTicket\" [required]=\"true\" [showHelpText]=\"true\"\r\n              labelSuperior=\"Titulo o asunto para el ticket\" labelInput=\"Defina brevemente un asunto o titulo\"\r\n              (onChangesValueEvent)=\"onSetValueTituloTicket($event)\">\r\n            </ius-input-textfield>\r\n          </div>\r\n          <div class=\"select\">\r\n            <ius-input-large componentId=\"descripcionTicket\" [initialText]=\"descripcionTicket\" [required]=\"true\" [showHelpText]=\"true\"\r\n              labelSuperior=\"Descripcion del ticket\" labelInput=\"Describe tu idea o petici\u00F3n para el ticket\"\r\n              (onChangesValueEvent)=\"onSetValueDescripcionTicket($event)\">\r\n            </ius-input-large>\r\n          </div>\r\n        </div>\r\n      </ius-section-collapse-drawer-parent>\r\n    </div>\r\n\r\n    <div class=\"footer\">\r\n      <div class=\"toolbar\">\r\n        <div class=\"toolbar-btn\">\r\n          <ius-button-dynamic [labelDefault]=\"'Crear ticket'\" [labelSuccess]=\"'Agregando'\" [labelError]=\"'Error'\"\r\n            [loading]=\"loading\" [result]=\"lastResult\" (buttonClicked)=\"createTicket()\">\r\n          </ius-button-dynamic>\r\n        </div>\r\n        <div class=\"toolbar-btn\">\r\n          <ius-button-standard-secondary (buttonClicked)=\"onClose()\">Cancelar</ius-button-standard-secondary>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ius-drawer-container-right>\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}.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", "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"], outputs: ["buttonClicked"] }, { kind: "component", type: InputSelectComponent, selector: "ius-input-select", inputs: ["componentId", "required", "disabled", "showHelpText", "error", "labelSuperior", "labelInferior", "errorText", "labelInput", "iconInput", "textInput", "maxlenght", "inputType"], outputs: ["onChangesValueEvent", "onEnterKey", "onBlurEvent"] }, { kind: "component", type: InputTextfieldComponent, selector: "ius-input-textfield", inputs: ["textInput", "required", "disabled", "isEnableClearText", "showHelpText", "error", "labelSuperior", "labelInferior", "errorText", "labelInput", "iconInput", "inputType", "maxlenght", "initialText"], outputs: ["onChangesValueEvent", "onEnterKey", "onBlurEvent"] }, { kind: "component", type: OptionComponent, selector: "ius-option", inputs: ["disabled", "checked"], outputs: ["optionClick"] }, { kind: "component", type: InputLargeComponent, selector: "ius-input-large", inputs: ["textInput", "required", "disabled", "showHelpText", "rows", "labelSuperior", "labelInferior", "labelInput", "maxlenght", "initialText"], outputs: ["onChangesValueEvent", "onEnterKey"] }] }); }
+    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", "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"], outputs: ["buttonClicked"] }, { kind: "component", type: InputSelectComponent, selector: "ius-input-select", inputs: ["componentId", "required", "disabled", "showHelpText", "error", "labelSuperior", "labelInferior", "errorText", "labelInput", "iconInput", "textInput", "maxlenght", "inputType"], outputs: ["onChangesValueEvent", "onEnterKey", "onBlurEvent"] }, { kind: "component", type: InputTextfieldComponent, selector: "ius-input-textfield", inputs: ["textInput", "required", "disabled", "isEnableClearText", "showHelpText", "error", "labelSuperior", "labelInferior", "errorText", "labelInput", "iconInput", "inputType", "maxlenght", "initialText"], outputs: ["onChangesValueEvent", "onEnterKey", "onBlurEvent"] }, { kind: "component", type: OptionComponent, selector: "ius-option", inputs: ["disabled", "checked"], outputs: ["optionClick"] }, { kind: "component", type: InputLargeComponent, selector: "ius-input-large", inputs: ["textInput", "required", "disabled", "showHelpText", "rows", "labelSuperior", "labelInferior", "labelInput", "maxlenght", "initialText"], outputs: ["onChangesValueEvent", "onEnterKey"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateTicketComponent, decorators: [{
             type: Component,
@@ -7521,7 +7570,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         InputTextfieldComponent,
                         OptionComponent,
                         InputLargeComponent,
-                    ], template: "<ius-drawer-container-right [titleDrawer]=\"'Crear Ticket'\" (onDrawerClosed)=\"onClose()\"\r\n  [percentProgressBar]=\"percentProgressBar\">\r\n  <div class=\"form between-xs\">\r\n    <div class=\"content\">\r\n      <ius-section-collapse-drawer-parent textTitle=\"Informaci\u00F3n general\" [disabled]=\"false\"\r\n        [isActive]=\"isExpandGeneralInformation\" (buttonClicked)=\"onExpandGeneralInformation()\">\r\n        <div class=\"section\">\r\n          <div class=\"select\">\r\n            <ius-input-select componentId=\"ticketType\" [required]=\"true\" [showHelpText]=\"true\" labelSuperior=\"Tipo de ticket\"\r\n              labelInput=\"Selecciona una opci\u00F3n\" [textInput]=\"typeSelected?.tipo\">\r\n              @for (type of tipos; track type) {\r\n              <ius-option (optionClick)=\"onSetValueType(type)\">\r\n                {{ type.tipo }}\r\n              </ius-option>\r\n              }\r\n            </ius-input-select>\r\n          </div>\r\n          <div class=\"select\">\r\n            <ius-input-select componentId=\"ticketReason\" [required]=\"true\" [showHelpText]=\"true\" labelSuperior=\"Raz\u00F3n del ticket\"\r\n              labelInput=\"Selecciona una opci\u00F3n\" [textInput]=\"reasonSelected?.razon\">\r\n              @for (reason of razones; track reason) {\r\n              <ius-option (optionClick)=\"onSetValueReason(reason)\">\r\n                {{ reason.razon }}\r\n              </ius-option>\r\n              }\r\n            </ius-input-select>\r\n          </div>\r\n          <div class=\"select\">\r\n            <ius-input-textfield componentId=\"tituloTicket\" [initialText]=\"tituloTicket\" [required]=\"true\" [showHelpText]=\"true\"\r\n              labelSuperior=\"Titulo o asunto para el ticket\" labelInput=\"Defina brevemente un asunto o titulo\"\r\n              (onChangesValueEvent)=\"onSetValueTituloTicket($event)\">\r\n            </ius-input-textfield>\r\n          </div>\r\n          <div class=\"select\">\r\n            <ius-input-large componentId=\"descripcionTicket\" [initialText]=\"descripcionTicket\" [required]=\"true\" [showHelpText]=\"true\"\r\n              labelSuperior=\"Descripcion del ticket\" labelInput=\"Describe tu idea o petici\u00F3n para el ticket\"\r\n              (onChangesValueEvent)=\"onSetValueDescripcionTicket($event)\">\r\n            </ius-input-large>\r\n          </div>\r\n        </div>\r\n      </ius-section-collapse-drawer-parent>\r\n    </div>\r\n\r\n    <div class=\"footer\">\r\n      <div class=\"toolbar\">\r\n        <div class=\"toolbar-btn\">\r\n          <ius-button-dynamic [labelDefault]=\"'Crear ticket'\" [labelSuccess]=\"'Agregando'\" [labelError]=\"'Error'\"\r\n            [loading]=\"loading\" [result]=\"lastResult\" (buttonClicked)=\"createTicket()\">\r\n          </ius-button-dynamic>\r\n        </div>\r\n        <div class=\"toolbar-btn\">\r\n          <ius-button-standard-secondary (buttonClicked)=\"onClose()\">Cancelar</ius-button-standard-secondary>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ius-drawer-container-right>\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}.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"] }]
+                    ], 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"] }]
         }], propDecorators: { tipos: [{
                 type: Input
             }], razones: [{
@@ -7569,7 +7618,7 @@ class AvatarV2Component {
         return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AvatarV2Component, isStandalone: true, selector: "ius-avatar-v2", inputs: { imageUrl: "imageUrl", name: "name", size: "size", shape: "shape", showEditButton: "showEditButton", backgroundColor: "backgroundColor", fallbackIconName: "fallbackIconName" }, outputs: { editClicked: "editClicked" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"avatar\"\n  [ngClass]=\"[size, shape]\"\n  [ngStyle]=\"containerStyle\"\n>\n  @if (imageUrl) {\n    <img [src]=\"imageUrl\" [alt]=\"name || 'avatar'\" class=\"avatar__image\" />\n  } @else if (initials) {\n    <span class=\"body-large\" style=\"color: var(--ColorText-colorTextPrimary, #333);\">{{ initials }}</span>\n  } @else {\n    @switch (size) {\n      @case ('xs') {\n        <ius-icon-xs [iconName]=\"fallbackIconName\"></ius-icon-xs>\n      }\n      @case ('sm') {\n        <ius-icon-sm [iconName]=\"fallbackIconName\"></ius-icon-sm>\n      }\n      @case ('md') {\n        <ius-icon-md [iconName]=\"fallbackIconName\"></ius-icon-md>\n      }\n      @case ('lg') {\n        <ius-icon-lg [iconName]=\"fallbackIconName\"></ius-icon-lg>\n      }\n      @case ('xl') {\n        <ius-icon-xl [iconName]=\"fallbackIconName\"></ius-icon-xl>\n      }\n      @case ('xxl') {\n        <ius-icon-xxl [iconName]=\"fallbackIconName\"></ius-icon-xxl>\n      }\n    }\n  }\n\n  @if (showEditButton) {\n    <div class=\"avatar__edit-overlay\" (click)=\"onEditClick($event)\">\n      <div class=\"avatar__edit-btn\">\n        <ius-icon-sm iconName=\"icon-edit\"></ius-icon-sm>\n      </div>\n    </div>\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{display:inline-block}.avatar{position:relative;display:flex;justify-content:center;align-items:center;background-color:#e6fdff;overflow:hidden;flex-shrink:0}.avatar.circle{border-radius:50%}.avatar.square{border-radius:8px}.avatar.xs{width:14px;height:14px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}.avatar.xl{width:64px;height:64px}.avatar.xxl{width:96px;height:96px}.avatar__image{width:100%;height:100%;object-fit:cover;display:block}.avatar__edit-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:var(--Info-Color-Info-200, #C4DFFF);opacity:0;transition:opacity .2s ease;cursor:pointer}.avatar__edit-btn{display:flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:50%;background-color:#fff;color:#333;pointer-events:none}.avatar:hover .avatar__edit-overlay{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: IconXlComponent, selector: "ius-icon-xl", inputs: ["iconName", "color"] }, { kind: "component", type: IconXxlComponent, selector: "ius-icon-xxl", inputs: ["iconName", "color"] }, { kind: "component", type: IconLgComponent, selector: "ius-icon-lg", inputs: ["iconName", "color"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AvatarV2Component, isStandalone: true, selector: "ius-avatar-v2", inputs: { imageUrl: "imageUrl", name: "name", size: "size", shape: "shape", showEditButton: "showEditButton", backgroundColor: "backgroundColor", fallbackIconName: "fallbackIconName" }, outputs: { editClicked: "editClicked" }, usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"avatar\"\r\n  [ngClass]=\"[size, shape]\"\r\n  [ngStyle]=\"containerStyle\"\r\n>\r\n  @if (imageUrl) {\r\n    <img [src]=\"imageUrl\" [alt]=\"name || 'avatar'\" class=\"avatar__image\" />\r\n  } @else if (initials) {\r\n    <span class=\"body-large\" style=\"color: var(--ColorText-colorTextPrimary, #333);\">{{ initials }}</span>\r\n  } @else {\r\n    @switch (size) {\r\n      @case ('xs') {\r\n        <ius-icon-xs [iconName]=\"fallbackIconName\"></ius-icon-xs>\r\n      }\r\n      @case ('sm') {\r\n        <ius-icon-sm [iconName]=\"fallbackIconName\"></ius-icon-sm>\r\n      }\r\n      @case ('md') {\r\n        <ius-icon-md [iconName]=\"fallbackIconName\"></ius-icon-md>\r\n      }\r\n      @case ('lg') {\r\n        <ius-icon-lg [iconName]=\"fallbackIconName\"></ius-icon-lg>\r\n      }\r\n      @case ('xl') {\r\n        <ius-icon-xl [iconName]=\"fallbackIconName\"></ius-icon-xl>\r\n      }\r\n      @case ('xxl') {\r\n        <ius-icon-xxl [iconName]=\"fallbackIconName\"></ius-icon-xxl>\r\n      }\r\n    }\r\n  }\r\n\r\n  @if (showEditButton) {\r\n    <div class=\"avatar__edit-overlay\" (click)=\"onEditClick($event)\">\r\n      <div class=\"avatar__edit-btn\">\r\n        <ius-icon-sm iconName=\"icon-edit\"></ius-icon-sm>\r\n      </div>\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}:host{display:inline-block}.avatar{position:relative;display:flex;justify-content:center;align-items:center;background-color:#e6fdff;overflow:hidden;flex-shrink:0}.avatar.circle{border-radius:50%}.avatar.square{border-radius:8px}.avatar.xs{width:14px;height:14px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}.avatar.xl{width:64px;height:64px}.avatar.xxl{width:96px;height:96px}.avatar__image{width:100%;height:100%;object-fit:cover;display:block}.avatar__edit-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:var(--Info-Color-Info-200, #C4DFFF);opacity:0;transition:opacity .2s ease;cursor:pointer}.avatar__edit-btn{display:flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:50%;background-color:#fff;color:#333;pointer-events:none}.avatar:hover .avatar__edit-overlay{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: IconXlComponent, selector: "ius-icon-xl", inputs: ["iconName", "color"] }, { kind: "component", type: IconXxlComponent, selector: "ius-icon-xxl", inputs: ["iconName", "color"] }, { kind: "component", type: IconLgComponent, selector: "ius-icon-lg", inputs: ["iconName", "color"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarV2Component, decorators: [{
             type: Component,
@@ -7581,7 +7630,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         IconXlComponent,
                         IconXxlComponent,
                         IconLgComponent
-                    ], template: "<div\n  class=\"avatar\"\n  [ngClass]=\"[size, shape]\"\n  [ngStyle]=\"containerStyle\"\n>\n  @if (imageUrl) {\n    <img [src]=\"imageUrl\" [alt]=\"name || 'avatar'\" class=\"avatar__image\" />\n  } @else if (initials) {\n    <span class=\"body-large\" style=\"color: var(--ColorText-colorTextPrimary, #333);\">{{ initials }}</span>\n  } @else {\n    @switch (size) {\n      @case ('xs') {\n        <ius-icon-xs [iconName]=\"fallbackIconName\"></ius-icon-xs>\n      }\n      @case ('sm') {\n        <ius-icon-sm [iconName]=\"fallbackIconName\"></ius-icon-sm>\n      }\n      @case ('md') {\n        <ius-icon-md [iconName]=\"fallbackIconName\"></ius-icon-md>\n      }\n      @case ('lg') {\n        <ius-icon-lg [iconName]=\"fallbackIconName\"></ius-icon-lg>\n      }\n      @case ('xl') {\n        <ius-icon-xl [iconName]=\"fallbackIconName\"></ius-icon-xl>\n      }\n      @case ('xxl') {\n        <ius-icon-xxl [iconName]=\"fallbackIconName\"></ius-icon-xxl>\n      }\n    }\n  }\n\n  @if (showEditButton) {\n    <div class=\"avatar__edit-overlay\" (click)=\"onEditClick($event)\">\n      <div class=\"avatar__edit-btn\">\n        <ius-icon-sm iconName=\"icon-edit\"></ius-icon-sm>\n      </div>\n    </div>\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{display:inline-block}.avatar{position:relative;display:flex;justify-content:center;align-items:center;background-color:#e6fdff;overflow:hidden;flex-shrink:0}.avatar.circle{border-radius:50%}.avatar.square{border-radius:8px}.avatar.xs{width:14px;height:14px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}.avatar.xl{width:64px;height:64px}.avatar.xxl{width:96px;height:96px}.avatar__image{width:100%;height:100%;object-fit:cover;display:block}.avatar__edit-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:var(--Info-Color-Info-200, #C4DFFF);opacity:0;transition:opacity .2s ease;cursor:pointer}.avatar__edit-btn{display:flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:50%;background-color:#fff;color:#333;pointer-events:none}.avatar:hover .avatar__edit-overlay{opacity:1}\n"] }]
+                    ], template: "<div\r\n  class=\"avatar\"\r\n  [ngClass]=\"[size, shape]\"\r\n  [ngStyle]=\"containerStyle\"\r\n>\r\n  @if (imageUrl) {\r\n    <img [src]=\"imageUrl\" [alt]=\"name || 'avatar'\" class=\"avatar__image\" />\r\n  } @else if (initials) {\r\n    <span class=\"body-large\" style=\"color: var(--ColorText-colorTextPrimary, #333);\">{{ initials }}</span>\r\n  } @else {\r\n    @switch (size) {\r\n      @case ('xs') {\r\n        <ius-icon-xs [iconName]=\"fallbackIconName\"></ius-icon-xs>\r\n      }\r\n      @case ('sm') {\r\n        <ius-icon-sm [iconName]=\"fallbackIconName\"></ius-icon-sm>\r\n      }\r\n      @case ('md') {\r\n        <ius-icon-md [iconName]=\"fallbackIconName\"></ius-icon-md>\r\n      }\r\n      @case ('lg') {\r\n        <ius-icon-lg [iconName]=\"fallbackIconName\"></ius-icon-lg>\r\n      }\r\n      @case ('xl') {\r\n        <ius-icon-xl [iconName]=\"fallbackIconName\"></ius-icon-xl>\r\n      }\r\n      @case ('xxl') {\r\n        <ius-icon-xxl [iconName]=\"fallbackIconName\"></ius-icon-xxl>\r\n      }\r\n    }\r\n  }\r\n\r\n  @if (showEditButton) {\r\n    <div class=\"avatar__edit-overlay\" (click)=\"onEditClick($event)\">\r\n      <div class=\"avatar__edit-btn\">\r\n        <ius-icon-sm iconName=\"icon-edit\"></ius-icon-sm>\r\n      </div>\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}:host{display:inline-block}.avatar{position:relative;display:flex;justify-content:center;align-items:center;background-color:#e6fdff;overflow:hidden;flex-shrink:0}.avatar.circle{border-radius:50%}.avatar.square{border-radius:8px}.avatar.xs{width:14px;height:14px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}.avatar.xl{width:64px;height:64px}.avatar.xxl{width:96px;height:96px}.avatar__image{width:100%;height:100%;object-fit:cover;display:block}.avatar__edit-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:var(--Info-Color-Info-200, #C4DFFF);opacity:0;transition:opacity .2s ease;cursor:pointer}.avatar__edit-btn{display:flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:50%;background-color:#fff;color:#333;pointer-events:none}.avatar:hover .avatar__edit-overlay{opacity:1}\n"] }]
         }], propDecorators: { imageUrl: [{
                 type: Input
             }], name: [{
@@ -7613,7 +7662,7 @@ class AvatarBusinessComponent {
         this.editClicked.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarBusinessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AvatarBusinessComponent, isStandalone: true, selector: "ius-avatar-business", inputs: { imageUrl: "imageUrl", label: "label", size: "size", shape: "shape", showEditButton: "showEditButton", fallbackIconName: "fallbackIconName" }, outputs: { editClicked: "editClicked" }, ngImport: i0, template: "<div\n  class=\"avatar-business\"\n  [ngClass]=\"[size, shape]\"\n>\n  @if (imageUrl) {\n    <img [src]=\"imageUrl\" [alt]=\"label || 'avatar'\" class=\"avatar-business__image\" />\n  } @else if (label) {\n    <span class=\"body-large avatar-business__label\">{{ label }}</span>\n  } @else {\n    @switch (size) {\n      @case ('xs') {\n        <ius-icon-xs class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xs>\n      }\n      @case ('sm') {\n        <ius-icon-sm class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-sm>\n      }\n      @case ('md') {\n        <ius-icon-md class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-md>\n      }\n      @case ('lg') {\n        <ius-icon-lg class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-lg>\n      }\n      @case ('xl') {\n        <ius-icon-xl class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xl>\n      }\n      @case ('xxl') {\n        <ius-icon-xxl class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xxl>\n      }\n    }\n  }\n\n  @if (showEditButton) {\n    <div class=\"avatar-business__edit-overlay\" (click)=\"onEditClick($event)\">\n      <div class=\"avatar-business__edit-btn\">\n        <ius-icon-sm iconName=\"icon-edit\"></ius-icon-sm>\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{display:inline-block}.avatar-business{position:relative;display:flex;justify-content:center;align-items:center;background-color:#edf6ff;overflow:hidden;flex-shrink:0}.avatar-business.circle{border-radius:50%}.avatar-business.square{border-radius:8px}.avatar-business.xs{width:14px;height:14px}.avatar-business.sm{width:24px;height:24px}.avatar-business.md{width:32px;height:32px}.avatar-business.lg{width:40px;height:40px}.avatar-business.xl{width:64px;height:64px}.avatar-business.xxl{width:96px;height:96px}.avatar-business__image{width:100%;height:100%;object-fit:cover;display:block}.avatar-business__label{color:var(--ColorText-colorTextPrimary, #333);-webkit-user-select:none;user-select:none}.avatar-business__edit-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;border:.5px solid var(--Stroke, #EAEAEA);opacity:0;transition:opacity .2s ease;cursor:pointer}.avatar-business__edit-overlay:active{background-color:#fafafa}.avatar-business__edit-btn{display:flex;justify-content:center;align-items:center;width:38px;height:38px;border-radius:50%;background-color:#fff;color:#333;pointer-events:none}.avatar-business:hover .avatar-business__edit-overlay{opacity:1}.icon{color:#c4dfff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: IconLgComponent, selector: "ius-icon-lg", inputs: ["iconName", "color"] }, { kind: "component", type: IconXlComponent, selector: "ius-icon-xl", inputs: ["iconName", "color"] }, { kind: "component", type: IconXxlComponent, selector: "ius-icon-xxl", inputs: ["iconName", "color"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AvatarBusinessComponent, isStandalone: true, selector: "ius-avatar-business", inputs: { imageUrl: "imageUrl", label: "label", size: "size", shape: "shape", showEditButton: "showEditButton", fallbackIconName: "fallbackIconName" }, outputs: { editClicked: "editClicked" }, ngImport: i0, template: "<div\r\n  class=\"avatar-business\"\r\n  [ngClass]=\"[size, shape]\"\r\n>\r\n  @if (imageUrl) {\r\n    <img [src]=\"imageUrl\" [alt]=\"label || 'avatar'\" class=\"avatar-business__image\" />\r\n  } @else if (label) {\r\n    <span class=\"body-large avatar-business__label\">{{ label }}</span>\r\n  } @else {\r\n    @switch (size) {\r\n      @case ('xs') {\r\n        <ius-icon-xs class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xs>\r\n      }\r\n      @case ('sm') {\r\n        <ius-icon-sm class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-sm>\r\n      }\r\n      @case ('md') {\r\n        <ius-icon-md class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-md>\r\n      }\r\n      @case ('lg') {\r\n        <ius-icon-lg class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-lg>\r\n      }\r\n      @case ('xl') {\r\n        <ius-icon-xl class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xl>\r\n      }\r\n      @case ('xxl') {\r\n        <ius-icon-xxl class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xxl>\r\n      }\r\n    }\r\n  }\r\n\r\n  @if (showEditButton) {\r\n    <div class=\"avatar-business__edit-overlay\" (click)=\"onEditClick($event)\">\r\n      <div class=\"avatar-business__edit-btn\">\r\n        <ius-icon-sm iconName=\"icon-edit\"></ius-icon-sm>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:inline-block}.avatar-business{position:relative;display:flex;justify-content:center;align-items:center;background-color:#edf6ff;overflow:hidden;flex-shrink:0}.avatar-business.circle{border-radius:50%}.avatar-business.square{border-radius:8px}.avatar-business.xs{width:14px;height:14px}.avatar-business.sm{width:24px;height:24px}.avatar-business.md{width:32px;height:32px}.avatar-business.lg{width:40px;height:40px}.avatar-business.xl{width:64px;height:64px}.avatar-business.xxl{width:96px;height:96px}.avatar-business__image{width:100%;height:100%;object-fit:cover;display:block}.avatar-business__label{color:var(--ColorText-colorTextPrimary, #333);-webkit-user-select:none;user-select:none}.avatar-business__edit-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;border:.5px solid var(--Stroke, #EAEAEA);opacity:0;transition:opacity .2s ease;cursor:pointer}.avatar-business__edit-overlay:active{background-color:#fafafa}.avatar-business__edit-btn{display:flex;justify-content:center;align-items:center;width:38px;height:38px;border-radius:50%;background-color:#fff;color:#333;pointer-events:none}.avatar-business:hover .avatar-business__edit-overlay{opacity:1}.icon{color:#c4dfff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: IconLgComponent, selector: "ius-icon-lg", inputs: ["iconName", "color"] }, { kind: "component", type: IconXlComponent, selector: "ius-icon-xl", inputs: ["iconName", "color"] }, { kind: "component", type: IconXxlComponent, selector: "ius-icon-xxl", inputs: ["iconName", "color"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarBusinessComponent, decorators: [{
             type: Component,
@@ -7625,7 +7674,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         IconLgComponent,
                         IconXlComponent,
                         IconXxlComponent,
-                    ], template: "<div\n  class=\"avatar-business\"\n  [ngClass]=\"[size, shape]\"\n>\n  @if (imageUrl) {\n    <img [src]=\"imageUrl\" [alt]=\"label || 'avatar'\" class=\"avatar-business__image\" />\n  } @else if (label) {\n    <span class=\"body-large avatar-business__label\">{{ label }}</span>\n  } @else {\n    @switch (size) {\n      @case ('xs') {\n        <ius-icon-xs class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xs>\n      }\n      @case ('sm') {\n        <ius-icon-sm class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-sm>\n      }\n      @case ('md') {\n        <ius-icon-md class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-md>\n      }\n      @case ('lg') {\n        <ius-icon-lg class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-lg>\n      }\n      @case ('xl') {\n        <ius-icon-xl class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xl>\n      }\n      @case ('xxl') {\n        <ius-icon-xxl class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xxl>\n      }\n    }\n  }\n\n  @if (showEditButton) {\n    <div class=\"avatar-business__edit-overlay\" (click)=\"onEditClick($event)\">\n      <div class=\"avatar-business__edit-btn\">\n        <ius-icon-sm iconName=\"icon-edit\"></ius-icon-sm>\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{display:inline-block}.avatar-business{position:relative;display:flex;justify-content:center;align-items:center;background-color:#edf6ff;overflow:hidden;flex-shrink:0}.avatar-business.circle{border-radius:50%}.avatar-business.square{border-radius:8px}.avatar-business.xs{width:14px;height:14px}.avatar-business.sm{width:24px;height:24px}.avatar-business.md{width:32px;height:32px}.avatar-business.lg{width:40px;height:40px}.avatar-business.xl{width:64px;height:64px}.avatar-business.xxl{width:96px;height:96px}.avatar-business__image{width:100%;height:100%;object-fit:cover;display:block}.avatar-business__label{color:var(--ColorText-colorTextPrimary, #333);-webkit-user-select:none;user-select:none}.avatar-business__edit-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;border:.5px solid var(--Stroke, #EAEAEA);opacity:0;transition:opacity .2s ease;cursor:pointer}.avatar-business__edit-overlay:active{background-color:#fafafa}.avatar-business__edit-btn{display:flex;justify-content:center;align-items:center;width:38px;height:38px;border-radius:50%;background-color:#fff;color:#333;pointer-events:none}.avatar-business:hover .avatar-business__edit-overlay{opacity:1}.icon{color:#c4dfff}\n"] }]
+                    ], template: "<div\r\n  class=\"avatar-business\"\r\n  [ngClass]=\"[size, shape]\"\r\n>\r\n  @if (imageUrl) {\r\n    <img [src]=\"imageUrl\" [alt]=\"label || 'avatar'\" class=\"avatar-business__image\" />\r\n  } @else if (label) {\r\n    <span class=\"body-large avatar-business__label\">{{ label }}</span>\r\n  } @else {\r\n    @switch (size) {\r\n      @case ('xs') {\r\n        <ius-icon-xs class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xs>\r\n      }\r\n      @case ('sm') {\r\n        <ius-icon-sm class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-sm>\r\n      }\r\n      @case ('md') {\r\n        <ius-icon-md class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-md>\r\n      }\r\n      @case ('lg') {\r\n        <ius-icon-lg class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-lg>\r\n      }\r\n      @case ('xl') {\r\n        <ius-icon-xl class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xl>\r\n      }\r\n      @case ('xxl') {\r\n        <ius-icon-xxl class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xxl>\r\n      }\r\n    }\r\n  }\r\n\r\n  @if (showEditButton) {\r\n    <div class=\"avatar-business__edit-overlay\" (click)=\"onEditClick($event)\">\r\n      <div class=\"avatar-business__edit-btn\">\r\n        <ius-icon-sm iconName=\"icon-edit\"></ius-icon-sm>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:inline-block}.avatar-business{position:relative;display:flex;justify-content:center;align-items:center;background-color:#edf6ff;overflow:hidden;flex-shrink:0}.avatar-business.circle{border-radius:50%}.avatar-business.square{border-radius:8px}.avatar-business.xs{width:14px;height:14px}.avatar-business.sm{width:24px;height:24px}.avatar-business.md{width:32px;height:32px}.avatar-business.lg{width:40px;height:40px}.avatar-business.xl{width:64px;height:64px}.avatar-business.xxl{width:96px;height:96px}.avatar-business__image{width:100%;height:100%;object-fit:cover;display:block}.avatar-business__label{color:var(--ColorText-colorTextPrimary, #333);-webkit-user-select:none;user-select:none}.avatar-business__edit-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;border:.5px solid var(--Stroke, #EAEAEA);opacity:0;transition:opacity .2s ease;cursor:pointer}.avatar-business__edit-overlay:active{background-color:#fafafa}.avatar-business__edit-btn{display:flex;justify-content:center;align-items:center;width:38px;height:38px;border-radius:50%;background-color:#fff;color:#333;pointer-events:none}.avatar-business:hover .avatar-business__edit-overlay{opacity:1}.icon{color:#c4dfff}\n"] }]
         }], propDecorators: { imageUrl: [{
                 type: Input
             }], label: [{