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

package/runtime/base/bundles/index.umd.js

@@ -81,10 +81,13 @@
           this.appVariablesLoaded = false;
           this.appVariablesFired = false;
           this._noRedirect = false;
+          this.appSubscriptions = []; // MEMORY LEAK FIX: Track subscriptions
           // register method to invoke on session timeout
-          this.$http.registerOnSessionTimeout(this.handle401.bind(this));
+          // MEMORY LEAK FIX: Store unsubscribe function for cleanup
+          this.sessionTimeoutUnsubscribe = this.$http.registerOnSessionTimeout(this.handle401.bind(this));
           this.$variables.registerDependency('appManager', this);
-          this.$app.subscribe('toggle-variable-state', (data) => {
+          // MEMORY LEAK FIX: Store subscription unsubscribe functions
+          this.appSubscriptions.push(this.$app.subscribe('toggle-variable-state', (data) => {
               const variable = data.variable, active = data.active;
               if (!lodashEs.isEmpty(lodashEs.trim(variable.spinnerContext))) {
                   if (active) {
@@ -109,8 +112,8 @@
                       this.$spinner.hide(variable._spinnerId.shift());
                   }
               }
-          });
-          this.$app.subscribe('userLoggedIn', () => {
+          }));
+          this.appSubscriptions.push(this.$app.subscribe('userLoggedIn', () => {
               this.setLandingPage();
               if (this.lastLoggedUserId) {
                   this.$security.getConfig(config => {
@@ -119,11 +122,11 @@
                       }
                   }, null);
               }
-          });
-          this.$app.subscribe('userLoggedOut', () => this.setLandingPage().then(() => {
-              this.$app.clearPageCache();
           }));
-          this.$app.subscribe('http401', (d = {}) => this.handle401(d.page, d.options));
+          this.appSubscriptions.push(this.$app.subscribe('userLoggedOut', () => this.setLandingPage().then(() => {
+              this.$app.clearPageCache();
+          })));
+          this.appSubscriptions.push(this.$app.subscribe('http401', (d = {}) => this.handle401(d.page, d.options)));
       }
       /**
        * On session timeout, if the session timeout config is set to a dialog, then open login dialog
@@ -363,8 +366,9 @@
       reloadAppData() {
           return this.loadSecurityConfig(true).then(() => {
               return this.loadMetadata().then(() => {
-                  return this.updateLoggedInUserVariable().then(() => {
-                      return this.beforeAppReady();
+                  return this.updateLoggedInUserVariable().then((config) => {
+                      return Promise.resolve(this.beforeAppReady())
+                          .then(() => Promise.resolve(config));
                   });
               });
           });
@@ -522,12 +526,36 @@
           // Apply restored modes
           this.$app.setMode(storedModes);
           // Listener for postMessage-based mode changes
-          window.addEventListener('message', (event) => {
+          // MEMORY LEAK FIX: Store bound function reference for cleanup
+          this.windowMessageListener = (event) => {
               const { key, modes, shouldPersist } = event.data || {};
               if (key === 'switch-mode' && modes) {
                   this.$app.setMode(modes, !shouldPersist);
               }
+          };
+          window.addEventListener('message', this.windowMessageListener);
+      }
+      ngOnDestroy() {
+          // MEMORY LEAK FIX: Unsubscribe from all app subscriptions
+          this.appSubscriptions.forEach(unsubscribe => {
+              if (unsubscribe) {
+                  unsubscribe();
+              }
           });
+          this.appSubscriptions = [];
+          // MEMORY LEAK FIX: Unsubscribe from session timeout
+          if (this.sessionTimeoutUnsubscribe) {
+              this.sessionTimeoutUnsubscribe();
+              this.sessionTimeoutUnsubscribe = null;
+          }
+          // MEMORY LEAK FIX: Remove window message listener
+          if (this.windowMessageListener) {
+              window.removeEventListener('message', this.windowMessageListener);
+              this.windowMessageListener = null;
+          }
+          // MEMORY LEAK FIX: Clear references
+          this.templates = null;
+          this.lastLoggedUserId = null;
       }
       static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: AppManagerService, deps: [{ token: i1__namespace.AbstractHttpService }, { token: i2__namespace.SecurityService }, { token: i1__namespace.AbstractDialogService }, { token: i1$1__namespace.Router }, { token: i1__namespace.App }, { token: i4__namespace.VariablesService }, { token: i4__namespace.MetadataService }, { token: i1__namespace.AbstractSpinnerService }, { token: i1__namespace.AbstractI18nService }, { token: i5__namespace.DatePipe }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
       static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: AppManagerService }); }
@@ -653,11 +681,32 @@
       }
       init() {
           // console.log(`inside fragmentMonitor: Page-${(this as any).pageName}, Partial-${(this as any).partialName}`);
-          this.viewInit$.subscribe(i1.noop, i1.noop, () => {
+          // MEMORY LEAK FIX: Store subscription reference for cleanup
+          this.viewInitSubscription = this.viewInit$.subscribe(i1.noop, i1.noop, () => {
               this.isViewInitialized = true;
               this.isReady();
           });
       }
+      /**
+       * MEMORY LEAK FIX: Clean up FragmentMonitor resources
+       * Should be called from implementing class's ngOnDestroy
+       */
+      cleanupFragmentMonitor() {
+          // MEMORY LEAK FIX: Unsubscribe from viewInit$ subscription
+          if (this.viewInitSubscription) {
+              this.viewInitSubscription.unsubscribe();
+              this.viewInitSubscription = null;
+          }
+          // MEMORY LEAK FIX: Complete Subjects to release subscriptions (if not already completed)
+          if (this.viewInit$ && !this.viewInit$.closed) {
+              this.viewInit$.complete();
+          }
+          this.viewInit$ = null;
+          if (this.fragmentsLoaded$ && !this.fragmentsLoaded$.closed) {
+              this.fragmentsLoaded$.complete();
+          }
+          this.fragmentsLoaded$ = null;
+      }
       registerFragment() {
           this.fragments++;
       }
@@ -841,7 +890,41 @@
           });
       }
       ngOnDestroy() {
-          this.destroy$.complete();
+          // MEMORY LEAK FIX: Unwatch all Partial-scoped watchers for THIS specific partial when partial is destroyed
+          // Only unwatch watchers for this partial, not all partials (other partials may still be on the page)
+          if (this.partialName) {
+              i1.$unwatchAllByScope('Partial', this.partialName);
+          }
+          // MEMORY LEAK FIX: Complete Subjects to release subscriptions
+          if (this.destroy$) {
+              this.destroy$.complete();
+              this.destroy$ = null;
+          }
+          if (this.viewInit$) {
+              this.viewInit$.complete();
+              this.viewInit$ = null;
+          }
+          // MEMORY LEAK FIX: Clear references to prevent memory leaks
+          this.Widgets = null;
+          this.Variables = null;
+          this.Actions = null;
+          this.App = null;
+          this.containerWidget = null;
+          this.i18nService = null;
+          this.appLocale = null;
+          this.partialDirective = null;
+          this.pageDirective = null;
+          this.Prefab = null;
+          this.scriptLoaderService = null;
+          this.Viewport = null;
+          this.route = null;
+          this.appManager = null;
+          this.navigationService = null;
+          this.router = null;
+          this.pageParams = null;
+          this.viewParent = null;
+          // MEMORY LEAK FIX: Cleanup FragmentMonitor resources
+          this.cleanupFragmentMonitor();
       }
       ngOnAttach(refreshData) {
           this.unmute();
@@ -1286,9 +1369,42 @@
           });
       }
       ngOnDestroy() {
+          // MEMORY LEAK FIX: Unwatch all Page-scoped watchers for THIS specific page when page is destroyed
+          if (this.pageName) {
+              const removedCount = i1.$unwatchAllByScope('Page', this.pageName);
+              if (removedCount > 0) {
+                  console.log(`🧹 Cleaned up ${removedCount} Page-scoped watcher(s) for page ${this.pageName}`);
+              }
+          }
           //this.captureApplicationThumbnail();
           this.savePageSnapShot();
-          this.destroy$.complete();
+          // MEMORY LEAK FIX: Complete Subjects to release subscriptions
+          if (this.destroy$) {
+              this.destroy$.complete();
+              this.destroy$ = null;
+          }
+          if (this.viewInit$) {
+              this.viewInit$.complete();
+              this.viewInit$ = null;
+          }
+          // MEMORY LEAK FIX: Clear references to prevent memory leaks
+          this.Widgets = null;
+          this.Variables = null;
+          this.Actions = null;
+          this.App = null;
+          this.route = null;
+          this.appManager = null;
+          this.navigationService = null;
+          this.router = null;
+          this.pageParams = null;
+          this.i18nService = null;
+          this.appLocale = null;
+          this.pageDirective = null;
+          this.$page = null;
+          this.scriptLoaderService = null;
+          this.Viewport = null;
+          // MEMORY LEAK FIX: Cleanup FragmentMonitor resources
+          this.cleanupFragmentMonitor();
       }
       captureApplicationThumbnail() {
           const root = this;
@@ -1653,7 +1769,38 @@
           }, 100);
       }
       ngOnDestroy() {
-          this.destroy$.complete();
+          // MEMORY LEAK FIX: Complete Subjects to release subscriptions
+          if (this.destroy$) {
+              this.destroy$.complete();
+              this.destroy$ = null;
+          }
+          if (this.viewInit$) {
+              this.viewInit$.complete();
+              this.viewInit$ = null;
+          }
+          // MEMORY LEAK FIX: Clear references to prevent memory leaks
+          this.Widgets = null;
+          this.BaseWidget = null;
+          this.Variables = null;
+          this.Actions = null;
+          this.App = null;
+          this.containerWidget = null;
+          this.i18nService = null;
+          this.appLocale = null;
+          this.pageDirective = null;
+          this.Prefab = null;
+          this.scriptLoaderService = null;
+          this.customwidgetConfigProvider = null;
+          this.Viewport = null;
+          this.route = null;
+          this.appManager = null;
+          this.navigationService = null;
+          this.router = null;
+          this.props = null;
+          this.events = null;
+          this.viewParent = null;
+          // MEMORY LEAK FIX: Cleanup FragmentMonitor resources
+          this.cleanupFragmentMonitor();
       }
       ngOnAttach(refreshData) {
           this.unmute();
@@ -1880,7 +2027,36 @@
           });
       }
       ngOnDestroy() {
-          this.destroy$.complete();
+          // MEMORY LEAK FIX: Unwatch all Prefab-scoped watchers for THIS specific prefab when prefab is destroyed
+          // Only unwatch watchers for this prefab, not all prefabs (other prefabs may still be on the page)
+          if (this.prefabName) {
+              i1.$unwatchAllByScope('Prefab', this.prefabName);
+          }
+          // MEMORY LEAK FIX: Complete Subjects to release subscriptions
+          if (this.destroy$) {
+              this.destroy$.complete();
+              this.destroy$ = null;
+          }
+          if (this.viewInit$) {
+              this.viewInit$.complete();
+              this.viewInit$ = null;
+          }
+          // MEMORY LEAK FIX: Clear references to prevent memory leaks
+          this.Widgets = null;
+          this.Variables = null;
+          this.Actions = null;
+          this.App = null;
+          this.containerWidget = null;
+          this.prefabMngr = null;
+          this.i18nService = null;
+          this.appLocale = null;
+          this.prefabContainerDirective = null;
+          this.scriptLoaderService = null;
+          this.pageDirective = null;
+          this.Viewport = null;
+          this.viewParent = null;
+          // MEMORY LEAK FIX: Cleanup FragmentMonitor resources
+          this.cleanupFragmentMonitor();
       }
       // user overrides this
       onPropertyChange() { }
