@toolbox-web/grid-angular 2.0.0-rc.1 → 2.1.0

package/fesm2022/toolbox-web-grid-angular.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, contentChild, TemplateRef, effect, Directive, InjectionToken, Injectable, makeEnvironmentProviders, createComponent, DestroyRef, signal, afterNextRender, computed, EnvironmentInjector, ApplicationRef, ViewContainerRef, input, output } from '@angular/core';
+import { inject, ElementRef, contentChild, TemplateRef, effect, Directive, InjectionToken, Injectable, makeEnvironmentProviders, createComponent, DestroyRef, signal, afterNextRender, computed, EnvironmentInjector, ApplicationRef, ViewContainerRef, untracked, input, output } from '@angular/core';
 import { createPluginFromFeature } from '@toolbox-web/grid/features/registry';
 export { clearFeatureRegistry, createPluginFromFeature, getFeatureFactory, getRegisteredFeatures, isFeatureRegistered, registerFeature } from '@toolbox-web/grid/features/registry';
 import { applyColumnDefaults, normalizeColumns, DataGridElement } from '@toolbox-web/grid';
@@ -84,7 +84,8 @@ class GridColumnView {
     /**
      * Query for the ng-template content child.
      */
-    template = contentChild((TemplateRef), ...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
+    template = contentChild((TemplateRef), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
     /** Effect that triggers when the template is available */
     onTemplateReceived = effect(() => {
         const template = this.template();
@@ -92,7 +93,8 @@ class GridColumnView {
             // Register the template for this element
             templateRegistry.set(this.elementRef.nativeElement, template);
         }
-    }, ...(ngDevMode ? [{ debugName: "onTemplateReceived" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "onTemplateReceived" }] : /* istanbul ignore next */ []));
     /**
      * Static type guard for template context.
      * Enables type inference in templates.
@@ -100,10 +102,10 @@ class GridColumnView {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridColumnView, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.5", type: GridColumnView, isStandalone: true, selector: "tbw-grid-column-view", queries: [{ propertyName: "template", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridColumnView, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.6", type: GridColumnView, isStandalone: true, selector: "tbw-grid-column-view", queries: [{ propertyName: "template", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridColumnView, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridColumnView, decorators: [{
             type: Directive,
             args: [{ selector: 'tbw-grid-column-view' }]
         }], propDecorators: { template: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
@@ -214,10 +216,10 @@ class TbwRenderer {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: TbwRenderer, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.5", type: TbwRenderer, isStandalone: true, selector: "[tbwRenderer]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: TbwRenderer, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: TbwRenderer, isStandalone: true, selector: "[tbwRenderer]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: TbwRenderer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: TbwRenderer, decorators: [{
             type: Directive,
             args: [{ selector: '[tbwRenderer]' }]
         }], ctorParameters: () => [] });
@@ -480,10 +482,10 @@ class GridTypeRegistry {
             // the actual functions that instantiate Angular components
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridTypeRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridTypeRegistry, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridTypeRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridTypeRegistry, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridTypeRegistry, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridTypeRegistry, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -1642,10 +1644,10 @@ class GridIconRegistry {
     getRegisteredIcons() {
         return Array.from(this.icons.keys());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridIconRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridIconRegistry, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridIconRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridIconRegistry, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridIconRegistry, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: GridIconRegistry, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -1733,9 +1735,12 @@ function injectGrid(selector = 'tbw-grid') {
     const elementRef = inject(ElementRef);
     const destroyRef = inject(DestroyRef);
     // Reactive signals
-    const isReady = signal(false, ...(ngDevMode ? [{ debugName: "isReady" }] : /* istanbul ignore next */ []));
-    const config = signal(null, ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
-    const element = signal(null, ...(ngDevMode ? [{ debugName: "element" }] : /* istanbul ignore next */ []));
+    const isReady = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isReady" }] : /* istanbul ignore next */ []));
+    const config = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+    const element = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "element" }] : /* istanbul ignore next */ []));
     // Track destruction so async work doesn't touch signals after teardown
     let destroyed = false;
     destroyRef.onDestroy(() => {
@@ -1773,7 +1778,8 @@ function injectGrid(selector = 'tbw-grid') {
         if (!currentConfig?.columns)
             return [];
         return currentConfig.columns.filter((col) => !col.hidden);
-    }, ...(ngDevMode ? [{ debugName: "visibleColumns" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "visibleColumns" }] : /* istanbul ignore next */ []));
     // ═══════════════════════════════════════════════════════════════════
     // CORE METHODS
     // ═══════════════════════════════════════════════════════════════════
@@ -1889,10 +1895,10 @@ function injectGrid(selector = 'tbw-grid') {
  * @since 0.13.0
  */
 class TbwGridColumn {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: TbwGridColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.5", type: TbwGridColumn, isStandalone: true, selector: "tbw-grid-column", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: TbwGridColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: TbwGridColumn, isStandalone: true, selector: "tbw-grid-column", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: TbwGridColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: TbwGridColumn, decorators: [{
             type: Directive,
             args: [{
                     selector: 'tbw-grid-column',
@@ -1928,10 +1934,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
  * @since 0.13.0
  */
 class TbwGridHeader {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: TbwGridHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.5", type: TbwGridHeader, isStandalone: true, selector: "tbw-grid-header", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: TbwGridHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: TbwGridHeader, isStandalone: true, selector: "tbw-grid-header", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: TbwGridHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: TbwGridHeader, decorators: [{
             type: Directive,
             args: [{
                     selector: 'tbw-grid-header',
@@ -1968,10 +1974,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
  * @since 0.13.0
  */
 class TbwGridToolButtons {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: TbwGridToolButtons, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.5", type: TbwGridToolButtons, isStandalone: true, selector: "tbw-grid-tool-buttons", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: TbwGridToolButtons, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: TbwGridToolButtons, isStandalone: true, selector: "tbw-grid-tool-buttons", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: TbwGridToolButtons, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: TbwGridToolButtons, decorators: [{
             type: Directive,
             args: [{
                     selector: 'tbw-grid-tool-buttons',
@@ -1988,10 +1994,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
  * @since 2.0.0
  */
 class TbwGridType {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: TbwGridType, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.5", type: TbwGridType, isStandalone: true, selector: "tbw-grid-type", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: TbwGridType, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: TbwGridType, isStandalone: true, selector: "tbw-grid-type", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: TbwGridType, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: TbwGridType, decorators: [{
             type: Directive,
             args: [{
                     selector: 'tbw-grid-type',
@@ -2079,6 +2085,36 @@ function unclaimEvent(grid, eventName) {
     eventClaims.get(grid)?.delete(eventName);
 }
 
+/**
+ * Computes the minimal set of row updates needed when only values have changed
+ * (same row count, same row IDs in the same order).
+ *
+ * Returns an array of updates (possibly empty) when the diff is value-only, or
+ * `null` when a structural change is detected (different count, different IDs
+ * in sequence, or initial load from an empty snapshot).
+ *
+ * Called by the Angular `Grid` directive's rows effect to decide whether to
+ * call `grid.updateRows()` (value-only, fast path) or `grid.rows =` (full
+ * replace). Kept as a pure helper so it can be unit-tested without Angular.
+ */
+function computeRowDiff(next, prev, getId) {
+    if (prev.length === 0 || next.length !== prev.length)
+        return null;
+    const updates = [];
+    for (let i = 0; i < next.length; i++) {
+        const nextRow = next[i];
+        const prevRow = prev[i];
+        const nextId = getId(nextRow);
+        const prevId = getId(prevRow);
+        if (nextId !== prevId)
+            return null;
+        if (prevRow !== nextRow) {
+            updates.push({ id: nextId, changes: nextRow });
+        }
+    }
+    return updates;
+}
+
 /**
  * Directive that automatically registers the Angular adapter with tbw-grid elements.
  *
@@ -2139,6 +2175,11 @@ class Grid {
     viewContainerRef = inject(ViewContainerRef);
     iconRegistry = inject(GridIconRegistry, { optional: true });
     adapter = null;
+    /**
+     * Previous rows snapshot for in-place diffing — kept in sync by the rows
+     * effect. Plain field so Angular's signal tracking ignores it.
+     */
+    prevRows = [];
     constructor() {
         // Effect to process gridConfig and apply to grid
         // This merges feature input plugins with the user's config plugins
@@ -2200,11 +2241,42 @@ class Grid {
             grid.loading = loadingValue;
         });
         // Effect to sync rows to the grid element
+        //
+        // Smart diff: when getRowId is configured and the same rows appear in the
+        // same order with only their values changed, route through updateRows() to
+        // patch in-place. This triggers only RenderPhase.VIRTUALIZATION instead of
+        // the heavier ROWS phase, which rebuilds the row model and re-applies
+        // sort/filter. Mirrors the React and Vue adapters.
         effect(() => {
             const rowsValue = this.rows();
             if (rowsValue === undefined)
                 return;
             const grid = this.elementRef.nativeElement;
+            const prev = this.prevRows;
+            // Read getRowId without registering as a signal dependency so this effect
+            // only re-runs on rows changes, not on every gridConfig change.
+            const getId = untracked(() => this.gridConfig()?.getRowId);
+            this.prevRows = rowsValue;
+            if (getId) {
+                const diff = computeRowDiff(rowsValue, prev, getId);
+                if (diff !== null) {
+                    if (diff.length > 0) {
+                        // 'sync' source: authoritative host data, not a user edit — editing
+                        // plugin skips dirty marking / undo history for it.
+                        try {
+                            grid.updateRows(diff, 'sync');
+                        }
+                        catch {
+                            // getRowId changed alongside rows (grid still resolving ids with
+                            // the previous resolver) or an id vanished — fall back to a full
+                            // replace, which reapplies the whole array under the current resolver.
+                            grid.rows = rowsValue;
+                        }
+                    }
+                    return;
+                }
+            }
+            // Structural change (adds/removes/reorder), no getRowId, or initial load — full replace.
             grid.rows = rowsValue;
         });
         // Effect to sync columns to the grid element
@@ -2266,7 +2338,8 @@ class Grid {
      * <tbw-grid [customStyles]="customStyles">...</tbw-grid>
      * ```
      */
-    customStyles = input(...(ngDevMode ? [undefined, { debugName: "customStyles" }] : /* istanbul ignore next */ []));
+    customStyles = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "customStyles" }] : /* istanbul ignore next */ []));
     /**
      * Grid-wide sorting toggle.
      * When false, disables sorting for all columns regardless of their individual `sortable` setting.
@@ -2289,7 +2362,8 @@ class Grid {
      * <tbw-grid [sortable]="true" [multiSort]="true" />
      * ```
      */
-    sortable = input(...(ngDevMode ? [undefined, { debugName: "sortable" }] : /* istanbul ignore next */ []));
+    sortable = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "sortable" }] : /* istanbul ignore next */ []));
     /**
      * Grid-wide filtering toggle.
      * When false, disables filtering for all columns regardless of their individual `filterable` setting.
@@ -2308,7 +2382,8 @@ class Grid {
      * <tbw-grid [filterable]="true" [filtering]="true" />
      * ```
      */
-    filterable = input(...(ngDevMode ? [undefined, { debugName: "filterable" }] : /* istanbul ignore next */ []));
+    filterable = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "filterable" }] : /* istanbul ignore next */ []));
     /**
      * Grid-wide selection toggle.
      * When false, disables selection for all rows/cells.
@@ -2327,7 +2402,8 @@ class Grid {
      * <tbw-grid [selectable]="true" [selection]="'range'" />
      * ```
      */
-    selectable = input(...(ngDevMode ? [undefined, { debugName: "selectable" }] : /* istanbul ignore next */ []));
+    selectable = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "selectable" }] : /* istanbul ignore next */ []));
     /**
      * Show a loading overlay on the grid.
      * Use this during initial data fetch or refresh operations.
@@ -2355,7 +2431,8 @@ class Grid {
      * }
      * ```
      */
-    loading = input(...(ngDevMode ? [undefined, { debugName: "loading" }] : /* istanbul ignore next */ []));
+    loading = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "loading" }] : /* istanbul ignore next */ []));
     /**
      * The data rows to display in the grid.
      *
@@ -2368,7 +2445,8 @@ class Grid {
      * ```
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    rows = input(...(ngDevMode ? [undefined, { debugName: "rows" }] : /* istanbul ignore next */ []));
+    rows = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "rows" }] : /* istanbul ignore next */ []));
     /**
      * Column configuration array.
      *
@@ -2386,7 +2464,8 @@ class Grid {
      * ```
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    columns = input(...(ngDevMode ? [undefined, { debugName: "columns" }] : /* istanbul ignore next */ []));
+    columns = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "columns" }] : /* istanbul ignore next */ []));
     /**
      * Default column properties applied to every column in `columns`.
      * Individual column properties override these defaults.
@@ -2400,7 +2479,8 @@ class Grid {
      * ```
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    columnDefaults = input(...(ngDevMode ? [undefined, { debugName: "columnDefaults" }] : /* istanbul ignore next */ []));
+    columnDefaults = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "columnDefaults" }] : /* istanbul ignore next */ []));
     /**
      * Column sizing strategy.
      *
@@ -2416,7 +2496,8 @@ class Grid {
      * <tbw-grid [rows]="data" [fitMode]="dynamicMode()" />
      * ```
      */
