eru-grid 0.0.31 → 0.0.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eru-grid",
-  "version": "0.0.31",
+  "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';
@@ -92,6 +95,7 @@ interface GridConfiguration {
     tokens?: GridTokens;
     preset?: GridPreset;
     pivot?: PivotConfiguration;
+    pageSize?: number;
     data?: any[];
     columnConstraints?: {
         global?: ColumnWidthConstraints;
@@ -153,6 +157,11 @@ interface Field {
     enableDrilldown?: boolean;
     open_status?: any[];
     close_status?: any[];
+    color_ranges?: {
+        from: number;
+        to: number;
+        color: string;
+    }[];
     data_length?: number;
     start_value?: number;
     end_value?: number;
@@ -568,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;
@@ -589,6 +599,11 @@ declare class EruGridStore {
     readonly selectedDesignColumn: _angular_core.Signal<string | null>;
     private readonly _columnDesignUpdate;
     readonly columnDesignUpdate: _angular_core.Signal<Field[] | null>;
+    private readonly _columnMetaPatch;
+    readonly columnMetaPatch: _angular_core.Signal<{
+        name: string;
+        patch: Partial<Field>;
+    } | null>;
     readonly columns: _angular_core.Signal<Field[]>;
     readonly groups: _angular_core.Signal<RowGroup[]>;
     readonly rows: _angular_core.Signal<Row[]>;
@@ -599,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[]>;
@@ -658,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;
@@ -996,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,
@@ -1007,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;
@@ -1093,6 +1122,8 @@ declare class EruGridComponent implements OnInit, AfterViewInit, OnDestroy {
      */
     private readonly ROWS_PER_PAGE;
     private readonly SCROLL_THRESHOLD;
+    /** Rows per lazy page: grid config `pageSize` if set, else ROWS_PER_PAGE. */
+    private get rowsPerPage();
     private lastLoadedGroupIds;
     private requestedGroupIds;
     private columnsInitialized;
@@ -1323,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';
@@ -1882,6 +1913,7 @@ declare class ProgressComponent implements OnInit {
     editModeChange: EventEmitter<boolean>;
     currentValue: _angular_core.WritableSignal<number>;
     displayValue: _angular_core.Signal<number>;
+    barColor: _angular_core.Signal<string | null>;
     constructor();
     ngOnInit(): void;
     onActivate(): void;