@wavemaker/app-ng-runtime 11.13.0-rc.6255 → 11.14.0-rc.226

package/components/data/table/bundles/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@wm/components/base'), require('@wm/components/basic'), require('@wm/components/input'), require('@wm/components/navigation/menu'), require('@angular/core'), require('@angular/forms'), require('@wm/core'), require('rxjs'), require('@wm/components/data/pagination'), require('@wm/components/data/list'), require('rxjs/operators'), require('lodash-es'), require('ngx-bootstrap/dropdown'), require('moment')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@angular/common', '@wm/components/base', '@wm/components/basic', '@wm/components/input', '@wm/components/navigation/menu', '@angular/core', '@angular/forms', '@wm/core', 'rxjs', '@wm/components/data/pagination', '@wm/components/data/list', 'rxjs/operators', 'lodash-es', 'ngx-bootstrap/dropdown', 'moment'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.data = global.wm.components.data || {}, global.wm.components.data.table = {}), global.ng.common, global.wm.components.base, global.wm.components.basic, global.wm.components.input, global.wm.components.navigation.menu, global.ng.core, global.ng.forms, global.wm.core, global.rxjs, global.wm.components.data.pagination, global.wm.components.data.list, global.rxjs.operators, global._, global.dropdown, global.momentLib));
-})(this, (function (exports, i5, i4, basic, input, menu, i0, i1, i2, rxjs, pagination, i3, operators, lodashEs, i6, momentLib) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@wm/components/basic/anchor'), require('@wm/components/input/button'), require('@wm/components/navigation/menu'), require('@angular/core'), require('@angular/forms'), require('@wm/core'), require('rxjs'), require('@wm/components/base'), require('@wm/components/data/pagination'), require('@wm/components/data/list'), require('rxjs/operators'), require('lodash-es'), require('ngx-bootstrap/dropdown'), require('moment')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/common', '@wm/components/basic/anchor', '@wm/components/input/button', '@wm/components/navigation/menu', '@angular/core', '@angular/forms', '@wm/core', 'rxjs', '@wm/components/base', '@wm/components/data/pagination', '@wm/components/data/list', 'rxjs/operators', 'lodash-es', 'ngx-bootstrap/dropdown', 'moment'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.data = global.wm.components.data || {}, global.wm.components.data.table = {}), global.ng.common, global.wm.components.basic.anchor, global.wm.components.input.button, global.wm.components.navigation.menu, global.ng.core, global.ng.forms, global.wm.core, global.rxjs, global.wm.components.base, global.wm.components.data.pagination, global.wm.components.data.list, global.rxjs.operators, global._, global.dropdown, global.momentLib));
+})(this, (function (exports, i5, anchor, button, menu, i0, i1, i2, rxjs, i4, pagination, i3, operators, lodashEs, i6, momentLib) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -22,10 +22,10 @@
     }
 
     var i5__namespace = /*#__PURE__*/_interopNamespaceDefault(i5);
-    var i4__namespace = /*#__PURE__*/_interopNamespaceDefault(i4);
     var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
     var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
     var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
+    var i4__namespace = /*#__PURE__*/_interopNamespaceDefault(i4);
     var i3__namespace = /*#__PURE__*/_interopNamespaceDefault(i3);
     var i6__namespace = /*#__PURE__*/_interopNamespaceDefault(i6);
     var momentLib__namespace = /*#__PURE__*/_interopNamespaceDefault(momentLib);
@@ -79,6 +79,7 @@
             ['viewlessmessage', { value: 'View Less', ...i4.PROP_STRING }],
             ['pagesize', i4.PROP_NUMBER],
             ['radioselect', i4.PROP_BOOLEAN],
+            ['headerselectall', { value: false, ...i4.PROP_BOOLEAN }],
             ['radioselecttitle', i4.PROP_ANY],
             ['radioselectarialabel', i4.PROP_ANY],
             ['rowclass', i4.PROP_STRING],
@@ -98,119 +99,6 @@
         ]));
     };
 