@@ -1934,6 +2110,12 @@
       }
       //TODO: To work cache properly need to implement the below methods and WmRouteReuseStrategy
       ngOnDestroy() {
+          // MEMORY LEAK FIX: Clear references to prevent memory leaks
+          this.App = null;
+          this.routerOutlet = null;
+          this.pageDirective = null;
+          this.layoutPages = null;
+          this.layoutName = null;
       }
       canReuse() {
       }
@@ -2615,8 +2797,42 @@
           });
       }
       ngOnDestroy() {
+          // MEMORY LEAK FIX: Unwatch all Page-scoped watchers for THIS specific page when page is destroyed
+          if (this.pageName) {
+              i1.$unwatchAllByScope('Page', this.pageName);
+              // if (removedCount > 0) {
+              //     console.log(`🧹 Cleaned up ${removedCount} Page-scoped watcher(s) for page ${this.pageName}`);
+              // }
+          }
           this.savePageSnapShot();
-          this.destroy$.complete();
+          // MEMORY LEAK FIX: Complete Subjects to release subscriptions
+          if (this.destroy$) {
+              this.destroy$.complete();
+              this.destroy$ = null;
+          }
+          if (this.viewInit$) {
+              this.viewInit$.complete();
+              this.viewInit$ = null;
+          }
+          // MEMORY LEAK FIX: Clear references to prevent memory leaks
+          this.Widgets = null;
+          this.Variables = null;
+          this.Actions = null;
+          this.App = null;
+          this.route = null;
+          this.appManager = null;
+          this.navigationService = null;
+          this.router = null;
+          this.pageParams = null;
+          this.i18nService = null;
+          this.appLocale = null;
+          this.layoutDirective = null;
+          this.spaPageDirective = null;
+          this.$page = null;
+          this.scriptLoaderService = null;
+          this.Viewport = null;
+          // MEMORY LEAK FIX: Cleanup FragmentMonitor resources
+          this.cleanupFragmentMonitor();
       }
       onReady() { }
       onBeforePageReady() { }
