@wavemaker/angular-codegen 11.14.1-rc.6310 → 11.14.2-rc.242

package/dependencies/pipe-provider.cjs.js

@@ -147299,11 +147299,11 @@ const CURRENCY_INFO = {
     }
 };
 
-const $RAF$1$1 = window.requestAnimationFrame;
+const $RAF$1 = window.requestAnimationFrame;
 const $RAFQueue$1 = [];
 const invokeLater$1 = fn => {
     if (!$RAFQueue$1.length) {
-        $RAF$1$1(() => {
+        $RAF$1(() => {
             $RAFQueue$1.forEach(f => f());
             $RAFQueue$1.length = 0;
         });
@@ -147311,7 +147311,23 @@ const invokeLater$1 = fn => {
     $RAFQueue$1.push(fn);
 };
 const setAttr$1 = (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);
+            }
+        }
+    };
     invokeLater$1(task);
 };
 
@@ -147845,70 +147861,220 @@ const getFnForEventExpr$1 = (expr) => {
     return fnExecutor$1(expr, ExpressionType$2.Action);
 };
 
+// Constants
+const WIDGET_ID_REGEX$1 = /^(widget-[^_]+)/;
+const WIDGET_PROPERTY_REGEX$1 = /^widget-[^_]+_(.+)$/;
+const ARRAY_INDEX_PLACEHOLDER$1 = '[$i]';
+const ARRAY_INDEX_ZERO$1 = '[0]';
 const registry$1 = new Map();
 const watchIdGenerator$1 = new IDGenerator$1('watch-id-');
