@wavemaker/app-ng-runtime 11.14.3-rc.6401 → 11.14.4-rc.647538

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

@@ -81,13 +81,10 @@
           this.appVariablesLoaded = false;
           this.appVariablesFired = false;
           this._noRedirect = false;
-          this.appSubscriptions = []; // MEMORY LEAK FIX: Track subscriptions
           // register method to invoke on session timeout
-          // MEMORY LEAK FIX: Store unsubscribe function for cleanup
-          this.sessionTimeoutUnsubscribe = this.$http.registerOnSessionTimeout(this.handle401.bind(this));
+          this.$http.registerOnSessionTimeout(this.handle401.bind(this));
           this.$variables.registerDependency('appManager', this);
-          // MEMORY LEAK FIX: Store subscription unsubscribe functions
-          this.appSubscriptions.push(this.$app.subscribe('toggle-variable-state', (data) => {
+          this.$app.subscribe('toggle-variable-state', (data) => {
               const variable = data.variable, active = data.active;
               if (!lodashEs.isEmpty(lodashEs.trim(variable.spinnerContext))) {
                   if (active) {
@@ -112,8 +109,8 @@
                       this.$spinner.hide(variable._spinnerId.shift());
                   }
               }
-          }));
-          this.appSubscriptions.push(this.$app.subscribe('userLoggedIn', () => {
+          });
+          this.$app.subscribe('userLoggedIn', () => {
               this.setLandingPage();
               if (this.lastLoggedUserId) {
                   this.$security.getConfig(config => {
@@ -122,11 +119,11 @@
                       }
                   }, null);
               }
-          }));
-          this.appSubscriptions.push(this.$app.subscribe('userLoggedOut', () => this.setLandingPage().then(() => {
+          });
+          this.$app.subscribe('userLoggedOut', () => this.setLandingPage().then(() => {
               this.$app.clearPageCache();
-          })));
-          this.appSubscriptions.push(this.$app.subscribe('http401', (d = {}) => this.handle401(d.page, d.options)));
+          }));
+          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
@@ -526,36 +523,12 @@
           // Apply restored modes
           this.$app.setMode(storedModes);
           // Listener for postMessage-based mode changes
-          // MEMORY LEAK FIX: Store bound function reference for cleanup
-          this.windowMessageListener = (event) => {
+          window.addEventListener('message', (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 }); }
@@ -681,32 +654,11 @@
       }
       init() {
           // console.log(`inside fragmentMonitor: Page-${(this as any).pageName}, Partial-${(this as any).partialName}`);
-          // MEMORY LEAK FIX: Store subscription reference for cleanup
-          this.viewInitSubscription = this.viewInit$.subscribe(i1.noop, i1.noop, () => {
+          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++;
       }
@@ -890,41 +842,7 @@
           });
       }
       ngOnDestroy() {
-          // 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();
+          this.destroy$.complete();
       }
       ngOnAttach(refreshData) {
           this.unmute();
@@ -1369,42 +1287,9 @@
           });
       }
       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();
-          // 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();
+          this.destroy$.complete();
       }
       captureApplicationThumbnail() {
           const root = this;
@@ -1769,38 +1654,7 @@
           }, 100);
       }
       ngOnDestroy() {
-          // 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();
+          this.destroy$.complete();
       }
       ngOnAttach(refreshData) {
           this.unmute();
@@ -2027,36 +1881,7 @@
           });
       }
       ngOnDestroy() {
-          // 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();
+          this.destroy$.complete();
       }
       // user overrides this
       onPropertyChange() { }
@@ -2110,12 +1935,6 @@
       }
       //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() {
       }
@@ -2797,42 +2616,8 @@
           });
       }
       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();
-          // 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();
+          this.destroy$.complete();
       }
       onReady() { }
       onBeforePageReady() { }
@@ -2918,7 +2703,7 @@
           this.securityService = securityService;
           this.inj = inj;
           this.processed = false;
