@litigiovirtual/ius-design-components 1.0.296 → 1.0.298
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 +1 -1
- package/esm2022/lib/avatar-v2/avatar-v2.component.mjs +17 -4
- package/esm2022/lib/button-standard-outline/index.mjs +1 -1
- package/esm2022/lib/card-actividad-evento/card-actividad-evento.component.mjs +209 -0
- package/esm2022/lib/card-actividad-evento/index.mjs +2 -0
- package/esm2022/lib/card-etapa-subetapa/card-etapa-subetapa.component.mjs +124 -0
- package/esm2022/lib/card-etapa-subetapa/index.mjs +2 -0
- package/esm2022/lib/card-impulso-procesal/card-impulso-procesal.component.mjs +120 -0
- package/esm2022/lib/card-impulso-procesal/index.mjs +2 -0
- package/esm2022/lib/card-vigilancia-judicial/card-vigilancia-judicial.component.mjs +129 -0
- package/esm2022/lib/card-vigilancia-judicial/index.mjs +2 -0
- package/esm2022/lib/create-ticket/create-ticket.component.mjs +3 -3
- package/esm2022/lib/create-ticket/index.mjs +1 -1
- package/esm2022/lib/custom-dropdown/custom-dropdown.component.mjs +3 -3
- package/esm2022/lib/notification-card/notification-card.component.mjs +3 -3
- package/esm2022/public-api.mjs +5 -1
- package/esm2022/utils/currency-format.pipe.mjs +1 -1
- package/esm2022/utils/date-format.util.mjs +1 -1
- package/esm2022/utils/file-mime.util.mjs +1 -1
- package/esm2022/utils/file-size.util.mjs +1 -1
- package/esm2022/utils/formato-hora.pipe.mjs +1 -1
- package/esm2022/utils/list-filter.util.mjs +1 -1
- package/esm2022/utils/public-api.mjs +1 -1
- package/fesm2022/litigiovirtual-ius-design-components-utils.mjs.map +1 -1
- package/fesm2022/litigiovirtual-ius-design-components.mjs +565 -10
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/avatar-v2/avatar-v2.component.d.ts +3 -0
- package/lib/card-actividad-evento/card-actividad-evento.component.d.ts +62 -0
- package/lib/card-actividad-evento/index.d.ts +1 -0
- package/lib/card-etapa-subetapa/card-etapa-subetapa.component.d.ts +32 -0
- package/lib/card-etapa-subetapa/index.d.ts +1 -0
- package/lib/card-impulso-procesal/card-impulso-procesal.component.d.ts +31 -0
- package/lib/card-impulso-procesal/index.d.ts +1 -0
- package/lib/card-vigilancia-judicial/card-vigilancia-judicial.component.d.ts +28 -0
- package/lib/card-vigilancia-judicial/index.d.ts +1 -0
- package/package.json +1 -1
- package/public-api.d.ts +4 -0
|
@@ -1743,9 +1743,15 @@ class AvatarV2Component {
|
|
|
1743
1743
|
this.fallbackIconName = 'icon-account-circle';
|
|
1744
1744
|
this.editClicked = new EventEmitter();
|
|
1745
1745
|
this.initials = '';
|
|
1746
|
+
// Indica que la carga de imageUrl falló (404, formato inválido, enlace caído) //
|
|
1747
|
+
this.imageLoadError = false;
|
|
1748
|
+
}
|
|
1749
|
+
// Solo debe renderizarse la <img> si hay URL válida y no ha fallado su carga. //
|
|
1750
|
+
get showImage() {
|
|
1751
|
+
return !!this.imageUrl && this.imageUrl !== '' && !this.imageLoadError;
|
|
1746
1752
|
}
|
|
1747
1753
|
get containerStyle() {
|
|
1748
|
-
if (!this.
|
|
1754
|
+
if (!this.showImage && this.backgroundColor) {
|
|
1749
1755
|
return { 'background-color': this.backgroundColor };
|
|
1750
1756
|
}
|
|
1751
1757
|
return {};
|
|
@@ -1754,6 +1760,13 @@ class AvatarV2Component {
|
|
|
1754
1760
|
if (changes['name']) {
|
|
1755
1761
|
this.initials = this.extractInitials(this.name);
|
|
1756
1762
|
}
|
|
1763
|
+
// Al cambiar la URL, reintentamos la carga limpiando el estado de error previo.
|
|
1764
|
+
if (changes['imageUrl']) {
|
|
1765
|
+
this.imageLoadError = false;
|
|
1766
|
+
}
|
|
1767
|
+
}
|
|
1768
|
+
onImageError() {
|
|
1769
|
+
this.imageLoadError = true;
|
|
1757
1770
|
}
|
|
1758
1771
|
onEditClick(event) {
|
|
1759
1772
|
event.stopPropagation();
|
|
@@ -1768,7 +1781,7 @@ class AvatarV2Component {
|
|
|
1768
1781
|
return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();
|
|
1769
1782
|
}
|
|
1770
1783
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1771
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AvatarV2Component, isStandalone: true, selector: "ius-avatar-v2", inputs: { imageUrl: "imageUrl", name: "name", size: "size", shape: "shape", showEditButton: "showEditButton", backgroundColor: "backgroundColor", fallbackIconName: "fallbackIconName" }, outputs: { editClicked: "editClicked" }, usesOnChanges: true, ngImport: i0, template: "<div\r\n class=\"avatar\"\r\n [ngClass]=\"[size, shape]\"\r\n [class.has-image]=\"
|
|
1784
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AvatarV2Component, isStandalone: true, selector: "ius-avatar-v2", inputs: { imageUrl: "imageUrl", name: "name", size: "size", shape: "shape", showEditButton: "showEditButton", backgroundColor: "backgroundColor", fallbackIconName: "fallbackIconName" }, outputs: { editClicked: "editClicked" }, usesOnChanges: true, ngImport: i0, template: "<div\r\n class=\"avatar\"\r\n [ngClass]=\"[size, shape]\"\r\n [class.has-image]=\"showImage\"\r\n [ngStyle]=\"containerStyle\"\r\n>\r\n @if (showImage) {\r\n <img\r\n [src]=\"imageUrl\"\r\n [alt]=\"name || 'avatar'\"\r\n class=\"avatar__image\"\r\n (error)=\"onImageError()\"\r\n />\r\n } @else if (initials) {\r\n <span class=\"body-large\" style=\"color: var(--ColorText-colorTextPrimary, #333);\">{{ initials }}</span>\r\n } @else {\r\n @switch (size) {\r\n @case ('xs') {\r\n <ius-icon-xs class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xs>\r\n }\r\n @case ('sm') {\r\n <ius-icon-sm class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-sm>\r\n }\r\n @case ('md') {\r\n <ius-icon-md class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-md>\r\n }\r\n @case ('lg') {\r\n <ius-icon-lg class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-lg>\r\n }\r\n @case ('xl') {\r\n <ius-icon-xl class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xl>\r\n }\r\n @case ('xxl') {\r\n <ius-icon-xxl class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xxl>\r\n }\r\n }\r\n }\r\n\r\n @if (showEditButton) {\r\n <div class=\"avatar__edit-overlay\" (click)=\"onEditClick($event)\">\r\n <div class=\"avatar__edit-btn\">\r\n <ius-icon-sm iconName=\"icon-edit\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}:host{display:inline-block}.avatar{position:relative;display:flex;justify-content:center;align-items:center;background-color:#edf6ff;overflow:hidden;flex-shrink:0}.avatar.circle{border-radius:50%}.avatar.square{border-radius:8px}.avatar.xs{width:14px;height:14px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}.avatar.xl{width:64px;height:64px}.avatar.xxl{width:96px;height:96px}.avatar__image{width:100%;height:100%;object-fit:cover;display:block}.avatar__edit-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:var(--Info-Color-Info-200, #C4DFFF);opacity:0;transition:opacity .2s ease,background-color .2s ease;cursor:pointer}.avatar.has-image .avatar__edit-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff3}.avatar__edit-btn{display:flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:50%;background-color:#fff;color:#333;pointer-events:none}.avatar:hover .avatar__edit-overlay{opacity:1}.icon{color:#c4dfff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: IconXlComponent, selector: "ius-icon-xl", inputs: ["iconName", "color"] }, { kind: "component", type: IconXxlComponent, selector: "ius-icon-xxl", inputs: ["iconName", "color"] }, { kind: "component", type: IconLgComponent, selector: "ius-icon-lg", inputs: ["iconName", "color"] }] }); }
|
|
1772
1785
|
}
|
|
1773
1786
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarV2Component, decorators: [{
|
|
1774
1787
|
type: Component,
|
|
@@ -1780,7 +1793,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1780
1793
|
IconXlComponent,
|
|
1781
1794
|
IconXxlComponent,
|
|
1782
1795
|
IconLgComponent
|
|
1783
|
-
], template: "<div\r\n class=\"avatar\"\r\n [ngClass]=\"[size, shape]\"\r\n [class.has-image]=\"
|
|
1796
|
+
], template: "<div\r\n class=\"avatar\"\r\n [ngClass]=\"[size, shape]\"\r\n [class.has-image]=\"showImage\"\r\n [ngStyle]=\"containerStyle\"\r\n>\r\n @if (showImage) {\r\n <img\r\n [src]=\"imageUrl\"\r\n [alt]=\"name || 'avatar'\"\r\n class=\"avatar__image\"\r\n (error)=\"onImageError()\"\r\n />\r\n } @else if (initials) {\r\n <span class=\"body-large\" style=\"color: var(--ColorText-colorTextPrimary, #333);\">{{ initials }}</span>\r\n } @else {\r\n @switch (size) {\r\n @case ('xs') {\r\n <ius-icon-xs class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xs>\r\n }\r\n @case ('sm') {\r\n <ius-icon-sm class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-sm>\r\n }\r\n @case ('md') {\r\n <ius-icon-md class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-md>\r\n }\r\n @case ('lg') {\r\n <ius-icon-lg class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-lg>\r\n }\r\n @case ('xl') {\r\n <ius-icon-xl class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xl>\r\n }\r\n @case ('xxl') {\r\n <ius-icon-xxl class=\"icon\" [iconName]=\"fallbackIconName\"></ius-icon-xxl>\r\n }\r\n }\r\n }\r\n\r\n @if (showEditButton) {\r\n <div class=\"avatar__edit-overlay\" (click)=\"onEditClick($event)\">\r\n <div class=\"avatar__edit-btn\">\r\n <ius-icon-sm iconName=\"icon-edit\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}:host{display:inline-block}.avatar{position:relative;display:flex;justify-content:center;align-items:center;background-color:#edf6ff;overflow:hidden;flex-shrink:0}.avatar.circle{border-radius:50%}.avatar.square{border-radius:8px}.avatar.xs{width:14px;height:14px}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}.avatar.xl{width:64px;height:64px}.avatar.xxl{width:96px;height:96px}.avatar__image{width:100%;height:100%;object-fit:cover;display:block}.avatar__edit-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:var(--Info-Color-Info-200, #C4DFFF);opacity:0;transition:opacity .2s ease,background-color .2s ease;cursor:pointer}.avatar.has-image .avatar__edit-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff3}.avatar__edit-btn{display:flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:50%;background-color:#fff;color:#333;pointer-events:none}.avatar:hover .avatar__edit-overlay{opacity:1}.icon{color:#c4dfff}\n"] }]
|
|
1784
1797
|
}], propDecorators: { imageUrl: [{
|
|
1785
1798
|
type: Input
|
|
1786
1799
|
}], name: [{
|
|
@@ -4192,7 +4205,7 @@ class CustomDropdownComponent {
|
|
|
4192
4205
|
this._closePanel();
|
|
4193
4206
|
}
|
|
4194
4207
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomDropdownComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4195
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CustomDropdownComponent, isStandalone: true, selector: "ius-custom-dropdown", inputs: { componentId: "componentId", required: "required", disabled: "disabled", showHelpText: "showHelpText", error: "error", labelSuperior: "labelSuperior", labelInferior: "labelInferior", errorText: "errorText", labelInput: "labelInput", iconInput: "iconInput", placeholderAddText: "placeholderAddText", iconBtnAdd: "iconBtnAdd", textBtnAdd: "textBtnAdd", textInput: "textInput", element: "element", debounceMs: "debounceMs", enableInfiniteScroll: "enableInfiniteScroll", loading: "loading" }, outputs: { onChangesValueEvent: "onChangesValueEvent", onEnterKey: "onEnterKey", onAddElement: "onAddElement", onBlurEvent: "onBlurEvent", onFocusEvent: "onFocusEvent", onScrolledToEnd: "onScrolledToEnd" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, viewQueries: [{ propertyName: "listPanel", first: true, predicate: ["listPanel"], descendants: true }], ngImport: i0, template: "<div class=\"container-general\" [id]=\"componentId\">\n\n <!-- Label superior -->\n @if (labelSuperior) {\n <div class=\"container-label-sup\" [ngClass]=\"{ disabled: disabled }\">\n @if (!disabled && required) {\n <div class=\"icon-dot\"></div>\n }\n <span>{{ labelSuperior }}</span>\n @if (!disabled && showHelpText) {\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\n }\n <span>:</span>\n </div>\n }\n\n <!-- Input principal -->\n <div\n class=\"container-textfield\"\n [ngClass]=\"{\n disabled: disabled,\n focused: isFocused,\n alert: (!isFocused && isAlertText && !disabled) || (error && !disabled)\n }\"\n (click)=\"onFocus()\"\n >\n @if (iconInput) {\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\n }\n <input\n type=\"text\"\n [(ngModel)]=\"textInput\"\n [placeholder]=\"labelInput\"\n [disabled]=\"disabled\"\n (input)=\"onInput()\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (keypress)=\"onKeyPress($event)\"\n />\n <div class=\"cnt-icon-right\">\n @if (!showList) {\n <ius-icon-md iconName=\"icon-keyboard-arrow-down\" class=\"icon-arrows\"></ius-icon-md>\n } @else {\n <div (click)=\"closeList($event)\" style=\"height: 20px;\">\n <ius-icon-md iconName=\"icon-keyboard-arrow-up\" class=\"icon-arrows\"></ius-icon-md>\n </div>\n }\n </div>\n </div>\n\n <!-- Label inferior -->\n @if (labelInferior && isFocused && !error) {\n <span class=\"label-inf\">{{ labelInferior }}</span>\n }\n @if ((errorText || labelInferior) && ((!isFocused && isAlertText && !disabled) || (error && !disabled))) {\n <span class=\"label-inf\" [ngClass]=\"{ alert: (!isFocused && isAlertText && !disabled) || (error && !disabled) }\">\n {{ errorText ?? labelInferior }}\n </span>\n }\n\n <!-- Lista de opciones (CDK overlay) -->\n <ng-template #listPanel>\n <div class=\"container-options\">\n <div class=\"container-list scrollable-small\" (scroll)=\"onListScroll($event)\">\n <div (click)=\"onSelectOption()\">\n <ng-content selector=\"ius-option\"></ng-content>\n </div>\n @if (loading) {\n <div class=\"cnt-loading-option\">Cargando\u2026</div>\n }\n </div>\n <ius-simple-divider></ius-simple-divider>\n <div class=\"add-data\">\n <div class=\"container-text\">\n <input\n type=\"text\"\n class=\"input-text\"\n [(ngModel)]=\"element\"\n (keypress)=\"onKeyPressAddElement($event)\"\n [placeholder]=\"placeholderAddText\"\n />\n </div>\n <div class=\"button-add-option\">\n <ius-button-standard-tertiary\n [iconName]=\"iconBtnAdd\"\n (click)=\"onClickAddElement()\"\n >\n {{ textBtnAdd }}\n </ius-button-standard-tertiary>\n </div>\n </div>\n </div>\n </ng-template>\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}.container-general{position:relative;height:100%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container-textfield:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled .icon-color,.container-textfield.disabled .icon-arrows{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-arrows{color:#333}.icon-color-help{color:#8c8c8c}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.cnt-icon-right{display:flex;align-items:center;justify-content:center;background:none;padding:0;color:#333}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.label-inf.alert{color:#931224}.container-options{width:100%;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.container-list{max-height:144px;display:flex;flex-direction:column;margin-top:4px;overflow-y:auto}.add-data{display:flex;padding-top:8px;padding-bottom:8px;align-items:center;gap:10px;width:100%;background:#fff;border-radius:8px}.add-data .container-text{display:flex;width:60%;align-items:flex-start;gap:4px}.add-data .container-text .input-text{width:100%;display:flex;margin-left:10px;padding:12px;justify-content:center;align-items:flex-start;gap:4px;border-radius:8px;background:#f5f5f5}.add-data .button-add-option{margin-right:10px;width:40%}.scrollable-small::-webkit-scrollbar{-webkit-appearance:none}.scrollable-small::-webkit-scrollbar:vertical{width:4px;height:32px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar:horizontal{height:5px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar-thumb{background-color:#08a6db;border-radius:4px}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: ButtonStandardTertiaryComponent, selector: "ius-button-standard-tertiary", inputs: ["disabled", "iconName", "prefixIcon", "sufixIcon"], outputs: ["buttonClicked"] }] }); }
|
|
4208
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CustomDropdownComponent, isStandalone: true, selector: "ius-custom-dropdown", inputs: { componentId: "componentId", required: "required", disabled: "disabled", showHelpText: "showHelpText", error: "error", labelSuperior: "labelSuperior", labelInferior: "labelInferior", errorText: "errorText", labelInput: "labelInput", iconInput: "iconInput", placeholderAddText: "placeholderAddText", iconBtnAdd: "iconBtnAdd", textBtnAdd: "textBtnAdd", textInput: "textInput", element: "element", debounceMs: "debounceMs", enableInfiniteScroll: "enableInfiniteScroll", loading: "loading" }, outputs: { onChangesValueEvent: "onChangesValueEvent", onEnterKey: "onEnterKey", onAddElement: "onAddElement", onBlurEvent: "onBlurEvent", onFocusEvent: "onFocusEvent", onScrolledToEnd: "onScrolledToEnd" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, viewQueries: [{ propertyName: "listPanel", first: true, predicate: ["listPanel"], descendants: true }], ngImport: i0, template: "<div class=\"container-general\" [id]=\"componentId\">\r\n\r\n <!-- Label superior -->\r\n @if (labelSuperior) {\r\n <div class=\"container-label-sup\" [ngClass]=\"{ disabled: disabled }\">\r\n @if (!disabled && required) {\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span>{{ labelSuperior }}</span>\r\n @if (!disabled && showHelpText) {\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n }\r\n <span>:</span>\r\n </div>\r\n }\r\n\r\n <!-- Input principal -->\r\n <div\r\n class=\"container-textfield\"\r\n [ngClass]=\"{\r\n disabled: disabled,\r\n focused: isFocused,\r\n alert: (!isFocused && isAlertText && !disabled) || (error && !disabled)\r\n }\"\r\n (click)=\"onFocus()\"\r\n >\r\n @if (iconInput) {\r\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <input\r\n type=\"text\"\r\n [(ngModel)]=\"textInput\"\r\n [placeholder]=\"labelInput\"\r\n [disabled]=\"disabled\"\r\n (input)=\"onInput()\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\"\r\n (keypress)=\"onKeyPress($event)\"\r\n />\r\n <div class=\"cnt-icon-right\">\r\n @if (!showList) {\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-down\" class=\"icon-arrows\"></ius-icon-md>\r\n } @else {\r\n <div (click)=\"closeList($event)\" style=\"height: 20px;\">\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-up\" class=\"icon-arrows\"></ius-icon-md>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n\r\n <!-- Label inferior -->\r\n @if (labelInferior && isFocused && !error) {\r\n <span class=\"label-inf\">{{ labelInferior }}</span>\r\n }\r\n @if ((errorText || labelInferior) && ((!isFocused && isAlertText && !disabled) || (error && !disabled))) {\r\n <span class=\"label-inf\" [ngClass]=\"{ alert: (!isFocused && isAlertText && !disabled) || (error && !disabled) }\">\r\n {{ errorText ?? labelInferior }}\r\n </span>\r\n }\r\n\r\n <!-- Lista de opciones (CDK overlay) -->\r\n <ng-template #listPanel>\r\n <div class=\"container-options\">\r\n <div class=\"container-list scrollable-small\" (scroll)=\"onListScroll($event)\">\r\n <div (click)=\"onSelectOption()\">\r\n <ng-content selector=\"ius-option\"></ng-content>\r\n </div>\r\n @if (loading) {\r\n <div class=\"cnt-loading-option\">Cargando\u2026</div>\r\n }\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"add-data\">\r\n <div class=\"container-text\">\r\n <input\r\n type=\"text\"\r\n class=\"input-text\"\r\n [(ngModel)]=\"element\"\r\n (keypress)=\"onKeyPressAddElement($event)\"\r\n [placeholder]=\"placeholderAddText\"\r\n />\r\n </div>\r\n <div class=\"button-add-option\">\r\n <ius-button-standard-tertiary\r\n [iconName]=\"iconBtnAdd\"\r\n (click)=\"onClickAddElement()\"\r\n >\r\n {{ textBtnAdd }}\r\n </ius-button-standard-tertiary>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container-textfield:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled .icon-color,.container-textfield.disabled .icon-arrows{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-arrows{color:#333}.icon-color-help{color:#8c8c8c}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.cnt-icon-right{display:flex;align-items:center;justify-content:center;background:none;padding:0;color:#333}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.label-inf.alert{color:#931224}.container-options{width:100%;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.container-list{max-height:144px;display:flex;flex-direction:column;margin-top:4px;overflow-y:auto}.add-data{display:flex;padding-top:8px;padding-bottom:8px;align-items:center;gap:10px;width:100%;background:#fff;border-radius:8px}.add-data .container-text{display:flex;width:60%;align-items:flex-start;gap:4px}.add-data .container-text .input-text{width:100%;display:flex;margin-left:10px;padding:12px;justify-content:center;align-items:flex-start;gap:4px;border-radius:8px;background:#f5f5f5}.add-data .button-add-option{margin-right:10px;width:40%}.scrollable-small::-webkit-scrollbar{-webkit-appearance:none}.scrollable-small::-webkit-scrollbar:vertical{width:4px;height:32px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar:horizontal{height:5px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar-thumb{background-color:#08a6db;border-radius:4px}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: ButtonStandardTertiaryComponent, selector: "ius-button-standard-tertiary", inputs: ["disabled", "iconName", "prefixIcon", "sufixIcon"], outputs: ["buttonClicked"] }] }); }
|
|
4196
4209
|
}
|
|
4197
4210
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomDropdownComponent, decorators: [{
|
|
4198
4211
|
type: Component,
|
|
@@ -4202,7 +4215,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
4202
4215
|
CommonModule,
|
|
4203
4216
|
SimpleDividerComponent,
|
|
4204
4217
|
ButtonStandardTertiaryComponent
|
|
4205
|
-
], template: "<div class=\"container-general\" [id]=\"componentId\">\n\n <!-- Label superior -->\n @if (labelSuperior) {\n <div class=\"container-label-sup\" [ngClass]=\"{ disabled: disabled }\">\n @if (!disabled && required) {\n <div class=\"icon-dot\"></div>\n }\n <span>{{ labelSuperior }}</span>\n @if (!disabled && showHelpText) {\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\n }\n <span>:</span>\n </div>\n }\n\n <!-- Input principal -->\n <div\n class=\"container-textfield\"\n [ngClass]=\"{\n disabled: disabled,\n focused: isFocused,\n alert: (!isFocused && isAlertText && !disabled) || (error && !disabled)\n }\"\n (click)=\"onFocus()\"\n >\n @if (iconInput) {\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\n }\n <input\n type=\"text\"\n [(ngModel)]=\"textInput\"\n [placeholder]=\"labelInput\"\n [disabled]=\"disabled\"\n (input)=\"onInput()\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (keypress)=\"onKeyPress($event)\"\n />\n <div class=\"cnt-icon-right\">\n @if (!showList) {\n <ius-icon-md iconName=\"icon-keyboard-arrow-down\" class=\"icon-arrows\"></ius-icon-md>\n } @else {\n <div (click)=\"closeList($event)\" style=\"height: 20px;\">\n <ius-icon-md iconName=\"icon-keyboard-arrow-up\" class=\"icon-arrows\"></ius-icon-md>\n </div>\n }\n </div>\n </div>\n\n <!-- Label inferior -->\n @if (labelInferior && isFocused && !error) {\n <span class=\"label-inf\">{{ labelInferior }}</span>\n }\n @if ((errorText || labelInferior) && ((!isFocused && isAlertText && !disabled) || (error && !disabled))) {\n <span class=\"label-inf\" [ngClass]=\"{ alert: (!isFocused && isAlertText && !disabled) || (error && !disabled) }\">\n {{ errorText ?? labelInferior }}\n </span>\n }\n\n <!-- Lista de opciones (CDK overlay) -->\n <ng-template #listPanel>\n <div class=\"container-options\">\n <div class=\"container-list scrollable-small\" (scroll)=\"onListScroll($event)\">\n <div (click)=\"onSelectOption()\">\n <ng-content selector=\"ius-option\"></ng-content>\n </div>\n @if (loading) {\n <div class=\"cnt-loading-option\">Cargando\u2026</div>\n }\n </div>\n <ius-simple-divider></ius-simple-divider>\n <div class=\"add-data\">\n <div class=\"container-text\">\n <input\n type=\"text\"\n class=\"input-text\"\n [(ngModel)]=\"element\"\n (keypress)=\"onKeyPressAddElement($event)\"\n [placeholder]=\"placeholderAddText\"\n />\n </div>\n <div class=\"button-add-option\">\n <ius-button-standard-tertiary\n [iconName]=\"iconBtnAdd\"\n (click)=\"onClickAddElement()\"\n >\n {{ textBtnAdd }}\n </ius-button-standard-tertiary>\n </div>\n </div>\n </div>\n </ng-template>\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}.container-general{position:relative;height:100%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container-textfield:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled .icon-color,.container-textfield.disabled .icon-arrows{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-arrows{color:#333}.icon-color-help{color:#8c8c8c}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.cnt-icon-right{display:flex;align-items:center;justify-content:center;background:none;padding:0;color:#333}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.label-inf.alert{color:#931224}.container-options{width:100%;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.container-list{max-height:144px;display:flex;flex-direction:column;margin-top:4px;overflow-y:auto}.add-data{display:flex;padding-top:8px;padding-bottom:8px;align-items:center;gap:10px;width:100%;background:#fff;border-radius:8px}.add-data .container-text{display:flex;width:60%;align-items:flex-start;gap:4px}.add-data .container-text .input-text{width:100%;display:flex;margin-left:10px;padding:12px;justify-content:center;align-items:flex-start;gap:4px;border-radius:8px;background:#f5f5f5}.add-data .button-add-option{margin-right:10px;width:40%}.scrollable-small::-webkit-scrollbar{-webkit-appearance:none}.scrollable-small::-webkit-scrollbar:vertical{width:4px;height:32px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar:horizontal{height:5px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar-thumb{background-color:#08a6db;border-radius:4px}\n"] }]
|
|
4218
|
+
], template: "<div class=\"container-general\" [id]=\"componentId\">\r\n\r\n <!-- Label superior -->\r\n @if (labelSuperior) {\r\n <div class=\"container-label-sup\" [ngClass]=\"{ disabled: disabled }\">\r\n @if (!disabled && required) {\r\n <div class=\"icon-dot\"></div>\r\n }\r\n <span>{{ labelSuperior }}</span>\r\n @if (!disabled && showHelpText) {\r\n <ius-icon-md iconName=\"icon-help\" class=\"icon-color-help\"></ius-icon-md>\r\n }\r\n <span>:</span>\r\n </div>\r\n }\r\n\r\n <!-- Input principal -->\r\n <div\r\n class=\"container-textfield\"\r\n [ngClass]=\"{\r\n disabled: disabled,\r\n focused: isFocused,\r\n alert: (!isFocused && isAlertText && !disabled) || (error && !disabled)\r\n }\"\r\n (click)=\"onFocus()\"\r\n >\r\n @if (iconInput) {\r\n <ius-icon-md [iconName]=\"iconInput\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <input\r\n type=\"text\"\r\n [(ngModel)]=\"textInput\"\r\n [placeholder]=\"labelInput\"\r\n [disabled]=\"disabled\"\r\n (input)=\"onInput()\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\"\r\n (keypress)=\"onKeyPress($event)\"\r\n />\r\n <div class=\"cnt-icon-right\">\r\n @if (!showList) {\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-down\" class=\"icon-arrows\"></ius-icon-md>\r\n } @else {\r\n <div (click)=\"closeList($event)\" style=\"height: 20px;\">\r\n <ius-icon-md iconName=\"icon-keyboard-arrow-up\" class=\"icon-arrows\"></ius-icon-md>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n\r\n <!-- Label inferior -->\r\n @if (labelInferior && isFocused && !error) {\r\n <span class=\"label-inf\">{{ labelInferior }}</span>\r\n }\r\n @if ((errorText || labelInferior) && ((!isFocused && isAlertText && !disabled) || (error && !disabled))) {\r\n <span class=\"label-inf\" [ngClass]=\"{ alert: (!isFocused && isAlertText && !disabled) || (error && !disabled) }\">\r\n {{ errorText ?? labelInferior }}\r\n </span>\r\n }\r\n\r\n <!-- Lista de opciones (CDK overlay) -->\r\n <ng-template #listPanel>\r\n <div class=\"container-options\">\r\n <div class=\"container-list scrollable-small\" (scroll)=\"onListScroll($event)\">\r\n <div (click)=\"onSelectOption()\">\r\n <ng-content selector=\"ius-option\"></ng-content>\r\n </div>\r\n @if (loading) {\r\n <div class=\"cnt-loading-option\">Cargando\u2026</div>\r\n }\r\n </div>\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"add-data\">\r\n <div class=\"container-text\">\r\n <input\r\n type=\"text\"\r\n class=\"input-text\"\r\n [(ngModel)]=\"element\"\r\n (keypress)=\"onKeyPressAddElement($event)\"\r\n [placeholder]=\"placeholderAddText\"\r\n />\r\n </div>\r\n <div class=\"button-add-option\">\r\n <ius-button-standard-tertiary\r\n [iconName]=\"iconBtnAdd\"\r\n (click)=\"onClickAddElement()\"\r\n >\r\n {{ textBtnAdd }}\r\n </ius-button-standard-tertiary>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-textfield{display:flex;padding:10px 12px;justify-content:center;align-items:flex-start;gap:4px;border:1px solid #f5f5f5;border-radius:8px;background:#f5f5f5;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.container-textfield:hover:not(.disabled):not(.focused):not(.alert){background:#edf6ff}.container-textfield.focused{border:1px solid #0581BC;background:#edf6ff}.container-textfield.disabled{background:#f5f5f5}.container-textfield.disabled .icon-color,.container-textfield.disabled .icon-arrows{color:#bfbfbf}.container-textfield.disabled input::placeholder{color:#bfbfbf;opacity:1}.container-textfield.alert{border:1px solid #DB2E2A;background:#fff4f0}.icon-color{color:#595959}.icon-arrows{color:#333}.icon-color-help{color:#8c8c8c}input{display:flex;align-items:center;flex:1 0 0;border:none;outline:none;background-color:transparent;font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.cnt-icon-right{display:flex;align-items:center;justify-content:center;background:none;padding:0;color:#333}.container-label-sup{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#333;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.container-label-sup.disabled{color:#bfbfbf}.icon-dot{display:flex;align-items:center;width:4px;height:4px;aspect-ratio:1/1;background-color:#db2e2a;border-radius:100px}.label-inf{display:flex;position:absolute;margin-top:4px;color:#595959;font-family:Roboto,sans-serif;font-size:.75rem;font-style:italic;font-weight:500;line-height:16px;letter-spacing:.24px}.label-inf.alert{color:#931224}.container-options{width:100%;border-radius:8px;background:#fff;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.container-list{max-height:144px;display:flex;flex-direction:column;margin-top:4px;overflow-y:auto}.add-data{display:flex;padding-top:8px;padding-bottom:8px;align-items:center;gap:10px;width:100%;background:#fff;border-radius:8px}.add-data .container-text{display:flex;width:60%;align-items:flex-start;gap:4px}.add-data .container-text .input-text{width:100%;display:flex;margin-left:10px;padding:12px;justify-content:center;align-items:flex-start;gap:4px;border-radius:8px;background:#f5f5f5}.add-data .button-add-option{margin-right:10px;width:40%}.scrollable-small::-webkit-scrollbar{-webkit-appearance:none}.scrollable-small::-webkit-scrollbar:vertical{width:4px;height:32px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar:horizontal{height:5px;padding-top:2px;padding-bottom:2px}.scrollable-small::-webkit-scrollbar-thumb{background-color:#08a6db;border-radius:4px}\n"] }]
|
|
4206
4219
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.Overlay }, { type: i0.ViewContainerRef }], propDecorators: { listPanel: [{
|
|
4207
4220
|
type: ViewChild,
|
|
4208
4221
|
args: ['listPanel']
|
|
@@ -4580,11 +4593,11 @@ class NotificationCardComponent {
|
|
|
4580
4593
|
this.onEditActivity.emit();
|
|
4581
4594
|
}
|
|
4582
4595
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationCardComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4583
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: NotificationCardComponent, isStandalone: true, selector: "ius-notification-card", inputs: { date: "date", title: "title", body: "body", simple: "simple", activity: "activity", confirmable: "confirmable", fechaActividad: "fechaActividad", mostrarPosponer: "mostrarPosponer", mostrarEditar: "mostrarEditar", esNavegable: "esNavegable", mostrarAyuda: "mostrarAyuda" }, outputs: { onAccept: "onAccept", onDone: "onDone", onPostpone: "onPostpone", onEditActivity: "onEditActivity", onClickAlert: "onClickAlert" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"general-container\">\n <div class=\"container\">\n <div class=\"data\">\n <div class=\"header\">\n <ius-icon-sm iconName=\"icon-notifications\" class=\"color-pry\"></ius-icon-sm>\n <div class=\"date-title color-pry\" (click)=\"onCardClick()\" [style.cursor]=\"esNavegable ? 'pointer' : 'default'\">\n <div class=\"date\">\n <p>{{ date }}</p>\n </div>\n <div class=\"title\">\n <p>{{ title }}</p>\n </div>\n </div>\n @if (!confirmable) {\n <ius-button-circle-tertiary\n iconName=\"icon-done-outline\"\n iusPopoverContent=\"Descartar\"\n (buttonClicked)=\"onClickDone()\"\n ></ius-button-circle-tertiary>\n } @if ((mostrarPosponer ?? activity) && hayAlgunPreset) {\n <ius-button-circle-tertiary\n iconName=\"icon-history-2\"\n iusPopoverContent=\"Posponer\"\n (buttonClicked)=\"onClickPostpone()\"\n ></ius-button-circle-tertiary>\n } @if (confirmable && mostrarAyuda) {\n <ius-button-circle-tertiary\n iconName=\"icon-help-center\"\n iusPopoverContent=\"Ayuda\"\n ></ius-button-circle-tertiary>\n }\n </div>\n @if (hayAlgunPreset || mostrarEditar) {\n <div class=\"general-container-options\" [class.open]=\"handlePostpone\">\n <div class=\"container-options\">\n <div class=\"options\">\n @if (presetsHabilitados.includes(15)) {\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(15)\">\n Posponer 15 minutos\n </ius-dropdown-option-item>\n }\n @if (presetsHabilitados.includes(30)) {\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(30)\">\n Posponer 30 minutos\n </ius-dropdown-option-item>\n }\n @if (presetsHabilitados.includes(60)) {\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(60)\">\n Posponer 1 hora\n </ius-dropdown-option-item>\n }\n @if (presetsHabilitados.includes(1440)) {\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(1440)\">\n Posponer 1 d\u00EDa\n </ius-dropdown-option-item>\n }\n @if (presetsHabilitados.includes(10080)) {\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(10080)\">\n Posponer 1 semana\n </ius-dropdown-option-item>\n }\n @if (mostrarEditar) {\n <ius-simple-divider></ius-simple-divider>\n <ius-dropdown-option-item (optionClick)=\"onClickEditActivity()\">\n Editar actividad\n </ius-dropdown-option-item>\n }\n </div>\n </div>\n </div>\n }\
|
|
4596
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: NotificationCardComponent, isStandalone: true, selector: "ius-notification-card", inputs: { date: "date", title: "title", body: "body", simple: "simple", activity: "activity", confirmable: "confirmable", fechaActividad: "fechaActividad", mostrarPosponer: "mostrarPosponer", mostrarEditar: "mostrarEditar", esNavegable: "esNavegable", mostrarAyuda: "mostrarAyuda" }, outputs: { onAccept: "onAccept", onDone: "onDone", onPostpone: "onPostpone", onEditActivity: "onEditActivity", onClickAlert: "onClickAlert" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"container\">\r\n <div class=\"data\">\r\n <div class=\"header\">\r\n <ius-icon-sm iconName=\"icon-notifications\" class=\"color-pry\"></ius-icon-sm>\r\n <div class=\"date-title color-pry\" (click)=\"onCardClick()\" [style.cursor]=\"esNavegable ? 'pointer' : 'default'\">\r\n <div class=\"date\">\r\n <p>{{ date }}</p>\r\n </div>\r\n <div class=\"title\">\r\n <p>{{ title }}</p>\r\n </div>\r\n </div>\r\n @if (!confirmable) {\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-done-outline\"\r\n iusPopoverContent=\"Descartar\"\r\n (buttonClicked)=\"onClickDone()\"\r\n ></ius-button-circle-tertiary>\r\n } @if ((mostrarPosponer ?? activity) && hayAlgunPreset) {\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-history-2\"\r\n iusPopoverContent=\"Posponer\"\r\n (buttonClicked)=\"onClickPostpone()\"\r\n ></ius-button-circle-tertiary>\r\n } @if (confirmable && mostrarAyuda) {\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-help-center\"\r\n iusPopoverContent=\"Ayuda\"\r\n ></ius-button-circle-tertiary>\r\n }\r\n </div>\r\n @if (hayAlgunPreset || mostrarEditar) {\r\n <div class=\"general-container-options\" [class.open]=\"handlePostpone\">\r\n <div class=\"container-options\">\r\n <div class=\"options\">\r\n @if (presetsHabilitados.includes(15)) {\r\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(15)\">\r\n Posponer 15 minutos\r\n </ius-dropdown-option-item>\r\n }\r\n @if (presetsHabilitados.includes(30)) {\r\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(30)\">\r\n Posponer 30 minutos\r\n </ius-dropdown-option-item>\r\n }\r\n @if (presetsHabilitados.includes(60)) {\r\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(60)\">\r\n Posponer 1 hora\r\n </ius-dropdown-option-item>\r\n }\r\n @if (presetsHabilitados.includes(1440)) {\r\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(1440)\">\r\n Posponer 1 d\u00EDa\r\n </ius-dropdown-option-item>\r\n }\r\n @if (presetsHabilitados.includes(10080)) {\r\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(10080)\">\r\n Posponer 1 semana\r\n </ius-dropdown-option-item>\r\n }\r\n @if (mostrarEditar) {\r\n <ius-simple-divider></ius-simple-divider>\r\n <ius-dropdown-option-item (optionClick)=\"onClickEditActivity()\">\r\n Editar actividad\r\n </ius-dropdown-option-item>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n <div class=\"body\" (click)=\"onCardClick()\" [style.cursor]=\"esNavegable ? 'pointer' : 'default'\">\r\n <p>{{ body }}</p>\r\n </div>\r\n @if (confirmable) {\r\n <div class=\"btn\">\r\n <ius-button-standard-secondary (buttonClicked)=\"onClickAccept()\"\r\n >Aceptar</ius-button-standard-secondary\r\n >\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.general-container{position:relative}.container{display:flex;padding:12px 16px;flex-direction:column;align-items:flex-start;gap:5px;border-radius:8px;border:1px solid #d9d9d9}.color-pry{color:#333}.data{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.header{display:flex;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.header .date-title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.header .date-title .date{display:flex;align-items:center;gap:12px;align-self:stretch}.header .date-title .date p{margin:0;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.header .date-title .title{display:flex;align-items:center;gap:12px;align-self:stretch}.header .date-title .title p{margin:0;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.body p{margin:0;display:flex;justify-content:center;align-items:center;gap:12px;align-self:stretch;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.btn{width:100%}.general-container-options{position:absolute;right:20px;top:65px;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}.general-container-options.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .16s ease,transform .16s ease,visibility 0s}.container-options{display:inline-flex;padding:4px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;border-radius:8px;background:var(--N-WHITE, #fff);box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.container-options .options{display:flex;flex-direction:column;align-items:flex-start;gap:4px}ius-dropdown-option-item{width:100%}\n"], dependencies: [{ kind: "component", type: ButtonStandardSecondaryComponent, selector: "ius-button-standard-secondary", inputs: ["disabled"], outputs: ["buttonClicked"] }, { kind: "component", type: DropdownOptionItemComponent, selector: "ius-dropdown-option-item", inputs: ["iconName", "prefixIcon", "sufixIcon", "route"], outputs: ["optionClick"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
|
|
4584
4597
|
}
|
|
4585
4598
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationCardComponent, decorators: [{
|
|
4586
4599
|
type: Component,
|
|
4587
|
-
args: [{ selector: 'ius-notification-card', standalone: true, imports: [ButtonStandardSecondaryComponent, DropdownOptionItemComponent, SimpleDividerComponent, IconSmComponent, ButtonCircleTertiaryComponent, PopoverDirective], template: "<div class=\"general-container\">\n <div class=\"container\">\n <div class=\"data\">\n <div class=\"header\">\n <ius-icon-sm iconName=\"icon-notifications\" class=\"color-pry\"></ius-icon-sm>\n <div class=\"date-title color-pry\" (click)=\"onCardClick()\" [style.cursor]=\"esNavegable ? 'pointer' : 'default'\">\n <div class=\"date\">\n <p>{{ date }}</p>\n </div>\n <div class=\"title\">\n <p>{{ title }}</p>\n </div>\n </div>\n @if (!confirmable) {\n <ius-button-circle-tertiary\n iconName=\"icon-done-outline\"\n iusPopoverContent=\"Descartar\"\n (buttonClicked)=\"onClickDone()\"\n ></ius-button-circle-tertiary>\n } @if ((mostrarPosponer ?? activity) && hayAlgunPreset) {\n <ius-button-circle-tertiary\n iconName=\"icon-history-2\"\n iusPopoverContent=\"Posponer\"\n (buttonClicked)=\"onClickPostpone()\"\n ></ius-button-circle-tertiary>\n } @if (confirmable && mostrarAyuda) {\n <ius-button-circle-tertiary\n iconName=\"icon-help-center\"\n iusPopoverContent=\"Ayuda\"\n ></ius-button-circle-tertiary>\n }\n </div>\n @if (hayAlgunPreset || mostrarEditar) {\n <div class=\"general-container-options\" [class.open]=\"handlePostpone\">\n <div class=\"container-options\">\n <div class=\"options\">\n @if (presetsHabilitados.includes(15)) {\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(15)\">\n Posponer 15 minutos\n </ius-dropdown-option-item>\n }\n @if (presetsHabilitados.includes(30)) {\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(30)\">\n Posponer 30 minutos\n </ius-dropdown-option-item>\n }\n @if (presetsHabilitados.includes(60)) {\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(60)\">\n Posponer 1 hora\n </ius-dropdown-option-item>\n }\n @if (presetsHabilitados.includes(1440)) {\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(1440)\">\n Posponer 1 d\u00EDa\n </ius-dropdown-option-item>\n }\n @if (presetsHabilitados.includes(10080)) {\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(10080)\">\n Posponer 1 semana\n </ius-dropdown-option-item>\n }\n @if (mostrarEditar) {\n <ius-simple-divider></ius-simple-divider>\n <ius-dropdown-option-item (optionClick)=\"onClickEditActivity()\">\n Editar actividad\n </ius-dropdown-option-item>\n }\n </div>\n </div>\n </div>\n }\
|
|
4600
|
+
args: [{ selector: 'ius-notification-card', standalone: true, imports: [ButtonStandardSecondaryComponent, DropdownOptionItemComponent, SimpleDividerComponent, IconSmComponent, ButtonCircleTertiaryComponent, PopoverDirective], template: "<div class=\"general-container\">\r\n <div class=\"container\">\r\n <div class=\"data\">\r\n <div class=\"header\">\r\n <ius-icon-sm iconName=\"icon-notifications\" class=\"color-pry\"></ius-icon-sm>\r\n <div class=\"date-title color-pry\" (click)=\"onCardClick()\" [style.cursor]=\"esNavegable ? 'pointer' : 'default'\">\r\n <div class=\"date\">\r\n <p>{{ date }}</p>\r\n </div>\r\n <div class=\"title\">\r\n <p>{{ title }}</p>\r\n </div>\r\n </div>\r\n @if (!confirmable) {\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-done-outline\"\r\n iusPopoverContent=\"Descartar\"\r\n (buttonClicked)=\"onClickDone()\"\r\n ></ius-button-circle-tertiary>\r\n } @if ((mostrarPosponer ?? activity) && hayAlgunPreset) {\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-history-2\"\r\n iusPopoverContent=\"Posponer\"\r\n (buttonClicked)=\"onClickPostpone()\"\r\n ></ius-button-circle-tertiary>\r\n } @if (confirmable && mostrarAyuda) {\r\n <ius-button-circle-tertiary\r\n iconName=\"icon-help-center\"\r\n iusPopoverContent=\"Ayuda\"\r\n ></ius-button-circle-tertiary>\r\n }\r\n </div>\r\n @if (hayAlgunPreset || mostrarEditar) {\r\n <div class=\"general-container-options\" [class.open]=\"handlePostpone\">\r\n <div class=\"container-options\">\r\n <div class=\"options\">\r\n @if (presetsHabilitados.includes(15)) {\r\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(15)\">\r\n Posponer 15 minutos\r\n </ius-dropdown-option-item>\r\n }\r\n @if (presetsHabilitados.includes(30)) {\r\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(30)\">\r\n Posponer 30 minutos\r\n </ius-dropdown-option-item>\r\n }\r\n @if (presetsHabilitados.includes(60)) {\r\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(60)\">\r\n Posponer 1 hora\r\n </ius-dropdown-option-item>\r\n }\r\n @if (presetsHabilitados.includes(1440)) {\r\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(1440)\">\r\n Posponer 1 d\u00EDa\r\n </ius-dropdown-option-item>\r\n }\r\n @if (presetsHabilitados.includes(10080)) {\r\n <ius-dropdown-option-item (optionClick)=\"seleccionarPosponer(10080)\">\r\n Posponer 1 semana\r\n </ius-dropdown-option-item>\r\n }\r\n @if (mostrarEditar) {\r\n <ius-simple-divider></ius-simple-divider>\r\n <ius-dropdown-option-item (optionClick)=\"onClickEditActivity()\">\r\n Editar actividad\r\n </ius-dropdown-option-item>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n <div class=\"body\" (click)=\"onCardClick()\" [style.cursor]=\"esNavegable ? 'pointer' : 'default'\">\r\n <p>{{ body }}</p>\r\n </div>\r\n @if (confirmable) {\r\n <div class=\"btn\">\r\n <ius-button-standard-secondary (buttonClicked)=\"onClickAccept()\"\r\n >Aceptar</ius-button-standard-secondary\r\n >\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.general-container{position:relative}.container{display:flex;padding:12px 16px;flex-direction:column;align-items:flex-start;gap:5px;border-radius:8px;border:1px solid #d9d9d9}.color-pry{color:#333}.data{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.header{display:flex;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.header .date-title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.header .date-title .date{display:flex;align-items:center;gap:12px;align-self:stretch}.header .date-title .date p{margin:0;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.header .date-title .title{display:flex;align-items:center;gap:12px;align-self:stretch}.header .date-title .title p{margin:0;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.body p{margin:0;display:flex;justify-content:center;align-items:center;gap:12px;align-self:stretch;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.btn{width:100%}.general-container-options{position:absolute;right:20px;top:65px;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}.general-container-options.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .16s ease,transform .16s ease,visibility 0s}.container-options{display:inline-flex;padding:4px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;border-radius:8px;background:var(--N-WHITE, #fff);box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a}.container-options .options{display:flex;flex-direction:column;align-items:flex-start;gap:4px}ius-dropdown-option-item{width:100%}\n"] }]
|
|
4588
4601
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { date: [{
|
|
4589
4602
|
type: Input
|
|
4590
4603
|
}], title: [{
|
|
@@ -7443,6 +7456,125 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7443
7456
|
type: Output
|
|
7444
7457
|
}] } });
|
|
7445
7458
|
|
|
7459
|
+
registerLocaleData(localeEs);
|
|
7460
|
+
class CardVigilanciaJudicialComponent {
|
|
7461
|
+
constructor(datePipe) {
|
|
7462
|
+
this.datePipe = datePipe;
|
|
7463
|
+
this.collapse = true;
|
|
7464
|
+
this.hasNotificacion = true;
|
|
7465
|
+
this.hasAuto = true;
|
|
7466
|
+
this.read = true;
|
|
7467
|
+
this.onClickButtonCopy = new EventEmitter();
|
|
7468
|
+
this.onClickButtonRead = new EventEmitter();
|
|
7469
|
+
this.onClickButtonNotificacion = new EventEmitter();
|
|
7470
|
+
this.onClickButtonAuto = new EventEmitter();
|
|
7471
|
+
}
|
|
7472
|
+
toggleCollapse() {
|
|
7473
|
+
const wasCollapsed = this.collapse;
|
|
7474
|
+
this.collapse = !this.collapse;
|
|
7475
|
+
if (wasCollapsed && !this.read) {
|
|
7476
|
+
this.onClickButtonRead.emit(new Event('autoExpand'));
|
|
7477
|
+
}
|
|
7478
|
+
}
|
|
7479
|
+
async clickButtonCopy(event) {
|
|
7480
|
+
event.stopImmediatePropagation();
|
|
7481
|
+
try {
|
|
7482
|
+
await navigator.clipboard.writeText(this.getCardSummary());
|
|
7483
|
+
this.onClickButtonCopy.emit(event);
|
|
7484
|
+
}
|
|
7485
|
+
catch {
|
|
7486
|
+
// clipboard write failed; no emit, no snackbar
|
|
7487
|
+
}
|
|
7488
|
+
}
|
|
7489
|
+
getCardSummary() {
|
|
7490
|
+
const lines = [];
|
|
7491
|
+
lines.push('Vigilancia Judicial');
|
|
7492
|
+
if (this.titulo)
|
|
7493
|
+
lines.push(`Título: ${this.titulo}`);
|
|
7494
|
+
if (this.juzgado)
|
|
7495
|
+
lines.push(`Juzgado: ${this.juzgado}`);
|
|
7496
|
+
if (this.fechaPrincipal)
|
|
7497
|
+
lines.push(`Fecha: ${this.formatDate(this.fechaPrincipal)}`);
|
|
7498
|
+
if (this.actuaciones?.length) {
|
|
7499
|
+
lines.push('');
|
|
7500
|
+
lines.push('Actuaciones:');
|
|
7501
|
+
for (const act of this.actuaciones) {
|
|
7502
|
+
const tituloPartes = [];
|
|
7503
|
+
if (act.actuacion)
|
|
7504
|
+
tituloPartes.push(act.actuacion);
|
|
7505
|
+
if (act.anotacion)
|
|
7506
|
+
tituloPartes.push(act.anotacion);
|
|
7507
|
+
if (tituloPartes.length)
|
|
7508
|
+
lines.push(`- ${tituloPartes.join(': ')}`);
|
|
7509
|
+
const fechas = [];
|
|
7510
|
+
if (act.fechaIniciaTermino) {
|
|
7511
|
+
fechas.push(`Inicia término: ${this.formatDate(act.fechaIniciaTermino)}`);
|
|
7512
|
+
}
|
|
7513
|
+
else if (act.fechaActuacion) {
|
|
7514
|
+
fechas.push(`Fecha registro: ${this.formatDate(act.fechaActuacion)}`);
|
|
7515
|
+
}
|
|
7516
|
+
if (act.fechaFinalizaTermino) {
|
|
7517
|
+
fechas.push(`Finaliza término: ${this.formatDate(act.fechaFinalizaTermino)}`);
|
|
7518
|
+
}
|
|
7519
|
+
if (fechas.length)
|
|
7520
|
+
lines.push(` ${fechas.join(' - ')}`);
|
|
7521
|
+
}
|
|
7522
|
+
}
|
|
7523
|
+
return lines.join('\n');
|
|
7524
|
+
}
|
|
7525
|
+
formatDate(d) {
|
|
7526
|
+
return this.datePipe.transform(d, 'd MMM y') ?? '';
|
|
7527
|
+
}
|
|
7528
|
+
clickButtonRead(event) {
|
|
7529
|
+
event.stopImmediatePropagation();
|
|
7530
|
+
this.onClickButtonRead.emit(event);
|
|
7531
|
+
}
|
|
7532
|
+
clickButtonNotificacion(event) {
|
|
7533
|
+
event.stopImmediatePropagation();
|
|
7534
|
+
this.onClickButtonNotificacion.emit(event);
|
|
7535
|
+
}
|
|
7536
|
+
clickButtonAuto(event) {
|
|
7537
|
+
event.stopImmediatePropagation();
|
|
7538
|
+
this.onClickButtonAuto.emit(event);
|
|
7539
|
+
}
|
|
7540
|
+
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 }); }
|
|
7541
|
+
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: [
|
|
7542
|
+
{ provide: LOCALE_ID, useValue: 'es' },
|
|
7543
|
+
DatePipe
|
|
7544
|
+
], ngImport: i0, template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-account-balance\" class=\"icon-account\"\r\n [ngClass]=\"{'priority-tx': hasNotificacion || hasAuto }\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Vigilancia Judicial</span>\r\n <span class=\"body-base-1 txt-pry\" [ngClass]=\"{'title-no-read': read === false}\">{{titulo}}</span>\r\n <span class=\"body-base-1 txt-sec\">{{juzgado}}</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasNotificacion || hasAuto) {\r\n <div class=\"row-text-1\">\r\n @if (hasNotificacion) {\r\n <ius-icon-sm iconName=\"icon-notification-2\" class=\"txt-sec\"></ius-icon-sm>\r\n }\r\n @if (hasAuto) {\r\n <ius-icon-sm iconName=\"icon-docs-2\" class=\"txt-sec\"></ius-icon-sm>\r\n }\r\n </div>\r\n }\r\n <div class=\"row-text-2\">\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === true}\"></div>\r\n <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM y'}}</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n @for (act of actuaciones; track $index) {\r\n <div class=\"text-info\">\r\n <div class=\"row-text-1 body-sm txt-ter\">\r\n @if (act.fechaIniciaTermino) {\r\n <span>Inicia t\u00E9rmino: {{act.fechaIniciaTermino | date: 'd MMM y'}}</span>\r\n } @else {\r\n <span>Fecha registro: {{act.fechaActuacion | date: 'd MMM y'}}</span>\r\n }\r\n @if (act.fechaFinalizaTermino) {\r\n <span>-</span>\r\n <span>Finaliza t\u00E9rmino: {{act.fechaFinalizaTermino | date: 'd MMM y'}}</span>\r\n }\r\n </div>\r\n <span class=\"label-base txt-ter\">{{act.actuacion}}</span>\r\n <span class=\"body-base-1 txt-sec\">{{act.anotacion}}</span>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"buttons-clp\">\r\n @if (hasNotificacion) {\r\n <ius-button-menu-link iconName=\"icon-notificacion\" iconColor=\"#184FDB\"\r\n iusPopoverContent=\"Ver notificaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonNotificacion($event)\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n @if (hasAuto) {\r\n <ius-button-menu-link iconName=\"icon-docs\" iconColor=\"#184FDB\" iusPopoverContent=\"Ver auto\"\r\n (buttonClicked)=\"clickButtonAuto($event)\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px;min-height:40px;justify-content:center}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.title-no-read{font-weight:500}.icon-account{color:#8c8c8c}.priority-tx{color:#497610}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-f{background-color:transparent}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px;width:76px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;gap:4px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: ButtonMenuLinkComponent, selector: "ius-button-menu-link", inputs: ["disabled", "iconColor", "iconName"], outputs: ["buttonClicked"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
|
|
7545
|
+
}
|
|
7546
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardVigilanciaJudicialComponent, decorators: [{
|
|
7547
|
+
type: Component,
|
|
7548
|
+
args: [{ selector: 'ius-card-vigilancia-judicial', standalone: true, imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, ButtonMenuLinkComponent, DatePipe, PopoverDirective], providers: [
|
|
7549
|
+
{ provide: LOCALE_ID, useValue: 'es' },
|
|
7550
|
+
DatePipe
|
|
7551
|
+
], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-account-balance\" class=\"icon-account\"\r\n [ngClass]=\"{'priority-tx': hasNotificacion || hasAuto }\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Vigilancia Judicial</span>\r\n <span class=\"body-base-1 txt-pry\" [ngClass]=\"{'title-no-read': read === false}\">{{titulo}}</span>\r\n <span class=\"body-base-1 txt-sec\">{{juzgado}}</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasNotificacion || hasAuto) {\r\n <div class=\"row-text-1\">\r\n @if (hasNotificacion) {\r\n <ius-icon-sm iconName=\"icon-notification-2\" class=\"txt-sec\"></ius-icon-sm>\r\n }\r\n @if (hasAuto) {\r\n <ius-icon-sm iconName=\"icon-docs-2\" class=\"txt-sec\"></ius-icon-sm>\r\n }\r\n </div>\r\n }\r\n <div class=\"row-text-2\">\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === true}\"></div>\r\n <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM y'}}</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n @for (act of actuaciones; track $index) {\r\n <div class=\"text-info\">\r\n <div class=\"row-text-1 body-sm txt-ter\">\r\n @if (act.fechaIniciaTermino) {\r\n <span>Inicia t\u00E9rmino: {{act.fechaIniciaTermino | date: 'd MMM y'}}</span>\r\n } @else {\r\n <span>Fecha registro: {{act.fechaActuacion | date: 'd MMM y'}}</span>\r\n }\r\n @if (act.fechaFinalizaTermino) {\r\n <span>-</span>\r\n <span>Finaliza t\u00E9rmino: {{act.fechaFinalizaTermino | date: 'd MMM y'}}</span>\r\n }\r\n </div>\r\n <span class=\"label-base txt-ter\">{{act.actuacion}}</span>\r\n <span class=\"body-base-1 txt-sec\">{{act.anotacion}}</span>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"buttons-clp\">\r\n @if (hasNotificacion) {\r\n <ius-button-menu-link iconName=\"icon-notificacion\" iconColor=\"#184FDB\"\r\n iusPopoverContent=\"Ver notificaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonNotificacion($event)\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n @if (hasAuto) {\r\n <ius-button-menu-link iconName=\"icon-docs\" iconColor=\"#184FDB\" iusPopoverContent=\"Ver auto\"\r\n (buttonClicked)=\"clickButtonAuto($event)\"></ius-button-menu-link>\r\n <ius-simple-divider></ius-simple-divider>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px;min-height:40px;justify-content:center}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.title-no-read{font-weight:500}.icon-account{color:#8c8c8c}.priority-tx{color:#497610}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-f{background-color:transparent}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px;width:76px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;gap:4px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"] }]
|
|
7552
|
+
}], ctorParameters: () => [{ type: i1$1.DatePipe }], propDecorators: { collapse: [{
|
|
7553
|
+
type: Input
|
|
7554
|
+
}], hasNotificacion: [{
|
|
7555
|
+
type: Input
|
|
7556
|
+
}], hasAuto: [{
|
|
7557
|
+
type: Input
|
|
7558
|
+
}], read: [{
|
|
7559
|
+
type: Input
|
|
7560
|
+
}], titulo: [{
|
|
7561
|
+
type: Input
|
|
7562
|
+
}], juzgado: [{
|
|
7563
|
+
type: Input
|
|
7564
|
+
}], fechaPrincipal: [{
|
|
7565
|
+
type: Input
|
|
7566
|
+
}], actuaciones: [{
|
|
7567
|
+
type: Input
|
|
7568
|
+
}], onClickButtonCopy: [{
|
|
7569
|
+
type: Output
|
|
7570
|
+
}], onClickButtonRead: [{
|
|
7571
|
+
type: Output
|
|
7572
|
+
}], onClickButtonNotificacion: [{
|
|
7573
|
+
type: Output
|
|
7574
|
+
}], onClickButtonAuto: [{
|
|
7575
|
+
type: Output
|
|
7576
|
+
}] } });
|
|
7577
|
+
|
|
7446
7578
|
registerLocaleData(localeEs);
|
|
7447
7579
|
class CardAgendaJudicialComponent {
|
|
7448
7580
|
constructor() {
|
|
@@ -7497,6 +7629,429 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7497
7629
|
type: Output
|
|
7498
7630
|
}] } });
|
|
7499
7631
|
|
|
7632
|
+
registerLocaleData(localeEs);
|
|
7633
|
+
class CardActividadEventoComponent {
|
|
7634
|
+
constructor(datePipe) {
|
|
7635
|
+
this.datePipe = datePipe;
|
|
7636
|
+
this.read = true;
|
|
7637
|
+
this.warning = false;
|
|
7638
|
+
this.collapse = true;
|
|
7639
|
+
this.done = false;
|
|
7640
|
+
/** Si el dato de hora viene null desde backend, el consumer debe ponerlo en false
|
|
7641
|
+
* para que la card formatee solo la fecha (sin "12:00 AM" inventado). */
|
|
7642
|
+
this.mostrarHoraInicio = true;
|
|
7643
|
+
this.mostrarHoraFin = true;
|
|
7644
|
+
this.mostrarHoraProgramacion = true;
|
|
7645
|
+
// Tarea masiva
|
|
7646
|
+
this.masiva = false;
|
|
7647
|
+
this.procesos = [];
|
|
7648
|
+
this.onClickButtonCopy = new EventEmitter();
|
|
7649
|
+
this.onClickButtonRead = new EventEmitter();
|
|
7650
|
+
this.onClickButtonEdit = new EventEmitter();
|
|
7651
|
+
this.onClickButtonDelete = new EventEmitter();
|
|
7652
|
+
this.onClickButtonDone = new EventEmitter();
|
|
7653
|
+
}
|
|
7654
|
+
get formatoFechaInicio() {
|
|
7655
|
+
return this.mostrarHoraInicio ? 'dd MMM yyyy h:mm a' : 'dd MMM yyyy';
|
|
7656
|
+
}
|
|
7657
|
+
get formatoFechaFin() {
|
|
7658
|
+
return this.mostrarHoraFin ? 'dd MMM yyyy h:mm a' : 'dd MMM yyyy';
|
|
7659
|
+
}
|
|
7660
|
+
get formatoFechaProgramacion() {
|
|
7661
|
+
return this.mostrarHoraProgramacion ? 'dd MMM yyyy h:mm a' : 'dd MMM yyyy';
|
|
7662
|
+
}
|
|
7663
|
+
get masivaLabel() {
|
|
7664
|
+
const n = this.cantidadProcesos ?? this.procesos?.length ?? 0;
|
|
7665
|
+
return n > 0 ? `Masiva · ${n} procesos` : 'Masiva';
|
|
7666
|
+
}
|
|
7667
|
+
toggleCollapse() {
|
|
7668
|
+
const wasCollapsed = this.collapse;
|
|
7669
|
+
this.collapse = !this.collapse;
|
|
7670
|
+
if (wasCollapsed && !this.read) {
|
|
7671
|
+
this.onClickButtonRead.emit(new Event('autoExpand'));
|
|
7672
|
+
}
|
|
7673
|
+
}
|
|
7674
|
+
get headerFechaLabel() {
|
|
7675
|
+
return this.estado === 'Finalizada' ? 'Realizada el' : 'Programada para el';
|
|
7676
|
+
}
|
|
7677
|
+
get estadoLabel() {
|
|
7678
|
+
if (this.estado === 'Finalizada')
|
|
7679
|
+
return 'Finalizada';
|
|
7680
|
+
if (this.estado === 'Pausada' && this.warning)
|
|
7681
|
+
return 'Pausada';
|
|
7682
|
+
if (this.estado === 'Pausada' && this.warning)
|
|
7683
|
+
return 'Pausada - Vencida';
|
|
7684
|
+
return 'Programada';
|
|
7685
|
+
}
|
|
7686
|
+
get estadoLabelClass() {
|
|
7687
|
+
if (this.estado === 'Finalizada')
|
|
7688
|
+
return 'txt-ter';
|
|
7689
|
+
if (this.estado === 'Pausada' && this.warning)
|
|
7690
|
+
return 'tx-info';
|
|
7691
|
+
if (this.estado === 'Pausada' && this.warning)
|
|
7692
|
+
return 'tx-warn';
|
|
7693
|
+
if (this.warning)
|
|
7694
|
+
return 'tx-warn';
|
|
7695
|
+
return 'tx-read';
|
|
7696
|
+
}
|
|
7697
|
+
async clickButtonCopy(event) {
|
|
7698
|
+
event.stopImmediatePropagation();
|
|
7699
|
+
try {
|
|
7700
|
+
await navigator.clipboard.writeText(this.getCardSummary());
|
|
7701
|
+
this.onClickButtonCopy.emit(event);
|
|
7702
|
+
}
|
|
7703
|
+
catch {
|
|
7704
|
+
// clipboard write failed; no emit
|
|
7705
|
+
}
|
|
7706
|
+
}
|
|
7707
|
+
getCardSummary() {
|
|
7708
|
+
const lines = [];
|
|
7709
|
+
lines.push('Actividades y eventos');
|
|
7710
|
+
if (this.titulo)
|
|
7711
|
+
lines.push(`Título: ${this.titulo}`);
|
|
7712
|
+
if (this.usuarioAsignado)
|
|
7713
|
+
lines.push(`Asignado a: ${this.usuarioAsignado}`);
|
|
7714
|
+
if (this.fechaProgramacion)
|
|
7715
|
+
lines.push(`${this.headerFechaLabel}: ${this.formatDateTime(this.fechaProgramacion)}`);
|
|
7716
|
+
if (this.text1)
|
|
7717
|
+
lines.push(this.text1);
|
|
7718
|
+
lines.push(`Estado: ${this.estadoLabel}`);
|
|
7719
|
+
if (this.masiva) {
|
|
7720
|
+
lines.push(this.masivaLabel);
|
|
7721
|
+
(this.procesos || []).forEach(p => lines.push(`- ${p.tipoProceso ?? ''} ${p.radicado23Nit ?? ''}`.trim()));
|
|
7722
|
+
}
|
|
7723
|
+
if (this.fechaInicio || this.fechaFin) {
|
|
7724
|
+
const partes = [];
|
|
7725
|
+
if (this.fechaInicio)
|
|
7726
|
+
partes.push(this.formatDateTime(this.fechaInicio));
|
|
7727
|
+
if (this.fechaFin)
|
|
7728
|
+
partes.push(this.formatDateTime(this.fechaFin));
|
|
7729
|
+
lines.push(`Rango: ${partes.join(' - ')}`);
|
|
7730
|
+
}
|
|
7731
|
+
if (this.descripcion) {
|
|
7732
|
+
lines.push('');
|
|
7733
|
+
lines.push('Descripción:');
|
|
7734
|
+
lines.push(this.descripcion);
|
|
7735
|
+
}
|
|
7736
|
+
if (this.link) {
|
|
7737
|
+
lines.push('');
|
|
7738
|
+
lines.push(`Link: ${this.link}`);
|
|
7739
|
+
}
|
|
7740
|
+
return lines.join('\n');
|
|
7741
|
+
}
|
|
7742
|
+
openLink(event) {
|
|
7743
|
+
event.stopImmediatePropagation();
|
|
7744
|
+
if (this.link) {
|
|
7745
|
+
window.open(this.link, '_blank', 'noopener,noreferrer');
|
|
7746
|
+
}
|
|
7747
|
+
}
|
|
7748
|
+
formatDateTime(d) {
|
|
7749
|
+
return this.datePipe.transform(d, 'dd MMM yyyy h:mm a') ?? '';
|
|
7750
|
+
}
|
|
7751
|
+
clickButtonRead(event) {
|
|
7752
|
+
event.stopImmediatePropagation();
|
|
7753
|
+
this.onClickButtonRead.emit(event);
|
|
7754
|
+
}
|
|
7755
|
+
clickButtonEdit(event) {
|
|
7756
|
+
event.stopImmediatePropagation();
|
|
7757
|
+
this.onClickButtonEdit.emit(event);
|
|
7758
|
+
}
|
|
7759
|
+
clickButtonDelete(event) {
|
|
7760
|
+
event.stopImmediatePropagation();
|
|
7761
|
+
this.onClickButtonDelete.emit(event);
|
|
7762
|
+
}
|
|
7763
|
+
clickButtonDone(event) {
|
|
7764
|
+
event.stopImmediatePropagation();
|
|
7765
|
+
this.onClickButtonDone.emit(event);
|
|
7766
|
+
}
|
|
7767
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardActividadEventoComponent, deps: [{ token: i1$1.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7768
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardActividadEventoComponent, isStandalone: true, selector: "ius-card-actividad-evento", inputs: { read: "read", warning: "warning", collapse: "collapse", done: "done", titulo: "titulo", usuarioAsignado: "usuarioAsignado", fechaProgramacion: "fechaProgramacion", fechaPrincipal: "fechaPrincipal", text1: "text1", estado: "estado", fechaInicio: "fechaInicio", fechaFin: "fechaFin", descripcion: "descripcion", link: "link", mostrarHoraInicio: "mostrarHoraInicio", mostrarHoraFin: "mostrarHoraFin", mostrarHoraProgramacion: "mostrarHoraProgramacion", masiva: "masiva", cantidadProcesos: "cantidadProcesos", procesos: "procesos" }, outputs: { onClickButtonCopy: "onClickButtonCopy", onClickButtonRead: "onClickButtonRead", onClickButtonEdit: "onClickButtonEdit", onClickButtonDelete: "onClickButtonDelete", onClickButtonDone: "onClickButtonDone" }, providers: [
|
|
7769
|
+
{ provide: LOCALE_ID, useValue: 'es' },
|
|
7770
|
+
DatePipe
|
|
7771
|
+
], ngImport: i0, template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-calendar-clock\" class=\"priority-tx\"\r\n [ngClass]=\"{'icon-calendar-clock': estado === 'Finalizada' }\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Actividades y eventos</span>\r\n <div class=\"row-titulo\">\r\n <span class=\"label-base txt-pry\" [ngClass]=\"{'body-base-1': read}\">{{titulo}}</span>\r\n @if (masiva) {\r\n <span class=\"masiva-badge caption-sm\">\r\n <ius-icon-xs iconName=\"icon-library-add-check\"></ius-icon-xs>\r\n {{ masivaLabel }}\r\n </span>\r\n }\r\n </div>\r\n <div class=\"tx-asig\">\r\n <div class=\"row-text-2\">\r\n <span class=\"caption-sm txt-ter\">Asignado a</span>\r\n <span class=\"body-base-1 txt-sec\">{{usuarioAsignado}}</span>\r\n </div>\r\n <div class=\"row-text-2\">\r\n <span class=\"caption-sm txt-ter\">{{ headerFechaLabel }}</span>\r\n <span class=\"body-base-1 txt-sec\">{{fechaProgramacion | date: formatoFechaProgramacion}}</span>\r\n </div>\r\n </div>\r\n <span class=\"body-base-1 txt-sec\">{{text1}}</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n <div class=\"row-text-2\">\r\n @if (!read) {\r\n <div class=\"icon-dot\"></div>\r\n }\r\n @if (warning && estado !== 'Finalizada') {\r\n <ius-icon-xs iconName=\"icon-emergency-home\" class=\"icon-emergency-home\"></ius-icon-xs>\r\n }\r\n <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM y'}}</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-done-outline\"\r\n [iusPopoverContent]=\"done ? 'Marcar como abierta' : 'Marcar como hecha'\"\r\n (buttonClicked)=\"clickButtonDone($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-edit\"\r\n iusPopoverContent=\"Editar\"\r\n (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-delete\"\r\n iusPopoverContent=\"Eliminar\"\r\n (buttonClicked)=\"clickButtonDelete($event)\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n <span class=\"label-base\" [ngClass]=\"estadoLabelClass\">{{ estadoLabel }}</span>\r\n <div class=\"row-text-1 body-sm txt-ter\">\r\n <span>{{fechaInicio | date: formatoFechaInicio}}</span>\r\n @if (fechaFin) {\r\n <span>-</span>\r\n <span>{{fechaFin | date: formatoFechaFin}}</span>\r\n }\r\n </div>\r\n <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\r\n @if (link) {\r\n <a class=\"body-sm link-actividad\" (click)=\"openLink($event)\">\r\n <ius-icon-xs iconName=\"icon-link-2\"></ius-icon-xs>\r\n <span>{{ link }}</span>\r\n </a>\r\n }\r\n\r\n @if (masiva && procesos.length > 0) {\r\n <div class=\"ctn-procesos-masiva\">\r\n <span class=\"caption-sm txt-ter\">Procesos vinculados ({{ cantidadProcesos ?? procesos.length }})</span>\r\n <div class=\"procesos-list scrollable\">\r\n @for (p of procesos; track p.actividadID) {\r\n <div class=\"proceso-item\">\r\n <div class=\"proceso-l1\">\r\n @if (p.tipoProceso) {\r\n <span class=\"proceso-tag caption-sm\" [iusPopoverContent]=\"'Tipo de proceso: ' + p.tipoProceso\">{{ p.tipoProceso }}</span>\r\n }\r\n <span class=\"proceso-cod caption-sm\" [iusPopoverContent]=\"(p.codigoInterno ? 'C\u00F3digo interno: ' + p.codigoInterno : '') + (p.codigoInterno && p.radicado23Nit ? ' \u00B7 ' : '') + (p.radicado23Nit ? 'Radicado: ' + p.radicado23Nit : '')\">\r\n @if (p.codigoInterno) { <span class=\"txt-pry\">{{ p.codigoInterno }}</span> }\r\n @if (p.codigoInterno && p.radicado23Nit) { <span class=\"txt-ter\"> \u00B7 </span> }\r\n @if (p.radicado23Nit) { <span class=\"txt-ter\">{{ p.radicado23Nit }}</span> }\r\n </span>\r\n @if (p.warning) {\r\n <ius-icon-xs iconName=\"icon-emergency-home\" class=\"icon-emergency-home\"></ius-icon-xs>\r\n }\r\n </div>\r\n @if (p.parteActiva || p.partePasiva) {\r\n <div class=\"proceso-l2 caption-sm txt-ter\" [iusPopoverContent]=\"(p.parteActiva ? 'Parte activa: ' + p.parteActiva : '') + (p.parteActiva && p.partePasiva ? ' \u2014 ' : '') + (p.partePasiva ? 'Parte pasiva: ' + p.partePasiva : '')\">\r\n @if (p.parteActiva) { <span>{{ p.parteActiva }}</span> }\r\n @if (p.parteActiva && p.partePasiva) { <span> - </span> }\r\n @if (p.partePasiva) { <span>{{ p.partePasiva }}</span> }\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-calendar-clock{color:#8c8c8c!important}.priority-tx{color:#184fdb}.tx-asig{display:flex;gap:24px}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-warning{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#ffae00;border-radius:100px}.icon-emergency-home{color:#ffae00}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.tx-read{color:#629219}.tx-warn{color:#db8e00}.tx-info{color:#5892ff}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}.link-actividad{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:4px 8px;border-radius:4px;color:#595959;cursor:pointer;text-decoration:none;word-break:break-all}.link-actividad:hover{background-color:#edf6ff;text-decoration:underline}.row-titulo{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.masiva-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:100px;background:#edf6ff;color:#103ab7;font-weight:500;white-space:nowrap}.ctn-procesos-masiva{display:flex;flex-direction:column;gap:4px;width:100%;margin-top:8px}.procesos-list{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto}.proceso-item{display:flex;flex-direction:column;gap:2px;padding:4px 8px;border-radius:4px;border:1px solid #eaeaea;background:#fff}.proceso-l1{display:flex;align-items:center;gap:4px;min-width:0}.proceso-tag{flex-shrink:0;padding:1px 8px;border-radius:100px;background:#edf6ff;color:#103ab7;font-weight:500;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.proceso-cod{flex:1 0 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proceso-l2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsis-1{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
|
|
7772
|
+
}
|
|
7773
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardActividadEventoComponent, decorators: [{
|
|
7774
|
+
type: Component,
|
|
7775
|
+
args: [{ selector: 'ius-card-actividad-evento', standalone: true, imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, IconXsComponent, DatePipe, PopoverDirective], providers: [
|
|
7776
|
+
{ provide: LOCALE_ID, useValue: 'es' },
|
|
7777
|
+
DatePipe
|
|
7778
|
+
], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-calendar-clock\" class=\"priority-tx\"\r\n [ngClass]=\"{'icon-calendar-clock': estado === 'Finalizada' }\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Actividades y eventos</span>\r\n <div class=\"row-titulo\">\r\n <span class=\"label-base txt-pry\" [ngClass]=\"{'body-base-1': read}\">{{titulo}}</span>\r\n @if (masiva) {\r\n <span class=\"masiva-badge caption-sm\">\r\n <ius-icon-xs iconName=\"icon-library-add-check\"></ius-icon-xs>\r\n {{ masivaLabel }}\r\n </span>\r\n }\r\n </div>\r\n <div class=\"tx-asig\">\r\n <div class=\"row-text-2\">\r\n <span class=\"caption-sm txt-ter\">Asignado a</span>\r\n <span class=\"body-base-1 txt-sec\">{{usuarioAsignado}}</span>\r\n </div>\r\n <div class=\"row-text-2\">\r\n <span class=\"caption-sm txt-ter\">{{ headerFechaLabel }}</span>\r\n <span class=\"body-base-1 txt-sec\">{{fechaProgramacion | date: formatoFechaProgramacion}}</span>\r\n </div>\r\n </div>\r\n <span class=\"body-base-1 txt-sec\">{{text1}}</span>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n <div class=\"row-text-2\">\r\n @if (!read) {\r\n <div class=\"icon-dot\"></div>\r\n }\r\n @if (warning && estado !== 'Finalizada') {\r\n <ius-icon-xs iconName=\"icon-emergency-home\" class=\"icon-emergency-home\"></ius-icon-xs>\r\n }\r\n <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM y'}}</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-done-outline\"\r\n [iusPopoverContent]=\"done ? 'Marcar como abierta' : 'Marcar como hecha'\"\r\n (buttonClicked)=\"clickButtonDone($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-edit\"\r\n iusPopoverContent=\"Editar\"\r\n (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-delete\"\r\n iusPopoverContent=\"Eliminar\"\r\n (buttonClicked)=\"clickButtonDelete($event)\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n <span class=\"label-base\" [ngClass]=\"estadoLabelClass\">{{ estadoLabel }}</span>\r\n <div class=\"row-text-1 body-sm txt-ter\">\r\n <span>{{fechaInicio | date: formatoFechaInicio}}</span>\r\n @if (fechaFin) {\r\n <span>-</span>\r\n <span>{{fechaFin | date: formatoFechaFin}}</span>\r\n }\r\n </div>\r\n <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\r\n @if (link) {\r\n <a class=\"body-sm link-actividad\" (click)=\"openLink($event)\">\r\n <ius-icon-xs iconName=\"icon-link-2\"></ius-icon-xs>\r\n <span>{{ link }}</span>\r\n </a>\r\n }\r\n\r\n @if (masiva && procesos.length > 0) {\r\n <div class=\"ctn-procesos-masiva\">\r\n <span class=\"caption-sm txt-ter\">Procesos vinculados ({{ cantidadProcesos ?? procesos.length }})</span>\r\n <div class=\"procesos-list scrollable\">\r\n @for (p of procesos; track p.actividadID) {\r\n <div class=\"proceso-item\">\r\n <div class=\"proceso-l1\">\r\n @if (p.tipoProceso) {\r\n <span class=\"proceso-tag caption-sm\" [iusPopoverContent]=\"'Tipo de proceso: ' + p.tipoProceso\">{{ p.tipoProceso }}</span>\r\n }\r\n <span class=\"proceso-cod caption-sm\" [iusPopoverContent]=\"(p.codigoInterno ? 'C\u00F3digo interno: ' + p.codigoInterno : '') + (p.codigoInterno && p.radicado23Nit ? ' \u00B7 ' : '') + (p.radicado23Nit ? 'Radicado: ' + p.radicado23Nit : '')\">\r\n @if (p.codigoInterno) { <span class=\"txt-pry\">{{ p.codigoInterno }}</span> }\r\n @if (p.codigoInterno && p.radicado23Nit) { <span class=\"txt-ter\"> \u00B7 </span> }\r\n @if (p.radicado23Nit) { <span class=\"txt-ter\">{{ p.radicado23Nit }}</span> }\r\n </span>\r\n @if (p.warning) {\r\n <ius-icon-xs iconName=\"icon-emergency-home\" class=\"icon-emergency-home\"></ius-icon-xs>\r\n }\r\n </div>\r\n @if (p.parteActiva || p.partePasiva) {\r\n <div class=\"proceso-l2 caption-sm txt-ter\" [iusPopoverContent]=\"(p.parteActiva ? 'Parte activa: ' + p.parteActiva : '') + (p.parteActiva && p.partePasiva ? ' \u2014 ' : '') + (p.partePasiva ? 'Parte pasiva: ' + p.partePasiva : '')\">\r\n @if (p.parteActiva) { <span>{{ p.parteActiva }}</span> }\r\n @if (p.parteActiva && p.partePasiva) { <span> - </span> }\r\n @if (p.partePasiva) { <span>{{ p.partePasiva }}</span> }\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-calendar-clock{color:#8c8c8c!important}.priority-tx{color:#184fdb}.tx-asig{display:flex;gap:24px}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#2167ff;border-radius:100px}.icon-dot-warning{display:flex;align-items:center;width:8px;height:8px;aspect-ratio:1/1;background-color:#ffae00;border-radius:100px}.icon-emergency-home{color:#ffae00}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.tx-read{color:#629219}.tx-warn{color:#db8e00}.tx-info{color:#5892ff}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}.link-actividad{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:4px 8px;border-radius:4px;color:#595959;cursor:pointer;text-decoration:none;word-break:break-all}.link-actividad:hover{background-color:#edf6ff;text-decoration:underline}.row-titulo{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.masiva-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:100px;background:#edf6ff;color:#103ab7;font-weight:500;white-space:nowrap}.ctn-procesos-masiva{display:flex;flex-direction:column;gap:4px;width:100%;margin-top:8px}.procesos-list{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto}.proceso-item{display:flex;flex-direction:column;gap:2px;padding:4px 8px;border-radius:4px;border:1px solid #eaeaea;background:#fff}.proceso-l1{display:flex;align-items:center;gap:4px;min-width:0}.proceso-tag{flex-shrink:0;padding:1px 8px;border-radius:100px;background:#edf6ff;color:#103ab7;font-weight:500;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.proceso-cod{flex:1 0 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proceso-l2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsis-1{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
|
|
7779
|
+
}], ctorParameters: () => [{ type: i1$1.DatePipe }], propDecorators: { read: [{
|
|
7780
|
+
type: Input
|
|
7781
|
+
}], warning: [{
|
|
7782
|
+
type: Input
|
|
7783
|
+
}], collapse: [{
|
|
7784
|
+
type: Input
|
|
7785
|
+
}], done: [{
|
|
7786
|
+
type: Input
|
|
7787
|
+
}], titulo: [{
|
|
7788
|
+
type: Input
|
|
7789
|
+
}], usuarioAsignado: [{
|
|
7790
|
+
type: Input
|
|
7791
|
+
}], fechaProgramacion: [{
|
|
7792
|
+
type: Input
|
|
7793
|
+
}], fechaPrincipal: [{
|
|
7794
|
+
type: Input
|
|
7795
|
+
}], text1: [{
|
|
7796
|
+
type: Input
|
|
7797
|
+
}], estado: [{
|
|
7798
|
+
type: Input
|
|
7799
|
+
}], fechaInicio: [{
|
|
7800
|
+
type: Input
|
|
7801
|
+
}], fechaFin: [{
|
|
7802
|
+
type: Input
|
|
7803
|
+
}], descripcion: [{
|
|
7804
|
+
type: Input
|
|
7805
|
+
}], link: [{
|
|
7806
|
+
type: Input
|
|
7807
|
+
}], mostrarHoraInicio: [{
|
|
7808
|
+
type: Input
|
|
7809
|
+
}], mostrarHoraFin: [{
|
|
7810
|
+
type: Input
|
|
7811
|
+
}], mostrarHoraProgramacion: [{
|
|
7812
|
+
type: Input
|
|
7813
|
+
}], masiva: [{
|
|
7814
|
+
type: Input
|
|
7815
|
+
}], cantidadProcesos: [{
|
|
7816
|
+
type: Input
|
|
7817
|
+
}], procesos: [{
|
|
7818
|
+
type: Input
|
|
7819
|
+
}], onClickButtonCopy: [{
|
|
7820
|
+
type: Output
|
|
7821
|
+
}], onClickButtonRead: [{
|
|
7822
|
+
type: Output
|
|
7823
|
+
}], onClickButtonEdit: [{
|
|
7824
|
+
type: Output
|
|
7825
|
+
}], onClickButtonDelete: [{
|
|
7826
|
+
type: Output
|
|
7827
|
+
}], onClickButtonDone: [{
|
|
7828
|
+
type: Output
|
|
7829
|
+
}] } });
|
|
7830
|
+
|
|
7831
|
+
registerLocaleData(localeEs);
|
|
7832
|
+
class CardEtapaSubetapaComponent {
|
|
7833
|
+
constructor(datePipe) {
|
|
7834
|
+
this.datePipe = datePipe;
|
|
7835
|
+
this.priority = true;
|
|
7836
|
+
this.hasDocuments = false;
|
|
7837
|
+
this.read = true;
|
|
7838
|
+
this.collapse = true;
|
|
7839
|
+
this.onClickButtonCopy = new EventEmitter();
|
|
7840
|
+
this.onClickButtonRead = new EventEmitter();
|
|
7841
|
+
this.onClickButtonEdit = new EventEmitter();
|
|
7842
|
+
this.onClickButtonDelete = new EventEmitter();
|
|
7843
|
+
this.onClickButtonDocs = new EventEmitter();
|
|
7844
|
+
}
|
|
7845
|
+
toggleCollapse() {
|
|
7846
|
+
const wasCollapsed = this.collapse;
|
|
7847
|
+
this.collapse = !this.collapse;
|
|
7848
|
+
if (wasCollapsed && !this.read) {
|
|
7849
|
+
this.onClickButtonRead.emit(new Event('autoExpand'));
|
|
7850
|
+
}
|
|
7851
|
+
}
|
|
7852
|
+
async clickButtonCopy(event) {
|
|
7853
|
+
event.stopImmediatePropagation();
|
|
7854
|
+
try {
|
|
7855
|
+
await navigator.clipboard.writeText(this.getCardSummary());
|
|
7856
|
+
this.onClickButtonCopy.emit(event);
|
|
7857
|
+
}
|
|
7858
|
+
catch {
|
|
7859
|
+
// clipboard write failed; no emit, no snackbar
|
|
7860
|
+
}
|
|
7861
|
+
}
|
|
7862
|
+
getCardSummary() {
|
|
7863
|
+
const lines = [];
|
|
7864
|
+
lines.push('Etapas Procesales');
|
|
7865
|
+
if (this.etapa)
|
|
7866
|
+
lines.push(`Etapa: ${this.etapa}`);
|
|
7867
|
+
if (this.subEtapa)
|
|
7868
|
+
lines.push(`Subetapa: ${this.subEtapa}`);
|
|
7869
|
+
if (this.fechaPrincipal)
|
|
7870
|
+
lines.push(`Fecha: ${this.formatDate(this.fechaPrincipal)}`);
|
|
7871
|
+
if (this.text1)
|
|
7872
|
+
lines.push(this.text1);
|
|
7873
|
+
if (this.origen)
|
|
7874
|
+
lines.push(`Origen: ${this.origen}`);
|
|
7875
|
+
if (this.descripcion) {
|
|
7876
|
+
lines.push('');
|
|
7877
|
+
lines.push('Descripción:');
|
|
7878
|
+
lines.push(this.descripcion);
|
|
7879
|
+
}
|
|
7880
|
+
return lines.join('\n');
|
|
7881
|
+
}
|
|
7882
|
+
formatDate(d) {
|
|
7883
|
+
return this.datePipe.transform(d, 'd MMM y') ?? '';
|
|
7884
|
+
}
|
|
7885
|
+
clickButtonRead(event) {
|
|
7886
|
+
event.stopImmediatePropagation();
|
|
7887
|
+
this.onClickButtonRead.emit(event);
|
|
7888
|
+
}
|
|
7889
|
+
clickButtonEdit(event) {
|
|
7890
|
+
event.stopImmediatePropagation();
|
|
7891
|
+
this.onClickButtonEdit.emit(event);
|
|
7892
|
+
}
|
|
7893
|
+
clickButtonDelete(event) {
|
|
7894
|
+
event.stopImmediatePropagation();
|
|
7895
|
+
this.onClickButtonDelete.emit(event);
|
|
7896
|
+
}
|
|
7897
|
+
clickButtonDocs(event) {
|
|
7898
|
+
event.stopImmediatePropagation();
|
|
7899
|
+
this.onClickButtonDocs.emit(event);
|
|
7900
|
+
}
|
|
7901
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardEtapaSubetapaComponent, deps: [{ token: i1$1.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7902
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardEtapaSubetapaComponent, isStandalone: true, selector: "ius-card-etapa-subetapa", inputs: { priority: "priority", hasDocuments: "hasDocuments", read: "read", collapse: "collapse", etapa: "etapa", subEtapa: "subEtapa", text1: "text1", origen: "origen", fechaPrincipal: "fechaPrincipal", descripcion: "descripcion" }, outputs: { onClickButtonCopy: "onClickButtonCopy", onClickButtonRead: "onClickButtonRead", onClickButtonEdit: "onClickButtonEdit", onClickButtonDelete: "onClickButtonDelete", onClickButtonDocs: "onClickButtonDocs" }, providers: [
|
|
7903
|
+
{ provide: LOCALE_ID, useValue: 'es' },
|
|
7904
|
+
DatePipe
|
|
7905
|
+
], ngImport: i0, template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-book-5\" class=\"icon-book-5\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Etapas Procesales</span>\r\n <div class=\"body-base-1 row-text-1 txt-pry\" [ngClass]=\"{'title-no-read': read === false}\">\r\n <span>{{etapa}}</span>\r\n <span>-</span>\r\n <span>{{subEtapa}}</span>\r\n </div>\r\n <div class=\"body-base-1 txt-sec row-text-1\">\r\n <span>{{text1}}</span>\r\n @if (origen) {\r\n <span>-</span>\r\n <span>{{origen}}</span>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasDocuments) {\r\n <div class=\"row-text-1\">\r\n <ius-icon-sm iconName=\"icon-attach-file\" class=\"txt-sec\"></ius-icon-sm>\r\n </div>\r\n }\r\n <div class=\"row-text-2\">\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\r\n <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM yyyy'}}</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-edit\"\r\n iusPopoverContent=\"Editar\"\r\n (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-delete\"\r\n iusPopoverContent=\"Eliminar\"\r\n (buttonClicked)=\"clickButtonDelete($event)\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\r\n </div>\r\n </div>\r\n <div class=\"buttons-clp\">\r\n @if (hasDocuments) {\r\n <ius-button-menu-link iconName=\"icon-attach-file\" iconColor=\"#184FDB\"\r\n iusPopoverContent=\"Ver documentos\"\r\n (buttonClicked)=\"clickButtonDocs($event)\"></ius-button-menu-link>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-book-5{color:#7caf25}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{background-color:transparent;display:none;align-items:center;width:8px;height:8px;aspect-ratio:1/1;border-radius:100px}.icon-dot-f{display:flex;background-color:#2167ff}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;width:44px;box-sizing:border-box;gap:4px;justify-content:center}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.title-no-read{font-weight:500}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: ButtonMenuLinkComponent, selector: "ius-button-menu-link", inputs: ["disabled", "iconColor", "iconName"], outputs: ["buttonClicked"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
|
|
7906
|
+
}
|
|
7907
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardEtapaSubetapaComponent, decorators: [{
|
|
7908
|
+
type: Component,
|
|
7909
|
+
args: [{ selector: 'ius-card-etapa-subetapa', standalone: true, imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, ButtonMenuLinkComponent, DatePipe, PopoverDirective], providers: [
|
|
7910
|
+
{ provide: LOCALE_ID, useValue: 'es' },
|
|
7911
|
+
DatePipe
|
|
7912
|
+
], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-book-5\" class=\"icon-book-5\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Etapas Procesales</span>\r\n <div class=\"body-base-1 row-text-1 txt-pry\" [ngClass]=\"{'title-no-read': read === false}\">\r\n <span>{{etapa}}</span>\r\n <span>-</span>\r\n <span>{{subEtapa}}</span>\r\n </div>\r\n <div class=\"body-base-1 txt-sec row-text-1\">\r\n <span>{{text1}}</span>\r\n @if (origen) {\r\n <span>-</span>\r\n <span>{{origen}}</span>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasDocuments) {\r\n <div class=\"row-text-1\">\r\n <ius-icon-sm iconName=\"icon-attach-file\" class=\"txt-sec\"></ius-icon-sm>\r\n </div>\r\n }\r\n <div class=\"row-text-2\">\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\r\n <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM yyyy'}}</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-edit\"\r\n iusPopoverContent=\"Editar\"\r\n (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-delete\"\r\n iusPopoverContent=\"Eliminar\"\r\n (buttonClicked)=\"clickButtonDelete($event)\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\r\n </div>\r\n </div>\r\n <div class=\"buttons-clp\">\r\n @if (hasDocuments) {\r\n <ius-button-menu-link iconName=\"icon-attach-file\" iconColor=\"#184FDB\"\r\n iusPopoverContent=\"Ver documentos\"\r\n (buttonClicked)=\"clickButtonDocs($event)\"></ius-button-menu-link>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-book-5{color:#7caf25}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{background-color:transparent;display:none;align-items:center;width:8px;height:8px;aspect-ratio:1/1;border-radius:100px}.icon-dot-f{display:flex;background-color:#2167ff}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;width:44px;box-sizing:border-box;gap:4px;justify-content:center}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.title-no-read{font-weight:500}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"] }]
|
|
7913
|
+
}], ctorParameters: () => [{ type: i1$1.DatePipe }], propDecorators: { priority: [{
|
|
7914
|
+
type: Input
|
|
7915
|
+
}], hasDocuments: [{
|
|
7916
|
+
type: Input
|
|
7917
|
+
}], read: [{
|
|
7918
|
+
type: Input
|
|
7919
|
+
}], collapse: [{
|
|
7920
|
+
type: Input
|
|
7921
|
+
}], etapa: [{
|
|
7922
|
+
type: Input
|
|
7923
|
+
}], subEtapa: [{
|
|
7924
|
+
type: Input
|
|
7925
|
+
}], text1: [{
|
|
7926
|
+
type: Input
|
|
7927
|
+
}], origen: [{
|
|
7928
|
+
type: Input
|
|
7929
|
+
}], fechaPrincipal: [{
|
|
7930
|
+
type: Input
|
|
7931
|
+
}], descripcion: [{
|
|
7932
|
+
type: Input
|
|
7933
|
+
}], onClickButtonCopy: [{
|
|
7934
|
+
type: Output
|
|
7935
|
+
}], onClickButtonRead: [{
|
|
7936
|
+
type: Output
|
|
7937
|
+
}], onClickButtonEdit: [{
|
|
7938
|
+
type: Output
|
|
7939
|
+
}], onClickButtonDelete: [{
|
|
7940
|
+
type: Output
|
|
7941
|
+
}], onClickButtonDocs: [{
|
|
7942
|
+
type: Output
|
|
7943
|
+
}] } });
|
|
7944
|
+
|
|
7945
|
+
registerLocaleData(localeEs);
|
|
7946
|
+
class CardImpulsoProcesalComponent {
|
|
7947
|
+
constructor(datePipe) {
|
|
7948
|
+
this.datePipe = datePipe;
|
|
7949
|
+
this.priority = true;
|
|
7950
|
+
this.hasDocuments = false;
|
|
7951
|
+
this.read = true;
|
|
7952
|
+
this.collapse = true;
|
|
7953
|
+
this.onClickButtonCopy = new EventEmitter();
|
|
7954
|
+
this.onClickButtonRead = new EventEmitter();
|
|
7955
|
+
this.onClickButtonEdit = new EventEmitter();
|
|
7956
|
+
this.onClickButtonDelete = new EventEmitter();
|
|
7957
|
+
this.onClickButtonDocs = new EventEmitter();
|
|
7958
|
+
}
|
|
7959
|
+
toggleCollapse() {
|
|
7960
|
+
const wasCollapsed = this.collapse;
|
|
7961
|
+
this.collapse = !this.collapse;
|
|
7962
|
+
if (wasCollapsed && !this.read) {
|
|
7963
|
+
this.onClickButtonRead.emit(new Event('autoExpand'));
|
|
7964
|
+
}
|
|
7965
|
+
}
|
|
7966
|
+
async clickButtonCopy(event) {
|
|
7967
|
+
event.stopImmediatePropagation();
|
|
7968
|
+
try {
|
|
7969
|
+
await navigator.clipboard.writeText(this.getCardSummary());
|
|
7970
|
+
this.onClickButtonCopy.emit(event);
|
|
7971
|
+
}
|
|
7972
|
+
catch {
|
|
7973
|
+
// clipboard write failed; no emit, no snackbar
|
|
7974
|
+
}
|
|
7975
|
+
}
|
|
7976
|
+
getCardSummary() {
|
|
7977
|
+
const lines = [];
|
|
7978
|
+
lines.push('Gestión - Impulso Procesal');
|
|
7979
|
+
if (this.titulo)
|
|
7980
|
+
lines.push(`Título: ${this.titulo}`);
|
|
7981
|
+
if (this.fechaPrincipal)
|
|
7982
|
+
lines.push(`Fecha: ${this.formatDate(this.fechaPrincipal)}`);
|
|
7983
|
+
if (this.text1)
|
|
7984
|
+
lines.push(this.text1);
|
|
7985
|
+
if (this.origen)
|
|
7986
|
+
lines.push(`Origen: ${this.origen}`);
|
|
7987
|
+
if (this.descripcion) {
|
|
7988
|
+
lines.push('');
|
|
7989
|
+
lines.push('Descripción:');
|
|
7990
|
+
lines.push(this.descripcion);
|
|
7991
|
+
}
|
|
7992
|
+
return lines.join('\n');
|
|
7993
|
+
}
|
|
7994
|
+
formatDate(d) {
|
|
7995
|
+
return this.datePipe.transform(d, 'd MMM y') ?? '';
|
|
7996
|
+
}
|
|
7997
|
+
clickButtonRead(event) {
|
|
7998
|
+
event.stopImmediatePropagation();
|
|
7999
|
+
this.onClickButtonRead.emit(event);
|
|
8000
|
+
}
|
|
8001
|
+
clickButtonEdit(event) {
|
|
8002
|
+
event.stopImmediatePropagation();
|
|
8003
|
+
this.onClickButtonEdit.emit(event);
|
|
8004
|
+
}
|
|
8005
|
+
clickButtonDelete(event) {
|
|
8006
|
+
event.stopImmediatePropagation();
|
|
8007
|
+
this.onClickButtonDelete.emit(event);
|
|
8008
|
+
}
|
|
8009
|
+
clickButtonDocs(event) {
|
|
8010
|
+
event.stopImmediatePropagation();
|
|
8011
|
+
this.onClickButtonDocs.emit(event);
|
|
8012
|
+
}
|
|
8013
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardImpulsoProcesalComponent, deps: [{ token: i1$1.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8014
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardImpulsoProcesalComponent, isStandalone: true, selector: "ius-card-impulso-procesal", inputs: { priority: "priority", hasDocuments: "hasDocuments", read: "read", collapse: "collapse", titulo: "titulo", text1: "text1", origen: "origen", fechaPrincipal: "fechaPrincipal", descripcion: "descripcion" }, outputs: { onClickButtonCopy: "onClickButtonCopy", onClickButtonRead: "onClickButtonRead", onClickButtonEdit: "onClickButtonEdit", onClickButtonDelete: "onClickButtonDelete", onClickButtonDocs: "onClickButtonDocs" }, providers: [
|
|
8015
|
+
{ provide: LOCALE_ID, useValue: 'es' },
|
|
8016
|
+
DatePipe
|
|
8017
|
+
], ngImport: i0, template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-article-person\" class=\"icon-article-person\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Gesti\u00F3n - Impulso Procesal</span>\r\n <span class=\"body-base-1\" [ngClass]=\"{'title-no-read': read === false}\">{{titulo}}</span>\r\n <div class=\"body-base-1 txt-sec row-text-1\">\r\n <span>{{text1}}</span>\r\n @if (origen) {\r\n <span>-</span>\r\n <span>{{origen}}</span>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasDocuments) {\r\n <div class=\"row-text-1\">\r\n <ius-icon-sm iconName=\"icon-attach-file\" class=\"txt-sec\"></ius-icon-sm>\r\n </div>\r\n }\r\n <div class=\"row-text-2\">\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\r\n <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM yyyy'}}</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-edit\"\r\n iusPopoverContent=\"Editar\"\r\n (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-delete\"\r\n iusPopoverContent=\"Eliminar\"\r\n (buttonClicked)=\"clickButtonDelete($event)\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\r\n </div>\r\n </div>\r\n <div class=\"buttons-clp\">\r\n @if (hasDocuments) {\r\n <ius-button-menu-link iconName=\"icon-attach-file\" iconColor=\"#184FDB\"\r\n iusPopoverContent=\"Ver documentos\"\r\n (buttonClicked)=\"clickButtonDocs($event)\"></ius-button-menu-link>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-article-person{color:#434343}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.title-no-read{font-weight:500}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{background-color:transparent;display:none;align-items:center;width:8px;height:8px;aspect-ratio:1/1;border-radius:100px}.icon-dot-f{display:flex;background-color:#2167ff}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;width:44px;box-sizing:border-box;gap:4px;justify-content:center}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonCircleTertiaryComponent, selector: "ius-button-circle-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: SimpleDividerComponent, selector: "ius-simple-divider" }, { kind: "component", type: ButtonMenuLinkComponent, selector: "ius-button-menu-link", inputs: ["disabled", "iconColor", "iconName"], outputs: ["buttonClicked"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
|
|
8018
|
+
}
|
|
8019
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardImpulsoProcesalComponent, decorators: [{
|
|
8020
|
+
type: Component,
|
|
8021
|
+
args: [{ selector: 'ius-card-impulso-procesal', standalone: true, imports: [IconSmComponent, NgClass, ButtonCircleTertiaryComponent, SimpleDividerComponent, ButtonMenuLinkComponent, DatePipe, PopoverDirective], providers: [
|
|
8022
|
+
{ provide: LOCALE_ID, useValue: 'es' },
|
|
8023
|
+
DatePipe
|
|
8024
|
+
], template: "<div class=\"ctn-gnrl\" (click)=\"toggleCollapse()\">\r\n <div class=\"ctn-card\">\r\n <div class=\"ctn-inf\">\r\n <ius-icon-sm iconName=\"icon-article-person\" class=\"icon-article-person\"></ius-icon-sm>\r\n <div class=\"info\">\r\n <span class=\"caption-sm txt-ter\">Gesti\u00F3n - Impulso Procesal</span>\r\n <span class=\"body-base-1\" [ngClass]=\"{'title-no-read': read === false}\">{{titulo}}</span>\r\n <div class=\"body-base-1 txt-sec row-text-1\">\r\n <span>{{text1}}</span>\r\n @if (origen) {\r\n <span>-</span>\r\n <span>{{origen}}</span>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"ctn-icons\">\r\n @if (hasDocuments) {\r\n <div class=\"row-text-1\">\r\n <ius-icon-sm iconName=\"icon-attach-file\" class=\"txt-sec\"></ius-icon-sm>\r\n </div>\r\n }\r\n <div class=\"row-text-2\">\r\n <div class=\"icon-dot\" [ngClass]=\"{'icon-dot-f': read === false}\"></div>\r\n <span class=\"body-sm txt-ter fecha\">{{fechaPrincipal | date: 'd MMM yyyy'}}</span>\r\n <span class=\"buttons-hove\">\r\n <ius-button-circle-tertiary iconName=\"icon-mark-chat-read\"\r\n [iusPopoverContent]=\"read ? 'Marcar como no le\u00EDdo' : 'Marcar como le\u00EDdo'\"\r\n (buttonClicked)=\"clickButtonRead($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-content-copy\"\r\n iusPopoverContent=\"Copiar informaci\u00F3n\"\r\n (buttonClicked)=\"clickButtonCopy($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-edit\"\r\n iusPopoverContent=\"Editar\"\r\n (buttonClicked)=\"clickButtonEdit($event)\"></ius-button-circle-tertiary>\r\n <ius-button-circle-tertiary iconName=\"icon-delete\"\r\n iusPopoverContent=\"Eliminar\"\r\n (buttonClicked)=\"clickButtonDelete($event)\"></ius-button-circle-tertiary>\r\n </span>\r\n </div>\r\n <ius-icon-sm [iconName]=\"collapse ? 'icon-keyboard-arrow-down' : 'icon-keyboard-arrow-up'\"\r\n class=\"txt-pry\"></ius-icon-sm>\r\n </div>\r\n </div>\r\n <div class=\"ctn-collapse-card\" [ngClass]=\"{'collapsed': collapse}\">\r\n <ius-simple-divider></ius-simple-divider>\r\n <div class=\"ctn-clp\">\r\n <div class=\"ctn-info-clp\">\r\n <div class=\"text-info\">\r\n <span class=\"body-base-1 txt-pry\">{{descripcion}}</span>\r\n </div>\r\n </div>\r\n <div class=\"buttons-clp\">\r\n @if (hasDocuments) {\r\n <ius-button-menu-link iconName=\"icon-attach-file\" iconColor=\"#184FDB\"\r\n iusPopoverContent=\"Ver documentos\"\r\n (buttonClicked)=\"clickButtonDocs($event)\"></ius-button-menu-link>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.ctn-gnrl{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:8px 12px;box-sizing:border-box;border-radius:4px;border:1px solid #eaeaea}.ctn-gnrl:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.ctn-gnrl:hover .fecha{display:none;pointer-events:none}.ctn-gnrl:hover .buttons-hove{display:flex;pointer-events:auto}.ctn-card{position:relative;display:flex;align-items:center;gap:24px}.ctn-inf{display:flex;flex:1 0 0;align-items:center;gap:16px}.icon-article-person{color:#434343}.info{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start}.title-no-read{font-weight:500}.ctn-icons{display:flex;align-items:center;gap:16px}.icon-dot{background-color:transparent;display:none;align-items:center;width:8px;height:8px;aspect-ratio:1/1;border-radius:100px}.icon-dot-f{display:flex;background-color:#2167ff}.fecha{width:76px}.buttons-hove{display:none;pointer-events:none;gap:4px}.ctn-collapse-card{max-height:1000px;overflow:hidden;transition:max-height .3s ease-in-out}.ctn-collapse-card.collapsed{max-height:0px}.ctn-clp{display:flex;gap:8px}.buttons-clp{display:flex;padding:4px;flex-direction:column;width:44px;box-sizing:border-box;gap:4px;justify-content:center}.ctn-info-clp{display:flex;padding:4px 8px;flex-direction:column;gap:12px;flex:1 0 0}.text-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}ius-simple-divider{margin:8px 0}.row-text-1{display:flex;align-items:center;gap:8px}.row-text-2{display:flex;align-items:center;gap:4px}.txt-pry{color:#333}.txt-sec{color:#595959}.txt-ter{color:#8c8c8c}\n"] }]
|
|
8025
|
+
}], ctorParameters: () => [{ type: i1$1.DatePipe }], propDecorators: { priority: [{
|
|
8026
|
+
type: Input
|
|
8027
|
+
}], hasDocuments: [{
|
|
8028
|
+
type: Input
|
|
8029
|
+
}], read: [{
|
|
8030
|
+
type: Input
|
|
8031
|
+
}], collapse: [{
|
|
8032
|
+
type: Input
|
|
8033
|
+
}], titulo: [{
|
|
8034
|
+
type: Input
|
|
8035
|
+
}], text1: [{
|
|
8036
|
+
type: Input
|
|
8037
|
+
}], origen: [{
|
|
8038
|
+
type: Input
|
|
8039
|
+
}], fechaPrincipal: [{
|
|
8040
|
+
type: Input
|
|
8041
|
+
}], descripcion: [{
|
|
8042
|
+
type: Input
|
|
8043
|
+
}], onClickButtonCopy: [{
|
|
8044
|
+
type: Output
|
|
8045
|
+
}], onClickButtonRead: [{
|
|
8046
|
+
type: Output
|
|
8047
|
+
}], onClickButtonEdit: [{
|
|
8048
|
+
type: Output
|
|
8049
|
+
}], onClickButtonDelete: [{
|
|
8050
|
+
type: Output
|
|
8051
|
+
}], onClickButtonDocs: [{
|
|
8052
|
+
type: Output
|
|
8053
|
+
}] } });
|
|
8054
|
+
|
|
7500
8055
|
class CalificationComponent {
|
|
7501
8056
|
constructor() {
|
|
7502
8057
|
this.rating = 0;
|
|
@@ -7914,7 +8469,7 @@ class CreateTicketComponent {
|
|
|
7914
8469
|
});
|
|
7915
8470
|
}
|
|
7916
8471
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateTicketComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7917
|
-
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", "prefixIcon", "sufixIcon", "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", "prefixIcon", "sufixIcon"], outputs: ["buttonClicked"] }, { kind: "component", type: InputSelectComponent, selector: "ius-input-select", inputs: ["componentId", "required", "disabled", "showHelpText", "error", "labelSuperior", "labelInferior", "errorText", "labelInput", "iconInput", "textInput", "maxlenght", "inputType", "debounceMs", "enableInfiniteScroll", "loading"], outputs: ["onChangesValueEvent", "onEnterKey", "onBlurEvent", "onScrolledToEnd", "onFocusEvent"] }, { kind: "component", type: InputTextfieldComponent, selector: "ius-input-textfield", inputs: ["textInput", "required", "disabled", "isEnableClearText", "showHelpText", "error", "labelSuperior", "labelInferior", "errorText", "labelInput", "iconInput", "inputType", "maxlenght", "initialText", "isIconRight"], outputs: ["onChangesValueEvent", "onEnterKey", "onBlurEvent"] }, { kind: "component", type: OptionComponent, selector: "ius-option", inputs: ["disabled", "checked", "leadingIcon", "prefixIcon", "sufixIcon", "multiline"], outputs: ["optionClick"] }, { kind: "component", type: InputLargeComponent, selector: "ius-input-large", inputs: ["textInput", "required", "disabled", "showHelpText", "rows", "error", "labelSuperior", "labelInferior", "errorText", "labelInput", "maxlenght", "initialText"], outputs: ["onChangesValueEvent", "onEnterKey", "onBlurEvent"] }] }); }
|
|
8472
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CreateTicketComponent, isStandalone: true, selector: "ius-create-ticket", inputs: { tipos: "tipos", razones: "razones", loading: "loading", lastResult: "lastResult" }, outputs: { submitTicket: "submitTicket", closeForm: "closeForm" }, ngImport: i0, template: "<ius-drawer-container-right [titleDrawer]=\"'Crear Ticket'\" (onDrawerClosed)=\"onClose()\"\r\n [percentProgressBar]=\"percentProgressBar\">\r\n <div class=\"form between-xs\">\r\n <div class=\"content\">\r\n <ius-section-collapse-drawer-parent textTitle=\"Informaci\u00F3n general\" [disabled]=\"false\"\r\n [isActive]=\"isExpandGeneralInformation\" (buttonClicked)=\"onExpandGeneralInformation()\">\r\n <div class=\"section\">\r\n <div class=\"select\">\r\n <ius-input-select componentId=\"ticketType\" [required]=\"true\" [showHelpText]=\"true\" labelSuperior=\"Tipo de ticket\"\r\n labelInput=\"Selecciona una opci\u00F3n\" [textInput]=\"typeSelected?.tipo\">\r\n @for (type of tipos; track type) {\r\n <ius-option (optionClick)=\"onSetValueType(type)\">\r\n {{ type.tipo }}\r\n </ius-option>\r\n }\r\n </ius-input-select>\r\n </div>\r\n <div class=\"select\">\r\n <ius-input-select componentId=\"ticketReason\" [required]=\"true\" [showHelpText]=\"true\" labelSuperior=\"Raz\u00F3n del ticket\"\r\n labelInput=\"Selecciona una opci\u00F3n\" [textInput]=\"reasonSelected?.razon\">\r\n @for (reason of razones; track reason) {\r\n <ius-option (optionClick)=\"onSetValueReason(reason)\">\r\n {{ reason.razon }}\r\n </ius-option>\r\n }\r\n </ius-input-select>\r\n </div>\r\n <div class=\"select\">\r\n <ius-input-textfield componentId=\"tituloTicket\" [initialText]=\"tituloTicket\" [required]=\"true\" [showHelpText]=\"true\"\r\n labelSuperior=\"Titulo o asunto para el ticket\" labelInput=\"Defina brevemente un asunto o titulo\"\r\n (onChangesValueEvent)=\"onSetValueTituloTicket($event)\">\r\n </ius-input-textfield>\r\n </div>\r\n <div class=\"select\">\r\n <ius-input-large componentId=\"descripcionTicket\" [initialText]=\"descripcionTicket\" [required]=\"true\" [showHelpText]=\"true\"\r\n labelSuperior=\"Descripcion del ticket\" labelInput=\"Describe tu idea o petici\u00F3n para el ticket\"\r\n (onChangesValueEvent)=\"onSetValueDescripcionTicket($event)\">\r\n </ius-input-large>\r\n </div>\r\n </div>\r\n </ius-section-collapse-drawer-parent>\r\n </div>\r\n\r\n <div class=\"footer\">\r\n <div class=\"toolbar\">\r\n <div class=\"toolbar-btn\">\r\n <ius-button-dynamic [labelDefault]=\"'Crear ticket'\" [labelSuccess]=\"'Agregando'\" [labelError]=\"'Error'\"\r\n [loading]=\"loading\" [result]=\"lastResult\" (buttonClicked)=\"createTicket()\">\r\n </ius-button-dynamic>\r\n </div>\r\n <div class=\"toolbar-btn\">\r\n <ius-button-standard-secondary (buttonClicked)=\"onClose()\">Cancelar</ius-button-standard-secondary>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</ius-drawer-container-right>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.form{display:flex;height:100%;flex-direction:column}.section{display:flex;padding:0 8px;flex-direction:column}.content{display:flex;flex-direction:column}.select{display:flex;padding:8px 16px;flex-direction:column;justify-content:center;gap:8px;align-self:stretch}.footer{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;flex:1 0 0;align-self:stretch}.toolbar{display:flex;padding:12px 16px;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;align-self:stretch}.toolbar-btn{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonDynamicComponent, selector: "ius-button-dynamic", inputs: ["labelDefault", "labelSuccess", "labelError", "disabled", "loading", "result", "prefixIcon", "sufixIcon", "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", "prefixIcon", "sufixIcon"], outputs: ["buttonClicked"] }, { kind: "component", type: InputSelectComponent, selector: "ius-input-select", inputs: ["componentId", "required", "disabled", "showHelpText", "error", "labelSuperior", "labelInferior", "errorText", "labelInput", "iconInput", "textInput", "maxlenght", "inputType", "debounceMs", "enableInfiniteScroll", "loading"], outputs: ["onChangesValueEvent", "onEnterKey", "onBlurEvent", "onScrolledToEnd", "onFocusEvent"] }, { kind: "component", type: InputTextfieldComponent, selector: "ius-input-textfield", inputs: ["textInput", "required", "disabled", "isEnableClearText", "showHelpText", "error", "labelSuperior", "labelInferior", "errorText", "labelInput", "iconInput", "inputType", "maxlenght", "initialText", "isIconRight"], outputs: ["onChangesValueEvent", "onEnterKey", "onBlurEvent"] }, { kind: "component", type: OptionComponent, selector: "ius-option", inputs: ["disabled", "checked", "leadingIcon", "prefixIcon", "sufixIcon", "multiline"], outputs: ["optionClick"] }, { kind: "component", type: InputLargeComponent, selector: "ius-input-large", inputs: ["textInput", "required", "disabled", "showHelpText", "rows", "error", "labelSuperior", "labelInferior", "errorText", "labelInput", "maxlenght", "initialText"], outputs: ["onChangesValueEvent", "onEnterKey", "onBlurEvent"] }] }); }
|
|
7918
8473
|
}
|
|
7919
8474
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateTicketComponent, decorators: [{
|
|
7920
8475
|
type: Component,
|
|
@@ -7928,7 +8483,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
7928
8483
|
InputTextfieldComponent,
|
|
7929
8484
|
OptionComponent,
|
|
7930
8485
|
InputLargeComponent,
|
|
7931
|
-
], 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"] }]
|
|
8486
|
+
], template: "<ius-drawer-container-right [titleDrawer]=\"'Crear Ticket'\" (onDrawerClosed)=\"onClose()\"\r\n [percentProgressBar]=\"percentProgressBar\">\r\n <div class=\"form between-xs\">\r\n <div class=\"content\">\r\n <ius-section-collapse-drawer-parent textTitle=\"Informaci\u00F3n general\" [disabled]=\"false\"\r\n [isActive]=\"isExpandGeneralInformation\" (buttonClicked)=\"onExpandGeneralInformation()\">\r\n <div class=\"section\">\r\n <div class=\"select\">\r\n <ius-input-select componentId=\"ticketType\" [required]=\"true\" [showHelpText]=\"true\" labelSuperior=\"Tipo de ticket\"\r\n labelInput=\"Selecciona una opci\u00F3n\" [textInput]=\"typeSelected?.tipo\">\r\n @for (type of tipos; track type) {\r\n <ius-option (optionClick)=\"onSetValueType(type)\">\r\n {{ type.tipo }}\r\n </ius-option>\r\n }\r\n </ius-input-select>\r\n </div>\r\n <div class=\"select\">\r\n <ius-input-select componentId=\"ticketReason\" [required]=\"true\" [showHelpText]=\"true\" labelSuperior=\"Raz\u00F3n del ticket\"\r\n labelInput=\"Selecciona una opci\u00F3n\" [textInput]=\"reasonSelected?.razon\">\r\n @for (reason of razones; track reason) {\r\n <ius-option (optionClick)=\"onSetValueReason(reason)\">\r\n {{ reason.razon }}\r\n </ius-option>\r\n }\r\n </ius-input-select>\r\n </div>\r\n <div class=\"select\">\r\n <ius-input-textfield componentId=\"tituloTicket\" [initialText]=\"tituloTicket\" [required]=\"true\" [showHelpText]=\"true\"\r\n labelSuperior=\"Titulo o asunto para el ticket\" labelInput=\"Defina brevemente un asunto o titulo\"\r\n (onChangesValueEvent)=\"onSetValueTituloTicket($event)\">\r\n </ius-input-textfield>\r\n </div>\r\n <div class=\"select\">\r\n <ius-input-large componentId=\"descripcionTicket\" [initialText]=\"descripcionTicket\" [required]=\"true\" [showHelpText]=\"true\"\r\n labelSuperior=\"Descripcion del ticket\" labelInput=\"Describe tu idea o petici\u00F3n para el ticket\"\r\n (onChangesValueEvent)=\"onSetValueDescripcionTicket($event)\">\r\n </ius-input-large>\r\n </div>\r\n </div>\r\n </ius-section-collapse-drawer-parent>\r\n </div>\r\n\r\n <div class=\"footer\">\r\n <div class=\"toolbar\">\r\n <div class=\"toolbar-btn\">\r\n <ius-button-dynamic [labelDefault]=\"'Crear ticket'\" [labelSuccess]=\"'Agregando'\" [labelError]=\"'Error'\"\r\n [loading]=\"loading\" [result]=\"lastResult\" (buttonClicked)=\"createTicket()\">\r\n </ius-button-dynamic>\r\n </div>\r\n <div class=\"toolbar-btn\">\r\n <ius-button-standard-secondary (buttonClicked)=\"onClose()\">Cancelar</ius-button-standard-secondary>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</ius-drawer-container-right>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.form{display:flex;height:100%;flex-direction:column}.section{display:flex;padding:0 8px;flex-direction:column}.content{display:flex;flex-direction:column}.select{display:flex;padding:8px 16px;flex-direction:column;justify-content:center;gap:8px;align-self:stretch}.footer{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;flex:1 0 0;align-self:stretch}.toolbar{display:flex;padding:12px 16px;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;align-self:stretch}.toolbar-btn{width:100%}\n"] }]
|
|
7932
8487
|
}], propDecorators: { tipos: [{
|
|
7933
8488
|
type: Input
|
|
7934
8489
|
}], razones: [{
|
|
@@ -8084,5 +8639,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
8084
8639
|
* Generated bundle index. Do not edit.
|
|
8085
8640
|
*/
|
|
8086
8641
|
|
|
8087
|
-
export { AddUserContainerComponent, AlertComponent, AvatarBusinessComponent, AvatarIconComponent, AvatarV2Component, BadgeComponent, BreadcrumbComponent, ButtonAccountsComponent, ButtonAuthComponent, ButtonCircleSecondaryComponent, ButtonCircleTertiaryComponent, ButtonDynamicComponent, ButtonFilterComponent, ButtonMenuLinkComponent, ButtonOrderComponent, ButtonSquaredSecondaryComponent, ButtonSquaredTertiaryComponent, ButtonStandardOutlineComponent, ButtonStandardPrimaryComponent, ButtonStandardSecondaryComponent, ButtonStandardTertiaryComponent, ButtonStandardTertiarySmallComponent, CalificationComponent, CardAgendaJudicialComponent, CardBlockComponent, CardButtonCheckboxComponent, CardCollapseDetalleProcesoComponent, CardDynamicContentComponent, CardGestionCupoComponent, CardInfoFacturacionComponent, CardListConsumoComponent, CardListDragOnComponent, CardListMovimientosComponent, CardListProcesoComponent, CardLogComponent, CardPlanSmallComponent, CardPlanSubscriptionComponent, CardTicketComponent, CardTipoProcesoComponent, CardUsoPlanComponent, 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 };
|
|
8642
|
+
export { AddUserContainerComponent, AlertComponent, AvatarBusinessComponent, AvatarIconComponent, AvatarV2Component, BadgeComponent, BreadcrumbComponent, ButtonAccountsComponent, ButtonAuthComponent, ButtonCircleSecondaryComponent, ButtonCircleTertiaryComponent, ButtonDynamicComponent, ButtonFilterComponent, ButtonMenuLinkComponent, ButtonOrderComponent, ButtonSquaredSecondaryComponent, ButtonSquaredTertiaryComponent, ButtonStandardOutlineComponent, 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 };
|
|
8088
8643
|
//# sourceMappingURL=litigiovirtual-ius-design-components.mjs.map
|