npm - @wavemaker/app-ng-runtime - Versions diffs - 12.0.0-next.140478 → 12.0.0-next.140481 - Mend

@wavemaker/app-ng-runtime 12.0.0-next.140478 → 12.0.0-next.140481

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1459) hide show

app-ng-runtime/runtime/base/bundles/index.umd.js CHANGED Viewed

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/router'), require('@angular/common'), require('@wm/core'), require('@wm/security'), require('@wm/variables'), require('@wm/components/page'), require('rxjs'), require('@wm/components/base'), require('tslib'), require('@wm/components/prefab'), require('@angular/common/http'), require('@angular/platform-browser'), require('@angular/forms'), require('ngx-toastr'), require('@wm/components/dialogs'), require('@wm/components/dialogs/confirm-dialog'), require('@wm/components/dialogs/design-dialog'), require('@wm/mobile/runtime'), require('@wm/http'), require('@wm/oAuth'), require('ngx-bootstrap/chronos'), require('ngx-bootstrap/datepicker'), require('ngx-bootstrap/utils'), require('@wm/components/dialogs/alert-dialog'), require('rxjs/operators'), require('@wm/transpiler'), require('@wm/build-task'), require('@wm/components/page/footer'), require('@wm/components/page/header'), require('@wm/components/page/left-panel'), require('@wm/components/page/right-panel'), require('@wm/components/page/top-nav'), require('@wm/components/basic'), require('@wm/components/basic/progress'), require('@wm/components/basic/rich-text-editor'), require('@wm/components/basic/search'), require('@wm/components/basic/tree'), require('@wm/components/input/calendar'), require('@wm/components/input/chips'), require('@wm/components/input/color-picker'), require('@wm/components/input/currency'), require('@wm/components/input/epoch'), require('@wm/components/input/file-upload'), require('@wm/components/input'), require('@wm/components/input/rating'), require('@wm/components/input/slider'), require('@wm/components/data/card'), require('@wm/components/data/form'), require('@wm/components/data/list'), require('@wm/components/data/live-table'), require('@wm/components/data/pagination'), require('@wm/components/data/table'), require('@wm/components/chart'), require('@wm/components/containers/accordion'), require('@wm/components/containers/linear-layout'), require('@wm/components/containers/layout-grid'), require('@wm/components/containers/panel'), require('@wm/components/containers/tabs'), require('@wm/components/containers/tile'), require('@wm/components/containers/wizard'), require('@wm/components/dialogs/iframe-dialog'), require('@wm/components/dialogs/login-dialog'), require('@wm/components/dialogs/partial-dialog'), require('@wm/components/navigation/breadcrumb'), require('@wm/components/navigation/menu'), require('@wm/components/navigation/navbar'), require('@wm/components/navigation/popover'), require('@wm/components/advanced/carousel'), require('@wm/components/advanced/login'), require('@wm/components/advanced/marquee'), require('ngx-bootstrap/timepicker'), require('ngx-bootstrap/dropdown'), require('ngx-bootstrap/pagination'), require('ngx-bootstrap/typeahead'), require('ngx-bootstrap/progressbar'), require('ngx-bootstrap/carousel'), require('ngx-bootstrap/popover'), require('ng-circle-progress'), require('ngx-bootstrap/tooltip')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/router', '@angular/common', '@wm/core', '@wm/security', '@wm/variables', '@wm/components/page', 'rxjs', '@wm/components/base', 'tslib', '@wm/components/prefab', '@angular/common/http', '@angular/platform-browser', '@angular/forms', 'ngx-toastr', '@wm/components/dialogs', '@wm/components/dialogs/confirm-dialog', '@wm/components/dialogs/design-dialog', '@wm/mobile/runtime', '@wm/http', '@wm/oAuth', 'ngx-bootstrap/chronos', 'ngx-bootstrap/datepicker', 'ngx-bootstrap/utils', '@wm/components/dialogs/alert-dialog', 'rxjs/operators', '@wm/transpiler', '@wm/build-task', '@wm/components/page/footer', '@wm/components/page/header', '@wm/components/page/left-panel', '@wm/components/page/right-panel', '@wm/components/page/top-nav', '@wm/components/basic', '@wm/components/basic/progress', '@wm/components/basic/rich-text-editor', '@wm/components/basic/search', '@wm/components/basic/tree', '@wm/components/input/calendar', '@wm/components/input/chips', '@wm/components/input/color-picker', '@wm/components/input/currency', '@wm/components/input/epoch', '@wm/components/input/file-upload', '@wm/components/input', '@wm/components/input/rating', '@wm/components/input/slider', '@wm/components/data/card', '@wm/components/data/form', '@wm/components/data/list', '@wm/components/data/live-table', '@wm/components/data/pagination', '@wm/components/data/table', '@wm/components/chart', '@wm/components/containers/accordion', '@wm/components/containers/linear-layout', '@wm/components/containers/layout-grid', '@wm/components/containers/panel', '@wm/components/containers/tabs', '@wm/components/containers/tile', '@wm/components/containers/wizard', '@wm/components/dialogs/iframe-dialog', '@wm/components/dialogs/login-dialog', '@wm/components/dialogs/partial-dialog', '@wm/components/navigation/breadcrumb', '@wm/components/navigation/menu', '@wm/components/navigation/navbar', '@wm/components/navigation/popover', '@wm/components/advanced/carousel', '@wm/components/advanced/login', '@wm/components/advanced/marquee', 'ngx-bootstrap/timepicker', 'ngx-bootstrap/dropdown', 'ngx-bootstrap/pagination', 'ngx-bootstrap/typeahead', 'ngx-bootstrap/progressbar', 'ngx-bootstrap/carousel', 'ngx-bootstrap/popover', 'ng-circle-progress', 'ngx-bootstrap/tooltip'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.runtime = global.wm.runtime || {}, global.wm.runtime.base = {}), global.ng.core, global.ng.router, global.ng.common, global.wm.core, global.wm.security, global.wm.variables, global.wm.components.page, global.rxjs, global.wm.components.base, global.tslib, global.wm.components.prefab, global.ng.common.http, global.ng.platformBrowser, global.ng.forms, global.ngxToastr, global.wm.components.dialogs, global.wm.components.dialogs.confirmdialog, global.wm.components.dialogs.designdialog, global.wm.mobile.runtime, global.wm.http, global.wm.oAuth, global.chronos, global.datepicker, global.utils, global.wm.components.dialogs.alertdialog, global.rxjs.operators, global.wm.transpiler, global.wm.buildTask, global.wm.components.page.footer, global.wm.components.page.header, global.wm.components.page.leftpanel, global.wm.components.page.rightpanel, global.wm.components.page.topnav, global.wm.components.basic, global.wm.components.basic.progress, global.wm.components.basic.richtexteditor, global.wm.components.basic.search, global.wm.components.basic.tree, global.wm.components.input.calendar, global.wm.components.input.chips, global.wm.components.input.colorpicker, global.wm.components.input.currency, global.wm.components.input.epoch, global.wm.components.input.fileupload, global.wm.components.input, global.wm.components.input.rating, global.wm.components.input.slider, global.wm.components.data.card, global.wm.components.data.form, global.wm.components.data.list, global.wm.components.data.livetable, global.wm.components.data.pagination, global.wm.components.data.table, global.wm.components.chart, global.wm.components.containers.accordion, global.wm.components.containers.linearlayout, global.wm.components.containers.layoutgrid, global.wm.components.containers.panel, global.wm.components.containers.tabs, global.wm.components.containers.tile, global.wm.components.containers.wizard, global.wm.components.dialogs.iframedialog, global.wm.components.dialogs.logindialog, global.wm.components.dialogs.partialdialog, global.wm.components.navigation.breadcrumb, global.wm.components.navigation.menu, global.wm.components.navigation.navbar, global.wm.components.navigation.popover, global.wm.components.advanced.carousel, global.wm.components.advanced.login, global.wm.components.advanced.marquee, global.timepicker, global.dropdown, global.pagination, global.typeahead, global.progressbar, global.carousel, global.popover, global.ngCircleProgress, global.tooltip));
-})(this, (function (exports, i0, i1$1, i1$2, i1, i2, i4, page, rxjs, i3, tslib, i2$3, i1$5, i1$4, forms, i1$3, dialogs, i9, i10, i1$6, http, i2$2, chronos, i2$1, utils, i11, operators, transpiler, buildTask, footer, header, leftPanel, rightPanel, topNav, basic, progress, richTextEditor, search, tree, calendar, chips, colorPicker, currency, epoch, fileUpload, input, rating, slider, card, form, list, liveTable, pagination$1, table, chart, accordion, linearLayout, layoutGrid, panel, tabs, tile, wizard, iframeDialog, loginDialog, partialDialog, breadcrumb, menu, navbar, popover$1, carousel$1, login, marquee, timepicker, dropdown, pagination, typeahead, progressbar, carousel, popover, ngCircleProgress, tooltip) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/router'), require('@angular/common'), require('@wm/core'), require('@wm/security'), require('@wm/variables'), require('lodash-es'), require('@wm/components/page'), require('rxjs'), require('@wm/components/base'), require('tslib'), require('@wm/components/prefab'), require('@angular/common/http'), require('@angular/platform-browser'), require('@angular/forms'), require('ngx-toastr'), require('@wm/components/dialogs'), require('@wm/components/dialogs/confirm-dialog'), require('@wm/components/dialogs/design-dialog'), require('@wm/mobile/runtime'), require('@wm/http'), require('@wm/oAuth'), require('ngx-bootstrap/chronos'), require('ngx-bootstrap/datepicker'), require('ngx-bootstrap/utils'), require('@wm/components/dialogs/alert-dialog'), require('rxjs/operators'), require('@wm/transpiler'), require('@wm/build-task'), require('@wm/components/page/footer'), require('@wm/components/page/header'), require('@wm/components/page/left-panel'), require('@wm/components/page/right-panel'), require('@wm/components/page/top-nav'), require('@wm/components/basic'), require('@wm/components/basic/progress'), require('@wm/components/basic/rich-text-editor'), require('@wm/components/basic/search'), require('@wm/components/basic/tree'), require('@wm/components/input/calendar'), require('@wm/components/input/chips'), require('@wm/components/input/color-picker'), require('@wm/components/input/currency'), require('@wm/components/input/epoch'), require('@wm/components/input/file-upload'), require('@wm/components/input'), require('@wm/components/input/rating'), require('@wm/components/input/slider'), require('@wm/components/data/card'), require('@wm/components/data/form'), require('@wm/components/data/list'), require('@wm/components/data/live-table'), require('@wm/components/data/pagination'), require('@wm/components/data/table'), require('@wm/components/chart'), require('@wm/components/containers/accordion'), require('@wm/components/containers/linear-layout'), require('@wm/components/containers/layout-grid'), require('@wm/components/containers/panel'), require('@wm/components/containers/tabs'), require('@wm/components/containers/tile'), require('@wm/components/containers/wizard'), require('@wm/components/dialogs/iframe-dialog'), require('@wm/components/dialogs/login-dialog'), require('@wm/components/dialogs/partial-dialog'), require('@wm/components/navigation/breadcrumb'), require('@wm/components/navigation/menu'), require('@wm/components/navigation/navbar'), require('@wm/components/navigation/popover'), require('@wm/components/advanced/carousel'), require('@wm/components/advanced/login'), require('@wm/components/advanced/marquee'), require('ngx-bootstrap/timepicker'), require('ngx-bootstrap/dropdown'), require('ngx-bootstrap/pagination'), require('ngx-bootstrap/typeahead'), require('ngx-bootstrap/progressbar'), require('ngx-bootstrap/carousel'), require('ngx-bootstrap/popover'), require('ng-circle-progress'), require('ngx-bootstrap/tooltip')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/router', '@angular/common', '@wm/core', '@wm/security', '@wm/variables', 'lodash-es', '@wm/components/page', 'rxjs', '@wm/components/base', 'tslib', '@wm/components/prefab', '@angular/common/http', '@angular/platform-browser', '@angular/forms', 'ngx-toastr', '@wm/components/dialogs', '@wm/components/dialogs/confirm-dialog', '@wm/components/dialogs/design-dialog', '@wm/mobile/runtime', '@wm/http', '@wm/oAuth', 'ngx-bootstrap/chronos', 'ngx-bootstrap/datepicker', 'ngx-bootstrap/utils', '@wm/components/dialogs/alert-dialog', 'rxjs/operators', '@wm/transpiler', '@wm/build-task', '@wm/components/page/footer', '@wm/components/page/header', '@wm/components/page/left-panel', '@wm/components/page/right-panel', '@wm/components/page/top-nav', '@wm/components/basic', '@wm/components/basic/progress', '@wm/components/basic/rich-text-editor', '@wm/components/basic/search', '@wm/components/basic/tree', '@wm/components/input/calendar', '@wm/components/input/chips', '@wm/components/input/color-picker', '@wm/components/input/currency', '@wm/components/input/epoch', '@wm/components/input/file-upload', '@wm/components/input', '@wm/components/input/rating', '@wm/components/input/slider', '@wm/components/data/card', '@wm/components/data/form', '@wm/components/data/list', '@wm/components/data/live-table', '@wm/components/data/pagination', '@wm/components/data/table', '@wm/components/chart', '@wm/components/containers/accordion', '@wm/components/containers/linear-layout', '@wm/components/containers/layout-grid', '@wm/components/containers/panel', '@wm/components/containers/tabs', '@wm/components/containers/tile', '@wm/components/containers/wizard', '@wm/components/dialogs/iframe-dialog', '@wm/components/dialogs/login-dialog', '@wm/components/dialogs/partial-dialog', '@wm/components/navigation/breadcrumb', '@wm/components/navigation/menu', '@wm/components/navigation/navbar', '@wm/components/navigation/popover', '@wm/components/advanced/carousel', '@wm/components/advanced/login', '@wm/components/advanced/marquee', 'ngx-bootstrap/timepicker', 'ngx-bootstrap/dropdown', 'ngx-bootstrap/pagination', 'ngx-bootstrap/typeahead', 'ngx-bootstrap/progressbar', 'ngx-bootstrap/carousel', 'ngx-bootstrap/popover', 'ng-circle-progress', 'ngx-bootstrap/tooltip'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.runtime = global.wm.runtime || {}, global.wm.runtime.base = {}), global.ng.core, global.ng.router, global.ng.common, global.wm.core, global.wm.security, global.wm.variables, global._, global.wm.components.page, global.rxjs, global.wm.components.base, global.tslib, global.wm.components.prefab, global.ng.common.http, global.ng.platformBrowser, global.ng.forms, global.ngxToastr, global.wm.components.dialogs, global.wm.components.dialogs.confirmdialog, global.wm.components.dialogs.designdialog, global.wm.mobile.runtime, global.wm.http, global.wm.oAuth, global.chronos, global.datepicker, global.utils, global.wm.components.dialogs.alertdialog, global.rxjs.operators, global.wm.transpiler, global.wm.buildTask, global.wm.components.page.footer, global.wm.components.page.header, global.wm.components.page.leftpanel, global.wm.components.page.rightpanel, global.wm.components.page.topnav, global.wm.components.basic, global.wm.components.basic.progress, global.wm.components.basic.richtexteditor, global.wm.components.basic.search, global.wm.components.basic.tree, global.wm.components.input.calendar, global.wm.components.input.chips, global.wm.components.input.colorpicker, global.wm.components.input.currency, global.wm.components.input.epoch, global.wm.components.input.fileupload, global.wm.components.input, global.wm.components.input.rating, global.wm.components.input.slider, global.wm.components.data.card, global.wm.components.data.form, global.wm.components.data.list, global.wm.components.data.livetable, global.wm.components.data.pagination, global.wm.components.data.table, global.wm.components.chart, global.wm.components.containers.accordion, global.wm.components.containers.linearlayout, global.wm.components.containers.layoutgrid, global.wm.components.containers.panel, global.wm.components.containers.tabs, global.wm.components.containers.tile, global.wm.components.containers.wizard, global.wm.components.dialogs.iframedialog, global.wm.components.dialogs.logindialog, global.wm.components.dialogs.partialdialog, global.wm.components.navigation.breadcrumb, global.wm.components.navigation.menu, global.wm.components.navigation.navbar, global.wm.components.navigation.popover, global.wm.components.advanced.carousel, global.wm.components.advanced.login, global.wm.components.advanced.marquee, global.timepicker, global.dropdown, global.pagination, global.typeahead, global.progressbar, global.carousel, global.popover, global.ngCircleProgress, global.tooltip));
+})(this, (function (exports, i0, i1$1, i1$2, i1, i2, i4, lodashEs, page, rxjs, i3, tslib, i2$3, i1$5, i1$4, forms, i1$3, dialogs, i9, i10, i1$6, http, i2$2, chronos, i2$1, utils, i11, operators, transpiler, buildTask, footer, header, leftPanel, rightPanel, topNav, basic, progress, richTextEditor, search, tree, calendar, chips, colorPicker, currency, epoch, fileUpload, input, rating, slider, card, form, list, liveTable, pagination$1, table, chart, accordion, linearLayout, layoutGrid, panel, tabs, tile, wizard, iframeDialog, loginDialog, partialDialog, breadcrumb, menu, navbar, popover$1, carousel$1, login, marquee, timepicker, dropdown, pagination, typeahead, progressbar, carousel, popover, ngCircleProgress, tooltip) { 'use strict';
   function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -88,12 +88,12 @@
           this.$variables.registerDependency('appManager', this);
           this.$app.subscribe('toggle-variable-state', (data) => {
               const variable = data.variable, active = data.active;
-              if (!_.isEmpty(_.trim(variable.spinnerContext))) {
+              if (!lodashEs.isEmpty(lodashEs.trim(variable.spinnerContext))) {
                   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) {
-                          _.forEach(variable._spinnerId, (item) => {
+                          lodashEs.forEach(variable._spinnerId, (item) => {
                               if (item.slice(0, item.lastIndexOf('_')) === variable._id && this.$spinner.messagesByContext && this.$spinner.messagesByContext[variable.spinnerContext] &&
                                   (variable.spinnerMessage === this.$spinner.messagesByContext[variable.spinnerContext]["finalMessage"] || variable.spinnerMessage === this.$spinner.messagesByContext[variable.spinnerContext][item])) {
                                   spinnerExists = true;
@@ -161,8 +161,8 @@
           const init = response => {
               const data = this.$variables.register('app', response, this.$app);
               // not assigning directly to this.$app to keep the reference in tact
-              _.extend(this.$app.Variables, data.Variables);
-              _.extend(this.$app.Actions, data.Actions);
+              lodashEs.extend(this.$app.Variables, data.Variables);
+              lodashEs.extend(this.$app.Actions, data.Actions);
               this.updateLoggedInUserVariable();
               this.updateSupportedLocaleVariable();
               this.appVariablesLoaded = true;
@@ -195,7 +195,7 @@
           variable.tenantId = undefined;
       }
       updateLoggedInUserVariable() {
-          const loggedInUser = _.get(this.$app, 'Variables.loggedInUser.dataSet');
+          const loggedInUser = lodashEs.get(this.$app, 'Variables.loggedInUser.dataSet');
           // sanity check
           if (!loggedInUser) {
               return;
@@ -234,7 +234,7 @@
        *
        */
       updateSupportedLocaleVariable() {
-          _.get(this.$app, 'Variables.supportedLocale');
+          lodashEs.get(this.$app, 'Variables.supportedLocale');
       }
       handleSSOLogin(config) {
           const SSO_URL = 'services/security/ssologin', PREVIEW_WINDOW_NAME = 'WM_PREVIEW_WINDOW';
@@ -244,11 +244,11 @@
           page = this.$security.getRedirectPage(config);
           if (i4.CONSTANTS.hasCordova) {
               // get previously loggedInUser name (if any)
-              const lastLoggedInUsername = _.get(this.$security.get(), 'userInfo.userName');
+              const lastLoggedInUsername = lodashEs.get(this.$security.get(), 'userInfo.userName');
               this.$security.authInBrowser()
                   .then(() => this.reloadAppData())
                   .then(() => {
-                  const presentLoggedInUsername = _.get(this.$security.get(), 'userInfo.userName');
+                  const presentLoggedInUsername = lodashEs.get(this.$security.get(), 'userInfo.userName');
                   if (presentLoggedInUsername && presentLoggedInUsername === lastLoggedInUsername) {
                       i4.routerService.navigate([page]);
                   }
@@ -262,7 +262,7 @@
               pageParams = this.$security.getQueryString(this.$security.getRedirectedRouteQueryParams());
               pageParams = pageParams ? '?' + pageParams : '';
               // showing a redirecting message
-              document.body.textContent = _.get(this.getAppLocale(), ['MESSAGE_LOGIN_REDIRECTION']) || 'Redirecting to sso login...';
+              document.body.textContent = lodashEs.get(this.getAppLocale(), ['MESSAGE_LOGIN_REDIRECTION']) || 'Redirecting to sso login...';
               // appending redirect to page and page params
               const ssoUrl = this.getDeployedURL() + SSO_URL + page + pageParams;
               /*
@@ -327,7 +327,7 @@
                       }
                       queryParamsObj['redirectTo'] = page;
                       // Adding query params(page params of page being redirected to) to the URL.
-                      queryParamsObj = _.merge(queryParamsObj, this.$security.getRedirectedRouteQueryParams());
+                      queryParamsObj = lodashEs.merge(queryParamsObj, this.$security.getRedirectedRouteQueryParams());
                       // the redirect page should not be same as session timeout login page
                       if (page !== sessionTimeoutConfig.pageName) {
                           this.$router.navigate([sessionTimeoutConfig.pageName], { queryParams: queryParamsObj });
@@ -355,7 +355,7 @@
                       page = this.$security.getRedirectPage(config, page);
                       queryParamsObj['redirectTo'] = page;
                       const extraQueryParams = (options && options.queryParams) || this.$security.getRedirectedRouteQueryParams();
-                      queryParamsObj = _.merge(queryParamsObj, extraQueryParams);
+                      queryParamsObj = lodashEs.merge(queryParamsObj, extraQueryParams);
                       this.$router.navigate([loginConfig.pageName], { queryParams: queryParamsObj });
                       this.$app.landingPageName = loginConfig.pageName;
                       break;
@@ -379,7 +379,7 @@
           });
       }
       noRedirect(value) {
-          if (_.isUndefined(value)) {
+          if (lodashEs.isUndefined(value)) {
               return this._noRedirect;
           }
           this._noRedirect = value;
@@ -494,15 +494,17 @@
       postTemplateBundleInfo() {
           window.onmessage = (evt) => {
               const msgData = evt.data;
-              if (!_.isObject(msgData)) {
+              if (!lodashEs.isObject(msgData)) {
                   return;
               }
+              // @ts-ignore
               const key = msgData.key;
               switch (key) {
                   case POST_MESSAGES.HIDE_TEMPLATES_SHOW_CASE:
                       // scope.hideShowCase = true;
                       break;
                   case POST_MESSAGES.SELECT_TEMPLATE:
+                      // @ts-ignore
                       this.showTemplate(msgData.templateIndex);
                       break;
               }
@@ -526,9 +528,9 @@
       static { this.ɵfac = function AppManagerService_Factory(t) { return new (t || AppManagerService)(i0__namespace.ɵɵinject(i1__namespace.AbstractHttpService), i0__namespace.ɵɵinject(i2__namespace.SecurityService), i0__namespace.ɵɵinject(i1__namespace.AbstractDialogService), i0__namespace.ɵɵinject(i1$1__namespace.Router), i0__namespace.ɵɵinject(i1__namespace.App), i0__namespace.ɵɵinject(i4__namespace.VariablesService), i0__namespace.ɵɵinject(i4__namespace.MetadataService), i0__namespace.ɵɵinject(i1__namespace.AbstractSpinnerService), i0__namespace.ɵɵinject(i1__namespace.AbstractI18nService), i0__namespace.ɵɵinject(i1$2__namespace.DatePipe)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: AppManagerService, factory: AppManagerService.ɵfac }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppManagerService, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppManagerService, [{
           type: i0.Injectable
-      }], function () { return [{ type: i1__namespace.AbstractHttpService }, { type: i2__namespace.SecurityService }, { type: i1__namespace.AbstractDialogService }, { type: i1$1__namespace.Router }, { type: i1__namespace.App }, { type: i4__namespace.VariablesService }, { type: i4__namespace.MetadataService }, { type: i1__namespace.AbstractSpinnerService }, { type: i1__namespace.AbstractI18nService }, { type: i1$2__namespace.DatePipe }]; }, null); })();
+      }], () => [{ type: i1__namespace.AbstractHttpService }, { type: i2__namespace.SecurityService }, { type: i1__namespace.AbstractDialogService }, { type: i1$1__namespace.Router }, { type: i1__namespace.App }, { type: i4__namespace.VariablesService }, { type: i4__namespace.MetadataService }, { type: i1__namespace.AbstractSpinnerService }, { type: i1__namespace.AbstractI18nService }, { type: i1$2__namespace.DatePipe }], null); })();
   const isPrefabInPreview = (prefabName) => prefabName === '__self__';
   const getPrefabBaseUrl = (prefabName) => isPrefabInPreview(prefabName) ? '.' : `app/prefabs/${prefabName}`;
@@ -560,7 +562,7 @@
       loadStyles(prefabName, { resources: { styles } } = { resources: { styles: [] } }) {
           const baseUrl = getPrefabBaseUrl(prefabName);
           const _styles = styles.map(url => {
-              if (!_.endsWith(url, '/pages/Main/Main.css')) {
+              if (!lodashEs.endsWith(url, '/pages/Main/Main.css')) {
                   return getPrefabResourceUrl(url, baseUrl);
               }
               return undefined;
@@ -618,9 +620,9 @@
       static { this.ɵfac = function PrefabManagerService_Factory(t) { return new (t || PrefabManagerService)(i0__namespace.ɵɵinject(i4__namespace.MetadataService), i0__namespace.ɵɵinject(PrefabConfigProvider)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: PrefabManagerService, factory: PrefabManagerService.ɵfac }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PrefabManagerService, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PrefabManagerService, [{
           type: i0.Injectable
-      }], function () { return [{ type: i4__namespace.MetadataService }, { type: PrefabConfigProvider }]; }, null); })();
+      }], () => [{ type: i4__namespace.MetadataService }, { type: PrefabConfigProvider }], null); })();
   class FragmentMonitor {
       constructor() {
@@ -652,9 +654,9 @@
       static { this.ɵfac = function FragmentMonitor_Factory(t) { return new (t || FragmentMonitor)(); }; }
       static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: FragmentMonitor }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(FragmentMonitor, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(FragmentMonitor, [{
           type: i0.Directive
-      }], function () { return []; }, null); })();
+      }], () => [], null); })();
   const commonPartialWidgets = {};
   class BasePartialComponent extends FragmentMonitor {
@@ -760,7 +762,7 @@
        */
       registerExpressions() {
           const expressions = this.getExpressions();
-          _.each(expressions, (fn, expr) => {
+          lodashEs.each(expressions, (fn, expr) => {
               i1.registerFnByExpr(expr, fn[0], fn[1]);
           });
       }
@@ -795,15 +797,15 @@
       }
       mute() {
           const m = o => { o && o.mute && o.mute(); };
-          _.each(this.Widgets, m);
-          _.each(this.Variables, m);
-          _.each(this.Actions, m);
+          lodashEs.each(this.Widgets, m);
+          lodashEs.each(this.Variables, m);
+          lodashEs.each(this.Actions, m);
       }
       unmute() {
           const um = o => { o && o.unmute && o.unmute(); };
-          _.each(this.Widgets, um);
-          _.each(this.Variables, um);
-          _.each(this.Actions, um);
+          lodashEs.each(this.Widgets, um);
+          lodashEs.each(this.Variables, um);
+          lodashEs.each(this.Actions, um);
       }
       // ngOnInit() {
       //     this.init();
@@ -824,18 +826,18 @@
           this.unmute();
           if (refreshData) {
               const refresh = v => { v && v.startUpdate && v.invoke && v.invoke(); };
-              _.each(this.Variables, refresh);
-              _.each(this.Actions, refresh);
+              lodashEs.each(this.Variables, refresh);
+              lodashEs.each(this.Actions, refresh);
           }
-          _.each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
+          lodashEs.each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
       }
       ngOnDetach() {
           this.mute();
-          _.each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
+          lodashEs.each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
       }
       onReady(params) {
       }
-      static { this.ɵfac = /*@__PURE__*/ function () { let ɵBasePartialComponent_BaseFactory; return function BasePartialComponent_Factory(t) { return (ɵBasePartialComponent_BaseFactory || (ɵBasePartialComponent_BaseFactory = i0__namespace.ɵɵgetInheritedFactory(BasePartialComponent)))(t || BasePartialComponent); }; }(); }
+      static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBasePartialComponent_BaseFactory; return function BasePartialComponent_Factory(t) { return (ɵBasePartialComponent_BaseFactory || (ɵBasePartialComponent_BaseFactory = i0__namespace.ɵɵgetInheritedFactory(BasePartialComponent)))(t || BasePartialComponent); }; })(); }
       static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: BasePartialComponent, viewQuery: function BasePartialComponent_Query(rf, ctx) { if (rf & 1) {
               i0__namespace.ɵɵviewQuery(i3.PartialDirective, 5);
           } if (rf & 2) {
@@ -843,7 +845,7 @@
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.partialDirective = _t.first);
           } }, features: [i0__namespace.ɵɵInheritDefinitionFeature] }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BasePartialComponent, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BasePartialComponent, [{
           type: i0.Directive
       }], null, { partialDirective: [{
               type: i0.ViewChild,
@@ -857,7 +859,7 @@
   exports.WmDefaultRouteReuseStrategy = class WmDefaultRouteReuseStrategy {
       constructor(maxCacheSize, maxCacheAge) {
           this.paramsToIgnore = [
-              'wm_state',
+              'wm_state', // state persistence,
               CACHE_PAGE // to use page cache
           ];
           this.getSize = (obj) => obj ? Object.keys(obj).length : 0;
@@ -871,12 +873,10 @@
           });
       }
       getKey(route) {
-          const queryParams = _.chain(route.queryParams)
-              .keys()
-              .filter(k => !_.includes(this.paramsToIgnore, k))
-              .orderBy()
+          const queryParams = Object.keys(route.queryParams)
+              .filter(k => !this.paramsToIgnore.includes(k))
               .map(k => k + '=' + route.queryParams[k])
-              .value().join('&');
+              .sort().join('&');
           let pageName = route.params.pageName;
           if (route.data.pageName && route.routeConfig.path === '') {
               pageName = route.data.pageName;
@@ -903,7 +903,7 @@
       }
       isCacheEnabled(route, defaultValue) {
           const canReuse = route.queryParams[CACHE_PAGE];
-          if (!_.isNil(canReuse)) {
+          if (!lodashEs.isNil(canReuse)) {
               return (canReuse === 'true' || canReuse === true);
           }
           return defaultValue;
@@ -1071,7 +1071,7 @@
           }
       }
       registerPageParams() {
-          const subscription = this.route.queryParams.subscribe(params => this.pageParams = this.App.pageParams = _.extend({}, params));
+          const subscription = this.route.queryParams.subscribe(params => this.pageParams = this.App.pageParams = lodashEs.extend({}, params));
           this.registerDestroyListener(() => subscription.unsubscribe());
       }
       registerDestroyListener(fn) {
@@ -1123,7 +1123,7 @@
        */
       registerExpressions() {
           const expressions = this.getExpressions();
-          _.each(expressions, (fn, expr) => {
+          lodashEs.each(expressions, (fn, expr) => {
               i1.registerFnByExpr(expr, fn[0], fn[1]);
           });
       }
@@ -1315,15 +1315,15 @@
       }
       mute() {
           const m = o => { o && o.mute && o.mute(); };
-          _.each(this.Widgets, m);
-          _.each(this.Variables, m);
-          _.each(this.Actions, m);
+          lodashEs.each(this.Widgets, m);
+          lodashEs.each(this.Variables, m);
+          lodashEs.each(this.Actions, m);
       }
       unmute(c = this) {
           const um = o => { o && o.unmute && o.unmute(); };
-          _.each(this.Widgets, um);
-          _.each(this.Variables, um);
-          _.each(this.Actions, um);
+          lodashEs.each(this.Widgets, um);
+          lodashEs.each(this.Variables, um);
+          lodashEs.each(this.Actions, um);
       }
       ngOnAttach() {
           this.route.snapshot.data[CACHE_PAGE] = this.canReuse();
@@ -1338,12 +1338,12 @@
           this.App.Widgets = Object.create(this.Widgets);
           if (this.pageDirective && this.pageDirective.refreshdataonattach) {
               const refresh = v => { v && v.startUpdate && v.invoke && v.invoke(); };
-              _.each(this.Variables, refresh);
-              _.each(this.Actions, refresh);
+              lodashEs.each(this.Variables, refresh);
+              lodashEs.each(this.Actions, refresh);
           }
           this.runPageTransition().then(() => {
               setTimeout(() => this.restoreScrollPosition(), 100);
-              _.each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
+              lodashEs.each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
               this.appManager.notify('pageAttach', { 'name': this.pageName, instance: this });
           });
       }
@@ -1351,7 +1351,7 @@
           this.saveScrollPosition();
           this.savePageSnapShot();
           this.mute();
-          _.each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
+          lodashEs.each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
           this.appManager.notify('pageDetach', { 'name': this.pageName, instance: this });
       }
       ngAfterContentInit() {
@@ -1363,7 +1363,7 @@
               BasePageComponent.lastPageSnapShot = null;
           }
       }
-      static { this.ɵfac = /*@__PURE__*/ function () { let ɵBasePageComponent_BaseFactory; return function BasePageComponent_Factory(t) { return (ɵBasePageComponent_BaseFactory || (ɵBasePageComponent_BaseFactory = i0__namespace.ɵɵgetInheritedFactory(BasePageComponent)))(t || BasePageComponent); }; }(); }
+      static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBasePageComponent_BaseFactory; return function BasePageComponent_Factory(t) { return (ɵBasePageComponent_BaseFactory || (ɵBasePageComponent_BaseFactory = i0__namespace.ɵɵgetInheritedFactory(BasePageComponent)))(t || BasePageComponent); }; })(); }
       static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: BasePageComponent, viewQuery: function BasePageComponent_Query(rf, ctx) { if (rf & 1) {
               i0__namespace.ɵɵviewQuery(page.PageDirective, 5);
           } if (rf & 2) {
@@ -1373,7 +1373,7 @@
               i0__namespace.ɵɵlistener("beforeunload", function BasePageComponent_beforeunload_HostBindingHandler() { return ctx.canDeactivate(); }, false, i0__namespace.ɵɵresolveWindow);
           } }, features: [i0__namespace.ɵɵInheritDefinitionFeature] }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BasePageComponent, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BasePageComponent, [{
           type: i0.Directive
       }], null, { pageDirective: [{
               type: i0.ViewChild,
@@ -1455,8 +1455,8 @@
                   Object.entries((config.properties || {}))
                       .forEach(([key, prop]) => {
                       let expr;
-                      const value = _.trim(prop.value);
-                      if (_.startsWith(value, 'bind:')) {
+                      const value = lodashEs.trim(prop.value);
+                      if (lodashEs.startsWith(value, 'bind:')) {
                           expr = value.replace('bind:', '');
                       }
                       Object.defineProperty(this, key, {
@@ -1521,7 +1521,7 @@
        */
       registerExpressions() {
           const expressions = this.getExpressions();
-          _.each(expressions, (fn, expr) => {
+          lodashEs.each(expressions, (fn, expr) => {
               i1.registerFnByExpr(expr, fn[0], fn[1]);
           });
       }
@@ -1549,28 +1549,28 @@
       }
       mute() {
           const m = o => { o && o.mute && o.mute(); };
-          _.each(this.Widgets, m);
-          _.each(this.Variables, m);
-          _.each(this.Actions, m);
+          lodashEs.each(this.Widgets, m);
+          lodashEs.each(this.Variables, m);
+          lodashEs.each(this.Actions, m);
       }
       unmute() {
           const um = o => { o && o.unmute && o.unmute(); };
-          _.each(this.Widgets, um);
-          _.each(this.Variables, um);
-          _.each(this.Actions, um);
+          lodashEs.each(this.Widgets, um);
+          lodashEs.each(this.Variables, um);
+          lodashEs.each(this.Actions, um);
       }
       ngOnAttach(refreshData) {
           this.unmute();
           if (refreshData) {
               const refresh = v => { v && v.startUpdate && v.invoke && v.invoke(); };
-              _.each(this.Variables, refresh);
-              _.each(this.Actions, refresh);
+              lodashEs.each(this.Variables, refresh);
+              lodashEs.each(this.Actions, refresh);
           }
-          _.each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
+          lodashEs.each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
       }
       ngOnDetach() {
           this.mute();
-          _.each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
+          lodashEs.each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
       }
       ngAfterViewInit() {
           this.loadScripts().then(() => {
@@ -1589,7 +1589,7 @@
       // user overrides this
       onPropertyChange() { }
       onReady() { }
-      static { this.ɵfac = /*@__PURE__*/ function () { let ɵBasePrefabComponent_BaseFactory; return function BasePrefabComponent_Factory(t) { return (ɵBasePrefabComponent_BaseFactory || (ɵBasePrefabComponent_BaseFactory = i0__namespace.ɵɵgetInheritedFactory(BasePrefabComponent)))(t || BasePrefabComponent); }; }(); }
+      static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBasePrefabComponent_BaseFactory; return function BasePrefabComponent_Factory(t) { return (ɵBasePrefabComponent_BaseFactory || (ɵBasePrefabComponent_BaseFactory = i0__namespace.ɵɵgetInheritedFactory(BasePrefabComponent)))(t || BasePrefabComponent); }; })(); }
       static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: BasePrefabComponent, viewQuery: function BasePrefabComponent_Query(rf, ctx) { if (rf & 1) {
               i0__namespace.ɵɵviewQuery(i2$3.PrefabContainerDirective, 5);
           } if (rf & 2) {
@@ -1597,7 +1597,7 @@
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.prefabContainerDirective = _t.first);
           } }, features: [i0__namespace.ɵɵInheritDefinitionFeature] }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BasePrefabComponent, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BasePrefabComponent, [{
           type: i0.Directive
       }], null, { prefabContainerDirective: [{
               type: i0.ViewChild,
@@ -1612,7 +1612,7 @@
        */
       registerExpressions() {
           const expressions = this.getExpressions();
-          _.each(expressions, (fn, expr) => {
+          lodashEs.each(expressions, (fn, expr) => {
               i1.registerFnByExpr(expr, fn[0], fn[1]);
           });
       }
@@ -1653,7 +1653,7 @@
       // This will be called when child route (Page component in the layout) is activated
       onActivate(pageComponent) {
           //Add page component scope to layout component so that bindings and watchers in the layout will use the page scope
-          _.extend(this, pageComponent);
+          lodashEs.extend(this, pageComponent);
       }
       static { this.ɵfac = function BaseLayoutComponent_Factory(t) { return new (t || BaseLayoutComponent)(); }; }
       static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: BaseLayoutComponent, viewQuery: function BaseLayoutComponent_Query(rf, ctx) { if (rf & 1) {
@@ -1665,7 +1665,7 @@
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.pageDirective = _t.first);
           } } }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BaseLayoutComponent, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BaseLayoutComponent, [{
           type: i0.Directive
       }], null, { routerOutlet: [{
               type: i0.ViewChild,
@@ -1724,7 +1724,7 @@
           }
       }
       registerPageParams() {
-          const subscription = this.route.queryParams.subscribe(params => this.pageParams = this.App.pageParams = _.extend({}, params));
+          const subscription = this.route.queryParams.subscribe(params => this.pageParams = this.App.pageParams = lodashEs.extend({}, params));
           this.registerDestroyListener(() => subscription.unsubscribe());
       }
       registerDestroyListener(fn) {
@@ -1776,7 +1776,7 @@
        */
       registerExpressions() {
           const expressions = this.getExpressions();
-          _.each(expressions, (fn, expr) => {
+          lodashEs.each(expressions, (fn, expr) => {
               i1.registerFnByExpr(expr, fn[0], fn[1]);
           });
       }
@@ -1940,15 +1940,15 @@
       }
       mute() {
           const m = o => { o && o.mute && o.mute(); };
-          _.each(this.Widgets, m);
-          _.each(this.Variables, m);
-          _.each(this.Actions, m);
+          lodashEs.each(this.Widgets, m);
+          lodashEs.each(this.Variables, m);
+          lodashEs.each(this.Actions, m);
       }
       unmute(c = this) {
           const um = o => { o && o.unmute && o.unmute(); };
-          _.each(this.Widgets, um);
-          _.each(this.Variables, um);
-          _.each(this.Actions, um);
+          lodashEs.each(this.Widgets, um);
+          lodashEs.each(this.Variables, um);
+          lodashEs.each(this.Actions, um);
       }
       ngOnAttach() {
           this.route.snapshot.data[CACHE_PAGE] = this.canReuse();
@@ -1963,12 +1963,12 @@
           this.App.Widgets = Object.create(this.Widgets);
           if (this.spaPageDirective && this.spaPageDirective.refreshdataonattach) {
               const refresh = v => { v && v.startUpdate && v.invoke && v.invoke(); };
-              _.each(this.Variables, refresh);
-              _.each(this.Actions, refresh);
+              lodashEs.each(this.Variables, refresh);
+              lodashEs.each(this.Actions, refresh);
           }
           this.runPageTransition().then(() => {
               setTimeout(() => this.restoreScrollPosition(), 100);
-              _.each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
+              lodashEs.each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
               this.appManager.notify('pageAttach', { 'name': this.pageName, instance: this });
           });
           this.appManager.notify('highlightActiveLink', { 'pageName': this.pageName });
@@ -1977,7 +1977,7 @@
           this.saveScrollPosition();
           this.savePageSnapShot();
           this.mute();
-          _.each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
+          lodashEs.each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
           this.appManager.notify('pageDetach', { 'name': this.pageName, instance: this });
       }
       ngAfterContentInit() {
@@ -1989,7 +1989,7 @@
               BaseSpaPageComponent.lastPageSnapShot = null;
           }
       }
-      static { this.ɵfac = /*@__PURE__*/ function () { let ɵBaseSpaPageComponent_BaseFactory; return function BaseSpaPageComponent_Factory(t) { return (ɵBaseSpaPageComponent_BaseFactory || (ɵBaseSpaPageComponent_BaseFactory = i0__namespace.ɵɵgetInheritedFactory(BaseSpaPageComponent)))(t || BaseSpaPageComponent); }; }(); }
+      static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBaseSpaPageComponent_BaseFactory; return function BaseSpaPageComponent_Factory(t) { return (ɵBaseSpaPageComponent_BaseFactory || (ɵBaseSpaPageComponent_BaseFactory = i0__namespace.ɵɵgetInheritedFactory(BaseSpaPageComponent)))(t || BaseSpaPageComponent); }; })(); }
       static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: BaseSpaPageComponent, viewQuery: function BaseSpaPageComponent_Query(rf, ctx) { if (rf & 1) {
               i0__namespace.ɵɵviewQuery(page.SpaPageDirective, 5);
           } if (rf & 2) {
@@ -1999,7 +1999,7 @@
               i0__namespace.ɵɵlistener("beforeunload", function BaseSpaPageComponent_beforeunload_HostBindingHandler() { return ctx.canDeactivate(); }, false, i0__namespace.ɵɵresolveWindow);
           } }, features: [i0__namespace.ɵɵInheritDefinitionFeature] }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BaseSpaPageComponent, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BaseSpaPageComponent, [{
           type: i0.Directive
       }], null, { spaPageDirective: [{
               type: i0.ViewChild,
@@ -2016,16 +2016,18 @@
       USER_ROLE["AUTHENTICATED"] = "Authenticated";
   })(USER_ROLE || (USER_ROLE = {}));
   class AccessrolesDirective {
-      constructor(templateRef, viewContainerRef, securityService, inj) {
+      constructor(templateRef, viewContainerRef, securityService, inj, explicitContext) {
           this.templateRef = templateRef;
           this.viewContainerRef = viewContainerRef;
           this.securityService = securityService;
           this.inj = inj;
           this.processed = false;
+          this.context = {};
           const securityConfig = this.securityService.get();
-          this.securityEnabled = _.get(securityConfig, 'securityEnabled');
-          this.isUserAuthenticated = _.get(securityConfig, 'authenticated');
-          this.userRoles = _.get(securityConfig, 'userInfo.userRoles');
+          this.securityEnabled = lodashEs.get(securityConfig, 'securityEnabled');
+          this.isUserAuthenticated = lodashEs.get(securityConfig, 'authenticated');
+          this.userRoles = lodashEs.get(securityConfig, 'userInfo.userRoles');
+          lodashEs.extend(this.context, inj._lView[8], explicitContext);
       }
       /**
        * Returns array of roles from comma separated string of roles
@@ -2040,8 +2042,8 @@
               return [];
           }
           // replace the unicode equivalent of comma with comma
-          return _.split(val, ',').map(function (v) {
-              return _.trim(v).replace(UNICODE_COMMA_REGEX, ',');
+          return lodashEs.split(val, ',').map(function (v) {
+              return lodashEs.trim(v).replace(UNICODE_COMMA_REGEX, ',');
           });
       }
       /**
@@ -2052,7 +2054,7 @@
        */
       matchRoles(widgetRoles, userRoles) {
           return widgetRoles.some(function (item) {
-              return _.includes(userRoles, item);
+              return lodashEs.includes(userRoles, item);
           });
       }
       /**
@@ -2063,15 +2065,15 @@
        */
       hasAccessToWidget(widgetRoles, userRoles) {
           // access the widget when 'Everyone' is chosen
-          if (_.includes(widgetRoles, USER_ROLE.EVERYONE)) {
+          if (lodashEs.includes(widgetRoles, USER_ROLE.EVERYONE)) {
               return true;
           }
           // access the widget when 'Anonymous' is chosen and user is not authenticated
-          if (_.includes(widgetRoles, USER_ROLE.ANONYMOUS) && !this.isUserAuthenticated) {
+          if (lodashEs.includes(widgetRoles, USER_ROLE.ANONYMOUS) && !this.isUserAuthenticated) {
               return true;
           }
           // access the widget when 'Only Authenticated Users' is chosen and user is authenticated
-          if (_.includes(widgetRoles, USER_ROLE.AUTHENTICATED) && this.isUserAuthenticated) {
+          if (lodashEs.includes(widgetRoles, USER_ROLE.AUTHENTICATED) && this.isUserAuthenticated) {
               return true;
           }
           // access the widget when widget role and logged in user role matches
@@ -2087,29 +2089,34 @@
           const isAccessible = !this.securityEnabled || this.hasAccessToWidget(widgetRoles, this.userRoles);
           if (isAccessible) {
               // [WMS-19294] pass on the previous context as second param.
-              this.viewContainerRef.createEmbeddedView(this.templateRef, this.inj._lView[8]);
+              this.viewContainerRef.createEmbeddedView(this.templateRef, this.context);
           }
           else {
               this.viewContainerRef.clear();
           }
       }
-      static { this.ɵfac = function AccessrolesDirective_Factory(t) { return new (t || AccessrolesDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.TemplateRef), i0__namespace.ɵɵdirectiveInject(i0__namespace.ViewContainerRef), i0__namespace.ɵɵdirectiveInject(i2__namespace.SecurityService), i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector)); }; }
+      static { this.ɵfac = function AccessrolesDirective_Factory(t) { return new (t || AccessrolesDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.TemplateRef), i0__namespace.ɵɵdirectiveInject(i0__namespace.ViewContainerRef), i0__namespace.ɵɵdirectiveInject(i2__namespace.SecurityService), i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
       static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: AccessrolesDirective, selectors: [["", "accessroles", ""]], inputs: { accessroles: "accessroles" } }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AccessrolesDirective, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AccessrolesDirective, [{
           type: i0.Directive,
           args: [{
                   selector: '[accessroles]'
               }]
-      }], function () { return [{ type: i0__namespace.TemplateRef }, { type: i0__namespace.ViewContainerRef }, { type: i2__namespace.SecurityService }, { type: i0__namespace.Injector }]; }, { accessroles: [{
+      }], () => [{ type: i0__namespace.TemplateRef }, { type: i0__namespace.ViewContainerRef }, { type: i2__namespace.SecurityService }, { type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                  type: i0.Inject,
+                  args: ['EXPLICIT_CONTEXT']
+              }, {
+                  type: i0.Optional
+              }] }], { accessroles: [{
               type: i0.Input
           }] }); })();
   function AppSpinnerComponent_div_0_p_4_Template(rf, ctx) { if (rf & 1) {
       i0__namespace.ɵɵelement(0, "p", 6);
   } if (rf & 2) {
-      const value_r2 = ctx.$implicit;
-      i0__namespace.ɵɵproperty("textContent", value_r2);
+      const value_r1 = ctx.$implicit;
+      i0__namespace.ɵɵproperty("textContent", value_r1);
   } }
   function AppSpinnerComponent_div_0_Template(rf, ctx) { if (rf & 1) {
       i0__namespace.ɵɵelementStart(0, "div", 1)(1, "div", 2);
@@ -2118,10 +2125,10 @@
       i0__namespace.ɵɵtemplate(4, AppSpinnerComponent_div_0_p_4_Template, 1, 1, "p", 5);
       i0__namespace.ɵɵelementEnd()()();
   } if (rf & 2) {
-      const ctx_r0 = i0__namespace.ɵɵnextContext();
-      i0__namespace.ɵɵproperty("ngClass", ctx_r0.classname);
+      const ctx_r1 = i0__namespace.ɵɵnextContext();
+      i0__namespace.ɵɵproperty("ngClass", ctx_r1.classname);
       i0__namespace.ɵɵadvance(4);
-      i0__namespace.ɵɵproperty("ngForOf", ctx_r0.spinnermessages);
+      i0__namespace.ɵɵproperty("ngForOf", ctx_r1.spinnermessages);
   } }
   class AppSpinnerComponent {
       constructor() { }
@@ -2132,7 +2139,7 @@
               i0__namespace.ɵɵproperty("ngIf", ctx.show);
           } }, dependencies: [i1$2__namespace.NgClass, i1$2__namespace.NgForOf, i1$2__namespace.NgIf, i3__namespace.TextContentDirective], encapsulation: 2 }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppSpinnerComponent, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppSpinnerComponent, [{
           type: i0.Component,
           args: [{
                   selector: 'app-spinner',
@@ -2147,7 +2154,7 @@
         </div>
     `
               }]
-      }], function () { return []; }, { show: [{
+      }], () => [], { show: [{
               type: i0.Input
           }], spinnermessages: [{
               type: i0.Input
@@ -2156,6 +2163,7 @@
           }], arialabel: [{
               type: i0.Input
           }] }); })();
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(AppSpinnerComponent, { className: "AppSpinnerComponent", filePath: "components/app-spinner.component.ts", lineNumber: 16 }); })();
   const _c0$1 = ["customToast"];
   const _c1 = ["customToastTmpl"];
@@ -2163,8 +2171,8 @@
   function CustomToasterComponent_ng_template_3_div_1_Template(rf, ctx) { if (rf & 1) {
       i0__namespace.ɵɵelement(0, "div", 5);
   } if (rf & 2) {
-      const param_r4 = ctx.$implicit;
-      i0__namespace.ɵɵproperty("name", param_r4.key)("value", param_r4.value);
+      const param_r1 = ctx.$implicit;
+      i0__namespace.ɵɵproperty("name", param_r1.key)("value", param_r1.value);
   } }
   function CustomToasterComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
       i0__namespace.ɵɵelementStart(0, "div", 3);
@@ -2172,9 +2180,9 @@
       i0__namespace.ɵɵpipe(2, "keyvalue");
       i0__namespace.ɵɵelementEnd();
   } if (rf & 2) {
-      const ctx_r2 = i0__namespace.ɵɵnextContext();
-      i0__namespace.ɵɵadvance(1);
-      i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBind1(2, 1, ctx_r2.params));
+      const ctx_r1 = i0__namespace.ɵɵnextContext();
+      i0__namespace.ɵɵadvance();
+      i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBind1(2, 1, ctx_r1.params));
   } }
   class CustomToasterComponent extends i1$3.Toast {
       // constructor is only necessary when not using AoT
@@ -2189,8 +2197,8 @@
       }
       // Generate the params for partial page. If bound, watch the expression and set the value
       generateParams() {
-          _.forEach(this.options.partialParams, (param) => {
-              if (_.isString(param.value) && param.value.indexOf('bind:') === 0) {
+          lodashEs.forEach(this.options.partialParams, (param) => {
+              if (lodashEs.isString(param.value) && param.value.indexOf('bind:') === 0) {
                   //[Todo-CSP]: bind expr fn should be generated in the toaster action for this
                   this.watchers.push(i1.$watch(param.value.substr(5), this.options.context, {}, nv => {
                       this.params[param.name] = nv;
@@ -2211,7 +2219,7 @@
           this.generateDynamicComponent();
       }
       ngOnDestroy() {
-          _.forEach(this.watchers, watcher => watcher());
+          lodashEs.forEach(this.watchers, watcher => watcher());
           super.ngOnDestroy();
       }
       static { this.ɵfac = function CustomToasterComponent_Factory(t) { return new (t || CustomToasterComponent)(i0__namespace.ɵɵdirectiveInject(i1$3__namespace.ToastrService), i0__namespace.ɵɵdirectiveInject(i1$3__namespace.ToastPackage)); }; }
@@ -2222,13 +2230,13 @@
               let _t;
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.customToastRef = _t.first);
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.customToastTmpl = _t.first);
-          } }, features: [i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c2, decls: 5, vars: 0, consts: [[1, "parent-custom-toast"], ["customToast", ""], ["customToastTmpl", ""], ["wmContainer", "", "partialContainer", "", "content.bind", "pagename"], ["wmParam", "", "hidden", "", 3, "name", "value", 4, "ngFor", "ngForOf"], ["wmParam", "", "hidden", "", 3, "name", "value"]], template: function CustomToasterComponent_Template(rf, ctx) { if (rf & 1) {
-              i0__namespace.ɵɵelement(0, "div", 0);
-              i0__namespace.ɵɵelementContainer(1, null, 1);
-              i0__namespace.ɵɵtemplate(3, CustomToasterComponent_ng_template_3_Template, 3, 3, "ng-template", null, 2, i0__namespace.ɵɵtemplateRefExtractor);
+          } }, features: [i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c2, decls: 5, vars: 0, consts: [["customToast", ""], ["customToastTmpl", ""], [1, "parent-custom-toast"], ["wmContainer", "", "partialContainer", "", "content.bind", "pagename"], ["wmParam", "", "hidden", "", 3, "name", "value", 4, "ngFor", "ngForOf"], ["wmParam", "", "hidden", "", 3, "name", "value"]], template: function CustomToasterComponent_Template(rf, ctx) { if (rf & 1) {
+              i0__namespace.ɵɵelement(0, "div", 2);
+              i0__namespace.ɵɵelementContainer(1, null, 0);
+              i0__namespace.ɵɵtemplate(3, CustomToasterComponent_ng_template_3_Template, 3, 3, "ng-template", null, 1, i0__namespace.ɵɵtemplateRefExtractor);
           } }, dependencies: [i1$2__namespace.NgForOf, i3__namespace.ContainerDirective, i3__namespace.PartialParamHandlerDirective, i3__namespace.PartialParamDirective, i3__namespace.PartialContainerDirective, i1$2__namespace.KeyValuePipe], encapsulation: 2 }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CustomToasterComponent, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CustomToasterComponent, [{
           type: i0.Component,
           args: [{
                   selector: '[custom-toaster-component]',
@@ -2243,13 +2251,14 @@
         </ng-template>`,
                   preserveWhitespaces: false
               }]
-      }], function () { return [{ type: i1$3__namespace.ToastrService }, { type: i1$3__namespace.ToastPackage }]; }, { customToastRef: [{
+      }], () => [{ type: i1$3__namespace.ToastrService }, { type: i1$3__namespace.ToastPackage }], { customToastRef: [{
               type: i0.ViewChild,
               args: ['customToast', { static: true, read: i0.ViewContainerRef }]
           }], customToastTmpl: [{
               type: i0.ViewChild,
               args: ['customToastTmpl']
           }] }); })();
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(CustomToasterComponent, { className: "CustomToasterComponent", filePath: "components/custom-toaster.component.ts", lineNumber: 23 }); })();
   class EmptyPageComponent {
       constructor(route, securityService, router, app, appManger) {
@@ -2279,13 +2288,14 @@
               i0__namespace.ɵɵelement(0, "div");
           } }, encapsulation: 2 }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(EmptyPageComponent, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(EmptyPageComponent, [{
           type: i0.Component,
           args: [{
                   selector: 'app-empty-page',
                   template: '<div></div>'
               }]
-      }], function () { return [{ type: i1$1__namespace.ActivatedRoute }, { type: i2__namespace.SecurityService }, { type: i1$1__namespace.Router }, { type: i1__namespace.App }, { type: AppManagerService }]; }, null); })();
+      }], () => [{ type: i1$1__namespace.ActivatedRoute }, { type: i2__namespace.SecurityService }, { type: i1$1__namespace.Router }, { type: i1__namespace.App }, { type: AppManagerService }], null); })();
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(EmptyPageComponent, { className: "EmptyPageComponent", filePath: "components/empty-component/empty-page.component.ts", lineNumber: 13 }); })();
   class PrefabDirective {
       constructor(componentInstance, vcRef, elRef, prefabMngr, resolver, injector, componentRefProvider) {
@@ -2309,17 +2319,17 @@
       static { this.ɵfac = function PrefabDirective_Factory(t) { return new (t || PrefabDirective)(i0__namespace.ɵɵdirectiveInject(i3.WidgetRef, 2), i0__namespace.ɵɵdirectiveInject(i0__namespace.ViewContainerRef), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(PrefabManagerService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ComponentFactoryResolver), i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(ComponentRefProvider)); }; }
       static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: PrefabDirective, selectors: [["", "wmPrefab", "", "prefabname", ""]] }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PrefabDirective, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PrefabDirective, [{
           type: i0.Directive,
           args: [{
                   selector: '[wmPrefab][prefabname]'
               }]
-      }], function () { return [{ type: undefined, decorators: [{
+      }], () => [{ type: undefined, decorators: [{
                   type: i0.Self
               }, {
                   type: i0.Inject,
                   args: [i3.WidgetRef]
-              }] }, { type: i0__namespace.ViewContainerRef }, { type: i0__namespace.ElementRef }, { type: PrefabManagerService }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.Injector }, { type: ComponentRefProvider }]; }, null); })();
+              }] }, { type: i0__namespace.ViewContainerRef }, { type: i0__namespace.ElementRef }, { type: PrefabManagerService }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.Injector }, { type: ComponentRefProvider }], null); })();
   class PipeProvider {
       setPipeData() {
@@ -2429,12 +2439,12 @@
       static { this.ɵfac = function PipeProvider_Factory(t) { return new (t || PipeProvider)(i0__namespace.ɵɵinject(i0__namespace.Compiler), i0__namespace.ɵɵinject(i0__namespace.Injector), i0__namespace.ɵɵinject(i1$4__namespace.DomSanitizer), i0__namespace.ɵɵinject(i1__namespace.AbstractI18nService)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: PipeProvider, factory: PipeProvider.ɵfac, providedIn: 'root' }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PipeProvider, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PipeProvider, [{
           type: i0.Injectable,
           args: [{
                   providedIn: 'root'
               }]
-      }], function () { return [{ type: i0__namespace.Compiler }, { type: i0__namespace.Injector }, { type: i1$4__namespace.DomSanitizer }, { type: i1__namespace.AbstractI18nService }]; }, null); })();
+      }], () => [{ type: i0__namespace.Compiler }, { type: i0__namespace.Injector }, { type: i1$4__namespace.DomSanitizer }, { type: i1__namespace.AbstractI18nService }], null); })();
   class PipeService {
       constructor(pipeProvider, $app) {
@@ -2456,10 +2466,10 @@
       static { this.ɵfac = function PipeService_Factory(t) { return new (t || PipeService)(i0__namespace.ɵɵinject(PipeProvider), i0__namespace.ɵɵinject(i1__namespace.App)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: PipeService, factory: PipeService.ɵfac, providedIn: 'root' }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PipeService, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PipeService, [{
           type: i0.Injectable,
           args: [{ providedIn: 'root' }]
-      }], function () { return [{ type: PipeProvider }, { type: i1__namespace.App }]; }, null); })();
+      }], () => [{ type: PipeProvider }, { type: i1__namespace.App }], null); })();
   const injectorMap = {
       DialogService: i1.AbstractDialogService,
@@ -2537,7 +2547,7 @@
           this._eventNotifier.notify.apply(this._eventNotifier, arguments);
       }
       getDependency(injToken) {
-          if (i1.isString(injToken)) {
+          if (lodashEs.isString(injToken)) {
               if (injToken === 'HttpService') {
                   return getHttpDependency.call(this);
               }
@@ -2560,9 +2570,9 @@
        * triggers the onSessionTimeout callback in app.js
        */
       on401() {
-          const userInfo = _.get(this.securityService.get(), 'userInfo');
+          const userInfo = lodashEs.get(this.securityService.get(), 'userInfo');
           // if a previous user exists, a session time out triggered
-          if (!_.isEmpty(userInfo)) {
+          if (!lodashEs.isEmpty(userInfo)) {
               this.onSessionTimeout();
           }
       }
@@ -2570,7 +2580,7 @@
           return this._eventNotifier.subscribe(eventName, callback);
       }
       notifyApp(template, type, title) {
-          const notificationAction = _.get(this, 'Actions.appNotification');
+          const notificationAction = lodashEs.get(this, 'Actions.appNotification');
           const EXCLUDE_NOTIFICATION_MESSAGES = ['PROCESS_REJECTED_IN_QUEUE'];
           const skipDefaultNotification = EXCLUDE_NOTIFICATION_MESSAGES.indexOf(template) !== -1;
           if (notificationAction) {
@@ -2599,16 +2609,16 @@
        * @param expressions, map of bind expression vs generated function
        */
       registerExpressions(expressions) {
-          _.each(expressions, (fn, expr) => {
+          lodashEs.each(expressions, (fn, expr) => {
               i1.registerFnByExpr(expr, fn[0], fn[1]);
           });
       }
       static { this.ɵfac = function AppRef_Factory(t) { return new (t || AppRef)(i0__namespace.ɵɵinject(i0__namespace.Injector), i0__namespace.ɵɵinject(i1__namespace.AbstractI18nService), i0__namespace.ɵɵinject(i1__namespace.StatePersistence), i0__namespace.ɵɵinject(i1__namespace.AbstractHttpService), i0__namespace.ɵɵinject(i2__namespace.SecurityService), i0__namespace.ɵɵinject(i1$1__namespace.RouteReuseStrategy)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: AppRef, factory: AppRef.ɵfac }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppRef, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppRef, [{
           type: i0.Injectable
-      }], function () { return [{ type: i0__namespace.Injector }, { type: i1__namespace.AbstractI18nService }, { type: i1__namespace.StatePersistence }, { type: i1__namespace.AbstractHttpService }, { type: i2__namespace.SecurityService }, { type: i1$1__namespace.RouteReuseStrategy }]; }, null); })();
+      }], () => [{ type: i0__namespace.Injector }, { type: i1__namespace.AbstractI18nService }, { type: i1__namespace.StatePersistence }, { type: i1__namespace.AbstractHttpService }, { type: i2__namespace.SecurityService }, { type: i1$1__namespace.RouteReuseStrategy }], null); })();
   class ToasterServiceImpl extends i1.AbstractToasterService {
       constructor(toaster) {
@@ -2617,7 +2627,7 @@
       }
       _showToaster(type, title, desc, options) {
           // backward compatibility (in 9.x, 4th param is timeout value).
-          if (_.isNumber(options)) {
+          if (lodashEs.isNumber(options)) {
               options = { timeOut: options };
           }
           options = options || {};
@@ -2628,7 +2638,7 @@
           // pop the toaster only if either title or description are defined
           if (title || desc) {
               // if the desc is an object, stringify it.
-              if (!options.bodyOutputType && _.isObject(desc)) {
+              if (!options.bodyOutputType && lodashEs.isObject(desc)) {
                   desc = JSON.stringify(desc);
               }
               const fn = this.toaster[type];
@@ -2679,8 +2689,8 @@
        * @param {options} Object
        */
       setToasterConfig(options) {
-          if (_.isObject(options)) {
-              _.merge(this.toaster.toastrConfig, options);
+          if (lodashEs.isObject(options)) {
+              lodashEs.merge(this.toaster.toastrConfig, options);
           }
           else {
               console.warn('Please pass a valid options object, For Example : {maxOpened: 1, autoDismiss: true}');
@@ -2689,9 +2699,9 @@
       static { this.ɵfac = function ToasterServiceImpl_Factory(t) { return new (t || ToasterServiceImpl)(i0__namespace.ɵɵinject(i1$3__namespace.ToastrService)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: ToasterServiceImpl, factory: ToasterServiceImpl.ɵfac }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ToasterServiceImpl, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ToasterServiceImpl, [{
           type: i0.Injectable
-      }], function () { return [{ type: i1$3__namespace.ToastrService }]; }, null); })();
+      }], () => [{ type: i1$3__namespace.ToastrService }], null); })();
   const APP_LOCALE_ROOT_PATH = 'resources/i18n';
   const RTL_LANGUAGE_CODES = ['ar', 'ar-001', 'ar-ae', 'ar-bh', 'ar-dz', 'ar-eg', 'ar-iq', 'ar-jo', 'ar-kw', 'ar-lb', 'ar-ly',
@@ -2839,11 +2849,11 @@
                       if (localeIndex > 0) {
                           locale = locale.substr(localeIndex);
                       }
-                      localeObj['timezone'] = _.find(moment.tz.names(), (timezoneName) => {
+                      localeObj['timezone'] = lodashEs.find(moment.tz.names(), (timezoneName) => {
                           return locale === moment.tz(timezoneName).format('Z');
                       });
                   }
-                  moment.tz.setDefault(locale);
+                  this.formatsByLocale.timezone = locale;
                   const localeData = compInstance && compInstance.formatsByLocale ? compInstance.formatsByLocale : this.formatsByLocale;
                   Object.assign(localeData, localeObj);
                   resolve();
@@ -2876,8 +2886,8 @@
           this.loadMomentTimeZoneBundle(locale, compInstance);
       }
       getTimezone(compInstance) {
-          const pageConfig = _.get(this.app, 'activePage.formatsByLocale.timezone');
-          const compConfig = _.get(compInstance, 'formatsByLocale.timezone');
+          const pageConfig = lodashEs.get(this.app, 'activePage.formatsByLocale.timezone');
+          const compConfig = lodashEs.get(compInstance, 'formatsByLocale.timezone');
           if (compConfig) {
               return compConfig;
           }
@@ -2893,12 +2903,13 @@
       }
       setSelectedLocale(locale) {
           // check if the event is propagated from the select or any such widget
-          if (_.isObject(locale)) {
+          if (lodashEs.isObject(locale)) {
+              // @ts-ignore
               locale = locale.datavalue;
           }
           const libLocale = i1.getWmProjectProperties().supportedLanguages[locale];
           const supportedLocale = Object.keys(i1.getWmProjectProperties().supportedLanguages);
-          if (!_.includes(supportedLocale, locale)) {
+          if (!lodashEs.includes(supportedLocale, locale)) {
               return Promise.resolve();
           }
           if (!locale || locale === this.selectedLocale) {
@@ -2944,8 +2955,8 @@
            */
           if (i4.CONSTANTS.hasCordova) {
               let supportedLang = [];
-              _.forEach(_acceptLang, function (lang) {
-                  let matchedLang = _.find(_supportedLang, (val) => lang === val) || _.find(_supportedLang, (val) => lang.startsWith(val));
+              lodashEs.forEach(_acceptLang, function (lang) {
+                  let matchedLang = lodashEs.find(_supportedLang, (val) => lang === val) || lodashEs.find(_supportedLang, (val) => lang.startsWith(val));
                   if (matchedLang) {
                       supportedLang.push(matchedLang);
                   }
@@ -2953,7 +2964,7 @@
               _appSupportedLang = supportedLang[0];
           }
           // check for the session storage to load any pre-requested locale
-          const _defaultLang = i1.getSessionStorageItem('selectedLocale') || _selectedDefaultLang || _appSupportedLang || _.intersection(_acceptLang, _supportedLang)[0] || this.defaultSupportedLocale;
+          const _defaultLang = i1.getSessionStorageItem('selectedLocale') || _selectedDefaultLang || _appSupportedLang || lodashEs.intersection(_acceptLang, _supportedLang)[0] || this.defaultSupportedLocale;
           // if the supportedLocale is not available set it to defaultLocale
           _supportedLang = _supportedLang || [_defaultLang];
           const defaultLanguage = _defaultLang || _supportedLang[0];
@@ -2986,7 +2997,7 @@
                   return locale.split(';')[0];
               });
           }
-          return _.map(languages, _.toLower);
+          return lodashEs.map(languages, lodashEs.toLower);
       }
       initCalendarLocale() {
           if (this.selectedLocale !== 'en') {
@@ -3011,9 +3022,9 @@
       static { this.ɵfac = function I18nServiceImpl_Factory(t) { return new (t || I18nServiceImpl)(i0__namespace.ɵɵinject(i1$5__namespace.HttpClient), i0__namespace.ɵɵinject(i2$1__namespace.BsLocaleService), i0__namespace.ɵɵinject(i1__namespace.AppDefaults), i0__namespace.ɵɵinject(i0__namespace.Injector)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: I18nServiceImpl, factory: I18nServiceImpl.ɵfac }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(I18nServiceImpl, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(I18nServiceImpl, [{
           type: i0.Injectable
-      }], function () { return [{ type: i1$5__namespace.HttpClient }, { type: i2$1__namespace.BsLocaleService }, { type: i1__namespace.AppDefaults }, { type: i0__namespace.Injector }]; }, null); })();
+      }], () => [{ type: i1$5__namespace.HttpClient }, { type: i2$1__namespace.BsLocaleService }, { type: i1__namespace.AppDefaults }, { type: i0__namespace.Injector }], null); })();
   const spinnerTemplate = `<div class="app-spinner">
                             <div class="spinner-message" aria-label="loading gif">
@@ -3072,7 +3083,7 @@
           this.messageSource.next({
               show: true,
               message: msg,
-              messages: _.values(this.messagesByContext[ctx])
+              messages: lodashEs.values(this.messagesByContext[ctx])
           });
       }
       /**
@@ -3113,8 +3124,8 @@
        */
       hide(id) {
           // find the spinner context of the id from the messagesByContext
-          const ctx = _.findKey(this.messagesByContext, function (obj) {
-              return _.includes(_.keys(obj), id);
+          const ctx = lodashEs.findKey(this.messagesByContext, function (obj) {
+              return lodashEs.includes(lodashEs.keys(obj), id);
           }) || 'page';
           // if spinnerContext exists just remove the spinner from the reference and destroy the scope associated.
           if (ctx !== 'page') {
@@ -3123,10 +3134,10 @@
           }
           if (id) {
               delete this.messagesByContext[ctx][id];
-              const messages = _.values(this.messagesByContext[ctx]);
+              const messages = lodashEs.values(this.messagesByContext[ctx]);
               this.messageSource.next({
                   show: messages.length ? true : false,
-                  messages: _.values(this.messagesByContext[ctx])
+                  messages: lodashEs.values(this.messagesByContext[ctx])
               });
           }
           else {
@@ -3136,9 +3147,9 @@
       static { this.ɵfac = function SpinnerServiceImpl_Factory(t) { return new (t || SpinnerServiceImpl)(); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: SpinnerServiceImpl, factory: SpinnerServiceImpl.ɵfac }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SpinnerServiceImpl, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SpinnerServiceImpl, [{
           type: i0.Injectable
-      }], function () { return []; }, null); })();
+      }], () => [], null); })();
   const parentSelector = 'body >app-root';
   class NavigationServiceImpl {
@@ -3187,7 +3198,7 @@
           });
       }
       getPageTransition() {
-          if (_.isEmpty(this.transition) || _.isEqual('none', this.transition)) {
+          if (lodashEs.isEmpty(this.transition) || lodashEs.isEqual('none', this.transition)) {
               return null;
           }
           return this.transition;
@@ -3220,7 +3231,7 @@
       goToPrevious() {
           if (this.history.getPagesCount()) {
               this.transition = this.history.getCurrentPage().transition;
-              if (!_.isEmpty(this.transition)) {
+              if (!lodashEs.isEmpty(this.transition)) {
                   this.transition += '-exit';
               }
               this.history.pop();
@@ -3327,8 +3338,8 @@
       getViewElementInActivePage($el) {
           let selector;
           if ($el.length > 1) {
-              selector = _.filter($el, (childSelector) => {
-                  if (_.isEmpty($(childSelector).closest('[data-role = "partial"]')) && _.isEmpty($(childSelector).closest('[wmprefabcontainer]'))) {
+              selector = lodashEs.filter($el, (childSelector) => {
+                  if (lodashEs.isEmpty($(childSelector).closest('[data-role = "partial"]')) && lodashEs.isEmpty($(childSelector).closest('[wmprefabcontainer]'))) {
                       return childSelector;
                   }
               });
@@ -3397,18 +3408,18 @@
       static { this.ɵfac = function NavigationServiceImpl_Factory(t) { return new (t || NavigationServiceImpl)(i0__namespace.ɵɵinject(i1__namespace.App), i0__namespace.ɵɵinject(i1$1__namespace.Router), i0__namespace.ɵɵinject(i0__namespace.NgZone)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: NavigationServiceImpl, factory: NavigationServiceImpl.ɵfac }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(NavigationServiceImpl, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(NavigationServiceImpl, [{
           type: i0.Injectable
-      }], function () { return [{ type: i1__namespace.App }, { type: i1$1__namespace.Router }, { type: i0__namespace.NgZone }]; }, null); })();
+      }], () => [{ type: i1__namespace.App }, { type: i1$1__namespace.Router }, { type: i0__namespace.NgZone }], null); })();
   class PageInfo {
       constructor(name, urlParams, transition) {
           this.name = name;
           this.urlParams = urlParams;
           this.transition = transition;
-          this.transition = _.isEmpty(this.transition) ? null : this.transition;
+          this.transition = lodashEs.isEmpty(this.transition) ? null : this.transition;
       }
       isEqual(page1) {
-          return page1 && page1.name === this.name && _.isEqual(page1.urlParams, this.urlParams);
+          return page1 && page1.name === this.name && lodashEs.isEqual(page1.urlParams, this.urlParams);
       }
   }
   class History {
@@ -3455,9 +3466,9 @@
       static { this.ɵfac = function AppDefaultsService_Factory(t) { return new (t || AppDefaultsService)(); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: AppDefaultsService, factory: AppDefaultsService.ɵfac }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppDefaultsService, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppDefaultsService, [{
           type: i0.Injectable
-      }], function () { return []; }, null); })();
+      }], () => [], null); })();
   let securityConfigLoaded = false;
   class AuthGuard {
@@ -3492,9 +3503,9 @@
       static { this.ɵfac = function AuthGuard_Factory(t) { return new (t || AuthGuard)(i0__namespace.ɵɵinject(i2__namespace.SecurityService), i0__namespace.ɵɵinject(AppManagerService)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: AuthGuard, factory: AuthGuard.ɵfac }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AuthGuard, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AuthGuard, [{
           type: i0.Injectable
-      }], function () { return [{ type: i2__namespace.SecurityService }, { type: AppManagerService }]; }, null); })();
+      }], () => [{ type: i2__namespace.SecurityService }, { type: AppManagerService }], null); })();
   class RoleGuard {
       constructor(securityService, authGuard, toasterService, app, appManager) {
@@ -3510,7 +3521,7 @@
               .then((isLoggedIn) => {
               if (isLoggedIn) {
                   const userRoles = this.securityService.get().userInfo.userRoles;
-                  const hasAccess = _.intersection(allowedRoles, userRoles).length > 0;
+                  const hasAccess = lodashEs.intersection(allowedRoles, userRoles).length > 0;
                   if (hasAccess) {
                       return Promise.resolve(true);
                   }
@@ -3528,9 +3539,9 @@
       static { this.ɵfac = function RoleGuard_Factory(t) { return new (t || RoleGuard)(i0__namespace.ɵɵinject(i2__namespace.SecurityService), i0__namespace.ɵɵinject(AuthGuard), i0__namespace.ɵɵinject(i1__namespace.AbstractToasterService), i0__namespace.ɵɵinject(i1__namespace.App), i0__namespace.ɵɵinject(AppManagerService)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: RoleGuard, factory: RoleGuard.ɵfac }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(RoleGuard, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(RoleGuard, [{
           type: i0.Injectable
-      }], function () { return [{ type: i2__namespace.SecurityService }, { type: AuthGuard }, { type: i1__namespace.AbstractToasterService }, { type: i1__namespace.App }, { type: AppManagerService }]; }, null); })();
+      }], () => [{ type: i2__namespace.SecurityService }, { type: AuthGuard }, { type: i1__namespace.AbstractToasterService }, { type: i1__namespace.App }, { type: AppManagerService }], null); })();
   class PageNotFoundGuard {
       constructor(app, appManager) {
@@ -3544,9 +3555,9 @@
       static { this.ɵfac = function PageNotFoundGuard_Factory(t) { return new (t || PageNotFoundGuard)(i0__namespace.ɵɵinject(i1__namespace.App), i0__namespace.ɵɵinject(AppManagerService)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: PageNotFoundGuard, factory: PageNotFoundGuard.ɵfac }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PageNotFoundGuard, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PageNotFoundGuard, [{
           type: i0.Injectable
-      }], function () { return [{ type: i1__namespace.App }, { type: AppManagerService }]; }, null); })();
+      }], () => [{ type: i1__namespace.App }, { type: AppManagerService }], null); })();
   let appJsLoaded$1 = false;
   class AppJSResolve {
@@ -3576,9 +3587,9 @@
       static { this.ɵfac = function AppJSResolve_Factory(t) { return new (t || AppJSResolve)(i0__namespace.ɵɵinject(i0__namespace.Injector), i0__namespace.ɵɵinject(i1__namespace.App), i0__namespace.ɵɵinject(i1__namespace.UtilsService), i0__namespace.ɵɵinject(AppJSProvider)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: AppJSResolve, factory: AppJSResolve.ɵfac }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppJSResolve, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppJSResolve, [{
           type: i0.Injectable
-      }], function () { return [{ type: i0__namespace.Injector }, { type: i1__namespace.App }, { type: i1__namespace.UtilsService }, { type: AppJSProvider }]; }, null); })();
+      }], () => [{ type: i0__namespace.Injector }, { type: i1__namespace.App }, { type: i1__namespace.UtilsService }, { type: AppJSProvider }], null); })();
   let appJsLoaded = false;
   class AppExtensionJSResolve {
@@ -3616,9 +3627,9 @@
       static { this.ɵfac = function AppExtensionJSResolve_Factory(t) { return new (t || AppExtensionJSResolve)(i0__namespace.ɵɵinject(AppManagerService), i0__namespace.ɵɵinject(AppExtensionProvider), i0__namespace.ɵɵinject(i1__namespace.CustomPipeManager)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: AppExtensionJSResolve, factory: AppExtensionJSResolve.ɵfac }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppExtensionJSResolve, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppExtensionJSResolve, [{
           type: i0.Injectable
-      }], function () { return [{ type: AppManagerService }, { type: AppExtensionProvider }, { type: i1__namespace.CustomPipeManager }]; }, null); })();
+      }], () => [{ type: AppManagerService }, { type: AppExtensionProvider }, { type: i1__namespace.CustomPipeManager }], null); })();
   class I18nResolve {
       constructor(i18nService) {
@@ -3630,33 +3641,33 @@
       static { this.ɵfac = function I18nResolve_Factory(t) { return new (t || I18nResolve)(i0__namespace.ɵɵinject(i1__namespace.AbstractI18nService)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: I18nResolve, factory: I18nResolve.ɵfac }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(I18nResolve, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(I18nResolve, [{
           type: i0.Injectable
-      }], function () { return [{ type: i1__namespace.AbstractI18nService }]; }, null); })();
+      }], () => [{ type: i1__namespace.AbstractI18nService }], null); })();
   const _c0 = ["dynamicComponent"];
   function AppComponent_ng_container_0_div_2_Template(rf, ctx) { if (rf & 1) {
       i0__namespace.ɵɵelement(0, "div", 11);
   } }
   function AppComponent_ng_container_0_ng_template_5_li_1_Template(rf, ctx) { if (rf & 1) {
-      const _r10 = i0__namespace.ɵɵgetCurrentView();
+      const _r1 = i0__namespace.ɵɵgetCurrentView();
       i0__namespace.ɵɵelementStart(0, "li", 14)(1, "button", 15);
-      i0__namespace.ɵɵlistener("click", function AppComponent_ng_container_0_ng_template_5_li_1_Template_button_click_1_listener() { const restoredCtx = i0__namespace.ɵɵrestoreView(_r10); const provider_r8 = restoredCtx.$implicit; return i0__namespace.ɵɵresetView(provider_r8.invoke()); });
+      i0__namespace.ɵɵlistener("click", function AppComponent_ng_container_0_ng_template_5_li_1_Template_button_click_1_listener() { const provider_r2 = i0__namespace.ɵɵrestoreView(_r1).$implicit; return i0__namespace.ɵɵresetView(provider_r2.invoke()); });
       i0__namespace.ɵɵtext(2);
       i0__namespace.ɵɵelementEnd()();
   } if (rf & 2) {
-      const provider_r8 = ctx.$implicit;
+      const provider_r2 = ctx.$implicit;
       i0__namespace.ɵɵadvance(2);
-      i0__namespace.ɵɵtextInterpolate(provider_r8.name);
+      i0__namespace.ɵɵtextInterpolate(provider_r2.name);
   } }
   function AppComponent_ng_container_0_ng_template_5_Template(rf, ctx) { if (rf & 1) {
       i0__namespace.ɵɵelementStart(0, "ul", 12);
       i0__namespace.ɵɵtemplate(1, AppComponent_ng_container_0_ng_template_5_li_1_Template, 3, 1, "li", 13);
       i0__namespace.ɵɵelementEnd();
   } if (rf & 2) {
-      const ctx_r4 = i0__namespace.ɵɵnextContext(2);
-      i0__namespace.ɵɵadvance(1);
-      i0__namespace.ɵɵproperty("ngForOf", ctx_r4.providersConfig);
+      const ctx_r2 = i0__namespace.ɵɵnextContext(2);
+      i0__namespace.ɵɵadvance();
+      i0__namespace.ɵɵproperty("ngForOf", ctx_r2.providersConfig);
   } }
   function AppComponent_ng_container_0_div_8_Template(rf, ctx) { if (rf & 1) {
       i0__namespace.ɵɵelement(0, "div", 16);
@@ -3667,30 +3678,29 @@
   function AppComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
       i0__namespace.ɵɵelementContainerStart(0);
       i0__namespace.ɵɵelement(1, "router-outlet");
-      i0__namespace.ɵɵtemplate(2, AppComponent_ng_container_0_div_2_Template, 1, 0, "div", 2);
-      i0__namespace.ɵɵelement(3, "app-spinner", 3);
-      i0__namespace.ɵɵelementStart(4, "div", 4);
-      i0__namespace.ɵɵtemplate(5, AppComponent_ng_container_0_ng_template_5_Template, 2, 1, "ng-template", null, 5, i0__namespace.ɵɵtemplateRefExtractor);
+      i0__namespace.ɵɵtemplate(2, AppComponent_ng_container_0_div_2_Template, 1, 0, "div", 3);
+      i0__namespace.ɵɵelement(3, "app-spinner", 4);
+      i0__namespace.ɵɵelementStart(4, "div", 5);
+      i0__namespace.ɵɵtemplate(5, AppComponent_ng_container_0_ng_template_5_Template, 2, 1, "ng-template", null, 1, i0__namespace.ɵɵtemplateRefExtractor);
       i0__namespace.ɵɵelementEnd();
       i0__namespace.ɵɵelement(7, "div", 6);
-      i0__namespace.ɵɵtemplate(8, AppComponent_ng_container_0_div_8_Template, 1, 0, "div", 7);
-      i0__namespace.ɵɵtemplate(9, AppComponent_ng_container_0_div_9_Template, 1, 0, "div", 8);
+      i0__namespace.ɵɵtemplate(8, AppComponent_ng_container_0_div_8_Template, 1, 0, "div", 7)(9, AppComponent_ng_container_0_div_9_Template, 1, 0, "div", 8);
       i0__namespace.ɵɵelement(10, "div", 9)(11, "i", 10);
       i0__namespace.ɵɵelementContainerEnd();
   } if (rf & 2) {
-      const ctx_r0 = i0__namespace.ɵɵnextContext();
+      const ctx_r2 = i0__namespace.ɵɵnextContext();
       i0__namespace.ɵɵadvance(2);
-      i0__namespace.ɵɵproperty("ngIf", ctx_r0.isApplicationType);
-      i0__namespace.ɵɵadvance(1);
-      i0__namespace.ɵɵproperty("show", ctx_r0.spinner.show)("spinnermessages", ctx_r0.spinner.messages);
-      i0__namespace.ɵɵattribute("aria-label", ctx_r0.spinner.arialabel || "Loading");
+      i0__namespace.ɵɵproperty("ngIf", ctx_r2.isApplicationType);
+      i0__namespace.ɵɵadvance();
+      i0__namespace.ɵɵproperty("show", ctx_r2.spinner.show)("spinnermessages", ctx_r2.spinner.messages);
+      i0__namespace.ɵɵattribute("aria-label", ctx_r2.spinner.arialabel || "Loading");
       i0__namespace.ɵɵadvance(5);
-      i0__namespace.ɵɵproperty("ngIf", !ctx_r0.isApplicationType);
-      i0__namespace.ɵɵadvance(1);
-      i0__namespace.ɵɵproperty("ngIf", !ctx_r0.isApplicationType);
+      i0__namespace.ɵɵproperty("ngIf", !ctx_r2.isApplicationType);
+      i0__namespace.ɵɵadvance();
+      i0__namespace.ɵɵproperty("ngIf", !ctx_r2.isApplicationType);
   } }
   class AppComponent {
-      constructor(_pipeProvider, _appRef, elRef, oAuthService, dialogService, spinnerService, ngZone, router, app, appManager) {
+      constructor(_pipeProvider, _appRef, elRef, oAuthService, dialogService, spinnerService, ngZone, router, app, appManager, customIconsLoaderService) {
           this.elRef = elRef;
           this.oAuthService = oAuthService;
           this.dialogService = dialogService;
@@ -3698,6 +3708,7 @@
           this.router = router;
           this.app = app;
           this.appManager = appManager;
+          this.customIconsLoaderService = customIconsLoaderService;
           this.startApp = false;
           this.isApplicationType = false;
           this.spinner = { show: false, messages: [], arialabel: '' };
@@ -3706,6 +3717,9 @@
           i1.setNgZone(ngZone);
           i1.setAppRef(_appRef);
           this.isApplicationType = i1.getWmProjectProperties().type === 'APPLICATION';
+          if (this.isApplicationType) {
+              this.customIconsLoaderService.load();
+          }
           this.appManager.beforeAppReady();
           // subscribe to OAuth changes
           oAuthService.getOAuthProvidersAsObservable().subscribe((providers) => {
@@ -3821,7 +3835,7 @@
       ngDoCheck() {
           i1.$invokeWatchers();
       }
-      static { this.ɵfac = function AppComponent_Factory(t) { return new (t || AppComponent)(i0__namespace.ɵɵdirectiveInject(PipeProvider), i0__namespace.ɵɵdirectiveInject(i0__namespace.ApplicationRef), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(i2$2__namespace.OAuthService), i0__namespace.ɵɵdirectiveInject(i1__namespace.AbstractDialogService), i0__namespace.ɵɵdirectiveInject(i1__namespace.AbstractSpinnerService), i0__namespace.ɵɵdirectiveInject(i0__namespace.NgZone), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.Router), i0__namespace.ɵɵdirectiveInject(i1__namespace.App), i0__namespace.ɵɵdirectiveInject(AppManagerService)); }; }
+      static { this.ɵfac = function AppComponent_Factory(t) { return new (t || AppComponent)(i0__namespace.ɵɵdirectiveInject(PipeProvider), i0__namespace.ɵɵdirectiveInject(i0__namespace.ApplicationRef), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(i2$2__namespace.OAuthService), i0__namespace.ɵɵdirectiveInject(i1__namespace.AbstractDialogService), i0__namespace.ɵɵdirectiveInject(i1__namespace.AbstractSpinnerService), i0__namespace.ɵɵdirectiveInject(i0__namespace.NgZone), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.Router), i0__namespace.ɵɵdirectiveInject(i1__namespace.App), i0__namespace.ɵɵdirectiveInject(AppManagerService), i0__namespace.ɵɵdirectiveInject(i1__namespace.CustomIconsLoaderService)); }; }
       static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: AppComponent, selectors: [["app-root"]], viewQuery: function AppComponent_Query(rf, ctx) { if (rf & 1) {
               i0__namespace.ɵɵviewQuery(i1$1.RouterOutlet, 5);
               i0__namespace.ɵɵviewQuery(_c0, 5, i0.ViewContainerRef);
@@ -3829,23 +3843,24 @@
               let _t;
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.routerOutlet = _t.first);
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.dynamicComponentContainerRef = _t.first);
-          } }, decls: 3, vars: 1, consts: [[4, "ngIf"], ["dynamicComponent", ""], ["wmContainer", "", "partialContainer", "", "content", "Common", "hidden", "", "class", "ng-hide", 4, "ngIf"], ["name", "globalspinner", "classname", "global-spinner", "role", "alert", "aria-live", "assertive", 3, "show", "spinnermessages"], ["wmDialog", "", "name", "oAuthLoginDialog", "title", "Application is requesting you to sign in with", "close.event", "closeOAuthDialog()"], ["dialogBody", ""], ["wmConfirmDialog", "", "name", "_app-confirm-dialog", "title.bind", "title", "message.bind", "message", "oktext.bind", "oktext", "canceltext.bind", "canceltext", "closable", "false", "iconclass.bind", "iconclass", "escape.event", "onEscape()", "ok.event", "onOk()", "cancel.event", "onCancel()", "close.event", "onClose()", "opened.event", "onOpen()"], ["wmConfirmDialog", "", "name", "PrefabConfirmDialog", "title.bind", "title", "message.bind", "text", "oktext.bind", "okButtonText", "canceltext.bind", "cancelButtonText", "closable", "false", "iconclass.bind", "iconclass", "escape.event", "onEscape()", "ok.event", "onOk()", "cancel.event", "onCancel()", "close.event", "onClose()", "opened.event", "onOpen()", 4, "ngIf"], ["wmAlertDialog", "", "name", "PrefabAlertDialog", "title.bind", "title", "message.bind", "text", "oktext.bind", "okButtonText", "canceltext.bind", "cancelButtonText", "closable", "false", "iconclass.bind", "iconclass", "escape.event", "onEscape()", "ok.event", "onOk()", "cancel.event", "onCancel()", "close.event", "onClose()", "opened.event", "onOpen()", 4, "ngIf"], ["wmAppExt", ""], ["id", "wm-mobile-display"], ["wmContainer", "", "partialContainer", "", "content", "Common", "hidden", "", 1, "ng-hide"], [1, "list-items"], ["class", "list-item", 4, "ngFor", "ngForOf"], [1, "list-item"], [1, "btn", 3, "click"], ["wmConfirmDialog", "", "name", "PrefabConfirmDialog", "title.bind", "title", "message.bind", "text", "oktext.bind", "okButtonText", "canceltext.bind", "cancelButtonText", "closable", "false", "iconclass.bind", "iconclass", "escape.event", "onEscape()", "ok.event", "onOk()", "cancel.event", "onCancel()", "close.event", "onClose()", "opened.event", "onOpen()"], ["wmAlertDialog", "", "name", "PrefabAlertDialog", "title.bind", "title", "message.bind", "text", "oktext.bind", "okButtonText", "canceltext.bind", "cancelButtonText", "closable", "false", "iconclass.bind", "iconclass", "escape.event", "onEscape()", "ok.event", "onOk()", "cancel.event", "onCancel()", "close.event", "onClose()", "opened.event", "onOpen()"]], template: function AppComponent_Template(rf, ctx) { if (rf & 1) {
-              i0__namespace.ɵɵtemplate(0, AppComponent_ng_container_0_Template, 12, 6, "ng-container", 0);
-              i0__namespace.ɵɵelementContainer(1, null, 1);
+          } }, decls: 3, vars: 1, consts: [["dynamicComponent", ""], ["dialogBody", ""], [4, "ngIf"], ["wmContainer", "", "partialContainer", "", "content", "Common", "hidden", "", "class", "ng-hide", 4, "ngIf"], ["name", "globalspinner", "classname", "global-spinner", "role", "alert", "aria-live", "assertive", 3, "show", "spinnermessages"], ["wmDialog", "", "name", "oAuthLoginDialog", "title", "Application is requesting you to sign in with", "close.event", "closeOAuthDialog()"], ["wmConfirmDialog", "", "name", "_app-confirm-dialog", "title.bind", "title", "message.bind", "message", "oktext.bind", "oktext", "canceltext.bind", "canceltext", "closable", "false", "iconclass.bind", "iconclass", "escape.event", "onEscape()", "ok.event", "onOk()", "cancel.event", "onCancel()", "close.event", "onClose()", "opened.event", "onOpen()"], ["wmConfirmDialog", "", "name", "PrefabConfirmDialog", "title.bind", "title", "message.bind", "text", "oktext.bind", "okButtonText", "canceltext.bind", "cancelButtonText", "closable", "false", "iconclass.bind", "iconclass", "escape.event", "onEscape()", "ok.event", "onOk()", "cancel.event", "onCancel()", "close.event", "onClose()", "opened.event", "onOpen()", 4, "ngIf"], ["wmAlertDialog", "", "name", "PrefabAlertDialog", "title.bind", "title", "message.bind", "text", "oktext.bind", "okButtonText", "canceltext.bind", "cancelButtonText", "closable", "false", "iconclass.bind", "iconclass", "escape.event", "onEscape()", "ok.event", "onOk()", "cancel.event", "onCancel()", "close.event", "onClose()", "opened.event", "onOpen()", 4, "ngIf"], ["wmAppExt", ""], ["id", "wm-mobile-display"], ["wmContainer", "", "partialContainer", "", "content", "Common", "hidden", "", 1, "ng-hide"], [1, "list-items"], ["class", "list-item", 4, "ngFor", "ngForOf"], [1, "list-item"], [1, "btn", 3, "click"], ["wmConfirmDialog", "", "name", "PrefabConfirmDialog", "title.bind", "title", "message.bind", "text", "oktext.bind", "okButtonText", "canceltext.bind", "cancelButtonText", "closable", "false", "iconclass.bind", "iconclass", "escape.event", "onEscape()", "ok.event", "onOk()", "cancel.event", "onCancel()", "close.event", "onClose()", "opened.event", "onOpen()"], ["wmAlertDialog", "", "name", "PrefabAlertDialog", "title.bind", "title", "message.bind", "text", "oktext.bind", "okButtonText", "canceltext.bind", "cancelButtonText", "closable", "false", "iconclass.bind", "iconclass", "escape.event", "onEscape()", "ok.event", "onOk()", "cancel.event", "onCancel()", "close.event", "onClose()", "opened.event", "onOpen()"]], template: function AppComponent_Template(rf, ctx) { if (rf & 1) {
+              i0__namespace.ɵɵtemplate(0, AppComponent_ng_container_0_Template, 12, 6, "ng-container", 2);
+              i0__namespace.ɵɵelementContainer(1, null, 0);
           } if (rf & 2) {
               i0__namespace.ɵɵproperty("ngIf", ctx.startApp);
           } }, dependencies: [i1$2__namespace.NgForOf, i1$2__namespace.NgIf, i1$1__namespace.RouterOutlet, i3__namespace.ContainerDirective, i3__namespace.PartialParamHandlerDirective, i3__namespace.PartialContainerDirective, i1$6__namespace.AppExtComponent, i9__namespace.ConfirmDialogComponent, i10__namespace.DialogComponent, i11__namespace.AlertDialogComponent, AppSpinnerComponent], encapsulation: 2 }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppComponent, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppComponent, [{
           type: i0.Component,
           args: [{ selector: 'app-root', encapsulation: i0.ViewEncapsulation.None, template: "<ng-container *ngIf=\"startApp\">\n    <router-outlet></router-outlet>\n    <div wmContainer partialContainer content=\"Common\" hidden class=\"ng-hide\" *ngIf=\"isApplicationType\"></div>\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                <li class=\"list-item\" *ngFor=\"let provider of providersConfig\">\n                    <button class=\"btn\" (click)=\"provider.invoke()\">{{provider.name}}</button>\n                </li>\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    <div  *ngIf=\"!isApplicationType\" 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    <div  *ngIf=\"!isApplicationType\" 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    <div wmAppExt></div>\n    <i id=\"wm-mobile-display\"></i>\n</ng-container>\n<!--Dummy container to create the component dynamically-->\n<ng-container #dynamicComponent></ng-container>\n" }]
-      }], function () { return [{ type: PipeProvider }, { type: i0__namespace.ApplicationRef }, { type: i0__namespace.ElementRef }, { type: i2$2__namespace.OAuthService }, { type: i1__namespace.AbstractDialogService }, { type: i1__namespace.AbstractSpinnerService }, { type: i0__namespace.NgZone }, { type: i1$1__namespace.Router }, { type: i1__namespace.App }, { type: AppManagerService }]; }, { routerOutlet: [{
+      }], () => [{ type: PipeProvider }, { type: i0__namespace.ApplicationRef }, { type: i0__namespace.ElementRef }, { type: i2$2__namespace.OAuthService }, { type: i1__namespace.AbstractDialogService }, { type: i1__namespace.AbstractSpinnerService }, { type: i0__namespace.NgZone }, { type: i1$1__namespace.Router }, { type: i1__namespace.App }, { type: AppManagerService }, { type: i1__namespace.CustomIconsLoaderService }], { routerOutlet: [{
               type: i0.ViewChild,
               args: [i1$1.RouterOutlet]
           }], dynamicComponentContainerRef: [{
               type: i0.ViewChild,
               args: ['dynamicComponent', { read: i0.ViewContainerRef }]
           }] }); })();
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(AppComponent, { className: "AppComponent", filePath: "components/app-component/app.component.ts", lineNumber: 23 }); })();
   /**
    * This Interceptor intercepts all network calls and if a network call fails
@@ -3882,7 +3897,7 @@
                   if (modifiedResp) {
                       // Convert the wm HttpResponse to angular HttpResponse
                       modifiedResp = this.wmHttpResponse.wmToAngularResponse(modifiedResp);
-                      _.extend(response, modifiedResp);
+                      lodashEs.extend(response, modifiedResp);
                   }
               }
           }, error => {
@@ -3898,7 +3913,7 @@
                   if (modifiedResp) {
                       // Convert the wm HttpResponse to angular HttpResponse
                       modifiedResp = this.wmHttpResponse.wmToAngularResponse(modifiedResp);
-                      _.extend(error, modifiedResp);
+                      lodashEs.extend(error, modifiedResp);
                   }
               }
           }));
@@ -3906,9 +3921,9 @@
       static { this.ɵfac = function HttpCallInterceptor_Factory(t) { return new (t || HttpCallInterceptor)(); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: HttpCallInterceptor, factory: HttpCallInterceptor.ɵfac }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(HttpCallInterceptor, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(HttpCallInterceptor, [{
           type: i0.Injectable
-      }], function () { return []; }, null); })();
+      }], () => [], null); })();
   const PREFAB = 'PREFAB';
   class PrefabPreviewComponent {
@@ -3996,7 +4011,7 @@
               i0__namespace.ɵɵelementEnd();
           } }, dependencies: [i2$3__namespace.PrefabDirective, PrefabDirective], encapsulation: 2 }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PrefabPreviewComponent, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PrefabPreviewComponent, [{
           type: i0.Component,
           args: [{
                   selector: 'wm-prefab-preview',
@@ -4006,10 +4021,11 @@
         </div>
     `
               }]
-      }], function () { return [{ type: PrefabManagerService }]; }, { prefabInstance: [{
+      }], () => [{ type: PrefabManagerService }], { prefabInstance: [{
               type: i0.ViewChild,
               args: [i2$3.PrefabDirective, { static: true }]
           }] }); })();
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(PrefabPreviewComponent, { className: "PrefabPreviewComponent", filePath: "components/prefab-preview.component.ts", lineNumber: 17 }); })();
   buildTask.initComponentsBuildTask();
   const componentFactoryRefCache = new Map();
