@litigiovirtual/ius-design-components 1.0.290 → 1.0.292

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/esm2022/lib/add-user-container/add-user-container.component.mjs +3 -3
  2. package/esm2022/lib/alert/alert.component.mjs +2 -2
  3. package/esm2022/lib/button-auth/button-auth.component.mjs +9 -3
  4. package/esm2022/lib/button-dynamic/button-dynamic.component.mjs +9 -3
  5. package/esm2022/lib/button-filter/button-filter.component.mjs +2 -2
  6. package/esm2022/lib/button-standard-outline/button-standard-outline.component.mjs +9 -3
  7. package/esm2022/lib/button-standard-outline/index.mjs +1 -1
  8. package/esm2022/lib/button-standard-primary/button-standard-primary.component.mjs +9 -3
  9. package/esm2022/lib/button-standard-tertiary/button-standard-tertiary.component.mjs +9 -3
  10. package/esm2022/lib/button-standard-tertiary-small/button-standard-tertiary-small.component.mjs +8 -5
  11. package/esm2022/lib/card-actividad-evento/card-actividad-evento.component.mjs +3 -3
  12. package/esm2022/lib/card-etapa-subetapa/card-etapa-subetapa.component.mjs +3 -3
  13. package/esm2022/lib/card-impulso-procesal/card-impulso-procesal.component.mjs +3 -3
  14. package/esm2022/lib/card-vigilancia-judicial/card-vigilancia-judicial.component.mjs +3 -3
  15. package/esm2022/lib/create-ticket/create-ticket.component.mjs +3 -3
  16. package/esm2022/lib/create-ticket/index.mjs +1 -1
  17. package/esm2022/lib/custom-dropdown/custom-dropdown.component.mjs +3 -3
  18. package/esm2022/lib/date-hour-picker/date-hour-picker.component.mjs +1 -1
  19. package/esm2022/lib/date-picker/date-picker.component.mjs +1 -1
  20. package/esm2022/lib/double-date-picker/double-date-picker.component.mjs +1 -1
  21. package/esm2022/lib/menu-item/menu-item.component.mjs +26 -3
  22. package/esm2022/lib/option/option.component.mjs +3 -3
  23. package/esm2022/lib/page-not-found/page-not-found.component.mjs +1 -1
  24. package/esm2022/lib/section-collapse-drawer-parent/section-collapse-drawer-parent.component.mjs +3 -3
  25. package/esm2022/lib/support-panel/support-panel.component.mjs +1 -1
  26. package/esm2022/lib/toolbar-user-menu/toolbar-user-menu.component.mjs +3 -3
  27. package/esm2022/utils/currency-format.pipe.mjs +1 -1
  28. package/esm2022/utils/date-format.util.mjs +1 -1
  29. package/esm2022/utils/file-mime.util.mjs +1 -1
  30. package/esm2022/utils/file-size.util.mjs +1 -1
  31. package/esm2022/utils/formato-hora.pipe.mjs +1 -1
  32. package/esm2022/utils/list-filter.util.mjs +1 -1
  33. package/esm2022/utils/public-api.mjs +1 -1
  34. package/fesm2022/litigiovirtual-ius-design-components-utils.mjs.map +1 -1
  35. package/fesm2022/litigiovirtual-ius-design-components.mjs +99 -43
  36. package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
  37. package/lib/button-auth/button-auth.component.d.ts +3 -1
  38. package/lib/button-dynamic/button-dynamic.component.d.ts +3 -1
  39. package/lib/button-standard-outline/button-standard-outline.component.d.ts +3 -1
  40. package/lib/button-standard-primary/button-standard-primary.component.d.ts +3 -1
  41. package/lib/button-standard-tertiary/button-standard-tertiary.component.d.ts +3 -1
  42. package/lib/button-standard-tertiary-small/button-standard-tertiary-small.component.d.ts +3 -2
  43. package/lib/menu-item/menu-item.component.d.ts +7 -1
  44. package/package.json +1 -1
package/esm2022/lib/double-date-picker/double-date-picker.component.mjs CHANGED
@@ -198,7 +198,7 @@ export class DoubleDatePickerComponent {
198
198
  }
199
199
  }
