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

package/runtime/base/fesm2022/index.mjs

@@ -175,9 +175,9 @@ class AppManagerService {
                 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) {
                         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;
@@ -285,7 +285,7 @@ class AppManagerService {
         }
         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;
@@ -295,7 +295,7 @@ class AppManagerService {
             }
             else {
                 this.clearLoggedInUserVariable(loggedInUser);
-                loggedInUser.isSecurityEnabled = securityConfig && securityConfig.securityEnabled;
+                loggedInUser.isSecurityEnabled = securityConfig?.securityEnabled;
                 throw null;
             }
             return securityConfig;
@@ -328,7 +328,7 @@ class AppManagerService {
          * 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();
@@ -385,9 +385,9 @@ class AppManagerService {
         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();
@@ -428,7 +428,7 @@ class AppManagerService {
                     // 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 = merge(queryParamsObj, extraQueryParams);
                     this.$router.navigate([loginConfig.pageName], { queryParams: queryParamsObj });
                     this.$app.landingPageName = loginConfig.pageName;
@@ -661,10 +661,10 @@ class AppManagerService {
         this.templates = null;
         this.lastLoggedUserId = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppManagerService, deps: [{ token: i1.AbstractHttpService }, { token: i2.SecurityService }, { token: i1.AbstractDialogService }, { token: i1$1.Router }, { token: i1.App }, { token: i4.VariablesService }, { token: i4.MetadataService }, { token: i1.AbstractSpinnerService }, { token: i1.AbstractI18nService }, { token: i5.DatePipe }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppManagerService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppManagerService, deps: [{ token: i1.AbstractHttpService }, { token: i2.SecurityService }, { token: i1.AbstractDialogService }, { token: i1$1.Router }, { token: i1.App }, { token: i4.VariablesService }, { token: i4.MetadataService }, { token: i1.AbstractSpinnerService }, { token: i1.AbstractI18nService }, { token: i5.DatePipe }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppManagerService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppManagerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppManagerService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.AbstractHttpService }, { type: i2.SecurityService }, { type: i1.AbstractDialogService }, { type: i1$1.Router }, { type: i1.App }, { type: i4.VariablesService }, { type: i4.MetadataService }, { type: i1.AbstractSpinnerService }, { type: i1.AbstractI18nService }, { type: i5.DatePipe }] });
 
@@ -770,10 +770,10 @@ class PrefabManagerService {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: PrefabManagerService, deps: [{ token: i4.MetadataService }, { token: PrefabConfigProvider }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: PrefabManagerService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PrefabManagerService, deps: [{ token: i4.MetadataService }, { token: PrefabConfigProvider }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PrefabManagerService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: PrefabManagerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PrefabManagerService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i4.MetadataService }, { type: PrefabConfigProvider }] });
 
@@ -825,10 +825,10 @@ class FragmentMonitor {
             this.fragmentsLoaded$.complete();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: FragmentMonitor, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: FragmentMonitor, isStandalone: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: FragmentMonitor, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: FragmentMonitor, isStandalone: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: FragmentMonitor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: FragmentMonitor, decorators: [{
             type: Directive
         }], ctorParameters: () => [] });
 
@@ -971,13 +971,13 @@ class BasePartialComponent extends FragmentMonitor {
         });
     }
     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);