-    const _c0$1 = ["rowExpansionTmpl"];
-    const _c1$1 = ["rowActionTmpl"];
-    const _c2$1 = ["filterTmpl"];
-    const _c3$1 = ["inlineWidgetTmpl"];
-    const _c4$1 = ["inlineWidgetTmplNew"];
-    const _c5$1 = ["customExprTmpl"];
-    const _c6 = ["rowExpansionActionTmpl"];
-    const _c7 = ["datagridElement"];
-    const _c8 = ["rowActionsView"];
-    const _c9 = ["multiColumnFilterView"];
-    const _c10 = ["inlineEditView"];
-    const _c11 = ["inlineEditNewView"];
-    const _c12 = ["customExprView"];
-    const _c13 = ["rowDetailView"];
-    const _c14 = ["rowExpansionActionView"];
-    const _c15 = ["dynamicTable"];
-    const _c16 = ["wmTable", ""];
-    const _c17 = a0 => ({ btn: a0 });
-    const _c18 = (a0, a1) => ({ "btn-sm": a0, "disabled-new": a1 });
-    function TableComponent_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "i");
-    } if (rf & 2) {
-        const ctx_r0 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵclassMapInterpolate1("app-icon panel-icon ", ctx_r0.iconclass, "");
-    } }
-    function TableComponent_Conditional_0_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementContainer(0, 25);
-    } if (rf & 2) {
-        const btn_r2 = ctx.$implicit;
-        const ɵ$index_20_r3 = ctx.$index;
-        const ctx_r0 = i0__namespace.ɵɵnextContext(3);
-        const buttonRef_r4 = i0__namespace.ɵɵreference(8);
-        const anchorRef_r5 = i0__namespace.ɵɵreference(10);
-        i0__namespace.ɵɵproperty("ngTemplateOutlet", btn_r2.widgetType === "button" ? buttonRef_r4 : anchorRef_r5)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction1(3, _c17, btn_r2))("ngTemplateOutletInjector", ctx_r0.createCustomInjector("actions_header_" + ɵ$index_20_r3, i0__namespace.ɵɵpureFunction1(5, _c17, btn_r2)));
-    } }
-    function TableComponent_Conditional_0_Conditional_7_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "div", 26);
-    } if (rf & 2) {
-        const ctx_r0 = i0__namespace.ɵɵnextContext(3);
-        i0__namespace.ɵɵattributeInterpolate1("name", "", ctx_r0.name, "-export");
-    } }
-    function TableComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "div", 24);
-        i0__namespace.ɵɵrepeaterCreate(1, TableComponent_Conditional_0_Conditional_7_For_2_Template, 1, 7, "ng-container", 25, i0__namespace.ɵɵrepeaterTrackByIdentity);
-        i0__namespace.ɵɵtemplate(3, TableComponent_Conditional_0_Conditional_7_Conditional_3_Template, 1, 2, "div", 26);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        const ctx_r0 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵrepeater(ctx_r0._actions.header);
-        i0__namespace.ɵɵadvance(2);
-        i0__namespace.ɵɵconditional(ctx_r0.exportOptions.length ? 3 : -1);
-    } }
-    function TableComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "div", 11)(1, "h3", 19)(2, "div", 20);
-        i0__namespace.ɵɵtemplate(3, TableComponent_Conditional_0_Conditional_3_Template, 1, 3, "i", 21);
-        i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(4, "div", 20);
-        i0__namespace.ɵɵelement(5, "div", 22)(6, "div", 23);
-        i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵtemplate(7, TableComponent_Conditional_0_Conditional_7_Template, 4, 1, "div", 24);
-        i0__namespace.ɵɵelementEnd()();
-    } if (rf & 2) {
-        const ctx_r0 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵadvance(3);
-        i0__namespace.ɵɵconditional(ctx_r0.iconclass ? 3 : -1);
-        i0__namespace.ɵɵadvance(2);
-        i0__namespace.ɵɵproperty("innerHTML", ctx_r0.title, i0__namespace.ɵɵsanitizeHtml);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("innerHTML", ctx_r0.subheading, i0__namespace.ɵɵsanitizeHtml);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵconditional(ctx_r0.exportOptions.length || ctx_r0._actions.header.length ? 7 : -1);
-    } }
-    function TableComponent_Conditional_6_For_2_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementContainer(0, 25);
-    } if (rf & 2) {
-        const btn_r6 = ctx.$implicit;
-        const ɵ$index_37_r7 = ctx.$index;
-        const ctx_r0 = i0__namespace.ɵɵnextContext(2);
-        const buttonRef_r4 = i0__namespace.ɵɵreference(8);
-        const anchorRef_r5 = i0__namespace.ɵɵreference(10);
-        i0__namespace.ɵɵproperty("ngTemplateOutlet", btn_r6.widgetType === "button" ? buttonRef_r4 : anchorRef_r5)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction1(3, _c17, btn_r6))("ngTemplateOutletInjector", ctx_r0.createCustomInjector("actions_footer_" + ɵ$index_37_r7, i0__namespace.ɵɵpureFunction1(5, _c17, btn_r6)));
-    } }
-    function TableComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "div", 16);
-        i0__namespace.ɵɵrepeaterCreate(1, TableComponent_Conditional_6_For_2_Template, 1, 7, "ng-container", 25, i0__namespace.ɵɵrepeaterTrackByIdentity);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        const ctx_r0 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵrepeater(ctx_r0._actions.footer);
-    } }
-    function TableComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
-        const _r8 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "button", 27);
-        i0__namespace.ɵɵlistener("click", function TableComponent_ng_template_7_Template_button_click_0_listener($event) { const btn_r9 = i0__namespace.ɵɵrestoreView(_r8).btn; const ctx_r0 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r0.invokeActionEvent($event, btn_r9.action)); });
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        const btn_r9 = ctx.btn;
-        const ctx_r0 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(2, _c18, ctx_r0.spacing === "condensed", btn_r9.key === "addNewRow" && (ctx_r0.isGridEditMode || ctx_r0.isLoading)));
-        i0__namespace.ɵɵattribute("aria-label", btn_r9.displayName);
-    } }
-    function TableComponent_ng_template_9_Template(rf, ctx) { if (rf & 1) {
-        const _r10 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "a", 28);
-        i0__namespace.ɵɵlistener("click", function TableComponent_ng_template_9_Template_a_click_0_listener($event) { const btn_r11 = i0__namespace.ɵɵrestoreView(_r10).btn; const ctx_r0 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r0.invokeActionEvent($event, btn_r11.action)); });
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        const btn_r11 = ctx.btn;
-        const ctx_r0 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(1, _c18, ctx_r0.spacing === "condensed", btn_r11.key === "addNewRow" && (ctx_r0.isGridEditMode || ctx_r0.isLoading)));
-    } }
     const DEFAULT_CLS = 'app-grid app-panel panel';
     const WIDGET_CONFIG$5 = { widgetType: 'wm-table', hostClass: DEFAULT_CLS };
     const exportIconMapping = {
@@ -436,6 +324,7 @@
                 multiselecttitle: '',
                 multiselectarialabel: '',
                 radioselecttitle: '',
+                headerselectall: false,
                 radioselectarialabel: '',
                 ACTIONS: {
                     'DELETE': 'delete',
@@ -638,6 +527,39 @@
                     // if onSort function is registered invoke it when the column header is clicked
                     this.invokeEventCallback('headerclick', { $event: e, $data: col, column: col });
                 },
+                selectAllRows: (checked, e) => {
+                    if (this.headerselectall && this.multiselect) {
+                        const dataSize = this.dataNavigator.dataSize;
+                        const pageSize = this.dataNavigator.maxResults;
+                        if (checked) {
+                            const selectedDict = { selectedItem: [] };
+                            const totalPages = Math.ceil(dataSize / pageSize);
+                            for (let page = 1; page <= totalPages; page++) {
+                                const pageLen = Math.min(pageSize, dataSize - (page - 1) * pageSize);
+                                for (let i = 0; i < pageLen; i++) {
+                                    selectedDict.selectedItem.push({ page, index: i });
+                                }
+                            }
+                            this.items = [...this.__fullData];
+                            this.selectedItems = this.callDataGridMethod('getSelectedRows');
+                            if (this.selectedItems.length) {
+                                this.selectedItemChange.next(this.selectedItems);
+                            }
+                            this.statePersistence.setWidgetState(this, selectedDict);
+                            this.__fullData.forEach((row) => {
+                                this.invokeEventCallback('rowselect', { $data: i2.getClonedObject(row), $event: e, row: i2.getClonedObject(row) });
+                            });
+                        }
+                        else {
+                            this.items = this.selectedItems = [];
+                            this.statePersistence.setWidgetState(this, { selectedItem: null });
+                            this.__fullData.forEach((row) => {
+                                const rowData = i2.getClonedObject(row);
+                                this.invokeEventCallback('rowdeselect', { $data: rowData, $event: e, row: rowData });
+                            });
+                        }
+                    }
+                },
                 onRowDelete: (row, cancelRowDeleteCallback, e, callBack, options) => {
                     this.ngZone.run(() => {
                         this.deleteRecord(lodashEs.extend({}, options, {
@@ -1163,6 +1085,7 @@
             this.gridOptions.multiselecttitle = this.multiselecttitle;
             this.gridOptions.multiselectarialabel = this.multiselectarialabel;
             this.gridOptions.radioselecttitle = this.radioselecttitle;
+            this.gridOptions.headerselectall = this.headerselectall;
             this.gridOptions.radioselectarialabel = this.radioselectarialabel;
             // When loadondemand property is enabled(deferload="true") and show is true, only the column titles of the datatable are rendered, the data(body of the datatable) is not at all rendered.
             // Because the griddata is setting before the datatable dom is rendered but we are sending empty data to the datatable.
@@ -1604,6 +1527,17 @@
                 this.navigatorResultWatch = this.dataNavigator.resultEmitter.subscribe((newVal) => {
                     /* Check for sanity. */
                     if (i2.isDefined(newVal)) {
+                        if (lodashEs.get(this.datasource, 'category') === 'wm.Variable' && lodashEs.isArray(this.dataset)) {
+                            (this.gridOptions?.data || []).forEach((row, index) => {
+                                const datasetRow = this.widget?.dataset?.[index];
+                                if (datasetRow && JSON.stringify(row) !== JSON.stringify(datasetRow)) {
+                                    const itemIndex = Array.isArray(this.items) ? this.items.findIndex(item => JSON.stringify(item) === JSON.stringify(row)) : -1;
+                                    if (itemIndex !== -1) {
+                                        this.items[itemIndex] = { ...datasetRow };
+                                    }
+                                }
+                            });
+                        }
                         // Watch will not be triggered if dataset and new value are equal. So trigger the property change handler manually
                         // This happens in case, if dataset is directly updated.
                         if (lodashEs.isEqual(this.dataset, newVal)) {
@@ -1841,6 +1775,10 @@
                         this.variableInflight = false;
                         this.callDataGridMethod('setStatus', 'nodata', this.nodatamessage);
                     }
+                    if (lodashEs.get(this.datasource, 'category') !== 'wm.Variable') {
+                        this.headerselectall = false;
+                        this.setDataGridOption("headerselectall", false);
+                    }
                     this.watchVariableDataSet(this.dataset);
                     this.onDataSourceChange();
                     break;
@@ -2240,153 +2178,89 @@
                 this._pageLoad = true;
             }
         }
-        static { this.ɵfac = function TableComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.FormBuilder), i0__namespace.ɵɵdirectiveInject(i2__namespace.App), i0__namespace.ɵɵdirectiveInject(i2__namespace.DynamicComponentRefProvider), i0__namespace.ɵɵdirectiveInject(i2__namespace.StatePersistence), i0__namespace.ɵɵdirectiveInject(i2__namespace.PaginationService), i0__namespace.ɵɵdirectiveInject(i2__namespace.Viewport), i0__namespace.ɵɵdirectiveInject(i3__namespace.ListComponent, 8), i0__namespace.ɵɵinjectAttribute('dataset.bind'), i0__namespace.ɵɵinjectAttribute('datasource.bind'), i0__namespace.ɵɵinjectAttribute('readonlygrid'), i0__namespace.ɵɵdirectiveInject(i0__namespace.NgZone), i0__namespace.ɵɵdirectiveInject(i4__namespace.TrustAsPipe), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-        static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: TableComponent, selectors: [["", "wmTable", ""]], contentQueries: function TableComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-                i0__namespace.ɵɵcontentQuery(dirIndex, _c0$1, 5);
-                i0__namespace.ɵɵcontentQuery(dirIndex, _c1$1, 5);
-                i0__namespace.ɵɵcontentQuery(dirIndex, _c2$1, 5);
-                i0__namespace.ɵɵcontentQuery(dirIndex, _c3$1, 5);
-                i0__namespace.ɵɵcontentQuery(dirIndex, _c4$1, 5);
-                i0__namespace.ɵɵcontentQuery(dirIndex, _c5$1, 5);
-                i0__namespace.ɵɵcontentQuery(dirIndex, _c6, 5);
-            } if (rf & 2) {
-                let _t;
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.rowExpansionTmpl = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.rowActionTmpl = _t);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.filterTmpl = _t);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.inlineWidgetTmpl = _t);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.inlineWidgetNewTmpl = _t);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.customExprTmpl = _t);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.rowExpansionActionTmpl = _t);
-            } }, viewQuery: function TableComponent_Query(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(pagination.PaginationComponent, 7);
-                i0__namespace.ɵɵviewQuery(_c7, 7);
-                i0__namespace.ɵɵviewQuery(_c8, 7, i0.ViewContainerRef);
-                i0__namespace.ɵɵviewQuery(_c9, 7, i0.ViewContainerRef);
-                i0__namespace.ɵɵviewQuery(_c10, 7, i0.ViewContainerRef);
-                i0__namespace.ɵɵviewQuery(_c11, 7, i0.ViewContainerRef);
-                i0__namespace.ɵɵviewQuery(_c12, 7, i0.ViewContainerRef);
-                i0__namespace.ɵɵviewQuery(_c13, 7, i0.ViewContainerRef);
-                i0__namespace.ɵɵviewQuery(_c14, 7, i0.ViewContainerRef);
-                i0__namespace.ɵɵviewQuery(_c15, 7, i0.ViewContainerRef);
-            } if (rf & 2) {
-                let _t;
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.dataNavigator = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx._tableElement = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.rowActionsViewRef = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.filterViewRef = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.inlineEditViewRef = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.inlineEditNewViewRef = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.customExprViewRef = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.rowDetailViewRef = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.rowExpansionActionViewRef = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.dynamicTableRef = _t.first);
-            } }, hostBindings: function TableComponent_HostBindings(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵlistener("keypress", function TableComponent_keypress_HostBindingHandler($event) { return ctx.onKeyPress($event); });
-            } }, standalone: true, features: [i0__namespace.ɵɵProvidersFeature([
-                    i4.provideAs(TableComponent, i1.NG_VALUE_ACCESSOR, true),
-                    i4.provideAsWidgetRef(TableComponent)
-                ]), i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵStandaloneFeature], attrs: _c16, decls: 29, vars: 4, consts: [["datagridElement", ""], ["buttonRef", ""], ["anchorRef", ""], ["multiColumnFilterView", ""], ["inlineEditView", ""], ["inlineEditNewView", ""], ["rowActionsView", ""], ["rowExpansionActionView", ""], ["customExprView", ""], ["dynamicTable", ""], ["rowDetailView", ""], [1, "panel-heading"], [1, "app-datagrid"], [1, "panel-footer", "clearfix", 3, "hidden"], [1, "app-datagrid-paginator", 3, "hidden"], ["wmPagination", "", "show.bind", "shownavigation", "navigationalign.bind", "navigationalign", "navigationsize.bind", "navigationSize", "navigation.bind", "navControls", "showrecordcount.bind", "showrecordcount", "maxsize.bind", "maxsize", "boundarylinks.bind", "boundarylinks", "forceellipses.bind", "forceellipses", "directionlinks.bind", "directionlinks"], [1, "app-datagrid-actions"], ["hidden", ""], [1, "dynamic-table-container"], [1, "panel-title"], [1, "pull-left"], [3, "class"], [1, "heading", 3, "innerHTML"], [1, "description", 3, "innerHTML"], [1, "panel-actions", "app-datagrid-actions"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", "ngTemplateOutletInjector"], ["wmMenu", "", "dropdown", "", "caption.bind", "appLocale.LABEL_EXPORT", "autoclose", "always", "dataset.bind", "exportOptions", "select.event", "export($item)", "menuposition", "down,left"], ["wmButton", "", "caption.bind", "btn.displayName", "show.bind", "btn.show", "class.bind", "btn.class", "iconclass.bind", "btn.iconclass", "type", "button", "shortcutkey.bind", "btn.shortcutkey", "tabindex.bind", "btn.tabindex", "hint.bind", "btn.title", "disabled.bind", "btn.disabled", "conditionalclass.bind", "btn.conditionalclass", "conditionalstyle.bind", "btn.conditionalstyle", 3, "click", "ngClass"], ["wmAnchor", "", "caption.bind", "btn.displayName", "show.bind", "btn.show", "class.bind", "btn.class", "iconclass.bind", "btn.iconclass", "shortcutkey.bind", "btn.shortcutkey", "tabindex.bind", "btn.tabindex", "hint.bind", "btn.title", "hyperlink.bind", "btn.hyperlink", "target.bind", "btn.target", "conditionalclass.bind", "btn.conditionalclass", "conditionalstyle.bind", "btn.conditionalstyle", 3, "click", "ngClass"]], template: function TableComponent_Template(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, TableComponent_Conditional_0_Template, 8, 4, "div", 11);
-                i0__namespace.ɵɵelement(1, "div", 12, 0);
-                i0__namespace.ɵɵelementStart(3, "div", 13)(4, "div", 14);
-                i0__namespace.ɵɵelement(5, "nav", 15);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(6, TableComponent_Conditional_6_Template, 3, 0, "div", 16);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(7, TableComponent_ng_template_7_Template, 1, 5, "ng-template", null, 1, i0__namespace.ɵɵtemplateRefExtractor)(9, TableComponent_ng_template_9_Template, 1, 4, "ng-template", null, 2, i0__namespace.ɵɵtemplateRefExtractor);
-                i0__namespace.ɵɵelementStart(11, "div", 17);
-                i0__namespace.ɵɵelementContainer(12, null, 3)(14, null, 4)(16, null, 5)(18, null, 6)(20, null, 7)(22, null, 8)(24, null, 9)(26, null, 10);
-                i0__namespace.ɵɵelement(28, "div", 18);
-                i0__namespace.ɵɵelementEnd();
-            } if (rf & 2) {
-                i0__namespace.ɵɵconditional(ctx.title || ctx.subheading || ctx.iconclass || ctx.exportOptions.length || ctx._actions.header.length ? 0 : -1);
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵproperty("hidden", !ctx._actions.footer.length && (!ctx.shownavigation || ctx.onDemandLoad && ctx.dataNavigator.isDisableNext || (ctx.dataNavigator == null ? null : ctx.dataNavigator.dataSize) <= ctx.pagesize && !ctx.allowpagesizechange));
-                i0__namespace.ɵɵadvance();
-                i0__namespace.ɵɵproperty("hidden", !(ctx.dataNavigator == null ? null : ctx.dataNavigator.dataSize) && !(ctx.dataNavigator.datasource == null ? null : ctx.dataNavigator.datasource.pagination == null ? null : ctx.dataNavigator.datasource.pagination.next) || !ctx.shownavigation || ctx.onDemandLoad && ctx.dataNavigator.isDisableNext);
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵconditional(ctx._actions.footer.length ? 6 : -1);
-            } }, dependencies: [i5.CommonModule, i5__namespace.NgClass, i5__namespace.NgTemplateOutlet, i4.WmComponentsModule, basic.AnchorComponent, pagination.PaginationComponent, input.ButtonComponent, i6.BsDropdownModule, i6__namespace.BsDropdownDirective, menu.MenuComponent], encapsulation: 2 }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: TableComponent, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.FormBuilder }, { token: i2__namespace.App }, { token: i2__namespace.DynamicComponentRefProvider }, { token: i2__namespace.StatePersistence }, { token: i2__namespace.PaginationService }, { token: i2__namespace.Viewport }, { token: i3__namespace.ListComponent, optional: true }, { token: 'dataset.bind', attribute: true }, { token: 'datasource.bind', attribute: true }, { token: 'readonlygrid', attribute: true }, { token: i0__namespace.NgZone }, { token: i4__namespace.TrustAsPipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: TableComponent, isStandalone: true, selector: "[wmTable]", host: { listeners: { "keypress": "onKeyPress($event)" } }, providers: [
+                i4.provideAs(TableComponent, i1.NG_VALUE_ACCESSOR, true),
+                i4.provideAsWidgetRef(TableComponent)
+            ], queries: [{ propertyName: "rowExpansionTmpl", first: true, predicate: ["rowExpansionTmpl"], descendants: true }, { propertyName: "rowActionTmpl", predicate: ["rowActionTmpl"], descendants: true }, { propertyName: "filterTmpl", predicate: ["filterTmpl"], descendants: true }, { propertyName: "inlineWidgetTmpl", predicate: ["inlineWidgetTmpl"], descendants: true }, { propertyName: "inlineWidgetNewTmpl", predicate: ["inlineWidgetTmplNew"], descendants: true }, { propertyName: "customExprTmpl", predicate: ["customExprTmpl"], descendants: true }, { propertyName: "rowExpansionActionTmpl", predicate: ["rowExpansionActionTmpl"], descendants: true }], viewQueries: [{ propertyName: "dataNavigator", first: true, predicate: pagination.PaginationComponent, descendants: true, static: true }, { propertyName: "_tableElement", first: true, predicate: ["datagridElement"], descendants: true, static: true }, { propertyName: "rowActionsViewRef", first: true, predicate: ["rowActionsView"], descendants: true, read: i0.ViewContainerRef, static: true }, { propertyName: "filterViewRef", first: true, predicate: ["multiColumnFilterView"], descendants: true, read: i0.ViewContainerRef, static: true }, { propertyName: "inlineEditViewRef", first: true, predicate: ["inlineEditView"], descendants: true, read: i0.ViewContainerRef, static: true }, { propertyName: "inlineEditNewViewRef", first: true, predicate: ["inlineEditNewView"], descendants: true, read: i0.ViewContainerRef, static: true }, { propertyName: "customExprViewRef", first: true, predicate: ["customExprView"], descendants: true, read: i0.ViewContainerRef, static: true }, { propertyName: "rowDetailViewRef", first: true, predicate: ["rowDetailView"], descendants: true, read: i0.ViewContainerRef, static: true }, { propertyName: "rowExpansionActionViewRef", first: true, predicate: ["rowExpansionActionView"], descendants: true, read: i0.ViewContainerRef, static: true }, { propertyName: "dynamicTableRef", first: true, predicate: ["dynamicTable"], descendants: true, read: i0.ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "@if (title || subheading || iconclass || exportOptions.length || _actions.header.length) {\n  <div class=\"panel-heading\">\n    <h3 class=\"panel-title\">\n      <div class=\"pull-left\">\n        @if (iconclass) {\n          <i class=\"app-icon panel-icon {{iconclass}}\"></i>\n        }\n      </div>\n      <div class=\"pull-left\">\n        <div class=\"heading\" [innerHTML]=\"title\"></div>\n        <div class=\"description\" [innerHTML]=\"subheading\"></div>\n      </div>\n      @if (exportOptions.length || _actions.header.length) {\n        <div class=\"panel-actions app-datagrid-actions\">\n          @for (btn of _actions.header; track btn; let index = $index) {\n            <ng-container\n              [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n              [ngTemplateOutletContext]=\"{btn:btn}\"\n              [ngTemplateOutletInjector]=\"createCustomInjector('actions_header_' + index, {btn:btn})\">\n            </ng-container>\n          }\n          @if (exportOptions.length) {\n            <div wmMenu dropdown caption.bind=\"appLocale.LABEL_EXPORT\"  autoclose=\"always\" attr.name=\"{{name}}-export\"\n            dataset.bind=\"exportOptions\" select.event=\"export($item)\" menuposition=\"down,left\"></div>\n          }\n        </div>\n      }\n    </h3>\n  </div>\n}\n<div class=\"app-datagrid\" #datagridElement></div>\n\n<div class=\"panel-footer clearfix\" [hidden]=\"!_actions.footer.length && (!shownavigation || (onDemandLoad && dataNavigator.isDisableNext)) \">\n  <div class=\"app-datagrid-paginator\" [hidden]=\"(!dataNavigator?.dataSize && !dataNavigator.datasource?.pagination?.next) || !shownavigation || (onDemandLoad && dataNavigator.isDisableNext)\">\n    <nav wmPagination show.bind=\"shownavigation\" navigationalign.bind=\"navigationalign\"\n      navigationsize.bind=\"navigationSize\"\n      navigation.bind=\"navControls\" showrecordcount.bind=\"showrecordcount\" maxsize.bind=\"maxsize\"\n      boundarylinks.bind=\"boundarylinks\"\n    forceellipses.bind=\"forceellipses\" directionlinks.bind=\"directionlinks\"></nav>\n  </div>\n  @if (_actions.footer.length) {\n    <div class=\"app-datagrid-actions\">\n      @for (btn of _actions.footer; track btn; let index = $index) {\n        <ng-container\n          [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n          [ngTemplateOutletContext]=\"{btn:btn}\"\n          [ngTemplateOutletInjector]=\"createCustomInjector('actions_footer_' + index, {btn:btn})\">\n        </ng-container>\n      }\n    </div>\n  }\n</div>\n\n<ng-template #buttonRef let-btn=\"btn\">\n  <button wmButton caption.bind=\"btn.displayName\" show.bind=\"btn.show\" class.bind=\"btn.class\"  iconclass.bind=\"btn.iconclass\" (click)=\"invokeActionEvent($event, btn.action)\"\n    [ngClass]=\"{'btn-sm': spacing === 'condensed', 'disabled-new': btn.key === 'addNewRow' && (isGridEditMode || isLoading)}\"\n  type=\"button\" shortcutkey.bind=\"btn.shortcutkey\" tabindex.bind=\"btn.tabindex\" hint.bind=\"btn.title\" [attr.aria-label]=\"btn.displayName\" disabled.bind=\"btn.disabled\" conditionalclass.bind=\"btn.conditionalclass\" conditionalstyle.bind=\"btn.conditionalstyle\"></button>\n</ng-template>\n\n<ng-template #anchorRef let-btn=\"btn\">\n  <a wmAnchor caption.bind=\"btn.displayName\" show.bind=\"btn.show\" class.bind=\"btn.class\"  iconclass.bind=\"btn.iconclass\" (click)=\"invokeActionEvent($event, btn.action)\"\n    [ngClass]=\"{'btn-sm': spacing === 'condensed', 'disabled-new': btn.key === 'addNewRow' && (isGridEditMode || isLoading)}\"\n    shortcutkey.bind=\"btn.shortcutkey\" tabindex.bind=\"btn.tabindex\" hint.bind=\"btn.title\"\n  hyperlink.bind=\"btn.hyperlink\" target.bind=\"btn.target\" conditionalclass.bind=\"btn.conditionalclass\" conditionalstyle.bind=\"btn.conditionalstyle\"></a>\n</ng-template>\n\n<div hidden>\n  <ng-container #multiColumnFilterView></ng-container>\n\n  <ng-container #inlineEditView></ng-container>\n\n  <ng-container #inlineEditNewView></ng-container>\n\n  <ng-container #rowActionsView></ng-container>\n\n  <ng-container #rowExpansionActionView></ng-container>\n\n  <ng-container #customExprView></ng-container>\n\n  <ng-container #dynamicTable></ng-container>\n\n  <ng-container #rowDetailView></ng-container>\n\n  <div class=\"dynamic-table-container\"></div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: i5.CommonModule }, { kind: "directive", type: i5__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: anchor.AnchorComponent, selector: "a[wmAnchor]", exportAs: ["wmAnchor"] }, { kind: "component", type: pagination.PaginationComponent, selector: "[wmPagination]", outputs: ["resultEmitter", "maxResultsEmitter"] }, { kind: "component", type: button.ButtonComponent, selector: "button[wmButton]", exportAs: ["wmButton"] }, { kind: "ngmodule", type: i6.BsDropdownModule }, { kind: "directive", type: i6__namespace.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "component", type: menu.MenuComponent, selector: "[wmMenu]" }] }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(TableComponent, [{
-            type: i0.Component,
-            args: [{ standalone: true, imports: [i5.CommonModule, i4.WmComponentsModule, basic.AnchorComponent, pagination.PaginationComponent, input.ButtonComponent, i6.BsDropdownModule, menu.MenuComponent], selector: '[wmTable]', providers: [
-                        i4.provideAs(TableComponent, i1.NG_VALUE_ACCESSOR, true),
-                        i4.provideAsWidgetRef(TableComponent)
-                    ], template: "@if (title || subheading || iconclass || exportOptions.length || _actions.header.length) {\n  <div class=\"panel-heading\">\n    <h3 class=\"panel-title\">\n      <div class=\"pull-left\">\n        @if (iconclass) {\n          <i class=\"app-icon panel-icon {{iconclass}}\"></i>\n        }\n      </div>\n      <div class=\"pull-left\">\n        <div class=\"heading\" [innerHTML]=\"title\"></div>\n        <div class=\"description\" [innerHTML]=\"subheading\"></div>\n      </div>\n      @if (exportOptions.length || _actions.header.length) {\n        <div class=\"panel-actions app-datagrid-actions\">\n          @for (btn of _actions.header; track btn; let index = $index) {\n            <ng-container\n              [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n              [ngTemplateOutletContext]=\"{btn:btn}\"\n              [ngTemplateOutletInjector]=\"createCustomInjector('actions_header_' + index, {btn:btn})\">\n            </ng-container>\n          }\n          @if (exportOptions.length) {\n            <div wmMenu dropdown caption.bind=\"appLocale.LABEL_EXPORT\"  autoclose=\"always\" attr.name=\"{{name}}-export\"\n            dataset.bind=\"exportOptions\" select.event=\"export($item)\" menuposition=\"down,left\"></div>\n          }\n        </div>\n      }\n    </h3>\n  </div>\n}\n<div class=\"app-datagrid\" #datagridElement></div>\n\n<div class=\"panel-footer clearfix\" [hidden]=\"!_actions.footer.length && (!shownavigation || (onDemandLoad && dataNavigator.isDisableNext) || (dataNavigator?.dataSize <= pagesize && !allowpagesizechange))\">\n  <div class=\"app-datagrid-paginator\" [hidden]=\"(!dataNavigator?.dataSize && !dataNavigator.datasource?.pagination?.next) || !shownavigation || (onDemandLoad && dataNavigator.isDisableNext)\">\n    <nav wmPagination show.bind=\"shownavigation\" navigationalign.bind=\"navigationalign\"\n      navigationsize.bind=\"navigationSize\"\n      navigation.bind=\"navControls\" showrecordcount.bind=\"showrecordcount\" maxsize.bind=\"maxsize\"\n      boundarylinks.bind=\"boundarylinks\"\n    forceellipses.bind=\"forceellipses\" directionlinks.bind=\"directionlinks\"></nav>\n  </div>\n  @if (_actions.footer.length) {\n    <div class=\"app-datagrid-actions\">\n      @for (btn of _actions.footer; track btn; let index = $index) {\n        <ng-container\n          [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n          [ngTemplateOutletContext]=\"{btn:btn}\"\n          [ngTemplateOutletInjector]=\"createCustomInjector('actions_footer_' + index, {btn:btn})\">\n        </ng-container>\n      }\n    </div>\n  }\n</div>\n\n<ng-template #buttonRef let-btn=\"btn\">\n  <button wmButton caption.bind=\"btn.displayName\" show.bind=\"btn.show\" class.bind=\"btn.class\"  iconclass.bind=\"btn.iconclass\" (click)=\"invokeActionEvent($event, btn.action)\"\n    [ngClass]=\"{'btn-sm': spacing === 'condensed', 'disabled-new': btn.key === 'addNewRow' && (isGridEditMode || isLoading)}\"\n  type=\"button\" shortcutkey.bind=\"btn.shortcutkey\" tabindex.bind=\"btn.tabindex\" hint.bind=\"btn.title\" [attr.aria-label]=\"btn.displayName\" disabled.bind=\"btn.disabled\" conditionalclass.bind=\"btn.conditionalclass\" conditionalstyle.bind=\"btn.conditionalstyle\"></button>\n</ng-template>\n\n<ng-template #anchorRef let-btn=\"btn\">\n  <a wmAnchor caption.bind=\"btn.displayName\" show.bind=\"btn.show\" class.bind=\"btn.class\"  iconclass.bind=\"btn.iconclass\" (click)=\"invokeActionEvent($event, btn.action)\"\n    [ngClass]=\"{'btn-sm': spacing === 'condensed', 'disabled-new': btn.key === 'addNewRow' && (isGridEditMode || isLoading)}\"\n    shortcutkey.bind=\"btn.shortcutkey\" tabindex.bind=\"btn.tabindex\" hint.bind=\"btn.title\"\n  hyperlink.bind=\"btn.hyperlink\" target.bind=\"btn.target\" conditionalclass.bind=\"btn.conditionalclass\" conditionalstyle.bind=\"btn.conditionalstyle\"></a>\n</ng-template>\n\n<div hidden>\n  <ng-container #multiColumnFilterView></ng-container>\n\n  <ng-container #inlineEditView></ng-container>\n\n  <ng-container #inlineEditNewView></ng-container>\n\n  <ng-container #rowActionsView></ng-container>\n\n  <ng-container #rowExpansionActionView></ng-container>\n\n  <ng-container #customExprView></ng-container>\n\n  <ng-container #dynamicTable></ng-container>\n\n  <ng-container #rowDetailView></ng-container>\n\n  <div class=\"dynamic-table-container\"></div>\n</div>\n" }]
-        }], () => [{ type: i0__namespace.Injector }, { type: i1__namespace.FormBuilder }, { type: i2__namespace.App }, { type: i2__namespace.DynamicComponentRefProvider }, { type: i2__namespace.StatePersistence }, { type: i2__namespace.PaginationService }, { type: i2__namespace.Viewport }, { type: i3__namespace.ListComponent, decorators: [{
-                    type: i0.Optional
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Attribute,
-                    args: ['dataset.bind']
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Attribute,
-                    args: ['datasource.bind']
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Attribute,
-                    args: ['readonlygrid']
-                }] }, { type: i0__namespace.NgZone }, { type: i4__namespace.TrustAsPipe }, { type: undefined, decorators: [{
-                    type: i0.Inject,
-                    args: ['EXPLICIT_CONTEXT']
-                }, {
-                    type: i0.Optional
-                }] }], { dataNavigator: [{
-                type: i0.ViewChild,
-                args: [pagination.PaginationComponent, { static: true }]
-            }], _tableElement: [{
-                type: i0.ViewChild,
-                args: ['datagridElement', { static: true }]
-            }], rowActionTmpl: [{
-                type: i0.ContentChildren,
-                args: ['rowActionTmpl', { descendants: true }]
-            }], rowActionsViewRef: [{
-                type: i0.ViewChild,
-                args: ['rowActionsView', { static: true, read: i0.ViewContainerRef }]
-            }], filterTmpl: [{
-                type: i0.ContentChildren,
-                args: ['filterTmpl', { descendants: true }]
-            }], filterViewRef: [{
-                type: i0.ViewChild,
-                args: ['multiColumnFilterView', { static: true, read: i0.ViewContainerRef }]
-            }], inlineWidgetTmpl: [{
-                type: i0.ContentChildren,
-                args: ['inlineWidgetTmpl', { descendants: true }]
-            }], inlineEditViewRef: [{
-                type: i0.ViewChild,
-                args: ['inlineEditView', { static: true, read: i0.ViewContainerRef }]
-            }], inlineWidgetNewTmpl: [{
-                type: i0.ContentChildren,
-                args: ['inlineWidgetTmplNew', { descendants: true }]
-            }], inlineEditNewViewRef: [{
-                type: i0.ViewChild,
-                args: ['inlineEditNewView', { static: true, read: i0.ViewContainerRef }]
-            }], customExprTmpl: [{
-                type: i0.ContentChildren,
-                args: ['customExprTmpl', { descendants: true }]
-            }], customExprViewRef: [{
-                type: i0.ViewChild,
-                args: ['customExprView', { static: true, read: i0.ViewContainerRef }]
-            }], rowExpansionActionTmpl: [{
-                type: i0.ContentChildren,
-                args: ['rowExpansionActionTmpl', { descendants: true }]
-            }], rowExpansionTmpl: [{
-                type: i0.ContentChild,
-                args: ['rowExpansionTmpl']
-            }], rowDetailViewRef: [{
-                type: i0.ViewChild,
-                args: ['rowDetailView', { static: true, read: i0.ViewContainerRef }]
-            }], rowExpansionActionViewRef: [{
-                type: i0.ViewChild,
-                args: ['rowExpansionActionView', { static: true, read: i0.ViewContainerRef }]
-            }], dynamicTableRef: [{
-                type: i0.ViewChild,
-                args: ['dynamicTable', { static: true, read: i0.ViewContainerRef }]
-            }], onKeyPress: [{
-                type: i0.HostListener,
-                args: ['keypress', ['$event']]
-            }] }); })();
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(TableComponent, { className: "TableComponent", filePath: "table.component.ts", lineNumber: 130 }); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: TableComponent, decorators: [{
+                type: i0.Component,
+                args: [{ standalone: true, imports: [i5.CommonModule, anchor.AnchorComponent, pagination.PaginationComponent, button.ButtonComponent, i6.BsDropdownModule, menu.MenuComponent], selector: '[wmTable]', providers: [
+                            i4.provideAs(TableComponent, i1.NG_VALUE_ACCESSOR, true),
+                            i4.provideAsWidgetRef(TableComponent)
+                        ], template: "@if (title || subheading || iconclass || exportOptions.length || _actions.header.length) {\n  <div class=\"panel-heading\">\n    <h3 class=\"panel-title\">\n      <div class=\"pull-left\">\n        @if (iconclass) {\n          <i class=\"app-icon panel-icon {{iconclass}}\"></i>\n        }\n      </div>\n      <div class=\"pull-left\">\n        <div class=\"heading\" [innerHTML]=\"title\"></div>\n        <div class=\"description\" [innerHTML]=\"subheading\"></div>\n      </div>\n      @if (exportOptions.length || _actions.header.length) {\n        <div class=\"panel-actions app-datagrid-actions\">\n          @for (btn of _actions.header; track btn; let index = $index) {\n            <ng-container\n              [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n              [ngTemplateOutletContext]=\"{btn:btn}\"\n              [ngTemplateOutletInjector]=\"createCustomInjector('actions_header_' + index, {btn:btn})\">\n            </ng-container>\n          }\n          @if (exportOptions.length) {\n            <div wmMenu dropdown caption.bind=\"appLocale.LABEL_EXPORT\"  autoclose=\"always\" attr.name=\"{{name}}-export\"\n            dataset.bind=\"exportOptions\" select.event=\"export($item)\" menuposition=\"down,left\"></div>\n          }\n        </div>\n      }\n    </h3>\n  </div>\n}\n<div class=\"app-datagrid\" #datagridElement></div>\n\n<div class=\"panel-footer clearfix\" [hidden]=\"!_actions.footer.length && (!shownavigation || (onDemandLoad && dataNavigator.isDisableNext)) \">\n  <div class=\"app-datagrid-paginator\" [hidden]=\"(!dataNavigator?.dataSize && !dataNavigator.datasource?.pagination?.next) || !shownavigation || (onDemandLoad && dataNavigator.isDisableNext)\">\n    <nav wmPagination show.bind=\"shownavigation\" navigationalign.bind=\"navigationalign\"\n      navigationsize.bind=\"navigationSize\"\n      navigation.bind=\"navControls\" showrecordcount.bind=\"showrecordcount\" maxsize.bind=\"maxsize\"\n      boundarylinks.bind=\"boundarylinks\"\n    forceellipses.bind=\"forceellipses\" directionlinks.bind=\"directionlinks\"></nav>\n  </div>\n  @if (_actions.footer.length) {\n    <div class=\"app-datagrid-actions\">\n      @for (btn of _actions.footer; track btn; let index = $index) {\n        <ng-container\n          [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n          [ngTemplateOutletContext]=\"{btn:btn}\"\n          [ngTemplateOutletInjector]=\"createCustomInjector('actions_footer_' + index, {btn:btn})\">\n        </ng-container>\n      }\n    </div>\n  }\n</div>\n\n<ng-template #buttonRef let-btn=\"btn\">\n  <button wmButton caption.bind=\"btn.displayName\" show.bind=\"btn.show\" class.bind=\"btn.class\"  iconclass.bind=\"btn.iconclass\" (click)=\"invokeActionEvent($event, btn.action)\"\n    [ngClass]=\"{'btn-sm': spacing === 'condensed', 'disabled-new': btn.key === 'addNewRow' && (isGridEditMode || isLoading)}\"\n  type=\"button\" shortcutkey.bind=\"btn.shortcutkey\" tabindex.bind=\"btn.tabindex\" hint.bind=\"btn.title\" [attr.aria-label]=\"btn.displayName\" disabled.bind=\"btn.disabled\" conditionalclass.bind=\"btn.conditionalclass\" conditionalstyle.bind=\"btn.conditionalstyle\"></button>\n</ng-template>\n\n<ng-template #anchorRef let-btn=\"btn\">\n  <a wmAnchor caption.bind=\"btn.displayName\" show.bind=\"btn.show\" class.bind=\"btn.class\"  iconclass.bind=\"btn.iconclass\" (click)=\"invokeActionEvent($event, btn.action)\"\n    [ngClass]=\"{'btn-sm': spacing === 'condensed', 'disabled-new': btn.key === 'addNewRow' && (isGridEditMode || isLoading)}\"\n    shortcutkey.bind=\"btn.shortcutkey\" tabindex.bind=\"btn.tabindex\" hint.bind=\"btn.title\"\n  hyperlink.bind=\"btn.hyperlink\" target.bind=\"btn.target\" conditionalclass.bind=\"btn.conditionalclass\" conditionalstyle.bind=\"btn.conditionalstyle\"></a>\n</ng-template>\n\n<div hidden>\n  <ng-container #multiColumnFilterView></ng-container>\n\n  <ng-container #inlineEditView></ng-container>\n\n  <ng-container #inlineEditNewView></ng-container>\n\n  <ng-container #rowActionsView></ng-container>\n\n  <ng-container #rowExpansionActionView></ng-container>\n\n  <ng-container #customExprView></ng-container>\n\n  <ng-container #dynamicTable></ng-container>\n\n  <ng-container #rowDetailView></ng-container>\n\n  <div class=\"dynamic-table-container\"></div>\n</div>\n" }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: i1__namespace.FormBuilder }, { type: i2__namespace.App }, { type: i2__namespace.DynamicComponentRefProvider }, { type: i2__namespace.StatePersistence }, { type: i2__namespace.PaginationService }, { type: i2__namespace.Viewport }, { type: i3__namespace.ListComponent, decorators: [{
+                        type: i0.Optional
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Attribute,
+                        args: ['dataset.bind']
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Attribute,
+                        args: ['datasource.bind']
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Attribute,
+                        args: ['readonlygrid']
+                    }] }, { type: i0__namespace.NgZone }, { type: i4__namespace.TrustAsPipe }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }], propDecorators: { dataNavigator: [{
+                    type: i0.ViewChild,
+                    args: [pagination.PaginationComponent, { static: true }]
+                }], _tableElement: [{
+                    type: i0.ViewChild,
+                    args: ['datagridElement', { static: true }]
+                }], rowActionTmpl: [{
+                    type: i0.ContentChildren,
+                    args: ['rowActionTmpl', { descendants: true }]
+                }], rowActionsViewRef: [{
+                    type: i0.ViewChild,
+                    args: ['rowActionsView', { static: true, read: i0.ViewContainerRef }]
+                }], filterTmpl: [{
+                    type: i0.ContentChildren,
+                    args: ['filterTmpl', { descendants: true }]
+                }], filterViewRef: [{
+                    type: i0.ViewChild,
+                    args: ['multiColumnFilterView', { static: true, read: i0.ViewContainerRef }]
+                }], inlineWidgetTmpl: [{
+                    type: i0.ContentChildren,
+                    args: ['inlineWidgetTmpl', { descendants: true }]
+                }], inlineEditViewRef: [{
+                    type: i0.ViewChild,
+                    args: ['inlineEditView', { static: true, read: i0.ViewContainerRef }]
+                }], inlineWidgetNewTmpl: [{
+                    type: i0.ContentChildren,
+                    args: ['inlineWidgetTmplNew', { descendants: true }]
+                }], inlineEditNewViewRef: [{
+                    type: i0.ViewChild,
+                    args: ['inlineEditNewView', { static: true, read: i0.ViewContainerRef }]
+                }], customExprTmpl: [{
+                    type: i0.ContentChildren,
+                    args: ['customExprTmpl', { descendants: true }]
+                }], customExprViewRef: [{
+                    type: i0.ViewChild,
+                    args: ['customExprView', { static: true, read: i0.ViewContainerRef }]
+                }], rowExpansionActionTmpl: [{
+                    type: i0.ContentChildren,
+                    args: ['rowExpansionActionTmpl', { descendants: true }]
+                }], rowExpansionTmpl: [{
+                    type: i0.ContentChild,
+                    args: ['rowExpansionTmpl']
+                }], rowDetailViewRef: [{
+                    type: i0.ViewChild,
+                    args: ['rowDetailView', { static: true, read: i0.ViewContainerRef }]
+                }], rowExpansionActionViewRef: [{
+                    type: i0.ViewChild,
+                    args: ['rowExpansionActionView', { static: true, read: i0.ViewContainerRef }]
+                }], dynamicTableRef: [{
+                    type: i0.ViewChild,
+                    args: ['dynamicTable', { static: true, read: i0.ViewContainerRef }]
+                }], onKeyPress: [{
+                    type: i0.HostListener,
+                    args: ['keypress', ['$event']]
+                }] } });
 
     const OPERATION = {
         'NEW': 'new',
@@ -2843,21 +2717,21 @@
                 this.table.callDataGridMethod('cancelEdit', $row);
             }
         }
