ngx-dsxlibrary 2.21.64 → 2.21.66

package/fesm2022/ngx-dsxlibrary.mjs

@@ -32,6 +32,9 @@ import { Button, ButtonModule } from 'primeng/button';
 import moment from 'moment-timezone';
 import { ToastrService } from 'ngx-toastr';
 import Swal from 'sweetalert2';
+import { AutoComplete, AutoCompleteModule } from 'primeng/autocomplete';
+import * as i6 from 'primeng/floatlabel';
+import { FloatLabel, FloatLabelModule } from 'primeng/floatlabel';
 import { FileUpload, FileUploadModule } from 'primeng/fileupload';
 import { LottieComponent } from 'ngx-lottie';
 import { createTimeline } from 'animejs';
@@ -41,12 +44,9 @@ import * as i4 from 'primeng/menubar';
 import { MenubarModule } from 'primeng/menubar';
 import { JwtHelperService } from '@auth0/angular-jwt';
 import { CookieService } from 'ngx-cookie-service';
-import * as i6 from 'primeng/floatlabel';
-import { FloatLabelModule } from 'primeng/floatlabel';
 import * as i7 from 'primeng/password';
 import { PasswordModule } from 'primeng/password';
 import { AccordionModule } from 'primeng/accordion';
-import { AutoCompleteModule } from 'primeng/autocomplete';
 import { AutoFocusModule } from 'primeng/autofocus';
 import { AvatarGroupModule } from 'primeng/avatargroup';
 import { BadgeModule } from 'primeng/badge';
