@neural-ui/core 1.3.2 → 1.4.0

package/styles/_tokens.scss

@@ -7,9 +7,9 @@
   // ------------------------------------------------
   // Brand — Neural-Blue (inspirado en Apple HIG)
   // ------------------------------------------------
-  --neu-primary: #007aff;
-  --neu-primary-dark: #005fcc;
-  --neu-primary-light: #339dff;
+  --neu-primary: #005fcc;
+  --neu-primary-dark: #004799;
+  --neu-primary-light: #2d7fff;
   --neu-primary-50: #eff6ff;
   --neu-primary-100: #dbeafe;
   --neu-primary-fg: #ffffff;
@@ -39,8 +39,8 @@
   // Tipografía (Slate scale)
   // ------------------------------------------------
   --neu-text: #0f172a; // Slate-900
-  --neu-text-muted: #64748b; // Slate-500
-  --neu-text-disabled: #94a3b8; // Slate-400
+  --neu-text-muted: #475569; // Slate-600
+  --neu-text-disabled: #64748b; // Slate-500
   --neu-text-inverse: #ffffff;
   --neu-knob-display-color: var(--neu-text);
   --neu-knob-label-color: var(--neu-text-muted);
@@ -60,7 +60,7 @@
   // ------------------------------------------------
   // Estados semánticos
   // ------------------------------------------------
-  --neu-success: #10b981;
+  --neu-success: #15803d;
   --neu-success-bg: #d1fae5;
   --neu-success-text: #065f46;
 
@@ -68,11 +68,11 @@
   --neu-warning-bg: #fef3c7;
   --neu-warning-text: #92400e;
 
-  --neu-error: #ef4444;
+  --neu-error: #dc2626;
   --neu-error-bg: #fee2e2;
   --neu-error-text: #991b1b;
 
-  --neu-info: #007aff;
+  --neu-info: #005fcc;
   --neu-info-bg: #eff6ff;
   --neu-info-text: #1d4ed8;
 

package/types/neural-ui-core-autocomplete.d.ts

