@wavemaker/app-ng-runtime 11.14.1-rc.6310 → 11.14.2-1.245

package/core/fesm2022/index.mjs

@@ -1,5 +1,5 @@
 import { Attribute, ImplicitReceiver, PropertyRead, LiteralPrimitive, LiteralArray, LiteralMap, PropertyWrite, KeyedRead, PrefixNot, Unary, Binary, Conditional, Call, Chain, BindingPipe, Parser, Lexer } from '@angular/compiler';
-import { isArray, startsWith, includes, get, flatten, isEqual, isObject as isObject$1, clone, camelCase, split, map, attempt, isError, isFunction, isDate, isString, cloneDeep, identity, intersection, omit, keys, toLower, replace as replace$1, forEach, trim, isEqualWith, every, indexOf, isNumber, filter, isUndefined, isNull, noop as noop$2, toUpper, assign, merge, isEmpty, debounce as debounce$1, isNil } from 'lodash-es';
+import { isArray, startsWith, includes, get, flatten, isEqual, clone, isObject as isObject$1, camelCase, split, map, attempt, isError, isFunction, isDate, isString, cloneDeep, identity, intersection, omit, keys, toLower, replace as replace$1, forEach, trim, isEqualWith, every, indexOf, isNumber, filter, isUndefined, isNull, noop as noop$2, toUpper, assign, merge, isEmpty, debounce as debounce$1, isNil } from 'lodash-es';
 import { Subject } from 'rxjs';
 import X2JS from 'x2js';
 import * as momentLib from 'moment-timezone/moment-timezone';
@@ -1432,11 +1432,11 @@ const CURRENCY_INFO = {
     }
 };
 
