@dereekb/dbx-web 13.43.0 → 14.0.0

package/fesm2022/dereekb-dbx-web-table.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { signal, ChangeDetectionStrategy, Component, Injectable, inject, computed, NgModule, input, Directive, ElementRef, InjectionToken, viewChild, effect } from '@angular/core';
+import { signal, Component, Injectable, inject, computed, NgModule, input, Directive, ElementRef, InjectionToken, viewChild, effect } from '@angular/core';
 import { DatePipe, NgClass } from '@angular/common';
 import { isSameDateDay } from '@dereekb/date';
 import { filterMaybe, beginLoading, valueFromFinishedLoadingState, mapLoadingStateValueWithOperator, asObservable, maybeValueFromObservableOrValue, loadingStateContext } from '@dereekb/rxjs';
@@ -27,7 +27,8 @@ import { MatTable, MatTableModule } from '@angular/material/table';
 class DbxTableDateHeaderComponent {
     left = 'E';
     right = 'MMM d';
-    _dateSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "_dateSignal" }] : /* istanbul ignore next */ []));
+    _dateSignal = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_dateSignal" }] : /* istanbul ignore next */ []));
     dateSignal = this._dateSignal.asReadonly();
     get date() {
         return this._dateSignal();
@@ -35,17 +36,17 @@ class DbxTableDateHeaderComponent {
     set date(date) {
         this._dateSignal.set(date);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableDateHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: DbxTableDateHeaderComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableDateHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: DbxTableDateHeaderComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
     @if (dateSignal()) {
       <div class="dbx-table-date-column-header">
         <span class="dbx-table-date-column-header-left">{{ dateSignal() | date: left }}</span>
         <span>{{ dateSignal() | date: right }}</span>
       </div>
     }
-  `, isInline: true, dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableDateHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableDateHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -56,9 +57,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
       </div>
     }
   `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [DatePipe],
-                    standalone: true
+                    imports: [DatePipe]
                 }]
         }] });
 /**
@@ -154,10 +153,10 @@ class DbxTableStore extends ComponentStore {
     setInput = this.updater((state, input) => ({ ...state, input }));
     setDataDelegate = this.updater((state, dataDelegate) => ({ ...state, dataDelegate }));
     setViewDelegate = this.updater((state, viewDelegate) => ({ ...state, viewDelegate }));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -182,10 +181,10 @@ class DbxTableDateRangeDayDistanceInputCellInputRangeSelectionStrategy {
         }
         return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableDateRangeDayDistanceInputCellInputRangeSelectionStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableDateRangeDayDistanceInputCellInputRangeSelectionStrategy });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableDateRangeDayDistanceInputCellInputRangeSelectionStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableDateRangeDayDistanceInputCellInputRangeSelectionStrategy });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableDateRangeDayDistanceInputCellInputRangeSelectionStrategy, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableDateRangeDayDistanceInputCellInputRangeSelectionStrategy, decorators: [{
             type: Injectable
         }] });
 const DEFAULT_DBX_TABLE_DATE_RANGE_DAY_DISTIANCE_INPUT_CELL_COMPONENT_CONFIG = { daysDistance: 6 };
@@ -197,22 +196,28 @@ class DbxTableDateRangeDayDistanceInputCellInputComponent {
     tableStore = inject((DbxTableStore));
     _syncSub = cleanSubscription();
     _valueSub = cleanSubscription();
-    _pickerOpenedSignal = signal(false, ...(ngDevMode ? [{ debugName: "_pickerOpenedSignal" }] : /* istanbul ignore next */ []));
-    _configSignal = signal(DEFAULT_DBX_TABLE_DATE_RANGE_DAY_DISTIANCE_INPUT_CELL_COMPONENT_CONFIG, ...(ngDevMode ? [{ debugName: "_configSignal" }] : /* istanbul ignore next */ []));
+    _pickerOpenedSignal = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_pickerOpenedSignal" }] : /* istanbul ignore next */ []));
+    _configSignal = signal(DEFAULT_DBX_TABLE_DATE_RANGE_DAY_DISTIANCE_INPUT_CELL_COMPONENT_CONFIG, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_configSignal" }] : /* istanbul ignore next */ []));
     range = new FormGroup({
         start: new FormControl(null),
         end: new FormControl(null)
     });
     pickerOpened$ = this.range.valueChanges.pipe(startWith(this.range.value));
-    minDateSignal = computed(() => this._configSignal().minDate ?? null, ...(ngDevMode ? [{ debugName: "minDateSignal" }] : /* istanbul ignore next */ []));
-    maxDateSignal = computed(() => this._configSignal().maxDate ?? null, ...(ngDevMode ? [{ debugName: "maxDateSignal" }] : /* istanbul ignore next */ []));
-    buttonFormatSignal = computed(() => this._configSignal().buttonFormat ?? DEFAULT_DBX_TABLE_DATE_RANGE_DAY_BUTTON_FORMAT, ...(ngDevMode ? [{ debugName: "buttonFormatSignal" }] : /* istanbul ignore next */ []));
+    minDateSignal = computed(() => this._configSignal().minDate ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minDateSignal" }] : /* istanbul ignore next */ []));
+    maxDateSignal = computed(() => this._configSignal().maxDate ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxDateSignal" }] : /* istanbul ignore next */ []));
+    buttonFormatSignal = computed(() => this._configSignal().buttonFormat ?? DEFAULT_DBX_TABLE_DATE_RANGE_DAY_BUTTON_FORMAT, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "buttonFormatSignal" }] : /* istanbul ignore next */ []));
     rangeValue$ = this.range.valueChanges.pipe(startWith(this.range.value));
     dateRangeStringSignal = computed(() => {
         const buttonFormat = this.buttonFormatSignal();
         const { start, end } = this.range.value;
         return start && end ? `${format(start, buttonFormat)} - ${format(end, buttonFormat)}` : `Select Date`;
-    }, ...(ngDevMode ? [{ debugName: "dateRangeStringSignal" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dateRangeStringSignal" }] : /* istanbul ignore next */ []));
     constructor() {
         cleanSubscription(this.tableStore.input$.subscribe((x) => {
             const start = x?.date ?? null;
@@ -245,8 +250,8 @@ class DbxTableDateRangeDayDistanceInputCellInputComponent {
     pickerClosed() {
         this._pickerOpenedSignal.set(false);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableDateRangeDayDistanceInputCellInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: DbxTableDateRangeDayDistanceInputCellInputComponent, isStandalone: true, selector: "ng-component", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableDateRangeDayDistanceInputCellInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: DbxTableDateRangeDayDistanceInputCellInputComponent, isStandalone: true, selector: "ng-component", providers: [
             {
                 provide: MAT_DATE_RANGE_SELECTION_STRATEGY,
                 useClass: DbxTableDateRangeDayDistanceInputCellInputRangeSelectionStrategy
@@ -260,9 +265,9 @@ class DbxTableDateRangeDayDistanceInputCellInputComponent {
       <button mat-stroked-button color="primary" (click)="picker.open()">{{ dateRangeStringSignal() }}</button>
       <mat-date-range-picker #picker (opened)="pickerOpened()" (closed)="pickerClosed()"></mat-date-range-picker>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i1.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i1.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i1.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i1.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i1.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i1.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableDateRangeDayDistanceInputCellInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableDateRangeDayDistanceInputCellInputComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -281,8 +286,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
                             useClass: DbxTableDateRangeDayDistanceInputCellInputRangeSelectionStrategy
                         }
                     ],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true,
                     imports: [MatDatepickerModule, ReactiveFormsModule, MatButtonModule]
                 }]
         }], ctorParameters: () => [] });
@@ -306,11 +309,11 @@ function dbxTableDateRangeDayDistanceInputCellInput(componentConfig) {
 
 const importsAndExports$1 = [DbxTableDateHeaderComponent, DbxTableDateRangeDayDistanceInputCellInputComponent];
 class DbxTableDateModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableDateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.11", ngImport: i0, type: DbxTableDateModule, imports: [DbxTableDateHeaderComponent, DbxTableDateRangeDayDistanceInputCellInputComponent], exports: [DbxTableDateHeaderComponent, DbxTableDateRangeDayDistanceInputCellInputComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableDateModule, imports: [DbxTableDateRangeDayDistanceInputCellInputComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableDateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: DbxTableDateModule, imports: [DbxTableDateHeaderComponent, DbxTableDateRangeDayDistanceInputCellInputComponent], exports: [DbxTableDateHeaderComponent, DbxTableDateRangeDayDistanceInputCellInputComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableDateModule, imports: [DbxTableDateRangeDayDistanceInputCellInputComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableDateModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableDateModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: importsAndExports$1,
@@ -322,20 +325,18 @@ class DbxTableActionCellComponent {
     tableStore = inject(DbxTableStore);
     config$ = this.tableStore.viewDelegate$.pipe(map((x) => x.actionHeader), distinctUntilChanged());
     configSignal = toSignal(this.config$);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableActionCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: DbxTableActionCellComponent, isStandalone: true, selector: "dbx-table-action-cell", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableActionCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: DbxTableActionCellComponent, isStandalone: true, selector: "dbx-table-action-cell", ngImport: i0, template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableActionCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableActionCellComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-table-action-cell',
                     template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
   `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true,
                     imports: [DbxInjectionComponent]
                 }]
         }] });
@@ -347,20 +348,18 @@ class DbxTableInputCellComponent {
     tableStore = inject(DbxTableStore);
     config$ = this.tableStore.viewDelegate$.pipe(map((x) => x.inputHeader), distinctUntilChanged());
     configSignal = toSignal(this.config$);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableInputCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: DbxTableInputCellComponent, isStandalone: true, selector: "dbx-table-input-cell", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableInputCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: DbxTableInputCellComponent, isStandalone: true, selector: "dbx-table-input-cell", ngImport: i0, template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableInputCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableInputCellComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-table-input-cell',
                     template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
   `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true,
                     imports: [DbxInjectionComponent]
                 }]
         }] });
@@ -369,20 +368,18 @@ class DbxTableSummaryEndCellComponent {
     tableStore = inject(DbxTableStore);
     config$ = this.tableStore.viewDelegate$.pipe(map((x) => x.summaryRowEnd), distinctUntilChanged());
     configSignal = toSignal(this.config$);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableSummaryEndCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: DbxTableSummaryEndCellComponent, isStandalone: true, selector: "dbx-table-summary-end-cell", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableSummaryEndCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: DbxTableSummaryEndCellComponent, isStandalone: true, selector: "dbx-table-summary-end-cell", ngImport: i0, template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableSummaryEndCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableSummaryEndCellComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-table-summary-end-cell',
                     template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
   `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true,
                     imports: [DbxInjectionComponent]
                 }]
         }] });
@@ -394,20 +391,18 @@ class DbxTableSummaryStartCellComponent {
     tableStore = inject(DbxTableStore);
     config$ = this.tableStore.viewDelegate$.pipe(map((x) => x.summaryRowHeader), distinctUntilChanged());
     configSignal = toSignal(this.config$);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableSummaryStartCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: DbxTableSummaryStartCellComponent, isStandalone: true, selector: "dbx-table-summary-start-cell", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableSummaryStartCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: DbxTableSummaryStartCellComponent, isStandalone: true, selector: "dbx-table-summary-start-cell", ngImport: i0, template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableSummaryStartCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableSummaryStartCellComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-table-summary-start-cell',
                     template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
   `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true,
                     imports: [DbxInjectionComponent]
                 }]
         }] });