-const FIRST_TIME_WATCH$1 = {};
-Object.freeze(FIRST_TIME_WATCH$1);
+const FIRST_TIME_WATCH$1 = Object.freeze({});
+/**
+ * Extracts widget ID from identifier (e.g., "widget-id23_eventsource" -> "widget-id23")
+ */
+const getWidgetId$1 = (identifier) => {
+    if (!identifier || typeof identifier !== 'string') {
+        return null;
+    }
+    const match = identifier.match(WIDGET_ID_REGEX$1);
+    return match ? match[1] : null;
+};
+/**
+ * Extracts property name from identifier (e.g., "widget-id23_eventsource" -> "eventsource")
+ */
+const getPropertyName$1 = (identifier) => {
+    if (!identifier || typeof identifier !== 'string') {
+        return identifier;
+    }
+    const match = identifier.match(WIDGET_PROPERTY_REGEX$1);
+    return match ? match[1] : identifier;
+};
+/**
+ * Array consumer wrapper for array-based expressions
+ */
 const arrayConsumer$1 = (listenerFn, restExpr, newVal, oldVal) => {
-    let data = newVal, formattedData;
-    if (isArray$1(data)) {
-        formattedData = data.map(function (datum) {
-            return findValueOf$1(datum, restExpr);
-        });
-        // If resulting structure is an array of array, flatten it
-        if (isArray$1(formattedData[0])) {
-            formattedData = flatten$2(formattedData);
-        }
-        listenerFn(formattedData, oldVal);
+    if (!isArray$1(newVal)) {
+        return;
+    }
+    let formattedData = newVal.map(datum => findValueOf$1(datum, restExpr));
+    // Flatten if result is array of arrays
+    if (isArray$1(formattedData[0])) {
+        formattedData = flatten$2(formattedData);
     }
+    listenerFn(formattedData, oldVal);
 };
-const getUpdatedWatcInfo$1 = (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$1 = (expr, acceptsArray, listener) => {
+    const regex = /\[\$i\]/g;
     if (!acceptsArray) {
         return {
-            'expr': expr.replace(regex, $0),
-            'listener': listener
+            expr: expr.replace(regex, ARRAY_INDEX_ZERO$1),
+            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$1.bind(undefined, listener, restExpr);
-    }
+    const lastIndex = expr.lastIndexOf(ARRAY_INDEX_PLACEHOLDER$1);
+    const baseExpr = expr.substring(0, lastIndex).replace(ARRAY_INDEX_PLACEHOLDER$1, ARRAY_INDEX_ZERO$1);
+    const restExpr = expr.substring(lastIndex + 5);
+    const arrayConsumerFn = restExpr
+        ? arrayConsumer$1.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$1 = [
+    "row.getProperty('investment')",
+    "row.getProperty('factsheetLink')",
+    "row.getProperty('isRebalanceEligible')"
+];
+const isStaticExpression$1 = (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$1.includes(trimmedExpr)) {
+        return true;
+    }
+    return false;
+};
+/**
+ * Gets the scope type from the scope object
+ */
+const getScopeType$1 = ($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$1 = ($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$1 = (expr, $scope, $locals, listener, identifier = watchIdGenerator$1.nextUid(), doNotClone = false, config = {}, isMuted) => {
-    if (expr.indexOf('[$i]') !== -1) {
-        let watchInfo = getUpdatedWatcInfo$1(expr, config && (config.arrayType || config.isList), listener);
+    // Handle array expressions
+    if (expr.includes(ARRAY_INDEX_PLACEHOLDER$1)) {
+        const watchInfo = getUpdatedWatchInfo$1(expr, config.arrayType || config.isList || false, listener);
         expr = watchInfo.expr;
         listener = watchInfo.listener;
     }
+    // Handle static expressions
+    if (isStaticExpression$1(expr)) {
+        try {
+            const fn = $parseExpr$1(expr);
+            const staticValue = fn($scope, $locals);
+            listener(staticValue, FIRST_TIME_WATCH$1);
+        }
+        catch (e) {
+            console.warn(`Error evaluating static expression '${expr}':`, e);
+            listener(undefined, FIRST_TIME_WATCH$1);
+        }
+        return () => { }; // No-op unsubscribe
+    }
     const fn = $parseExpr$1();
-    registry$1.set(identifier, {
-        fn: fn.bind(expr, $scope, $locals),
+    const scopeType = getScopeType$1($scope);
+    const scopeName = getScopeName$1($scope, scopeType);
+    const watchInfo = {
+        fn: fn.bind(null, $scope, $locals),
         listener,
         expr,
         last: FIRST_TIME_WATCH$1,
         doNotClone,
-        isMuted: isMuted
-    });
+        isMuted,
+        scopeType,
+        scopeName
+    };
+    // Store in registry
+    const widgetId = getWidgetId$1(identifier);
+    if (widgetId) {
+        const propertyName = getPropertyName$1(identifier);
+        if (!registry$1.has(widgetId)) {
+            registry$1.set(widgetId, {});
+        }
+        const widgetGroup = registry$1.get(widgetId);
+        widgetGroup[propertyName] = watchInfo;
+    }
+    else {
+        registry$1.set(identifier, watchInfo);
+    }
     return () => $unwatch$1(identifier);
 };
-const $unwatch$1 = identifier => registry$1.delete(identifier);
-window.watchRegistry = registry$1;
+/**
+ * Unwatches a single identifier
+ */
+const $unwatch$1 = (identifier) => {
+    const widgetId = getWidgetId$1(identifier);
+    if (widgetId) {
+        const propertyName = getPropertyName$1(identifier);
+        const widgetGroup = registry$1.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$1.delete(widgetId);
+                }
+                return true;
+            }
+        }
+    }
+    // Fallback to direct lookup
+    if (registry$1.has(identifier)) {
+        registry$1.delete(identifier);
+        return true;
+    }
+    return false;
+};
 const $appDigest$1 = (() => {
-    return (force) => {
+    return (force = false) => {
         {
             return;
         }
     };
 })();
+// Export registry for debugging
+window.watchRegistry = registry$1;
 
 var ComponentType$1;
 (function (ComponentType) {
@@ -147964,8 +148130,8 @@ var Operation$1;
 const DataSource$1 = {
     Operation: Operation$1
 };
-class App {
-}
+let App$1 = class App {
+};
 let AbstractI18nService$1 = class AbstractI18nService {
 };
 
@@ -147983,6 +148149,7 @@ const REGEX$1 = {
     SUPPORTED_AUDIO_FORMAT: /\.(mp3|ogg|webm|wma|3gp|wav|m4a)$/i,
     SUPPORTED_VIDEO_FORMAT: /\.(mp4|ogg|webm|wmv|mpeg|mpg|avi|mov)$/i,
     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,
     REPLACE_PATTERN: /\$\{([^\}]+)\}/g,
     DATA_URL: /^\s*data:([a-z]+\/[a-z0-9-+.]+(;[a-z-]+=[a-z0-9-]+)?)?(;base64)?,([a-z0-9!$&',()*+;=\-._~:@\/?%\s]*)\s*$/i,
     ISO_DATE_FORMAT: /(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}:\d{2})(\.\d+)?([+-]\d{2}:?\d{2}|Z)$/
@@ -148205,6 +148372,9 @@ const isVideoFile$1 = (fileName) => {
 const isValidWebURL$1 = (url) => {
     return (REGEX$1.VALID_WEB_URL).test(url);
 };
+const isValidImageUrl$1 = (url) => {
+    return (REGEX$1.VALID_IMAGE_URL).test(url?.trim());
+};
 /*This function returns the url to the resource after checking the validity of url*/
 const getResourceURL$1 = (urlString) => {
     return urlString;
@@ -149458,6 +149628,7 @@ var Utils$1 = /*#__PURE__*/Object.freeze({
     isPageable: isPageable$1,
     isSafari: isSafari$1,
     isTablet: isTablet$1,
+    isValidImageUrl: isValidImageUrl$1,
     isValidWebURL: isValidWebURL$1,
     isVideoFile: isVideoFile$1,
     loadScript: loadScript$1,
@@ -149551,7 +149722,10 @@ let EventNotifier$1 = class EventNotifier {
         return noop$6;
     }
     destroy() {
-        this._subject.complete();
+        this._subject.next(null); // optional
+        this._subject.complete(); // clears all observers
+        this._isInitialized = false;
+        this._eventsBeforeInit = [];
     }
 };
 let MINIMUM_TAB_WIDTH$1 = 768;
@@ -149566,9 +149740,11 @@ let Viewport$1 = class Viewport {
         this.isTabletType = false;
         this._eventNotifier = new EventNotifier$1(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 {
@@ -149576,8 +149752,10 @@ let Viewport$1 = 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) {
@@ -149604,14 +149782,14 @@ let Viewport$1 = 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;
-        this.screenWidth < this.screenHeight ? this.screenWidth : this.screenHeight;
-        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$2(this.selectedViewPort, 'deviceCategory')) {
@@ -149643,7 +149821,17 @@ let Viewport$1 = 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 = ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Viewport, deps: [], target: FactoryTarget$2.Injectable }); }
     static { this.ɵprov = ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Viewport, providedIn: 'root' }); }
@@ -150692,14 +150880,14 @@ class ToDatePipe extends WmPipe {
         }
         return this.returnFn('', arguments, this.app.Variables);
     }
-    constructor(datePipe, i18nService, customPipeManager) {
+    constructor(datePipe, i18nService, app, customPipeManager) {
         super('toDate', customPipeManager);
         this.datePipe = datePipe;
         this.i18nService = i18nService;
+        this.app = app;
         this.customPipeManager = customPipeManager;
-        this.app = inject(App);
     }
-    static { this.ɵfac = function ToDatePipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ToDatePipe)(ɵɵdirectiveInject(DatePipe, 16), ɵɵdirectiveInject(AbstractI18nService$1, 16), ɵɵdirectiveInject(CustomPipeManager$1, 16)); }; }
+    static { this.ɵfac = function ToDatePipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ToDatePipe)(ɵɵdirectiveInject(DatePipe, 16), ɵɵdirectiveInject(AbstractI18nService$1, 16), ɵɵdirectiveInject(App$1, 16), ɵɵdirectiveInject(CustomPipeManager$1, 16)); }; }
     static { this.ɵpipe = /*@__PURE__*/ ɵɵdefinePipe({ name: "toDate", type: ToDatePipe, pure: true, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(ToDatePipe, [{
@@ -150708,7 +150896,7 @@ class ToDatePipe extends WmPipe {
                 standalone: true,
                 name: 'toDate'
             }]
-    }], () => [{ type: DatePipe }, { type: AbstractI18nService$1 }, { type: CustomPipeManager$1 }], null); })();
+    }], () => [{ type: DatePipe }, { type: AbstractI18nService$1 }, { type: App$1 }, { type: CustomPipeManager$1 }], null); })();
 class ToNumberPipe {
     transform(data, fracSize) {
         if (fracSize && !String(fracSize).match(/^(\d+)?\.((\d+)(-(\d+))?)?$/)) {
@@ -150796,9 +150984,9 @@ class SuffixPipe {
  * Custom pipe: It is work as interceptor between the user custom pipe function and angular pipe
  */
 class CustomPipe {
-    constructor(custmeUserPipe) {
+    constructor(app, custmeUserPipe) {
+        this.app = app;
         this.custmeUserPipe = custmeUserPipe;
-        this.app = inject(App);
     }
     transform(data, pipename) {
         let argumentArr = [];
@@ -150818,7 +151006,7 @@ class CustomPipe {
             return data;
         }
     }
-    static { this.ɵfac = function CustomPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CustomPipe)(ɵɵdirectiveInject(CustomPipeManager$1, 16)); }; }
+    static { this.ɵfac = function CustomPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CustomPipe)(ɵɵdirectiveInject(App$1, 16), ɵɵdirectiveInject(CustomPipeManager$1, 16)); }; }
     static { this.ɵpipe = /*@__PURE__*/ ɵɵdefinePipe({ name: "custom", type: CustomPipe, pure: true, standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(CustomPipe, [{
@@ -150827,7 +151015,7 @@ class CustomPipe {
                 standalone: true,
                 name: 'custom'
             }]
-    }], () => [{ type: CustomPipeManager$1 }], null); })();
+    }], () => [{ type: App$1 }, { type: CustomPipeManager$1 }], null); })();
 class TimeFromNowPipe {
     transform(data) {
         let timestamp;
@@ -202909,11 +203097,11 @@ var DEFAULT_FORMATS;
     DEFAULT_FORMATS["DATE_TIME"] = "yyyy-MM-dd HH:mm:ss";
 })(DEFAULT_FORMATS || (DEFAULT_FORMATS = {}));
 