@@ -4073,16 +4089,16 @@
           options.noCache = i1.isDefined(options.noCache) ? options.noCache : true;
           options.selector = i1.isDefined(options.selector) ? options.selector : 'wm-dynamic-component-' + this.counter++;
           const componentFactoryRef = await this.getComponentFactoryRef(options.selector, markup, options);
-          const component = this.app.dynamicComponentContainerRef.createComponent(componentFactoryRef, 0, _.get(options, 'inj'));
+          const component = this.app.dynamicComponentContainerRef.createComponent(componentFactoryRef, 0, lodashEs.get(options, 'inj'));
           i1.extendProto(component.instance, context);
           target.appendChild(component.location.nativeElement);
       }
       static { this.ɵfac = function DynamicComponentRefProviderService_Factory(t) { return new (t || DynamicComponentRefProviderService)(i0__namespace.ɵɵinject(i1__namespace.App), i0__namespace.ɵɵinject(AppManagerService), i0__namespace.ɵɵinject(i0__namespace.Compiler)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: DynamicComponentRefProviderService, factory: DynamicComponentRefProviderService.ɵfac }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DynamicComponentRefProviderService, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DynamicComponentRefProviderService, [{
           type: i0.Injectable
-      }], function () { return [{ type: i1__namespace.App }, { type: AppManagerService }, { type: i0__namespace.Compiler }]; }, null); })();
+      }], () => [{ type: i1__namespace.App }, { type: AppManagerService }, { type: i0__namespace.Compiler }], null); })();
   /*
       canDeactivate guard for preview/WM deployment.
@@ -4108,7 +4124,7 @@
       static { this.ɵfac = function CanDeactivatePageGuard_Factory(t) { return new (t || CanDeactivatePageGuard)(); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: CanDeactivatePageGuard, factory: CanDeactivatePageGuard.ɵfac }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CanDeactivatePageGuard, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CanDeactivatePageGuard, [{
           type: i0.Injectable
       }], null, null); })();
   //  [WMS-18847] - canDeactivate guard for angular deployment.
@@ -4119,7 +4135,7 @@
       static { this.ɵfac = function CanDeactivateNgPageGuard_Factory(t) { return new (t || CanDeactivateNgPageGuard)(); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: CanDeactivateNgPageGuard, factory: CanDeactivateNgPageGuard.ɵfac }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CanDeactivateNgPageGuard, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CanDeactivateNgPageGuard, [{
           type: i0.Injectable
       }], null, null); })();
@@ -4152,7 +4168,7 @@
       static { this.ɵfac = function SharedStylesHost_Factory(t) { return new (t || SharedStylesHost)(); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: SharedStylesHost, factory: SharedStylesHost.ɵfac }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SharedStylesHost, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SharedStylesHost, [{
           type: i0.Injectable
       }], null, null); })();
   class WMDomSharedStylesHost extends SharedStylesHost {
@@ -4195,12 +4211,12 @@
       static { this.ɵfac = function WMDomSharedStylesHost_Factory(t) { return new (t || WMDomSharedStylesHost)(i0__namespace.ɵɵinject(i1$2.DOCUMENT)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: WMDomSharedStylesHost, factory: WMDomSharedStylesHost.ɵfac }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WMDomSharedStylesHost, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WMDomSharedStylesHost, [{
           type: i0.Injectable
-      }], function () { return [{ type: undefined, decorators: [{
+      }], () => [{ type: undefined, decorators: [{
                   type: i0.Inject,
                   args: [i1$2.DOCUMENT]
-              }] }]; }, null); })();
+              }] }], null); })();
   function removeStyle(styleNode) {
       i1$2.ɵgetDOM().remove(styleNode);
   }
@@ -4301,15 +4317,15 @@
       static { this.ɵfac = function WMDomRendererFactory2_Factory(t) { return new (t || WMDomRendererFactory2)(i0__namespace.ɵɵinject(i1$4__namespace.EventManager), i0__namespace.ɵɵinject(i1$4__namespace.ɵSharedStylesHost), i0__namespace.ɵɵinject(i0.APP_ID), i0__namespace.ɵɵinject(i1$2.DOCUMENT)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: WMDomRendererFactory2, factory: WMDomRendererFactory2.ɵfac }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WMDomRendererFactory2, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WMDomRendererFactory2, [{
           type: i0.Injectable
-      }], function () { return [{ type: i1$4__namespace.EventManager }, { type: i1$4__namespace.ɵSharedStylesHost }, { type: undefined, decorators: [{
+      }], () => [{ type: i1$4__namespace.EventManager }, { type: i1$4__namespace.ɵSharedStylesHost }, { type: undefined, decorators: [{
                   type: i0.Inject,
                   args: [i0.APP_ID]
               }] }, { type: Document, decorators: [{
                   type: i0.Inject,
                   args: [i1$2.DOCUMENT]
-              }] }]; }, null); })();
+              }] }], null); })();
   let WMDefaultDomRenderer2 = class WMDefaultDomRenderer2 {
       constructor(eventManager, doc) {
           this.eventManager = eventManager;
@@ -4849,7 +4865,7 @@
               topNav.TopNavModule,
               i2$3.PrefabModule] }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(RuntimeBaseModule, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(RuntimeBaseModule, [{
           type: i0.NgModule,
           args: [{
                   declarations: [...definitions],
@@ -4891,7 +4907,7 @@
                       { provide: i1$4.ɵDomRendererFactory2, useClass: WMDomRendererFactory2 }
                   ]
               }]
-      }], function () { return [{ type: i1$6__namespace.MobileRuntimeModule }, { type: i1__namespace.App }, { type: i1__namespace.Viewport }]; }, null); })();
+      }], () => [{ type: i1$6__namespace.MobileRuntimeModule }, { type: i1__namespace.App }, { type: i1__namespace.Viewport }], null); })();
   (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(RuntimeBaseModule, { declarations: [AccessrolesDirective,
           AppSpinnerComponent,
           CustomToasterComponent,
@@ -5091,12 +5107,12 @@
       static { this.ɵfac = function AppVariablesResolve_Factory(t) { return new (t || AppVariablesResolve)(i0__namespace.ɵɵinject(AppManagerService), i0__namespace.ɵɵinject(AppVariablesProvider)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: AppVariablesResolve, factory: AppVariablesResolve.ɵfac, providedIn: 'root' }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppVariablesResolve, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppVariablesResolve, [{
           type: i0.Injectable,
           args: [{
                   providedIn: 'root'
               }]
-      }], function () { return [{ type: AppManagerService }, { type: AppVariablesProvider }]; }, null); })();
+      }], () => [{ type: AppManagerService }, { type: AppVariablesProvider }], null); })();
   let metadataResolved = false;
   class MetadataResolve {
@@ -5109,12 +5125,12 @@
       static { this.ɵfac = function MetadataResolve_Factory(t) { return new (t || MetadataResolve)(i0__namespace.ɵɵinject(AppManagerService)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: MetadataResolve, factory: MetadataResolve.ɵfac, providedIn: 'root' }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MetadataResolve, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MetadataResolve, [{
           type: i0.Injectable,
           args: [{
                   providedIn: 'root'
               }]
-      }], function () { return [{ type: AppManagerService }]; }, null); })();
+      }], () => [{ type: AppManagerService }], null); })();
   class SecurityConfigResolve {
       constructor(appManager) {
@@ -5132,12 +5148,12 @@
       static { this.ɵfac = function SecurityConfigResolve_Factory(t) { return new (t || SecurityConfigResolve)(i0__namespace.ɵɵinject(AppManagerService)); }; }
       static { this.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: SecurityConfigResolve, factory: SecurityConfigResolve.ɵfac, providedIn: 'root' }); }
   }
-  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SecurityConfigResolve, [{
+  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SecurityConfigResolve, [{
           type: i0.Injectable,
           args: [{
                   providedIn: 'root'
               }]
-      }], function () { return [{ type: AppManagerService }]; }, null); })();
+      }], () => [{ type: AppManagerService }], null); })();
   exports.AccessrolesDirective = AccessrolesDirective;
   exports.AppComponent = AppComponent;