@@ -4059,11 +4059,11 @@ function getActionMessageConfig(action, secondArg, thirdArg) {
         if (isActive) {
             return {
                 ...defaults,
-                title: '¿Archivar registro?',
-                message: 'El registro dejará de estar visible en las listas principales, pero podrás recuperarlo más tarde.' +
+                title: '¿Borrar registro?',
+                message: 'El registro dejará de estar disponible en las listas principales.' +
                     (dataPreview ? `<br>${dataPreview}` : ''),
-                icono: 'icon/folder01.png',
-                confirmButtonText: 'Archivar',
+                icono: 'icon/trash-bin.png',
+                confirmButtonText: 'Eliminar',
                 cancelButtonText: 'Cancelar',
                 showConfirmButton: true,
                 showCancelButton: true,
@@ -4637,16 +4637,16 @@ const ACTION_CONFIG = {
     hardDelete: {
         label: 'Eliminar',
         icon: 'delete_forever',
-        primeIcon: 'pi pi-trash',
+        primeIcon: 'fa-regular fa-trash-can',
         colorToken: 'danger',
         tooltip: 'Eliminar registro',
     },
     softDelete: {
         label: 'Archivar',
-        icon: 'archive',
-        primeIcon: 'pi pi-thumbs-down',
+        icon: 'delete',
+        primeIcon: 'fa-regular fa-trash-can',
         colorToken: 'warning',
-        tooltip: 'Archivar registro',
+        tooltip: 'Borrar registro',
     },
     return: {
         label: 'Restaurar',
@@ -4683,7 +4683,7 @@ const ACTION_CONFIG = {
     edit: {
         label: 'Editar',
         icon: 'edit',
-        primeIcon: 'pi pi-file-edit',
+        primeIcon: 'fa-regular fa-pen-to-square',
         colorToken: 'primary',
         tooltip: 'Editar registro',
     },
@@ -4753,8 +4753,131 @@ const ACTION_CONFIG = {
     },
 };
 
+class DsxAutocomplete {
+    // Inputs usando Señales
+    datasource = input.required(...(ngDevMode ? [{ debugName: "datasource" }] : /* istanbul ignore next */ []));
+    optionLabel = input.required(...(ngDevMode ? [{ debugName: "optionLabel" }] : /* istanbul ignore next */ []));
+    // Label del input (ej: 'Requisitos')
+    label = input('Seleccionar', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    //Delay por defecto
+    delay = input(100, ...(ngDevMode ? [{ debugName: "delay" }] : /* istanbul ignore next */ []));
+    // OBLIGATORIO para la creación automática: nombre de la propiedad ID (ej: 'requisitoId')
+    idKey = input.required(...(ngDevMode ? [{ debugName: "idKey" }] : /* istanbul ignore next */ []));
+    // Opcional para PrimeNG (por defecto toma el valor de idKey para identificar duplicados)
+    dataKey = input('', ...(ngDevMode ? [{ debugName: "dataKey" }] : /* istanbul ignore next */ []));
+    permitirCrear = input(false, ...(ngDevMode ? [{ debugName: "permitirCrear" }] : /* istanbul ignore next */ []));
+    debug = input(false, ...(ngDevMode ? [{ debugName: "debug" }] : /* istanbul ignore next */ []));
+    factoryNuevoRegistro = input(...(ngDevMode ? [undefined, { debugName: "factoryNuevoRegistro" }] : /* istanbul ignore next */ []));
+    // Estado Interno
+    dataFiltrada = signal([], ...(ngDevMode ? [{ debugName: "dataFiltrada" }] : /* istanbul ignore next */ []));
+    value = [];
+    onChange = () => { };
+    onTouched = () => { };
+    disabled = false;
+    searchRequisitos(event) {
+        const inicio = performance.now();
+        const label = this.optionLabel();
+        // FLUJO A: El usuario hizo clic en el botón dropdown (Texto vacío)
+        if (!event.query || event.query.trim() === '') {
+            // Cargamos TODO el universo de datos para que el usuario pueda navegar libremente
+            const todoElUniverso = this.datasource();
+            this.dataFiltrada.set(todoElUniverso);
+            if (this.debug()) {
+                console.log('[DsxAutocomplete] Modo dropdown activo: Mostrando lista completa de registros:', todoElUniverso.length);
+            }
+            return;
+        }
+        // FLUJO B: El usuario está escribiendo (Búsqueda inteligente con límite de 10)
+        const palabrasBuscadas = event.query
+            .toLowerCase()
+            .trim()
+            .split(/\s+/)
+            .filter((palabra) => palabra.length > 0);
+        const filtrados = this.datasource()
+            .filter((item) => {
+            const textoRegistro = String(item[label] || '').toLowerCase();
+            return palabrasBuscadas.every((palabra) => textoRegistro.includes(palabra));
+        })
+            .slice(0, 10); // <-- El límite se aplica estrictamente al escribir
+        this.dataFiltrada.set(filtrados);
+        if (this.debug()) {
+            console.log(`[DsxAutocomplete] Búsqueda inteligente para "${event.query}" tardó ${(performance.now() - inicio).toFixed(2)}ms. Encontrados:`, filtrados.length);
+        }
+    }
+    evaluarYAgregar(event) {
+        const valorInput = event.target.value?.trim();
+        if (!valorInput)
+            return;
+        const sugerencias = this.dataFiltrada();
+        const actuales = this.value || [];
+        const campoId = this.idKey(); // Obtenemos de forma segura el nombre del ID stringificado
+        if (sugerencias.length > 0) {
+            const primeraMatch = sugerencias[0];
+            // Comparamos identidades usando el campoId dinámico
+            const yaExiste = actuales.some((item) => item[campoId] === primeraMatch[campoId]);
+            if (!yaExiste)
+                this.actualizarFormulario([...actuales, primeraMatch]);
+        }
+        else if (this.permitirCrear()) {
+            let nuevo;
+            if (this.factoryNuevoRegistro()) {
+                nuevo = this.factoryNuevoRegistro()(valorInput);
+            }
+            else {
+                // Al estructurar el objeto usando [campoId], garantizamos que viaje con el nombre correcto de tu entidad
+                nuevo = {
+                    [campoId]: 0,
+                    [this.optionLabel()]: valorInput.toUpperCase(),
+                    activo: true,
+                };
+            }
+            this.actualizarFormulario([...actuales, nuevo]);
+        }
+        event.target.value = '';
+        this.dataFiltrada.set([]);
+    }
+    actualizarFormulario(nuevaLista) {
+        this.value = nuevaLista;
+        this.onChange(this.value);
+        if (this.debug())
+            console.log('[DsxAutocomplete] Estado del Formulario Actualizado con Objetos:', this.value);
+    }
+    // --- ControlValueAccessor ---
+    writeValue(value) {
+        this.value = value || [];
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DsxAutocomplete, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: DsxAutocomplete, isStandalone: true, selector: "dsx-autocomplete", inputs: { datasource: { classPropertyName: "datasource", publicName: "datasource", isSignal: true, isRequired: true, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null }, idKey: { classPropertyName: "idKey", publicName: "idKey", isSignal: true, isRequired: true, transformFunction: null }, dataKey: { classPropertyName: "dataKey", publicName: "dataKey", isSignal: true, isRequired: false, transformFunction: null }, permitirCrear: { classPropertyName: "permitirCrear", publicName: "permitirCrear", isSignal: true, isRequired: false, transformFunction: null }, debug: { classPropertyName: "debug", publicName: "debug", isSignal: true, isRequired: false, transformFunction: null }, factoryNuevoRegistro: { classPropertyName: "factoryNuevoRegistro", publicName: "factoryNuevoRegistro", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => DsxAutocomplete),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<p-floatlabel variant=\"on\">\r\n  <p-autoComplete\r\n    fluid\r\n    multiple\r\n    [dropdown]=\"true\"\r\n    [suggestions]=\"dataFiltrada()\"\r\n    (completeMethod)=\"searchRequisitos($event)\"\r\n    [(ngModel)]=\"value\"\r\n    (ngModelChange)=\"onChange(value)\"\r\n    (onBlur)=\"onTouched()\"\r\n    [disabled]=\"disabled\"\r\n    [optionLabel]=\"optionLabel()\"\r\n    [dataKey]=\"dataKey() || idKey()\"\r\n    (keyup.enter)=\"evaluarYAgregar($event)\"\r\n    [delay]=\"delay()\"\r\n  >\r\n  </p-autoComplete>\r\n  <label>{{ label() }}</label>\r\n</p-floatlabel>\r\n", styles: [""], dependencies: [{ kind: "component", type: AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo", "motionOptions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DsxAutocomplete, decorators: [{
+            type: Component,
+            args: [{ selector: 'dsx-autocomplete', imports: [AutoComplete, FormsModule, FloatLabel], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DsxAutocomplete),
+                            multi: true,
+                        },
+                    ], template: "<p-floatlabel variant=\"on\">\r\n  <p-autoComplete\r\n    fluid\r\n    multiple\r\n    [dropdown]=\"true\"\r\n    [suggestions]=\"dataFiltrada()\"\r\n    (completeMethod)=\"searchRequisitos($event)\"\r\n    [(ngModel)]=\"value\"\r\n    (ngModelChange)=\"onChange(value)\"\r\n    (onBlur)=\"onTouched()\"\r\n    [disabled]=\"disabled\"\r\n    [optionLabel]=\"optionLabel()\"\r\n    [dataKey]=\"dataKey() || idKey()\"\r\n    (keyup.enter)=\"evaluarYAgregar($event)\"\r\n    [delay]=\"delay()\"\r\n  >\r\n  </p-autoComplete>\r\n  <label>{{ label() }}</label>\r\n</p-floatlabel>\r\n" }]
+        }], propDecorators: { datasource: [{ type: i0.Input, args: [{ isSignal: true, alias: "datasource", required: true }] }], optionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionLabel", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], delay: [{ type: i0.Input, args: [{ isSignal: true, alias: "delay", required: false }] }], idKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "idKey", required: true }] }], dataKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataKey", required: false }] }], permitirCrear: [{ type: i0.Input, args: [{ isSignal: true, alias: "permitirCrear", required: false }] }], debug: [{ type: i0.Input, args: [{ isSignal: true, alias: "debug", required: false }] }], factoryNuevoRegistro: [{ type: i0.Input, args: [{ isSignal: true, alias: "factoryNuevoRegistro", required: false }] }] } });
+
 class FileComponent {
     // Inputs
+    existingFile = input(null, ...(ngDevMode ? [{ debugName: "existingFile" }] : /* istanbul ignore next */ []));
     existingFileName = input(null, ...(ngDevMode ? [{ debugName: "existingFileName" }] : /* istanbul ignore next */ []));
     debug = input(false, ...(ngDevMode ? [{ debugName: "debug" }] : /* istanbul ignore next */ []));
     required = input(true, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
@@ -4780,7 +4903,7 @@ class FileComponent {
     hasExistingFile = computed(() => {
         if (!this.isViewActive())
             return false;
-        const hasFile = !!this.existingFileName() && !this.isReplacing();
+        const hasFile = !!this.existingFileName() && !this.isReplacing() && !this.existingFile();
         if (this.debug() && this.isViewActive())
             this.log('hasExistingFile', { hasFile });
         return hasFile;
@@ -4964,7 +5087,7 @@ class FileComponent {
         console.log(`[FileComponent] ${method}`, data || '');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: FileComponent, isStandalone: true, selector: "dsx-file-upload", inputs: { existingFileName: { classPropertyName: "existingFileName", publicName: "existingFileName", isSignal: true, isRequired: false, transformFunction: null }, debug: { classPropertyName: "debug", publicName: "debug", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, pTooltipOverride: { classPropertyName: "pTooltipOverride", publicName: "pTooltipOverride", isSignal: true, isRequired: false, transformFunction: null }, tooltipPositionOverride: { classPropertyName: "tooltipPositionOverride", publicName: "tooltipPositionOverride", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, invalidSummary: { classPropertyName: "invalidSummary", publicName: "invalidSummary", isSignal: true, isRequired: false, transformFunction: null }, invalidDetail: { classPropertyName: "invalidDetail", publicName: "invalidDetail", isSignal: true, isRequired: false, transformFunction: null }, invalidSizeSummary: { classPropertyName: "invalidSizeSummary", publicName: "invalidSizeSummary", isSignal: true, isRequired: false, transformFunction: null }, invalidSizeDetail: { classPropertyName: "invalidSizeDetail", publicName: "invalidSizeDetail", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: FileComponent, isStandalone: true, selector: "dsx-file-upload", inputs: { existingFile: { classPropertyName: "existingFile", publicName: "existingFile", isSignal: true, isRequired: false, transformFunction: null }, existingFileName: { classPropertyName: "existingFileName", publicName: "existingFileName", isSignal: true, isRequired: false, transformFunction: null }, debug: { classPropertyName: "debug", publicName: "debug", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, pTooltipOverride: { classPropertyName: "pTooltipOverride", publicName: "pTooltipOverride", isSignal: true, isRequired: false, transformFunction: null }, tooltipPositionOverride: { classPropertyName: "tooltipPositionOverride", publicName: "tooltipPositionOverride", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, invalidSummary: { classPropertyName: "invalidSummary", publicName: "invalidSummary", isSignal: true, isRequired: false, transformFunction: null }, invalidDetail: { classPropertyName: "invalidDetail", publicName: "invalidDetail", isSignal: true, isRequired: false, transformFunction: null }, invalidSizeSummary: { classPropertyName: "invalidSizeSummary", publicName: "invalidSizeSummary", isSignal: true, isRequired: false, transformFunction: null }, invalidSizeDetail: { classPropertyName: "invalidSizeDetail", publicName: "invalidSizeDetail", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => FileComponent),
@@ -4975,7 +5098,7 @@ class FileComponent {
                 useExisting: forwardRef(() => FileComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "fileUpload", first: true, predicate: ["fileUpload"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (showExistingFile()) {\r\n  <div class=\"flex items-center gap-2\">\r\n    <span class=\"file-name\"> \uD83D\uDCC4 {{ existingFileName() }} </span>\r\n\r\n    <p-button\r\n      icon=\"pi pi-cloud-upload\"\r\n      [rounded]=\"true\"\r\n      severity=\"info\"\r\n      (click)=\"startReplace()\"\r\n      [disabled]=\"isReplaceButtonDisabled()\"\r\n      pTooltip=\"Reemplazar archivo\"\r\n      tooltipPosition=\"top\"\r\n    />\r\n  </div>\r\n} @else {\r\n  <div class=\"flex items-center gap-2\">\r\n    <p-fileUpload\r\n      #fileUpload\r\n      mode=\"basic\"\r\n      [accept]=\"accept()\"\r\n      [maxFileSize]=\"maxFileSize() * 1024 * 1024\"\r\n      [invalidFileTypeMessageSummary]=\"invalidSummary()\"\r\n      [invalidFileTypeMessageDetail]=\"invalidDetail()\"\r\n      [invalidFileSizeMessageSummary]=\"invalidSizeSummary()\"\r\n      [invalidFileSizeMessageDetail]=\"invalidSizeDetail()\"\r\n      (onSelect)=\"onSelect($event)\"\r\n      [disabled]=\"!isFileUploadEnabled()\"\r\n      [pTooltip]=\"pTooltipOverride()\"\r\n      [tooltipPosition]=\"tooltipPositionOverride()\"\r\n    />\r\n\r\n    @if (isReplacing()) {\r\n      <p-button\r\n        icon=\"pi pi-times\"\r\n        [rounded]=\"true\"\r\n        severity=\"secondary\"\r\n        (click)=\"cancelReplace()\"\r\n        [disabled]=\"disabled()\"\r\n        pTooltip=\"Cancelar reemplazo\"\r\n        tooltipPosition=\"top\"\r\n      />\r\n    }\r\n  </div>\r\n}\r\n", styles: [".file-name{display:inline-block;font-size:clamp(.85rem,1vw + .5rem,1.4rem);font-weight:500;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}\n"], dependencies: [{ kind: "component", type: FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+        ], viewQueries: [{ propertyName: "fileUpload", first: true, predicate: ["fileUpload"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (showExistingFile() && !existingFile()) {\r\n  <div class=\"flex items-center gap-2\">\r\n    <span class=\"file-name\"> \uD83D\uDCC4 {{ existingFileName() }} </span>\r\n\r\n    <p-button\r\n      icon=\"pi pi-cloud-upload\"\r\n      [rounded]=\"true\"\r\n      severity=\"info\"\r\n      (click)=\"startReplace()\"\r\n      [disabled]=\"isReplaceButtonDisabled()\"\r\n      pTooltip=\"Reemplazar archivo\"\r\n      tooltipPosition=\"top\"\r\n    />\r\n  </div>\r\n} @else {\r\n  <div class=\"flex items-center gap-2\">\r\n    <p-fileUpload\r\n      #fileUpload\r\n      mode=\"basic\"\r\n      [accept]=\"accept()\"\r\n      [maxFileSize]=\"maxFileSize() * 1024 * 1024\"\r\n      [invalidFileTypeMessageSummary]=\"invalidSummary()\"\r\n      [invalidFileTypeMessageDetail]=\"invalidDetail()\"\r\n      [invalidFileSizeMessageSummary]=\"invalidSizeSummary()\"\r\n      [invalidFileSizeMessageDetail]=\"invalidSizeDetail()\"\r\n      (onSelect)=\"onSelect($event)\"\r\n      [disabled]=\"!isFileUploadEnabled()\"\r\n      [pTooltip]=\"pTooltipOverride()\"\r\n      [tooltipPosition]=\"tooltipPositionOverride()\"\r\n    />\r\n\r\n    @if (isReplacing() || existingFile()) {\r\n      <p-button\r\n        icon=\"pi pi-times\"\r\n        [rounded]=\"true\"\r\n        severity=\"secondary\"\r\n        (click)=\"cancelReplace()\"\r\n        [disabled]=\"disabled()\"\r\n        pTooltip=\"Cancelar reemplazo\"\r\n        tooltipPosition=\"top\"\r\n      />\r\n    }\r\n  </div>\r\n}\r\n", styles: [".file-name{display:inline-block;font-size:clamp(.85rem,1vw + .5rem,1.4rem);font-weight:500;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}\n"], dependencies: [{ kind: "component", type: FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FileComponent, decorators: [{
             type: Component,
@@ -4990,8 +5113,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                             useExisting: forwardRef(() => FileComponent),
                             multi: true,
                         },
-                    ], template: "@if (showExistingFile()) {\r\n  <div class=\"flex items-center gap-2\">\r\n    <span class=\"file-name\"> \uD83D\uDCC4 {{ existingFileName() }} </span>\r\n\r\n    <p-button\r\n      icon=\"pi pi-cloud-upload\"\r\n      [rounded]=\"true\"\r\n      severity=\"info\"\r\n      (click)=\"startReplace()\"\r\n      [disabled]=\"isReplaceButtonDisabled()\"\r\n      pTooltip=\"Reemplazar archivo\"\r\n      tooltipPosition=\"top\"\r\n    />\r\n  </div>\r\n} @else {\r\n  <div class=\"flex items-center gap-2\">\r\n    <p-fileUpload\r\n      #fileUpload\r\n      mode=\"basic\"\r\n      [accept]=\"accept()\"\r\n      [maxFileSize]=\"maxFileSize() * 1024 * 1024\"\r\n      [invalidFileTypeMessageSummary]=\"invalidSummary()\"\r\n      [invalidFileTypeMessageDetail]=\"invalidDetail()\"\r\n      [invalidFileSizeMessageSummary]=\"invalidSizeSummary()\"\r\n      [invalidFileSizeMessageDetail]=\"invalidSizeDetail()\"\r\n      (onSelect)=\"onSelect($event)\"\r\n      [disabled]=\"!isFileUploadEnabled()\"\r\n      [pTooltip]=\"pTooltipOverride()\"\r\n      [tooltipPosition]=\"tooltipPositionOverride()\"\r\n    />\r\n\r\n    @if (isReplacing()) {\r\n      <p-button\r\n        icon=\"pi pi-times\"\r\n        [rounded]=\"true\"\r\n        severity=\"secondary\"\r\n        (click)=\"cancelReplace()\"\r\n        [disabled]=\"disabled()\"\r\n        pTooltip=\"Cancelar reemplazo\"\r\n        tooltipPosition=\"top\"\r\n      />\r\n    }\r\n  </div>\r\n}\r\n", styles: [".file-name{display:inline-block;font-size:clamp(.85rem,1vw + .5rem,1.4rem);font-weight:500;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { existingFileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "existingFileName", required: false }] }], debug: [{ type: i0.Input, args: [{ isSignal: true, alias: "debug", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], pTooltipOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "pTooltipOverride", required: false }] }], tooltipPositionOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPositionOverride", required: false }] }], maxFileSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFileSize", required: false }] }], invalidSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidSummary", required: false }] }], invalidDetail: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidDetail", required: false }] }], invalidSizeSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidSizeSummary", required: false }] }], invalidSizeDetail: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidSizeDetail", required: false }] }], fileUpload: [{ type: i0.ViewChild, args: ['fileUpload', { isSignal: true }] }] } });
+                    ], template: "@if (showExistingFile() && !existingFile()) {\r\n  <div class=\"flex items-center gap-2\">\r\n    <span class=\"file-name\"> \uD83D\uDCC4 {{ existingFileName() }} </span>\r\n\r\n    <p-button\r\n      icon=\"pi pi-cloud-upload\"\r\n      [rounded]=\"true\"\r\n      severity=\"info\"\r\n      (click)=\"startReplace()\"\r\n      [disabled]=\"isReplaceButtonDisabled()\"\r\n      pTooltip=\"Reemplazar archivo\"\r\n      tooltipPosition=\"top\"\r\n    />\r\n  </div>\r\n} @else {\r\n  <div class=\"flex items-center gap-2\">\r\n    <p-fileUpload\r\n      #fileUpload\r\n      mode=\"basic\"\r\n      [accept]=\"accept()\"\r\n      [maxFileSize]=\"maxFileSize() * 1024 * 1024\"\r\n      [invalidFileTypeMessageSummary]=\"invalidSummary()\"\r\n      [invalidFileTypeMessageDetail]=\"invalidDetail()\"\r\n      [invalidFileSizeMessageSummary]=\"invalidSizeSummary()\"\r\n      [invalidFileSizeMessageDetail]=\"invalidSizeDetail()\"\r\n      (onSelect)=\"onSelect($event)\"\r\n      [disabled]=\"!isFileUploadEnabled()\"\r\n      [pTooltip]=\"pTooltipOverride()\"\r\n      [tooltipPosition]=\"tooltipPositionOverride()\"\r\n    />\r\n\r\n    @if (isReplacing() || existingFile()) {\r\n      <p-button\r\n        icon=\"pi pi-times\"\r\n        [rounded]=\"true\"\r\n        severity=\"secondary\"\r\n        (click)=\"cancelReplace()\"\r\n        [disabled]=\"disabled()\"\r\n        pTooltip=\"Cancelar reemplazo\"\r\n        tooltipPosition=\"top\"\r\n      />\r\n    }\r\n  </div>\r\n}\r\n", styles: [".file-name{display:inline-block;font-size:clamp(.85rem,1vw + .5rem,1.4rem);font-weight:500;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { existingFile: [{ type: i0.Input, args: [{ isSignal: true, alias: "existingFile", required: false }] }], existingFileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "existingFileName", required: false }] }], debug: [{ type: i0.Input, args: [{ isSignal: true, alias: "debug", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], pTooltipOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "pTooltipOverride", required: false }] }], tooltipPositionOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPositionOverride", required: false }] }], maxFileSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFileSize", required: false }] }], invalidSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidSummary", required: false }] }], invalidDetail: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidDetail", required: false }] }], invalidSizeSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidSizeSummary", required: false }] }], invalidSizeDetail: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidSizeDetail", required: false }] }], fileUpload: [{ type: i0.ViewChild, args: ['fileUpload', { isSignal: true }] }] } });
 
 class JsonHighlightPipe {
     /**
@@ -5114,13 +5237,25 @@ class JsonValuesDebujComponent {
     id = uid();
     subscription;
     changesCount = 0;
+    // Indica si debemos mostrar el componente visualmente
+    get shouldShowVisual() {
+        // Solo mostrar visualmente en modo desarrollo
+        return isDevMode();
+    }
+    // Indica si debemos mostrar logs en consola
+    get shouldShowLogs() {
+        // Solo logs en desarrollo Y cuando debug está explícitamente true
+        return isDevMode() && this.debug() === true;
+    }
     constructor() {
-        console.log('CONSTRUCTOR', this.id);
+        if (this.shouldShowLogs) {
+            console.log('[JsonDebug] CONSTRUCTOR', this.id);
+        }
         effect((onCleanup) => {
             const form = this.form();
             if (!form)
-                return; // 👈 CLAVE
-            if (this.debug()) {
+                return;
+            if (this.shouldShowLogs) {
                 console.log(`[json-debug:${this.id}] EFFECT INIT`, {
                     controls: Object.keys(form.controls).length,
                 });
@@ -5129,6 +5264,12 @@ class JsonValuesDebujComponent {
             this.debugValue.set(form.getRawValue());
             this.subscription = form.valueChanges.subscribe(() => {
                 this.debugValue.set(form.getRawValue());
+                if (this.shouldShowLogs) {
+                    this.changesCount++;
+                    console.log(`[json-debug:${this.id}] CHANGE #${this.changesCount}`, {
+                        formValue: form.getRawValue(),
+                    });
+                }
             });
             onCleanup(() => {
                 this.subscription?.unsubscribe();
@@ -5136,20 +5277,22 @@ class JsonValuesDebujComponent {
         });
     }
     ngOnDestroy() {
-        console.log('DESTROY', this.id);
+        if (this.shouldShowLogs) {
+            console.log('[JsonDebug] DESTROY', this.id);
+        }
         this.subscription?.unsubscribe();
-        if (this.debug()) {
-            console.log(`[json-debug:${this.id}] DESTROY`, {
+        if (this.shouldShowLogs) {
+            console.log(`[json-debug:${this.id}] DESTROY SUMMARY`, {
                 totalChanges: this.changesCount,
             });
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: JsonValuesDebujComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: JsonValuesDebujComponent, isStandalone: true, selector: "app-json-values-debuj", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, debug: { classPropertyName: "debug", publicName: "debug", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (form()) {\r\n  <div class=\"custom-container\">\r\n    <pre class=\"custom-pre\" [innerHTML]=\"debugValue() | jsonHighlight\"></pre>\r\n  </div>\r\n}\r\n", styles: [".custom-container{width:100%;overflow:auto;max-height:700px;background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:1rem;margin-bottom:1rem}.custom-pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.55;color:#d4d4d4}.json-key{color:#9cdcfe;font-weight:600}.json-string{color:#ce9178}.json-number{color:#b5cea8;font-weight:600}.json-boolean{color:#569cd6;font-weight:700}.json-null{color:gray;font-style:italic}.json-bracket{color:gold;font-weight:700}.json-colon{color:#d4d4d4}.json-comma{color:gray}.json-date-part{color:#4fc1ff;font-weight:600}.json-date-sep{color:gray}.json-date-time{color:#c586c0}.custom-container::-webkit-scrollbar{width:10px;height:10px}.custom-container::-webkit-scrollbar-track{background:#252526}.custom-container::-webkit-scrollbar-thumb{background:#555;border-radius:6px}.custom-container::-webkit-scrollbar-thumb:hover{background:#777}\n"], dependencies: [{ kind: "pipe", type: JsonHighlightPipe, name: "jsonHighlight" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: JsonValuesDebujComponent, isStandalone: true, selector: "app-json-values-debuj", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, debug: { classPropertyName: "debug", publicName: "debug", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (form() && shouldShowVisual) {\r\n  <div class=\"custom-container\">\r\n    <pre class=\"custom-pre\" [innerHTML]=\"debugValue() | jsonHighlight\"></pre>\r\n  </div>\r\n}\r\n", styles: [".custom-container{width:100%;overflow:auto;max-height:700px;background:#1e1e1e;border:1px solid #333;border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:1.25rem;margin-bottom:1.25rem}.custom-pre{margin:0;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;font-family:Segoe UI,Fira Code,JetBrains Mono,Consolas,Monaco,Courier New,monospace;font-size:15px;line-height:1.65;color:#d4d4d4;font-weight:400}.json-key{color:#9cdcfe;font-weight:600;font-size:15px}.json-string{color:#ce9178;font-size:15px}.json-number{color:#b5cea8;font-weight:600;font-size:15px}.json-boolean{color:#569cd6;font-weight:700;font-size:15px}.json-null{color:gray;font-style:italic;font-size:15px}.json-bracket{color:gold;font-weight:700;font-size:16px}.json-colon{color:#d4d4d4;font-weight:500}.json-comma{color:gray;font-size:14px}.json-date-part{color:#4fc1ff;font-weight:600;font-size:15px}.json-date-sep{color:gray}.json-date-time{color:#c586c0;font-size:15px}.custom-container::-webkit-scrollbar{width:12px;height:12px}.custom-container::-webkit-scrollbar-track{background:#252526;border-radius:6px}.custom-container::-webkit-scrollbar-thumb{background:#555;border-radius:6px;transition:background .2s ease}.custom-container::-webkit-scrollbar-thumb:hover{background:#777}.custom-container::-webkit-scrollbar-corner{background:#1e1e1e}.custom-container{font-smooth:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.custom-pre:hover{background:#252526;transition:background .2s ease;cursor:text}.json-null,.json-undefined{color:#f48771;font-style:italic;opacity:.8}.json-empty{color:gray;font-style:italic}.json-comma+br{margin-bottom:2px}\n"], dependencies: [{ kind: "pipe", type: JsonHighlightPipe, name: "jsonHighlight" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: JsonValuesDebujComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-json-values-debuj', standalone: true, imports: [JsonHighlightPipe], encapsulation: ViewEncapsulation.None, template: "@if (form()) {\r\n  <div class=\"custom-container\">\r\n    <pre class=\"custom-pre\" [innerHTML]=\"debugValue() | jsonHighlight\"></pre>\r\n  </div>\r\n}\r\n", styles: [".custom-container{width:100%;overflow:auto;max-height:700px;background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:1rem;margin-bottom:1rem}.custom-pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.55;color:#d4d4d4}.json-key{color:#9cdcfe;font-weight:600}.json-string{color:#ce9178}.json-number{color:#b5cea8;font-weight:600}.json-boolean{color:#569cd6;font-weight:700}.json-null{color:gray;font-style:italic}.json-bracket{color:gold;font-weight:700}.json-colon{color:#d4d4d4}.json-comma{color:gray}.json-date-part{color:#4fc1ff;font-weight:600}.json-date-sep{color:gray}.json-date-time{color:#c586c0}.custom-container::-webkit-scrollbar{width:10px;height:10px}.custom-container::-webkit-scrollbar-track{background:#252526}.custom-container::-webkit-scrollbar-thumb{background:#555;border-radius:6px}.custom-container::-webkit-scrollbar-thumb:hover{background:#777}\n"] }]
+            args: [{ selector: 'app-json-values-debuj', standalone: true, imports: [JsonHighlightPipe], encapsulation: ViewEncapsulation.None, template: "@if (form() && shouldShowVisual) {\r\n  <div class=\"custom-container\">\r\n    <pre class=\"custom-pre\" [innerHTML]=\"debugValue() | jsonHighlight\"></pre>\r\n  </div>\r\n}\r\n", styles: [".custom-container{width:100%;overflow:auto;max-height:700px;background:#1e1e1e;border:1px solid #333;border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:1.25rem;margin-bottom:1.25rem}.custom-pre{margin:0;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;font-family:Segoe UI,Fira Code,JetBrains Mono,Consolas,Monaco,Courier New,monospace;font-size:15px;line-height:1.65;color:#d4d4d4;font-weight:400}.json-key{color:#9cdcfe;font-weight:600;font-size:15px}.json-string{color:#ce9178;font-size:15px}.json-number{color:#b5cea8;font-weight:600;font-size:15px}.json-boolean{color:#569cd6;font-weight:700;font-size:15px}.json-null{color:gray;font-style:italic;font-size:15px}.json-bracket{color:gold;font-weight:700;font-size:16px}.json-colon{color:#d4d4d4;font-weight:500}.json-comma{color:gray;font-size:14px}.json-date-part{color:#4fc1ff;font-weight:600;font-size:15px}.json-date-sep{color:gray}.json-date-time{color:#c586c0;font-size:15px}.custom-container::-webkit-scrollbar{width:12px;height:12px}.custom-container::-webkit-scrollbar-track{background:#252526;border-radius:6px}.custom-container::-webkit-scrollbar-thumb{background:#555;border-radius:6px;transition:background .2s ease}.custom-container::-webkit-scrollbar-thumb:hover{background:#777}.custom-container::-webkit-scrollbar-corner{background:#1e1e1e}.custom-container{font-smooth:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.custom-pre:hover{background:#252526;transition:background .2s ease;cursor:text}.json-null,.json-undefined{color:#f48771;font-style:italic;opacity:.8}.json-empty{color:gray;font-style:italic}.json-comma+br{margin-bottom:2px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], debug: [{ type: i0.Input, args: [{ isSignal: true, alias: "debug", required: false }] }] } });
 
 class IcoLabel {
@@ -7469,6 +7612,7 @@ const httpAuthorizeInterceptor = (req, next) => {
     return next(authReq).pipe(
     // Manejo de errores en la respuesta
     catchError((error) => {
+        //console.log('Interceptor - Error HTTP detectado:', error);
         // Si el error es 401 (no autorizado), intenta refrescar el token
         if (error.status === HttpStatusCode.Unauthorized) {
             const refreshToken = _authorizeService.getTokenRefresh();
@@ -7522,6 +7666,21 @@ const httpAuthorizeInterceptor = (req, next) => {
                 }))));
             }
         }
+        if (error.status === 0) {
+            //console.error('❌ Servidor de seguridad no disponible', error);
+            const refreshError = new HttpErrorResponse({
+                status: HttpStatusCode.Unauthorized,
+                statusText: 'El servicio de seguridad no está disponible',
+                error: 'No se pudo conectar al servicio de seguridad para refrescar el token. Por favor, inténtalo de nuevo más tarde.',
+                url: req.url,
+            });
+            // Enviamos el error al manejador centralizado para mostrar el mensaje al usuario
+            return _handleErrorService.handleErrorResponse(refreshError);
+        }
+        // console.log(
+        //   'Interceptor - Error HTTP no relacionado con autorización:',
+        //   error,
+        // );
         // Para otros errores, delega al servicio de manejo de errores
         return _handleErrorService.handleErrorResponse(error);
     }), 
@@ -8668,6 +8827,7 @@ class ResultResponseService {
         if (!Array.isArray(data) || data.length === 0) {
             return '';
         }
+        //console.log('Data recibida para construir la guía asociada:', data); // Depuración: Verificar el formato de los datos
         const itemsHtml = data
             .map((item) => {
             const cantidadRegistros = String(item?.cantidadRegistros ?? '0');
@@ -8731,6 +8891,10 @@ function containsFile(obj) {
  * Convierte un objeto plano a una instancia de FormData compatible con ASP.NET Core [FromForm].
  * Desglosa automáticamente arreglos primitivos, archivos sueltos y FileLists.
  */
+/**
+ * Convierte un objeto a FormData compatible con ASP.NET Core
+ * Maneja: primitivos, archivos, arreglos primitivos, arreglos de objetos complejos
+ */
 function toFormData(obj) {
     const formData = new FormData();
     Object.keys(obj).forEach((key) => {
@@ -8739,19 +8903,41 @@ function toFormData(obj) {
         if (value === null || value === undefined) {
             return;
         }
-        // CASO 1: Es un Arreglo (int[], string[], File[])
+        // CASO 1: Es un Arreglo
         if (Array.isArray(value)) {
-            value.forEach((item) => {
-                if (item instanceof File || item instanceof Blob) {
-                    formData.append(key, item);
-                }
-                else if (item !== null && item !== undefined) {
-                    // Envía múltiples llaves repetidas con el mismo nombre
-                    formData.append(key, String(item));
-                }
-            });
+            // Si el arreglo está vacío, lo ignoramos
+            if (value.length === 0)
+                return;
+            // Verificar si es un arreglo de objetos complejos (no primitivos ni archivos)
+            const isComplexArray = value.every((item) => item !== null &&
+                item !== undefined &&
+                typeof item === 'object' &&
+                !(item instanceof File) &&
+                !(item instanceof Blob));
+            if (isComplexArray) {
+                // CASO 1A: Arreglo de objetos complejos → formato clave[índice].propiedad
+                value.forEach((item, index) => {
+                    Object.keys(item).forEach((subKey) => {
+                        const subValue = item[subKey];
+                        if (subValue !== null && subValue !== undefined) {
+                            formData.append(`${key}[${index}].${subKey}`, subValue instanceof File ? subValue : String(subValue));
+                        }
+                    });
+                });
+            }
+            else {
+                // CASO 1B: Arreglo de primitivos o archivos
+                value.forEach((item) => {
+                    if (item instanceof File || item instanceof Blob) {
+                        formData.append(key, item);
+                    }
+                    else if (item !== null && item !== undefined) {
+                        formData.append(key, String(item));
+                    }
+                });
+            }
         }
-        // CASO 2: Es un FileList (Múltiples archivos desde un input html)
+        // CASO 2: FileList
         else if (value instanceof FileList) {
             for (let i = 0; i < value.length; i++) {
                 const file = value.item(i);
@@ -8759,11 +8945,15 @@ function toFormData(obj) {
                     formData.append(key, file);
             }
         }
-        // CASO 3: Es un único Archivo o Blob
+        // CASO 3: Archivo único
         else if (value instanceof File || value instanceof Blob) {
             formData.append(key, value);
         }
-        // CASO 4: Tipos primitivos ordinarios (string, number, boolean)
+        // CASO 4: Objeto complejo (no arreglo, no archivo)
+        else if (typeof value === 'object') {
+            formData.append(key, JSON.stringify(value));
+        }
+        // CASO 5: Tipos primitivos
         else {
             formData.append(key, String(value));
         }
@@ -9256,7 +9446,7 @@ class FormPreviewService {
               ${cells
                 .map((cell, i) => `
                 <tr style="border-bottom: ${i < cells.length - 1 ? '0.5px solid #f1f3f5' : 'none'}">
-                  <td style="padding: 6px 12px; background: #f8f9fa; width: 130px; color: #6c757d; border-right: 0.5px solid #f1f3f5;">
+                  <td style="padding: 6px 12px; background: #f8f9fa; text-transform: uppercase; width: auto; color: #6c757d; border-right: 0.5px solid #f1f3f5;">
                     ${this.escapeHtml(cell.label)}
                   </td>
                   <td style="padding: 6px 12px; color: #212529; font-weight: 500;">
@@ -9470,7 +9660,7 @@ class TablePreviewService {
             : ''}
                 ${showLabel
             ? `
-                  <td style="padding: 6px 8px; background: #f8f9fa; width: 130px; color: #6c757d; border-right: 0.5px solid #f1f3f5;">
+                  <td style="padding: 6px 8px; background: #f8f9fa; text-transform: uppercase; width: auto; color: #6c757d; border-right: 0.5px solid #f1f3f5;">
                     ${this.escapeHtml(cell.label)}
                   </td>
                 `
@@ -10190,5 +10380,5 @@ function sorensenDiceValidator(dataSource, key, umbral = 0.7) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_TYPES, AlertaService, AppMessageErrorComponent, AppMessageHelpComponent, ArrowNavigationDirective, AuthorizeService, AutoScrollHeightDirective, BaseCRUDService, CACHE_KEYS, CacheService, CssV2Component, DSX_PALETTE, DateIndicator, DocxPreviewComponent, DsxAddToolsModule, DsxButtonComponent, DsxEnableDisable, DsxMessagesService, DsxStatusToggle, DteService, ENVIRONMENT, EndpointService, ErrorHandlerService, FileComponent, FormPreviewService, GTQFormatter, HeaderDsx, HelpersService, HttpHelpersService, INITIAL_PARAMETERS, IcoLabel, IconDsxComponent, JoinByPipe, JsonHighlightPipe, JsonValuesDebujComponent, JsonViewerComponent, KpicardComponent, LoadingComponent, LoadingLottieComponent, LogoDsxComponent, MasterDetailChangeService, NavbarDsxComponent, NetworkStatusComponent, OnlyRangoPatternDirective, ParameterValuesService, PdfPreviewComponent, PrimeNgModule, QrGenerator, ResultFileService, SWEET_ALERT_THEMES, ScreenInspector, SecurityService, SelectAllOnFocusDirective, SpinnerLoadingService, SweetAlert2DialogService, TablePreviewService, TemplateHighlight, TokenPurposeLogin, TruncatePipe, UtilityAddService, asyncExistsValidator, atLeastOneFieldRequiredValidator, chainControlGroups, createCurrencyFormatter, createInitialCache, createTypedCacheProvider, cuiValidator, dateMinMaxValidator, dateRangeValidator, dateRangeValidatorFromTo, developmentEnvironment, getActionMessageConfig, getZeroBasedRolIndex, guardTokenPurposeGuard, httpAuthorizeInterceptor, minimumAgeValidator, nitValidator, productionEnvironment, provideEnvironment, sorensenDiceValidator, templateStructureValidator, templateVariablesValidator, validateEnvironmentConfig };
+export { ACTION_TYPES, AlertaService, AppMessageErrorComponent, AppMessageHelpComponent, ArrowNavigationDirective, AuthorizeService, AutoScrollHeightDirective, BaseCRUDService, CACHE_KEYS, CacheService, CssV2Component, DSX_PALETTE, DateIndicator, DocxPreviewComponent, DsxAddToolsModule, DsxAutocomplete, DsxButtonComponent, DsxEnableDisable, DsxMessagesService, DsxStatusToggle, DteService, ENVIRONMENT, EndpointService, ErrorHandlerService, FileComponent, FormPreviewService, GTQFormatter, HeaderDsx, HelpersService, HttpHelpersService, INITIAL_PARAMETERS, IcoLabel, IconDsxComponent, JoinByPipe, JsonHighlightPipe, JsonValuesDebujComponent, JsonViewerComponent, KpicardComponent, LoadingComponent, LoadingLottieComponent, LogoDsxComponent, MasterDetailChangeService, NavbarDsxComponent, NetworkStatusComponent, OnlyRangoPatternDirective, ParameterValuesService, PdfPreviewComponent, PrimeNgModule, QrGenerator, ResultFileService, SWEET_ALERT_THEMES, ScreenInspector, SecurityService, SelectAllOnFocusDirective, SpinnerLoadingService, SweetAlert2DialogService, TablePreviewService, TemplateHighlight, TokenPurposeLogin, TruncatePipe, UtilityAddService, asyncExistsValidator, atLeastOneFieldRequiredValidator, chainControlGroups, createCurrencyFormatter, createInitialCache, createTypedCacheProvider, cuiValidator, dateMinMaxValidator, dateRangeValidator, dateRangeValidatorFromTo, developmentEnvironment, getActionMessageConfig, getZeroBasedRolIndex, guardTokenPurposeGuard, httpAuthorizeInterceptor, minimumAgeValidator, nitValidator, productionEnvironment, provideEnvironment, sorensenDiceValidator, templateStructureValidator, templateVariablesValidator, validateEnvironmentConfig };
 //# sourceMappingURL=ngx-dsxlibrary.mjs.map