-const $RAF$1 = window.requestAnimationFrame;
+const $RAF = window.requestAnimationFrame;
 const $RAFQueue = [];
 const invokeLater = fn => {
     if (!$RAFQueue.length) {
-        $RAF$1(() => {
+        $RAF(() => {
             $RAFQueue.forEach(f => f());
             $RAFQueue.length = 0;
         });
@@ -1507,7 +1507,23 @@ const setProperty = (node, propName, val, sync) => {
     sync ? task() : invokeLater(task);
 };
 const setAttr = (node, attrName, val, sync) => {
-    const task = () => node instanceof Element && node.setAttribute(attrName, val);
+    const task = () => {
+        if (node instanceof Element) {
+            // Handle tabindex specifically - ensure it's a valid string representation
+            if (attrName === 'tabindex') {
+                // Convert to string, handling 0, null, undefined, and NaN
+                if (val === null || val === undefined || (typeof val === 'number' && isNaN(val))) {
+                    node.removeAttribute(attrName);
+                }
+                else {
+                    node.setAttribute(attrName, String(val));
+                }
+            }
+            else {
+                node.setAttribute(attrName, val);
+            }
+        }
+    };
     sync ? task() : invokeLater(task);
 };
 const setHtml = (node, html, sync) => {
@@ -2173,14 +2189,25 @@ const getFnForEventExpr = (expr) => {
     return fnExecutor(expr, ExpressionType.Action);
 };
 
+// Constants
+const WIDGET_ID_REGEX = /^(widget-[^_]+)/;
+const WIDGET_PROPERTY_REGEX = /^widget-[^_]+_(.+)$/;
+const ARRAY_INDEX_PLACEHOLDER = '[$i]';
+const ARRAY_INDEX_ZERO = '[0]';
+const DEBOUNCE_WAIT = 100;
+const MAX_WATCH_CYCLES = 5;
 const registry = new Map();
 const watchIdGenerator = new IDGenerator('watch-id-');
-const FIRST_TIME_WATCH = {};
-Object.freeze(FIRST_TIME_WATCH);
-const isFirstTimeChange = v => v === FIRST_TIME_WATCH;
+const FIRST_TIME_WATCH = Object.freeze({});
+// State
 let muted = false;
+let changedByWatch = false;
+let skipWatchers = false;
+let ngZone;
 let appRef;
-const debounce = (fn, wait = 50) => {
+// Utility functions
+const isFirstTimeChange = (v) => v === FIRST_TIME_WATCH;
+const debounce = (fn, wait = DEBOUNCE_WAIT) => {
     let timeout;
     return (...args) => {
         window['__zone_symbol__clearTimeout'](timeout);
@@ -2194,115 +2221,345 @@ const unMuteWatchers = () => {
     muted = false;
     triggerWatchers();
 };
+/**
+ * Extracts widget ID from identifier (e.g., "widget-id23_eventsource" -> "widget-id23")
+ */
+const getWidgetId = (identifier) => {
+    if (!identifier || typeof identifier !== 'string') {
+        return null;
+    }
+    const match = identifier.match(WIDGET_ID_REGEX);
+    return match ? match[1] : null;
+};
+/**
+ * Extracts property name from identifier (e.g., "widget-id23_eventsource" -> "eventsource")
+ */
+const getPropertyName = (identifier) => {
+    if (!identifier || typeof identifier !== 'string') {
+        return identifier;
+    }
+    const match = identifier.match(WIDGET_PROPERTY_REGEX);
+    return match ? match[1] : identifier;
+};
+/**
+ * Array consumer wrapper for array-based expressions
+ */
 const arrayConsumer = (listenerFn, restExpr, newVal, oldVal) => {
-    let data = newVal, formattedData;
-    if (isArray(data)) {
-        formattedData = data.map(function (datum) {
-            return findValueOf(datum, restExpr);
-        });
-        // If resulting structure is an array of array, flatten it
-        if (isArray(formattedData[0])) {
-            formattedData = flatten(formattedData);
-        }
-        listenerFn(formattedData, oldVal);
+    if (!isArray(newVal)) {
+        return;
     }
+    let formattedData = newVal.map(datum => findValueOf(datum, restExpr));
+    // Flatten if result is array of arrays
+    if (isArray(formattedData[0])) {
+        formattedData = flatten(formattedData);
+    }
+    listenerFn(formattedData, oldVal);
 };
-const getUpdatedWatcInfo = (expr, acceptsArray, listener) => {
-    // listener doesn't accept array
-    // replace all `[$i]` with `[0]` and return the expression
-    let regex = /\[\$i\]/g, $I = '[$i]', $0 = '[0]';
+/**
+ * Updates watch info for array expressions
+ */
+const getUpdatedWatchInfo = (expr, acceptsArray, listener) => {
+    const regex = /\[\$i\]/g;
     if (!acceptsArray) {
         return {
-            'expr': expr.replace(regex, $0),
-            'listener': listener
+            expr: expr.replace(regex, ARRAY_INDEX_ZERO),
+            listener
         };
     }
-    // listener accepts array
-    // replace all except the last `[$i]` with `[0]` and return the expression.
-    var index = expr.lastIndexOf($I), _expr = expr.substr(0, index).replace($I, $0), restExpr = expr.substr(index + 5), arrayConsumerFn = listener;
-    if (restExpr) {
-        arrayConsumerFn = arrayConsumer.bind(undefined, listener, restExpr);
-    }
+    const lastIndex = expr.lastIndexOf(ARRAY_INDEX_PLACEHOLDER);
+    const baseExpr = expr.substring(0, lastIndex).replace(ARRAY_INDEX_PLACEHOLDER, ARRAY_INDEX_ZERO);
+    const restExpr = expr.substring(lastIndex + 5);
+    const arrayConsumerFn = restExpr
+        ? arrayConsumer.bind(undefined, listener, restExpr)
+        : listener;
     return {
-        'expr': _expr,
-        'listener': arrayConsumerFn
+        expr: baseExpr,
+        listener: arrayConsumerFn
     };
 };
+/**
+ * Determines if an expression is static (doesn't need to be watched)
+ */
+const STATIC_EXPRESSION_NAMES = [
+    "row.getProperty('investment')",
+    "row.getProperty('factsheetLink')",
+    "row.getProperty('isRebalanceEligible')"
+];
+const isStaticExpression = (expr) => {
+    if (typeof expr !== 'string') {
+        return false;
+    }
+    const trimmedExpr = expr.trim();
+    // Expressions that always evaluate to localization strings
+    // if (trimmedExpr.includes('appLocale')) {
+    //     return true;
+    // }
+    // Hard-coded static expression names
+    if (STATIC_EXPRESSION_NAMES.includes(trimmedExpr)) {
+        return true;
+    }
+    return false;
+};
+/**
+ * Gets the scope type from the scope object
+ */
+const getScopeType = ($scope) => {
+    if (!$scope) {
+        return null;
+    }
+    if ($scope.pageName)
+        return 'Page';
+    if ($scope.prefabName)
+        return 'Prefab';
+    if ($scope.partialName)
+        return 'Partial';
+    // Check for App scope
+    if ($scope.Variables !== undefined &&
+        $scope.Actions !== undefined &&
+        !$scope.pageName &&
+        !$scope.prefabName &&
+        !$scope.partialName) {
+        return 'App';
+    }
+    if ($scope.constructor?.name === 'AppRef') {
+        return 'App';
+    }
+    return null;
+};
+/**
+ * Gets scope name based on scope type
+ */
+const getScopeName = ($scope, scopeType) => {
+    if (!scopeType || !$scope) {
+        return null;
+    }
+    switch (scopeType) {
+        case 'Prefab': return $scope.prefabName || null;
+        case 'Partial': return $scope.partialName || null;
+        case 'Page': return $scope.pageName || null;
+        default: return null;
+    }
+};
+/**
+ * Main watch function
+ */
 const $watch = (expr, $scope, $locals, listener, identifier = watchIdGenerator.nextUid(), doNotClone = false, config = {}, isMuted) => {
-    if (expr.indexOf('[$i]') !== -1) {
-        let watchInfo = getUpdatedWatcInfo(expr, config && (config.arrayType || config.isList), listener);
+    // Handle array expressions
+    if (expr.includes(ARRAY_INDEX_PLACEHOLDER)) {
+        const watchInfo = getUpdatedWatchInfo(expr, config.arrayType || config.isList || false, listener);
         expr = watchInfo.expr;
         listener = watchInfo.listener;
     }
+    // Handle static expressions
+    if (isStaticExpression(expr)) {
+        try {
+            const fn = $parseExpr(expr);
+            const staticValue = fn($scope, $locals);
+            listener(staticValue, FIRST_TIME_WATCH);
+        }
+        catch (e) {
+            console.warn(`Error evaluating static expression '${expr}':`, e);
+            listener(undefined, FIRST_TIME_WATCH);
+        }
+        return () => { }; // No-op unsubscribe
+    }
     const fn = $parseExpr(expr);
-    registry.set(identifier, {
-        fn: fn.bind(expr, $scope, $locals),
+    const scopeType = getScopeType($scope);
+    const scopeName = getScopeName($scope, scopeType);
+    const watchInfo = {
+        fn: fn.bind(null, $scope, $locals),
         listener,
         expr,
         last: FIRST_TIME_WATCH,
         doNotClone,
-        isMuted: isMuted
-    });
+        isMuted,
+        scopeType,
+        scopeName
+    };
+    // Store in registry
+    const widgetId = getWidgetId(identifier);
+    if (widgetId) {
+        const propertyName = getPropertyName(identifier);
+        if (!registry.has(widgetId)) {
+            registry.set(widgetId, {});
+        }
+        const widgetGroup = registry.get(widgetId);
+        widgetGroup[propertyName] = watchInfo;
+    }
+    else {
+        registry.set(identifier, watchInfo);
+    }
     return () => $unwatch(identifier);
 };
-const $unwatch = identifier => registry.delete(identifier);
-let changedByWatch = false;
-const $RAF = window.requestAnimationFrame;
-let ngZone;
-const triggerWatchers = (ignoreMuted) => {
+/**
+ * Unwatches a single identifier
+ */
+const $unwatch = (identifier) => {
+    const widgetId = getWidgetId(identifier);
+    if (widgetId) {
+        const propertyName = getPropertyName(identifier);
+        const widgetGroup = registry.get(widgetId);
+        if (widgetGroup && typeof widgetGroup === 'object' && !widgetGroup.fn) {
+            const watchInfo = widgetGroup[propertyName];
+            if (watchInfo) {
+                delete widgetGroup[propertyName];
+                // Clean up empty widget groups
+                if (Object.keys(widgetGroup).length === 0) {
+                    registry.delete(widgetId);
+                }
+                return true;
+            }
+        }
+    }
+    // Fallback to direct lookup
+    if (registry.has(identifier)) {
+        registry.delete(identifier);
+        return true;
+    }
+    return false;
+};
+/**
+ * Unwatches all watchers for a specific widget ID
+ */
+const $unwatchAll = (widgetId) => {
+    if (!widgetId || typeof widgetId !== 'string') {
+        return 0;
+    }
+    const widgetGroup = registry.get(widgetId);
+    if (widgetGroup && typeof widgetGroup === 'object' && !widgetGroup.fn) {
+        const count = Object.keys(widgetGroup).length;
+        registry.delete(widgetId);
+        return count;
+    }
+    // Fallback: find all identifiers starting with this widget ID
+    let removedCount = 0;
+    const identifiersToRemove = [];
+    registry.forEach((_, key) => {
+        if (key.startsWith(widgetId + '_')) {
+            identifiersToRemove.push(key);
+        }
+    });
+    identifiersToRemove.forEach(identifier => {
+        if ($unwatch(identifier)) {
+            removedCount++;
+        }
+    });
+    return removedCount;
+};
+/**
+ * Unwatches all watchers for a specific scope (Page, Prefab, Partial, or App)
+ * Now works directly with the main registry instead of separate scoped registries
+ */
+const $unwatchAllByScope = (scopeType, scopeName) => {
+    if (!scopeType) {
+        return 0;
+    }
+    let removedCount = 0;
+    const identifiersToRemove = [];
+    registry.forEach((value, key) => {
+        // Handle grouped structure (widget groups)
+        if (value && typeof value === 'object' && !value.fn) {
+            Object.entries(value).forEach(([propertyName, watchInfo]) => {
+                if (watchInfo?.scopeType === scopeType &&
+                    (!scopeName || watchInfo.scopeName === scopeName)) {
+                    identifiersToRemove.push(`${key}_${propertyName}`);
+                }
+            });
+        }
+        else {
+            // Direct watchInfo
+            const watchInfo = value;
+            if (watchInfo?.scopeType === scopeType &&
+                (!scopeName || watchInfo.scopeName === scopeName)) {
+                identifiersToRemove.push(key);
+            }
+        }
+    });
+    // Unwatch all collected identifiers
+    identifiersToRemove.forEach(identifier => {
+        if ($unwatch(identifier)) {
+            removedCount++;
+        }
+    });
+    return removedCount;
+};
+/**
+ * Processes a single watch info during trigger cycle
+ */
+const processWatchInfo = (watchInfo) => {
+    if (!watchInfo?.fn || (watchInfo.isMuted?.() ?? false)) {
+        return false;
+    }
+    let newValue;
+    try {
+        newValue = watchInfo.fn();
+    }
+    catch (e) {
+        console.warn(`Error executing expression: '${watchInfo.expr}'`, e);
+        return false;
+    }
+    if (isEqual(newValue, watchInfo.last)) {
+        return false;
+    }
+    // Change detected
+    changedByWatch = true;
+    watchInfo.last = isObject$1(newValue) && !watchInfo.doNotClone
+        ? clone(newValue)
+        : newValue;
+    watchInfo.listener(newValue, watchInfo.last === newValue ? FIRST_TIME_WATCH : watchInfo.last);
+    changedByWatch = false;
+    return true;
+};
+/**
+ * Triggers all watchers
+ */
+const triggerWatchers = (ignoreMuted = false) => {
     if (muted && !ignoreMuted) {
         return;
     }
-    const limit = 5;
     let pass = 1;
     let changeDetected;
     do {
         changeDetected = false;
-        registry.forEach(watchInfo => {
-            if (watchInfo.isMuted && watchInfo.isMuted()) {
-                return;
-            }
-            const fn = watchInfo.fn;
-            const listener = watchInfo.listener;
-            const ov = watchInfo.last;
-            let nv;
-            try {
-                nv = fn();
-            }
-            catch (e) {
-                console.warn(`error in executing expression: '${watchInfo.expr}'`);
+        registry.forEach((value) => {
+            // Handle grouped structure
+            if (value && typeof value === 'object' && !value.fn) {
+                Object.values(value).forEach((watchInfo) => {
+                    if (processWatchInfo(watchInfo)) {
+                        changeDetected = true;
+                    }
+                });
             }
-            if (!isEqual(nv, ov)) {
-                changeDetected = true;
-                changedByWatch = true;
-                watchInfo.last = nv;
-                // @ts-ignore
-                if (isObject$1(nv) && !watchInfo.doNotClone && nv.__cloneable__ !== false) {
-                    watchInfo.last = clone(nv);
+            else {
+                // Direct watchInfo
+                if (processWatchInfo(value)) {
+                    changeDetected = true;
                 }
-                listener(nv, ov);
-                resetChangeFromWatch();
             }
         });
         pass++;
-    } while (changeDetected && pass < limit);
-    if (changeDetected && pass === limit) {
-        console.warn(`Number of watch cycles gone above set limit of: ${limit} `);
+    } while (changeDetected && pass < MAX_WATCH_CYCLES);
+    if (changeDetected && pass === MAX_WATCH_CYCLES) {
+        console.warn(`Watch cycles exceeded limit of ${MAX_WATCH_CYCLES}`);
     }
 };
-const setNgZone = zone => ngZone = zone;
-const setAppRef = ref => {
+// Angular zone integration
+const setNgZone = (zone) => {
+    ngZone = zone;
+};
+const setAppRef = (ref) => {
     appRef = ref;
 };
 const isChangeFromWatch = () => changedByWatch;
-const resetChangeFromWatch = () => changedByWatch = false;
-window.watchRegistry = registry;
-let skipWatchers;
+const resetChangeFromWatch = () => {
+    changedByWatch = false;
+};
+// Debounced trigger
 const debouncedTriggerWatchers = debounce(() => {
     skipWatchers = true;
     ngZone.run(() => triggerWatchers());
-}, 100);
-const $invokeWatchers = (force, ignoreMuted) => {
+}, DEBOUNCE_WAIT);
+const $invokeWatchers = (force = false, ignoreMuted = false) => {
     if (force) {
         triggerWatchers(ignoreMuted);
     }
@@ -2316,7 +2573,8 @@ const $invokeWatchers = (force, ignoreMuted) => {
 };
 const $appDigest = (() => {
     let queued = false;
-    return (force) => {
+    const $RAF = window.requestAnimationFrame;
+    return (force = false) => {
         if (!appRef) {
             return;
         }
@@ -2328,16 +2586,16 @@ const $appDigest = (() => {
             if (queued) {
                 return;
             }
-            else {
-                queued = true;
-                $RAF(() => {
-                    ngZone.run(() => appRef.tick());
-                    queued = false;
-                });
-            }
+            queued = true;
+            $RAF(() => {
+                ngZone.run(() => appRef.tick());
+                queued = false;
+            });
         }
     };
 })();
+// Export registry for debugging
+window.watchRegistry = registry;
 
 var ComponentType;
 (function (ComponentType) {
@@ -2440,6 +2698,7 @@ const REGEX = {
     MIN_PAGE_RESOURCE_PATH: /.*(page.min.html)$/,
     VALID_EMAIL: /^[a-zA-Z][\w.+]+@[a-zA-Z_]+?\.[a-zA-Z.]{1,4}[a-zA-Z]$/,
     VALID_WEB_URL: /^(http[s]?:\/\/)(www\.){0,1}[a-zA-Z0-9=:?\/\.\-]+(\.[a-zA-Z]{2,5}[\.]{0,1})?/,
+    VALID_IMAGE_URL: /^(https?|blob|data|file|ftp):/i,
     VALID_WEBSOCKET_URL: /^(ws[s]?:\/\/)(www\.){0,1}[a-zA-Z0-9=:?\/\.\-]+(\.[a-zA-Z]{2,5}[\.]{0,1})?/,
     VALID_RELATIVE_URL: /^(?!www\.|(?:http|ftp)s?:\/\/|[A-Za-z]:\\|\/\/).*/,
     REPLACE_PATTERN: /\$\{([^\}]+)\}/g,
@@ -2673,6 +2932,9 @@ const isVideoFile = (fileName) => {
 const isValidWebURL = (url) => {
     return (REGEX.VALID_WEB_URL).test(url);
 };
+const isValidImageUrl = (url) => {
+    return (REGEX.VALID_IMAGE_URL).test(url?.trim());
+};
 /*This function returns the url to the resource after checking the validity of url*/
 const getResourceURL = (urlString) => {
     if (isValidWebURL(urlString)) {
@@ -3938,6 +4200,7 @@ var Utils = /*#__PURE__*/Object.freeze({
     isPageable: isPageable,
     isSafari: isSafari,
     isTablet: isTablet,
+    isValidImageUrl: isValidImageUrl,
     isValidWebURL: isValidWebURL,
     isVideoFile: isVideoFile,
     loadScript: loadScript,
@@ -4031,7 +4294,10 @@ class EventNotifier {
         return noop;
     }
     destroy() {
-        this._subject.complete();
+        this._subject.next(null); // optional
+        this._subject.complete(); // clears all observers
+        this._isInitialized = false;
+        this._eventsBeforeInit = [];
     }
 }
 
@@ -4050,9 +4316,11 @@ class Viewport {
         this.isTabletType = false;
         this._eventNotifier = new EventNotifier(true);
         this.setScreenType();
-        window.addEventListener("resize" /* ViewportEvent.RESIZE */, this.resizeFn.bind(this));
-        const query = window.matchMedia('(orientation: portrait)');
-        if (query.matches) {
+        // MEMORY LEAK FIX: Store bound function reference for proper removal
+        this.boundResizeFn = this.resizeFn.bind(this);
+        window.addEventListener("resize" /* ViewportEvent.RESIZE */, this.boundResizeFn);
+        this.mediaQuery = window.matchMedia('(orientation: portrait)');
+        if (this.mediaQuery.matches) {
             this.orientation.isPortrait = true;
         }
         else {
@@ -4060,8 +4328,10 @@ class Viewport {
         }
         // Add a media query change listener
         // addEventListener is not supported ios browser
-        if (query.addEventListener) {
-            query.addEventListener('change', $event => this.orientationChange($event, !$event.matches));
+        if (this.mediaQuery.addEventListener) {
+            // MEMORY LEAK FIX: Store bound function reference for proper removal
+            this.boundOrientationChange = ($event) => this.orientationChange($event, !$event.matches);
+            this.mediaQuery.addEventListener('change', this.boundOrientationChange);
         }
     }
     update(selectedViewPort) {
@@ -4088,14 +4358,14 @@ class Viewport {
         return this._eventNotifier.subscribe(eventName, callback);
     }
     notify(eventName, ...data) {
-        this._eventNotifier.notify.apply(this._eventNotifier, arguments);
+        this._eventNotifier.notify(eventName, ...data);
     }
     setScreenType() {
         const $el = document.querySelector('.wm-app');
         this.screenWidth = $el.clientWidth;
         this.screenHeight = $el.clientHeight;
-        var minValue = this.screenWidth < this.screenHeight ? this.screenWidth : this.screenHeight;
-        var maxValue = this.screenWidth > this.screenHeight ? this.screenWidth : this.screenHeight;
+        // const minValue = this.screenWidth < this.screenHeight ? this.screenWidth : this.screenHeight;
+        // const maxValue = this.screenWidth > this.screenHeight ? this.screenWidth : this.screenHeight;
         this.isTabletType = false;
         this.isMobileType = false;
         if (get(this.selectedViewPort, 'deviceCategory')) {
@@ -4127,7 +4397,17 @@ class Viewport {
     }
     ngOnDestroy() {
         this._eventNotifier.destroy();
-        window.removeEventListener('resize', this.resizeFn);
+        // MEMORY LEAK FIX: Remove resize event listener using stored bound function reference
+        if (this.boundResizeFn) {
+            window.removeEventListener('resize', this.boundResizeFn);
+            this.boundResizeFn = null;
+        }
+        // MEMORY LEAK FIX: Remove media query orientation change listener
+        if (this.mediaQuery && this.boundOrientationChange && this.mediaQuery.removeEventListener) {
+            this.mediaQuery.removeEventListener('change', this.boundOrientationChange);
+            this.boundOrientationChange = null;
+        }
+        this.mediaQuery = null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Viewport, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Viewport, providedIn: 'root' }); }
@@ -5096,13 +5376,15 @@ class LRUCache {
         this.onEvict = onEvict;
         this.cache = new Map();
         this.evictQueue = [''];
+        this.evictionIntervalId = null; // MEMORY LEAK FIX: Store interval ID for cleanup
         this.evictQueue.shift();
         if (this.maxAge > 0) {
             if (this.maxAge <= 30) {
                 console.warn(`Cache age ${this.maxAge}s is very less. Keep it atleast 30s.`);
             }
             this.maxAge = this.maxAge * 1000;
-            setInterval(() => {
+            // MEMORY LEAK FIX: Store interval ID for cleanup
+            this.evictionIntervalId = window.setInterval(() => {
                 const max = Date.now() - this.maxAge;
                 const expiredData = this.evictQueue.filter(k => {
                     return this.cache.get(k).lastAccessedTime <= max;
@@ -5167,6 +5449,18 @@ class LRUCache {
     clear() {
         this.evict(this.evictQueue.length);
     }
+    /**
+     * MEMORY LEAK FIX: Destroy the cache and clear the eviction interval
+     * Call this method when the cache is no longer needed to prevent memory leaks
+     */
+    destroy() {
+        // CRITICAL FIX: Clear the eviction interval to prevent memory leaks
+        if (this.evictionIntervalId !== null) {
+            clearInterval(this.evictionIntervalId);
+            this.evictionIntervalId = null;
+        }
+        this.clear();
+    }
 }
 
 /*
@@ -5177,5 +5471,5 @@ class LRUCache {
  * Generated bundle index. Do not edit.
  */
 
-export { $appDigest, $invokeWatchers, $parseEvent, $parseExpr, $unwatch, $watch, AbstractDialogService, AbstractHttpService, AbstractI18nService, AbstractNavigationService, AbstractSpinnerService, AbstractToasterService, App, AppConstants, AppDefaults, CURRENCY_INFO, ComponentType, ConstantService, CustomIconsLoaderService, CustomPipeManager, CustomWidgetRefProvider, DEFAULT_FORMATS, DataSource, DataType, DynamicComponentRefProvider, EventNotifier, FIRST_TIME_WATCH, FieldTypeService, FieldWidgetService, FormWidgetType, IDGenerator, IDataSource, LRUCache, MatchMode, PaginationService, PartialRefProvider, ScriptLoaderService, ScriptStore, StatePersistence, UserDefinedExecutionContext, UtilsService, VALIDATOR, Viewport, _WM_APP_PROJECT, addClass, addEventListenerOnElement, addForIdAttributes, adjustContainerPosition, adjustContainerRightEdges, appendNode, appendScriptToHead, checkIsCustomPipeExpression, closePopover, convertToBlob, createCSSRule, createElement, deHyphenate, debounce, defer, detectChanges, encodeUrl, encodeUrlParams, executePromiseChain, extendProto, extractCurrentItemExpr, extractType, fetchContent, findParent, findRootContainer, findValueOf, generateGUId, getAbortableDefer, getAndroidVersion, getAppSetting, getBlob, getClonedObject, getDatasourceFromExpr, getDateObj, getDisplayDateTimeFormat, getEvaluatedExprValue, getFiles, getFnByExpr, getFnForBindExpr, getFnForEventExpr, getFormWidgetTemplate, getFormattedDate, getMomentLocaleObject, getNativeDateObject, getNavClass, getNgModelAttr, getPreviewProperties, getRequiredFormWidget, getResourceURL, getRouteNameFromLink, getRowActionAttrs, getSessionStorageItem, getSheetPositionClass, getUrlParams, getValidDateObject, getValidJSON, getWebkitTraslationMatrix, getWmProjectProperties, hasOffsetStr, initCaps, insertAfter, insertBefore, isAndroid, isAndroidTablet, isAppleProduct, isAudioFile, isChangeFromWatch, isDataSourceEqual, isDateTimeType, isDefined, isElementInViewport, isEmptyObject, isEqualWithFields, isFirstTimeChange, isIE, isImageFile, isInsecureContentRequest, isIos, isIpad, isIphone, isIpod, isKitkatDevice, isLargeTabletLandscape, isLargeTabletPortrait, isMobile, isNumberType, isObject, isPageable, isSafari, isValidWebURL, isVideoFile, loadScript, loadScripts, loadStyleSheet, loadStyleSheets, muteWatchers, noop, openLink, periodSeparate, prettifyLabel, prettifyLabels, processFilterExpBindNode, registerFnByExpr, removeAttr, removeClass, removeExtraSlashes, removeNode, replace, replaceAt, resetChangeFromWatch, retryIfFails, scrollToElement, setAppRef, setAttr, setCSS, setCSSFromObj, setHtml, setListClass, setNgZone, setPipeProvider, setPreviewProperties, setProperty, setSessionStorageItem, setTranslation3dPosition, setWmProjectProperties, spaceSeparate, stringStartsWith, switchClass, toBoolean, toDimension, toPromise, toggleClass, transformFileURI, triggerFn, triggerItemAction, unMuteWatchers, updateTemplateAttrs, validateAccessRoles, validateDataSourceCtx, xmlToJson };
+export { $appDigest, $invokeWatchers, $parseEvent, $parseExpr, $unwatch, $unwatchAll, $unwatchAllByScope, $watch, AbstractDialogService, AbstractHttpService, AbstractI18nService, AbstractNavigationService, AbstractSpinnerService, AbstractToasterService, App, AppConstants, AppDefaults, CURRENCY_INFO, ComponentType, ConstantService, CustomIconsLoaderService, CustomPipeManager, CustomWidgetRefProvider, DEFAULT_FORMATS, DataSource, DataType, DynamicComponentRefProvider, EventNotifier, FIRST_TIME_WATCH, FieldTypeService, FieldWidgetService, FormWidgetType, IDGenerator, IDataSource, LRUCache, MatchMode, PaginationService, PartialRefProvider, ScriptLoaderService, ScriptStore, StatePersistence, UserDefinedExecutionContext, UtilsService, VALIDATOR, Viewport, _WM_APP_PROJECT, addClass, addEventListenerOnElement, addForIdAttributes, adjustContainerPosition, adjustContainerRightEdges, appendNode, appendScriptToHead, checkIsCustomPipeExpression, closePopover, convertToBlob, createCSSRule, createElement, deHyphenate, debounce, defer, detectChanges, encodeUrl, encodeUrlParams, executePromiseChain, extendProto, extractCurrentItemExpr, extractType, fetchContent, findParent, findRootContainer, findValueOf, generateGUId, getAbortableDefer, getAndroidVersion, getAppSetting, getBlob, getClonedObject, getDatasourceFromExpr, getDateObj, getDisplayDateTimeFormat, getEvaluatedExprValue, getFiles, getFnByExpr, getFnForBindExpr, getFnForEventExpr, getFormWidgetTemplate, getFormattedDate, getMomentLocaleObject, getNativeDateObject, getNavClass, getNgModelAttr, getPreviewProperties, getRequiredFormWidget, getResourceURL, getRouteNameFromLink, getRowActionAttrs, getSessionStorageItem, getSheetPositionClass, getUrlParams, getValidDateObject, getValidJSON, getWebkitTraslationMatrix, getWmProjectProperties, hasOffsetStr, initCaps, insertAfter, insertBefore, isAndroid, isAndroidTablet, isAppleProduct, isAudioFile, isChangeFromWatch, isDataSourceEqual, isDateTimeType, isDefined, isElementInViewport, isEmptyObject, isEqualWithFields, isFirstTimeChange, isIE, isImageFile, isInsecureContentRequest, isIos, isIpad, isIphone, isIpod, isKitkatDevice, isLargeTabletLandscape, isLargeTabletPortrait, isMobile, isNumberType, isObject, isPageable, isSafari, isValidImageUrl, isValidWebURL, isVideoFile, loadScript, loadScripts, loadStyleSheet, loadStyleSheets, muteWatchers, noop, openLink, periodSeparate, prettifyLabel, prettifyLabels, processFilterExpBindNode, registerFnByExpr, removeAttr, removeClass, removeExtraSlashes, removeNode, replace, replaceAt, resetChangeFromWatch, retryIfFails, scrollToElement, setAppRef, setAttr, setCSS, setCSSFromObj, setHtml, setListClass, setNgZone, setPipeProvider, setPreviewProperties, setProperty, setSessionStorageItem, setTranslation3dPosition, setWmProjectProperties, spaceSeparate, stringStartsWith, switchClass, toBoolean, toDimension, toPromise, toggleClass, transformFileURI, triggerFn, triggerItemAction, unMuteWatchers, updateTemplateAttrs, validateAccessRoles, validateDataSourceCtx, xmlToJson };
 //# sourceMappingURL=index.mjs.map