@reforgium/data-grid 2.2.2 → 2.2.4

package/fesm2022/{reforgium-data-grid-grid-overlay-scroll.feature-B3hwiKYh.mjs → reforgium-data-grid-grid-overlay-scroll.feature-BqjRyijB.mjs}

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

package/fesm2022/{reforgium-data-grid-grid-tooltip.feature-CMo88m8o.mjs → reforgium-data-grid-grid-tooltip.feature-i-k8F-1I.mjs}

@@ -1,3 +1,4 @@
+// noinspection ES6PreferShortImport
 function createGridTooltipFeature(ctx) {
     const resolveCellValue = (row, col) => {
         return 'value' in col ? col.value(row) : row[col.key];
@@ -86,4 +87,4 @@ function createGridTooltipFeature(ctx) {
 }
 
 export { createGridTooltipFeature };
-//# sourceMappingURL=reforgium-data-grid-grid-tooltip.feature-CMo88m8o.mjs.map
+//# sourceMappingURL=reforgium-data-grid-grid-tooltip.feature-i-k8F-1I.mjs.map

package/fesm2022/{reforgium-data-grid-reforgium-data-grid-uZ3onkWO.mjs → reforgium-data-grid-reforgium-data-grid-BvHXvsVe.mjs}

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, inject, TemplateRef, Directive, booleanAttribute, contentChild, Component, numberAttribute, InjectionToken, makeEnvironmentProviders, signal, computed, effect, Injectable, ChangeDetectionStrategy, output, untracked, DestroyRef, afterRenderEffect, viewChild, NgZone, contentChildren } from '@angular/core';
+import { input, inject, TemplateRef, Directive, booleanAttribute, contentChild, Component, numberAttribute, InjectionToken, makeEnvironmentProviders, signal, computed, effect, Injectable, ChangeDetectionStrategy, output, untracked, DestroyRef, afterRenderEffect, viewChild, NgZone, contentChildren, afterNextRender } from '@angular/core';
 import { NgTemplateOutlet, DatePipe, DecimalPipe } from '@angular/common';
 import { Subject, debounceTime, fromEvent, Subscription } from 'rxjs';
 
@@ -912,6 +912,7 @@ function splitSticky(cols) {
     return { left, right, visible };
 }
 
+// noinspection ES6PreferShortImport
 /**
  * View model for the data grid component.
  *
@@ -1305,19 +1306,19 @@ class DataGridCellComponent {
           [ngTemplateOutletContext]="{ $implicit: val, value: val, row, col, index: index() }"
         />
       }
-      @case ('date') {
-        <span class="re-dg-cell-text">{{ val | date: col?.typeParams }}</span>
-      }
-      @case ('number') {
-        <span class="re-dg-cell-text">{{ val | number: col?.typeParams }}</span>
-      }
-      @case ('index') {
-        <span class="re-dg-cell-text">{{ index() + 1 }}</span>
-      }
-      @default {
-        <span class="re-dg-cell-text">{{ val }}</span>
-      }
-    }
+      @case ('date') {
+        <span class="re-dg-cell-text">{{ val | date: col?.typeParams }}</span>
+      }
+      @case ('number') {
+        <span class="re-dg-cell-text">{{ val | number: col?.typeParams }}</span>
+      }
+      @case ('index') {
+        <span class="re-dg-cell-text">{{ index() + 1 }}</span>
+      }
+      @default {
+        <span class="re-dg-cell-text">{{ val }}</span>
+      }
+    }
   `, isInline: true, styles: [":host{display:block;width:100%;min-width:0;text-align:inherit}.re-dg-cell-text{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:var(--re-data-grid-cell-line-height, 1.2);-webkit-box-orient:vertical;-webkit-line-clamp:var(--re-data-grid-cell-max-lines, 2)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: DecimalPipe, name: "number" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DataGridCellComponent, decorators: [{
@@ -1352,19 +1353,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
           [ngTemplateOutletContext]="{ $implicit: val, value: val, row, col, index: index() }"
         />
       }
-      @case ('date') {
-        <span class="re-dg-cell-text">{{ val | date: col?.typeParams }}</span>
-      }
-      @case ('number') {
-        <span class="re-dg-cell-text">{{ val | number: col?.typeParams }}</span>
-      }
-      @case ('index') {
-        <span class="re-dg-cell-text">{{ index() + 1 }}</span>
-      }
-      @default {
-        <span class="re-dg-cell-text">{{ val }}</span>
-      }
-    }
+      @case ('date') {
+        <span class="re-dg-cell-text">{{ val | date: col?.typeParams }}</span>
+      }
+      @case ('number') {
+        <span class="re-dg-cell-text">{{ val | number: col?.typeParams }}</span>
+      }
+      @case ('index') {
+        <span class="re-dg-cell-text">{{ index() + 1 }}</span>
+      }
+      @default {
+        <span class="re-dg-cell-text">{{ val }}</span>
+      }
+    }
   `, imports: [NgTemplateOutlet, DatePipe, DecimalPipe], styles: [":host{display:block;width:100%;min-width:0;text-align:inherit}.re-dg-cell-text{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:var(--re-data-grid-cell-line-height, 1.2);-webkit-box-orient:vertical;-webkit-line-clamp:var(--re-data-grid-cell-max-lines, 2)}\n"] }]
         }], propDecorators: { index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: true }] }], item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], column: [{ type: i0.Input, args: [{ isSignal: true, alias: "column", required: true }] }] } });
 
@@ -1495,6 +1496,7 @@ function createGridHeaderMeasureFeature(ctx) {
     };
 }
 
+// noinspection ES6PreferShortImport
 function createGridInfinityPageRequestFeature(ctx) {
     const PREFETCH_FACTOR = 1.25;
     let lastRequestedPage = null;
@@ -1510,6 +1512,9 @@ function createGridInfinityPageRequestFeature(ctx) {
         if (state.initial || state.mode !== 'infinity') {
             return false;
         }
+        if (state.total <= 0) {
+            return false;
+        }
         const threshold = Math.max(0, state.total - Math.max(1, Math.floor(state.visibleCount * PREFETCH_FACTOR)));
         const nearEnd = state.start + state.visibleCount >= threshold;
         if (!nearEnd || ctx.isLoading()) {
@@ -1937,6 +1942,7 @@ function createGridVirtualScrollFeature(ctx) {
     return { onVerticalScroll };
 }
 
+// noinspection ES6PreferShortImport
 const COLUMN_STATE_PRIORITY_KEYS = new Set(['disabled', 'visible', 'sticky']);
 function mergeDeclarativeColumns(declarative, columns) {
     if (!declarative.length) {
@@ -2745,8 +2751,14 @@ class DataGrid {
         return rows[index];
     }, ...(ngDevMode ? [{ debugName: "stickyRowData" }] : []));
     stickyIndexes = signal([], ...(ngDevMode ? [{ debugName: "stickyIndexes" }] : []));
+    contentInitialized = signal(false, ...(ngDevMode ? [{ debugName: "contentInitialized" }] : []));
     expanderMap = signal(new Map(), ...(ngDevMode ? [{ debugName: "expanderMap" }] : []));
-    declarativeColumns = computed(() => normalizeDeclarativeColumns(this.declarativeColumnRefs().map((columnRef) => columnRef.toDeclarativeColumn()), this.rowKey()), ...(ngDevMode ? [{ debugName: "declarativeColumns" }] : []));
+    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" }] : []));
     slotsFeature = createGridSlotsFeature({
         clearTypeTemplates: () => this.vm.globalTypeCellTpls.clear(),
@@ -2791,6 +2803,7 @@ class DataGrid {
     currentSortMap = new Map();
     subscription = new Subscription();
     constructor() {
+        afterNextRender(() => this.contentInitialized.set(true));
         this.lifecycleInitFeature.init({
             afterRender: [
                 () => {
@@ -2856,7 +2869,7 @@ class DataGrid {
     clearSelection() {
         this.gridApiFeature.clearSelection();
     }
-    /** Selects all currently loaded rows (multi mode only) and emits `selectChange`. */
+    /** Selects all currently loaded rows (multimode only) and emits `selectChange`. */
     selectAllLoaded() {
         this.gridApiFeature.selectAllLoaded();
     }
@@ -3136,7 +3149,7 @@ class DataGrid {
         if (this.tooltipFeaturePromise) {
             return this.tooltipFeaturePromise;
         }
-        this.tooltipFeaturePromise = import('./reforgium-data-grid-grid-tooltip.feature-CMo88m8o.mjs').then(({ createGridTooltipFeature }) => {
+        this.tooltipFeaturePromise = import('./reforgium-data-grid-grid-tooltip.feature-i-k8F-1I.mjs').then(({ createGridTooltipFeature }) => {
             const feature = createGridTooltipFeature({
                 getTooltipState: () => this.tooltipState(),
                 setTooltipState: (state) => this.tooltipState.set(state),
@@ -3155,7 +3168,7 @@ class DataGrid {
         if (this.overlayScrollFeaturePromise) {
             return this.overlayScrollFeaturePromise;
         }
-        this.overlayScrollFeaturePromise = import('./reforgium-data-grid-grid-overlay-scroll.feature-B3hwiKYh.mjs').then(({ createGridOverlayScrollFeature }) => {
+        this.overlayScrollFeaturePromise = import('./reforgium-data-grid-grid-overlay-scroll.feature-BqjRyijB.mjs').then(({ createGridOverlayScrollFeature }) => {
             const feature = createGridOverlayScrollFeature({
                 getScrollElement: () => this.scrollEl()?.nativeElement ?? null,
                 getThumbTop: () => this.vm.thumbTopPx(),
@@ -3280,4 +3293,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", 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, DEFAULT_DATA_GRID_DEFAULTS as p, provideDataGridDefaults as q, DataGrid as r };
-//# sourceMappingURL=reforgium-data-grid-reforgium-data-grid-uZ3onkWO.mjs.map
+//# sourceMappingURL=reforgium-data-grid-reforgium-data-grid-BvHXvsVe.mjs.map

package/fesm2022/reforgium-data-grid.mjs

@@ -1,2 +1,2 @@
-export { o as DATA_GRID_CONFIG, p as DEFAULT_DATA_GRID_DEFAULTS, r 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, q as provideDataGridDefaults } from './reforgium-data-grid-reforgium-data-grid-uZ3onkWO.mjs';
+export { o as DATA_GRID_CONFIG, p as DEFAULT_DATA_GRID_DEFAULTS, r 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, q as provideDataGridDefaults } from './reforgium-data-grid-reforgium-data-grid-BvHXvsVe.mjs';
 //# sourceMappingURL=reforgium-data-grid.mjs.map

package/package.json

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

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

@@ -1420,6 +1420,7 @@ declare class DataGrid<Data extends AnyDict> {
     protected stickyRowTopPx: _angular_core.WritableSignal<number>;
     protected stickyRowData: _angular_core.Signal<Data | null>;
     private stickyIndexes;
+    private contentInitialized;
     protected expanderMap: _angular_core.WritableSignal<Map<DataKey<Data>, boolean>>;
     protected declarativeColumns: _angular_core.Signal<DeclarativeColumnsResult<Data>>;
     protected sourceColumns: _angular_core.Signal<GridColumn<Data>[]>;
@@ -1440,7 +1441,7 @@ declare class DataGrid<Data extends AnyDict> {
     constructor();
     /** Clears current selection and emits `selectChange`. */
     clearSelection(): void;
-    /** Selects all currently loaded rows (multi mode only) and emits `selectChange`. */
+    /** Selects all currently loaded rows (multimode only) and emits `selectChange`. */
     selectAllLoaded(): void;
     /** Resets sorting state and emits sort events. */
     resetSort(): void;