@litigiovirtual/ius-design-components 1.0.251 → 1.0.256

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

@@ -1687,7 +1687,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\r\n  class=\"avatar\"\r\n  [ngClass]=\"[size, shape]\"\r\n  [class.has-image]=\"imageUrl && imageUrl !== ''\"\r\n  [ngStyle]=\"containerStyle\"\r\n>\r\n  @if (imageUrl && 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 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__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:#edf6ff;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,background-color .2s ease;cursor:pointer}.avatar.has-image__edit-overlay{background-color:#ffffff59;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.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}.icon{color:#c4dfff}\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  [class.has-image]=\"imageUrl && imageUrl !== ''\"\r\n  [ngStyle]=\"containerStyle\"\r\n>\r\n  @if (imageUrl && 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 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__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:#edf6ff;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,background-color .2s ease;cursor:pointer}.avatar.has-image .avatar__edit-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff3}.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}.icon{color:#c4dfff}\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,
@@ -1699,7 +1699,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         IconXlComponent,
                         IconXxlComponent,
                         IconLgComponent
-                    ], template: "<div\r\n  class=\"avatar\"\r\n  [ngClass]=\"[size, shape]\"\r\n  [class.has-image]=\"imageUrl && imageUrl !== ''\"\r\n  [ngStyle]=\"containerStyle\"\r\n>\r\n  @if (imageUrl && 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 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__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:#edf6ff;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,background-color .2s ease;cursor:pointer}.avatar.has-image__edit-overlay{background-color:#ffffff59;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.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}.icon{color:#c4dfff}\n"] }]
+                    ], template: "<div\r\n  class=\"avatar\"\r\n  [ngClass]=\"[size, shape]\"\r\n  [class.has-image]=\"imageUrl && imageUrl !== ''\"\r\n  [ngStyle]=\"containerStyle\"\r\n>\r\n  @if (imageUrl && 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 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__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:#edf6ff;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,background-color .2s ease;cursor:pointer}.avatar.has-image .avatar__edit-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff3}.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}.icon{color:#c4dfff}\n"] }]
         }], propDecorators: { imageUrl: [{
                 type: Input
             }], name: [{
@@ -1788,7 +1788,7 @@ class SectionCollapseDrawerParentComponent {
         this.buttonClicked.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionCollapseDrawerParentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionCollapseDrawerParentComponent, isStandalone: true, selector: "ius-section-collapse-drawer-parent", inputs: { isActive: "isActive", disabled: "disabled", textTitle: "textTitle", iconName: "iconName" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"dropdown-container\">\r\n  <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive }\">\r\n    @if(iconName !== '') {\r\n    <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n    }\r\n    <span>{{textTitle}}</span>\r\n    <ius-icon-sm class=\"arrow\"\r\n      [iconName]=\"isActive && !disabled ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\">\r\n    </ius-icon-sm>\r\n  </button>\r\n</div>\r\n@if (isActive && !disabled) {\r\n<div @slideInOut>\r\n  <ng-content></ng-content>\r\n</div>\r\n}", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.icon-color,.icon-doc-color{color:#5892ff}.arrow{margin-left:auto;padding-bottom:5px}.ius-btn{display:inline-flex;width:100%;height:48px;padding:12px 8px;align-items:center;gap:8px;background-color:#fafafa;color:#333;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1.125rem;line-height:24px;letter-spacing:1%;justify-content:space-between}.ius-btn:hover:not(:disabled){color:#103ab7}.ius-btn:active:not(:disabled){background-color:#edf6ff}.ius-btn:disabled{color:#bfbfbf;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionCollapseDrawerParentComponent, isStandalone: true, selector: "ius-section-collapse-drawer-parent", inputs: { isActive: "isActive", disabled: "disabled", textTitle: "textTitle", iconName: "iconName" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"dropdown-container\">\r\n  <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive }\">\r\n    @if(iconName !== '') {\r\n    <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n    }\r\n    <span>{{textTitle}}</span>\r\n    <ius-icon-sm class=\"arrow\"\r\n      [iconName]=\"isActive && !disabled ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\">\r\n    </ius-icon-sm>\r\n  </button>\r\n</div>\r\n@if (isActive && !disabled) {\r\n<div @slideInOut>\r\n  <ng-content></ng-content>\r\n</div>\r\n}", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.icon-color,.icon-doc-color{color:#5892ff}.arrow{margin-left:auto;padding-bottom:5px}.ius-btn{display:inline-flex;width:100%;height:48px;padding:12px;align-items:center;gap:8px;background-color:#fafafa;color:#333;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1.125rem;line-height:24px;letter-spacing:1%;justify-content:space-between}.ius-btn:hover:not(:disabled){color:#103ab7}.ius-btn:active:not(:disabled){background-color:#edf6ff}.ius-btn:disabled{color:#bfbfbf;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }], animations: [
             trigger('slideInOut', [
                 state('void', style({
                     height: '0px',
@@ -1828,7 +1828,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                                 animate('370ms ease-out')
                             ])
                         ])
-                    ], template: "<div class=\"dropdown-container\">\r\n  <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive }\">\r\n    @if(iconName !== '') {\r\n    <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n    }\r\n    <span>{{textTitle}}</span>\r\n    <ius-icon-sm class=\"arrow\"\r\n      [iconName]=\"isActive && !disabled ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\">\r\n    </ius-icon-sm>\r\n  </button>\r\n</div>\r\n@if (isActive && !disabled) {\r\n<div @slideInOut>\r\n  <ng-content></ng-content>\r\n</div>\r\n}", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.icon-color,.icon-doc-color{color:#5892ff}.arrow{margin-left:auto;padding-bottom:5px}.ius-btn{display:inline-flex;width:100%;height:48px;padding:12px 8px;align-items:center;gap:8px;background-color:#fafafa;color:#333;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1.125rem;line-height:24px;letter-spacing:1%;justify-content:space-between}.ius-btn:hover:not(:disabled){color:#103ab7}.ius-btn:active:not(:disabled){background-color:#edf6ff}.ius-btn:disabled{color:#bfbfbf;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"] }]
+                    ], template: "<div class=\"dropdown-container\">\r\n  <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive }\">\r\n    @if(iconName !== '') {\r\n    <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n    }\r\n    <span>{{textTitle}}</span>\r\n    <ius-icon-sm class=\"arrow\"\r\n      [iconName]=\"isActive && !disabled ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\">\r\n    </ius-icon-sm>\r\n  </button>\r\n</div>\r\n@if (isActive && !disabled) {\r\n<div @slideInOut>\r\n  <ng-content></ng-content>\r\n</div>\r\n}", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.icon-color,.icon-doc-color{color:#5892ff}.arrow{margin-left:auto;padding-bottom:5px}.ius-btn{display:inline-flex;width:100%;height:48px;padding:12px;align-items:center;gap:8px;background-color:#fafafa;color:#333;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1.125rem;line-height:24px;letter-spacing:1%;justify-content:space-between}.ius-btn:hover:not(:disabled){color:#103ab7}.ius-btn:active:not(:disabled){background-color:#edf6ff}.ius-btn:disabled{color:#bfbfbf;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"] }]
         }], propDecorators: { isActive: [{
                 type: Input
             }], disabled: [{
@@ -1941,11 +1941,11 @@ class MenuItemComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MenuItemComponent, isStandalone: true, selector: "ius-menu-item", inputs: { isActive: "isActive", iconName: "iconName", numberAlerts: "numberAlerts" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{'isActive': isActive}\">\r\n    <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n    <div class=\"content\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    @if (numberAlerts) {\r\n    <ius-badge class=\"badge\" [number]=\"numberAlerts\"></ius-badge>\r\n    }\r\n</button>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.icon-color{color:#9c3}.badge{margin-left:auto}.ius-btn{display:inline-flex;width:100%;padding:4px 16px;align-items:center;justify-content:space-between;gap:12px;border-radius:8px;background-color:#fafafa;color:#333;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;line-height:22px}.ius-btn:hover:not(:disabled){background-color:#eaeaea}.ius-btn:active:not(:disabled){background-color:#9c3;color:#fff}.ius-btn:active:not(:disabled) .icon-color{color:#fff}.ius-btn.isActive{background-color:#eaeaea}.content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:left;flex:1 0 0;min-width:0}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BadgeComponent, selector: "ius-badge", inputs: ["number"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MenuItemComponent, isStandalone: true, selector: "ius-menu-item", inputs: { isActive: "isActive", iconName: "iconName", numberAlerts: "numberAlerts" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{'isActive': isActive}\">\r\n    <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n    <div class=\"content\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    @if (numberAlerts) {\r\n    <ius-badge class=\"badge\" [number]=\"numberAlerts\"></ius-badge>\r\n    }\r\n</button>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.icon-color{color:#9c3}.badge{margin-left:auto}.ius-btn{display:inline-flex;min-width:230px;padding:4px 16px;align-items:center;justify-content:space-between;gap:12px;border-radius:8px;background-color:#fafafa;color:#333;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;line-height:22px}.ius-btn:hover:not(:disabled){background-color:#eaeaea}.ius-btn:active:not(:disabled){background-color:#9c3;color:#fff}.ius-btn:active:not(:disabled) .icon-color{color:#fff}.ius-btn.isActive{background-color:#eaeaea}.content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:left;flex:1 0 0;min-width:0}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BadgeComponent, selector: "ius-badge", inputs: ["number"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ius-menu-item', standalone: true, imports: [IconMdComponent, CommonModule, BadgeComponent], template: "<button (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{'isActive': isActive}\">\r\n    <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n    <div class=\"content\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    @if (numberAlerts) {\r\n    <ius-badge class=\"badge\" [number]=\"numberAlerts\"></ius-badge>\r\n    }\r\n</button>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.icon-color{color:#9c3}.badge{margin-left:auto}.ius-btn{display:inline-flex;width:100%;padding:4px 16px;align-items:center;justify-content:space-between;gap:12px;border-radius:8px;background-color:#fafafa;color:#333;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;line-height:22px}.ius-btn:hover:not(:disabled){background-color:#eaeaea}.ius-btn:active:not(:disabled){background-color:#9c3;color:#fff}.ius-btn:active:not(:disabled) .icon-color{color:#fff}.ius-btn.isActive{background-color:#eaeaea}.content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:left;flex:1 0 0;min-width:0}\n"] }]
+            args: [{ selector: 'ius-menu-item', standalone: true, imports: [IconMdComponent, CommonModule, BadgeComponent], template: "<button (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{'isActive': isActive}\">\r\n    <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n    <div class=\"content\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    @if (numberAlerts) {\r\n    <ius-badge class=\"badge\" [number]=\"numberAlerts\"></ius-badge>\r\n    }\r\n</button>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.icon-color{color:#9c3}.badge{margin-left:auto}.ius-btn{display:inline-flex;min-width:230px;padding:4px 16px;align-items:center;justify-content:space-between;gap:12px;border-radius:8px;background-color:#fafafa;color:#333;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;line-height:22px}.ius-btn:hover:not(:disabled){background-color:#eaeaea}.ius-btn:active:not(:disabled){background-color:#9c3;color:#fff}.ius-btn:active:not(:disabled) .icon-color{color:#fff}.ius-btn.isActive{background-color:#eaeaea}.content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:left;flex:1 0 0;min-width:0}\n"] }]
         }], propDecorators: { isActive: [{
                 type: Input
             }], iconName: [{
@@ -2583,7 +2583,7 @@ class DateHourPickerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateHourPickerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DateHourPickerComponent, isStandalone: true, selector: "ius-date-hour-picker", inputs: { label: "label", placeholder: "placeholder", error: "error", helpText: "helpText", helpTextError: "helpTextError", errorText: "errorText", disabled: "disabled", iconHelp: "iconHelp", isRequired: "isRequired", mode: "mode" }, outputs: { dateSelected: "dateSelected", onBlurEvent: "onBlurEvent" }, host: { listeners: { "document:click": "handleOutsideClick($event)" } }, viewQueries: [{ propertyName: "connectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true }], ngImport: i0, template: "<div class=\"date-picker\" [class.disabled]=\"disabled\">\r\n  <div class=\"text\">\r\n    @if (isRequired) {\r\n    <div class=\"required\"></div>\r\n    }\r\n\r\n    <label class=\"label label-base\">{{ label }}</label>\r\n\r\n    @if (iconHelp) {\r\n      <div class=\"help-icon\">\r\n        <ius-icon-md iconName=\"icon-help\"></ius-icon-md>\r\n      </div>\r\n    }\r\n\r\n    <label class=\"label label-base\">:</label>\r\n  </div>\r\n\r\n  <div class=\"input-wrapper\">\r\n    <!-- Origen del overlay -->\r\n    <div\r\n      class=\"container-textfield\"\r\n      [ngClass]=\"{\r\n        disabled: disabled,\r\n        focused: calendarOpen || focused,\r\n        alert: !calendarOpen && (error || isAlertText) && !disabled,\r\n        selected: selectedDate\r\n      }\"\r\n      (click)=\"toggleCalendar()\"\r\n      cdkOverlayOrigin #origin=\"cdkOverlayOrigin\"\r\n    >\r\n      <div class=\"input\">\r\n        <input\r\n          [placeholder]=\"placeholder\"\r\n          [value]=\"selectedDate ? getDisplayValue() : ''\"\r\n          readonly\r\n          [disabled]=\"disabled\"\r\n        />\r\n        <div class=\"cnt-icon-right\">\r\n          <ius-icon-md iconName=\"icon-calendar-today\"></ius-icon-md>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- ======== OVERLAY (CDK) ======== -->\r\n    <ng-template\r\n      cdkConnectedOverlay\r\n      [cdkConnectedOverlayOpen]=\"calendarOpen\"\r\n      [cdkConnectedOverlayOrigin]=\"origin\"\r\n      [cdkConnectedOverlayPositions]=\"overlayPositions\"\r\n      [cdkConnectedOverlayHasBackdrop]=\"false\"\r\n      [cdkConnectedOverlayPush]=\"true\"\r\n      [cdkConnectedOverlayFlexibleDimensions]=\"false\"\r\n      [cdkConnectedOverlayPanelClass]=\"'calendar-overlay-panel'\"\r\n    >\r\n      <div\r\n        class=\"calendar-overlay\"\r\n        [class.time-only]=\"mode === 'time-only'\"\r\n        [class.date-only]=\"mode === 'date-only'\"\r\n      >\r\n        <div class=\"calendar-content\">\r\n          @if (mode !== 'time-only') {\r\n          <div class=\"calendar-side\">\r\n            <div class=\"calendar-header\">\r\n              <ius-button-standard-tertiary\r\n                iconName=\"icon-keyboard-arrow-left\"\r\n                (buttonClicked)=\"prev()\"\r\n              ></ius-button-standard-tertiary>\r\n\r\n              <span (click)=\"calendarView = nextView(calendarView)\">\r\n              @switch (calendarView) { @case ('day') {\r\n              {{ getMonthName(viewDate.getMonth()) }}\r\n              {{ viewDate.getFullYear() }}\r\n              } @case ('month') {\r\n              {{ viewDate.getFullYear() }}\r\n              } @case ('year') {\r\n              {{ getDecadeStart() }}-{{ getDecadeStart() + 9 }}\r\n              } }\r\n              </span>\r\n\r\n              <ius-button-standard-tertiary\r\n                iconName=\"icon-keyboard-arrow-right\"\r\n                (buttonClicked)=\"next()\"\r\n              ></ius-button-standard-tertiary>\r\n            </div>\r\n\r\n            <div class=\"calendar-body\">\r\n            @switch (calendarView) { @case ('day') {\r\n                  <div class=\"grid days\">\r\n              @for (day of dayLabels; track day) {\r\n              <div class=\"header\">{{ day }}</div>\r\n              } @for (date of calendarDays; track date) {\r\n                      <div\r\n                        class=\"cell\"\r\n                [class.selected]=\"\r\n                  selectedDate && isSameDate(date, selectedDate)\r\n                \"\r\n                        [class.out-of-range]=\"date.getMonth() !== viewDate.getMonth()\"\r\n                        (click)=\"selectDate(date, true)\"\r\n                      >\r\n                        {{ date.getDate() }}\r\n                      </div>\r\n                    }\r\n                  </div>\r\n            } @case ('month') {\r\n                  <div class=\"grid months\">\r\n                    @for (m of months; track m; let i = $index) {\r\n                      <div class=\"cell\" (click)=\"setMonth(i)\">{{ m }}</div>\r\n                    }\r\n                  </div>\r\n            } @case ('year') {\r\n                  <div class=\"grid years\">\r\n                    @for (i of yearsArray; track i) {\r\n                      <div\r\n                        class=\"cell\"\r\n                        [class.out-of-range]=\"i === 0 || i === 11\"\r\n                        (click)=\"setYear(getDecadeStart() - 1 + i)\"\r\n                      >\r\n                        {{ getDecadeStart() - 1 + i }}\r\n                      </div>\r\n                    }\r\n                  </div>\r\n            } }\r\n            </div>\r\n          </div>\r\n        } @if (mode !== 'date-only') {\r\n          <div class=\"time-selector\">\r\n            <button class=\"time-title\">\r\n              <span>\r\n                {{ selectedHour | number : \"2.0\" }}:{{\r\n                  selectedMinute === 0 ? \"00\" : (selectedMinute | number : \"2.0\")\r\n                }}\r\n                {{ selectedPeriod }}\r\n              </span>\r\n            </button>\r\n            <ius-simple-divider></ius-simple-divider>\r\n            <div class=\"time-columns\">\r\n              <div class=\"column scrollable\">\r\n                @for (h of hours; track h) {\r\n                <div\r\n                  [class.selected]=\"h === selectedHour\"\r\n                (click)=\"\r\n                  selectedHour = h;\r\n                  mode === 'time-only'\r\n                    ? selectTime()\r\n                    : selectDate(viewDate, true)\r\n                \"\r\n                >\r\n                  {{ h | number : \"2.0\" }}\r\n                </div>\r\n                }\r\n              </div>\r\n              <div class=\"divider\"></div>\r\n              <div class=\"column scrollable\">\r\n                @for (m of minutes; track m) {\r\n                <div\r\n                  [class.selected]=\"m === selectedMinute\"\r\n                (click)=\"\r\n                  selectedMinute = m;\r\n                  mode === 'time-only'\r\n                    ? selectTime()\r\n                    : selectDate(viewDate, true)\r\n                \"\r\n                >\r\n                  {{ m | number : \"2.0\" }}\r\n                </div>\r\n                }\r\n              </div>\r\n              <div class=\"divider\"></div>\r\n              <div class=\"column\">\r\n                <div\r\n                  [class.selected]=\"'AM' === selectedPeriod\"\r\n                (click)=\"\r\n                  selectedPeriod = 'AM';\r\n                  mode === 'time-only'\r\n                    ? selectTime()\r\n                    : selectDate(viewDate, false)\r\n                \"\r\n                >\r\n                  AM\r\n                </div>\r\n                <div\r\n                  [class.selected]=\"'PM' === selectedPeriod\"\r\n                (click)=\"\r\n                  selectedPeriod = 'PM';\r\n                  mode === 'time-only'\r\n                    ? selectTime()\r\n                    : selectDate(viewDate, false)\r\n                \"\r\n                >\r\n                  PM\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          }\r\n        </div>\r\n\r\n        <ius-simple-divider></ius-simple-divider>\r\n        <button class=\"today\" (click)=\"goToToday()\">\r\n        @if (mode === 'date-only') { Fecha actual } @else if (mode ===\r\n        'time-only') { Hora actual } @else { Fecha y hora actual }\r\n        </button>\r\n      </div>\r\n    </ng-template>\r\n    <!-- ======== /OVERLAY (CDK) ======== -->\r\n  </div>\r\n  @if (helpText && focused && !error && !isAlertText) {\r\n  <div class=\"help-text\">\r\n    {{ helpText }}\r\n  </div>\r\n  } @if ((errorText || helpTextError) && (error || isAlertText)) {\r\n  <div class=\"help-text-error\">\r\n    {{ errorText ?? helpTextError }}\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}.required{width:4px;height:4px;aspect-ratio:1/1;border-radius:50%;background-color:#ff4e3a}.text{display:flex;align-items:center;margin-bottom:8px;gap:4px}.cdk-overlay-pane.calendar-overlay-panel{z-index:9000;position:absolute!important}.input-wrapper{position:relative;display:inline-block;width:100%}.date-picker{width:100%;position:relative;display:flex;flex-direction:column}.date-picker.disabled{opacity:.6;pointer-events:none}.date-picker .label{color:#333}.date-picker .help-icon{color:#595959}.container-textfield{display:flex;position:relative;align-items:flex-start;gap:4px}.container-textfield .input{width:100%;display:flex;align-items:flex-start;justify-content:center;gap:4px;padding:12px;border-radius:8px;background:#f5f5f5;cursor:pointer;border:none}.container-textfield .input input{flex:1;outline:none;border:none;background:#f5f5f5;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;font-style:normal;line-height:20px;letter-spacing:.28px;cursor:pointer}.container-textfield .cnt-icon-right{display:flex;align-items:center;justify-content:center;color:#333}.container-textfield:hover .input,.container-textfield:hover .input input{background-color:#edf6ff}.container-textfield:hover .input .cnt-icon-right{color:#061b7a}.container-textfield.focused .input{border:1px solid #0581BC;background:#edf6ff}.container-textfield.focused .input input{background-color:#edf6ff;border:none}.container-textfield.focused .input .cnt-icon-right{color:#061b7a}.container-textfield.alert .input{border-radius:8px;border:1px solid #DB2E2A;background:#fff4f0}.container-textfield.alert .input input{background:#fff4f0}.container-textfield.alert .input .cnt-icon-right{color:#db2e2a}.container-textfield.selected .input{background:#f5f5f5}.container-textfield.selected .input input{background:#f5f5f5;border:none;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.container-textfield.selected .input .help-icon{color:#595959}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.disabled .cnt-icon-right{color:#bfbfbf}.calendar-overlay{display:inline-block;border-radius:8px;border:1px solid #f5f5f5;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.calendar-overlay.time-only{min-width:200px;width:auto}.calendar-overlay.time-only .calendar-content{flex-direction:column;align-items:center;padding:12px}.calendar-overlay.time-only .time-selector{border-left:none;border-top:1px solid #f0f0f0;padding:12px;min-width:180px;width:100%}.calendar-overlay.time-only .time-selector .time-columns{justify-content:center;gap:8px}.calendar-overlay.time-only .time-selector .column{height:150px}.calendar-overlay.date-only{min-width:280px;width:auto}.calendar-overlay.date-only .calendar-content{flex-direction:column;align-items:center}.calendar-overlay.date-only .calendar-side{min-width:260px;width:100%}.calendar-content{display:flex;flex-direction:row;width:auto;max-width:none;max-height:60vh;overflow:hidden}.calendar-side{padding:12px;flex:1;min-width:260px}.calendar-header{display:flex;align-items:center;align-self:stretch}.calendar-header span{flex:1;display:flex;justify-content:center;align-items:center;color:#333;cursor:pointer;font-family:Roboto;font-size:1rem;font-weight:500;font-style:normal;line-height:22px}.calendar-body{display:flex;flex-direction:column;gap:8px;margin:0 10px}.grid{display:grid;gap:8px}.grid.days{grid-template-columns:repeat(7,1fr)}.grid.months,.grid.years{margin-left:27px;grid-template-columns:repeat(3,1fr)}.grid .header{display:flex;align-items:center;height:30px;padding:2px 4px;gap:16px;color:#333;font-family:Rubik;font-size:.75rem;font-weight:500;font-style:normal;line-height:16px;letter-spacing:.24px}.grid .cell{display:flex;width:24px;height:24px;min-width:24px;min-height:24px;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:1/1;background:#fff;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;font-style:normal;line-height:20px;letter-spacing:.28px;cursor:pointer}.grid .cell:hover{background:#edf6ff}.grid .cell.out-of-range{color:#bfbfbf}.grid .cell.selected{border-radius:100px;border:1px solid #184FDB;background:#2167ff;color:#fff}.today{margin-top:8px;width:100%;padding:8px;border:none;background:transparent;display:flex;justify-content:center;align-items:center;gap:4px;color:#333;cursor:pointer;font-family:Roboto;font-size:1rem;font-weight:500;font-style:normal;line-height:22px}.today:hover{background-color:#edf6ff;border-radius:4px}.calendar-overlay .calendar-content{overflow-x:hidden}.time-selector{border-left:1px solid #f0f0f0;padding:12px 8px;display:flex;flex-direction:column;gap:8px;min-width:150px}.time-selector .time-columns{display:flex;gap:4px;justify-content:center}.time-selector .time-title{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;align-self:stretch;border-radius:4px;border:none;background-color:#fff}.time-selector .time-title span{color:#333;font-family:Roboto,sans-serif;font-size:1rem;font-style:normal;font-weight:500;line-height:22px}.time-selector .divider{background-color:#b6b4b430;height:100%;width:1px}.time-selector .column{overflow-y:auto;display:flex;height:218px;flex-direction:column;align-items:flex-start;margin:0 2px}.time-selector .column .list{display:flex;padding:4px 8px;justify-content:flex-end;align-items:flex-start;gap:8px;align-self:stretch}.time-selector .column::-webkit-scrollbar{width:4px}.time-selector .column::-webkit-scrollbar-thumb{background-color:#fff;border-radius:4px}.time-selector .column div{display:flex;height:28px;padding:4px 8px;justify-content:flex-end;align-items:flex-start;gap:8px;flex-shrink:0;align-self:stretch;background:#fff;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.time-selector .column div:hover{cursor:pointer}.time-selector .column div.selected{display:flex;padding:4px 8px;justify-content:flex-end;align-items:center;gap:8px;align-self:stretch;border-radius:8px;background:#2167ff;color:#fff}.time-selector .today{margin-top:8px;padding:8px;text-align:center;font-weight:500;color:#333}.help-text{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.help-text-error{display:flex;position:absolute;margin-top:4px;color:#931224;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1$1.DecimalPipe, name: "number" }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: // ✅ CDK Overlay
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DateHourPickerComponent, isStandalone: true, selector: "ius-date-hour-picker", inputs: { label: "label", placeholder: "placeholder", error: "error", helpText: "helpText", helpTextError: "helpTextError", errorText: "errorText", disabled: "disabled", iconHelp: "iconHelp", isRequired: "isRequired", mode: "mode" }, outputs: { dateSelected: "dateSelected", onBlurEvent: "onBlurEvent" }, host: { listeners: { "document:click": "handleOutsideClick($event)" } }, viewQueries: [{ propertyName: "connectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true }], ngImport: i0, template: "<div class=\"date-picker\" [class.disabled]=\"disabled\">\r\n  <div class=\"text\">\r\n    @if (isRequired) {\r\n    <div class=\"required\"></div>\r\n    }\r\n\r\n    <label class=\"label label-base\">{{ label }}</label>\r\n\r\n    @if (iconHelp) {\r\n      <div class=\"help-icon\">\r\n        <ius-icon-md iconName=\"icon-help\"></ius-icon-md>\r\n      </div>\r\n    }\r\n\r\n    <label class=\"label label-base\">:</label>\r\n  </div>\r\n\r\n  <div class=\"input-wrapper\">\r\n    <!-- Origen del overlay -->\r\n    <div\r\n      class=\"container-textfield\"\r\n      [ngClass]=\"{\r\n        disabled: disabled,\r\n        focused: calendarOpen || focused,\r\n        alert: !calendarOpen && (error || isAlertText) && !disabled,\r\n        selected: selectedDate\r\n      }\"\r\n      (click)=\"toggleCalendar()\"\r\n      cdkOverlayOrigin #origin=\"cdkOverlayOrigin\"\r\n    >\r\n      <div class=\"input\">\r\n        <input\r\n          [placeholder]=\"placeholder\"\r\n          [value]=\"selectedDate ? getDisplayValue() : ''\"\r\n          readonly\r\n          [disabled]=\"disabled\"\r\n        />\r\n        <div class=\"cnt-icon-right\">\r\n          <ius-icon-md iconName=\"icon-calendar-today\"></ius-icon-md>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- ======== OVERLAY (CDK) ======== -->\r\n    <ng-template\r\n      cdkConnectedOverlay\r\n      [cdkConnectedOverlayOpen]=\"calendarOpen\"\r\n      [cdkConnectedOverlayOrigin]=\"origin\"\r\n      [cdkConnectedOverlayPositions]=\"overlayPositions\"\r\n      [cdkConnectedOverlayHasBackdrop]=\"false\"\r\n      [cdkConnectedOverlayPush]=\"true\"\r\n      [cdkConnectedOverlayFlexibleDimensions]=\"false\"\r\n      [cdkConnectedOverlayPanelClass]=\"'calendar-overlay-panel'\"\r\n    >\r\n      <div\r\n        class=\"calendar-overlay\"\r\n        [class.time-only]=\"mode === 'time-only'\"\r\n        [class.date-only]=\"mode === 'date-only'\"\r\n      >\r\n        <div class=\"calendar-content\">\r\n          @if (mode !== 'time-only') {\r\n          <div class=\"calendar-side\">\r\n            <div class=\"calendar-header\">\r\n              <ius-button-standard-tertiary\r\n                iconName=\"icon-keyboard-arrow-left\"\r\n                (buttonClicked)=\"prev()\"\r\n              ></ius-button-standard-tertiary>\r\n\r\n              <span (click)=\"calendarView = nextView(calendarView)\">\r\n              @switch (calendarView) { @case ('day') {\r\n              {{ getMonthName(viewDate.getMonth()) }}\r\n              {{ viewDate.getFullYear() }}\r\n              } @case ('month') {\r\n              {{ viewDate.getFullYear() }}\r\n              } @case ('year') {\r\n              {{ getDecadeStart() }}-{{ getDecadeStart() + 9 }}\r\n              } }\r\n              </span>\r\n\r\n              <ius-button-standard-tertiary\r\n                iconName=\"icon-keyboard-arrow-right\"\r\n                (buttonClicked)=\"next()\"\r\n              ></ius-button-standard-tertiary>\r\n            </div>\r\n\r\n            <div class=\"calendar-body\">\r\n            @switch (calendarView) { @case ('day') {\r\n                  <div class=\"grid days\">\r\n              @for (day of dayLabels; track day) {\r\n              <div class=\"header\">{{ day }}</div>\r\n              } @for (date of calendarDays; track date) {\r\n                      <div\r\n                        class=\"cell\"\r\n                [class.selected]=\"\r\n                  selectedDate && isSameDate(date, selectedDate)\r\n                \"\r\n                        [class.out-of-range]=\"date.getMonth() !== viewDate.getMonth()\"\r\n                        (click)=\"selectDate(date, true)\"\r\n                      >\r\n                        {{ date.getDate() }}\r\n                      </div>\r\n                    }\r\n                  </div>\r\n            } @case ('month') {\r\n                  <div class=\"grid months\">\r\n                    @for (m of months; track m; let i = $index) {\r\n                      <div class=\"cell\" (click)=\"setMonth(i)\">{{ m }}</div>\r\n                    }\r\n                  </div>\r\n            } @case ('year') {\r\n                  <div class=\"grid years\">\r\n                    @for (i of yearsArray; track i) {\r\n                      <div\r\n                        class=\"cell\"\r\n                        [class.out-of-range]=\"i === 0 || i === 11\"\r\n                        (click)=\"setYear(getDecadeStart() - 1 + i)\"\r\n                      >\r\n                        {{ getDecadeStart() - 1 + i }}\r\n                      </div>\r\n                    }\r\n                  </div>\r\n            } }\r\n            </div>\r\n          </div>\r\n        } @if (mode !== 'date-only') {\r\n          <div class=\"time-selector\">\r\n            <button class=\"time-title\">\r\n              <span>\r\n                {{ selectedHour | number : \"2.0\" }}:{{\r\n                  selectedMinute === 0 ? \"00\" : (selectedMinute | number : \"2.0\")\r\n                }}\r\n                {{ selectedPeriod }}\r\n              </span>\r\n            </button>\r\n            <ius-simple-divider></ius-simple-divider>\r\n            <div class=\"time-columns\">\r\n              <div class=\"column scrollable\">\r\n                @for (h of hours; track h) {\r\n                <div\r\n                  [class.selected]=\"h === selectedHour\"\r\n                (click)=\"\r\n                  selectedHour = h;\r\n                  mode === 'time-only'\r\n                    ? selectTime()\r\n                    : selectDate(viewDate, true)\r\n                \"\r\n                >\r\n                  {{ h | number : \"2.0\" }}\r\n                </div>\r\n                }\r\n              </div>\r\n              <div class=\"divider\"></div>\r\n              <div class=\"column scrollable\">\r\n                @for (m of minutes; track m) {\r\n                <div\r\n                  [class.selected]=\"m === selectedMinute\"\r\n                (click)=\"\r\n                  selectedMinute = m;\r\n                  mode === 'time-only'\r\n                    ? selectTime()\r\n                    : selectDate(viewDate, true)\r\n                \"\r\n                >\r\n                  {{ m | number : \"2.0\" }}\r\n                </div>\r\n                }\r\n              </div>\r\n              <div class=\"divider\"></div>\r\n              <div class=\"column\">\r\n                <div\r\n                  [class.selected]=\"'AM' === selectedPeriod\"\r\n                (click)=\"\r\n                  selectedPeriod = 'AM';\r\n                  mode === 'time-only'\r\n                    ? selectTime()\r\n                    : selectDate(viewDate, false)\r\n                \"\r\n                >\r\n                  AM\r\n                </div>\r\n                <div\r\n                  [class.selected]=\"'PM' === selectedPeriod\"\r\n                (click)=\"\r\n                  selectedPeriod = 'PM';\r\n                  mode === 'time-only'\r\n                    ? selectTime()\r\n                    : selectDate(viewDate, false)\r\n                \"\r\n                >\r\n                  PM\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          }\r\n        </div>\r\n\r\n        <ius-simple-divider></ius-simple-divider>\r\n        <button class=\"today\" (click)=\"goToToday()\">\r\n        @if (mode === 'date-only') { Fecha actual } @else if (mode ===\r\n        'time-only') { Hora actual } @else { Fecha y hora actual }\r\n        </button>\r\n      </div>\r\n    </ng-template>\r\n    <!-- ======== /OVERLAY (CDK) ======== -->\r\n  </div>\r\n  @if (helpText && focused && !error && !isAlertText) {\r\n  <div class=\"help-text\">\r\n    {{ helpText }}\r\n  </div>\r\n  } @if ((errorText || helpTextError) && (error || isAlertText)) {\r\n  <div class=\"help-text-error\">\r\n    {{ errorText ?? helpTextError }}\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}.required{width:4px;height:4px;aspect-ratio:1/1;border-radius:50%;background-color:#ff4e3a}.text{display:flex;align-items:center;margin-bottom:8px;gap:4px}.cdk-overlay-pane.calendar-overlay-panel{z-index:9000;position:absolute!important}.input-wrapper{position:relative;display:inline-block;width:100%}.date-picker{width:100%;position:relative;display:flex;flex-direction:column}.date-picker.disabled{opacity:.6;pointer-events:none}.date-picker .label{color:#333}.date-picker .help-icon{color:#595959}.container-textfield{display:flex;position:relative;align-items:flex-start;gap:4px}.container-textfield .input{width:100%;display:flex;align-items:flex-start;justify-content:center;gap:4px;padding:12px;border-radius:8px;background:#f5f5f5;cursor:pointer;border:none}.container-textfield .input input{flex:1;outline:none;border:none;background:#f5f5f5;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;font-style:normal;line-height:20px;letter-spacing:.28px;cursor:pointer}.container-textfield .cnt-icon-right{display:flex;align-items:center;justify-content:center;color:#333}.container-textfield:hover .input,.container-textfield:hover .input input{background-color:#edf6ff}.container-textfield:hover .input .cnt-icon-right{color:#061b7a}.container-textfield.focused .input{border:1px solid #0581BC;background:#edf6ff}.container-textfield.focused .input input{background-color:#edf6ff;border:none}.container-textfield.focused .input .cnt-icon-right{color:#061b7a}.container-textfield.alert .input{border-radius:8px;border:1px solid #DB2E2A;background:#fff4f0}.container-textfield.alert .input input{background:#fff4f0}.container-textfield.alert .input .cnt-icon-right{color:#db2e2a}.container-textfield.selected .input{background:#f5f5f5}.container-textfield.selected .input input{background:#f5f5f5;border:none;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.container-textfield.selected .input .help-icon{color:#595959}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.disabled .cnt-icon-right{color:#bfbfbf}.calendar-overlay{display:inline-block;border-radius:8px;border:1px solid #f5f5f5;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.calendar-overlay.time-only{min-width:200px;width:auto}.calendar-overlay.time-only .calendar-content{flex-direction:column;align-items:center;padding:12px}.calendar-overlay.time-only .time-selector{border-left:none;border-top:1px solid #f0f0f0;padding:12px;min-width:180px;width:100%}.calendar-overlay.time-only .time-selector .time-columns{justify-content:center;gap:8px}.calendar-overlay.time-only .time-selector .column{height:150px}.calendar-overlay.date-only{min-width:280px;width:auto}.calendar-overlay.date-only .calendar-content{flex-direction:column;align-items:center}.calendar-overlay.date-only .calendar-side{min-width:260px;width:100%}.calendar-content{display:flex;flex-direction:row;width:auto;max-width:none;max-height:60vh;overflow:hidden}.calendar-side{padding:12px;flex:1;min-width:260px}.calendar-header{display:flex;align-items:center;align-self:stretch}.calendar-header span{flex:1;display:flex;justify-content:center;align-items:center;color:#333;cursor:pointer;font-family:Roboto;font-size:1rem;font-weight:500;font-style:normal;line-height:22px}.calendar-body{display:flex;flex-direction:column;gap:8px;margin:0 10px}.grid{display:grid;gap:8px}.grid.days{grid-template-columns:repeat(7,1fr)}.grid.months,.grid.years{margin-left:27px;grid-template-columns:repeat(3,1fr)}.grid .header{display:flex;align-items:center;height:30px;padding:2px 4px;gap:16px;color:#333;font-family:Rubik;font-size:.75rem;font-weight:500;font-style:normal;line-height:16px;letter-spacing:.24px}.grid .cell{display:flex;width:24px;height:24px;min-width:24px;min-height:24px;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:1/1;background:#fff;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;font-style:normal;line-height:20px;letter-spacing:.28px;cursor:pointer}.grid .cell:hover{background:#edf6ff}.grid .cell.out-of-range{color:#bfbfbf}.grid .cell.selected{border-radius:100px;border:1px solid #184FDB;background:#2167ff;color:#fff}.today{margin-top:8px;width:100%;padding:8px;border:none;background:transparent;display:flex;justify-content:center;align-items:center;gap:4px;color:#333;cursor:pointer;font-family:Roboto;font-size:1rem;font-weight:500;font-style:normal;line-height:22px}.today:hover{background-color:#edf6ff;border-radius:4px}.calendar-overlay .calendar-content{overflow-x:hidden}.time-selector{border-left:1px solid #f0f0f0;padding:12px 8px;display:flex;flex-direction:column;gap:8px;min-width:150px}.time-selector .time-columns{display:flex;gap:4px;justify-content:center}.time-selector .time-title{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;align-self:stretch;border-radius:4px;border:none;background-color:#fff}.time-selector .time-title span{color:#333;font-family:Roboto,sans-serif;font-size:1rem;font-style:normal;font-weight:500;line-height:22px}.time-selector .divider{background-color:#b6b4b430;height:100%;width:1px}.time-selector .column{overflow-y:auto;display:flex;height:218px;flex-direction:column;align-items:flex-start;margin:0 2px}.time-selector .column .list{display:flex;padding:4px 8px;justify-content:flex-end;align-items:flex-start;gap:8px;align-self:stretch}.time-selector .column::-webkit-scrollbar{width:4px}.time-selector .column::-webkit-scrollbar-thumb{background-color:#fff;border-radius:4px}.time-selector .column div{display:flex;height:28px;padding:4px 8px;justify-content:flex-end;align-items:flex-start;gap:8px;flex-shrink:0;align-self:stretch;background:#fff;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.time-selector .column div:hover{cursor:pointer}.time-selector .column div.selected{display:flex;padding:4px 8px;justify-content:flex-end;align-items:center;gap:8px;align-self:stretch;border-radius:8px;background:#2167ff;color:#fff}.time-selector .today{margin-top:8px;padding:8px;text-align:center;font-weight:500;color:#333}.help-text{display:flex;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.help-text-error{display:flex;margin-top:4px;color:#931224;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1$1.DecimalPipe, name: "number" }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: // ✅ CDK Overlay
                 IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: ButtonStandardTertiaryComponent, selector: "ius-button-standard-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateHourPickerComponent, decorators: [{
@@ -2594,7 +2594,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         IconMdComponent,
                         SimpleDividerComponent,
                         ButtonStandardTertiaryComponent,
-                    ], template: "<div class=\"date-picker\" [class.disabled]=\"disabled\">\r\n  <div class=\"text\">\r\n    @if (isRequired) {\r\n    <div class=\"required\"></div>\r\n    }\r\n\r\n    <label class=\"label label-base\">{{ label }}</label>\r\n\r\n    @if (iconHelp) {\r\n      <div class=\"help-icon\">\r\n        <ius-icon-md iconName=\"icon-help\"></ius-icon-md>\r\n      </div>\r\n    }\r\n\r\n    <label class=\"label label-base\">:</label>\r\n  </div>\r\n\r\n  <div class=\"input-wrapper\">\r\n    <!-- Origen del overlay -->\r\n    <div\r\n      class=\"container-textfield\"\r\n      [ngClass]=\"{\r\n        disabled: disabled,\r\n        focused: calendarOpen || focused,\r\n        alert: !calendarOpen && (error || isAlertText) && !disabled,\r\n        selected: selectedDate\r\n      }\"\r\n      (click)=\"toggleCalendar()\"\r\n      cdkOverlayOrigin #origin=\"cdkOverlayOrigin\"\r\n    >\r\n      <div class=\"input\">\r\n        <input\r\n          [placeholder]=\"placeholder\"\r\n          [value]=\"selectedDate ? getDisplayValue() : ''\"\r\n          readonly\r\n          [disabled]=\"disabled\"\r\n        />\r\n        <div class=\"cnt-icon-right\">\r\n          <ius-icon-md iconName=\"icon-calendar-today\"></ius-icon-md>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- ======== OVERLAY (CDK) ======== -->\r\n    <ng-template\r\n      cdkConnectedOverlay\r\n      [cdkConnectedOverlayOpen]=\"calendarOpen\"\r\n      [cdkConnectedOverlayOrigin]=\"origin\"\r\n      [cdkConnectedOverlayPositions]=\"overlayPositions\"\r\n      [cdkConnectedOverlayHasBackdrop]=\"false\"\r\n      [cdkConnectedOverlayPush]=\"true\"\r\n      [cdkConnectedOverlayFlexibleDimensions]=\"false\"\r\n      [cdkConnectedOverlayPanelClass]=\"'calendar-overlay-panel'\"\r\n    >\r\n      <div\r\n        class=\"calendar-overlay\"\r\n        [class.time-only]=\"mode === 'time-only'\"\r\n        [class.date-only]=\"mode === 'date-only'\"\r\n      >\r\n        <div class=\"calendar-content\">\r\n          @if (mode !== 'time-only') {\r\n          <div class=\"calendar-side\">\r\n            <div class=\"calendar-header\">\r\n              <ius-button-standard-tertiary\r\n                iconName=\"icon-keyboard-arrow-left\"\r\n                (buttonClicked)=\"prev()\"\r\n              ></ius-button-standard-tertiary>\r\n\r\n              <span (click)=\"calendarView = nextView(calendarView)\">\r\n              @switch (calendarView) { @case ('day') {\r\n              {{ getMonthName(viewDate.getMonth()) }}\r\n              {{ viewDate.getFullYear() }}\r\n              } @case ('month') {\r\n              {{ viewDate.getFullYear() }}\r\n              } @case ('year') {\r\n              {{ getDecadeStart() }}-{{ getDecadeStart() + 9 }}\r\n              } }\r\n              </span>\r\n\r\n              <ius-button-standard-tertiary\r\n                iconName=\"icon-keyboard-arrow-right\"\r\n                (buttonClicked)=\"next()\"\r\n              ></ius-button-standard-tertiary>\r\n            </div>\r\n\r\n            <div class=\"calendar-body\">\r\n            @switch (calendarView) { @case ('day') {\r\n                  <div class=\"grid days\">\r\n              @for (day of dayLabels; track day) {\r\n              <div class=\"header\">{{ day }}</div>\r\n              } @for (date of calendarDays; track date) {\r\n                      <div\r\n                        class=\"cell\"\r\n                [class.selected]=\"\r\n                  selectedDate && isSameDate(date, selectedDate)\r\n                \"\r\n                        [class.out-of-range]=\"date.getMonth() !== viewDate.getMonth()\"\r\n                        (click)=\"selectDate(date, true)\"\r\n                      >\r\n                        {{ date.getDate() }}\r\n                      </div>\r\n                    }\r\n                  </div>\r\n            } @case ('month') {\r\n                  <div class=\"grid months\">\r\n                    @for (m of months; track m; let i = $index) {\r\n                      <div class=\"cell\" (click)=\"setMonth(i)\">{{ m }}</div>\r\n                    }\r\n                  </div>\r\n            } @case ('year') {\r\n                  <div class=\"grid years\">\r\n                    @for (i of yearsArray; track i) {\r\n                      <div\r\n                        class=\"cell\"\r\n                        [class.out-of-range]=\"i === 0 || i === 11\"\r\n                        (click)=\"setYear(getDecadeStart() - 1 + i)\"\r\n                      >\r\n                        {{ getDecadeStart() - 1 + i }}\r\n                      </div>\r\n                    }\r\n                  </div>\r\n            } }\r\n            </div>\r\n          </div>\r\n        } @if (mode !== 'date-only') {\r\n          <div class=\"time-selector\">\r\n            <button class=\"time-title\">\r\n              <span>\r\n                {{ selectedHour | number : \"2.0\" }}:{{\r\n                  selectedMinute === 0 ? \"00\" : (selectedMinute | number : \"2.0\")\r\n                }}\r\n                {{ selectedPeriod }}\r\n              </span>\r\n            </button>\r\n            <ius-simple-divider></ius-simple-divider>\r\n            <div class=\"time-columns\">\r\n              <div class=\"column scrollable\">\r\n                @for (h of hours; track h) {\r\n                <div\r\n                  [class.selected]=\"h === selectedHour\"\r\n                (click)=\"\r\n                  selectedHour = h;\r\n                  mode === 'time-only'\r\n                    ? selectTime()\r\n                    : selectDate(viewDate, true)\r\n                \"\r\n                >\r\n                  {{ h | number : \"2.0\" }}\r\n                </div>\r\n                }\r\n              </div>\r\n              <div class=\"divider\"></div>\r\n              <div class=\"column scrollable\">\r\n                @for (m of minutes; track m) {\r\n                <div\r\n                  [class.selected]=\"m === selectedMinute\"\r\n                (click)=\"\r\n                  selectedMinute = m;\r\n                  mode === 'time-only'\r\n                    ? selectTime()\r\n                    : selectDate(viewDate, true)\r\n                \"\r\n                >\r\n                  {{ m | number : \"2.0\" }}\r\n                </div>\r\n                }\r\n              </div>\r\n              <div class=\"divider\"></div>\r\n              <div class=\"column\">\r\n                <div\r\n                  [class.selected]=\"'AM' === selectedPeriod\"\r\n                (click)=\"\r\n                  selectedPeriod = 'AM';\r\n                  mode === 'time-only'\r\n                    ? selectTime()\r\n                    : selectDate(viewDate, false)\r\n                \"\r\n                >\r\n                  AM\r\n                </div>\r\n                <div\r\n                  [class.selected]=\"'PM' === selectedPeriod\"\r\n                (click)=\"\r\n                  selectedPeriod = 'PM';\r\n                  mode === 'time-only'\r\n                    ? selectTime()\r\n                    : selectDate(viewDate, false)\r\n                \"\r\n                >\r\n                  PM\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          }\r\n        </div>\r\n\r\n        <ius-simple-divider></ius-simple-divider>\r\n        <button class=\"today\" (click)=\"goToToday()\">\r\n        @if (mode === 'date-only') { Fecha actual } @else if (mode ===\r\n        'time-only') { Hora actual } @else { Fecha y hora actual }\r\n        </button>\r\n      </div>\r\n    </ng-template>\r\n    <!-- ======== /OVERLAY (CDK) ======== -->\r\n  </div>\r\n  @if (helpText && focused && !error && !isAlertText) {\r\n  <div class=\"help-text\">\r\n    {{ helpText }}\r\n  </div>\r\n  } @if ((errorText || helpTextError) && (error || isAlertText)) {\r\n  <div class=\"help-text-error\">\r\n    {{ errorText ?? helpTextError }}\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}.required{width:4px;height:4px;aspect-ratio:1/1;border-radius:50%;background-color:#ff4e3a}.text{display:flex;align-items:center;margin-bottom:8px;gap:4px}.cdk-overlay-pane.calendar-overlay-panel{z-index:9000;position:absolute!important}.input-wrapper{position:relative;display:inline-block;width:100%}.date-picker{width:100%;position:relative;display:flex;flex-direction:column}.date-picker.disabled{opacity:.6;pointer-events:none}.date-picker .label{color:#333}.date-picker .help-icon{color:#595959}.container-textfield{display:flex;position:relative;align-items:flex-start;gap:4px}.container-textfield .input{width:100%;display:flex;align-items:flex-start;justify-content:center;gap:4px;padding:12px;border-radius:8px;background:#f5f5f5;cursor:pointer;border:none}.container-textfield .input input{flex:1;outline:none;border:none;background:#f5f5f5;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;font-style:normal;line-height:20px;letter-spacing:.28px;cursor:pointer}.container-textfield .cnt-icon-right{display:flex;align-items:center;justify-content:center;color:#333}.container-textfield:hover .input,.container-textfield:hover .input input{background-color:#edf6ff}.container-textfield:hover .input .cnt-icon-right{color:#061b7a}.container-textfield.focused .input{border:1px solid #0581BC;background:#edf6ff}.container-textfield.focused .input input{background-color:#edf6ff;border:none}.container-textfield.focused .input .cnt-icon-right{color:#061b7a}.container-textfield.alert .input{border-radius:8px;border:1px solid #DB2E2A;background:#fff4f0}.container-textfield.alert .input input{background:#fff4f0}.container-textfield.alert .input .cnt-icon-right{color:#db2e2a}.container-textfield.selected .input{background:#f5f5f5}.container-textfield.selected .input input{background:#f5f5f5;border:none;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.container-textfield.selected .input .help-icon{color:#595959}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.disabled .cnt-icon-right{color:#bfbfbf}.calendar-overlay{display:inline-block;border-radius:8px;border:1px solid #f5f5f5;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.calendar-overlay.time-only{min-width:200px;width:auto}.calendar-overlay.time-only .calendar-content{flex-direction:column;align-items:center;padding:12px}.calendar-overlay.time-only .time-selector{border-left:none;border-top:1px solid #f0f0f0;padding:12px;min-width:180px;width:100%}.calendar-overlay.time-only .time-selector .time-columns{justify-content:center;gap:8px}.calendar-overlay.time-only .time-selector .column{height:150px}.calendar-overlay.date-only{min-width:280px;width:auto}.calendar-overlay.date-only .calendar-content{flex-direction:column;align-items:center}.calendar-overlay.date-only .calendar-side{min-width:260px;width:100%}.calendar-content{display:flex;flex-direction:row;width:auto;max-width:none;max-height:60vh;overflow:hidden}.calendar-side{padding:12px;flex:1;min-width:260px}.calendar-header{display:flex;align-items:center;align-self:stretch}.calendar-header span{flex:1;display:flex;justify-content:center;align-items:center;color:#333;cursor:pointer;font-family:Roboto;font-size:1rem;font-weight:500;font-style:normal;line-height:22px}.calendar-body{display:flex;flex-direction:column;gap:8px;margin:0 10px}.grid{display:grid;gap:8px}.grid.days{grid-template-columns:repeat(7,1fr)}.grid.months,.grid.years{margin-left:27px;grid-template-columns:repeat(3,1fr)}.grid .header{display:flex;align-items:center;height:30px;padding:2px 4px;gap:16px;color:#333;font-family:Rubik;font-size:.75rem;font-weight:500;font-style:normal;line-height:16px;letter-spacing:.24px}.grid .cell{display:flex;width:24px;height:24px;min-width:24px;min-height:24px;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:1/1;background:#fff;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;font-style:normal;line-height:20px;letter-spacing:.28px;cursor:pointer}.grid .cell:hover{background:#edf6ff}.grid .cell.out-of-range{color:#bfbfbf}.grid .cell.selected{border-radius:100px;border:1px solid #184FDB;background:#2167ff;color:#fff}.today{margin-top:8px;width:100%;padding:8px;border:none;background:transparent;display:flex;justify-content:center;align-items:center;gap:4px;color:#333;cursor:pointer;font-family:Roboto;font-size:1rem;font-weight:500;font-style:normal;line-height:22px}.today:hover{background-color:#edf6ff;border-radius:4px}.calendar-overlay .calendar-content{overflow-x:hidden}.time-selector{border-left:1px solid #f0f0f0;padding:12px 8px;display:flex;flex-direction:column;gap:8px;min-width:150px}.time-selector .time-columns{display:flex;gap:4px;justify-content:center}.time-selector .time-title{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;align-self:stretch;border-radius:4px;border:none;background-color:#fff}.time-selector .time-title span{color:#333;font-family:Roboto,sans-serif;font-size:1rem;font-style:normal;font-weight:500;line-height:22px}.time-selector .divider{background-color:#b6b4b430;height:100%;width:1px}.time-selector .column{overflow-y:auto;display:flex;height:218px;flex-direction:column;align-items:flex-start;margin:0 2px}.time-selector .column .list{display:flex;padding:4px 8px;justify-content:flex-end;align-items:flex-start;gap:8px;align-self:stretch}.time-selector .column::-webkit-scrollbar{width:4px}.time-selector .column::-webkit-scrollbar-thumb{background-color:#fff;border-radius:4px}.time-selector .column div{display:flex;height:28px;padding:4px 8px;justify-content:flex-end;align-items:flex-start;gap:8px;flex-shrink:0;align-self:stretch;background:#fff;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.time-selector .column div:hover{cursor:pointer}.time-selector .column div.selected{display:flex;padding:4px 8px;justify-content:flex-end;align-items:center;gap:8px;align-self:stretch;border-radius:8px;background:#2167ff;color:#fff}.time-selector .today{margin-top:8px;padding:8px;text-align:center;font-weight:500;color:#333}.help-text{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.help-text-error{display:flex;position:absolute;margin-top:4px;color:#931224;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}\n"] }]
+                    ], template: "<div class=\"date-picker\" [class.disabled]=\"disabled\">\r\n  <div class=\"text\">\r\n    @if (isRequired) {\r\n    <div class=\"required\"></div>\r\n    }\r\n\r\n    <label class=\"label label-base\">{{ label }}</label>\r\n\r\n    @if (iconHelp) {\r\n      <div class=\"help-icon\">\r\n        <ius-icon-md iconName=\"icon-help\"></ius-icon-md>\r\n      </div>\r\n    }\r\n\r\n    <label class=\"label label-base\">:</label>\r\n  </div>\r\n\r\n  <div class=\"input-wrapper\">\r\n    <!-- Origen del overlay -->\r\n    <div\r\n      class=\"container-textfield\"\r\n      [ngClass]=\"{\r\n        disabled: disabled,\r\n        focused: calendarOpen || focused,\r\n        alert: !calendarOpen && (error || isAlertText) && !disabled,\r\n        selected: selectedDate\r\n      }\"\r\n      (click)=\"toggleCalendar()\"\r\n      cdkOverlayOrigin #origin=\"cdkOverlayOrigin\"\r\n    >\r\n      <div class=\"input\">\r\n        <input\r\n          [placeholder]=\"placeholder\"\r\n          [value]=\"selectedDate ? getDisplayValue() : ''\"\r\n          readonly\r\n          [disabled]=\"disabled\"\r\n        />\r\n        <div class=\"cnt-icon-right\">\r\n          <ius-icon-md iconName=\"icon-calendar-today\"></ius-icon-md>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- ======== OVERLAY (CDK) ======== -->\r\n    <ng-template\r\n      cdkConnectedOverlay\r\n      [cdkConnectedOverlayOpen]=\"calendarOpen\"\r\n      [cdkConnectedOverlayOrigin]=\"origin\"\r\n      [cdkConnectedOverlayPositions]=\"overlayPositions\"\r\n      [cdkConnectedOverlayHasBackdrop]=\"false\"\r\n      [cdkConnectedOverlayPush]=\"true\"\r\n      [cdkConnectedOverlayFlexibleDimensions]=\"false\"\r\n      [cdkConnectedOverlayPanelClass]=\"'calendar-overlay-panel'\"\r\n    >\r\n      <div\r\n        class=\"calendar-overlay\"\r\n        [class.time-only]=\"mode === 'time-only'\"\r\n        [class.date-only]=\"mode === 'date-only'\"\r\n      >\r\n        <div class=\"calendar-content\">\r\n          @if (mode !== 'time-only') {\r\n          <div class=\"calendar-side\">\r\n            <div class=\"calendar-header\">\r\n              <ius-button-standard-tertiary\r\n                iconName=\"icon-keyboard-arrow-left\"\r\n                (buttonClicked)=\"prev()\"\r\n              ></ius-button-standard-tertiary>\r\n\r\n              <span (click)=\"calendarView = nextView(calendarView)\">\r\n              @switch (calendarView) { @case ('day') {\r\n              {{ getMonthName(viewDate.getMonth()) }}\r\n              {{ viewDate.getFullYear() }}\r\n              } @case ('month') {\r\n              {{ viewDate.getFullYear() }}\r\n              } @case ('year') {\r\n              {{ getDecadeStart() }}-{{ getDecadeStart() + 9 }}\r\n              } }\r\n              </span>\r\n\r\n              <ius-button-standard-tertiary\r\n                iconName=\"icon-keyboard-arrow-right\"\r\n                (buttonClicked)=\"next()\"\r\n              ></ius-button-standard-tertiary>\r\n            </div>\r\n\r\n            <div class=\"calendar-body\">\r\n            @switch (calendarView) { @case ('day') {\r\n                  <div class=\"grid days\">\r\n              @for (day of dayLabels; track day) {\r\n              <div class=\"header\">{{ day }}</div>\r\n              } @for (date of calendarDays; track date) {\r\n                      <div\r\n                        class=\"cell\"\r\n                [class.selected]=\"\r\n                  selectedDate && isSameDate(date, selectedDate)\r\n                \"\r\n                        [class.out-of-range]=\"date.getMonth() !== viewDate.getMonth()\"\r\n                        (click)=\"selectDate(date, true)\"\r\n                      >\r\n                        {{ date.getDate() }}\r\n                      </div>\r\n                    }\r\n                  </div>\r\n            } @case ('month') {\r\n                  <div class=\"grid months\">\r\n                    @for (m of months; track m; let i = $index) {\r\n                      <div class=\"cell\" (click)=\"setMonth(i)\">{{ m }}</div>\r\n                    }\r\n                  </div>\r\n            } @case ('year') {\r\n                  <div class=\"grid years\">\r\n                    @for (i of yearsArray; track i) {\r\n                      <div\r\n                        class=\"cell\"\r\n                        [class.out-of-range]=\"i === 0 || i === 11\"\r\n                        (click)=\"setYear(getDecadeStart() - 1 + i)\"\r\n                      >\r\n                        {{ getDecadeStart() - 1 + i }}\r\n                      </div>\r\n                    }\r\n                  </div>\r\n            } }\r\n            </div>\r\n          </div>\r\n        } @if (mode !== 'date-only') {\r\n          <div class=\"time-selector\">\r\n            <button class=\"time-title\">\r\n              <span>\r\n                {{ selectedHour | number : \"2.0\" }}:{{\r\n                  selectedMinute === 0 ? \"00\" : (selectedMinute | number : \"2.0\")\r\n                }}\r\n                {{ selectedPeriod }}\r\n              </span>\r\n            </button>\r\n            <ius-simple-divider></ius-simple-divider>\r\n            <div class=\"time-columns\">\r\n              <div class=\"column scrollable\">\r\n                @for (h of hours; track h) {\r\n                <div\r\n                  [class.selected]=\"h === selectedHour\"\r\n                (click)=\"\r\n                  selectedHour = h;\r\n                  mode === 'time-only'\r\n                    ? selectTime()\r\n                    : selectDate(viewDate, true)\r\n                \"\r\n                >\r\n                  {{ h | number : \"2.0\" }}\r\n                </div>\r\n                }\r\n              </div>\r\n              <div class=\"divider\"></div>\r\n              <div class=\"column scrollable\">\r\n                @for (m of minutes; track m) {\r\n                <div\r\n                  [class.selected]=\"m === selectedMinute\"\r\n                (click)=\"\r\n                  selectedMinute = m;\r\n                  mode === 'time-only'\r\n                    ? selectTime()\r\n                    : selectDate(viewDate, true)\r\n                \"\r\n                >\r\n                  {{ m | number : \"2.0\" }}\r\n                </div>\r\n                }\r\n              </div>\r\n              <div class=\"divider\"></div>\r\n              <div class=\"column\">\r\n                <div\r\n                  [class.selected]=\"'AM' === selectedPeriod\"\r\n                (click)=\"\r\n                  selectedPeriod = 'AM';\r\n                  mode === 'time-only'\r\n                    ? selectTime()\r\n                    : selectDate(viewDate, false)\r\n                \"\r\n                >\r\n                  AM\r\n                </div>\r\n                <div\r\n                  [class.selected]=\"'PM' === selectedPeriod\"\r\n                (click)=\"\r\n                  selectedPeriod = 'PM';\r\n                  mode === 'time-only'\r\n                    ? selectTime()\r\n                    : selectDate(viewDate, false)\r\n                \"\r\n                >\r\n                  PM\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          }\r\n        </div>\r\n\r\n        <ius-simple-divider></ius-simple-divider>\r\n        <button class=\"today\" (click)=\"goToToday()\">\r\n        @if (mode === 'date-only') { Fecha actual } @else if (mode ===\r\n        'time-only') { Hora actual } @else { Fecha y hora actual }\r\n        </button>\r\n      </div>\r\n    </ng-template>\r\n    <!-- ======== /OVERLAY (CDK) ======== -->\r\n  </div>\r\n  @if (helpText && focused && !error && !isAlertText) {\r\n  <div class=\"help-text\">\r\n    {{ helpText }}\r\n  </div>\r\n  } @if ((errorText || helpTextError) && (error || isAlertText)) {\r\n  <div class=\"help-text-error\">\r\n    {{ errorText ?? helpTextError }}\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}.required{width:4px;height:4px;aspect-ratio:1/1;border-radius:50%;background-color:#ff4e3a}.text{display:flex;align-items:center;margin-bottom:8px;gap:4px}.cdk-overlay-pane.calendar-overlay-panel{z-index:9000;position:absolute!important}.input-wrapper{position:relative;display:inline-block;width:100%}.date-picker{width:100%;position:relative;display:flex;flex-direction:column}.date-picker.disabled{opacity:.6;pointer-events:none}.date-picker .label{color:#333}.date-picker .help-icon{color:#595959}.container-textfield{display:flex;position:relative;align-items:flex-start;gap:4px}.container-textfield .input{width:100%;display:flex;align-items:flex-start;justify-content:center;gap:4px;padding:12px;border-radius:8px;background:#f5f5f5;cursor:pointer;border:none}.container-textfield .input input{flex:1;outline:none;border:none;background:#f5f5f5;color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;font-style:normal;line-height:20px;letter-spacing:.28px;cursor:pointer}.container-textfield .cnt-icon-right{display:flex;align-items:center;justify-content:center;color:#333}.container-textfield:hover .input,.container-textfield:hover .input input{background-color:#edf6ff}.container-textfield:hover .input .cnt-icon-right{color:#061b7a}.container-textfield.focused .input{border:1px solid #0581BC;background:#edf6ff}.container-textfield.focused .input input{background-color:#edf6ff;border:none}.container-textfield.focused .input .cnt-icon-right{color:#061b7a}.container-textfield.alert .input{border-radius:8px;border:1px solid #DB2E2A;background:#fff4f0}.container-textfield.alert .input input{background:#fff4f0}.container-textfield.alert .input .cnt-icon-right{color:#db2e2a}.container-textfield.selected .input{background:#f5f5f5}.container-textfield.selected .input input{background:#f5f5f5;border:none;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.container-textfield.selected .input .help-icon{color:#595959}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.disabled .cnt-icon-right{color:#bfbfbf}.calendar-overlay{display:inline-block;border-radius:8px;border:1px solid #f5f5f5;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.calendar-overlay.time-only{min-width:200px;width:auto}.calendar-overlay.time-only .calendar-content{flex-direction:column;align-items:center;padding:12px}.calendar-overlay.time-only .time-selector{border-left:none;border-top:1px solid #f0f0f0;padding:12px;min-width:180px;width:100%}.calendar-overlay.time-only .time-selector .time-columns{justify-content:center;gap:8px}.calendar-overlay.time-only .time-selector .column{height:150px}.calendar-overlay.date-only{min-width:280px;width:auto}.calendar-overlay.date-only .calendar-content{flex-direction:column;align-items:center}.calendar-overlay.date-only .calendar-side{min-width:260px;width:100%}.calendar-content{display:flex;flex-direction:row;width:auto;max-width:none;max-height:60vh;overflow:hidden}.calendar-side{padding:12px;flex:1;min-width:260px}.calendar-header{display:flex;align-items:center;align-self:stretch}.calendar-header span{flex:1;display:flex;justify-content:center;align-items:center;color:#333;cursor:pointer;font-family:Roboto;font-size:1rem;font-weight:500;font-style:normal;line-height:22px}.calendar-body{display:flex;flex-direction:column;gap:8px;margin:0 10px}.grid{display:grid;gap:8px}.grid.days{grid-template-columns:repeat(7,1fr)}.grid.months,.grid.years{margin-left:27px;grid-template-columns:repeat(3,1fr)}.grid .header{display:flex;align-items:center;height:30px;padding:2px 4px;gap:16px;color:#333;font-family:Rubik;font-size:.75rem;font-weight:500;font-style:normal;line-height:16px;letter-spacing:.24px}.grid .cell{display:flex;width:24px;height:24px;min-width:24px;min-height:24px;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:1/1;background:#fff;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;font-style:normal;line-height:20px;letter-spacing:.28px;cursor:pointer}.grid .cell:hover{background:#edf6ff}.grid .cell.out-of-range{color:#bfbfbf}.grid .cell.selected{border-radius:100px;border:1px solid #184FDB;background:#2167ff;color:#fff}.today{margin-top:8px;width:100%;padding:8px;border:none;background:transparent;display:flex;justify-content:center;align-items:center;gap:4px;color:#333;cursor:pointer;font-family:Roboto;font-size:1rem;font-weight:500;font-style:normal;line-height:22px}.today:hover{background-color:#edf6ff;border-radius:4px}.calendar-overlay .calendar-content{overflow-x:hidden}.time-selector{border-left:1px solid #f0f0f0;padding:12px 8px;display:flex;flex-direction:column;gap:8px;min-width:150px}.time-selector .time-columns{display:flex;gap:4px;justify-content:center}.time-selector .time-title{display:flex;padding:8px;justify-content:center;align-items:center;gap:4px;align-self:stretch;border-radius:4px;border:none;background-color:#fff}.time-selector .time-title span{color:#333;font-family:Roboto,sans-serif;font-size:1rem;font-style:normal;font-weight:500;line-height:22px}.time-selector .divider{background-color:#b6b4b430;height:100%;width:1px}.time-selector .column{overflow-y:auto;display:flex;height:218px;flex-direction:column;align-items:flex-start;margin:0 2px}.time-selector .column .list{display:flex;padding:4px 8px;justify-content:flex-end;align-items:flex-start;gap:8px;align-self:stretch}.time-selector .column::-webkit-scrollbar{width:4px}.time-selector .column::-webkit-scrollbar-thumb{background-color:#fff;border-radius:4px}.time-selector .column div{display:flex;height:28px;padding:4px 8px;justify-content:flex-end;align-items:flex-start;gap:8px;flex-shrink:0;align-self:stretch;background:#fff;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.time-selector .column div:hover{cursor:pointer}.time-selector .column div.selected{display:flex;padding:4px 8px;justify-content:flex-end;align-items:center;gap:8px;align-self:stretch;border-radius:8px;background:#2167ff;color:#fff}.time-selector .today{margin-top:8px;padding:8px;text-align:center;font-weight:500;color:#333}.help-text{display:flex;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.help-text-error{display:flex;margin-top:4px;color:#931224;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { label: [{
                 type: Input
             }], placeholder: [{
@@ -2760,6 +2760,7 @@ class InputTextfieldComponent {
         this.error = false;
         this.labelInput = '';
         this.inputType = 'text';
+        this.isIconRight = false;
         this.onChangesValueEvent = new EventEmitter();
         this.onEnterKey = new EventEmitter();
         this.onBlurEvent = new EventEmitter();
@@ -2786,6 +2787,12 @@ class InputTextfieldComponent {
         }
         this.onChangesValueEvent.emit(this.textInput);
     }
+    addText() {
+        if (this.textInput.trim() !== '') {
+            this.onEnterKey.emit(this.textInput);
+            this.textInput = '';
+        }
+    }
     onKeyDown(event) {
         if (this.inputType !== 'number')
             return;
@@ -2834,11 +2841,11 @@ class InputTextfieldComponent {
         event.preventDefault();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputTextfieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputTextfieldComponent, isStandalone: true, selector: "ius-input-textfield", inputs: { textInput: "textInput", required: "required", disabled: "disabled", isEnableClearText: "isEnableClearText", showHelpText: "showHelpText", error: "error", labelSuperior: "labelSuperior", labelInferior: "labelInferior", errorText: "errorText", labelInput: "labelInput", iconInput: "iconInput", inputType: "inputType", maxlenght: "maxlenght", initialText: "initialText" }, outputs: { onChangesValueEvent: "onChangesValueEvent", onEnterKey: "onEnterKey", onBlurEvent: "onBlurEvent" }, ngImport: i0, template: "<div class=\"container-general\">\r\n  @if (labelSuperior) {\r\n  <div\r\n    class=\"container-label-sup\"\r\n    [ngClass]=\"{\r\n      disabled: disabled\r\n    }\"\r\n  >\r\n    @if(!disabled && required){\r\n    <div class=\"icon-dot\"></div>\r\n    }\r\n    <span class=\"\">{{ labelSuperior }}</span>\r\n    @if(!disabled && showHelpText){\r\n    <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n    }\r\n    <span>:</span>\r\n  </div>\r\n  }\r\n  <div\r\n    class=\"container-textfield\"\r\n    [ngClass]=\"{\r\n      disabled: disabled,\r\n      focused: isFocused,\r\n      alert: (!isFocused && isAlertText && !disabled) || (error && !disabled)\r\n    }\"\r\n  >\r\n    @if (iconInput) {\r\n    <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\r\n    }\r\n    <input\r\n      [type]=\"inputType\"\r\n      [(ngModel)]=\"textInput\"\r\n      [placeholder]=\"labelInput\"\r\n      [disabled]=\"disabled\"\r\n      [autocomplete]=\"inputType\"\r\n      [name]=\"inputType\"\r\n      [maxlength]=\"maxlenght ?? null\"\r\n      (input)=\"onInput()\"\r\n      (focus)=\"onFocus()\"\r\n      (blur)=\"onBlur()\"\r\n      (keypress)=\"onKeyPress($event)\"\r\n      (keydown)=\"onKeyDown($event)\"\r\n      (drop)=\"onDropBlock($event)\"\r\n      (dragover)=\"onDragOverBlock($event)\"\r\n    />\r\n    @if (!disabled && textInput && isEnableClearText) {\r\n    <button class=\"button-delete\" (click)=\"clearSearch()\">\r\n      <ius-icon-md\r\n        iconName=\"icon-cancel\"\r\n        class=\"icon-color-cancel\"\r\n      ></ius-icon-md>\r\n    </button>\r\n    }\r\n  </div>\r\n  @if (labelInferior && isFocused && !error) {\r\n  <span class=\"label-inf\">{{ labelInferior }}</span>\r\n  } @if ((errorText || labelInferior) && ((!isFocused && isAlertText && !disabled) || (error && !disabled))) {\r\n  <span class=\"label-inf alert\">{{ errorText ?? labelInferior }}</span>\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}.container-general{position:relative;height:100%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px;transition:all .2s ease-in-out}.container-textfield:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled .icon-color,.container-textfield.disabled input{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-color-cancel{color:#013169}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.button-delete{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:#595959}.button-delete:hover{color:#013169}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.icon-color-help{color:#8c8c8c}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.label-inf.alert{color:#931224}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: InputTextfieldComponent, isStandalone: true, selector: "ius-input-textfield", inputs: { textInput: "textInput", required: "required", disabled: "disabled", isEnableClearText: "isEnableClearText", showHelpText: "showHelpText", error: "error", labelSuperior: "labelSuperior", labelInferior: "labelInferior", errorText: "errorText", labelInput: "labelInput", iconInput: "iconInput", inputType: "inputType", maxlenght: "maxlenght", initialText: "initialText", isIconRight: "isIconRight" }, outputs: { onChangesValueEvent: "onChangesValueEvent", onEnterKey: "onEnterKey", onBlurEvent: "onBlurEvent" }, ngImport: i0, template: "<div class=\"container-general\">\r\n  @if (labelSuperior) {\r\n  <div\r\n    class=\"container-label-sup\"\r\n    [ngClass]=\"{\r\n      disabled: disabled\r\n    }\"\r\n  >\r\n    @if(!disabled && required){\r\n    <div class=\"icon-dot\"></div>\r\n    }\r\n    <span class=\"\">{{ labelSuperior }}</span>\r\n    @if(!disabled && showHelpText){\r\n    <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n    }\r\n    <span>:</span>\r\n  </div>\r\n  }\r\n  <div\r\n    class=\"container-textfield\"\r\n    [ngClass]=\"{\r\n      disabled: disabled,\r\n      focused: isFocused,\r\n      alert: (!isFocused && isAlertText && !disabled) || (error && !disabled)\r\n    }\"\r\n  >\r\n    @if (iconInput) {\r\n    <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\r\n    }\r\n    <input\r\n      [type]=\"inputType\"\r\n      [(ngModel)]=\"textInput\"\r\n      [placeholder]=\"labelInput\"\r\n      [disabled]=\"disabled\"\r\n      [autocomplete]=\"inputType\"\r\n      [name]=\"inputType\"\r\n      [maxlength]=\"maxlenght ?? null\"\r\n      (input)=\"onInput()\"\r\n      (focus)=\"onFocus()\"\r\n      (blur)=\"onBlur()\"\r\n      (keypress)=\"onKeyPress($event)\"\r\n      (keydown)=\"onKeyDown($event)\"\r\n      (drop)=\"onDropBlock($event)\"\r\n      (dragover)=\"onDragOverBlock($event)\"\r\n    />\r\n    @if (!disabled && textInput && isEnableClearText) {\r\n    <button class=\"button-delete\" (click)=\"clearSearch()\">\r\n      <ius-icon-md\r\n        iconName=\"icon-cancel\"\r\n        class=\"icon-color-cancel\"\r\n      ></ius-icon-md>\r\n    </button>\r\n    }\r\n    @if (isIconRight) {\r\n        <button (click)=\"addText()\" class=\"icon-right\">\r\n          <ius-icon-md [iconName] =\"'icon-add'\" [color]=\"'#595959'\" alt=\"icon\"></ius-icon-md>\r\n        </button>\r\n      }\r\n  </div>\r\n  @if (labelInferior && isFocused && !error) {\r\n  <span class=\"label-inf\">{{ labelInferior }}</span>\r\n  } @if ((errorText || labelInferior) && ((!isFocused && isAlertText && !disabled) || (error && !disabled))) {\r\n  <span class=\"label-inf alert\">{{ errorText ?? labelInferior }}</span>\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}.container-general{position:relative;height:100%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px;transition:all .2s ease-in-out}.container-textfield:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled .icon-color,.container-textfield.disabled input{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-color-cancel{color:#013169}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.button-delete{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:#595959}.button-delete:hover{color:#013169}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.icon-color-help{color:#8c8c8c}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.label-inf.alert{color:#931224}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.icon-right{display:flex;align-items:center;justify-content:center;height:80%;background:transparent;border:none;border-radius:50px;padding-right:4px;cursor:pointer;transition:.5s}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputTextfieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ius-input-textfield', standalone: true, imports: [IconMdComponent, FormsModule, CommonModule], template: "<div class=\"container-general\">\r\n  @if (labelSuperior) {\r\n  <div\r\n    class=\"container-label-sup\"\r\n    [ngClass]=\"{\r\n      disabled: disabled\r\n    }\"\r\n  >\r\n    @if(!disabled && required){\r\n    <div class=\"icon-dot\"></div>\r\n    }\r\n    <span class=\"\">{{ labelSuperior }}</span>\r\n    @if(!disabled && showHelpText){\r\n    <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n    }\r\n    <span>:</span>\r\n  </div>\r\n  }\r\n  <div\r\n    class=\"container-textfield\"\r\n    [ngClass]=\"{\r\n      disabled: disabled,\r\n      focused: isFocused,\r\n      alert: (!isFocused && isAlertText && !disabled) || (error && !disabled)\r\n    }\"\r\n  >\r\n    @if (iconInput) {\r\n    <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\r\n    }\r\n    <input\r\n      [type]=\"inputType\"\r\n      [(ngModel)]=\"textInput\"\r\n      [placeholder]=\"labelInput\"\r\n      [disabled]=\"disabled\"\r\n      [autocomplete]=\"inputType\"\r\n      [name]=\"inputType\"\r\n      [maxlength]=\"maxlenght ?? null\"\r\n      (input)=\"onInput()\"\r\n      (focus)=\"onFocus()\"\r\n      (blur)=\"onBlur()\"\r\n      (keypress)=\"onKeyPress($event)\"\r\n      (keydown)=\"onKeyDown($event)\"\r\n      (drop)=\"onDropBlock($event)\"\r\n      (dragover)=\"onDragOverBlock($event)\"\r\n    />\r\n    @if (!disabled && textInput && isEnableClearText) {\r\n    <button class=\"button-delete\" (click)=\"clearSearch()\">\r\n      <ius-icon-md\r\n        iconName=\"icon-cancel\"\r\n        class=\"icon-color-cancel\"\r\n      ></ius-icon-md>\r\n    </button>\r\n    }\r\n  </div>\r\n  @if (labelInferior && isFocused && !error) {\r\n  <span class=\"label-inf\">{{ labelInferior }}</span>\r\n  } @if ((errorText || labelInferior) && ((!isFocused && isAlertText && !disabled) || (error && !disabled))) {\r\n  <span class=\"label-inf alert\">{{ errorText ?? labelInferior }}</span>\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}.container-general{position:relative;height:100%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px;transition:all .2s ease-in-out}.container-textfield:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled .icon-color,.container-textfield.disabled input{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-color-cancel{color:#013169}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.button-delete{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:#595959}.button-delete:hover{color:#013169}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.icon-color-help{color:#8c8c8c}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.label-inf.alert{color:#931224}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"] }]
+            args: [{ selector: 'ius-input-textfield', standalone: true, imports: [IconMdComponent, FormsModule, CommonModule], template: "<div class=\"container-general\">\r\n  @if (labelSuperior) {\r\n  <div\r\n    class=\"container-label-sup\"\r\n    [ngClass]=\"{\r\n      disabled: disabled\r\n    }\"\r\n  >\r\n    @if(!disabled && required){\r\n    <div class=\"icon-dot\"></div>\r\n    }\r\n    <span class=\"\">{{ labelSuperior }}</span>\r\n    @if(!disabled && showHelpText){\r\n    <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n    }\r\n    <span>:</span>\r\n  </div>\r\n  }\r\n  <div\r\n    class=\"container-textfield\"\r\n    [ngClass]=\"{\r\n      disabled: disabled,\r\n      focused: isFocused,\r\n      alert: (!isFocused && isAlertText && !disabled) || (error && !disabled)\r\n    }\"\r\n  >\r\n    @if (iconInput) {\r\n    <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\r\n    }\r\n    <input\r\n      [type]=\"inputType\"\r\n      [(ngModel)]=\"textInput\"\r\n      [placeholder]=\"labelInput\"\r\n      [disabled]=\"disabled\"\r\n      [autocomplete]=\"inputType\"\r\n      [name]=\"inputType\"\r\n      [maxlength]=\"maxlenght ?? null\"\r\n      (input)=\"onInput()\"\r\n      (focus)=\"onFocus()\"\r\n      (blur)=\"onBlur()\"\r\n      (keypress)=\"onKeyPress($event)\"\r\n      (keydown)=\"onKeyDown($event)\"\r\n      (drop)=\"onDropBlock($event)\"\r\n      (dragover)=\"onDragOverBlock($event)\"\r\n    />\r\n    @if (!disabled && textInput && isEnableClearText) {\r\n    <button class=\"button-delete\" (click)=\"clearSearch()\">\r\n      <ius-icon-md\r\n        iconName=\"icon-cancel\"\r\n        class=\"icon-color-cancel\"\r\n      ></ius-icon-md>\r\n    </button>\r\n    }\r\n    @if (isIconRight) {\r\n        <button (click)=\"addText()\" class=\"icon-right\">\r\n          <ius-icon-md [iconName] =\"'icon-add'\" [color]=\"'#595959'\" alt=\"icon\"></ius-icon-md>\r\n        </button>\r\n      }\r\n  </div>\r\n  @if (labelInferior && isFocused && !error) {\r\n  <span class=\"label-inf\">{{ labelInferior }}</span>\r\n  } @if ((errorText || labelInferior) && ((!isFocused && isAlertText && !disabled) || (error && !disabled))) {\r\n  <span class=\"label-inf alert\">{{ errorText ?? labelInferior }}</span>\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}.container-general{position:relative;height:100%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px;transition:all .2s ease-in-out}.container-textfield:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled .icon-color,.container-textfield.disabled input{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-color-cancel{color:#013169}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.button-delete{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:#595959}.button-delete:hover{color:#013169}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.icon-color-help{color:#8c8c8c}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.label-inf.alert{color:#931224}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.icon-right{display:flex;align-items:center;justify-content:center;height:80%;background:transparent;border:none;border-radius:50px;padding-right:4px;cursor:pointer;transition:.5s}\n"] }]
         }], propDecorators: { textInput: [{
                 type: Input
             }], required: [{
@@ -2867,6 +2874,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], initialText: [{
                 type: Input
+            }], isIconRight: [{
+                type: Input
             }], onChangesValueEvent: [{
                 type: Output
             }], onEnterKey: [{
@@ -5559,17 +5568,21 @@ class SimpleChipComponent {
         this.color = '#c4dfff';
         this.textColor = '';
         this.iconColor = '';
+        this.disabled = false;
         this.onRemoveEvent = new EventEmitter();
     }
     remove() {
+        if (this.disabled) {
+            return;
+        }
         this.onRemoveEvent.emit(null);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SimpleChipComponent, isStandalone: true, selector: "ius-simple-chip", inputs: { text: "text", color: "color", textColor: "textColor", iconColor: "iconColor" }, outputs: { onRemoveEvent: "onRemoveEvent" }, ngImport: i0, template: "<div class=\"general-container\">\r\n  <div class=\"chip\" [style.background]=\"color\">\r\n    <p [style.color]=\"textColor\">{{ text }}</p>\r\n    <button (click)=\"remove()\">\r\n      <ius-icon-md iconName=\"icon-cancel\" [color]=\"iconColor\"></ius-icon-md>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.general-container{position:relative}.chip{display:inline-flex;padding:8px;align-items:center;gap:4px;border-radius:4px}p{margin:-2px 0 0;display:flex;align-items:center;border-radius:4px;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}button{border:none;background-color:transparent;cursor:pointer}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SimpleChipComponent, isStandalone: true, selector: "ius-simple-chip", inputs: { text: "text", color: "color", textColor: "textColor", iconColor: "iconColor", disabled: "disabled" }, outputs: { onRemoveEvent: "onRemoveEvent" }, ngImport: i0, template: "<div class=\"general-container\">\r\n  <div class=\"chip\" [class.disabled]=\"disabled\" [style.background]=\"disabled ? '#F5F5F5' : color\">\r\n    <p [style.color]=\"disabled ? 'var(--ColorText-colorTextDisabled, #BFBFBF)' : textColor\">{{ text }}</p>\r\n    <button (click)=\"remove()\" [disabled]=\"disabled\" [attr.aria-disabled]=\"disabled\">\r\n      <ius-icon-md iconName=\"icon-cancel\" [color]=\"iconColor\"></ius-icon-md>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.general-container{position:relative}.chip{display:inline-flex;padding:8px;align-items:center;gap:4px;border-radius:4px}.chip.disabled{background-color:#f5f5f5;cursor:default;pointer-events:none}p{margin:-2px 0 0;display:flex;align-items:center;border-radius:4px;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}button{border:none;background-color:transparent;cursor:pointer}button[disabled]{cursor:default;pointer-events:none;opacity:.7}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleChipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ius-simple-chip', standalone: true, imports: [IconMdComponent], template: "<div class=\"general-container\">\r\n  <div class=\"chip\" [style.background]=\"color\">\r\n    <p [style.color]=\"textColor\">{{ text }}</p>\r\n    <button (click)=\"remove()\">\r\n      <ius-icon-md iconName=\"icon-cancel\" [color]=\"iconColor\"></ius-icon-md>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.general-container{position:relative}.chip{display:inline-flex;padding:8px;align-items:center;gap:4px;border-radius:4px}p{margin:-2px 0 0;display:flex;align-items:center;border-radius:4px;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}button{border:none;background-color:transparent;cursor:pointer}\n"] }]
+            args: [{ selector: 'ius-simple-chip', standalone: true, imports: [IconMdComponent], template: "<div class=\"general-container\">\r\n  <div class=\"chip\" [class.disabled]=\"disabled\" [style.background]=\"disabled ? '#F5F5F5' : color\">\r\n    <p [style.color]=\"disabled ? 'var(--ColorText-colorTextDisabled, #BFBFBF)' : textColor\">{{ text }}</p>\r\n    <button (click)=\"remove()\" [disabled]=\"disabled\" [attr.aria-disabled]=\"disabled\">\r\n      <ius-icon-md iconName=\"icon-cancel\" [color]=\"iconColor\"></ius-icon-md>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.general-container{position:relative}.chip{display:inline-flex;padding:8px;align-items:center;gap:4px;border-radius:4px}.chip.disabled{background-color:#f5f5f5;cursor:default;pointer-events:none}p{margin:-2px 0 0;display:flex;align-items:center;border-radius:4px;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}button{border:none;background-color:transparent;cursor:pointer}button[disabled]{cursor:default;pointer-events:none;opacity:.7}\n"] }]
         }], propDecorators: { text: [{
                 type: Input
             }], color: [{
@@ -5578,6 +5591,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], iconColor: [{
                 type: Input
+            }], disabled: [{
+                type: Input
             }], onRemoveEvent: [{
                 type: Output
             }] } });
