ngx-dsxlibrary 2.21.59 → 2.21.60

package/fesm2022/ngx-dsxlibrary.mjs

@@ -3676,7 +3676,6 @@ function getActionMessageConfig(action, secondArg, thirdArg) {
     const defaults = {
         title: '',
         message: '',
-        dataPreview: undefined,
         icon: undefined,
         confirmButtonText: undefined,
         cancelButtonText: undefined,
@@ -3690,7 +3689,6 @@ function getActionMessageConfig(action, secondArg, thirdArg) {
                 title: '¿Archivar registro?',
                 message: 'El registro dejará de estar visible en las listas principales, pero podrás recuperarlo más tarde.' +
                     (dataPreview ? `<br>${dataPreview}` : ''),
-                dataPreview,
                 icono: 'icon/folder01.png',
                 confirmButtonText: 'Archivar',
                 cancelButtonText: 'Cancelar',
@@ -3704,7 +3702,6 @@ function getActionMessageConfig(action, secondArg, thirdArg) {
                 title: '¿Restaurar registro?',
                 message: 'El registro volverá a estar <strong>activo</strong> y visible en todas las listas principales del sistema.' +
                     (dataPreview ? `<br>${dataPreview}` : ''),
-                dataPreview,
                 icono: 'icon/documentation.png',
                 confirmButtonText: 'Sí, restaurar',
                 cancelButtonText: 'Dejar archivado',
@@ -3719,7 +3716,6 @@ function getActionMessageConfig(action, secondArg, thirdArg) {
             title: '¿Eliminar permanentemente?',
             message: 'Esta acción <strong>no se puede deshacer</strong>. Se perderán todos los datos asociados a este registro de forma inmediata.' +
                 (dataPreview ? `<br>${dataPreview}` : ''),
-            dataPreview,
             icono: 'icon/delete.png',
             confirmButtonText: 'Eliminar permanentemente',
             cancelButtonText: 'Cancelar',
@@ -3733,7 +3729,6 @@ function getActionMessageConfig(action, secondArg, thirdArg) {
             title: '¿Guardar registro?',
             message: 'El nuevo registro se guardará en el sistema.' +
                 (dataPreview ? `<br>${dataPreview}` : ''),
-            dataPreview,
             icono: 'icon2/save_2029637.png',
             confirmButtonText: 'Guardar',
             cancelButtonText: 'Cancelar',
@@ -3747,7 +3742,6 @@ function getActionMessageConfig(action, secondArg, thirdArg) {
             title: '¿Actualizar registro?',
             message: 'Los cambios realizados se actualizarán en el sistema.' +
                 (dataPreview ? `<br>${dataPreview}` : ''),
-            dataPreview,
             icono: 'icon2/save_2029637.png',
             confirmButtonText: 'Actualizar',
             cancelButtonText: 'Cancelar',
@@ -6060,7 +6054,7 @@ class ScrollTableService {
      * @param marginBottom Margen de seguridad inferior (por defecto 75px para paginadores)
      * @param minHeight Altura mínima permitida para evitar valores muy pequeños o negativos
      */
-    calculateAvailableHeight(element, marginBottom = 75, minHeight = 300) {
+    calculateAvailableHeight(element, marginBottom = 75, minHeight = 200) {
         const safeMinHeight = Number.isFinite(minHeight)
             ? Math.max(100, Math.floor(minHeight))
             : 300;
@@ -6098,13 +6092,25 @@ class AutoScrollHeightDirective {
     marginBottom = input(75, ...(ngDevMode ? [{ debugName: "marginBottom" }] : /* istanbul ignore next */ []));
     // Altura mínima de seguridad para evitar valores demasiado pequeños
     minHeight = input(300, ...(ngDevMode ? [{ debugName: "minHeight" }] : /* istanbul ignore next */ []));
+    // Parámetros para estimar filas visibles en la tabla sin afectar el layout del contenedor.
+    rowHeight = input(40, ...(ngDevMode ? [{ debugName: "rowHeight" }] : /* istanbul ignore next */ []));
+    tableChromeReserve = input(210, ...(ngDevMode ? [{ debugName: "tableChromeReserve" }] : /* istanbul ignore next */ []));
+    minRows = input(6, ...(ngDevMode ? [{ debugName: "minRows" }] : /* istanbul ignore next */ []));
+    maxRows = input(25, ...(ngDevMode ? [{ debugName: "maxRows" }] : /* istanbul ignore next */ []));
+    tableScrollMinHeight = input(140, ...(ngDevMode ? [{ debugName: "tableScrollMinHeight" }] : /* istanbul ignore next */ []));
     // Evento que emite el string de píxeles resultante (ej: "520px")
     heightCalculated = output();
+    // Evento opcional con la cantidad de filas recomendadas para el alto actual.
+    rowsCalculated = output();
+    // Evento opcional con altura específica para [scrollHeight] de p-table.
+    tableScrollHeightCalculated = output();
     ngZone = inject(NgZone);
     scrollService = inject(ScrollTableService);
     resizeObserver;
     rafId = null;
     lastEmittedHeight = null;
+    lastEmittedRows = null;
+    lastEmittedTableScrollHeight = null;
     pendingTimeouts = new Set();
     isInitializing = true;
     pendingInitialHeight = null;
@@ -6150,10 +6156,7 @@ class AutoScrollHeightDirective {
             this.isInitializing = false;
             // Emite una sola vez el último valor estable de la fase inicial.
             if (this.pendingInitialHeight !== null) {
-                if (this.lastEmittedHeight !== this.pendingInitialHeight) {
-                    this.lastEmittedHeight = this.pendingInitialHeight;
-                    this.emitHeight(this.pendingInitialHeight);
-                }
+                this.publishMetrics(this.pendingInitialHeight);
                 this.pendingInitialHeight = null;
             }
         }, delayMs);
@@ -6190,16 +6193,31 @@ class AutoScrollHeightDirective {
         this.rafId = null;
     }
     recalcular() {
+        if (!this.isHostVisible()) {
+            return;
+        }
         const alturaCalculada = this.scrollService.calculateAvailableHeight(this.el.nativeElement, this.marginBottom(), this.minHeight());
         if (this.isInitializing) {
             this.pendingInitialHeight = alturaCalculada;
             return;
         }
-        // Evita emisiones repetidas del mismo valor cuando hay muchos cambios de DOM.
-        if (this.lastEmittedHeight === alturaCalculada)
-            return;
-        this.lastEmittedHeight = alturaCalculada;
-        this.emitHeight(alturaCalculada);
+        this.publishMetrics(alturaCalculada);
+    }
+    publishMetrics(height) {
+        if (this.lastEmittedHeight !== height) {
+            this.lastEmittedHeight = height;
+            this.emitHeight(height);
+        }
+        const suggestedRows = this.calculateSuggestedRows(height);
+        if (this.lastEmittedRows !== suggestedRows) {
+            this.lastEmittedRows = suggestedRows;
+            this.emitRows(suggestedRows);
+        }
+        const suggestedTableScrollHeight = this.calculateTableScrollHeight(suggestedRows);
+        if (this.lastEmittedTableScrollHeight !== suggestedTableScrollHeight) {
+            this.lastEmittedTableScrollHeight = suggestedTableScrollHeight;
+            this.emitTableScrollHeight(suggestedTableScrollHeight);
+        }
     }
     emitHeight(value) {
         if (NgZone.isInAngularZone()) {
@@ -6210,15 +6228,121 @@ class AutoScrollHeightDirective {
             this.heightCalculated.emit(value);
         });
     }
+    emitRows(value) {
+        if (NgZone.isInAngularZone()) {
+            this.rowsCalculated.emit(value);
+            return;
+        }
+        this.ngZone.run(() => {
+            this.rowsCalculated.emit(value);
+        });
+    }
+    emitTableScrollHeight(value) {
+        if (NgZone.isInAngularZone()) {
+            this.tableScrollHeightCalculated.emit(value);
+            return;
+        }
+        this.ngZone.run(() => {
+            this.tableScrollHeightCalculated.emit(value);
+        });
+    }
+    calculateSuggestedRows(heightPxString) {
+        const availablePx = this.parsePx(heightPxString, this.minHeight());
+        const rowPx = Math.max(20, Math.floor(this.rowHeight()));
+        const reservePx = this.getEffectiveTableChromeReserve();
+        const minRows = Math.max(1, Math.floor(this.minRows()));
+        const maxRows = Math.max(minRows, this.getEffectiveMaxRows(minRows));
+        const usablePx = Math.max(0, availablePx - reservePx);
+        const calculated = Math.max(minRows, Math.floor(usablePx / rowPx));
+        return Math.min(calculated, maxRows);
+    }
+    getEffectiveMaxRows(minRows) {
+        const baseMaxRows = Math.max(minRows, Math.floor(this.maxRows()));
+        if (typeof window === 'undefined') {
+            return baseMaxRows;
+        }
+        const viewportHeight = window.innerHeight;
+        if (viewportHeight <= 640) {
+            return Math.min(baseMaxRows, 8);
+        }
+        if (viewportHeight <= 700) {
+            return Math.min(baseMaxRows, 10);
+        }
+        if (viewportHeight <= 760) {
+            return Math.min(baseMaxRows, 12);
+        }
+        return baseMaxRows;
+    }
+    getEffectiveTableChromeReserve() {
+        const baseReserve = Math.max(0, Math.floor(this.tableChromeReserve()));
+        if (typeof window === 'undefined') {
+            return baseReserve;
+        }
+        const viewportHeight = window.innerHeight;
+        // En pantallas bajas reservamos más espacio para asegurar paginador dentro del bloque gris.
+        if (viewportHeight <= 640) {
+            return 200;
+        }
+        if (viewportHeight <= 700) {
+            return baseReserve + 56;
+        }
+        if (viewportHeight <= 760) {
+            return baseReserve + 32;
+        }
+        // En pantallas altas se puede reservar menos "chrome" para permitir más filas visibles.
+        if (viewportHeight > 820) {
+            return Math.max(120, baseReserve - 80);
+        }
+        if (viewportHeight > 700) {
+            return Math.max(140, baseReserve - 40);
+        }
+        // En pantallas bajas conservamos reserva completa para no tapar paginación.
+        return baseReserve;
+    }
+    parsePx(value, fallback) {
+        const parsed = Number.parseInt(value, 10);
+        if (!Number.isFinite(parsed)) {
+            return Math.max(0, Math.floor(fallback));
+        }
+        return Math.max(0, Math.floor(parsed));
+    }
+    calculateTableScrollHeight(suggestedRows) {
+        const rowPx = Math.max(20, Math.floor(this.rowHeight()));
+        const minHeightPx = Math.max(120, Math.floor(this.tableScrollMinHeight()));
+        const viewportHeight = typeof window !== 'undefined' ? window.innerHeight : 0;
+        const lowViewportAdjustment = viewportHeight > 0 && viewportHeight <= 640 ? 40 : 24;
+        const calculatedPx = Math.max(minHeightPx, suggestedRows * rowPx - lowViewportAdjustment);
+        return `${calculatedPx}px`;
+    }
+    isHostVisible() {
+        if (typeof window === 'undefined') {
+            return true;
+        }
+        const host = this.el.nativeElement;
+        if (!host.isConnected) {
+            return false;
+        }
+        if (host.getClientRects().length === 0) {
+            return false;
+        }
+        const style = window.getComputedStyle(host);
+        if (style.display === 'none' || style.visibility === 'hidden') {
+            return false;
+        }
+        if (host.offsetParent === null && style.position !== 'fixed') {
+            return false;
+        }
+        return true;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: AutoScrollHeightDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.15", type: AutoScrollHeightDirective, isStandalone: true, selector: "[appAutoScrollHeight]", inputs: { marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { heightCalculated: "heightCalculated" }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.15", type: AutoScrollHeightDirective, isStandalone: true, selector: "[appAutoScrollHeight]", inputs: { marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null }, tableChromeReserve: { classPropertyName: "tableChromeReserve", publicName: "tableChromeReserve", isSignal: true, isRequired: false, transformFunction: null }, minRows: { classPropertyName: "minRows", publicName: "minRows", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, tableScrollMinHeight: { classPropertyName: "tableScrollMinHeight", publicName: "tableScrollMinHeight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { heightCalculated: "heightCalculated", rowsCalculated: "rowsCalculated", tableScrollHeightCalculated: "tableScrollHeightCalculated" }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: AutoScrollHeightDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[appAutoScrollHeight]',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { marginBottom: [{ type: i0.Input, args: [{ isSignal: true, alias: "marginBottom", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }], heightCalculated: [{ type: i0.Output, args: ["heightCalculated"] }], onResize: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { marginBottom: [{ type: i0.Input, args: [{ isSignal: true, alias: "marginBottom", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }], rowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowHeight", required: false }] }], tableChromeReserve: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableChromeReserve", required: false }] }], minRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "minRows", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }], tableScrollMinHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableScrollMinHeight", required: false }] }], heightCalculated: [{ type: i0.Output, args: ["heightCalculated"] }], rowsCalculated: [{ type: i0.Output, args: ["rowsCalculated"] }], tableScrollHeightCalculated: [{ type: i0.Output, args: ["tableScrollHeightCalculated"] }], onResize: [{
                 type: HostListener,
                 args: ['window:resize']
             }] } });
@@ -6394,6 +6518,328 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
                 }]
         }] });
 