-        static { this.ɵfac = function TableCUDDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableCUDDirective)(i0__namespace.ɵɵdirectiveInject(TableComponent, 2), i0__namespace.ɵɵdirectiveInject(i2__namespace.AbstractDialogService), i0__namespace.ɵɵdirectiveInject(i2__namespace.App)); }; }
-        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: TableCUDDirective, selectors: [["", "wmTableCUD", ""]], standalone: true }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: TableCUDDirective, deps: [{ token: TableComponent, self: true }, { token: i2__namespace.AbstractDialogService }, { token: i2__namespace.App }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TableCUDDirective, isStandalone: true, selector: "[wmTableCUD]", ngImport: i0__namespace }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(TableCUDDirective, [{
-            type: i0.Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[wmTableCUD]'
-                }]
-        }], () => [{ type: undefined, decorators: [{
-                    type: i0.Self
-                }, {
-                    type: i0.Inject,
-                    args: [TableComponent]
-                }] }, { type: i2__namespace.AbstractDialogService }, { type: i2__namespace.App }], null); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: TableCUDDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        standalone: true,
+                        selector: '[wmTableCUD]'
+                    }]
+            }], ctorParameters: () => [{ type: undefined, decorators: [{
+                        type: i0.Self
+                    }, {
+                        type: i0.Inject,
+                        args: [TableComponent]
+                    }] }, { type: i2__namespace.AbstractDialogService }, { type: i2__namespace.App }] });
 
     const moment = momentLib__namespace.default || window['moment'];
     const emptyMatchModes = ['null', 'empty', 'nullorempty', 'isnotnull', 'isnotempty'];