200
200
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DoubleDatePickerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
201
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DoubleDatePickerComponent, isStandalone: true, selector: "ius-double-date-picker", inputs: { label: "label", placeholder: "placeholder", placeholder2: "placeholder2", error: "error", iconHelp: "iconHelp", helpText: "helpText", helpTextError: "helpTextError", disabled: "disabled", isRequired: "isRequired" }, outputs: { dateRangeSelected: "dateRangeSelected" }, host: { listeners: { "document:click": "handleOutsideClick($event)" } }, 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 }}</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>\r\n </div>\r\n\r\n <div class=\"input-wrapper\">\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 && !disabled,\r\n selected: startDate && endDate\r\n }\"\r\n (click)=\"toggleCalendar()\"\r\n >\r\n <div class=\"input\">\r\n <div class=\"fechas\">\r\n <input\r\n [placeholder]=\"placeholder\"\r\n [value]=\"startDate ? (startDate | date : 'dd/MM/yyyy') : ''\"\r\n readonly\r\n [disabled]=\"disabled\"\r\n />\r\n </div>\r\n <div style=\"color: #595959;\">\r\n <ius-icon-md [iconName]=\"'icon-east'\" ></ius-icon-md>\r\n </div>\r\n <div class=\"fechas\">\r\n <input\r\n [placeholder]=\"placeholder\"\r\n [value]=\"endDate ? (endDate | date : 'dd/MM/yyyy') : ''\"\r\n readonly\r\n [disabled]=\"disabled\"\r\n />\r\n </div>\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 @if (calendarOpen) {\r\n <div class=\"calendar-overlay\">\r\n <div class=\"mes\">\r\n <div class=\"calendar-header\">\r\n <ius-button-standard-tertiary iconName=\"icon-keyboard-arrow-left\" (buttonClicked)=\"prevLeft()\"></ius-button-standard-tertiary>\r\n \r\n <span (click)=\"nextView('left')\">\r\n @switch (calendarViewLeft) {\r\n @case ('day') { {{ getMonthName(viewDateLeft.getMonth()) }} {{ viewDateLeft.getFullYear() }} }\r\n @case ('month') { {{ viewDateLeft.getFullYear() }} }\r\n @case ('year') { {{ getDecadeStart(viewDateLeft) }}\u2013{{ getDecadeStart(viewDateLeft) + 9 }} }\r\n }\r\n </span>\r\n \r\n <ius-button-standard-tertiary iconName=\"icon-keyboard-arrow-right\" (buttonClicked)=\"nextLeft()\"></ius-button-standard-tertiary>\r\n </div>\r\n \r\n <div class=\"calendar-body\">\r\n @switch (calendarViewLeft) {\r\n @case ('day') {\r\n <div class=\"grid days\">\r\n @for (day of dayLabels; track day) { <div class=\"header\">{{ day }}</div> }\r\n @for (date of calendarDaysLeft; track date) {\r\n <div class=\"cell\"\r\n [class.selected]=\"isSameDate(date, startDate)\"\r\n [class.range]=\"isInRangeForView(date, viewDateLeft)\"\r\n [class.out-of-range]=\"isDateOutOfRange(date, viewDateLeft)\"\r\n (click)=\"selectDateFrom('left', date)\">\r\n {{ date.getDate() }}\r\n </div>\r\n }\r\n </div>\r\n }\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('left', i, $event)\">{{ m }}</div>\r\n }\r\n </div>\r\n }\r\n @case ('year') {\r\n <div class=\"grid years\">\r\n @for (i of yearsArray; track i) {\r\n <div class=\"cell\"\r\n [class.out-of-range]=\"i === 0 || i === 11\"\r\n (click)=\"setYear('left', getDecadeStart(viewDateLeft) - 1 + i, $event)\">\r\n {{ getDecadeStart(viewDateLeft) - 1 + i }}\r\n </div>\r\n }\r\n </div>\r\n }\r\n }\r\n </div>\r\n </div>\r\n\r\n <div class=\"mes\">\r\n <div class=\"calendar-header\">\r\n <ius-button-standard-tertiary iconName=\"icon-keyboard-arrow-left\" (buttonClicked)=\"prevRight()\"></ius-button-standard-tertiary>\r\n \r\n <span (click)=\"nextView('right')\">\r\n @switch (calendarViewRight) {\r\n @case ('day') { {{ getMonthName(viewDateRight.getMonth()) }} {{ viewDateRight.getFullYear() }} }\r\n @case ('month') { {{ viewDateRight.getFullYear() }} }\r\n @case ('year') { {{ getDecadeStart(viewDateRight) }}\u2013{{ getDecadeStart(viewDateRight) + 9 }} }\r\n }\r\n </span>\r\n \r\n <ius-button-standard-tertiary iconName=\"icon-keyboard-arrow-right\" (buttonClicked)=\"nextRight()\"></ius-button-standard-tertiary>\r\n </div>\r\n \r\n <div class=\"calendar-body\">\r\n @switch (calendarViewRight) {\r\n @case ('day') {\r\n <div class=\"grid days\">\r\n @for (day of dayLabels; track day) { <div class=\"header\">{{ day }}</div> }\r\n @for (date of calendarDaysRight; track date) {\r\n <div class=\"cell\"\r\n [class.selected]=\"isSameDate(date, endDate)\"\r\n [class.range]=\"isInRangeForView(date, viewDateRight)\"\r\n [class.out-of-range]=\"isDateOutOfRange(date, viewDateRight)\"\r\n [class.disabled]=\"isDisabledDate(date, 'right')\"\r\n (click)=\"!isDisabledDate(date, 'right') && selectDateFrom('right', date)\">\r\n {{ date.getDate() }}\r\n </div>\r\n }\r\n </div>\r\n }\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('right', i, $event)\">{{ m }}</div>\r\n }\r\n </div>\r\n }\r\n @case ('year') {\r\n <div class=\"grid years\">\r\n @for (i of yearsArray; track i) {\r\n <div class=\"cell\"\r\n [class.out-of-range]=\"i === 0 || i === 11\"\r\n (click)=\"setYear('right', getDecadeStart(viewDateRight) - 1 + i, $event)\">\r\n {{ getDecadeStart(viewDateRight) - 1 + i }}\r\n </div>\r\n }\r\n </div>\r\n }\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n @if (helpText && focused && !error) {\r\n <div class=\"help-text\">\r\n {{helpText}}\r\n </div>\r\n }\r\n @if (helpTextError && error) {\r\n <div class=\"help-text-error\">\r\n {{helpTextError}}\r\n </div>\r\n }\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}.required{width:4px;height:4px;margin-right:4px;aspect-ratio:1/1;border-radius:50%;background-color:#ff4e3a}.text{display:flex;align-items:center}.date-picker{height:100%;display:flex;flex-direction:column;position:relative}.date-picker.disabled{opacity:.6;pointer-events:none}.date-picker .label{margin:0 4px;color:#333;font-family:Rubik;font-size:.875rem;font-weight:500;font-style:normal;line-height:20px;letter-spacing:.28px}.date-picker .help-icon{color:#595959}.date-picker .container-textfield{width:100%;align-items:flex-start;gap:4px}.date-picker .container-textfield .input{display:flex;justify-content:space-between;gap:4px;padding:12px;border-radius:8px;background:#f5f5f5;cursor:pointer;border:none}.date-picker .container-textfield .input .fechas{width:30%}.date-picker .container-textfield .input .fechas input{max-width:100%;flex:1;outline:none;border:none;background:#f5f5f5;color:#8c8c8c;font-family:Rubik;font-size:.875rem;font-weight:400;font-style:normal;line-height:20px;letter-spacing:.28px;cursor:pointer}.date-picker .container-textfield .cnt-icon-right{display:flex;align-items:center;justify-content:center;margin-left:3%;color:#333}.date-picker .container-textfield:hover .input,.date-picker .container-textfield:hover .input .fechas input{background-color:#edf6ff}.date-picker .container-textfield:hover .input .cnt-icon-right{color:#103ab7}.date-picker .container-textfield.focused .input{border:1px solid #0581BC;background:#edf6ff}.date-picker .container-textfield.focused .input .fechas input{background-color:#edf6ff;border:none}.date-picker .container-textfield.focused .input .cnt-icon-right{color:#103ab7}.date-picker .container-textfield.alert .input{border-radius:8px;border:1px solid #DB2E2A;background:#fff4f0}.date-picker .container-textfield.alert .input .fechas input{background:#fff4f0}.date-picker .container-textfield.alert .input .cnt-icon-right{color:#db2e2a}.date-picker .container-textfield.selected .input{background:#f5f5f5}.date-picker .container-textfield.selected .input .fechas 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}.date-picker .container-textfield.selected .input .cnt-icon-right{color:#595959}.date-picker .container-textfield.disabled{background:#f5f5f5}.date-picker .container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.date-picker .container-textfield.disabled .cnt-icon-right{color:#bfbfbf}.date-picker .calendar-overlay{display:flex;align-items:center;align-self:stretch;min-width:540px;padding:0;gap:0;border-radius:8px;border:1px solid #f5f5f5;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.date-picker .calendar-overlay .calendars{display:flex}.date-picker .calendar-overlay .mes{display:flex;flex-direction:column;align-items:flex-start;padding:16px 12px}.date-picker .calendar-overlay .calendar-header{display:flex;align-items:center;align-self:stretch}.date-picker .calendar-overlay .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}.date-picker .calendar-overlay .calendar-body{display:flex;flex-direction:column;gap:8px}.date-picker .calendar-overlay .grid{display:grid;gap:8px}.date-picker .calendar-overlay .grid.days{grid-template-columns:repeat(7,1fr)}.date-picker .calendar-overlay .grid.months,.date-picker .calendar-overlay .grid.years{margin-left:27px;grid-template-columns:repeat(3,1fr)}.date-picker .calendar-overlay .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}.date-picker .calendar-overlay .grid .cell{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;padding:2px 4px;border-radius:10px;background:#fff;font-family:Rubik;font-size:.875rem;font-weight:400;font-style:normal;line-height:20px;letter-spacing:.28px;cursor:pointer}.date-picker .calendar-overlay .grid .cell:hover{background:#edf6ff}.date-picker .calendar-overlay .grid .cell.out-of-range{color:#bfbfbf;pointer-events:none}.date-picker .calendar-overlay .grid .cell.disabled{pointer-events:none;color:#bfbfbf;background:#fafafa;opacity:.6}.date-picker .calendar-overlay .grid .cell.range{padding:0;border-radius:0;margin:0;background-color:#edf6ff;color:#333}.date-picker .calendar-overlay .grid .cell.selected{border-radius:100px;border:1px solid #184FDB;background:#2167ff;color:#fff}.date-picker .calendar-overlay .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}.cell.empty{pointer-events:none;background:transparent;border:none}.help-text{display:flex;align-items:center;gap:10px;color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.help-text-error{display:flex;align-items:center;gap:10px;color:#931224;font-family:Rubik,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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: ButtonStandardTertiaryComponent, selector: "ius-button-standard-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }] }); }
201
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DoubleDatePickerComponent, isStandalone: true, selector: "ius-double-date-picker", inputs: { label: "label", placeholder: "placeholder", placeholder2: "placeholder2", error: "error", iconHelp: "iconHelp", helpText: "helpText", helpTextError: "helpTextError", disabled: "disabled", isRequired: "isRequired" }, outputs: { dateRangeSelected: "dateRangeSelected" }, host: { listeners: { "document:click": "handleOutsideClick($event)" } }, 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 }}</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>\r\n </div>\r\n\r\n <div class=\"input-wrapper\">\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 && !disabled,\r\n selected: startDate && endDate\r\n }\"\r\n (click)=\"toggleCalendar()\"\r\n >\r\n <div class=\"input\">\r\n <div class=\"fechas\">\r\n <input\r\n [placeholder]=\"placeholder\"\r\n [value]=\"startDate ? (startDate | date : 'dd/MM/yyyy') : ''\"\r\n readonly\r\n [disabled]=\"disabled\"\r\n />\r\n </div>\r\n <div style=\"color: #595959;\">\r\n <ius-icon-md [iconName]=\"'icon-east'\" ></ius-icon-md>\r\n </div>\r\n <div class=\"fechas\">\r\n <input\r\n [placeholder]=\"placeholder\"\r\n [value]=\"endDate ? (endDate | date : 'dd/MM/yyyy') : ''\"\r\n readonly\r\n [disabled]=\"disabled\"\r\n />\r\n </div>\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 @if (calendarOpen) {\r\n <div class=\"calendar-overlay\">\r\n <div class=\"mes\">\r\n <div class=\"calendar-header\">\r\n <ius-button-standard-tertiary iconName=\"icon-keyboard-arrow-left\" (buttonClicked)=\"prevLeft()\"></ius-button-standard-tertiary>\r\n \r\n <span (click)=\"nextView('left')\">\r\n @switch (calendarViewLeft) {\r\n @case ('day') { {{ getMonthName(viewDateLeft.getMonth()) }} {{ viewDateLeft.getFullYear() }} }\r\n @case ('month') { {{ viewDateLeft.getFullYear() }} }\r\n @case ('year') { {{ getDecadeStart(viewDateLeft) }}\u2013{{ getDecadeStart(viewDateLeft) + 9 }} }\r\n }\r\n </span>\r\n \r\n <ius-button-standard-tertiary iconName=\"icon-keyboard-arrow-right\" (buttonClicked)=\"nextLeft()\"></ius-button-standard-tertiary>\r\n </div>\r\n \r\n <div class=\"calendar-body\">\r\n @switch (calendarViewLeft) {\r\n @case ('day') {\r\n <div class=\"grid days\">\r\n @for (day of dayLabels; track day) { <div class=\"header\">{{ day }}</div> }\r\n @for (date of calendarDaysLeft; track date) {\r\n <div class=\"cell\"\r\n [class.selected]=\"isSameDate(date, startDate)\"\r\n [class.range]=\"isInRangeForView(date, viewDateLeft)\"\r\n [class.out-of-range]=\"isDateOutOfRange(date, viewDateLeft)\"\r\n (click)=\"selectDateFrom('left', date)\">\r\n {{ date.getDate() }}\r\n </div>\r\n }\r\n </div>\r\n }\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('left', i, $event)\">{{ m }}</div>\r\n }\r\n </div>\r\n }\r\n @case ('year') {\r\n <div class=\"grid years\">\r\n @for (i of yearsArray; track i) {\r\n <div class=\"cell\"\r\n [class.out-of-range]=\"i === 0 || i === 11\"\r\n (click)=\"setYear('left', getDecadeStart(viewDateLeft) - 1 + i, $event)\">\r\n {{ getDecadeStart(viewDateLeft) - 1 + i }}\r\n </div>\r\n }\r\n </div>\r\n }\r\n }\r\n </div>\r\n </div>\r\n\r\n <div class=\"mes\">\r\n <div class=\"calendar-header\">\r\n <ius-button-standard-tertiary iconName=\"icon-keyboard-arrow-left\" (buttonClicked)=\"prevRight()\"></ius-button-standard-tertiary>\r\n \r\n <span (click)=\"nextView('right')\">\r\n @switch (calendarViewRight) {\r\n @case ('day') { {{ getMonthName(viewDateRight.getMonth()) }} {{ viewDateRight.getFullYear() }} }\r\n @case ('month') { {{ viewDateRight.getFullYear() }} }\r\n @case ('year') { {{ getDecadeStart(viewDateRight) }}\u2013{{ getDecadeStart(viewDateRight) + 9 }} }\r\n }\r\n </span>\r\n \r\n <ius-button-standard-tertiary iconName=\"icon-keyboard-arrow-right\" (buttonClicked)=\"nextRight()\"></ius-button-standard-tertiary>\r\n </div>\r\n \r\n <div class=\"calendar-body\">\r\n @switch (calendarViewRight) {\r\n @case ('day') {\r\n <div class=\"grid days\">\r\n @for (day of dayLabels; track day) { <div class=\"header\">{{ day }}</div> }\r\n @for (date of calendarDaysRight; track date) {\r\n <div class=\"cell\"\r\n [class.selected]=\"isSameDate(date, endDate)\"\r\n [class.range]=\"isInRangeForView(date, viewDateRight)\"\r\n [class.out-of-range]=\"isDateOutOfRange(date, viewDateRight)\"\r\n [class.disabled]=\"isDisabledDate(date, 'right')\"\r\n (click)=\"!isDisabledDate(date, 'right') && selectDateFrom('right', date)\">\r\n {{ date.getDate() }}\r\n </div>\r\n }\r\n </div>\r\n }\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('right', i, $event)\">{{ m }}</div>\r\n }\r\n </div>\r\n }\r\n @case ('year') {\r\n <div class=\"grid years\">\r\n @for (i of yearsArray; track i) {\r\n <div class=\"cell\"\r\n [class.out-of-range]=\"i === 0 || i === 11\"\r\n (click)=\"setYear('right', getDecadeStart(viewDateRight) - 1 + i, $event)\">\r\n {{ getDecadeStart(viewDateRight) - 1 + i }}\r\n </div>\r\n }\r\n </div>\r\n }\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n @if (helpText && focused && !error) {\r\n <div class=\"help-text\">\r\n {{helpText}}\r\n </div>\r\n }\r\n @if (helpTextError && error) {\r\n <div class=\"help-text-error\">\r\n {{helpTextError}}\r\n </div>\r\n }\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}.required{width:4px;height:4px;margin-right:4px;aspect-ratio:1/1;border-radius:50%;background-color:#ff4e3a}.text{display:flex;align-items:center}.date-picker{height:100%;display:flex;flex-direction:column;position:relative}.date-picker.disabled{opacity:.6;pointer-events:none}.date-picker .label{margin:0 4px;color:#333;font-family:Rubik;font-size:.875rem;font-weight:500;font-style:normal;line-height:20px;letter-spacing:.28px}.date-picker .help-icon{color:#595959}.date-picker .container-textfield{width:100%;align-items:flex-start;gap:4px}.date-picker .container-textfield .input{display:flex;justify-content:space-between;gap:4px;padding:12px;border-radius:8px;background:#f5f5f5;cursor:pointer;border:none}.date-picker .container-textfield .input .fechas{width:30%}.date-picker .container-textfield .input .fechas input{max-width:100%;flex:1;outline:none;border:none;background:#f5f5f5;color:#8c8c8c;font-family:Rubik;font-size:.875rem;font-weight:400;font-style:normal;line-height:20px;letter-spacing:.28px;cursor:pointer}.date-picker .container-textfield .cnt-icon-right{display:flex;align-items:center;justify-content:center;margin-left:3%;color:#333}.date-picker .container-textfield:hover .input,.date-picker .container-textfield:hover .input .fechas input{background-color:#edf6ff}.date-picker .container-textfield:hover .input .cnt-icon-right{color:#103ab7}.date-picker .container-textfield.focused .input{border:1px solid #0581BC;background:#edf6ff}.date-picker .container-textfield.focused .input .fechas input{background-color:#edf6ff;border:none}.date-picker .container-textfield.focused .input .cnt-icon-right{color:#103ab7}.date-picker .container-textfield.alert .input{border-radius:8px;border:1px solid #DB2E2A;background:#fff4f0}.date-picker .container-textfield.alert .input .fechas input{background:#fff4f0}.date-picker .container-textfield.alert .input .cnt-icon-right{color:#db2e2a}.date-picker .container-textfield.selected .input{background:#f5f5f5}.date-picker .container-textfield.selected .input .fechas 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}.date-picker .container-textfield.selected .input .cnt-icon-right{color:#595959}.date-picker .container-textfield.disabled{background:#f5f5f5}.date-picker .container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.date-picker .container-textfield.disabled .cnt-icon-right{color:#bfbfbf}.date-picker .calendar-overlay{display:flex;align-items:center;align-self:stretch;min-width:540px;padding:0;gap:0;border-radius:8px;border:1px solid #f5f5f5;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.date-picker .calendar-overlay .calendars{display:flex}.date-picker .calendar-overlay .mes{display:flex;flex-direction:column;align-items:flex-start;padding:16px 12px}.date-picker .calendar-overlay .calendar-header{display:flex;align-items:center;align-self:stretch}.date-picker .calendar-overlay .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}.date-picker .calendar-overlay .calendar-body{display:flex;flex-direction:column;gap:8px}.date-picker .calendar-overlay .grid{display:grid;gap:8px}.date-picker .calendar-overlay .grid.days{grid-template-columns:repeat(7,1fr)}.date-picker .calendar-overlay .grid.months,.date-picker .calendar-overlay .grid.years{margin-left:27px;grid-template-columns:repeat(3,1fr)}.date-picker .calendar-overlay .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}.date-picker .calendar-overlay .grid .cell{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;padding:2px 4px;border-radius:10px;background:#fff;font-family:Rubik;font-size:.875rem;font-weight:400;font-style:normal;line-height:20px;letter-spacing:.28px;cursor:pointer}.date-picker .calendar-overlay .grid .cell:hover{background:#edf6ff}.date-picker .calendar-overlay .grid .cell.out-of-range{color:#bfbfbf;pointer-events:none}.date-picker .calendar-overlay .grid .cell.disabled{pointer-events:none;color:#bfbfbf;background:#fafafa;opacity:.6}.date-picker .calendar-overlay .grid .cell.range{padding:0;border-radius:0;margin:0;background-color:#edf6ff;color:#333}.date-picker .calendar-overlay .grid .cell.selected{border-radius:100px;border:1px solid #184FDB;background:#2167ff;color:#fff}.date-picker .calendar-overlay .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}.cell.empty{pointer-events:none;background:transparent;border:none}.help-text{display:flex;align-items:center;gap:10px;color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.help-text-error{display:flex;align-items:center;gap:10px;color:#931224;font-family:Rubik,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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: ButtonStandardTertiaryComponent, selector: "ius-button-standard-tertiary", inputs: ["disabled", "iconName", "prefixIcon", "sufixIcon"], outputs: ["buttonClicked"] }] }); }
202
202
  }