@@ -417,12 +412,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
  */
 class AbstractDbxTableColumnDirective {
     tableStore = inject((DbxTableStore));
-    column = input(...(ngDevMode ? [undefined, { debugName: "column" }] : /* istanbul ignore next */ []));
+    column = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "column" }] : /* istanbul ignore next */ []));
     column$ = toObservable(this.column).pipe(filterMaybe(), distinctUntilChanged());
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: AbstractDbxTableColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.11", type: AbstractDbxTableColumnDirective, isStandalone: true, inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: AbstractDbxTableColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.4", type: AbstractDbxTableColumnDirective, isStandalone: true, inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: AbstractDbxTableColumnDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: AbstractDbxTableColumnDirective, decorators: [{
             type: Directive
         }], propDecorators: { column: [{ type: i0.Input, args: [{ isSignal: true, alias: "column", required: false }] }] } });
 
@@ -432,20 +428,18 @@ class DbxTableColumnHeaderComponent extends AbstractDbxTableColumnDirective {
         return columnHeader ? this.column$.pipe(map((x) => columnHeader(x))) : of(undefined);
     }), distinctUntilChanged());
     configSignal = toSignal(this.config$);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableColumnHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: DbxTableColumnHeaderComponent, isStandalone: true, selector: "dbx-table-column-header", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableColumnHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: DbxTableColumnHeaderComponent, isStandalone: true, selector: "dbx-table-column-header", usesInheritance: true, ngImport: i0, template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableColumnHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableColumnHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-table-column-header',
                     template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
   `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true,
                     imports: [DbxInjectionComponent]
                 }]
         }] });
@@ -456,20 +450,18 @@ class DbxTableColumnFooterComponent extends AbstractDbxTableColumnDirective {
         return columnFooter ? this.column$.pipe(map((x) => columnFooter(x))) : of(undefined);
     }), distinctUntilChanged());
     configSignal = toSignal(this.config$);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableColumnFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: DbxTableColumnFooterComponent, isStandalone: true, selector: "dbx-table-column-footer", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableColumnFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: DbxTableColumnFooterComponent, isStandalone: true, selector: "dbx-table-column-footer", usesInheritance: true, ngImport: i0, template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableColumnFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableColumnFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-table-column-footer',
                     template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
   `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true,
                     imports: [DbxInjectionComponent]
                 }]
         }] });
