@wavemaker/app-ng-runtime 11.14.1-18.6421 → 11.14.1-18.6428

package/components/data/table/fesm2022/index.mjs

@@ -8,7 +8,7 @@ import { ViewContainerRef, HostListener, ViewChild, ContentChild, ContentChildre
 import * as i1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i2 from '@wm/core';
-import { isDefined, getClonedObject, closePopover, triggerFn, $appDigest, $unwatch, $watch, muteWatchers, unMuteWatchers, DataSource, isDataSourceEqual, isMobile, $invokeWatchers, getValidJSON, extendProto, getDatasourceFromExpr, $parseEvent, extractCurrentItemExpr, isNumberType, DataType, adjustContainerRightEdges, FormWidgetType, isDateTimeType, getDisplayDateTimeFormat } from '@wm/core';
+import { isDefined, getClonedObject, closePopover, triggerFn, $appDigest, $unwatch, $watch, DataSource, isDataSourceEqual, isMobile, $invokeWatchers, getValidJSON, extendProto, getDatasourceFromExpr, $parseEvent, extractCurrentItemExpr, isNumberType, DataType, adjustContainerRightEdges, FormWidgetType, isDateTimeType, getDisplayDateTimeFormat } from '@wm/core';
 import { Subject } from 'rxjs';
 import * as i4 from '@wm/components/base';
 import { register, PROP_BOOLEAN, PROP_STRING, PROP_NUMBER, PROP_ANY, StylableComponent, DEBOUNCE_TIMES, getConditionalClasses, unsupportedStatePersistenceTypes, styler, extractDataSourceName, EDIT_MODE, getRowOperationsColumn, transformData, prepareFieldDefs, getOrderByExpr, NAVIGATION_TYPE, provideAs, provideAsWidgetRef, refreshDataSource, getMatchModeTypesMap, getMatchModeMsgs, isDataSetWidget, BaseComponent, setHeaderConfigForTable, BaseFieldValidations, applyFilterOnField, getDistinctFieldProperties, getDistinctValues, getWatchIdentifier, fetchRelatedFieldData, getDistinctValuesForField, getEditModeWidget, getDataTableFilterWidget, getDefaultValue, Context } from '@wm/components/base';
@@ -176,15 +176,8 @@ class TableComponent extends StylableComponent {
                 this.setDataGridOption('colDefs', getClonedObject(this.fieldDefs));
             }
             // If data and colDefs are present, call on before data render event
-            // Note: Errors in beforedatarender should not prevent table rendering
             if (!this.isdynamictable && !isEmpty(newValue) && gridOptions.colDefs.length) {
-                try {
-                    this.invokeEventCallback('beforedatarender', { $data: this._gridData, $columns: this.columns, data: this._gridData, columns: this.columns });
-                }
-                catch (error) {
-                    // Log error but continue with rendering - beforedatarender errors should not block table rendering
-                    console.warn('Error in beforedatarender event callback, continuing with table rendering:', error);
-                }
+                this.invokeEventCallback('beforedatarender', { $data: this._gridData, $columns: this.columns, data: this._gridData, columns: this.columns });
             }
             this.setDataGridOption('data', getClonedObject(this._gridData));
         }
