@toolbox-web/grid-angular 0.18.2 → 0.18.4

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

@@ -91,7 +91,7 @@ class GridColumnEditor {
     /**
      * Query for the ng-template content child.
      */
-    template = contentChild((TemplateRef), ...(ngDevMode ? [{ debugName: "template" }] : []));
+    template = contentChild((TemplateRef), ...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
     /** Effect that triggers when the template is available */
     onTemplateReceived = effect(() => {
         const template = this.template();
@@ -99,7 +99,7 @@ class GridColumnEditor {
             // Register the template for this element
             editorTemplateRegistry.set(this.elementRef.nativeElement, template);
         }
-    }, ...(ngDevMode ? [{ debugName: "onTemplateReceived" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "onTemplateReceived" }] : /* istanbul ignore next */ []));
     /**
      * Static type guard for template context.
      * Enables type inference in templates.
@@ -107,10 +107,10 @@ class GridColumnEditor {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GridColumnEditor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.1", type: GridColumnEditor, isStandalone: true, selector: "tbw-grid-column-editor", queries: [{ propertyName: "template", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridColumnEditor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.5", type: GridColumnEditor, isStandalone: true, selector: "tbw-grid-column-editor", queries: [{ propertyName: "template", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GridColumnEditor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridColumnEditor, decorators: [{
             type: Directive,
             args: [{ selector: 'tbw-grid-column-editor' }]
         }], propDecorators: { template: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
@@ -165,7 +165,7 @@ class GridColumnView {
     /**
      * Query for the ng-template content child.
      */
-    template = contentChild((TemplateRef), ...(ngDevMode ? [{ debugName: "template" }] : []));
+    template = contentChild((TemplateRef), ...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
     /** Effect that triggers when the template is available */
     onTemplateReceived = effect(() => {
         const template = this.template();
@@ -173,7 +173,7 @@ class GridColumnView {
             // Register the template for this element
             templateRegistry.set(this.elementRef.nativeElement, template);
         }
-    }, ...(ngDevMode ? [{ debugName: "onTemplateReceived" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "onTemplateReceived" }] : /* istanbul ignore next */ []));
     /**
      * Static type guard for template context.
      * Enables type inference in templates.
@@ -181,10 +181,10 @@ class GridColumnView {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GridColumnView, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.1", 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: "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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GridColumnView, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridColumnView, decorators: [{
             type: Directive,
             args: [{ selector: 'tbw-grid-column-view' }]
         }], propDecorators: { template: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
@@ -261,13 +261,13 @@ function getDetailConfig(gridElement) {
 class GridDetailView {
     elementRef = inject((ElementRef));
     /** Whether to show the expand/collapse column. Default: true */
-    showExpandColumn = input(true, ...(ngDevMode ? [{ debugName: "showExpandColumn" }] : []));
+    showExpandColumn = input(true, ...(ngDevMode ? [{ debugName: "showExpandColumn" }] : /* istanbul ignore next */ []));
     /** Animation style for expand/collapse. Default: 'slide' */
-    animation = input('slide', ...(ngDevMode ? [{ debugName: "animation" }] : []));
+    animation = input('slide', ...(ngDevMode ? [{ debugName: "animation" }] : /* istanbul ignore next */ []));
     /**
      * Query for the ng-template content child.
      */
-    template = contentChild((TemplateRef), ...(ngDevMode ? [{ debugName: "template" }] : []));
+    template = contentChild((TemplateRef), ...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
     /** Effect that triggers when the template is available */
     onTemplateReceived = effect(() => {
         const template = this.template();
@@ -275,7 +275,7 @@ class GridDetailView {
             // Register the template for this element
             detailTemplateRegistry.set(this.elementRef.nativeElement, template);
         }
-    }, ...(ngDevMode ? [{ debugName: "onTemplateReceived" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "onTemplateReceived" }] : /* istanbul ignore next */ []));
     /**
      * Static type guard for template context.
      * Enables type inference in templates.
@@ -283,10 +283,10 @@ class GridDetailView {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GridDetailView, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.1", type: GridDetailView, isStandalone: true, selector: "tbw-grid-detail", inputs: { showExpandColumn: { classPropertyName: "showExpandColumn", publicName: "showExpandColumn", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "template", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridDetailView, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.5", type: GridDetailView, isStandalone: true, selector: "tbw-grid-detail", inputs: { showExpandColumn: { classPropertyName: "showExpandColumn", publicName: "showExpandColumn", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "template", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GridDetailView, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridDetailView, decorators: [{
             type: Directive,
             args: [{ selector: 'tbw-grid-detail' }]
         }], propDecorators: { showExpandColumn: [{ type: i0.Input, args: [{ isSignal: true, alias: "showExpandColumn", required: false }] }], animation: [{ type: i0.Input, args: [{ isSignal: true, alias: "animation", required: false }] }], template: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
@@ -365,7 +365,7 @@ class GridFormArray {
     /**
      * The FormArray to bind to the grid.
      */
-    formArray = input.required(...(ngDevMode ? [{ debugName: "formArray" }] : []));
+    formArray = input.required(...(ngDevMode ? [{ debugName: "formArray" }] : /* istanbul ignore next */ []));
     /**
      * Whether to automatically sync Angular validation state to grid's visual invalid styling.
      *
@@ -377,7 +377,7 @@ class GridFormArray {
      *
      * @default true
      */
-    syncValidation = input(true, ...(ngDevMode ? [{ debugName: "syncValidation" }] : []));
+    syncValidation = input(true, ...(ngDevMode ? [{ debugName: "syncValidation" }] : /* istanbul ignore next */ []));
     /**
      * Effect that sets up valueChanges subscription when FormArray changes.
      * This handles both initial binding and when the FormArray reference changes.
@@ -408,7 +408,7 @@ class GridFormArray {
                 return;
             grid.rows = formArray.getRawValue();
         });
-    }, ...(ngDevMode ? [{ debugName: "syncFormArrayToGrid" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "syncFormArrayToGrid" }] : /* istanbul ignore next */ []));
     ngOnInit() {
         const grid = this.elementRef.nativeElement;
         if (!grid)
@@ -757,10 +757,10 @@ class GridFormArray {
                 return typeof error === 'string' ? error : (error?.message ?? `Validation error: ${firstKey}`);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GridFormArray, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: GridFormArray, isStandalone: true, selector: "tbw-grid[formArray]", inputs: { formArray: { classPropertyName: "formArray", publicName: "formArray", isSignal: true, isRequired: true, transformFunction: null }, syncValidation: { classPropertyName: "syncValidation", publicName: "syncValidation", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridFormArray, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: GridFormArray, isStandalone: true, selector: "tbw-grid[formArray]", inputs: { formArray: { classPropertyName: "formArray", publicName: "formArray", isSignal: true, isRequired: true, transformFunction: null }, syncValidation: { classPropertyName: "syncValidation", publicName: "syncValidation", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GridFormArray, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridFormArray, decorators: [{
             type: Directive,
             args: [{
                     selector: 'tbw-grid[formArray]',
@@ -823,7 +823,7 @@ class GridResponsiveCard {
     /**
      * The ng-template containing the card content.
      */
-    template = contentChild((TemplateRef), ...(ngDevMode ? [{ debugName: "template" }] : []));
+    template = contentChild((TemplateRef), ...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
     /**
      * Effect that registers the template when it becomes available.
      */
@@ -832,17 +832,17 @@ class GridResponsiveCard {
         if (template) {
             responsiveCardTemplateRegistry.set(this.elementRef.nativeElement, template);
         }
-    }, ...(ngDevMode ? [{ debugName: "onTemplateReceived" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "onTemplateReceived" }] : /* istanbul ignore next */ []));
     /**
      * Type guard for template context inference.
      */
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GridResponsiveCard, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.1", type: GridResponsiveCard, isStandalone: true, selector: "tbw-grid-responsive-card", queries: [{ propertyName: "template", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridResponsiveCard, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.5", type: GridResponsiveCard, isStandalone: true, selector: "tbw-grid-responsive-card", queries: [{ propertyName: "template", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GridResponsiveCard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridResponsiveCard, decorators: [{
             type: Directive,
             args: [{
                     selector: 'tbw-grid-responsive-card',
@@ -916,19 +916,19 @@ function getToolPanelElements(gridElement) {
 class GridToolPanel {
     elementRef = inject((ElementRef));
     /** Unique panel identifier (required) */
-    id = input.required({ ...(ngDevMode ? { debugName: "id" } : {}), alias: 'id' });
+    id = input.required({ ...(ngDevMode ? { debugName: "id" } : /* istanbul ignore next */ {}), alias: 'id' });
     /** Panel title shown in accordion header (required) */
-    title = input.required({ ...(ngDevMode ? { debugName: "title" } : {}), alias: 'title' });
+    title = input.required({ ...(ngDevMode ? { debugName: "title" } : /* istanbul ignore next */ {}), alias: 'title' });
     /** Icon for accordion section header (emoji or text) */
-    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
     /** Tooltip for accordion section header */
-    tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : []));
+    tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : /* istanbul ignore next */ []));
     /** Panel order priority (lower = first, default: 100) */
-    order = input(100, ...(ngDevMode ? [{ debugName: "order" }] : []));
+    order = input(100, ...(ngDevMode ? [{ debugName: "order" }] : /* istanbul ignore next */ []));
     /**
      * Query for the ng-template content child.
      */
-    template = contentChild((TemplateRef), ...(ngDevMode ? [{ debugName: "template" }] : []));
+    template = contentChild((TemplateRef), ...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
     /** Effect that triggers when the template is available */
     onTemplateReceived = effect(() => {
         const template = this.template();
@@ -947,7 +947,7 @@ class GridToolPanel {
             // Register the template for this element
             toolPanelTemplateRegistry.set(element, template);
         }
-    }, ...(ngDevMode ? [{ debugName: "onTemplateReceived" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "onTemplateReceived" }] : /* istanbul ignore next */ []));
     /**
      * Static type guard for template context.
      * Enables type inference in templates.
@@ -955,10 +955,10 @@ class GridToolPanel {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GridToolPanel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.1", type: GridToolPanel, isStandalone: true, selector: "tbw-grid-tool-panel", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, order: { classPropertyName: "order", publicName: "order", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "template", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridToolPanel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.5", type: GridToolPanel, isStandalone: true, selector: "tbw-grid-tool-panel", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, order: { classPropertyName: "order", publicName: "order", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "template", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GridToolPanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridToolPanel, decorators: [{
             type: Directive,
             args: [{ selector: 'tbw-grid-tool-panel' }]
         }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], order: [{ type: i0.Input, args: [{ isSignal: true, alias: "order", required: false }] }], template: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
@@ -1078,10 +1078,10 @@ class TbwRenderer {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TbwRenderer, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TbwRenderer, isStandalone: true, selector: "[tbwRenderer]", ngImport: i0 });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TbwRenderer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: TbwRenderer, decorators: [{
             type: Directive,
             args: [{ selector: '[tbwRenderer]' }]
         }], ctorParameters: () => [] });
@@ -1163,10 +1163,10 @@ class TbwEditor {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TbwEditor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TbwEditor, isStandalone: true, selector: "[tbwEditor]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: TbwEditor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.5", type: TbwEditor, isStandalone: true, selector: "[tbwEditor]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TbwEditor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: TbwEditor, decorators: [{
             type: Directive,
             args: [{ selector: '[tbwEditor]' }]
         }], ctorParameters: () => [] });
@@ -1361,10 +1361,10 @@ class GridTypeRegistry {
             // the actual functions that instantiate Angular components
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GridTypeRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GridTypeRegistry, providedIn: 'root' });
+    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' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GridTypeRegistry, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridTypeRegistry, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -1789,40 +1789,33 @@ class GridAdapter {
             this.editorViewRefs.push(viewRef);
             // Trigger change detection
             viewRef.detectChanges();
-            // Get the first root node (the component's host element)
-            const rootNode = viewRef.rootNodes[0];
+            // Use a stable wrapper so Angular's rootNodes (which may include comment
+            // placeholders from <ng-container>) are always inside one element node.
+            const container = document.createElement('span');
+            container.style.display = 'contents';
+            syncRootNodes(viewRef, container);
             // Auto-wire: Listen for commit/cancel events on the rendered component.
             // This allows components to just emit (commit) and (cancel) without
             // requiring explicit template bindings like (commit)="onCommit($event)".
-            if (rootNode && rootNode.addEventListener) {
-                rootNode.addEventListener('commit', (e) => {
-                    const customEvent = e;
-                    ctx.commit(customEvent.detail);
-                });
-                rootNode.addEventListener('cancel', () => {
-                    ctx.cancel();
-                });
-            }
-            // Auto-update editor when value changes externally (e.g., via updateRow cascade).
-            // This keeps Angular template editors in sync without manual DOM patching.
+            container.addEventListener('commit', (e) => {
+                const customEvent = e;
+                ctx.commit(customEvent.detail);
+            });
+            container.addEventListener('cancel', () => {
+                ctx.cancel();
+            });
+            // Auto-update editor when value changes externally (e.g., via updateRow cascade
+            // or Escape-revert in grid mode). Update the template context and run synchronous
+            // detectChanges() — Angular's own bindings and control flow (@for, @if) handle
+            // re-rendering regardless of editor type (inputs, chips, contenteditable, etc.).
             ctx.onValueChange?.((newVal) => {
                 context.$implicit = newVal;
                 context.value = newVal;
-                viewRef.markForCheck();
-                // Also patch raw DOM inputs as a fallback for editors that don't bind to context
-                if (rootNode) {
-                    const input = rootNode.querySelector?.('input,textarea,select');
-                    if (input) {
-                        if (input instanceof HTMLInputElement && input.type === 'checkbox') {
-                            input.checked = !!newVal;
-                        }
-                        else {
-                            input.value = String(newVal ?? '');
-                        }
-                    }
-                }
+                viewRef.detectChanges();
+                // Re-sync rootNodes in case Angular control flow changed them
+                syncRootNodes(viewRef, container);
             });
-            return rootNode;
+            return container;
         };
     }
     /**
@@ -2074,13 +2067,13 @@ class GridAdapter {
                 column: ctx.column,
             }, true);
             wireEditorCallbacks(hostElement, componentRef.instance, (value) => ctx.commit(value), () => ctx.cancel());
-            // Auto-update editor when value changes externally (e.g., via updateRow cascade).
-            // This keeps Angular component editors in sync without manual DOM patching.
+            // Auto-update editor when value changes externally (e.g., via updateRow cascade
+            // or Escape-revert). Update the component input and run detectChanges() —
+            // the component's own template handles rendering regardless of editor type.
             ctx.onValueChange?.((newVal) => {
                 try {
                     // Notify the editor so it can clear stale internal state (e.g., searchText
-                    // in autocomplete editors) before the value input updates. This ensures the
-                    // template reads fresh state during the synchronous detectChanges() below.
+                    // in autocomplete editors) before the value input updates.
                     const instance = componentRef.instance;
                     if (typeof instance['onExternalValueChange'] === 'function') {
                         instance.onExternalValueChange(newVal);
@@ -2089,16 +2082,7 @@ class GridAdapter {
                     componentRef.changeDetectorRef.detectChanges();
                 }
                 catch {
-                    // Input doesn't exist or component is destroyed — fall back to DOM patching
-                    const input = hostElement.querySelector?.('input,textarea,select');
-                    if (input) {
-                        if (input instanceof HTMLInputElement && input.type === 'checkbox') {
-                            input.checked = !!newVal;
-                        }
-                        else {
-                            input.value = String(newVal ?? '');
-                        }
-                    }
+                    // Component is destroyed — nothing to update.
                 }
             });
             return hostElement;
@@ -2544,10 +2528,10 @@ class GridIconRegistry {
     getRegisteredIcons() {
         return Array.from(this.icons.keys());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GridIconRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GridIconRegistry, providedIn: 'root' });
+    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' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GridIconRegistry, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridIconRegistry, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -2629,9 +2613,9 @@ function provideGridIcons(icons) {
 function injectGrid() {
     const elementRef = inject(ElementRef);
     // Reactive signals
-    const isReady = signal(false, ...(ngDevMode ? [{ debugName: "isReady" }] : []));
-    const config = signal(null, ...(ngDevMode ? [{ debugName: "config" }] : []));
-    const element = signal(null, ...(ngDevMode ? [{ debugName: "element" }] : []));
+    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 */ []));
     // Initialize after render
     afterNextRender(() => {
         const gridElement = elementRef.nativeElement.querySelector('tbw-grid');
@@ -2655,7 +2639,7 @@ function injectGrid() {
         if (!currentConfig?.columns)
             return [];
         return currentConfig.columns.filter((col) => !col.hidden);
-    }, ...(ngDevMode ? [{ debugName: "visibleColumns" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "visibleColumns" }] : /* istanbul ignore next */ []));
     // ═══════════════════════════════════════════════════════════════════
     // CORE METHODS
     // ═══════════════════════════════════════════════════════════════════
@@ -2869,7 +2853,7 @@ class BaseFilterPanel {
      * - `clearFilter()` — clear the filter for this column
      * - `closePanel()` — close the filter panel
      */
-    params = input.required(...(ngDevMode ? [{ debugName: "params" }] : []));
+    params = input.required(...(ngDevMode ? [{ debugName: "params" }] : /* istanbul ignore next */ []));
     /**
      * Apply the filter then close the panel.
      *
@@ -2890,10 +2874,10 @@ class BaseFilterPanel {
         this.params().clearFilter();
         this.params().closePanel();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: BaseFilterPanel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: BaseFilterPanel, isStandalone: true, inputs: { params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: BaseFilterPanel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: BaseFilterPanel, isStandalone: true, inputs: { params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: BaseFilterPanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: BaseFilterPanel, decorators: [{
             type: Directive
         }], propDecorators: { params: [{ type: i0.Input, args: [{ isSignal: true, alias: "params", required: true }] }] } });
 
@@ -2969,20 +2953,20 @@ class BaseGridEditor {
      * The cell value. Used when FormControl is not available.
      * When a FormControl is provided, value is derived from control.value instead.
      */
-    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
     /**
      * The full row data object.
      */
-    row = input(...(ngDevMode ? [undefined, { debugName: "row" }] : []));
+    row = input(...(ngDevMode ? [undefined, { debugName: "row" }] : /* istanbul ignore next */ []));
     /**
      * The column configuration.
      */
-    column = input(...(ngDevMode ? [undefined, { debugName: "column" }] : []));
+    column = input(...(ngDevMode ? [undefined, { debugName: "column" }] : /* istanbul ignore next */ []));
     /**
      * The FormControl for this cell, if the grid is bound to a FormArray.
      * When provided, the editor uses control.value instead of the value input.
      */
-    control = input(...(ngDevMode ? [undefined, { debugName: "control" }] : []));
+    control = input(...(ngDevMode ? [undefined, { debugName: "control" }] : /* istanbul ignore next */ []));
     // ============================================================================
     // Outputs
     // ============================================================================
@@ -3008,35 +2992,35 @@ class BaseGridEditor {
             return ctrl.value;
         }
         return this.value();
-    }, ...(ngDevMode ? [{ debugName: "currentValue" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "currentValue" }] : /* istanbul ignore next */ []));
     /**
      * Whether the control is invalid (has validation errors).
      * Returns false if no FormControl is available.
      */
     isInvalid = computed(() => {
         return this.control()?.invalid ?? false;
-    }, ...(ngDevMode ? [{ debugName: "isInvalid" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "isInvalid" }] : /* istanbul ignore next */ []));
     /**
      * Whether the control is dirty (has been modified).
      * Returns false if no FormControl is available.
      */
     isDirty = computed(() => {
         return this.control()?.dirty ?? false;
-    }, ...(ngDevMode ? [{ debugName: "isDirty" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "isDirty" }] : /* istanbul ignore next */ []));
     /**
      * Whether the control has been touched.
      * Returns false if no FormControl is available.
      */
     isTouched = computed(() => {
         return this.control()?.touched ?? false;
-    }, ...(ngDevMode ? [{ debugName: "isTouched" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "isTouched" }] : /* istanbul ignore next */ []));
     /**
      * Whether the control has any validation errors.
      */
     hasErrors = computed(() => {
         const ctrl = this.control();
         return ctrl?.errors != null && Object.keys(ctrl.errors).length > 0;
-    }, ...(ngDevMode ? [{ debugName: "hasErrors" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "hasErrors" }] : /* istanbul ignore next */ []));
     /**
      * The first error message from the control's validation errors.
      * Returns an empty string if no errors.
@@ -3047,7 +3031,7 @@ class BaseGridEditor {
             return '';
         const firstKey = Object.keys(ctrl.errors)[0];
         return this.getErrorMessage(firstKey, ctrl.errors[firstKey]);
-    }, ...(ngDevMode ? [{ debugName: "firstErrorMessage" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "firstErrorMessage" }] : /* istanbul ignore next */ []));
     /**
      * All error messages from the control's validation errors.
      */
@@ -3056,7 +3040,7 @@ class BaseGridEditor {
         if (!ctrl?.errors)
             return [];
         return Object.entries(ctrl.errors).map(([key, value]) => this.getErrorMessage(key, value));
-    }, ...(ngDevMode ? [{ debugName: "allErrorMessages" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "allErrorMessages" }] : /* istanbul ignore next */ []));
     // ============================================================================
     // Lifecycle
     // ============================================================================
@@ -3202,10 +3186,10 @@ class BaseGridEditor {
                 return `Invalid value (${errorKey})`;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: BaseGridEditor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: BaseGridEditor, isStandalone: true, inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, row: { classPropertyName: "row", publicName: "row", isSignal: true, isRequired: false, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { commit: "commit", cancel: "cancel" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: BaseGridEditor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: BaseGridEditor, isStandalone: true, inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, row: { classPropertyName: "row", publicName: "row", isSignal: true, isRequired: false, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { commit: "commit", cancel: "cancel" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: BaseGridEditor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: BaseGridEditor, decorators: [{
             type: Directive
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], row: [{ type: i0.Input, args: [{ isSignal: true, alias: "row", required: false }] }], column: [{ type: i0.Input, args: [{ isSignal: true, alias: "column", required: false }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }], commit: [{ type: i0.Output, args: ["commit"] }], cancel: [{ type: i0.Output, args: ["cancel"] }] } });
 
@@ -3273,12 +3257,12 @@ class BaseGridEditorCVA extends BaseGridEditor {
      * Signal holding the value written by the form control via `writeValue()`.
      * Updated when the form control pushes a new value (e.g. `patchValue`, `setValue`).
      */
-    cvaValue = signal(null, ...(ngDevMode ? [{ debugName: "cvaValue" }] : []));
+    cvaValue = signal(null, ...(ngDevMode ? [{ debugName: "cvaValue" }] : /* istanbul ignore next */ []));
     /**
      * Signal tracking the disabled state set by the form control.
      * Updated when `setDisabledState()` is called by Angular's forms module.
      */
-    disabledState = signal(false, ...(ngDevMode ? [{ debugName: "disabledState" }] : []));
+    disabledState = signal(false, ...(ngDevMode ? [{ debugName: "disabledState" }] : /* istanbul ignore next */ []));
     /**
      * Resolved display value.
      *
@@ -3290,7 +3274,7 @@ class BaseGridEditorCVA extends BaseGridEditor {
      */
     displayValue = computed(() => {
         return this.currentValue() ?? this.cvaValue();
-    }, ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []));
     // ============================================================================
     // ControlValueAccessor Implementation
     // ============================================================================
@@ -3341,10 +3325,10 @@ class BaseGridEditorCVA extends BaseGridEditor {
         // handler and EditingPlugin will apply it correctly)
         this.commitValue(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: BaseGridEditorCVA, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: BaseGridEditorCVA, isStandalone: true, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: BaseGridEditorCVA, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.5", type: BaseGridEditorCVA, isStandalone: true, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: BaseGridEditorCVA, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: BaseGridEditorCVA, decorators: [{
             type: Directive
         }] });
 
@@ -3878,10 +3862,10 @@ class BaseOverlayEditor extends BaseGridEditor {
         });
         this._focusObserver.observe(cell, { attributes: true, attributeFilter: ['class'] });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: BaseOverlayEditor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: BaseOverlayEditor, isStandalone: true, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: BaseOverlayEditor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.5", type: BaseOverlayEditor, isStandalone: true, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: BaseOverlayEditor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: BaseOverlayEditor, decorators: [{
             type: Directive
         }], ctorParameters: () => [] });
 
@@ -3916,10 +3900,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
  * @category Directive
  */
 class TbwGridColumn {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TbwGridColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TbwGridColumn, isStandalone: true, selector: "tbw-grid-column", ngImport: i0 });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TbwGridColumn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: TbwGridColumn, decorators: [{
             type: Directive,
             args: [{
                     selector: 'tbw-grid-column',
@@ -3954,10 +3938,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
  * @category Directive
  */
 class TbwGridHeader {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TbwGridHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TbwGridHeader, isStandalone: true, selector: "tbw-grid-header", ngImport: i0 });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TbwGridHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: TbwGridHeader, decorators: [{
             type: Directive,
             args: [{
                     selector: 'tbw-grid-header',
@@ -4068,7 +4052,7 @@ class GridLazyForm {
      * });
      * ```
      */
-    lazyForm = input.required(...(ngDevMode ? [{ debugName: "lazyForm" }] : []));
+    lazyForm = input.required(...(ngDevMode ? [{ debugName: "lazyForm" }] : /* istanbul ignore next */ []));
     /**
      * Whether to automatically sync Angular validation state to grid's visual invalid styling.
      *
@@ -4079,7 +4063,7 @@ class GridLazyForm {
      *
      * @default true
      */
-    syncValidation = input(true, ...(ngDevMode ? [{ debugName: "syncValidation" }] : []));
+    syncValidation = input(true, ...(ngDevMode ? [{ debugName: "syncValidation" }] : /* istanbul ignore next */ []));
     /**
      * Whether to keep FormGroups cached after a row exits edit mode.
      *
@@ -4088,7 +4072,7 @@ class GridLazyForm {
      *
      * @default false
      */
-    keepFormGroups = input(false, ...(ngDevMode ? [{ debugName: "keepFormGroups" }] : []));
+    keepFormGroups = input(false, ...(ngDevMode ? [{ debugName: "keepFormGroups" }] : /* istanbul ignore next */ []));
     /**
      * Emitted when a row's form values change.
      * Useful for auto-save, validation display, or syncing to external state.
@@ -4428,10 +4412,10 @@ class GridLazyForm {
         }
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GridLazyForm, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: GridLazyForm, isStandalone: true, selector: "tbw-grid[lazyForm]", inputs: { lazyForm: { classPropertyName: "lazyForm", publicName: "lazyForm", isSignal: true, isRequired: true, transformFunction: null }, syncValidation: { classPropertyName: "syncValidation", publicName: "syncValidation", isSignal: true, isRequired: false, transformFunction: null }, keepFormGroups: { classPropertyName: "keepFormGroups", publicName: "keepFormGroups", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rowFormChange: "rowFormChange" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridLazyForm, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: GridLazyForm, isStandalone: true, selector: "tbw-grid[lazyForm]", inputs: { lazyForm: { classPropertyName: "lazyForm", publicName: "lazyForm", isSignal: true, isRequired: true, transformFunction: null }, syncValidation: { classPropertyName: "syncValidation", publicName: "syncValidation", isSignal: true, isRequired: false, transformFunction: null }, keepFormGroups: { classPropertyName: "keepFormGroups", publicName: "keepFormGroups", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rowFormChange: "rowFormChange" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GridLazyForm, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: GridLazyForm, decorators: [{
             type: Directive,
             args: [{
                     selector: 'tbw-grid[lazyForm]',
@@ -4467,10 +4451,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
  * @category Directive
  */
 class TbwGridToolButtons {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TbwGridToolButtons, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TbwGridToolButtons, isStandalone: true, selector: "tbw-grid-tool-buttons", ngImport: i0 });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TbwGridToolButtons, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: TbwGridToolButtons, decorators: [{
             type: Directive,
             args: [{
                     selector: 'tbw-grid-tool-buttons',
@@ -4601,7 +4585,14 @@ class Grid {
             if (columnsValue === undefined)
                 return;
             const grid = this.elementRef.nativeElement;
-            grid.columns = columnsValue;
+            // Process columns through the adapter to convert Angular component classes
+            // (renderer/editor) to functions — the grid's columns setter does NOT call
+            // processConfig, unlike gridConfig. Without this, raw component classes
+            // would be invoked without `new`, causing runtime errors.
+            const processed = this.adapter
+                ? columnsValue.map((col) => this.adapter.processColumn(col))
+                : columnsValue;
+            grid.columns = processed;
         });
         // Effect to sync fitMode to the grid element
         effect(() => {
@@ -4629,7 +4620,7 @@ class Grid {
      * <tbw-grid [customStyles]="customStyles">...</tbw-grid>
      * ```
      */
-    customStyles = input(...(ngDevMode ? [undefined, { debugName: "customStyles" }] : []));
+    customStyles = input(...(ngDevMode ? [undefined, { debugName: "customStyles" }] : /* istanbul ignore next */ []));
     /**
      * Grid-wide sorting toggle.
      * When false, disables sorting for all columns regardless of their individual `sortable` setting.
@@ -4652,7 +4643,7 @@ class Grid {
      * <tbw-grid [sortable]="true" [multiSort]="true" />
      * ```
      */
-    sortable = input(...(ngDevMode ? [undefined, { debugName: "sortable" }] : []));
+    sortable = input(...(ngDevMode ? [undefined, { debugName: "sortable" }] : /* istanbul ignore next */ []));
     /**
      * Grid-wide filtering toggle.
      * When false, disables filtering for all columns regardless of their individual `filterable` setting.
@@ -4671,7 +4662,7 @@ class Grid {
      * <tbw-grid [filterable]="true" [filtering]="true" />
      * ```
      */
-    filterable = input(...(ngDevMode ? [undefined, { debugName: "filterable" }] : []));
+    filterable = input(...(ngDevMode ? [undefined, { debugName: "filterable" }] : /* istanbul ignore next */ []));
     /**
      * Grid-wide selection toggle.
      * When false, disables selection for all rows/cells.
@@ -4690,7 +4681,7 @@ class Grid {
      * <tbw-grid [selectable]="true" [selection]="'range'" />
      * ```
      */
-    selectable = input(...(ngDevMode ? [undefined, { debugName: "selectable" }] : []));
+    selectable = input(...(ngDevMode ? [undefined, { debugName: "selectable" }] : /* istanbul ignore next */ []));
     /**
      * Show a loading overlay on the grid.
      * Use this during initial data fetch or refresh operations.
@@ -4718,7 +4709,7 @@ class Grid {
      * }
      * ```
      */
-    loading = input(...(ngDevMode ? [undefined, { debugName: "loading" }] : []));
+    loading = input(...(ngDevMode ? [undefined, { debugName: "loading" }] : /* istanbul ignore next */ []));
     /**
      * The data rows to display in the grid.
      *
@@ -4731,7 +4722,7 @@ class Grid {
      * ```
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    rows = input(...(ngDevMode ? [undefined, { debugName: "rows" }] : []));
+    rows = input(...(ngDevMode ? [undefined, { debugName: "rows" }] : /* istanbul ignore next */ []));
     /**
      * Column configuration array.
      *
@@ -4749,7 +4740,7 @@ class Grid {
      * ```
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    columns = input(...(ngDevMode ? [undefined, { debugName: "columns" }] : []));
+    columns = input(...(ngDevMode ? [undefined, { debugName: "columns" }] : /* istanbul ignore next */ []));
     /**
      * Column sizing strategy.
      *
@@ -4765,7 +4756,7 @@ class Grid {
      * <tbw-grid [rows]="data" [fitMode]="dynamicMode()" />
      * ```
      */
-    fitMode = input(...(ngDevMode ? [undefined, { debugName: "fitMode" }] : []));
+    fitMode = input(...(ngDevMode ? [undefined, { debugName: "fitMode" }] : /* istanbul ignore next */ []));
     /**
      * Grid configuration object with optional Angular-specific extensions.
      *
@@ -4803,7 +4794,7 @@ class Grid {
      * ```
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    gridConfig = input(...(ngDevMode ? [undefined, { debugName: "gridConfig" }] : []));
+    gridConfig = input(...(ngDevMode ? [undefined, { debugName: "gridConfig" }] : /* istanbul ignore next */ []));
     /**
      * @deprecated Use `gridConfig` instead. This input will be removed in v2.
      *
@@ -4819,7 +4810,7 @@ class Grid {
      * ```
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    angularConfig = input(...(ngDevMode ? [undefined, { debugName: "angularConfig" }] : []));
+    angularConfig = input(...(ngDevMode ? [undefined, { debugName: "angularConfig" }] : /* istanbul ignore next */ []));
     // ═══════════════════════════════════════════════════════════════════════════
     // FEATURE INPUTS - Declarative plugin configuration
     // ═══════════════════════════════════════════════════════════════════════════
@@ -4841,7 +4832,7 @@ class Grid {
      * ```
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    selection = input(...(ngDevMode ? [undefined, { debugName: "selection" }] : []));
+    selection = input(...(ngDevMode ? [undefined, { debugName: "selection" }] : /* istanbul ignore next */ []));
     /**
      * Enable inline cell editing.
      *
@@ -4864,7 +4855,7 @@ class Grid {
      * <tbw-grid [editing]="{ editOn: 'dblclick', onBeforeEditClose: myCallback }" />
      * ```
      */
-    editing = input(...(ngDevMode ? [undefined, { debugName: "editing" }] : []));
+    editing = input(...(ngDevMode ? [undefined, { debugName: "editing" }] : /* istanbul ignore next */ []));
     /**
      * Enable clipboard copy/paste. Requires selection to be enabled.
      *
@@ -4878,7 +4869,7 @@ class Grid {
      * <tbw-grid [selection]="'range'" [clipboard]="true" />
      * ```
      */
-    clipboard = input(...(ngDevMode ? [undefined, { debugName: "clipboard" }] : []));
+    clipboard = input(...(ngDevMode ? [undefined, { debugName: "clipboard" }] : /* istanbul ignore next */ []));
     /**
      * Enable right-click context menu.
      *
@@ -4892,7 +4883,7 @@ class Grid {
      * <tbw-grid [contextMenu]="true" />
      * ```
      */
-    contextMenu = input(...(ngDevMode ? [undefined, { debugName: "contextMenu" }] : []));
+    contextMenu = input(...(ngDevMode ? [undefined, { debugName: "contextMenu" }] : /* istanbul ignore next */ []));
     /**
      * Enable multi-column sorting.
      *
@@ -4916,7 +4907,7 @@ class Grid {
      * <tbw-grid [multiSort]="{ maxSortColumns: 3 }" />
      * ```
      */
-    multiSort = input(...(ngDevMode ? [undefined, { debugName: "multiSort" }] : []));
+    multiSort = input(...(ngDevMode ? [undefined, { debugName: "multiSort" }] : /* istanbul ignore next */ []));
     /**
      * @deprecated Use `[multiSort]` instead. Will be removed in v2.
      *
@@ -4927,7 +4918,7 @@ class Grid {
      * import '@toolbox-web/grid-angular/features/multi-sort';
      * ```
      */
-    sorting = input(...(ngDevMode ? [undefined, { debugName: "sorting" }] : []));
+    sorting = input(...(ngDevMode ? [undefined, { debugName: "sorting" }] : /* istanbul ignore next */ []));
     /**
      * Enable column filtering.
      *
@@ -4943,7 +4934,7 @@ class Grid {
      * ```
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    filtering = input(...(ngDevMode ? [undefined, { debugName: "filtering" }] : []));
+    filtering = input(...(ngDevMode ? [undefined, { debugName: "filtering" }] : /* istanbul ignore next */ []));
     /**
      * Enable column drag-to-reorder.
      *
@@ -4957,11 +4948,11 @@ class Grid {
      * <tbw-grid [reorderColumns]="true" />
      * ```
      */
-    reorderColumns = input(...(ngDevMode ? [undefined, { debugName: "reorderColumns" }] : []));
+    reorderColumns = input(...(ngDevMode ? [undefined, { debugName: "reorderColumns" }] : /* istanbul ignore next */ []));
     /**
      * @deprecated Use `reorderColumns` instead. Will be removed in v2.
      */
-    reorder = input(...(ngDevMode ? [undefined, { debugName: "reorder" }] : []));
+    reorder = input(...(ngDevMode ? [undefined, { debugName: "reorder" }] : /* istanbul ignore next */ []));
     /**
      * Enable column visibility toggle panel.
      *
@@ -4975,7 +4966,7 @@ class Grid {
      * <tbw-grid [visibility]="true" />
      * ```
      */
-    visibility = input(...(ngDevMode ? [undefined, { debugName: "visibility" }] : []));
+    visibility = input(...(ngDevMode ? [undefined, { debugName: "visibility" }] : /* istanbul ignore next */ []));
     /**
      * Enable pinned/sticky columns.
      * Columns are pinned via the `sticky` column property.
@@ -4994,7 +4985,7 @@ class Grid {
      * ]" />
      * ```
      */
-    pinnedColumns = input(...(ngDevMode ? [undefined, { debugName: "pinnedColumns" }] : []));
+    pinnedColumns = input(...(ngDevMode ? [undefined, { debugName: "pinnedColumns" }] : /* istanbul ignore next */ []));
     /**
      * Enable multi-level column headers (column groups).
      *
@@ -5008,7 +4999,7 @@ class Grid {
      * <tbw-grid [groupingColumns]="true" />
      * ```
      */
-    groupingColumns = input(...(ngDevMode ? [undefined, { debugName: "groupingColumns" }] : []));
+    groupingColumns = input(...(ngDevMode ? [undefined, { debugName: "groupingColumns" }] : /* istanbul ignore next */ []));
     /**
      * Enable horizontal column virtualization for wide grids.
      *
@@ -5022,7 +5013,7 @@ class Grid {
      * <tbw-grid [columnVirtualization]="true" />
      * ```
      */
-    columnVirtualization = input(...(ngDevMode ? [undefined, { debugName: "columnVirtualization" }] : []));
+    columnVirtualization = input(...(ngDevMode ? [undefined, { debugName: "columnVirtualization" }] : /* istanbul ignore next */ []));
     /**
      * Enable row drag-to-reorder.
      *
@@ -5036,11 +5027,11 @@ class Grid {
      * <tbw-grid [reorderRows]="true" />
      * ```
      */
-    reorderRows = input(...(ngDevMode ? [undefined, { debugName: "reorderRows" }] : []));
+    reorderRows = input(...(ngDevMode ? [undefined, { debugName: "reorderRows" }] : /* istanbul ignore next */ []));
     /**
      * @deprecated Use `reorderRows` instead. Will be removed in v2.0.
      */
-    rowReorder = input(...(ngDevMode ? [undefined, { debugName: "rowReorder" }] : []));
+    rowReorder = input(...(ngDevMode ? [undefined, { debugName: "rowReorder" }] : /* istanbul ignore next */ []));
     /**
      * Enable row grouping by field values.
      *
@@ -5054,7 +5045,7 @@ class Grid {
      * <tbw-grid [groupingRows]="{ groupBy: ['department'] }" />
      * ```
      */
-    groupingRows = input(...(ngDevMode ? [undefined, { debugName: "groupingRows" }] : []));
+    groupingRows = input(...(ngDevMode ? [undefined, { debugName: "groupingRows" }] : /* istanbul ignore next */ []));
     /**
      * Enable pinned rows (aggregation/status bar).
      *
@@ -5068,7 +5059,7 @@ class Grid {
      * <tbw-grid [pinnedRows]="{ bottom: [{ type: 'aggregation' }] }" />
      * ```
      */
-    pinnedRows = input(...(ngDevMode ? [undefined, { debugName: "pinnedRows" }] : []));
+    pinnedRows = input(...(ngDevMode ? [undefined, { debugName: "pinnedRows" }] : /* istanbul ignore next */ []));
     /**
      * Enable hierarchical tree view.
      *
@@ -5082,7 +5073,7 @@ class Grid {
      * <tbw-grid [tree]="{ childrenField: 'children' }" />
      * ```
      */
-    tree = input(...(ngDevMode ? [undefined, { debugName: "tree" }] : []));
+    tree = input(...(ngDevMode ? [undefined, { debugName: "tree" }] : /* istanbul ignore next */ []));
     /**
      * Enable master-detail expandable rows.
      *
@@ -5096,7 +5087,7 @@ class Grid {
      * <tbw-grid [masterDetail]="{ detailRenderer: detailFn }" />
      * ```
      */
-    masterDetail = input(...(ngDevMode ? [undefined, { debugName: "masterDetail" }] : []));
+    masterDetail = input(...(ngDevMode ? [undefined, { debugName: "masterDetail" }] : /* istanbul ignore next */ []));
     /**
      * Enable responsive card layout for narrow viewports.
      *
@@ -5110,7 +5101,7 @@ class Grid {
      * <tbw-grid [responsive]="{ breakpoint: 768 }" />
      * ```
      */
-    responsive = input(...(ngDevMode ? [undefined, { debugName: "responsive" }] : []));
+    responsive = input(...(ngDevMode ? [undefined, { debugName: "responsive" }] : /* istanbul ignore next */ []));
     /**
      * Enable undo/redo for cell edits. Requires editing to be enabled.
      *
@@ -5124,7 +5115,7 @@ class Grid {
      * <tbw-grid [editing]="'dblclick'" [undoRedo]="true" />
      * ```
      */
-    undoRedo = input(...(ngDevMode ? [undefined, { debugName: "undoRedo" }] : []));
+    undoRedo = input(...(ngDevMode ? [undefined, { debugName: "undoRedo" }] : /* istanbul ignore next */ []));
     /**
      * Enable CSV/JSON export functionality.
      *
@@ -5139,7 +5130,7 @@ class Grid {
      * <tbw-grid [export]="{ filename: 'data.csv' }" />
      * ```
      */
-    exportFeature = input(undefined, { ...(ngDevMode ? { debugName: "exportFeature" } : {}), alias: 'export' });
+    exportFeature = input(undefined, { ...(ngDevMode ? { debugName: "exportFeature" } : /* istanbul ignore next */ {}), alias: 'export' });
     /**
      * Enable print functionality.
      *
@@ -5153,7 +5144,7 @@ class Grid {
      * <tbw-grid [print]="true" />
      * ```
      */
-    print = input(...(ngDevMode ? [undefined, { debugName: "print" }] : []));
+    print = input(...(ngDevMode ? [undefined, { debugName: "print" }] : /* istanbul ignore next */ []));
     /**
      * Enable pivot table functionality.
      *
@@ -5167,7 +5158,7 @@ class Grid {
      * <tbw-grid [pivot]="{ rowFields: ['category'], valueField: 'sales' }" />
      * ```
      */
-    pivot = input(...(ngDevMode ? [undefined, { debugName: "pivot" }] : []));
+    pivot = input(...(ngDevMode ? [undefined, { debugName: "pivot" }] : /* istanbul ignore next */ []));
     /**
      * Enable server-side data operations.
      *
@@ -5181,7 +5172,7 @@ class Grid {
      * <tbw-grid [serverSide]="{ dataSource: fetchDataFn }" />
      * ```
      */
-    serverSide = input(...(ngDevMode ? [undefined, { debugName: "serverSide" }] : []));
+    serverSide = input(...(ngDevMode ? [undefined, { debugName: "serverSide" }] : /* istanbul ignore next */ []));
     // ═══════════════════════════════════════════════════════════════════════════
     // EVENT OUTPUTS - All grid events
     // ═══════════════════════════════════════════════════════════════════════════
@@ -5679,10 +5670,10 @@ class Grid {
             this.adapter = null;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: Grid, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: Grid, isStandalone: true, selector: "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 }, fitMode: { classPropertyName: "fitMode", publicName: "fitMode", isSignal: true, isRequired: false, transformFunction: null }, gridConfig: { classPropertyName: "gridConfig", publicName: "gridConfig", isSignal: true, isRequired: false, transformFunction: null }, angularConfig: { classPropertyName: "angularConfig", publicName: "angularConfig", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, editing: { classPropertyName: "editing", publicName: "editing", isSignal: true, isRequired: false, transformFunction: null }, clipboard: { classPropertyName: "clipboard", publicName: "clipboard", isSignal: true, isRequired: false, transformFunction: null }, contextMenu: { classPropertyName: "contextMenu", publicName: "contextMenu", isSignal: true, isRequired: false, transformFunction: null }, multiSort: { classPropertyName: "multiSort", publicName: "multiSort", isSignal: true, isRequired: false, transformFunction: null }, sorting: { classPropertyName: "sorting", publicName: "sorting", isSignal: true, isRequired: false, transformFunction: null }, filtering: { classPropertyName: "filtering", publicName: "filtering", isSignal: true, isRequired: false, transformFunction: null }, reorderColumns: { classPropertyName: "reorderColumns", publicName: "reorderColumns", isSignal: true, isRequired: false, transformFunction: null }, reorder: { classPropertyName: "reorder", publicName: "reorder", isSignal: true, isRequired: false, transformFunction: null }, visibility: { classPropertyName: "visibility", publicName: "visibility", isSignal: true, isRequired: false, transformFunction: null }, pinnedColumns: { classPropertyName: "pinnedColumns", publicName: "pinnedColumns", isSignal: true, isRequired: false, transformFunction: null }, groupingColumns: { classPropertyName: "groupingColumns", publicName: "groupingColumns", isSignal: true, isRequired: false, transformFunction: null }, columnVirtualization: { classPropertyName: "columnVirtualization", publicName: "columnVirtualization", isSignal: true, isRequired: false, transformFunction: null }, reorderRows: { classPropertyName: "reorderRows", publicName: "reorderRows", isSignal: true, isRequired: false, transformFunction: null }, rowReorder: { classPropertyName: "rowReorder", publicName: "rowReorder", isSignal: true, isRequired: false, transformFunction: null }, groupingRows: { classPropertyName: "groupingRows", publicName: "groupingRows", isSignal: true, isRequired: false, transformFunction: null }, pinnedRows: { classPropertyName: "pinnedRows", publicName: "pinnedRows", isSignal: true, isRequired: false, transformFunction: null }, tree: { classPropertyName: "tree", publicName: "tree", isSignal: true, isRequired: false, transformFunction: null }, masterDetail: { classPropertyName: "masterDetail", publicName: "masterDetail", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null }, undoRedo: { classPropertyName: "undoRedo", publicName: "undoRedo", isSignal: true, isRequired: false, transformFunction: null }, exportFeature: { classPropertyName: "exportFeature", publicName: "export", isSignal: true, isRequired: false, transformFunction: null }, print: { classPropertyName: "print", publicName: "print", isSignal: true, isRequired: false, transformFunction: null }, pivot: { classPropertyName: "pivot", publicName: "pivot", isSignal: true, isRequired: false, transformFunction: null }, serverSide: { classPropertyName: "serverSide", publicName: "serverSide", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cellClick: "cellClick", rowClick: "rowClick", cellActivate: "cellActivate", cellChange: "cellChange", cellCommit: "cellCommit", rowCommit: "rowCommit", changedRowsReset: "changedRowsReset", sortChange: "sortChange", filterChange: "filterChange", columnResize: "columnResize", columnMove: "columnMove", columnVisibility: "columnVisibility", columnStateChange: "columnStateChange", selectionChange: "selectionChange", rowMove: "rowMove", groupToggle: "groupToggle", treeExpand: "treeExpand", detailExpand: "detailExpand", responsiveChange: "responsiveChange", copy: "copy", paste: "paste", undoRedoAction: "undoRedoAction", exportComplete: "exportComplete", printStart: "printStart", printComplete: "printComplete" }, ngImport: i0 });
+    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", 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 }, fitMode: { classPropertyName: "fitMode", publicName: "fitMode", isSignal: true, isRequired: false, transformFunction: null }, gridConfig: { classPropertyName: "gridConfig", publicName: "gridConfig", isSignal: true, isRequired: false, transformFunction: null }, angularConfig: { classPropertyName: "angularConfig", publicName: "angularConfig", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, editing: { classPropertyName: "editing", publicName: "editing", isSignal: true, isRequired: false, transformFunction: null }, clipboard: { classPropertyName: "clipboard", publicName: "clipboard", isSignal: true, isRequired: false, transformFunction: null }, contextMenu: { classPropertyName: "contextMenu", publicName: "contextMenu", isSignal: true, isRequired: false, transformFunction: null }, multiSort: { classPropertyName: "multiSort", publicName: "multiSort", isSignal: true, isRequired: false, transformFunction: null }, sorting: { classPropertyName: "sorting", publicName: "sorting", isSignal: true, isRequired: false, transformFunction: null }, filtering: { classPropertyName: "filtering", publicName: "filtering", isSignal: true, isRequired: false, transformFunction: null }, reorderColumns: { classPropertyName: "reorderColumns", publicName: "reorderColumns", isSignal: true, isRequired: false, transformFunction: null }, reorder: { classPropertyName: "reorder", publicName: "reorder", isSignal: true, isRequired: false, transformFunction: null }, visibility: { classPropertyName: "visibility", publicName: "visibility", isSignal: true, isRequired: false, transformFunction: null }, pinnedColumns: { classPropertyName: "pinnedColumns", publicName: "pinnedColumns", isSignal: true, isRequired: false, transformFunction: null }, groupingColumns: { classPropertyName: "groupingColumns", publicName: "groupingColumns", isSignal: true, isRequired: false, transformFunction: null }, columnVirtualization: { classPropertyName: "columnVirtualization", publicName: "columnVirtualization", isSignal: true, isRequired: false, transformFunction: null }, reorderRows: { classPropertyName: "reorderRows", publicName: "reorderRows", isSignal: true, isRequired: false, transformFunction: null }, rowReorder: { classPropertyName: "rowReorder", publicName: "rowReorder", isSignal: true, isRequired: false, transformFunction: null }, groupingRows: { classPropertyName: "groupingRows", publicName: "groupingRows", isSignal: true, isRequired: false, transformFunction: null }, pinnedRows: { classPropertyName: "pinnedRows", publicName: "pinnedRows", isSignal: true, isRequired: false, transformFunction: null }, tree: { classPropertyName: "tree", publicName: "tree", isSignal: true, isRequired: false, transformFunction: null }, masterDetail: { classPropertyName: "masterDetail", publicName: "masterDetail", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null }, undoRedo: { classPropertyName: "undoRedo", publicName: "undoRedo", isSignal: true, isRequired: false, transformFunction: null }, exportFeature: { classPropertyName: "exportFeature", publicName: "export", isSignal: true, isRequired: false, transformFunction: null }, print: { classPropertyName: "print", publicName: "print", isSignal: true, isRequired: false, transformFunction: null }, pivot: { classPropertyName: "pivot", publicName: "pivot", isSignal: true, isRequired: false, transformFunction: null }, serverSide: { classPropertyName: "serverSide", publicName: "serverSide", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cellClick: "cellClick", rowClick: "rowClick", cellActivate: "cellActivate", cellChange: "cellChange", cellCommit: "cellCommit", rowCommit: "rowCommit", changedRowsReset: "changedRowsReset", sortChange: "sortChange", filterChange: "filterChange", columnResize: "columnResize", columnMove: "columnMove", columnVisibility: "columnVisibility", columnStateChange: "columnStateChange", selectionChange: "selectionChange", rowMove: "rowMove", groupToggle: "groupToggle", treeExpand: "treeExpand", detailExpand: "detailExpand", responsiveChange: "responsiveChange", copy: "copy", paste: "paste", undoRedoAction: "undoRedoAction", exportComplete: "exportComplete", printStart: "printStart", printComplete: "printComplete" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: Grid, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: Grid, decorators: [{
             type: Directive,
             args: [{ selector: '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 }] }], fitMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "fitMode", required: false }] }], gridConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridConfig", required: false }] }], angularConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "angularConfig", required: false }] }], selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }], editing: [{ type: i0.Input, args: [{ isSignal: true, alias: "editing", required: false }] }], clipboard: [{ type: i0.Input, args: [{ isSignal: true, alias: "clipboard", required: false }] }], contextMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "contextMenu", required: false }] }], multiSort: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiSort", required: false }] }], sorting: [{ type: i0.Input, args: [{ isSignal: true, alias: "sorting", required: false }] }], filtering: [{ type: i0.Input, args: [{ isSignal: true, alias: "filtering", required: false }] }], reorderColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "reorderColumns", required: false }] }], reorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "reorder", required: false }] }], visibility: [{ type: i0.Input, args: [{ isSignal: true, alias: "visibility", required: false }] }], pinnedColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "pinnedColumns", required: false }] }], groupingColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupingColumns", required: false }] }], columnVirtualization: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnVirtualization", required: false }] }], reorderRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "reorderRows", required: false }] }], rowReorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowReorder", required: false }] }], groupingRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupingRows", required: false }] }], pinnedRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "pinnedRows", required: false }] }], tree: [{ type: i0.Input, args: [{ isSignal: true, alias: "tree", required: false }] }], masterDetail: [{ type: i0.Input, args: [{ isSignal: true, alias: "masterDetail", required: false }] }], responsive: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsive", required: false }] }], undoRedo: [{ type: i0.Input, args: [{ isSignal: true, alias: "undoRedo", required: false }] }], exportFeature: [{ type: i0.Input, args: [{ isSignal: true, alias: "export", required: false }] }], print: [{ type: i0.Input, args: [{ isSignal: true, alias: "print", required: false }] }], pivot: [{ type: i0.Input, args: [{ isSignal: true, alias: "pivot", required: false }] }], serverSide: [{ type: i0.Input, args: [{ isSignal: true, alias: "serverSide", 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"] }], cellCommit: [{ type: i0.Output, args: ["cellCommit"] }], rowCommit: [{ type: i0.Output, args: ["rowCommit"] }], changedRowsReset: [{ type: i0.Output, args: ["changedRowsReset"] }], sortChange: [{ type: i0.Output, args: ["sortChange"] }], filterChange: [{ type: i0.Output, args: ["filterChange"] }], columnResize: [{ type: i0.Output, args: ["columnResize"] }], columnMove: [{ type: i0.Output, args: ["columnMove"] }], columnVisibility: [{ type: i0.Output, args: ["columnVisibility"] }], columnStateChange: [{ type: i0.Output, args: ["columnStateChange"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], rowMove: [{ type: i0.Output, args: ["rowMove"] }], groupToggle: [{ type: i0.Output, args: ["groupToggle"] }], treeExpand: [{ type: i0.Output, args: ["treeExpand"] }], detailExpand: [{ type: i0.Output, args: ["detailExpand"] }], responsiveChange: [{ type: i0.Output, args: ["responsiveChange"] }], copy: [{ type: i0.Output, args: ["copy"] }], paste: [{ type: i0.Output, args: ["paste"] }], undoRedoAction: [{ type: i0.Output, args: ["undoRedoAction"] }], exportComplete: [{ type: i0.Output, args: ["exportComplete"] }], printStart: [{ type: i0.Output, args: ["printStart"] }], printComplete: [{ type: i0.Output, args: ["printComplete"] }] } });