-          this.context = {}; // Changed from readonly to allow cleanup
+          this.context = {};
           const securityConfig = this.securityService.get();
           this.securityEnabled = lodashEs.get(securityConfig, 'securityEnabled');
           this.isUserAuthenticated = lodashEs.get(securityConfig, 'authenticated');
@@ -2991,15 +2776,6 @@
               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 }); }
   }
@@ -3229,10 +3005,7 @@
               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.App),
-                  this.injector.get(i1.CustomPipeManager)
+                  new i5.DatePipe(this._locale), undefined, this.injector.get(i1.CustomPipeManager)
               ]),
               this.preparePipeMeta(base.ToNumberPipe, 'toNumber', true, [
                   new i5.DecimalPipe(this._locale),
@@ -3249,7 +3022,7 @@
                   new i5.DecimalPipe(this._locale)
               ]),
               this.preparePipeMeta(base.StringToNumberPipe, 'stringToNumber', true),
-              this.preparePipeMeta(base.CustomPipe, 'custom', true, [this.injector.get(i1.App), this.injector.get(i1.CustomPipeManager)]),
+              this.preparePipeMeta(base.CustomPipe, 'custom', true, [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),
@@ -3412,8 +3185,7 @@
           this.isTemplateBundleType = wmProjectProperties.type === "TEMPLATEBUNDLE" /* PROJECT_TYPE.TEMPLATE_BUNDLE */;
           this.targetPlatform = wmProjectProperties.platformType;
           this.isPrism = wmProjectProperties.template === "PRISM";
-          // MEMORY LEAK FIX: Store unsubscribe function for cleanup
-          this.sessionTimeoutUnsubscribe = this.httpService.registerOnSessionTimeout(this.on401.bind(this));
+          this.httpService.registerOnSessionTimeout(this.on401.bind(this));
           this.appLocale = this.i18nService.getAppLocale();
           this.httpService.setLocale(this.appLocale);
       }
@@ -3500,19 +3272,6 @@
               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
@@ -3541,24 +3300,6 @@
               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 }); }
   }
@@ -4061,20 +3802,6 @@
               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 }); }
   }
@@ -4590,7 +4317,6 @@
           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;
@@ -4603,8 +4329,7 @@
               this.customIconsLoaderService.load();
           }
           // subscribe to OAuth changes
