@reforgium/data-grid 2.0.1 → 2.1.0

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.1",
+  "version": "2.1.0",
   "name": "@reforgium/data-grid",
   "description": "reforgium DataGrid component",
   "author": "rtommievich",

package/types/reforgium-data-grid.d.ts

@@ -653,6 +653,18 @@ type DataGridConfigProvider = {
     loadingMode: 'spinner' | 'skeleton';
     /** Whether pagination starts from page 0 (true) or page 1 (false). */
     pageStartFromZero: boolean;
+    /** Whether to defer rendering of the main grid content for code-splitting. */
+    deferContent: boolean;
+    /** Whether to defer rendering of the header (groups + columns). */
+    deferHeader: boolean;
+    /** Whether to defer rendering of pinned rows (top + bottom). */
+    deferPinned: boolean;
+    /** Whether to defer rendering of cell content. */
+    deferCells: boolean;
+    /** Whether to defer rendering of header icons (sort/expand/checkbox). */
+    deferIcons: boolean;
+    /** Whether to defer rendering of the tooltip. */
+    deferTooltip: boolean;
     /** Text strings for UI labels and messages. */
     translations: DataGridTranslations;
     /** Debounce timings in milliseconds for resize and scroll events to optimize performance. */
@@ -977,6 +989,8 @@ declare class DataGridVm<Data extends AnyDict> {
      */
     calcScrollbar(): void;
     private recomputeStickyOffsets;
+    private layoutSignature;
+    private stickySignature;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataGridVm<any>, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<DataGridVm<any>>;
 }
@@ -1191,6 +1205,13 @@ declare class DataGrid<Data extends AnyDict> {
      * to reduce flickering during fast scrolling. Default is 8.
      */
     virtualBuffer: _angular_core.InputSignal<number>;
+    /**
+     * Locks vertical scrolling while keeping horizontal scrolling enabled.
+     *
+     * Useful when the grid height is fixed by the parent and vertical scrolling
+     * should be managed externally.
+     */
+    lockVerticalScroll: _angular_core.InputSignalWithTransform<boolean, string | boolean | undefined>;
     /**
      * Header group configuration for creating multi-level column headers.
      *
@@ -1219,6 +1240,12 @@ declare class DataGrid<Data extends AnyDict> {
      */
     loading: _angular_core.InputSignalWithTransform<boolean, string | boolean | undefined>;
     loadingMode: _angular_core.InputSignal<"spinner" | "skeleton">;
+    deferContent: _angular_core.InputSignalWithTransform<boolean, string | boolean | undefined>;
+    deferHeader: _angular_core.InputSignalWithTransform<boolean, string | boolean | undefined>;
+    deferPinned: _angular_core.InputSignalWithTransform<boolean, string | boolean | undefined>;
+    deferCells: _angular_core.InputSignalWithTransform<boolean, string | boolean | undefined>;
+    deferIcons: _angular_core.InputSignalWithTransform<boolean, string | boolean | undefined>;
+    deferTooltip: _angular_core.InputSignalWithTransform<boolean, string | boolean | undefined>;
     /**
      * Function or property name for getting a unique row key.
      *
@@ -1332,6 +1359,8 @@ declare class DataGrid<Data extends AnyDict> {
     private lastEndIndex;
     protected startIndex: number;
     protected headerHeight: _angular_core.WritableSignal<number>;
+    private tooltipEl;
+    protected tooltipState: _angular_core.WritableSignal<TooltipState>;
     protected stickyRowIndex: _angular_core.WritableSignal<number | null>;
     protected stickyRowTopPx: _angular_core.WritableSignal<number>;
     protected stickyRowData: _angular_core.Signal<Data | null>;
@@ -1419,12 +1448,9 @@ declare class DataGrid<Data extends AnyDict> {
     protected trackPinnedRow: (row: GridPinnedRow) => number | undefined;
     protected cellClass(col: GridColumn<Data>, row: Data): string | undefined;
     protected ariaSort(col: GridColumn<Data>): 'ascending' | 'descending' | 'none';
-    private tooltipEl;
-    protected tooltipState: _angular_core.WritableSignal<TooltipState>;
     protected resolveTooltip(row: Data, col: GridColumn<Data>): string | TemplateRef<GridTooltipContext<AnyDict>> | null;
     protected showTooltip(event: MouseEvent, row: Data, col: GridColumn<Data>, index: number): void;
     protected hideTooltip(): void;
-    private positionTooltip;
     protected isStickyRowIndex(index: number): boolean;
     protected resolveRowTemplate(row: Data, index: number): TemplateRef<AnyType> | null;
     private initVm;
@@ -1435,7 +1461,9 @@ declare class DataGrid<Data extends AnyDict> {
     private initScroll;
     private initObserver;
     private initExpander;
+    private positionTooltip;
     private scheduleScrollbarUpdate;
+    private finalizeScroll;
     private scheduleScrollTick;
     private clearScrollRaf;
     private ensureRenderSlots;
@@ -1446,9 +1474,9 @@ declare class DataGrid<Data extends AnyDict> {
     private updateStickyFromScroll;
     private findStickyIndexBefore;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataGrid<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataGrid<any>, "re-data-grid", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "pinnedRows": { "alias": "pinnedRows"; "required": false; "isSignal": true; }; "isRowSticky": { "alias": "isRowSticky"; "required": false; "isSignal": true; }; "getRowTemplate": { "alias": "getRowTemplate"; "required": false; "isSignal": true; }; "hasIndexColumn": { "alias": "hasIndexColumn"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "virtualBuffer": { "alias": "virtualBuffer"; "required": false; "isSignal": true; }; "headerGroups": { "alias": "headerGroups"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingMode": { "alias": "loadingMode"; "required": false; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": false; "isSignal": true; }; "pageStartFromZero": { "alias": "pageStartFromZero"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "sortChange": "sortChange"; "selectChange": "selectChange"; "rowClick": "rowClick"; "rowContext": "rowContext"; "rowDoubleClick": "rowDoubleClick"; "cellClick": "cellClick"; "cellContext": "cellContext"; "cellDoubleClick": "cellDoubleClick"; }, ["cellTypedSlotRefs", "cellDataSlotRefs", "declarativeColumnRefs", "headerSlotRefs", "emptySlotRefs", "loadingSlotRefs", "sortIcSlotRefs", "expanderIcSlotRefs", "stickyRowSlotRefs", "rowSlotRefs"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataGrid<any>, "re-data-grid", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "pinnedRows": { "alias": "pinnedRows"; "required": false; "isSignal": true; }; "isRowSticky": { "alias": "isRowSticky"; "required": false; "isSignal": true; }; "getRowTemplate": { "alias": "getRowTemplate"; "required": false; "isSignal": true; }; "hasIndexColumn": { "alias": "hasIndexColumn"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "virtualBuffer": { "alias": "virtualBuffer"; "required": false; "isSignal": true; }; "lockVerticalScroll": { "alias": "lockVerticalScroll"; "required": false; "isSignal": true; }; "headerGroups": { "alias": "headerGroups"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingMode": { "alias": "loadingMode"; "required": false; "isSignal": true; }; "deferContent": { "alias": "deferContent"; "required": false; "isSignal": true; }; "deferHeader": { "alias": "deferHeader"; "required": false; "isSignal": true; }; "deferPinned": { "alias": "deferPinned"; "required": false; "isSignal": true; }; "deferCells": { "alias": "deferCells"; "required": false; "isSignal": true; }; "deferIcons": { "alias": "deferIcons"; "required": false; "isSignal": true; }; "deferTooltip": { "alias": "deferTooltip"; "required": false; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": false; "isSignal": true; }; "pageStartFromZero": { "alias": "pageStartFromZero"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "sortChange": "sortChange"; "selectChange": "selectChange"; "rowClick": "rowClick"; "rowContext": "rowContext"; "rowDoubleClick": "rowDoubleClick"; "cellClick": "cellClick"; "cellContext": "cellContext"; "cellDoubleClick": "cellDoubleClick"; }, ["cellTypedSlotRefs", "cellDataSlotRefs", "declarativeColumnRefs", "headerSlotRefs", "emptySlotRefs", "loadingSlotRefs", "sortIcSlotRefs", "expanderIcSlotRefs", "stickyRowSlotRefs", "rowSlotRefs"], never, true, never>;
 }
 
 export { DATA_GRID_CONFIG, DEFAULT_DATA_GRID_DEFAULTS, DataGrid, DataGridCellEmptyDirective, DataGridCellLoadingDirective, DataGridCellTemplateDirective, DataGridDeclarativeCellDirective, DataGridDeclarativeColumn, DataGridDeclarativeHeaderDirective, DataGridExpanderIconDirective, DataGridHeaderTemplateDirective, DataGridRowDirective, DataGridSortIconDirective, DataGridStickyRowDirective, DataGridTypeCellTemplateDirective, provideDataGridDefaults };
-export type { DataGridConfigProvider, DataGridRowTemplateContext, DataGridStickyRowTemplateContext, DeclarativeColumnDef, GridCellClickEvent, GridCellContextEvent, GridCellDoubleClickEvent, GridCellRenderer, GridColumn, GridColumns, GridHeaderGroup, GridPageChangeEvent, GridPinnedRow, GridPinnedRows, GridRowClickEvent, GridRowContextEvent, GridRowDoubleClickEvent, GridSelectEvent, GridSelection, GridSortEvent, RenderTemplateData };
+export type { BaseGridColumn, DataGridConfigProvider, DataGridRowTemplateContext, DataGridStickyRowTemplateContext, DeclarativeColumnDef, GridCellAlign, GridCellClickEvent, GridCellContextEvent, GridCellDoubleClickEvent, GridCellRenderer, GridCellRendererType, GridColumn, GridColumnTooltip, GridColumns, GridHeaderGroup, GridPageChangeEvent, GridPaginationMode, GridPinnedPosition, GridPinnedRow, GridPinnedRows, GridRowClickEvent, GridRowContextEvent, GridRowDoubleClickEvent, GridSelectEvent, GridSelectMode, GridSelection, GridSortEvent, GridSortOrder, GridStickySide, GridTooltipContext, HeaderTemplateData, RenderTemplateData };
 //# sourceMappingURL=reforgium-data-grid.d.ts.map