@litigiovirtual/ius-design-components 1.0.229 → 1.0.231
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/avatar-business/avatar-business.component.mjs +52 -0
- package/esm2022/lib/avatar-business/index.mjs +2 -0
- package/esm2022/lib/avatar-v2/avatar-v2.component.mjs +3 -3
- package/esm2022/lib/card-vigilancia-judicial/card-vigilancia-judicial.component.mjs +65 -15
- package/esm2022/lib/create-ticket/create-ticket.component.mjs +101 -0
- package/esm2022/lib/create-ticket/index.mjs +2 -0
- package/esm2022/lib/loading-component-dynamic/loading-component-dynamic.component.mjs +3 -3
- package/esm2022/lib/support-panel/support-panel.component.mjs +3 -3
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/litigiovirtual-ius-design-components.mjs +201 -20
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/avatar-business/avatar-business.component.d.ts +16 -0
- package/lib/avatar-business/index.d.ts +1 -0
- package/lib/card-vigilancia-judicial/card-vigilancia-judicial.component.d.ts +7 -3
- package/lib/create-ticket/create-ticket.component.d.ts +57 -0
- package/lib/create-ticket/index.d.ts +1 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
|
@@ -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:
|
|
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"] }] }); }
|
|
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:
|
|
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"] }]
|
|
4179
4179
|
}], propDecorators: { onCloseForm: [{
|
|
4180
4180
|
type: Output
|
|
4181
4181
|
}], onClickAddTicket: [{
|
|
@@ -6729,9 +6729,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
6729
6729
|
|
|
6730
6730
|
registerLocaleData(localeEs);
|
|
6731
6731
|
class CardVigilanciaJudicialComponent {
|
|
6732
|
-
constructor() {
|
|
6732
|
+
constructor(datePipe) {
|
|
6733
|
+
this.datePipe = datePipe;
|
|
6733
6734
|
this.collapse = true;
|
|
6734
|
-
this.priority = true;
|
|
6735
6735
|
this.hasNotificacion = true;
|
|
6736
6736
|
this.hasAuto = true;
|
|
6737
6737
|
this.read = true;
|
|
@@ -6741,11 +6741,60 @@ class CardVigilanciaJudicialComponent {
|
|
|
6741
6741
|
this.onClickButtonAuto = new EventEmitter();
|
|
6742
6742
|
}
|
|
6743
6743
|
toggleCollapse() {
|
|
6744
|
+
const wasCollapsed = this.collapse;
|
|
6744
6745
|
this.collapse = !this.collapse;
|
|
6746
|
+
if (wasCollapsed && !this.read) {
|
|
6747
|
+
this.onClickButtonRead.emit(new Event('autoExpand'));
|
|
6748
|
+
}
|
|
6745
6749
|
}
|
|
6746
|
-
clickButtonCopy(event) {
|
|
6750
|
+
async clickButtonCopy(event) {
|
|
6747
6751
|
event.stopImmediatePropagation();
|
|
6748
|
-
|
|
6752
|
+
try {
|
|
6753
|
+
await navigator.clipboard.writeText(this.getCardSummary());
|
|
6754
|
+
this.onClickButtonCopy.emit(event);
|
|
6755
|
+
}
|
|
6756
|
+
catch {
|
|
6757
|
+
// clipboard write failed; no emit, no snackbar
|
|
6758
|
+
}
|
|
6759
|
+
}
|
|
6760
|
+
getCardSummary() {
|
|
6761
|
+
const lines = [];
|
|
6762
|
+
lines.push('Vigilancia Judicial');
|
|
6763
|
+
if (this.titulo)
|
|
6764
|
+
lines.push(`Título: ${this.titulo}`);
|
|
6765
|
+
if (this.juzgado)
|
|
6766
|
+
lines.push(`Juzgado: ${this.juzgado}`);
|
|
6767
|
+
if (this.fechaPrincipal)
|
|
6768
|
+
lines.push(`Fecha: ${this.formatDate(this.fechaPrincipal)}`);
|
|
6769
|
+
if (this.actuaciones?.length) {
|
|
6770
|
+
lines.push('');
|
|
6771
|
+
lines.push('Actuaciones:');
|
|
6772
|
+
for (const act of this.actuaciones) {
|
|
6773
|
+
const tituloPartes = [];
|
|
6774
|
+
if (act.actuacion)
|
|
6775
|
+
tituloPartes.push(act.actuacion);
|
|
6776
|
+
if (act.anotacion)
|
|
6777
|
+
tituloPartes.push(act.anotacion);
|
|
6778
|
+
if (tituloPartes.length)
|
|
6779
|
+
lines.push(`- ${tituloPartes.join(': ')}`);
|
|
6780
|
+
const fechas = [];
|
|
6781
|
+
if (act.fechaIniciaTermino) {
|
|
6782
|
+
fechas.push(`Inicia término: ${this.formatDate(act.fechaIniciaTermino)}`);
|
|
6783
|
+
}
|
|
6784
|
+
else if (act.fechaActuacion) {
|
|
6785
|
+
fechas.push(`Fecha registro: ${this.formatDate(act.fechaActuacion)}`);
|
|
6786
|
+
}
|
|
6787
|
+
if (act.fechaFinalizaTermino) {
|
|
6788
|
+
fechas.push(`Finaliza término: ${this.formatDate(act.fechaFinalizaTermino)}`);
|
|
6789
|
+
}
|
|
6790
|
+
if (fechas.length)
|
|
6791
|
+
lines.push(` ${fechas.join(' - ')}`);
|
|
6792
|
+
}
|
|
6793
|
+
}
|
|
6794
|
+
return lines.join('\n');
|
|
6795
|
+
}
|
|
6796
|
+
formatDate(d) {
|
|
6797
|
+
return this.datePipe.transform(d, 'd MMM y') ?? '';
|
|
6749
6798
|
}
|
|
6750
6799
|
clickButtonRead(event) {
|
|
6751
6800
|
event.stopImmediatePropagation();
|
|
@@ -6759,19 +6808,19 @@ class CardVigilanciaJudicialComponent {
|
|
|
6759
6808
|
event.stopImmediatePropagation();
|
|
6760
6809
|
this.onClickButtonAuto.emit(event);
|
|
6761
6810
|
}
|
|
6762
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardVigilanciaJudicialComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6763
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardVigilanciaJudicialComponent, isStandalone: true, selector: "ius-card-vigilancia-judicial", inputs: { collapse: "collapse",
|
|
6764
|
-
{ provide: LOCALE_ID, useValue: 'es' }
|
|
6765
|
-
|
|
6811
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardVigilanciaJudicialComponent, deps: [{ token: i1$1.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6812
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardVigilanciaJudicialComponent, isStandalone: true, selector: "ius-card-vigilancia-judicial", inputs: { collapse: "collapse", hasNotificacion: "hasNotificacion", hasAuto: "hasAuto", read: "read", titulo: "titulo", juzgado: "juzgado", fechaPrincipal: "fechaPrincipal", actuaciones: "actuaciones" }, outputs: { onClickButtonCopy: "onClickButtonCopy", onClickButtonRead: "onClickButtonRead", onClickButtonNotificacion: "onClickButtonNotificacion", onClickButtonAuto: "onClickButtonAuto" }, providers: [
|
|
6813
|
+
{ provide: LOCALE_ID, useValue: 'es' },
|
|
6814
|
+
DatePipe
|
|
6815
|
+
], ngImport: i0, template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\n <div class=\"ctn-card\">\n <div class=\"ctn-inf\">\n <ius-icon-sm iconName=\"icon-account-balance\" class=\"icon-account\"\n [ngClass]=\"{'priority-tx': hasNotificacion || hasAuto }\"></ius-icon-sm>\n <div class=\"info\">\n <span class=\"caption-sm txt-ter\">Vigilancia Judicial</span>\n <span class=\"body-base-1 txt-pry\" [ngClass]=\"{'title-no-read': read === false}\">{{titulo}}</span>\n <span class=\"body-base-1 txt-sec\">{{juzgado}}</span>\n </div>\n </div>\n <div class=\"ctn-icons\">\n @if (hasNotificacion || hasAuto) {\n <div class=\"row-text-1\">\n @if (hasNotificacion) {\n <ius-icon-sm iconName=\"icon-notification-2\" class=\"txt-sec\"></ius-icon-sm>\n }\n @if (hasAuto) {\n <ius-icon-sm iconName=\"icon-docs-2\" class=\"txt-sec\"></ius-icon-sm>\n }\n </div>\n }\n <div class=\"row-text-2\">\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === true}\"></div>\n <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM y'}}</span>\n <span class=\"buttons-hove\">\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\n [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\n iusPopoverContent=\"Copiar informaci\u00F3n\"\n (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\n </span>\n </div>\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\n class=\"txt-pry\"></ius-icon-sm>\n </div>\n </div>\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\n <ius-simple-divider></ius-simple-divider>\n <div class=\"ctn-clp\">\n <div class=\"ctn-info-clp\">\n @for (act of actuaciones; track $index) {\n <div class=\"text-info\">\n <div class=\"row-text-1 body-sm txt-ter\">\n @if (act.fechaIniciaTermino) {\n <span>Inicia t\u00E9rmino: {{act.fechaIniciaTermino | date: 'd MMM y'}}</span>\n } @else {\n <span>Fecha registro: {{act.fechaActuacion | date: 'd MMM y'}}</span>\n }\n @if (act.fechaFinalizaTermino) {\n <span>-</span>\n <span>Finaliza t\u00E9rmino: {{act.fechaFinalizaTermino | date: 'd MMM y'}}</span>\n }\n </div>\n <span class=\"label-base txt-ter\">{{act.actuacion}}</span>\n <span class=\"body-base-1 txt-sec\">{{act.anotacion}}</span>\n </div>\n }\n </div>\n <div class=\"buttons-clp\">\n @if (hasNotificacion) {\n <ius-button-menu-link iconName=\"icon-notificacion\" iconColor=\"#184FDB\"\n iusPopoverContent=\"Ver notificaci\u00F3n\"\n (buttonClicked)=\"clickButtonNotificacion($event)\"></ius-button-menu-link>\n <ius-simple-divider></ius-simple-divider>\n }\n @if (hasAuto) {\n <ius-button-menu-link iconName=\"icon-docs\" iconColor=\"#184FDB\" iusPopoverContent=\"Ver auto\"\n (buttonClicked)=\"clickButtonAuto($event)\"></ius-button-menu-link>\n <ius-simple-divider></ius-simple-divider>\n }\n </div>\n </div>\n </div>\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px;min-height:40px;justify-content:center}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.title-no-read{font-weight:500}.icon-account{color:#8c8c8c}.priority-tx{color:#497610}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-f{background-color:transparent}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px;width:76px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;gap:4px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: ButtonMenuLinkComponent, selector: "ius-button-menu-link", inputs: ["disabled", "iconColor", "iconName"], outputs: ["buttonClicked"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
|
|
6766
6816
|
}
|
|
6767
6817
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardVigilanciaJudicialComponent, decorators: [{
|
|
6768
6818
|
type: Component,
|
|
6769
6819
|
args: [{ selector: 'ius-card-vigilancia-judicial', standalone: true, imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, ButtonMenuLinkComponent, DatePipe, PopoverDirective], providers: [
|
|
6770
|
-
{ provide: LOCALE_ID, useValue: 'es' }
|
|
6771
|
-
|
|
6772
|
-
}]
|
|
6773
|
-
|
|
6774
|
-
}], priority: [{
|
|
6820
|
+
{ provide: LOCALE_ID, useValue: 'es' },
|
|
6821
|
+
DatePipe
|
|
6822
|
+
], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\n <div class=\"ctn-card\">\n <div class=\"ctn-inf\">\n <ius-icon-sm iconName=\"icon-account-balance\" class=\"icon-account\"\n [ngClass]=\"{'priority-tx': hasNotificacion || hasAuto }\"></ius-icon-sm>\n <div class=\"info\">\n <span class=\"caption-sm txt-ter\">Vigilancia Judicial</span>\n <span class=\"body-base-1 txt-pry\" [ngClass]=\"{'title-no-read': read === false}\">{{titulo}}</span>\n <span class=\"body-base-1 txt-sec\">{{juzgado}}</span>\n </div>\n </div>\n <div class=\"ctn-icons\">\n @if (hasNotificacion || hasAuto) {\n <div class=\"row-text-1\">\n @if (hasNotificacion) {\n <ius-icon-sm iconName=\"icon-notification-2\" class=\"txt-sec\"></ius-icon-sm>\n }\n @if (hasAuto) {\n <ius-icon-sm iconName=\"icon-docs-2\" class=\"txt-sec\"></ius-icon-sm>\n }\n </div>\n }\n <div class=\"row-text-2\">\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === true}\"></div>\n <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM y'}}</span>\n <span class=\"buttons-hove\">\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\n [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\n iusPopoverContent=\"Copiar informaci\u00F3n\"\n (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\n </span>\n </div>\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\n class=\"txt-pry\"></ius-icon-sm>\n </div>\n </div>\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\n <ius-simple-divider></ius-simple-divider>\n <div class=\"ctn-clp\">\n <div class=\"ctn-info-clp\">\n @for (act of actuaciones; track $index) {\n <div class=\"text-info\">\n <div class=\"row-text-1 body-sm txt-ter\">\n @if (act.fechaIniciaTermino) {\n <span>Inicia t\u00E9rmino: {{act.fechaIniciaTermino | date: 'd MMM y'}}</span>\n } @else {\n <span>Fecha registro: {{act.fechaActuacion | date: 'd MMM y'}}</span>\n }\n @if (act.fechaFinalizaTermino) {\n <span>-</span>\n <span>Finaliza t\u00E9rmino: {{act.fechaFinalizaTermino | date: 'd MMM y'}}</span>\n }\n </div>\n <span class=\"label-base txt-ter\">{{act.actuacion}}</span>\n <span class=\"body-base-1 txt-sec\">{{act.anotacion}}</span>\n </div>\n }\n </div>\n <div class=\"buttons-clp\">\n @if (hasNotificacion) {\n <ius-button-menu-link iconName=\"icon-notificacion\" iconColor=\"#184FDB\"\n iusPopoverContent=\"Ver notificaci\u00F3n\"\n (buttonClicked)=\"clickButtonNotificacion($event)\"></ius-button-menu-link>\n <ius-simple-divider></ius-simple-divider>\n }\n @if (hasAuto) {\n <ius-button-menu-link iconName=\"icon-docs\" iconColor=\"#184FDB\" iusPopoverContent=\"Ver auto\"\n (buttonClicked)=\"clickButtonAuto($event)\"></ius-button-menu-link>\n <ius-simple-divider></ius-simple-divider>\n }\n </div>\n </div>\n </div>\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px;min-height:40px;justify-content:center}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.title-no-read{font-weight:500}.icon-account{color:#8c8c8c}.priority-tx{color:#497610}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-f{background-color:transparent}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px;width:76px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;gap:4px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"] }]
|
|
6823
|
+
}], ctorParameters: () => [{ type: i1$1.DatePipe }], propDecorators: { collapse: [{
|
|
6775
6824
|
type: Input
|
|
6776
6825
|
}], hasNotificacion: [{
|
|
6777
6826
|
type: Input
|
|
@@ -7371,11 +7420,11 @@ class LoadingComponentDynamicComponent {
|
|
|
7371
7420
|
return 'idle';
|
|
7372
7421
|
}
|
|
7373
7422
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadingComponentDynamicComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7374
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LoadingComponentDynamicComponent, isStandalone: true, selector: "ius-loading-component-dynamic", inputs: { loading: "loading", empty: "empty", error: "error", src: "src", srcEmpty: "srcEmpty", srcError: "srcError", titleLoading: "titleLoading", subtitleLoading: "subtitleLoading", titleEmpty: "titleEmpty", subtitleEmpty: "subtitleEmpty", titleError: "titleError", subtitleError: "subtitleError" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ius-state-container\" [attr.data-state]=\"state\" aria-live=\"polite\">\r\n <div class=\"ius-state-inner\">\r\n\r\n @switch (state) {\r\n\r\n @case ('loading') {\r\n <lottie-player [attr.src]=\"src\" speed=\"1\" style=\"width: 64px; height: 64px;\" loop autoplay>\r\n </lottie-player>\r\n <div class=\"ius-state-text\">\r\n <span class=\"h4\">{{ titleLoading }}</span>\r\n <span class=\"h5\">{{ subtitleLoading }}</span>\r\n </div>\r\n }\r\n\r\n @case ('empty') {\r\n <div class=\"ius-state-img-wrapper\">\r\n <img [src]=\"srcEmpty\" alt=\"Sin resultados\" />\r\n </div>\r\n <div class=\"ius-state-text\">\r\n <span class=\"h4\">{{ titleEmpty }}</span>\r\n <span class=\"h5\">{{ subtitleEmpty }}</span>\r\n </div>\r\n }\r\n\r\n @case ('error') {\r\n <div class=\"ius-state-img-wrapper\">\r\n <img [src]=\"srcError\" alt=\"Error\" />\r\n </div>\r\n <div class=\"ius-state-text\">\r\n <span class=\"h4\">{{ titleError }}</span>\r\n <span class=\"h5\">{{ subtitleError }}</span>\r\n </div>\r\n }\r\n\r\n @default {\r\n\r\n }\r\n\r\n }\r\n\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ius-state-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;height:100%;border-radius:8px;border:1px solid #eaeaea;background:#fff;padding:8px}.ius-state-container[data-state=idle]{display:none}.ius-state-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.ius-state-text{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.ius-state-img-wrapper{display:flex;width:87px;height:87px;justify-content:center;align-items:center}lottie-player{display:block;min-width:64px;min-height:64px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
7423
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LoadingComponentDynamicComponent, isStandalone: true, selector: "ius-loading-component-dynamic", inputs: { loading: "loading", empty: "empty", error: "error", src: "src", srcEmpty: "srcEmpty", srcError: "srcError", titleLoading: "titleLoading", subtitleLoading: "subtitleLoading", titleEmpty: "titleEmpty", subtitleEmpty: "subtitleEmpty", titleError: "titleError", subtitleError: "subtitleError" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ius-state-container\" [attr.data-state]=\"state\" aria-live=\"polite\">\r\n <div class=\"ius-state-inner\">\r\n\r\n @switch (state) {\r\n\r\n @case ('loading') {\r\n <lottie-player [attr.src]=\"src\" speed=\"1\" style=\"width: 64px; height: 64px;\" loop autoplay>\r\n </lottie-player>\r\n <div class=\"ius-state-text\">\r\n <span class=\"h4\">{{ titleLoading }}</span>\r\n <span class=\"h5\">{{ subtitleLoading }}</span>\r\n </div>\r\n }\r\n\r\n @case ('empty') {\r\n <div class=\"ius-state-img-wrapper\">\r\n <img [src]=\"srcEmpty\" alt=\"Sin resultados\" />\r\n </div>\r\n <div class=\"ius-state-text\">\r\n <span class=\"h4\">{{ titleEmpty }}</span>\r\n <span class=\"h5\">{{ subtitleEmpty }}</span>\r\n </div>\r\n }\r\n\r\n @case ('error') {\r\n <div class=\"ius-state-img-wrapper\">\r\n <img [src]=\"srcError\" alt=\"Error\" />\r\n </div>\r\n <div class=\"ius-state-text\">\r\n <span class=\"h4\">{{ titleError }}</span>\r\n <span class=\"h5\">{{ subtitleError }}</span>\r\n </div>\r\n }\r\n\r\n @default {\r\n\r\n }\r\n\r\n }\r\n\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ius-state-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;height:100%;box-sizing:border-box;border-radius:8px;border:1px solid #eaeaea;background:#fff;padding:8px}.ius-state-container[data-state=idle]{display:none}.ius-state-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.ius-state-text{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.ius-state-img-wrapper{display:flex;width:87px;height:87px;justify-content:center;align-items:center}lottie-player{display:block;min-width:64px;min-height:64px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
7375
7424
|
}
|
|
7376
7425
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadingComponentDynamicComponent, decorators: [{
|
|
7377
7426
|
type: Component,
|
|
7378
|
-
args: [{ selector: 'ius-loading-component-dynamic', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"ius-state-container\" [attr.data-state]=\"state\" aria-live=\"polite\">\r\n <div class=\"ius-state-inner\">\r\n\r\n @switch (state) {\r\n\r\n @case ('loading') {\r\n <lottie-player [attr.src]=\"src\" speed=\"1\" style=\"width: 64px; height: 64px;\" loop autoplay>\r\n </lottie-player>\r\n <div class=\"ius-state-text\">\r\n <span class=\"h4\">{{ titleLoading }}</span>\r\n <span class=\"h5\">{{ subtitleLoading }}</span>\r\n </div>\r\n }\r\n\r\n @case ('empty') {\r\n <div class=\"ius-state-img-wrapper\">\r\n <img [src]=\"srcEmpty\" alt=\"Sin resultados\" />\r\n </div>\r\n <div class=\"ius-state-text\">\r\n <span class=\"h4\">{{ titleEmpty }}</span>\r\n <span class=\"h5\">{{ subtitleEmpty }}</span>\r\n </div>\r\n }\r\n\r\n @case ('error') {\r\n <div class=\"ius-state-img-wrapper\">\r\n <img [src]=\"srcError\" alt=\"Error\" />\r\n </div>\r\n <div class=\"ius-state-text\">\r\n <span class=\"h4\">{{ titleError }}</span>\r\n <span class=\"h5\">{{ subtitleError }}</span>\r\n </div>\r\n }\r\n\r\n @default {\r\n\r\n }\r\n\r\n }\r\n\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ius-state-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;height:100%;border-radius:8px;border:1px solid #eaeaea;background:#fff;padding:8px}.ius-state-container[data-state=idle]{display:none}.ius-state-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.ius-state-text{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.ius-state-img-wrapper{display:flex;width:87px;height:87px;justify-content:center;align-items:center}lottie-player{display:block;min-width:64px;min-height:64px}\n"] }]
|
|
7427
|
+
args: [{ selector: 'ius-loading-component-dynamic', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"ius-state-container\" [attr.data-state]=\"state\" aria-live=\"polite\">\r\n <div class=\"ius-state-inner\">\r\n\r\n @switch (state) {\r\n\r\n @case ('loading') {\r\n <lottie-player [attr.src]=\"src\" speed=\"1\" style=\"width: 64px; height: 64px;\" loop autoplay>\r\n </lottie-player>\r\n <div class=\"ius-state-text\">\r\n <span class=\"h4\">{{ titleLoading }}</span>\r\n <span class=\"h5\">{{ subtitleLoading }}</span>\r\n </div>\r\n }\r\n\r\n @case ('empty') {\r\n <div class=\"ius-state-img-wrapper\">\r\n <img [src]=\"srcEmpty\" alt=\"Sin resultados\" />\r\n </div>\r\n <div class=\"ius-state-text\">\r\n <span class=\"h4\">{{ titleEmpty }}</span>\r\n <span class=\"h5\">{{ subtitleEmpty }}</span>\r\n </div>\r\n }\r\n\r\n @case ('error') {\r\n <div class=\"ius-state-img-wrapper\">\r\n <img [src]=\"srcError\" alt=\"Error\" />\r\n </div>\r\n <div class=\"ius-state-text\">\r\n <span class=\"h4\">{{ titleError }}</span>\r\n <span class=\"h5\">{{ subtitleError }}</span>\r\n </div>\r\n }\r\n\r\n @default {\r\n\r\n }\r\n\r\n }\r\n\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ius-state-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;height:100%;box-sizing:border-box;border-radius:8px;border:1px solid #eaeaea;background:#fff;padding:8px}.ius-state-container[data-state=idle]{display:none}.ius-state-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.ius-state-text{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.ius-state-img-wrapper{display:flex;width:87px;height:87px;justify-content:center;align-items:center}lottie-player{display:block;min-width:64px;min-height:64px}\n"] }]
|
|
7379
7428
|
}], propDecorators: { loading: [{
|
|
7380
7429
|
type: Input
|
|
7381
7430
|
}], empty: [{
|
|
@@ -7446,6 +7495,96 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7446
7495
|
type: Input
|
|
7447
7496
|
}] } });
|
|
7448
7497
|
|
|
7498
|
+
/**
|
|
7499
|
+
* Dumb component. Solo UI del drawer "Crear Ticket".
|
|
7500
|
+
*
|
|
7501
|
+
* App padre provee tipos/razones (que vienen de su API), recibe el evento
|
|
7502
|
+
* submitTicket con el payload, y maneja el loading + resultado.
|
|
7503
|
+
*
|
|
7504
|
+
* Uso:
|
|
7505
|
+
* <ius-create-ticket
|
|
7506
|
+
* [tipos]="ticketTypes"
|
|
7507
|
+
* [razones]="ticketReasons"
|
|
7508
|
+
* [loading]="creatingTicket"
|
|
7509
|
+
* [lastResult]="ticketResult"
|
|
7510
|
+
* (submitTicket)="handleCreateTicket($event)"
|
|
7511
|
+
* (closeForm)="addTicket = false">
|
|
7512
|
+
* </ius-create-ticket>
|
|
7513
|
+
*/
|
|
7514
|
+
class CreateTicketComponent {
|
|
7515
|
+
constructor() {
|
|
7516
|
+
this.tipos = [];
|
|
7517
|
+
this.razones = [];
|
|
7518
|
+
this.loading = false;
|
|
7519
|
+
// Default undefined = botón en estado neutral al abrir el drawer.
|
|
7520
|
+
// Se setea a 'success' o 'error' solo tras respuesta del API.
|
|
7521
|
+
this.lastResult = undefined;
|
|
7522
|
+
this.submitTicket = new EventEmitter();
|
|
7523
|
+
this.closeForm = new EventEmitter();
|
|
7524
|
+
this.tituloTicket = '';
|
|
7525
|
+
this.descripcionTicket = '';
|
|
7526
|
+
this.percentProgressBar = 100;
|
|
7527
|
+
this.isExpandGeneralInformation = true;
|
|
7528
|
+
}
|
|
7529
|
+
onClose() {
|
|
7530
|
+
this.closeForm.emit();
|
|
7531
|
+
}
|
|
7532
|
+
onExpandGeneralInformation() {
|
|
7533
|
+
this.isExpandGeneralInformation = true;
|
|
7534
|
+
}
|
|
7535
|
+
onSetValueType(event) {
|
|
7536
|
+
this.typeSelected = event;
|
|
7537
|
+
}
|
|
7538
|
+
onSetValueReason(event) {
|
|
7539
|
+
this.reasonSelected = event;
|
|
7540
|
+
}
|
|
7541
|
+
onSetValueTituloTicket(event) {
|
|
7542
|
+
this.tituloTicket = event;
|
|
7543
|
+
}
|
|
7544
|
+
onSetValueDescripcionTicket(event) {
|
|
7545
|
+
this.descripcionTicket = event;
|
|
7546
|
+
}
|
|
7547
|
+
createTicket() {
|
|
7548
|
+
if (this.loading) {
|
|
7549
|
+
return;
|
|
7550
|
+
}
|
|
7551
|
+
this.submitTicket.emit({
|
|
7552
|
+
titulo: this.tituloTicket,
|
|
7553
|
+
descripcion: this.descripcionTicket,
|
|
7554
|
+
tipoTicketID: this.typeSelected?.id,
|
|
7555
|
+
razonTicketID: this.reasonSelected?.id,
|
|
7556
|
+
});
|
|
7557
|
+
}
|
|
7558
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateTicketComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7559
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CreateTicketComponent, isStandalone: true, selector: "ius-create-ticket", inputs: { tipos: "tipos", razones: "razones", loading: "loading", lastResult: "lastResult" }, outputs: { submitTicket: "submitTicket", closeForm: "closeForm" }, ngImport: i0, template: "<ius-drawer-container-right [titleDrawer]=\"'Crear Ticket'\" (onDrawerClosed)=\"onClose()\"\n [percentProgressBar]=\"percentProgressBar\">\n <div class=\"form between-xs\">\n <div class=\"content\">\n <ius-section-collapse-drawer-parent textTitle=\"Informaci\u00F3n general\" [disabled]=\"false\"\n [isActive]=\"isExpandGeneralInformation\" (buttonClicked)=\"onExpandGeneralInformation()\">\n <div class=\"section\">\n <div class=\"select\">\n <ius-input-select componentId=\"ticketType\" [required]=\"true\" [showHelpText]=\"true\" labelSuperior=\"Tipo de ticket\"\n labelInput=\"Selecciona una opci\u00F3n\" [textInput]=\"typeSelected?.tipo\">\n @for (type of tipos; track type) {\n <ius-option (optionClick)=\"onSetValueType(type)\">\n {{ type.tipo }}\n </ius-option>\n }\n </ius-input-select>\n </div>\n <div class=\"select\">\n <ius-input-select componentId=\"ticketReason\" [required]=\"true\" [showHelpText]=\"true\" labelSuperior=\"Raz\u00F3n del ticket\"\n labelInput=\"Selecciona una opci\u00F3n\" [textInput]=\"reasonSelected?.razon\">\n @for (reason of razones; track reason) {\n <ius-option (optionClick)=\"onSetValueReason(reason)\">\n {{ reason.razon }}\n </ius-option>\n }\n </ius-input-select>\n </div>\n <div class=\"select\">\n <ius-input-textfield componentId=\"tituloTicket\" [initialText]=\"tituloTicket\" [required]=\"true\" [showHelpText]=\"true\"\n labelSuperior=\"Titulo o asunto para el ticket\" labelInput=\"Defina brevemente un asunto o titulo\"\n (onChangesValueEvent)=\"onSetValueTituloTicket($event)\">\n </ius-input-textfield>\n </div>\n <div class=\"select\">\n <ius-input-large componentId=\"descripcionTicket\" [initialText]=\"descripcionTicket\" [required]=\"true\" [showHelpText]=\"true\"\n labelSuperior=\"Descripcion del ticket\" labelInput=\"Describe tu idea o petici\u00F3n para el ticket\"\n (onChangesValueEvent)=\"onSetValueDescripcionTicket($event)\">\n </ius-input-large>\n </div>\n </div>\n </ius-section-collapse-drawer-parent>\n </div>\n\n <div class=\"footer\">\n <div class=\"toolbar\">\n <div class=\"toolbar-btn\">\n <ius-button-dynamic [labelDefault]=\"'Crear ticket'\" [labelSuccess]=\"'Agregando'\" [labelError]=\"'Error'\"\n [loading]=\"loading\" [result]=\"lastResult\" (buttonClicked)=\"createTicket()\">\n </ius-button-dynamic>\n </div>\n <div class=\"toolbar-btn\">\n <ius-button-standard-secondary (buttonClicked)=\"onClose()\">Cancelar</ius-button-standard-secondary>\n </div>\n </div>\n </div>\n </div>\n</ius-drawer-container-right>\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.form{display:flex;height:100%;flex-direction:column}.section{display:flex;padding:0 8px;flex-direction:column}.content{display:flex;flex-direction:column}.select{display:flex;padding:8px 16px;flex-direction:column;justify-content:center;gap:8px;align-self:stretch}.footer{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;flex:1 0 0;align-self:stretch}.toolbar{display:flex;padding:12px 16px;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;align-self:stretch}.toolbar-btn{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonDynamicComponent, selector: "ius-button-dynamic", inputs: ["labelDefault", "labelSuccess", "labelError", "disabled", "loading", "result", "autoReset", "autoResetDelay"], outputs: ["buttonClicked"] }, { kind: "component", type: ButtonStandardSecondaryComponent, selector: "ius-button-standard-secondary", inputs: ["disabled"], outputs: ["buttonClicked"] }, { kind: "component", type: DrawerContainerRightComponent, selector: "ius-drawer-container-right", inputs: ["titleDrawer", "percentProgressBar"], outputs: ["onPressedBackEvent", "onDrawerClosed"] }, { kind: "component", type: SectionCollapseDrawerParentComponent, selector: "ius-section-collapse-drawer-parent", inputs: ["isActive", "disabled", "textTitle", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: InputSelectComponent, selector: "ius-input-select", inputs: ["componentId", "required", "disabled", "showHelpText", "error", "labelSuperior", "labelInferior", "errorText", "labelInput", "iconInput", "textInput", "maxlenght", "inputType"], outputs: ["onChangesValueEvent", "onEnterKey", "onBlurEvent"] }, { kind: "component", type: InputTextfieldComponent, selector: "ius-input-textfield", inputs: ["textInput", "required", "disabled", "isEnableClearText", "showHelpText", "error", "labelSuperior", "labelInferior", "errorText", "labelInput", "iconInput", "inputType", "maxlenght", "initialText"], outputs: ["onChangesValueEvent", "onEnterKey", "onBlurEvent"] }, { kind: "component", type: OptionComponent, selector: "ius-option", inputs: ["disabled", "checked"], outputs: ["optionClick"] }, { kind: "component", type: InputLargeComponent, selector: "ius-input-large", inputs: ["textInput", "required", "disabled", "showHelpText", "rows", "labelSuperior", "labelInferior", "labelInput", "maxlenght", "initialText"], outputs: ["onChangesValueEvent", "onEnterKey"] }] }); }
|
|
7560
|
+
}
|
|
7561
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateTicketComponent, decorators: [{
|
|
7562
|
+
type: Component,
|
|
7563
|
+
args: [{ selector: 'ius-create-ticket', standalone: true, imports: [
|
|
7564
|
+
CommonModule,
|
|
7565
|
+
ButtonDynamicComponent,
|
|
7566
|
+
ButtonStandardSecondaryComponent,
|
|
7567
|
+
DrawerContainerRightComponent,
|
|
7568
|
+
SectionCollapseDrawerParentComponent,
|
|
7569
|
+
InputSelectComponent,
|
|
7570
|
+
InputTextfieldComponent,
|
|
7571
|
+
OptionComponent,
|
|
7572
|
+
InputLargeComponent,
|
|
7573
|
+
], 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"] }]
|
|
7574
|
+
}], propDecorators: { tipos: [{
|
|
7575
|
+
type: Input
|
|
7576
|
+
}], razones: [{
|
|
7577
|
+
type: Input
|
|
7578
|
+
}], loading: [{
|
|
7579
|
+
type: Input
|
|
7580
|
+
}], lastResult: [{
|
|
7581
|
+
type: Input
|
|
7582
|
+
}], submitTicket: [{
|
|
7583
|
+
type: Output
|
|
7584
|
+
}], closeForm: [{
|
|
7585
|
+
type: Output
|
|
7586
|
+
}] } });
|
|
7587
|
+
|
|
7449
7588
|
class AvatarV2Component {
|
|
7450
7589
|
constructor() {
|
|
7451
7590
|
this.size = 'md';
|
|
@@ -7479,7 +7618,7 @@ class AvatarV2Component {
|
|
|
7479
7618
|
return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();
|
|
7480
7619
|
}
|
|
7481
7620
|
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"] }] }); }
|
|
7621
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AvatarV2Component, isStandalone: true, selector: "ius-avatar-v2", inputs: { imageUrl: "imageUrl", name: "name", size: "size", shape: "shape", showEditButton: "showEditButton", backgroundColor: "backgroundColor", fallbackIconName: "fallbackIconName" }, outputs: { editClicked: "editClicked" }, usesOnChanges: true, ngImport: i0, template: "<div\r\n class=\"avatar\"\r\n [ngClass]=\"[size, shape]\"\r\n [ngStyle]=\"containerStyle\"\r\n>\r\n @if (imageUrl) {\r\n <img [src]=\"imageUrl\" [alt]=\"name || 'avatar'\" class=\"avatar__image\" />\r\n } @else if (initials) {\r\n <span class=\"body-large\" style=\"color: var(--ColorText-colorTextPrimary, #333);\">{{ initials }}</span>\r\n } @else {\r\n @switch (size) {\r\n @case ('xs') {\r\n <ius-icon-xs [iconName]=\"fallbackIconName\"></ius-icon-xs>\r\n }\r\n @case ('sm') {\r\n <ius-icon-sm [iconName]=\"fallbackIconName\"></ius-icon-sm>\r\n }\r\n @case ('md') {\r\n <ius-icon-md [iconName]=\"fallbackIconName\"></ius-icon-md>\r\n }\r\n @case ('lg') {\r\n <ius-icon-lg [iconName]=\"fallbackIconName\"></ius-icon-lg>\r\n }\r\n @case ('xl') {\r\n <ius-icon-xl [iconName]=\"fallbackIconName\"></ius-icon-xl>\r\n }\r\n @case ('xxl') {\r\n <ius-icon-xxl [iconName]=\"fallbackIconName\"></ius-icon-xxl>\r\n }\r\n }\r\n }\r\n\r\n @if (showEditButton) {\r\n <div class=\"avatar__edit-overlay\" (click)=\"onEditClick($event)\">\r\n <div class=\"avatar__edit-btn\">\r\n <ius-icon-sm iconName=\"icon-edit\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}:host{display:inline-block}.avatar{position:relative;display:flex;justify-content:center;align-items:center;background-color:#e6fdff;overflow:hidden;flex-shrink:0}.avatar.circle{border-radius:50%}.avatar.square{border-radius:8px}.avatar.xs{width:14px;height:14px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}.avatar.xl{width:64px;height:64px}.avatar.xxl{width:96px;height:96px}.avatar__image{width:100%;height:100%;object-fit:cover;display:block}.avatar__edit-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:var(--Info-Color-Info-200, #C4DFFF);opacity:0;transition:opacity .2s ease;cursor:pointer}.avatar__edit-btn{display:flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:50%;background-color:#fff;color:#333;pointer-events:none}.avatar:hover .avatar__edit-overlay{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: IconXlComponent, selector: "ius-icon-xl", inputs: ["iconName", "color"] }, { kind: "component", type: IconXxlComponent, selector: "ius-icon-xxl", inputs: ["iconName", "color"] }, { kind: "component", type: IconLgComponent, selector: "ius-icon-lg", inputs: ["iconName", "color"] }] }); }
|
|
7483
7622
|
}
|
|
7484
7623
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarV2Component, decorators: [{
|
|
7485
7624
|
type: Component,
|
|
@@ -7491,7 +7630,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7491
7630
|
IconXlComponent,
|
|
7492
7631
|
IconXxlComponent,
|
|
7493
7632
|
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"] }]
|
|
7633
|
+
], template: "<div\r\n class=\"avatar\"\r\n [ngClass]=\"[size, shape]\"\r\n [ngStyle]=\"containerStyle\"\r\n>\r\n @if (imageUrl) {\r\n <img [src]=\"imageUrl\" [alt]=\"name || 'avatar'\" class=\"avatar__image\" />\r\n } @else if (initials) {\r\n <span class=\"body-large\" style=\"color: var(--ColorText-colorTextPrimary, #333);\">{{ initials }}</span>\r\n } @else {\r\n @switch (size) {\r\n @case ('xs') {\r\n <ius-icon-xs [iconName]=\"fallbackIconName\"></ius-icon-xs>\r\n }\r\n @case ('sm') {\r\n <ius-icon-sm [iconName]=\"fallbackIconName\"></ius-icon-sm>\r\n }\r\n @case ('md') {\r\n <ius-icon-md [iconName]=\"fallbackIconName\"></ius-icon-md>\r\n }\r\n @case ('lg') {\r\n <ius-icon-lg [iconName]=\"fallbackIconName\"></ius-icon-lg>\r\n }\r\n @case ('xl') {\r\n <ius-icon-xl [iconName]=\"fallbackIconName\"></ius-icon-xl>\r\n }\r\n @case ('xxl') {\r\n <ius-icon-xxl [iconName]=\"fallbackIconName\"></ius-icon-xxl>\r\n }\r\n }\r\n }\r\n\r\n @if (showEditButton) {\r\n <div class=\"avatar__edit-overlay\" (click)=\"onEditClick($event)\">\r\n <div class=\"avatar__edit-btn\">\r\n <ius-icon-sm iconName=\"icon-edit\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}:host{display:inline-block}.avatar{position:relative;display:flex;justify-content:center;align-items:center;background-color:#e6fdff;overflow:hidden;flex-shrink:0}.avatar.circle{border-radius:50%}.avatar.square{border-radius:8px}.avatar.xs{width:14px;height:14px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}.avatar.xl{width:64px;height:64px}.avatar.xxl{width:96px;height:96px}.avatar__image{width:100%;height:100%;object-fit:cover;display:block}.avatar__edit-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:var(--Info-Color-Info-200, #C4DFFF);opacity:0;transition:opacity .2s ease;cursor:pointer}.avatar__edit-btn{display:flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:50%;background-color:#fff;color:#333;pointer-events:none}.avatar:hover .avatar__edit-overlay{opacity:1}\n"] }]
|
|
7495
7634
|
}], propDecorators: { imageUrl: [{
|
|
7496
7635
|
type: Input
|
|
7497
7636
|
}], name: [{
|
|
@@ -7510,6 +7649,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7510
7649
|
type: Output
|
|
7511
7650
|
}] } });
|
|
7512
7651
|
|
|
7652
|
+
class AvatarBusinessComponent {
|
|
7653
|
+
constructor() {
|
|
7654
|
+
this.size = 'md';
|
|
7655
|
+
this.shape = 'circle';
|
|
7656
|
+
this.showEditButton = false;
|
|
7657
|
+
this.fallbackIconName = 'icon-business-center';
|
|
7658
|
+
this.editClicked = new EventEmitter();
|
|
7659
|
+
}
|
|
7660
|
+
onEditClick(event) {
|
|
7661
|
+
event.stopPropagation();
|
|
7662
|
+
this.editClicked.emit();
|
|
7663
|
+
}
|
|
7664
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarBusinessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7665
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AvatarBusinessComponent, isStandalone: true, selector: "ius-avatar-business", inputs: { imageUrl: "imageUrl", label: "label", size: "size", shape: "shape", showEditButton: "showEditButton", fallbackIconName: "fallbackIconName" }, outputs: { editClicked: "editClicked" }, ngImport: i0, template: "<div\r\n class=\"avatar-business\"\r\n [ngClass]=\"[size, shape]\"\r\n>\r\n @if (imageUrl) {\r\n <img [src]=\"imageUrl\" [alt]=\"label || 'avatar'\" class=\"avatar-business__image\" />\r\n } @else if (label) {\r\n <span class=\"body-large avatar-business__label\">{{ label }}</span>\r\n } @else {\r\n @switch (size) {\r\n @case ('xs') {\r\n <ius-icon-xs class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xs>\r\n }\r\n @case ('sm') {\r\n <ius-icon-sm class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-sm>\r\n }\r\n @case ('md') {\r\n <ius-icon-md class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-md>\r\n }\r\n @case ('lg') {\r\n <ius-icon-lg class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-lg>\r\n }\r\n @case ('xl') {\r\n <ius-icon-xl class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xl>\r\n }\r\n @case ('xxl') {\r\n <ius-icon-xxl class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xxl>\r\n }\r\n }\r\n }\r\n\r\n @if (showEditButton) {\r\n <div class=\"avatar-business__edit-overlay\" (click)=\"onEditClick($event)\">\r\n <div class=\"avatar-business__edit-btn\">\r\n <ius-icon-sm iconName=\"icon-edit\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [":host{display:inline-block}.avatar-business{position:relative;display:flex;justify-content:center;align-items:center;background-color:#edf6ff;overflow:hidden;flex-shrink:0}.avatar-business.circle{border-radius:50%}.avatar-business.square{border-radius:8px}.avatar-business.xs{width:14px;height:14px}.avatar-business.sm{width:24px;height:24px}.avatar-business.md{width:32px;height:32px}.avatar-business.lg{width:40px;height:40px}.avatar-business.xl{width:64px;height:64px}.avatar-business.xxl{width:96px;height:96px}.avatar-business__image{width:100%;height:100%;object-fit:cover;display:block}.avatar-business__label{color:var(--ColorText-colorTextPrimary, #333);-webkit-user-select:none;user-select:none}.avatar-business__edit-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;border:.5px solid var(--Stroke, #EAEAEA);opacity:0;transition:opacity .2s ease;cursor:pointer}.avatar-business__edit-overlay:active{background-color:#fafafa}.avatar-business__edit-btn{display:flex;justify-content:center;align-items:center;width:38px;height:38px;border-radius:50%;background-color:#fff;color:#333;pointer-events:none}.avatar-business:hover .avatar-business__edit-overlay{opacity:1}.icon{color:#c4dfff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: IconLgComponent, selector: "ius-icon-lg", inputs: ["iconName", "color"] }, { kind: "component", type: IconXlComponent, selector: "ius-icon-xl", inputs: ["iconName", "color"] }, { kind: "component", type: IconXxlComponent, selector: "ius-icon-xxl", inputs: ["iconName", "color"] }] }); }
|
|
7666
|
+
}
|
|
7667
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarBusinessComponent, decorators: [{
|
|
7668
|
+
type: Component,
|
|
7669
|
+
args: [{ selector: 'ius-avatar-business', standalone: true, imports: [
|
|
7670
|
+
CommonModule,
|
|
7671
|
+
IconXsComponent,
|
|
7672
|
+
IconSmComponent,
|
|
7673
|
+
IconMdComponent,
|
|
7674
|
+
IconLgComponent,
|
|
7675
|
+
IconXlComponent,
|
|
7676
|
+
IconXxlComponent,
|
|
7677
|
+
], template: "<div\r\n class=\"avatar-business\"\r\n [ngClass]=\"[size, shape]\"\r\n>\r\n @if (imageUrl) {\r\n <img [src]=\"imageUrl\" [alt]=\"label || 'avatar'\" class=\"avatar-business__image\" />\r\n } @else if (label) {\r\n <span class=\"body-large avatar-business__label\">{{ label }}</span>\r\n } @else {\r\n @switch (size) {\r\n @case ('xs') {\r\n <ius-icon-xs class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xs>\r\n }\r\n @case ('sm') {\r\n <ius-icon-sm class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-sm>\r\n }\r\n @case ('md') {\r\n <ius-icon-md class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-md>\r\n }\r\n @case ('lg') {\r\n <ius-icon-lg class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-lg>\r\n }\r\n @case ('xl') {\r\n <ius-icon-xl class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xl>\r\n }\r\n @case ('xxl') {\r\n <ius-icon-xxl class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xxl>\r\n }\r\n }\r\n }\r\n\r\n @if (showEditButton) {\r\n <div class=\"avatar-business__edit-overlay\" (click)=\"onEditClick($event)\">\r\n <div class=\"avatar-business__edit-btn\">\r\n <ius-icon-sm iconName=\"icon-edit\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [":host{display:inline-block}.avatar-business{position:relative;display:flex;justify-content:center;align-items:center;background-color:#edf6ff;overflow:hidden;flex-shrink:0}.avatar-business.circle{border-radius:50%}.avatar-business.square{border-radius:8px}.avatar-business.xs{width:14px;height:14px}.avatar-business.sm{width:24px;height:24px}.avatar-business.md{width:32px;height:32px}.avatar-business.lg{width:40px;height:40px}.avatar-business.xl{width:64px;height:64px}.avatar-business.xxl{width:96px;height:96px}.avatar-business__image{width:100%;height:100%;object-fit:cover;display:block}.avatar-business__label{color:var(--ColorText-colorTextPrimary, #333);-webkit-user-select:none;user-select:none}.avatar-business__edit-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;border:.5px solid var(--Stroke, #EAEAEA);opacity:0;transition:opacity .2s ease;cursor:pointer}.avatar-business__edit-overlay:active{background-color:#fafafa}.avatar-business__edit-btn{display:flex;justify-content:center;align-items:center;width:38px;height:38px;border-radius:50%;background-color:#fff;color:#333;pointer-events:none}.avatar-business:hover .avatar-business__edit-overlay{opacity:1}.icon{color:#c4dfff}\n"] }]
|
|
7678
|
+
}], propDecorators: { imageUrl: [{
|
|
7679
|
+
type: Input
|
|
7680
|
+
}], label: [{
|
|
7681
|
+
type: Input
|
|
7682
|
+
}], size: [{
|
|
7683
|
+
type: Input
|
|
7684
|
+
}], shape: [{
|
|
7685
|
+
type: Input
|
|
7686
|
+
}], showEditButton: [{
|
|
7687
|
+
type: Input
|
|
7688
|
+
}], fallbackIconName: [{
|
|
7689
|
+
type: Input
|
|
7690
|
+
}], editClicked: [{
|
|
7691
|
+
type: Output
|
|
7692
|
+
}] } });
|
|
7693
|
+
|
|
7513
7694
|
class InfiniteScrollDirective {
|
|
7514
7695
|
constructor(host) {
|
|
7515
7696
|
this.host = host;
|
|
@@ -7564,5 +7745,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7564
7745
|
* Generated bundle index. Do not edit.
|
|
7565
7746
|
*/
|
|
7566
7747
|
|
|
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 };
|
|
7748
|
+
export { AlertComponent, AvatarBusinessComponent, 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, CreateTicketComponent, 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 };
|
|
7568
7749
|
//# sourceMappingURL=litigiovirtual-ius-design-components.mjs.map
|