@wavemaker/app-ng-runtime 12.0.0-next.140479 → 12.0.0-next.140482

app-ng-runtime/runtime/base/fesm2022/index.mjs

@@ -1,26 +1,27 @@
 import * as i0 from '@angular/core';
-import { Injectable, Directive, inject, ViewChild, Inject, HostListener, Input, Component, ViewContainerRef, Self, ChangeDetectorRef, KeyValueDiffers, ViewEncapsulation, NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, APP_ID, RendererStyleFlags2, APP_INITIALIZER, LOCALE_ID } from '@angular/core';
+import { Injectable, Directive, inject, ViewChild, Inject, HostListener, Optional, Input, Component, ViewContainerRef, Self, ChangeDetectorRef, KeyValueDiffers, ViewEncapsulation, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, NgModule, APP_ID, RendererStyleFlags2, APP_INITIALIZER, LOCALE_ID } from '@angular/core';
 import * as i1$1 from '@angular/router';
 import { ActivatedRoute, Router, RouterOutlet, NavigationStart, NavigationEnd, NavigationCancel, NavigationError, RouterModule } from '@angular/router';
 import * as i1$2 from '@angular/common';
-import { AsyncPipe, SlicePipe, PercentPipe, I18nPluralPipe, NgLocalization, I18nSelectPipe, KeyValuePipe, UpperCasePipe, LowerCasePipe, JsonPipe, DecimalPipe, TitleCasePipe, CurrencyPipe, DatePipe, DOCUMENT, ɵgetDOM, CommonModule } from '@angular/common';
+import { AsyncPipe, SlicePipe, PercentPipe, I18nPluralPipe, NgLocalization, I18nSelectPipe, KeyValuePipe, UpperCasePipe, LowerCasePipe, JsonPipe, DecimalPipe, TitleCasePipe, CurrencyPipe, DatePipe, DOCUMENT, ɵgetDOM as _getDOM, CommonModule } from '@angular/common';
 import * as i1 from '@wm/core';
-import { $appDigest, isDefined, triggerFn, fetchContent, stringStartsWith, loadStyleSheets, loadScripts, noop as noop$1, App, AbstractI18nService, ScriptLoaderService, Viewport, UtilsService, $invokeWatchers, registerFnByExpr, LRUCache, muteWatchers, AbstractNavigationService, getWmProjectProperties, isMobileApp, isIos, isAndroid, unMuteWatchers, $watch, isIE, CustomPipeManager, getSessionStorageItem, AbstractDialogService, StatePersistence, AbstractSpinnerService, AbstractToasterService, ConstantService, FieldTypeService, FieldWidgetService, DynamicComponentRefProvider, EventNotifier, isString, setCSS, _WM_APP_PROJECT, isMobile, setSessionStorageItem, replace, setPipeProvider, setNgZone, setAppRef, addClass, removeClass, hasCordova, extendProto, $parseExpr, AppDefaults, isObject, isIphone, isIpod, isIpad, CoreModule } from '@wm/core';
+import { $appDigest, isDefined, triggerFn, fetchContent, stringStartsWith, loadStyleSheets, loadScripts, noop as noop$1, App, AbstractI18nService, ScriptLoaderService, Viewport, UtilsService, $invokeWatchers, registerFnByExpr, LRUCache, muteWatchers, AbstractNavigationService, getWmProjectProperties, isMobileApp, isIos, isAndroid, unMuteWatchers, $watch, isIE, CustomPipeManager, getSessionStorageItem, AbstractDialogService, StatePersistence, AbstractSpinnerService, AbstractToasterService, ConstantService, FieldTypeService, FieldWidgetService, DynamicComponentRefProvider, EventNotifier, setCSS, _WM_APP_PROJECT, isMobile, setSessionStorageItem, replace, setPipeProvider, setNgZone, setAppRef, addClass, removeClass, hasCordova, extendProto, $parseExpr, AppDefaults, isObject as isObject$1, isIphone, isIpod, isIpad, CoreModule } from '@wm/core';
 import * as i2 from '@wm/security';
 import { SecurityModule } from '@wm/security';
 import * as i4 from '@wm/variables';
 import { CONSTANTS, routerService, $rootScope, VariablesService, appManager, httpService, VariablesModule } from '@wm/variables';
+import { trim, isEmpty, forEach, extend, get, merge, isUndefined, isObject, endsWith, each, isNil, startsWith, split, includes, isString, isNumber, find, intersection, toLower, map, values, keys, findKey, isEqual, filter } from 'lodash-es';
 import { SpaPageDirective, PageDirective, LayoutDirective, PageModule } from '@wm/components/page';
 import { Subject } from 'rxjs';
 import * as i3 from '@wm/components/base';
 import { WidgetRef, PartialDirective, FileIconClassPipe, FileExtensionFromMimePipe, StateClassPipe, FileSizePipe, FilterPipe, ToDatePipe, ToNumberPipe, ToCurrencyPipe, PrefixPipe, SuffixPipe, TimeFromNowPipe, NumberToStringPipe, StringToNumberPipe, CustomPipe, TrustAsPipe, SanitizePipe, WmComponentsModule } from '@wm/components/base';
-import { __decorate, __param, __metadata } from 'tslib';
+import { __param, __metadata, __decorate } from 'tslib';
 import * as i2$3 from '@wm/components/prefab';
 import { PrefabContainerDirective, PrefabDirective as PrefabDirective$1, PrefabModule } from '@wm/components/prefab';
 import * as i1$5 from '@angular/common/http';
 import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
 import * as i1$4 from '@angular/platform-browser';
-import { EventManager, ɵSharedStylesHost, ɵDomRendererFactory2 } from '@angular/platform-browser';
+import { EventManager, ɵSharedStylesHost as _SharedStylesHost, ɵDomRendererFactory2 as _DomRendererFactory2 } from '@angular/platform-browser';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i1$3 from 'ngx-toastr';
 import { Toast, ToastrModule } from 'ngx-toastr';