-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;
         });
@@ -202921,7 +203109,23 @@ const invokeLater = fn => {
     $RAFQueue.push(fn);
 };
 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);
+            }
+        }
+    };
     invokeLater(task);
 };
 
@@ -203455,70 +203659,220 @@ 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 registry = new Map();
 const watchIdGenerator = new IDGenerator('watch-id-');
-const FIRST_TIME_WATCH = {};
-Object.freeze(FIRST_TIME_WATCH);
+const FIRST_TIME_WATCH = Object.freeze({});
+/**
+ * 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();
-    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);
-window.watchRegistry = registry;
+/**
+ * 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;
+};
 const $appDigest = (() => {
-    return (force) => {
+    return (force = false) => {
         {
             return;
         }
     };
 })();
+// Export registry for debugging
+window.watchRegistry = registry;
 
 var ComponentType;
 (function (ComponentType) {
@@ -203574,6 +203928,8 @@ var Operation;
 const DataSource = {
     Operation
 };
+class App {
+}
 class AbstractI18nService {
 }
 
@@ -203591,6 +203947,7 @@ const REGEX = {
     SUPPORTED_AUDIO_FORMAT: /\.(mp3|ogg|webm|wma|3gp|wav|m4a)$/i,
     SUPPORTED_VIDEO_FORMAT: /\.(mp4|ogg|webm|wmv|mpeg|mpg|avi|mov)$/i,
     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,
     REPLACE_PATTERN: /\$\{([^\}]+)\}/g,
     DATA_URL: /^\s*data:([a-z]+\/[a-z0-9-+.]+(;[a-z-]+=[a-z0-9-]+)?)?(;base64)?,([a-z0-9!$&',()*+;=\-._~:@\/?%\s]*)\s*$/i,
     ISO_DATE_FORMAT: /(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}:\d{2})(\.\d+)?([+-]\d{2}:?\d{2}|Z)$/
@@ -203813,6 +204170,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) => {
     return urlString;
@@ -205066,6 +205426,7 @@ var Utils = /*#__PURE__*/Object.freeze({
     isPageable: isPageable,
     isSafari: isSafari,
     isTablet: isTablet,
+    isValidImageUrl: isValidImageUrl,
     isValidWebURL: isValidWebURL,
     isVideoFile: isVideoFile,
     loadScript: loadScript,
@@ -205159,7 +205520,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 = [];
     }
 }
 let MINIMUM_TAB_WIDTH = 768;
