@eagami/ui 5.43.0 → 5.44.0

package/package.json

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

package/types/eagami-ui.d.ts

@@ -1618,6 +1618,12 @@ declare class DataTableComponent<T = Record<string, unknown>> {
     readonly navigable: _angular_core.InputSignal<boolean>;
     /** Marks body rows as clickable: shows a pointer cursor and emits `rowActivate` on click or Enter/Space. Independent of `hoverable` and `navigable`. */
     readonly clickable: _angular_core.InputSignal<boolean>;
+    /**
+     * Gives a row its link target, or `null` for none. Every cell of the row then holds
+     * a real link, so the browser shows the target on hover and a modified click opens
+     * it elsewhere, while a plain click still emits `rowActivate` for the app to route.
+     */
+    readonly rowHref: _angular_core.InputSignal<((row: T) => string | null) | undefined>;
     readonly sort: _angular_core.ModelSignal<DataTableSortState>;
     /** Fires whenever the sort column or direction changes via header click. */
     readonly sorted: _angular_core.OutputEmitterRef<DataTableSortState>;
@@ -1634,6 +1640,7 @@ declare class DataTableComponent<T = Record<string, unknown>> {
         'ea-data-table--bordered': boolean;
         'ea-data-table--navigable': boolean;
         'ea-data-table--clickable': boolean;
+        'ea-data-table--linked': boolean;
     }>;
     constructor();
     readonly sortedData: _angular_core.Signal<T[]>;
@@ -1649,7 +1656,7 @@ declare class DataTableComponent<T = Record<string, unknown>> {
     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; }; "sizingRows": { "alias": "sizingRows"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "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; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; }, { "sort": "sortChange"; "sorted": "sorted"; "rowActivate": "rowActivate"; }, ["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; }; "sizingRows": { "alias": "sizingRows"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "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; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "rowHref": { "alias": "rowHref"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; }, { "sort": "sortChange"; "sorted": "sorted"; "rowActivate": "rowActivate"; }, ["noDataTemplate"], ["ea-paginator"], true, never>;
 }
 
 /** Visual size of each digit cell. */