@@ -2702,7 +2918,7 @@
           this.securityService = securityService;
           this.inj = inj;
           this.processed = false;
-          this.context = {};
+          this.context = {}; // Changed from readonly to allow cleanup
           const securityConfig = this.securityService.get();
           this.securityEnabled = lodashEs.get(securityConfig, 'securityEnabled');
           this.isUserAuthenticated = lodashEs.get(securityConfig, 'authenticated');
@@ -2775,6 +2991,15 @@
               this.viewContainerRef.clear();
           }
       }
+      ngOnDestroy() {
+          // MEMORY LEAK FIX: Clear context to release references to parent scope data
+          if (this.context) {
+              Object.keys(this.context).forEach(key => {
+                  delete this.context[key];
+              });
+              this.context = null;
+          }
+      }
       static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: AccessrolesDirective, deps: [{ token: i0__namespace.TemplateRef }, { token: i0__namespace.ViewContainerRef }, { token: i2__namespace.SecurityService }, { token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
       static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AccessrolesDirective, isStandalone: true, selector: "[accessroles]", inputs: { accessroles: "accessroles" }, ngImport: i0__namespace }); }
   }
@@ -3004,7 +3229,10 @@
               this.preparePipeMeta(i5.CurrencyPipe, 'currency', true, [this._locale]),
               this.preparePipeMeta(i5.DatePipe, 'date', true, [this._locale]),
               this.preparePipeMeta(base.ToDatePipe, 'toDate', true, [
-                  new i5.DatePipe(this._locale), undefined, this.injector.get(i1.CustomPipeManager)
+                  new i5.DatePipe(this._locale),
+                  undefined,
+                  this.injector.get(i1.App),
+                  this.injector.get(i1.CustomPipeManager)
               ]),
               this.preparePipeMeta(base.ToNumberPipe, 'toNumber', true, [
                   new i5.DecimalPipe(this._locale),
@@ -3021,7 +3249,7 @@
                   new i5.DecimalPipe(this._locale)
               ]),
               this.preparePipeMeta(base.StringToNumberPipe, 'stringToNumber', true),