-    fitMode = input(...(ngDevMode ? [undefined, { debugName: "fitMode" }] : /* istanbul ignore next */ []));
+    fitMode = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "fitMode" }] : /* istanbul ignore next */ []));
     /**
      * How automatic column inference combines with explicitly provided columns.
      *
@@ -2429,7 +2510,8 @@ class Grid {
      * <tbw-grid [rows]="data" [columnInference]="mode()" />
      * ```
      */
-    columnInference = input(...(ngDevMode ? [undefined, { debugName: "columnInference" }] : /* istanbul ignore next */ []));
+    columnInference = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "columnInference" }] : /* istanbul ignore next */ []));
     /**
      * Grid configuration object with optional Angular-specific extensions.
      *
@@ -2467,7 +2549,8 @@ class Grid {
      * ```
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    gridConfig = input(...(ngDevMode ? [undefined, { debugName: "gridConfig" }] : /* istanbul ignore next */ []));
+    gridConfig = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "gridConfig" }] : /* istanbul ignore next */ []));
     // ═══════════════════════════════════════════════════════════════════════════
     // EVENT OUTPUTS - All grid events
     // ═══════════════════════════════════════════════════════════════════════════
@@ -2610,33 +2693,6 @@ class Grid {
         tbwScroll: 'tbw-scroll',
         render: 'render',
     };
