eru-grid 0.0.32 → 0.0.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eru-grid",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "peerDependencies": {
     "@angular/common": "^21.1.2",
     "@angular/core": "^21.1.2",

package/types/eru-grid.d.ts

@@ -73,6 +73,9 @@ interface GridFeatures {
     headerRowHeight?: number;
     dataRowHeight?: number;
     cursorOnHover?: string;
+    boardCardHoverBg?: string;
+    boardCardSelectedBg?: string;
+    boardCardSelectedOutline?: string;
 }
 interface GridStyles {
     subTotalStyle?: 'bold' | 'italic' | 'highlighted';
@@ -574,6 +577,7 @@ declare class EruGridStore {
     private readonly _rows;
     private _groupRows;
     private readonly _selectedRowIds;
+    private readonly _activeBoardRow;
     private readonly _rowGrandTotal;
     private readonly _dynamicDataRequest;
     private readonly _dynamicData;
@@ -610,6 +614,7 @@ declare class EruGridStore {
         count: number;
     }[]>;
     readonly selectedRowIds: _angular_core.Signal<Set<string>>;
+    readonly activeBoardRow: _angular_core.Signal<any>;
     readonly configuration: _angular_core.Signal<GridConfiguration>;
     readonly isLoading: _angular_core.Signal<boolean>;
     readonly requestQueue: _angular_core.Signal<RowDataRequest[]>;
@@ -636,7 +641,7 @@ declare class EruGridStore {
     readonly isPivotMode: _angular_core.Signal<boolean>;
     readonly isEditingEnabled: _angular_core.Signal<boolean>;
     readonly displayColumns: _angular_core.Signal<Field[]>;
-    readonly displayData: _angular_core.Signal<Row[] | PivotRow[]>;
+    readonly displayData: _angular_core.Signal<PivotRow[] | Row[]>;
     readonly pivotGrandTotalData: _angular_core.Signal<PivotRow[]>;
     readonly pivotDisplayData: _angular_core.Signal<PivotRow[]>;
     readonly tableDisplayData: _angular_core.Signal<Row[]>;
@@ -669,6 +674,8 @@ declare class EruGridStore {
     addRows(newRows: Row[]): void;
     updateRow(rowId: string, updates: Partial<Row>): void;
     selectRow(rowId: string): void;
+    /** Mark the single active board card (last clicked) for the selected-state highlight. */
+    setActiveBoardRow(row: any): void;
     deselectRow(rowId: string): void;
     toggleRowSelection(rowId: string): void;
     selectAllRowsInGroup(groupId: string): void;
@@ -933,7 +940,7 @@ declare class EruGridService {
     get pivotConfiguration(): _angular_core.Signal<PivotConfiguration | null>;
     get pivotResult(): _angular_core.Signal<eru_grid.PivotResult | null>;
     get displayColumns(): _angular_core.Signal<Field[]>;
-    get displayData(): _angular_core.Signal<eru_grid.Row[] | eru_grid.PivotRow[]>;
+    get displayData(): _angular_core.Signal<eru_grid.PivotRow[] | eru_grid.Row[]>;
     get isEditingEnabled(): _angular_core.Signal<boolean>;
     get configuration(): _angular_core.Signal<GridConfiguration>;
     get isLoading(): _angular_core.Signal<boolean>;
@@ -1007,6 +1014,14 @@ declare class EruGridComponent implements OnInit, AfterViewInit, OnDestroy {
      * Default: 208 (matches the built-in default card height).
      */
     boardCardHeight: number;
+    /**
+     * Vertical gap in pixels between board cards. Added to the CDK virtual-scroll
+     * item size so the space appears below each card without overlap.
+     * Default: 0 (cards stacked flush).
+     */
+    boardCardGap: number;
+    /** Total slot size per board card = card height + gap. Drives CDK itemSize. */
+    get boardCardSlot(): number;
     /**
      * Fires when a user clicks a row (table mode) or card (board mode).
      * Consumers can subscribe to drive navigation, side-panel detail views,
@@ -1018,6 +1033,9 @@ declare class EruGridComponent implements OnInit, AfterViewInit, OnDestroy {
         group?: RowGroup;
     }>;
     emitRowSelect(row: Row, mode: 'table' | 'board', group?: RowGroup): void;
+    /** Whether a board card is the active (last-clicked) one. Compared by row
+     *  reference so it works for entity and query data alike. */
+    isBoardCardActive(row: Row): boolean;
     initialMinHeight: number;
     initialTotalWidth: number;
     viewport: CdkVirtualScrollViewport;
@@ -1336,7 +1354,7 @@ declare class EruGridComponent implements OnInit, AfterViewInit, OnDestroy {
     requestBoardRowsForGroup(group: RowGroup): void;
     loadBoardAll(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EruGridComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EruGridComponent, "eru-grid", never, { "gridConfig": { "alias": "gridConfig"; "required": false; }; "boardCardTemplate": { "alias": "boardCardTemplate"; "required": false; }; "boardCardHeight": { "alias": "boardCardHeight"; "required": false; }; }, { "rowSelect": "rowSelect"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EruGridComponent, "eru-grid", never, { "gridConfig": { "alias": "gridConfig"; "required": false; }; "boardCardTemplate": { "alias": "boardCardTemplate"; "required": false; }; "boardCardHeight": { "alias": "boardCardHeight"; "required": false; }; "boardCardGap": { "alias": "boardCardGap"; "required": false; }; }, { "rowSelect": "rowSelect"; }, never, never, true, never>;
 }
 interface GroupItem {
     type: 'header' | 'row' | 'table-header' | 'row-place-holder' | 'ghost-loading';