@neural-ui/core 1.2.1 → 1.3.1

package/fesm2022/neural-ui-core-table.mjs

@@ -0,0 +1,1872 @@
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, Directive, DestroyRef, PLATFORM_ID, contentChild, input, output, signal, computed, effect, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { isPlatformBrowser, NgTemplateOutlet } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { NeuUrlStateService } from '@neural-ui/core/url-state';
+import { NeuInputComponent } from '@neural-ui/core/input';
+import { NeuSelectComponent } from '@neural-ui/core/select';
+import { NeuDateInputComponent } from '@neural-ui/core/date-input';
+import { NeuIconComponent } from '@neural-ui/core/icon';
+
+/**
+ * Directiva para definir el template de expansión de fila en NeuTable.
+ *
+ * Uso:
+ * ```html
+ * <neu-table [expandable]="true" [columns]="cols" [data]="rows">
+ *   <ng-template neuTableExpand let-row>
+ *     <div>{{ row.details }}</div>
+ *   </ng-template>
+ * </neu-table>
+ * ```
+ */
+class NeuTableExpandDirective {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuTableExpandDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: NeuTableExpandDirective, isStandalone: true, selector: "ng-template[neuTableExpand]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuTableExpandDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[neuTableExpand]',
+                    standalone: true,
+                }]
+        }] });
+
+// Conversor interno — el input acepta object[] para compatibilidad con
+// interfaces de usuario concretas (User, Product…). Internamente casteamos a Row.
+function asRows(data) {
+    return data;
+}
+/**
+ * NeuralUI Table — Componente Estrella
+ *
+ * Tabla de datos con:
+ *   - Búsqueda/filtrado → ?q=...
+ *   - Paginación → ?page=...
+ *   - Ordenación → ?sort=col&sortDir=asc|desc
+ *   - Selección de filas (múltiple) opcional
+ *   - Skeleton de carga animado
+ *   - Scroll horizontal elegante en mobile (<400px)
+ *
+ * Uso básico:
+ *   <neu-table [columns]="cols" [data]="rows" />
+ *
+ * Múltiples tablas por página:
+ *   <neu-table pageParam="userPage" searchParam="userQ" sortParam="userSort" ... />
+ */
+class NeuTableComponent {
+    _destroyRef = inject(DestroyRef);
+    _urlState = inject(NeuUrlStateService);
+    _platformId = inject(PLATFORM_ID);
+    expandTemplate = contentChild(NeuTableExpandDirective, ...(ngDevMode ? [{ debugName: "expandTemplate" }] : /* istanbul ignore next */ []));
+    // ── Inputs de datos ─────────────────────────────────────────────────
+    columns = input([], ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    data = input([], ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+    pageSize = input(10, ...(ngDevMode ? [{ debugName: "pageSize" }] : /* istanbul ignore next */ []));
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    title = input('', ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    emptyMessage = input('No results found', ...(ngDevMode ? [{ debugName: "emptyMessage" }] : /* istanbul ignore next */ []));
+    skeletonRows = input([1, 2, 3, 4, 5], ...(ngDevMode ? [{ debugName: "skeletonRows" }] : /* istanbul ignore next */ []));
+    // ── Inputs de funcionalidad ──────────────────────────────────────────
+    searchable = input(true, ...(ngDevMode ? [{ debugName: "searchable" }] : /* istanbul ignore next */ []));
+    searchPlaceholder = input('Search...', ...(ngDevMode ? [{ debugName: "searchPlaceholder" }] : /* istanbul ignore next */ []));
+    exactMatchable = input(false, ...(ngDevMode ? [{ debugName: "exactMatchable" }] : /* istanbul ignore next */ []));
+    exactMatchLabel = input('Exact match', ...(ngDevMode ? [{ debugName: "exactMatchLabel" }] : /* istanbul ignore next */ []));
+    searchAriaLabel = input('Search table', ...(ngDevMode ? [{ debugName: "searchAriaLabel" }] : /* istanbul ignore next */ []));
+    clearSearchAriaLabel = input('Clear search', ...(ngDevMode ? [{ debugName: "clearSearchAriaLabel" }] : /* istanbul ignore next */ []));
+    clearFilterLabel = input('Clear filter', ...(ngDevMode ? [{ debugName: "clearFilterLabel" }] : /* istanbul ignore next */ []));
+    previousPageAriaLabel = input('Previous page', ...(ngDevMode ? [{ debugName: "previousPageAriaLabel" }] : /* istanbul ignore next */ []));
+    nextPageAriaLabel = input('Next page', ...(ngDevMode ? [{ debugName: "nextPageAriaLabel" }] : /* istanbul ignore next */ []));
+    pageSizeLabel = input('Rows:', ...(ngDevMode ? [{ debugName: "pageSizeLabel" }] : /* istanbul ignore next */ []));
+    pageSizeAriaLabel = input('Rows per page', ...(ngDevMode ? [{ debugName: "pageSizeAriaLabel" }] : /* istanbul ignore next */ []));
+    paginationAriaLabel = input('Pagination', ...(ngDevMode ? [{ debugName: "paginationAriaLabel" }] : /* istanbul ignore next */ []));
+    exportCsvTitle = input('Export CSV', ...(ngDevMode ? [{ debugName: "exportCsvTitle" }] : /* istanbul ignore next */ []));
+    exportJsonTitle = input('Export JSON', ...(ngDevMode ? [{ debugName: "exportJsonTitle" }] : /* istanbul ignore next */ []));
+    clearSelectionLabel = input('Clear selection', ...(ngDevMode ? [{ debugName: "clearSelectionLabel" }] : /* istanbul ignore next */ []));
+    selectionSummaryLabel = input('selected', ...(ngDevMode ? [{ debugName: "selectionSummaryLabel" }] : /* istanbul ignore next */ []));
+    tableAriaLabel = input('Data table', ...(ngDevMode ? [{ debugName: "tableAriaLabel" }] : /* istanbul ignore next */ []));
+    selectAllAriaLabel = input('Select all filtered rows', ...(ngDevMode ? [{ debugName: "selectAllAriaLabel" }] : /* istanbul ignore next */ []));
+    selectRowAriaLabel = input('Select row', ...(ngDevMode ? [{ debugName: "selectRowAriaLabel" }] : /* istanbul ignore next */ []));
+    expandRowAriaLabel = input('Expand row', ...(ngDevMode ? [{ debugName: "expandRowAriaLabel" }] : /* istanbul ignore next */ []));
+    filterPlaceholder = input('Filter...', ...(ngDevMode ? [{ debugName: "filterPlaceholder" }] : /* istanbul ignore next */ []));
+    filterAriaPrefix = input('Filter by', ...(ngDevMode ? [{ debugName: "filterAriaPrefix" }] : /* istanbul ignore next */ []));
+    allFilterOptionLabel = input('All', ...(ngDevMode ? [{ debugName: "allFilterOptionLabel" }] : /* istanbul ignore next */ []));
+    ofLabel = input('of', ...(ngDevMode ? [{ debugName: "ofLabel" }] : /* istanbul ignore next */ []));
+    resultLabelSingular = input('result', ...(ngDevMode ? [{ debugName: "resultLabelSingular" }] : /* istanbul ignore next */ []));
+    resultLabelPlural = input('results', ...(ngDevMode ? [{ debugName: "resultLabelPlural" }] : /* istanbul ignore next */ []));
+    sortable = input(false, ...(ngDevMode ? [{ debugName: "sortable" }] : /* istanbul ignore next */ []));
+    selectable = input(false, ...(ngDevMode ? [{ debugName: "selectable" }] : /* istanbul ignore next */ []));
+    expandable = input(false, ...(ngDevMode ? [{ debugName: "expandable" }] : /* istanbul ignore next */ []));
+    exportable = input(false, ...(ngDevMode ? [{ debugName: "exportable" }] : /* istanbul ignore next */ []));
+    exportFileName = input('export', ...(ngDevMode ? [{ debugName: "exportFileName" }] : /* istanbul ignore next */ []));
+    pageSizeOptions = input([], ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : /* istanbul ignore next */ []));
+    stickyHeader = input(false, ...(ngDevMode ? [{ debugName: "stickyHeader" }] : /* istanbul ignore next */ []));
+    rowKey = input('id', ...(ngDevMode ? [{ debugName: "rowKey" }] : /* istanbul ignore next */ []));
+    // ── Inputs nuevos v1.3.0 ──────────────────────────────────────────────
+    density = input('normal', ...(ngDevMode ? [{ debugName: "density" }] : /* istanbul ignore next */ []));
+    showRowNumbers = input(false, ...(ngDevMode ? [{ debugName: "showRowNumbers" }] : /* istanbul ignore next */ []));
+    rowClass = input(undefined, ...(ngDevMode ? [{ debugName: "rowClass" }] : /* istanbul ignore next */ []));
+    footerRow = input(undefined, ...(ngDevMode ? [{ debugName: "footerRow" }] : /* istanbul ignore next */ []));
+    emptyStateTemplate = input(undefined, ...(ngDevMode ? [{ debugName: "emptyStateTemplate" }] : /* istanbul ignore next */ []));
+    serverSide = input(false, ...(ngDevMode ? [{ debugName: "serverSide" }] : /* istanbul ignore next */ []));
+    totalItems = input(undefined, ...(ngDevMode ? [{ debugName: "totalItems" }] : /* istanbul ignore next */ []));
+    multiSort = input(false, ...(ngDevMode ? [{ debugName: "multiSort" }] : /* istanbul ignore next */ []));
+    exportFormats = input(['csv'], ...(ngDevMode ? [{ debugName: "exportFormats" }] : /* istanbul ignore next */ []));
+    exportColumns = input([], ...(ngDevMode ? [{ debugName: "exportColumns" }] : /* istanbul ignore next */ []));
+    // ── URL params ────────────────────────────────────────────────────────
+    pageParam = input('page', ...(ngDevMode ? [{ debugName: "pageParam" }] : /* istanbul ignore next */ []));
+    searchParam = input('q', ...(ngDevMode ? [{ debugName: "searchParam" }] : /* istanbul ignore next */ []));
+    sortParam = input('sort', ...(ngDevMode ? [{ debugName: "sortParam" }] : /* istanbul ignore next */ []));
+    sortDirParam = input('sortDir', ...(ngDevMode ? [{ debugName: "sortDirParam" }] : /* istanbul ignore next */ []));
+    /** Param used to persist multi-sort state in the URL / Param para persistir multisort en la URL */
+    multiSortParam = input('msort', ...(ngDevMode ? [{ debugName: "multiSortParam" }] : /* istanbul ignore next */ []));
+    /**
+     * Activa o desactiva la sincronización de estado con los queryParams de la URL.
+     * Cuando es false, la paginación, búsqueda y ordenación se gestionan con
+     * señales internas sin tocar la URL del navegador.
+     *
+     * Enables or disables URL query-param synchronization.
+     * When false, pagination, search and sort are managed with internal signals
+     * and the browser URL is never modified.
+     */
+    useUrlState = input(true, ...(ngDevMode ? [{ debugName: "useUrlState" }] : /* istanbul ignore next */ []));
+    // ── Outputs ───────────────────────────────────────────────────────────
+    selectionChange = output();
+    rowClick = output();
+    rowDblClick = output();
+    actionClick = output();
+    serverStateChange = output();
+    searchChange = output();
+    // ── Estado interno (usado cuando useUrlState = false) ─────────────────
+    // Internal state signals (used when useUrlState = false)
+    _internalPage = signal(1, ...(ngDevMode ? [{ debugName: "_internalPage" }] : /* istanbul ignore next */ []));
+    _internalSearch = signal('', ...(ngDevMode ? [{ debugName: "_internalSearch" }] : /* istanbul ignore next */ []));
+    _internalSortKey = signal('', ...(ngDevMode ? [{ debugName: "_internalSortKey" }] : /* istanbul ignore next */ []));
+    _internalSortDir = signal('asc', ...(ngDevMode ? [{ debugName: "_internalSortDir" }] : /* istanbul ignore next */ []));
+    _internalMultiSort = signal('', ...(ngDevMode ? [{ debugName: "_internalMultiSort" }] : /* istanbul ignore next */ []));
+    // ── URL State ─────────────────────────────────────────────────────────
+    _urlParamSignals = new Map();
+    _getUrlParamSignal(key) {
+        let paramSignal = this._urlParamSignals.get(key);
+        if (!paramSignal) {
+            paramSignal = this._urlState.getParam(key);
+            this._urlParamSignals.set(key, paramSignal);
+        }
+        return paramSignal;
+    }
+    _readUrlParam(key) {
+        return this._getUrlParamSignal(key)();
+    }
+    currentPage = computed(() => {
+        if (!this.useUrlState())
+            return this._internalPage();
+        const raw = this._readUrlParam(this.pageParam());
+        const n = Number(raw);
+        return !raw || isNaN(n) || n < 1 ? 1 : n;
+    }, ...(ngDevMode ? [{ debugName: "currentPage" }] : /* istanbul ignore next */ []));
+    searchQuery = computed(() => {
+        if (!this.useUrlState())
+            return this._internalSearch();
+        return this._readUrlParam(this.searchParam()) ?? '';
+    }, ...(ngDevMode ? [{ debugName: "searchQuery" }] : /* istanbul ignore next */ []));
+    sortKey = computed(() => {
+        if (!this.useUrlState())
+            return this._internalSortKey();
+        return this._readUrlParam(this.sortParam()) ?? '';
+    }, ...(ngDevMode ? [{ debugName: "sortKey" }] : /* istanbul ignore next */ []));
+    sortDir = computed(() => {
+        if (!this.useUrlState())
+            return this._internalSortDir();
+        const d = this._readUrlParam(this.sortDirParam());
+        return d === 'desc' ? 'desc' : 'asc';
+    }, ...(ngDevMode ? [{ debugName: "sortDir" }] : /* istanbul ignore next */ []));
+    // ---- Pipeline de datos / Data pipeline ----
+    rows = computed(() => asRows(this.data()), ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    // ── Estado interno ────────────────────────────────────────────────────
+    _exactMatch = signal(false, ...(ngDevMode ? [{ debugName: "_exactMatch" }] : /* istanbul ignore next */ []));
+    exactMatch = this._exactMatch.asReadonly();
+    /**
+     * Multi-sort entries derived from URL param or internal state.
+     * Entradas de multisort derivadas del param de URL o del estado interno.
+     */
+    _sortEntries = computed(() => {
+        if (!this.multiSort())
+            return [];
+        const param = this.useUrlState()
+            ? this._readUrlParam(this.multiSortParam())
+            : this._internalMultiSort();
+        if (!param)
+            return [];
+        return param.split(',').flatMap((chunk) => {
+            const [key, dir] = chunk.split(':');
+            if (!key)
+                return [];
+            return [{ key, dir: (dir === 'desc' ? 'desc' : 'asc') }];
+        });
+    }, ...(ngDevMode ? [{ debugName: "_sortEntries" }] : /* istanbul ignore next */ []));
+    _columnFilters = signal({}, ...(ngDevMode ? [{ debugName: "_columnFilters" }] : /* istanbul ignore next */ []));
+    _pageSizeControl = new FormControl('', { nonNullable: true });
+    _columnFilterControls = new Map();
+    /** True when at least one column has filterable:true / True si alguna columna tiene filterable:true */
+    _hasFilterableCol = computed(() => this.columns().some((c) => c.filterable), ...(ngDevMode ? [{ debugName: "_hasFilterableCol" }] : /* istanbul ignore next */ []));
+    /** Convierte filterOptions de string[] a NeuSelectOption[] con opción "Todos" al inicio.
+     *  Converts filterOptions from string[] to NeuSelectOption[] with a leading "All" option. */
+    _filterOpts(col) {
+        return [
+            { label: this.allFilterOptionLabel(), value: '' },
+            ...(col.filterOptions ?? []).map((o) => ({ label: o, value: o })),
+        ];
+    }
+    _pageSizeOptions = computed(() => this.pageSizeOptions().map((size) => ({ label: String(size), value: String(size) })), ...(ngDevMode ? [{ debugName: "_pageSizeOptions" }] : /* istanbul ignore next */ []));
+    constructor() {
+        this._pageSizeControl.valueChanges
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe((value) => this.onPageSizeChange(value));
+        effect(() => {
+            const nextSize = String(this.effectivePageSize());
+            if (this._pageSizeControl.value !== nextSize) {
+                this._pageSizeControl.setValue(nextSize, { emitEvent: false });
+            }
+        });
+        effect(() => {
+            const filters = this._columnFilters();
+            for (const col of this.columns()) {
+                if (!col.filterable)
+                    continue;
+                const control = this.columnFilterControl(col.key);
+                const nextValue = String(filters[col.key] ?? '');
+                if (control.value !== nextValue) {
+                    control.setValue(nextValue, { emitEvent: false });
+                }
+            }
+        });
+    }
+    _confirmPending = signal(null, ...(ngDevMode ? [{ debugName: "_confirmPending" }] : /* istanbul ignore next */ []));
+    // ── Pipeline de datos ─────────────────────────────────────────────────
+    _rows = computed(() => asRows(this.data()), ...(ngDevMode ? [{ debugName: "_rows" }] : /* istanbul ignore next */ []));
+    filteredData = computed(() => {
+        if (this.serverSide())
+            return this._rows();
+        const rows = this._rows();
+        const colFilters = this._columnFilters();
+        const q = this.searchQuery().trim().toLowerCase();
+        const exact = this._exactMatch();
+        const matches = (text) => exact ? text.toLowerCase() === q : text.toLowerCase().includes(q);
+        return rows.filter((row) => {
+            const passesGlobal = !q ||
+                this.columns().some((col) => {
+                    const rawVal = String(row[col.key] ?? '');
+                    const displayVal = col.cell
+                        ? col.cell(row)
+                        : col.type === 'badge' && col.badgeMap?.[rawVal]?.label
+                            ? col.badgeMap[rawVal].label
+                            : rawVal;
+                    return matches(displayVal) || matches(rawVal);
+                });
+            if (!passesGlobal)
+                return false;
+            for (const [colKey, filterVal] of Object.entries(colFilters)) {
+                if (filterVal === null || filterVal === '' || filterVal === undefined)
+                    continue;
+                if (!String(row[colKey] ?? '')
+                    .toLowerCase()
+                    .includes(String(filterVal).toLowerCase()))
+                    return false;
+            }
+            return true;
+        });
+    }, ...(ngDevMode ? [{ debugName: "filteredData" }] : /* istanbul ignore next */ []));
+    sortedData = computed(() => {
+        if (this.serverSide())
+            return this.filteredData();
+        const data = [...this.filteredData()];
+        if (!this.sortable())
+            return data;
+        if (this.multiSort() && this._sortEntries().length > 0) {
+            const entries = this._sortEntries();
+            return data.sort((a, b) => {
+                for (const entry of entries) {
+                    const cmp = String(a[entry.key] ?? '').localeCompare(String(b[entry.key] ?? ''), undefined, { numeric: true });
+                    if (cmp !== 0)
+                        return entry.dir === 'asc' ? cmp : -cmp;
+                }
+                return 0;
+            });
+        }
+        const key = this.sortKey();
+        if (!key)
+            return data;
+        const dir = this.sortDir();
+        return data.sort((a, b) => {
+            const cmp = String(a[key] ?? '').localeCompare(String(b[key] ?? ''), undefined, {
+                numeric: true,
+            });
+            return dir === 'asc' ? cmp : -cmp;
+        });
+    }, ...(ngDevMode ? [{ debugName: "sortedData" }] : /* istanbul ignore next */ []));
+    _dynamicPageSize = signal(null, ...(ngDevMode ? [{ debugName: "_dynamicPageSize" }] : /* istanbul ignore next */ []));
+    effectivePageSize = computed(() => this._dynamicPageSize() ?? this.pageSize(), ...(ngDevMode ? [{ debugName: "effectivePageSize" }] : /* istanbul ignore next */ []));
+    totalPages = computed(() => {
+        const total = this.serverSide() && this.totalItems() != null
+            ? this.totalItems()
+            : this.filteredData().length;
+        return Math.max(1, Math.ceil(total / this.effectivePageSize()));
+    }, ...(ngDevMode ? [{ debugName: "totalPages" }] : /* istanbul ignore next */ []));
+    paginatedData = computed(() => {
+        if (this.serverSide())
+            return this._rows();
+        const page = Math.min(this.currentPage(), this.totalPages());
+        const size = this.effectivePageSize();
+        return this.sortedData().slice((page - 1) * size, page * size);
+    }, ...(ngDevMode ? [{ debugName: "paginatedData" }] : /* istanbul ignore next */ []));
+    pageNumbers = computed(() => {
+        const total = this.totalPages();
+        const current = this.currentPage();
+        let start = Math.max(1, current - 2);
+        const end = Math.min(total, start + 4);
+        start = Math.max(1, end - 4);
+        return Array.from({ length: end - start + 1 }, (_, i) => start + i);
+    }, ...(ngDevMode ? [{ debugName: "pageNumbers" }] : /* istanbul ignore next */ []));
+    paginationInfo = computed(() => {
+        const total = this.serverSide() && this.totalItems() != null
+            ? this.totalItems()
+            : this.filteredData().length;
+        const page = Math.min(this.currentPage(), this.totalPages());
+        const size = this.effectivePageSize();
+        const from = Math.min((page - 1) * size + 1, total);
+        const to = Math.min(page * size, total);
+        return `${from}\u2013${to} ${this.ofLabel()} ${total} ${total === 1 ? this.resultLabelSingular() : this.resultLabelPlural()}`;
+    }, ...(ngDevMode ? [{ debugName: "paginationInfo" }] : /* istanbul ignore next */ []));
+    totalColspan = computed(() => {
+        let cols = this.columns().length;
+        if (this.selectable())
+            cols++;
+        if (this.expandable())
+            cols++;
+        if (this.showRowNumbers())
+            cols++;
+        return cols;
+    }, ...(ngDevMode ? [{ debugName: "totalColspan" }] : /* istanbul ignore next */ []));
+    /** Calcula el offset izquierdo acumulado para columnas frozen-left múltiples.
+     *  Calculates cumulative left offset for multiple frozen-left columns. */
+    _frozenLeftOffsets = computed(() => {
+        const offsets = new Map();
+        let leftPx = 0;
+        for (const col of this.columns()) {
+            if (col.frozen === 'left') {
+                offsets.set(col.key, leftPx);
+                if (col.width && col.width !== 'auto') {
+                    const px = parseFloat(col.width);
+                    if (!isNaN(px))
+                        leftPx += px;
+                }
+            }
+        }
+        return offsets;
+    }, ...(ngDevMode ? [{ debugName: "_frozenLeftOffsets" }] : /* istanbul ignore next */ []));
+    _lastFrozenLeftKey = computed(() => {
+        const frozenLeft = this.columns().filter((col) => col.frozen === 'left');
+        return frozenLeft.at(-1)?.key ?? null;
+    }, ...(ngDevMode ? [{ debugName: "_lastFrozenLeftKey" }] : /* istanbul ignore next */ []));
+    _firstFrozenRightKey = computed(() => {
+        const frozenRight = this.columns().filter((col) => col.frozen === 'right');
+        return frozenRight[0]?.key ?? null;
+    }, ...(ngDevMode ? [{ debugName: "_firstFrozenRightKey" }] : /* istanbul ignore next */ []));
+    isLastFrozenLeftColumn(key) {
+        return this._lastFrozenLeftKey() === key;
+    }
+    isFirstFrozenRightColumn(key) {
+        return this._firstFrozenRightKey() === key;
+    }
+    // ── Expansión de filas ────────────────────────────────────────────────
+    _expandedKeys = signal(new Set(), ...(ngDevMode ? [{ debugName: "_expandedKeys" }] : /* istanbul ignore next */ []));
+    isRowExpanded(row) {
+        return this._expandedKeys().has(this.getRowKey(row));
+    }
+    toggleExpand(row) {
+        const key = this.getRowKey(row);
+        const set = new Set(this._expandedKeys());
+        if (set.has(key))
+            set.delete(key);
+        else
+            set.add(key);
+        this._expandedKeys.set(set);
+    }
+    // ── Selección ─────────────────────────────────────────────────────────
+    _selectedKeys = signal(new Set(), ...(ngDevMode ? [{ debugName: "_selectedKeys" }] : /* istanbul ignore next */ []));
+    selectedCount = computed(() => this._selectedKeys().size, ...(ngDevMode ? [{ debugName: "selectedCount" }] : /* istanbul ignore next */ []));
+    selectedRowsInfo = computed(() => `${this.selectedCount()} ${this.selectionSummaryLabel()}`, ...(ngDevMode ? [{ debugName: "selectedRowsInfo" }] : /* istanbul ignore next */ []));
+    /**
+     * TRUE cuando TODOS los registros que pasan el filtro activo están seleccionados.
+     * A diferencia de una selección global, actúa solo sobre el subconjunto filtrado.
+     */
+    isAllFilteredSelected = computed(() => {
+        const filtered = this.filteredData();
+        return (filtered.length > 0 && filtered.every((r) => this._selectedKeys().has(this.getRowKey(r))));
+    }, ...(ngDevMode ? [{ debugName: "isAllFilteredSelected" }] : /* istanbul ignore next */ []));
+    isSomeFilteredSelected = computed(() => this.filteredData().some((r) => this._selectedKeys().has(this.getRowKey(r))) &&
+        !this.isAllFilteredSelected(), ...(ngDevMode ? [{ debugName: "isSomeFilteredSelected" }] : /* istanbul ignore next */ []));
+    isRowSelected(row) {
+        return this._selectedKeys().has(this.getRowKey(row));
+    }
+    toggleRow(row) {
+        const key = this.getRowKey(row);
+        const set = new Set(this._selectedKeys());
+        if (set.has(key))
+            set.delete(key);
+        else
+            set.add(key);
+        this._selectedKeys.set(set);
+        this._emitSelection(set);
+    }
+    /** Selecciona/deselecciona SOLO los datos filtrados activos. */
+    toggleAll() {
+        const set = new Set(this._selectedKeys());
+        if (this.isAllFilteredSelected()) {
+            this.filteredData().forEach((r) => set.delete(this.getRowKey(r)));
+        }
+        else {
+            this.filteredData().forEach((r) => set.add(this.getRowKey(r)));
+        }
+        this._selectedKeys.set(set);
+        this._emitSelection(set);
+    }
+    clearSelection() {
+        this._selectedKeys.set(new Set());
+        this.selectionChange.emit([]);
+    }
+    _emitSelection(keys) {
+        const selected = this._rows().filter((r) => keys.has(this.getRowKey(r)));
+        this.selectionChange.emit(selected);
+    }
+    // ── Navegación ────────────────────────────────────────────────────────
+    goToPage(page) {
+        const clamped = Math.max(1, Math.min(page, this.totalPages()));
+        if (this.serverSide()) {
+            this._emitServerState({ page: clamped });
+        }
+        else if (this.useUrlState()) {
+            this._urlState.setParam(this.pageParam(), String(clamped));
+        }
+        else {
+            this._internalPage.set(clamped);
+        }
+    }
+    sortBy(key, event) {
+        if (this.multiSort() && event?.shiftKey) {
+            // Shift+click: toggle or add column / Shift+click: alterna o añade columna
+            const entries = [...this._sortEntries()];
+            const idx = entries.findIndex((e) => e.key === key);
+            if (idx >= 0) {
+                entries[idx] = { key, dir: entries[idx].dir === 'asc' ? 'desc' : 'asc' };
+            }
+            else {
+                entries.push({ key, dir: 'asc' });
+            }
+            const val = entries.map((e) => `${e.key}:${e.dir}`).join(',') || null;
+            if (this.useUrlState()) {
+                this._urlState.setParam(this.multiSortParam(), val);
+            }
+            else {
+                this._internalMultiSort.set(val ?? '');
+            }
+        }
+        else if (this.multiSort()) {
+            // Single click: replace sort / Click simple: reemplaza el orden
+            const current = this._sortEntries().find((e) => e.key === key);
+            const dir = current?.dir === 'asc' ? 'desc' : 'asc';
+            const val = `${key}:${dir}`;
+            if (this.useUrlState()) {
+                this._urlState.setParam(this.multiSortParam(), val);
+            }
+            else {
+                this._internalMultiSort.set(val);
+            }
+        }
+        else {
+            const dir = this.sortKey() === key && this.sortDir() === 'asc' ? 'desc' : 'asc';
+            if (this.serverSide()) {
+                this._emitServerState({ sortKey: key, sortDir: dir, page: 1 });
+            }
+            else if (this.useUrlState()) {
+                this._urlState.patchParams({
+                    [this.sortParam()]: key,
+                    [this.sortDirParam()]: dir,
+                    [this.pageParam()]: '1',
+                });
+            }
+            else {
+                this._internalSortKey.set(key);
+                this._internalSortDir.set(dir);
+                this._internalPage.set(1);
+            }
+        }
+    }
+    onRowClick(row, _event) {
+        if (this.selectable())
+            this.toggleRow(row);
+        this.rowClick.emit(row);
+    }
+    onSearch(event) {
+        const q = event.target.value;
+        this.searchChange.emit(q);
+        if (this.serverSide()) {
+            this._emitServerState({ search: q, page: 1 });
+        }
+        else if (this.useUrlState()) {
+            this._urlState.patchParams({ [this.searchParam()]: q || null, [this.pageParam()]: '1' });
+        }
+        else {
+            this._internalSearch.set(q);
+            this._internalPage.set(1);
+        }
+    }
+    clearSearch() {
+        if (this.serverSide()) {
+            this._emitServerState({ search: '', page: 1 });
+        }
+        else if (this.useUrlState()) {
+            this._urlState.patchParams({ [this.searchParam()]: null, [this.pageParam()]: '1' });
+        }
+        else {
+            this._internalSearch.set('');
+            this._internalPage.set(1);
+        }
+    }
+    onPageSizeChange(value) {
+        const normalizedValue = value && typeof value === 'object' ? (value.target?.value ?? null) : value;
+        const size = Number(normalizedValue);
+        if (!Number.isFinite(size) || size <= 0)
+            return;
+        this._dynamicPageSize.set(size);
+        if (this.serverSide()) {
+            this._emitServerState({ pageSize: size, page: 1 });
+        }
+        else if (this.useUrlState()) {
+            this._urlState.patchParams({ [this.pageParam()]: '1' });
+        }
+        else {
+            this._internalPage.set(1);
+        }
+    }
+    setExactMatch(value) {
+        this._exactMatch.set(value);
+    }
+    setColumnFilter(colKey, value) {
+        // Column filters are local signal — no URL update avoids scroll jumps.
+        // paginatedData already clamps currentPage to totalPages automatically.
+        // Los filtros de columna son locales — sin URL para evitar saltos de scroll.
+        // paginatedData ya adapta currentPage a totalPages automáticamente.
+        this._columnFilters.update((f) => ({ ...f, [colKey]: value }));
+        if (this.serverSide()) {
+            this._emitServerState({
+                columnFilters: { ...this._columnFilters(), [colKey]: value },
+                page: 1,
+            });
+        }
+    }
+    clearColumnFilters() {
+        this._columnFilters.set({});
+    }
+    // ── Actions ───────────────────────────────────────────────────────────
+    isConfirmPending(row, action) {
+        const p = this._confirmPending();
+        return p !== null && p.rowKey === this.getRowKey(row) && p.actionKey === action.key;
+    }
+    handleAction(row, action) {
+        if (action.confirm) {
+            const p = this._confirmPending();
+            const rowKey = this.getRowKey(row);
+            if (p && p.rowKey === rowKey && p.actionKey === action.key) {
+                this._confirmPending.set(null);
+                this.actionClick.emit({ action, row });
+            }
+            else {
+                this._confirmPending.set({ rowKey, actionKey: action.key });
+            }
+        }
+        else {
+            this.actionClick.emit({ action, row });
+        }
+    }
+    cancelConfirm() {
+        this._confirmPending.set(null);
+    }
+    // ── Export ────────────────────────────────────────────────────────────
+    exportCsv() {
+        if (!isPlatformBrowser(this._platformId))
+            return;
+        const cols = this._getExportColumns();
+        const headers = cols.map((c) => `"${c.header.replace(/"/g, '""')}"`);
+        const rows = this.filteredData().map((row) => cols.map((col) => `"${this.getCellValue(row, col).replace(/"/g, '""')}"`));
+        const csv = [headers, ...rows].map((r) => r.join(',')).join('\r\n');
+        this._downloadBlob(new Blob([csv], { type: 'text/csv;charset=utf-8;' }), `${this.exportFileName()}.csv`);
+    }
+    exportJson() {
+        if (!isPlatformBrowser(this._platformId))
+            return;
+        const cols = this._getExportColumns();
+        const data = this.filteredData().map((row) => {
+            const obj = {};
+            cols.forEach((col) => (obj[col.key] = this.getCellValue(row, col)));
+            return obj;
+        });
+        this._downloadBlob(new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' }), `${this.exportFileName()}.json`);
+    }
+    _getExportColumns() {
+        const keys = this.exportColumns();
+        const all = this.columns().filter((c) => c.type !== 'actions');
+        return keys.length ? all.filter((c) => keys.includes(c.key)) : all;
+    }
+    _downloadBlob(blob, filename) {
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = filename;
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+        URL.revokeObjectURL(url);
+    }
+    // ── Utilidades ────────────────────────────────────────────────────────
+    getRowKey(row) {
+        return row[this.rowKey()] ?? JSON.stringify(row);
+    }
+    getRowClass(row) {
+        return this.rowClass()?.(row) ?? '';
+    }
+    getCellValue(row, col) {
+        if (col.cell)
+            return col.cell(row);
+        const val = row[col.key];
+        if (val == null)
+            return '—';
+        const locale = col.locale ?? 'es-ES';
+        switch (col.type) {
+            case 'date': {
+                const d = val instanceof Date ? val : new Date(String(val));
+                return isNaN(d.getTime())
+                    ? String(val)
+                    : d.toLocaleDateString(locale, col.dateFormat ?? { day: '2-digit', month: '2-digit', year: 'numeric' });
+            }
+            case 'number':
+                return new Intl.NumberFormat(locale, col.numberFormat).format(Number(val));
+            case 'currency':
+                return new Intl.NumberFormat(locale, {
+                    style: 'currency',
+                    currency: col.currencyCode ?? 'EUR',
+                    ...col.numberFormat,
+                }).format(Number(val));
+            default:
+                return String(val);
+        }
+    }
+    getSortPriority(key) {
+        if (!this.multiSort())
+            return -1;
+        return this._sortEntries().findIndex((e) => e.key === key);
+    }
+    columnFilterControl(key) {
+        let control = this._columnFilterControls.get(key);
+        if (!control) {
+            control = new FormControl(String(this.getColumnFilterValue(key)), {
+                nonNullable: true,
+            });
+            control.valueChanges
+                .pipe(takeUntilDestroyed(this._destroyRef))
+                .subscribe((value) => this.setColumnFilter(key, value));
+            this._columnFilterControls.set(key, control);
+        }
+        return control;
+    }
+    getColumnFilterValue(key) {
+        return this._columnFilters()[key] ?? '';
+    }
+    _emitServerState(patch) {
+        const current = {
+            page: this.currentPage(),
+            pageSize: this.effectivePageSize(),
+            search: this.searchQuery(),
+            sortKey: this.sortKey(),
+            sortDir: this.sortDir(),
+            sortEntries: this._sortEntries(),
+            columnFilters: this._columnFilters(),
+        };
+        this.serverStateChange.emit({ ...current, ...patch });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: NeuTableComponent, isStandalone: true, selector: "neu-table", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, skeletonRows: { classPropertyName: "skeletonRows", publicName: "skeletonRows", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, exactMatchable: { classPropertyName: "exactMatchable", publicName: "exactMatchable", isSignal: true, isRequired: false, transformFunction: null }, exactMatchLabel: { classPropertyName: "exactMatchLabel", publicName: "exactMatchLabel", isSignal: true, isRequired: false, transformFunction: null }, searchAriaLabel: { classPropertyName: "searchAriaLabel", publicName: "searchAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, clearSearchAriaLabel: { classPropertyName: "clearSearchAriaLabel", publicName: "clearSearchAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, clearFilterLabel: { classPropertyName: "clearFilterLabel", publicName: "clearFilterLabel", isSignal: true, isRequired: false, transformFunction: null }, previousPageAriaLabel: { classPropertyName: "previousPageAriaLabel", publicName: "previousPageAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, nextPageAriaLabel: { classPropertyName: "nextPageAriaLabel", publicName: "nextPageAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, pageSizeLabel: { classPropertyName: "pageSizeLabel", publicName: "pageSizeLabel", isSignal: true, isRequired: false, transformFunction: null }, pageSizeAriaLabel: { classPropertyName: "pageSizeAriaLabel", publicName: "pageSizeAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, paginationAriaLabel: { classPropertyName: "paginationAriaLabel", publicName: "paginationAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, exportCsvTitle: { classPropertyName: "exportCsvTitle", publicName: "exportCsvTitle", isSignal: true, isRequired: false, transformFunction: null }, exportJsonTitle: { classPropertyName: "exportJsonTitle", publicName: "exportJsonTitle", isSignal: true, isRequired: false, transformFunction: null }, clearSelectionLabel: { classPropertyName: "clearSelectionLabel", publicName: "clearSelectionLabel", isSignal: true, isRequired: false, transformFunction: null }, selectionSummaryLabel: { classPropertyName: "selectionSummaryLabel", publicName: "selectionSummaryLabel", isSignal: true, isRequired: false, transformFunction: null }, tableAriaLabel: { classPropertyName: "tableAriaLabel", publicName: "tableAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, selectAllAriaLabel: { classPropertyName: "selectAllAriaLabel", publicName: "selectAllAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, selectRowAriaLabel: { classPropertyName: "selectRowAriaLabel", publicName: "selectRowAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, expandRowAriaLabel: { classPropertyName: "expandRowAriaLabel", publicName: "expandRowAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, filterPlaceholder: { classPropertyName: "filterPlaceholder", publicName: "filterPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, filterAriaPrefix: { classPropertyName: "filterAriaPrefix", publicName: "filterAriaPrefix", isSignal: true, isRequired: false, transformFunction: null }, allFilterOptionLabel: { classPropertyName: "allFilterOptionLabel", publicName: "allFilterOptionLabel", isSignal: true, isRequired: false, transformFunction: null }, ofLabel: { classPropertyName: "ofLabel", publicName: "ofLabel", isSignal: true, isRequired: false, transformFunction: null }, resultLabelSingular: { classPropertyName: "resultLabelSingular", publicName: "resultLabelSingular", isSignal: true, isRequired: false, transformFunction: null }, resultLabelPlural: { classPropertyName: "resultLabelPlural", publicName: "resultLabelPlural", isSignal: true, isRequired: false, transformFunction: null }, sortable: { classPropertyName: "sortable", publicName: "sortable", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, expandable: { classPropertyName: "expandable", publicName: "expandable", isSignal: true, isRequired: false, transformFunction: null }, exportable: { classPropertyName: "exportable", publicName: "exportable", isSignal: true, isRequired: false, transformFunction: null }, exportFileName: { classPropertyName: "exportFileName", publicName: "exportFileName", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null }, rowKey: { classPropertyName: "rowKey", publicName: "rowKey", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, showRowNumbers: { classPropertyName: "showRowNumbers", publicName: "showRowNumbers", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, footerRow: { classPropertyName: "footerRow", publicName: "footerRow", isSignal: true, isRequired: false, transformFunction: null }, emptyStateTemplate: { classPropertyName: "emptyStateTemplate", publicName: "emptyStateTemplate", isSignal: true, isRequired: false, transformFunction: null }, serverSide: { classPropertyName: "serverSide", publicName: "serverSide", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, multiSort: { classPropertyName: "multiSort", publicName: "multiSort", isSignal: true, isRequired: false, transformFunction: null }, exportFormats: { classPropertyName: "exportFormats", publicName: "exportFormats", isSignal: true, isRequired: false, transformFunction: null }, exportColumns: { classPropertyName: "exportColumns", publicName: "exportColumns", isSignal: true, isRequired: false, transformFunction: null }, pageParam: { classPropertyName: "pageParam", publicName: "pageParam", isSignal: true, isRequired: false, transformFunction: null }, searchParam: { classPropertyName: "searchParam", publicName: "searchParam", isSignal: true, isRequired: false, transformFunction: null }, sortParam: { classPropertyName: "sortParam", publicName: "sortParam", isSignal: true, isRequired: false, transformFunction: null }, sortDirParam: { classPropertyName: "sortDirParam", publicName: "sortDirParam", isSignal: true, isRequired: false, transformFunction: null }, multiSortParam: { classPropertyName: "multiSortParam", publicName: "multiSortParam", isSignal: true, isRequired: false, transformFunction: null }, useUrlState: { classPropertyName: "useUrlState", publicName: "useUrlState", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectionChange: "selectionChange", rowClick: "rowClick", rowDblClick: "rowDblClick", actionClick: "actionClick", serverStateChange: "serverStateChange", searchChange: "searchChange" }, host: { properties: { "class.neu-table__host": "true", "class.neu-table__host--compact": "density() === \"compact\"", "class.neu-table__host--relaxed": "density() === \"relaxed\"" } }, queries: [{ propertyName: "expandTemplate", first: true, predicate: NeuTableExpandDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div class="neu-table-container" [class.neu-table--sticky-header]="stickyHeader()">
+      <!-- ---- Toolbar ---- -->
+      @if (searchable() || title() || exportable()) {
+        <div class="neu-table__toolbar">
+          @if (title()) {
+            <h3 class="neu-table__title">{{ title() }}</h3>
+          }
+          @if (searchable()) {
+            <div class="neu-table__search-group">
+              <div class="neu-table__search-wrapper">
+                <svg
+                  class="neu-table__search-icon"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  aria-hidden="true"
+                >
+                  <circle cx="11" cy="11" r="8" />
+                  <line x1="21" y1="21" x2="16.65" y2="16.65" />
+                </svg>
+                <input
+                  class="neu-table__search"
+                  type="search"
+                  [placeholder]="searchPlaceholder()"
+                  [value]="searchQuery()"
+                  (input)="onSearch($event)"
+                  [attr.aria-label]="searchAriaLabel()"
+                />
+                @if (searchQuery()) {
+                  <button
+                    class="neu-table__search-clear"
+                    type="button"
+                    [attr.aria-label]="clearSearchAriaLabel()"
+                    (click)="clearSearch()"
+                  >
+                    <svg
+                      viewBox="0 0 24 24"
+                      fill="none"
+                      stroke="currentColor"
+                      stroke-width="2.5"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    >
+                      <line x1="18" y1="6" x2="6" y2="18" />
+                      <line x1="6" y1="6" x2="18" y2="18" />
+                    </svg>
+                  </button>
+                }
+              </div>
+              @if (exactMatchable()) {
+                <label class="neu-table__exact-label">
+                  <input
+                    class="neu-table__exact-checkbox"
+                    type="checkbox"
+                    [checked]="exactMatch()"
+                    (change)="setExactMatch($any($event.target).checked)"
+                  />
+                  {{ exactMatchLabel() }}
+                </label>
+              }
+            </div>
+          }
+          @if (exportable() && !loading()) {
+            <div class="neu-table__export-group">
+              @if (exportFormats().includes('csv')) {
+                <button
+                  class="neu-table__export-btn"
+                  type="button"
+                  (click)="exportCsv()"
+                  [title]="exportCsvTitle()"
+                >
+                  <svg
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="currentColor"
+                    stroke-width="2"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    aria-hidden="true"
+                    width="15"
+                    height="15"
+                  >
+                    <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+                    <polyline points="7 10 12 15 17 10" />
+                    <line x1="12" y1="15" x2="12" y2="3" />
+                  </svg>
+                  CSV
+                </button>
+              }
+              @if (exportFormats().includes('json')) {
+                <button
+                  class="neu-table__export-btn"
+                  type="button"
+                  (click)="exportJson()"
+                  [title]="exportJsonTitle()"
+                >
+                  <svg
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="currentColor"
+                    stroke-width="2"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    aria-hidden="true"
+                    width="15"
+                    height="15"
+                  >
+                    <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+                    <polyline points="7 10 12 15 17 10" />
+                    <line x1="12" y1="15" x2="12" y2="3" />
+                  </svg>
+                  JSON
+                </button>
+              }
+            </div>
+          }
+        </div>
+      }
+
+      <!-- Barra de selección (aparece al seleccionar) -->
+      @if (selectable() && selectedCount() > 0) {
+        <div class="neu-table__selection-bar">
+          <span>{{ selectedRowsInfo() }}</span>
+          <button class="neu-table__selection-clear" type="button" (click)="clearSelection()">
+            {{ clearSelectionLabel() }}
+          </button>
+        </div>
+      }
+
+      <!-- ---- Scroll container ---- -->
+      <div
+        class="neu-table__scroll-container"
+        role="region"
+        [attr.aria-label]="title() || tableAriaLabel()"
+      >
+        <table class="neu-table" [attr.aria-rowcount]="filteredData().length">
+          <thead class="neu-table__head">
+            <tr>
+              <!-- Checkbox de selección global -->
+              @if (expandable()) {
+                <th class="neu-table__th neu-table__th--expand-col" scope="col"></th>
+              }
+              @if (selectable()) {
+                <th class="neu-table__th neu-table__th--check" scope="col">
+                  <input
+                    type="checkbox"
+                    class="neu-table__checkbox"
+                    [checked]="isAllFilteredSelected()"
+                    [indeterminate]="isSomeFilteredSelected()"
+                    (change)="toggleAll()"
+                    [attr.aria-label]="selectAllAriaLabel()"
+                  />
+                </th>
+              }
+              @if (showRowNumbers()) {
+                <th class="neu-table__th neu-table__th--rn" scope="col">#</th>
+              }
+              @for (col of columns(); track col.key) {
+                <th
+                  class="neu-table__th"
+                  [class.neu-table__th--sortable]="sortable() && col.sortable !== false"
+                  [class.neu-table__th--sorted-asc]="
+                    !multiSort() && sortKey() === col.key && sortDir() === 'asc'
+                  "
+                  [class.neu-table__th--sorted-desc]="
+                    !multiSort() && sortKey() === col.key && sortDir() === 'desc'
+                  "
+                  [class]="col.cellClass ?? ''"
+                  [class.neu-table__th--frozen-left]="col.frozen === 'left'"
+                  [class.neu-table__th--frozen-right]="col.frozen === 'right'"
+                  [class.neu-table__th--frozen-left-boundary]="isLastFrozenLeftColumn(col.key)"
+                  [class.neu-table__th--frozen-right-boundary]="isFirstFrozenRightColumn(col.key)"
+                  [style.left]="
+                    col.frozen === 'left' ? (_frozenLeftOffsets().get(col.key) ?? 0) + 'px' : null
+                  "
+                  [style.width]="col.width ?? 'auto'"
+                  [style.text-align]="col.align ?? 'left'"
+                  scope="col"
+                  (click)="sortable() && col.sortable !== false ? sortBy(col.key, $event) : null"
+                >
+                  @if (col.headerTemplate) {
+                    <ng-container
+                      [ngTemplateOutlet]="col.headerTemplate"
+                      [ngTemplateOutletContext]="{ $implicit: col }"
+                    />
+                  } @else {
+                    {{ col.header }}
+                  }
+                  @if (sortable() && col.sortable !== false) {
+                    <span class="neu-table__sort-icon" aria-hidden="true">
+                      @if (multiSort()) {
+                        @let pri = getSortPriority(col.key);
+                        @if (pri >= 0) {
+                          <span class="neu-table__sort-priority">{{ pri + 1 }}</span>
+                          {{ _sortEntries()[pri]?.dir === 'asc' ? '↑' : '↓' }}
+                        } @else {
+                          ↕
+                        }
+                      } @else {
+                        @if (sortKey() === col.key) {
+                          {{ sortDir() === 'asc' ? '↑' : '↓' }}
+                        } @else {
+                          ↕
+                        }
+                      }
+                    </span>
+                  }
+                </th>
+              }
+            </tr>
+            <!-- ── Fila de filtros de columna / Column filter row ── -->
+            @if (_hasFilterableCol()) {
+              <tr class="neu-table__filter-row">
+                @if (expandable()) {
+                  <th class="neu-table__th neu-table__th--filter-placeholder" scope="col"></th>
+                }
+                @if (selectable()) {
+                  <th class="neu-table__th neu-table__th--filter-placeholder" scope="col"></th>
+                }
+                @if (showRowNumbers()) {
+                  <th class="neu-table__th neu-table__th--filter-placeholder" scope="col"></th>
+                }
+                @for (col of columns(); track col.key) {
+                  <th
+                    class="neu-table__th neu-table__th--filter"
+                    scope="col"
+                    [style.width]="col.width ?? 'auto'"
+                  >
+                    @if (col.filterable) {
+                      @if (col.filterType === 'select') {
+                        <neu-select
+                          [floatingLabel]="false"
+                          [options]="_filterOpts(col)"
+                          [formControl]="columnFilterControl(col.key)"
+                          [attr.aria-label]="filterAriaPrefix() + ' ' + col.header"
+                        />
+                      } @else if (col.filterType === 'date') {
+                        <neu-date-input
+                          [formControl]="columnFilterControl(col.key)"
+                          [attr.aria-label]="filterAriaPrefix() + ' ' + col.header"
+                        />
+                      } @else {
+                        <neu-input
+                          [floatingLabel]="false"
+                          [placeholder]="filterPlaceholder()"
+                          [formControl]="columnFilterControl(col.key)"
+                          [attr.aria-label]="filterAriaPrefix() + ' ' + col.header"
+                        />
+                      }
+                    }
+                  </th>
+                }
+              </tr>
+            }
+          </thead>
+
+          <tbody class="neu-table__body">
+            @if (loading()) {
+              <tr class="neu-table__row--loading">
+                <td [attr.colspan]="totalColspan()" class="neu-table__td neu-table__td--center">
+                  <div class="neu-table__skeleton-rows">
+                    @for (_ of skeletonRows(); track $index) {
+                      <div class="neu-table__skeleton-row">
+                        @for (__ of columns(); track $index) {
+                          <div class="neu-table__skeleton-cell"></div>
+                        }
+                      </div>
+                    }
+                  </div>
+                </td>
+              </tr>
+            } @else if (paginatedData().length === 0) {
+              <tr>
+                <td [attr.colspan]="totalColspan()" class="neu-table__td neu-table__td--empty">
+                  @if (emptyStateTemplate()) {
+                    <ng-container [ngTemplateOutlet]="emptyStateTemplate()!" />
+                  } @else {
+                    <div class="neu-table__empty">
+                      <svg
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="1.5"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      >
+                        <circle cx="11" cy="11" r="8" />
+                        <line x1="21" y1="21" x2="16.65" y2="16.65" />
+                      </svg>
+                      <p>{{ emptyMessage() }}</p>
+                      @if (searchQuery()) {
+                        <button
+                          class="neu-table__clear-filter"
+                          type="button"
+                          (click)="clearSearch()"
+                        >
+                          {{ clearFilterLabel() }}
+                        </button>
+                      }
+                    </div>
+                  }
+                </td>
+              </tr>
+            } @else {
+              @for (row of paginatedData(); track getRowKey(row); let rowIdx = $index) {
+                <tr
+                  class="neu-table__row"
+                  [class]="getRowClass(row)"
+                  [class.neu-table__row--selected]="isRowSelected(row)"
+                  [class.neu-table__row--clickable]="selectable()"
+                  (click)="onRowClick(row, $event)"
+                  (dblclick)="rowDblClick.emit(row)"
+                >
+                  @if (expandable()) {
+                    <td
+                      class="neu-table__td neu-table__td--expand-col"
+                      (click)="$event.stopPropagation()"
+                    >
+                      <button
+                        class="neu-table__expand-btn"
+                        type="button"
+                        (click)="toggleExpand(row)"
+                        [class.neu-table__expand-btn--open]="isRowExpanded(row)"
+                        [attr.aria-expanded]="isRowExpanded(row)"
+                        [attr.aria-label]="expandRowAriaLabel()"
+                      >
+                        <svg
+                          viewBox="0 0 24 24"
+                          fill="none"
+                          stroke="currentColor"
+                          stroke-width="2.5"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        >
+                          <polyline points="9 18 15 12 9 6" />
+                        </svg>
+                      </button>
+                    </td>
+                  }
+                  @if (selectable()) {
+                    <td
+                      class="neu-table__td neu-table__th--check"
+                      (click)="$event.stopPropagation()"
+                    >
+                      <input
+                        type="checkbox"
+                        class="neu-table__checkbox"
+                        [checked]="isRowSelected(row)"
+                        (change)="toggleRow(row)"
+                        [attr.aria-label]="selectRowAriaLabel()"
+                      />
+                    </td>
+                  }
+                  @if (showRowNumbers()) {
+                    <td class="neu-table__td neu-table__td--rn">
+                      {{ (currentPage() - 1) * effectivePageSize() + rowIdx + 1 }}
+                    </td>
+                  }
+                  @for (col of columns(); track col.key) {
+                    <td
+                      class="neu-table__td"
+                      [class]="col.cellClass ?? ''"
+                      [class.neu-table__td--frozen-left]="col.frozen === 'left'"
+                      [class.neu-table__td--frozen-right]="col.frozen === 'right'"
+                      [class.neu-table__td--frozen-left-boundary]="isLastFrozenLeftColumn(col.key)"
+                      [class.neu-table__td--frozen-right-boundary]="
+                        isFirstFrozenRightColumn(col.key)
+                      "
+                      [style.left]="
+                        col.frozen === 'left'
+                          ? (_frozenLeftOffsets().get(col.key) ?? 0) + 'px'
+                          : null
+                      "
+                      [style.text-align]="col.align ?? 'left'"
+                    >
+                      @if (col.cellTemplate) {
+                        <ng-container
+                          [ngTemplateOutlet]="col.cellTemplate"
+                          [ngTemplateOutletContext]="{ $implicit: row, row: row, column: col }"
+                        />
+                      } @else if (col.type === 'badge') {
+                        @let badgeVal = getCellValue(row, col);
+                        @let badgeCfg = col.badgeMap?.[badgeVal];
+                        <span
+                          class="neu-table__cell-badge neu-table__cell-badge--{{
+                            badgeCfg?.variant ?? 'default'
+                          }}"
+                        >
+                          {{ badgeCfg?.label ?? badgeVal }}
+                        </span>
+                      } @else if (col.type === 'link') {
+                        <a
+                          class="neu-table__cell-link"
+                          [href]="col.linkHref ? col.linkHref(row) : '#'"
+                          [target]="col.linkTarget ?? '_self'"
+                          (click)="$event.stopPropagation()"
+                          >{{ getCellValue(row, col) }}</a
+                        >
+                      } @else if (col.type === 'actions') {
+                        <div class="neu-table__actions">
+                          @for (action of col.actions ?? []; track action.key) {
+                            @if (action.show === undefined || action.show(row)) {
+                              @if (isConfirmPending(row, action)) {
+                                <span class="neu-table__action-confirm">
+                                  <span>{{ action.confirm }}</span>
+                                  <button
+                                    class="neu-table__action-btn neu-table__action-btn--danger"
+                                    type="button"
+                                    (click)="handleAction(row, action); $event.stopPropagation()"
+                                  >
+                                    Sí
+                                  </button>
+                                  <button
+                                    class="neu-table__action-btn"
+                                    type="button"
+                                    (click)="cancelConfirm(); $event.stopPropagation()"
+                                  >
+                                    No
+                                  </button>
+                                </span>
+                              } @else {
+                                <button
+                                  class="neu-table__action-btn neu-table__action-btn--{{
+                                    action.variant ?? 'ghost'
+                                  }}"
+                                  type="button"
+                                  [disabled]="action.disabled ? action.disabled(row) : false"
+                                  [title]="action.label"
+                                  (click)="handleAction(row, action); $event.stopPropagation()"
+                                >
+                                  @if (action.icon.startsWith('lucide')) {
+                                    <neu-icon
+                                      class="neu-table__action-icon"
+                                      [name]="action.icon"
+                                      size="1rem"
+                                      aria-hidden="true"
+                                    />
+                                  } @else {
+                                    <span class="neu-table__action-icon" aria-hidden="true">{{
+                                      action.icon
+                                    }}</span>
+                                  }
+                                  <span class="sr-only">{{ action.label }}</span>
+                                </button>
+                              }
+                            }
+                          }
+                        </div>
+                      } @else {
+                        {{ getCellValue(row, col) }}
+                      }
+                    </td>
+                  }
+                </tr>
+                @if (expandable() && isRowExpanded(row)) {
+                  <tr class="neu-table__row-expand-detail">
+                    <td [attr.colspan]="totalColspan()" class="neu-table__td--expand-panel">
+                      <div class="neu-table__expand-content">
+                        @if (expandTemplate(); as tpl) {
+                          <ng-container
+                            [ngTemplateOutlet]="tpl.templateRef"
+                            [ngTemplateOutletContext]="{ $implicit: row }"
+                          />
+                        }
+                      </div>
+                    </td>
+                  </tr>
+                }
+              }
+            }
+          </tbody>
+          @if (footerRow()) {
+            <tfoot class="neu-table__foot">
+              <tr class="neu-table__footer-row">
+                @if (expandable()) {
+                  <td class="neu-table__td"></td>
+                }
+                @if (selectable()) {
+                  <td class="neu-table__td"></td>
+                }
+                @if (showRowNumbers()) {
+                  <td class="neu-table__td"></td>
+                }
+                @for (col of columns(); track col.key) {
+                  <td
+                    class="neu-table__td neu-table__td--footer"
+                    [style.text-align]="col.align ?? 'left'"
+                  >
+                    {{ footerRow()![col.key] !== undefined ? footerRow()![col.key] : '' }}
+                  </td>
+                }
+              </tr>
+            </tfoot>
+          }
+        </table>
+      </div>
+
+      <!-- ---- Footer ---- -->
+      @if (!loading() && filteredData().length > 0) {
+        <div class="neu-table__footer">
+          @if (pageSizeOptions().length > 0) {
+            <div class="neu-table__page-size">
+              <label class="neu-table__page-size-label">{{ pageSizeLabel() }}</label>
+              <neu-select
+                class="neu-table__page-size-select"
+                [floatingLabel]="false"
+                [options]="_pageSizeOptions()"
+                [formControl]="_pageSizeControl"
+                [attr.aria-label]="pageSizeAriaLabel()"
+                size="sm"
+              />
+            </div>
+          }
+          <span class="neu-table__info">
+            {{ paginationInfo() }}
+          </span>
+          @if (totalPages() > 1) {
+            <nav class="neu-table__pagination" [attr.aria-label]="paginationAriaLabel()">
+              <button
+                class="neu-table__page-btn"
+                [disabled]="currentPage() === 1"
+                (click)="goToPage(currentPage() - 1)"
+                [attr.aria-label]="previousPageAriaLabel()"
+                type="button"
+              >
+                <svg
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="2.5"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                >
+                  <polyline points="15 18 9 12 15 6" />
+                </svg>
+              </button>
+              @for (page of pageNumbers(); track page) {
+                <button
+                  class="neu-table__page-btn"
+                  [class.neu-table__page-btn--active]="page === currentPage()"
+                  (click)="goToPage(page)"
+                  [attr.aria-current]="page === currentPage() ? 'page' : null"
+                  type="button"
+                >
+                  {{ page }}
+                </button>
+              }
+              <button
+                class="neu-table__page-btn"
+                [disabled]="currentPage() === totalPages()"
+                (click)="goToPage(currentPage() + 1)"
+                [attr.aria-label]="nextPageAriaLabel()"
+                type="button"
+              >
+                <svg
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="2.5"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                >
+                  <polyline points="9 18 15 12 9 6" />
+                </svg>
+              </button>
+            </nav>
+          }
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [".neu-table-container{background:var(--neu-surface);border:1px solid var(--neu-border);border-radius:var(--neu-radius-lg);overflow:hidden;box-shadow:var(--neu-shadow-sm)}.neu-table__toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--neu-space-3);padding:var(--neu-space-4) var(--neu-space-5);border-bottom:1px solid var(--neu-border);background:var(--neu-surface)}.neu-table__title{font-size:var(--neu-text-base);font-weight:600;color:var(--neu-text);margin:0;letter-spacing:-.01em}.neu-table__search-group{display:flex;align-items:center;gap:var(--neu-space-3);flex:1;max-width:420px;min-width:0}.neu-table__search-wrapper{position:relative;display:flex;align-items:center;flex:1;min-width:0}.neu-table__search-icon{position:absolute;left:var(--neu-space-3);width:15px;height:15px;color:var(--neu-text-muted);pointer-events:none;flex-shrink:0}.neu-table__search{width:100%;height:36px;padding:0 var(--neu-space-3) 0 36px;border:1.5px solid var(--neu-border);border-radius:var(--neu-radius);background:var(--neu-surface-2);font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);color:var(--neu-text);outline:none;transition:border-color var(--neu-transition),box-shadow var(--neu-transition)}.neu-table__search::placeholder{color:var(--neu-text-muted)}.neu-table__search:focus{border-color:var(--neu-primary);box-shadow:var(--neu-focus-ring);background:var(--neu-surface)}.neu-table__search::-webkit-search-cancel-button{display:none}.neu-table__search-clear{position:absolute;right:var(--neu-space-2);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--neu-text-muted);cursor:pointer;border-radius:var(--neu-radius-sm);transition:color var(--neu-transition),background-color var(--neu-transition)}.neu-table__search-clear svg{width:13px;height:13px}.neu-table__search-clear:hover{color:var(--neu-error);background:var(--neu-error-bg)}.neu-table__exact-label{display:inline-flex;align-items:center;gap:6px;font-size:var(--neu-text-sm);color:var(--neu-text-muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.neu-table__exact-label:hover{color:var(--neu-text)}.neu-table__exact-checkbox{width:14px;height:14px;accent-color:var(--neu-primary);cursor:pointer}.neu-table__scroll-container{position:relative;isolation:isolate;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--neu-surface-3) transparent}.neu-table__scroll-container::-webkit-scrollbar{height:4px}.neu-table__scroll-container::-webkit-scrollbar-track{background:transparent}.neu-table__scroll-container::-webkit-scrollbar-thumb{background:var(--neu-surface-3);border-radius:99px}@media(max-width:399px){.neu-table__scroll-container{background-image:linear-gradient(to right,var(--neu-surface),var(--neu-surface)),linear-gradient(to right,var(--neu-surface),var(--neu-surface)),linear-gradient(to right,rgba(15,23,42,.08),transparent),linear-gradient(to left,rgba(15,23,42,.08),transparent);background-position:left center,right center,left center,right center;background-repeat:no-repeat;background-color:var(--neu-surface);background-size:20px 100%,20px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll}}.neu-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--neu-text-sm);min-width:400px}.neu-table--sticky-header .neu-table__scroll-container{overflow-y:auto;max-height:var(--neu-table-max-height, 480px)}.neu-table--sticky-header .neu-table__head tr:first-child .neu-table__th{position:sticky;top:0;z-index:2;background:var(--neu-surface-2);box-shadow:inset 0 -1px 0 var(--neu-border)}.neu-table--sticky-header .neu-table__th--filter,.neu-table--sticky-header .neu-table__th--filter-placeholder{position:sticky;top:var(--neu-table-header-height, 44px);z-index:1;background:var(--neu-surface-2)}.neu-table__head{background:var(--neu-surface-2)}.neu-table__th{padding:var(--neu-space-3) var(--neu-space-4);font-size:var(--neu-text-xs);font-weight:600;color:var(--neu-text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--neu-border);white-space:nowrap;-webkit-user-select:none;user-select:none;background-clip:padding-box}.neu-table__th--check{width:40px;text-align:center!important;padding:var(--neu-space-3) var(--neu-space-3)}.neu-table__th--sortable{cursor:pointer;transition:color var(--neu-transition)}.neu-table__th--sortable:hover{color:var(--neu-text)}.neu-table__th--sorted-asc,.neu-table__th--sorted-desc{color:var(--neu-primary)}.neu-table__sort-icon{margin-left:4px;font-style:normal;font-size:10px;opacity:.5}.neu-table__th--sorted-asc .neu-table__sort-icon,.neu-table__th--sorted-desc .neu-table__sort-icon{opacity:1}.neu-table__checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--neu-primary)}.neu-table__selection-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--neu-space-2) var(--neu-space-5);background:var(--neu-primary-50);border-bottom:1px solid var(--neu-primary-100);font-size:var(--neu-text-sm);color:var(--neu-primary);font-weight:500;animation:neu-tab-fade .15s ease}.neu-table__selection-clear{background:none;border:none;color:var(--neu-primary);font-size:var(--neu-text-xs);font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0;font-family:var(--neu-font-sans)}.neu-table__row{transition:background-color var(--neu-transition)}.neu-table__row:hover{background:var(--neu-surface-2)}.neu-table__row:not(:last-child) .neu-table__td{border-bottom:1px solid var(--neu-border)}.neu-table__row--selected{background:var(--neu-primary-50)!important}.neu-table__row--selected .neu-table__td{color:var(--neu-primary)}.neu-table__row--clickable{cursor:pointer}.neu-table__td{padding:var(--neu-space-3) var(--neu-space-4);color:var(--neu-text);line-height:1.5;vertical-align:middle;background-clip:padding-box}.neu-table__td--center{text-align:center}.neu-table__td--empty{padding:var(--neu-space-8) 0}.neu-table__skeleton-rows{display:flex;flex-direction:column;gap:1px}.neu-table__skeleton-row{display:flex;align-items:center;padding:var(--neu-space-3) var(--neu-space-4);gap:var(--neu-space-4);border-bottom:1px solid var(--neu-border)}.neu-table__skeleton-cell{height:14px;flex:1;border-radius:var(--neu-radius-sm);background:linear-gradient(90deg,var(--neu-surface-2) 0%,var(--neu-surface-3) 50%,var(--neu-surface-2) 100%);background-size:200% 100%;animation:neu-skeleton 1.4s ease infinite}.neu-table__skeleton-cell:first-child{max-width:60px}.neu-table__skeleton-cell:nth-child(2){max-width:160px}.neu-table__skeleton-cell:last-child{max-width:80px}@keyframes neu-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.neu-table__empty{display:flex;flex-direction:column;align-items:center;gap:var(--neu-space-3);padding:var(--neu-space-8) var(--neu-space-4);color:var(--neu-text-muted)}.neu-table__empty svg{width:40px;height:40px;opacity:.4}.neu-table__empty p{font-size:var(--neu-text-sm);margin:0}.neu-table__clear-filter{background:none;border:none;color:var(--neu-primary);font-size:var(--neu-text-xs);font-weight:500;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.neu-table__clear-filter:hover{color:var(--neu-primary-dark)}.neu-table__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--neu-space-3);padding:var(--neu-space-3) var(--neu-space-5);border-top:1px solid var(--neu-border);background:var(--neu-surface-2)}.neu-table__info{font-size:var(--neu-text-xs);color:var(--neu-text-muted)}.neu-table__pagination{display:flex;align-items:center;gap:2px}.neu-table__page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--neu-space-2);border:1px solid transparent;border-radius:var(--neu-radius);background:transparent;font-family:var(--neu-font-sans);font-size:var(--neu-text-xs);font-weight:500;color:var(--neu-text-muted);cursor:pointer;transition:all var(--neu-transition)}.neu-table__page-btn svg{width:14px;height:14px}.neu-table__page-btn:hover:not(:disabled){background:var(--neu-surface-3);color:var(--neu-text);border-color:var(--neu-border)}.neu-table__page-btn:disabled{opacity:.35;cursor:not-allowed}.neu-table__page-btn--active{background:var(--neu-primary);color:var(--neu-primary-fg);border-color:var(--neu-primary)}.neu-table__page-btn--active:hover{background:var(--neu-primary-dark);border-color:var(--neu-primary-dark)}.neu-table__export-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 var(--neu-space-3);border:1.5px solid var(--neu-border);border-radius:var(--neu-radius);background:var(--neu-surface);font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);font-weight:500;color:var(--neu-text-muted);cursor:pointer;white-space:nowrap;transition:all var(--neu-transition);flex-shrink:0}.neu-table__export-btn svg{flex-shrink:0}.neu-table__export-btn:hover{color:var(--neu-primary);border-color:var(--neu-primary);background:var(--neu-primary-50)}.neu-table__page-size{display:flex;align-items:center;gap:var(--neu-space-2);min-width:0}.neu-table__page-size-label{font-size:var(--neu-text-xs);color:var(--neu-text-muted)}.neu-table__page-size-select{display:block;min-width:78px}.neu-table__page-size-select .neu-select__trigger{min-width:78px}.neu-table__th--expand-col,.neu-table__td--expand-col{width:36px;padding:var(--neu-space-2) var(--neu-space-2);text-align:center}.neu-table__expand-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--neu-text-muted);cursor:pointer;border-radius:var(--neu-radius-sm);transition:all var(--neu-transition);padding:0}.neu-table__expand-btn svg{width:14px;height:14px;transition:transform .2s ease}.neu-table__expand-btn:hover{color:var(--neu-primary);background:var(--neu-primary-50)}.neu-table__expand-btn--open svg{transform:rotate(90deg)}.neu-table__row-expand-detail{background:var(--neu-surface-2)}.neu-table__td--expand-panel{padding:0}.neu-table__expand-content{padding:var(--neu-space-4) var(--neu-space-5);border-bottom:1px solid var(--neu-border);animation:neu-tab-fade .18s ease}.neu-table__cell-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--neu-radius-full);font-size:var(--neu-text-xs);font-weight:600;letter-spacing:.02em;white-space:nowrap}.neu-table__cell-badge--primary{background:var(--neu-primary-100);color:var(--neu-primary-dark)}.neu-table__cell-badge--success{background:var(--neu-table-badge-success-bg);color:var(--neu-table-badge-success-text)}.neu-table__cell-badge--warning{background:var(--neu-table-badge-warning-bg);color:var(--neu-table-badge-warning-text)}.neu-table__cell-badge--danger{background:var(--neu-table-badge-danger-bg);color:var(--neu-table-badge-danger-text)}.neu-table__cell-badge--info{background:var(--neu-primary-50);color:var(--neu-primary)}.neu-table__cell-badge--default{background:var(--neu-surface-3);color:var(--neu-text-muted)}@keyframes neu-tab-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.neu-table__host--compact .neu-table__th,.neu-table__host--compact .neu-table__td{padding:var(--neu-table-density-compact-padding, 4px 8px)}.neu-table__host--relaxed .neu-table__th,.neu-table__host--relaxed .neu-table__td{padding:var(--neu-table-density-relaxed-padding, 16px 20px)}.neu-table__th--rn,.neu-table__td--rn{width:44px;text-align:right;padding-right:var(--neu-space-4);color:var(--neu-text-muted);font-variant-numeric:tabular-nums;font-size:var(--neu-text-xs)}.neu-table__th--frozen-left,.neu-table__th--frozen-right{position:sticky;z-index:3;background:var(--neu-surface-2)}.neu-table__th--frozen-left{left:0}.neu-table__th--frozen-right{right:0}.neu-table__th--frozen-left-boundary{box-shadow:inset -1px 0 0 var(--neu-border),6px 0 8px -8px #0f172a52}.neu-table__th--frozen-right-boundary{box-shadow:inset 1px 0 0 var(--neu-border),-6px 0 8px -8px #0f172a52}.neu-table__td--frozen-left,.neu-table__td--frozen-right{position:sticky;z-index:2;background:var(--neu-surface)}.neu-table__td--frozen-left{left:0}.neu-table__td--frozen-right{right:0}.neu-table__td--frozen-left-boundary{box-shadow:inset -1px 0 0 var(--neu-border),6px 0 8px -8px #0f172a52}.neu-table__td--frozen-right-boundary{box-shadow:inset 1px 0 0 var(--neu-border),-6px 0 8px -8px #0f172a52}.neu-table__foot{background:var(--neu-surface-2)}.neu-table__footer-row .neu-table__td--footer{padding:var(--neu-space-3) var(--neu-space-4);font-weight:600;font-size:var(--neu-text-sm);border-top:2px solid var(--neu-border);color:var(--neu-text)}.neu-table__sort-priority{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--neu-primary);color:var(--neu-primary-fg);font-size:9px;font-weight:700;margin-right:2px}.neu-table__cell-link{color:var(--neu-primary);text-decoration:none;text-underline-offset:2px}.neu-table__cell-link:hover{text-decoration:underline}.neu-table__actions{display:flex;align-items:center;gap:var(--neu-space-1);flex-wrap:nowrap}.neu-table__action-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;border-radius:var(--neu-radius-sm);background:transparent;font-size:14px;cursor:pointer;transition:all var(--neu-transition);color:var(--neu-text-muted)}.neu-table__action-btn:disabled{opacity:.35;cursor:not-allowed}.neu-table__action-btn--ghost:hover:not(:disabled){background:var(--neu-surface-3);color:var(--neu-text)}.neu-table__action-btn--primary{background:var(--neu-primary-50);color:var(--neu-primary)}.neu-table__action-btn--primary:hover:not(:disabled){background:var(--neu-primary);color:var(--neu-primary-fg)}.neu-table__action-btn--danger{color:var(--neu-error)}.neu-table__action-btn--danger:hover:not(:disabled){background:var(--neu-error-bg)}.neu-table__action-icon{line-height:1}.neu-table__action-confirm{display:inline-flex;align-items:center;gap:var(--neu-space-1);font-size:var(--neu-text-xs);color:var(--neu-text-muted);white-space:nowrap}.neu-table__action-confirm .neu-table__action-btn{width:auto;padding:0 var(--neu-space-2);font-size:var(--neu-text-xs);font-family:var(--neu-font-sans);font-weight:500;border:1px solid var(--neu-border)}.neu-table__export-group{display:flex;align-items:center;gap:var(--neu-space-2);flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.neu-table__filter-row .neu-table__th--filter,.neu-table__filter-row .neu-table__th--filter-placeholder{padding:var(--neu-space-2) var(--neu-space-3);background:var(--neu-surface-2);border-bottom:2px solid var(--neu-border);font-weight:400;text-transform:none;letter-spacing:0;vertical-align:middle}.neu-table__col-filter-input,.neu-table__col-filter-select{display:block;width:100%;height:28px;padding:0 var(--neu-space-2);border:1px solid var(--neu-border);border-radius:var(--neu-radius-sm);background:var(--neu-surface);font-family:var(--neu-font-sans);font-size:var(--neu-text-xs);color:var(--neu-text);font-weight:400;outline:none;transition:border-color var(--neu-transition),box-shadow var(--neu-transition)}.neu-table__col-filter-input::placeholder,.neu-table__col-filter-select::placeholder{color:var(--neu-text-muted)}.neu-table__col-filter-input:focus,.neu-table__col-filter-select:focus{border-color:var(--neu-primary);box-shadow:0 0 0 2px #007aff1a;background:var(--neu-surface)}.neu-table__col-filter-select{cursor:pointer}.neu-table--scrollable .neu-table__scroll-container{max-height:480px;overflow-y:auto}.neu-table--scrollable .neu-table__head .neu-table__th{position:sticky;top:0;z-index:2;background:var(--neu-surface-2);box-shadow:0 1px 0 var(--neu-border)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: NeuInputComponent, selector: "neu-input", inputs: ["type", "label", "placeholder", "floatingLabel", "size", "hint", "errorMessage", "disabled", "autocomplete", "startIcon", "endIcon", "icon", "iconPosition", "inputId", "name", "required", "readonly", "maxlength", "minlength", "min", "max", "pattern"] }, { kind: "component", type: NeuSelectComponent, selector: "neu-select", inputs: ["options", "label", "placeholder", "errorMessage", "hint", "disabled", "floatingLabel", "size", "searchable", "searchPlaceholder", "clearable", "noResultsMessage", "clearAriaLabel", "urlParam"], outputs: ["selectionChange"] }, { kind: "component", type: NeuDateInputComponent, selector: "neu-date-input", inputs: ["type", "label", "hint", "errorMessage", "disabled", "size", "readonly", "name", "inputId", "required", "min", "max", "step", "locale", "placeholder", "dateFormat"], outputs: ["rangeChange"] }, { kind: "component", type: NeuIconComponent, selector: "neu-icon", inputs: ["name", "strokeWidth", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: NeuTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-table', imports: [
+                        NgTemplateOutlet,
+                        ReactiveFormsModule,
+                        NeuInputComponent,
+                        NeuSelectComponent,
+                        NeuDateInputComponent,
+                        NeuIconComponent,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class.neu-table__host]': 'true',
+                        '[class.neu-table__host--compact]': 'density() === "compact"',
+                        '[class.neu-table__host--relaxed]': 'density() === "relaxed"',
+                    }, template: `
+    <div class="neu-table-container" [class.neu-table--sticky-header]="stickyHeader()">
+      <!-- ---- Toolbar ---- -->
+      @if (searchable() || title() || exportable()) {
+        <div class="neu-table__toolbar">
+          @if (title()) {
+            <h3 class="neu-table__title">{{ title() }}</h3>
+          }
+          @if (searchable()) {
+            <div class="neu-table__search-group">
+              <div class="neu-table__search-wrapper">
+                <svg
+                  class="neu-table__search-icon"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  aria-hidden="true"
+                >
+                  <circle cx="11" cy="11" r="8" />
+                  <line x1="21" y1="21" x2="16.65" y2="16.65" />
+                </svg>
+                <input
+                  class="neu-table__search"
+                  type="search"
+                  [placeholder]="searchPlaceholder()"
+                  [value]="searchQuery()"
+                  (input)="onSearch($event)"
+                  [attr.aria-label]="searchAriaLabel()"
+                />
+                @if (searchQuery()) {
+                  <button
+                    class="neu-table__search-clear"
+                    type="button"
+                    [attr.aria-label]="clearSearchAriaLabel()"
+                    (click)="clearSearch()"
+                  >
+                    <svg
+                      viewBox="0 0 24 24"
+                      fill="none"
+                      stroke="currentColor"
+                      stroke-width="2.5"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    >
+                      <line x1="18" y1="6" x2="6" y2="18" />
+                      <line x1="6" y1="6" x2="18" y2="18" />
+                    </svg>
+                  </button>
+                }
+              </div>
+              @if (exactMatchable()) {
+                <label class="neu-table__exact-label">
+                  <input
+                    class="neu-table__exact-checkbox"
+                    type="checkbox"
+                    [checked]="exactMatch()"
+                    (change)="setExactMatch($any($event.target).checked)"
+                  />
+                  {{ exactMatchLabel() }}
+                </label>
+              }
+            </div>
+          }
+          @if (exportable() && !loading()) {
+            <div class="neu-table__export-group">
+              @if (exportFormats().includes('csv')) {
+                <button
+                  class="neu-table__export-btn"
+                  type="button"
+                  (click)="exportCsv()"
+                  [title]="exportCsvTitle()"
+                >
+                  <svg
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="currentColor"
+                    stroke-width="2"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    aria-hidden="true"
+                    width="15"
+                    height="15"
+                  >
+                    <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+                    <polyline points="7 10 12 15 17 10" />
+                    <line x1="12" y1="15" x2="12" y2="3" />
+                  </svg>
+                  CSV
+                </button>
+              }
+              @if (exportFormats().includes('json')) {
+                <button
+                  class="neu-table__export-btn"
+                  type="button"
+                  (click)="exportJson()"
+                  [title]="exportJsonTitle()"
+                >
+                  <svg
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="currentColor"
+                    stroke-width="2"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    aria-hidden="true"
+                    width="15"
+                    height="15"
+                  >
+                    <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+                    <polyline points="7 10 12 15 17 10" />
+                    <line x1="12" y1="15" x2="12" y2="3" />
+                  </svg>
+                  JSON
+                </button>
+              }
+            </div>
+          }
+        </div>
+      }
+
+      <!-- Barra de selección (aparece al seleccionar) -->
+      @if (selectable() && selectedCount() > 0) {
+        <div class="neu-table__selection-bar">
+          <span>{{ selectedRowsInfo() }}</span>
+          <button class="neu-table__selection-clear" type="button" (click)="clearSelection()">
+            {{ clearSelectionLabel() }}
+          </button>
+        </div>
+      }
+
+      <!-- ---- Scroll container ---- -->
+      <div
+        class="neu-table__scroll-container"
+        role="region"
+        [attr.aria-label]="title() || tableAriaLabel()"
+      >
+        <table class="neu-table" [attr.aria-rowcount]="filteredData().length">
+          <thead class="neu-table__head">
+            <tr>
+              <!-- Checkbox de selección global -->
+              @if (expandable()) {
+                <th class="neu-table__th neu-table__th--expand-col" scope="col"></th>
+              }
+              @if (selectable()) {
+                <th class="neu-table__th neu-table__th--check" scope="col">
+                  <input
+                    type="checkbox"
+                    class="neu-table__checkbox"
+                    [checked]="isAllFilteredSelected()"
+                    [indeterminate]="isSomeFilteredSelected()"
+                    (change)="toggleAll()"
+                    [attr.aria-label]="selectAllAriaLabel()"
+                  />
+                </th>
+              }
+              @if (showRowNumbers()) {
+                <th class="neu-table__th neu-table__th--rn" scope="col">#</th>
+              }
+              @for (col of columns(); track col.key) {
+                <th
+                  class="neu-table__th"
+                  [class.neu-table__th--sortable]="sortable() && col.sortable !== false"
+                  [class.neu-table__th--sorted-asc]="
+                    !multiSort() && sortKey() === col.key && sortDir() === 'asc'
+                  "
+                  [class.neu-table__th--sorted-desc]="
+                    !multiSort() && sortKey() === col.key && sortDir() === 'desc'
+                  "
+                  [class]="col.cellClass ?? ''"
+                  [class.neu-table__th--frozen-left]="col.frozen === 'left'"
+                  [class.neu-table__th--frozen-right]="col.frozen === 'right'"
+                  [class.neu-table__th--frozen-left-boundary]="isLastFrozenLeftColumn(col.key)"
+                  [class.neu-table__th--frozen-right-boundary]="isFirstFrozenRightColumn(col.key)"
+                  [style.left]="
+                    col.frozen === 'left' ? (_frozenLeftOffsets().get(col.key) ?? 0) + 'px' : null
+                  "
+                  [style.width]="col.width ?? 'auto'"
+                  [style.text-align]="col.align ?? 'left'"
+                  scope="col"
+                  (click)="sortable() && col.sortable !== false ? sortBy(col.key, $event) : null"
+                >
+                  @if (col.headerTemplate) {
+                    <ng-container
+                      [ngTemplateOutlet]="col.headerTemplate"
+                      [ngTemplateOutletContext]="{ $implicit: col }"
+                    />
+                  } @else {
+                    {{ col.header }}
+                  }
+                  @if (sortable() && col.sortable !== false) {
+                    <span class="neu-table__sort-icon" aria-hidden="true">
+                      @if (multiSort()) {
+                        @let pri = getSortPriority(col.key);
+                        @if (pri >= 0) {
+                          <span class="neu-table__sort-priority">{{ pri + 1 }}</span>
+                          {{ _sortEntries()[pri]?.dir === 'asc' ? '↑' : '↓' }}
+                        } @else {
+                          ↕
+                        }
+                      } @else {
+                        @if (sortKey() === col.key) {
+                          {{ sortDir() === 'asc' ? '↑' : '↓' }}
+                        } @else {
+                          ↕
+                        }
+                      }
+                    </span>
+                  }
+                </th>
+              }
+            </tr>
+            <!-- ── Fila de filtros de columna / Column filter row ── -->
+            @if (_hasFilterableCol()) {
+              <tr class="neu-table__filter-row">
+                @if (expandable()) {
+                  <th class="neu-table__th neu-table__th--filter-placeholder" scope="col"></th>
+                }
+                @if (selectable()) {
+                  <th class="neu-table__th neu-table__th--filter-placeholder" scope="col"></th>
+                }
+                @if (showRowNumbers()) {
+                  <th class="neu-table__th neu-table__th--filter-placeholder" scope="col"></th>
+                }
+                @for (col of columns(); track col.key) {
+                  <th
+                    class="neu-table__th neu-table__th--filter"
+                    scope="col"
+                    [style.width]="col.width ?? 'auto'"
+                  >
+                    @if (col.filterable) {
+                      @if (col.filterType === 'select') {
+                        <neu-select
+                          [floatingLabel]="false"
+                          [options]="_filterOpts(col)"
+                          [formControl]="columnFilterControl(col.key)"
+                          [attr.aria-label]="filterAriaPrefix() + ' ' + col.header"
+                        />
+                      } @else if (col.filterType === 'date') {
+                        <neu-date-input
+                          [formControl]="columnFilterControl(col.key)"
+                          [attr.aria-label]="filterAriaPrefix() + ' ' + col.header"
+                        />
+                      } @else {
+                        <neu-input
+                          [floatingLabel]="false"
+                          [placeholder]="filterPlaceholder()"
+                          [formControl]="columnFilterControl(col.key)"
+                          [attr.aria-label]="filterAriaPrefix() + ' ' + col.header"
+                        />
+                      }
+                    }
+                  </th>
+                }
+              </tr>
+            }
+          </thead>
+
+          <tbody class="neu-table__body">
+            @if (loading()) {
+              <tr class="neu-table__row--loading">
+                <td [attr.colspan]="totalColspan()" class="neu-table__td neu-table__td--center">
+                  <div class="neu-table__skeleton-rows">
+                    @for (_ of skeletonRows(); track $index) {
+                      <div class="neu-table__skeleton-row">
+                        @for (__ of columns(); track $index) {
+                          <div class="neu-table__skeleton-cell"></div>
+                        }
+                      </div>
+                    }
+                  </div>
+                </td>
+              </tr>
+            } @else if (paginatedData().length === 0) {
+              <tr>
+                <td [attr.colspan]="totalColspan()" class="neu-table__td neu-table__td--empty">
+                  @if (emptyStateTemplate()) {
+                    <ng-container [ngTemplateOutlet]="emptyStateTemplate()!" />
+                  } @else {
+                    <div class="neu-table__empty">
+                      <svg
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="1.5"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      >
+                        <circle cx="11" cy="11" r="8" />
+                        <line x1="21" y1="21" x2="16.65" y2="16.65" />
+                      </svg>
+                      <p>{{ emptyMessage() }}</p>
+                      @if (searchQuery()) {
+                        <button
+                          class="neu-table__clear-filter"
+                          type="button"
+                          (click)="clearSearch()"
+                        >
+                          {{ clearFilterLabel() }}
+                        </button>
+                      }
+                    </div>
+                  }
+                </td>
+              </tr>
+            } @else {
+              @for (row of paginatedData(); track getRowKey(row); let rowIdx = $index) {
+                <tr
+                  class="neu-table__row"
+                  [class]="getRowClass(row)"
+                  [class.neu-table__row--selected]="isRowSelected(row)"
+                  [class.neu-table__row--clickable]="selectable()"
+                  (click)="onRowClick(row, $event)"
+                  (dblclick)="rowDblClick.emit(row)"
+                >
+                  @if (expandable()) {
+                    <td
+                      class="neu-table__td neu-table__td--expand-col"
+                      (click)="$event.stopPropagation()"
+                    >
+                      <button
+                        class="neu-table__expand-btn"
+                        type="button"
+                        (click)="toggleExpand(row)"
+                        [class.neu-table__expand-btn--open]="isRowExpanded(row)"
+                        [attr.aria-expanded]="isRowExpanded(row)"
+                        [attr.aria-label]="expandRowAriaLabel()"
+                      >
+                        <svg
+                          viewBox="0 0 24 24"
+                          fill="none"
+                          stroke="currentColor"
+                          stroke-width="2.5"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        >
+                          <polyline points="9 18 15 12 9 6" />
+                        </svg>
+                      </button>
+                    </td>
+                  }
+                  @if (selectable()) {
+                    <td
+                      class="neu-table__td neu-table__th--check"
+                      (click)="$event.stopPropagation()"
+                    >
+                      <input
+                        type="checkbox"
+                        class="neu-table__checkbox"
+                        [checked]="isRowSelected(row)"
+                        (change)="toggleRow(row)"
+                        [attr.aria-label]="selectRowAriaLabel()"
+                      />
+                    </td>
+                  }
+                  @if (showRowNumbers()) {
+                    <td class="neu-table__td neu-table__td--rn">
+                      {{ (currentPage() - 1) * effectivePageSize() + rowIdx + 1 }}
+                    </td>
+                  }
+                  @for (col of columns(); track col.key) {
+                    <td
+                      class="neu-table__td"
+                      [class]="col.cellClass ?? ''"
+                      [class.neu-table__td--frozen-left]="col.frozen === 'left'"
+                      [class.neu-table__td--frozen-right]="col.frozen === 'right'"
+                      [class.neu-table__td--frozen-left-boundary]="isLastFrozenLeftColumn(col.key)"
+                      [class.neu-table__td--frozen-right-boundary]="
+                        isFirstFrozenRightColumn(col.key)
+                      "
+                      [style.left]="
+                        col.frozen === 'left'
+                          ? (_frozenLeftOffsets().get(col.key) ?? 0) + 'px'
+                          : null
+                      "
+                      [style.text-align]="col.align ?? 'left'"
+                    >
+                      @if (col.cellTemplate) {
+                        <ng-container
+                          [ngTemplateOutlet]="col.cellTemplate"
+                          [ngTemplateOutletContext]="{ $implicit: row, row: row, column: col }"
+                        />
+                      } @else if (col.type === 'badge') {
+                        @let badgeVal = getCellValue(row, col);
+                        @let badgeCfg = col.badgeMap?.[badgeVal];
+                        <span
+                          class="neu-table__cell-badge neu-table__cell-badge--{{
+                            badgeCfg?.variant ?? 'default'
+                          }}"
+                        >
+                          {{ badgeCfg?.label ?? badgeVal }}
+                        </span>
+                      } @else if (col.type === 'link') {
+                        <a
+                          class="neu-table__cell-link"
+                          [href]="col.linkHref ? col.linkHref(row) : '#'"
+                          [target]="col.linkTarget ?? '_self'"
+                          (click)="$event.stopPropagation()"
+                          >{{ getCellValue(row, col) }}</a
+                        >
+                      } @else if (col.type === 'actions') {
+                        <div class="neu-table__actions">
+                          @for (action of col.actions ?? []; track action.key) {
+                            @if (action.show === undefined || action.show(row)) {
+                              @if (isConfirmPending(row, action)) {
+                                <span class="neu-table__action-confirm">
+                                  <span>{{ action.confirm }}</span>
+                                  <button
+                                    class="neu-table__action-btn neu-table__action-btn--danger"
+                                    type="button"
+                                    (click)="handleAction(row, action); $event.stopPropagation()"
+                                  >
+                                    Sí
+                                  </button>
+                                  <button
+                                    class="neu-table__action-btn"
+                                    type="button"
+                                    (click)="cancelConfirm(); $event.stopPropagation()"
+                                  >
+                                    No
+                                  </button>
+                                </span>
+                              } @else {
+                                <button
+                                  class="neu-table__action-btn neu-table__action-btn--{{
+                                    action.variant ?? 'ghost'
+                                  }}"
+                                  type="button"
+                                  [disabled]="action.disabled ? action.disabled(row) : false"
+                                  [title]="action.label"
+                                  (click)="handleAction(row, action); $event.stopPropagation()"
+                                >
+                                  @if (action.icon.startsWith('lucide')) {
+                                    <neu-icon
+                                      class="neu-table__action-icon"
+                                      [name]="action.icon"
+                                      size="1rem"
+                                      aria-hidden="true"
+                                    />
+                                  } @else {
+                                    <span class="neu-table__action-icon" aria-hidden="true">{{
+                                      action.icon
+                                    }}</span>
+                                  }
+                                  <span class="sr-only">{{ action.label }}</span>
+                                </button>
+                              }
+                            }
+                          }
+                        </div>
+                      } @else {
+                        {{ getCellValue(row, col) }}
+                      }
+                    </td>
+                  }
+                </tr>
+                @if (expandable() && isRowExpanded(row)) {
+                  <tr class="neu-table__row-expand-detail">
+                    <td [attr.colspan]="totalColspan()" class="neu-table__td--expand-panel">
+                      <div class="neu-table__expand-content">
+                        @if (expandTemplate(); as tpl) {
+                          <ng-container
+                            [ngTemplateOutlet]="tpl.templateRef"
+                            [ngTemplateOutletContext]="{ $implicit: row }"
+                          />
+                        }
+                      </div>
+                    </td>
+                  </tr>
+                }
+              }
+            }
+          </tbody>
+          @if (footerRow()) {
+            <tfoot class="neu-table__foot">
+              <tr class="neu-table__footer-row">
+                @if (expandable()) {
+                  <td class="neu-table__td"></td>
+                }
+                @if (selectable()) {
+                  <td class="neu-table__td"></td>
+                }
+                @if (showRowNumbers()) {
+                  <td class="neu-table__td"></td>
+                }
+                @for (col of columns(); track col.key) {
+                  <td
+                    class="neu-table__td neu-table__td--footer"
+                    [style.text-align]="col.align ?? 'left'"
+                  >
+                    {{ footerRow()![col.key] !== undefined ? footerRow()![col.key] : '' }}
+                  </td>
+                }
+              </tr>
+            </tfoot>
+          }
+        </table>
+      </div>
+
+      <!-- ---- Footer ---- -->
+      @if (!loading() && filteredData().length > 0) {
+        <div class="neu-table__footer">
+          @if (pageSizeOptions().length > 0) {
+            <div class="neu-table__page-size">
+              <label class="neu-table__page-size-label">{{ pageSizeLabel() }}</label>
+              <neu-select
+                class="neu-table__page-size-select"
+                [floatingLabel]="false"
+                [options]="_pageSizeOptions()"
+                [formControl]="_pageSizeControl"
+                [attr.aria-label]="pageSizeAriaLabel()"
+                size="sm"
+              />
+            </div>
+          }
+          <span class="neu-table__info">
+            {{ paginationInfo() }}
+          </span>
+          @if (totalPages() > 1) {
+            <nav class="neu-table__pagination" [attr.aria-label]="paginationAriaLabel()">
+              <button
+                class="neu-table__page-btn"
+                [disabled]="currentPage() === 1"
+                (click)="goToPage(currentPage() - 1)"
+                [attr.aria-label]="previousPageAriaLabel()"
+                type="button"
+              >
+                <svg
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="2.5"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                >
+                  <polyline points="15 18 9 12 15 6" />
+                </svg>
+              </button>
+              @for (page of pageNumbers(); track page) {
+                <button
+                  class="neu-table__page-btn"
+                  [class.neu-table__page-btn--active]="page === currentPage()"
+                  (click)="goToPage(page)"
+                  [attr.aria-current]="page === currentPage() ? 'page' : null"
+                  type="button"
+                >
+                  {{ page }}
+                </button>
+              }
+              <button
+                class="neu-table__page-btn"
+                [disabled]="currentPage() === totalPages()"
+                (click)="goToPage(currentPage() + 1)"
+                [attr.aria-label]="nextPageAriaLabel()"
+                type="button"
+              >
+                <svg
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="2.5"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                >
+                  <polyline points="9 18 15 12 9 6" />
+                </svg>
+              </button>
+            </nav>
+          }
+        </div>
+      }
+    </div>
+  `, styles: [".neu-table-container{background:var(--neu-surface);border:1px solid var(--neu-border);border-radius:var(--neu-radius-lg);overflow:hidden;box-shadow:var(--neu-shadow-sm)}.neu-table__toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--neu-space-3);padding:var(--neu-space-4) var(--neu-space-5);border-bottom:1px solid var(--neu-border);background:var(--neu-surface)}.neu-table__title{font-size:var(--neu-text-base);font-weight:600;color:var(--neu-text);margin:0;letter-spacing:-.01em}.neu-table__search-group{display:flex;align-items:center;gap:var(--neu-space-3);flex:1;max-width:420px;min-width:0}.neu-table__search-wrapper{position:relative;display:flex;align-items:center;flex:1;min-width:0}.neu-table__search-icon{position:absolute;left:var(--neu-space-3);width:15px;height:15px;color:var(--neu-text-muted);pointer-events:none;flex-shrink:0}.neu-table__search{width:100%;height:36px;padding:0 var(--neu-space-3) 0 36px;border:1.5px solid var(--neu-border);border-radius:var(--neu-radius);background:var(--neu-surface-2);font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);color:var(--neu-text);outline:none;transition:border-color var(--neu-transition),box-shadow var(--neu-transition)}.neu-table__search::placeholder{color:var(--neu-text-muted)}.neu-table__search:focus{border-color:var(--neu-primary);box-shadow:var(--neu-focus-ring);background:var(--neu-surface)}.neu-table__search::-webkit-search-cancel-button{display:none}.neu-table__search-clear{position:absolute;right:var(--neu-space-2);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--neu-text-muted);cursor:pointer;border-radius:var(--neu-radius-sm);transition:color var(--neu-transition),background-color var(--neu-transition)}.neu-table__search-clear svg{width:13px;height:13px}.neu-table__search-clear:hover{color:var(--neu-error);background:var(--neu-error-bg)}.neu-table__exact-label{display:inline-flex;align-items:center;gap:6px;font-size:var(--neu-text-sm);color:var(--neu-text-muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.neu-table__exact-label:hover{color:var(--neu-text)}.neu-table__exact-checkbox{width:14px;height:14px;accent-color:var(--neu-primary);cursor:pointer}.neu-table__scroll-container{position:relative;isolation:isolate;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--neu-surface-3) transparent}.neu-table__scroll-container::-webkit-scrollbar{height:4px}.neu-table__scroll-container::-webkit-scrollbar-track{background:transparent}.neu-table__scroll-container::-webkit-scrollbar-thumb{background:var(--neu-surface-3);border-radius:99px}@media(max-width:399px){.neu-table__scroll-container{background-image:linear-gradient(to right,var(--neu-surface),var(--neu-surface)),linear-gradient(to right,var(--neu-surface),var(--neu-surface)),linear-gradient(to right,rgba(15,23,42,.08),transparent),linear-gradient(to left,rgba(15,23,42,.08),transparent);background-position:left center,right center,left center,right center;background-repeat:no-repeat;background-color:var(--neu-surface);background-size:20px 100%,20px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll}}.neu-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--neu-text-sm);min-width:400px}.neu-table--sticky-header .neu-table__scroll-container{overflow-y:auto;max-height:var(--neu-table-max-height, 480px)}.neu-table--sticky-header .neu-table__head tr:first-child .neu-table__th{position:sticky;top:0;z-index:2;background:var(--neu-surface-2);box-shadow:inset 0 -1px 0 var(--neu-border)}.neu-table--sticky-header .neu-table__th--filter,.neu-table--sticky-header .neu-table__th--filter-placeholder{position:sticky;top:var(--neu-table-header-height, 44px);z-index:1;background:var(--neu-surface-2)}.neu-table__head{background:var(--neu-surface-2)}.neu-table__th{padding:var(--neu-space-3) var(--neu-space-4);font-size:var(--neu-text-xs);font-weight:600;color:var(--neu-text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--neu-border);white-space:nowrap;-webkit-user-select:none;user-select:none;background-clip:padding-box}.neu-table__th--check{width:40px;text-align:center!important;padding:var(--neu-space-3) var(--neu-space-3)}.neu-table__th--sortable{cursor:pointer;transition:color var(--neu-transition)}.neu-table__th--sortable:hover{color:var(--neu-text)}.neu-table__th--sorted-asc,.neu-table__th--sorted-desc{color:var(--neu-primary)}.neu-table__sort-icon{margin-left:4px;font-style:normal;font-size:10px;opacity:.5}.neu-table__th--sorted-asc .neu-table__sort-icon,.neu-table__th--sorted-desc .neu-table__sort-icon{opacity:1}.neu-table__checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--neu-primary)}.neu-table__selection-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--neu-space-2) var(--neu-space-5);background:var(--neu-primary-50);border-bottom:1px solid var(--neu-primary-100);font-size:var(--neu-text-sm);color:var(--neu-primary);font-weight:500;animation:neu-tab-fade .15s ease}.neu-table__selection-clear{background:none;border:none;color:var(--neu-primary);font-size:var(--neu-text-xs);font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0;font-family:var(--neu-font-sans)}.neu-table__row{transition:background-color var(--neu-transition)}.neu-table__row:hover{background:var(--neu-surface-2)}.neu-table__row:not(:last-child) .neu-table__td{border-bottom:1px solid var(--neu-border)}.neu-table__row--selected{background:var(--neu-primary-50)!important}.neu-table__row--selected .neu-table__td{color:var(--neu-primary)}.neu-table__row--clickable{cursor:pointer}.neu-table__td{padding:var(--neu-space-3) var(--neu-space-4);color:var(--neu-text);line-height:1.5;vertical-align:middle;background-clip:padding-box}.neu-table__td--center{text-align:center}.neu-table__td--empty{padding:var(--neu-space-8) 0}.neu-table__skeleton-rows{display:flex;flex-direction:column;gap:1px}.neu-table__skeleton-row{display:flex;align-items:center;padding:var(--neu-space-3) var(--neu-space-4);gap:var(--neu-space-4);border-bottom:1px solid var(--neu-border)}.neu-table__skeleton-cell{height:14px;flex:1;border-radius:var(--neu-radius-sm);background:linear-gradient(90deg,var(--neu-surface-2) 0%,var(--neu-surface-3) 50%,var(--neu-surface-2) 100%);background-size:200% 100%;animation:neu-skeleton 1.4s ease infinite}.neu-table__skeleton-cell:first-child{max-width:60px}.neu-table__skeleton-cell:nth-child(2){max-width:160px}.neu-table__skeleton-cell:last-child{max-width:80px}@keyframes neu-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.neu-table__empty{display:flex;flex-direction:column;align-items:center;gap:var(--neu-space-3);padding:var(--neu-space-8) var(--neu-space-4);color:var(--neu-text-muted)}.neu-table__empty svg{width:40px;height:40px;opacity:.4}.neu-table__empty p{font-size:var(--neu-text-sm);margin:0}.neu-table__clear-filter{background:none;border:none;color:var(--neu-primary);font-size:var(--neu-text-xs);font-weight:500;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.neu-table__clear-filter:hover{color:var(--neu-primary-dark)}.neu-table__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--neu-space-3);padding:var(--neu-space-3) var(--neu-space-5);border-top:1px solid var(--neu-border);background:var(--neu-surface-2)}.neu-table__info{font-size:var(--neu-text-xs);color:var(--neu-text-muted)}.neu-table__pagination{display:flex;align-items:center;gap:2px}.neu-table__page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--neu-space-2);border:1px solid transparent;border-radius:var(--neu-radius);background:transparent;font-family:var(--neu-font-sans);font-size:var(--neu-text-xs);font-weight:500;color:var(--neu-text-muted);cursor:pointer;transition:all var(--neu-transition)}.neu-table__page-btn svg{width:14px;height:14px}.neu-table__page-btn:hover:not(:disabled){background:var(--neu-surface-3);color:var(--neu-text);border-color:var(--neu-border)}.neu-table__page-btn:disabled{opacity:.35;cursor:not-allowed}.neu-table__page-btn--active{background:var(--neu-primary);color:var(--neu-primary-fg);border-color:var(--neu-primary)}.neu-table__page-btn--active:hover{background:var(--neu-primary-dark);border-color:var(--neu-primary-dark)}.neu-table__export-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 var(--neu-space-3);border:1.5px solid var(--neu-border);border-radius:var(--neu-radius);background:var(--neu-surface);font-family:var(--neu-font-sans);font-size:var(--neu-text-sm);font-weight:500;color:var(--neu-text-muted);cursor:pointer;white-space:nowrap;transition:all var(--neu-transition);flex-shrink:0}.neu-table__export-btn svg{flex-shrink:0}.neu-table__export-btn:hover{color:var(--neu-primary);border-color:var(--neu-primary);background:var(--neu-primary-50)}.neu-table__page-size{display:flex;align-items:center;gap:var(--neu-space-2);min-width:0}.neu-table__page-size-label{font-size:var(--neu-text-xs);color:var(--neu-text-muted)}.neu-table__page-size-select{display:block;min-width:78px}.neu-table__page-size-select .neu-select__trigger{min-width:78px}.neu-table__th--expand-col,.neu-table__td--expand-col{width:36px;padding:var(--neu-space-2) var(--neu-space-2);text-align:center}.neu-table__expand-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--neu-text-muted);cursor:pointer;border-radius:var(--neu-radius-sm);transition:all var(--neu-transition);padding:0}.neu-table__expand-btn svg{width:14px;height:14px;transition:transform .2s ease}.neu-table__expand-btn:hover{color:var(--neu-primary);background:var(--neu-primary-50)}.neu-table__expand-btn--open svg{transform:rotate(90deg)}.neu-table__row-expand-detail{background:var(--neu-surface-2)}.neu-table__td--expand-panel{padding:0}.neu-table__expand-content{padding:var(--neu-space-4) var(--neu-space-5);border-bottom:1px solid var(--neu-border);animation:neu-tab-fade .18s ease}.neu-table__cell-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--neu-radius-full);font-size:var(--neu-text-xs);font-weight:600;letter-spacing:.02em;white-space:nowrap}.neu-table__cell-badge--primary{background:var(--neu-primary-100);color:var(--neu-primary-dark)}.neu-table__cell-badge--success{background:var(--neu-table-badge-success-bg);color:var(--neu-table-badge-success-text)}.neu-table__cell-badge--warning{background:var(--neu-table-badge-warning-bg);color:var(--neu-table-badge-warning-text)}.neu-table__cell-badge--danger{background:var(--neu-table-badge-danger-bg);color:var(--neu-table-badge-danger-text)}.neu-table__cell-badge--info{background:var(--neu-primary-50);color:var(--neu-primary)}.neu-table__cell-badge--default{background:var(--neu-surface-3);color:var(--neu-text-muted)}@keyframes neu-tab-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.neu-table__host--compact .neu-table__th,.neu-table__host--compact .neu-table__td{padding:var(--neu-table-density-compact-padding, 4px 8px)}.neu-table__host--relaxed .neu-table__th,.neu-table__host--relaxed .neu-table__td{padding:var(--neu-table-density-relaxed-padding, 16px 20px)}.neu-table__th--rn,.neu-table__td--rn{width:44px;text-align:right;padding-right:var(--neu-space-4);color:var(--neu-text-muted);font-variant-numeric:tabular-nums;font-size:var(--neu-text-xs)}.neu-table__th--frozen-left,.neu-table__th--frozen-right{position:sticky;z-index:3;background:var(--neu-surface-2)}.neu-table__th--frozen-left{left:0}.neu-table__th--frozen-right{right:0}.neu-table__th--frozen-left-boundary{box-shadow:inset -1px 0 0 var(--neu-border),6px 0 8px -8px #0f172a52}.neu-table__th--frozen-right-boundary{box-shadow:inset 1px 0 0 var(--neu-border),-6px 0 8px -8px #0f172a52}.neu-table__td--frozen-left,.neu-table__td--frozen-right{position:sticky;z-index:2;background:var(--neu-surface)}.neu-table__td--frozen-left{left:0}.neu-table__td--frozen-right{right:0}.neu-table__td--frozen-left-boundary{box-shadow:inset -1px 0 0 var(--neu-border),6px 0 8px -8px #0f172a52}.neu-table__td--frozen-right-boundary{box-shadow:inset 1px 0 0 var(--neu-border),-6px 0 8px -8px #0f172a52}.neu-table__foot{background:var(--neu-surface-2)}.neu-table__footer-row .neu-table__td--footer{padding:var(--neu-space-3) var(--neu-space-4);font-weight:600;font-size:var(--neu-text-sm);border-top:2px solid var(--neu-border);color:var(--neu-text)}.neu-table__sort-priority{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--neu-primary);color:var(--neu-primary-fg);font-size:9px;font-weight:700;margin-right:2px}.neu-table__cell-link{color:var(--neu-primary);text-decoration:none;text-underline-offset:2px}.neu-table__cell-link:hover{text-decoration:underline}.neu-table__actions{display:flex;align-items:center;gap:var(--neu-space-1);flex-wrap:nowrap}.neu-table__action-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;border-radius:var(--neu-radius-sm);background:transparent;font-size:14px;cursor:pointer;transition:all var(--neu-transition);color:var(--neu-text-muted)}.neu-table__action-btn:disabled{opacity:.35;cursor:not-allowed}.neu-table__action-btn--ghost:hover:not(:disabled){background:var(--neu-surface-3);color:var(--neu-text)}.neu-table__action-btn--primary{background:var(--neu-primary-50);color:var(--neu-primary)}.neu-table__action-btn--primary:hover:not(:disabled){background:var(--neu-primary);color:var(--neu-primary-fg)}.neu-table__action-btn--danger{color:var(--neu-error)}.neu-table__action-btn--danger:hover:not(:disabled){background:var(--neu-error-bg)}.neu-table__action-icon{line-height:1}.neu-table__action-confirm{display:inline-flex;align-items:center;gap:var(--neu-space-1);font-size:var(--neu-text-xs);color:var(--neu-text-muted);white-space:nowrap}.neu-table__action-confirm .neu-table__action-btn{width:auto;padding:0 var(--neu-space-2);font-size:var(--neu-text-xs);font-family:var(--neu-font-sans);font-weight:500;border:1px solid var(--neu-border)}.neu-table__export-group{display:flex;align-items:center;gap:var(--neu-space-2);flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.neu-table__filter-row .neu-table__th--filter,.neu-table__filter-row .neu-table__th--filter-placeholder{padding:var(--neu-space-2) var(--neu-space-3);background:var(--neu-surface-2);border-bottom:2px solid var(--neu-border);font-weight:400;text-transform:none;letter-spacing:0;vertical-align:middle}.neu-table__col-filter-input,.neu-table__col-filter-select{display:block;width:100%;height:28px;padding:0 var(--neu-space-2);border:1px solid var(--neu-border);border-radius:var(--neu-radius-sm);background:var(--neu-surface);font-family:var(--neu-font-sans);font-size:var(--neu-text-xs);color:var(--neu-text);font-weight:400;outline:none;transition:border-color var(--neu-transition),box-shadow var(--neu-transition)}.neu-table__col-filter-input::placeholder,.neu-table__col-filter-select::placeholder{color:var(--neu-text-muted)}.neu-table__col-filter-input:focus,.neu-table__col-filter-select:focus{border-color:var(--neu-primary);box-shadow:0 0 0 2px #007aff1a;background:var(--neu-surface)}.neu-table__col-filter-select{cursor:pointer}.neu-table--scrollable .neu-table__scroll-container{max-height:480px;overflow-y:auto}.neu-table--scrollable .neu-table__head .neu-table__th{position:sticky;top:0;z-index:2;background:var(--neu-surface-2);box-shadow:0 1px 0 var(--neu-border)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { expandTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NeuTableExpandDirective), { isSignal: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], skeletonRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "skeletonRows", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], exactMatchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "exactMatchable", required: false }] }], exactMatchLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "exactMatchLabel", required: false }] }], searchAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchAriaLabel", required: false }] }], clearSearchAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearSearchAriaLabel", required: false }] }], clearFilterLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearFilterLabel", required: false }] }], previousPageAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "previousPageAriaLabel", required: false }] }], nextPageAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "nextPageAriaLabel", required: false }] }], pageSizeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeLabel", required: false }] }], pageSizeAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeAriaLabel", required: false }] }], paginationAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "paginationAriaLabel", required: false }] }], exportCsvTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "exportCsvTitle", required: false }] }], exportJsonTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "exportJsonTitle", required: false }] }], clearSelectionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearSelectionLabel", required: false }] }], selectionSummaryLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionSummaryLabel", required: false }] }], tableAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableAriaLabel", required: false }] }], selectAllAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAllAriaLabel", required: false }] }], selectRowAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectRowAriaLabel", required: false }] }], expandRowAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandRowAriaLabel", required: false }] }], filterPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterPlaceholder", required: false }] }], filterAriaPrefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterAriaPrefix", required: false }] }], allFilterOptionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "allFilterOptionLabel", required: false }] }], ofLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ofLabel", required: false }] }], resultLabelSingular: [{ type: i0.Input, args: [{ isSignal: true, alias: "resultLabelSingular", required: false }] }], resultLabelPlural: [{ type: i0.Input, args: [{ isSignal: true, alias: "resultLabelPlural", required: false }] }], sortable: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortable", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], expandable: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandable", required: false }] }], exportable: [{ type: i0.Input, args: [{ isSignal: true, alias: "exportable", required: false }] }], exportFileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "exportFileName", required: false }] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], stickyHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyHeader", required: false }] }], rowKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowKey", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], showRowNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRowNumbers", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], footerRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerRow", required: false }] }], emptyStateTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateTemplate", required: false }] }], serverSide: [{ type: i0.Input, args: [{ isSignal: true, alias: "serverSide", required: false }] }], totalItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalItems", required: false }] }], multiSort: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiSort", required: false }] }], exportFormats: [{ type: i0.Input, args: [{ isSignal: true, alias: "exportFormats", required: false }] }], exportColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "exportColumns", required: false }] }], pageParam: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageParam", required: false }] }], searchParam: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchParam", required: false }] }], sortParam: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortParam", required: false }] }], sortDirParam: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortDirParam", required: false }] }], multiSortParam: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiSortParam", required: false }] }], useUrlState: [{ type: i0.Input, args: [{ isSignal: true, alias: "useUrlState", required: false }] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], rowClick: [{ type: i0.Output, args: ["rowClick"] }], rowDblClick: [{ type: i0.Output, args: ["rowDblClick"] }], actionClick: [{ type: i0.Output, args: ["actionClick"] }], serverStateChange: [{ type: i0.Output, args: ["serverStateChange"] }], searchChange: [{ type: i0.Output, args: ["searchChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuTableComponent, NeuTableExpandDirective };
+//# sourceMappingURL=neural-ui-core-table.mjs.map