@wavemaker/app-ng-runtime 11.14.1-3.6306 → 11.14.1-32.647748

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

@@ -108,7 +108,7 @@
     const ROW_OPS_FIELD = 'rowOperations';
     const noop = () => { };
     const isInputBodyWrapper = target => {
-        const classes = ['.dropdown-menu', '.uib-typeahead-match', '.modal-dialog', '.toast'];
+        const classes = ['.dropdown-menu', '.uib-typeahead-match', '.modal-dialog', '.toast', '.bs-datepicker-container'];
         let isInput = false;
         classes.forEach(cls => {
             if (target.closest(cls).length) {
@@ -129,6 +129,19 @@
     };
     class TableComponent extends i4.StylableComponent {
         static { this.initializeProps = registerProps$5(); }
+        /** wm.Variable + inline or quickedit (editmode is string from markup; normalize case). */
+        isModelVariableInlineOrQuickEdit() {
+            if (lodashEs.get(this.datasource, 'category') !== 'wm.Variable') {
+                return false;
+            }
+            const em = String(this.editmode || '').toLowerCase();
+            return em === 'quickedit' || em === 'inline';
+        }
+        /** True while an inline/quickedit row save is updating the grid (incl. delayed navigator emit). */
+        shouldSoftRefreshAfterModelVarRowSave() {
+            return this.isModelVariableInlineOrQuickEdit()
+                && (this._isInlineEditSave || this._modelVarEditSoftRefreshActiveUntil > Date.now());
+        }
         set gridData(newValue) {
             this.isDataLoading = false;
             // Fix for [WMS-24012]: hide no datafound msg when variableInflight is true and dataset is empty
@@ -196,7 +209,14 @@
                         console.warn('Error in beforedatarender event callback, continuing with table rendering:', error);
                     }
                 }
-                this.setDataGridOption('data', i2.getClonedObject(this._gridData));
+                if (this.shouldSoftRefreshAfterModelVarRowSave()) {
+                    const clonedData = i2.getClonedObject(this._gridData);
+                    this.gridOptions.data = clonedData;
+                    this.callDataGridMethod('softRefreshData', clonedData);
+                }
+                else {
+                    this.setDataGridOption('data', i2.getClonedObject(this._gridData));
+                }
             }
         }
         get gridData() {
@@ -249,6 +269,8 @@
             this.formfields = {};
             this.enablesort = true;
             this.showviewlessbutton = false;
+            /** Covers async navigator/dataset updates after inline/quickedit save (wm.Variable). */
+            this._modelVarEditSoftRefreshActiveUntil = 0;
             this.primaryKey = [];
             this.selectedItems = [];
             this.selectedItemChange = new rxjs.Subject();
@@ -587,7 +609,25 @@
                     this.prevData = i2.getClonedObject(row);
                 },
                 afterRowUpdate: (row, e, callBack, options) => {
-                    this.updateRecord(lodashEs.extend({}, options, { row, 'prevData': options.rowindex ? options.rowindex : this.prevData, 'event': e, 'callBack': callBack }));
+                    const isModelVarInlineOrQuick = this.isModelVariableInlineOrQuickEdit();
+                    if (isModelVarInlineOrQuick) {
+                        this._isInlineEditSave = true;
+                        // Inline save triggers navigatePage / dataset emit asynchronously; a
+                        // microtask timeout cleared the flag before gridData ran → full rerender.
+                        this._modelVarEditSoftRefreshActiveUntil = Date.now() + 550;
+                    }
+                    i2.muteWatchers();
+                    const v = lodashEs.get(this.datasource, 'category') === 'wm.Variable' && options && options.rowindex != null;
+                    this.updateRecord(lodashEs.extend({}, options, { row, prevData: v ? options.rowindex : this.prevData, event: e, callBack }));
+                    setTimeout(() => {
+                        i2.unMuteWatchers();
+                        if (isModelVarInlineOrQuick) {
+                            setTimeout(() => {
+                                this._isInlineEditSave = false;
+                                this._modelVarEditSoftRefreshActiveUntil = 0;
+                            }, 520);
+                        }
+                    }, 10);
                 },
                 onBeforeRowUpdate: (row, e, options) => {
                     return this.invokeEventCallback('beforerowupdate', { $event: e, $data: row, row, options: options });
@@ -659,11 +699,67 @@
                     this.customExprCompiledTl = {};
                     this.customExprCompiledSummaryTl = {};
                 },
+                updateCustomExpressionContexts: (preparedData) => {
+                    const viewCount = this.customExprViewRef.length;
+                    for (let i = 0; i < viewCount; i++) {
+                        const viewRef = this.customExprViewRef.get(i);
+                        if (!viewRef || !viewRef.context || !viewRef.context.row || viewRef.context.row.$index === undefined) {
+                            continue;
+                        }
+                        const existingRow = viewRef.context.row;
+                        const rowIndex = existingRow.$index - 1;
+                        const dataRow = preparedData[rowIndex];
+                        if (!dataRow) {
+                            continue;
+                        }
+                        Object.keys(dataRow).forEach(key => {
+                            if (key !== '$$index' && key !== '$$pk') {
+                                existingRow[key] = dataRow[key];
+                            }
+                        });
+                        existingRow.$isFirst = existingRow.$index === 1;
+                        existingRow.$isLast = this.gridData.length === existingRow.$index;
+                        viewRef.markForCheck();
+                    }
+                },
                 clearRowDetailExpression: () => {
                     this.rowDetailViewRef.clear();
                     this.rowDefMap = {};
                     this.rowDefInstances = {};
                 },
+                invalidateRowDetailCache: (preparedData) => {
+                    this.rowDefMap = {};
+                    this.rowDefInstances = {};
+                    // Update existing row detail view contexts in-place so currently
+                    // expanded partials pick up the new row data via change detection.
+                    const viewCount = this.rowDetailViewRef.length;
+                    for (let i = 0; i < viewCount; i++) {
+                        const viewRef = this.rowDetailViewRef.get(i);
+                        if (!viewRef || !viewRef.context || !viewRef.context.row) {
+                            continue;
+                        }
+                        const existingRow = viewRef.context.row;
+                        const rowIndex = existingRow.$index - 1;
+                        const dataRow = preparedData[rowIndex];
+                        if (!dataRow) {
+                            continue;
+                        }
+                        Object.keys(dataRow).forEach(key => {
+                            if (key !== '$$index' && key !== '$$pk') {
+                                existingRow[key] = dataRow[key];
+                            }
+                        });
+                        viewRef.markForCheck();
+                    }
+                },
+                refreshSelectedItems: () => {
+                    const selectedRows = this.callDataGridMethod('getSelectedRows');
+                    if (selectedRows.length) {
+                        this.items.length = 0;
+                        selectedRows.forEach(row => this.items.push(row));
+                        this.selectedItemChange.next(selectedRows);
+                    }
+                },
                 generateCustomExpressions: (rowData, index, summaryRow) => {
                     const row = this.getClonedRowObject(rowData);
                     const compileTemplate = (tmpl) => {
@@ -1125,7 +1221,9 @@
             this.applyProps.forEach(args => this.callDataGridMethod(...args));
             if (this.editmode === i4.EDIT_MODE.QUICK_EDIT) {
                 this.documentClickBind = this._documentClickBind.bind(this);
-                document.addEventListener('click', this.documentClickBind);
+                // Use capture phase so a click on another grid (which calls stopPropagation) still reaches this
+                // listener and lets the current grid save/close its editing row.
+                document.addEventListener('click', this.documentClickBind, true);
             }
         }
         getConfiguredState() {
@@ -1351,8 +1449,10 @@
             }
         }
         ngOnDestroy() {
+            this._modelVarEditSoftRefreshActiveUntil = 0;
+            this._isInlineEditSave = false;
             // MEMORY LEAK FIX: Remove document click listener
-            document.removeEventListener('click', this.documentClickBind);
+            document.removeEventListener('click', this.documentClickBind, true);
             // MEMORY LEAK FIX: Unsubscribe from navigator watches
             if (this.navigatorResultWatch) {
                 this.navigatorResultWatch.unsubscribe();
@@ -1411,7 +1511,6 @@
             this.selectedItems = [];
             this.fieldDefs = [];
             this.fullFieldDefs = [];
-            this.gridData = [];
             this.__fullData = null;
             // MEMORY LEAK FIX: Destroy jQuery datatable widget before clearing gridOptions
             if (this.datagridElement && this.datagridElement.datatable) {
@@ -1524,6 +1623,7 @@
             row.$isLast = this.gridData.length === row.$index;
             delete row.$$index;
             delete row.$$pk;
+            delete row.$$wmSourceListIndex;
             return row;
         }
         handleLoading(data) {
@@ -1765,6 +1865,14 @@
             // Apply filter and sort, if data is refreshed through Refresh data method
             if (!this.isNavigationEnabled() && this._isClientSearch) {
                 data = i2.getClonedObject(serviceData);
+                if (lodashEs.isObject(data) && !lodashEs.isArray(data)) {
+                    data = [data];
+                }
+                if (lodashEs.get(this.datasource, 'category') === 'wm.Variable' && lodashEs.isArray(data)) {
+                    for (let i = 0; i < data.length; i++) {
+                        data[i].$$wmSourceListIndex = i;
+                    }
+                }
                 data = this.getSearchResult(data, this.filterInfo);
                 data = this.getSortResult(data, this.sortInfo);
                 this.serverData = data;
@@ -1946,10 +2054,7 @@
                         this.headerselectall = false;
                         this.setDataGridOption("headerselectall", false);
                     }
-                    // Process dataset when datasource is set, especially if dataset was previously skipped
-                    if (this.datasource && this.dataset !== undefined) {
-                        this.watchVariableDataSet(this.dataset);
-                    }
+                    this.watchVariableDataSet(this.dataset);
                     this.onDataSourceChange();
                     break;
                 case 'dataset':
@@ -2094,6 +2199,10 @@
                 case 'show':
                     if (nv) {
                         this.invokeEventCallback('show');
+                        // recompute layout now that the table is visible again
+                        if (this.datagridElement) {
+                            this.redraw(false);
+                        }
                     }
                     else {
                         this.invokeEventCallback('hide');
@@ -2268,6 +2377,11 @@
                 if (lodashEs.isObject(data) && !lodashEs.isArray(data)) {
                     data = [data];
                 }
+                if (lodashEs.get(this.datasource, 'category') === 'wm.Variable' && lodashEs.isArray(data)) {
+                    for (let i = 0; i < data.length; i++) {
+                        data[i].$$wmSourceListIndex = i;
+                    }
+                }
                 data = this.getSearchResult(data, this.filterInfo);
                 data = this.getSortResult(data, this.sortInfo);
                 return data;
@@ -2328,11 +2442,16 @@
         }
         _documentClickBind(event) {
             const $target = event.target;
-            // If click triggered from same grid or a dialog, do not save the row
+            // If the click is within this table, a dialog, or a date picker, do not save the row.
             if (this.$element[0].contains($target) || event.target.doctype || isInputBodyWrapper($($target))) {
                 return;
             }
-            this.callDataGridMethod('saveRow');
+            // If click is inside another datatable, that table's edit handler saves this row — skip to avoid a duplicate save. [WMS-31104]
+            if ($($target).closest('.app-datagrid').length) {
+                return;
+            }
+            // Click is outside all tables — save the editing row without returning focus to this table. [WMS-31104]
+            this.callDataGridMethod('saveRow', undefined, true);
         }
         _redraw(forceRender) {
             if (forceRender) {
@@ -2340,7 +2459,7 @@
             }
             else {
                 setTimeout(() => {
-                    this.callDataGridMethod('setColGroupWidths');
+                    this.callDataGridMethod(forceRender === false ? 'refreshColumnWidths' : 'setColGroupWidths');
                     this.callDataGridMethod('addOrRemoveScroll');
                 });
             }
@@ -2670,11 +2789,11 @@
                     this.table.toggleMessage(true, 'success', this.table.updatemessage);
                 }
                 if (this.table.datasource.execute(i2.DataSource.Operation.SUPPORTS_CRUD)) {
-                    this.table.initiateSelectItem('current', response, undefined, false, options.callBack);
+                    this.table.initiateSelectItem('current', response, options.skipFocus, false, options.callBack);
                     this.updateVariable(response, options.callBack);
                 }
                 else if (!this.table.datasource.execute(i2.DataSource.Operation.IS_API_AWARE)) {
-                    this.table.initiateSelectItem('current', response, undefined, false, options.callBack);
+                    this.table.initiateSelectItem('current', response, options.skipFocus, this.table.datasource.category === 'wm.Variable', options.callBack);
                 }
                 i2.triggerFn(options.success, response);
                 this.table.invokeEventCallback('rowupdate', { $event: options.event, $data: response, row: response });
@@ -2695,7 +2814,11 @@
             if (dataSource.execute(i2.DataSource.Operation.SUPPORTS_CRUD) || !dataSource.execute(i2.DataSource.Operation.IS_API_AWARE) || dataSource.category === 'wm.CrudVariable') {
                 if (!dataSource.execute(i2.DataSource.Operation.IS_API_AWARE)) {
                     const extraOptions = this.generatePath(this.table.binddataset);
-                    dataSource.execute(i2.DataSource.Operation.SET_ITEM, { prevItem: options.prevData, item: options.row, path: extraOptions.path, parentIndex: extraOptions.index });
+                    const item = options.row;
+                    if (dataSource.category === 'wm.Variable' && item) {
+                        delete item['$$wmSourceListIndex'];
+                    }
+                    dataSource.execute(i2.DataSource.Operation.SET_ITEM, { prevItem: options.prevData, item, path: extraOptions.path, parentIndex: extraOptions.index });
                     this.updateSuccessHandler(options.row, options);
                     return;
                 }
@@ -2778,7 +2901,14 @@
             if (dataSource.execute(i2.DataSource.Operation.SUPPORTS_CRUD) || !dataSource.execute(i2.DataSource.Operation.IS_API_AWARE) || this.table._isDependent || dataSource.category === 'wm.CrudVariable') {
                 if (!dataSource.execute(i2.DataSource.Operation.IS_API_AWARE)) {
                     const extraOptions = this.generatePath(this.table.binddataset);
-                    dataSource.execute(i2.DataSource.Operation.REMOVE_ITEM, { item: options.row, path: extraOptions.path, parentIndex: extraOptions.index });
+                    let item = options.row;
+                    if (dataSource.category === 'wm.Variable' && options.rowindex != null) {
+                        item = options.rowindex;
+                    }
+                    else if (dataSource.category === 'wm.Variable' && item) {
+                        delete item['$$wmSourceListIndex'];
+                    }
+                    dataSource.execute(i2.DataSource.Operation.REMOVE_ITEM, { item, path: extraOptions.path, parentIndex: extraOptions.index });
                     this.deleteSuccessHandler(options.row, undefined, options.evt, options.callBack);
                     return;
                 }
@@ -2924,6 +3054,12 @@
                 this.table.callDataGridMethod('cancelEdit', $row);
             }
         }
+        ngOnDestroy() {
+            // MEMORY LEAK FIX: Clear all references
+            this.table = null;
+            this.dialogService = null;
+            this.app = null;
+        }
         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 }); }
     }