-              this.preparePipeMeta(base.CustomPipe, 'custom', true, [this.injector.get(i1.CustomPipeManager)]),
+              this.preparePipeMeta(base.CustomPipe, 'custom', true, [this.injector.get(i1.App), this.injector.get(i1.CustomPipeManager)]),
               this.preparePipeMeta(base.TrustAsPipe, 'trustAs', true, [this.domSanitizer]),
               this.preparePipeMeta(base.SanitizePipe, 'sanitize', true, [this.domSanitizer]),
               this.preparePipeMeta(base.TemplateReplacePipe, 'templateReplace', true),
@@ -3184,7 +3412,8 @@
           this.isTemplateBundleType = wmProjectProperties.type === "TEMPLATEBUNDLE" /* PROJECT_TYPE.TEMPLATE_BUNDLE */;
           this.targetPlatform = wmProjectProperties.platformType;
           this.isPrism = wmProjectProperties.template === "PRISM";
-          this.httpService.registerOnSessionTimeout(this.on401.bind(this));
+          // MEMORY LEAK FIX: Store unsubscribe function for cleanup
+          this.sessionTimeoutUnsubscribe = this.httpService.registerOnSessionTimeout(this.on401.bind(this));
           this.appLocale = this.i18nService.getAppLocale();
           this.httpService.setLocale(this.appLocale);
       }