@@ -521,7 +513,8 @@ class DbxTableColumnSizeDirective {
             visibleColumns += 1;
         }
         return visibleColumns;
-    }, ...(ngDevMode ? [{ debugName: "visibleColumnsSignal" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "visibleColumnsSignal" }] : /* istanbul ignore next */ []));
     addColumn(column) {
         this._columnsMap.value.set(column.index(), column);
         this._columnsMap.next(this._columnsMap.value);
@@ -531,15 +524,14 @@ class DbxTableColumnSizeDirective {
             this._columnsMap.next(this._columnsMap.value);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableColumnSizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.11", type: DbxTableColumnSizeDirective, isStandalone: true, selector: "[dbxTableColumnSize]", exportAs: ["dbxTableColumnSize"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableColumnSizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: DbxTableColumnSizeDirective, isStandalone: true, selector: "[dbxTableColumnSize]", exportAs: ["dbxTableColumnSize"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableColumnSizeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableColumnSizeDirective, decorators: [{
             type: Directive,
             args: [{
                     exportAs: 'dbxTableColumnSize',
-                    selector: '[dbxTableColumnSize]',
-                    standalone: true
+                    selector: '[dbxTableColumnSize]'
                 }]
         }] });
 /**
@@ -559,15 +551,14 @@ class DbxColumnSizeColumnDirective {
     get width() {
         return this.elementRef.nativeElement.clientWidth;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxColumnSizeColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.11", type: DbxColumnSizeColumnDirective, isStandalone: true, selector: "[dbx-column-size-column]", inputs: { index: { classPropertyName: "index", publicName: "dbx-column-size-column", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxColumnSizeColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.4", type: DbxColumnSizeColumnDirective, isStandalone: true, selector: "[dbx-column-size-column]", inputs: { index: { classPropertyName: "index", publicName: "dbx-column-size-column", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxColumnSizeColumnDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxColumnSizeColumnDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: '[dbx-column-size-column]',
-                    standalone: true
+                    selector: '[dbx-column-size-column]'
                 }]
         }], ctorParameters: () => [], propDecorators: { index: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbx-column-size-column", required: true }] }] } });
 
@@ -578,56 +569,54 @@ const DBX_TABLE_COLUMN_SIZE_PARENT_ELEMENT_REF_TOKEN = new InjectionToken('DBX_T
  */
 class AbstractDbxTableItemDirective {
     tableStore = inject((DbxTableStore));
-    item = input(...(ngDevMode ? [undefined, { debugName: "item" }] : /* istanbul ignore next */ []));
+    item = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "item" }] : /* istanbul ignore next */ []));
     item$ = toObservable(this.item);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: AbstractDbxTableItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.11", type: AbstractDbxTableItemDirective, isStandalone: true, inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: AbstractDbxTableItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.4", type: AbstractDbxTableItemDirective, isStandalone: true, inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: AbstractDbxTableItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: AbstractDbxTableItemDirective, decorators: [{
             type: Directive
         }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }] } });
 
 class DbxTableItemCellComponent extends AbstractDbxTableItemDirective {
-    column = input(...(ngDevMode ? [undefined, { debugName: "column" }] : /* istanbul ignore next */ []));
+    column = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "column" }] : /* istanbul ignore next */ []));
     column$ = toObservable(this.column);
     config$ = this.tableStore.viewDelegate$.pipe(switchMap((viewDelegate) => combineLatest([this.column$, this.item$]).pipe(map(([column, item]) => (column && item ? viewDelegate.itemCell(column, item) : undefined)))));
     configSignal = toSignal(this.config$);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableItemCellComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.11", type: DbxTableItemCellComponent, isStandalone: true, selector: "dbx-table-item-cell", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableItemCellComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: DbxTableItemCellComponent, isStandalone: true, selector: "dbx-table-item-cell", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableItemCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableItemCellComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-table-item-cell',
                     template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
   `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [DbxInjectionComponent],
-                    standalone: true
+                    imports: [DbxInjectionComponent]
                 }]
         }], propDecorators: { column: [{ type: i0.Input, args: [{ isSignal: true, alias: "column", required: false }] }] } });
 
 class DbxTableItemHeaderComponent extends AbstractDbxTableItemDirective {
     config$ = this.tableStore.viewDelegate$.pipe(switchMap((viewDelegate) => this.item$.pipe(map((x) => (x == null ? undefined : viewDelegate.itemHeader(x))))), maybeValueFromObservableOrValue());
     configSignal = toSignal(this.config$);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableItemHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: DbxTableItemHeaderComponent, isStandalone: true, selector: "dbx-table-item-header", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableItemHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: DbxTableItemHeaderComponent, isStandalone: true, selector: "dbx-table-item-header", usesInheritance: true, ngImport: i0, template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableItemHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableItemHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-table-item-header',
                     template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
   `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [DbxInjectionComponent],
-                    standalone: true
+                    imports: [DbxInjectionComponent]
                 }]
         }] });
 
@@ -641,21 +630,19 @@ class DbxTableItemActionComponent extends AbstractDbxTableItemDirective {
         return obs;
     }), maybeValueFromObservableOrValue());
     configSignal = toSignal(this.config$);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableItemActionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: DbxTableItemActionComponent, isStandalone: true, selector: "dbx-table-item-action", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableItemActionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: DbxTableItemActionComponent, isStandalone: true, selector: "dbx-table-item-action", usesInheritance: true, ngImport: i0, template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableItemActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableItemActionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-table-item-action',
                     template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
   `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [DbxInjectionComponent],
-                    standalone: true
+                    imports: [DbxInjectionComponent]
                 }]
         }] });
 
@@ -664,12 +651,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
  */
 class AbstractDbxTableGroupDirective {
     tableStore = inject((DbxTableStore));
-    group = input(...(ngDevMode ? [undefined, { debugName: "group" }] : /* istanbul ignore next */ []));
+    group = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "group" }] : /* istanbul ignore next */ []));
     group$ = toObservable(this.group).pipe(filterMaybe(), distinctUntilChanged());
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: AbstractDbxTableGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.11", type: AbstractDbxTableGroupDirective, isStandalone: true, inputs: { group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: AbstractDbxTableGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.4", type: AbstractDbxTableGroupDirective, isStandalone: true, inputs: { group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: AbstractDbxTableGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: AbstractDbxTableGroupDirective, decorators: [{
             type: Directive
         }], propDecorators: { group: [{ type: i0.Input, args: [{ isSignal: true, alias: "group", required: false }] }] } });
 
@@ -683,21 +671,19 @@ class DbxTableGroupHeaderComponent extends AbstractDbxTableGroupDirective {
         return obs;
     }), maybeValueFromObservableOrValue(), distinctUntilChanged());
     configSignal = toSignal(this.config$);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableGroupHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: DbxTableGroupHeaderComponent, isStandalone: true, selector: "dbx-table-group-header", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableGroupHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: DbxTableGroupHeaderComponent, isStandalone: true, selector: "dbx-table-group-header", usesInheritance: true, ngImport: i0, template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableGroupHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableGroupHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-table-group-header',
                     template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
   `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [DbxInjectionComponent],
