@reforgium/data-grid 3.1.1 → 3.1.2

package/CHANGELOG.md

@@ -1,4 +1,16 @@
-## [3.1.1]: 06.04.2026
+## [3.1.2]: 14.04.2026
+
+### Fix:
+- `DataGrid`: source/infinity lifecycle for long-lived sources was stabilized; remounting a grid against the same `GridPagedDataSource` / `PagedQueryStore` instance now resets component-local source session state instead of reusing stale buffered pages, queued requests, or pending flags from the previous screen lifecycle
+- `DataGrid`: source/infinity now rebases correctly when a reused source reattaches on a non-zero page without `totalElements`; the current source page becomes the local starting point instead of rendering an empty grid
+- `DataGrid`: singleton-like source reuse now settles correctly after empty successful replacements and remounts, so stale rows are cleared and `loading` no longer depends on previous component-local source state
+
+### Test:
+- added regression coverage for same-source remount, empty replacement after remount, non-zero-page reattach without `totalElements`, and source-session reset on version change
+
+---
+
+## [3.1.1]: 06.04.2026
 
 ### Fix:
 - `DataGrid`: source/infinity — grid no longer auto-requests pages before the first external fetch; `ensureBufferedRange` and `drainQueuedPages` are now gated by a `hasReceivedData` flag that is only raised after at least one non-empty page arrives via `sync()` outside of a reset cycle; guards stale-store (singleton re-bind), stale queued pages surviving a `clearBuffer()`, and the `queueMicrotask` drain-loop that ran after a buffer reset

package/fesm2022/reforgium-data-grid-column-manager.mjs

