@wavemaker-ai/app-ng-runtime 12.0.0-rc.335 → 12.0.1-rc.338

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

@@ -93,9 +93,9 @@
                   if (active) {
                       let spinnerExists;
                       // WMS-21117 : Do not trigger spinner, if the current variable is same as spinner which is in context
-                      if (variable._spinnerId && variable._spinnerId.length) {
+                      if (variable._spinnerId?.length) {
                           lodashEs.forEach(variable._spinnerId, (item) => {
-                              if (item.slice(0, item.lastIndexOf('_')) === variable._id && this.$spinner.messagesByContext && this.$spinner.messagesByContext[variable.spinnerContext] &&
+                              if (item.slice(0, item.lastIndexOf('_')) === variable._id && this.$spinner.messagesByContext?.[variable.spinnerContext] &&
                                   (variable.spinnerMessage === this.$spinner.messagesByContext[variable.spinnerContext]["finalMessage"] || variable.spinnerMessage === this.$spinner.messagesByContext[variable.spinnerContext][item])) {
                                   spinnerExists = true;
                                   return;
@@ -203,7 +203,7 @@
           }
           return this.$security.load().then(() => {
               const securityConfig = this.$security.get();
-              if (securityConfig && securityConfig.securityEnabled && securityConfig.authenticated) {
+              if (securityConfig?.securityEnabled && securityConfig.authenticated) {
                   loggedInUser.isAuthenticated = securityConfig.authenticated;
                   loggedInUser.roles = securityConfig.userInfo.userRoles;
                   loggedInUser.name = securityConfig.userInfo.userName;
@@ -213,7 +213,7 @@
               }
               else {
                   this.clearLoggedInUserVariable(loggedInUser);
-                  loggedInUser.isSecurityEnabled = securityConfig && securityConfig.securityEnabled;
+                  loggedInUser.isSecurityEnabled = securityConfig?.securityEnabled;
                   throw null;
               }
               return securityConfig;
@@ -246,7 +246,7 @@
            * For preview, this.$security.getRedirectedRouteQueryParams() gets the queryparams form the activated route(pagewrappercomponent)
            * For deployed app, canactivate guard resolved to false and gets the queryparams from the canactivate gurard(no active route component)
            */
-          queryParams = (options && options.queryParams) || this.$security.getRedirectedRouteQueryParams();
+          queryParams = (options?.queryParams) || this.$security.getRedirectedRouteQueryParams();
           queryParams = this.$security.getQueryString(queryParams);
           queryParams = queryParams ? '?' + queryParams : '';
           const redirectPage = this.$security.getCurrentRoutePage();
@@ -303,9 +303,9 @@
           const config = this.$security.get();
           let queryParamsObj = {};
           loginConfig = config.loginConfig;
-          this.lastLoggedUserId = config.userInfo && config.userInfo.userId;
+          this.lastLoggedUserId = config.userInfo?.userId;
           // if user found, 401 was thrown after session time
-          if (config.userInfo && config.userInfo.userName) {
+          if (config.userInfo?.userName) {
               config.authenticated = false;
               sessionTimeoutConfig = loginConfig.sessionTimeout || { 'type': LOGIN_METHOD.DIALOG };
               sessionTimeoutMethod = sessionTimeoutConfig.type.toUpperCase();
@@ -346,7 +346,7 @@
                       // on app load, by default Home page is loaded
                       page = this.$security.getRedirectPage(config, page);
                       queryParamsObj['redirectTo'] = page;
-                      const extraQueryParams = (options && options.queryParams) || this.$security.getRedirectedRouteQueryParams();
+                      const extraQueryParams = (options?.queryParams) || this.$security.getRedirectedRouteQueryParams();
                       queryParamsObj = lodashEs.merge(queryParamsObj, extraQueryParams);
                       this.$router.navigate([loginConfig.pageName], { queryParams: queryParamsObj });
                       this.$app.landingPageName = loginConfig.pageName;
@@ -579,10 +579,10 @@
           this.templates = null;
           this.lastLoggedUserId = null;
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", 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: "21.2.20", ngImport: i0__namespace, type: AppManagerService }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", 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: "21.2.21", ngImport: i0__namespace, type: AppManagerService }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AppManagerService, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AppManagerService, decorators: [{
               type: i0.Injectable
           }], ctorParameters: () => [{ type: i1__namespace.AbstractHttpService }, { type: i2__namespace.SecurityService }, { type: i1__namespace.AbstractDialogService }, { type: i1$1__namespace.Router }, { type: i1__namespace.App }, { type: i4__namespace.VariablesService }, { type: i4__namespace.MetadataService }, { type: i1__namespace.AbstractSpinnerService }, { type: i1__namespace.AbstractI18nService }, { type: i5__namespace.DatePipe }] });
 
@@ -688,10 +688,10 @@
               });
           });
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: PrefabManagerService, deps: [{ token: i4__namespace.MetadataService }, { token: PrefabConfigProvider }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: PrefabManagerService }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: PrefabManagerService, deps: [{ token: i4__namespace.MetadataService }, { token: PrefabConfigProvider }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: PrefabManagerService }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: PrefabManagerService, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: PrefabManagerService, decorators: [{
               type: i0.Injectable
           }], ctorParameters: () => [{ type: i4__namespace.MetadataService }, { type: PrefabConfigProvider }] });
 
@@ -743,10 +743,10 @@
               this.fragmentsLoaded$.complete();
           }
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: FragmentMonitor, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-      static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: FragmentMonitor, isStandalone: true, ngImport: i0__namespace }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: FragmentMonitor, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+      static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: FragmentMonitor, isStandalone: true, ngImport: i0__namespace }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: FragmentMonitor, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: FragmentMonitor, decorators: [{
               type: i0.Directive
           }], ctorParameters: () => [] });
 