@@ -5686,11 +5701,11 @@ class SegmentComponent {
         this.pressed.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SegmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SegmentComponent, isStandalone: true, selector: "ius-segment", inputs: { active: "active", text: "text", disabled: "disabled" }, outputs: { pressed: "pressed" }, ngImport: i0, template: "<div class=\"general-container\">\r\n  <div class=\"container\"\r\n       role=\"button\"\r\n       tabindex=\"0\"\r\n       [class.active]=\"active\"\r\n       [class.disabled]=\"disabled\"\r\n       [class.pressed]=\"isPressed\"\r\n       (mousedown)=\"onPress()\"\r\n       (mouseup)=\"onRelease()\"\r\n       (mouseleave)=\"onRelease()\"\r\n       (click)=\"onClick()\"\r\n       [attr.aria-disabled]=\"disabled\">\r\n    <p>{{text}}</p>\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}.general-container{position:relative}.container{display:flex;align-items:center;padding:10px 12px;border-radius:8px 8px 0 0;border-bottom:2px solid #eaeaea;background:#fff;cursor:pointer;min-width:0;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.container:hover:not(.disabled){border-bottom:1px solid #f0f0f0;background:#f5f5f5}.container.active:not(.disabled){font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.container.pressed:not(.disabled){color:#fff;background:#061b7a}.container.disabled{pointer-events:none;cursor:none;background:#fff;color:#d9d9d9}.container p{display:flex;padding:12px 0;justify-content:center;align-items:center;gap:10px;align-self:stretch;margin:0}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SegmentComponent, isStandalone: true, selector: "ius-segment", inputs: { active: "active", text: "text", disabled: "disabled" }, outputs: { pressed: "pressed" }, ngImport: i0, template: "<div class=\"general-container\">\r\n  <div class=\"container\"\r\n       role=\"button\"\r\n       tabindex=\"0\"\r\n       [class.active]=\"active\"\r\n       [class.disabled]=\"disabled\"\r\n       [class.pressed]=\"isPressed\"\r\n       (mousedown)=\"onPress()\"\r\n       (mouseup)=\"onRelease()\"\r\n       (mouseleave)=\"onRelease()\"\r\n       (click)=\"onClick()\"\r\n       [attr.aria-disabled]=\"disabled\">\r\n    <span>{{text}}</span>\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}.general-container{position:relative}.container{display:flex;align-items:center;padding:10px 12px;border-radius:8px 8px 0 0;background:#fff;cursor:pointer;min-width:0;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.container:hover:not(.disabled){border-bottom:1px solid #f0f0f0;background:#f5f5f5}.container.active:not(.disabled){border-bottom:2px solid #eaeaea;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.container.pressed:not(.disabled){color:#fff;background:#061b7a}.container.disabled{pointer-events:none;cursor:none;background:#fff;color:#d9d9d9}.container p{display:flex;padding:12px 0;justify-content:center;align-items:center;gap:10px;align-self:stretch;margin:0}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SegmentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ius-segment', standalone: true, imports: [], template: "<div class=\"general-container\">\r\n  <div class=\"container\"\r\n       role=\"button\"\r\n       tabindex=\"0\"\r\n       [class.active]=\"active\"\r\n       [class.disabled]=\"disabled\"\r\n       [class.pressed]=\"isPressed\"\r\n       (mousedown)=\"onPress()\"\r\n       (mouseup)=\"onRelease()\"\r\n       (mouseleave)=\"onRelease()\"\r\n       (click)=\"onClick()\"\r\n       [attr.aria-disabled]=\"disabled\">\r\n    <p>{{text}}</p>\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}.general-container{position:relative}.container{display:flex;align-items:center;padding:10px 12px;border-radius:8px 8px 0 0;border-bottom:2px solid #eaeaea;background:#fff;cursor:pointer;min-width:0;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.container:hover:not(.disabled){border-bottom:1px solid #f0f0f0;background:#f5f5f5}.container.active:not(.disabled){font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.container.pressed:not(.disabled){color:#fff;background:#061b7a}.container.disabled{pointer-events:none;cursor:none;background:#fff;color:#d9d9d9}.container p{display:flex;padding:12px 0;justify-content:center;align-items:center;gap:10px;align-self:stretch;margin:0}\n"] }]