@@ -577,11 +570,7 @@ class TableComponent extends StylableComponent {
                 this.prevData = getClonedObject(row);
             },
             afterRowUpdate: (row, e, callBack, options) => {
-                muteWatchers();
-                this.updateRecord(extend({}, options, { row, 'prevData': options.rowindex ? options.rowindex : this.prevData, 'event': e, 'callBack': callBack }));
-                setTimeout(() => {
-                    unMuteWatchers();
-                }, 10);
+                this.updateRecord(extend({}, options, { row, 'prevData': this.prevData, 'event': e, 'callBack': callBack }));
             },
             onBeforeRowUpdate: (row, e, options) => {
                 return this.invokeEventCallback('beforerowupdate', { $event: e, $data: row, row, options: options });
@@ -1235,10 +1224,6 @@ class TableComponent extends StylableComponent {
         return this.actualPageSize || 5;
     }
     watchVariableDataSet(newVal) {
-        // Guard against component destruction
-        if (this.isDestroyed) {
-            return;
-        }
         let result;
         // Check for Variable filters if applied
         if (this.gridOptions.isNavTypeScrollOrOndemand()) {
@@ -1296,12 +1281,6 @@ class TableComponent extends StylableComponent {
         }
         /*Return if data is invalid.*/
         if (!this.isDataValid()) {
-            // If data is invalid and variableInflight is still true, clear loading state
-            // This prevents tables from getting stuck in loading when data is invalid
-            if (this.variableInflight) {
-                this.variableInflight = false;
-                this.setGridData([]);
-            }
             return;
         }
         // If value is empty or in studio mode, dont enable the navigation
@@ -1329,13 +1308,7 @@ class TableComponent extends StylableComponent {
         // @ts-ignore
         if (!isObject(newVal) || newVal === '' || (newVal && newVal.dataValue === '')) {
             if (!this.variableInflight) {
-                // If variable has finished loading and resultSet is empty, render empty data
-                this.setGridData([]);
-            }
-            else {
-                // If variableInflight is still true but we have invalid/empty data, clear loading state
-                // This handles cases where data never arrives or is invalid
-                this.variableInflight = false;
+                // If variable has finished loading and resultSet is empty, ender empty data
                 this.setGridData([]);
             }
             return;
@@ -1345,142 +1318,13 @@ class TableComponent extends StylableComponent {
         }
     }
     ngOnDestroy() {
-        // MEMORY LEAK FIX: Remove document click listener
         document.removeEventListener('click', this.documentClickBind);
-        // MEMORY LEAK FIX: Unsubscribe from navigator watches
         if (this.navigatorResultWatch) {
             this.navigatorResultWatch.unsubscribe();
-            this.navigatorResultWatch = null;
         }
         if (this.navigatorMaxResultWatch) {
             this.navigatorMaxResultWatch.unsubscribe();
-            this.navigatorMaxResultWatch = null;
-        }
-        // MEMORY LEAK FIX: Clear all ViewContainerRef embedded views
-        // These hold references to row data, custom expressions, and inline widgets
-        if (this.customExprViewRef) {
-            this.customExprViewRef.clear();
-        }
-        if (this.rowActionsViewRef) {
-            this.rowActionsViewRef.clear();
-        }
-        if (this.filterViewRef) {
-            this.filterViewRef.clear();
-        }
-        if (this.inlineEditViewRef) {
-            this.inlineEditViewRef.clear();
-        }
-        if (this.inlineEditNewViewRef) {
-            this.inlineEditNewViewRef.clear();
-        }
-        if (this.rowDetailViewRef) {
-            this.rowDetailViewRef.clear();
-        }
-        if (this.rowExpansionActionViewRef) {
-            this.rowExpansionActionViewRef.clear();
-        }
-        if (this.dynamicTableRef) {
-            this.dynamicTableRef.clear();
-        }
-        // MEMORY LEAK FIX: Clear compiled template caches
-        this.rowActionsCompiledTl = {};
-        this.rowFilterCompliedTl = {};
-        this.inlineCompliedTl = {};
-        this.inlineNewCompliedTl = {};
-        this.customExprCompiledTl = {};
-        this.customExprCompiledSummaryTl = {};
-        this.rowDefInstances = {};
-        this.rowDefMap = {};
-        this.rowExpansionActionTl = {};
-        // MEMORY LEAK FIX: Clear dynamic context
-        if (this._dynamicContext) {
-            Object.keys(this._dynamicContext).forEach(key => {
-                delete this._dynamicContext[key];
-            });
-            this._dynamicContext = null;
         }
-        // MEMORY LEAK FIX: Clear data arrays
-        this._gridData = [];
-        this.items = [];
-        this.selectedItems = [];
-        this.fieldDefs = [];
-        this.fullFieldDefs = [];
-        this.__fullData = null;
-        // MEMORY LEAK FIX: Destroy jQuery datatable widget before clearing gridOptions
-        if (this.datagridElement && this.datagridElement.datatable) {
-            try {
-                this.datagridElement.datatable('destroy');
-            }
-            catch (e) {
-                // Ignore errors during destroy
-            }
-        }
-        // MEMORY LEAK FIX: Clear gridOptions to release all function closures and data
-        // gridOptions holds many closures that capture 'this' and prevent GC
-        if (this.gridOptions) {
-            // Clear data array
-            if (this.gridOptions.data) {
-                this.gridOptions.data = [];
-            }
-            // Clear column definitions
-            if (this.gridOptions.colDefs) {
-                this.gridOptions.colDefs = [];
-            }
-            // Clear row actions
-            if (this.gridOptions.rowActions) {
-                this.gridOptions.rowActions = [];
-            }
-            // Clear header config
-            if (this.gridOptions.headerConfig) {
-                this.gridOptions.headerConfig = [];
-            }
-            // Nullify all function references to break closures
-            Object.keys(this.gridOptions).forEach(key => {
-                if (typeof this.gridOptions[key] === 'function') {
-                    this.gridOptions[key] = null;
-                }
-            });
-        }
-        // MEMORY LEAK FIX: Clear other data structures
-        this.columns = {};
-        this.formfields = {};
-        this.rowFilter = {};
-        this.actions = [];
-        this._actions = { header: [], footer: [] };
-        this.exportOptions = [];
-        this.headerConfig = [];
-        this.rowActions = [];
-        // MEMORY LEAK FIX: Clear all @ContentChildren QueryLists holding template references
-        // These QueryLists hold TemplateRef instances that create circular references to the parent LView
-        if (this.rowActionTmpl) {
-            this.rowActionTmpl.reset([]);
-        }
-        if (this.filterTmpl) {
-            this.filterTmpl.reset([]);
-        }
-        if (this.inlineWidgetTmpl) {
-            this.inlineWidgetTmpl.reset([]);
-        }
-        if (this.inlineWidgetNewTmpl) {
-            this.inlineWidgetNewTmpl.reset([]);
-        }
-        if (this.customExprTmpl) {
-            this.customExprTmpl.reset([]);
-        }
-        if (this.rowExpansionActionTmpl) {
-            this.rowExpansionActionTmpl.reset([]);
-        }
-        // MEMORY LEAK FIX: Clear @ContentChild template reference
-        this.rowExpansionTmpl = null;
-        // MEMORY LEAK FIX: Complete and clear subjects
-        if (this.selectedItemChange) {
-            this.selectedItemChange.complete();
-            this.selectedItemChange = null;
-        }
-        // MEMORY LEAK FIX: Clear ViewChild references
-        this.dataNavigator = null;
-        this._tableElement = null;
-        // console.log("table component destroyed");
         super.ngOnDestroy();
     }
     addRowIndex(row) {
@@ -1551,9 +1395,6 @@ class TableComponent extends StylableComponent {
             if (!key.endsWith('_filter') && ((key.endsWith('_new') && newRow) || (!key.endsWith('_new') && !newRow))) {
                 ctrls[key].setValue('');
                 this.resetFormControl(ctrls[key]);
-                // MEMORY LEAK FIX: Clear validators to release references
-                ctrls[key].clearValidators();
-                ctrls[key].clearAsyncValidators();
             }
         });
     }
@@ -1873,14 +1714,7 @@ class TableComponent extends StylableComponent {
         defaultFieldDefs.forEach(col => {
             this.columns[col.field] = col;
         });
-        // Note: Errors in beforedatarender should not prevent table rendering
-        try {
-            this.invokeEventCallback('beforedatarender', { $data: data, $columns: this.columns, data: data, columns: this.columns });
-        }
-        catch (error) {
-            // Log error but continue with rendering - beforedatarender errors should not block table rendering
-            console.warn('Error in beforedatarender event callback, continuing with table rendering:', error);
-        }
+        this.invokeEventCallback('beforedatarender', { $data: data, $columns: this.columns, data: data, columns: this.columns });
         defaultFieldDefs = [];
         // Apply the changes made by the user
         forEach(this.columns, val => {
@@ -1919,23 +1753,19 @@ class TableComponent extends StylableComponent {
         return sortExp || '';
     }
     onPropertyChange(key, nv, ov) {
-        // Guard against property changes after component destruction
-        if (this.isDestroyed) {
-            return;
-        }
         let enableNewRow, widgetState;
         switch (key) {
             case 'datasource':
                 // Fix for [WMS-23653] when startUpdate is false (request on page load property is unchecked),
                 // then set status msg as "No data found"
-                if (this.allowpagesizechange && this.datasource) {
+                if (this.allowpagesizechange) {
                     this.datasource.maxResults = this.pagesize || this.datasource.maxResults;
                 }
-                if (nv && nv.startUpdate === false) {
+                if (nv.startUpdate === false) {
                     this.variableInflight = false;
                     this.callDataGridMethod('setStatus', 'nodata', this.nodatamessage);
                 }
-                if (this.datasource && get(this.datasource, 'category') !== 'wm.Variable') {
+                if (get(this.datasource, 'category') !== 'wm.Variable') {
                     this.headerselectall = false;
                     this.setDataGridOption("headerselectall", false);
                 }
@@ -1947,12 +1777,6 @@ class TableComponent extends StylableComponent {
                     this.gridOptions.setIsNextPageData(false);
                 }
                 if (this.binddatasource && !this.datasource) {
-                    // If datasource is not set yet, clear loading state and show no data
-                    // This prevents tables from being stuck in loading state
-                    if (this.variableInflight) {
-                        this.variableInflight = false;
-                        this.callDataGridMethod('setStatus', 'nodata', this.nodatamessage);
-                    }
                     return;
                 }
                 // if table is inside list then table dataset will be set as "item.XXX" and there is no datasource.
@@ -2056,11 +1880,9 @@ class TableComponent extends StylableComponent {
                 this.allowpagesizechange = nv;
                 break;
             case 'pagesizeoptions':
-                this.prevPagesizeoptions = this.sanitizeCommaSeparatedIntegers(ov);
-                this.gridOptions.pagesizeoptions = this.sanitizeCommaSeparatedIntegers(nv);
-                this.pagesizeoptions = this.sanitizeCommaSeparatedIntegers(nv);
-                if (this.allowpagesizechange)
-                    this.setDefaultPageSize(nv);
+                this.gridOptions.pagesizeoptions = nv;
+                this.pagesizeoptions = nv;
+                this.setDefaultPageSize(nv);
                 break;
             case 'multiselecttitle':
                 this.setDataGridOption('multiselecttitle', nv);
@@ -2104,41 +1926,12 @@ class TableComponent extends StylableComponent {
                 this.pagesize = nv;
             }
             this.updatedPageSize = nv;
-            if (this.isPageSizeOptionsChanged()) {
-                this.dataNavigator.defaultPageSizeOptions = this.pagesizeoptions?.split(',').map(Number).sort((a, b) => a - b) || [];
-                this.dataNavigator.pageSizeOptions = [...this.dataNavigator.defaultPageSizeOptions];
-            }
         }
         this.dataNavigator.options = {
             maxResults: nv
         };
         this.dataNavigator.widget.maxResults = nv;
         this.dataNavigator.maxResults = nv;
-        if (this.datasource) {
-            this.datasource.maxResults = this.pagesize || this.datasource.maxResults;
-        }
-    }
-    isPageSizeOptionsChanged() {
-        return !isEqual(this.prevPagesizeoptions, this.pagesizeoptions);
-    }
-    selectPageSize(pagesize) {
-        if (!this.allowpagesizechange && !pagesize)
-            return;
-        if (pagesize < this.dataNavigator.pageSizeOptions[0] || pagesize > this.dataNavigator.pageSizeOptions[this.dataNavigator.pageSizeOptions.length - 1]
-            || !this.dataNavigator.pageSizeOptions.includes(Number(pagesize))) {
-            pagesize = this.dataNavigator.pageSizeOptions[0];
-        }
-        this.dataNavigator.onPageSizeChange(undefined, pagesize);
-    }
-    sanitizeCommaSeparatedIntegers(input) {
-        if (!input)
-            return "";
-        const uniqueNumbers = Array.from(new Set(input
-            .split(",")
-            .map(v => v.trim())
-            .filter(v => /^-?\d+$/.test(v))
-            .map(v => Math.abs(parseInt(v, 10)))));
-        return uniqueNumbers.join(",");
     }
     onDataSourceChange() {
         this.fieldDefs.forEach(col => {
@@ -2664,7 +2457,7 @@ class TableCUDDirective {
                 this.updateVariable(response, options.callBack);
             }
             else if (!this.table.datasource.execute(DataSource.Operation.IS_API_AWARE)) {
-                this.table.initiateSelectItem('current', response, undefined, this.table.datasource.category === 'wm.Variable', options.callBack);
+                this.table.initiateSelectItem('current', response, undefined, false, options.callBack);
             }
             triggerFn(options.success, response);
             this.table.invokeEventCallback('rowupdate', { $event: options.event, $data: response, row: response });
@@ -2914,12 +2707,6 @@ class TableCUDDirective {
             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.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableCUDDirective, deps: [{ token: TableComponent, self: true }, { token: i2.AbstractDialogService }, { token: i2.App }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TableCUDDirective, isStandalone: true, selector: "[wmTableCUD]", ngImport: i0 }); }
 }
@@ -3232,12 +3019,6 @@ class TableFilterSortDirective {
     // 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) {
         const timestamp = Date.parse(dateString);
-        // handling case when string starts with string and end with number
-        const trimmed = dateString.trim();
-        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;
         }
@@ -3253,7 +3034,7 @@ class TableFilterSortDirective {
             const fieldValue = get(find(data, sortObj.field), sortObj.field);
             const isValidDateString = typeof fieldValue === 'string' ? this.parseDateString(fieldValue) : NaN;
             if (!isNaN(isValidDateString)) { // if the field is a date string
-                data = orderBy(data, [(item) => this.parseDateString(get(item, sortObj.field))], [sortObj.direction]);
+                data = orderBy(data, [(item) => this.parseDateString(item[sortObj.field])], [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.
@@ -3615,10 +3396,6 @@ class TableFilterSortDirective {
             condition: logicalOp
         });
     }
-    ngOnDestroy() {
-        // MEMORY LEAK FIX: Clear table reference
-        this.table = null;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableFilterSortDirective, deps: [{ token: TableComponent, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TableFilterSortDirective, isStandalone: true, selector: "[wmTableFilterSort]", ngImport: i0 }); }
 }
@@ -3705,13 +3482,6 @@ class TableActionDirective extends BaseComponent {
             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.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableActionDirective, deps: [{ token: i0.Injector }, { token: TableComponent, optional: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TableActionDirective, isStandalone: true, selector: "[wmTableAction]", providers: [
             provideAsWidgetRef(TableActionDirective)
@@ -3876,14 +3646,6 @@ class TableColumnGroupDirective extends BaseComponent {
         const fieldName = this.group && this.group.name;
         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.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableColumnGroupDirective, deps: [{ token: i0.Injector }, { token: TableColumnGroupDirective, optional: true, skipSelf: true }, { token: TableComponent, optional: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TableColumnGroupDirective, isStandalone: true, selector: "[wmTableColumnGroup]", providers: [
             provideAsWidgetRef(TableColumnGroupDirective)
@@ -4078,10 +3840,6 @@ class TableColumnDirective extends BaseComponent {
     }
     // 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) {
@@ -4093,10 +3851,6 @@ class TableColumnDirective extends BaseComponent {
     }
     // 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;
         }
@@ -4113,37 +3867,22 @@ class TableColumnDirective extends BaseComponent {
     }
     // 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] || null;
+        return this.table.ngform.controls[ctrlName];
     }
     _checkNewEditableRowControl() {
         return this._isNewEditableRow && this.getFormControl('_new');
@@ -4217,16 +3956,12 @@ class TableColumnDirective extends BaseComponent {
     }
     // 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) {
             applyFilterOnField(this.table.datasource, this.widget, this.table.fieldDefs, val, {
                 widget: 'edit-widget-type'
             });
         }
-        if (this.table.ngform && this.table.ngform.touched) {
+        if (this.table.ngform.touched) {
             this.activeControlType = widget;
             if (widget === 'inlineInstance') {
                 this.notifyChanges();
@@ -4517,83 +4252,6 @@ class TableColumnDirective extends BaseComponent {
                 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.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableColumnDirective, deps: [{ token: i0.Injector }, { token: i2.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.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TableColumnDirective, isStandalone: true, selector: "[wmTableColumn]", providers: [
             provideAsWidgetRef(TableColumnDirective)
@@ -4688,13 +4346,6 @@ class TableRowDirective extends BaseComponent {
             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.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableRowDirective, deps: [{ token: i0.Injector }, { token: TableComponent, optional: true, skipSelf: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TableRowDirective, isStandalone: true, selector: "[wmTableRow]", providers: [
             provideAsWidgetRef(TableRowDirective)
@@ -4776,13 +4427,6 @@ class TableRowActionDirective extends BaseComponent {
         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.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableRowActionDirective, deps: [{ token: i0.Injector }, { token: TableComponent, optional: true }, { token: Context, self: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TableRowActionDirective, isStandalone: true, selector: "[wmTableRowAction]", providers: [
             provideAsWidgetRef(TableRowActionDirective),