@@ -3235,7 +3371,19 @@
         }
         // Function that checks if a given string is a valid date and returns the timestamp if it is, or NaN if it's not.
         parseDateString(dateString) {
+            if (typeof dateString !== 'string') {
+                return NaN;
+            }
+            const trimmed = dateString.trim();
+            if (!trimmed) {
+                return NaN;
+            }
             const timestamp = Date.parse(dateString);
+            // handling case when string starts with string and end with number
+            const monthRegex = /\b(?:Jan(?:uary)?|Feb(?:ruary)?|Mar(?:ch)?|Apr(?:il)?|May|Jun(?:e)?|Jul(?:y)?|Aug(?:ust)?|Sep(?:t(?:ember)?)?|Oct(?:ober)?|Nov(?:ember)?|Dec(?:ember)?)\b/i;
+            if (/^[A-Za-z]+/.test(trimmed) && /\d+$/.test(trimmed) && !monthRegex.test(trimmed)) {
+                return NaN;
+            }
             if (!isNaN(timestamp)) {
                 return timestamp;
             }
@@ -3247,20 +3395,38 @@
         // Returns data sorted using sortObj
         getSortResult(data, sortObj) {
             if (sortObj && sortObj.direction) {
-                const fieldValue = lodashEs.get(lodashEs.find(data, sortObj.field), sortObj.field);
+                const sampleItem = lodashEs.find(data, (item) => {
+                    const v = lodashEs.get(item, sortObj.field);
+                    return typeof v === 'string' && !!v.trim();
+                });
+                const fieldValue = sampleItem ? lodashEs.get(sampleItem, sortObj.field) : undefined;
                 const isValidDateString = typeof fieldValue === 'string' ? this.parseDateString(fieldValue) : NaN;
                 if (!isNaN(isValidDateString)) { // if the field is a date string
-                    data = lodashEs.orderBy(data, [(item) => this.parseDateString(item[sortObj.field])], [sortObj.direction]);
+                    data = lodashEs.orderBy(data, [
+                        (item) => {
+                            const v = lodashEs.get(item, sortObj.field);
+                            return v === null || v === undefined || v === '' ? 1 : 0;
+                        },
+                        (item) => {
+                            const ts = this.parseDateString(lodashEs.get(item, sortObj.field));
+                            return isNaN(ts) ? 1 : 0;
+                        },
+                        (item) => this.parseDateString(lodashEs.get(item, sortObj.field))
+                    ], ['asc', 'asc', sortObj.direction]);
                 }
                 else if (sortObj.sortBy ? this.table.columns[sortObj.sortBy]?.caseinsensitive : this.table.columns[sortObj.field]?.caseinsensitive) {
                     //Fix for [WMS-27505]: Added case-insensitive sorting so that uppercase and lowercase letters are treated the same when sorting.
                     data = lodashEs.orderBy(data, [
+                        (item) => {
+                            const val = lodashEs.get(item, sortObj.field);
+                            return val === null || val === undefined || val === '' ? 1 : 0;
+                        },
                         (item) => {
                             const val = lodashEs.get(item, sortObj.field);
                             return typeof val === 'string' ? val.toLowerCase() : val;
                         },
                         (item) => lodashEs.get(item, sortObj.field) // fallback to original value
-                    ], [sortObj.direction, sortObj.direction]);
+                    ], ['asc', sortObj.direction, sortObj.direction]);
                 }
                 else {
                     data = lodashEs.orderBy(data, sortObj.field, sortObj.direction);
@@ -3282,6 +3448,11 @@
             if (lodashEs.isObject(data) && !lodashEs.isArray(data)) {
                 data = [data];
             }
+            if (lodashEs.get(this.table.datasource, 'category') === 'wm.Variable' && lodashEs.isArray(data)) {
+                for (let i = 0; i < data.length; i++) {
+                    data[i].$$wmSourceListIndex = i;
+                }
+            }
             /*Both the functions return same 'data' if arguments are undefined*/
             data = this.getSearchResult(data, this.table.filterInfo);
             data = this.getSortResult(data, this.table.sortInfo);
@@ -3612,6 +3783,10 @@
                 condition: logicalOp
             });
         }
