@wavemaker/app-ng-runtime 11.8.0-next.24904 → 11.8.0-next.27301

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

@@ -5,11 +5,12 @@ import { ActivatedRoute, Router, RouterOutlet, NavigationStart, NavigationEnd, N
 import * as i1$2 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';
@@ -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;
             }
@@ -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;
@@ -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,14 +884,14 @@ 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) {
     }
@@ -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() {
@@ -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(() => {
@@ -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) {
@@ -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() {
@@ -2080,9 +2081,9 @@ class AccessrolesDirective {
         this.inj = inj;
         this.processed = false;
         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');
     }
     /**
      * Returns array of roles from comma separated string of roles
@@ -2097,8 +2098,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 +2110,7 @@ class AccessrolesDirective {
      */
     matchRoles(widgetRoles, userRoles) {
         return widgetRoles.some(function (item) {
-            return _.includes(userRoles, item);
+            return includes(userRoles, item);
         });
     }
     /**
@@ -2120,15 +2121,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
@@ -2247,8 +2248,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;
@@ -2269,7 +2270,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)); }; }
@@ -2308,7 +2309,7 @@ class CustomToasterComponent extends Toast {
             type: ViewChild,
             args: ['customToastTmpl']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CustomToasterComponent, { className: "CustomToasterComponent", filePath: "components/custom-toaster.component.ts", lineNumber: 22 }); })();
+(() => { (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) {
@@ -2620,9 +2621,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();
         }
     }
@@ -2630,7 +2631,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) {
@@ -2659,7 +2660,7 @@ 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]);
         });
     }
@@ -2677,7 +2678,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 || {};
@@ -2688,7 +2689,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];
@@ -2739,8 +2740,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}');
@@ -2899,7 +2900,7 @@ 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');
                     });
                 }
@@ -2936,8 +2937,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;
         }
@@ -2953,12 +2954,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) {
@@ -3004,8 +3006,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);
                 }
@@ -3013,7 +3015,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];
@@ -3046,7 +3048,7 @@ class I18nServiceImpl extends AbstractI18nService {
                 return locale.split(';')[0];
             });
         }
-        return _.map(languages, _.toLower);
+        return map(languages, toLower);
     }
     initCalendarLocale() {
         if (this.selectedLocale !== 'en') {
@@ -3132,7 +3134,7 @@ class SpinnerServiceImpl extends AbstractSpinnerService {
         this.messageSource.next({
             show: true,
             message: msg,
-            messages: _.values(this.messagesByContext[ctx])
+            messages: values(this.messagesByContext[ctx])
         });
     }
     /**
@@ -3173,8 +3175,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') {
@@ -3183,10 +3185,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 {
@@ -3247,7 +3249,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;
@@ -3280,7 +3282,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();
@@ -3387,8 +3389,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;
                 }
             });
@@ -3465,10 +3467,10 @@ class PageInfo {
         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 {
@@ -3570,7 +3572,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);
                 }
@@ -3942,7 +3944,7 @@ class HttpCallInterceptor {
                 if (modifiedResp) {
                     // Convert the wm HttpResponse to angular HttpResponse
                     modifiedResp = this.wmHttpResponse.wmToAngularResponse(modifiedResp);
-                    _.extend(response, modifiedResp);
+                    extend(response, modifiedResp);
                 }
             }
         }, error => {
@@ -3958,7 +3960,7 @@ class HttpCallInterceptor {
                 if (modifiedResp) {
                     // Convert the wm HttpResponse to angular HttpResponse
                     modifiedResp = this.wmHttpResponse.wmToAngularResponse(modifiedResp);
-                    _.extend(error, modifiedResp);
+                    extend(error, modifiedResp);
                 }
             }
         }));
@@ -4134,7 +4136,7 @@ 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);
     }
@@ -4821,7 +4823,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);
                     }
                 };