@@ -3271,6 +3500,19 @@
               i1.registerFnByExpr(expr, fn[0], fn[1]);
           });
       }
+      /**
+       * Utility method to check if an object has a property
+       * This is commonly used in expressions to check object properties
+       * @param obj The object to check
+       * @param prop The property name to check
+       * @returns true if the object has the property, false otherwise
+       */
+      hasOwnObjectProperty(obj, prop) {
+          if (!obj || typeof obj !== 'object') {
+              return false;
+          }
+          return Object.prototype.hasOwnProperty.call(obj, prop);
+      }
       setMode(modes, shouldPersist = false) {
           const htmlEl = document.getElementsByTagName('html')[0];
           //html element sanity check
@@ -3299,6 +3541,24 @@
               localStorage.setItem('wm-app-modes', JSON.stringify(modes));
       }
       ;
+      ngOnDestroy() {
+          // MEMORY LEAK FIX: Destroy EventNotifier to release subscribers
+          if (this._eventNotifier) {
+              this._eventNotifier.destroy();
+              this._eventNotifier = null;
+          }
+          // MEMORY LEAK FIX: Unsubscribe from session timeout
+          if (this.sessionTimeoutUnsubscribe) {
+              this.sessionTimeoutUnsubscribe();
+              this.sessionTimeoutUnsubscribe = null;
+          }
+          // MEMORY LEAK FIX: Clear references
+          this.Variables = null;
+          this.Actions = null;
+          this.appLocale = null;
+          this.modes = null;
+          this.dynamicComponentContainerRef = null;
+      }
       static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: AppRef, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.AbstractI18nService }, { token: i1__namespace.StatePersistence }, { token: i1__namespace.AbstractHttpService }, { token: i2__namespace.SecurityService }, { token: i1$1__namespace.RouteReuseStrategy }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
       static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: AppRef }); }
   }
@@ -3801,6 +4061,20 @@
               this.messagesByContext[ctx] = {};
           }
       }
+      ngOnDestroy() {
+          // MEMORY LEAK FIX: Complete Subject to release subscriptions
+          if (this.messageSource) {
+              this.messageSource.complete();
+              this.messageSource = null;
+          }
+          // MEMORY LEAK FIX: Clear messages by context
+          if (this.messagesByContext) {
+              Object.keys(this.messagesByContext).forEach(key => {
+                  delete this.messagesByContext[key];
+              });
+              this.messagesByContext = null;
+          }
+      }
       static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: SpinnerServiceImpl, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
       static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: SpinnerServiceImpl }); }
   }
@@ -4316,6 +4590,7 @@
           this.isApplicationType = false;
           this.enableSkipToMainContent = i1.getWmProjectProperties().enableSkipToMainContent === 'true' || i1.getWmProjectProperties().enableSkipToMainContent === true;
           this.retryCount = 0;
+          this.appManagerSubscriptions = []; // MEMORY LEAK FIX: Track appManager subscriptions
           this.appLocale = {};
           this.spinner = { show: false, messages: [], arialabel: '' };
           this.isOAuthDialogOpen = false;
@@ -4328,7 +4603,8 @@
               this.customIconsLoaderService.load();
           }
           // subscribe to OAuth changes