+            args: [{ selector: 'ius-segment', standalone: true, imports: [], template: "<div class=\"general-container\">\r\n  <div class=\"container\"\r\n       role=\"button\"\r\n       tabindex=\"0\"\r\n       [class.active]=\"active\"\r\n       [class.disabled]=\"disabled\"\r\n       [class.pressed]=\"isPressed\"\r\n       (mousedown)=\"onPress()\"\r\n       (mouseup)=\"onRelease()\"\r\n       (mouseleave)=\"onRelease()\"\r\n       (click)=\"onClick()\"\r\n       [attr.aria-disabled]=\"disabled\">\r\n    <span>{{text}}</span>\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}.general-container{position:relative}.container{display:flex;align-items:center;padding:10px 12px;border-radius:8px 8px 0 0;background:#fff;cursor:pointer;min-width:0;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.container:hover:not(.disabled){border-bottom:1px solid #f0f0f0;background:#f5f5f5}.container.active:not(.disabled){border-bottom:2px solid #eaeaea;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.container.pressed:not(.disabled){color:#fff;background:#061b7a}.container.disabled{pointer-events:none;cursor:none;background:#fff;color:#d9d9d9}.container p{display:flex;padding:12px 0;justify-content:center;align-items:center;gap:10px;align-self:stretch;margin:0}\n"] }]
         }], propDecorators: { active: [{
                 type: Input
             }], text: [{
@@ -7000,14 +7015,14 @@ class CardVigilanciaJudicialComponent {
     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()\">\r\n    <div class=\"ctn-card\">\r\n        <div class=\"ctn-inf\">\r\n            <ius-icon-sm iconName=\"icon-account-balance\" class=\"icon-account\"\r\n                [ngClass]=\"{'priority-tx': hasNotificacion || hasAuto }\"></ius-icon-sm>\r\n            <div class=\"info\">\r\n                <span class=\"caption-sm txt-ter\">Vigilancia Judicial</span>\r\n                <span class=\"body-base-1 txt-pry\" [ngClass]=\"{'title-no-read': read === false}\">{{titulo}}</span>\r\n                <span class=\"body-base-1 txt-sec\">{{juzgado}}</span>\r\n            </div>\r\n        </div>\r\n        <div class=\"ctn-icons\">\r\n            @if (hasNotificacion || hasAuto) {\r\n            <div class=\"row-text-1\">\r\n                @if (hasNotificacion) {\r\n                <ius-icon-sm iconName=\"icon-notification-2\" class=\"txt-sec\"></ius-icon-sm>\r\n                }\r\n                @if (hasAuto) {\r\n                <ius-icon-sm iconName=\"icon-docs-2\" class=\"txt-sec\"></ius-icon-sm>\r\n                }\r\n            </div>\r\n            }\r\n            <div class=\"row-text-2\">\r\n                <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === true}\"></div>\r\n                <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM y'}}</span>\r\n                <span class=\"buttons-hove\">\r\n                    <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n                        [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n                        (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n                        iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n                        (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n                </span>\r\n            </div>\r\n            <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n                class=\"txt-pry\"></ius-icon-sm>\r\n        </div>\r\n    </div>\r\n    <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n        <ius-simple-divider></ius-simple-divider>\r\n        <div class=\"ctn-clp\">\r\n            <div class=\"ctn-info-clp\">\r\n                @for (act of actuaciones; track $index) {\r\n                <div class=\"text-info\">\r\n                    <div class=\"row-text-1 body-sm txt-ter\">\r\n                        @if (act.fechaIniciaTermino) {\r\n                            <span>Inicia t\u00E9rmino: {{act.fechaIniciaTermino | date: 'd MMM y'}}</span>\r\n                        } @else {\r\n                            <span>Fecha registro: {{act.fechaActuacion | date: 'd MMM y'}}</span>\r\n                        }\r\n                        @if (act.fechaFinalizaTermino) {\r\n                            <span>-</span>\r\n                            <span>Finaliza t\u00E9rmino: {{act.fechaFinalizaTermino | date: 'd MMM y'}}</span>\r\n                        }\r\n                    </div>\r\n                    <span class=\"label-base txt-ter\">{{act.actuacion}}</span>\r\n                    <span class=\"body-base-1 txt-sec\">{{act.anotacion}}</span>\r\n                </div>\r\n                }\r\n            </div>\r\n            <div class=\"buttons-clp\">\r\n                @if (hasNotificacion) {\r\n                <ius-button-menu-link iconName=\"icon-notificacion\" iconColor=\"#184FDB\"\r\n                    iusPopoverContent=\"Ver notificaci\u00F3n\"\r\n                    (buttonClicked)=\"clickButtonNotificacion($event)\"></ius-button-menu-link>\r\n                <ius-simple-divider></ius-simple-divider>\r\n                }\r\n                @if (hasAuto) {\r\n                <ius-button-menu-link iconName=\"icon-docs\" iconColor=\"#184FDB\" iusPopoverContent=\"Ver auto\"\r\n                    (buttonClicked)=\"clickButtonAuto($event)\"></ius-button-menu-link>\r\n                <ius-simple-divider></ius-simple-divider>\r\n                }\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px;min-height:40px;justify-content:center}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.title-no-read{font-weight:500}.icon-account{color:#8c8c8c}.priority-tx{color:#497610}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-f{background-color:transparent}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px;width:76px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;gap:4px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: ButtonMenuLinkComponent, selector: "ius-button-menu-link", inputs: ["disabled", "iconColor", "iconName"], outputs: ["buttonClicked"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
+        ], 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' },
                         DatePipe
-                    ], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n    <div class=\"ctn-card\">\r\n        <div class=\"ctn-inf\">\r\n            <ius-icon-sm iconName=\"icon-account-balance\" class=\"icon-account\"\r\n                [ngClass]=\"{'priority-tx': hasNotificacion || hasAuto }\"></ius-icon-sm>\r\n            <div class=\"info\">\r\n                <span class=\"caption-sm txt-ter\">Vigilancia Judicial</span>\r\n                <span class=\"body-base-1 txt-pry\" [ngClass]=\"{'title-no-read': read === false}\">{{titulo}}</span>\r\n                <span class=\"body-base-1 txt-sec\">{{juzgado}}</span>\r\n            </div>\r\n        </div>\r\n        <div class=\"ctn-icons\">\r\n            @if (hasNotificacion || hasAuto) {\r\n            <div class=\"row-text-1\">\r\n                @if (hasNotificacion) {\r\n                <ius-icon-sm iconName=\"icon-notification-2\" class=\"txt-sec\"></ius-icon-sm>\r\n                }\r\n                @if (hasAuto) {\r\n                <ius-icon-sm iconName=\"icon-docs-2\" class=\"txt-sec\"></ius-icon-sm>\r\n                }\r\n            </div>\r\n            }\r\n            <div class=\"row-text-2\">\r\n                <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === true}\"></div>\r\n                <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM y'}}</span>\r\n                <span class=\"buttons-hove\">\r\n                    <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n                        [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n                        (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n                        iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n                        (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n                </span>\r\n            </div>\r\n            <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n                class=\"txt-pry\"></ius-icon-sm>\r\n        </div>\r\n    </div>\r\n    <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n        <ius-simple-divider></ius-simple-divider>\r\n        <div class=\"ctn-clp\">\r\n            <div class=\"ctn-info-clp\">\r\n                @for (act of actuaciones; track $index) {\r\n                <div class=\"text-info\">\r\n                    <div class=\"row-text-1 body-sm txt-ter\">\r\n                        @if (act.fechaIniciaTermino) {\r\n                            <span>Inicia t\u00E9rmino: {{act.fechaIniciaTermino | date: 'd MMM y'}}</span>\r\n                        } @else {\r\n                            <span>Fecha registro: {{act.fechaActuacion | date: 'd MMM y'}}</span>\r\n                        }\r\n                        @if (act.fechaFinalizaTermino) {\r\n                            <span>-</span>\r\n                            <span>Finaliza t\u00E9rmino: {{act.fechaFinalizaTermino | date: 'd MMM y'}}</span>\r\n                        }\r\n                    </div>\r\n                    <span class=\"label-base txt-ter\">{{act.actuacion}}</span>\r\n                    <span class=\"body-base-1 txt-sec\">{{act.anotacion}}</span>\r\n                </div>\r\n                }\r\n            </div>\r\n            <div class=\"buttons-clp\">\r\n                @if (hasNotificacion) {\r\n                <ius-button-menu-link iconName=\"icon-notificacion\" iconColor=\"#184FDB\"\r\n                    iusPopoverContent=\"Ver notificaci\u00F3n\"\r\n                    (buttonClicked)=\"clickButtonNotificacion($event)\"></ius-button-menu-link>\r\n                <ius-simple-divider></ius-simple-divider>\r\n                }\r\n                @if (hasAuto) {\r\n                <ius-button-menu-link iconName=\"icon-docs\" iconColor=\"#184FDB\" iusPopoverContent=\"Ver auto\"\r\n                    (buttonClicked)=\"clickButtonAuto($event)\"></ius-button-menu-link>\r\n                <ius-simple-divider></ius-simple-divider>\r\n                }\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px;min-height:40px;justify-content:center}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.title-no-read{font-weight:500}.icon-account{color:#8c8c8c}.priority-tx{color:#497610}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-f{background-color:transparent}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px;width:76px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;gap:4px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"] }]
+                    ], 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: [{
@@ -7110,18 +7125,24 @@ class CardActividadEventoComponent {
         }
     }
     get headerFechaLabel() {
-        return this.estado === 'FINALIZADA' ? 'Realizada el' : 'Programada para el';
+        return this.estado === 'Finalizada' ? 'Realizada el' : 'Programada para el';
     }
     get estadoLabel() {
-        if (this.estado === 'FINALIZADA')
+        if (this.estado === 'Finalizada')
             return 'Finalizada';
-        if (this.warning)
-            return 'Sin reporte de asistencia';
+        if (this.estado === 'Pausada' && this.warning)
+            return 'Pausada';
+        if (this.estado === 'Pausada' && this.warning)
+            return 'Pausada - Vencida';
         return 'Programada';
     }
     get estadoLabelClass() {
-        if (this.estado === 'FINALIZADA')
+        if (this.estado === 'Finalizada')
             return 'txt-ter';
+        if (this.estado === 'Pausada' && this.warning)
+            return 'tx-info';
+        if (this.estado === 'Pausada' && this.warning)
+            return 'tx-warn';
         if (this.warning)
             return 'tx-warn';
         return 'tx-read';
@@ -7196,14 +7217,14 @@ class CardActividadEventoComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardActividadEventoComponent, isStandalone: true, selector: "ius-card-actividad-evento", inputs: { read: "read", warning: "warning", collapse: "collapse", done: "done", titulo: "titulo", usuarioAsignado: "usuarioAsignado", fechaProgramacion: "fechaProgramacion", fechaPrincipal: "fechaPrincipal", text1: "text1", estado: "estado", fechaInicio: "fechaInicio", fechaFin: "fechaFin", descripcion: "descripcion", link: "link" }, outputs: { onClickButtonCopy: "onClickButtonCopy", onClickButtonRead: "onClickButtonRead", onClickButtonEdit: "onClickButtonEdit", onClickButtonDelete: "onClickButtonDelete", onClickButtonDone: "onClickButtonDone" }, providers: [
             { provide: LOCALE_ID, useValue: 'es' },
             DatePipe
-        ], ngImport: i0, template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n    <div class=\"ctn-card\">\r\n        <div class=\"ctn-inf\">\r\n            <ius-icon-sm iconName=\"icon-calendar-clock\" class=\"priority-tx\"\r\n                [ngClass]=\"{'icon-calendar-clock': estado === 'FINALIZADA' }\"></ius-icon-sm>\r\n            <div class=\"info\">\r\n                <span class=\"caption-sm txt-ter\">Actividades y eventos</span>\r\n                <span class=\"label-base txt-pry\" [ngClass]=\"{'body-base-1': read}\">{{titulo}}</span>\r\n                <div class=\"tx-asig\">\r\n                    <div class=\"row-text-2\">\r\n                        <span class=\"caption-sm txt-ter\">Asignado a</span>\r\n                        <span class=\"body-base-1 txt-sec\">{{usuarioAsignado}}</span>\r\n                    </div>\r\n                    <div class=\"row-text-2\">\r\n                        <span class=\"caption-sm txt-ter\">{{ headerFechaLabel }}</span>\r\n                        <span class=\"body-base-1 txt-sec\">{{fechaProgramacion | date: 'dd MMM yyyy h:mm a'}}</span>\r\n                    </div>\r\n                </div>\r\n                <span class=\"body-base-1 txt-sec\">{{text1}}</span>\r\n            </div>\r\n        </div>\r\n        <div class=\"ctn-icons\">\r\n            <div class=\"row-text-2\">\r\n                @if (!read) {\r\n                <div class=\"icon-dot\"></div>\r\n                }\r\n                @if (warning && estado !== 'FINALIZADA') {\r\n                <ius-icon-xs iconName=\"icon-emergency-home\" class=\"icon-emergency-home\"></ius-icon-xs>\r\n                }\r\n                <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM y'}}</span>\r\n                <span class=\"buttons-hove\">\r\n                    <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n                        [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n                        (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n                        iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n                        (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-done-outline\"\r\n                        [iusPopoverContent]=\"done ? 'Marcar como abierta' : 'Marcar como hecha'\"\r\n                        (buttonClicked)=\"clickButtonDone($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-edit\"\r\n                        iusPopoverContent=\"Editar\"\r\n                        (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-delete\"\r\n                        iusPopoverContent=\"Eliminar\"\r\n                        (buttonClicked)=\"clickButtonDelete($event)\"></ius-button-circle-tertiary>\r\n                </span>\r\n            </div>\r\n            <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n                class=\"txt-pry\"></ius-icon-sm>\r\n        </div>\r\n    </div>\r\n    <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n        <ius-simple-divider></ius-simple-divider>\r\n        <div class=\"ctn-clp\">\r\n            <div class=\"ctn-info-clp\">\r\n                <div class=\"text-info\">\r\n                    <span class=\"label-base\" [ngClass]=\"estadoLabelClass\">{{ estadoLabel }}</span>\r\n                    <div class=\"row-text-1 body-sm txt-ter\">\r\n                        <span>{{fechaInicio | date: 'dd MMM yyyy h:mm a'}}</span>\r\n                        @if (fechaFin) {\r\n                        <span>-</span>\r\n                        <span>{{fechaFin | date: 'dd MMM yyyy h:mm a'}}</span>\r\n                        }\r\n                    </div>\r\n                    <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\r\n                    @if (link) {\r\n                        <a class=\"body-sm link-actividad\" (click)=\"openLink($event)\">\r\n                            <ius-icon-xs iconName=\"icon-link-2\"></ius-icon-xs>\r\n                            <span>{{ link }}</span>\r\n                        </a>\r\n                    }\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-calendar-clock{color:#8c8c8c!important}.priority-tx{color:#184fdb}.tx-asig{display:flex;gap:24px}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-warning{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#ffae00;border-radius:100px}.icon-emergency-home{color:#ffae00}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.tx-read{color:#629219}.tx-warn{color:#db8e00}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}.link-actividad{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:4px 8px;border-radius:4px;color:#595959;cursor:pointer;text-decoration:none;word-break:break-all}.link-actividad:hover{background-color:#edf6ff;text-decoration:underline}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
+        ], 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-calendar-clock\" class=\"priority-tx\"\n                [ngClass]=\"{'icon-calendar-clock': estado === 'FINALIZADA' }\"></ius-icon-sm>\n            <div class=\"info\">\n                <span class=\"caption-sm txt-ter\">Actividades y eventos</span>\n                <span class=\"label-base txt-pry\" [ngClass]=\"{'body-base-1': read}\">{{titulo}}</span>\n                <div class=\"tx-asig\">\n                    <div class=\"row-text-2\">\n                        <span class=\"caption-sm txt-ter\">Asignado a</span>\n                        <span class=\"body-base-1 txt-sec\">{{usuarioAsignado}}</span>\n                    </div>\n                    <div class=\"row-text-2\">\n                        <span class=\"caption-sm txt-ter\">{{ headerFechaLabel }}</span>\n                        <span class=\"body-base-1 txt-sec\">{{fechaProgramacion | date: 'dd MMM yyyy h:mm a'}}</span>\n                    </div>\n                </div>\n                <span class=\"body-base-1 txt-sec\">{{text1}}</span>\n            </div>\n        </div>\n        <div class=\"ctn-icons\">\n            <div class=\"row-text-2\">\n                @if (!read) {\n                <div class=\"icon-dot\"></div>\n                }\n                @if (warning && estado !== 'FINALIZADA') {\n                <ius-icon-xs iconName=\"icon-emergency-home\" class=\"icon-emergency-home\"></ius-icon-xs>\n                }\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                    <ius-button-circle-tertiary iconName=\"icon-done-outline\"\n                        [iusPopoverContent]=\"done ? 'Marcar como abierta' : 'Marcar como hecha'\"\n                        (buttonClicked)=\"clickButtonDone($event)\"></ius-button-circle-tertiary>\n                    <ius-button-circle-tertiary iconName=\"icon-edit\"\n                        iusPopoverContent=\"Editar\"\n                        (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\n                    <ius-button-circle-tertiary iconName=\"icon-delete\"\n                        iusPopoverContent=\"Eliminar\"\n                        (buttonClicked)=\"clickButtonDelete($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                <div class=\"text-info\">\n                    <span class=\"label-base\" [ngClass]=\"estadoLabelClass\">{{ estadoLabel }}</span>\n                    <div class=\"row-text-1 body-sm txt-ter\">\n                        <span>{{fechaInicio | date: 'dd MMM yyyy h:mm a'}}</span>\n                        @if (fechaFin) {\n                        <span>-</span>\n                        <span>{{fechaFin | date: 'dd MMM yyyy h:mm a'}}</span>\n                        }\n                    </div>\n                    <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\n                    @if (link) {\n                        <a class=\"body-sm link-actividad\" (click)=\"openLink($event)\">\n                            <ius-icon-xs iconName=\"icon-link-2\"></ius-icon-xs>\n                            <span>{{ link }}</span>\n                        </a>\n                    }\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-calendar-clock{color:#8c8c8c!important}.priority-tx{color:#184fdb}.tx-asig{display:flex;gap:24px}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-warning{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#ffae00;border-radius:100px}.icon-emergency-home{color:#ffae00}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.tx-read{color:#629219}.tx-warn{color:#db8e00}.tx-info{color:#5892ff}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}.link-actividad{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:4px 8px;border-radius:4px;color:#595959;cursor:pointer;text-decoration:none;word-break:break-all}.link-actividad:hover{background-color:#edf6ff;text-decoration:underline}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardActividadEventoComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ius-card-actividad-evento', standalone: true, imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, IconXsComponent, DatePipe, PopoverDirective], providers: [
                         { provide: LOCALE_ID, useValue: 'es' },
                         DatePipe
-                    ], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n    <div class=\"ctn-card\">\r\n        <div class=\"ctn-inf\">\r\n            <ius-icon-sm iconName=\"icon-calendar-clock\" class=\"priority-tx\"\r\n                [ngClass]=\"{'icon-calendar-clock': estado === 'FINALIZADA' }\"></ius-icon-sm>\r\n            <div class=\"info\">\r\n                <span class=\"caption-sm txt-ter\">Actividades y eventos</span>\r\n                <span class=\"label-base txt-pry\" [ngClass]=\"{'body-base-1': read}\">{{titulo}}</span>\r\n                <div class=\"tx-asig\">\r\n                    <div class=\"row-text-2\">\r\n                        <span class=\"caption-sm txt-ter\">Asignado a</span>\r\n                        <span class=\"body-base-1 txt-sec\">{{usuarioAsignado}}</span>\r\n                    </div>\r\n                    <div class=\"row-text-2\">\r\n                        <span class=\"caption-sm txt-ter\">{{ headerFechaLabel }}</span>\r\n                        <span class=\"body-base-1 txt-sec\">{{fechaProgramacion | date: 'dd MMM yyyy h:mm a'}}</span>\r\n                    </div>\r\n                </div>\r\n                <span class=\"body-base-1 txt-sec\">{{text1}}</span>\r\n            </div>\r\n        </div>\r\n        <div class=\"ctn-icons\">\r\n            <div class=\"row-text-2\">\r\n                @if (!read) {\r\n                <div class=\"icon-dot\"></div>\r\n                }\r\n                @if (warning && estado !== 'FINALIZADA') {\r\n                <ius-icon-xs iconName=\"icon-emergency-home\" class=\"icon-emergency-home\"></ius-icon-xs>\r\n                }\r\n                <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM y'}}</span>\r\n                <span class=\"buttons-hove\">\r\n                    <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n                        [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n                        (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n                        iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n                        (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-done-outline\"\r\n                        [iusPopoverContent]=\"done ? 'Marcar como abierta' : 'Marcar como hecha'\"\r\n                        (buttonClicked)=\"clickButtonDone($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-edit\"\r\n                        iusPopoverContent=\"Editar\"\r\n                        (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-delete\"\r\n                        iusPopoverContent=\"Eliminar\"\r\n                        (buttonClicked)=\"clickButtonDelete($event)\"></ius-button-circle-tertiary>\r\n                </span>\r\n            </div>\r\n            <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n                class=\"txt-pry\"></ius-icon-sm>\r\n        </div>\r\n    </div>\r\n    <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n        <ius-simple-divider></ius-simple-divider>\r\n        <div class=\"ctn-clp\">\r\n            <div class=\"ctn-info-clp\">\r\n                <div class=\"text-info\">\r\n                    <span class=\"label-base\" [ngClass]=\"estadoLabelClass\">{{ estadoLabel }}</span>\r\n                    <div class=\"row-text-1 body-sm txt-ter\">\r\n                        <span>{{fechaInicio | date: 'dd MMM yyyy h:mm a'}}</span>\r\n                        @if (fechaFin) {\r\n                        <span>-</span>\r\n                        <span>{{fechaFin | date: 'dd MMM yyyy h:mm a'}}</span>\r\n                        }\r\n                    </div>\r\n                    <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\r\n                    @if (link) {\r\n                        <a class=\"body-sm link-actividad\" (click)=\"openLink($event)\">\r\n                            <ius-icon-xs iconName=\"icon-link-2\"></ius-icon-xs>\r\n                            <span>{{ link }}</span>\r\n                        </a>\r\n                    }\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-calendar-clock{color:#8c8c8c!important}.priority-tx{color:#184fdb}.tx-asig{display:flex;gap:24px}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-warning{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#ffae00;border-radius:100px}.icon-emergency-home{color:#ffae00}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.tx-read{color:#629219}.tx-warn{color:#db8e00}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}.link-actividad{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:4px 8px;border-radius:4px;color:#595959;cursor:pointer;text-decoration:none;word-break:break-all}.link-actividad:hover{background-color:#edf6ff;text-decoration:underline}\n"] }]
+                    ], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\n    <div class=\"ctn-card\">\n        <div class=\"ctn-inf\">\n            <ius-icon-sm iconName=\"icon-calendar-clock\" class=\"priority-tx\"\n                [ngClass]=\"{'icon-calendar-clock': estado === 'FINALIZADA' }\"></ius-icon-sm>\n            <div class=\"info\">\n                <span class=\"caption-sm txt-ter\">Actividades y eventos</span>\n                <span class=\"label-base txt-pry\" [ngClass]=\"{'body-base-1': read}\">{{titulo}}</span>\n                <div class=\"tx-asig\">\n                    <div class=\"row-text-2\">\n                        <span class=\"caption-sm txt-ter\">Asignado a</span>\n                        <span class=\"body-base-1 txt-sec\">{{usuarioAsignado}}</span>\n                    </div>\n                    <div class=\"row-text-2\">\n                        <span class=\"caption-sm txt-ter\">{{ headerFechaLabel }}</span>\n                        <span class=\"body-base-1 txt-sec\">{{fechaProgramacion | date: 'dd MMM yyyy h:mm a'}}</span>\n                    </div>\n                </div>\n                <span class=\"body-base-1 txt-sec\">{{text1}}</span>\n            </div>\n        </div>\n        <div class=\"ctn-icons\">\n            <div class=\"row-text-2\">\n                @if (!read) {\n                <div class=\"icon-dot\"></div>\n                }\n                @if (warning && estado !== 'FINALIZADA') {\n                <ius-icon-xs iconName=\"icon-emergency-home\" class=\"icon-emergency-home\"></ius-icon-xs>\n                }\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                    <ius-button-circle-tertiary iconName=\"icon-done-outline\"\n                        [iusPopoverContent]=\"done ? 'Marcar como abierta' : 'Marcar como hecha'\"\n                        (buttonClicked)=\"clickButtonDone($event)\"></ius-button-circle-tertiary>\n                    <ius-button-circle-tertiary iconName=\"icon-edit\"\n                        iusPopoverContent=\"Editar\"\n                        (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\n                    <ius-button-circle-tertiary iconName=\"icon-delete\"\n                        iusPopoverContent=\"Eliminar\"\n                        (buttonClicked)=\"clickButtonDelete($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                <div class=\"text-info\">\n                    <span class=\"label-base\" [ngClass]=\"estadoLabelClass\">{{ estadoLabel }}</span>\n                    <div class=\"row-text-1 body-sm txt-ter\">\n                        <span>{{fechaInicio | date: 'dd MMM yyyy h:mm a'}}</span>\n                        @if (fechaFin) {\n                        <span>-</span>\n                        <span>{{fechaFin | date: 'dd MMM yyyy h:mm a'}}</span>\n                        }\n                    </div>\n                    <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\n                    @if (link) {\n                        <a class=\"body-sm link-actividad\" (click)=\"openLink($event)\">\n                            <ius-icon-xs iconName=\"icon-link-2\"></ius-icon-xs>\n                            <span>{{ link }}</span>\n                        </a>\n                    }\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-calendar-clock{color:#8c8c8c!important}.priority-tx{color:#184fdb}.tx-asig{display:flex;gap:24px}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-warning{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#ffae00;border-radius:100px}.icon-emergency-home{color:#ffae00}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.tx-read{color:#629219}.tx-warn{color:#db8e00}.tx-info{color:#5892ff}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}.link-actividad{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:4px 8px;border-radius:4px;color:#595959;cursor:pointer;text-decoration:none;word-break:break-all}.link-actividad:hover{background-color:#edf6ff;text-decoration:underline}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.DatePipe }], propDecorators: { read: [{
                 type: Input
             }], warning: [{
@@ -7318,14 +7339,14 @@ class CardEtapaSubetapaComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardEtapaSubetapaComponent, isStandalone: true, selector: "ius-card-etapa-subetapa", inputs: { priority: "priority", hasDocuments: "hasDocuments", read: "read", collapse: "collapse", etapa: "etapa", subEtapa: "subEtapa", text1: "text1", origen: "origen", fechaPrincipal: "fechaPrincipal", descripcion: "descripcion" }, outputs: { onClickButtonCopy: "onClickButtonCopy", onClickButtonRead: "onClickButtonRead", onClickButtonEdit: "onClickButtonEdit", onClickButtonDelete: "onClickButtonDelete", onClickButtonDocs: "onClickButtonDocs" }, providers: [
             { provide: LOCALE_ID, useValue: 'es' },
             DatePipe
-        ], ngImport: i0, template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n    <div class=\"ctn-card\">\r\n        <div class=\"ctn-inf\">\r\n            <ius-icon-sm iconName=\"icon-book-5\" class=\"icon-book-5\"></ius-icon-sm>\r\n            <div class=\"info\">\r\n                <span class=\"caption-sm txt-ter\">Etapas Procesales</span>\r\n                <div class=\"body-base-1 row-text-1 txt-pry\" [ngClass]=\"{'title-no-read': read === false}\">\r\n                    <span>{{etapa}}</span>\r\n                    <span>-</span>\r\n                    <span>{{subEtapa}}</span>\r\n                </div>\r\n                <div class=\"body-base-1 txt-sec row-text-1\">\r\n                    <span>{{text1}}</span>\r\n                    @if (origen) {\r\n                    <span>-</span>\r\n                    <span>{{origen}}</span>\r\n                    }\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"ctn-icons\">\r\n            @if (hasDocuments) {\r\n            <div class=\"row-text-1\">\r\n                <ius-icon-sm iconName=\"icon-attach-file\" class=\"txt-sec\"></ius-icon-sm>\r\n            </div>\r\n            }\r\n            <div class=\"row-text-2\">\r\n                <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\r\n                <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM yyyy'}}</span>\r\n                <span class=\"buttons-hove\">\r\n                    <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n                        [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n                        (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n                        iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n                        (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-edit\"\r\n                        iusPopoverContent=\"Editar\"\r\n                        (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-delete\"\r\n                        iusPopoverContent=\"Eliminar\"\r\n                        (buttonClicked)=\"clickButtonDelete($event)\"></ius-button-circle-tertiary>\r\n                </span>\r\n            </div>\r\n            <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n                class=\"txt-pry\"></ius-icon-sm>\r\n        </div>\r\n    </div>\r\n    <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n        <ius-simple-divider></ius-simple-divider>\r\n        <div class=\"ctn-clp\">\r\n            <div class=\"ctn-info-clp\">\r\n                <div class=\"text-info\">\r\n                    <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\r\n                </div>\r\n            </div>\r\n            <div class=\"buttons-clp\">\r\n                @if (hasDocuments) {\r\n                <ius-button-menu-link iconName=\"icon-attach-file\" iconColor=\"#184FDB\"\r\n                    iusPopoverContent=\"Ver documentos\"\r\n                    (buttonClicked)=\"clickButtonDocs($event)\"></ius-button-menu-link>\r\n                }\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-book-5{color:#7caf25}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{background-color:transparent;display:none;align-items:center;width:8px;height:8px;aspect-ratio:1/1;border-radius:100px}.icon-dot-f{display:flex;background-color:#2167ff}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;width:44px;box-sizing:border-box;gap:4px;justify-content:center}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.title-no-read{font-weight:500}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: ButtonMenuLinkComponent, selector: "ius-button-menu-link", inputs: ["disabled", "iconColor", "iconName"], outputs: ["buttonClicked"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
+        ], 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-book-5\" class=\"icon-book-5\"></ius-icon-sm>\n            <div class=\"info\">\n                <span class=\"caption-sm txt-ter\">Etapas Procesales</span>\n                <div class=\"body-base-1 row-text-1 txt-pry\" [ngClass]=\"{'title-no-read': read === false}\">\n                    <span>{{etapa}}</span>\n                    <span>-</span>\n                    <span>{{subEtapa}}</span>\n                </div>\n                <div class=\"body-base-1 txt-sec row-text-1\">\n                    <span>{{text1}}</span>\n                    @if (origen) {\n                    <span>-</span>\n                    <span>{{origen}}</span>\n                    }\n                </div>\n            </div>\n        </div>\n        <div class=\"ctn-icons\">\n            @if (hasDocuments) {\n            <div class=\"row-text-1\">\n                <ius-icon-sm iconName=\"icon-attach-file\" class=\"txt-sec\"></ius-icon-sm>\n            </div>\n            }\n            <div class=\"row-text-2\">\n                <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\n                <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM yyyy'}}</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                    <ius-button-circle-tertiary iconName=\"icon-edit\"\n                        iusPopoverContent=\"Editar\"\n                        (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\n                    <ius-button-circle-tertiary iconName=\"icon-delete\"\n                        iusPopoverContent=\"Eliminar\"\n                        (buttonClicked)=\"clickButtonDelete($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                <div class=\"text-info\">\n                    <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\n                </div>\n            </div>\n            <div class=\"buttons-clp\">\n                @if (hasDocuments) {\n                <ius-button-menu-link iconName=\"icon-attach-file\" iconColor=\"#184FDB\"\n                    iusPopoverContent=\"Ver documentos\"\n                    (buttonClicked)=\"clickButtonDocs($event)\"></ius-button-menu-link>\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}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-book-5{color:#7caf25}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{background-color:transparent;display:none;align-items:center;width:8px;height:8px;aspect-ratio:1/1;border-radius:100px}.icon-dot-f{display:flex;background-color:#2167ff}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;width:44px;box-sizing:border-box;gap:4px;justify-content:center}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.title-no-read{font-weight:500}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: ButtonMenuLinkComponent, selector: "ius-button-menu-link", inputs: ["disabled", "iconColor", "iconName"], outputs: ["buttonClicked"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardEtapaSubetapaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ius-card-etapa-subetapa', standalone: true, imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, ButtonMenuLinkComponent, DatePipe, PopoverDirective], providers: [
                         { provide: LOCALE_ID, useValue: 'es' },
                         DatePipe
-                    ], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n    <div class=\"ctn-card\">\r\n        <div class=\"ctn-inf\">\r\n            <ius-icon-sm iconName=\"icon-book-5\" class=\"icon-book-5\"></ius-icon-sm>\r\n            <div class=\"info\">\r\n                <span class=\"caption-sm txt-ter\">Etapas Procesales</span>\r\n                <div class=\"body-base-1 row-text-1 txt-pry\" [ngClass]=\"{'title-no-read': read === false}\">\r\n                    <span>{{etapa}}</span>\r\n                    <span>-</span>\r\n                    <span>{{subEtapa}}</span>\r\n                </div>\r\n                <div class=\"body-base-1 txt-sec row-text-1\">\r\n                    <span>{{text1}}</span>\r\n                    @if (origen) {\r\n                    <span>-</span>\r\n                    <span>{{origen}}</span>\r\n                    }\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"ctn-icons\">\r\n            @if (hasDocuments) {\r\n            <div class=\"row-text-1\">\r\n                <ius-icon-sm iconName=\"icon-attach-file\" class=\"txt-sec\"></ius-icon-sm>\r\n            </div>\r\n            }\r\n            <div class=\"row-text-2\">\r\n                <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\r\n                <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM yyyy'}}</span>\r\n                <span class=\"buttons-hove\">\r\n                    <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n                        [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n                        (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n                        iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n                        (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-edit\"\r\n                        iusPopoverContent=\"Editar\"\r\n                        (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-delete\"\r\n                        iusPopoverContent=\"Eliminar\"\r\n                        (buttonClicked)=\"clickButtonDelete($event)\"></ius-button-circle-tertiary>\r\n                </span>\r\n            </div>\r\n            <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n                class=\"txt-pry\"></ius-icon-sm>\r\n        </div>\r\n    </div>\r\n    <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n        <ius-simple-divider></ius-simple-divider>\r\n        <div class=\"ctn-clp\">\r\n            <div class=\"ctn-info-clp\">\r\n                <div class=\"text-info\">\r\n                    <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\r\n                </div>\r\n            </div>\r\n            <div class=\"buttons-clp\">\r\n                @if (hasDocuments) {\r\n                <ius-button-menu-link iconName=\"icon-attach-file\" iconColor=\"#184FDB\"\r\n                    iusPopoverContent=\"Ver documentos\"\r\n                    (buttonClicked)=\"clickButtonDocs($event)\"></ius-button-menu-link>\r\n                }\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-book-5{color:#7caf25}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{background-color:transparent;display:none;align-items:center;width:8px;height:8px;aspect-ratio:1/1;border-radius:100px}.icon-dot-f{display:flex;background-color:#2167ff}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;width:44px;box-sizing:border-box;gap:4px;justify-content:center}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.title-no-read{font-weight:500}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"] }]
+                    ], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\n    <div class=\"ctn-card\">\n        <div class=\"ctn-inf\">\n            <ius-icon-sm iconName=\"icon-book-5\" class=\"icon-book-5\"></ius-icon-sm>\n            <div class=\"info\">\n                <span class=\"caption-sm txt-ter\">Etapas Procesales</span>\n                <div class=\"body-base-1 row-text-1 txt-pry\" [ngClass]=\"{'title-no-read': read === false}\">\n                    <span>{{etapa}}</span>\n                    <span>-</span>\n                    <span>{{subEtapa}}</span>\n                </div>\n                <div class=\"body-base-1 txt-sec row-text-1\">\n                    <span>{{text1}}</span>\n                    @if (origen) {\n                    <span>-</span>\n                    <span>{{origen}}</span>\n                    }\n                </div>\n            </div>\n        </div>\n        <div class=\"ctn-icons\">\n            @if (hasDocuments) {\n            <div class=\"row-text-1\">\n                <ius-icon-sm iconName=\"icon-attach-file\" class=\"txt-sec\"></ius-icon-sm>\n            </div>\n            }\n            <div class=\"row-text-2\">\n                <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\n                <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM yyyy'}}</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                    <ius-button-circle-tertiary iconName=\"icon-edit\"\n                        iusPopoverContent=\"Editar\"\n                        (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\n                    <ius-button-circle-tertiary iconName=\"icon-delete\"\n                        iusPopoverContent=\"Eliminar\"\n                        (buttonClicked)=\"clickButtonDelete($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                <div class=\"text-info\">\n                    <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\n                </div>\n            </div>\n            <div class=\"buttons-clp\">\n                @if (hasDocuments) {\n                <ius-button-menu-link iconName=\"icon-attach-file\" iconColor=\"#184FDB\"\n                    iusPopoverContent=\"Ver documentos\"\n                    (buttonClicked)=\"clickButtonDocs($event)\"></ius-button-menu-link>\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}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-book-5{color:#7caf25}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{background-color:transparent;display:none;align-items:center;width:8px;height:8px;aspect-ratio:1/1;border-radius:100px}.icon-dot-f{display:flex;background-color:#2167ff}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;width:44px;box-sizing:border-box;gap:4px;justify-content:center}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.title-no-read{font-weight:500}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.DatePipe }], propDecorators: { priority: [{
                 type: Input
             }], hasDocuments: [{
@@ -7430,14 +7451,14 @@ class CardImpulsoProcesalComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardImpulsoProcesalComponent, isStandalone: true, selector: "ius-card-impulso-procesal", inputs: { priority: "priority", hasDocuments: "hasDocuments", read: "read", collapse: "collapse", titulo: "titulo", text1: "text1", origen: "origen", fechaPrincipal: "fechaPrincipal", descripcion: "descripcion" }, outputs: { onClickButtonCopy: "onClickButtonCopy", onClickButtonRead: "onClickButtonRead", onClickButtonEdit: "onClickButtonEdit", onClickButtonDelete: "onClickButtonDelete", onClickButtonDocs: "onClickButtonDocs" }, providers: [
             { provide: LOCALE_ID, useValue: 'es' },
             DatePipe
-        ], ngImport: i0, template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n    <div class=\"ctn-card\">\r\n        <div class=\"ctn-inf\">\r\n            <ius-icon-sm iconName=\"icon-article-person\" class=\"icon-article-person\"></ius-icon-sm>\r\n            <div class=\"info\">\r\n                <span class=\"caption-sm txt-ter\">Gesti\u00F3n - Impulso Procesal</span>\r\n                <span class=\"body-base-1\" [ngClass]=\"{'title-no-read': read === false}\">{{titulo}}</span>\r\n                <div class=\"body-base-1 txt-sec row-text-1\">\r\n                    <span>{{text1}}</span>\r\n                    @if (origen) {\r\n                    <span>-</span>\r\n                    <span>{{origen}}</span>\r\n                    }\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"ctn-icons\">\r\n            @if (hasDocuments) {\r\n            <div class=\"row-text-1\">\r\n                <ius-icon-sm iconName=\"icon-attach-file\" class=\"txt-sec\"></ius-icon-sm>\r\n            </div>\r\n            }\r\n            <div class=\"row-text-2\">\r\n                <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\r\n                <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM yyyy'}}</span>\r\n                <span class=\"buttons-hove\">\r\n                    <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n                        [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n                        (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n                        iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n                        (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-edit\"\r\n                        iusPopoverContent=\"Editar\"\r\n                        (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-delete\"\r\n                        iusPopoverContent=\"Eliminar\"\r\n                        (buttonClicked)=\"clickButtonDelete($event)\"></ius-button-circle-tertiary>\r\n                </span>\r\n            </div>\r\n            <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n                class=\"txt-pry\"></ius-icon-sm>\r\n        </div>\r\n    </div>\r\n    <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n        <ius-simple-divider></ius-simple-divider>\r\n        <div class=\"ctn-clp\">\r\n            <div class=\"ctn-info-clp\">\r\n                <div class=\"text-info\">\r\n                    <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\r\n                </div>\r\n            </div>\r\n            <div class=\"buttons-clp\">\r\n                @if (hasDocuments) {\r\n                <ius-button-menu-link iconName=\"icon-attach-file\" iconColor=\"#184FDB\"\r\n                    iusPopoverContent=\"Ver documentos\"\r\n                    (buttonClicked)=\"clickButtonDocs($event)\"></ius-button-menu-link>\r\n                }\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-article-person{color:#434343}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.title-no-read{font-weight:500}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{background-color:transparent;display:none;align-items:center;width:8px;height:8px;aspect-ratio:1/1;border-radius:100px}.icon-dot-f{display:flex;background-color:#2167ff}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;width:44px;box-sizing:border-box;gap:4px;justify-content:center}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: ButtonMenuLinkComponent, selector: "ius-button-menu-link", inputs: ["disabled", "iconColor", "iconName"], outputs: ["buttonClicked"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
+        ], 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-article-person\" class=\"icon-article-person\"></ius-icon-sm>\n            <div class=\"info\">\n                <span class=\"caption-sm txt-ter\">Gesti\u00F3n - Impulso Procesal</span>\n                <span class=\"body-base-1\" [ngClass]=\"{'title-no-read': read === false}\">{{titulo}}</span>\n                <div class=\"body-base-1 txt-sec row-text-1\">\n                    <span>{{text1}}</span>\n                    @if (origen) {\n                    <span>-</span>\n                    <span>{{origen}}</span>\n                    }\n                </div>\n            </div>\n        </div>\n        <div class=\"ctn-icons\">\n            @if (hasDocuments) {\n            <div class=\"row-text-1\">\n                <ius-icon-sm iconName=\"icon-attach-file\" class=\"txt-sec\"></ius-icon-sm>\n            </div>\n            }\n            <div class=\"row-text-2\">\n                <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\n                <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM yyyy'}}</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                    <ius-button-circle-tertiary iconName=\"icon-edit\"\n                        iusPopoverContent=\"Editar\"\n                        (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\n                    <ius-button-circle-tertiary iconName=\"icon-delete\"\n                        iusPopoverContent=\"Eliminar\"\n                        (buttonClicked)=\"clickButtonDelete($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                <div class=\"text-info\">\n                    <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\n                </div>\n            </div>\n            <div class=\"buttons-clp\">\n                @if (hasDocuments) {\n                <ius-button-menu-link iconName=\"icon-attach-file\" iconColor=\"#184FDB\"\n                    iusPopoverContent=\"Ver documentos\"\n                    (buttonClicked)=\"clickButtonDocs($event)\"></ius-button-menu-link>\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}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-article-person{color:#434343}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.title-no-read{font-weight:500}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{background-color:transparent;display:none;align-items:center;width:8px;height:8px;aspect-ratio:1/1;border-radius:100px}.icon-dot-f{display:flex;background-color:#2167ff}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;width:44px;box-sizing:border-box;gap:4px;justify-content:center}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: ButtonMenuLinkComponent, selector: "ius-button-menu-link", inputs: ["disabled", "iconColor", "iconName"], outputs: ["buttonClicked"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardImpulsoProcesalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ius-card-impulso-procesal', standalone: true, imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, ButtonMenuLinkComponent, DatePipe, PopoverDirective], providers: [
                         { provide: LOCALE_ID, useValue: 'es' },
                         DatePipe
-                    ], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n    <div class=\"ctn-card\">\r\n        <div class=\"ctn-inf\">\r\n            <ius-icon-sm iconName=\"icon-article-person\" class=\"icon-article-person\"></ius-icon-sm>\r\n            <div class=\"info\">\r\n                <span class=\"caption-sm txt-ter\">Gesti\u00F3n - Impulso Procesal</span>\r\n                <span class=\"body-base-1\" [ngClass]=\"{'title-no-read': read === false}\">{{titulo}}</span>\r\n                <div class=\"body-base-1 txt-sec row-text-1\">\r\n                    <span>{{text1}}</span>\r\n                    @if (origen) {\r\n                    <span>-</span>\r\n                    <span>{{origen}}</span>\r\n                    }\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"ctn-icons\">\r\n            @if (hasDocuments) {\r\n            <div class=\"row-text-1\">\r\n                <ius-icon-sm iconName=\"icon-attach-file\" class=\"txt-sec\"></ius-icon-sm>\r\n            </div>\r\n            }\r\n            <div class=\"row-text-2\">\r\n                <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\r\n                <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM yyyy'}}</span>\r\n                <span class=\"buttons-hove\">\r\n                    <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n                        [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n                        (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n                        iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n                        (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-edit\"\r\n                        iusPopoverContent=\"Editar\"\r\n                        (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\r\n                    <ius-button-circle-tertiary iconName=\"icon-delete\"\r\n                        iusPopoverContent=\"Eliminar\"\r\n                        (buttonClicked)=\"clickButtonDelete($event)\"></ius-button-circle-tertiary>\r\n                </span>\r\n            </div>\r\n            <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n                class=\"txt-pry\"></ius-icon-sm>\r\n        </div>\r\n    </div>\r\n    <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n        <ius-simple-divider></ius-simple-divider>\r\n        <div class=\"ctn-clp\">\r\n            <div class=\"ctn-info-clp\">\r\n                <div class=\"text-info\">\r\n                    <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\r\n                </div>\r\n            </div>\r\n            <div class=\"buttons-clp\">\r\n                @if (hasDocuments) {\r\n                <ius-button-menu-link iconName=\"icon-attach-file\" iconColor=\"#184FDB\"\r\n                    iusPopoverContent=\"Ver documentos\"\r\n                    (buttonClicked)=\"clickButtonDocs($event)\"></ius-button-menu-link>\r\n                }\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-article-person{color:#434343}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.title-no-read{font-weight:500}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{background-color:transparent;display:none;align-items:center;width:8px;height:8px;aspect-ratio:1/1;border-radius:100px}.icon-dot-f{display:flex;background-color:#2167ff}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;width:44px;box-sizing:border-box;gap:4px;justify-content:center}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"] }]
+                    ], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\n    <div class=\"ctn-card\">\n        <div class=\"ctn-inf\">\n            <ius-icon-sm iconName=\"icon-article-person\" class=\"icon-article-person\"></ius-icon-sm>\n            <div class=\"info\">\n                <span class=\"caption-sm txt-ter\">Gesti\u00F3n - Impulso Procesal</span>\n                <span class=\"body-base-1\" [ngClass]=\"{'title-no-read': read === false}\">{{titulo}}</span>\n                <div class=\"body-base-1 txt-sec row-text-1\">\n                    <span>{{text1}}</span>\n                    @if (origen) {\n                    <span>-</span>\n                    <span>{{origen}}</span>\n                    }\n                </div>\n            </div>\n        </div>\n        <div class=\"ctn-icons\">\n            @if (hasDocuments) {\n            <div class=\"row-text-1\">\n                <ius-icon-sm iconName=\"icon-attach-file\" class=\"txt-sec\"></ius-icon-sm>\n            </div>\n            }\n            <div class=\"row-text-2\">\n                <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\n                <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM yyyy'}}</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                    <ius-button-circle-tertiary iconName=\"icon-edit\"\n                        iusPopoverContent=\"Editar\"\n                        (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\n                    <ius-button-circle-tertiary iconName=\"icon-delete\"\n                        iusPopoverContent=\"Eliminar\"\n                        (buttonClicked)=\"clickButtonDelete($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                <div class=\"text-info\">\n                    <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\n                </div>\n            </div>\n            <div class=\"buttons-clp\">\n                @if (hasDocuments) {\n                <ius-button-menu-link iconName=\"icon-attach-file\" iconColor=\"#184FDB\"\n                    iusPopoverContent=\"Ver documentos\"\n                    (buttonClicked)=\"clickButtonDocs($event)\"></ius-button-menu-link>\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}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-article-person{color:#434343}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.title-no-read{font-weight:500}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{background-color:transparent;display:none;align-items:center;width:8px;height:8px;aspect-ratio:1/1;border-radius:100px}.icon-dot-f{display:flex;background-color:#2167ff}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;width:44px;box-sizing:border-box;gap:4px;justify-content:center}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.DatePipe }], propDecorators: { priority: [{
                 type: Input
             }], hasDocuments: [{
@@ -7885,7 +7906,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", "leadingIcon"], outputs: ["optionClick"] }, { kind: "component", type: InputLargeComponent, selector: "ius-input-large", inputs: ["textInput", "required", "disabled", "showHelpText", "rows", "error", "labelSuperior", "labelInferior", "errorText", "labelInput", "maxlenght", "initialText"], outputs: ["onChangesValueEvent", "onEnterKey", "onBlurEvent"] }] }); }
+    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", "isIconRight"], outputs: ["onChangesValueEvent", "onEnterKey", "onBlurEvent"] }, { kind: "component", type: OptionComponent, selector: "ius-option", inputs: ["disabled", "checked", "leadingIcon"], outputs: ["optionClick"] }, { kind: "component", type: InputLargeComponent, selector: "ius-input-large", inputs: ["textInput", "required", "disabled", "showHelpText", "rows", "error", "labelSuperior", "labelInferior", "errorText", "labelInput", "maxlenght", "initialText"], outputs: ["onChangesValueEvent", "onEnterKey", "onBlurEvent"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateTicketComponent, decorators: [{
             type: Component,
@@ -7899,7 +7920,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: [{