+        ngOnDestroy() {
+            // MEMORY LEAK FIX: Clear table reference
+            this.table = null;
+        }
         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 }); }
     }
@@ -3698,6 +3873,13 @@
                 this.buttonDef[key] = nv;
             }
         }
+        ngOnDestroy() {
+            // MEMORY LEAK FIX: Clear table and buttonDef references
+            this.table = null;
+            this.buttonDef = null;
+            // Call parent ngOnDestroy (BaseComponent has cleanup)
+            super.ngOnDestroy();
+        }
         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)
@@ -3862,6 +4044,14 @@
             const fieldName = this.group && this.group.name;
             i4.setHeaderConfigForTable(this.table.headerConfig, this.config, fieldName, fieldName ? colIndex : headerIndex);
         }
+        ngOnDestroy() {
+            // MEMORY LEAK FIX: Clear table, group, and config references
+            this.table = null;
+            this.group = null;
+            this.config = null;
+            // Call parent ngOnDestroy (BaseComponent has cleanup)
+            super.ngOnDestroy();
+        }
         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)
@@ -4056,6 +4246,10 @@
         }
         // Remove validators for the inline widget and set form to untouched
         removeValidations() {
+            // Guard against component destruction or table/ngform being null
+            if (this.isDestroyed || !this.table || !this.table.ngform) {
+                return;
+            }
             this.table.ngform.markAsUntouched();
             const control = this.getFormControl();
             if (!control) {
@@ -4067,6 +4261,10 @@
         }
         // Apply default|sync|async|prop validators for QuickEdit new row form control
         applyNewRowValidations() {
+            // Guard against component destruction or table/ngform being null
+            if (this.isDestroyed || !this.table || !this.table.ngform) {
+                return;
+            }
             if (!this._checkNewEditableRowControl()) {
                 return;
             }
@@ -4083,22 +4281,37 @@
         }
         // Remove validators for the QuickEdit new row widget and set form to untouched
         removeNewRowValidations() {
+            // Guard against component destruction or table/ngform being null
+            if (this.isDestroyed || !this.table || !this.table.ngform) {
+                return;
+            }
             this.table.ngform.markAsUntouched();
             if (!this._checkNewEditableRowControl()) {
                 return;
             }
             const control = this.getFormControl('_new');
+            if (!control) {
+                return;
+            }
             control.clearValidators();
             control.clearAsyncValidators();
             control.updateValueAndValidity();
         }
         addFormControl(suffix) {
+            // Guard against component destruction or table/ngform being null
+            if (this.isDestroyed || !this.table || !this.table.ngform) {
+                return;
+            }
             const ctrlName = suffix ? (this.binding + suffix) : this.binding;
             this.table.ngform.addControl(ctrlName, this.table.fb.control(''));
         }
         getFormControl(suffix) {
+            // Guard against component destruction or table/ngform being null
+            if (this.isDestroyed || !this.table || !this.table.ngform) {
+                return null;
+            }
             const ctrlName = suffix ? (this.binding + suffix) : this.binding;
-            return this.table.ngform.controls[ctrlName];
+            return this.table.ngform.controls[ctrlName] || null;
         }
         _checkNewEditableRowControl() {
             return this._isNewEditableRow && this.getFormControl('_new');
@@ -4172,12 +4385,16 @@
         }
         // On field value change, apply cascading filter and set validation message
         onValueChange(val, widget) {
+            // Guard against component destruction or table being null
+            if (this.isDestroyed || !this.table) {
+                return;
+            }
             if (val !== null) {
                 i4.applyFilterOnField(this.table.datasource, this.widget, this.table.fieldDefs, val, {
                     widget: 'edit-widget-type'
                 });
             }
-            if (this.table.ngform.touched) {
+            if (this.table.ngform && this.table.ngform.touched) {
                 this.activeControlType = widget;
                 if (widget === 'inlineInstance') {
                     this.notifyChanges();
@@ -4435,7 +4652,7 @@
                     this.defaultvalue = i4.getDefaultValue(this.defaultvalue, this.type, this.editWidgetType);
                     break;
                 case 'show':
-                    this.table.redraw(true);
+                    this.table.redraw(false);
                     this.showinfilter = this.nativeElement.hasAttribute('showinfilter') ? this.nativeElement.getAttribute('showinfilter') : nv;
                     break;
                 case 'filterdataset':
@@ -4468,6 +4685,83 @@
                     this.table.redraw(true);
             }
         }
+        ngOnDestroy() {
+            // MEMORY LEAK FIX: Clear ContentChildren QueryLists
+            if (this._filterInstances) {
+                try {
+                    this._filterInstances.reset([]);
+                }
+                catch (e) {
+                    // Silently handle cleanup errors - QueryList might already be destroyed
+                }
+            }
+            if (this._inlineInstances) {
+                try {
+                    this._inlineInstances.reset([]);
+                }
+                catch (e) {
+                    // Silently handle cleanup errors - QueryList might already be destroyed
+                }
+            }
+            if (this._inlineInstancesNew) {
+                try {
+                    this._inlineInstancesNew.reset([]);
+                }
+                catch (e) {
+                    // Silently handle cleanup errors - QueryList might already be destroyed
+                }
+            }
+            // MEMORY LEAK FIX: Clear all widget instance references
+            this.filterInstance = null;
+            this.inlineInstance = null;
+            this.inlineInstanceNew = null;
+            // MEMORY LEAK FIX: Clear template references
+            this.customExprTmpl = null;
+            this.inlineWidthTempRef = null;
+            this.filterTemplateRef = null;
+            // MEMORY LEAK FIX: Clear dataset references
+            this._filterDataSet = null;
+            this.dataset = null;
+            this._dataoptions = null;
+            this._datasource = null;
+            // MEMORY LEAK FIX: Clear validation objects
+            if (this.fieldValidations) {
+                try {
+                    this.fieldValidations.destroy();
+                }
+                catch (e) {
+                    // Silently handle cleanup errors
+                }
+                this.fieldValidations = null;
+            }
+            if (this.fieldValidations_new) {
+                try {
+                    this.fieldValidations_new.destroy();
+                }
+                catch (e) {
+                    // Silently handle cleanup errors
+                }
+                this.fieldValidations_new = null;
+            }
+            this.syncValidators = [];
+            this.asyncValidators = [];
+            // MEMORY LEAK FIX: Clear filter control reference
+            this.filterControl = null;
+            // MEMORY LEAK FIX: Clear notify fields array
+            if (this.notifyForFields) {
+                this.notifyForFields = [];
+            }
+            // MEMORY LEAK FIX: Clear observe fields array
+            if (this.observeOnFields) {
+                this.observeOnFields = [];
+            }
+            // MEMORY LEAK FIX: Clear table and group references
+            // Note: These are injected dependencies, but clearing helps GC
+            this.table = null;
+            this.group = null;
+            // Call parent ngOnDestroy
+            super.ngOnDestroy();
+        }
         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)
@@ -4562,6 +4856,13 @@
                 this.config.content = this.content;
             }
         }
+        ngOnDestroy() {
+            // MEMORY LEAK FIX: Clear table and config references
+            this.table = null;
+            this.config = null;
+            // Call parent ngOnDestroy (BaseComponent has cleanup)
+            super.ngOnDestroy();
+        }
         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)
@@ -4643,6 +4944,13 @@
             this.populateAction();
             this.table.registerRowActions(this.buttonDef);
         }
+        ngOnDestroy() {
+            // MEMORY LEAK FIX: Clear table reference and button definition
+            this.table = null;
+            this.buttonDef = null;
+            // Call parent ngOnDestroy (BaseComponent has cleanup)
+            super.ngOnDestroy();
+        }
         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),