203
203
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DoubleDatePickerComponent, decorators: [{
204
204
  type: Component,
package/esm2022/lib/menu-item/menu-item.component.mjs CHANGED
@@ -8,7 +8,24 @@ export class MenuItemComponent {
8
8
  constructor() {
9
9
  this.isActive = false;
10
10
  this.iconName = '';
11
+ this.iconColorActive = '#99CC33';
12
+ this.iconColorDefault = '#99CC33';
13
+ this.iconColorHovered = '#99CC33';
11
14
  this.buttonClicked = new EventEmitter();
15
+ this.isHovered = false;
16
+ this.isPressed = false;
17
+ }
18
+ get iconColor() {
19
+ if (this.isPressed) {
20
+ return '#FFFFFF';
21
+ }
22
+ if (this.isActive) {
23
+ return this.iconColorActive;
24
+ }
25
+ if (this.isHovered) {
26
+ return this.iconColorHovered;
27
+ }
28
+ return this.iconColorDefault;
12
29
  }
13
30
  onClick() {
14
31
  if (this.isActive == false) {
@@ -16,18 +33,24 @@ export class MenuItemComponent {
16
33
  }
17
34
  }
18
35
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
19
- 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BadgeComponent, selector: "ius-badge", inputs: ["number"] }] }); }
36
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MenuItemComponent, isStandalone: true, selector: "ius-menu-item", inputs: { isActive: "isActive", iconName: "iconName", numberAlerts: "numberAlerts", iconColorActive: "iconColorActive", iconColorDefault: "iconColorDefault", iconColorHovered: "iconColorHovered" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{'isActive': isActive}\"\r\n (mouseenter)=\"isHovered = true\" (mouseleave)=\"isHovered = false; isPressed = false\"\r\n (mousedown)=\"isPressed = true\" (mouseup)=\"isPressed = false\">\r\n <ius-icon-md [iconName]=\"iconName\" [color]=\"iconColor\" class=\"icon-color\"></ius-icon-md>\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if (numberAlerts) {\r\n <ius-badge class=\"badge\" [number]=\"numberAlerts\"></ius-badge>\r\n }\r\n</button>", 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BadgeComponent, selector: "ius-badge", inputs: ["number"] }] }); }
20
37
  }
21
38
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuItemComponent, decorators: [{
22
39
  type: Component,
23
- 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"] }]
40
+ args: [{ selector: 'ius-menu-item', standalone: true, imports: [IconMdComponent, CommonModule, BadgeComponent], template: "<button (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{'isActive': isActive}\"\r\n (mouseenter)=\"isHovered = true\" (mouseleave)=\"isHovered = false; isPressed = false\"\r\n (mousedown)=\"isPressed = true\" (mouseup)=\"isPressed = false\">\r\n <ius-icon-md [iconName]=\"iconName\" [color]=\"iconColor\" class=\"icon-color\"></ius-icon-md>\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if (numberAlerts) {\r\n <ius-badge class=\"badge\" [number]=\"numberAlerts\"></ius-badge>\r\n }\r\n</button>", 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"] }]
24
41
  }], propDecorators: { isActive: [{
25
42
  type: Input
26
43
  }], iconName: [{
27
44
  type: Input
28
45
  }], numberAlerts: [{
29
46
  type: Input
47
+ }], iconColorActive: [{
48
+ type: Input
49
+ }], iconColorDefault: [{
50
+ type: Input
51
+ }], iconColorHovered: [{
52
+ type: Input
30
53
  }], buttonClicked: [{
31
54
  type: Output
32
55
  }] } });
33
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL21lbnUtaXRlbS9tZW51LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvbWVudS1pdGVtL21lbnUtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7QUFTMUQsTUFBTSxPQUFPLGlCQUFpQjtJQVA5QjtRQVNXLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUViLGtCQUFhLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7S0FRbEU7SUFOQyxPQUFPO1FBQ0wsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLEtBQUssRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDNUIsQ0FBQztJQUNILENBQUM7K0dBWFUsaUJBQWlCO21HQUFqQixpQkFBaUIsNE1DWjlCLG9YQVFTLGlwRURBRyxlQUFlLHNGQUFFLFlBQVksNkhBQUUsY0FBYzs7NEZBSTVDLGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFDRSxlQUFlLGNBQ2IsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLFlBQVksRUFBRSxjQUFjLENBQUM7OEJBTS9DLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJY29uTWRDb21wb25lbnQgfSBmcm9tIFwiLi4vaWNvbi1tZC9pY29uLW1kLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBCYWRnZUNvbXBvbmVudCB9IGZyb20gXCIuLi9iYWRnZS9iYWRnZS5jb21wb25lbnRcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXVzLW1lbnUtaXRlbScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbSWNvbk1kQ29tcG9uZW50LCBDb21tb25Nb2R1bGUsIEJhZGdlQ29tcG9uZW50XSxcclxuICB0ZW1wbGF0ZVVybDogJy4vbWVudS1pdGVtLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vbWVudS1pdGVtLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgTWVudUl0ZW1Db21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBpc0FjdGl2ZSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGljb25OYW1lID0gJyc7XHJcbiAgQElucHV0KCkgbnVtYmVyQWxlcnRzPyA6IG51bWJlcjtcclxuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBvbkNsaWNrKCkge1xyXG4gICAgaWYgKHRoaXMuaXNBY3RpdmUgPT0gZmFsc2UpIHtcclxuICAgICAgdGhpcy5idXR0b25DbGlja2VkLmVtaXQoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG59XHJcbiIsIjxidXR0b24gKGNsaWNrKT1cIm9uQ2xpY2soKVwiIGNsYXNzPVwiaXVzLWJ0blwiIFtuZ0NsYXNzXT1cInsnaXNBY3RpdmUnOiBpc0FjdGl2ZX1cIj5cclxuICAgIDxpdXMtaWNvbi1tZCBbaWNvbk5hbWVdPVwiaWNvbk5hbWVcIiBjbGFzcz1cImljb24tY29sb3JcIj48L2l1cy1pY29uLW1kPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cclxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICAgIEBpZiAobnVtYmVyQWxlcnRzKSB7XHJcbiAgICA8aXVzLWJhZGdlIGNsYXNzPVwiYmFkZ2VcIiBbbnVtYmVyXT1cIm51bWJlckFsZXJ0c1wiPjwvaXVzLWJhZGdlPlxyXG4gICAgfVxyXG48L2J1dHRvbj4iXX0=
56
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL21lbnUtaXRlbS9tZW51LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvbWVudS1pdGVtL21lbnUtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7QUFTMUQsTUFBTSxPQUFPLGlCQUFpQjtJQVA5QjtRQVNXLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUVkLG9CQUFlLEdBQTBCLFNBQVMsQ0FBQztRQUNuRCxxQkFBZ0IsR0FBMEIsU0FBUyxDQUFDO1FBQ3BELHFCQUFnQixHQUEwQixTQUFTLENBQUM7UUFDbkQsa0JBQWEsR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVqRSxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLGNBQVMsR0FBRyxLQUFLLENBQUM7S0FxQm5CO0lBbkJDLElBQUksU0FBUztRQUNYLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ25CLE9BQU8sU0FBUyxDQUFDO1FBQ25CLENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDOUIsQ0FBQztRQUNELElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ25CLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDO1FBQy9CLENBQUM7UUFDRCxPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUMvQixDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxLQUFLLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzVCLENBQUM7SUFDSCxDQUFDOytHQTlCVSxpQkFBaUI7bUdBQWpCLGlCQUFpQiw0VENaOUIsaWpCQVVTLGlwRURGRyxlQUFlLHNGQUFFLFlBQVksNkhBQUUsY0FBYzs7NEZBSTVDLGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFDRSxlQUFlLGNBQ2IsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLFlBQVksRUFBRSxjQUFjLENBQUM7OEJBTS9DLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDSSxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSWNvbk1kQ29tcG9uZW50IH0gZnJvbSBcIi4uL2ljb24tbWQvaWNvbi1tZC5jb21wb25lbnRcIjtcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQmFkZ2VDb21wb25lbnQgfSBmcm9tIFwiLi4vYmFkZ2UvYmFkZ2UuY29tcG9uZW50XCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1tZW51LWl0ZW0nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0ljb25NZENvbXBvbmVudCwgQ29tbW9uTW9kdWxlLCBCYWRnZUNvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21lbnUtaXRlbS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL21lbnUtaXRlbS5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIE1lbnVJdGVtQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgaXNBY3RpdmUgPSBmYWxzZTtcclxuICBASW5wdXQoKSBpY29uTmFtZSA9ICcnO1xyXG4gIEBJbnB1dCgpIG51bWJlckFsZXJ0cz8gOiBudW1iZXI7XHJcbiAgQElucHV0KCkgaWNvbkNvbG9yQWN0aXZlOiAnIzk5Q0MzMycgfCAnIzU5NTk1OScgPSAnIzk5Q0MzMyc7XHJcbiAgQElucHV0KCkgaWNvbkNvbG9yRGVmYXVsdDogJyM5OUNDMzMnIHwgJyM1OTU5NTknID0gJyM5OUNDMzMnO1xyXG4gIEBJbnB1dCgpIGljb25Db2xvckhvdmVyZWQ6ICcjOTlDQzMzJyB8ICcjNTk1OTU5JyA9ICcjOTlDQzMzJztcclxuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBpc0hvdmVyZWQgPSBmYWxzZTtcclxuICBpc1ByZXNzZWQgPSBmYWxzZTtcclxuXHJcbiAgZ2V0IGljb25Db2xvcigpOiBzdHJpbmcge1xyXG4gICAgaWYgKHRoaXMuaXNQcmVzc2VkKSB7XHJcbiAgICAgIHJldHVybiAnI0ZGRkZGRic7XHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5pc0FjdGl2ZSkge1xyXG4gICAgICByZXR1cm4gdGhpcy5pY29uQ29sb3JBY3RpdmU7XHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5pc0hvdmVyZWQpIHtcclxuICAgICAgcmV0dXJuIHRoaXMuaWNvbkNvbG9ySG92ZXJlZDtcclxuICAgIH1cclxuICAgIHJldHVybiB0aGlzLmljb25Db2xvckRlZmF1bHQ7XHJcbiAgfVxyXG5cclxuICBvbkNsaWNrKCkge1xyXG4gICAgaWYgKHRoaXMuaXNBY3RpdmUgPT0gZmFsc2UpIHtcclxuICAgICAgdGhpcy5idXR0b25DbGlja2VkLmVtaXQoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG59XHJcbiIsIjxidXR0b24gKGNsaWNrKT1cIm9uQ2xpY2soKVwiIGNsYXNzPVwiaXVzLWJ0blwiIFtuZ0NsYXNzXT1cInsnaXNBY3RpdmUnOiBpc0FjdGl2ZX1cIlxyXG4gICAgKG1vdXNlZW50ZXIpPVwiaXNIb3ZlcmVkID0gdHJ1ZVwiIChtb3VzZWxlYXZlKT1cImlzSG92ZXJlZCA9IGZhbHNlOyBpc1ByZXNzZWQgPSBmYWxzZVwiXHJcbiAgICAobW91c2Vkb3duKT1cImlzUHJlc3NlZCA9IHRydWVcIiAobW91c2V1cCk9XCJpc1ByZXNzZWQgPSBmYWxzZVwiPlxyXG4gICAgPGl1cy1pY29uLW1kIFtpY29uTmFtZV09XCJpY29uTmFtZVwiIFtjb2xvcl09XCJpY29uQ29sb3JcIiBjbGFzcz1cImljb24tY29sb3JcIj48L2l1cy1pY29uLW1kPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cclxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICAgIEBpZiAobnVtYmVyQWxlcnRzKSB7XHJcbiAgICA8aXVzLWJhZGdlIGNsYXNzPVwiYmFkZ2VcIiBbbnVtYmVyXT1cIm51bWJlckFsZXJ0c1wiPjwvaXVzLWJhZGdlPlxyXG4gICAgfVxyXG48L2J1dHRvbj4iXX0=
package/esm2022/lib/option/option.component.mjs CHANGED
@@ -13,11 +13,11 @@ export class OptionComponent {
13
13
  this.optionClick.emit();
14
14
  }