-                    standalone: true
+                    imports: [DbxInjectionComponent]
                 }]
         }] });
 
@@ -711,21 +697,19 @@ class DbxTableGroupFooterComponent extends AbstractDbxTableGroupDirective {
         return obs;
     }), maybeValueFromObservableOrValue(), distinctUntilChanged());
     configSignal = toSignal(this.config$);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableGroupFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: DbxTableGroupFooterComponent, isStandalone: true, selector: "dbx-table-group-footer", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableGroupFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: DbxTableGroupFooterComponent, isStandalone: true, selector: "dbx-table-group-footer", usesInheritance: true, ngImport: i0, template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableGroupFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableGroupFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-table-group-footer',
                     template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
   `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [DbxInjectionComponent],
-                    standalone: true
+                    imports: [DbxInjectionComponent]
                 }]
         }] });
 
@@ -736,20 +720,18 @@ class DbxTableFullSummaryRowComponent {
     tableStore = inject(DbxTableStore);
     config$ = this.tableStore.viewDelegate$.pipe(map((x) => x.fullSummaryRow), distinctUntilChanged());
     configSignal = toSignal(this.config$);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableFullSummaryRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: DbxTableFullSummaryRowComponent, isStandalone: true, selector: "dbx-table-full-summary-row", host: { classAttribute: "dbx-h100 dbx-flex-bar" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableFullSummaryRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: DbxTableFullSummaryRowComponent, isStandalone: true, selector: "dbx-table-full-summary-row", host: { classAttribute: "dbx-h100 dbx-flex-bar" }, ngImport: i0, template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableFullSummaryRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableFullSummaryRowComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-table-full-summary-row',
                     template: `
     <dbx-injection [config]="configSignal()"></dbx-injection>
   `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true,
                     imports: [DbxInjectionComponent],
                     host: {
                         class: 'dbx-h100 dbx-flex-bar'
@@ -782,12 +764,15 @@ function isDbxTableViewItemElement(element) {
  */
 class DbxTableViewComponent {
     tableStore = inject((DbxTableStore));
-    table = viewChild.required(MatTable);
+    table = viewChild.required(MatTable, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "table" }] : /* istanbul ignore next */ []));
     DEFAULT_TRACK_BY_FUNCTION = (index) => {
         return index;
     };
-    scrollDistance = input(0.5, ...(ngDevMode ? [{ debugName: "scrollDistance" }] : /* istanbul ignore next */ []));
-    throttleScroll = input(50, ...(ngDevMode ? [{ debugName: "throttleScroll" }] : /* istanbul ignore next */ []));
+    scrollDistance = input(0.5, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollDistance" }] : /* istanbul ignore next */ []));
+    throttleScroll = input(50, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "throttleScroll" }] : /* istanbul ignore next */ []));
     itemsColumnName = DBX_TABLE_ITEMS_COLUMN_NAME;
     actionsColumnName = DBX_TABLE_ACTIONS_COLUMN_NAME;
     innerColumns$ = this.tableStore.columns$;
@@ -840,7 +825,8 @@ class DbxTableViewComponent {
     displayedColumnsSignal = computed(() => {
         const columnNames = this.innerColumnNamesSignal() || [];
         return [this.itemsColumnName, ...columnNames, this.actionsColumnName];
-    }, ...(ngDevMode ? [{ debugName: "displayedColumnsSignal" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayedColumnsSignal" }] : /* istanbul ignore next */ []));
     trackByFunction$ = this.tableStore.viewDelegate$.pipe(map((x) => x.trackBy ?? this.DEFAULT_TRACK_BY_FUNCTION), shareReplay(1));
     inputTrackByFunctionSignal = toSignal(this.trackByFunction$, { initialValue: this.DEFAULT_TRACK_BY_FUNCTION });
     trackElementByFunctionSignal = computed(() => {
@@ -849,7 +835,8 @@ class DbxTableViewComponent {
             return element.type === 'item' ? `i_${trackByFunction(index, element.item)}` : `g_${element.group.groupId}`;
         };
         return fn;
-    }, ...(ngDevMode ? [{ debugName: "trackElementByFunctionSignal" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "trackElementByFunctionSignal" }] : /* istanbul ignore next */ []));
     context = loadingStateContext({ obs: this.tableStore.dataState$ });
     dataLoadingContext = loadingStateContext({ obs: this.elementsState$ });
     contextSignal = toSignal(this.context.state$);
@@ -872,20 +859,22 @@ class DbxTableViewComponent {
     showFooterRowSignal = computed(() => {
         const viewDelegate = this.viewDelegateSignal();
         return viewDelegate && (viewDelegate.summaryRowHeader != null || viewDelegate.columnFooter != null || viewDelegate.summaryRowEnd != null);
-    }, ...(ngDevMode ? [{ debugName: "showFooterRowSignal" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showFooterRowSignal" }] : /* istanbul ignore next */ []));
     showFullSummaryRowSignal = computed(() => {
         const viewDelegate = this.viewDelegateSignal();
         return viewDelegate?.fullSummaryRow != null;
-    }, ...(ngDevMode ? [{ debugName: "showFullSummaryRowSignal" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: DbxTableViewComponent, isStandalone: true, selector: "dbx-table-view", inputs: { scrollDistance: { classPropertyName: "scrollDistance", publicName: "scrollDistance", isSignal: true, isRequired: false, transformFunction: null }, throttleScroll: { classPropertyName: "throttleScroll", publicName: "throttleScroll", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showFullSummaryRowSignal" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: DbxTableViewComponent, isStandalone: true, selector: "dbx-table-view", inputs: { scrollDistance: { classPropertyName: "scrollDistance", publicName: "scrollDistance", isSignal: true, isRequired: false, transformFunction: null }, throttleScroll: { classPropertyName: "throttleScroll", publicName: "throttleScroll", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: DBX_TABLE_COLUMN_SIZE_PARENT_ELEMENT_REF_TOKEN,
                 useExisting: ElementRef
             }
-        ], viewQueries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true, isSignal: true }], ngImport: i0, template: "<dbx-loading [context]=\"context\">\n  <dbx-loading class=\"dbx-table-view-loading\" [linear]=\"true\" [context]=\"dataLoadingContext\"></dbx-loading>\n  <div class=\"dbx-table-view\" [ngClass]=\"tableCssClasses()\">\n    <section class=\"dbx-table-view-table-wrapper\" dbxTableColumnSize #columnSize=\"dbxTableColumnSize\" infinite-scroll [infiniteScrollDistance]=\"scrollDistance()\" [infiniteScrollThrottle]=\"throttleScroll()\" [scrollWindow]=\"false\" (scrolled)=\"onScrollDown()\">\n      <table class=\"dbx-table-view-table\" mat-table [dataSource]=\"elementsSignal()\" [trackBy]=\"trackElementByFunctionSignal()\" multiTemplateDataRows>\n        <!-- Groups -->\n        <!-- Group Header column -->\n        <ng-container matColumnDef=\"groupHeaderColumn\" [sticky]=\"true\">\n          <td mat-cell [attr.colspan]=\"columnSize.visibleColumnsSignal()\" *matCellDef=\"let element\">\n            <dbx-table-group-header [group]=\"element.group\"></dbx-table-group-header>\n          </td>\n        </ng-container>\n\n        <!-- Group Footer column -->\n        <ng-container matColumnDef=\"groupFooterColumn\" [sticky]=\"true\">\n          <td mat-cell [attr.colspan]=\"columnSize.visibleColumnsSignal()\" *matCellDef=\"let element\">\n            <dbx-table-group-footer [group]=\"element.group\"></dbx-table-group-footer>\n          </td>\n        </ng-container>\n\n        <!-- Items -->\n        <!-- Header/Item column -->\n        <ng-container [matColumnDef]=\"itemsColumnName\" [sticky]=\"true\">\n          <th dbx-column-size-column=\"head\" mat-header-cell *matHeaderCellDef>\n            <dbx-table-input-cell></dbx-table-input-cell>\n          </th>\n          <td mat-cell *matCellDef=\"let element\">\n            <dbx-table-item-header [item]=\"element.item\"></dbx-table-item-header>\n          </td>\n          <td mat-footer-cell *matFooterCellDef>\n            <dbx-table-summary-start-cell></dbx-table-summary-start-cell>\n          </td>\n        </ng-container>\n\n        <!-- Column Definitions -->\n        @for (column of innerColumnsSignal(); track column.columnName) {\n          <ng-container [matColumnDef]=\"column.columnName\" [sticky]=\"false\">\n            <th [dbx-column-size-column]=\"$index\" mat-header-cell *matHeaderCellDef>\n              <dbx-table-column-header [column]=\"column\"></dbx-table-column-header>\n            </th>\n            <td mat-cell *matCellDef=\"let element\">\n              <dbx-table-item-cell [item]=\"element.item\" [column]=\"column\"></dbx-table-item-cell>\n            </td>\n            <td mat-footer-cell *matFooterCellDef>\n              <dbx-table-column-footer [column]=\"column\"></dbx-table-column-footer>\n            </td>\n          </ng-container>\n        }\n\n        <!-- Tail/Action column -->\n        <ng-container [matColumnDef]=\"actionsColumnName\" [stickyEnd]=\"true\">\n          <th dbx-column-size-column=\"tail\" mat-header-cell *matHeaderCellDef>\n            <dbx-table-action-cell></dbx-table-action-cell>\n          </th>\n          <td mat-cell *matCellDef=\"let element\">\n            <dbx-table-item-action [item]=\"element.item\"></dbx-table-item-action>\n          </td>\n          <td mat-footer-cell *matFooterCellDef>\n            <dbx-table-summary-end-cell></dbx-table-summary-end-cell>\n          </td>\n        </ng-container>\n\n        <!-- Table View -->\n        <tr mat-header-row *matHeaderRowDef=\"displayedColumnsSignal(); sticky: true\"></tr>\n\n        <tr mat-row *matRowDef=\"let row; columns: ['groupHeaderColumn']; when: showGroupHeaderRow\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayedColumnsSignal(); when: showItemRow\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: ['groupFooterColumn']; when: showGroupFooterRow\"></tr>\n\n        <tr [ngClass]=\"{ 'dbx-hide': !showFooterRowSignal() }\" mat-footer-row *matFooterRowDef=\"displayedColumnsSignal(); sticky: true\"></tr>\n      </table>\n    </section>\n    <!-- Full summary row -->\n    @if (showFullSummaryRowSignal()) {\n      <div class=\"mat-mdc-table dbx-table-view-full-summary-row-container\">\n        <div class=\"mdc-data-table__cell mat-mdc-row\">\n          <dbx-table-full-summary-row></dbx-table-full-summary-row>\n        </div>\n      </div>\n    }\n  </div>\n</dbx-loading>\n", dependencies: [{ kind: "component", type: DbxLoadingComponent, selector: "dbx-loading", inputs: ["padding", "show", "text", "mode", "diameter", "linear", "loading", "error", "context"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i1$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i1$1.MatFooterCellDef, selector: "[matFooterCellDef]" }, { kind: "directive", type: i1$1.MatFooterRowDef, selector: "[matFooterRowDef]", inputs: ["matFooterRowDef", "matFooterRowDefSticky"] }, { kind: "directive", type: i1$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: i1$1.MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { kind: "component", type: i1$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i1$1.MatFooterRow, selector: "mat-footer-row, tr[mat-footer-row]", exportAs: ["matFooterRow"] }, { kind: "component", type: DbxTableInputCellComponent, selector: "dbx-table-input-cell" }, { kind: "component", type: DbxTableItemHeaderComponent, selector: "dbx-table-item-header" }, { kind: "component", type: DbxTableItemCellComponent, selector: "dbx-table-item-cell", inputs: ["column"] }, { kind: "component", type: DbxTableItemActionComponent, selector: "dbx-table-item-action" }, { kind: "component", type: DbxTableActionCellComponent, selector: "dbx-table-action-cell" }, { kind: "component", type: DbxTableColumnHeaderComponent, selector: "dbx-table-column-header" }, { kind: "component", type: DbxTableColumnFooterComponent, selector: "dbx-table-column-footer" }, { kind: "component", type: DbxTableSummaryStartCellComponent, selector: "dbx-table-summary-start-cell" }, { kind: "component", type: DbxTableSummaryEndCellComponent, selector: "dbx-table-summary-end-cell" }, { kind: "component", type: DbxTableGroupHeaderComponent, selector: "dbx-table-group-header" }, { kind: "component", type: DbxTableGroupFooterComponent, selector: "dbx-table-group-footer" }, { kind: "component", type: DbxTableFullSummaryRowComponent, selector: "dbx-table-full-summary-row" }, { kind: "directive", type: DbxTableColumnSizeDirective, selector: "[dbxTableColumnSize]", exportAs: ["dbxTableColumnSize"] }, { kind: "directive", type: DbxColumnSizeColumnDirective, selector: "[dbx-column-size-column]", inputs: ["dbx-column-size-column"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true, isSignal: true }], ngImport: i0, template: "<dbx-loading [context]=\"context\">\n  <dbx-loading class=\"dbx-table-view-loading\" [linear]=\"true\" [context]=\"dataLoadingContext\"></dbx-loading>\n  <div class=\"dbx-table-view\" [ngClass]=\"tableCssClasses()\">\n    <section class=\"dbx-table-view-table-wrapper\" dbxTableColumnSize #columnSize=\"dbxTableColumnSize\" infinite-scroll [infiniteScrollDistance]=\"scrollDistance()\" [infiniteScrollThrottle]=\"throttleScroll()\" [scrollWindow]=\"false\" (scrolled)=\"onScrollDown()\">\n      <table class=\"dbx-table-view-table\" mat-table [dataSource]=\"elementsSignal()\" [trackBy]=\"trackElementByFunctionSignal()\" multiTemplateDataRows>\n        <!-- Groups -->\n        <!-- Group Header column -->\n        <ng-container matColumnDef=\"groupHeaderColumn\" [sticky]=\"true\">\n          <td mat-cell [attr.colspan]=\"columnSize.visibleColumnsSignal()\" *matCellDef=\"let element\">\n            <dbx-table-group-header [group]=\"element.group\"></dbx-table-group-header>\n          </td>\n        </ng-container>\n\n        <!-- Group Footer column -->\n        <ng-container matColumnDef=\"groupFooterColumn\" [sticky]=\"true\">\n          <td mat-cell [attr.colspan]=\"columnSize.visibleColumnsSignal()\" *matCellDef=\"let element\">\n            <dbx-table-group-footer [group]=\"element.group\"></dbx-table-group-footer>\n          </td>\n        </ng-container>\n\n        <!-- Items -->\n        <!-- Header/Item column -->\n        <ng-container [matColumnDef]=\"itemsColumnName\" [sticky]=\"true\">\n          <th dbx-column-size-column=\"head\" mat-header-cell *matHeaderCellDef>\n            <dbx-table-input-cell></dbx-table-input-cell>\n          </th>\n          <td mat-cell *matCellDef=\"let element\">\n            <dbx-table-item-header [item]=\"element.item\"></dbx-table-item-header>\n          </td>\n          <td mat-footer-cell *matFooterCellDef>\n            <dbx-table-summary-start-cell></dbx-table-summary-start-cell>\n          </td>\n        </ng-container>\n\n        <!-- Column Definitions -->\n        @for (column of innerColumnsSignal(); track column.columnName) {\n          <ng-container [matColumnDef]=\"column.columnName\" [sticky]=\"false\">\n            <th [dbx-column-size-column]=\"$index\" mat-header-cell *matHeaderCellDef>\n              <dbx-table-column-header [column]=\"column\"></dbx-table-column-header>\n            </th>\n            <td mat-cell *matCellDef=\"let element\">\n              <dbx-table-item-cell [item]=\"element.item\" [column]=\"column\"></dbx-table-item-cell>\n            </td>\n            <td mat-footer-cell *matFooterCellDef>\n              <dbx-table-column-footer [column]=\"column\"></dbx-table-column-footer>\n            </td>\n          </ng-container>\n        }\n\n        <!-- Tail/Action column -->\n        <ng-container [matColumnDef]=\"actionsColumnName\" [stickyEnd]=\"true\">\n          <th dbx-column-size-column=\"tail\" mat-header-cell *matHeaderCellDef>\n            <dbx-table-action-cell></dbx-table-action-cell>\n          </th>\n          <td mat-cell *matCellDef=\"let element\">\n            <dbx-table-item-action [item]=\"element.item\"></dbx-table-item-action>\n          </td>\n          <td mat-footer-cell *matFooterCellDef>\n            <dbx-table-summary-end-cell></dbx-table-summary-end-cell>\n          </td>\n        </ng-container>\n\n        <!-- Table View -->\n        <tr mat-header-row *matHeaderRowDef=\"displayedColumnsSignal(); sticky: true\"></tr>\n\n        <tr mat-row *matRowDef=\"let row; columns: ['groupHeaderColumn']; when: showGroupHeaderRow\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayedColumnsSignal(); when: showItemRow\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: ['groupFooterColumn']; when: showGroupFooterRow\"></tr>\n\n        <tr [ngClass]=\"{ 'dbx-hide': !showFooterRowSignal() }\" mat-footer-row *matFooterRowDef=\"displayedColumnsSignal(); sticky: true\"></tr>\n      </table>\n    </section>\n    <!-- Full summary row -->\n    @if (showFullSummaryRowSignal()) {\n      <div class=\"mat-mdc-table dbx-table-view-full-summary-row-container\">\n        <div class=\"mdc-data-table__cell mat-mdc-row\">\n          <dbx-table-full-summary-row></dbx-table-full-summary-row>\n        </div>\n      </div>\n    }\n  </div>\n</dbx-loading>\n", dependencies: [{ kind: "component", type: DbxLoadingComponent, selector: "dbx-loading", inputs: ["padding", "show", "text", "mode", "diameter", "linear", "loading", "error", "context"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i1$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i1$1.MatFooterCellDef, selector: "[matFooterCellDef]" }, { kind: "directive", type: i1$1.MatFooterRowDef, selector: "[matFooterRowDef]", inputs: ["matFooterRowDef", "matFooterRowDefSticky"] }, { kind: "directive", type: i1$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: i1$1.MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { kind: "component", type: i1$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i1$1.MatFooterRow, selector: "mat-footer-row, tr[mat-footer-row]", exportAs: ["matFooterRow"] }, { kind: "component", type: DbxTableInputCellComponent, selector: "dbx-table-input-cell" }, { kind: "component", type: DbxTableItemHeaderComponent, selector: "dbx-table-item-header" }, { kind: "component", type: DbxTableItemCellComponent, selector: "dbx-table-item-cell", inputs: ["column"] }, { kind: "component", type: DbxTableItemActionComponent, selector: "dbx-table-item-action" }, { kind: "component", type: DbxTableActionCellComponent, selector: "dbx-table-action-cell" }, { kind: "component", type: DbxTableColumnHeaderComponent, selector: "dbx-table-column-header" }, { kind: "component", type: DbxTableColumnFooterComponent, selector: "dbx-table-column-footer" }, { kind: "component", type: DbxTableSummaryStartCellComponent, selector: "dbx-table-summary-start-cell" }, { kind: "component", type: DbxTableSummaryEndCellComponent, selector: "dbx-table-summary-end-cell" }, { kind: "component", type: DbxTableGroupHeaderComponent, selector: "dbx-table-group-header" }, { kind: "component", type: DbxTableGroupFooterComponent, selector: "dbx-table-group-footer" }, { kind: "component", type: DbxTableFullSummaryRowComponent, selector: "dbx-table-full-summary-row" }, { kind: "directive", type: DbxTableColumnSizeDirective, selector: "[dbxTableColumnSize]", exportAs: ["dbxTableColumnSize"] }, { kind: "directive", type: DbxColumnSizeColumnDirective, selector: "[dbx-column-size-column]", inputs: ["dbx-column-size-column"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-table-view', imports: [
                         DbxLoadingComponent,
@@ -911,7 +900,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
                             provide: DBX_TABLE_COLUMN_SIZE_PARENT_ELEMENT_REF_TOKEN,
                             useExisting: ElementRef
                         }
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<dbx-loading [context]=\"context\">\n  <dbx-loading class=\"dbx-table-view-loading\" [linear]=\"true\" [context]=\"dataLoadingContext\"></dbx-loading>\n  <div class=\"dbx-table-view\" [ngClass]=\"tableCssClasses()\">\n    <section class=\"dbx-table-view-table-wrapper\" dbxTableColumnSize #columnSize=\"dbxTableColumnSize\" infinite-scroll [infiniteScrollDistance]=\"scrollDistance()\" [infiniteScrollThrottle]=\"throttleScroll()\" [scrollWindow]=\"false\" (scrolled)=\"onScrollDown()\">\n      <table class=\"dbx-table-view-table\" mat-table [dataSource]=\"elementsSignal()\" [trackBy]=\"trackElementByFunctionSignal()\" multiTemplateDataRows>\n        <!-- Groups -->\n        <!-- Group Header column -->\n        <ng-container matColumnDef=\"groupHeaderColumn\" [sticky]=\"true\">\n          <td mat-cell [attr.colspan]=\"columnSize.visibleColumnsSignal()\" *matCellDef=\"let element\">\n            <dbx-table-group-header [group]=\"element.group\"></dbx-table-group-header>\n          </td>\n        </ng-container>\n\n        <!-- Group Footer column -->\n        <ng-container matColumnDef=\"groupFooterColumn\" [sticky]=\"true\">\n          <td mat-cell [attr.colspan]=\"columnSize.visibleColumnsSignal()\" *matCellDef=\"let element\">\n            <dbx-table-group-footer [group]=\"element.group\"></dbx-table-group-footer>\n          </td>\n        </ng-container>\n\n        <!-- Items -->\n        <!-- Header/Item column -->\n        <ng-container [matColumnDef]=\"itemsColumnName\" [sticky]=\"true\">\n          <th dbx-column-size-column=\"head\" mat-header-cell *matHeaderCellDef>\n            <dbx-table-input-cell></dbx-table-input-cell>\n          </th>\n          <td mat-cell *matCellDef=\"let element\">\n            <dbx-table-item-header [item]=\"element.item\"></dbx-table-item-header>\n          </td>\n          <td mat-footer-cell *matFooterCellDef>\n            <dbx-table-summary-start-cell></dbx-table-summary-start-cell>\n          </td>\n        </ng-container>\n\n        <!-- Column Definitions -->\n        @for (column of innerColumnsSignal(); track column.columnName) {\n          <ng-container [matColumnDef]=\"column.columnName\" [sticky]=\"false\">\n            <th [dbx-column-size-column]=\"$index\" mat-header-cell *matHeaderCellDef>\n              <dbx-table-column-header [column]=\"column\"></dbx-table-column-header>\n            </th>\n            <td mat-cell *matCellDef=\"let element\">\n              <dbx-table-item-cell [item]=\"element.item\" [column]=\"column\"></dbx-table-item-cell>\n            </td>\n            <td mat-footer-cell *matFooterCellDef>\n              <dbx-table-column-footer [column]=\"column\"></dbx-table-column-footer>\n            </td>\n          </ng-container>\n        }\n\n        <!-- Tail/Action column -->\n        <ng-container [matColumnDef]=\"actionsColumnName\" [stickyEnd]=\"true\">\n          <th dbx-column-size-column=\"tail\" mat-header-cell *matHeaderCellDef>\n            <dbx-table-action-cell></dbx-table-action-cell>\n          </th>\n          <td mat-cell *matCellDef=\"let element\">\n            <dbx-table-item-action [item]=\"element.item\"></dbx-table-item-action>\n          </td>\n          <td mat-footer-cell *matFooterCellDef>\n            <dbx-table-summary-end-cell></dbx-table-summary-end-cell>\n          </td>\n        </ng-container>\n\n        <!-- Table View -->\n        <tr mat-header-row *matHeaderRowDef=\"displayedColumnsSignal(); sticky: true\"></tr>\n\n        <tr mat-row *matRowDef=\"let row; columns: ['groupHeaderColumn']; when: showGroupHeaderRow\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayedColumnsSignal(); when: showItemRow\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: ['groupFooterColumn']; when: showGroupFooterRow\"></tr>\n\n        <tr [ngClass]=\"{ 'dbx-hide': !showFooterRowSignal() }\" mat-footer-row *matFooterRowDef=\"displayedColumnsSignal(); sticky: true\"></tr>\n      </table>\n    </section>\n    <!-- Full summary row -->\n    @if (showFullSummaryRowSignal()) {\n      <div class=\"mat-mdc-table dbx-table-view-full-summary-row-container\">\n        <div class=\"mdc-data-table__cell mat-mdc-row\">\n          <dbx-table-full-summary-row></dbx-table-full-summary-row>\n        </div>\n      </div>\n    }\n  </div>\n</dbx-loading>\n" }]
+                    ], template: "<dbx-loading [context]=\"context\">\n  <dbx-loading class=\"dbx-table-view-loading\" [linear]=\"true\" [context]=\"dataLoadingContext\"></dbx-loading>\n  <div class=\"dbx-table-view\" [ngClass]=\"tableCssClasses()\">\n    <section class=\"dbx-table-view-table-wrapper\" dbxTableColumnSize #columnSize=\"dbxTableColumnSize\" infinite-scroll [infiniteScrollDistance]=\"scrollDistance()\" [infiniteScrollThrottle]=\"throttleScroll()\" [scrollWindow]=\"false\" (scrolled)=\"onScrollDown()\">\n      <table class=\"dbx-table-view-table\" mat-table [dataSource]=\"elementsSignal()\" [trackBy]=\"trackElementByFunctionSignal()\" multiTemplateDataRows>\n        <!-- Groups -->\n        <!-- Group Header column -->\n        <ng-container matColumnDef=\"groupHeaderColumn\" [sticky]=\"true\">\n          <td mat-cell [attr.colspan]=\"columnSize.visibleColumnsSignal()\" *matCellDef=\"let element\">\n            <dbx-table-group-header [group]=\"element.group\"></dbx-table-group-header>\n          </td>\n        </ng-container>\n\n        <!-- Group Footer column -->\n        <ng-container matColumnDef=\"groupFooterColumn\" [sticky]=\"true\">\n          <td mat-cell [attr.colspan]=\"columnSize.visibleColumnsSignal()\" *matCellDef=\"let element\">\n            <dbx-table-group-footer [group]=\"element.group\"></dbx-table-group-footer>\n          </td>\n        </ng-container>\n\n        <!-- Items -->\n        <!-- Header/Item column -->\n        <ng-container [matColumnDef]=\"itemsColumnName\" [sticky]=\"true\">\n          <th dbx-column-size-column=\"head\" mat-header-cell *matHeaderCellDef>\n            <dbx-table-input-cell></dbx-table-input-cell>\n          </th>\n          <td mat-cell *matCellDef=\"let element\">\n            <dbx-table-item-header [item]=\"element.item\"></dbx-table-item-header>\n          </td>\n          <td mat-footer-cell *matFooterCellDef>\n            <dbx-table-summary-start-cell></dbx-table-summary-start-cell>\n          </td>\n        </ng-container>\n\n        <!-- Column Definitions -->\n        @for (column of innerColumnsSignal(); track column.columnName) {\n          <ng-container [matColumnDef]=\"column.columnName\" [sticky]=\"false\">\n            <th [dbx-column-size-column]=\"$index\" mat-header-cell *matHeaderCellDef>\n              <dbx-table-column-header [column]=\"column\"></dbx-table-column-header>\n            </th>\n            <td mat-cell *matCellDef=\"let element\">\n              <dbx-table-item-cell [item]=\"element.item\" [column]=\"column\"></dbx-table-item-cell>\n            </td>\n            <td mat-footer-cell *matFooterCellDef>\n              <dbx-table-column-footer [column]=\"column\"></dbx-table-column-footer>\n            </td>\n          </ng-container>\n        }\n\n        <!-- Tail/Action column -->\n        <ng-container [matColumnDef]=\"actionsColumnName\" [stickyEnd]=\"true\">\n          <th dbx-column-size-column=\"tail\" mat-header-cell *matHeaderCellDef>\n            <dbx-table-action-cell></dbx-table-action-cell>\n          </th>\n          <td mat-cell *matCellDef=\"let element\">\n            <dbx-table-item-action [item]=\"element.item\"></dbx-table-item-action>\n          </td>\n          <td mat-footer-cell *matFooterCellDef>\n            <dbx-table-summary-end-cell></dbx-table-summary-end-cell>\n          </td>\n        </ng-container>\n\n        <!-- Table View -->\n        <tr mat-header-row *matHeaderRowDef=\"displayedColumnsSignal(); sticky: true\"></tr>\n\n        <tr mat-row *matRowDef=\"let row; columns: ['groupHeaderColumn']; when: showGroupHeaderRow\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayedColumnsSignal(); when: showItemRow\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: ['groupFooterColumn']; when: showGroupFooterRow\"></tr>\n\n        <tr [ngClass]=\"{ 'dbx-hide': !showFooterRowSignal() }\" mat-footer-row *matFooterRowDef=\"displayedColumnsSignal(); sticky: true\"></tr>\n      </table>\n    </section>\n    <!-- Full summary row -->\n    @if (showFullSummaryRowSignal()) {\n      <div class=\"mat-mdc-table dbx-table-view-full-summary-row-container\">\n        <div class=\"mdc-data-table__cell mat-mdc-row\">\n          <dbx-table-full-summary-row></dbx-table-full-summary-row>\n        </div>\n      </div>\n    }\n  </div>\n</dbx-loading>\n" }]
         }], propDecorators: { table: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatTable), { isSignal: true }] }], scrollDistance: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollDistance", required: false }] }], throttleScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "throttleScroll", required: false }] }] } });
 
 /**
@@ -919,33 +908,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
  */
 class DbxTableDirective {
     tableStore = inject((DbxTableStore));
-    dbxTableInput = input(...(ngDevMode ? [undefined, { debugName: "dbxTableInput" }] : /* istanbul ignore next */ []));
-    dbxTableViewDelegate = input(...(ngDevMode ? [undefined, { debugName: "dbxTableViewDelegate" }] : /* istanbul ignore next */ []));
-    dbxTableDataDelegate = input(...(ngDevMode ? [undefined, { debugName: "dbxTableDataDelegate" }] : /* istanbul ignore next */ []));
+    dbxTableInput = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "dbxTableInput" }] : /* istanbul ignore next */ []));
+    dbxTableViewDelegate = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "dbxTableViewDelegate" }] : /* istanbul ignore next */ []));
+    dbxTableDataDelegate = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "dbxTableDataDelegate" }] : /* istanbul ignore next */ []));
     _setOnTableStoreEffect = effect(() => {
         this.tableStore.setInput(this.dbxTableInput());
         this.tableStore.setViewDelegate(this.dbxTableViewDelegate());
         this.tableStore.setDataDelegate(this.dbxTableDataDelegate());
-    }, ...(ngDevMode ? [{ debugName: "_setOnTableStoreEffect" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.11", type: DbxTableDirective, isStandalone: true, selector: "[dbxTable]", inputs: { dbxTableInput: { classPropertyName: "dbxTableInput", publicName: "dbxTableInput", isSignal: true, isRequired: false, transformFunction: null }, dbxTableViewDelegate: { classPropertyName: "dbxTableViewDelegate", publicName: "dbxTableViewDelegate", isSignal: true, isRequired: false, transformFunction: null }, dbxTableDataDelegate: { classPropertyName: "dbxTableDataDelegate", publicName: "dbxTableDataDelegate", isSignal: true, isRequired: false, transformFunction: null } }, providers: [DbxTableStore], ngImport: i0 });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_setOnTableStoreEffect" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.4", type: DbxTableDirective, isStandalone: true, selector: "[dbxTable]", inputs: { dbxTableInput: { classPropertyName: "dbxTableInput", publicName: "dbxTableInput", isSignal: true, isRequired: false, transformFunction: null }, dbxTableViewDelegate: { classPropertyName: "dbxTableViewDelegate", publicName: "dbxTableViewDelegate", isSignal: true, isRequired: false, transformFunction: null }, dbxTableDataDelegate: { classPropertyName: "dbxTableDataDelegate", publicName: "dbxTableDataDelegate", isSignal: true, isRequired: false, transformFunction: null } }, providers: [DbxTableStore], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxTable]',
-                    providers: [DbxTableStore],
-                    standalone: true
+                    providers: [DbxTableStore]
                 }]
         }], propDecorators: { dbxTableInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxTableInput", required: false }] }], dbxTableViewDelegate: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxTableViewDelegate", required: false }] }], dbxTableDataDelegate: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxTableDataDelegate", required: false }] }] } });
 
 const importsAndExports = [DbxTableDirective, DbxTableViewComponent];
 class DbxTableModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.11", ngImport: i0, type: DbxTableModule, imports: [DbxTableDirective, DbxTableViewComponent], exports: [DbxTableDirective, DbxTableViewComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableModule, imports: [DbxTableViewComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: DbxTableModule, imports: [DbxTableDirective, DbxTableViewComponent], exports: [DbxTableDirective, DbxTableViewComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableModule, imports: [DbxTableViewComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DbxTableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DbxTableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: importsAndExports,