-          oAuthService.getOAuthProvidersAsObservable().subscribe((providers) => {
+          // MEMORY LEAK FIX: Store subscription reference for cleanup
+          this.oAuthProvidersSubscription = oAuthService.getOAuthProvidersAsObservable().subscribe((providers) => {
               this.providersConfig = providers;
               if (providers.length) {
                   this.showOAuthDialog();
@@ -4338,7 +4614,8 @@
               }
           });
           // Subscribe to the message source to show/hide app spinner
-          this.spinnerService.getMessageSource().asObservable().subscribe((data) => {
+          // MEMORY LEAK FIX: Store subscription reference for cleanup
+          this.spinnerMessageSubscription = this.spinnerService.getMessageSource().asObservable().subscribe((data) => {
               // setTimeout is to avoid 'ExpressionChangedAfterItHasBeenCheckedError'
               setTimeout(() => {
                   this.spinner.show = data.show;
@@ -4350,7 +4627,8 @@
           utils.setTheme('bs3');
           let spinnerId;
           let onPageRendered = i1.noop;
-          this.router.events.subscribe(e => {
+          // MEMORY LEAK FIX: Store subscription reference for cleanup
+          this.routerEventsSubscription = this.router.events.subscribe(e => {
               if (e instanceof i1$1.NavigationStart) {
                   let page = e.url.split('?')[0];
                   page = page.substring(1);
@@ -4385,12 +4663,13 @@
                   }, 1000);
               }
           });
-          this.appManager.subscribe('pageReady', () => {
+          // MEMORY LEAK FIX: Store subscription unsubscribe functions
+          this.appManagerSubscriptions.push(this.appManager.subscribe('pageReady', () => {
               onPageRendered();
-          });
-          this.appManager.subscribe('pageAttach', () => {
+          }));
+          this.appManagerSubscriptions.push(this.appManager.subscribe('pageAttach', () => {
               onPageRendered();
-          });
+          }));
       }
       showOAuthDialog() {
           if (!this.isOAuthDialogOpen) {
@@ -4465,9 +4744,35 @@
           i1.$invokeWatchers();
       }
       ngOnDestroy() {
+          // MEMORY LEAK FIX: Unwatch all App-scoped watchers when app is destroyed
+          i1.$unwatchAllByScope('App');
+          // MEMORY LEAK FIX: Unsubscribe from navigation end subscription
           if (this.navigationEndSubscription) {
               this.navigationEndSubscription.unsubscribe();
-          }
+              this.navigationEndSubscription = null;
+          }
+          // MEMORY LEAK FIX: Unsubscribe from OAuth providers subscription
+          if (this.oAuthProvidersSubscription) {
+              this.oAuthProvidersSubscription.unsubscribe();
+              this.oAuthProvidersSubscription = null;
+          }
+          // MEMORY LEAK FIX: Unsubscribe from spinner message subscription
+          if (this.spinnerMessageSubscription) {
+              this.spinnerMessageSubscription.unsubscribe();
+              this.spinnerMessageSubscription = null;
+          }
+          // MEMORY LEAK FIX: Unsubscribe from router events subscription
+          if (this.routerEventsSubscription) {
+              this.routerEventsSubscription.unsubscribe();
+              this.routerEventsSubscription = null;
+          }
+          // MEMORY LEAK FIX: Unsubscribe from appManager subscriptions
+          this.appManagerSubscriptions.forEach(unsubscribe => {
+              if (unsubscribe) {
+                  unsubscribe();
+              }
+          });
+          this.appManagerSubscriptions = [];
       }
       static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: AppComponent, deps: [{ token: PipeProvider }, { token: i0__namespace.ApplicationRef }, { token: i0__namespace.ElementRef }, { token: i2$2__namespace.OAuthService }, { token: i1__namespace.AbstractDialogService }, { token: i1__namespace.AbstractSpinnerService }, { token: i0__namespace.NgZone }, { token: i1$1__namespace.Router }, { token: i1__namespace.App }, { token: AppManagerService }, { token: i1__namespace.CustomIconsLoaderService }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
       static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AppComponent, isStandalone: true, selector: "app-root", viewQueries: [{ propertyName: "routerOutlet", first: true, predicate: i1$1.RouterOutlet, descendants: true }, { propertyName: "dynamicComponentContainerRef", first: true, predicate: ["dynamicComponent"], descendants: true, read: i0.ViewContainerRef }], ngImport: i0__namespace, template: "@if (startApp) {\n    @if(enableSkipToMainContent) {\n        <div id=\"app-focus-start\" tabindex=\"-1\"></div>\n        <a href=\"javascript:void(0);\" class=\"skip\" (click)=\"skipToAppContent($event)\">{{appLocale.LABEL_SKIP_TO_MAIN_CONTENT || 'Skip to main content'}}</a>\n    }\n    <router-outlet></router-outlet>\n  @if (isApplicationType) {\n    <div wmContainer partialContainer content=\"Common\" hidden class=\"ng-hide\"></div>\n  }\n  <app-spinner name=\"globalspinner\" classname=\"global-spinner\" role=\"alert\" aria-live=\"assertive\" [attr.aria-label]=\"spinner.arialabel || 'Loading'\" [show]=\"spinner.show\" [spinnermessages]=\"spinner.messages\"></app-spinner>\n  <div wmDialog name=\"oAuthLoginDialog\" title=\"Application is requesting you to sign in with\"\n    close.event=\"closeOAuthDialog()\">\n    <ng-template #dialogBody>\n      <ul class=\"list-items\">\n        @for (provider of providersConfig; track provider) {\n          <li class=\"list-item\">\n            <button class=\"btn\" (click)=\"provider.invoke()\">{{provider.name}}</button>\n          </li>\n        }\n      </ul>\n    </ng-template>\n  </div>\n  <div wmConfirmDialog name=\"_app-confirm-dialog\" title.bind=\"title\" message.bind=\"message\" oktext.bind=\"oktext\"\n    canceltext.bind=\"canceltext\" closable=\"false\" iconclass.bind=\"iconclass\"\n  escape.event=\"onEscape()\" ok.event=\"onOk()\" cancel.event=\"onCancel()\" close.event=\"onClose()\" opened.event=\"onOpen()\"></div>\n  @if (!isApplicationType) {\n    <div  wmConfirmDialog name=\"PrefabConfirmDialog\" title.bind=\"title\" message.bind=\"text\" oktext.bind=\"okButtonText\"\n      canceltext.bind=\"cancelButtonText\" closable=\"false\" iconclass.bind=\"iconclass\"\n    escape.event=\"onEscape()\" ok.event=\"onOk()\" cancel.event=\"onCancel()\" close.event=\"onClose()\" opened.event=\"onOpen()\"></div>\n  }\n  @if (!isApplicationType) {\n    <div  wmAlertDialog name=\"PrefabAlertDialog\" title.bind=\"title\" message.bind=\"text\" oktext.bind=\"okButtonText\"\n      canceltext.bind=\"cancelButtonText\" closable=\"false\" iconclass.bind=\"iconclass\"\n    escape.event=\"onEscape()\" ok.event=\"onOk()\" cancel.event=\"onCancel()\" close.event=\"onClose()\" opened.event=\"onOpen()\"></div>\n  }\n  <div wmAppExt></div>\n  <i id=\"wm-mobile-display\"></i>\n}\n<!--Dummy container to create the component dynamically-->\n<ng-container #dynamicComponent></ng-container>\n", dependencies: [{ kind: "ngmodule", type: i5.CommonModule }, { kind: "directive", type: i1$1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: alertDialog.AlertDialogComponent, selector: "div[wmAlertDialog]" }, { kind: "component", type: confirmDialog.ConfirmDialogComponent, selector: "div[wmConfirmDialog]" }, { kind: "component", type: designDialog.DialogComponent, selector: "div[wmDialog]" }, { kind: "component", type: AppSpinnerComponent, selector: "app-spinner", inputs: ["show", "spinnermessages", "classname", "arialabel"] }, { kind: "directive", type: base.ContainerDirective, selector: "[wmContainer]" }, { kind: "directive", type: base.PartialParamHandlerDirective, selector: "[partialContainer]" }, { kind: "directive", type: base.PartialContainerDirective, selector: "[partialContainer]" }], encapsulation: i0__namespace.ViewEncapsulation.None }); }
@@ -4576,6 +4881,14 @@
               }
           });
       }
+      ngOnDestroy() {
+          // MEMORY LEAK FIX: Clear ViewContainerRef to destroy dynamically created components
+          if (this.vcRef) {
+              this.vcRef.clear();
+          }
+          // MEMORY LEAK FIX: Clear ElementRef reference
+          this.elRef = null;
+      }
       static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: PrefabDirective, deps: [{ token: base.WidgetRef, self: true }, { token: i0__namespace.ViewContainerRef }, { token: i0__namespace.ElementRef }, { token: PrefabManagerService }, { token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.Injector }, { token: ComponentRefProvider }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
       static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: PrefabDirective, isStandalone: true, selector: "[wmPrefab][prefabname]", ngImport: i0__namespace }); }
   }