@@ -3531,21 +3405,21 @@
                 condition: logicalOp
             });
         }
-        static { this.ɵfac = function TableFilterSortDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableFilterSortDirective)(i0__namespace.ɵɵdirectiveInject(TableComponent, 2)); }; }
-        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: TableFilterSortDirective, selectors: [["", "wmTableFilterSort", ""]], standalone: true }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: TableFilterSortDirective, deps: [{ token: TableComponent, self: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TableFilterSortDirective, isStandalone: true, selector: "[wmTableFilterSort]", ngImport: i0__namespace }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(TableFilterSortDirective, [{
-            type: i0.Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[wmTableFilterSort]'
-                }]
-        }], () => [{ type: undefined, decorators: [{
-                    type: i0.Self
-                }, {
-                    type: i0.Inject,
-                    args: [TableComponent]
-                }] }], null); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: TableFilterSortDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        standalone: true,
+                        selector: '[wmTableFilterSort]'
+                    }]
+            }], ctorParameters: () => [{ type: undefined, decorators: [{
+                        type: i0.Self
+                    }, {
+                        type: i0.Inject,
+                        args: [TableComponent]
+                    }] }] });
 
     const registerProps$4 = () => {
         i4.register('wm-table-action', new Map([
@@ -3617,28 +3491,28 @@
                 this.buttonDef[key] = nv;
             }
         }
-        static { this.ɵfac = function TableActionDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableActionDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(TableComponent, 8), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: TableActionDirective, selectors: [["", "wmTableAction", ""]], standalone: true, features: [i0__namespace.ɵɵProvidersFeature([
-                    i4.provideAsWidgetRef(TableActionDirective)
-                ]), i0__namespace.ɵɵInheritDefinitionFeature] }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: TableActionDirective, deps: [{ token: i0__namespace.Injector }, { token: TableComponent, optional: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TableActionDirective, isStandalone: true, selector: "[wmTableAction]", providers: [
+                i4.provideAsWidgetRef(TableActionDirective)
+            ], usesInheritance: true, ngImport: i0__namespace }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(TableActionDirective, [{
-            type: i0.Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[wmTableAction]',
-                    providers: [
-                        i4.provideAsWidgetRef(TableActionDirective)
-                    ]
-                }]
-        }], () => [{ type: i0__namespace.Injector }, { type: TableComponent, decorators: [{
-                    type: i0.Optional
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Inject,
-                    args: ['EXPLICIT_CONTEXT']
-                }, {
-                    type: i0.Optional
-                }] }], null); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: TableActionDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        standalone: true,
+                        selector: '[wmTableAction]',
+                        providers: [
+                            i4.provideAsWidgetRef(TableActionDirective)
+                        ]
+                    }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: TableComponent, decorators: [{
+                        type: i0.Optional
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }] });
 
     const registerProps$3 = () => {
         i4.register('wm-table-column', new Map([
@@ -3781,39 +3655,33 @@
             const fieldName = this.group && this.group.name;
             i4.setHeaderConfigForTable(this.table.headerConfig, this.config, fieldName, fieldName ? colIndex : headerIndex);
         }
-        static { this.ɵfac = function TableColumnGroupDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableColumnGroupDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(TableColumnGroupDirective, 12), i0__namespace.ɵɵdirectiveInject(TableComponent, 8), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: TableColumnGroupDirective, selectors: [["", "wmTableColumnGroup", ""]], standalone: true, features: [i0__namespace.ɵɵProvidersFeature([
-                    i4.provideAsWidgetRef(TableColumnGroupDirective)
-                ]), i0__namespace.ɵɵInheritDefinitionFeature] }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: TableColumnGroupDirective, deps: [{ token: i0__namespace.Injector }, { token: TableColumnGroupDirective, optional: true, skipSelf: true }, { token: TableComponent, optional: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TableColumnGroupDirective, isStandalone: true, selector: "[wmTableColumnGroup]", providers: [
+                i4.provideAsWidgetRef(TableColumnGroupDirective)
+            ], usesInheritance: true, ngImport: i0__namespace }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(TableColumnGroupDirective, [{
-            type: i0.Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[wmTableColumnGroup]',
-                    providers: [
-                        i4.provideAsWidgetRef(TableColumnGroupDirective)
-                    ]
-                }]
-        }], () => [{ type: i0__namespace.Injector }, { type: TableColumnGroupDirective, decorators: [{
-                    type: i0.SkipSelf
-                }, {
-                    type: i0.Optional
-                }] }, { type: TableComponent, decorators: [{
-                    type: i0.Optional
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Inject,
-                    args: ['EXPLICIT_CONTEXT']
-                }, {
-                    type: i0.Optional
-                }] }], null); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: TableColumnGroupDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        standalone: true,
+                        selector: '[wmTableColumnGroup]',
+                        providers: [
+                            i4.provideAsWidgetRef(TableColumnGroupDirective)
+                        ]
+                    }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: TableColumnGroupDirective, decorators: [{
+                        type: i0.SkipSelf
+                    }, {
+                        type: i0.Optional
+                    }] }, { type: TableComponent, decorators: [{
+                        type: i0.Optional
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }] });
 