15
15
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
16
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OptionComponent, isStandalone: true, selector: "ius-option", inputs: { disabled: "disabled", checked: "checked", leadingIcon: "leadingIcon", multiline: "multiline" }, outputs: { optionClick: "optionClick" }, ngImport: i0, template: "<button class=\"ius-list\" [class.multiline]=\"multiline\" [disabled]=\"disabled\" (click)=\"seleccionar()\">\r\n @if(leadingIcon) {\r\n <ius-icon-sm [iconName]=\"leadingIcon\" class=\"leading-icon\"></ius-icon-sm>\r\n }\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if(checked){\r\n <ius-icon-sm iconName=\"icon-check-circle\" class=\"icon-color\"></ius-icon-sm>\r\n }\r\n</button>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ius-list{display:flex;padding:8px 20px 8px 12px;height:36px;width:100%;align-items:center;gap:8px;background:#fff;-webkit-user-select:none;user-select:none;border:none;cursor:pointer}.ius-list.multiline{height:auto;min-height:36px;align-items:flex-start;padding-top:8px;padding-bottom:8px}.ius-list.multiline .content{white-space:normal;text-overflow:clip}.ius-list:hover:not(:disabled){background:#edf6ff}.ius-list:active:not(:disabled){background:#c4dfff!important;color:#333}.ius-list:disabled{background:#fafafa;color:#bfbfbf;cursor:default}.icon-color{color:#2167ff}.leading-icon{color:#333;flex-shrink:0}.content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:left;flex:1 0 0;min-width:0;font-family:Rubik,sans-serif}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }] }); }
16
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OptionComponent, isStandalone: true, selector: "ius-option", inputs: { disabled: "disabled", checked: "checked", leadingIcon: "leadingIcon", multiline: "multiline" }, outputs: { optionClick: "optionClick" }, ngImport: i0, template: "<button class=\"ius-list\" [class.multiline]=\"multiline\" [disabled]=\"disabled\" (click)=\"seleccionar()\">\r\n @if(leadingIcon) {\r\n <ius-icon-sm [iconName]=\"leadingIcon\" class=\"leading-icon\"></ius-icon-sm>\r\n }\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if(checked){\r\n <ius-icon-sm iconName=\"icon-check-circle\" class=\"icon-color\"></ius-icon-sm>\r\n }\r\n</button>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}:host{display:block;width:100%}.ius-list{display:flex;padding:8px 20px 8px 12px;height:36px;width:100%;align-items:center;gap:8px;background:#fff;-webkit-user-select:none;user-select:none;border:none;cursor:pointer}.ius-list.multiline{height:auto;min-height:36px;align-items:flex-start;padding-top:8px;padding-bottom:8px}.ius-list.multiline .content{white-space:normal;text-overflow:clip}.ius-list:hover:not(:disabled){background:#edf6ff}.ius-list:active:not(:disabled){background:#c4dfff!important;color:#333}.ius-list:disabled{background:#fafafa;color:#bfbfbf;cursor:default}.icon-color{color:#2167ff}.leading-icon{color:#333;flex-shrink:0}.content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:left;flex:1 0 0;min-width:0;font-family:Rubik,sans-serif}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }] }); }
17
17
  }
18
18
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OptionComponent, decorators: [{
19
19
  type: Component,
20
- args: [{ selector: 'ius-option', standalone: true, imports: [IconSmComponent], template: "<button class=\"ius-list\" [class.multiline]=\"multiline\" [disabled]=\"disabled\" (click)=\"seleccionar()\">\r\n @if(leadingIcon) {\r\n <ius-icon-sm [iconName]=\"leadingIcon\" class=\"leading-icon\"></ius-icon-sm>\r\n }\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if(checked){\r\n <ius-icon-sm iconName=\"icon-check-circle\" class=\"icon-color\"></ius-icon-sm>\r\n }\r\n</button>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ius-list{display:flex;padding:8px 20px 8px 12px;height:36px;width:100%;align-items:center;gap:8px;background:#fff;-webkit-user-select:none;user-select:none;border:none;cursor:pointer}.ius-list.multiline{height:auto;min-height:36px;align-items:flex-start;padding-top:8px;padding-bottom:8px}.ius-list.multiline .content{white-space:normal;text-overflow:clip}.ius-list:hover:not(:disabled){background:#edf6ff}.ius-list:active:not(:disabled){background:#c4dfff!important;color:#333}.ius-list:disabled{background:#fafafa;color:#bfbfbf;cursor:default}.icon-color{color:#2167ff}.leading-icon{color:#333;flex-shrink:0}.content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:left;flex:1 0 0;min-width:0;font-family:Rubik,sans-serif}\n"] }]
20
+ args: [{ selector: 'ius-option', standalone: true, imports: [IconSmComponent], template: "<button class=\"ius-list\" [class.multiline]=\"multiline\" [disabled]=\"disabled\" (click)=\"seleccionar()\">\r\n @if(leadingIcon) {\r\n <ius-icon-sm [iconName]=\"leadingIcon\" class=\"leading-icon\"></ius-icon-sm>\r\n }\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if(checked){\r\n <ius-icon-sm iconName=\"icon-check-circle\" class=\"icon-color\"></ius-icon-sm>\r\n }\r\n</button>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}:host{display:block;width:100%}.ius-list{display:flex;padding:8px 20px 8px 12px;height:36px;width:100%;align-items:center;gap:8px;background:#fff;-webkit-user-select:none;user-select:none;border:none;cursor:pointer}.ius-list.multiline{height:auto;min-height:36px;align-items:flex-start;padding-top:8px;padding-bottom:8px}.ius-list.multiline .content{white-space:normal;text-overflow:clip}.ius-list:hover:not(:disabled){background:#edf6ff}.ius-list:active:not(:disabled){background:#c4dfff!important;color:#333}.ius-list:disabled{background:#fafafa;color:#bfbfbf;cursor:default}.icon-color{color:#2167ff}.leading-icon{color:#333;flex-shrink:0}.content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;text-align:left;flex:1 0 0;min-width:0;font-family:Rubik,sans-serif}\n"] }]
21
21
  }], propDecorators: { disabled: [{
22
22
  type: Input
23
23
  }], checked: [{
@@ -29,4 +29,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
29
29
  }], optionClick: [{
30
30
  type: Output
31
31
  }] } });
32
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL29wdGlvbi9vcHRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvb3B0aW9uL29wdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFTL0QsTUFBTSxPQUFPLGVBQWU7SUFQNUI7UUFTVyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFDekIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMxQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FLakQ7SUFIQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDOytHQVZVLGVBQWU7bUdBQWYsZUFBZSx5TkNWNUIsMmJBVVMsd3dFREpHLGVBQWU7OzRGQUlkLGVBQWU7a0JBUDNCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLGVBQWUsQ0FBQzs4QkFNakIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJY29uU21Db21wb25lbnQgfSBmcm9tIFwiLi4vaWNvbi1zbS9pY29uLXNtLmNvbXBvbmVudFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtb3B0aW9uJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtJY29uU21Db21wb25lbnRdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9vcHRpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9vcHRpb24uY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBPcHRpb25Db21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGNoZWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBsZWFkaW5nSWNvbjogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgbXVsdGlsaW5lOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQE91dHB1dCgpIG9wdGlvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIHNlbGVjY2lvbmFyKCkge1xyXG4gICAgdGhpcy5vcHRpb25DbGljay5lbWl0KCk7XHJcbiAgfVxyXG59XHJcbiIsIjxidXR0b24gY2xhc3M9XCJpdXMtbGlzdFwiIFtjbGFzcy5tdWx0aWxpbmVdPVwibXVsdGlsaW5lXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgKGNsaWNrKT1cInNlbGVjY2lvbmFyKClcIj5cclxuICAgIEBpZihsZWFkaW5nSWNvbikge1xyXG4gICAgPGl1cy1pY29uLXNtIFtpY29uTmFtZV09XCJsZWFkaW5nSWNvblwiIGNsYXNzPVwibGVhZGluZy1pY29uXCI+PC9pdXMtaWNvbi1zbT5cclxuICAgIH1cclxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgICBAaWYoY2hlY2tlZCl7XHJcbiAgICA8aXVzLWljb24tc20gaWNvbk5hbWU9XCJpY29uLWNoZWNrLWNpcmNsZVwiIGNsYXNzPVwiaWNvbi1jb2xvclwiPjwvaXVzLWljb24tc20+XHJcbiAgICB9XHJcbjwvYnV0dG9uPiJdfQ==
32
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL29wdGlvbi9vcHRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvb3B0aW9uL29wdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFTL0QsTUFBTSxPQUFPLGVBQWU7SUFQNUI7UUFTVyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFDekIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFDekIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMxQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FLakQ7SUFIQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDOytHQVZVLGVBQWU7bUdBQWYsZUFBZSx5TkNWNUIsMmJBVVMsdXlFREpHLGVBQWU7OzRGQUlkLGVBQWU7a0JBUDNCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLGVBQWUsQ0FBQzs4QkFNakIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJY29uU21Db21wb25lbnQgfSBmcm9tIFwiLi4vaWNvbi1zbS9pY29uLXNtLmNvbXBvbmVudFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtb3B0aW9uJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtJY29uU21Db21wb25lbnRdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9vcHRpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9vcHRpb24uY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBPcHRpb25Db21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGNoZWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBsZWFkaW5nSWNvbjogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgbXVsdGlsaW5lOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQE91dHB1dCgpIG9wdGlvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIHNlbGVjY2lvbmFyKCkge1xyXG4gICAgdGhpcy5vcHRpb25DbGljay5lbWl0KCk7XHJcbiAgfVxyXG59XHJcbiIsIjxidXR0b24gY2xhc3M9XCJpdXMtbGlzdFwiIFtjbGFzcy5tdWx0aWxpbmVdPVwibXVsdGlsaW5lXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgKGNsaWNrKT1cInNlbGVjY2lvbmFyKClcIj5cclxuICAgIEBpZihsZWFkaW5nSWNvbikge1xyXG4gICAgPGl1cy1pY29uLXNtIFtpY29uTmFtZV09XCJsZWFkaW5nSWNvblwiIGNsYXNzPVwibGVhZGluZy1pY29uXCI+PC9pdXMtaWNvbi1zbT5cclxuICAgIH1cclxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgICBAaWYoY2hlY2tlZCl7XHJcbiAgICA8aXVzLWljb24tc20gaWNvbk5hbWU9XCJpY29uLWNoZWNrLWNpcmNsZVwiIGNsYXNzPVwiaWNvbi1jb2xvclwiPjwvaXVzLWljb24tc20+XHJcbiAgICB9XHJcbjwvYnV0dG9uPiJdfQ==
package/esm2022/lib/page-not-found/page-not-found.component.mjs CHANGED
@@ -13,7 +13,7 @@ export class PageNotFoundComponent {
13
13
  this.router.navigate([this.homeRoute]);
14
14
  }