@@ -4596,7 +4909,8 @@
   class PrefabPreviewComponent {
       constructor(prefabManager) {
           this.prefabManager = prefabManager;
-          window.addEventListener('message', e => {
+          // MEMORY LEAK FIX: Store bound function reference for cleanup
+          this.windowMessageListener = (e) => {
               const context = e.data && e.data.context;
               if (context !== PREFAB) {
                   return;
@@ -4615,7 +4929,8 @@
               else if (action === 'invoke-script') {
                   this.invokeScript(payload);
               }
-          });
+          };
+          window.addEventListener('message', this.windowMessageListener);
       }
       postMessage(action, payload) {
           const data = {
@@ -4632,7 +4947,8 @@
       }
       init() {
           this.previewMode = true;
-          this.prefabInstance.readyState.subscribe(() => { }, () => { }, () => {
+          // MEMORY LEAK FIX: Store subscription reference
+          this.readyStateSubscription = this.prefabInstance.readyState.subscribe(() => { }, () => { }, () => {
               this.prefabManager.getConfig('__self__')
                   .then(config => {
                   this.config = config;
@@ -4666,6 +4982,22 @@
           this.setupEventListeners();
           this.postMessage('init');
       }
+      ngOnDestroy() {
+          // MEMORY LEAK FIX: Remove window message listener
+          if (this.windowMessageListener) {
+              window.removeEventListener('message', this.windowMessageListener);
+              this.windowMessageListener = null;
+          }
+          // MEMORY LEAK FIX: Unsubscribe from readyState
+          if (this.readyStateSubscription) {
+              this.readyStateSubscription.unsubscribe();
+              this.readyStateSubscription = null;
+          }
+          // MEMORY LEAK FIX: Clear ViewChild reference
+          this.prefabInstance = null;
+          // MEMORY LEAK FIX: Clear config
+          this.config = null;
+      }
       static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: PrefabPreviewComponent, deps: [{ token: PrefabManagerService }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
       static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PrefabPreviewComponent, isStandalone: true, selector: "wm-prefab-preview", viewQueries: [{ propertyName: "prefabInstance", first: true, predicate: prefab.PrefabDirective, descendants: true, static: true }], ngImport: i0__namespace, template: `
         <div class="prefab-preview row">
@@ -4746,6 +5078,7 @@
                          selector: selector of the component
                          transpile: flag for transpiling HTML. By default it is true
                          nocache: flag for render it from cache or not. By default it is true
+       * @returns ComponentRef - the created component reference for cleanup
        */
       async addComponent(target, markup, context = {}, options = {}) {
           options.transpile = i1.isDefined(options.transpile) ? options.transpile : true;
@@ -4755,6 +5088,8 @@
           const component = this.app.dynamicComponentContainerRef.createComponent(componentFactoryRef, 0, lodashEs.get(options, 'inj'));
           i1.extendProto(component.instance, context);
           target.appendChild(component.location.nativeElement);
+          // MEMORY LEAK FIX: Return component reference so caller can destroy it
+          return component;
       }
       static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: DynamicComponentRefProviderService, deps: [{ token: i1__namespace.App }, { token: AppManagerService }, { token: i0__namespace.Compiler }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
       static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: DynamicComponentRefProviderService }); }

package/runtime/base/components/app-component/app.component.d.ts

@@ -24,6 +24,10 @@ export declare class AppComponent implements DoCheck, AfterViewInit, OnDestroy {
     enableSkipToMainContent: boolean;
     private retryCount;
     private navigationEndSubscription;
+    private oAuthProvidersSubscription;
+    private spinnerMessageSubscription;
+    private routerEventsSubscription;
+    private appManagerSubscriptions;
     appLocale: any;
     routerOutlet: RouterOutlet;
     dynamicComponentContainerRef: ViewContainerRef;