-    // ─────────────────────────────────────────────────────────────────────────
-    // Forward-only event coverage guard.
-    //
-    // Mirrors the React adapter's `_AssertFeaturePropsCoverCore` pattern. If a
-    // new event is added to core's `DataGridEventMap` (via plugin module
-    // augmentation in `/all`) but no `eventOutputMap` entry covers it, this
-    // type fails to evaluate to `true` and the build breaks. Adapter consumers
-    // never see a silently-dropped event.
-    //
-    // Reverse direction (extra `eventOutputMap` entries pointing at non-existent
-    // events) is already enforced by the `satisfies` clause above.
-    //
-    // To consciously omit an event from the `Grid` directive surface, add it to
-    // the `_intentionallyOmittedEvents` union below with a comment explaining why.
-    // ─────────────────────────────────────────────────────────────────────────
-    /**
-     * Events deliberately not exposed as outputs on the `Grid` directive.
-     *
-     * Every entry here is a **feature-owned** event surfaced by its per-feature
-     * directive instead (e.g. `GridEditingDirective` declares `(cellCommit)`,
-     * `GridSelectionDirective` declares `(selectionChange)`). The directive
-     * claims the DOM event via `claimEvent` so it is the sole emitter. The v1.x
-     * shims that forwarded these events from `Grid` were removed in v3.0.0 —
-     * consumers must import the relevant feature directive.
-     */
-    _intentionallyOmittedEvents;
-    _assertEventOutputMapCoversCore;
     // Store event listeners for cleanup
     eventListeners = new Map();
     ngOnInit() {
@@ -2799,10 +2855,10 @@ class Grid {
             this.adapter = null;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: Grid, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: Grid, isStandalone: true, selector: "tbw-grid,[data-tbw-grid]", inputs: { customStyles: { classPropertyName: "customStyles", publicName: "customStyles", isSignal: true, isRequired: false, transformFunction: null }, sortable: { classPropertyName: "sortable", publicName: "sortable", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, columnDefaults: { classPropertyName: "columnDefaults", publicName: "columnDefaults", isSignal: true, isRequired: false, transformFunction: null }, fitMode: { classPropertyName: "fitMode", publicName: "fitMode", isSignal: true, isRequired: false, transformFunction: null }, columnInference: { classPropertyName: "columnInference", publicName: "columnInference", isSignal: true, isRequired: false, transformFunction: null }, gridConfig: { classPropertyName: "gridConfig", publicName: "gridConfig", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cellClick: "cellClick", rowClick: "rowClick", cellActivate: "cellActivate", cellChange: "cellChange", dataChange: "dataChange", sortChange: "sortChange", columnResize: "columnResize", columnResizeReset: "columnResizeReset", columnStateChange: "columnStateChange", tbwScroll: "tbwScroll", render: "render" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: Grid, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: Grid, isStandalone: true, selector: "tbw-grid,[data-tbw-grid]", inputs: { customStyles: { classPropertyName: "customStyles", publicName: "customStyles", isSignal: true, isRequired: false, transformFunction: null }, sortable: { classPropertyName: "sortable", publicName: "sortable", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, columnDefaults: { classPropertyName: "columnDefaults", publicName: "columnDefaults", isSignal: true, isRequired: false, transformFunction: null }, fitMode: { classPropertyName: "fitMode", publicName: "fitMode", isSignal: true, isRequired: false, transformFunction: null }, columnInference: { classPropertyName: "columnInference", publicName: "columnInference", isSignal: true, isRequired: false, transformFunction: null }, gridConfig: { classPropertyName: "gridConfig", publicName: "gridConfig", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cellClick: "cellClick", rowClick: "rowClick", cellActivate: "cellActivate", cellChange: "cellChange", dataChange: "dataChange", sortChange: "sortChange", columnResize: "columnResize", columnResizeReset: "columnResizeReset", columnStateChange: "columnStateChange", tbwScroll: "tbwScroll", render: "render" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: Grid, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: Grid, decorators: [{
             type: Directive,
             args: [{ selector: 'tbw-grid,[data-tbw-grid]' }]
         }], ctorParameters: () => [], propDecorators: { customStyles: [{ type: i0.Input, args: [{ isSignal: true, alias: "customStyles", required: false }] }], sortable: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortable", required: false }] }], filterable: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterable", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], columnDefaults: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnDefaults", required: false }] }], fitMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "fitMode", required: false }] }], columnInference: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnInference", required: false }] }], gridConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridConfig", required: false }] }], cellClick: [{ type: i0.Output, args: ["cellClick"] }], rowClick: [{ type: i0.Output, args: ["rowClick"] }], cellActivate: [{ type: i0.Output, args: ["cellActivate"] }], cellChange: [{ type: i0.Output, args: ["cellChange"] }], dataChange: [{ type: i0.Output, args: ["dataChange"] }], sortChange: [{ type: i0.Output, args: ["sortChange"] }], columnResize: [{ type: i0.Output, args: ["columnResize"] }], columnResizeReset: [{ type: i0.Output, args: ["columnResizeReset"] }], columnStateChange: [{ type: i0.Output, args: ["columnStateChange"] }], tbwScroll: [{ type: i0.Output, args: ["tbwScroll"] }], render: [{ type: i0.Output, args: ["render"] }] } });