@@ -889,13 +889,13 @@
           });
       }
       mute() {
-          const m = o => { o && o.mute && o.mute(); };
+          const m = o => { o?.mute?.(); };
           lodashEs.each(this.Widgets, m);
           lodashEs.each(this.Variables, m);
           lodashEs.each(this.Actions, m);
       }
       unmute() {
-          const um = o => { o && o.unmute && o.unmute(); };
+          const um = o => { o?.unmute?.(); };
           lodashEs.each(this.Widgets, um);
           lodashEs.each(this.Variables, um);
           lodashEs.each(this.Actions, um);
@@ -941,22 +941,22 @@
       ngOnAttach(refreshData) {
           this.unmute();
           if (refreshData) {
-              const refresh = v => { v && v.startUpdate && v.invoke && v.invoke(); };
+              const refresh = v => { v?.startUpdate && v?.invoke?.(); };
               lodashEs.each(this.Variables, refresh);
               lodashEs.each(this.Actions, refresh);
           }
-          lodashEs.each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
+          lodashEs.each(this.Widgets, w => w?.ngOnAttach?.());
       }
       ngOnDetach() {
           this.mute();
-          lodashEs.each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
+          lodashEs.each(this.Widgets, w => w?.ngOnDetach?.());
       }
       onReady(params) {
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: BasePartialComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-      static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: BasePartialComponent, isStandalone: true, viewQueries: [{ propertyName: "partialDirective", first: true, predicate: base.PartialDirective, descendants: true }], usesInheritance: true, ngImport: i0__namespace }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: BasePartialComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+      static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: BasePartialComponent, isStandalone: true, viewQueries: [{ propertyName: "partialDirective", first: true, predicate: base.PartialDirective, descendants: true }], usesInheritance: true, ngImport: i0__namespace }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: BasePartialComponent, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: BasePartialComponent, decorators: [{
               type: i0.Directive
           }], propDecorators: { partialDirective: [{
                   type: i0.ViewChild,
@@ -987,7 +987,7 @@
           const queryParams = Object.keys(route.queryParams)
               .filter(k => !this.paramsToIgnore.includes(k))
               .map(k => k + '=' + route.queryParams[k])
-              .sort().join('&');
+              .sort((a, b) => a.localeCompare(b)).join('&');
           let pageName = route.params.pageName;
           if (route.data.pageName && route.routeConfig.path === route.data.pageName) {
               pageName = route.data.pageName;
@@ -1052,7 +1052,7 @@
       reset(pageName) {
           if (pageName) {
               this.cache.delete(pageName);
-              const pageWithParams = pageName += '?';
+              const pageWithParams = pageName + '?';
               const entriesToDelete = [];
               for (let k of this.cache.keys()) {
                   if (k.startsWith(pageWithParams)) {
@@ -1247,7 +1247,7 @@
                   && lastPage) {
                   const $target = lastPage.parent();
                   const onTransitionEnd = (e) => {
-                      if (resolve && !(e && e.pseudoElement)) {
+                      if (resolve && !e?.pseudoElement) {
                           $target.off('animationend', onTransitionEnd);
                           $target.removeClass(transition);
                           $target.children().first().remove();
@@ -1267,7 +1267,7 @@
                   resolve();
               }
           }).then(() => {
-              this.$page && this.$page.removeClass('page-entry');
+              this.$page?.removeClass('page-entry');
               if (lastPage) {
                   lastPage.remove();
                   BasePageComponent.lastPageSnapShot = null;
@@ -1286,7 +1286,7 @@
       }
       loadScripts() {
           return new Promise((resolve) => {
-              const scriptsRequired = this.pageDirective && this.pageDirective.$element.attr('scripts-to-load');
+              const scriptsRequired = this.pageDirective?.$element.attr('scripts-to-load');
               if (scriptsRequired) {
                   this.scriptLoaderService
                       .load(...scriptsRequired.split(','))
@@ -1435,16 +1435,16 @@
       onBeforePageLeave() { }
       onPageContentReady() { }
       canReuse() {
-          return !!(this.pageDirective && this.pageDirective.cache);
+          return !!(this.pageDirective?.cache);
       }
       mute() {
-          const m = o => { o && o.mute && o.mute(); };
+          const m = o => { o?.mute?.(); };
           lodashEs.each(this.Widgets, m);
           lodashEs.each(this.Variables, m);
           lodashEs.each(this.Actions, m);
       }
       unmute(c = this) {
-          const um = o => { o && o.unmute && o.unmute(); };
+          const um = o => { o?.unmute?.(); };
           lodashEs.each(this.Widgets, um);
           lodashEs.each(this.Variables, um);
           lodashEs.each(this.Actions, um);
@@ -1460,14 +1460,14 @@
           this.unmute();
           // expose current page widgets on app
           this.App.Widgets = Object.create(this.Widgets);
-          if (this.pageDirective && this.pageDirective.refreshdataonattach) {
-              const refresh = v => { v && v.startUpdate && v.invoke && v.invoke(); };
+          if (this.pageDirective?.refreshdataonattach) {
+              const refresh = v => { v?.startUpdate && v?.invoke?.(); };
               lodashEs.each(this.Variables, refresh);
               lodashEs.each(this.Actions, refresh);
           }
           this.runPageTransition().then(() => {
               setTimeout(() => this.restoreScrollPosition(), 100);
-              lodashEs.each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
+              lodashEs.each(this.Widgets, w => w?.ngOnAttach?.());
               this.appManager.notify('pageAttach', { 'name': this.pageName, instance: this });
           });
       }
@@ -1475,7 +1475,7 @@
           this.saveScrollPosition();
           this.savePageSnapShot();
           this.mute();
-          lodashEs.each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
+          lodashEs.each(this.Widgets, w => w?.ngOnDetach?.());
           this.appManager.notify('pageDetach', { 'name': this.pageName, instance: this });
       }
       ngAfterContentInit() {
@@ -1487,10 +1487,10 @@
               BasePageComponent.lastPageSnapShot = null;
           }
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: BasePageComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-      static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: BasePageComponent, isStandalone: true, host: { listeners: { "window:beforeunload": "canDeactivate()" } }, viewQueries: [{ propertyName: "pageDirective", first: true, predicate: page.PageDirective, descendants: true }], usesInheritance: true, ngImport: i0__namespace }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: BasePageComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+      static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: BasePageComponent, isStandalone: true, host: { listeners: { "window:beforeunload": "canDeactivate()" } }, viewQueries: [{ propertyName: "pageDirective", first: true, predicate: page.PageDirective, descendants: true }], usesInheritance: true, ngImport: i0__namespace }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: BasePageComponent, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: BasePageComponent, decorators: [{
               type: i0.Directive
           }], propDecorators: { pageDirective: [{
                   type: i0.ViewChild,
@@ -1639,6 +1639,7 @@
       get datavalue() {
           if (this['getDatavalue'])
               return this['getDatavalue']();
+          return undefined;
       }
       set datavalue(value) {
           this.datavalue = value;
@@ -1673,23 +1674,18 @@
           // assign all the page variables to the pageInstance
           Object.entries(variableCollection.Variables).forEach(([name, variable]) => this.Variables[name] = variable);
           Object.entries(variableCollection.Actions).forEach(([name, action]) => this.Actions[name] = action);
-          this.viewInit$.subscribe(i1.noop, i1.noop, () => {
-              // TEMP: triggering watchers so variables watching over params are updated
-              i1.$invokeWatchers(true, true);
-              variableCollection.callback(variableCollection.Variables).catch(i1.noop);
-              variableCollection.callback(variableCollection.Actions);
+          this.viewInit$.subscribe({
+              complete: () => {
+                  // TEMP: triggering watchers so variables watching over params are updated
+                  i1.$invokeWatchers(true, true);
+                  variableCollection.callback(variableCollection.Variables).catch(i1.noop);
+                  variableCollection.callback(variableCollection.Actions);
+              }
           });
       }
-      /**
-       * function to register bind expressions generated in this partial instance
-       * getExpressions function is defined in the generated page.comp.ts file
-       * @param expressions, map of bind expression vs generated function
-       */
       registerExpressions() {
-          // const expressions = this.getExpressions();
-          // _.each(expressions, (fn, expr)=>{
-          //     registerFnByExpr(expr, fn[0], fn[1]);
-          // });
+          // Intentional no-op: M3 custom widgets don't generate a getExpressions() function like pages/prefabs/partials do;
+          // bind expressions for custom widget props are instead watched in registerPropsInContainerWidget().
       }
       registerProps() {
           this.props = this.containerWidget.props;
@@ -1707,18 +1703,6 @@
               this.viewParent.resolveFragment();
           }
       }
-      loadScripts() {
-          // return new Promise<void>((resolve) => {
-          //     const scriptsRequired = this.partialDirective.$element.attr('scripts-to-load');
-          //     if (scriptsRequired) {
-          //         this.scriptLoaderService
-          //             .load(...scriptsRequired.split(','))
-          //             .then(resolve);
-          //     } else {
-          //         resolve();
-          //     }
-          // });
-      }
       registerPropsInContainerWidget(resolveFn) {
           this.customwidgetConfigProvider.getConfig(this.customWidgetName).then((config) => {
               if (config) {
@@ -1747,13 +1731,13 @@
           });
       }
       mute() {
-          const m = o => { o && o.mute && o.mute(); };
+          const m = o => { o?.mute?.(); };
           _.each(this.Widgets, m);
           _.each(this.Variables, m);
           _.each(this.Actions, m);
       }
       unmute() {
-          const um = o => { o && o.unmute && o.unmute(); };
+          const um = o => { o?.unmute?.(); };
           _.each(this.Widgets, um);
           _.each(this.Variables, um);
           _.each(this.Actions, um);
@@ -1766,7 +1750,7 @@
           this.registerBaseWidget();
           setTimeout(() => {
               this.viewInit$.complete();
-              this.fragmentsLoaded$.subscribe(i1.noop, i1.noop, () => this.invokeOnReady());
+              this.fragmentsLoaded$.subscribe({ complete: () => this.invokeOnReady() });
           }, 100);
       }
       ngOnDestroy() {
@@ -1810,24 +1794,24 @@
       ngOnAttach(refreshData) {
           this.unmute();
           if (refreshData) {
-              const refresh = v => { v && v.startUpdate && v.invoke && v.invoke(); };
+              const refresh = v => { v?.startUpdate && v?.invoke?.(); };
               _.each(this.Variables, refresh);
               _.each(this.Actions, refresh);
           }
-          _.each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
+          _.each(this.Widgets, w => w?.ngOnAttach?.());
       }
       ngOnDetach() {
           this.mute();
-          _.each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
+          _.each(this.Widgets, w => w?.ngOnDetach?.());
       }
       // user overrides this
       onPropertyChange() { }
       onReady(params) {
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: BaseCustomWidgetComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-      static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: BaseCustomWidgetComponent, isStandalone: true, usesInheritance: true, ngImport: i0__namespace }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: BaseCustomWidgetComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+      static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: BaseCustomWidgetComponent, isStandalone: true, usesInheritance: true, ngImport: i0__namespace }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: BaseCustomWidgetComponent, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: BaseCustomWidgetComponent, decorators: [{
               type: i0.Directive
           }] });
 
@@ -1929,7 +1913,7 @@
                       this.containerWidget[key] = (...args) => {
                           try {
                               if (this[key]) {
-                                  return this[key].apply(this, args);
+                                  return this[key](...args);
                               }
                           }
                           catch (e) {
@@ -2001,13 +1985,13 @@
           });
       }
       mute() {
-          const m = o => { o && o.mute && o.mute(); };
+          const m = o => { o?.mute?.(); };
           lodashEs.each(this.Widgets, m);
           lodashEs.each(this.Variables, m);
           lodashEs.each(this.Actions, m);
       }
       unmute() {
-          const um = o => { o && o.unmute && o.unmute(); };
+          const um = o => { o?.unmute?.(); };
           lodashEs.each(this.Widgets, um);
           lodashEs.each(this.Variables, um);
           lodashEs.each(this.Actions, um);
@@ -2015,15 +1999,15 @@
       ngOnAttach(refreshData) {
           this.unmute();
           if (refreshData) {
-              const refresh = v => { v && v.startUpdate && v.invoke && v.invoke(); };
+              const refresh = v => { v?.startUpdate && v?.invoke?.(); };
               lodashEs.each(this.Variables, refresh);
               lodashEs.each(this.Actions, refresh);
           }
-          lodashEs.each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
+          lodashEs.each(this.Widgets, w => w?.ngOnAttach?.());
       }
       ngOnDetach() {
           this.mute();
-          lodashEs.each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
+          lodashEs.each(this.Widgets, w => w?.ngOnDetach?.());
       }
       ngAfterViewChecked() {
           if (!this.scriptsLoaded && this.prefabContainerDirective) {
@@ -2063,10 +2047,10 @@
       // user overrides this
       onPropertyChange() { }
       onReady() { }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: BasePrefabComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-      static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: BasePrefabComponent, isStandalone: true, viewQueries: [{ propertyName: "prefabContainerDirective", first: true, predicate: prefab.PrefabContainerDirective, descendants: true }], usesInheritance: true, ngImport: i0__namespace }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: BasePrefabComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+      static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: BasePrefabComponent, isStandalone: true, viewQueries: [{ propertyName: "prefabContainerDirective", first: true, predicate: prefab.PrefabContainerDirective, descendants: true }], usesInheritance: true, ngImport: i0__namespace }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: BasePrefabComponent, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: BasePrefabComponent, decorators: [{
               type: i0.Directive
           }], propDecorators: { prefabContainerDirective: [{
                   type: i0.ViewChild,
@@ -2130,10 +2114,10 @@
           //Add page component scope to layout component so that bindings and watchers in the layout will use the page scope
           lodashEs.extend(this, pageComponent);
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: BaseLayoutComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-      static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: BaseLayoutComponent, isStandalone: true, viewQueries: [{ propertyName: "routerOutlet", first: true, predicate: i1$1.RouterOutlet, descendants: true }, { propertyName: "pageDirective", first: true, predicate: page.PageDirective, descendants: true }], ngImport: i0__namespace }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: BaseLayoutComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+      static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: BaseLayoutComponent, isStandalone: true, viewQueries: [{ propertyName: "routerOutlet", first: true, predicate: i1$1.RouterOutlet, descendants: true }, { propertyName: "pageDirective", first: true, predicate: page.PageDirective, descendants: true }], ngImport: i0__namespace }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: BaseLayoutComponent, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: BaseLayoutComponent, decorators: [{
               type: i0.Directive
           }], propDecorators: { routerOutlet: [{
                   type: i0.ViewChild,
@@ -2236,10 +2220,10 @@
       }
       begin() { }
       end() { }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: WMDomRendererFactory2, deps: [{ token: i1$2__namespace.EventManager }, { token: i1$2__namespace.ɵSharedStylesHost }, { token: i0.APP_ID }, { token: i5.DOCUMENT }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: WMDomRendererFactory2 }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: WMDomRendererFactory2, deps: [{ token: i1$2__namespace.EventManager }, { token: i1$2__namespace.ɵSharedStylesHost }, { token: i0.APP_ID }, { token: i5.DOCUMENT }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: WMDomRendererFactory2 }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: WMDomRendererFactory2, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: WMDomRendererFactory2, decorators: [{
               type: i0.Injectable
           }], ctorParameters: () => [{ type: i1$2__namespace.EventManager }, { type: i1$2__namespace.ɵSharedStylesHost }, { type: undefined, decorators: [{
                       type: i0.Inject,
@@ -2339,14 +2323,12 @@
                   el.setAttribute(name, value);
               }
           }
+          else if (name === 'style') {
+              this.resetStyles(el);
+              this.applyStyles(el, value);
+          }
           else {
-              if (name === 'style') {
-                  this.resetStyles(el);
-                  this.applyStyles(el, value);
-              }
-              else {
-                  el.setAttribute(name, value);
-              }
+              el.setAttribute(name, value);
           }
       }
       removeAttribute(el, name, namespace) {
@@ -2512,10 +2494,10 @@
       getAllStyles() {
           return Array.from(this._stylesSet);
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: SharedStylesHost, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: SharedStylesHost }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: SharedStylesHost, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: SharedStylesHost }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: SharedStylesHost, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: SharedStylesHost, decorators: [{
               type: i0.Injectable
           }] });
   class WMDomSharedStylesHost extends SharedStylesHost {
@@ -2555,10 +2537,10 @@
       ngOnDestroy() {
           this._hostNodes.forEach(styleNodes => styleNodes.forEach(removeStyle));
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: WMDomSharedStylesHost, deps: [{ token: i5.DOCUMENT }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: WMDomSharedStylesHost }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: WMDomSharedStylesHost, deps: [{ token: i5.DOCUMENT }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: WMDomSharedStylesHost }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: WMDomSharedStylesHost, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: WMDomSharedStylesHost, decorators: [{
               type: i0.Injectable
           }], ctorParameters: () => [{ type: undefined, decorators: [{
                       type: i0.Inject,
@@ -2682,7 +2664,7 @@
                   && lastPage) {
                   const $target = lastPage.parent();
                   const onTransitionEnd = (e) => {
-                      if (resolve && !(e && e.pseudoElement)) {
+                      if (resolve && !e?.pseudoElement) {
                           $target.off('animationend', onTransitionEnd);
                           $target.removeClass(transition);
                           $target.children().first().remove();
@@ -2702,7 +2684,7 @@
                   resolve();
               }
           }).then(() => {
-              this.$page && this.$page.removeClass('page-entry');
+              this.$page?.removeClass('page-entry');
               if (lastPage) {
                   lastPage.remove();
                   BaseSpaPageComponent.lastPageSnapShot = null;
@@ -2718,7 +2700,7 @@
       }
       loadScripts() {
           return new Promise((resolve) => {
-              const scriptsRequired = this.spaPageDirective && this.spaPageDirective.$element.attr('scripts-to-load');
+              const scriptsRequired = this.spaPageDirective?.$element.attr('scripts-to-load');
               if (scriptsRequired) {
                   this.scriptLoaderService
                       .load(...scriptsRequired.split(','))
@@ -2848,16 +2830,16 @@
       onBeforePageLeave() { }
       onPageContentReady() { }
       canReuse() {
-          return !!(this.spaPageDirective && this.spaPageDirective.cache);
+          return !!(this.spaPageDirective?.cache);
       }
       mute() {
-          const m = o => { o && o.mute && o.mute(); };
+          const m = o => { o?.mute?.(); };
           lodashEs.each(this.Widgets, m);
           lodashEs.each(this.Variables, m);
           lodashEs.each(this.Actions, m);
       }
       unmute(c = this) {
-          const um = o => { o && o.unmute && o.unmute(); };
+          const um = o => { o?.unmute?.(); };
           lodashEs.each(this.Widgets, um);
           lodashEs.each(this.Variables, um);
           lodashEs.each(this.Actions, um);
@@ -2873,14 +2855,14 @@
           this.unmute();
           // expose current page widgets on app
           this.App.Widgets = Object.create(this.Widgets);
-          if (this.spaPageDirective && this.spaPageDirective.refreshdataonattach) {
-              const refresh = v => { v && v.startUpdate && v.invoke && v.invoke(); };
+          if (this.spaPageDirective?.refreshdataonattach) {
+              const refresh = v => { v?.startUpdate && v?.invoke?.(); };
               lodashEs.each(this.Variables, refresh);
               lodashEs.each(this.Actions, refresh);
           }
           this.runPageTransition().then(() => {
               setTimeout(() => this.restoreScrollPosition(), 100);
-              lodashEs.each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
+              lodashEs.each(this.Widgets, w => w?.ngOnAttach?.());
               this.appManager.notify('pageAttach', { 'name': this.pageName, instance: this });
           });
           this.appManager.notify('highlightActiveLink', { 'pageName': this.pageName });
@@ -2889,7 +2871,7 @@
           this.saveScrollPosition();
           this.savePageSnapShot();
           this.mute();
-          lodashEs.each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
+          lodashEs.each(this.Widgets, w => w?.ngOnDetach?.());
           this.appManager.notify('pageDetach', { 'name': this.pageName, instance: this });
       }
       ngAfterContentInit() {
@@ -2901,10 +2883,10 @@
               BaseSpaPageComponent.lastPageSnapShot = null;
           }
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: BaseSpaPageComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-      static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: BaseSpaPageComponent, isStandalone: true, host: { listeners: { "window:beforeunload": "canDeactivate()" } }, viewQueries: [{ propertyName: "spaPageDirective", first: true, predicate: page.SpaPageDirective, descendants: true }], usesInheritance: true, ngImport: i0__namespace }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: BaseSpaPageComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+      static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: BaseSpaPageComponent, isStandalone: true, host: { listeners: { "window:beforeunload": "canDeactivate()" } }, viewQueries: [{ propertyName: "spaPageDirective", first: true, predicate: page.SpaPageDirective, descendants: true }], usesInheritance: true, ngImport: i0__namespace }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: BaseSpaPageComponent, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: BaseSpaPageComponent, decorators: [{
               type: i0.Directive
           }], propDecorators: { spaPageDirective: [{
                   type: i0.ViewChild,
@@ -3009,10 +2991,10 @@
               this.context = null;
           }
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", 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: "21.2.20", type: AccessrolesDirective, isStandalone: true, selector: "[accessroles]", inputs: { accessroles: "accessroles" }, ngImport: i0__namespace }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", 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: "21.2.21", type: AccessrolesDirective, isStandalone: true, selector: "[accessroles]", inputs: { accessroles: "accessroles" }, ngImport: i0__namespace }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AccessrolesDirective, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AccessrolesDirective, decorators: [{
               type: i0.Directive,
               args: [{
                       standalone: true,
@@ -3029,8 +3011,8 @@
 
   class AppSpinnerComponent {
       constructor() { }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AppSpinnerComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component }); }
-      static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: AppSpinnerComponent, isStandalone: true, selector: "app-spinner", inputs: { show: "show", spinnermessages: "spinnermessages", classname: "classname", arialabel: "arialabel" }, ngImport: i0__namespace, template: `
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AppSpinnerComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+      static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: AppSpinnerComponent, isStandalone: true, selector: "app-spinner", inputs: { show: "show", spinnermessages: "spinnermessages", classname: "classname", arialabel: "arialabel" }, ngImport: i0__namespace, template: `
         @if (show) {
           <div class="app-spinner" [ngClass]="classname">
             <div class="spinner-message">
@@ -3045,7 +3027,7 @@
         }
         `, isInline: true, dependencies: [{ kind: "ngmodule", type: i5.CommonModule }, { kind: "directive", type: i5__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: base.TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }] }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AppSpinnerComponent, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AppSpinnerComponent, decorators: [{
               type: i0.Component,
               args: [{
                       standalone: true,
@@ -3114,8 +3096,8 @@
           lodashEs.forEach(this.watchers, watcher => watcher());
           super.ngOnDestroy();
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: CustomToasterComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component }); }
-      static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: CustomToasterComponent, isStandalone: true, selector: "[custom-toaster-component]", viewQueries: [{ propertyName: "customToastRef", first: true, predicate: ["customToast"], descendants: true, read: i0.ViewContainerRef, static: true }, { propertyName: "customToastTmpl", first: true, predicate: ["customToastTmpl"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: `
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: CustomToasterComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component }); }
+      static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: CustomToasterComponent, isStandalone: true, selector: "[custom-toaster-component]", viewQueries: [{ propertyName: "customToastRef", first: true, predicate: ["customToast"], descendants: true, read: i0.ViewContainerRef, static: true }, { propertyName: "customToastTmpl", first: true, predicate: ["customToastTmpl"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: `
         <div class="parent-custom-toast"></div>
         <ng-container #customToast></ng-container>
         <ng-template #customToastTmpl>
@@ -3127,7 +3109,7 @@
           </div>
         </ng-template>`, isInline: true, dependencies: [{ kind: "ngmodule", type: i5.CommonModule }, { kind: "directive", type: base.ContainerDirective, selector: "[wmContainer]" }, { kind: "directive", type: base.PartialParamHandlerDirective, selector: "[partialContainer]" }, { kind: "directive", type: base.PartialContainerDirective, selector: "[partialContainer]" }, { kind: "directive", type: base.PartialParamDirective, selector: "[wmParam]", inputs: ["name", "value"] }, { kind: "pipe", type: i5__namespace.KeyValuePipe, name: "keyvalue" }] }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: CustomToasterComponent, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: CustomToasterComponent, decorators: [{
               type: i0.Component,
               args: [{
                       standalone: true,
@@ -3198,10 +3180,10 @@
               this.appManger.postAppTypeInfo();
           }
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: EmptyPageComponent, deps: [{ token: i1$1__namespace.ActivatedRoute }, { token: i2__namespace.SecurityService }, { token: i1$1__namespace.Router }, { token: i1__namespace.App }, { token: AppManagerService }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
-      static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.20", type: EmptyPageComponent, isStandalone: true, selector: "app-empty-page", ngImport: i0__namespace, template: '<div></div>', isInline: true }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: EmptyPageComponent, deps: [{ token: i1$1__namespace.ActivatedRoute }, { token: i2__namespace.SecurityService }, { token: i1$1__namespace.Router }, { token: i1__namespace.App }, { token: AppManagerService }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+      static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: EmptyPageComponent, isStandalone: true, selector: "app-empty-page", ngImport: i0__namespace, template: '<div></div>', isInline: true }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: EmptyPageComponent, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: EmptyPageComponent, decorators: [{
               type: i0.Component,
               args: [{
                       standalone: true,
@@ -3319,10 +3301,10 @@
               return new ref(...args);
           }
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: PipeProvider, deps: [{ token: i0__namespace.Compiler }, { token: i0__namespace.Injector }, { token: i1$2__namespace.DomSanitizer }, { token: i1__namespace.AbstractI18nService }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: PipeProvider, providedIn: 'root' }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: PipeProvider, deps: [{ token: i0__namespace.Compiler }, { token: i0__namespace.Injector }, { token: i1$2__namespace.DomSanitizer }, { token: i1__namespace.AbstractI18nService }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: PipeProvider, providedIn: 'root' }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: PipeProvider, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: PipeProvider, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root'
@@ -3348,10 +3330,10 @@
               throw Error(`The pipe '${name}' could not be found`);
           }
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: PipeService, deps: [{ token: PipeProvider }, { token: i1__namespace.App }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: PipeService, providedIn: 'root' }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: PipeService, deps: [{ token: PipeProvider }, { token: i1__namespace.App }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: PipeService, providedIn: 'root' }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: PipeService, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: PipeService, decorators: [{
               type: i0.Injectable,
               args: [{ providedIn: 'root' }]
           }], ctorParameters: () => [{ type: PipeProvider }, { type: i1__namespace.App }] });
@@ -3378,7 +3360,7 @@
       const httpService = this.httpService;
       const fn = function (key, options) {
           const args = Array.from(arguments).slice(1);
-          return Promise.resolve(httpService[key].apply(httpService, args));
+          return Promise.resolve(httpService[key](...args));
       };
       const $http = function () {
           return fn.apply(undefined, ['send', ...Array.from(arguments)]);
@@ -3432,7 +3414,7 @@
           }
       }
       notify(eventName, ...data) {
-          this._eventNotifier.notify.apply(this._eventNotifier, arguments);
+          this._eventNotifier.notify(eventName, ...data);
       }
       importModule(moduleName) {
           if (moduleName === 'moment') {
@@ -3568,10 +3550,10 @@
           this.modes = null;
           this.dynamicComponentContainerRef = null;
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", 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: "21.2.20", ngImport: i0__namespace, type: AppRef }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", 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: "21.2.21", ngImport: i0__namespace, type: AppRef }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AppRef, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AppRef, decorators: [{
               type: i0.Injectable
           }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: i1__namespace.AbstractI18nService }, { type: i1__namespace.StatePersistence }, { type: i1__namespace.AbstractHttpService }, { type: i2__namespace.SecurityService }, { type: i1$1__namespace.RouteReuseStrategy }] });
 
@@ -3651,10 +3633,10 @@
               console.warn('Please pass a valid options object, For Example : {maxOpened: 1, autoDismiss: true}');
           }
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: ToasterServiceImpl, deps: [{ token: i1$3__namespace.ToastrService }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: ToasterServiceImpl }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: ToasterServiceImpl, deps: [{ token: i1$3__namespace.ToastrService }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: ToasterServiceImpl }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: ToasterServiceImpl, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: ToasterServiceImpl, decorators: [{
               type: i0.Injectable
           }], ctorParameters: () => [{ type: i1$3__namespace.ToastrService }] });
 
@@ -3760,7 +3742,7 @@
           // For ngx bootstrap locale, get the config from script and apply locale
           // moment.localeData(momentLocale) will return moment locale instance. _config inside will have actual config
           let _config = moment.localeData(momentLocale);
-          _config = _config && _config._config;
+          _config = _config?._config;
           chronos.defineLocale(this.selectedLocale, _config);
           this.bsLocaleService.use(this.getSelectedLocale() || this.defaultSupportedLocale);
           this.bundleLoaded.moment = true;
@@ -3808,29 +3790,26 @@
           return Promise.all(promises);
       }
       setTimezone(locale, compInstance) {
-          new Promise(resolve => {
-              this.loadMomentTimeZoneBundle().then(() => {
-                  /**
-                   * If locale is provided in the form of offset and not timezone name, deduce the name.
-                   * If locale is provided as GMT+9, name will be deduced as Asia/Tokyo
-                   */
-                  let localeObj = locale;
-                  locale = localeObj['timezone'];
-                  const localeIndex = locale.indexOf('+');
-                  if (localeIndex > -1) {
-                      if (localeIndex > 0) {
-                          locale = locale.substr(localeIndex);
-                      }
-                      localeObj['timezone'] = lodashEs.find(moment.tz.names(), (timezoneName) => {
-                          return locale === moment.tz(timezoneName).format('Z');
-                      });
+          this.loadMomentTimeZoneBundle().then(() => {
+              /**
+               * If locale is provided in the form of offset and not timezone name, deduce the name.
+               * If locale is provided as GMT+9, name will be deduced as Asia/Tokyo
+               */
+              let localeObj = locale;
+              locale = localeObj['timezone'];
+              const localeIndex = locale.indexOf('+');
+              if (localeIndex > -1) {
+                  if (localeIndex > 0) {
+                      locale = locale.substr(localeIndex);
                   }
-                  moment.tz.setDefault(locale);
-                  const localeData = compInstance && compInstance.formatsByLocale ? compInstance.formatsByLocale : this.formatsByLocale;
-                  Object.assign(localeData, localeObj);
-                  resolve();
-              }, resolve);
-          });
+                  localeObj['timezone'] = lodashEs.find(moment.tz.names(), (timezoneName) => {
+                      return locale === moment.tz(timezoneName).format('Z');
+                  });
+              }
+              moment.tz.setDefault(locale);
+              const localeData = compInstance?.formatsByLocale ? compInstance.formatsByLocale : this.formatsByLocale;
+              Object.assign(localeData, localeObj);
+          }, () => { });
       }
       setTimezoneEarly() {
           return this.loadMomentTimeZoneBundle();
@@ -3892,7 +3871,7 @@
               preferBrowserLang = true;
           }
           else { // convert stringified boolean values recieved from BE to booleans
-              preferBrowserLang = (preferBrowserLang === 'true' || preferBrowserLang === true) ? true : false;
+              preferBrowserLang = (preferBrowserLang === 'true' || preferBrowserLang === true);
           }
           let _supportedLang = Object.keys(i1.getWmProjectProperties().supportedLanguages) || [this.defaultSupportedLocale];
           // when preference is given to browser set languages, do not populate _selectedDefaultLang variable
@@ -3949,10 +3928,10 @@
               i1.$appDigest(true);
           }
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: I18nServiceImpl, deps: [{ token: i1$4__namespace.HttpClient }, { token: i2$1__namespace.BsLocaleService }, { token: i1__namespace.AppDefaults }, { token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: I18nServiceImpl }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: I18nServiceImpl, deps: [{ token: i1$4__namespace.HttpClient }, { token: i2$1__namespace.BsLocaleService }, { token: i1__namespace.AppDefaults }, { token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: I18nServiceImpl }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: I18nServiceImpl, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: I18nServiceImpl, decorators: [{
               type: i0.Injectable
           }], ctorParameters: () => [{ type: i1$4__namespace.HttpClient }, { type: i2$1__namespace.BsLocaleService }, { type: i1__namespace.AppDefaults }, { type: i0__namespace.Injector }] });
 
@@ -4088,10 +4067,10 @@
               this.messagesByContext = null;
           }
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: SpinnerServiceImpl, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: SpinnerServiceImpl }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: SpinnerServiceImpl, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: SpinnerServiceImpl }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: SpinnerServiceImpl, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: SpinnerServiceImpl, decorators: [{
               type: i0.Injectable
           }], ctorParameters: () => [] });
 
@@ -4195,47 +4174,46 @@
           const transition = options.transition || '';
           const $event = options.$event;
           const activePage = this.app.activePage;
-          const prefabName = variable && variable._context && variable._context.prefabName;
+          const prefabName = variable?._context?.prefabName;
           // Check if app is Prefab
           if (this.app.isPrefabType) {
               this.goToElementView($(parentSelector).find('[name="' + viewName + '"]'), viewName, pageName, variable);
           }
-          else {
-              // checking if the element is present in the page or not, if no show an error toaster
-              // if yes check if it is inside a partial/prefab in the page and then highlight the respective element
-              // else goto the page in which the element exists and highlight the element
-              if (pageName !== activePage.activePageName && !prefabName) {
-                  if (this.isPartialWithNameExists(pageName)) {
-                      this.goToElementView($('[partialcontainer][content="' + pageName + '"]').find('[name="' + viewName + '"]'), viewName, pageName, variable);
-                  }
-                  else {
-                      // Todo[Shubham]: Make an API call to get all pages and check if the page name
-                      //  is a page and then do this call else show an error as:
-                      //  this.app.notifyApp(CONSTANTS.WIDGET_DOESNT_EXIST, 'error');
-                      this.goToPage(pageName, {
-                          viewName: viewName,
-                          $event: $event,
-                          transition: transition,
-                          urlParams: options.urlParams
-                      });
-                      // subscribe to an event named pageReady which notifies this subscriber
-                      // when all widgets in page are loaded i.e when page is ready
-                      const pageReadySubscriber = this.app.subscribe('pageReady', (page) => {
-                          this.goToElementView($(parentSelector).find('[name="' + viewName + '"]'), viewName, pageName, variable);
-                          pageReadySubscriber();
-                      });
-                  }
-              }
-              else if (prefabName && this.isPrefabWithNameExists(prefabName)) {
-                  this.goToElementView($('[prefabName="' + prefabName + '"]').find('[name="' + viewName + '"]'), viewName, pageName, variable);
-              }
-              else if (!pageName || pageName === activePage.activePageName) {
-                  this.goToElementView($(parentSelector).find('[name="' + viewName + '"]'), viewName, pageName, variable);
+          else 
+          // checking if the element is present in the page or not, if no show an error toaster
+          // if yes check if it is inside a partial/prefab in the page and then highlight the respective element
+          // else goto the page in which the element exists and highlight the element
+          if (pageName !== activePage.activePageName && !prefabName) {
+              if (this.isPartialWithNameExists(pageName)) {
+                  this.goToElementView($('[partialcontainer][content="' + pageName + '"]').find('[name="' + viewName + '"]'), viewName, pageName, variable);
               }
               else {
-                  this.app.notifyApp(i4.CONSTANTS.WIDGET_DOESNT_EXIST, 'error');
+                  // Todo[Shubham]: Make an API call to get all pages and check if the page name
+                  //  is a page and then do this call else show an error as:
+                  //  this.app.notifyApp(CONSTANTS.WIDGET_DOESNT_EXIST, 'error');
+                  this.goToPage(pageName, {
+                      viewName: viewName,
+                      $event: $event,
+                      transition: transition,
+                      urlParams: options.urlParams
+                  });
+                  // subscribe to an event named pageReady which notifies this subscriber
+                  // when all widgets in page are loaded i.e when page is ready
+                  const pageReadySubscriber = this.app.subscribe('pageReady', (page) => {
+                      this.goToElementView($(parentSelector).find('[name="' + viewName + '"]'), viewName, pageName, variable);
+                      pageReadySubscriber();
+                  });
               }
           }
+          else if (prefabName && this.isPrefabWithNameExists(prefabName)) {
+              this.goToElementView($('[prefabName="' + prefabName + '"]').find('[name="' + viewName + '"]'), viewName, pageName, variable);
+          }
+          else if (!pageName || pageName === activePage.activePageName) {
+              this.goToElementView($(parentSelector).find('[name="' + viewName + '"]'), viewName, pageName, variable);
+          }
+          else {
+              this.app.notifyApp(i4.CONSTANTS.WIDGET_DOESNT_EXIST, 'error');
+          }
       }
       /*
        * navigates the user to a view element with given name
@@ -4349,10 +4327,10 @@
           });
           return dialogId;
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: NavigationServiceImpl, deps: [{ token: i1__namespace.App }, { token: i1$1__namespace.Router }, { token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: NavigationServiceImpl }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: NavigationServiceImpl, deps: [{ token: i1__namespace.App }, { token: i1$1__namespace.Router }, { token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: NavigationServiceImpl }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: NavigationServiceImpl, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: NavigationServiceImpl, decorators: [{
               type: i0.Injectable
           }], ctorParameters: () => [{ type: i1__namespace.App }, { type: i1$1__namespace.Router }, { type: i0__namespace.NgZone }] });
   class PageInfo {
@@ -4407,10 +4385,10 @@
           this.dateTimeFormat = dateTimeFormat;
           this.currencyCode = currency;
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AppDefaultsService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AppDefaultsService }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AppDefaultsService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AppDefaultsService }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AppDefaultsService, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AppDefaultsService, decorators: [{
               type: i0.Injectable
           }], ctorParameters: () => [] });
 
@@ -4444,10 +4422,10 @@
               return Promise.resolve(false);
           });
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AuthGuard, deps: [{ token: i2__namespace.SecurityService }, { token: AppManagerService }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AuthGuard }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AuthGuard, deps: [{ token: i2__namespace.SecurityService }, { token: AppManagerService }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AuthGuard }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AuthGuard, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AuthGuard, decorators: [{
               type: i0.Injectable
           }], ctorParameters: () => [{ type: i2__namespace.SecurityService }, { type: AppManagerService }] });
 
@@ -4480,10 +4458,10 @@
               }
           });
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: RoleGuard, deps: [{ token: i2__namespace.SecurityService }, { token: AuthGuard }, { token: i1__namespace.AbstractToasterService }, { token: i1__namespace.App }, { token: AppManagerService }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: RoleGuard }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: RoleGuard, deps: [{ token: i2__namespace.SecurityService }, { token: AuthGuard }, { token: i1__namespace.AbstractToasterService }, { token: i1__namespace.App }, { token: AppManagerService }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: RoleGuard }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: RoleGuard, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: RoleGuard, decorators: [{
               type: i0.Injectable
           }], ctorParameters: () => [{ type: i2__namespace.SecurityService }, { type: AuthGuard }, { type: i1__namespace.AbstractToasterService }, { type: i1__namespace.App }, { type: AppManagerService }] });
 
@@ -4496,10 +4474,10 @@
           this.appManager.notifyApp(this.app.appLocale.MESSAGE_PAGE_NOT_FOUND || 'The page you are trying to reach is not available', 'error');
           return Promise.resolve(false);
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: PageNotFoundGuard, deps: [{ token: i1__namespace.App }, { token: AppManagerService }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: PageNotFoundGuard }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: PageNotFoundGuard, deps: [{ token: i1__namespace.App }, { token: AppManagerService }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: PageNotFoundGuard }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: PageNotFoundGuard, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: PageNotFoundGuard, decorators: [{
               type: i0.Injectable
           }], ctorParameters: () => [{ type: i1__namespace.App }, { type: AppManagerService }] });
 
@@ -4528,10 +4506,10 @@
           appJsLoaded$1 = true;
           return true;
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AppJSResolve, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.App }, { token: i1__namespace.UtilsService }, { token: AppJSProvider }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AppJSResolve }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AppJSResolve, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.App }, { token: i1__namespace.UtilsService }, { token: AppJSProvider }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AppJSResolve }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AppJSResolve, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AppJSResolve, decorators: [{
               type: i0.Injectable
           }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: i1__namespace.App }, { type: i1__namespace.UtilsService }, { type: AppJSProvider }] });
 
@@ -4568,10 +4546,10 @@
               console.warn('Error in reading formatters.js', e);
           }
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AppExtensionJSResolve, deps: [{ token: AppManagerService }, { token: AppExtensionProvider }, { token: i1__namespace.CustomPipeManager }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AppExtensionJSResolve }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AppExtensionJSResolve, deps: [{ token: AppManagerService }, { token: AppExtensionProvider }, { token: i1__namespace.CustomPipeManager }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AppExtensionJSResolve }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AppExtensionJSResolve, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AppExtensionJSResolve, decorators: [{
               type: i0.Injectable
           }], ctorParameters: () => [{ type: AppManagerService }, { type: AppExtensionProvider }, { type: i1__namespace.CustomPipeManager }] });
 
@@ -4582,10 +4560,10 @@
       resolve() {
           return this.i18nService.loadDefaultLocale();
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: I18nResolve, deps: [{ token: i1__namespace.AbstractI18nService }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: I18nResolve }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: I18nResolve, deps: [{ token: i1__namespace.AbstractI18nService }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: I18nResolve }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: I18nResolve, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: I18nResolve, decorators: [{
               type: i0.Injectable
           }], ctorParameters: () => [{ type: i1__namespace.AbstractI18nService }] });
 
@@ -4651,7 +4629,7 @@
                       this.app.activeLayoutName = '';
                       this.app.layoutPages = [];
                   }
-                  if (this.app.activeLayoutName && this.app.layoutPages && this.app.layoutPages.length && this.app.layoutPages.includes(page)) {
+                  if (this.app.activeLayoutName && this.app.layoutPages?.length && this.app.layoutPages.includes(page)) {
                       spinnerId = this.spinnerService.show('', 'wmRouterOutlet', '', 'wmRouterOutlet');
                   }
                   else {
@@ -4768,10 +4746,10 @@
               this.navigationEndSubscription.unsubscribe();
           }
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", 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: "21.2.20", 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", "routerOutletData"], 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 }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", 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: "21.2.21", 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", "routerOutletData"], 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 }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AppComponent, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AppComponent, decorators: [{
               type: i0.Component,
               args: [{ standalone: true, imports: [i5.CommonModule, i1$1.RouterOutlet, alertDialog.AlertDialogComponent, confirmDialog.ConfirmDialogComponent, designDialog.DialogComponent, AppSpinnerComponent, base.ContainerDirective, base.PartialParamHandlerDirective, base.PartialContainerDirective], selector: 'app-root', encapsulation: i0.ViewEncapsulation.None, 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" }]
           }], ctorParameters: () => [{ type: PipeProvider }, { type: i0__namespace.ApplicationRef }, { type: i0__namespace.ElementRef }, { type: i2$2__namespace.OAuthService }, { type: i1__namespace.AbstractDialogService }, { type: i1__namespace.AbstractSpinnerService }, { type: i0__namespace.NgZone }, { type: i1$1__namespace.Router }, { type: i1__namespace.App }, { type: AppManagerService }, { type: i1__namespace.CustomIconsLoaderService }], propDecorators: { routerOutlet: [{
@@ -4808,7 +4786,7 @@
               request = request.clone({ url: apiUrl });
           }
           return rxjs.from(Promise.resolve().then(() => {
-              if (i4.appManager && i4.appManager.appOnBeforeServiceCall) {
+              if (i4.appManager?.appOnBeforeServiceCall) {
                   const wmReq = this.wmHttpRequest.angularToWmRequest(request);
                   return i4.appManager.appOnBeforeServiceCall(wmReq);
               }
@@ -4820,7 +4798,7 @@
               }
               return next.handle(request);
           }), operators.tap((response) => {
-              if (response && response.type === 4 && i4.appManager && i4.appManager.appOnServiceSuccess) {
+              if (response?.type === 4 && i4.appManager?.appOnServiceSuccess) {
                   // Convert the angular HttpResponse to wm HttpResponse
                   const resp = this.wmHttpResponse.angularToWmResponse(response);
                   // trigger the common success handler present in app.js
@@ -4836,7 +4814,7 @@
               if (i4.httpService.isPlatformSessionTimeout(error)) {
                   i4.httpService.handleSessionTimeout(request, error._401Subscriber);
               }
-              if (i4.appManager && i4.appManager.appOnServiceError) {
+              if (i4.appManager?.appOnServiceError) {
                   // Convert the angular HttpResponse to wm HttpResponse
                   const err = this.wmHttpResponse.angularToWmResponse(error);
                   // trigger the common error handler present in app.js
@@ -4849,10 +4827,10 @@
               }
           }));
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: HttpCallInterceptor, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: HttpCallInterceptor }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: HttpCallInterceptor, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: HttpCallInterceptor }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: HttpCallInterceptor, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: HttpCallInterceptor, decorators: [{
               type: i0.Injectable
           }], ctorParameters: () => [] });
 
@@ -4899,10 +4877,10 @@
           // MEMORY LEAK FIX: Clear ElementRef reference
           this.elRef = null;
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: PrefabDirective, deps: [{ token: base.WidgetRef, self: true }, { token: i0__namespace.ViewContainerRef }, { token: i0__namespace.ElementRef }, { token: PrefabManagerService }, { token: i0__namespace.Injector }, { token: i0__namespace.EnvironmentInjector }, { token: ComponentRefProvider }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-      static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: PrefabDirective, isStandalone: true, selector: "[wmPrefab][prefabname]", ngImport: i0__namespace }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: PrefabDirective, deps: [{ token: base.WidgetRef, self: true }, { token: i0__namespace.ViewContainerRef }, { token: i0__namespace.ElementRef }, { token: PrefabManagerService }, { token: i0__namespace.Injector }, { token: i0__namespace.EnvironmentInjector }, { token: ComponentRefProvider }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+      static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: PrefabDirective, isStandalone: true, selector: "[wmPrefab][prefabname]", ngImport: i0__namespace }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: PrefabDirective, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: PrefabDirective, decorators: [{
               type: i0.Directive,
               args: [{
                       standalone: true,
@@ -4921,7 +4899,7 @@
           this.prefabManager = prefabManager;
           // MEMORY LEAK FIX: Store bound function reference for cleanup
           this.windowMessageListener = (e) => {
-              const context = e.data && e.data.context;
+              const context = e.data?.context;
               if (context !== PREFAB) {
                   return;
               }
@@ -5008,14 +4986,14 @@
           // MEMORY LEAK FIX: Clear config
           this.config = null;
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: PrefabPreviewComponent, deps: [{ token: PrefabManagerService }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
-      static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.20", type: PrefabPreviewComponent, isStandalone: true, selector: "wm-prefab-preview", viewQueries: [{ propertyName: "prefabInstance", first: true, predicate: prefab.PrefabDirective, descendants: true, static: true }], ngImport: i0__namespace, template: `
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: PrefabPreviewComponent, deps: [{ token: PrefabManagerService }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+      static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", 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">
             <section wmPrefab name="prefab-preview" prefabname="__self__"></section>
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: prefab.PrefabDirective, selector: "section[wmPrefab]" }, { kind: "directive", type: PrefabDirective, selector: "[wmPrefab][prefabname]" }] }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: PrefabPreviewComponent, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: PrefabPreviewComponent, decorators: [{
               type: i0.Component,
               args: [{
                       standalone: true,
@@ -5170,10 +5148,10 @@
           console.error(`Error creating component [${selector}]:`, msg, err);
           this.appManager.notifyApp?.(`Failed to create component: ${msg}`, 'error');
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: DynamicComponentRefProviderService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: DynamicComponentRefProviderService }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: DynamicComponentRefProviderService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: DynamicComponentRefProviderService }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: DynamicComponentRefProviderService, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: DynamicComponentRefProviderService, decorators: [{
               type: i0.Injectable
           }] });
 
@@ -5189,7 +5167,7 @@
               let retVal;
               const nextRoute = nextState ? nextState.url : undefined;
               // Calling onBeforePageLeave method present at page level
-              retVal = this.app.activePage && this.app.activePage.onBeforePageLeave(nextRoute);
+              retVal = this.app.activePage?.onBeforePageLeave(nextRoute);
               // Calling onBeforePageLeave method present at app level only if page level method return true
               // or if there is no page level method
               if (retVal !== false) {
@@ -5199,10 +5177,10 @@
           }
           return invokeCompDeactivate.apply(component);
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: CanDeactivatePageGuard, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: CanDeactivatePageGuard }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: CanDeactivatePageGuard, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: CanDeactivatePageGuard }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: CanDeactivatePageGuard, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: CanDeactivatePageGuard, decorators: [{
               type: i0.Injectable
           }] });
   //  [WMS-18847] - canDeactivate guard for angular deployment.
@@ -5211,20 +5189,20 @@
           const nextRoute = nextState ? nextState.url : undefined;
           return component.canDeactivate ? component.canDeactivate(nextRoute) : true;
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: CanDeactivateNgPageGuard, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: CanDeactivateNgPageGuard }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: CanDeactivateNgPageGuard, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: CanDeactivateNgPageGuard }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: CanDeactivateNgPageGuard, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: CanDeactivateNgPageGuard, decorators: [{
               type: i0.Injectable
           }] });
 
   const initializeProjectDetails = () => {
-      let cdnUrl = document.querySelector('[name="deployUrl"]') && document.querySelector('[name="deployUrl"]').getAttribute('content');
+      let cdnUrl = document.querySelector('[name="deployUrl"]')?.getAttribute('content');
       i1._WM_APP_PROJECT.isPreview = cdnUrl ? false : true;
-      const apiUrl = document.querySelector('[name="apiUrl"]') && document.querySelector('[name="apiUrl"]').getAttribute('content');
+      const apiUrl = document.querySelector('[name="apiUrl"]')?.getAttribute('content');
       //for preview
       if (!cdnUrl) {
-          cdnUrl = document.querySelector('[name="cdnUrl"]') && document.querySelector('[name="cdnUrl"]').getAttribute('content');
+          cdnUrl = document.querySelector('[name="cdnUrl"]')?.getAttribute('content');
       }
       i1._WM_APP_PROJECT.id = location.href.split('/')[3];
       // Integration with third party apps like in SSPA/WebComponents, this meta tag with cdnUrl will not be there then default it to ng-bundle/
@@ -5529,8 +5507,8 @@
               }
           });
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: RuntimeBaseModule, deps: [{ token: i1__namespace.App }, { token: i1__namespace.Viewport }], target: i0__namespace.ɵɵFactoryTarget.NgModule }); }
-      static { this.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.20", ngImport: i0__namespace, type: RuntimeBaseModule, imports: [i5.CommonModule,
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: RuntimeBaseModule, deps: [{ token: i1__namespace.App }, { token: i1__namespace.Viewport }], target: i0__namespace.ɵɵFactoryTarget.NgModule }); }
+      static { this.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.21", ngImport: i0__namespace, type: RuntimeBaseModule, imports: [i5.CommonModule,
               i1$1.RouterModule,
               i1$4.HttpClientModule,
               forms.FormsModule,
@@ -5858,7 +5836,7 @@
               rightPanel.RightPanelDirective,
               topNav.TopNavDirective,
               prefab.PrefabDirective, prefab.PrefabContainerDirective] }); }
-      static { this.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: RuntimeBaseModule, providers: [
+      static { this.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: RuntimeBaseModule, providers: [
               { provide: i1$2.ɵSharedStylesHost, useClass: WMDomSharedStylesHost },
               { provide: i1$2.ɵDomRendererFactory2, useClass: WMDomRendererFactory2 },
               { provide: i1.AbstractDialogService, useClass: base.DialogServiceImpl },
@@ -5978,7 +5956,7 @@
               ngCircleProgress.NgCircleProgressModule,
               tooltip.TooltipModule] }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: RuntimeBaseModule, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: RuntimeBaseModule, decorators: [{
               type: i0.NgModule,
               args: [{
                       imports: [
@@ -6034,10 +6012,10 @@
           this.appManager.initAppModes();
           return this.appManager.beforeAppReady();
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AppBeforeLoadResolve, deps: [{ token: AppManagerService }, { token: i1__namespace.App }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AppBeforeLoadResolve }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AppBeforeLoadResolve, deps: [{ token: AppManagerService }, { token: i1__namespace.App }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AppBeforeLoadResolve }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AppBeforeLoadResolve, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AppBeforeLoadResolve, decorators: [{
               type: i0.Injectable
           }], ctorParameters: () => [{ type: AppManagerService }, { type: i1__namespace.App }] });
 
@@ -6056,10 +6034,10 @@
               .then((data) => this.appManager.loadAppVariables(data[2]))
               .then(() => appVariablesLoaded = true);
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AppVariablesResolve, deps: [{ token: AppManagerService }, { token: AppVariablesProvider }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AppVariablesResolve, providedIn: 'root' }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AppVariablesResolve, deps: [{ token: AppManagerService }, { token: AppVariablesProvider }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AppVariablesResolve, providedIn: 'root' }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AppVariablesResolve, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AppVariablesResolve, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root'
@@ -6074,10 +6052,10 @@
       resolve() {
           return metadataResolved || this.appManager.loadMetadata().then(() => metadataResolved = true);
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: MetadataResolve, deps: [{ token: AppManagerService }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: MetadataResolve, providedIn: 'root' }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: MetadataResolve, deps: [{ token: AppManagerService }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: MetadataResolve, providedIn: 'root' }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: MetadataResolve, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: MetadataResolve, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root'
@@ -6095,10 +6073,10 @@
               this.loaded = true;
           });
       }
-      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: SecurityConfigResolve, deps: [{ token: AppManagerService }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
-      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: SecurityConfigResolve, providedIn: 'root' }); }
+      static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: SecurityConfigResolve, deps: [{ token: AppManagerService }], target: i0__namespace.ɵɵFactoryTarget.Injectable }); }
+      static { this.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: SecurityConfigResolve, providedIn: 'root' }); }
   }
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: SecurityConfigResolve, decorators: [{
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: SecurityConfigResolve, decorators: [{
               type: i0.Injectable,
               args: [{
                       providedIn: 'root'