@@ -1023,22 +1023,22 @@ class BasePartialComponent extends FragmentMonitor {
     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?.());
     }
     onReady(params) {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: BasePartialComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: BasePartialComponent, isStandalone: true, viewQueries: [{ propertyName: "partialDirective", first: true, predicate: PartialDirective, descendants: true }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: BasePartialComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: BasePartialComponent, isStandalone: true, viewQueries: [{ propertyName: "partialDirective", first: true, predicate: PartialDirective, descendants: true }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: BasePartialComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: BasePartialComponent, decorators: [{
             type: Directive
         }], propDecorators: { partialDirective: [{
                 type: ViewChild,
@@ -1069,7 +1069,7 @@ let WmDefaultRouteReuseStrategy = class WmDefaultRouteReuseStrategy {
         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;
@@ -1134,7 +1134,7 @@ let WmDefaultRouteReuseStrategy = class WmDefaultRouteReuseStrategy {
     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)) {
@@ -1329,7 +1329,7 @@ class BasePageComponent extends FragmentMonitor {
                 && 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();
@@ -1349,7 +1349,7 @@ class BasePageComponent extends FragmentMonitor {
                 resolve();
             }
         }).then(() => {
-            this.$page && this.$page.removeClass('page-entry');
+            this.$page?.removeClass('page-entry');
             if (lastPage) {
                 lastPage.remove();
                 BasePageComponent.lastPageSnapShot = null;
@@ -1368,7 +1368,7 @@ class BasePageComponent extends FragmentMonitor {
     }
     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(','))
@@ -1517,16 +1517,16 @@ class BasePageComponent extends FragmentMonitor {
     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?.(); };
         each(this.Widgets, m);
         each(this.Variables, m);
         each(this.Actions, m);
     }
     unmute(c = this) {
-        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);
@@ -1542,14 +1542,14 @@ class BasePageComponent extends FragmentMonitor {
         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?.(); };
             each(this.Variables, refresh);
             each(this.Actions, refresh);
         }
         this.runPageTransition().then(() => {
             setTimeout(() => this.restoreScrollPosition(), 100);
-            each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
+            each(this.Widgets, w => w?.ngOnAttach?.());
             this.appManager.notify('pageAttach', { 'name': this.pageName, instance: this });
         });
     }
@@ -1557,7 +1557,7 @@ class BasePageComponent extends FragmentMonitor {
         this.saveScrollPosition();
         this.savePageSnapShot();
         this.mute();
-        each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
+        each(this.Widgets, w => w?.ngOnDetach?.());
         this.appManager.notify('pageDetach', { 'name': this.pageName, instance: this });
     }
     ngAfterContentInit() {
@@ -1569,10 +1569,10 @@ class BasePageComponent extends FragmentMonitor {
             BasePageComponent.lastPageSnapShot = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: BasePageComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: BasePageComponent, isStandalone: true, host: { listeners: { "window:beforeunload": "canDeactivate()" } }, viewQueries: [{ propertyName: "pageDirective", first: true, predicate: PageDirective, descendants: true }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: BasePageComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: BasePageComponent, isStandalone: true, host: { listeners: { "window:beforeunload": "canDeactivate()" } }, viewQueries: [{ propertyName: "pageDirective", first: true, predicate: PageDirective, descendants: true }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: BasePageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: BasePageComponent, decorators: [{
             type: Directive
         }], propDecorators: { pageDirective: [{
                 type: ViewChild,
@@ -1721,6 +1721,7 @@ class BaseCustomWidgetComponent extends FragmentMonitor {
     get datavalue() {
         if (this['getDatavalue'])
             return this['getDatavalue']();
+        return undefined;
     }
     set datavalue(value) {
         this.datavalue = value;
@@ -1755,23 +1756,18 @@ class BaseCustomWidgetComponent extends FragmentMonitor {
         // 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(noop$1, noop$1, () => {
-            // TEMP: triggering watchers so variables watching over params are updated
-            $invokeWatchers(true, true);
-            variableCollection.callback(variableCollection.Variables).catch(noop$1);
-            variableCollection.callback(variableCollection.Actions);
+        this.viewInit$.subscribe({
+            complete: () => {
+                // TEMP: triggering watchers so variables watching over params are updated
+                $invokeWatchers(true, true);
+                variableCollection.callback(variableCollection.Variables).catch(noop$1);
+                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;
@@ -1789,18 +1785,6 @@ class BaseCustomWidgetComponent extends FragmentMonitor {
             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) {
@@ -1829,13 +1813,13 @@ class BaseCustomWidgetComponent extends FragmentMonitor {
         });
     }
     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);
@@ -1848,7 +1832,7 @@ class BaseCustomWidgetComponent extends FragmentMonitor {
         this.registerBaseWidget();
         setTimeout(() => {
             this.viewInit$.complete();
-            this.fragmentsLoaded$.subscribe(noop$1, noop$1, () => this.invokeOnReady());
+            this.fragmentsLoaded$.subscribe({ complete: () => this.invokeOnReady() });
         }, 100);
     }
     ngOnDestroy() {
@@ -1892,24 +1876,24 @@ class BaseCustomWidgetComponent extends FragmentMonitor {
     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.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: BaseCustomWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: BaseCustomWidgetComponent, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: BaseCustomWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: BaseCustomWidgetComponent, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: BaseCustomWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: BaseCustomWidgetComponent, decorators: [{
             type: Directive
         }] });
 
@@ -2011,7 +1995,7 @@ class BasePrefabComponent extends FragmentMonitor {
                     this.containerWidget[key] = (...args) => {
                         try {
                             if (this[key]) {
-                                return this[key].apply(this, args);
+                                return this[key](...args);
                             }
                         }
                         catch (e) {
@@ -2083,13 +2067,13 @@ class BasePrefabComponent extends FragmentMonitor {
         });
     }
     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);
@@ -2097,15 +2081,15 @@ class BasePrefabComponent extends FragmentMonitor {
     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?.());
     }
     ngAfterViewChecked() {
         if (!this.scriptsLoaded && this.prefabContainerDirective) {
@@ -2145,10 +2129,10 @@ class BasePrefabComponent extends FragmentMonitor {
     // user overrides this
     onPropertyChange() { }
     onReady() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: BasePrefabComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: BasePrefabComponent, isStandalone: true, viewQueries: [{ propertyName: "prefabContainerDirective", first: true, predicate: PrefabContainerDirective, descendants: true }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: BasePrefabComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: BasePrefabComponent, isStandalone: true, viewQueries: [{ propertyName: "prefabContainerDirective", first: true, predicate: PrefabContainerDirective, descendants: true }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: BasePrefabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: BasePrefabComponent, decorators: [{
             type: Directive
         }], propDecorators: { prefabContainerDirective: [{
                 type: ViewChild,
@@ -2212,10 +2196,10 @@ class BaseLayoutComponent {
         //Add page component scope to layout component so that bindings and watchers in the layout will use the page scope
         extend(this, pageComponent);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: BaseLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: BaseLayoutComponent, isStandalone: true, viewQueries: [{ propertyName: "routerOutlet", first: true, predicate: RouterOutlet, descendants: true }, { propertyName: "pageDirective", first: true, predicate: PageDirective, descendants: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: BaseLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: BaseLayoutComponent, isStandalone: true, viewQueries: [{ propertyName: "routerOutlet", first: true, predicate: RouterOutlet, descendants: true }, { propertyName: "pageDirective", first: true, predicate: PageDirective, descendants: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: BaseLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: BaseLayoutComponent, decorators: [{
             type: Directive
         }], propDecorators: { routerOutlet: [{
                 type: ViewChild,
@@ -2329,10 +2313,10 @@ class WMDomRendererFactory2 {
     }
     begin() { }
     end() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: WMDomRendererFactory2, deps: [{ token: i1$2.EventManager }, { token: i1$2.ɵSharedStylesHost }, { token: APP_ID }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: WMDomRendererFactory2 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: WMDomRendererFactory2, deps: [{ token: i1$2.EventManager }, { token: i1$2.ɵSharedStylesHost }, { token: APP_ID }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: WMDomRendererFactory2 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: WMDomRendererFactory2, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: WMDomRendererFactory2, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1$2.EventManager }, { type: i1$2.ɵSharedStylesHost }, { type: undefined, decorators: [{
                     type: Inject,
@@ -2432,14 +2416,12 @@ let WMDefaultDomRenderer2 = class WMDefaultDomRenderer2 {
                 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) {
@@ -2614,10 +2596,10 @@ class SharedStylesHost {
     getAllStyles() {
         return Array.from(this._stylesSet);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: SharedStylesHost, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: SharedStylesHost }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SharedStylesHost, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SharedStylesHost }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: SharedStylesHost, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SharedStylesHost, decorators: [{
             type: Injectable
         }] });
 class WMDomSharedStylesHost extends SharedStylesHost {
@@ -2657,10 +2639,10 @@ class WMDomSharedStylesHost extends SharedStylesHost {
     ngOnDestroy() {
         this._hostNodes.forEach(styleNodes => styleNodes.forEach(removeStyle));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: WMDomSharedStylesHost, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: WMDomSharedStylesHost }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: WMDomSharedStylesHost, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: WMDomSharedStylesHost }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: WMDomSharedStylesHost, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: WMDomSharedStylesHost, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -2784,7 +2766,7 @@ class BaseSpaPageComponent extends FragmentMonitor {
                 && 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();
@@ -2804,7 +2786,7 @@ class BaseSpaPageComponent extends FragmentMonitor {
                 resolve();
             }
         }).then(() => {
-            this.$page && this.$page.removeClass('page-entry');
+            this.$page?.removeClass('page-entry');
             if (lastPage) {
                 lastPage.remove();
                 BaseSpaPageComponent.lastPageSnapShot = null;
@@ -2820,7 +2802,7 @@ class BaseSpaPageComponent extends FragmentMonitor {
     }
     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(','))
@@ -2950,16 +2932,16 @@ class BaseSpaPageComponent extends FragmentMonitor {
     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?.(); };
         each(this.Widgets, m);
         each(this.Variables, m);
         each(this.Actions, m);
     }
     unmute(c = this) {
-        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);
@@ -2975,14 +2957,14 @@ class BaseSpaPageComponent extends FragmentMonitor {
         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?.(); };
             each(this.Variables, refresh);
             each(this.Actions, refresh);
         }
         this.runPageTransition().then(() => {
             setTimeout(() => this.restoreScrollPosition(), 100);
-            each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
+            each(this.Widgets, w => w?.ngOnAttach?.());
             this.appManager.notify('pageAttach', { 'name': this.pageName, instance: this });
         });
         this.appManager.notify('highlightActiveLink', { 'pageName': this.pageName });
@@ -2991,7 +2973,7 @@ class BaseSpaPageComponent extends FragmentMonitor {
         this.saveScrollPosition();
         this.savePageSnapShot();
         this.mute();
-        each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
+        each(this.Widgets, w => w?.ngOnDetach?.());
         this.appManager.notify('pageDetach', { 'name': this.pageName, instance: this });
     }
     ngAfterContentInit() {
@@ -3003,10 +2985,10 @@ class BaseSpaPageComponent extends FragmentMonitor {
             BaseSpaPageComponent.lastPageSnapShot = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: BaseSpaPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: BaseSpaPageComponent, isStandalone: true, host: { listeners: { "window:beforeunload": "canDeactivate()" } }, viewQueries: [{ propertyName: "spaPageDirective", first: true, predicate: SpaPageDirective, descendants: true }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: BaseSpaPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: BaseSpaPageComponent, isStandalone: true, host: { listeners: { "window:beforeunload": "canDeactivate()" } }, viewQueries: [{ propertyName: "spaPageDirective", first: true, predicate: SpaPageDirective, descendants: true }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: BaseSpaPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: BaseSpaPageComponent, decorators: [{
             type: Directive
         }], propDecorators: { spaPageDirective: [{
                 type: ViewChild,
@@ -3111,10 +3093,10 @@ class AccessrolesDirective {
             this.context = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AccessrolesDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i2.SecurityService }, { token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: AccessrolesDirective, isStandalone: true, selector: "[accessroles]", inputs: { accessroles: "accessroles" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AccessrolesDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i2.SecurityService }, { token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: AccessrolesDirective, isStandalone: true, selector: "[accessroles]", inputs: { accessroles: "accessroles" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AccessrolesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AccessrolesDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -3131,8 +3113,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
 
 class AppSpinnerComponent {
     constructor() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵ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, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵ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, template: `
         @if (show) {
           <div class="app-spinner" [ngClass]="classname">
             <div class="spinner-message">
@@ -3147,7 +3129,7 @@ class AppSpinnerComponent {
         }
         `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppSpinnerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppSpinnerComponent, decorators: [{
             type: Component,
             args: [{
                     standalone: true,
@@ -3216,8 +3198,8 @@ class CustomToasterComponent extends Toast {
         forEach(this.watchers, watcher => watcher());
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CustomToasterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵ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: ViewContainerRef, static: true }, { propertyName: "customToastTmpl", first: true, predicate: ["customToastTmpl"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: CustomToasterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵ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: ViewContainerRef, static: true }, { propertyName: "customToastTmpl", first: true, predicate: ["customToastTmpl"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
         <div class="parent-custom-toast"></div>
         <ng-container #customToast></ng-container>
         <ng-template #customToastTmpl>
@@ -3229,7 +3211,7 @@ class CustomToasterComponent extends Toast {
           </div>
         </ng-template>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: ContainerDirective, selector: "[wmContainer]" }, { kind: "directive", type: PartialParamHandlerDirective, selector: "[partialContainer]" }, { kind: "directive", type: PartialContainerDirective, selector: "[partialContainer]" }, { kind: "directive", type: PartialParamDirective, selector: "[wmParam]", inputs: ["name", "value"] }, { kind: "pipe", type: i5.KeyValuePipe, name: "keyvalue" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CustomToasterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: CustomToasterComponent, decorators: [{
             type: Component,
             args: [{
                     standalone: true,
@@ -3300,10 +3282,10 @@ class EmptyPageComponent {
             this.appManger.postAppTypeInfo();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: EmptyPageComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i2.SecurityService }, { token: i1$1.Router }, { token: i1.App }, { token: AppManagerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.20", type: EmptyPageComponent, isStandalone: true, selector: "app-empty-page", ngImport: i0, template: '<div></div>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: EmptyPageComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i2.SecurityService }, { token: i1$1.Router }, { token: i1.App }, { token: AppManagerService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: EmptyPageComponent, isStandalone: true, selector: "app-empty-page", ngImport: i0, template: '<div></div>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: EmptyPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: EmptyPageComponent, decorators: [{
             type: Component,
             args: [{
                     standalone: true,
@@ -3421,10 +3403,10 @@ class PipeProvider {
             return new ref(...args);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: PipeProvider, deps: [{ token: i0.Compiler }, { token: i0.Injector }, { token: i1$2.DomSanitizer }, { token: i1.AbstractI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: PipeProvider, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PipeProvider, deps: [{ token: i0.Compiler }, { token: i0.Injector }, { token: i1$2.DomSanitizer }, { token: i1.AbstractI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PipeProvider, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: PipeProvider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PipeProvider, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3450,10 +3432,10 @@ class PipeService {
             throw Error(`The pipe '${name}' could not be found`);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: PipeService, deps: [{ token: PipeProvider }, { token: i1.App }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: PipeService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PipeService, deps: [{ token: PipeProvider }, { token: i1.App }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PipeService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: PipeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PipeService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: PipeProvider }, { type: i1.App }] });
@@ -3480,7 +3462,7 @@ const getHttpDependency = function () {
     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)]);
@@ -3534,7 +3516,7 @@ class AppRef {
         }
     }
     notify(eventName, ...data) {
-        this._eventNotifier.notify.apply(this._eventNotifier, arguments);
+        this._eventNotifier.notify(eventName, ...data);
     }
     importModule(moduleName) {
         if (moduleName === 'moment') {
@@ -3670,10 +3652,10 @@ class AppRef {
         this.modes = null;
         this.dynamicComponentContainerRef = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppRef, deps: [{ token: i0.Injector }, { token: i1.AbstractI18nService }, { token: i1.StatePersistence }, { token: i1.AbstractHttpService }, { token: i2.SecurityService }, { token: i1$1.RouteReuseStrategy }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppRef }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppRef, deps: [{ token: i0.Injector }, { token: i1.AbstractI18nService }, { token: i1.StatePersistence }, { token: i1.AbstractHttpService }, { token: i2.SecurityService }, { token: i1$1.RouteReuseStrategy }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppRef }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppRef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppRef, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.AbstractI18nService }, { type: i1.StatePersistence }, { type: i1.AbstractHttpService }, { type: i2.SecurityService }, { type: i1$1.RouteReuseStrategy }] });
 
@@ -3753,10 +3735,10 @@ class ToasterServiceImpl extends AbstractToasterService {
             console.warn('Please pass a valid options object, For Example : {maxOpened: 1, autoDismiss: true}');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: ToasterServiceImpl, deps: [{ token: i1$3.ToastrService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: ToasterServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: ToasterServiceImpl, deps: [{ token: i1$3.ToastrService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: ToasterServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: ToasterServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: ToasterServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1$3.ToastrService }] });
 
@@ -3862,7 +3844,7 @@ class I18nServiceImpl extends AbstractI18nService {
         // 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;
         defineLocale(this.selectedLocale, _config);
         this.bsLocaleService.use(this.getSelectedLocale() || this.defaultSupportedLocale);
         this.bundleLoaded.moment = true;
@@ -3910,29 +3892,26 @@ class I18nServiceImpl extends AbstractI18nService {
         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'] = 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'] = 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();
@@ -3994,7 +3973,7 @@ class I18nServiceImpl extends AbstractI18nService {
             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(getWmProjectProperties().supportedLanguages) || [this.defaultSupportedLocale];
         // when preference is given to browser set languages, do not populate _selectedDefaultLang variable
@@ -4051,10 +4030,10 @@ class I18nServiceImpl extends AbstractI18nService {
             $appDigest(true);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: I18nServiceImpl, deps: [{ token: i1$4.HttpClient }, { token: i2$1.BsLocaleService }, { token: i1.AppDefaults }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: I18nServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: I18nServiceImpl, deps: [{ token: i1$4.HttpClient }, { token: i2$1.BsLocaleService }, { token: i1.AppDefaults }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: I18nServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: I18nServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: I18nServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1$4.HttpClient }, { type: i2$1.BsLocaleService }, { type: i1.AppDefaults }, { type: i0.Injector }] });
 
@@ -4190,10 +4169,10 @@ class SpinnerServiceImpl extends AbstractSpinnerService {
             this.messagesByContext = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: SpinnerServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: SpinnerServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SpinnerServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SpinnerServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: SpinnerServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SpinnerServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -4297,47 +4276,46 @@ class NavigationServiceImpl {
         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(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(CONSTANTS.WIDGET_DOESNT_EXIST, 'error');
+        }
     }
     /*
      * navigates the user to a view element with given name
@@ -4451,10 +4429,10 @@ class NavigationServiceImpl {
         });
         return dialogId;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: NavigationServiceImpl, deps: [{ token: i1.App }, { token: i1$1.Router }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: NavigationServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: NavigationServiceImpl, deps: [{ token: i1.App }, { token: i1$1.Router }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: NavigationServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: NavigationServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: NavigationServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.App }, { type: i1$1.Router }, { type: i0.NgZone }] });
 class PageInfo {
@@ -4509,10 +4487,10 @@ class AppDefaultsService {
         this.dateTimeFormat = dateTimeFormat;
         this.currencyCode = currency;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppDefaultsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppDefaultsService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppDefaultsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppDefaultsService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppDefaultsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppDefaultsService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -4546,10 +4524,10 @@ class AuthGuard {
             return Promise.resolve(false);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AuthGuard, deps: [{ token: i2.SecurityService }, { token: AppManagerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AuthGuard }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AuthGuard, deps: [{ token: i2.SecurityService }, { token: AppManagerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AuthGuard }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AuthGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AuthGuard, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i2.SecurityService }, { type: AppManagerService }] });
 
@@ -4582,10 +4560,10 @@ class RoleGuard {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: RoleGuard, deps: [{ token: i2.SecurityService }, { token: AuthGuard }, { token: i1.AbstractToasterService }, { token: i1.App }, { token: AppManagerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: RoleGuard }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: RoleGuard, deps: [{ token: i2.SecurityService }, { token: AuthGuard }, { token: i1.AbstractToasterService }, { token: i1.App }, { token: AppManagerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: RoleGuard }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: RoleGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: RoleGuard, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i2.SecurityService }, { type: AuthGuard }, { type: i1.AbstractToasterService }, { type: i1.App }, { type: AppManagerService }] });
 
@@ -4598,10 +4576,10 @@ class PageNotFoundGuard {
         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.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: PageNotFoundGuard, deps: [{ token: i1.App }, { token: AppManagerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: PageNotFoundGuard }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PageNotFoundGuard, deps: [{ token: i1.App }, { token: AppManagerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PageNotFoundGuard }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: PageNotFoundGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PageNotFoundGuard, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.App }, { type: AppManagerService }] });
 
@@ -4630,10 +4608,10 @@ class AppJSResolve {
         appJsLoaded$1 = true;
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppJSResolve, deps: [{ token: i0.Injector }, { token: i1.App }, { token: i1.UtilsService }, { token: AppJSProvider }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppJSResolve }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppJSResolve, deps: [{ token: i0.Injector }, { token: i1.App }, { token: i1.UtilsService }, { token: AppJSProvider }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppJSResolve }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppJSResolve, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppJSResolve, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.App }, { type: i1.UtilsService }, { type: AppJSProvider }] });
 
@@ -4670,10 +4648,10 @@ class AppExtensionJSResolve {
             console.warn('Error in reading formatters.js', e);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppExtensionJSResolve, deps: [{ token: AppManagerService }, { token: AppExtensionProvider }, { token: i1.CustomPipeManager }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppExtensionJSResolve }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppExtensionJSResolve, deps: [{ token: AppManagerService }, { token: AppExtensionProvider }, { token: i1.CustomPipeManager }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppExtensionJSResolve }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppExtensionJSResolve, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppExtensionJSResolve, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: AppManagerService }, { type: AppExtensionProvider }, { type: i1.CustomPipeManager }] });
 
@@ -4684,10 +4662,10 @@ class I18nResolve {
     resolve() {
         return this.i18nService.loadDefaultLocale();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: I18nResolve, deps: [{ token: i1.AbstractI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: I18nResolve }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: I18nResolve, deps: [{ token: i1.AbstractI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: I18nResolve }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: I18nResolve, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: I18nResolve, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.AbstractI18nService }] });
 
@@ -4753,7 +4731,7 @@ class AppComponent {
                     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 {
@@ -4870,10 +4848,10 @@ class AppComponent {
             this.navigationEndSubscription.unsubscribe();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppComponent, deps: [{ token: PipeProvider }, { token: i0.ApplicationRef }, { token: i0.ElementRef }, { token: i2$2.OAuthService }, { token: i1.AbstractDialogService }, { token: i1.AbstractSpinnerService }, { token: i0.NgZone }, { token: i1$1.Router }, { token: i1.App }, { token: AppManagerService }, { token: i1.CustomIconsLoaderService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: AppComponent, isStandalone: true, selector: "app-root", viewQueries: [{ propertyName: "routerOutlet", first: true, predicate: RouterOutlet, descendants: true }, { propertyName: "dynamicComponentContainerRef", first: true, predicate: ["dynamicComponent"], descendants: true, read: ViewContainerRef }], ngImport: i0, 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: CommonModule }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: AlertDialogComponent, selector: "div[wmAlertDialog]" }, { kind: "component", type: ConfirmDialogComponent, selector: "div[wmConfirmDialog]" }, { kind: "component", type: DialogComponent, selector: "div[wmDialog]" }, { kind: "component", type: AppSpinnerComponent, selector: "app-spinner", inputs: ["show", "spinnermessages", "classname", "arialabel"] }, { kind: "directive", type: ContainerDirective, selector: "[wmContainer]" }, { kind: "directive", type: PartialParamHandlerDirective, selector: "[partialContainer]" }, { kind: "directive", type: PartialContainerDirective, selector: "[partialContainer]" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppComponent, deps: [{ token: PipeProvider }, { token: i0.ApplicationRef }, { token: i0.ElementRef }, { token: i2$2.OAuthService }, { token: i1.AbstractDialogService }, { token: i1.AbstractSpinnerService }, { token: i0.NgZone }, { token: i1$1.Router }, { token: i1.App }, { token: AppManagerService }, { token: i1.CustomIconsLoaderService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: AppComponent, isStandalone: true, selector: "app-root", viewQueries: [{ propertyName: "routerOutlet", first: true, predicate: RouterOutlet, descendants: true }, { propertyName: "dynamicComponentContainerRef", first: true, predicate: ["dynamicComponent"], descendants: true, read: ViewContainerRef }], ngImport: i0, 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: CommonModule }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: AlertDialogComponent, selector: "div[wmAlertDialog]" }, { kind: "component", type: ConfirmDialogComponent, selector: "div[wmConfirmDialog]" }, { kind: "component", type: DialogComponent, selector: "div[wmDialog]" }, { kind: "component", type: AppSpinnerComponent, selector: "app-spinner", inputs: ["show", "spinnermessages", "classname", "arialabel"] }, { kind: "directive", type: ContainerDirective, selector: "[wmContainer]" }, { kind: "directive", type: PartialParamHandlerDirective, selector: "[partialContainer]" }, { kind: "directive", type: PartialContainerDirective, selector: "[partialContainer]" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [CommonModule, RouterOutlet, AlertDialogComponent, ConfirmDialogComponent, DialogComponent, AppSpinnerComponent, ContainerDirective, PartialParamHandlerDirective, PartialContainerDirective], selector: 'app-root', encapsulation: 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.ApplicationRef }, { type: i0.ElementRef }, { type: i2$2.OAuthService }, { type: i1.AbstractDialogService }, { type: i1.AbstractSpinnerService }, { type: i0.NgZone }, { type: i1$1.Router }, { type: i1.App }, { type: AppManagerService }, { type: i1.CustomIconsLoaderService }], propDecorators: { routerOutlet: [{
@@ -4911,7 +4889,7 @@ class HttpCallInterceptor {
             request = request.clone({ url: apiUrl });
         }
         return from(Promise.resolve().then(() => {
-            if (appManager && appManager.appOnBeforeServiceCall) {
+            if (appManager?.appOnBeforeServiceCall) {
                 const wmReq = this.wmHttpRequest.angularToWmRequest(request);
                 return appManager.appOnBeforeServiceCall(wmReq);
             }
@@ -4923,7 +4901,7 @@ class HttpCallInterceptor {
             }
             return next.handle(request);
         }), tap((response) => {
-            if (response && response.type === 4 && appManager && appManager.appOnServiceSuccess) {
+            if (response?.type === 4 && appManager?.appOnServiceSuccess) {
                 // Convert the angular HttpResponse to wm HttpResponse
                 const resp = this.wmHttpResponse.angularToWmResponse(response);
                 // trigger the common success handler present in app.js
@@ -4939,7 +4917,7 @@ class HttpCallInterceptor {
             if (httpService.isPlatformSessionTimeout(error)) {
                 httpService.handleSessionTimeout(request, error._401Subscriber);
             }
-            if (appManager && appManager.appOnServiceError) {
+            if (appManager?.appOnServiceError) {
                 // Convert the angular HttpResponse to wm HttpResponse
                 const err = this.wmHttpResponse.angularToWmResponse(error);
                 // trigger the common error handler present in app.js
@@ -4952,10 +4930,10 @@ class HttpCallInterceptor {
             }
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: HttpCallInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: HttpCallInterceptor }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: HttpCallInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: HttpCallInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: HttpCallInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: HttpCallInterceptor, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -5002,10 +4980,10 @@ class PrefabDirective {
         // MEMORY LEAK FIX: Clear ElementRef reference
         this.elRef = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: PrefabDirective, deps: [{ token: WidgetRef, self: true }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: PrefabManagerService }, { token: i0.Injector }, { token: i0.EnvironmentInjector }, { token: ComponentRefProvider }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: PrefabDirective, isStandalone: true, selector: "[wmPrefab][prefabname]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PrefabDirective, deps: [{ token: WidgetRef, self: true }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: PrefabManagerService }, { token: i0.Injector }, { token: i0.EnvironmentInjector }, { token: ComponentRefProvider }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: PrefabDirective, isStandalone: true, selector: "[wmPrefab][prefabname]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: PrefabDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PrefabDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -5024,7 +5002,7 @@ class PrefabPreviewComponent {
         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;
             }
@@ -5111,14 +5089,14 @@ class PrefabPreviewComponent {
         // MEMORY LEAK FIX: Clear config
         this.config = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: PrefabPreviewComponent, deps: [{ token: PrefabManagerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.20", type: PrefabPreviewComponent, isStandalone: true, selector: "wm-prefab-preview", viewQueries: [{ propertyName: "prefabInstance", first: true, predicate: PrefabDirective$1, descendants: true, static: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PrefabPreviewComponent, deps: [{ token: PrefabManagerService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: PrefabPreviewComponent, isStandalone: true, selector: "wm-prefab-preview", viewQueries: [{ propertyName: "prefabInstance", first: true, predicate: PrefabDirective$1, descendants: true, static: true }], ngImport: i0, template: `
         <div class="prefab-preview row">
             <section wmPrefab name="prefab-preview" prefabname="__self__"></section>
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: PrefabDirective$1, selector: "section[wmPrefab]" }, { kind: "directive", type: PrefabDirective, selector: "[wmPrefab][prefabname]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: PrefabPreviewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PrefabPreviewComponent, decorators: [{
             type: Component,
             args: [{
                     standalone: true,
@@ -5273,10 +5251,10 @@ class DynamicComponentRefProviderService {
         console.error(`Error creating component [${selector}]:`, msg, err);
         this.appManager.notifyApp?.(`Failed to create component: ${msg}`, 'error');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: DynamicComponentRefProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: DynamicComponentRefProviderService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: DynamicComponentRefProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: DynamicComponentRefProviderService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: DynamicComponentRefProviderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: DynamicComponentRefProviderService, decorators: [{
             type: Injectable
         }] });
 
@@ -5292,7 +5270,7 @@ class CanDeactivatePageGuard {
             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) {
@@ -5302,10 +5280,10 @@ class CanDeactivatePageGuard {
         }
         return invokeCompDeactivate.apply(component);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CanDeactivatePageGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CanDeactivatePageGuard }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: CanDeactivatePageGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: CanDeactivatePageGuard }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CanDeactivatePageGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: CanDeactivatePageGuard, decorators: [{
             type: Injectable
         }] });
 //  [WMS-18847] - canDeactivate guard for angular deployment.
@@ -5314,20 +5292,20 @@ class CanDeactivateNgPageGuard {
         const nextRoute = nextState ? nextState.url : undefined;
         return component.canDeactivate ? component.canDeactivate(nextRoute) : true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CanDeactivateNgPageGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CanDeactivateNgPageGuard }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: CanDeactivateNgPageGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: CanDeactivateNgPageGuard }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CanDeactivateNgPageGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: CanDeactivateNgPageGuard, decorators: [{
             type: Injectable
         }] });
 
 const initializeProjectDetails = () => {
-    let cdnUrl = document.querySelector('[name="deployUrl"]') && document.querySelector('[name="deployUrl"]').getAttribute('content');
+    let cdnUrl = document.querySelector('[name="deployUrl"]')?.getAttribute('content');
     _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');
     }
     _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/
@@ -5632,8 +5610,8 @@ class RuntimeBaseModule {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: RuntimeBaseModule, deps: [{ token: i1.App }, { token: i1.Viewport }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.20", ngImport: i0, type: RuntimeBaseModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: RuntimeBaseModule, deps: [{ token: i1.App }, { token: i1.Viewport }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.21", ngImport: i0, type: RuntimeBaseModule, imports: [CommonModule,
             RouterModule,
             HttpClientModule,
             FormsModule,
@@ -5961,7 +5939,7 @@ class RuntimeBaseModule {
             RightPanelDirective,
             TopNavDirective,
             PrefabDirective$1, PrefabContainerDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: RuntimeBaseModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: RuntimeBaseModule, providers: [
             { provide: _SharedStylesHost, useClass: WMDomSharedStylesHost },
             { provide: _DomRendererFactory2, useClass: WMDomRendererFactory2 },
             { provide: AbstractDialogService, useClass: DialogServiceImpl },
@@ -6081,7 +6059,7 @@ class RuntimeBaseModule {
             NgCircleProgressModule,
             TooltipModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: RuntimeBaseModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: RuntimeBaseModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -6137,10 +6115,10 @@ class AppBeforeLoadResolve {
         this.appManager.initAppModes();
         return this.appManager.beforeAppReady();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppBeforeLoadResolve, deps: [{ token: AppManagerService }, { token: i1.App }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppBeforeLoadResolve }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppBeforeLoadResolve, deps: [{ token: AppManagerService }, { token: i1.App }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppBeforeLoadResolve }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppBeforeLoadResolve, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppBeforeLoadResolve, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: AppManagerService }, { type: i1.App }] });
 
@@ -6159,10 +6137,10 @@ class AppVariablesResolve {
             .then((data) => this.appManager.loadAppVariables(data[2]))
             .then(() => appVariablesLoaded = true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppVariablesResolve, deps: [{ token: AppManagerService }, { token: AppVariablesProvider }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppVariablesResolve, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppVariablesResolve, deps: [{ token: AppManagerService }, { token: AppVariablesProvider }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppVariablesResolve, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AppVariablesResolve, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AppVariablesResolve, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -6177,10 +6155,10 @@ class MetadataResolve {
     resolve() {
         return metadataResolved || this.appManager.loadMetadata().then(() => metadataResolved = true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: MetadataResolve, deps: [{ token: AppManagerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: MetadataResolve, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MetadataResolve, deps: [{ token: AppManagerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MetadataResolve, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: MetadataResolve, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MetadataResolve, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -6198,10 +6176,10 @@ class SecurityConfigResolve {
             this.loaded = true;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: SecurityConfigResolve, deps: [{ token: AppManagerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: SecurityConfigResolve, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SecurityConfigResolve, deps: [{ token: AppManagerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SecurityConfigResolve, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: SecurityConfigResolve, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SecurityConfigResolve, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'