+class TablePreviewService {
+    directivasRegistradas = new Set();
+    rows = signal([], ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    registrarDirectiva(instancia) {
+        this.directivasRegistradas.add(instancia);
+    }
+    removerDirectiva(instancia) {
+        this.directivasRegistradas.delete(instancia);
+    }
+    recolectarDatosTabla() {
+        const lista = [];
+        this.directivasRegistradas.forEach((directiva) => {
+            const row = directiva.obtenerCapturaEstatica?.();
+            if (row && row.cells?.length) {
+                lista.push(row);
+            }
+        });
+        this.rows.set(lista);
+    }
+    buildTableRowsSummaryHtml(options = {}) {
+        const rows = this.rows();
+        if (!rows || rows.length === 0) {
+            return '';
+        }
+        return this.buildHtmlFromRows(rows, options.showLabel ?? false);
+    }
+    limpiar() {
+        this.rows.set([]);
+        this.directivasRegistradas.clear();
+    }
+    /**
+     * Alternativa directa para casos en botones de fila:
+     * construye el HTML sin depender de directivas ni del ciclo de detección de Angular.
+     */
+    buildSingleRowSummaryHtml(row, columns, options = {}) {
+        if (!row || !columns || columns.length === 0) {
+            return '';
+        }
+        const includeEmpty = options.includeEmpty ?? false;
+        const headerMap = options.headerMap ?? {};
+        const resolvedColumns = columns
+            .map((column) => typeof column === 'string' ? { key: column.trim() } : column)
+            .filter((column) => (column.key || '').trim().length > 0);
+        const cells = [];
+        for (const column of resolvedColumns) {
+            const key = (column.key || '').trim();
+            const rawValue = this.getValueByPath(row, key);
+            const valueText = this.normalizeValue(rawValue);
+            if (!includeEmpty && valueText.trim() === '') {
+                continue;
+            }
+            const label = headerMap[key]?.trim() || column.label?.trim() || this.humanizeKey(key);
+            cells.push({ key, label, value: valueText });
+        }
+        if (cells.length === 0) {
+            return '';
+        }
+        const summary = {
+            rowId: (options.rowId || 'seleccionada').trim(),
+            cells,
+        };
+        return this.buildHtmlFromRows([summary], options.showLabel ?? false);
+    }
+    buildHtmlFromRows(rows, showLabel) {
+        const bodyHtml = rows
+            .map((row) => {
+            const rowSpan = Math.max(1, row.cells.length);
+            return row.cells
+                .map((cell, cellIndex) => {
+                const filaCell = cellIndex === 0
+                    ? `
+                <td rowspan="${rowSpan}" style="padding: 8px; text-align: center; vertical-align: top; color: #495057; font-size: 0.8rem; border-right: 1px solid #f0f0f0;">
+                  <div style="font-weight: 700; color: #212529;">${row.rowId}</div>
+                </td>
+              `
+                    : '';
+                return `
+              <tr style="border-bottom: 1px solid #f0f0f0;">
+                ${filaCell}
+                ${showLabel
+                    ? `<td style="padding: 8px; text-align: left; color: #6c757d; font-size: 0.85rem;">${cell.label}</td>`
+                    : ''}
+                <td style="padding: 8px; text-align: left; font-weight: 500; color: #212529; font-size: 0.85rem;">${cell.value || '---'}</td>
+              </tr>
+            `;
+            })
+                .join('');
+        })
+            .join('');
+        return `
+      <div style="margin-top: 12px; border: 1px solid #e0e0e0; border-radius: 6px; overflow: hidden; font-family: sans-serif;">
+        <table style="width: 100%; border-collapse: collapse; background-color: #ffffff;">
+          <thead style="background-color: #f8f9fa; border-bottom: 1px solid #e0e0e0;">
+            <tr>
+              <th style="padding: 8px; text-align: center; font-size: 0.85rem; font-weight: 600; color: #495057; width: 84px;">Fila</th>
+              ${showLabel
+            ? '<th style="padding: 8px; text-align: left; font-size: 0.85rem; font-weight: 600; color: #495057;">Etiqueta</th>'
+            : ''}
+              <th style="padding: 8px; text-align: left; font-size: 0.85rem; font-weight: 600; color: #495057;">Valor</th>
+            </tr>
+          </thead>
+          <tbody>
+            ${bodyHtml}
+          </tbody>
+        </table>
+      </div>
+    `;
+    }
+    getValueByPath(source, path) {
+        const parts = path
+            .split('.')
+            .map((p) => p.trim())
+            .filter(Boolean);
+        let current = source;
+        for (const part of parts) {
+            if (current === null || current === undefined) {
+                return null;
+            }
+            if (typeof current !== 'object') {
+                return null;
+            }
+            current = current[part];
+        }
+        return current;
+    }
+    normalizeValue(value) {
+        if (value === null || value === undefined) {
+            return '';
+        }
+        if (value instanceof Date) {
+            return value.toISOString();
+        }
+        if (typeof value === 'object') {
+            try {
+                return JSON.stringify(value);
+            }
+            catch {
+                return String(value);
+            }
+        }
+        return String(value);
+    }
+    humanizeKey(key) {
+        if (!key)
+            return '';
+        const spaced = key
+            .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
+            .replace(/[_.-]+/g, ' ')
+            .trim();
+        return spaced.charAt(0).toUpperCase() + spaced.slice(1);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: TablePreviewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: TablePreviewService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: TablePreviewService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class CaptureTableRowDirective {
+    // Objeto de la fila actual (ej: item de p-table)
+    appCaptureTableRow = input(null, ...(ngDevMode ? [{ debugName: "appCaptureTableRow" }] : /* istanbul ignore next */ []));
+    // Columnas a capturar para el resumen del mensaje.
+    // Puede recibir solo keys (string) para no duplicar labels en cada pantalla.
+    captureTableColumns = input([], ...(ngDevMode ? [{ debugName: "captureTableColumns" }] : /* istanbul ignore next */ []));
+    // Columnas a excluir del resumen (prioridad alta sobre la lista de captura).
+    captureTableExcludeKeys = input([], ...(ngDevMode ? [{ debugName: "captureTableExcludeKeys" }] : /* istanbul ignore next */ []));
+    // Si no se define captureTableColumns, por defecto NO captura nada
+    // (solo captura columnas explícitas para evitar ruido).
+    captureUseObjectKeysWhenColumnsEmpty = input(false, ...(ngDevMode ? [{ debugName: "captureUseObjectKeysWhenColumnsEmpty" }] : /* istanbul ignore next */ []));
+    // Mapa opcional de labels por key para ajustes puntuales.
+    captureTableHeaderMap = input({}, ...(ngDevMode ? [{ debugName: "captureTableHeaderMap" }] : /* istanbul ignore next */ []));
+    // Identificador opcional de fila para encabezado visual
+    captureTableRowId = input('seleccionada', ...(ngDevMode ? [{ debugName: "captureTableRowId" }] : /* istanbul ignore next */ []));
+    // Si es false, omite columnas vacias del resumen
+    captureIncludeEmpty = input(false, ...(ngDevMode ? [{ debugName: "captureIncludeEmpty" }] : /* istanbul ignore next */ []));
+    previewService = inject(TablePreviewService);
+    el = inject(ElementRef);
+    ngOnInit() {
+        this.previewService.registrarDirectiva(this);
+    }
+    ngOnDestroy() {
+        this.previewService.removerDirectiva(this);
+    }
+    obtenerCapturaEstatica() {
+        const row = this.appCaptureTableRow();
+        const columns = this.resolveColumns(row);
+        const headerLabels = this.getHeaderLabels();
+        if (!row || !columns || columns.length === 0) {
+            return null;
+        }
+        const cells = [];
+        columns.forEach((column, index) => {
+            const rawValue = this.getValueByPath(row, column.key);
+            const valueText = this.normalizeValue(rawValue);
+            if (!this.captureIncludeEmpty() && valueText.trim() === '') {
+                return;
+            }
+            cells.push({
+                key: column.key,
+                label: this.resolveLabel(column, index, headerLabels),
+                value: valueText,
+            });
+        });
+        if (cells.length === 0) {
+            return null;
+        }
+        const rowId = (this.captureTableRowId() || 'seleccionada').trim();
+        return {
+            rowId,
+            cells,
+        };
+    }
+    getValueByPath(source, path) {
+        const parts = path
+            .split('.')
+            .map((p) => p.trim())
+            .filter(Boolean);
+        let current = source;
+        for (const part of parts) {
+            if (current === null || current === undefined) {
+                return null;
+            }
+            if (typeof current !== 'object') {
+                return null;
+            }
+            current = current[part];
+        }
+        return current;
+    }
+    normalizeValue(value) {
+        if (value === null || value === undefined) {
+            return '';
+        }
+        if (value instanceof Date) {
+            return value.toISOString();
+        }
+        if (typeof value === 'object') {
+            try {
+                return JSON.stringify(value);
+            }
+            catch {
+                return String(value);
+            }
+        }
+        return String(value);
+    }
+    resolveColumns(row) {
+        const excludes = new Set((this.captureTableExcludeKeys() || []).map((k) => k.trim()));
+        const explicitColumns = (this.captureTableColumns() || [])
+            .map((column) => {
+            if (typeof column === 'string') {
+                return { key: column.trim() };
+            }
+            return {
+                key: (column.key || '').trim(),
+                label: column.label,
+            };
+        })
+            .filter((column) => column.key.length > 0)
+            .filter((column) => !excludes.has(column.key));
+        if (explicitColumns.length > 0) {
+            return explicitColumns;
+        }
+        if (!this.captureUseObjectKeysWhenColumnsEmpty() || !row) {
+            return [];
+        }
+        return Object.keys(row)
+            .filter((key) => !excludes.has(key))
+            .map((key) => ({ key }));
+    }
+    resolveLabel(column, index, headerLabels) {
+        const key = (column.key || '').trim();
+        const map = this.captureTableHeaderMap() || {};
+        const byMap = map[key]?.trim();
+        if (byMap) {
+            return byMap;
+        }
+        const byColumn = column.label?.trim();
+        if (byColumn) {
+            return byColumn;
+        }
+        const byHeader = headerLabels[index]?.trim();
+        if (byHeader) {
+            return byHeader;
+        }
+        return this.humanizeKey(key);
+    }
+    getHeaderLabels() {
+        const host = this.el.nativeElement;
+        const headerEls = host.querySelectorAll('thead th');
+        return Array.from(headerEls)
+            .map((th) => this.normalizeHeaderText(th.textContent || ''))
+            .filter((text) => text.length > 0);
+    }
+    normalizeHeaderText(text) {
+        return text
+            .replace(/[↕⇅▴▾▲▼]/g, '')
+            .replace(/\s+/g, ' ')
+            .trim();
+    }
+    humanizeKey(key) {
+        if (!key)
+            return '';
+        const spaced = key
+            .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
+            .replace(/[_.-]+/g, ' ')
+            .trim();
+        return spaced.charAt(0).toUpperCase() + spaced.slice(1);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: CaptureTableRowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.15", type: CaptureTableRowDirective, isStandalone: true, selector: "[appCaptureTableRow]", inputs: { appCaptureTableRow: { classPropertyName: "appCaptureTableRow", publicName: "appCaptureTableRow", isSignal: true, isRequired: false, transformFunction: null }, captureTableColumns: { classPropertyName: "captureTableColumns", publicName: "captureTableColumns", isSignal: true, isRequired: false, transformFunction: null }, captureTableExcludeKeys: { classPropertyName: "captureTableExcludeKeys", publicName: "captureTableExcludeKeys", isSignal: true, isRequired: false, transformFunction: null }, captureUseObjectKeysWhenColumnsEmpty: { classPropertyName: "captureUseObjectKeysWhenColumnsEmpty", publicName: "captureUseObjectKeysWhenColumnsEmpty", isSignal: true, isRequired: false, transformFunction: null }, captureTableHeaderMap: { classPropertyName: "captureTableHeaderMap", publicName: "captureTableHeaderMap", isSignal: true, isRequired: false, transformFunction: null }, captureTableRowId: { classPropertyName: "captureTableRowId", publicName: "captureTableRowId", isSignal: true, isRequired: false, transformFunction: null }, captureIncludeEmpty: { classPropertyName: "captureIncludeEmpty", publicName: "captureIncludeEmpty", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: CaptureTableRowDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[appCaptureTableRow]',
+                }]
+        }], propDecorators: { appCaptureTableRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "appCaptureTableRow", required: false }] }], captureTableColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "captureTableColumns", required: false }] }], captureTableExcludeKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "captureTableExcludeKeys", required: false }] }], captureUseObjectKeysWhenColumnsEmpty: [{ type: i0.Input, args: [{ isSignal: true, alias: "captureUseObjectKeysWhenColumnsEmpty", required: false }] }], captureTableHeaderMap: [{ type: i0.Input, args: [{ isSignal: true, alias: "captureTableHeaderMap", required: false }] }], captureTableRowId: [{ type: i0.Input, args: [{ isSignal: true, alias: "captureTableRowId", required: false }] }], captureIncludeEmpty: [{ type: i0.Input, args: [{ isSignal: true, alias: "captureIncludeEmpty", required: false }] }] } });
+
 /**
  * Directiva que permite solo la entrada de:
  * - Dígitos (0-9)
@@ -8015,8 +8461,8 @@ class ResultResponseService {
                 const guideHtml = this.buildAssociatedGuideHtml(response?.data);
                 const mainMessage = this.formatPrimaryAlertMessage(response.message);
                 this._sweetAlert2DialogService.Dialog(response.title, `${mainMessage}${guideHtml}`, // Se concatena limpiamente sin alterar la lógica
-                null, {
-                    icono: 'icon/sign.png',
+                'icon/sign.png', {
+                    showCancelButton: false,
                     showConfirmButton: true,
                 });
                 return false;
@@ -9064,5 +9510,5 @@ function minimumAgeValidator(minimumAge, referenceDate) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_TYPES, AlertaService, AppMessageErrorComponent, AppMessageHelpComponent, ArrowNavigationDirective, AuthorizeService, AutoScrollHeightDirective, BaseCRUDService, CACHE_KEYS, CacheService, CaptureLabelDirective, 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, TemplateHighlight, TokenPurposeLogin, TruncatePipe, UtilityAddService, asyncExistsValidator, atLeastOneFieldRequiredValidator, chainControlGroups, createCurrencyFormatter, createInitialCache, createTypedCacheProvider, cuiValidator, dateMinMaxValidator, dateRangeValidator, dateRangeValidatorFromTo, developmentEnvironment, getActionMessageConfig, getZeroBasedRolIndex, guardTokenPurposeGuard, httpAuthorizeInterceptor, minimumAgeValidator, nitValidator, productionEnvironment, provideEnvironment, templateStructureValidator, templateVariablesValidator, validateEnvironmentConfig };
+export { ACTION_TYPES, AlertaService, AppMessageErrorComponent, AppMessageHelpComponent, ArrowNavigationDirective, AuthorizeService, AutoScrollHeightDirective, BaseCRUDService, CACHE_KEYS, CacheService, CaptureLabelDirective, CaptureTableRowDirective, 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, templateStructureValidator, templateVariablesValidator, validateEnvironmentConfig };
 //# sourceMappingURL=ngx-dsxlibrary.mjs.map