@eagami/ui 3.1.0 → 3.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eagami/ui",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "description": "Lightweight, accessible Angular UI component library built on CSS custom properties",
   "author": "Michal Wiraszka <michal@eagami.com>",
   "license": "MIT",

package/types/eagami-ui.d.ts

@@ -1257,6 +1257,9 @@ interface DataTableSortState {
  */
 declare class DataTableComponent<T = Record<string, unknown>> {
     private readonly i18n;
+    private readonly host;
+    private readonly activeCell;
+    private static readonly PAGE_JUMP;
     readonly columns: _angular_core.InputSignal<DataTableColumn<T>[]>;
     readonly data: _angular_core.InputSignal<T[]>;
     readonly trackBy: _angular_core.InputSignal<keyof T | undefined>;
@@ -1266,6 +1269,8 @@ declare class DataTableComponent<T = Record<string, unknown>> {
     readonly hoverable: _angular_core.InputSignal<boolean>;
     readonly bordered: _angular_core.InputSignal<boolean>;
     readonly noDataText: _angular_core.InputSignal<string | undefined>;
+    /** Enables grid keyboard navigation: `role="grid"`, roving tabindex, and arrow-key cell movement. */
+    readonly navigable: _angular_core.InputSignal<boolean>;
     readonly sort: _angular_core.ModelSignal<DataTableSortState>;
     /** Fires whenever the sort column or direction changes via header click. */
     readonly sorted: _angular_core.OutputEmitterRef<DataTableSortState>;
@@ -1278,13 +1283,20 @@ declare class DataTableComponent<T = Record<string, unknown>> {
         'ea-data-table--striped': boolean;
         'ea-data-table--hoverable': boolean;
         'ea-data-table--bordered': boolean;
+        'ea-data-table--navigable': boolean;
     }>;
+    constructor();
     readonly sortedData: _angular_core.Signal<T[]>;
     getCellValue(row: T, key: string): unknown;
     onHeaderClick(col: DataTableColumn<T>): void;
     trackByFn(_index: number, item: T): unknown;
+    headerTabindex(col: DataTableColumn<T>, colIndex: number): number | null;
+    bodyCellTabindex(row: number, colIndex: number): number | null;
+    onCellFocus(row: number, col: number): void;
+    onGridKeydown(event: KeyboardEvent): void;
+    private focusCell;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTableComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableComponent<any>, "ea-data-table", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "noDataText": { "alias": "noDataText"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; }, { "sort": "sortChange"; "sorted": "sorted"; }, ["noDataTemplate"], ["ea-paginator"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableComponent<any>, "ea-data-table", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "noDataText": { "alias": "noDataText"; "required": false; "isSignal": true; }; "navigable": { "alias": "navigable"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; }, { "sort": "sortChange"; "sorted": "sorted"; }, ["noDataTemplate"], ["ea-paginator"], true, never>;
 }
 
 /** Visual size of each digit cell. */