15
15
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageNotFoundComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
16
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PageNotFoundComponent, isStandalone: true, selector: "ius-page-not-found", inputs: { title: "title", subtitle: "subtitle", homeRoute: "homeRoute" }, ngImport: i0, template: "<div class=\"ius-state-container\" aria-live=\"polite\">\r\n <div class=\"ius-state-inner\">\r\n <div class=\"ius-state-img-wrapper\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"110\" height=\"110\" viewBox=\"0 0 110 110\" fill=\"none\">\r\n <path d=\"M7.27 93.64H102.72C103.98 93.64 104.99 94.66 104.99 95.91V100.46C104.99 104.23 101.94 107.28 98.17 107.28H11.82C8.05 107.28 5 104.23 5 100.46V95.91C5 94.65 6.02 93.64 7.27 93.64Z\" fill=\"#4795EA\"/>\r\n <path d=\"M66.36 98.18H43.63C41.12 98.18 39.08 96.14 39.08 93.63H70.9C70.9 96.14 68.86 98.18 66.35 98.18H66.36Z\" fill=\"url(#paint0_linear_4454_1610)\"/>\r\n <path d=\"M41.36 16.36C40.1 16.36 39.09 17.38 39.09 18.63V20.9H35.61L38.93 12.65C39.4 11.48 38.83 10.16 37.66 9.7C36.49 9.23 35.17 9.8 34.71 10.97L30.16 22.33C29.7 23.5 30.26 24.82 31.43 25.28C31.7 25.39 31.98 25.44 32.27 25.44H39.09V27.71C39.09 28.97 40.11 29.98 41.36 29.98C42.61 29.98 43.63 28.96 43.63 27.71V18.62C43.63 17.36 42.61 16.35 41.36 16.35V16.36Z\" fill=\"#F0F7FC\"/>\r\n <path d=\"M77.73 16.36C76.47 16.36 75.46 17.38 75.46 18.63V20.9H71.98L75.3 12.65C75.77 11.48 75.2 10.16 74.03 9.7C72.86 9.23 71.54 9.8 71.08 10.97L66.53 22.33C66.07 23.5 66.63 24.82 67.8 25.28C68.07 25.39 68.35 25.44 68.64 25.44H75.46V27.71C75.46 28.97 76.48 29.98 77.73 29.98C78.98 29.98 80 28.96 80 27.71V18.62C80 17.36 78.98 16.35 77.73 16.35V16.36Z\" fill=\"#F0F7FC\"/>\r\n <path d=\"M55.0001 9.54999C51.2301 9.54999 48.1801 12.6 48.1801 16.37V23.19C48.1801 26.96 51.2301 30.01 55.0001 30.01C58.7701 30.01 61.8201 26.96 61.8201 23.19V16.37C61.8201 12.6 58.7701 9.54999 55.0001 9.54999ZM57.2701 23.18C57.2701 24.44 56.2501 25.45 55.0001 25.45C53.7501 25.45 52.7301 24.43 52.7301 23.18V16.36C52.7301 15.1 53.7501 14.09 55.0001 14.09C56.2501 14.09 57.2701 15.11 57.2701 16.36V23.18Z\" fill=\"#F0F7FC\"/>\r\n <path d=\"M81.76 20.91H28.25C17.9223 20.91 9.55005 29.2823 9.55005 39.61V74.94C9.55005 85.2677 17.9223 93.64 28.25 93.64H81.76C92.0878 93.64 100.46 85.2677 100.46 74.94V39.61C100.46 29.2823 92.0878 20.91 81.76 20.91Z\" fill=\"url(#paint1_linear_4454_1610)\"/>\r\n <path d=\"M82.96 27.73H27.03C21.1371 27.73 16.36 32.5071 16.36 38.4V76.15C16.36 82.0429 21.1371 86.82 27.03 86.82H82.96C88.8529 86.82 93.63 82.0429 93.63 76.15V38.4C93.63 32.5071 88.8529 27.73 82.96 27.73Z\" fill=\"#F0F7FC\"/>\r\n <path d=\"M86.82 7.27V32.27C86.82 34.78 84.78 36.82 82.27 36.82H58.77L57.11 40.12C56.54 41.24 55.17 41.68 54.05 41.11C53.63 40.89 53.28 40.55 53.06 40.12L51.33 36.82H27.72C25.21 36.82 23.17 34.78 23.17 32.27V7.27C23.17 4.76 25.21 2.72 27.72 2.72H82.27C84.78 2.72 86.82 4.76 86.82 7.27Z\" fill=\"#A1B3BF\"/>\r\n <path d=\"M41.36 16.36C40.1 16.36 39.09 17.38 39.09 18.63V20.9H35.61L38.93 12.65C39.4 11.48 38.83 10.16 37.66 9.7C36.49 9.23 35.17 9.8 34.71 10.97L30.16 22.33C29.7 23.5 30.26 24.82 31.43 25.28C31.7 25.39 31.98 25.44 32.27 25.44H39.09V27.71C39.09 28.97 40.11 29.98 41.36 29.98C42.61 29.98 43.63 28.96 43.63 27.71V18.62C43.63 17.36 42.61 16.35 41.36 16.35V16.36Z\" fill=\"#F0F7FC\"/>\r\n <path d=\"M77.73 16.36C76.47 16.36 75.46 17.38 75.46 18.63V20.9H71.98L75.3 12.65C75.77 11.48 75.2 10.16 74.03 9.7C72.86 9.23 71.54 9.8 71.08 10.97L66.53 22.33C66.07 23.5 66.63 24.82 67.8 25.28C68.07 25.39 68.35 25.44 68.64 25.44H75.46V27.71C75.46 28.97 76.48 29.98 77.73 29.98C78.98 29.98 80 28.96 80 27.71V18.62C80 17.36 78.98 16.35 77.73 16.35V16.36Z\" fill=\"#F0F7FC\"/>\r\n <path d=\"M55.0001 9.54999C51.2301 9.54999 48.1801 12.6 48.1801 16.37V23.19C48.1801 26.96 51.2301 30.01 55.0001 30.01C58.7701 30.01 61.8201 26.96 61.8201 23.19V16.37C61.8201 12.6 58.7701 9.54999 55.0001 9.54999ZM57.2701 23.18C57.2701 24.44 56.2501 25.45 55.0001 25.45C53.7501 25.45 52.7301 24.43 52.7301 23.18V16.36C52.7301 15.1 53.7501 14.09 55.0001 14.09C56.2501 14.09 57.2701 15.11 57.2701 16.36V23.18Z\" fill=\"#F0F7FC\"/>\r\n <path d=\"M31.5 64.75C30.61 63.87 29.18 63.87 28.3 64.75L27.64 65.43L26.96 64.75C26.07 63.87 24.64 63.87 23.76 64.75C22.87 65.63 22.86 67.07 23.75 67.96C23.75 67.96 23.75 67.96 23.76 67.97L24.42 68.63L23.76 69.29C22.87 70.17 22.86 71.61 23.75 72.5C23.75 72.5 23.75 72.5 23.76 72.51C24.65 73.39 26.08 73.39 26.96 72.51L27.64 71.83L28.3 72.51C29.19 73.39 30.62 73.39 31.5 72.51C32.39 71.63 32.4 70.19 31.51 69.3C31.51 69.3 31.51 69.3 31.5 69.29L30.93 68.63L31.59 67.97C32.46 67.06 32.42 65.62 31.51 64.76C31.51 64.76 31.51 64.76 31.5 64.75Z\" fill=\"#B4CDE1\"/>\r\n <path d=\"M31.5 51.11C30.61 50.23 29.18 50.23 28.3 51.11L27.64 51.79L26.96 51.11C26.07 50.23 24.64 50.23 23.76 51.11C22.87 51.99 22.86 53.43 23.75 54.32C23.75 54.32 23.75 54.32 23.76 54.33L24.42 54.99L23.76 55.65C22.87 56.53 22.86 57.97 23.75 58.86C23.75 58.86 23.75 58.86 23.76 58.87C24.65 59.75 26.08 59.75 26.96 58.87L27.64 58.19L28.3 58.87C29.19 59.75 30.62 59.75 31.5 58.87C32.39 57.99 32.4 56.55 31.51 55.66C31.51 55.66 31.51 55.66 31.5 55.65L30.93 54.99L31.59 54.33C32.46 53.42 32.42 51.98 31.51 51.12C31.51 51.12 31.51 51.12 31.5 51.11Z\" fill=\"#B4CDE1\"/>\r\n <path d=\"M43.25 56.25C43.93 55.21 43.65 53.81 42.61 53.11C41.57 52.41 40.16 52.69 39.46 53.74C36.21 58.63 36.21 64.99 39.46 69.88C39.88 70.52 40.6 70.91 41.37 70.9C42.63 70.9 43.64 69.87 43.63 68.62C43.63 68.18 43.5 67.75 43.26 67.38C41.01 64.01 41.01 59.61 43.26 56.24L43.25 56.25Z\" fill=\"#B4CDE1\"/>\r\n <path d=\"M84.55 55H52.73C51.47 55 50.46 53.98 50.46 52.73C50.46 51.48 51.48 50.46 52.73 50.46H84.55C85.81 50.46 86.82 51.48 86.82 52.73C86.82 53.98 85.8 55 84.55 55Z\" fill=\"#D7E9F7\"/>\r\n <path d=\"M84.55 64.09H52.73C51.47 64.09 50.46 63.07 50.46 61.82C50.46 60.57 51.48 59.55 52.73 59.55H84.55C85.81 59.55 86.82 60.57 86.82 61.82C86.82 63.07 85.8 64.09 84.55 64.09Z\" fill=\"#D7E9F7\"/>\r\n <path d=\"M73.18 73.18H52.73C51.47 73.18 50.46 72.16 50.46 70.91C50.46 69.66 51.48 68.64 52.73 68.64H73.18C74.44 68.64 75.45 69.66 75.45 70.91C75.45 72.16 74.43 73.18 73.18 73.18Z\" fill=\"#D7E9F7\"/>\r\n <defs>\r\n <linearGradient id=\"paint0_linear_4454_1610\" x1=\"36.1737\" y1=\"92.5078\" x2=\"67.9703\" y2=\"92.5078\" gradientUnits=\"userSpaceOnUse\">\r\n <stop stop-color=\"#D3E6F5\"/>\r\n <stop offset=\"1\" stop-color=\"#F0F7FC\"/>\r\n </linearGradient>\r\n <linearGradient id=\"paint1_linear_4454_1610\" x1=\"52.072\" y1=\"90.2671\" x2=\"52.072\" y2=\"17.4977\" gradientUnits=\"userSpaceOnUse\">\r\n <stop stop-color=\"#54A5FF\"/>\r\n <stop offset=\"1\" stop-color=\"#8AD3FE\"/>\r\n </linearGradient>\r\n </defs>\r\n </svg>\r\n </div>\r\n <div class=\"ius-state-text\">\r\n <span class=\"h4\">{{ title }}</span>\r\n <span class=\"h5\">{{ subtitle }}</span>\r\n </div>\r\n </div>\r\n <div class=\"footer\">\r\n <div class=\"footer-interno\">\r\n <div class=\"container-button\">\r\n <ius-button-standard-primary [iconName]=\"'icon-home'\" (buttonClicked)=\"goHome()\">Volver al inicio</ius-button-standard-primary>\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}.ius-state-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;height:100%;border-radius:8px;border:1px solid #eaeaea;background:#fff;gap:var(--Spacing-Spacing-xxs, 4px);padding:8px}.ius-state-container[data-state=idle]{display:none}.ius-state-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.ius-state-text{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.ius-state-img-wrapper{display:flex;width:110px;height:110px;justify-content:center;align-items:center}.footer{display:flex;flex-direction:column;align-items:center;gap:40px;align-self:stretch}.footer-interno{display:flex;flex-direction:column;align-items:center;gap:32px;align-self:stretch}.container-button{display:flex;padding:0 16px;flex-direction:column;align-items:center;gap:12px;align-self:stretch;margin-top:12px}\n"], dependencies: [{ kind: "component", type: ButtonStandardPrimaryComponent, selector: "ius-button-standard-primary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }] }); }
16
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PageNotFoundComponent, isStandalone: true, selector: "ius-page-not-found", inputs: { title: "title", subtitle: "subtitle", homeRoute: "homeRoute" }, ngImport: i0, template: "<div class=\"ius-state-container\" aria-live=\"polite\">\r\n <div class=\"ius-state-inner\">\r\n <div class=\"ius-state-img-wrapper\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"110\" height=\"110\" viewBox=\"0 0 110 110\" fill=\"none\">\r\n <path d=\"M7.27 93.64H102.72C103.98 93.64 104.99 94.66 104.99 95.91V100.46C104.99 104.23 101.94 107.28 98.17 107.28H11.82C8.05 107.28 5 104.23 5 100.46V95.91C5 94.65 6.02 93.64 7.27 93.64Z\" fill=\"#4795EA\"/>\r\n <path d=\"M66.36 98.18H43.63C41.12 98.18 39.08 96.14 39.08 93.63H70.9C70.9 96.14 68.86 98.18 66.35 98.18H66.36Z\" fill=\"url(#paint0_linear_4454_1610)\"/>\r\n <path d=\"M41.36 16.36C40.1 16.36 39.09 17.38 39.09 18.63V20.9H35.61L38.93 12.65C39.4 11.48 38.83 10.16 37.66 9.7C36.49 9.23 35.17 9.8 34.71 10.97L30.16 22.33C29.7 23.5 30.26 24.82 31.43 25.28C31.7 25.39 31.98 25.44 32.27 25.44H39.09V27.71C39.09 28.97 40.11 29.98 41.36 29.98C42.61 29.98 43.63 28.96 43.63 27.71V18.62C43.63 17.36 42.61 16.35 41.36 16.35V16.36Z\" fill=\"#F0F7FC\"/>\r\n <path d=\"M77.73 16.36C76.47 16.36 75.46 17.38 75.46 18.63V20.9H71.98L75.3 12.65C75.77 11.48 75.2 10.16 74.03 9.7C72.86 9.23 71.54 9.8 71.08 10.97L66.53 22.33C66.07 23.5 66.63 24.82 67.8 25.28C68.07 25.39 68.35 25.44 68.64 25.44H75.46V27.71C75.46 28.97 76.48 29.98 77.73 29.98C78.98 29.98 80 28.96 80 27.71V18.62C80 17.36 78.98 16.35 77.73 16.35V16.36Z\" fill=\"#F0F7FC\"/>\r\n <path d=\"M55.0001 9.54999C51.2301 9.54999 48.1801 12.6 48.1801 16.37V23.19C48.1801 26.96 51.2301 30.01 55.0001 30.01C58.7701 30.01 61.8201 26.96 61.8201 23.19V16.37C61.8201 12.6 58.7701 9.54999 55.0001 9.54999ZM57.2701 23.18C57.2701 24.44 56.2501 25.45 55.0001 25.45C53.7501 25.45 52.7301 24.43 52.7301 23.18V16.36C52.7301 15.1 53.7501 14.09 55.0001 14.09C56.2501 14.09 57.2701 15.11 57.2701 16.36V23.18Z\" fill=\"#F0F7FC\"/>\r\n <path d=\"M81.76 20.91H28.25C17.9223 20.91 9.55005 29.2823 9.55005 39.61V74.94C9.55005 85.2677 17.9223 93.64 28.25 93.64H81.76C92.0878 93.64 100.46 85.2677 100.46 74.94V39.61C100.46 29.2823 92.0878 20.91 81.76 20.91Z\" fill=\"url(#paint1_linear_4454_1610)\"/>\r\n <path d=\"M82.96 27.73H27.03C21.1371 27.73 16.36 32.5071 16.36 38.4V76.15C16.36 82.0429 21.1371 86.82 27.03 86.82H82.96C88.8529 86.82 93.63 82.0429 93.63 76.15V38.4C93.63 32.5071 88.8529 27.73 82.96 27.73Z\" fill=\"#F0F7FC\"/>\r\n <path d=\"M86.82 7.27V32.27C86.82 34.78 84.78 36.82 82.27 36.82H58.77L57.11 40.12C56.54 41.24 55.17 41.68 54.05 41.11C53.63 40.89 53.28 40.55 53.06 40.12L51.33 36.82H27.72C25.21 36.82 23.17 34.78 23.17 32.27V7.27C23.17 4.76 25.21 2.72 27.72 2.72H82.27C84.78 2.72 86.82 4.76 86.82 7.27Z\" fill=\"#A1B3BF\"/>\r\n <path d=\"M41.36 16.36C40.1 16.36 39.09 17.38 39.09 18.63V20.9H35.61L38.93 12.65C39.4 11.48 38.83 10.16 37.66 9.7C36.49 9.23 35.17 9.8 34.71 10.97L30.16 22.33C29.7 23.5 30.26 24.82 31.43 25.28C31.7 25.39 31.98 25.44 32.27 25.44H39.09V27.71C39.09 28.97 40.11 29.98 41.36 29.98C42.61 29.98 43.63 28.96 43.63 27.71V18.62C43.63 17.36 42.61 16.35 41.36 16.35V16.36Z\" fill=\"#F0F7FC\"/>\r\n <path d=\"M77.73 16.36C76.47 16.36 75.46 17.38 75.46 18.63V20.9H71.98L75.3 12.65C75.77 11.48 75.2 10.16 74.03 9.7C72.86 9.23 71.54 9.8 71.08 10.97L66.53 22.33C66.07 23.5 66.63 24.82 67.8 25.28C68.07 25.39 68.35 25.44 68.64 25.44H75.46V27.71C75.46 28.97 76.48 29.98 77.73 29.98C78.98 29.98 80 28.96 80 27.71V18.62C80 17.36 78.98 16.35 77.73 16.35V16.36Z\" fill=\"#F0F7FC\"/>\r\n <path d=\"M55.0001 9.54999C51.2301 9.54999 48.1801 12.6 48.1801 16.37V23.19C48.1801 26.96 51.2301 30.01 55.0001 30.01C58.7701 30.01 61.8201 26.96 61.8201 23.19V16.37C61.8201 12.6 58.7701 9.54999 55.0001 9.54999ZM57.2701 23.18C57.2701 24.44 56.2501 25.45 55.0001 25.45C53.7501 25.45 52.7301 24.43 52.7301 23.18V16.36C52.7301 15.1 53.7501 14.09 55.0001 14.09C56.2501 14.09 57.2701 15.11 57.2701 16.36V23.18Z\" fill=\"#F0F7FC\"/>\r\n <path d=\"M31.5 64.75C30.61 63.87 29.18 63.87 28.3 64.75L27.64 65.43L26.96 64.75C26.07 63.87 24.64 63.87 23.76 64.75C22.87 65.63 22.86 67.07 23.75 67.96C23.75 67.96 23.75 67.96 23.76 67.97L24.42 68.63L23.76 69.29C22.87 70.17 22.86 71.61 23.75 72.5C23.75 72.5 23.75 72.5 23.76 72.51C24.65 73.39 26.08 73.39 26.96 72.51L27.64 71.83L28.3 72.51C29.19 73.39 30.62 73.39 31.5 72.51C32.39 71.63 32.4 70.19 31.51 69.3C31.51 69.3 31.51 69.3 31.5 69.29L30.93 68.63L31.59 67.97C32.46 67.06 32.42 65.62 31.51 64.76C31.51 64.76 31.51 64.76 31.5 64.75Z\" fill=\"#B4CDE1\"/>\r\n <path d=\"M31.5 51.11C30.61 50.23 29.18 50.23 28.3 51.11L27.64 51.79L26.96 51.11C26.07 50.23 24.64 50.23 23.76 51.11C22.87 51.99 22.86 53.43 23.75 54.32C23.75 54.32 23.75 54.32 23.76 54.33L24.42 54.99L23.76 55.65C22.87 56.53 22.86 57.97 23.75 58.86C23.75 58.86 23.75 58.86 23.76 58.87C24.65 59.75 26.08 59.75 26.96 58.87L27.64 58.19L28.3 58.87C29.19 59.75 30.62 59.75 31.5 58.87C32.39 57.99 32.4 56.55 31.51 55.66C31.51 55.66 31.51 55.66 31.5 55.65L30.93 54.99L31.59 54.33C32.46 53.42 32.42 51.98 31.51 51.12C31.51 51.12 31.51 51.12 31.5 51.11Z\" fill=\"#B4CDE1\"/>\r\n <path d=\"M43.25 56.25C43.93 55.21 43.65 53.81 42.61 53.11C41.57 52.41 40.16 52.69 39.46 53.74C36.21 58.63 36.21 64.99 39.46 69.88C39.88 70.52 40.6 70.91 41.37 70.9C42.63 70.9 43.64 69.87 43.63 68.62C43.63 68.18 43.5 67.75 43.26 67.38C41.01 64.01 41.01 59.61 43.26 56.24L43.25 56.25Z\" fill=\"#B4CDE1\"/>\r\n <path d=\"M84.55 55H52.73C51.47 55 50.46 53.98 50.46 52.73C50.46 51.48 51.48 50.46 52.73 50.46H84.55C85.81 50.46 86.82 51.48 86.82 52.73C86.82 53.98 85.8 55 84.55 55Z\" fill=\"#D7E9F7\"/>\r\n <path d=\"M84.55 64.09H52.73C51.47 64.09 50.46 63.07 50.46 61.82C50.46 60.57 51.48 59.55 52.73 59.55H84.55C85.81 59.55 86.82 60.57 86.82 61.82C86.82 63.07 85.8 64.09 84.55 64.09Z\" fill=\"#D7E9F7\"/>\r\n <path d=\"M73.18 73.18H52.73C51.47 73.18 50.46 72.16 50.46 70.91C50.46 69.66 51.48 68.64 52.73 68.64H73.18C74.44 68.64 75.45 69.66 75.45 70.91C75.45 72.16 74.43 73.18 73.18 73.18Z\" fill=\"#D7E9F7\"/>\r\n <defs>\r\n <linearGradient id=\"paint0_linear_4454_1610\" x1=\"36.1737\" y1=\"92.5078\" x2=\"67.9703\" y2=\"92.5078\" gradientUnits=\"userSpaceOnUse\">\r\n <stop stop-color=\"#D3E6F5\"/>\r\n <stop offset=\"1\" stop-color=\"#F0F7FC\"/>\r\n </linearGradient>\r\n <linearGradient id=\"paint1_linear_4454_1610\" x1=\"52.072\" y1=\"90.2671\" x2=\"52.072\" y2=\"17.4977\" gradientUnits=\"userSpaceOnUse\">\r\n <stop stop-color=\"#54A5FF\"/>\r\n <stop offset=\"1\" stop-color=\"#8AD3FE\"/>\r\n </linearGradient>\r\n </defs>\r\n </svg>\r\n </div>\r\n <div class=\"ius-state-text\">\r\n <span class=\"h4\">{{ title }}</span>\r\n <span class=\"h5\">{{ subtitle }}</span>\r\n </div>\r\n </div>\r\n <div class=\"footer\">\r\n <div class=\"footer-interno\">\r\n <div class=\"container-button\">\r\n <ius-button-standard-primary [iconName]=\"'icon-home'\" (buttonClicked)=\"goHome()\">Volver al inicio</ius-button-standard-primary>\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}.ius-state-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;height:100%;border-radius:8px;border:1px solid #eaeaea;background:#fff;gap:var(--Spacing-Spacing-xxs, 4px);padding:8px}.ius-state-container[data-state=idle]{display:none}.ius-state-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.ius-state-text{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.ius-state-img-wrapper{display:flex;width:110px;height:110px;justify-content:center;align-items:center}.footer{display:flex;flex-direction:column;align-items:center;gap:40px;align-self:stretch}.footer-interno{display:flex;flex-direction:column;align-items:center;gap:32px;align-self:stretch}.container-button{display:flex;padding:0 16px;flex-direction:column;align-items:center;gap:12px;align-self:stretch;margin-top:12px}\n"], dependencies: [{ kind: "component", type: ButtonStandardPrimaryComponent, selector: "ius-button-standard-primary", inputs: ["disabled", "iconName", "prefixIcon", "sufixIcon"], outputs: ["buttonClicked"] }] }); }
17
17
  }