@@ -107,7 +107,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
 
 /* eslint-disable max-len */
 class EyeIcon {
-    open = input(false, { ...(ngDevMode ? { debugName: "open" } : {}), transform: booleanAttribute });
+    open = input(false, { ...(ngDevMode ? { debugName: "open" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: EyeIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: EyeIcon, isStandalone: true, selector: "re-eye-ic", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     @if (open()) {
@@ -150,7 +150,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
 
 /* eslint-disable max-len */
 class PinIcon {
-    toRight = input(false, { ...(ngDevMode ? { debugName: "toRight" } : {}), transform: booleanAttribute });
+    toRight = input(false, { ...(ngDevMode ? { debugName: "toRight" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PinIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: PinIcon, isStandalone: true, selector: "re-pin-ic", inputs: { toRight: { classPropertyName: "toRight", publicName: "toRight", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <svg
@@ -189,28 +189,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
 
 class DataGridColumnManager {
     injector = inject(Injector);
-    columns = input([], ...(ngDevMode ? [{ debugName: "columns" }] : []));
-    triggerLabel = input('Columns', ...(ngDevMode ? [{ debugName: "triggerLabel" }] : []));
-    showAllLabel = input('Show all', ...(ngDevMode ? [{ debugName: "showAllLabel" }] : []));
-    hideAllLabel = input('Hide All', ...(ngDevMode ? [{ debugName: "hideAllLabel" }] : []));
-    controlsVisible = input(true, { ...(ngDevMode ? { debugName: "controlsVisible" } : {}), transform: booleanAttribute });
-    searchable = input(true, { ...(ngDevMode ? { debugName: "searchable" } : {}), transform: booleanAttribute });
-    searchPlaceholder = input('Search columns...', ...(ngDevMode ? [{ debugName: "searchPlaceholder" }] : []));
-    allowReorder = input(true, { ...(ngDevMode ? { debugName: "allowReorder" } : {}), transform: booleanAttribute });
-    allowPin = input(true, { ...(ngDevMode ? { debugName: "allowPin" } : {}), transform: booleanAttribute });
-    allowVisibility = input(true, { ...(ngDevMode ? { debugName: "allowVisibility" } : {}), transform: booleanAttribute });
+    columns = input([], ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    triggerLabel = input('Columns', ...(ngDevMode ? [{ debugName: "triggerLabel" }] : /* istanbul ignore next */ []));
+    showAllLabel = input('Show all', ...(ngDevMode ? [{ debugName: "showAllLabel" }] : /* istanbul ignore next */ []));
+    hideAllLabel = input('Hide All', ...(ngDevMode ? [{ debugName: "hideAllLabel" }] : /* istanbul ignore next */ []));
+    controlsVisible = input(true, { ...(ngDevMode ? { debugName: "controlsVisible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    searchable = input(true, { ...(ngDevMode ? { debugName: "searchable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    searchPlaceholder = input('Search columns...', ...(ngDevMode ? [{ debugName: "searchPlaceholder" }] : /* istanbul ignore next */ []));
+    allowReorder = input(true, { ...(ngDevMode ? { debugName: "allowReorder" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    allowPin = input(true, { ...(ngDevMode ? { debugName: "allowPin" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    allowVisibility = input(true, { ...(ngDevMode ? { debugName: "allowVisibility" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     columnsChange = output();
-    triggerDirective = contentChild(DataGridColumnManagerTriggerDirective, ...(ngDevMode ? [{ debugName: "triggerDirective" }] : []));
-    columnTitleTemplate = contentChild((DataGridColumnManagerColumnTitleDirective), ...(ngDevMode ? [{ debugName: "columnTitleTemplate" }] : []));
-    state = signal([], ...(ngDevMode ? [{ debugName: "state" }] : []));
-    searchQuery = signal('', ...(ngDevMode ? [{ debugName: "searchQuery" }] : []));
-    draggingKey = signal(null, ...(ngDevMode ? [{ debugName: "draggingKey" }] : []));
-    opened = signal(false, ...(ngDevMode ? [{ debugName: "opened" }] : []));
-    openedPinMenuKey = signal(null, ...(ngDevMode ? [{ debugName: "openedPinMenuKey" }] : []));
-    panelLeft = signal(0, ...(ngDevMode ? [{ debugName: "panelLeft" }] : []));
-    triggerTemplate = computed(() => this.triggerDirective()?.template, ...(ngDevMode ? [{ debugName: "triggerTemplate" }] : []));
-    root = viewChild('root', ...(ngDevMode ? [{ debugName: "root" }] : []));
-    panel = viewChild('panel', ...(ngDevMode ? [{ debugName: "panel" }] : []));
+    triggerDirective = contentChild(DataGridColumnManagerTriggerDirective, ...(ngDevMode ? [{ debugName: "triggerDirective" }] : /* istanbul ignore next */ []));
+    columnTitleTemplate = contentChild((DataGridColumnManagerColumnTitleDirective), ...(ngDevMode ? [{ debugName: "columnTitleTemplate" }] : /* istanbul ignore next */ []));
+    state = signal([], ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+    searchQuery = signal('', ...(ngDevMode ? [{ debugName: "searchQuery" }] : /* istanbul ignore next */ []));
+    draggingKey = signal(null, ...(ngDevMode ? [{ debugName: "draggingKey" }] : /* istanbul ignore next */ []));
+    opened = signal(false, ...(ngDevMode ? [{ debugName: "opened" }] : /* istanbul ignore next */ []));
+    openedPinMenuKey = signal(null, ...(ngDevMode ? [{ debugName: "openedPinMenuKey" }] : /* istanbul ignore next */ []));
+    panelLeft = signal(0, ...(ngDevMode ? [{ debugName: "panelLeft" }] : /* istanbul ignore next */ []));
+    triggerTemplate = computed(() => this.triggerDirective()?.template, ...(ngDevMode ? [{ debugName: "triggerTemplate" }] : /* istanbul ignore next */ []));
+    root = viewChild('root', ...(ngDevMode ? [{ debugName: "root" }] : /* istanbul ignore next */ []));
+    panel = viewChild('panel', ...(ngDevMode ? [{ debugName: "panel" }] : /* istanbul ignore next */ []));
     filteredColumns = computed(() => {
         const query = this.searchQuery().trim().toLowerCase();
         if (!query) {
@@ -221,8 +221,8 @@ class DataGridColumnManager {
             const header = String(column.header || '').toLowerCase();
             return key.includes(query) || header.includes(query);
         });
-    }, ...(ngDevMode ? [{ debugName: "filteredColumns" }] : []));
-    visibleColumnsCount = computed(() => this.state().filter((column) => column.visible !== false).length, ...(ngDevMode ? [{ debugName: "visibleColumnsCount" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "filteredColumns" }] : /* istanbul ignore next */ []));
+    visibleColumnsCount = computed(() => this.state().filter((column) => column.visible !== false).length, ...(ngDevMode ? [{ debugName: "visibleColumnsCount" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => this.state.set(cloneColumns(this.columns())));
     }

package/fesm2022/{reforgium-data-grid-grid-overlay-scroll.feature-DkosLX9_.mjs → reforgium-data-grid-grid-overlay-scroll.feature-BmB4qWr3.mjs}

@@ -1,4 +1,4 @@
-import { c as computeScrollbarState, a as clampThumbTop, m as mapThumbTopToScrollTop } from './reforgium-data-grid-reforgium-data-grid-D4fn-nOx.mjs';
+import { c as computeScrollbarState, a as clampThumbTop, m as mapThumbTopToScrollTop } from './reforgium-data-grid-reforgium-data-grid-3n5k89Qx.mjs';
 
 function createGridOverlayScrollFeature(ctx) {
     const showScrollbar = () => {
@@ -76,4 +76,4 @@ function createGridOverlayScrollFeature(ctx) {
 }
 
 export { createGridOverlayScrollFeature };
-//# sourceMappingURL=reforgium-data-grid-grid-overlay-scroll.feature-DkosLX9_.mjs.map
+//# sourceMappingURL=reforgium-data-grid-grid-overlay-scroll.feature-BmB4qWr3.mjs.map

package/fesm2022/reforgium-data-grid-paginator.mjs

@@ -39,24 +39,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
 
 // noinspection CssUnresolvedCustomProperty
 class DataGridPaginator {
-    current = input(0, { ...(ngDevMode ? { debugName: "current" } : {}), transform: numberAttribute });
-    totalElements = input(0, { ...(ngDevMode ? { debugName: "totalElements" } : {}), transform: numberAttribute });
-    pageSize = input(0, { ...(ngDevMode ? { debugName: "pageSize" } : {}), transform: numberAttribute });
-    maxShowPages = input(7, { ...(ngDevMode ? { debugName: "maxShowPages" } : {}), transform: numberAttribute });
-    showFirstLast = input(false, { ...(ngDevMode ? { debugName: "showFirstLast" } : {}), transform: booleanAttribute });
-    firstLabel = input('First', ...(ngDevMode ? [{ debugName: "firstLabel" }] : []));
-    lastLabel = input('Last', ...(ngDevMode ? [{ debugName: "lastLabel" }] : []));
-    showPerPage = input(false, { ...(ngDevMode ? { debugName: "showPerPage" } : {}), transform: booleanAttribute });
-    perPageLabel = input('Items per page:', ...(ngDevMode ? [{ debugName: "perPageLabel" }] : []));
-    pageSizeOptions = input([10, 20, 50, 100], ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : []));
+    current = input(0, { ...(ngDevMode ? { debugName: "current" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    totalElements = input(0, { ...(ngDevMode ? { debugName: "totalElements" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    pageSize = input(0, { ...(ngDevMode ? { debugName: "pageSize" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    maxShowPages = input(7, { ...(ngDevMode ? { debugName: "maxShowPages" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    showFirstLast = input(false, { ...(ngDevMode ? { debugName: "showFirstLast" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    firstLabel = input('First', ...(ngDevMode ? [{ debugName: "firstLabel" }] : /* istanbul ignore next */ []));
+    lastLabel = input('Last', ...(ngDevMode ? [{ debugName: "lastLabel" }] : /* istanbul ignore next */ []));
+    showPerPage = input(false, { ...(ngDevMode ? { debugName: "showPerPage" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    perPageLabel = input('Items per page:', ...(ngDevMode ? [{ debugName: "perPageLabel" }] : /* istanbul ignore next */ []));
+    pageSizeOptions = input([10, 20, 50, 100], ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : /* istanbul ignore next */ []));
     pageChange = output();
     pageSizeChange = output();
-    firstSlotRefs = contentChildren(DataGridPaginatorFirstDirective, ...(ngDevMode ? [{ debugName: "firstSlotRefs" }] : []));
-    lastSlotRefs = contentChildren(DataGridPaginatorLastDirective, ...(ngDevMode ? [{ debugName: "lastSlotRefs" }] : []));
-    pageSlotRefs = contentChildren(DataGridPaginatorPageDirective, ...(ngDevMode ? [{ debugName: "pageSlotRefs" }] : []));
-    firstTpl = computed(() => this.firstSlotRefs()?.at(0), ...(ngDevMode ? [{ debugName: "firstTpl" }] : []));
-    lastTpl = computed(() => this.lastSlotRefs()?.at(0), ...(ngDevMode ? [{ debugName: "lastTpl" }] : []));
-    pageTpl = computed(() => this.pageSlotRefs()?.at(0), ...(ngDevMode ? [{ debugName: "pageTpl" }] : []));
+    firstSlotRefs = contentChildren(DataGridPaginatorFirstDirective, ...(ngDevMode ? [{ debugName: "firstSlotRefs" }] : /* istanbul ignore next */ []));
+    lastSlotRefs = contentChildren(DataGridPaginatorLastDirective, ...(ngDevMode ? [{ debugName: "lastSlotRefs" }] : /* istanbul ignore next */ []));
+    pageSlotRefs = contentChildren(DataGridPaginatorPageDirective, ...(ngDevMode ? [{ debugName: "pageSlotRefs" }] : /* istanbul ignore next */ []));
+    firstTpl = computed(() => this.firstSlotRefs()?.at(0), ...(ngDevMode ? [{ debugName: "firstTpl" }] : /* istanbul ignore next */ []));
+    lastTpl = computed(() => this.lastSlotRefs()?.at(0), ...(ngDevMode ? [{ debugName: "lastTpl" }] : /* istanbul ignore next */ []));
+    pageTpl = computed(() => this.pageSlotRefs()?.at(0), ...(ngDevMode ? [{ debugName: "pageTpl" }] : /* istanbul ignore next */ []));
     normalizedPageSizeOptions = computed(() => {
         const uniq = new Set(this.pageSizeOptions()
             .map((value) => Number(value))
@@ -65,11 +65,11 @@ class DataGridPaginator {
             uniq.add(this.pageSize());
         }
         return [...uniq].sort((a, b) => a - b).map((value) => ({ label: `${value}`, value }));
-    }, ...(ngDevMode ? [{ debugName: "normalizedPageSizeOptions" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "normalizedPageSizeOptions" }] : /* istanbul ignore next */ []));
     totalPages = computed(() => {
         const size = this.pageSize();
         return size > 0 ? Math.ceil(this.totalElements() / size) : 0;
-    }, ...(ngDevMode ? [{ debugName: "totalPages" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "totalPages" }] : /* istanbul ignore next */ []));
     pages = computed(() => {
         const current = this.current();
         const total = this.totalPages();
@@ -99,7 +99,7 @@ class DataGridPaginator {
         }
         pages.push(total - 1);
         return pages;
-    }, ...(ngDevMode ? [{ debugName: "pages" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "pages" }] : /* istanbul ignore next */ []));
     goToPage(page) {
         if (!Number.isInteger(page)) {
             return;

package/fesm2022/{reforgium-data-grid-reforgium-data-grid-D4fn-nOx.mjs → reforgium-data-grid-reforgium-data-grid-3n5k89Qx.mjs}

@@ -29,7 +29,7 @@ class DataGridTypeCellTemplateDirective {
      *
      * @default ''
      */
-    type = input('', { ...(ngDevMode ? { debugName: "type" } : {}), alias: 'reDataGridTypeCell' });
+    type = input('', { ...(ngDevMode ? { debugName: "type" } : /* istanbul ignore next */ {}), alias: 'reDataGridTypeCell' });
     /**
      * Reference to the template defined in the directive.
      *
@@ -46,7 +46,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
         }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "reDataGridTypeCell", required: false }] }] } });
 
 class DataGridCellTemplateDirective {
-    key = input('', { ...(ngDevMode ? { debugName: "key" } : {}), alias: 'reDataGridCell' });
+    key = input('', { ...(ngDevMode ? { debugName: "key" } : /* istanbul ignore next */ {}), alias: 'reDataGridCell' });
     /**
      * The injected template reference containing the custom cell template.
      * The template context is of the type `DataGridCellTemplateDirective`.
@@ -80,7 +80,7 @@ class DataGridHeaderTemplateDirective {
      * Uses the `reDataGridHeader` directive attribute as an alias.
      * Defaults to an empty string if not provided.
      */
-    key = input('', { ...(ngDevMode ? { debugName: "key" } : {}), alias: 'reDataGridHeader' });
+    key = input('', { ...(ngDevMode ? { debugName: "key" } : /* istanbul ignore next */ {}), alias: 'reDataGridHeader' });
     /**
      * The injected template reference containing the custom header template.
      * The template context is of the type `HeaderTemplateData`.
@@ -144,28 +144,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
         }] });
 
 class DataGridDeclarativeColumn {
-    key = input.required(...(ngDevMode ? [{ debugName: "key" }] : []));
-    header = input(undefined, ...(ngDevMode ? [{ debugName: "header" }] : []));
-    align = input(undefined, ...(ngDevMode ? [{ debugName: "align" }] : []));
-    sortKey = input(undefined, ...(ngDevMode ? [{ debugName: "sortKey" }] : []));
-    sticky = input(...(ngDevMode ? [undefined, { debugName: "sticky" }] : []));
-    expandBy = input(undefined, ...(ngDevMode ? [{ debugName: "expandBy" }] : []));
-    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
-    visible = input(true, { ...(ngDevMode ? { debugName: "visible" } : {}), transform: booleanAttribute });
-    width = input(undefined, { ...(ngDevMode ? { debugName: "width" } : {}), transform: toOptionalNumber });
-    minWidth = input(undefined, { ...(ngDevMode ? { debugName: "minWidth" } : {}), transform: toOptionalNumber });
-    maxWidth = input(undefined, { ...(ngDevMode ? { debugName: "maxWidth" } : {}), transform: toOptionalNumber });
-    flex = input(undefined, { ...(ngDevMode ? { debugName: "flex" } : {}), transform: toOptionalNumber });
-    resizable = input(undefined, { ...(ngDevMode ? { debugName: "resizable" } : {}), transform: toOptionalBoolean });
-    type = input(undefined, ...(ngDevMode ? [{ debugName: "type" }] : []));
-    typeParams = input(undefined, ...(ngDevMode ? [{ debugName: "typeParams" }] : []));
-    defaultValue = input(undefined, ...(ngDevMode ? [{ debugName: "defaultValue" }] : []));
-    value = input(undefined, ...(ngDevMode ? [{ debugName: "value" }] : []));
-    transformer = input(undefined, ...(ngDevMode ? [{ debugName: "transformer" }] : []));
-    track = input(undefined, ...(ngDevMode ? [{ debugName: "track" }] : []));
-    tooltip = input(undefined, ...(ngDevMode ? [{ debugName: "tooltip" }] : []));
-    headerTplRef = contentChild(DataGridDeclarativeHeaderDirective, ...(ngDevMode ? [{ debugName: "headerTplRef" }] : []));
-    cellTplRef = contentChild(DataGridDeclarativeCellDirective, ...(ngDevMode ? [{ debugName: "cellTplRef" }] : []));
+    key = input.required(...(ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []));
+    header = input(undefined, ...(ngDevMode ? [{ debugName: "header" }] : /* istanbul ignore next */ []));
+    align = input(undefined, ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    sortKey = input(undefined, ...(ngDevMode ? [{ debugName: "sortKey" }] : /* istanbul ignore next */ []));
+    sticky = input(...(ngDevMode ? [undefined, { debugName: "sticky" }] : /* istanbul ignore next */ []));
+    expandBy = input(undefined, ...(ngDevMode ? [{ debugName: "expandBy" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    visible = input(true, { ...(ngDevMode ? { debugName: "visible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    width = input(undefined, { ...(ngDevMode ? { debugName: "width" } : /* istanbul ignore next */ {}), transform: toOptionalNumber });
+    minWidth = input(undefined, { ...(ngDevMode ? { debugName: "minWidth" } : /* istanbul ignore next */ {}), transform: toOptionalNumber });
+    maxWidth = input(undefined, { ...(ngDevMode ? { debugName: "maxWidth" } : /* istanbul ignore next */ {}), transform: toOptionalNumber });
+    flex = input(undefined, { ...(ngDevMode ? { debugName: "flex" } : /* istanbul ignore next */ {}), transform: toOptionalNumber });
+    resizable = input(undefined, { ...(ngDevMode ? { debugName: "resizable" } : /* istanbul ignore next */ {}), transform: toOptionalBoolean });
+    type = input(undefined, ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    typeParams = input(undefined, ...(ngDevMode ? [{ debugName: "typeParams" }] : /* istanbul ignore next */ []));
+    defaultValue = input(undefined, ...(ngDevMode ? [{ debugName: "defaultValue" }] : /* istanbul ignore next */ []));
+    value = input(undefined, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    transformer = input(undefined, ...(ngDevMode ? [{ debugName: "transformer" }] : /* istanbul ignore next */ []));
+    track = input(undefined, ...(ngDevMode ? [{ debugName: "track" }] : /* istanbul ignore next */ []));
+    tooltip = input(undefined, ...(ngDevMode ? [{ debugName: "tooltip" }] : /* istanbul ignore next */ []));
+    headerTplRef = contentChild(DataGridDeclarativeHeaderDirective, ...(ngDevMode ? [{ debugName: "headerTplRef" }] : /* istanbul ignore next */ []));
+    cellTplRef = contentChild(DataGridDeclarativeCellDirective, ...(ngDevMode ? [{ debugName: "cellTplRef" }] : /* istanbul ignore next */ []));
     toDeclarativeColumn() {
         return {
             key: this.key(),
@@ -1035,47 +1035,47 @@ class DataGridVm {
      *
      * Used for scrollbar calculations and scroll position management.
      */
-    scrollEl = signal(undefined, ...(ngDevMode ? [{ debugName: "scrollEl" }] : []));
+    scrollEl = signal(undefined, ...(ngDevMode ? [{ debugName: "scrollEl" }] : /* istanbul ignore next */ []));
     /**
      * Array of column configurations for the grid.
      *
      * Defines all columns including their keys, titles, sticky positioning, and widths.
      * Value is reactive and triggers column layout recalculation when changed.
      */
-    columns = signal([], ...(ngDevMode ? [{ debugName: "columns" }] : []));
+    columns = signal([], ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
     /**
      * Array of pinned row configurations.
      *
      * Defines rows that remain fixed at the top or bottom of the grid during scrolling.
      * Each row includes data, position ('top' or 'bottom'), and optional ordering.
      */
-    pinnedRows = signal([], ...(ngDevMode ? [{ debugName: "pinnedRows" }] : []));
-    headerGroups = signal([], ...(ngDevMode ? [{ debugName: "headerGroups" }] : []));
+    pinnedRows = signal([], ...(ngDevMode ? [{ debugName: "pinnedRows" }] : /* istanbul ignore next */ []));
+    headerGroups = signal([], ...(ngDevMode ? [{ debugName: "headerGroups" }] : /* istanbul ignore next */ []));
     /**
      * Current width of the grid container in pixels.
      *
      * Used for column width calculations and layout adjustments.
      * Value is reactive and triggers column layout recalculation when changed.
      */
-    containerWidth = signal(0, ...(ngDevMode ? [{ debugName: "containerWidth" }] : []));
+    containerWidth = signal(0, ...(ngDevMode ? [{ debugName: "containerWidth" }] : /* istanbul ignore next */ []));
     /**
      * Flag indicating whether the custom scrollbar should be visible.
      *
      * Automatically computed based on content height vs. container height.
      */
-    scrollbarVisible = signal(false, ...(ngDevMode ? [{ debugName: "scrollbarVisible" }] : []));
+    scrollbarVisible = signal(false, ...(ngDevMode ? [{ debugName: "scrollbarVisible" }] : /* istanbul ignore next */ []));
     /**
      * Height of the scrollbar thumb in pixels.
      *
      * Proportional to the ratio of visible content to total content height.
      */
-    thumbHeightPx = signal(0, ...(ngDevMode ? [{ debugName: "thumbHeightPx" }] : []));
+    thumbHeightPx = signal(0, ...(ngDevMode ? [{ debugName: "thumbHeightPx" }] : /* istanbul ignore next */ []));
     /**
      * Top position of the scrollbar thumb in pixels.
      *
      * Corresponds to the current scroll position within the scrollable area.
      */
-    thumbTopPx = signal(0, ...(ngDevMode ? [{ debugName: "thumbTopPx" }] : []));
+    thumbTopPx = signal(0, ...(ngDevMode ? [{ debugName: "thumbTopPx" }] : /* istanbul ignore next */ []));
     /**
      * Flag indicating whether the user is currently dragging the scrollbar thumb.
      *
@@ -1091,15 +1091,15 @@ class DataGridVm {
     globalTypeCellTpls = new Map();
     globalDataCellTpls = new Map();
     globalRowCellTpls = new Map();
-    #byKey = signal({}, ...(ngDevMode ? [{ debugName: "#byKey" }] : []));
+    #byKey = signal({}, ...(ngDevMode ? [{ debugName: "#byKey" }] : /* istanbul ignore next */ []));
     #defaultColWidth = 140;
     #stickyLeftMap = new Map();
     #stickyRightMap = new Map();
-    #stickySplit = computed(() => splitSticky(this.columns() ?? []), ...(ngDevMode ? [{ debugName: "#stickySplit" }] : []));
+    #stickySplit = computed(() => splitSticky(this.columns() ?? []), ...(ngDevMode ? [{ debugName: "#stickySplit" }] : /* istanbul ignore next */ []));
     #layoutSignature = '';
     #stickySignature = '';
-    pinnedTop = signal([], ...(ngDevMode ? [{ debugName: "pinnedTop" }] : []));
-    pinnedBottom = signal([], ...(ngDevMode ? [{ debugName: "pinnedBottom" }] : []));
+    pinnedTop = signal([], ...(ngDevMode ? [{ debugName: "pinnedTop" }] : /* istanbul ignore next */ []));
+    pinnedBottom = signal([], ...(ngDevMode ? [{ debugName: "pinnedBottom" }] : /* istanbul ignore next */ []));
     /**
      * Computed an array of non-sticky columns to display in the scrollable area.
      *
@@ -1110,14 +1110,14 @@ class DataGridVm {
     columnsToShow = computed(() => {
         this.containerWidth();
         return this.#stickySplit().visible;
-    }, ...(ngDevMode ? [{ debugName: "columnsToShow" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "columnsToShow" }] : /* istanbul ignore next */ []));
     contentWidth = computed(() => {
         const columns = this.columnsToShow();
         if (!columns.length) {
             return 0;
         }
         return columns.reduce((sum, col) => sum + this.widthByKey(col.key), 0);
-    }, ...(ngDevMode ? [{ debugName: "contentWidth" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "contentWidth" }] : /* istanbul ignore next */ []));
     /**
      * Computed array of normalized header groups with calculated widths.
      *
@@ -1139,7 +1139,7 @@ class DataGridVm {
             width: this.widthByKey(col.key),
         }));
         return computeHeaderGroups(headers, normalizedColumns);
-    }, ...(ngDevMode ? [{ debugName: "normalizedHeaderGroups" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "normalizedHeaderGroups" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             const rows = this.pinnedRows() ?? [];
@@ -1304,22 +1304,22 @@ class DataGridCellComponent {
      * Used for rendering row numbers (displayed as 1-based in 'index' type columns)
      * and passed to custom templates as context.
      */
-    index = input.required(...(ngDevMode ? [{ debugName: "index" }] : []));
+    index = input.required(...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
     /**
      * Data object for the current row.
      *
      * Contains the complete row data that can be accessed by column value functions
      * or custom render templates. Type-safe, according to the Data generic parameter.
      */
-    item = input.required(...(ngDevMode ? [{ debugName: "item" }] : []));
-    isPinned = input(false, ...(ngDevMode ? [{ debugName: "isPinned" }] : []));
+    item = input.required(...(ngDevMode ? [{ debugName: "item" }] : /* istanbul ignore next */ []));
+    isPinned = input(false, ...(ngDevMode ? [{ debugName: "isPinned" }] : /* istanbul ignore next */ []));
     /**
      * Column configuration object.
      *
      * Defines how the cell should be rendered, including key mapping, type,
      * custom templates, or value transformation functions.
      */
-    column = input.required(...(ngDevMode ? [{ debugName: "column" }] : []));
+    column = input.required(...(ngDevMode ? [{ debugName: "column" }] : /* istanbul ignore next */ []));
     /**
      * Injected DataGridVm service instance.
      *
@@ -1355,7 +1355,7 @@ class DataGridCellComponent {
             return 'globalRowTpl';
         }
         return 'type' in col ? col['type'] : 'plain';
-    }, ...(ngDevMode ? [{ debugName: "type" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
     /**
      * Computed cell value extracted from row data.
      *
@@ -1399,7 +1399,7 @@ class DataGridCellComponent {
             return typeTransformer(row, ctx);
         }
         return displayValue;
-    }, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     resolveTypeTemplate(type) {
         if (!type) {
             return undefined;
@@ -2153,7 +2153,7 @@ function createGridSourceDataFeature(ctx) {
     const PARALLEL_PREFETCH_REQUESTS = 3;
     const MAX_BUFFERED_PAGES = 100;
     const sourcePages = new Map();
-    const bufferVersion = signal(0, ...(ngDevMode ? [{ debugName: "bufferVersion" }] : []));
+    const bufferVersion = signal(0, ...(ngDevMode ? [{ debugName: "bufferVersion" }] : /* istanbul ignore next */ []));
     const pendingPages = new Set();
     const queuedPages = [];
     let lastSourceRef = null;
@@ -2161,6 +2161,8 @@ function createGridSourceDataFeature(ctx) {
     let activeRequests = 0;
     let requestGeneration = 0;
     let hasReceivedData = false;
+    let pageBase = 0;
+    const hasSessionState = () => sourcePages.size > 0 || pendingPages.size > 0 || queuedPages.length > 0 || activeRequests > 0 || hasReceivedData;
     const resolvedLoading = () => ctx.getSource()?.loading() ?? ctx.getFallbackLoading();
     const totalRowCount = () => {
         const source = ctx.getSource();
@@ -2171,7 +2173,9 @@ function createGridSourceDataFeature(ctx) {
             bufferVersion();
             const knownTotal = resolvedTotalElements(source);
             if (knownTotal !== null) {
-                return knownTotal;
+                const pageSize = Math.max(1, source.pageSize || ctx.getFallbackPageSize());
+                const shiftedTotal = Math.max(0, knownTotal - pageBase * pageSize);
+                return shiftedTotal > 0 ? shiftedTotal : (source.items()?.length ?? 0);
             }
             const loadedRows = contiguousLoadedRowCount(source);
             if (loadedRows <= 0) {
@@ -2215,12 +2219,13 @@ function createGridSourceDataFeature(ctx) {
         }
         bufferVersion();
         const pageSize = Math.max(1, source.pageSize || ctx.getFallbackPageSize());
-        const page = Math.floor(index / pageSize);
+        const localPage = Math.floor(index / pageSize);
+        const page = localToAbsolutePage(localPage);
         const pageItems = sourcePages.get(page);
         if (!pageItems) {
             return null;
         }
-        return pageItems[index - page * pageSize] ?? null;
+        return pageItems[index - localPage * pageSize] ?? null;
     };
     const activePageSize = () => ctx.getSource()?.pageSize || ctx.getFallbackPageSize();
     const requestRowCount = () => {
@@ -2234,11 +2239,12 @@ function createGridSourceDataFeature(ctx) {
     const requestPage = (event) => {
         const source = ctx.getSource();
         if (source) {
+            const targetPage = ctx.getMode() === 'infinity' ? Math.max(0, localToAbsolutePage(event.page)) : event.page;
             if (source.updatePageSize && event.rows > 0 && event.rows !== source.pageSize) {
                 void source.updatePageSize(event.rows);
                 return;
             }
-            void source.updatePage(event.page);
+            void source.updatePage(targetPage);
             return;
         }
         ctx.emitPageChange(event);
@@ -2284,11 +2290,11 @@ function createGridSourceDataFeature(ctx) {
         const sideBufferPages = Math.max(1, visiblePageCount * Math.floor(PAGE_WINDOW_MULTIPLIER / 2));
         const nextQueue = [];
         for (let page = visiblePageStart; page <= visiblePageEnd; page++) {
-            pushPage(nextQueue, page, maxPage);
+            pushPage(nextQueue, localToAbsolutePage(page), localToAbsolutePage(maxPage));
         }
         for (let offset = 1; offset <= sideBufferPages; offset++) {
-            pushPage(nextQueue, visiblePageStart - offset, maxPage);
-            pushPage(nextQueue, visiblePageEnd + offset, maxPage);
+            pushPage(nextQueue, localToAbsolutePage(visiblePageStart - offset), localToAbsolutePage(maxPage));
+            pushPage(nextQueue, localToAbsolutePage(visiblePageEnd + offset), localToAbsolutePage(maxPage));
         }
         evictExcessPages(new Set(nextQueue));
         queuedPages.length = 0;
@@ -2312,24 +2318,27 @@ function createGridSourceDataFeature(ctx) {
         if (lastSourceRef !== source) {
             lastSourceRef = source;
             lastSourceVersion = version ?? null;
-            clearBuffer();
+            resetSession();
             didReset = true;
         }
         else if (version !== undefined && version !== lastSourceVersion) {
             lastSourceVersion = version;
-            clearBuffer();
+            resetSession();
             didReset = true;
         }
         if (mode !== 'infinity') {
-            clearBuffer();
+            if (hasSessionState()) {
+                resetSession();
+            }
             return;
         }
         if (didReset && source.loading()) {
             return;
         }
+        pageBase = sourcePages.size === 0 ? Math.max(0, source.page || 0) : pageBase;
         const pageItems = source.items() ?? [];
         sourcePages.set(Math.max(0, source.page || 0), pageItems);
-        if (!hasReceivedData && !didReset && pageItems.length > 0) {
+        if (!hasReceivedData && pageItems.length > 0) {
             hasReceivedData = true;
         }
         bufferVersion.update((current) => current + 1);
@@ -2337,23 +2346,19 @@ function createGridSourceDataFeature(ctx) {
     const clearState = () => {
         lastSourceRef = null;
         lastSourceVersion = null;
-        clearQueue();
-        clearBuffer();
-    };
-    const clearBuffer = () => {
-        hasReceivedData = false;
-        requestGeneration++;
-        if (!sourcePages.size) {
+        if (!hasSessionState()) {
             return;
         }
-        sourcePages.clear();
-        bufferVersion.update((current) => current + 1);
+        resetSession();
     };
-    const clearQueue = () => {
+    const resetSession = () => {
         requestGeneration++;
+        hasReceivedData = false;
+        pageBase = 0;
         queuedPages.length = 0;
         pendingPages.clear();
         activeRequests = 0;
+        sourcePages.clear();
         bufferVersion.update((current) => current + 1);
     };
     const pushPage = (pages, page, maxPage) => {
@@ -2411,7 +2416,7 @@ function createGridSourceDataFeature(ctx) {
     const contiguousLoadedRowCount = (source) => {
         const pageSize = Math.max(1, source.pageSize || ctx.getFallbackPageSize());
         let loaded = 0;
-        let page = 0;
+        let page = pageBase;
         while (sourcePages.has(page)) {
             const items = sourcePages.get(page) ?? [];
             loaded += items.length;
@@ -2424,7 +2429,7 @@ function createGridSourceDataFeature(ctx) {
     };
     const hasReachedInfinityEnd = (source) => {
         const pageSize = Math.max(1, source.pageSize || ctx.getFallbackPageSize());
-        let page = 0;
+        let page = pageBase;
         while (sourcePages.has(page)) {
             const items = sourcePages.get(page) ?? [];
             if (items.length < pageSize) {
@@ -2461,6 +2466,7 @@ function createGridSourceDataFeature(ctx) {
         }
         return rows;
     };
+    const localToAbsolutePage = (page) => pageBase + page;
     return {
         activePageSize,
         ensureBufferedRange,
@@ -2747,14 +2753,14 @@ class Selector {
      * This signal holds all data items that can be selected.
      * Defaults to an empty array.
      */
-    data = signal([], ...(ngDevMode ? [{ debugName: "data" }] : []));
+    data = signal([], ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
     /**
      * Signal containing the current selection configuration.
      *
      * Defines the selection mode and the key property used for identifying rows.
      * Defaults to `{ mode: 'none' }` which disables selection.
      */
-    selection = signal({ mode: 'none' }, ...(ngDevMode ? [{ debugName: "selection" }] : []));
+    selection = signal({ mode: 'none' }, ...(ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []));
     /**
      * Signal containing the array of currently selected row keys.
      *
@@ -2762,8 +2768,8 @@ class Selector {
      * defined in the selection configuration.
      * Defaults to an empty array.
      */
-    selectedKeys = signal([], ...(ngDevMode ? [{ debugName: "selectedKeys" }] : []));
-    selectedKeySet = computed(() => new Set(this.selectedKeys()), ...(ngDevMode ? [{ debugName: "selectedKeySet" }] : []));
+    selectedKeys = signal([], ...(ngDevMode ? [{ debugName: "selectedKeys" }] : /* istanbul ignore next */ []));
+    selectedKeySet = computed(() => new Set(this.selectedKeys()), ...(ngDevMode ? [{ debugName: "selectedKeySet" }] : /* istanbul ignore next */ []));
     /**
      * Computed signal indicating the overall selection state of all rows.
      *
@@ -2793,7 +2799,7 @@ class Selector {
             selected.has(key) && matched++;
         }
         return matched === loadedKeys.length ? true : matched === 0 ? false : 'mixed';
-    }, ...(ngDevMode ? [{ debugName: "isAllSelected" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "isAllSelected" }] : /* istanbul ignore next */ []));
     /**
      * Checks whether a specific row is currently selected.
      *
@@ -2896,8 +2902,8 @@ class Selector {
 
 // noinspection CssUnresolvedCustomProperty
 class CheckboxIcon {
-    state = input(false, ...(ngDevMode ? [{ debugName: "state" }] : []));
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    state = input(false, ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: CheckboxIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: CheckboxIcon, isStandalone: true, selector: "re-checkbox-ic", inputs: { state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <span
@@ -2934,7 +2940,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
 
 /* eslint-disable max-len */
 class ExpandIcon {
-    expanded = input(false, { ...(ngDevMode ? { debugName: "expanded" } : {}), transform: booleanAttribute });
+    expanded = input(false, { ...(ngDevMode ? { debugName: "expanded" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ExpandIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: ExpandIcon, isStandalone: true, selector: "re-expand-ic", inputs: { expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     @if (expanded()) {
@@ -2976,7 +2982,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
         }], propDecorators: { expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }] } });
 
 class SortIcon {
-    direction = input('asc', ...(ngDevMode ? [{ debugName: "direction" }] : []));
+    direction = input('asc', ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SortIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: SortIcon, isStandalone: true, selector: "re-sort-ic", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     @if (direction()) {
@@ -3045,7 +3051,7 @@ class DataGrid {
      * Each item represents a single row. The component will efficiently render
      * only visible rows using virtual scrolling.
      */
-    data = input([], ...(ngDevMode ? [{ debugName: "data" }] : []));
+    data = input([], ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
     /**
      * Optional page-oriented source for direct grid/store integration.
      *
@@ -3053,14 +3059,14 @@ class DataGrid {
      * and in infinity mode keeps its own internal page buffer instead of requiring
      * an ever-growing accumulated `data` array from the parent.
      */
-    source = input(null, ...(ngDevMode ? [{ debugName: "source" }] : []));
+    source = input(null, ...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
     /**
      * Column configuration for the table.
      *
      * Defines how each column should be rendered, sorted, and styled.
      * Supports custom templates, sorting keys, and expandable columns.
      */
-    columns = input([], ...(ngDevMode ? [{ debugName: "columns" }] : []));
+    columns = input([], ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
     /**
      * Pagination mode: 'none', 'pagination', or 'infinity'.
      *
@@ -3068,35 +3074,35 @@ class DataGrid {
      * - `pagination` - Classic page-based pagination with fixed page size
      * - `infinity` - Infinite scroll mode, loads more data as user scrolls
      */
-    mode = input(this.defaults.mode, ...(ngDevMode ? [{ debugName: "mode" }] : []));
+    mode = input(this.defaults.mode, ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
     /**
      * Array of pinned rows that remain visible at the top or bottom.
      *
      * Pinned rows stay fixed while the rest of the content scrolls.
      * Useful for totals, summaries, or always-visible items.
      */
-    pinnedRows = input([], ...(ngDevMode ? [{ debugName: "pinnedRows" }] : []));
+    pinnedRows = input([], ...(ngDevMode ? [{ debugName: "pinnedRows" }] : /* istanbul ignore next */ []));
     /**
      * Function to determine if a row should become sticky at the top.
      *
      * When provided, rows matching this predicate will stick to the top
      * of the scroll area as the user scrolls.
      */
-    isRowSticky = input(undefined, ...(ngDevMode ? [{ debugName: "isRowSticky" }] : []));
-    isRowDisabled = input(undefined, ...(ngDevMode ? [{ debugName: "isRowDisabled" }] : []));
+    isRowSticky = input(undefined, ...(ngDevMode ? [{ debugName: "isRowSticky" }] : /* istanbul ignore next */ []));
+    isRowDisabled = input(undefined, ...(ngDevMode ? [{ debugName: "isRowDisabled" }] : /* istanbul ignore next */ []));
     /**
      * Function to choose a custom template for a row.
      *
      * If it returns a template, the row will be rendered with it;
      *  otherwise, the default row rendering is used.
      */
-    getRowTemplate = input(undefined, ...(ngDevMode ? [{ debugName: "getRowTemplate" }] : []));
+    getRowTemplate = input(undefined, ...(ngDevMode ? [{ debugName: "getRowTemplate" }] : /* istanbul ignore next */ []));
     /**
      * Whether to add an index column showing row numbers.
      *
      * When enabled, it automatically adds a column displaying sequential row numbers.
      */
-    hasIndexColumn = input(this.defaults.hasIndexColumn, { ...(ngDevMode ? { debugName: "hasIndexColumn" } : {}), transform: booleanAttribute });
+    hasIndexColumn = input(this.defaults.hasIndexColumn, { ...(ngDevMode ? { debugName: "hasIndexColumn" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * Row selection configuration.
      *
@@ -3107,21 +3113,21 @@ class DataGrid {
      *
      * When selection is enabled, a `key` must be provided to identify rows.
      */
-    selection = input(this.defaults.selection, ...(ngDevMode ? [{ debugName: "selection" }] : []));
+    selection = input(this.defaults.selection, ...(ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []));
     /**
      * Number of items per page.
      *
      * Used in pagination and infinity scroll modes to control
      * how many rows are loaded at once. Default is 20.
      */
-    pageSize = input(this.defaults.pageSize, { ...(ngDevMode ? { debugName: "pageSize" } : {}), transform: numberAttribute });
+    pageSize = input(this.defaults.pageSize, { ...(ngDevMode ? { debugName: "pageSize" } : /* istanbul ignore next */ {}), transform: numberAttribute });
     /**
      * Height of each row in pixels.
      *
      * Used for virtual scrolling calculations. Must be consistent
      * across all rows for accurate scrolling. Default is 40.
      */
-    rowHeight = input(this.defaults.rowHeight, { ...(ngDevMode ? { debugName: "rowHeight" } : {}), transform: numberAttribute });
+    rowHeight = input(this.defaults.rowHeight, { ...(ngDevMode ? { debugName: "rowHeight" } : /* istanbul ignore next */ {}), transform: numberAttribute });
     /**
      * Grid height configuration.
      *
@@ -3129,21 +3135,21 @@ class DataGrid {
      * - `'full'` - Fill container height (100%), can be managed by host component style
      * - `'default'` - Height by CSS var (--re-data-grid-height)
      */
-    height = input(this.defaults.height, ...(ngDevMode ? [{ debugName: "height" }] : []));
+    height = input(this.defaults.height, ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
     /**
      * Size of the virtual scroll buffer.
      *
      * Number of extra rows to render above and below the viewport
      * to reduce flickering during fast scrolling. Default is 8.
      */
-    virtualBuffer = input(this.defaults.virtualBuffer, ...(ngDevMode ? [{ debugName: "virtualBuffer" }] : []));
+    virtualBuffer = input(this.defaults.virtualBuffer, ...(ngDevMode ? [{ debugName: "virtualBuffer" }] : /* istanbul ignore next */ []));
     /**
      * 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 = input(false, { ...(ngDevMode ? { debugName: "lockVerticalScroll" } : {}), transform: booleanAttribute });
+    lockVerticalScroll = input(false, { ...(ngDevMode ? { debugName: "lockVerticalScroll" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * Header group configuration for creating multi-level column headers.
      *
@@ -3163,36 +3169,36 @@ class DataGrid {
      * ];
      * ```
      */
-    headerGroups = input([], ...(ngDevMode ? [{ debugName: "headerGroups" }] : []));
+    headerGroups = input([], ...(ngDevMode ? [{ debugName: "headerGroups" }] : /* istanbul ignore next */ []));
     /**
      * Loading state indicator.
      *
      * When true, displays loading template instead of data.
      * Useful during async data fetching operations.
      */
-    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : {}), transform: booleanAttribute });
-    loadingMode = input(this.defaults.loadingMode, ...(ngDevMode ? [{ debugName: "loadingMode" }] : []));
-    deferContent = input(this.defaults.deferContent, { ...(ngDevMode ? { debugName: "deferContent" } : {}), transform: booleanAttribute });
-    deferHeader = input(this.defaults.deferHeader, { ...(ngDevMode ? { debugName: "deferHeader" } : {}), transform: booleanAttribute });
-    deferPinned = input(this.defaults.deferPinned, { ...(ngDevMode ? { debugName: "deferPinned" } : {}), transform: booleanAttribute });
-    deferCells = input(this.defaults.deferCells, { ...(ngDevMode ? { debugName: "deferCells" } : {}), transform: booleanAttribute });
-    deferIcons = input(this.defaults.deferIcons, { ...(ngDevMode ? { debugName: "deferIcons" } : {}), transform: booleanAttribute });
-    deferTooltip = input(this.defaults.deferTooltip, { ...(ngDevMode ? { debugName: "deferTooltip" } : {}), transform: booleanAttribute });
+    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    loadingMode = input(this.defaults.loadingMode, ...(ngDevMode ? [{ debugName: "loadingMode" }] : /* istanbul ignore next */ []));
+    deferContent = input(this.defaults.deferContent, { ...(ngDevMode ? { debugName: "deferContent" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    deferHeader = input(this.defaults.deferHeader, { ...(ngDevMode ? { debugName: "deferHeader" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    deferPinned = input(this.defaults.deferPinned, { ...(ngDevMode ? { debugName: "deferPinned" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    deferCells = input(this.defaults.deferCells, { ...(ngDevMode ? { debugName: "deferCells" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    deferIcons = input(this.defaults.deferIcons, { ...(ngDevMode ? { debugName: "deferIcons" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    deferTooltip = input(this.defaults.deferTooltip, { ...(ngDevMode ? { debugName: "deferTooltip" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * Function or property name for getting a unique row key.
      *
      * Used for efficient change detection and row tracking.
      * Can be a property name (string) or a function that returns a unique identifier.
      */
-    rowKey = input(undefined, ...(ngDevMode ? [{ debugName: "rowKey" }] : []));
+    rowKey = input(undefined, ...(ngDevMode ? [{ debugName: "rowKey" }] : /* istanbul ignore next */ []));
     /**
      * Whether to start a page count from 0 (true) or 1 (false).
      *
      * Controls the numbering scheme for pagination events.
      * Default is true (0-based indexing).
      */
-    pageStartFromZero = input(this.defaults.pageStartFromZero, { ...(ngDevMode ? { debugName: "pageStartFromZero" } : {}), transform: booleanAttribute });
-    sortMode = input(this.defaults.sortMode, ...(ngDevMode ? [{ debugName: "sortMode" }] : []));
+    pageStartFromZero = input(this.defaults.pageStartFromZero, { ...(ngDevMode ? { debugName: "pageStartFromZero" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    sortMode = input(this.defaults.sortMode, ...(ngDevMode ? [{ debugName: "sortMode" }] : /* istanbul ignore next */ []));
     /**
      * Event emitted when requesting data for a new page.
      *
@@ -3442,62 +3448,62 @@ class DataGrid {
     overlayScrollFeaturePromise;
     stickyFeatureRef;
     stickyFeaturePromise;
-    rootEl = viewChild('root', ...(ngDevMode ? [{ debugName: "rootEl" }] : []));
-    scrollEl = viewChild('scroll', ...(ngDevMode ? [{ debugName: "scrollEl" }] : []));
-    headerEl = viewChild('header', ...(ngDevMode ? [{ debugName: "headerEl" }] : []));
+    rootEl = viewChild('root', ...(ngDevMode ? [{ debugName: "rootEl" }] : /* istanbul ignore next */ []));
+    scrollEl = viewChild('scroll', ...(ngDevMode ? [{ debugName: "scrollEl" }] : /* istanbul ignore next */ []));
+    headerEl = viewChild('header', ...(ngDevMode ? [{ debugName: "headerEl" }] : /* istanbul ignore next */ []));
     ngZone = inject(NgZone);
-    cellTypedSlotRefs = contentChildren(DataGridTypeCellTemplateDirective, ...(ngDevMode ? [{ debugName: "cellTypedSlotRefs" }] : []));
-    cellDataSlotRefs = contentChildren(DataGridCellTemplateDirective, ...(ngDevMode ? [{ debugName: "cellDataSlotRefs" }] : []));
-    declarativeColumnRefs = contentChildren(DataGridDeclarativeColumn, ...(ngDevMode ? [{ debugName: "declarativeColumnRefs" }] : []));
-    headerSlotRefs = contentChildren(DataGridHeaderTemplateDirective, ...(ngDevMode ? [{ debugName: "headerSlotRefs" }] : []));
-    emptySlotRefs = contentChildren(DataGridCellEmptyDirective, ...(ngDevMode ? [{ debugName: "emptySlotRefs" }] : []));
-    loadingSlotRefs = contentChildren(DataGridCellLoadingDirective, ...(ngDevMode ? [{ debugName: "loadingSlotRefs" }] : []));
-    sortIcSlotRefs = contentChildren(DataGridSortIconDirective, ...(ngDevMode ? [{ debugName: "sortIcSlotRefs" }] : []));
-    expanderIcSlotRefs = contentChildren(DataGridExpanderIconDirective, ...(ngDevMode ? [{ debugName: "expanderIcSlotRefs" }] : []));
-    stickyRowSlotRefs = contentChildren(DataGridStickyRowDirective, ...(ngDevMode ? [{ debugName: "stickyRowSlotRefs" }] : []));
-    rowSlotRefs = contentChildren(DataGridRowDirective, ...(ngDevMode ? [{ debugName: "rowSlotRefs" }] : []));
-    emptyTpl = computed(() => this.emptySlotRefs()?.[0], ...(ngDevMode ? [{ debugName: "emptyTpl" }] : []));
-    loadingTpl = computed(() => this.loadingSlotRefs()?.[0], ...(ngDevMode ? [{ debugName: "loadingTpl" }] : []));
-    sortTpl = computed(() => this.sortIcSlotRefs()?.at(0), ...(ngDevMode ? [{ debugName: "sortTpl" }] : []));
-    expanderTpl = computed(() => this.expanderIcSlotRefs()?.at(0), ...(ngDevMode ? [{ debugName: "expanderTpl" }] : []));
-    stickyRowTpl = computed(() => this.stickyRowSlotRefs()?.at(0), ...(ngDevMode ? [{ debugName: "stickyRowTpl" }] : []));
-    rowTpl = computed(() => this.rowSlotRefs()?.at(0), ...(ngDevMode ? [{ debugName: "rowTpl" }] : []));
-    renderSlots = signal([], ...(ngDevMode ? [{ debugName: "renderSlots" }] : []));
+    cellTypedSlotRefs = contentChildren(DataGridTypeCellTemplateDirective, ...(ngDevMode ? [{ debugName: "cellTypedSlotRefs" }] : /* istanbul ignore next */ []));
+    cellDataSlotRefs = contentChildren(DataGridCellTemplateDirective, ...(ngDevMode ? [{ debugName: "cellDataSlotRefs" }] : /* istanbul ignore next */ []));
+    declarativeColumnRefs = contentChildren(DataGridDeclarativeColumn, ...(ngDevMode ? [{ debugName: "declarativeColumnRefs" }] : /* istanbul ignore next */ []));
+    headerSlotRefs = contentChildren(DataGridHeaderTemplateDirective, ...(ngDevMode ? [{ debugName: "headerSlotRefs" }] : /* istanbul ignore next */ []));
+    emptySlotRefs = contentChildren(DataGridCellEmptyDirective, ...(ngDevMode ? [{ debugName: "emptySlotRefs" }] : /* istanbul ignore next */ []));
+    loadingSlotRefs = contentChildren(DataGridCellLoadingDirective, ...(ngDevMode ? [{ debugName: "loadingSlotRefs" }] : /* istanbul ignore next */ []));
+    sortIcSlotRefs = contentChildren(DataGridSortIconDirective, ...(ngDevMode ? [{ debugName: "sortIcSlotRefs" }] : /* istanbul ignore next */ []));
+    expanderIcSlotRefs = contentChildren(DataGridExpanderIconDirective, ...(ngDevMode ? [{ debugName: "expanderIcSlotRefs" }] : /* istanbul ignore next */ []));
+    stickyRowSlotRefs = contentChildren(DataGridStickyRowDirective, ...(ngDevMode ? [{ debugName: "stickyRowSlotRefs" }] : /* istanbul ignore next */ []));
+    rowSlotRefs = contentChildren(DataGridRowDirective, ...(ngDevMode ? [{ debugName: "rowSlotRefs" }] : /* istanbul ignore next */ []));
+    emptyTpl = computed(() => this.emptySlotRefs()?.[0], ...(ngDevMode ? [{ debugName: "emptyTpl" }] : /* istanbul ignore next */ []));
+    loadingTpl = computed(() => this.loadingSlotRefs()?.[0], ...(ngDevMode ? [{ debugName: "loadingTpl" }] : /* istanbul ignore next */ []));
+    sortTpl = computed(() => this.sortIcSlotRefs()?.at(0), ...(ngDevMode ? [{ debugName: "sortTpl" }] : /* istanbul ignore next */ []));
+    expanderTpl = computed(() => this.expanderIcSlotRefs()?.at(0), ...(ngDevMode ? [{ debugName: "expanderTpl" }] : /* istanbul ignore next */ []));
+    stickyRowTpl = computed(() => this.stickyRowSlotRefs()?.at(0), ...(ngDevMode ? [{ debugName: "stickyRowTpl" }] : /* istanbul ignore next */ []));
+    rowTpl = computed(() => this.rowSlotRefs()?.at(0), ...(ngDevMode ? [{ debugName: "rowTpl" }] : /* istanbul ignore next */ []));
+    renderSlots = signal([], ...(ngDevMode ? [{ debugName: "renderSlots" }] : /* istanbul ignore next */ []));
     renderCount = 0;
     lastStartIndex = -1;
     lastEndIndex = -1;
     startIndex = 0;
-    headerHeight = signal(this.defaults.headerHeight, ...(ngDevMode ? [{ debugName: "headerHeight" }] : []));
-    tooltipEl = viewChild('tooltip', ...(ngDevMode ? [{ debugName: "tooltipEl" }] : []));
+    headerHeight = signal(this.defaults.headerHeight, ...(ngDevMode ? [{ debugName: "headerHeight" }] : /* istanbul ignore next */ []));
+    tooltipEl = viewChild('tooltip', ...(ngDevMode ? [{ debugName: "tooltipEl" }] : /* istanbul ignore next */ []));
     tooltipState = signal({
         text: '',
         x: 0,
         y: 0,
         visible: false,
-    }, ...(ngDevMode ? [{ debugName: "tooltipState" }] : []));
-    activeTooltipCellId = signal(null, ...(ngDevMode ? [{ debugName: "activeTooltipCellId" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "tooltipState" }] : /* istanbul ignore next */ []));
+    activeTooltipCellId = signal(null, ...(ngDevMode ? [{ debugName: "activeTooltipCellId" }] : /* istanbul ignore next */ []));
     tooltipId = `re-dg-tooltip-${DataGrid.nextAriaId++}`;
     expanderRegionId = `re-dg-expander-${DataGrid.nextAriaId++}`;
-    stickyRowIndex = signal(null, ...(ngDevMode ? [{ debugName: "stickyRowIndex" }] : []));
-    stickyRowTopPx = signal(0, ...(ngDevMode ? [{ debugName: "stickyRowTopPx" }] : []));
+    stickyRowIndex = signal(null, ...(ngDevMode ? [{ debugName: "stickyRowIndex" }] : /* istanbul ignore next */ []));
+    stickyRowTopPx = signal(0, ...(ngDevMode ? [{ debugName: "stickyRowTopPx" }] : /* istanbul ignore next */ []));
     stickyRowData = computed(() => {
         const index = this.stickyRowIndex();
         if (index === null || index < 0 || index >= this.totalRowCount()) {
             return null;
         }
         return this.rowAt(index);
-    }, ...(ngDevMode ? [{ debugName: "stickyRowData" }] : []));
-    stickyIndexes = signal([], ...(ngDevMode ? [{ debugName: "stickyIndexes" }] : []));
-    contentInitialized = signal(false, ...(ngDevMode ? [{ debugName: "contentInitialized" }] : []));
-    isColumnResizing = signal(false, ...(ngDevMode ? [{ debugName: "isColumnResizing" }] : []));
-    expanderMap = signal(new Map(), ...(ngDevMode ? [{ debugName: "expanderMap" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "stickyRowData" }] : /* istanbul ignore next */ []));
+    stickyIndexes = signal([], ...(ngDevMode ? [{ debugName: "stickyIndexes" }] : /* istanbul ignore next */ []));
+    contentInitialized = signal(false, ...(ngDevMode ? [{ debugName: "contentInitialized" }] : /* istanbul ignore next */ []));
+    isColumnResizing = signal(false, ...(ngDevMode ? [{ debugName: "isColumnResizing" }] : /* istanbul ignore next */ []));
+    expanderMap = signal(new Map(), ...(ngDevMode ? [{ debugName: "expanderMap" }] : /* istanbul ignore next */ []));
     declarativeColumns = computed(() => {
         if (!this.contentInitialized()) {
             return normalizeDeclarativeColumns([], this.rowKey());
         }
         return normalizeDeclarativeColumns(this.declarativeColumnRefs().map((columnRef) => columnRef.toDeclarativeColumn()), this.rowKey());
-    }, ...(ngDevMode ? [{ debugName: "declarativeColumns" }] : []));
-    sourceColumns = computed(() => mergeDeclarativeColumns(this.declarativeColumns().columns, this.columns()), ...(ngDevMode ? [{ debugName: "sourceColumns" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "declarativeColumns" }] : /* istanbul ignore next */ []));
+    sourceColumns = computed(() => mergeDeclarativeColumns(this.declarativeColumns().columns, this.columns()), ...(ngDevMode ? [{ debugName: "sourceColumns" }] : /* istanbul ignore next */ []));
     slotsFeature = createGridSlotsFeature({
         clearTypeTemplates: () => this.vm.globalTypeCellTpls.clear(),
         clearDataTemplates: () => this.vm.globalDataCellTpls.clear(),
@@ -3523,7 +3529,7 @@ class DataGrid {
                 resizable: this.defaults.resizable,
             });
         return [...newColumns, ...this.sourceColumns()];
-    }, ...(ngDevMode ? [{ debugName: "extendedColumns" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "extendedColumns" }] : /* istanbul ignore next */ []));
     /**
      * Computed CSS height value based on height setting.
      */
@@ -3536,13 +3542,13 @@ class DataGrid {
             return '100%';
         }
         return 'var(--re-data-grid-height)';
-    }, ...(ngDevMode ? [{ debugName: "styleHeight" }] : []));
-    resolvedLoading = computed(() => this.sourceDataFeature.resolvedLoading(), ...(ngDevMode ? [{ debugName: "resolvedLoading" }] : []));
-    totalRowCount = computed(() => this.sourceDataFeature.totalRowCount(), ...(ngDevMode ? [{ debugName: "totalRowCount" }] : []));
-    selectionRows = computed(() => this.sourceDataFeature.selectionRows(), ...(ngDevMode ? [{ debugName: "selectionRows" }] : []));
-    ariaColCount = computed(() => this.vm.columnsToShow().length, ...(ngDevMode ? [{ debugName: "ariaColCount" }] : []));
-    ariaHeaderRowCount = computed(() => 1 + (this.vm.normalizedHeaderGroups().length ? 1 : 0), ...(ngDevMode ? [{ debugName: "ariaHeaderRowCount" }] : []));
-    ariaRowCount = computed(() => this.ariaHeaderRowCount() + this.vm.pinnedTop().length + this.totalRowCount() + this.vm.pinnedBottom().length, ...(ngDevMode ? [{ debugName: "ariaRowCount" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "styleHeight" }] : /* istanbul ignore next */ []));
+    resolvedLoading = computed(() => this.sourceDataFeature.resolvedLoading(), ...(ngDevMode ? [{ debugName: "resolvedLoading" }] : /* istanbul ignore next */ []));
+    totalRowCount = computed(() => this.sourceDataFeature.totalRowCount(), ...(ngDevMode ? [{ debugName: "totalRowCount" }] : /* istanbul ignore next */ []));
+    selectionRows = computed(() => this.sourceDataFeature.selectionRows(), ...(ngDevMode ? [{ debugName: "selectionRows" }] : /* istanbul ignore next */ []));
+    ariaColCount = computed(() => this.vm.columnsToShow().length, ...(ngDevMode ? [{ debugName: "ariaColCount" }] : /* istanbul ignore next */ []));
+    ariaHeaderRowCount = computed(() => 1 + (this.vm.normalizedHeaderGroups().length ? 1 : 0), ...(ngDevMode ? [{ debugName: "ariaHeaderRowCount" }] : /* istanbul ignore next */ []));
+    ariaRowCount = computed(() => this.ariaHeaderRowCount() + this.vm.pinnedTop().length + this.totalRowCount() + this.vm.pinnedBottom().length, ...(ngDevMode ? [{ debugName: "ariaRowCount" }] : /* istanbul ignore next */ []));
     hideSbTimeout;
     scrollbarRafId = null;
     stickyRafId = null;
@@ -4057,7 +4063,7 @@ class DataGrid {
         if (this.overlayScrollFeaturePromise) {
             return this.overlayScrollFeaturePromise;
         }
-        this.overlayScrollFeaturePromise = import('./reforgium-data-grid-grid-overlay-scroll.feature-DkosLX9_.mjs').then(({ createGridOverlayScrollFeature }) => {
+        this.overlayScrollFeaturePromise = import('./reforgium-data-grid-grid-overlay-scroll.feature-BmB4qWr3.mjs').then(({ createGridOverlayScrollFeature }) => {
             const feature = createGridOverlayScrollFeature({
                 getScrollElement: () => this.scrollEl()?.nativeElement ?? null,
                 getThumbTop: () => this.vm.thumbTopPx(),
@@ -4182,4 +4188,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  */
 
 export { DataGridTypeCellTemplateDirective as D, clampThumbTop as a, DataGridCellTemplateDirective as b, computeScrollbarState as c, DataGridHeaderTemplateDirective as d, DataGridRowDirective as e, DataGridDeclarativeColumn as f, DataGridDeclarativeHeaderDirective as g, DataGridDeclarativeCellDirective as h, DataGridCellEmptyDirective as i, DataGridCellLoadingDirective as j, DataGridStickyRowDirective as k, DataGridSortIconDirective as l, mapThumbTopToScrollTop as m, DataGridExpanderIconDirective as n, DATA_GRID_CONFIG as o, DATA_GRID_HEADER_TEXT_RESOLVER as p, DATA_GRID_TYPE_RENDERERS as q, DATA_GRID_TYPE_TRANSFORMERS as r, DEFAULT_DATA_GRID_DEFAULTS as s, provideDataGridDefaults as t, provideDataGridHeaderTextResolver as u, provideDataGridHeaderTextResolverWithParent as v, provideDataGridTypeRenderers as w, provideDataGridTypeTransformers as x, DataGrid as y };
-//# sourceMappingURL=reforgium-data-grid-reforgium-data-grid-D4fn-nOx.mjs.map
+//# sourceMappingURL=reforgium-data-grid-reforgium-data-grid-3n5k89Qx.mjs.map

package/fesm2022/reforgium-data-grid-ui.mjs

@@ -4,17 +4,17 @@ import { input, output, viewChild, signal, computed, Component } from '@angular/
 
 // noinspection CssUnresolvedCustomProperty
 class DataGridDropdown {
-    options = input([], ...(ngDevMode ? [{ debugName: "options" }] : []));
-    value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
-    placeholder = input('Select', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    options = input([], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    placeholder = input('Select', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
     selectValue = output();
-    root = viewChild('root', ...(ngDevMode ? [{ debugName: "root" }] : []));
-    opened = signal(false, ...(ngDevMode ? [{ debugName: "opened" }] : []));
+    root = viewChild('root', ...(ngDevMode ? [{ debugName: "root" }] : /* istanbul ignore next */ []));
+    opened = signal(false, ...(ngDevMode ? [{ debugName: "opened" }] : /* istanbul ignore next */ []));
     selectedLabel = computed(() => {
         const selected = this.options().find((option) => option.value === this.value());
         return selected?.label ?? this.placeholder();
-    }, ...(ngDevMode ? [{ debugName: "selectedLabel" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "selectedLabel" }] : /* istanbul ignore next */ []));
     toggleOpen() {
         if (this.disabled()) {
             return;

package/fesm2022/reforgium-data-grid.mjs

@@ -1,2 +1,2 @@
-export { o as DATA_GRID_CONFIG, p as DATA_GRID_HEADER_TEXT_RESOLVER, q as DATA_GRID_TYPE_RENDERERS, r as DATA_GRID_TYPE_TRANSFORMERS, s as DEFAULT_DATA_GRID_DEFAULTS, y as DataGrid, i as DataGridCellEmptyDirective, j as DataGridCellLoadingDirective, b as DataGridCellTemplateDirective, h as DataGridDeclarativeCellDirective, f as DataGridDeclarativeColumn, g as DataGridDeclarativeHeaderDirective, n as DataGridExpanderIconDirective, d as DataGridHeaderTemplateDirective, e as DataGridRowDirective, l as DataGridSortIconDirective, k as DataGridStickyRowDirective, D as DataGridTypeCellTemplateDirective, t as provideDataGridDefaults, u as provideDataGridHeaderTextResolver, v as provideDataGridHeaderTextResolverWithParent, w as provideDataGridTypeRenderers, x as provideDataGridTypeTransformers } from './reforgium-data-grid-reforgium-data-grid-D4fn-nOx.mjs';
+export { o as DATA_GRID_CONFIG, p as DATA_GRID_HEADER_TEXT_RESOLVER, q as DATA_GRID_TYPE_RENDERERS, r as DATA_GRID_TYPE_TRANSFORMERS, s as DEFAULT_DATA_GRID_DEFAULTS, y as DataGrid, i as DataGridCellEmptyDirective, j as DataGridCellLoadingDirective, b as DataGridCellTemplateDirective, h as DataGridDeclarativeCellDirective, f as DataGridDeclarativeColumn, g as DataGridDeclarativeHeaderDirective, n as DataGridExpanderIconDirective, d as DataGridHeaderTemplateDirective, e as DataGridRowDirective, l as DataGridSortIconDirective, k as DataGridStickyRowDirective, D as DataGridTypeCellTemplateDirective, t as provideDataGridDefaults, u as provideDataGridHeaderTextResolver, v as provideDataGridHeaderTextResolverWithParent, w as provideDataGridTypeRenderers, x as provideDataGridTypeTransformers } from './reforgium-data-grid-reforgium-data-grid-3n5k89Qx.mjs';
 //# sourceMappingURL=reforgium-data-grid.mjs.map

package/package.json

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

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

@@ -1763,5 +1763,5 @@ declare class DataGrid<Data extends AnyDict> {
 }
 
 export { DATA_GRID_CONFIG, DATA_GRID_HEADER_TEXT_RESOLVER, DATA_GRID_TYPE_RENDERERS, DATA_GRID_TYPE_TRANSFORMERS, DEFAULT_DATA_GRID_DEFAULTS, DataGrid, DataGridCellEmptyDirective, DataGridCellLoadingDirective, DataGridCellTemplateDirective, DataGridDeclarativeCellDirective, DataGridDeclarativeColumn, DataGridDeclarativeHeaderDirective, DataGridExpanderIconDirective, DataGridHeaderTemplateDirective, DataGridRowDirective, DataGridSortIconDirective, DataGridStickyRowDirective, DataGridTypeCellTemplateDirective, provideDataGridDefaults, provideDataGridHeaderTextResolver, provideDataGridHeaderTextResolverWithParent, provideDataGridTypeRenderers, provideDataGridTypeTransformers };
-export type { BaseGridColumn, DataGridConfigProvider, DataGridHeaderTextContext, DataGridHeaderTextResolver, DataGridRowTemplateContext, DataGridStickyRowTemplateContext, DataGridTypeRenderers, DataGridTypeTransformers, DeclarativeColumnDef, GridBuiltInCellType, GridCellAlign, GridCellClickEvent, GridCellContextEvent, GridCellDoubleClickEvent, GridCellRenderer, GridCellRendererType, GridCellTransformer, GridCellTransformerContext, GridCellValueContext, GridColumn, GridColumnResizeEndEvent, GridColumnTooltip, GridColumns, GridHeaderGroup, GridMultiSortEvent, GridPageChangeEvent, GridPagedDataSource, GridPaginationMode, GridPinnedPosition, GridPinnedRow, GridPinnedRows, GridRowClickEvent, GridRowContextEvent, GridRowDoubleClickEvent, GridSelectEvent, GridSelectMode, GridSelection, GridSortEvent, GridSortItem, GridSortMode, GridSortOrder, GridStickySide, GridTooltipContext, HeaderTemplateData, RenderTemplateData };
+export type { BaseGridColumn, DataGridConfigProvider, DataGridHeaderTextContext, DataGridHeaderTextResolver, DataGridRowTemplateContext, DataGridStickyRowTemplateContext, DataGridTypeRenderers, DataGridTypeTransformers, DeclarativeColumnDef, GridBuiltInCellType, GridCellAlign, GridCellClickEvent, GridCellContextEvent, GridCellDoubleClickEvent, GridCellRenderer, GridCellRendererType, GridCellTransformer, GridCellTransformerContext, GridCellValueContext, GridColumn, GridColumnResizeEndEvent, GridColumnTooltip, GridColumns, GridHeaderGroup, GridMultiSortEvent, GridPageChangeEvent, GridPagedDataSource, GridPaginationMode, GridPinnedPosition, GridPinnedRow, GridPinnedRows, GridRowClickEvent, GridRowContextEvent, GridRowDoubleClickEvent, GridSelectEvent, GridSelectMode, GridSelection, GridSortEvent, GridSortItem, GridSortMode, GridSortOrder, GridStickySide, GridTooltipContext, HeaderTemplateData, KeyResolver, RenderTemplateData };
 //# sourceMappingURL=reforgium-data-grid.d.ts.map