@litigiovirtual/ius-design-components 1.0.228 → 1.0.229
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/avatar-v2/avatar-v2.component.mjs +74 -0
- package/esm2022/lib/avatar-v2/index.mjs +2 -0
- package/esm2022/lib/support-panel/support-panel.component.mjs +3 -3
- package/esm2022/public-api.mjs +2 -2
- package/fesm2022/litigiovirtual-ius-design-components.mjs +52 -76
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/avatar-v2/avatar-v2.component.d.ts +23 -0
- package/lib/avatar-v2/index.d.ts +1 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -1
- package/esm2022/lib/create-ticket/create-ticket.component.mjs +0 -99
- package/esm2022/lib/create-ticket/index.mjs +0 -2
- package/lib/create-ticket/create-ticket.component.d.ts +0 -57
- package/lib/create-ticket/index.d.ts +0 -1
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
3
|
+
import { IconXsComponent } from '../icon-xs';
|
|
4
|
+
import { IconSmComponent } from '../icon-sm';
|
|
5
|
+
import { IconMdComponent } from '../icon-md';
|
|
6
|
+
import { IconXlComponent } from '../icon-xl';
|
|
7
|
+
import { IconXxlComponent } from '../icon-xxl';
|
|
8
|
+
import { IconLgComponent } from "../icon-lg";
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
import * as i1 from "@angular/common";
|
|
11
|
+
export class AvatarV2Component {
|
|
12
|
+
constructor() {
|
|
13
|
+
this.size = 'md';
|
|
14
|
+
this.shape = 'circle';
|
|
15
|
+
this.showEditButton = false;
|
|
16
|
+
this.fallbackIconName = 'icon-account-circle';
|
|
17
|
+
this.editClicked = new EventEmitter();
|
|
18
|
+
this.initials = '';
|
|
19
|
+
}
|
|
20
|
+
get containerStyle() {
|
|
21
|
+
if (!this.imageUrl && this.backgroundColor) {
|
|
22
|
+
return { 'background-color': this.backgroundColor };
|
|
23
|
+
}
|
|
24
|
+
return {};
|
|
25
|
+
}
|
|
26
|
+
ngOnChanges(changes) {
|
|
27
|
+
if (changes['name']) {
|
|
28
|
+
this.initials = this.extractInitials(this.name);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
onEditClick(event) {
|
|
32
|
+
event.stopPropagation();
|
|
33
|
+
this.editClicked.emit();
|
|
34
|
+
}
|
|
35
|
+
extractInitials(name) {
|
|
36
|
+
if (!name?.trim())
|
|
37
|
+
return '';
|
|
38
|
+
const parts = name.trim().split(/\s+/);
|
|
39
|
+
if (parts.length === 1)
|
|
40
|
+
return parts[0].charAt(0).toUpperCase();
|
|
41
|
+
return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();
|
|
42
|
+
}
|
|
43
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AvatarV2Component, isStandalone: true, selector: "ius-avatar-v2", inputs: { imageUrl: "imageUrl", name: "name", size: "size", shape: "shape", showEditButton: "showEditButton", backgroundColor: "backgroundColor", fallbackIconName: "fallbackIconName" }, outputs: { editClicked: "editClicked" }, usesOnChanges: true, ngImport: i0, template: "<div\n class=\"avatar\"\n [ngClass]=\"[size, shape]\"\n [ngStyle]=\"containerStyle\"\n>\n @if (imageUrl) {\n <img [src]=\"imageUrl\" [alt]=\"name || 'avatar'\" class=\"avatar__image\" />\n } @else if (initials) {\n <span class=\"body-large\" style=\"color: var(--ColorText-colorTextPrimary, #333);\">{{ initials }}</span>\n } @else {\n @switch (size) {\n @case ('xs') {\n <ius-icon-xs [iconName]=\"fallbackIconName\"></ius-icon-xs>\n }\n @case ('sm') {\n <ius-icon-sm [iconName]=\"fallbackIconName\"></ius-icon-sm>\n }\n @case ('md') {\n <ius-icon-md [iconName]=\"fallbackIconName\"></ius-icon-md>\n }\n @case ('lg') {\n <ius-icon-lg [iconName]=\"fallbackIconName\"></ius-icon-lg>\n }\n @case ('xl') {\n <ius-icon-xl [iconName]=\"fallbackIconName\"></ius-icon-xl>\n }\n @case ('xxl') {\n <ius-icon-xxl [iconName]=\"fallbackIconName\"></ius-icon-xxl>\n }\n }\n }\n\n @if (showEditButton) {\n <div class=\"avatar__edit-overlay\" (click)=\"onEditClick($event)\">\n <div class=\"avatar__edit-btn\">\n <ius-icon-sm iconName=\"icon-edit\"></ius-icon-sm>\n </div>\n </div>\n }\n</div>\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}:host{display:inline-block}.avatar{position:relative;display:flex;justify-content:center;align-items:center;background-color:#e6fdff;overflow:hidden;flex-shrink:0}.avatar.circle{border-radius:50%}.avatar.square{border-radius:8px}.avatar.xs{width:14px;height:14px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}.avatar.xl{width:64px;height:64px}.avatar.xxl{width:96px;height:96px}.avatar__image{width:100%;height:100%;object-fit:cover;display:block}.avatar__edit-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:var(--Info-Color-Info-200, #C4DFFF);opacity:0;transition:opacity .2s ease;cursor:pointer}.avatar__edit-btn{display:flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:50%;background-color:#fff;color:#333;pointer-events:none}.avatar:hover .avatar__edit-overlay{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: IconXlComponent, selector: "ius-icon-xl", inputs: ["iconName", "color"] }, { kind: "component", type: IconXxlComponent, selector: "ius-icon-xxl", inputs: ["iconName", "color"] }, { kind: "component", type: IconLgComponent, selector: "ius-icon-lg", inputs: ["iconName", "color"] }] }); }
|
|
45
|
+
}
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarV2Component, decorators: [{
|
|
47
|
+
type: Component,
|
|
48
|
+
args: [{ selector: 'ius-avatar-v2', standalone: true, imports: [
|
|
49
|
+
CommonModule,
|
|
50
|
+
IconXsComponent,
|
|
51
|
+
IconSmComponent,
|
|
52
|
+
IconMdComponent,
|
|
53
|
+
IconXlComponent,
|
|
54
|
+
IconXxlComponent,
|
|
55
|
+
IconLgComponent
|
|
56
|
+
], template: "<div\n class=\"avatar\"\n [ngClass]=\"[size, shape]\"\n [ngStyle]=\"containerStyle\"\n>\n @if (imageUrl) {\n <img [src]=\"imageUrl\" [alt]=\"name || 'avatar'\" class=\"avatar__image\" />\n } @else if (initials) {\n <span class=\"body-large\" style=\"color: var(--ColorText-colorTextPrimary, #333);\">{{ initials }}</span>\n } @else {\n @switch (size) {\n @case ('xs') {\n <ius-icon-xs [iconName]=\"fallbackIconName\"></ius-icon-xs>\n }\n @case ('sm') {\n <ius-icon-sm [iconName]=\"fallbackIconName\"></ius-icon-sm>\n }\n @case ('md') {\n <ius-icon-md [iconName]=\"fallbackIconName\"></ius-icon-md>\n }\n @case ('lg') {\n <ius-icon-lg [iconName]=\"fallbackIconName\"></ius-icon-lg>\n }\n @case ('xl') {\n <ius-icon-xl [iconName]=\"fallbackIconName\"></ius-icon-xl>\n }\n @case ('xxl') {\n <ius-icon-xxl [iconName]=\"fallbackIconName\"></ius-icon-xxl>\n }\n }\n }\n\n @if (showEditButton) {\n <div class=\"avatar__edit-overlay\" (click)=\"onEditClick($event)\">\n <div class=\"avatar__edit-btn\">\n <ius-icon-sm iconName=\"icon-edit\"></ius-icon-sm>\n </div>\n </div>\n }\n</div>\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}:host{display:inline-block}.avatar{position:relative;display:flex;justify-content:center;align-items:center;background-color:#e6fdff;overflow:hidden;flex-shrink:0}.avatar.circle{border-radius:50%}.avatar.square{border-radius:8px}.avatar.xs{width:14px;height:14px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}.avatar.xl{width:64px;height:64px}.avatar.xxl{width:96px;height:96px}.avatar__image{width:100%;height:100%;object-fit:cover;display:block}.avatar__edit-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:var(--Info-Color-Info-200, #C4DFFF);opacity:0;transition:opacity .2s ease;cursor:pointer}.avatar__edit-btn{display:flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:50%;background-color:#fff;color:#333;pointer-events:none}.avatar:hover .avatar__edit-overlay{opacity:1}\n"] }]
|
|
57
|
+
}], propDecorators: { imageUrl: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], name: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], size: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], shape: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}], showEditButton: [{
|
|
66
|
+
type: Input
|
|
67
|
+
}], backgroundColor: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}], fallbackIconName: [{
|
|
70
|
+
type: Input
|
|
71
|
+
}], editClicked: [{
|
|
72
|
+
type: Output
|
|
73
|
+
}] } });
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLXYyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2F2YXRhci12Mi9hdmF0YXItdjIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvYXZhdGFyLXYyL2F2YXRhci12Mi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDakcsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUM3QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQzdDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDN0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUM3QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFlBQVksQ0FBQzs7O0FBb0I3QyxNQUFNLE9BQU8saUJBQWlCO0lBZjlCO1FBa0JXLFNBQUksR0FBaUIsSUFBSSxDQUFDO1FBQzFCLFVBQUssR0FBa0IsUUFBUSxDQUFDO1FBQ2hDLG1CQUFjLEdBQVksS0FBSyxDQUFDO1FBRWhDLHFCQUFnQixHQUFXLHFCQUFxQixDQUFDO1FBRWhELGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUVqRCxhQUFRLEdBQVcsRUFBRSxDQUFDO0tBMEJ2QjtJQXhCQyxJQUFJLGNBQWM7UUFDaEIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQzNDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDdEQsQ0FBQztRQUNELE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDbEQsQ0FBQztJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsS0FBaUI7UUFDM0IsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVPLGVBQWUsQ0FBQyxJQUFhO1FBQ25DLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFO1lBQUUsT0FBTyxFQUFFLENBQUM7UUFDN0IsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QyxJQUFJLEtBQUssQ0FBQyxNQUFNLEtBQUssQ0FBQztZQUFFLE9BQU8sS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNoRSxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNoRixDQUFDOytHQXBDVSxpQkFBaUI7bUdBQWpCLGlCQUFpQixpVUMzQjlCLDJzQ0F3Q0EsNDZFRHhCSSxZQUFZLGtOQUNaLGVBQWUsdUZBQ2YsZUFBZSx1RkFDZixlQUFlLHVGQUNmLGVBQWUsdUZBQ2YsZ0JBQWdCLHdGQUNoQixlQUFlOzs0RkFLTixpQkFBaUI7a0JBZjdCLFNBQVM7K0JBQ0UsZUFBZSxjQUNiLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLGVBQWU7d0JBQ2YsZUFBZTt3QkFDZixlQUFlO3dCQUNmLGVBQWU7d0JBQ2YsZ0JBQWdCO3dCQUNoQixlQUFlO3FCQUNsQjs4QkFLVSxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uWHNDb21wb25lbnQgfSBmcm9tICcuLi9pY29uLXhzJztcbmltcG9ydCB7IEljb25TbUNvbXBvbmVudCB9IGZyb20gJy4uL2ljb24tc20nO1xuaW1wb3J0IHsgSWNvbk1kQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbi1tZCc7XG5pbXBvcnQgeyBJY29uWGxDb21wb25lbnQgfSBmcm9tICcuLi9pY29uLXhsJztcbmltcG9ydCB7IEljb25YeGxDb21wb25lbnQgfSBmcm9tICcuLi9pY29uLXh4bCc7XG5pbXBvcnQgeyBJY29uTGdDb21wb25lbnQgfSBmcm9tIFwiLi4vaWNvbi1sZ1wiO1xuXG5leHBvcnQgdHlwZSBBdmF0YXJWMlNpemUgPSAneHMnIHwgJ3NtJyB8ICdtZCcgfCAnbGcnIHwgJ3hsJyB8ICd4eGwnO1xuZXhwb3J0IHR5cGUgQXZhdGFyVjJTaGFwZSA9ICdjaXJjbGUnIHwgJ3NxdWFyZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2l1cy1hdmF0YXItdjInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEljb25Yc0NvbXBvbmVudCxcbiAgICBJY29uU21Db21wb25lbnQsXG4gICAgSWNvbk1kQ29tcG9uZW50LFxuICAgIEljb25YbENvbXBvbmVudCxcbiAgICBJY29uWHhsQ29tcG9uZW50LFxuICAgIEljb25MZ0NvbXBvbmVudFxuXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2F2YXRhci12Mi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9hdmF0YXItdjIuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBBdmF0YXJWMkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIGltYWdlVXJsPzogc3RyaW5nO1xuICBASW5wdXQoKSBuYW1lPzogc3RyaW5nO1xuICBASW5wdXQoKSBzaXplOiBBdmF0YXJWMlNpemUgPSAnbWQnO1xuICBASW5wdXQoKSBzaGFwZTogQXZhdGFyVjJTaGFwZSA9ICdjaXJjbGUnO1xuICBASW5wdXQoKSBzaG93RWRpdEJ1dHRvbjogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBiYWNrZ3JvdW5kQ29sb3I/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGZhbGxiYWNrSWNvbk5hbWU6IHN0cmluZyA9ICdpY29uLWFjY291bnQtY2lyY2xlJztcblxuICBAT3V0cHV0KCkgZWRpdENsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgaW5pdGlhbHM6IHN0cmluZyA9ICcnO1xuXG4gIGdldCBjb250YWluZXJTdHlsZSgpOiB7IFtrZXk6IHN0cmluZ106IHN0cmluZyB9IHtcbiAgICBpZiAoIXRoaXMuaW1hZ2VVcmwgJiYgdGhpcy5iYWNrZ3JvdW5kQ29sb3IpIHtcbiAgICAgIHJldHVybiB7ICdiYWNrZ3JvdW5kLWNvbG9yJzogdGhpcy5iYWNrZ3JvdW5kQ29sb3IgfTtcbiAgICB9XG4gICAgcmV0dXJuIHt9O1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzWyduYW1lJ10pIHtcbiAgICAgIHRoaXMuaW5pdGlhbHMgPSB0aGlzLmV4dHJhY3RJbml0aWFscyh0aGlzLm5hbWUpO1xuICAgIH1cbiAgfVxuXG4gIG9uRWRpdENsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgdGhpcy5lZGl0Q2xpY2tlZC5lbWl0KCk7XG4gIH1cblxuICBwcml2YXRlIGV4dHJhY3RJbml0aWFscyhuYW1lPzogc3RyaW5nKTogc3RyaW5nIHtcbiAgICBpZiAoIW5hbWU/LnRyaW0oKSkgcmV0dXJuICcnO1xuICAgIGNvbnN0IHBhcnRzID0gbmFtZS50cmltKCkuc3BsaXQoL1xccysvKTtcbiAgICBpZiAocGFydHMubGVuZ3RoID09PSAxKSByZXR1cm4gcGFydHNbMF0uY2hhckF0KDApLnRvVXBwZXJDYXNlKCk7XG4gICAgcmV0dXJuIChwYXJ0c1swXS5jaGFyQXQoMCkgKyBwYXJ0c1twYXJ0cy5sZW5ndGggLSAxXS5jaGFyQXQoMCkpLnRvVXBwZXJDYXNlKCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJhdmF0YXJcIlxuICBbbmdDbGFzc109XCJbc2l6ZSwgc2hhcGVdXCJcbiAgW25nU3R5bGVdPVwiY29udGFpbmVyU3R5bGVcIlxuPlxuICBAaWYgKGltYWdlVXJsKSB7XG4gICAgPGltZyBbc3JjXT1cImltYWdlVXJsXCIgW2FsdF09XCJuYW1lIHx8ICdhdmF0YXInXCIgY2xhc3M9XCJhdmF0YXJfX2ltYWdlXCIgLz5cbiAgfSBAZWxzZSBpZiAoaW5pdGlhbHMpIHtcbiAgICA8c3BhbiBjbGFzcz1cImJvZHktbGFyZ2VcIiBzdHlsZT1cImNvbG9yOiB2YXIoLS1Db2xvclRleHQtY29sb3JUZXh0UHJpbWFyeSwgIzMzMyk7XCI+e3sgaW5pdGlhbHMgfX08L3NwYW4+XG4gIH0gQGVsc2Uge1xuICAgIEBzd2l0Y2ggKHNpemUpIHtcbiAgICAgIEBjYXNlICgneHMnKSB7XG4gICAgICAgIDxpdXMtaWNvbi14cyBbaWNvbk5hbWVdPVwiZmFsbGJhY2tJY29uTmFtZVwiPjwvaXVzLWljb24teHM+XG4gICAgICB9XG4gICAgICBAY2FzZSAoJ3NtJykge1xuICAgICAgICA8aXVzLWljb24tc20gW2ljb25OYW1lXT1cImZhbGxiYWNrSWNvbk5hbWVcIj48L2l1cy1pY29uLXNtPlxuICAgICAgfVxuICAgICAgQGNhc2UgKCdtZCcpIHtcbiAgICAgICAgPGl1cy1pY29uLW1kIFtpY29uTmFtZV09XCJmYWxsYmFja0ljb25OYW1lXCI+PC9pdXMtaWNvbi1tZD5cbiAgICAgIH1cbiAgICAgIEBjYXNlICgnbGcnKSB7XG4gICAgICAgIDxpdXMtaWNvbi1sZyBbaWNvbk5hbWVdPVwiZmFsbGJhY2tJY29uTmFtZVwiPjwvaXVzLWljb24tbGc+XG4gICAgICB9XG4gICAgICBAY2FzZSAoJ3hsJykge1xuICAgICAgICA8aXVzLWljb24teGwgW2ljb25OYW1lXT1cImZhbGxiYWNrSWNvbk5hbWVcIj48L2l1cy1pY29uLXhsPlxuICAgICAgfVxuICAgICAgQGNhc2UgKCd4eGwnKSB7XG4gICAgICAgIDxpdXMtaWNvbi14eGwgW2ljb25OYW1lXT1cImZhbGxiYWNrSWNvbk5hbWVcIj48L2l1cy1pY29uLXh4bD5cbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBAaWYgKHNob3dFZGl0QnV0dG9uKSB7XG4gICAgPGRpdiBjbGFzcz1cImF2YXRhcl9fZWRpdC1vdmVybGF5XCIgKGNsaWNrKT1cIm9uRWRpdENsaWNrKCRldmVudClcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJhdmF0YXJfX2VkaXQtYnRuXCI+XG4gICAgICAgIDxpdXMtaWNvbi1zbSBpY29uTmFtZT1cImljb24tZWRpdFwiPjwvaXVzLWljb24tc20+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgfVxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './avatar-v2.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9hdmF0YXItdjIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYXZhdGFyLXYyLmNvbXBvbmVudCc7XHJcblxyXG4iXX0=
|
|
@@ -30,11 +30,11 @@ 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:0 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"] }] }); }
|
|
34
34
|
}
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SupportPanelComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
|
-
args: [{ selector: 'ius-support-panel', standalone: true, imports: [DrawerContainerRightComponent, SectionCollapseDrawerParentComponent, ButtonStandardTertiaryComponent], 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"] }]
|
|
37
|
+
args: [{ selector: 'ius-support-panel', standalone: true, imports: [DrawerContainerRightComponent, SectionCollapseDrawerParentComponent, ButtonStandardTertiaryComponent], 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:0 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"] }]
|
|
38
38
|
}], propDecorators: { onCloseForm: [{
|
|
39
39
|
type: Output
|
|
40
40
|
}], onClickAddTicket: [{
|
|
@@ -42,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
42
42
|
}], onClickShowTickets: [{
|
|
43
43
|
type: Output
|
|
44
44
|
}] } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VwcG9ydC1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9zdXBwb3J0LXBhbmVsL3N1cHBvcnQtcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvc3VwcG9ydC1wYW5lbC9zdXBwb3J0LXBhbmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRSxPQUFPLEVBQUUsb0NBQW9DLEVBQUUsTUFBTSw0RUFBNEUsQ0FBQztBQUNsSSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUMzRyxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQzs7QUFTakgsTUFBTSxPQUFPLHFCQUFxQjtJQVBsQztRQVNZLGdCQUFXLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDckQscUJBQWdCLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDMUQsdUJBQWtCLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFdEUsdUJBQWtCLEdBQUcsR0FBRyxDQUFDO1FBQ3pCLDBCQUFxQixHQUFFLElBQUksQ0FBQztRQUM1QixxQkFBZ0IsR0FBRyxLQUFLLENBQUM7S0F1QjFCO0lBckJDLHFCQUFxQjtRQUNuQixJQUFJLENBQUMscUJBQXFCLEdBQUcsSUFBSSxDQUFDO1FBQ2xDLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxLQUFLLENBQUM7SUFDaEMsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxLQUFLLENBQUM7UUFDbkMsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQztJQUMvQixDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDakMsQ0FBQzsrR0E5QlUscUJBQXFCO21HQUFyQixxQkFBcUIsc01DWmxDLDh1REE2QjZCLCt0RURyQmpCLDZCQUE2Qix5S0FBRSxvQ0FBb0Msc0tBQUUsK0JBQStCOzs0RkFJbkcscUJBQXFCO2tCQVBqQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1AsQ0FBQyw2QkFBNkIsRUFBRSxvQ0FBb0MsRUFBRSwrQkFBK0IsQ0FBQzs4QkFNckcsV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQ0csa0JBQWtCO3NCQUEzQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTZWN0aW9uQ29sbGFwc2VEcmF3ZXJQYXJlbnRDb21wb25lbnQgfSBmcm9tIFwiLi4vc2VjdGlvbi1jb2xsYXBzZS1kcmF3ZXItcGFyZW50L3NlY3Rpb24tY29sbGFwc2UtZHJhd2VyLXBhcmVudC5jb21wb25lbnRcIjtcclxuaW1wb3J0IHsgRHJhd2VyQ29udGFpbmVyUmlnaHRDb21wb25lbnQgfSBmcm9tIFwiLi4vZHJhd2VyLWNvbnRhaW5lci1yaWdodC9kcmF3ZXItY29udGFpbmVyLXJpZ2h0LmNvbXBvbmVudFwiO1xyXG5pbXBvcnQgeyBCdXR0b25TdGFuZGFyZFRlcnRpYXJ5Q29tcG9uZW50IH0gZnJvbSBcIi4uL2J1dHRvbi1zdGFuZGFyZC10ZXJ0aWFyeS9idXR0b24tc3RhbmRhcmQtdGVydGlhcnkuY29tcG9uZW50XCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1zdXBwb3J0LXBhbmVsJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtEcmF3ZXJDb250YWluZXJSaWdodENvbXBvbmVudCwgU2VjdGlvbkNvbGxhcHNlRHJhd2VyUGFyZW50Q29tcG9uZW50LCBCdXR0b25TdGFuZGFyZFRlcnRpYXJ5Q29tcG9uZW50XSxcclxuICB0ZW1wbGF0ZVVybDogJy4vc3VwcG9ydC1wYW5lbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3N1cHBvcnQtcGFuZWwuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdXBwb3J0UGFuZWxDb21wb25lbnQge1xyXG5cclxuICBAT3V0cHV0KCkgb25DbG9zZUZvcm06IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgb25DbGlja0FkZFRpY2tldDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBvbkNsaWNrU2hvd1RpY2tldHM6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgcGVyY2VudFByb2dyZXNzQmFyID0gMTAwO1xyXG4gIGlzRXhwYW5kU3VwcG9ydFRpY2tldD0gdHJ1ZTtcclxuICBpc0V4cGFuZFF1ZXN0aW9uID0gZmFsc2U7XHJcblxyXG4gIG9uRXhwYW5kU3VwcG9ydFRpY2tldCgpIHtcclxuICAgIHRoaXMuaXNFeHBhbmRTdXBwb3J0VGlja2V0ID0gdHJ1ZTtcclxuICAgIHRoaXMuaXNFeHBhbmRRdWVzdGlvbiA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgb25FeHBhbmRRdWVzdGlvbigpIHtcclxuICAgIHRoaXMuaXNFeHBhbmRTdXBwb3J0VGlja2V0ID0gZmFsc2U7XHJcbiAgICB0aGlzLmlzRXhwYW5kUXVlc3Rpb24gPSB0cnVlO1xyXG4gIH1cclxuXHJcbiAgb25DbG9zZSgpIHtcclxuICAgIHRoaXMub25DbG9zZUZvcm0uZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgb25BZGRUaWNrZXQoKSB7XHJcbiAgICB0aGlzLm9uQ2xpY2tBZGRUaWNrZXQuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgb25TaG93VGlja2V0cygpIHtcclxuICAgIHRoaXMub25DbGlja1Nob3dUaWNrZXRzLmVtaXQoKTtcclxuICB9XHJcbn1cclxuIiwiPGl1cy1kcmF3ZXItY29udGFpbmVyLXJpZ2h0IFt0aXRsZURyYXdlcl09XCInUGFuZWwgZGUgc29wb3J0ZSB5IGF5dWRhJ1wiIChvbkRyYXdlckNsb3NlZCk9XCJvbkNsb3NlKClcIlxyXG4gICAgW3BlcmNlbnRQcm9ncmVzc0Jhcl09XCIwXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImZvcm0gYmV0d2Vlbi14c1wiPlxyXG4gICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkZXItZ2VuZXJhbFwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiaDVcIj5QYW5lbCBkZSBzb3BvcnRlIHkgYXl1ZGE8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LXRleHRcIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYm9keS1iYXNlLTFcIj7CoUhvbGEsIGFxdcOtIGVuY29udHJhcmFzIHNvbHVjaW9uZXMgY2xhcmFzIHkgYWNvbXBhw7FhbWllbnRvIHNpZW1wcmUgcXVlIGxvXHJcbiAgICAgICAgICAgICAgICAgICAgcmVxdWllcmFzITwvc3Bhbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxpdXMtc2VjdGlvbi1jb2xsYXBzZS1kcmF3ZXItcGFyZW50IHRleHRUaXRsZT1cIlRpY2tldHMgZGUgc29wb3J0ZVwiIFtkaXNhYmxlZF09XCJmYWxzZVwiXHJcbiAgICAgICAgICAgICAgICBbaXNBY3RpdmVdPVwiaXNFeHBhbmRTdXBwb3J0VGlja2V0XCIgKGJ1dHRvbkNsaWNrZWQpPVwib25FeHBhbmRTdXBwb3J0VGlja2V0KClcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZWN0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGl1cy1idXR0b24tc3RhbmRhcmQtdGVydGlhcnkgW2ljb25OYW1lXT1cIidpY29uLXRpY2tldCdcIiAoYnV0dG9uQ2xpY2tlZCk9XCJvblNob3dUaWNrZXRzKClcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+Q29uc3VsdGFyIG1pcyB0aWNrZXRzPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvaXVzLWJ1dHRvbi1zdGFuZGFyZC10ZXJ0aWFyeT5cclxuICAgICAgICAgICAgICAgICAgICA8aXVzLWJ1dHRvbi1zdGFuZGFyZC10ZXJ0aWFyeSBbaWNvbk5hbWVdPVwiJ2ljb24tYWRkJ1wiIChidXR0b25DbGlja2VkKT1cIm9uQWRkVGlja2V0KClcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+UmFkaWNhciBudWV2byB0aWNrZXQgZGUgc29wb3J0ZTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICA8L2l1cy1idXR0b24tc3RhbmRhcmQtdGVydGlhcnk+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9pdXMtc2VjdGlvbi1jb2xsYXBzZS1kcmF3ZXItcGFyZW50PlxyXG4gICAgICAgICAgICA8aXVzLXNlY3Rpb24tY29sbGFwc2UtZHJhd2VyLXBhcmVudCB0ZXh0VGl0bGU9XCJQcmVndW50YXMgZnJlY3VlbnRlc1wiIFtkaXNhYmxlZF09XCJmYWxzZVwiXHJcbiAgICAgICAgICAgICAgICBbaXNBY3RpdmVdPVwiaXNFeHBhbmRRdWVzdGlvblwiIChidXR0b25DbGlja2VkKT1cIm9uRXhwYW5kUXVlc3Rpb24oKVwiPlxyXG4gICAgICAgICAgICA8L2l1cy1zZWN0aW9uLWNvbGxhcHNlLWRyYXdlci1wYXJlbnQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9pdXMtZHJhd2VyLWNvbnRhaW5lci1yaWdodD4iXX0=
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -95,8 +95,8 @@ export * from './lib/support-panel';
|
|
|
95
95
|
export * from './lib/loading-component-dynamic';
|
|
96
96
|
export * from './lib/page-not-found';
|
|
97
97
|
export * from './lib/empty-list';
|
|
98
|
-
export * from './lib/
|
|
98
|
+
export * from './lib/avatar-v2';
|
|
99
99
|
//Directivas
|
|
100
100
|
export * from './lib/directives/popover.directive';
|
|
101
101
|
export * from './lib/directives/infinite-scroll.directive';
|
|
102
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
102
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxpQkFBaUIsQ0FBQztBQUtoQyxZQUFZO0FBQ1osY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLDRDQUE0QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXN0YW5kYXJkLXByaW1hcnknO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tc3RhbmRhcmQtc2Vjb25kYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXN0YW5kYXJkLXRlcnRpYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXN0YW5kYXJkLXRlcnRpYXJ5LXNtYWxsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXNxdWFyZWQtc2Vjb25kYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXNxdWFyZWQtdGVydGlhcnknO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tY2lyY2xlLXNlY29uZGFyeSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1keW5hbWljJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLWNpcmNsZS10ZXJ0aWFyeSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1hY2NvdW50cyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlY3Rpb24tY29sbGFwc2UtZHJhd2VyLXBhcmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlY3Rpb24tY29sbGFwc2UtZHJhd2VyLWNoaWxkJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbWVudS1pdGVtJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZG91YmxlLWRhdGUtcGlja2VyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGF0ZS1waWNrZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kYXRlLWhvdXItcGlja2VyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbmF2LXJhaWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWFyY2gtYmFyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtdGV4dGZpZWxkJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYmFkZ2UnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC1zZWxlY3QnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC1zZWxlY3QtbnVtYmVyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvb3B0aW9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHJvcGRvd24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kcm9wZG93bi11c2VyLW1lbnUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kcm9wZG93bi1vcHRpb24taXRlbSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24teHMnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLXNtJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi1tZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24tbGcnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLXhsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi14eGwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zaW1wbGUtZGl2aWRlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xpbmVhci1wcm9ncmVzcy1iYXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9sb2FkaW5nLWNpcmNsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyYXdlci1jb250YWluZXItcmlnaHQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zbGlkZS10b2dnbGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxpc3QtbW92aW1pZW50b3MnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWR5bmFtaWMtY29udGVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2F2YXRhci1pY29uJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2F0ZWdvcmllcyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2N1c3RvbS1kcm9wZG93bic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoaXAtdXNlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Rvb2xiYXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90b29sYmFyLXVzZXItbWVudSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1hdXRoJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtcGFzc3dvcmQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC1vdHAnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zbmFja2Jhcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoYXJ0cy1kb251dCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoYXJ0cy1iYXItZ3JvdXBlZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2JyZWFkY3J1bWInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi91c2VyLWNhcmQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zaW1wbGUtdXNlci1jYXJkJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2ltcGxlLWNoaXAnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaGlwJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2ltcGxlLWNhcmQtY29udGFkb3InO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kcm9wZG93bi1jb250ZXh0dWFsLW1lbnUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWdtZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbm90aWZpY2F0aW9uLWNhcmQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxpc3QtY29uc3Vtbyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoZWNrYm94JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2hlY2tib3gtcmFkaW8nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tb3JkZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tZmlsdGVyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtc2VsZWN0LWZpbHRlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtbGlzdC1wcm9jZXNvJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1ibG9jayc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtYnV0dG9uLWNoZWNrYm94JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvb3B0aW9uLWl0ZW0nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9maWx0ZXItaXRlbSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtcGxhbi1zdWJzY3JpcHRpb24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLXBsYW4tc21hbGwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLXVzby1wbGFuJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1nZXN0aW9uLWN1cG8nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWluZm8tZmFjdHVyYWNpb24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC1sYXJnZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtbG9nJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC10aXBvLXByb2Nlc28nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxpc3QtZHJhZy1vbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtY29sbGFwc2UtZGV0YWxsZS1wcm9jZXNvJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaXRlbS1kb2N1bWVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtdGlja2V0JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC12aWdpbGFuY2lhLWp1ZGljaWFsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLW1lbnUtbGluayc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtYWdlbmRhLWp1ZGljaWFsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1hY3RpdmlkYWQtZXZlbnRvJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1ldGFwYS1zdWJldGFwYSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtaW1wdWxzby1wcm9jZXNhbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhbGlmaWNhdGlvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FsZXJ0JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtY2FyZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL25vdGlmaWNhdGlvbnMnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zdXBwb3J0LXBhbmVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbG9hZGluZy1jb21wb25lbnQtZHluYW1pYyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BhZ2Utbm90LWZvdW5kJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZW1wdHktbGlzdCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2F2YXRhci12Mic7XHJcblxyXG5cclxuXHJcblxyXG4vL0RpcmVjdGl2YXNcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9wb3BvdmVyLmRpcmVjdGl2ZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpcmVjdGl2ZXMvaW5maW5pdGUtc2Nyb2xsLmRpcmVjdGl2ZSc7Il19
|
|
@@ -4171,11 +4171,11 @@ class SupportPanelComponent {
|
|
|
4171
4171
|
this.onClickShowTickets.emit();
|
|
4172
4172
|
}
|
|
4173
4173
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SupportPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4174
|
-
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"] }] }); }
|
|
4174
|
+
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:0 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"] }] }); }
|
|
4175
4175
|
}
|
|
4176
4176
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SupportPanelComponent, decorators: [{
|
|
4177
4177
|
type: Component,
|
|
4178
|
-
args: [{ selector: 'ius-support-panel', standalone: true, imports: [DrawerContainerRightComponent, SectionCollapseDrawerParentComponent, ButtonStandardTertiaryComponent], 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"] }]
|
|
4178
|
+
args: [{ selector: 'ius-support-panel', standalone: true, imports: [DrawerContainerRightComponent, SectionCollapseDrawerParentComponent, ButtonStandardTertiaryComponent], 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:0 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"] }]
|
|
4179
4179
|
}], propDecorators: { onCloseForm: [{
|
|
4180
4180
|
type: Output
|
|
4181
4181
|
}], onClickAddTicket: [{
|
|
@@ -7446,91 +7446,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7446
7446
|
type: Input
|
|
7447
7447
|
}] } });
|
|
7448
7448
|
|
|
7449
|
-
|
|
7450
|
-
* Dumb component. Solo UI del drawer "Crear Ticket".
|
|
7451
|
-
*
|
|
7452
|
-
* App padre provee tipos/razones (que vienen de su API), recibe el evento
|
|
7453
|
-
* submitTicket con el payload, y maneja el loading + resultado.
|
|
7454
|
-
*
|
|
7455
|
-
* Uso:
|
|
7456
|
-
* <ius-create-ticket
|
|
7457
|
-
* [tipos]="ticketTypes"
|
|
7458
|
-
* [razones]="ticketReasons"
|
|
7459
|
-
* [loading]="creatingTicket"
|
|
7460
|
-
* [lastResult]="ticketResult"
|
|
7461
|
-
* (submitTicket)="handleCreateTicket($event)"
|
|
7462
|
-
* (closeForm)="addTicket = false">
|
|
7463
|
-
* </ius-create-ticket>
|
|
7464
|
-
*/
|
|
7465
|
-
class CreateTicketComponent {
|
|
7449
|
+
class AvatarV2Component {
|
|
7466
7450
|
constructor() {
|
|
7467
|
-
this.
|
|
7468
|
-
this.
|
|
7469
|
-
this.
|
|
7470
|
-
this.
|
|
7471
|
-
this.
|
|
7472
|
-
this.
|
|
7473
|
-
this.tituloTicket = '';
|
|
7474
|
-
this.descripcionTicket = '';
|
|
7475
|
-
this.percentProgressBar = 100;
|
|
7476
|
-
this.isExpandGeneralInformation = true;
|
|
7477
|
-
}
|
|
7478
|
-
onClose() {
|
|
7479
|
-
this.closeForm.emit();
|
|
7480
|
-
}
|
|
7481
|
-
onExpandGeneralInformation() {
|
|
7482
|
-
this.isExpandGeneralInformation = true;
|
|
7451
|
+
this.size = 'md';
|
|
7452
|
+
this.shape = 'circle';
|
|
7453
|
+
this.showEditButton = false;
|
|
7454
|
+
this.fallbackIconName = 'icon-account-circle';
|
|
7455
|
+
this.editClicked = new EventEmitter();
|
|
7456
|
+
this.initials = '';
|
|
7483
7457
|
}
|
|
7484
|
-
|
|
7485
|
-
this.
|
|
7486
|
-
|
|
7487
|
-
|
|
7488
|
-
|
|
7458
|
+
get containerStyle() {
|
|
7459
|
+
if (!this.imageUrl && this.backgroundColor) {
|
|
7460
|
+
return { 'background-color': this.backgroundColor };
|
|
7461
|
+
}
|
|
7462
|
+
return {};
|
|
7489
7463
|
}
|
|
7490
|
-
|
|
7491
|
-
|
|
7464
|
+
ngOnChanges(changes) {
|
|
7465
|
+
if (changes['name']) {
|
|
7466
|
+
this.initials = this.extractInitials(this.name);
|
|
7467
|
+
}
|
|
7492
7468
|
}
|
|
7493
|
-
|
|
7494
|
-
|
|
7469
|
+
onEditClick(event) {
|
|
7470
|
+
event.stopPropagation();
|
|
7471
|
+
this.editClicked.emit();
|
|
7495
7472
|
}
|
|
7496
|
-
|
|
7497
|
-
if (
|
|
7498
|
-
return;
|
|
7499
|
-
|
|
7500
|
-
|
|
7501
|
-
|
|
7502
|
-
|
|
7503
|
-
tipoTicketID: this.typeSelected?.id,
|
|
7504
|
-
razonTicketID: this.reasonSelected?.id,
|
|
7505
|
-
});
|
|
7473
|
+
extractInitials(name) {
|
|
7474
|
+
if (!name?.trim())
|
|
7475
|
+
return '';
|
|
7476
|
+
const parts = name.trim().split(/\s+/);
|
|
7477
|
+
if (parts.length === 1)
|
|
7478
|
+
return parts[0].charAt(0).toUpperCase();
|
|
7479
|
+
return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();
|
|
7506
7480
|
}
|
|
7507
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type:
|
|
7508
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type:
|
|
7481
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7482
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AvatarV2Component, isStandalone: true, selector: "ius-avatar-v2", inputs: { imageUrl: "imageUrl", name: "name", size: "size", shape: "shape", showEditButton: "showEditButton", backgroundColor: "backgroundColor", fallbackIconName: "fallbackIconName" }, outputs: { editClicked: "editClicked" }, usesOnChanges: true, ngImport: i0, template: "<div\n class=\"avatar\"\n [ngClass]=\"[size, shape]\"\n [ngStyle]=\"containerStyle\"\n>\n @if (imageUrl) {\n <img [src]=\"imageUrl\" [alt]=\"name || 'avatar'\" class=\"avatar__image\" />\n } @else if (initials) {\n <span class=\"body-large\" style=\"color: var(--ColorText-colorTextPrimary, #333);\">{{ initials }}</span>\n } @else {\n @switch (size) {\n @case ('xs') {\n <ius-icon-xs [iconName]=\"fallbackIconName\"></ius-icon-xs>\n }\n @case ('sm') {\n <ius-icon-sm [iconName]=\"fallbackIconName\"></ius-icon-sm>\n }\n @case ('md') {\n <ius-icon-md [iconName]=\"fallbackIconName\"></ius-icon-md>\n }\n @case ('lg') {\n <ius-icon-lg [iconName]=\"fallbackIconName\"></ius-icon-lg>\n }\n @case ('xl') {\n <ius-icon-xl [iconName]=\"fallbackIconName\"></ius-icon-xl>\n }\n @case ('xxl') {\n <ius-icon-xxl [iconName]=\"fallbackIconName\"></ius-icon-xxl>\n }\n }\n }\n\n @if (showEditButton) {\n <div class=\"avatar__edit-overlay\" (click)=\"onEditClick($event)\">\n <div class=\"avatar__edit-btn\">\n <ius-icon-sm iconName=\"icon-edit\"></ius-icon-sm>\n </div>\n </div>\n }\n</div>\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}:host{display:inline-block}.avatar{position:relative;display:flex;justify-content:center;align-items:center;background-color:#e6fdff;overflow:hidden;flex-shrink:0}.avatar.circle{border-radius:50%}.avatar.square{border-radius:8px}.avatar.xs{width:14px;height:14px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}.avatar.xl{width:64px;height:64px}.avatar.xxl{width:96px;height:96px}.avatar__image{width:100%;height:100%;object-fit:cover;display:block}.avatar__edit-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:var(--Info-Color-Info-200, #C4DFFF);opacity:0;transition:opacity .2s ease;cursor:pointer}.avatar__edit-btn{display:flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:50%;background-color:#fff;color:#333;pointer-events:none}.avatar:hover .avatar__edit-overlay{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: IconXlComponent, selector: "ius-icon-xl", inputs: ["iconName", "color"] }, { kind: "component", type: IconXxlComponent, selector: "ius-icon-xxl", inputs: ["iconName", "color"] }, { kind: "component", type: IconLgComponent, selector: "ius-icon-lg", inputs: ["iconName", "color"] }] }); }
|
|
7509
7483
|
}
|
|
7510
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type:
|
|
7484
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarV2Component, decorators: [{
|
|
7511
7485
|
type: Component,
|
|
7512
|
-
args: [{ selector: 'ius-
|
|
7486
|
+
args: [{ selector: 'ius-avatar-v2', standalone: true, imports: [
|
|
7513
7487
|
CommonModule,
|
|
7514
|
-
|
|
7515
|
-
|
|
7516
|
-
|
|
7517
|
-
|
|
7518
|
-
|
|
7519
|
-
|
|
7520
|
-
|
|
7521
|
-
|
|
7522
|
-
], template: "<ius-drawer-container-right [titleDrawer]=\"'Crear Ticket'\" (onDrawerClosed)=\"onClose()\"\n [percentProgressBar]=\"percentProgressBar\">\n <div class=\"form between-xs\">\n <div class=\"content\">\n <ius-section-collapse-drawer-parent textTitle=\"Informaci\u00F3n general\" [disabled]=\"false\"\n [isActive]=\"isExpandGeneralInformation\" (buttonClicked)=\"onExpandGeneralInformation()\">\n <div class=\"section\">\n <div class=\"select\">\n <ius-input-select componentId=\"ticketType\" [required]=\"true\" [showHelpText]=\"true\" labelSuperior=\"Tipo de ticket\"\n labelInput=\"Selecciona una opci\u00F3n\" [textInput]=\"typeSelected?.tipo\">\n @for (type of tipos; track type) {\n <ius-option (optionClick)=\"onSetValueType(type)\">\n {{ type.tipo }}\n </ius-option>\n }\n </ius-input-select>\n </div>\n <div class=\"select\">\n <ius-input-select componentId=\"ticketReason\" [required]=\"true\" [showHelpText]=\"true\" labelSuperior=\"Raz\u00F3n del ticket\"\n labelInput=\"Selecciona una opci\u00F3n\" [textInput]=\"reasonSelected?.razon\">\n @for (reason of razones; track reason) {\n <ius-option (optionClick)=\"onSetValueReason(reason)\">\n {{ reason.razon }}\n </ius-option>\n }\n </ius-input-select>\n </div>\n <div class=\"select\">\n <ius-input-textfield componentId=\"tituloTicket\" [initialText]=\"tituloTicket\" [required]=\"true\" [showHelpText]=\"true\"\n labelSuperior=\"Titulo o asunto para el ticket\" labelInput=\"Defina brevemente un asunto o titulo\"\n (onChangesValueEvent)=\"onSetValueTituloTicket($event)\">\n </ius-input-textfield>\n </div>\n <div class=\"select\">\n <ius-input-large componentId=\"descripcionTicket\" [initialText]=\"descripcionTicket\" [required]=\"true\" [showHelpText]=\"true\"\n labelSuperior=\"Descripcion del ticket\" labelInput=\"Describe tu idea o petici\u00F3n para el ticket\"\n (onChangesValueEvent)=\"onSetValueDescripcionTicket($event)\">\n </ius-input-large>\n </div>\n </div>\n </ius-section-collapse-drawer-parent>\n </div>\n\n <div class=\"footer\">\n <div class=\"toolbar\">\n <div class=\"toolbar-btn\">\n <ius-button-dynamic [labelDefault]=\"'Crear ticket'\" [labelSuccess]=\"'Agregando'\" [labelError]=\"'Error'\"\n [loading]=\"loading\" [result]=\"lastResult\" (buttonClicked)=\"createTicket()\">\n </ius-button-dynamic>\n </div>\n <div class=\"toolbar-btn\">\n <ius-button-standard-secondary (buttonClicked)=\"onClose()\">Cancelar</ius-button-standard-secondary>\n </div>\n </div>\n </div>\n </div>\n</ius-drawer-container-right>\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.form{display:flex;height:100%;flex-direction:column}.section{display:flex;padding:0 8px;flex-direction:column}.content{display:flex;flex-direction:column}.select{display:flex;padding:8px 16px;flex-direction:column;justify-content:center;gap:8px;align-self:stretch}.footer{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;flex:1 0 0;align-self:stretch}.toolbar{display:flex;padding:12px 16px;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;align-self:stretch}.toolbar-btn{width:100%}\n"] }]
|
|
7523
|
-
}], propDecorators: { tipos: [{
|
|
7524
|
-
type: Input
|
|
7525
|
-
}], razones: [{
|
|
7488
|
+
IconXsComponent,
|
|
7489
|
+
IconSmComponent,
|
|
7490
|
+
IconMdComponent,
|
|
7491
|
+
IconXlComponent,
|
|
7492
|
+
IconXxlComponent,
|
|
7493
|
+
IconLgComponent
|
|
7494
|
+
], template: "<div\n class=\"avatar\"\n [ngClass]=\"[size, shape]\"\n [ngStyle]=\"containerStyle\"\n>\n @if (imageUrl) {\n <img [src]=\"imageUrl\" [alt]=\"name || 'avatar'\" class=\"avatar__image\" />\n } @else if (initials) {\n <span class=\"body-large\" style=\"color: var(--ColorText-colorTextPrimary, #333);\">{{ initials }}</span>\n } @else {\n @switch (size) {\n @case ('xs') {\n <ius-icon-xs [iconName]=\"fallbackIconName\"></ius-icon-xs>\n }\n @case ('sm') {\n <ius-icon-sm [iconName]=\"fallbackIconName\"></ius-icon-sm>\n }\n @case ('md') {\n <ius-icon-md [iconName]=\"fallbackIconName\"></ius-icon-md>\n }\n @case ('lg') {\n <ius-icon-lg [iconName]=\"fallbackIconName\"></ius-icon-lg>\n }\n @case ('xl') {\n <ius-icon-xl [iconName]=\"fallbackIconName\"></ius-icon-xl>\n }\n @case ('xxl') {\n <ius-icon-xxl [iconName]=\"fallbackIconName\"></ius-icon-xxl>\n }\n }\n }\n\n @if (showEditButton) {\n <div class=\"avatar__edit-overlay\" (click)=\"onEditClick($event)\">\n <div class=\"avatar__edit-btn\">\n <ius-icon-sm iconName=\"icon-edit\"></ius-icon-sm>\n </div>\n </div>\n }\n</div>\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}:host{display:inline-block}.avatar{position:relative;display:flex;justify-content:center;align-items:center;background-color:#e6fdff;overflow:hidden;flex-shrink:0}.avatar.circle{border-radius:50%}.avatar.square{border-radius:8px}.avatar.xs{width:14px;height:14px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}.avatar.xl{width:64px;height:64px}.avatar.xxl{width:96px;height:96px}.avatar__image{width:100%;height:100%;object-fit:cover;display:block}.avatar__edit-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:var(--Info-Color-Info-200, #C4DFFF);opacity:0;transition:opacity .2s ease;cursor:pointer}.avatar__edit-btn{display:flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:50%;background-color:#fff;color:#333;pointer-events:none}.avatar:hover .avatar__edit-overlay{opacity:1}\n"] }]
|
|
7495
|
+
}], propDecorators: { imageUrl: [{
|
|
7526
7496
|
type: Input
|
|
7527
|
-
}],
|
|
7497
|
+
}], name: [{
|
|
7528
7498
|
type: Input
|
|
7529
|
-
}],
|
|
7499
|
+
}], size: [{
|
|
7530
7500
|
type: Input
|
|
7531
|
-
}],
|
|
7532
|
-
type:
|
|
7533
|
-
}],
|
|
7501
|
+
}], shape: [{
|
|
7502
|
+
type: Input
|
|
7503
|
+
}], showEditButton: [{
|
|
7504
|
+
type: Input
|
|
7505
|
+
}], backgroundColor: [{
|
|
7506
|
+
type: Input
|
|
7507
|
+
}], fallbackIconName: [{
|
|
7508
|
+
type: Input
|
|
7509
|
+
}], editClicked: [{
|
|
7534
7510
|
type: Output
|
|
7535
7511
|
}] } });
|
|
7536
7512
|
|
|
@@ -7588,5 +7564,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7588
7564
|
* Generated bundle index. Do not edit.
|
|
7589
7565
|
*/
|
|
7590
7566
|
|
|
7591
|
-
export { AlertComponent, AvatarIconComponent, BadgeComponent, BreadcrumbComponent, ButtonAccountsComponent, ButtonAuthComponent, ButtonCircleSecondaryComponent, ButtonCircleTertiaryComponent, ButtonDynamicComponent, ButtonFilterComponent, ButtonMenuLinkComponent, ButtonOrderComponent, ButtonSquaredSecondaryComponent, ButtonSquaredTertiaryComponent, ButtonStandardPrimaryComponent, ButtonStandardSecondaryComponent, ButtonStandardTertiaryComponent, ButtonStandardTertiarySmallComponent, CalificationComponent, CardActividadEventoComponent, CardAgendaJudicialComponent, CardBlockComponent, CardButtonCheckboxComponent, CardCollapseDetalleProcesoComponent, CardDynamicContentComponent, CardEtapaSubetapaComponent, CardGestionCupoComponent, CardImpulsoProcesalComponent, CardInfoFacturacionComponent, CardListConsumoComponent, CardListDragOnComponent, CardListMovimientosComponent, CardListProcesoComponent, CardLogComponent, CardPlanSmallComponent, CardPlanSubscriptionComponent, CardTicketComponent, CardTipoProcesoComponent, CardUsoPlanComponent, CardVigilanciaJudicialComponent, CategoriesComponent, ChartsDonutComponent, CheckboxComponent, CheckboxRadioComponent, ChipComponent, ChipUserComponent,
|
|
7567
|
+
export { AlertComponent, AvatarIconComponent, AvatarV2Component, BadgeComponent, BreadcrumbComponent, ButtonAccountsComponent, ButtonAuthComponent, ButtonCircleSecondaryComponent, ButtonCircleTertiaryComponent, ButtonDynamicComponent, ButtonFilterComponent, ButtonMenuLinkComponent, ButtonOrderComponent, ButtonSquaredSecondaryComponent, ButtonSquaredTertiaryComponent, ButtonStandardPrimaryComponent, ButtonStandardSecondaryComponent, ButtonStandardTertiaryComponent, ButtonStandardTertiarySmallComponent, CalificationComponent, CardActividadEventoComponent, CardAgendaJudicialComponent, CardBlockComponent, CardButtonCheckboxComponent, CardCollapseDetalleProcesoComponent, CardDynamicContentComponent, CardEtapaSubetapaComponent, CardGestionCupoComponent, CardImpulsoProcesalComponent, CardInfoFacturacionComponent, CardListConsumoComponent, CardListDragOnComponent, CardListMovimientosComponent, CardListProcesoComponent, CardLogComponent, CardPlanSmallComponent, CardPlanSubscriptionComponent, CardTicketComponent, CardTipoProcesoComponent, CardUsoPlanComponent, CardVigilanciaJudicialComponent, CategoriesComponent, ChartsDonutComponent, CheckboxComponent, CheckboxRadioComponent, ChipComponent, ChipUserComponent, CustomDropdownComponent, DateHourPickerComponent, DatePickerComponent, DoubleDatePickerComponent, DrawerContainerRightComponent, DropdownComponent, DropdownContextualMenuComponent, DropdownOptionItemComponent, DropdownUserMenuComponent, EmptyListComponent, FilterItemComponent, IconLgComponent, IconMdComponent, IconSmComponent, IconXlComponent, IconXsComponent, IconXxlComponent, InfiniteScrollDirective, InputCardComponent, InputLargeComponent, InputOtpComponent, InputPasswordComponent, InputSelectComponent, InputSelectFilterComponent, InputSelectNumberComponent, InputTextfieldComponent, ItemDocumentComponent, IusChartsBarGroupedComponent, LinearProgressBarComponent, LoadingCircleComponent, LoadingComponentDynamicComponent, MenuItemComponent, NavRailComponent, NotificationCardComponent, NotificationsComponent, OptionComponent, OptionItemComponent, PageNotFoundComponent, PopoverDirective, SearchBarComponent, SectionCollapseDrawerChildComponent, SectionCollapseDrawerParentComponent, SegmentComponent, SimpleCardContadorComponent, SimpleChipComponent, SimpleDividerComponent, SimpleUserCardComponent, SlideToggleComponent, SnackbarComponent, SupportPanelComponent, ToolbarComponent, ToolbarUserMenuComponent, UserCardComponent };
|
|
7592
7568
|
//# sourceMappingURL=litigiovirtual-ius-design-components.mjs.map
|