18
18
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageNotFoundComponent, decorators: [{
19
19
  type: Component,
package/esm2022/lib/section-collapse-drawer-parent/section-collapse-drawer-parent.component.mjs CHANGED
@@ -18,7 +18,7 @@ export class SectionCollapseDrawerParentComponent {
18
18
  this.buttonClicked.emit();
19
19
  }
20
20
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionCollapseDrawerParentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
21
- 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.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: [
21
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionCollapseDrawerParentComponent, isStandalone: true, selector: "ius-section-collapse-drawer-parent", inputs: { isActive: "isActive", disabled: "disabled", textTitle: "textTitle", iconName: "iconName" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"dropdown-container\">\r\n <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive }\">\r\n @if(iconName !== '') {\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <span>{{textTitle}}</span>\r\n <ius-icon-sm class=\"arrow\"\r\n [iconName]=\"isActive && !disabled ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\">\r\n </ius-icon-sm>\r\n </button>\r\n</div>\r\n@if (isActive && !disabled) {\r\n<div @slideInOut>\r\n <ng-content></ng-content>\r\n</div>\r\n}", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.icon-color,.icon-doc-color{color:#5892ff}.arrow{margin-left:auto;padding-bottom:5px}.ius-btn{display:inline-flex;width:100%;height:48px;padding:12px;align-items:center;gap:8px;background-color:#fff;color:#333;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1.125rem;line-height:24px;letter-spacing:1%;justify-content:space-between}.ius-btn:hover:not(:disabled){color:#103ab7}.ius-btn:active:not(:disabled){background-color:#edf6ff}.ius-btn:disabled{color:#bfbfbf;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.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: [
22
22
  trigger('slideInOut', [
23
23
  state('void', style({
24
24
  height: '0px',
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
58
58
  animate('370ms ease-out')
59
59
  ])
60
60
  ])
61
- ], 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"] }]
61
+ ], template: "<div class=\"dropdown-container\">\r\n <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive }\">\r\n @if(iconName !== '') {\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <span>{{textTitle}}</span>\r\n <ius-icon-sm class=\"arrow\"\r\n [iconName]=\"isActive && !disabled ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\">\r\n </ius-icon-sm>\r\n </button>\r\n</div>\r\n@if (isActive && !disabled) {\r\n<div @slideInOut>\r\n <ng-content></ng-content>\r\n</div>\r\n}", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.icon-color,.icon-doc-color{color:#5892ff}.arrow{margin-left:auto;padding-bottom:5px}.ius-btn{display:inline-flex;width:100%;height:48px;padding:12px;align-items:center;gap:8px;background-color:#fff;color:#333;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1.125rem;line-height:24px;letter-spacing:1%;justify-content:space-between}.ius-btn:hover:not(:disabled){color:#103ab7}.ius-btn:active:not(:disabled){background-color:#edf6ff}.ius-btn:disabled{color:#bfbfbf;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"] }]
62
62
  }], propDecorators: { isActive: [{
63
63
  type: Input
64
64
  }], disabled: [{
@@ -70,4 +70,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
70
70
  }], buttonClicked: [{
71
71
  type: Output
72
72
  }] } });
73
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi1jb2xsYXBzZS1kcmF3ZXItcGFyZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL3NlY3Rpb24tY29sbGFwc2UtZHJhd2VyLXBhcmVudC9zZWN0aW9uLWNvbGxhcHNlLWRyYXdlci1wYXJlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvc2VjdGlvbi1jb2xsYXBzZS1kcmF3ZXItcGFyZW50L3NlY3Rpb24tY29sbGFwc2UtZHJhd2VyLXBhcmVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEdBQUcsTUFBTSxxQkFBcUIsQ0FBQztBQUNsRixPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7OztBQTRCL0QsTUFBTSxPQUFPLG9DQUFvQztJQTFCakQ7UUEyQlcsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGNBQVMsR0FBRyxPQUFPLENBQUM7UUFDcEIsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUNiLGtCQUFhLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7S0FRbEU7SUFMQyxPQUFPO1FBQ0wsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUE7UUFDOUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM1QixDQUFDOytHQVhVLG9DQUFvQzttR0FBcEMsb0NBQW9DLGlQQ2hDakQsOGtCQWVDLG9qRUROVyxZQUFZLDZIQUFFLGVBQWUsdUZBQUUsZUFBZSx5RUFHNUM7WUFDVixPQUFPLENBQUMsWUFBWSxFQUFFO2dCQUNwQixLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQztvQkFDbEIsTUFBTSxFQUFFLEtBQUs7b0JBQ2IsT0FBTyxFQUFFLENBQUM7b0JBQ1YsUUFBUSxFQUFFLFFBQVE7aUJBQ25CLENBQUMsQ0FBQztnQkFDSCxLQUFLLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQztvQkFDZixNQUFNLEVBQUUsR0FBRztvQkFDWCxPQUFPLEVBQUUsQ0FBQztpQkFDWCxDQUFDLENBQUM7Z0JBQ0gsVUFBVSxDQUFDLFdBQVcsRUFBRTtvQkFDdEIsT0FBTyxDQUFDLGVBQWUsQ0FBQztpQkFDekIsQ0FBQztnQkFDRixVQUFVLENBQUMsV0FBVyxFQUFFO29CQUN0QixPQUFPLENBQUMsZ0JBQWdCLENBQUM7aUJBQzFCLENBQUM7YUFDSCxDQUFDO1NBQ0g7OzRGQUVVLG9DQUFvQztrQkExQmhELFNBQVM7K0JBQ0Usb0NBQW9DLGNBQ2xDLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLEVBQUUsZUFBZSxDQUFDLGNBRzdDO3dCQUNWLE9BQU8sQ0FBQyxZQUFZLEVBQUU7NEJBQ3BCLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDO2dDQUNsQixNQUFNLEVBQUUsS0FBSztnQ0FDYixPQUFPLEVBQUUsQ0FBQztnQ0FDVixRQUFRLEVBQUUsUUFBUTs2QkFDbkIsQ0FBQyxDQUFDOzRCQUNILEtBQUssQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDO2dDQUNmLE1BQU0sRUFBRSxHQUFHO2dDQUNYLE9BQU8sRUFBRSxDQUFDOzZCQUNYLENBQUMsQ0FBQzs0QkFDSCxVQUFVLENBQUMsV0FBVyxFQUFFO2dDQUN0QixPQUFPLENBQUMsZUFBZSxDQUFDOzZCQUN6QixDQUFDOzRCQUNGLFVBQVUsQ0FBQyxXQUFXLEVBQUU7Z0NBQ3RCLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQzs2QkFDMUIsQ0FBQzt5QkFDSCxDQUFDO3FCQUNIOzhCQUdRLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IHRyaWdnZXIsIHRyYW5zaXRpb24sIHN0eWxlLCBhbmltYXRlLCBzdGF0ZSwgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSWNvblNtQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbi1zbS9pY29uLXNtLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEljb25NZENvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uLW1kL2ljb24tbWQuY29tcG9uZW50XCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1zZWN0aW9uLWNvbGxhcHNlLWRyYXdlci1wYXJlbnQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvblNtQ29tcG9uZW50LCBJY29uTWRDb21wb25lbnRdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWN0aW9uLWNvbGxhcHNlLWRyYXdlci1wYXJlbnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9zZWN0aW9uLWNvbGxhcHNlLWRyYXdlci1wYXJlbnQuY29tcG9uZW50LnNjc3MnLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoJ3NsaWRlSW5PdXQnLCBbXHJcbiAgICAgIHN0YXRlKCd2b2lkJywgc3R5bGUoe1xyXG4gICAgICAgIGhlaWdodDogJzBweCcsXHJcbiAgICAgICAgb3BhY2l0eTogMCxcclxuICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbidcclxuICAgICAgfSkpLFxyXG4gICAgICBzdGF0ZSgnKicsIHN0eWxlKHtcclxuICAgICAgICBoZWlnaHQ6ICcqJyxcclxuICAgICAgICBvcGFjaXR5OiAxXHJcbiAgICAgIH0pKSxcclxuICAgICAgdHJhbnNpdGlvbigndm9pZCA9PiAqJywgW1xyXG4gICAgICAgIGFuaW1hdGUoJzM3MG1zIGVhc2UtaW4nKVxyXG4gICAgICBdKSxcclxuICAgICAgdHJhbnNpdGlvbignKiA9PiB2b2lkJywgW1xyXG4gICAgICAgIGFuaW1hdGUoJzM3MG1zIGVhc2Utb3V0JylcclxuICAgICAgXSlcclxuICAgIF0pXHJcbiAgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNlY3Rpb25Db2xsYXBzZURyYXdlclBhcmVudENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgaXNBY3RpdmUgPSBmYWxzZTtcclxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHRleHRUaXRsZSA9ICdUaXRsZSc7XHJcbiAgQElucHV0KCkgaWNvbk5hbWUgPSAnJztcclxuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuXHJcbiAgb25DbGljaygpIHtcclxuICAgIHRoaXMuaXNBY3RpdmUgPSAhdGhpcy5pc0FjdGl2ZVxyXG4gICAgdGhpcy5idXR0b25DbGlja2VkLmVtaXQoKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJkcm9wZG93bi1jb250YWluZXJcIj5cclxuICA8YnV0dG9uIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIChjbGljayk9XCJvbkNsaWNrKClcIiBjbGFzcz1cIml1cy1idG5cIiBbbmdDbGFzc109XCJ7IGlzQWN0aXZlOiBpc0FjdGl2ZSB9XCI+XHJcbiAgICBAaWYoaWNvbk5hbWUgIT09ICcnKSB7XHJcbiAgICA8aXVzLWljb24tbWQgW2ljb25OYW1lXT1cImljb25OYW1lXCIgY2xhc3M9XCJpY29uLWNvbG9yXCI+PC9pdXMtaWNvbi1tZD5cclxuICAgIH1cclxuICAgIDxzcGFuPnt7dGV4dFRpdGxlfX08L3NwYW4+XHJcbiAgICA8aXVzLWljb24tc20gY2xhc3M9XCJhcnJvd1wiXHJcbiAgICAgIFtpY29uTmFtZV09XCJpc0FjdGl2ZSAmJiAhZGlzYWJsZWQgPyAnaWNvbi1rZXlib2FyZC1hcnJvdy11cCcgOiAnaWNvbi1rZXlib2FyZC1hcnJvdy1kb3duJ1wiPlxyXG4gICAgPC9pdXMtaWNvbi1zbT5cclxuICA8L2J1dHRvbj5cclxuPC9kaXY+XHJcbkBpZiAoaXNBY3RpdmUgJiYgIWRpc2FibGVkKSB7XHJcbjxkaXYgQHNsaWRlSW5PdXQ+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxufSJdfQ==
73
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi1jb2xsYXBzZS1kcmF3ZXItcGFyZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL3NlY3Rpb24tY29sbGFwc2UtZHJhd2VyLXBhcmVudC9zZWN0aW9uLWNvbGxhcHNlLWRyYXdlci1wYXJlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvc2VjdGlvbi1jb2xsYXBzZS1kcmF3ZXItcGFyZW50L3NlY3Rpb24tY29sbGFwc2UtZHJhd2VyLXBhcmVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEdBQUcsTUFBTSxxQkFBcUIsQ0FBQztBQUNsRixPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7OztBQTRCL0QsTUFBTSxPQUFPLG9DQUFvQztJQTFCakQ7UUEyQlcsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGNBQVMsR0FBRyxPQUFPLENBQUM7UUFDcEIsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUNiLGtCQUFhLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7S0FRbEU7SUFMQyxPQUFPO1FBQ0wsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUE7UUFDOUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM1QixDQUFDOytHQVhVLG9DQUFvQzttR0FBcEMsb0NBQW9DLGlQQ2hDakQsOGtCQWVDLGlqRUROVyxZQUFZLDZIQUFFLGVBQWUsdUZBQUUsZUFBZSx5RUFHNUM7WUFDVixPQUFPLENBQUMsWUFBWSxFQUFFO2dCQUNwQixLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQztvQkFDbEIsTUFBTSxFQUFFLEtBQUs7b0JBQ2IsT0FBTyxFQUFFLENBQUM7b0JBQ1YsUUFBUSxFQUFFLFFBQVE7aUJBQ25CLENBQUMsQ0FBQztnQkFDSCxLQUFLLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQztvQkFDZixNQUFNLEVBQUUsR0FBRztvQkFDWCxPQUFPLEVBQUUsQ0FBQztpQkFDWCxDQUFDLENBQUM7Z0JBQ0gsVUFBVSxDQUFDLFdBQVcsRUFBRTtvQkFDdEIsT0FBTyxDQUFDLGVBQWUsQ0FBQztpQkFDekIsQ0FBQztnQkFDRixVQUFVLENBQUMsV0FBVyxFQUFFO29CQUN0QixPQUFPLENBQUMsZ0JBQWdCLENBQUM7aUJBQzFCLENBQUM7YUFDSCxDQUFDO1NBQ0g7OzRGQUVVLG9DQUFvQztrQkExQmhELFNBQVM7K0JBQ0Usb0NBQW9DLGNBQ2xDLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLEVBQUUsZUFBZSxDQUFDLGNBRzdDO3dCQUNWLE9BQU8sQ0FBQyxZQUFZLEVBQUU7NEJBQ3BCLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDO2dDQUNsQixNQUFNLEVBQUUsS0FBSztnQ0FDYixPQUFPLEVBQUUsQ0FBQztnQ0FDVixRQUFRLEVBQUUsUUFBUTs2QkFDbkIsQ0FBQyxDQUFDOzRCQUNILEtBQUssQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDO2dDQUNmLE1BQU0sRUFBRSxHQUFHO2dDQUNYLE9BQU8sRUFBRSxDQUFDOzZCQUNYLENBQUMsQ0FBQzs0QkFDSCxVQUFVLENBQUMsV0FBVyxFQUFFO2dDQUN0QixPQUFPLENBQUMsZUFBZSxDQUFDOzZCQUN6QixDQUFDOzRCQUNGLFVBQVUsQ0FBQyxXQUFXLEVBQUU7Z0NBQ3RCLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQzs2QkFDMUIsQ0FBQzt5QkFDSCxDQUFDO3FCQUNIOzhCQUdRLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IHRyaWdnZXIsIHRyYW5zaXRpb24sIHN0eWxlLCBhbmltYXRlLCBzdGF0ZSwgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSWNvblNtQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbi1zbS9pY29uLXNtLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEljb25NZENvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uLW1kL2ljb24tbWQuY29tcG9uZW50XCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1zZWN0aW9uLWNvbGxhcHNlLWRyYXdlci1wYXJlbnQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvblNtQ29tcG9uZW50LCBJY29uTWRDb21wb25lbnRdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWN0aW9uLWNvbGxhcHNlLWRyYXdlci1wYXJlbnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9zZWN0aW9uLWNvbGxhcHNlLWRyYXdlci1wYXJlbnQuY29tcG9uZW50LnNjc3MnLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoJ3NsaWRlSW5PdXQnLCBbXHJcbiAgICAgIHN0YXRlKCd2b2lkJywgc3R5bGUoe1xyXG4gICAgICAgIGhlaWdodDogJzBweCcsXHJcbiAgICAgICAgb3BhY2l0eTogMCxcclxuICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbidcclxuICAgICAgfSkpLFxyXG4gICAgICBzdGF0ZSgnKicsIHN0eWxlKHtcclxuICAgICAgICBoZWlnaHQ6ICcqJyxcclxuICAgICAgICBvcGFjaXR5OiAxXHJcbiAgICAgIH0pKSxcclxuICAgICAgdHJhbnNpdGlvbigndm9pZCA9PiAqJywgW1xyXG4gICAgICAgIGFuaW1hdGUoJzM3MG1zIGVhc2UtaW4nKVxyXG4gICAgICBdKSxcclxuICAgICAgdHJhbnNpdGlvbignKiA9PiB2b2lkJywgW1xyXG4gICAgICAgIGFuaW1hdGUoJzM3MG1zIGVhc2Utb3V0JylcclxuICAgICAgXSlcclxuICAgIF0pXHJcbiAgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNlY3Rpb25Db2xsYXBzZURyYXdlclBhcmVudENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgaXNBY3RpdmUgPSBmYWxzZTtcclxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHRleHRUaXRsZSA9ICdUaXRsZSc7XHJcbiAgQElucHV0KCkgaWNvbk5hbWUgPSAnJztcclxuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuXHJcbiAgb25DbGljaygpIHtcclxuICAgIHRoaXMuaXNBY3RpdmUgPSAhdGhpcy5pc0FjdGl2ZVxyXG4gICAgdGhpcy5idXR0b25DbGlja2VkLmVtaXQoKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJkcm9wZG93bi1jb250YWluZXJcIj5cclxuICA8YnV0dG9uIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIChjbGljayk9XCJvbkNsaWNrKClcIiBjbGFzcz1cIml1cy1idG5cIiBbbmdDbGFzc109XCJ7IGlzQWN0aXZlOiBpc0FjdGl2ZSB9XCI+XHJcbiAgICBAaWYoaWNvbk5hbWUgIT09ICcnKSB7XHJcbiAgICA8aXVzLWljb24tbWQgW2ljb25OYW1lXT1cImljb25OYW1lXCIgY2xhc3M9XCJpY29uLWNvbG9yXCI+PC9pdXMtaWNvbi1tZD5cclxuICAgIH1cclxuICAgIDxzcGFuPnt7dGV4dFRpdGxlfX08L3NwYW4+XHJcbiAgICA8aXVzLWljb24tc20gY2xhc3M9XCJhcnJvd1wiXHJcbiAgICAgIFtpY29uTmFtZV09XCJpc0FjdGl2ZSAmJiAhZGlzYWJsZWQgPyAnaWNvbi1rZXlib2FyZC1hcnJvdy11cCcgOiAnaWNvbi1rZXlib2FyZC1hcnJvdy1kb3duJ1wiPlxyXG4gICAgPC9pdXMtaWNvbi1zbT5cclxuICA8L2J1dHRvbj5cclxuPC9kaXY+XHJcbkBpZiAoaXNBY3RpdmUgJiYgIWRpc2FibGVkKSB7XHJcbjxkaXYgQHNsaWRlSW5PdXQ+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxufSJdfQ==
package/esm2022/lib/support-panel/support-panel.component.mjs CHANGED
@@ -30,7 +30,7 @@ export class SupportPanelComponent {
30
30
  this.onClickShowTickets.emit();
31
31
  }
32
32
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SupportPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
33
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SupportPanelComponent, isStandalone: true, selector: "ius-support-panel", outputs: { onCloseForm: "onCloseForm", onClickAddTicket: "onClickAddTicket", onClickShowTickets: "onClickShowTickets" }, ngImport: i0, template: "<ius-drawer-container-right [titleDrawer]=\"'Panel de soporte y ayuda'\" (onDrawerClosed)=\"onClose()\"\r\n [percentProgressBar]=\"0\">\r\n <div class=\"form between-xs\">\r\n <div>\r\n <div class=\"header-general\">\r\n <div class=\"header\">\r\n <span class=\"h5\">Panel de soporte y ayuda</span>\r\n </div>\r\n </div>\r\n <div class=\"content-text\">\r\n <span class=\"body-base-1\">\u00A1Hola, aqu\u00ED encontraras soluciones claras y acompa\u00F1amiento siempre que lo\r\n requieras!</span>\r\n </div>\r\n <ius-section-collapse-drawer-parent textTitle=\"Tickets de soporte\" [disabled]=\"false\"\r\n [isActive]=\"isExpandSupportTicket\" (buttonClicked)=\"onExpandSupportTicket()\">\r\n <div class=\"section\">\r\n <ius-button-standard-tertiary [iconName]=\"'icon-ticket'\" (buttonClicked)=\"onShowTickets()\">\r\n <span>Consultar mis tickets</span>\r\n </ius-button-standard-tertiary>\r\n <ius-button-standard-tertiary [iconName]=\"'icon-add'\" (buttonClicked)=\"onAddTicket()\">\r\n <span>Radicar nuevo ticket de soporte</span>\r\n </ius-button-standard-tertiary>\r\n </div>\r\n </ius-section-collapse-drawer-parent>\r\n <ius-section-collapse-drawer-parent textTitle=\"Preguntas frecuentes\" [disabled]=\"false\"\r\n [isActive]=\"isExpandQuestion\" (buttonClicked)=\"onExpandQuestion()\">\r\n </ius-section-collapse-drawer-parent>\r\n </div>\r\n </div>\r\n</ius-drawer-container-right>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.background-drawer{position:absolute;top:0;left:0;display:flex;height:100%;width:100%;justify-content:center;background-color:#0003;transition:.2s ease-in-out;align-items:center;z-index:900}.form{display:flex;height:100%;flex-direction:column;padding:24px 16px;align-items:flex-start;gap:8px}.header-general{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.header{display:flex;padding:0 4px;align-items:center;gap:8px;align-self:stretch}.section{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.content-text{display:flex;padding:8px 12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;align-self:stretch}\n"], dependencies: [{ kind: "component", type: DrawerContainerRightComponent, selector: "ius-drawer-container-right", inputs: ["titleDrawer", "percentProgressBar"], outputs: ["onPressedBackEvent", "onDrawerClosed"] }, { kind: "component", type: SectionCollapseDrawerParentComponent, selector: "ius-section-collapse-drawer-parent", inputs: ["isActive", "disabled", "textTitle", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: ButtonStandardTertiaryComponent, selector: "ius-button-standard-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }] }); }
33
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SupportPanelComponent, isStandalone: true, selector: "ius-support-panel", outputs: { onCloseForm: "onCloseForm", onClickAddTicket: "onClickAddTicket", onClickShowTickets: "onClickShowTickets" }, ngImport: i0, template: "<ius-drawer-container-right [titleDrawer]=\"'Panel de soporte y ayuda'\" (onDrawerClosed)=\"onClose()\"\r\n [percentProgressBar]=\"0\">\r\n <div class=\"form between-xs\">\r\n <div>\r\n <div class=\"header-general\">\r\n <div class=\"header\">\r\n <span class=\"h5\">Panel de soporte y ayuda</span>\r\n </div>\r\n </div>\r\n <div class=\"content-text\">\r\n <span class=\"body-base-1\">\u00A1Hola, aqu\u00ED encontraras soluciones claras y acompa\u00F1amiento siempre que lo\r\n requieras!</span>\r\n </div>\r\n <ius-section-collapse-drawer-parent textTitle=\"Tickets de soporte\" [disabled]=\"false\"\r\n [isActive]=\"isExpandSupportTicket\" (buttonClicked)=\"onExpandSupportTicket()\">\r\n <div class=\"section\">\r\n <ius-button-standard-tertiary [iconName]=\"'icon-ticket'\" (buttonClicked)=\"onShowTickets()\">\r\n <span>Consultar mis tickets</span>\r\n </ius-button-standard-tertiary>\r\n <ius-button-standard-tertiary [iconName]=\"'icon-add'\" (buttonClicked)=\"onAddTicket()\">\r\n <span>Radicar nuevo ticket de soporte</span>\r\n </ius-button-standard-tertiary>\r\n </div>\r\n </ius-section-collapse-drawer-parent>\r\n <ius-section-collapse-drawer-parent textTitle=\"Preguntas frecuentes\" [disabled]=\"false\"\r\n [isActive]=\"isExpandQuestion\" (buttonClicked)=\"onExpandQuestion()\">\r\n </ius-section-collapse-drawer-parent>\r\n </div>\r\n </div>\r\n</ius-drawer-container-right>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.background-drawer{position:absolute;top:0;left:0;display:flex;height:100%;width:100%;justify-content:center;background-color:#0003;transition:.2s ease-in-out;align-items:center;z-index:900}.form{display:flex;height:100%;flex-direction:column;padding:24px 16px;align-items:flex-start;gap:8px}.header-general{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.header{display:flex;padding:0 4px;align-items:center;gap:8px;align-self:stretch}.section{display:flex;padding:12px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.content-text{display:flex;padding:8px 12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;align-self:stretch}\n"], dependencies: [{ kind: "component", type: DrawerContainerRightComponent, selector: "ius-drawer-container-right", inputs: ["titleDrawer", "percentProgressBar"], outputs: ["onPressedBackEvent", "onDrawerClosed"] }, { kind: "component", type: SectionCollapseDrawerParentComponent, selector: "ius-section-collapse-drawer-parent", inputs: ["isActive", "disabled", "textTitle", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: ButtonStandardTertiaryComponent, selector: "ius-button-standard-tertiary", inputs: ["disabled", "iconName", "prefixIcon", "sufixIcon"], outputs: ["buttonClicked"] }] }); }
34
34
  }
35
35
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SupportPanelComponent, decorators: [{
36
36
  type: Component,