@@ -145,12 +146,12 @@ class AppManagerService {
         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 (!isEmpty(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) => {
+                        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;
@@ -218,8 +219,8 @@ class AppManagerService {
         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);
+            extend(this.$app.Variables, data.Variables);
+            extend(this.$app.Actions, data.Actions);
             this.updateLoggedInUserVariable();
             this.updateSupportedLocaleVariable();
             this.appVariablesLoaded = true;
@@ -252,7 +253,7 @@ class AppManagerService {
         variable.tenantId = undefined;
     }
     updateLoggedInUserVariable() {
-        const loggedInUser = _.get(this.$app, 'Variables.loggedInUser.dataSet');
+        const loggedInUser = get(this.$app, 'Variables.loggedInUser.dataSet');
         // sanity check
         if (!loggedInUser) {
             return;
@@ -291,7 +292,7 @@ class AppManagerService {
      *
      */
     updateSupportedLocaleVariable() {
-        const supportedLocaleVar = _.get(this.$app, 'Variables.supportedLocale');
+        const supportedLocaleVar = get(this.$app, 'Variables.supportedLocale');
     }
     handleSSOLogin(config) {
         const SSO_URL = 'services/security/ssologin', PREVIEW_WINDOW_NAME = 'WM_PREVIEW_WINDOW';
@@ -301,11 +302,11 @@ class AppManagerService {
         page = this.$security.getRedirectPage(config);
         if (CONSTANTS.hasCordova) {
             // get previously loggedInUser name (if any)
-            const lastLoggedInUsername = _.get(this.$security.get(), 'userInfo.userName');
+            const lastLoggedInUsername = get(this.$security.get(), 'userInfo.userName');
             this.$security.authInBrowser()
                 .then(() => this.reloadAppData())
                 .then(() => {
-                const presentLoggedInUsername = _.get(this.$security.get(), 'userInfo.userName');
+                const presentLoggedInUsername = get(this.$security.get(), 'userInfo.userName');
                 if (presentLoggedInUsername && presentLoggedInUsername === lastLoggedInUsername) {
                     routerService.navigate([page]);
                 }
@@ -319,7 +320,7 @@ class AppManagerService {
             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 = 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;
             /*
@@ -384,7 +385,7 @@ class AppManagerService {
                     }
                     queryParamsObj['redirectTo'] = page;
                     // Adding query params(page params of page being redirected to) to the URL.
-                    queryParamsObj = _.merge(queryParamsObj, this.$security.getRedirectedRouteQueryParams());
+                    queryParamsObj = 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 });
@@ -412,7 +413,7 @@ class AppManagerService {
                     page = this.$security.getRedirectPage(config, page);
                     queryParamsObj['redirectTo'] = page;
                     const extraQueryParams = (options && options.queryParams) || this.$security.getRedirectedRouteQueryParams();
-                    queryParamsObj = _.merge(queryParamsObj, extraQueryParams);
+                    queryParamsObj = merge(queryParamsObj, extraQueryParams);
                     this.$router.navigate([loginConfig.pageName], { queryParams: queryParamsObj });
                     this.$app.landingPageName = loginConfig.pageName;
                     break;
@@ -436,7 +437,7 @@ class AppManagerService {
         });
     }
     noRedirect(value) {
-        if (_.isUndefined(value)) {
+        if (isUndefined(value)) {
             return this._noRedirect;
         }
         this._noRedirect = value;
@@ -551,15 +552,17 @@ class AppManagerService {
     postTemplateBundleInfo() {
         window.onmessage = (evt) => {
             const msgData = evt.data;
-            if (!_.isObject(msgData)) {
+            if (!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;
             }
@@ -583,9 +586,9 @@ class AppManagerService {
     static { this.ɵfac = function AppManagerService_Factory(t) { return new (t || AppManagerService)(i0.ɵɵinject(i1.AbstractHttpService), i0.ɵɵinject(i2.SecurityService), i0.ɵɵinject(i1.AbstractDialogService), i0.ɵɵinject(i1$1.Router), i0.ɵɵinject(i1.App), i0.ɵɵinject(i4.VariablesService), i0.ɵɵinject(i4.MetadataService), i0.ɵɵinject(i1.AbstractSpinnerService), i0.ɵɵinject(i1.AbstractI18nService), i0.ɵɵinject(i1$2.DatePipe)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AppManagerService, factory: AppManagerService.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppManagerService, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppManagerService, [{
         type: Injectable
-    }], function () { return [{ type: i1.AbstractHttpService }, { type: i2.SecurityService }, { type: i1.AbstractDialogService }, { type: i1$1.Router }, { type: i1.App }, { type: i4.VariablesService }, { type: i4.MetadataService }, { type: i1.AbstractSpinnerService }, { type: i1.AbstractI18nService }, { type: i1$2.DatePipe }]; }, null); })();
+    }], () => [{ type: i1.AbstractHttpService }, { type: i2.SecurityService }, { type: i1.AbstractDialogService }, { type: i1$1.Router }, { type: i1.App }, { type: i4.VariablesService }, { type: i4.MetadataService }, { type: i1.AbstractSpinnerService }, { type: i1.AbstractI18nService }, { type: i1$2.DatePipe }], null); })();
 
 const isPrefabInPreview = (prefabName) => prefabName === '__self__';
 const getPrefabBaseUrl = (prefabName) => isPrefabInPreview(prefabName) ? '.' : `app/prefabs/${prefabName}`;
@@ -617,7 +620,7 @@ class PrefabManagerService {
     loadStyles(prefabName, { resources: { styles } } = { resources: { styles: [] } }) {
         const baseUrl = getPrefabBaseUrl(prefabName);
         const _styles = styles.map(url => {
-            if (!_.endsWith(url, '/pages/Main/Main.css')) {
+            if (!endsWith(url, '/pages/Main/Main.css')) {
                 return getPrefabResourceUrl(url, baseUrl);
             }
             return undefined;
@@ -675,9 +678,9 @@ class PrefabManagerService {
     static { this.ɵfac = function PrefabManagerService_Factory(t) { return new (t || PrefabManagerService)(i0.ɵɵinject(i4.MetadataService), i0.ɵɵinject(PrefabConfigProvider)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PrefabManagerService, factory: PrefabManagerService.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrefabManagerService, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrefabManagerService, [{
         type: Injectable
-    }], function () { return [{ type: i4.MetadataService }, { type: PrefabConfigProvider }]; }, null); })();
+    }], () => [{ type: i4.MetadataService }, { type: PrefabConfigProvider }], null); })();
 
 class FragmentMonitor {
     constructor() {
@@ -709,9 +712,9 @@ class FragmentMonitor {
     static { this.ɵfac = function FragmentMonitor_Factory(t) { return new (t || FragmentMonitor)(); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: FragmentMonitor }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FragmentMonitor, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FragmentMonitor, [{
         type: Directive
-    }], function () { return []; }, null); })();
+    }], () => [], null); })();
 
 const commonPartialWidgets = {};
 class BasePartialComponent extends FragmentMonitor {
@@ -817,7 +820,7 @@ class BasePartialComponent extends FragmentMonitor {
      */
     registerExpressions() {
         const expressions = this.getExpressions();
-        _.each(expressions, (fn, expr) => {
+        each(expressions, (fn, expr) => {
             registerFnByExpr(expr, fn[0], fn[1]);
         });
     }
@@ -852,15 +855,15 @@ class BasePartialComponent extends FragmentMonitor {
     }
     mute() {
         const m = o => { o && o.mute && o.mute(); };
-        _.each(this.Widgets, m);
-        _.each(this.Variables, m);
-        _.each(this.Actions, m);
+        each(this.Widgets, m);
+        each(this.Variables, m);
+        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);
+        each(this.Widgets, um);
+        each(this.Variables, um);
+        each(this.Actions, um);
     }
     // ngOnInit() {
     //     this.init();
@@ -881,18 +884,18 @@ class BasePartialComponent extends FragmentMonitor {
         this.unmute();
         if (refreshData) {
             const refresh = v => { v && v.startUpdate && v.invoke && v.invoke(); };
-            _.each(this.Variables, refresh);
-            _.each(this.Actions, refresh);
+            each(this.Variables, refresh);
+            each(this.Actions, refresh);
         }
-        _.each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
+        each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
     }
     ngOnDetach() {
         this.mute();
-        _.each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
+        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.ɵɵgetInheritedFactory(BasePartialComponent)))(t || BasePartialComponent); }; }(); }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBasePartialComponent_BaseFactory; return function BasePartialComponent_Factory(t) { return (ɵBasePartialComponent_BaseFactory || (ɵBasePartialComponent_BaseFactory = i0.ɵɵgetInheritedFactory(BasePartialComponent)))(t || BasePartialComponent); }; })(); }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BasePartialComponent, viewQuery: function BasePartialComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(PartialDirective, 5);
         } if (rf & 2) {
@@ -900,7 +903,7 @@ class BasePartialComponent extends FragmentMonitor {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.partialDirective = _t.first);
         } }, features: [i0.ɵɵInheritDefinitionFeature] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BasePartialComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BasePartialComponent, [{
         type: Directive
     }], null, { partialDirective: [{
             type: ViewChild,
@@ -914,7 +917,7 @@ const MAX_CACHE_AGE = 'REUSE_ROUTE_STRATEGY.MAX_CACHE_AGE';
 let 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;
@@ -928,12 +931,10 @@ let WmDefaultRouteReuseStrategy = class WmDefaultRouteReuseStrategy {
         });
     }
     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;
@@ -960,7 +961,7 @@ let WmDefaultRouteReuseStrategy = class WmDefaultRouteReuseStrategy {
     }
     isCacheEnabled(route, defaultValue) {
         const canReuse = route.queryParams[CACHE_PAGE];
-        if (!_.isNil(canReuse)) {
+        if (!isNil(canReuse)) {
             return (canReuse === 'true' || canReuse === true);
         }
         return defaultValue;
@@ -1128,7 +1129,7 @@ class BasePageComponent extends FragmentMonitor {
         }
     }
     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 = extend({}, params));
         this.registerDestroyListener(() => subscription.unsubscribe());
     }
     registerDestroyListener(fn) {
@@ -1180,7 +1181,7 @@ class BasePageComponent extends FragmentMonitor {
      */
     registerExpressions() {
         const expressions = this.getExpressions();
-        _.each(expressions, (fn, expr) => {
+        each(expressions, (fn, expr) => {
             registerFnByExpr(expr, fn[0], fn[1]);
         });
     }
@@ -1372,15 +1373,15 @@ class BasePageComponent extends FragmentMonitor {
     }
     mute() {
         const m = o => { o && o.mute && o.mute(); };
-        _.each(this.Widgets, m);
-        _.each(this.Variables, m);
-        _.each(this.Actions, m);
+        each(this.Widgets, m);
+        each(this.Variables, m);
+        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);
+        each(this.Widgets, um);
+        each(this.Variables, um);
+        each(this.Actions, um);
     }
     ngOnAttach() {
         this.route.snapshot.data[CACHE_PAGE] = this.canReuse();
@@ -1395,12 +1396,12 @@ class BasePageComponent extends FragmentMonitor {
         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);
+            each(this.Variables, refresh);
+            each(this.Actions, refresh);
         }
         this.runPageTransition().then(() => {
             setTimeout(() => this.restoreScrollPosition(), 100);
-            _.each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
+            each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
             this.appManager.notify('pageAttach', { 'name': this.pageName, instance: this });
         });
     }
@@ -1408,7 +1409,7 @@ class BasePageComponent extends FragmentMonitor {
         this.saveScrollPosition();
         this.savePageSnapShot();
         this.mute();
-        _.each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
+        each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
         this.appManager.notify('pageDetach', { 'name': this.pageName, instance: this });
     }
     ngAfterContentInit() {
@@ -1420,7 +1421,7 @@ class BasePageComponent extends FragmentMonitor {
             BasePageComponent.lastPageSnapShot = null;
         }
     }
-    static { this.ɵfac = /*@__PURE__*/ function () { let ɵBasePageComponent_BaseFactory; return function BasePageComponent_Factory(t) { return (ɵBasePageComponent_BaseFactory || (ɵBasePageComponent_BaseFactory = i0.ɵɵgetInheritedFactory(BasePageComponent)))(t || BasePageComponent); }; }(); }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBasePageComponent_BaseFactory; return function BasePageComponent_Factory(t) { return (ɵBasePageComponent_BaseFactory || (ɵBasePageComponent_BaseFactory = i0.ɵɵgetInheritedFactory(BasePageComponent)))(t || BasePageComponent); }; })(); }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BasePageComponent, viewQuery: function BasePageComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(PageDirective, 5);
         } if (rf & 2) {
@@ -1430,7 +1431,7 @@ class BasePageComponent extends FragmentMonitor {
             i0.ɵɵlistener("beforeunload", function BasePageComponent_beforeunload_HostBindingHandler() { return ctx.canDeactivate(); }, false, i0.ɵɵresolveWindow);
         } }, features: [i0.ɵɵInheritDefinitionFeature] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BasePageComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BasePageComponent, [{
         type: Directive
     }], null, { pageDirective: [{
             type: ViewChild,
@@ -1512,8 +1513,8 @@ class BasePrefabComponent extends FragmentMonitor {
                 Object.entries((config.properties || {}))
                     .forEach(([key, prop]) => {
                     let expr;
-                    const value = _.trim(prop.value);
-                    if (_.startsWith(value, 'bind:')) {
+                    const value = trim(prop.value);
+                    if (startsWith(value, 'bind:')) {
                         expr = value.replace('bind:', '');
                     }
                     Object.defineProperty(this, key, {
@@ -1578,7 +1579,7 @@ class BasePrefabComponent extends FragmentMonitor {
      */
     registerExpressions() {
         const expressions = this.getExpressions();
-        _.each(expressions, (fn, expr) => {
+        each(expressions, (fn, expr) => {
             registerFnByExpr(expr, fn[0], fn[1]);
         });
     }
@@ -1606,28 +1607,28 @@ class BasePrefabComponent extends FragmentMonitor {
     }
     mute() {
         const m = o => { o && o.mute && o.mute(); };
-        _.each(this.Widgets, m);
-        _.each(this.Variables, m);
-        _.each(this.Actions, m);
+        each(this.Widgets, m);
+        each(this.Variables, m);
+        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);
+        each(this.Widgets, um);
+        each(this.Variables, um);
+        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);
+            each(this.Variables, refresh);
+            each(this.Actions, refresh);
         }
-        _.each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
+        each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
     }
     ngOnDetach() {
         this.mute();
-        _.each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
+        each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
     }
     ngAfterViewInit() {
         this.loadScripts().then(() => {
@@ -1646,7 +1647,7 @@ class BasePrefabComponent extends FragmentMonitor {
     // user overrides this
     onPropertyChange() { }
     onReady() { }
-    static { this.ɵfac = /*@__PURE__*/ function () { let ɵBasePrefabComponent_BaseFactory; return function BasePrefabComponent_Factory(t) { return (ɵBasePrefabComponent_BaseFactory || (ɵBasePrefabComponent_BaseFactory = i0.ɵɵgetInheritedFactory(BasePrefabComponent)))(t || BasePrefabComponent); }; }(); }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBasePrefabComponent_BaseFactory; return function BasePrefabComponent_Factory(t) { return (ɵBasePrefabComponent_BaseFactory || (ɵBasePrefabComponent_BaseFactory = i0.ɵɵgetInheritedFactory(BasePrefabComponent)))(t || BasePrefabComponent); }; })(); }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BasePrefabComponent, viewQuery: function BasePrefabComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(PrefabContainerDirective, 5);
         } if (rf & 2) {
@@ -1654,7 +1655,7 @@ class BasePrefabComponent extends FragmentMonitor {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.prefabContainerDirective = _t.first);
         } }, features: [i0.ɵɵInheritDefinitionFeature] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BasePrefabComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BasePrefabComponent, [{
         type: Directive
     }], null, { prefabContainerDirective: [{
             type: ViewChild,
@@ -1669,7 +1670,7 @@ class BaseLayoutComponent {
      */
     registerExpressions() {
         const expressions = this.getExpressions();
-        _.each(expressions, (fn, expr) => {
+        each(expressions, (fn, expr) => {
             registerFnByExpr(expr, fn[0], fn[1]);
         });
     }
@@ -1710,7 +1711,7 @@ class BaseLayoutComponent {
     // 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);
+        extend(this, pageComponent);
     }
     static { this.ɵfac = function BaseLayoutComponent_Factory(t) { return new (t || BaseLayoutComponent)(); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseLayoutComponent, viewQuery: function BaseLayoutComponent_Query(rf, ctx) { if (rf & 1) {
@@ -1722,7 +1723,7 @@ class BaseLayoutComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.pageDirective = _t.first);
         } } }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseLayoutComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseLayoutComponent, [{
         type: Directive
     }], null, { routerOutlet: [{
             type: ViewChild,
@@ -1781,7 +1782,7 @@ class BaseSpaPageComponent extends FragmentMonitor {
         }
     }
     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 = extend({}, params));
         this.registerDestroyListener(() => subscription.unsubscribe());
     }
     registerDestroyListener(fn) {
@@ -1833,7 +1834,7 @@ class BaseSpaPageComponent extends FragmentMonitor {
      */
     registerExpressions() {
         const expressions = this.getExpressions();
-        _.each(expressions, (fn, expr) => {
+        each(expressions, (fn, expr) => {
             registerFnByExpr(expr, fn[0], fn[1]);
         });
     }
@@ -1997,15 +1998,15 @@ class BaseSpaPageComponent extends FragmentMonitor {
     }
     mute() {
         const m = o => { o && o.mute && o.mute(); };
-        _.each(this.Widgets, m);
-        _.each(this.Variables, m);
-        _.each(this.Actions, m);
+        each(this.Widgets, m);
+        each(this.Variables, m);
+        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);
+        each(this.Widgets, um);
+        each(this.Variables, um);
+        each(this.Actions, um);
     }
     ngOnAttach() {
         this.route.snapshot.data[CACHE_PAGE] = this.canReuse();
@@ -2020,12 +2021,12 @@ class BaseSpaPageComponent extends FragmentMonitor {
         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);
+            each(this.Variables, refresh);
+            each(this.Actions, refresh);
         }
         this.runPageTransition().then(() => {
             setTimeout(() => this.restoreScrollPosition(), 100);
-            _.each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
+            each(this.Widgets, w => w && w.ngOnAttach && w.ngOnAttach());
             this.appManager.notify('pageAttach', { 'name': this.pageName, instance: this });
         });
         this.appManager.notify('highlightActiveLink', { 'pageName': this.pageName });
@@ -2034,7 +2035,7 @@ class BaseSpaPageComponent extends FragmentMonitor {
         this.saveScrollPosition();
         this.savePageSnapShot();
         this.mute();
-        _.each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
+        each(this.Widgets, w => w && w.ngOnDetach && w.ngOnDetach());
         this.appManager.notify('pageDetach', { 'name': this.pageName, instance: this });
     }
     ngAfterContentInit() {
@@ -2046,7 +2047,7 @@ class BaseSpaPageComponent extends FragmentMonitor {
             BaseSpaPageComponent.lastPageSnapShot = null;
         }
     }
-    static { this.ɵfac = /*@__PURE__*/ function () { let ɵBaseSpaPageComponent_BaseFactory; return function BaseSpaPageComponent_Factory(t) { return (ɵBaseSpaPageComponent_BaseFactory || (ɵBaseSpaPageComponent_BaseFactory = i0.ɵɵgetInheritedFactory(BaseSpaPageComponent)))(t || BaseSpaPageComponent); }; }(); }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBaseSpaPageComponent_BaseFactory; return function BaseSpaPageComponent_Factory(t) { return (ɵBaseSpaPageComponent_BaseFactory || (ɵBaseSpaPageComponent_BaseFactory = i0.ɵɵgetInheritedFactory(BaseSpaPageComponent)))(t || BaseSpaPageComponent); }; })(); }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseSpaPageComponent, viewQuery: function BaseSpaPageComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(SpaPageDirective, 5);
         } if (rf & 2) {
@@ -2056,7 +2057,7 @@ class BaseSpaPageComponent extends FragmentMonitor {
             i0.ɵɵlistener("beforeunload", function BaseSpaPageComponent_beforeunload_HostBindingHandler() { return ctx.canDeactivate(); }, false, i0.ɵɵresolveWindow);
         } }, features: [i0.ɵɵInheritDefinitionFeature] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseSpaPageComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseSpaPageComponent, [{
         type: Directive
     }], null, { spaPageDirective: [{
             type: ViewChild,
@@ -2073,16 +2074,18 @@ var USER_ROLE;
     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 = get(securityConfig, 'securityEnabled');
+        this.isUserAuthenticated = get(securityConfig, 'authenticated');
+        this.userRoles = get(securityConfig, 'userInfo.userRoles');
+        extend(this.context, inj._lView[8], explicitContext);
     }
     /**
      * Returns array of roles from comma separated string of roles
@@ -2097,8 +2100,8 @@ class AccessrolesDirective {
             return [];
         }
         // replace the unicode equivalent of comma with comma
-        return _.split(val, ',').map(function (v) {
-            return _.trim(v).replace(UNICODE_COMMA_REGEX, ',');
+        return split(val, ',').map(function (v) {
+            return trim(v).replace(UNICODE_COMMA_REGEX, ',');
         });
     }
     /**
@@ -2109,7 +2112,7 @@ class AccessrolesDirective {
      */
     matchRoles(widgetRoles, userRoles) {
         return widgetRoles.some(function (item) {
-            return _.includes(userRoles, item);
+            return includes(userRoles, item);
         });
     }
     /**
@@ -2120,15 +2123,15 @@ class AccessrolesDirective {
      */
     hasAccessToWidget(widgetRoles, userRoles) {
         // access the widget when 'Everyone' is chosen
-        if (_.includes(widgetRoles, USER_ROLE.EVERYONE)) {
+        if (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 (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 (includes(widgetRoles, USER_ROLE.AUTHENTICATED) && this.isUserAuthenticated) {
             return true;
         }
         // access the widget when widget role and logged in user role matches
@@ -2144,29 +2147,34 @@ class AccessrolesDirective {
         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.ɵɵdirectiveInject(i0.TemplateRef), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i2.SecurityService), i0.ɵɵdirectiveInject(i0.Injector)); }; }
+    static { this.ɵfac = function AccessrolesDirective_Factory(t) { return new (t || AccessrolesDirective)(i0.ɵɵdirectiveInject(i0.TemplateRef), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i2.SecurityService), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: AccessrolesDirective, selectors: [["", "accessroles", ""]], inputs: { accessroles: "accessroles" } }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccessrolesDirective, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccessrolesDirective, [{
         type: Directive,
         args: [{
                 selector: '[accessroles]'
             }]
-    }], function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: i2.SecurityService }, { type: i0.Injector }]; }, { accessroles: [{
+    }], () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: i2.SecurityService }, { type: i0.Injector }, { type: undefined, decorators: [{
+                type: Inject,
+                args: ['EXPLICIT_CONTEXT']
+            }, {
+                type: Optional
+            }] }], { accessroles: [{
             type: Input
         }] }); })();
 
 function AppSpinnerComponent_div_0_p_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "p", 6);
 } if (rf & 2) {
-    const value_r2 = ctx.$implicit;
-    i0.ɵɵproperty("textContent", value_r2);
+    const value_r1 = ctx.$implicit;
+    i0.ɵɵproperty("textContent", value_r1);
 } }
 function AppSpinnerComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
@@ -2175,10 +2183,10 @@ function AppSpinnerComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(4, AppSpinnerComponent_div_0_p_4_Template, 1, 1, "p", 5);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.classname);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r1.classname);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngForOf", ctx_r0.spinnermessages);
+    i0.ɵɵproperty("ngForOf", ctx_r1.spinnermessages);
 } }
 class AppSpinnerComponent {
     constructor() { }
@@ -2189,7 +2197,7 @@ class AppSpinnerComponent {
             i0.ɵɵproperty("ngIf", ctx.show);
         } }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i3.TextContentDirective], encapsulation: 2 }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppSpinnerComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppSpinnerComponent, [{
         type: Component,
         args: [{
                 selector: 'app-spinner',
@@ -2204,7 +2212,7 @@ class AppSpinnerComponent {
         </div>
     `
             }]
-    }], function () { return []; }, { show: [{
+    }], () => [], { show: [{
             type: Input
         }], spinnermessages: [{
             type: Input
@@ -2213,6 +2221,7 @@ class AppSpinnerComponent {
         }], arialabel: [{
             type: Input
         }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AppSpinnerComponent, { className: "AppSpinnerComponent", filePath: "components/app-spinner.component.ts", lineNumber: 16 }); })();
 
 const _c0$1 = ["customToast"];
 const _c1 = ["customToastTmpl"];
@@ -2220,8 +2229,8 @@ const _c2 = ["custom-toaster-component", ""];
 function CustomToasterComponent_ng_template_3_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 5);
 } if (rf & 2) {
-    const param_r4 = ctx.$implicit;
-    i0.ɵɵproperty("name", param_r4.key)("value", param_r4.value);
+    const param_r1 = ctx.$implicit;
+    i0.ɵɵproperty("name", param_r1.key)("value", param_r1.value);
 } }
 function CustomToasterComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3);
@@ -2229,9 +2238,9 @@ function CustomToasterComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵpipe(2, "keyvalue");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 1, ctx_r2.params));
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 1, ctx_r1.params));
 } }
 class CustomToasterComponent extends Toast {
     // constructor is only necessary when not using AoT
@@ -2246,8 +2255,8 @@ class CustomToasterComponent extends Toast {
     }
     // 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) {
+        forEach(this.options.partialParams, (param) => {
+            if (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($watch(param.value.substr(5), this.options.context, {}, nv => {
                     this.params[param.name] = nv;
@@ -2268,7 +2277,7 @@ class CustomToasterComponent extends Toast {
         this.generateDynamicComponent();
     }
     ngOnDestroy() {
-        _.forEach(this.watchers, watcher => watcher());
+        forEach(this.watchers, watcher => watcher());
         super.ngOnDestroy();
     }
     static { this.ɵfac = function CustomToasterComponent_Factory(t) { return new (t || CustomToasterComponent)(i0.ɵɵdirectiveInject(i1$3.ToastrService), i0.ɵɵdirectiveInject(i1$3.ToastPackage)); }; }
@@ -2279,13 +2288,13 @@ class CustomToasterComponent extends Toast {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customToastRef = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customToastTmpl = _t.first);
-        } }, features: [i0.ɵɵ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.ɵɵelement(0, "div", 0);
-            i0.ɵɵelementContainer(1, null, 1);
-            i0.ɵɵtemplate(3, CustomToasterComponent_ng_template_3_Template, 3, 3, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
+        } }, features: [i0.ɵɵ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.ɵɵelement(0, "div", 2);
+            i0.ɵɵelementContainer(1, null, 0);
+            i0.ɵɵtemplate(3, CustomToasterComponent_ng_template_3_Template, 3, 3, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
         } }, dependencies: [i1$2.NgForOf, i3.ContainerDirective, i3.PartialParamHandlerDirective, i3.PartialParamDirective, i3.PartialContainerDirective, i1$2.KeyValuePipe], encapsulation: 2 }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomToasterComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomToasterComponent, [{
         type: Component,
         args: [{
                 selector: '[custom-toaster-component]',
@@ -2300,13 +2309,14 @@ class CustomToasterComponent extends Toast {
         </ng-template>`,
                 preserveWhitespaces: false
             }]
-    }], function () { return [{ type: i1$3.ToastrService }, { type: i1$3.ToastPackage }]; }, { customToastRef: [{
+    }], () => [{ type: i1$3.ToastrService }, { type: i1$3.ToastPackage }], { customToastRef: [{
             type: ViewChild,
             args: ['customToast', { static: true, read: ViewContainerRef }]
         }], customToastTmpl: [{
             type: ViewChild,
             args: ['customToastTmpl']
         }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CustomToasterComponent, { className: "CustomToasterComponent", filePath: "components/custom-toaster.component.ts", lineNumber: 23 }); })();
 
 class EmptyPageComponent {
     constructor(route, securityService, router, app, appManger) {
@@ -2336,13 +2346,14 @@ class EmptyPageComponent {
             i0.ɵɵelement(0, "div");
         } }, encapsulation: 2 }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EmptyPageComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EmptyPageComponent, [{
         type: Component,
         args: [{
                 selector: 'app-empty-page',
                 template: '<div></div>'
             }]
-    }], function () { return [{ type: i1$1.ActivatedRoute }, { type: i2.SecurityService }, { type: i1$1.Router }, { type: i1.App }, { type: AppManagerService }]; }, null); })();
+    }], () => [{ type: i1$1.ActivatedRoute }, { type: i2.SecurityService }, { type: i1$1.Router }, { type: i1.App }, { type: AppManagerService }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EmptyPageComponent, { className: "EmptyPageComponent", filePath: "components/empty-component/empty-page.component.ts", lineNumber: 13 }); })();
 
 class PrefabDirective {
     constructor(componentInstance, vcRef, elRef, prefabMngr, resolver, injector, componentRefProvider) {
@@ -2366,17 +2377,17 @@ class PrefabDirective {
     static { this.ɵfac = function PrefabDirective_Factory(t) { return new (t || PrefabDirective)(i0.ɵɵdirectiveInject(WidgetRef, 2), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(PrefabManagerService), i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(ComponentRefProvider)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PrefabDirective, selectors: [["", "wmPrefab", "", "prefabname", ""]] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrefabDirective, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrefabDirective, [{
         type: Directive,
         args: [{
                 selector: '[wmPrefab][prefabname]'
             }]
-    }], function () { return [{ type: undefined, decorators: [{
+    }], () => [{ type: undefined, decorators: [{
                 type: Self
             }, {
                 type: Inject,
                 args: [WidgetRef]
-            }] }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: PrefabManagerService }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: ComponentRefProvider }]; }, null); })();
+            }] }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: PrefabManagerService }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: ComponentRefProvider }], null); })();
 
 class PipeProvider {
     setPipeData() {
@@ -2486,12 +2497,12 @@ class PipeProvider {
     static { this.ɵfac = function PipeProvider_Factory(t) { return new (t || PipeProvider)(i0.ɵɵinject(i0.Compiler), i0.ɵɵinject(i0.Injector), i0.ɵɵinject(i1$4.DomSanitizer), i0.ɵɵinject(i1.AbstractI18nService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PipeProvider, factory: PipeProvider.ɵfac, providedIn: 'root' }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PipeProvider, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PipeProvider, [{
         type: Injectable,
         args: [{
                 providedIn: 'root'
             }]
-    }], function () { return [{ type: i0.Compiler }, { type: i0.Injector }, { type: i1$4.DomSanitizer }, { type: i1.AbstractI18nService }]; }, null); })();
+    }], () => [{ type: i0.Compiler }, { type: i0.Injector }, { type: i1$4.DomSanitizer }, { type: i1.AbstractI18nService }], null); })();
 
 class PipeService {
     constructor(pipeProvider, $app) {
@@ -2513,10 +2524,10 @@ class PipeService {
     static { this.ɵfac = function PipeService_Factory(t) { return new (t || PipeService)(i0.ɵɵinject(PipeProvider), i0.ɵɵinject(i1.App)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PipeService, factory: PipeService.ɵfac, providedIn: 'root' }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PipeService, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PipeService, [{
         type: Injectable,
         args: [{ providedIn: 'root' }]
-    }], function () { return [{ type: PipeProvider }, { type: i1.App }]; }, null); })();
+    }], () => [{ type: PipeProvider }, { type: i1.App }], null); })();
 
 const injectorMap = {
     DialogService: AbstractDialogService,
@@ -2617,9 +2628,9 @@ class AppRef {
      * triggers the onSessionTimeout callback in app.js
      */
     on401() {
-        const userInfo = _.get(this.securityService.get(), 'userInfo');
+        const userInfo = get(this.securityService.get(), 'userInfo');
         // if a previous user exists, a session time out triggered
-        if (!_.isEmpty(userInfo)) {
+        if (!isEmpty(userInfo)) {
             this.onSessionTimeout();
         }
     }
@@ -2627,7 +2638,7 @@ class AppRef {
         return this._eventNotifier.subscribe(eventName, callback);
     }
     notifyApp(template, type, title) {
-        const notificationAction = _.get(this, 'Actions.appNotification');
+        const notificationAction = get(this, 'Actions.appNotification');
         const EXCLUDE_NOTIFICATION_MESSAGES = ['PROCESS_REJECTED_IN_QUEUE'];
         const skipDefaultNotification = EXCLUDE_NOTIFICATION_MESSAGES.indexOf(template) !== -1;
         if (notificationAction) {
@@ -2656,16 +2667,16 @@ class AppRef {
      * @param expressions, map of bind expression vs generated function
      */
     registerExpressions(expressions) {
-        _.each(expressions, (fn, expr) => {
+        each(expressions, (fn, expr) => {
             registerFnByExpr(expr, fn[0], fn[1]);
         });
     }
     static { this.ɵfac = function AppRef_Factory(t) { return new (t || AppRef)(i0.ɵɵinject(i0.Injector), i0.ɵɵinject(i1.AbstractI18nService), i0.ɵɵinject(i1.StatePersistence), i0.ɵɵinject(i1.AbstractHttpService), i0.ɵɵinject(i2.SecurityService), i0.ɵɵinject(i1$1.RouteReuseStrategy)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AppRef, factory: AppRef.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppRef, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppRef, [{
         type: Injectable
-    }], function () { return [{ type: i0.Injector }, { type: i1.AbstractI18nService }, { type: i1.StatePersistence }, { type: i1.AbstractHttpService }, { type: i2.SecurityService }, { type: i1$1.RouteReuseStrategy }]; }, null); })();
+    }], () => [{ type: i0.Injector }, { type: i1.AbstractI18nService }, { type: i1.StatePersistence }, { type: i1.AbstractHttpService }, { type: i2.SecurityService }, { type: i1$1.RouteReuseStrategy }], null); })();
 
 class ToasterServiceImpl extends AbstractToasterService {
     constructor(toaster) {
@@ -2674,7 +2685,7 @@ class ToasterServiceImpl extends AbstractToasterService {
     }
     _showToaster(type, title, desc, options) {
         // backward compatibility (in 9.x, 4th param is timeout value).
-        if (_.isNumber(options)) {
+        if (isNumber(options)) {
             options = { timeOut: options };
         }
         options = options || {};
@@ -2685,7 +2696,7 @@ class ToasterServiceImpl extends AbstractToasterService {
         // 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 && isObject(desc)) {
                 desc = JSON.stringify(desc);
             }
             const fn = this.toaster[type];
@@ -2736,8 +2747,8 @@ class ToasterServiceImpl extends AbstractToasterService {
      * @param {options} Object
      */
     setToasterConfig(options) {
-        if (_.isObject(options)) {
-            _.merge(this.toaster.toastrConfig, options);
+        if (isObject(options)) {
+            merge(this.toaster.toastrConfig, options);
         }
         else {
             console.warn('Please pass a valid options object, For Example : {maxOpened: 1, autoDismiss: true}');
@@ -2746,9 +2757,9 @@ class ToasterServiceImpl extends AbstractToasterService {
     static { this.ɵfac = function ToasterServiceImpl_Factory(t) { return new (t || ToasterServiceImpl)(i0.ɵɵinject(i1$3.ToastrService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ToasterServiceImpl, factory: ToasterServiceImpl.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToasterServiceImpl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToasterServiceImpl, [{
         type: Injectable
-    }], function () { return [{ type: i1$3.ToastrService }]; }, null); })();
+    }], () => [{ type: i1$3.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',
@@ -2896,11 +2907,11 @@ class I18nServiceImpl extends AbstractI18nService {
                     if (localeIndex > 0) {
                         locale = locale.substr(localeIndex);
                     }
-                    localeObj['timezone'] = _.find(moment.tz.names(), (timezoneName) => {
+                    localeObj['timezone'] = 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();
@@ -2933,8 +2944,8 @@ class I18nServiceImpl extends AbstractI18nService {
         this.loadMomentTimeZoneBundle(locale, compInstance);
     }
     getTimezone(compInstance) {
-        const pageConfig = _.get(this.app, 'activePage.formatsByLocale.timezone');
-        const compConfig = _.get(compInstance, 'formatsByLocale.timezone');
+        const pageConfig = get(this.app, 'activePage.formatsByLocale.timezone');
+        const compConfig = get(compInstance, 'formatsByLocale.timezone');
         if (compConfig) {
             return compConfig;
         }
@@ -2950,12 +2961,13 @@ class I18nServiceImpl extends AbstractI18nService {
     }
     setSelectedLocale(locale) {
         // check if the event is propagated from the select or any such widget
-        if (_.isObject(locale)) {
+        if (isObject(locale)) {
+            // @ts-ignore
             locale = locale.datavalue;
         }
         const libLocale = getWmProjectProperties().supportedLanguages[locale];
         const supportedLocale = Object.keys(getWmProjectProperties().supportedLanguages);
-        if (!_.includes(supportedLocale, locale)) {
+        if (!includes(supportedLocale, locale)) {
             return Promise.resolve();
         }
         if (!locale || locale === this.selectedLocale) {
@@ -3001,8 +3013,8 @@ class I18nServiceImpl extends AbstractI18nService {
          */
         if (CONSTANTS.hasCordova) {
             let supportedLang = [];
-            _.forEach(_acceptLang, function (lang) {
-                let matchedLang = _.find(_supportedLang, (val) => lang === val) || _.find(_supportedLang, (val) => lang.startsWith(val));
+            forEach(_acceptLang, function (lang) {
+                let matchedLang = find(_supportedLang, (val) => lang === val) || find(_supportedLang, (val) => lang.startsWith(val));
                 if (matchedLang) {
                     supportedLang.push(matchedLang);
                 }
@@ -3010,7 +3022,7 @@ class I18nServiceImpl extends AbstractI18nService {
             _appSupportedLang = supportedLang[0];
         }
         // check for the session storage to load any pre-requested locale
-        const _defaultLang = getSessionStorageItem('selectedLocale') || _selectedDefaultLang || _appSupportedLang || _.intersection(_acceptLang, _supportedLang)[0] || this.defaultSupportedLocale;
+        const _defaultLang = getSessionStorageItem('selectedLocale') || _selectedDefaultLang || _appSupportedLang || intersection(_acceptLang, _supportedLang)[0] || this.defaultSupportedLocale;
         // if the supportedLocale is not available set it to defaultLocale
         _supportedLang = _supportedLang || [_defaultLang];
         const defaultLanguage = _defaultLang || _supportedLang[0];
@@ -3043,7 +3055,7 @@ class I18nServiceImpl extends AbstractI18nService {
                 return locale.split(';')[0];
             });
         }
-        return _.map(languages, _.toLower);
+        return map(languages, toLower);
     }
     initCalendarLocale() {
         if (this.selectedLocale !== 'en') {
@@ -3068,9 +3080,9 @@ class I18nServiceImpl extends AbstractI18nService {
     static { this.ɵfac = function I18nServiceImpl_Factory(t) { return new (t || I18nServiceImpl)(i0.ɵɵinject(i1$5.HttpClient), i0.ɵɵinject(i2$1.BsLocaleService), i0.ɵɵinject(i1.AppDefaults), i0.ɵɵinject(i0.Injector)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: I18nServiceImpl, factory: I18nServiceImpl.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(I18nServiceImpl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(I18nServiceImpl, [{
         type: Injectable
-    }], function () { return [{ type: i1$5.HttpClient }, { type: i2$1.BsLocaleService }, { type: i1.AppDefaults }, { type: i0.Injector }]; }, null); })();
+    }], () => [{ type: i1$5.HttpClient }, { type: i2$1.BsLocaleService }, { type: i1.AppDefaults }, { type: i0.Injector }], null); })();
 
 const spinnerTemplate = `<div class="app-spinner">
                             <div class="spinner-message" aria-label="loading gif">
@@ -3129,7 +3141,7 @@ class SpinnerServiceImpl extends AbstractSpinnerService {
         this.messageSource.next({
             show: true,
             message: msg,
-            messages: _.values(this.messagesByContext[ctx])
+            messages: values(this.messagesByContext[ctx])
         });
     }
     /**
@@ -3170,8 +3182,8 @@ class SpinnerServiceImpl extends AbstractSpinnerService {
      */
     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 = findKey(this.messagesByContext, function (obj) {
+            return includes(keys(obj), id);
         }) || 'page';
         // if spinnerContext exists just remove the spinner from the reference and destroy the scope associated.
         if (ctx !== 'page') {
@@ -3180,10 +3192,10 @@ class SpinnerServiceImpl extends AbstractSpinnerService {
         }
         if (id) {
             delete this.messagesByContext[ctx][id];
-            const messages = _.values(this.messagesByContext[ctx]);
+            const messages = values(this.messagesByContext[ctx]);
             this.messageSource.next({
                 show: messages.length ? true : false,
-                messages: _.values(this.messagesByContext[ctx])
+                messages: values(this.messagesByContext[ctx])
             });
         }
         else {
@@ -3193,9 +3205,9 @@ class SpinnerServiceImpl extends AbstractSpinnerService {
     static { this.ɵfac = function SpinnerServiceImpl_Factory(t) { return new (t || SpinnerServiceImpl)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SpinnerServiceImpl, factory: SpinnerServiceImpl.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SpinnerServiceImpl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SpinnerServiceImpl, [{
         type: Injectable
-    }], function () { return []; }, null); })();
+    }], () => [], null); })();
 
 const parentSelector = 'body >app-root';
 class NavigationServiceImpl {
@@ -3244,7 +3256,7 @@ class NavigationServiceImpl {
         });
     }
     getPageTransition() {
-        if (_.isEmpty(this.transition) || _.isEqual('none', this.transition)) {
+        if (isEmpty(this.transition) || isEqual('none', this.transition)) {
             return null;
         }
         return this.transition;
@@ -3277,7 +3289,7 @@ class NavigationServiceImpl {
     goToPrevious() {
         if (this.history.getPagesCount()) {
             this.transition = this.history.getCurrentPage().transition;
-            if (!_.isEmpty(this.transition)) {
+            if (!isEmpty(this.transition)) {
                 this.transition += '-exit';
             }
             this.history.pop();
@@ -3384,8 +3396,8 @@ class NavigationServiceImpl {
     getViewElementInActivePage($el) {
         let selector;
         if ($el.length > 1) {
-            selector = _.filter($el, (childSelector) => {
-                if (_.isEmpty($(childSelector).closest('[data-role = "partial"]')) && _.isEmpty($(childSelector).closest('[wmprefabcontainer]'))) {
+            selector = filter($el, (childSelector) => {
+                if (isEmpty($(childSelector).closest('[data-role = "partial"]')) && isEmpty($(childSelector).closest('[wmprefabcontainer]'))) {
                     return childSelector;
                 }
             });
@@ -3454,18 +3466,18 @@ class NavigationServiceImpl {
     static { this.ɵfac = function NavigationServiceImpl_Factory(t) { return new (t || NavigationServiceImpl)(i0.ɵɵinject(i1.App), i0.ɵɵinject(i1$1.Router), i0.ɵɵinject(i0.NgZone)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: NavigationServiceImpl, factory: NavigationServiceImpl.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationServiceImpl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationServiceImpl, [{
         type: Injectable
-    }], function () { return [{ type: i1.App }, { type: i1$1.Router }, { type: i0.NgZone }]; }, null); })();
+    }], () => [{ type: i1.App }, { type: i1$1.Router }, { type: i0.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 = 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 && isEqual(page1.urlParams, this.urlParams);
     }
 }
 class History {
@@ -3512,9 +3524,9 @@ class AppDefaultsService {
     static { this.ɵfac = function AppDefaultsService_Factory(t) { return new (t || AppDefaultsService)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AppDefaultsService, factory: AppDefaultsService.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppDefaultsService, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppDefaultsService, [{
         type: Injectable
-    }], function () { return []; }, null); })();
+    }], () => [], null); })();
 
 let securityConfigLoaded = false;
 class AuthGuard {
@@ -3549,9 +3561,9 @@ class AuthGuard {
     static { this.ɵfac = function AuthGuard_Factory(t) { return new (t || AuthGuard)(i0.ɵɵinject(i2.SecurityService), i0.ɵɵinject(AppManagerService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AuthGuard, factory: AuthGuard.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AuthGuard, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AuthGuard, [{
         type: Injectable
-    }], function () { return [{ type: i2.SecurityService }, { type: AppManagerService }]; }, null); })();
+    }], () => [{ type: i2.SecurityService }, { type: AppManagerService }], null); })();
 
 class RoleGuard {
     constructor(securityService, authGuard, toasterService, app, appManager) {
@@ -3567,7 +3579,7 @@ class RoleGuard {
             .then((isLoggedIn) => {
             if (isLoggedIn) {
                 const userRoles = this.securityService.get().userInfo.userRoles;
-                const hasAccess = _.intersection(allowedRoles, userRoles).length > 0;
+                const hasAccess = intersection(allowedRoles, userRoles).length > 0;
                 if (hasAccess) {
                     return Promise.resolve(true);
                 }
@@ -3585,9 +3597,9 @@ class RoleGuard {
     static { this.ɵfac = function RoleGuard_Factory(t) { return new (t || RoleGuard)(i0.ɵɵinject(i2.SecurityService), i0.ɵɵinject(AuthGuard), i0.ɵɵinject(i1.AbstractToasterService), i0.ɵɵinject(i1.App), i0.ɵɵinject(AppManagerService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: RoleGuard, factory: RoleGuard.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RoleGuard, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RoleGuard, [{
         type: Injectable
-    }], function () { return [{ type: i2.SecurityService }, { type: AuthGuard }, { type: i1.AbstractToasterService }, { type: i1.App }, { type: AppManagerService }]; }, null); })();
+    }], () => [{ type: i2.SecurityService }, { type: AuthGuard }, { type: i1.AbstractToasterService }, { type: i1.App }, { type: AppManagerService }], null); })();
 
 class PageNotFoundGuard {
     constructor(app, appManager) {
@@ -3601,9 +3613,9 @@ class PageNotFoundGuard {
     static { this.ɵfac = function PageNotFoundGuard_Factory(t) { return new (t || PageNotFoundGuard)(i0.ɵɵinject(i1.App), i0.ɵɵinject(AppManagerService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PageNotFoundGuard, factory: PageNotFoundGuard.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageNotFoundGuard, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageNotFoundGuard, [{
         type: Injectable
-    }], function () { return [{ type: i1.App }, { type: AppManagerService }]; }, null); })();
+    }], () => [{ type: i1.App }, { type: AppManagerService }], null); })();
 
 let appJsLoaded$1 = false;
 class AppJSResolve {
@@ -3633,9 +3645,9 @@ class AppJSResolve {
     static { this.ɵfac = function AppJSResolve_Factory(t) { return new (t || AppJSResolve)(i0.ɵɵinject(i0.Injector), i0.ɵɵinject(i1.App), i0.ɵɵinject(i1.UtilsService), i0.ɵɵinject(AppJSProvider)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AppJSResolve, factory: AppJSResolve.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppJSResolve, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppJSResolve, [{
         type: Injectable
-    }], function () { return [{ type: i0.Injector }, { type: i1.App }, { type: i1.UtilsService }, { type: AppJSProvider }]; }, null); })();
+    }], () => [{ type: i0.Injector }, { type: i1.App }, { type: i1.UtilsService }, { type: AppJSProvider }], null); })();
 
 let appJsLoaded = false;
 class AppExtensionJSResolve {
@@ -3673,9 +3685,9 @@ class AppExtensionJSResolve {
     static { this.ɵfac = function AppExtensionJSResolve_Factory(t) { return new (t || AppExtensionJSResolve)(i0.ɵɵinject(AppManagerService), i0.ɵɵinject(AppExtensionProvider), i0.ɵɵinject(i1.CustomPipeManager)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AppExtensionJSResolve, factory: AppExtensionJSResolve.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppExtensionJSResolve, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppExtensionJSResolve, [{
         type: Injectable
-    }], function () { return [{ type: AppManagerService }, { type: AppExtensionProvider }, { type: i1.CustomPipeManager }]; }, null); })();
+    }], () => [{ type: AppManagerService }, { type: AppExtensionProvider }, { type: i1.CustomPipeManager }], null); })();
 
 class I18nResolve {
     constructor(i18nService) {
@@ -3687,33 +3699,33 @@ class I18nResolve {
     static { this.ɵfac = function I18nResolve_Factory(t) { return new (t || I18nResolve)(i0.ɵɵinject(i1.AbstractI18nService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: I18nResolve, factory: I18nResolve.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(I18nResolve, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(I18nResolve, [{
         type: Injectable
-    }], function () { return [{ type: i1.AbstractI18nService }]; }, null); })();
+    }], () => [{ type: i1.AbstractI18nService }], null); })();
 
 const _c0 = ["dynamicComponent"];
 function AppComponent_ng_container_0_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 11);
 } }
 function AppComponent_ng_container_0_ng_template_5_li_1_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
+    const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "li", 14)(1, "button", 15);
-    i0.ɵɵlistener("click", function AppComponent_ng_container_0_ng_template_5_li_1_Template_button_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r10); const provider_r8 = restoredCtx.$implicit; return i0.ɵɵresetView(provider_r8.invoke()); });
+    i0.ɵɵlistener("click", function AppComponent_ng_container_0_ng_template_5_li_1_Template_button_click_1_listener() { const provider_r2 = i0.ɵɵrestoreView(_r1).$implicit; return i0.ɵɵresetView(provider_r2.invoke()); });
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const provider_r8 = ctx.$implicit;
+    const provider_r2 = ctx.$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(provider_r8.name);
+    i0.ɵɵtextInterpolate(provider_r2.name);
 } }
 function AppComponent_ng_container_0_ng_template_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "ul", 12);
     i0.ɵɵtemplate(1, AppComponent_ng_container_0_ng_template_5_li_1_Template, 3, 1, "li", 13);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r4 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r4.providersConfig);
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r2.providersConfig);
 } }
 function AppComponent_ng_container_0_div_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 16);
@@ -3724,30 +3736,29 @@ function AppComponent_ng_container_0_div_9_Template(rf, ctx) { if (rf & 1) {
 function AppComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelement(1, "router-outlet");
-    i0.ɵɵtemplate(2, AppComponent_ng_container_0_div_2_Template, 1, 0, "div", 2);
-    i0.ɵɵelement(3, "app-spinner", 3);
-    i0.ɵɵelementStart(4, "div", 4);
-    i0.ɵɵtemplate(5, AppComponent_ng_container_0_ng_template_5_Template, 2, 1, "ng-template", null, 5, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(2, AppComponent_ng_container_0_div_2_Template, 1, 0, "div", 3);
+    i0.ɵɵelement(3, "app-spinner", 4);
+    i0.ɵɵelementStart(4, "div", 5);
+    i0.ɵɵtemplate(5, AppComponent_ng_container_0_ng_template_5_Template, 2, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementEnd();
     i0.ɵɵelement(7, "div", 6);
-    i0.ɵɵtemplate(8, AppComponent_ng_container_0_div_8_Template, 1, 0, "div", 7);
-    i0.ɵɵtemplate(9, AppComponent_ng_container_0_div_9_Template, 1, 0, "div", 8);
+    i0.ɵɵ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.ɵɵelement(10, "div", 9)(11, "i", 10);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r0.isApplicationType);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("show", ctx_r0.spinner.show)("spinnermessages", ctx_r0.spinner.messages);
-    i0.ɵɵattribute("aria-label", ctx_r0.spinner.arialabel || "Loading");
+    i0.ɵɵproperty("ngIf", ctx_r2.isApplicationType);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("show", ctx_r2.spinner.show)("spinnermessages", ctx_r2.spinner.messages);
+    i0.ɵɵattribute("aria-label", ctx_r2.spinner.arialabel || "Loading");
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("ngIf", !ctx_r0.isApplicationType);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r0.isApplicationType);
+    i0.ɵɵproperty("ngIf", !ctx_r2.isApplicationType);
+    i0.ɵɵadvance();
+    i0.ɵɵ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;
@@ -3755,6 +3766,7 @@ class AppComponent {
         this.router = router;
         this.app = app;
         this.appManager = appManager;
+        this.customIconsLoaderService = customIconsLoaderService;
         this.startApp = false;
         this.isApplicationType = false;
         this.spinner = { show: false, messages: [], arialabel: '' };
@@ -3763,6 +3775,9 @@ class AppComponent {
         setNgZone(ngZone);
         setAppRef(_appRef);
         this.isApplicationType = getWmProjectProperties().type === 'APPLICATION';
+        if (this.isApplicationType) {
+            this.customIconsLoaderService.load();
+        }
         this.appManager.beforeAppReady();
         // subscribe to OAuth changes
         oAuthService.getOAuthProvidersAsObservable().subscribe((providers) => {
@@ -3878,7 +3893,7 @@ class AppComponent {
     ngDoCheck() {
         $invokeWatchers();
     }
-    static { this.ɵfac = function AppComponent_Factory(t) { return new (t || AppComponent)(i0.ɵɵdirectiveInject(PipeProvider), i0.ɵɵdirectiveInject(i0.ApplicationRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i2$2.OAuthService), i0.ɵɵdirectiveInject(i1.AbstractDialogService), i0.ɵɵdirectiveInject(i1.AbstractSpinnerService), i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i1.App), i0.ɵɵdirectiveInject(AppManagerService)); }; }
+    static { this.ɵfac = function AppComponent_Factory(t) { return new (t || AppComponent)(i0.ɵɵdirectiveInject(PipeProvider), i0.ɵɵdirectiveInject(i0.ApplicationRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i2$2.OAuthService), i0.ɵɵdirectiveInject(i1.AbstractDialogService), i0.ɵɵdirectiveInject(i1.AbstractSpinnerService), i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i1.App), i0.ɵɵdirectiveInject(AppManagerService), i0.ɵɵdirectiveInject(i1.CustomIconsLoaderService)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AppComponent, selectors: [["app-root"]], viewQuery: function AppComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(RouterOutlet, 5);
             i0.ɵɵviewQuery(_c0, 5, ViewContainerRef);
@@ -3886,23 +3901,24 @@ class AppComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.routerOutlet = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵ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.ɵɵtemplate(0, AppComponent_ng_container_0_Template, 12, 6, "ng-container", 0);
-            i0.ɵɵ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.ɵɵtemplate(0, AppComponent_ng_container_0_Template, 12, 6, "ng-container", 2);
+            i0.ɵɵelementContainer(1, null, 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.startApp);
         } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i1$1.RouterOutlet, i3.ContainerDirective, i3.PartialParamHandlerDirective, i3.PartialContainerDirective, i1$6.AppExtComponent, i9.ConfirmDialogComponent, i10.DialogComponent, i11.AlertDialogComponent, AppSpinnerComponent], encapsulation: 2 }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppComponent, [{
         type: Component,
         args: [{ selector: 'app-root', encapsulation: 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.ApplicationRef }, { type: i0.ElementRef }, { type: i2$2.OAuthService }, { type: i1.AbstractDialogService }, { type: i1.AbstractSpinnerService }, { type: i0.NgZone }, { type: i1$1.Router }, { type: i1.App }, { type: AppManagerService }]; }, { routerOutlet: [{
+    }], () => [{ type: PipeProvider }, { type: i0.ApplicationRef }, { type: i0.ElementRef }, { type: i2$2.OAuthService }, { type: i1.AbstractDialogService }, { type: i1.AbstractSpinnerService }, { type: i0.NgZone }, { type: i1$1.Router }, { type: i1.App }, { type: AppManagerService }, { type: i1.CustomIconsLoaderService }], { routerOutlet: [{
             type: ViewChild,
             args: [RouterOutlet]
         }], dynamicComponentContainerRef: [{
             type: ViewChild,
             args: ['dynamicComponent', { read: ViewContainerRef }]
         }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵ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
@@ -3939,7 +3955,7 @@ class HttpCallInterceptor {
                 if (modifiedResp) {
                     // Convert the wm HttpResponse to angular HttpResponse
                     modifiedResp = this.wmHttpResponse.wmToAngularResponse(modifiedResp);
-                    _.extend(response, modifiedResp);
+                    extend(response, modifiedResp);
                 }
             }
         }, error => {
@@ -3955,7 +3971,7 @@ class HttpCallInterceptor {
                 if (modifiedResp) {
                     // Convert the wm HttpResponse to angular HttpResponse
                     modifiedResp = this.wmHttpResponse.wmToAngularResponse(modifiedResp);
-                    _.extend(error, modifiedResp);
+                    extend(error, modifiedResp);
                 }
             }
         }));
@@ -3963,9 +3979,9 @@ class HttpCallInterceptor {
     static { this.ɵfac = function HttpCallInterceptor_Factory(t) { return new (t || HttpCallInterceptor)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: HttpCallInterceptor, factory: HttpCallInterceptor.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HttpCallInterceptor, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HttpCallInterceptor, [{
         type: Injectable
-    }], function () { return []; }, null); })();
+    }], () => [], null); })();
 
 const PREFAB = 'PREFAB';
 class PrefabPreviewComponent {
@@ -4053,7 +4069,7 @@ class PrefabPreviewComponent {
             i0.ɵɵelementEnd();
         } }, dependencies: [i2$3.PrefabDirective, PrefabDirective], encapsulation: 2 }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrefabPreviewComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrefabPreviewComponent, [{
         type: Component,
         args: [{
                 selector: 'wm-prefab-preview',
@@ -4063,10 +4079,11 @@ class PrefabPreviewComponent {
         </div>
     `
             }]
-    }], function () { return [{ type: PrefabManagerService }]; }, { prefabInstance: [{
+    }], () => [{ type: PrefabManagerService }], { prefabInstance: [{
             type: ViewChild,
             args: [PrefabDirective$1, { static: true }]
         }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrefabPreviewComponent, { className: "PrefabPreviewComponent", filePath: "components/prefab-preview.component.ts", lineNumber: 17 }); })();
 
 initComponentsBuildTask();
 const componentFactoryRefCache = new Map();
@@ -4130,16 +4147,16 @@ class DynamicComponentRefProviderService {
         options.noCache = isDefined(options.noCache) ? options.noCache : true;
         options.selector = 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, get(options, 'inj'));
         extendProto(component.instance, context);
         target.appendChild(component.location.nativeElement);
     }
     static { this.ɵfac = function DynamicComponentRefProviderService_Factory(t) { return new (t || DynamicComponentRefProviderService)(i0.ɵɵinject(i1.App), i0.ɵɵinject(AppManagerService), i0.ɵɵinject(i0.Compiler)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: DynamicComponentRefProviderService, factory: DynamicComponentRefProviderService.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DynamicComponentRefProviderService, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DynamicComponentRefProviderService, [{
         type: Injectable
-    }], function () { return [{ type: i1.App }, { type: AppManagerService }, { type: i0.Compiler }]; }, null); })();
+    }], () => [{ type: i1.App }, { type: AppManagerService }, { type: i0.Compiler }], null); })();
 
 /*
     canDeactivate guard for preview/WM deployment.
@@ -4165,7 +4182,7 @@ class CanDeactivatePageGuard {
     static { this.ɵfac = function CanDeactivatePageGuard_Factory(t) { return new (t || CanDeactivatePageGuard)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CanDeactivatePageGuard, factory: CanDeactivatePageGuard.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CanDeactivatePageGuard, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CanDeactivatePageGuard, [{
         type: Injectable
     }], null, null); })();
 //  [WMS-18847] - canDeactivate guard for angular deployment.
@@ -4176,7 +4193,7 @@ class CanDeactivateNgPageGuard {
     static { this.ɵfac = function CanDeactivateNgPageGuard_Factory(t) { return new (t || CanDeactivateNgPageGuard)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CanDeactivateNgPageGuard, factory: CanDeactivateNgPageGuard.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CanDeactivateNgPageGuard, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CanDeactivateNgPageGuard, [{
         type: Injectable
     }], null, null); })();
 
@@ -4209,7 +4226,7 @@ class SharedStylesHost {
     static { this.ɵfac = function SharedStylesHost_Factory(t) { return new (t || SharedStylesHost)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SharedStylesHost, factory: SharedStylesHost.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SharedStylesHost, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SharedStylesHost, [{
         type: Injectable
     }], null, null); })();
 class WMDomSharedStylesHost extends SharedStylesHost {
@@ -4252,14 +4269,14 @@ class WMDomSharedStylesHost extends SharedStylesHost {
     static { this.ɵfac = function WMDomSharedStylesHost_Factory(t) { return new (t || WMDomSharedStylesHost)(i0.ɵɵinject(DOCUMENT)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: WMDomSharedStylesHost, factory: WMDomSharedStylesHost.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WMDomSharedStylesHost, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WMDomSharedStylesHost, [{
         type: Injectable
-    }], function () { return [{ type: undefined, decorators: [{
+    }], () => [{ type: undefined, decorators: [{
                 type: Inject,
                 args: [DOCUMENT]
-            }] }]; }, null); })();
+            }] }], null); })();
 function removeStyle(styleNode) {
-    ɵgetDOM().remove(styleNode);
+    _getDOM().remove(styleNode);
 }
 
 const NAMESPACE_URIS = {
@@ -4369,15 +4386,15 @@ class WMDomRendererFactory2 {
     static { this.ɵfac = function WMDomRendererFactory2_Factory(t) { return new (t || WMDomRendererFactory2)(i0.ɵɵinject(i1$4.EventManager), i0.ɵɵinject(i1$4.ɵSharedStylesHost), i0.ɵɵinject(APP_ID), i0.ɵɵinject(DOCUMENT)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: WMDomRendererFactory2, factory: WMDomRendererFactory2.ɵfac }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WMDomRendererFactory2, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WMDomRendererFactory2, [{
         type: Injectable
-    }], function () { return [{ type: i1$4.EventManager }, { type: i1$4.ɵSharedStylesHost }, { type: undefined, decorators: [{
+    }], () => [{ type: i1$4.EventManager }, { type: i1$4.ɵSharedStylesHost }, { type: undefined, decorators: [{
                 type: Inject,
                 args: [APP_ID]
             }] }, { type: Document, decorators: [{
                 type: Inject,
                 args: [DOCUMENT]
-            }] }]; }, null); })();
+            }] }], null); })();
 let WMDefaultDomRenderer2 = class WMDefaultDomRenderer2 {
     constructor(eventManager, doc) {
         this.eventManager = eventManager;
@@ -4529,7 +4546,7 @@ let WMDefaultDomRenderer2 = class WMDefaultDomRenderer2 {
     listen(target, event, callback) {
         (typeof NG_DEV_MODE === 'undefined' || NG_DEV_MODE) && checkNoSyntheticProp(event, 'listener');
         if (typeof target === 'string') {
-            target = ɵgetDOM().getGlobalEventTarget(this.doc, target);
+            target = _getDOM().getGlobalEventTarget(this.doc, target);
             if (!target) {
                 throw new Error(`Unsupported event target ${target} for event ${event}`);
             }
@@ -4573,7 +4590,7 @@ let EmulatedEncapsulationDomRenderer2 = class EmulatedEncapsulationDomRenderer2
 };
 EmulatedEncapsulationDomRenderer2 = __decorate([
     __param(4, Inject(DOCUMENT)),
-    __metadata("design:paramtypes", [EventManager, ɵSharedStylesHost, Object, String, Document])
+    __metadata("design:paramtypes", [EventManager, _SharedStylesHost, Object, String, Document])
 ], EmulatedEncapsulationDomRenderer2);
 let ShadowDomRenderer = class ShadowDomRenderer extends WMDefaultDomRenderer2 {
     constructor(eventManager, sharedStylesHost, hostEl, component, doc) {
@@ -4611,7 +4628,7 @@ let ShadowDomRenderer = class ShadowDomRenderer extends WMDefaultDomRenderer2 {
 };
 ShadowDomRenderer = __decorate([
     __param(4, Inject(DOCUMENT)),
-    __metadata("design:paramtypes", [EventManager, ɵSharedStylesHost, Object, Object, Document])
+    __metadata("design:paramtypes", [EventManager, _SharedStylesHost, Object, Object, Document])
 ], ShadowDomRenderer);
 
 const initializeProjectDetails = () => {
@@ -4817,7 +4834,7 @@ class RuntimeBaseModule {
                 // This is for preview page
                 window.onmessage = function (msg) {
                     const data = msg.data;
-                    if (isObject(data) && data.key === 'switch-device') {
+                    if (isObject$1(data) && data.key === 'switch-device') {
                         resolve(data.device);
                     }
                 };
@@ -4833,8 +4850,8 @@ class RuntimeBaseModule {
     static { this.ɵfac = function RuntimeBaseModule_Factory(t) { return new (t || RuntimeBaseModule)(i0.ɵɵinject(i1$6.MobileRuntimeModule), i0.ɵɵinject(i1.App), i0.ɵɵinject(i1.Viewport)); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: RuntimeBaseModule }); }
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
-            { provide: ɵSharedStylesHost, useClass: WMDomSharedStylesHost },
-            { provide: ɵDomRendererFactory2, useClass: WMDomRendererFactory2 }
+            { provide: _SharedStylesHost, useClass: WMDomSharedStylesHost },
+            { provide: _DomRendererFactory2, useClass: WMDomRendererFactory2 }
         ], imports: [CommonModule,
             RouterModule,
             HttpClientModule,
@@ -4928,7 +4945,7 @@ class RuntimeBaseModule {
             TopNavModule,
             PrefabModule] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RuntimeBaseModule, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RuntimeBaseModule, [{
         type: NgModule,
         args: [{
                 declarations: [...definitions],
@@ -4966,11 +4983,11 @@ class RuntimeBaseModule {
                     ...REQUIRED_MODULES_FOR_DYNAMIC_COMPONENTS
                 ],
                 providers: [
-                    { provide: ɵSharedStylesHost, useClass: WMDomSharedStylesHost },
-                    { provide: ɵDomRendererFactory2, useClass: WMDomRendererFactory2 }
+                    { provide: _SharedStylesHost, useClass: WMDomSharedStylesHost },
+                    { provide: _DomRendererFactory2, useClass: WMDomRendererFactory2 }
                 ]
             }]
-    }], function () { return [{ type: i1$6.MobileRuntimeModule }, { type: i1.App }, { type: i1.Viewport }]; }, null); })();
+    }], () => [{ type: i1$6.MobileRuntimeModule }, { type: i1.App }, { type: i1.Viewport }], null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(RuntimeBaseModule, { declarations: [AccessrolesDirective,
         AppSpinnerComponent,
         CustomToasterComponent,
@@ -5170,12 +5187,12 @@ class AppVariablesResolve {
     static { this.ɵfac = function AppVariablesResolve_Factory(t) { return new (t || AppVariablesResolve)(i0.ɵɵinject(AppManagerService), i0.ɵɵinject(AppVariablesProvider)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AppVariablesResolve, factory: AppVariablesResolve.ɵfac, providedIn: 'root' }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppVariablesResolve, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppVariablesResolve, [{
         type: Injectable,
         args: [{
                 providedIn: 'root'
             }]
-    }], function () { return [{ type: AppManagerService }, { type: AppVariablesProvider }]; }, null); })();
+    }], () => [{ type: AppManagerService }, { type: AppVariablesProvider }], null); })();
 
 let metadataResolved = false;
 class MetadataResolve {
@@ -5188,12 +5205,12 @@ class MetadataResolve {
     static { this.ɵfac = function MetadataResolve_Factory(t) { return new (t || MetadataResolve)(i0.ɵɵinject(AppManagerService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: MetadataResolve, factory: MetadataResolve.ɵfac, providedIn: 'root' }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MetadataResolve, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MetadataResolve, [{
         type: Injectable,
         args: [{
                 providedIn: 'root'
             }]
-    }], function () { return [{ type: AppManagerService }]; }, null); })();
+    }], () => [{ type: AppManagerService }], null); })();
 
 class SecurityConfigResolve {
     constructor(appManager) {
@@ -5211,12 +5228,12 @@ class SecurityConfigResolve {
     static { this.ɵfac = function SecurityConfigResolve_Factory(t) { return new (t || SecurityConfigResolve)(i0.ɵɵinject(AppManagerService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SecurityConfigResolve, factory: SecurityConfigResolve.ɵfac, providedIn: 'root' }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SecurityConfigResolve, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SecurityConfigResolve, [{
         type: Injectable,
         args: [{
                 providedIn: 'root'
             }]
-    }], function () { return [{ type: AppManagerService }]; }, null); })();
+    }], () => [{ type: AppManagerService }], null); })();
 
 /**
  * Generated bundle index. Do not edit.