@@ -35,6 +35,10 @@ declare class NeuAutocompleteComponent implements ControlValueAccessor {
     readonly floatingLabel: _angular_core.InputSignal<boolean>;
     /** Tamaño del campo: 'sm' = 36px | 'md' = 48px | 'lg' = 56px / Field size */
     readonly size: _angular_core.InputSignal<"sm" | "md" | "lg">;
+    /** Habilita scroll virtual para listas largas / Enables virtual scrolling for large result lists */
+    readonly virtualScroll: _angular_core.InputSignal<boolean>;
+    /** Número de resultados visibles en el viewport virtual / Number of visible results in the virtual viewport */
+    readonly virtualScrollVisibleItems: _angular_core.InputSignal<number>;
     /** Emitido al seleccionar una opción / Emitted when an option is selected */
     readonly optionSelected: _angular_core.OutputEmitterRef<NeuAutocompleteOption>;
     /** Emitido al cambiar el texto del input / Emitted on query change */
@@ -46,6 +50,7 @@ declare class NeuAutocompleteComponent implements ControlValueAccessor {
     readonly _activeIndex: _angular_core.WritableSignal<number>;
     readonly _cvaDisabled: _angular_core.WritableSignal<boolean>;
     readonly _focused: _angular_core.WritableSignal<boolean>;
+    private readonly _viewport;
     private _onChange;
     private _onTouched;
     readonly _filtered: _angular_core.Signal<NeuAutocompleteOption[]>;
@@ -53,6 +58,9 @@ declare class NeuAutocompleteComponent implements ControlValueAccessor {
     readonly hasError: _angular_core.Signal<boolean>;
     readonly describedBy: _angular_core.Signal<string | null>;
     readonly resultsAnnouncement: _angular_core.Signal<string>;
+    readonly virtualScrollItemSize: _angular_core.Signal<36 | 52 | 40>;
+    readonly virtualViewportHeight: _angular_core.Signal<string>;
+    readonly trackByOption: (index: number, option: NeuAutocompleteOption) => {};
     _optionId(i: number): string;
     private readonly _el;
     onDocClick(e: MouseEvent): void;
@@ -63,12 +71,13 @@ declare class NeuAutocompleteComponent implements ControlValueAccessor {
     private _moveActiveIndex;
     selectOption(opt: NeuAutocompleteOption): void;
     clear(): void;
+    private _scrollActiveOptionIntoView;
     writeValue(val: unknown): void;
     registerOnChange(fn: (v: unknown) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(d: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuAutocompleteComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuAutocompleteComponent, "neu-autocomplete", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "optionSelected": "optionSelected"; "queryChange": "queryChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuAutocompleteComponent, "neu-autocomplete", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollVisibleItems": { "alias": "virtualScrollVisibleItems"; "required": false; "isSignal": true; }; }, { "optionSelected": "optionSelected"; "queryChange": "queryChange"; }, never, never, true, never>;
 }
 
 export { NeuAutocompleteComponent };

package/types/neural-ui-core-color-picker.d.ts

@@ -29,7 +29,6 @@ declare class NeuColorPickerComponent implements ControlValueAccessor {
     private _onChange;
     private _onTouched;
     private readonly _el;
-    constructor();
     _outsideClick(e: MouseEvent): void;
     readonly _hexValue: _angular_core.Signal<string>;
     readonly _textValue: _angular_core.Signal<string>;

package/types/neural-ui-core-modal.d.ts

@@ -3,22 +3,6 @@ import { Type } from '@angular/core';
 import { DialogRef } from '@angular/cdk/dialog';
 
 type NeuDialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
-/** Datos que se inyectan en el componente del diálogo / Data injected into the dialog component */
-interface NeuDialogData<T = unknown> {
-    title?: string;
-    data?: T;
-}
-declare class NeuDialogService {
-    private readonly dialog;
-    open<T = unknown, R = unknown>(component: Type<unknown>, config?: {
-        title?: string;
-        data?: T;
-        size?: NeuDialogSize;
-        disableClose?: boolean;
-    }): DialogRef<R>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuDialogService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<NeuDialogService>;
-}
 /**
  * NeuDialogComponent — Diálogo accesible con header, body y footer. / Accessible dialog with header, body and footer.
  * Úsalo directamente como componente declarativo pasando `open` como signal. / Use it directly as a declarative component passing `open` as a signal.
@@ -44,11 +28,33 @@ declare class NeuDialogComponent {
     disableClose: _angular_core.InputSignal<boolean>;
     /** Emite cuando el usuario cierra el diálogo. / Emits when the user closes the dialog. */
     closed: _angular_core.OutputEmitterRef<void>;
+    private readonly panelRef;
     /** @internal — ID único para aria-labelledby / Unique ID for aria-labelledby */
     readonly _uid: string;
+    constructor();
+    onPanelKeydown(event: KeyboardEvent): void;
+    private focusInitialElement;
+    private getFocusableElements;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuDialogComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuDialogComponent, "neu-dialog", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disableClose": { "alias": "disableClose"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*", "[neu-dialog-footer]"], true, never>;
 }
 
+/** Datos que se inyectan en el componente del diálogo / Data injected into the dialog component */
+interface NeuDialogData<T = unknown> {
+    title?: string;
+    data?: T;
+}
+declare class NeuDialogService {
+    private readonly dialog;
+    open<T = unknown, R = unknown>(component: Type<unknown>, config?: {
+        title?: string;
+        data?: T;
+        size?: NeuDialogSize;
+        disableClose?: boolean;
+    }): DialogRef<R>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuDialogService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<NeuDialogService>;
+}
+
 export { NeuDialogComponent, NeuDialogService };
 export type { NeuDialogData, NeuDialogSize };

package/types/neural-ui-core-multiselect.d.ts

@@ -40,7 +40,9 @@ declare class NeuMultiselectComponent implements ControlValueAccessor {
     private readonly _urlState;
     private readonly _mobileViewportMax;
     private readonly _viewportMargin;
+    private readonly _panelMaxHeight;
     private readonly _urlParamSignals;
+    private readonly _viewport;
     private _getUrlParamSignal;
     constructor();
     /** @internal */
@@ -74,6 +76,10 @@ declare class NeuMultiselectComponent implements ControlValueAccessor {
     clearAllLabel: _angular_core.InputSignal<string>;
     /** Muestra un botón × en el trigger para limpiar la selección de una vez / Shows a × button in the trigger to clear the selection at once */
     clearable: _angular_core.InputSignal<boolean>;
+    /** Habilita scroll virtual para listas largas / Enables virtual scrolling for large option lists */
+    virtualScroll: _angular_core.InputSignal<boolean>;
+    /** Número de opciones visibles en el viewport virtual / Number of visible options in the virtual viewport */
+    virtualScrollVisibleItems: _angular_core.InputSignal<number>;
     /** Aria-label del botón clear que aparece en el trigger / Aria-label for the clear button shown in the trigger */
     clearAriaLabel: _angular_core.InputSignal<string>;
     /**
@@ -104,6 +110,9 @@ declare class NeuMultiselectComponent implements ControlValueAccessor {
     readonly describedBy: Signal<string | null>;
     readonly filteredOptions: Signal<NeuSelectOption[]>;
     readonly resultsAnnouncement: Signal<string>;
+    readonly virtualScrollItemSize: Signal<36 | 52 | 44>;
+    readonly virtualViewportHeight: Signal<string>;
+    readonly trackByOptionValue: (_index: number, option: NeuSelectOption) => string;
     private _onChange;
     private _onTouched;
     writeValue(value: string[] | null): void;
@@ -130,9 +139,11 @@ declare class NeuMultiselectComponent implements ControlValueAccessor {
     onWindowResize(): void;
     onWindowScroll(): void;
     private syncPanelPosition;
+    private focusFirstOption;
+    private focusOption;
     private resetPanelPosition;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuMultiselectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuMultiselectComponent, "neu-multiselect", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "noResultsMessage": { "alias": "noResultsMessage"; "required": false; "isSignal": true; }; "clearAllLabel": { "alias": "clearAllLabel"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "urlParam": { "alias": "urlParam"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, ["itemTpl"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuMultiselectComponent, "neu-multiselect", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "noResultsMessage": { "alias": "noResultsMessage"; "required": false; "isSignal": true; }; "clearAllLabel": { "alias": "clearAllLabel"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollVisibleItems": { "alias": "virtualScrollVisibleItems"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "urlParam": { "alias": "urlParam"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, ["itemTpl"], never, true, never>;
 }
 
 export { NeuMultiselectComponent, NeuMultiselectItemDirective };

package/types/neural-ui-core-select.d.ts

@@ -75,7 +75,9 @@ declare class NeuSelectComponent implements ControlValueAccessor {
     private readonly _urlState;
     private readonly _mobileViewportMax;
     private readonly _viewportMargin;
+    private readonly _panelMaxHeight;
     private readonly _urlParamSignals;
+    private readonly _viewport;
     private _getUrlParamSignal;
     constructor();
     /** @internal — ID \u00fanico para asociar label con trigger */
@@ -107,6 +109,10 @@ declare class NeuSelectComponent implements ControlValueAccessor {
     searchPlaceholder: _angular_core.InputSignal<string>;
     /** Muestra un botón para limpiar la selección / Shows a button to clear the selection */
     clearable: _angular_core.InputSignal<boolean>;
+    /** Habilita scroll virtual para listas largas / Enables virtual scrolling for large option lists */
+    virtualScroll: _angular_core.InputSignal<boolean>;
+    /** Número de opciones visibles en el viewport virtual / Number of visible options in the virtual viewport */
+    virtualScrollVisibleItems: _angular_core.InputSignal<number>;
     /** Texto cuando no hay opciones tras filtrar / Text when no options remain after filtering */
     noResultsMessage: _angular_core.InputSignal<string>;
     /** Aria-label del botón de limpiar / Aria-label for the clear button */
@@ -139,6 +145,9 @@ declare class NeuSelectComponent implements ControlValueAccessor {
     readonly selectedLabel: Signal<string | null>;
     readonly _selectedOption: Signal<NeuSelectOption | null>;
     readonly resultsAnnouncement: Signal<string>;
+    readonly virtualScrollItemSize: Signal<36 | 52 | 44>;
+    readonly virtualViewportHeight: Signal<string>;
+    readonly trackByOptionValue: (_index: number, option: NeuSelectOption) => string;
     private _onChange;
     private _onTouched;
     writeValue(val: string | null): void;
@@ -161,9 +170,11 @@ declare class NeuSelectComponent implements ControlValueAccessor {
     onWindowResize(): void;
     onWindowScroll(): void;
     private syncPanelPosition;
+    private focusFirstOption;
+    private focusOption;
     private resetPanelPosition;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuSelectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuSelectComponent, "neu-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "noResultsMessage": { "alias": "noResultsMessage"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "urlParam": { "alias": "urlParam"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, ["itemTpl", "selectedItemTpl"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuSelectComponent, "neu-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollVisibleItems": { "alias": "virtualScrollVisibleItems"; "required": false; "isSignal": true; }; "noResultsMessage": { "alias": "noResultsMessage"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "urlParam": { "alias": "urlParam"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, ["itemTpl", "selectedItemTpl"], never, true, never>;
 }
 
 export { NeuSelectComponent, NeuSelectItemDirective, NeuSelectSelectedDirective };

package/types/neural-ui-core-sidebar.d.ts

@@ -23,6 +23,7 @@ import * as _angular_core from '@angular/core';
 declare class NeuSidebarComponent {
     private readonly document;
     private readonly urlState;
+    private readonly openParam;
     /** Posición del sidebar: izquierda o derecha de la pantalla / Sidebar position: left or right of the screen */
     side: _angular_core.InputSignal<"left" | "right">;
     /** QueryParam que controla el estado. Default: 'menu' (?menu=open) / QueryParam that controls the state. Default: 'menu' (?menu=open) */

package/types/neural-ui-core-table.d.ts

@@ -110,10 +110,14 @@ declare class NeuTableComponent {
     private readonly _destroyRef;
     private readonly _urlState;
     private readonly _platformId;
+    private readonly _scrollContainer;
+    private readonly _virtualOverscan;
     readonly expandTemplate: Signal<NeuTableExpandDirective | undefined>;
     readonly columns: _angular_core.InputSignal<NeuTableColumn<Record<string, unknown>>[]>;
     readonly data: _angular_core.InputSignal<object[]>;
     readonly pageSize: _angular_core.InputSignal<number>;
+    /** Controla si la paginación está activa. Si es false, se muestran todos los datos y se ocultan los controles de paginación y pageSize. */
+    readonly pagination: _angular_core.InputSignal<boolean>;
     readonly loading: _angular_core.InputSignal<boolean>;
     readonly title: _angular_core.InputSignal<string>;
     readonly emptyMessage: _angular_core.InputSignal<string>;
@@ -151,7 +155,12 @@ declare class NeuTableComponent {
     readonly exportFileName: _angular_core.InputSignal<string>;
     readonly pageSizeOptions: _angular_core.InputSignal<number[]>;
     readonly stickyHeader: _angular_core.InputSignal<boolean>;
+    readonly virtualScroll: _angular_core.InputSignal<boolean>;
+    readonly virtualScrollVisibleItems: _angular_core.InputSignal<number>;
     readonly rowKey: _angular_core.InputSignal<string>;
+    readonly bordered: _angular_core.InputSignal<boolean>;
+    readonly roundedBorders: _angular_core.InputSignal<boolean>;
+    readonly stripedRows: _angular_core.InputSignal<boolean>;
     readonly density: _angular_core.InputSignal<"compact" | "normal" | "relaxed">;
     readonly showRowNumbers: _angular_core.InputSignal<boolean>;
     readonly rowClass: _angular_core.InputSignal<((row: Row) => string) | undefined>;
@@ -213,6 +222,7 @@ declare class NeuTableComponent {
      *  Converts filterOptions from string[] to NeuSelectOption[] with a leading "All" option. */
     _filterOpts(col: NeuTableColumn): NeuSelectOption[];
     readonly _pageSizeOptions: Signal<NeuSelectOption[]>;
+    private readonly _virtualScrollTop;
     constructor();
     private readonly _confirmPending;
     private readonly _rows;
@@ -222,11 +232,18 @@ declare class NeuTableComponent {
     readonly effectivePageSize: Signal<number>;
     readonly totalPages: Signal<number>;
     readonly paginatedData: Signal<Row[]>;
+    readonly _virtualRowHeight: Signal<34 | 64 | 48>;
+    readonly _virtualHeaderHeight: Signal<number>;
+    readonly _virtualScrollActive: Signal<boolean>;
+    readonly virtualContainerMaxHeight: Signal<string>;
+    readonly _virtualStartIndex: Signal<number>;
+    readonly _virtualEndIndex: Signal<number>;
+    readonly visiblePageRows: Signal<Row[]>;
+    readonly _virtualTopSpacerHeight: Signal<number>;
+    readonly _virtualBottomSpacerHeight: Signal<number>;
     readonly pageNumbers: Signal<number[]>;
     readonly paginationInfo: Signal<string>;
     readonly totalColspan: Signal<number>;
-    /** Calcula el offset izquierdo acumulado para columnas frozen-left múltiples.
-     *  Calculates cumulative left offset for multiple frozen-left columns. */
     readonly _frozenLeftOffsets: Signal<Map<string, number>>;
     readonly _lastFrozenLeftKey: Signal<string | null>;
     readonly _firstFrozenRightKey: Signal<string>;
@@ -270,7 +287,10 @@ declare class NeuTableComponent {
     exportJson(): void;
     private _getExportColumns;
     private _downloadBlob;
+    onTableScroll(event: Event): void;
     getRowKey(row: Row): unknown;
+    visibleRowNumber(rowIdx: number): number;
+    private resetVirtualScrollPosition;
     getRowClass(row: Row): string;
     getCellValue(row: Row, col: NeuTableColumn): string;
     getSortPriority(key: string): number;
@@ -278,7 +298,7 @@ declare class NeuTableComponent {
     getColumnFilterValue(key: string): unknown;
     private _emitServerState;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuTableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuTableComponent, "neu-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "skeletonRows": { "alias": "skeletonRows"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "exactMatchable": { "alias": "exactMatchable"; "required": false; "isSignal": true; }; "exactMatchLabel": { "alias": "exactMatchLabel"; "required": false; "isSignal": true; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; "isSignal": true; }; "clearSearchAriaLabel": { "alias": "clearSearchAriaLabel"; "required": false; "isSignal": true; }; "clearFilterLabel": { "alias": "clearFilterLabel"; "required": false; "isSignal": true; }; "previousPageAriaLabel": { "alias": "previousPageAriaLabel"; "required": false; "isSignal": true; }; "nextPageAriaLabel": { "alias": "nextPageAriaLabel"; "required": false; "isSignal": true; }; "pageSizeLabel": { "alias": "pageSizeLabel"; "required": false; "isSignal": true; }; "pageSizeAriaLabel": { "alias": "pageSizeAriaLabel"; "required": false; "isSignal": true; }; "paginationAriaLabel": { "alias": "paginationAriaLabel"; "required": false; "isSignal": true; }; "exportCsvTitle": { "alias": "exportCsvTitle"; "required": false; "isSignal": true; }; "exportJsonTitle": { "alias": "exportJsonTitle"; "required": false; "isSignal": true; }; "clearSelectionLabel": { "alias": "clearSelectionLabel"; "required": false; "isSignal": true; }; "selectionSummaryLabel": { "alias": "selectionSummaryLabel"; "required": false; "isSignal": true; }; "tableAriaLabel": { "alias": "tableAriaLabel"; "required": false; "isSignal": true; }; "selectAllAriaLabel": { "alias": "selectAllAriaLabel"; "required": false; "isSignal": true; }; "selectRowAriaLabel": { "alias": "selectRowAriaLabel"; "required": false; "isSignal": true; }; "expandRowAriaLabel": { "alias": "expandRowAriaLabel"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "filterAriaPrefix": { "alias": "filterAriaPrefix"; "required": false; "isSignal": true; }; "allFilterOptionLabel": { "alias": "allFilterOptionLabel"; "required": false; "isSignal": true; }; "ofLabel": { "alias": "ofLabel"; "required": false; "isSignal": true; }; "resultLabelSingular": { "alias": "resultLabelSingular"; "required": false; "isSignal": true; }; "resultLabelPlural": { "alias": "resultLabelPlural"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "exportable": { "alias": "exportable"; "required": false; "isSignal": true; }; "exportFileName": { "alias": "exportFileName"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "showRowNumbers": { "alias": "showRowNumbers"; "required": false; "isSignal": true; }; "rowClass": { "alias": "rowClass"; "required": false; "isSignal": true; }; "footerRow": { "alias": "footerRow"; "required": false; "isSignal": true; }; "emptyStateTemplate": { "alias": "emptyStateTemplate"; "required": false; "isSignal": true; }; "serverSide": { "alias": "serverSide"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "multiSort": { "alias": "multiSort"; "required": false; "isSignal": true; }; "exportFormats": { "alias": "exportFormats"; "required": false; "isSignal": true; }; "exportColumns": { "alias": "exportColumns"; "required": false; "isSignal": true; }; "pageParam": { "alias": "pageParam"; "required": false; "isSignal": true; }; "searchParam": { "alias": "searchParam"; "required": false; "isSignal": true; }; "sortParam": { "alias": "sortParam"; "required": false; "isSignal": true; }; "sortDirParam": { "alias": "sortDirParam"; "required": false; "isSignal": true; }; "multiSortParam": { "alias": "multiSortParam"; "required": false; "isSignal": true; }; "useUrlState": { "alias": "useUrlState"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "rowClick": "rowClick"; "rowDblClick": "rowDblClick"; "actionClick": "actionClick"; "serverStateChange": "serverStateChange"; "searchChange": "searchChange"; }, ["expandTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuTableComponent, "neu-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "skeletonRows": { "alias": "skeletonRows"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "exactMatchable": { "alias": "exactMatchable"; "required": false; "isSignal": true; }; "exactMatchLabel": { "alias": "exactMatchLabel"; "required": false; "isSignal": true; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; "isSignal": true; }; "clearSearchAriaLabel": { "alias": "clearSearchAriaLabel"; "required": false; "isSignal": true; }; "clearFilterLabel": { "alias": "clearFilterLabel"; "required": false; "isSignal": true; }; "previousPageAriaLabel": { "alias": "previousPageAriaLabel"; "required": false; "isSignal": true; }; "nextPageAriaLabel": { "alias": "nextPageAriaLabel"; "required": false; "isSignal": true; }; "pageSizeLabel": { "alias": "pageSizeLabel"; "required": false; "isSignal": true; }; "pageSizeAriaLabel": { "alias": "pageSizeAriaLabel"; "required": false; "isSignal": true; }; "paginationAriaLabel": { "alias": "paginationAriaLabel"; "required": false; "isSignal": true; }; "exportCsvTitle": { "alias": "exportCsvTitle"; "required": false; "isSignal": true; }; "exportJsonTitle": { "alias": "exportJsonTitle"; "required": false; "isSignal": true; }; "clearSelectionLabel": { "alias": "clearSelectionLabel"; "required": false; "isSignal": true; }; "selectionSummaryLabel": { "alias": "selectionSummaryLabel"; "required": false; "isSignal": true; }; "tableAriaLabel": { "alias": "tableAriaLabel"; "required": false; "isSignal": true; }; "selectAllAriaLabel": { "alias": "selectAllAriaLabel"; "required": false; "isSignal": true; }; "selectRowAriaLabel": { "alias": "selectRowAriaLabel"; "required": false; "isSignal": true; }; "expandRowAriaLabel": { "alias": "expandRowAriaLabel"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "filterAriaPrefix": { "alias": "filterAriaPrefix"; "required": false; "isSignal": true; }; "allFilterOptionLabel": { "alias": "allFilterOptionLabel"; "required": false; "isSignal": true; }; "ofLabel": { "alias": "ofLabel"; "required": false; "isSignal": true; }; "resultLabelSingular": { "alias": "resultLabelSingular"; "required": false; "isSignal": true; }; "resultLabelPlural": { "alias": "resultLabelPlural"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "exportable": { "alias": "exportable"; "required": false; "isSignal": true; }; "exportFileName": { "alias": "exportFileName"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollVisibleItems": { "alias": "virtualScrollVisibleItems"; "required": false; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "roundedBorders": { "alias": "roundedBorders"; "required": false; "isSignal": true; }; "stripedRows": { "alias": "stripedRows"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "showRowNumbers": { "alias": "showRowNumbers"; "required": false; "isSignal": true; }; "rowClass": { "alias": "rowClass"; "required": false; "isSignal": true; }; "footerRow": { "alias": "footerRow"; "required": false; "isSignal": true; }; "emptyStateTemplate": { "alias": "emptyStateTemplate"; "required": false; "isSignal": true; }; "serverSide": { "alias": "serverSide"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "multiSort": { "alias": "multiSort"; "required": false; "isSignal": true; }; "exportFormats": { "alias": "exportFormats"; "required": false; "isSignal": true; }; "exportColumns": { "alias": "exportColumns"; "required": false; "isSignal": true; }; "pageParam": { "alias": "pageParam"; "required": false; "isSignal": true; }; "searchParam": { "alias": "searchParam"; "required": false; "isSignal": true; }; "sortParam": { "alias": "sortParam"; "required": false; "isSignal": true; }; "sortDirParam": { "alias": "sortDirParam"; "required": false; "isSignal": true; }; "multiSortParam": { "alias": "multiSortParam"; "required": false; "isSignal": true; }; "useUrlState": { "alias": "useUrlState"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "rowClick": "rowClick"; "rowDblClick": "rowDblClick"; "actionClick": "actionClick"; "serverStateChange": "serverStateChange"; "searchChange": "searchChange"; }, ["expandTemplate"], never, true, never>;
 }
 
 export { NeuTableComponent, NeuTableExpandDirective };

package/types/neural-ui-core-tabs.d.ts

@@ -33,6 +33,7 @@ declare class NeuTabsComponent implements AfterViewInit, OnDestroy {
     private _dragStartX;
     private _dragStartScrollLeft;
     private _suppressNextClick;
+    private readonly _optimisticActiveTabId;
     readonly isDraggingNav: _angular_core.WritableSignal<boolean>;
     private _getUrlParamSignal;
     private _readUrlParam;

package/types/neural-ui-core-url-state.d.ts

@@ -17,6 +17,11 @@ import { Params, Router } from '@angular/router';
 declare class NeuUrlStateService {
     private readonly injector;
     private readonly router;
+    private _pendingParams;
+    private _pendingReplaceUrl;
+    private _batchScheduled;
+    private readonly _pendingParamsState;
+    private readonly _routerParams;
     /**
      * Signal con el mapa completo de queryParams actual.
      * Se actualiza automáticamente en cada NavigationEnd.
@@ -40,6 +45,10 @@ declare class NeuUrlStateService {
      *                   Pasar false para acciones que el usuario debe poder deshacer con Atrás.
      */
     setParam(key: string, value: string | null, replaceUrl?: boolean): void;
+    private _schedulePendingNavigation;
+    private _consumePendingNavigation;
+    private _resetPendingNavigation;
+    private _finalizePendingNavigation;
     /**
      * Actualiza múltiples queryParams en una sola navegación.
      *

package/types/neural-ui-core-virtual-list.d.ts

@@ -1,6 +1,22 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, TemplateRef } from '@angular/core';
 
+declare class NeuVirtualListRowComponent {
+    readonly item: _angular_core.InputSignal<unknown>;
+    readonly index: _angular_core.InputSignal<number>;
+    readonly itemSize: _angular_core.InputSignal<number>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly template: _angular_core.InputSignal<TemplateRef<{
+        $implicit: unknown;
+        index: number;
+    }> | null>;
+    readonly context: _angular_core.Signal<{
+        $implicit: unknown;
+        index: number;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NeuVirtualListRowComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuVirtualListRowComponent, "neu-virtual-list-row", never, { "item": { "alias": "item"; "required": true; "isSignal": true; }; "index": { "alias": "index"; "required": true; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "template": { "alias": "template"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
 /**
  * NeuralUI VirtualList
  *
@@ -57,4 +73,4 @@ declare class NeuVirtualListComponent<T = unknown> implements AfterViewInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NeuVirtualListComponent<any>, "neu-virtual-list", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "visibleRows": { "alias": "visibleRows"; "required": false; "isSignal": true; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, ["itemTemplate"], never, true, never>;
 }
 
-export { NeuVirtualListComponent };
+export { NeuVirtualListComponent, NeuVirtualListRowComponent };