-          // MEMORY LEAK FIX: Store subscription reference for cleanup
-          this.oAuthProvidersSubscription = oAuthService.getOAuthProvidersAsObservable().subscribe((providers) => {
+          oAuthService.getOAuthProvidersAsObservable().subscribe((providers) => {
               this.providersConfig = providers;
               if (providers.length) {
                   this.showOAuthDialog();
@@ -4614,8 +4339,7 @@
               }
           });
           // Subscribe to the message source to show/hide app spinner
-          // MEMORY LEAK FIX: Store subscription reference for cleanup
-          this.spinnerMessageSubscription = this.spinnerService.getMessageSource().asObservable().subscribe((data) => {
+          this.spinnerService.getMessageSource().asObservable().subscribe((data) => {
               // setTimeout is to avoid 'ExpressionChangedAfterItHasBeenCheckedError'
               setTimeout(() => {
                   this.spinner.show = data.show;
@@ -4627,8 +4351,7 @@
           utils.setTheme('bs3');
           let spinnerId;
           let onPageRendered = i1.noop;
-          // MEMORY LEAK FIX: Store subscription reference for cleanup
-          this.routerEventsSubscription = this.router.events.subscribe(e => {
+          this.router.events.subscribe(e => {
               if (e instanceof i1$1.NavigationStart) {
                   let page = e.url.split('?')[0];
                   page = page.substring(1);
@@ -4663,13 +4386,12 @@
                   }, 1000);
               }
           });
-          // MEMORY LEAK FIX: Store subscription unsubscribe functions
-          this.appManagerSubscriptions.push(this.appManager.subscribe('pageReady', () => {
+          this.appManager.subscribe('pageReady', () => {
               onPageRendered();
-          }));
-          this.appManagerSubscriptions.push(this.appManager.subscribe('pageAttach', () => {
+          });
+          this.appManager.subscribe('pageAttach', () => {
               onPageRendered();
-          }));
+          });
       }
       showOAuthDialog() {
           if (!this.isOAuthDialogOpen) {
@@ -4744,35 +4466,9 @@
           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 }); }
@@ -4804,7 +4500,6 @@
           return /^[a-z][a-z0-9+.-]*:\/\//i.test(url);
       }
       intercept(request, next) {
-          let modifiedReq;
           let modifiedResp;
           let isRelativeAPIUrl = false;
           if (!this.isAbsoluteUrl(request.url)) {
@@ -4814,18 +4509,19 @@
               let apiUrl = i1._WM_APP_PROJECT.apiUrl + request.url;
               request = request.clone({ url: apiUrl });
           }
-          if (i4.appManager && i4.appManager.appOnBeforeServiceCall) {
-              // Convert the angular HttpRequest to wm HttpRequest
-              const req = this.wmHttpRequest.angularToWmRequest(request);
-              // trigger the common onBeforeServiceCall handler present in app.js
-              modifiedReq = i4.appManager.appOnBeforeServiceCall(req);
-              if (modifiedReq) {
-                  // Convert the wm HttpRequest to angular HttpRequest
-                  modifiedReq = this.wmHttpRequest.wmToAngularRequest(modifiedReq);
-                  request = modifiedReq;
+          return rxjs.from(Promise.resolve().then(() => {
+              if (i4.appManager && i4.appManager.appOnBeforeServiceCall) {
+                  const wmReq = this.wmHttpRequest.angularToWmRequest(request);
+                  return i4.appManager.appOnBeforeServiceCall(wmReq);
               }
-          }
-          return next.handle(request).pipe(operators.tap((response) => {
+              return null;
+          }))
+              .pipe(rxjs.switchMap((receivedModifiedReq) => {
+              if (receivedModifiedReq) {
+                  request = this.wmHttpRequest.wmToAngularRequest(receivedModifiedReq);
+              }
+              return next.handle(request);
+          }), operators.tap((response) => {
               if (response && response.type === 4 && i4.appManager && i4.appManager.appOnServiceSuccess) {
                   // Convert the angular HttpResponse to wm HttpResponse
                   const resp = this.wmHttpResponse.angularToWmResponse(response);
@@ -4881,14 +4577,6 @@
               }
           });
       }
-      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 }); }
   }
@@ -4909,8 +4597,7 @@
   class PrefabPreviewComponent {
       constructor(prefabManager) {
           this.prefabManager = prefabManager;
-          // MEMORY LEAK FIX: Store bound function reference for cleanup
-          this.windowMessageListener = (e) => {
+          window.addEventListener('message', e => {
               const context = e.data && e.data.context;
               if (context !== PREFAB) {
                   return;
@@ -4929,8 +4616,7 @@
               else if (action === 'invoke-script') {
                   this.invokeScript(payload);
               }
-          };
-          window.addEventListener('message', this.windowMessageListener);
+          });
       }
       postMessage(action, payload) {
           const data = {
@@ -4947,8 +4633,7 @@
       }
       init() {
           this.previewMode = true;
-          // MEMORY LEAK FIX: Store subscription reference
-          this.readyStateSubscription = this.prefabInstance.readyState.subscribe(() => { }, () => { }, () => {
+          this.prefabInstance.readyState.subscribe(() => { }, () => { }, () => {
               this.prefabManager.getConfig('__self__')
                   .then(config => {
                   this.config = config;
@@ -4982,22 +4667,6 @@
           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">
@@ -5078,7 +4747,6 @@
                          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;
@@ -5088,8 +4756,6 @@
           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 }); }