@@ -205174,9 +205538,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 {
@@ -205184,8 +205550,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) {
@@ -205212,14 +205580,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;
-        this.screenWidth < this.screenHeight ? this.screenWidth : this.screenHeight;
-        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')) {
@@ -205251,7 +205619,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 = ɵɵngDeclareFactory$1({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0$1, type: Viewport, deps: [], target: FactoryTarget$4.Injectable }); }
     static { this.ɵprov = ɵɵngDeclareInjectable$1({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0$1, type: Viewport, providedIn: 'root' }); }
@@ -207905,7 +208283,10 @@ class PipeProvider {
             this.preparePipeMeta(CurrencyPipe$1, 'currency', true, [this._locale]),
             this.preparePipeMeta(DatePipe$1, 'date', true, [this._locale]),
             this.preparePipeMeta(ToDatePipe, 'toDate', true, [
-                new DatePipe$1(this._locale), undefined, this.injector.get(CustomPipeManager)
+                new DatePipe$1(this._locale),
+                undefined,
+                this.injector.get(App),
+                this.injector.get(CustomPipeManager)
             ]),
             this.preparePipeMeta(ToNumberPipe, 'toNumber', true, [
                 new DecimalPipe$1(this._locale),
@@ -207922,7 +208303,7 @@ class PipeProvider {
                 new DecimalPipe$1(this._locale)
             ]),
             this.preparePipeMeta(StringToNumberPipe, 'stringToNumber', true),
-            this.preparePipeMeta(CustomPipe, 'custom', true, [this.injector.get(CustomPipeManager)]),
+            this.preparePipeMeta(CustomPipe, 'custom', true, [this.injector.get(App), this.injector.get(CustomPipeManager)]),
             this.preparePipeMeta(TrustAsPipe, 'trustAs', true, [this.domSanitizer]),
             this.preparePipeMeta(SanitizePipe, 'sanitize', true, [this.domSanitizer]),
             this.preparePipeMeta(TemplateReplacePipe, 'templateReplace', true),