-    const _c0 = ["customExprTmpl"];
-    const _c1 = ["inlineWidgetTmpl"];
-    const _c2 = ["filterTmpl"];
-    const _c3 = ["filterWidget"];
-    const _c4 = ["inlineWidget"];
-    const _c5 = ["inlineWidgetNew"];
     const WIDGET_CONFIG$2 = { widgetType: 'wm-table-column', hostClass: '' };
     let inlineWidgetProps = ['datafield', 'displayfield', 'placeholder', 'searchkey', 'sortby', 'matchmode', 'displaylabel', 'groupby', 'match', 'dateformat', 'showcount', 'collapsible',
         'checkedvalue', 'uncheckedvalue', 'showdropdownon', 'dataentrymode', 'autoclose', 'dataset', 'outputformat'];
@@ -4393,69 +4261,54 @@
                     this.table.redraw(true);
             }
         }
-        static { this.ɵfac = function TableColumnDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableColumnDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i2__namespace.AppDefaults), i0__namespace.ɵɵdirectiveInject(TableComponent, 8), i0__namespace.ɵɵdirectiveInject(TableColumnGroupDirective, 8), i0__namespace.ɵɵinjectAttribute('filterdataset.bind'), i0__namespace.ɵɵinjectAttribute('dataset.bind'), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: TableColumnDirective, selectors: [["", "wmTableColumn", ""]], contentQueries: function TableColumnDirective_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-                i0__namespace.ɵɵcontentQuery(dirIndex, _c0, 5);
-                i0__namespace.ɵɵcontentQuery(dirIndex, _c1, 5);
-                i0__namespace.ɵɵcontentQuery(dirIndex, _c2, 5);
-                i0__namespace.ɵɵcontentQuery(dirIndex, _c3, 5);
-                i0__namespace.ɵɵcontentQuery(dirIndex, _c4, 5);
-                i0__namespace.ɵɵcontentQuery(dirIndex, _c5, 5);
-            } if (rf & 2) {
-                let _t;
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.customExprTmpl = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.inlineWidthTempRef = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.filterTemplateRef = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx._filterInstances = _t);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx._inlineInstances = _t);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx._inlineInstancesNew = _t);
-            } }, standalone: true, features: [i0__namespace.ɵɵProvidersFeature([
-                    i4.provideAsWidgetRef(TableColumnDirective)
-                ]), i0__namespace.ɵɵInheritDefinitionFeature] }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: TableColumnDirective, deps: [{ token: i0__namespace.Injector }, { token: i2__namespace.AppDefaults }, { token: TableComponent, optional: true }, { token: TableColumnGroupDirective, optional: true }, { token: 'filterdataset.bind', attribute: true }, { token: 'dataset.bind', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TableColumnDirective, isStandalone: true, selector: "[wmTableColumn]", providers: [
+                i4.provideAsWidgetRef(TableColumnDirective)
+            ], queries: [{ propertyName: "customExprTmpl", first: true, predicate: ["customExprTmpl"], descendants: true }, { propertyName: "inlineWidthTempRef", first: true, predicate: ["inlineWidgetTmpl"], descendants: true }, { propertyName: "filterTemplateRef", first: true, predicate: ["filterTmpl"], descendants: true }, { propertyName: "_filterInstances", predicate: ["filterWidget"], descendants: true }, { propertyName: "_inlineInstances", predicate: ["inlineWidget"], descendants: true }, { propertyName: "_inlineInstancesNew", predicate: ["inlineWidgetNew"], descendants: true }], usesInheritance: true, ngImport: i0__namespace }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(TableColumnDirective, [{
-            type: i0.Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[wmTableColumn]',
-                    providers: [
-                        i4.provideAsWidgetRef(TableColumnDirective)
-                    ]
-                }]
-        }], () => [{ type: i0__namespace.Injector }, { type: i2__namespace.AppDefaults }, { type: TableComponent, decorators: [{
-                    type: i0.Optional
-                }] }, { type: TableColumnGroupDirective, decorators: [{
-                    type: i0.Optional
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Attribute,
-                    args: ['filterdataset.bind']
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Attribute,
-                    args: ['dataset.bind']
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Inject,
-                    args: ['EXPLICIT_CONTEXT']
-                }, {
-                    type: i0.Optional
-                }] }], { _filterInstances: [{
-                type: i0.ContentChildren,
-                args: ['filterWidget', { descendants: true }]
-            }], _inlineInstances: [{
-                type: i0.ContentChildren,
-                args: ['inlineWidget', { descendants: true }]
-            }], _inlineInstancesNew: [{
-                type: i0.ContentChildren,
-                args: ['inlineWidgetNew', { descendants: true }]
-            }], customExprTmpl: [{
-                type: i0.ContentChild,
-                args: ['customExprTmpl']
-            }], inlineWidthTempRef: [{
-                type: i0.ContentChild,
-                args: ['inlineWidgetTmpl']
-            }], filterTemplateRef: [{
-                type: i0.ContentChild,
-                args: ['filterTmpl']
-            }] }); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: TableColumnDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        standalone: true,
+                        selector: '[wmTableColumn]',
+                        providers: [
+                            i4.provideAsWidgetRef(TableColumnDirective)
+                        ]
+                    }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: i2__namespace.AppDefaults }, { type: TableComponent, decorators: [{
+                        type: i0.Optional
+                    }] }, { type: TableColumnGroupDirective, decorators: [{
+                        type: i0.Optional
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Attribute,
+                        args: ['filterdataset.bind']
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Attribute,
+                        args: ['dataset.bind']
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }], propDecorators: { _filterInstances: [{
+                    type: i0.ContentChildren,
+                    args: ['filterWidget', { descendants: true }]
+                }], _inlineInstances: [{
+                    type: i0.ContentChildren,
+                    args: ['inlineWidget', { descendants: true }]
+                }], _inlineInstancesNew: [{
+                    type: i0.ContentChildren,
+                    args: ['inlineWidgetNew', { descendants: true }]
+                }], customExprTmpl: [{
+                    type: i0.ContentChild,
+                    args: ['customExprTmpl']
+                }], inlineWidthTempRef: [{
+                    type: i0.ContentChild,
+                    args: ['inlineWidgetTmpl']
+                }], filterTemplateRef: [{
+                    type: i0.ContentChild,
+                    args: ['filterTmpl']
+                }] } });
 
     const registerProps$1 = () => {
         i4.register('wm-table-row', new Map([
@@ -4502,30 +4355,30 @@
                 this.config.content = this.content;
             }
         }
-        static { this.ɵfac = function TableRowDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableRowDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(TableComponent, 12), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: TableRowDirective, selectors: [["", "wmTableRow", ""]], standalone: true, features: [i0__namespace.ɵɵProvidersFeature([
-                    i4.provideAsWidgetRef(TableRowDirective)
-                ]), i0__namespace.ɵɵInheritDefinitionFeature] }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: TableRowDirective, deps: [{ token: i0__namespace.Injector }, { token: TableComponent, optional: true, skipSelf: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TableRowDirective, isStandalone: true, selector: "[wmTableRow]", providers: [
+                i4.provideAsWidgetRef(TableRowDirective)
+            ], usesInheritance: true, ngImport: i0__namespace }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(TableRowDirective, [{
-            type: i0.Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[wmTableRow]',
-                    providers: [
-                        i4.provideAsWidgetRef(TableRowDirective)
-                    ]
-                }]
-        }], () => [{ type: i0__namespace.Injector }, { type: TableComponent, decorators: [{
-                    type: i0.Optional
-                }, {
-                    type: i0.SkipSelf
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Inject,
-                    args: ['EXPLICIT_CONTEXT']
-                }, {
-                    type: i0.Optional
-                }] }], null); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: TableRowDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        standalone: true,
+                        selector: '[wmTableRow]',
+                        providers: [
+                            i4.provideAsWidgetRef(TableRowDirective)
+                        ]
+                    }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: TableComponent, decorators: [{
+                        type: i0.Optional
+                    }, {
+                        type: i0.SkipSelf
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }] });
 
     const registerProps = () => {
         i4.register('wm-table-row-action', new Map([
@@ -4583,35 +4436,35 @@
             this.populateAction();
             this.table.registerRowActions(this.buttonDef);
         }
-        static { this.ɵfac = function TableRowActionDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableRowActionDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(TableComponent, 8), i0__namespace.ɵɵdirectiveInject(i4.Context, 2), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: TableRowActionDirective, selectors: [["", "wmTableRowAction", ""]], standalone: true, features: [i0__namespace.ɵɵProvidersFeature([
-                    i4.provideAsWidgetRef(TableRowActionDirective),
-                    { provide: i4.Context, useFactory: () => { return {}; }, multi: true }
-                ]), i0__namespace.ɵɵInheritDefinitionFeature] }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: TableRowActionDirective, deps: [{ token: i0__namespace.Injector }, { token: TableComponent, optional: true }, { token: i4.Context, self: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TableRowActionDirective, isStandalone: true, selector: "[wmTableRowAction]", providers: [
+                i4.provideAsWidgetRef(TableRowActionDirective),
+                { provide: i4.Context, useFactory: () => { return {}; }, multi: true }
+            ], usesInheritance: true, ngImport: i0__namespace }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(TableRowActionDirective, [{
-            type: i0.Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[wmTableRowAction]',
-                    providers: [
-                        i4.provideAsWidgetRef(TableRowActionDirective),
-                        { provide: i4.Context, useFactory: () => { return {}; }, multi: true }
-                    ]
-                }]
-        }], () => [{ type: i0__namespace.Injector }, { type: TableComponent, decorators: [{
-                    type: i0.Optional
-                }] }, { type: Array, decorators: [{
-                    type: i0.Self
-                }, {
-                    type: i0.Inject,
-                    args: [i4.Context]
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Inject,
-                    args: ['EXPLICIT_CONTEXT']
-                }, {
-                    type: i0.Optional
-                }] }], null); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: TableRowActionDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        standalone: true,
+                        selector: '[wmTableRowAction]',
+                        providers: [
+                            i4.provideAsWidgetRef(TableRowActionDirective),
+                            { provide: i4.Context, useFactory: () => { return {}; }, multi: true }
+                        ]
+                    }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: TableComponent, decorators: [{
+                        type: i0.Optional
+                    }] }, { type: Array, decorators: [{
+                        type: i0.Self
+                    }, {
+                        type: i0.Inject,
+                        args: [i4.Context]
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }] });
 
     exports.TableActionDirective = TableActionDirective;
     exports.TableCUDDirective = TableCUDDirective;