@litigiovirtual/ius-design-components 1.0.291 → 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.
- package/esm2022/lib/add-user-container/add-user-container.component.mjs +3 -3
- package/esm2022/lib/alert/alert.component.mjs +2 -2
- package/esm2022/lib/avatar-business/avatar-business.component.mjs +1 -1
- package/esm2022/lib/avatar-v2/avatar-v2.component.mjs +1 -1
- package/esm2022/lib/button-auth/button-auth.component.mjs +9 -3
- package/esm2022/lib/button-dynamic/button-dynamic.component.mjs +9 -3
- package/esm2022/lib/button-filter/button-filter.component.mjs +2 -2
- package/esm2022/lib/button-standard-outline/button-standard-outline.component.mjs +9 -3
- package/esm2022/lib/button-standard-primary/button-standard-primary.component.mjs +9 -3
- package/esm2022/lib/button-standard-tertiary/button-standard-tertiary.component.mjs +9 -3
- package/esm2022/lib/button-standard-tertiary-small/button-standard-tertiary-small.component.mjs +8 -5
- package/esm2022/lib/create-ticket/create-ticket.component.mjs +2 -2
- package/esm2022/lib/custom-dropdown/custom-dropdown.component.mjs +1 -1
- package/esm2022/lib/date-hour-picker/date-hour-picker.component.mjs +1 -1
- package/esm2022/lib/date-picker/date-picker.component.mjs +1 -1
- package/esm2022/lib/double-date-picker/double-date-picker.component.mjs +1 -1
- package/esm2022/lib/menu-item/menu-item.component.mjs +26 -3
- package/esm2022/lib/page-not-found/page-not-found.component.mjs +1 -1
- package/esm2022/lib/section-collapse-drawer-parent/section-collapse-drawer-parent.component.mjs +3 -3
- package/esm2022/lib/support-panel/support-panel.component.mjs +1 -1
- package/esm2022/lib/toolbar-user-menu/toolbar-user-menu.component.mjs +3 -3
- package/fesm2022/litigiovirtual-ius-design-components.mjs +87 -31
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/button-auth/button-auth.component.d.ts +3 -1
- package/lib/button-dynamic/button-dynamic.component.d.ts +3 -1
- package/lib/button-standard-outline/button-standard-outline.component.d.ts +3 -1
- package/lib/button-standard-primary/button-standard-primary.component.d.ts +3 -1
- package/lib/button-standard-tertiary/button-standard-tertiary.component.d.ts +3 -1
- package/lib/button-standard-tertiary-small/button-standard-tertiary-small.component.d.ts +3 -2
- package/lib/menu-item/menu-item.component.d.ts +7 -1
- package/package.json +1 -1
|
@@ -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,
|
|
@@ -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,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL21lbnUtaXRlbS9tZW51LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvbWVudS1pdGVtL21lbnUtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7QUFTMUQsTUFBTSxPQUFPLGlCQUFpQjtJQVA5QjtRQVNXLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUVkLG9CQUFlLEdBQTBCLFNBQVMsQ0FBQztRQUNuRCxxQkFBZ0IsR0FBMEIsU0FBUyxDQUFDO1FBQ3BELHFCQUFnQixHQUEwQixTQUFTLENBQUM7UUFDbkQsa0JBQWEsR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVqRSxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLGNBQVMsR0FBRyxLQUFLLENBQUM7S0FxQm5CO0lBbkJDLElBQUksU0FBUztRQUNYLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ25CLE9BQU8sU0FBUyxDQUFDO1FBQ25CLENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDOUIsQ0FBQztRQUNELElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ25CLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDO1FBQy9CLENBQUM7UUFDRCxPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUMvQixDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxLQUFLLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzVCLENBQUM7SUFDSCxDQUFDOytHQTlCVSxpQkFBaUI7bUdBQWpCLGlCQUFpQiw0VENaOUIsaWpCQVVTLGlwRURGRyxlQUFlLHNGQUFFLFlBQVksNkhBQUUsY0FBYzs7NEZBSTVDLGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFDRSxlQUFlLGNBQ2IsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLFlBQVksRUFBRSxjQUFjLENBQUM7OEJBTS9DLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDSSxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSWNvbk1kQ29tcG9uZW50IH0gZnJvbSBcIi4uL2ljb24tbWQvaWNvbi1tZC5jb21wb25lbnRcIjtcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQmFkZ2VDb21wb25lbnQgfSBmcm9tIFwiLi4vYmFkZ2UvYmFkZ2UuY29tcG9uZW50XCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1tZW51LWl0ZW0nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0ljb25NZENvbXBvbmVudCwgQ29tbW9uTW9kdWxlLCBCYWRnZUNvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21lbnUtaXRlbS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL21lbnUtaXRlbS5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIE1lbnVJdGVtQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgaXNBY3RpdmUgPSBmYWxzZTtcclxuICBASW5wdXQoKSBpY29uTmFtZSA9ICcnO1xyXG4gIEBJbnB1dCgpIG51bWJlckFsZXJ0cz8gOiBudW1iZXI7XHJcbiAgQElucHV0KCkgaWNvbkNvbG9yQWN0aXZlOiAnIzk5Q0MzMycgfCAnIzU5NTk1OScgPSAnIzk5Q0MzMyc7XHJcbiAgQElucHV0KCkgaWNvbkNvbG9yRGVmYXVsdDogJyM5OUNDMzMnIHwgJyM1OTU5NTknID0gJyM5OUNDMzMnO1xyXG4gIEBJbnB1dCgpIGljb25Db2xvckhvdmVyZWQ6ICcjOTlDQzMzJyB8ICcjNTk1OTU5JyA9ICcjOTlDQzMzJztcclxuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBpc0hvdmVyZWQgPSBmYWxzZTtcclxuICBpc1ByZXNzZWQgPSBmYWxzZTtcclxuXHJcbiAgZ2V0IGljb25Db2xvcigpOiBzdHJpbmcge1xyXG4gICAgaWYgKHRoaXMuaXNQcmVzc2VkKSB7XHJcbiAgICAgIHJldHVybiAnI0ZGRkZGRic7XHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5pc0FjdGl2ZSkge1xyXG4gICAgICByZXR1cm4gdGhpcy5pY29uQ29sb3JBY3RpdmU7XHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5pc0hvdmVyZWQpIHtcclxuICAgICAgcmV0dXJuIHRoaXMuaWNvbkNvbG9ySG92ZXJlZDtcclxuICAgIH1cclxuICAgIHJldHVybiB0aGlzLmljb25Db2xvckRlZmF1bHQ7XHJcbiAgfVxyXG5cclxuICBvbkNsaWNrKCkge1xyXG4gICAgaWYgKHRoaXMuaXNBY3RpdmUgPT0gZmFsc2UpIHtcclxuICAgICAgdGhpcy5idXR0b25DbGlja2VkLmVtaXQoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG59XHJcbiIsIjxidXR0b24gKGNsaWNrKT1cIm9uQ2xpY2soKVwiIGNsYXNzPVwiaXVzLWJ0blwiIFtuZ0NsYXNzXT1cInsnaXNBY3RpdmUnOiBpc0FjdGl2ZX1cIlxyXG4gICAgKG1vdXNlZW50ZXIpPVwiaXNIb3ZlcmVkID0gdHJ1ZVwiIChtb3VzZWxlYXZlKT1cImlzSG92ZXJlZCA9IGZhbHNlOyBpc1ByZXNzZWQgPSBmYWxzZVwiXHJcbiAgICAobW91c2Vkb3duKT1cImlzUHJlc3NlZCA9IHRydWVcIiAobW91c2V1cCk9XCJpc1ByZXNzZWQgPSBmYWxzZVwiPlxyXG4gICAgPGl1cy1pY29uLW1kIFtpY29uTmFtZV09XCJpY29uTmFtZVwiIFtjb2xvcl09XCJpY29uQ29sb3JcIiBjbGFzcz1cImljb24tY29sb3JcIj48L2l1cy1pY29uLW1kPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cclxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICAgIEBpZiAobnVtYmVyQWxlcnRzKSB7XHJcbiAgICA8aXVzLWJhZGdlIGNsYXNzPVwiYmFkZ2VcIiBbbnVtYmVyXT1cIm51bWJlckFsZXJ0c1wiPjwvaXVzLWJhZGdlPlxyXG4gICAgfVxyXG48L2J1dHRvbj4iXX0=
|
|
@@ -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:#
|
|
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:#
|
|
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,
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi1jb2xsYXBzZS1kcmF3ZXItcGFyZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL3NlY3Rpb24tY29sbGFwc2UtZHJhd2VyLXBhcmVudC9zZWN0aW9uLWNvbGxhcHNlLWRyYXdlci1wYXJlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvc2VjdGlvbi1jb2xsYXBzZS1kcmF3ZXItcGFyZW50L3NlY3Rpb24tY29sbGFwc2UtZHJhd2VyLXBhcmVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEdBQUcsTUFBTSxxQkFBcUIsQ0FBQztBQUNsRixPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7OztBQTRCL0QsTUFBTSxPQUFPLG9DQUFvQztJQTFCakQ7UUEyQlcsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGNBQVMsR0FBRyxPQUFPLENBQUM7UUFDcEIsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUNiLGtCQUFhLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7S0FRbEU7SUFMQyxPQUFPO1FBQ0wsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUE7UUFDOUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM1QixDQUFDOytHQVhVLG9DQUFvQzttR0FBcEMsb0NBQW9DLGlQQ2hDakQsOGtCQWVDLGlqRUROVyxZQUFZLDZIQUFFLGVBQWUsdUZBQUUsZUFBZSx5RUFHNUM7WUFDVixPQUFPLENBQUMsWUFBWSxFQUFFO2dCQUNwQixLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQztvQkFDbEIsTUFBTSxFQUFFLEtBQUs7b0JBQ2IsT0FBTyxFQUFFLENBQUM7b0JBQ1YsUUFBUSxFQUFFLFFBQVE7aUJBQ25CLENBQUMsQ0FBQztnQkFDSCxLQUFLLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQztvQkFDZixNQUFNLEVBQUUsR0FBRztvQkFDWCxPQUFPLEVBQUUsQ0FBQztpQkFDWCxDQUFDLENBQUM7Z0JBQ0gsVUFBVSxDQUFDLFdBQVcsRUFBRTtvQkFDdEIsT0FBTyxDQUFDLGVBQWUsQ0FBQztpQkFDekIsQ0FBQztnQkFDRixVQUFVLENBQUMsV0FBVyxFQUFFO29CQUN0QixPQUFPLENBQUMsZ0JBQWdCLENBQUM7aUJBQzFCLENBQUM7YUFDSCxDQUFDO1NBQ0g7OzRGQUVVLG9DQUFvQztrQkExQmhELFNBQVM7K0JBQ0Usb0NBQW9DLGNBQ2xDLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLEVBQUUsZUFBZSxDQUFDLGNBRzdDO3dCQUNWLE9BQU8sQ0FBQyxZQUFZLEVBQUU7NEJBQ3BCLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDO2dDQUNsQixNQUFNLEVBQUUsS0FBSztnQ0FDYixPQUFPLEVBQUUsQ0FBQztnQ0FDVixRQUFRLEVBQUUsUUFBUTs2QkFDbkIsQ0FBQyxDQUFDOzRCQUNILEtBQUssQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDO2dDQUNmLE1BQU0sRUFBRSxHQUFHO2dDQUNYLE9BQU8sRUFBRSxDQUFDOzZCQUNYLENBQUMsQ0FBQzs0QkFDSCxVQUFVLENBQUMsV0FBVyxFQUFFO2dDQUN0QixPQUFPLENBQUMsZUFBZSxDQUFDOzZCQUN6QixDQUFDOzRCQUNGLFVBQVUsQ0FBQyxXQUFXLEVBQUU7Z0NBQ3RCLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQzs2QkFDMUIsQ0FBQzt5QkFDSCxDQUFDO3FCQUNIOzhCQUdRLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IHRyaWdnZXIsIHRyYW5zaXRpb24sIHN0eWxlLCBhbmltYXRlLCBzdGF0ZSwgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSWNvblNtQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbi1zbS9pY29uLXNtLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEljb25NZENvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uLW1kL2ljb24tbWQuY29tcG9uZW50XCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1zZWN0aW9uLWNvbGxhcHNlLWRyYXdlci1wYXJlbnQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvblNtQ29tcG9uZW50LCBJY29uTWRDb21wb25lbnRdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWN0aW9uLWNvbGxhcHNlLWRyYXdlci1wYXJlbnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9zZWN0aW9uLWNvbGxhcHNlLWRyYXdlci1wYXJlbnQuY29tcG9uZW50LnNjc3MnLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoJ3NsaWRlSW5PdXQnLCBbXHJcbiAgICAgIHN0YXRlKCd2b2lkJywgc3R5bGUoe1xyXG4gICAgICAgIGhlaWdodDogJzBweCcsXHJcbiAgICAgICAgb3BhY2l0eTogMCxcclxuICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbidcclxuICAgICAgfSkpLFxyXG4gICAgICBzdGF0ZSgnKicsIHN0eWxlKHtcclxuICAgICAgICBoZWlnaHQ6ICcqJyxcclxuICAgICAgICBvcGFjaXR5OiAxXHJcbiAgICAgIH0pKSxcclxuICAgICAgdHJhbnNpdGlvbigndm9pZCA9PiAqJywgW1xyXG4gICAgICAgIGFuaW1hdGUoJzM3MG1zIGVhc2UtaW4nKVxyXG4gICAgICBdKSxcclxuICAgICAgdHJhbnNpdGlvbignKiA9PiB2b2lkJywgW1xyXG4gICAgICAgIGFuaW1hdGUoJzM3MG1zIGVhc2Utb3V0JylcclxuICAgICAgXSlcclxuICAgIF0pXHJcbiAgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNlY3Rpb25Db2xsYXBzZURyYXdlclBhcmVudENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgaXNBY3RpdmUgPSBmYWxzZTtcclxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHRleHRUaXRsZSA9ICdUaXRsZSc7XHJcbiAgQElucHV0KCkgaWNvbk5hbWUgPSAnJztcclxuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuXHJcbiAgb25DbGljaygpIHtcclxuICAgIHRoaXMuaXNBY3RpdmUgPSAhdGhpcy5pc0FjdGl2ZVxyXG4gICAgdGhpcy5idXR0b25DbGlja2VkLmVtaXQoKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJkcm9wZG93bi1jb250YWluZXJcIj5cclxuICA8YnV0dG9uIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIChjbGljayk9XCJvbkNsaWNrKClcIiBjbGFzcz1cIml1cy1idG5cIiBbbmdDbGFzc109XCJ7IGlzQWN0aXZlOiBpc0FjdGl2ZSB9XCI+XHJcbiAgICBAaWYoaWNvbk5hbWUgIT09ICcnKSB7XHJcbiAgICA8aXVzLWljb24tbWQgW2ljb25OYW1lXT1cImljb25OYW1lXCIgY2xhc3M9XCJpY29uLWNvbG9yXCI+PC9pdXMtaWNvbi1tZD5cclxuICAgIH1cclxuICAgIDxzcGFuPnt7dGV4dFRpdGxlfX08L3NwYW4+XHJcbiAgICA8aXVzLWljb24tc20gY2xhc3M9XCJhcnJvd1wiXHJcbiAgICAgIFtpY29uTmFtZV09XCJpc0FjdGl2ZSAmJiAhZGlzYWJsZWQgPyAnaWNvbi1rZXlib2FyZC1hcnJvdy11cCcgOiAnaWNvbi1rZXlib2FyZC1hcnJvdy1kb3duJ1wiPlxyXG4gICAgPC9pdXMtaWNvbi1zbT5cclxuICA8L2J1dHRvbj5cclxuPC9kaXY+XHJcbkBpZiAoaXNBY3RpdmUgJiYgIWRpc2FibGVkKSB7XHJcbjxkaXYgQHNsaWRlSW5PdXQ+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxufSJdfQ==
|
|
@@ -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,
|