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

app-ng-runtime/components/base/bundles/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@wm/core'), require('@wm/security'), require('@wavemaker/focus-trap/dist/focus-trap'), require('@angular/platform-browser'), require('rxjs'), require('rxjs/operators'), require('tslib'), require('@angular/forms'), require('@swipey')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/common', '@wm/core', '@wm/security', '@wavemaker/focus-trap/dist/focus-trap', '@angular/platform-browser', 'rxjs', 'rxjs/operators', 'tslib', '@angular/forms', '@swipey'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.base = {}), global.ng.core, global.ng.common, global.wm.core, global.wm.security, global.focusTrap, global.ng.platformBrowser, global.rxjs, global.rxjs.operators, global.tslib, global.ng.forms, global.swipey));
-})(this, (function (exports, i0, i1$1, i1, security, focusTrap, i1$2, rxjs, operators, tslib, forms, _swipey) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@wm/core'), require('@wm/security'), require('@wavemaker/focus-trap'), require('lodash-es'), require('@angular/platform-browser'), require('rxjs'), require('rxjs/operators'), require('tslib'), require('@angular/forms'), require('@swipey')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/common', '@wm/core', '@wm/security', '@wavemaker/focus-trap', 'lodash-es', '@angular/platform-browser', 'rxjs', 'rxjs/operators', 'tslib', '@angular/forms', '@swipey'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.base = {}), global.ng.core, global.ng.common, global.wm.core, global.wm.security, global.focusTrap, global._, global.ng.platformBrowser, global.rxjs, global.rxjs.operators, global.tslib, global.ng.forms, global.swipey));
+})(this, (function (exports, i0, i1$1, i1, security, focusTrap, lodashEs, i1$2, rxjs, operators, tslib, forms, _swipey) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -100,7 +100,7 @@
             /* convert indexes to properties, so as to work for even 'key1[0].child1'*/
             strKey.replace(/\[(\w+)\]/g, '.$1').split('.').forEach(key => {
                 // If obj is null, then assign val to null.
-                val = (val && val[key]) || (_.isNull(obj) ? obj : obj[key]);
+                val = (val && val[key]) || (lodashEs.isNull(obj) ? obj : obj[key]);
             });
             return val;
         }
@@ -135,7 +135,7 @@
         // Handling field name with special charecters
         // Ex: field = "f name"
         if (!bindExpr && !expr) {
-            return _.get(dataObj, field);
+            return lodashEs.get(dataObj, field);
         }
         return i1.$parseExpr(expressionValue)(context, Object.assign({}, dataObj, { __1: dataObj }));
     };
@@ -172,12 +172,12 @@
     const getOrderByExpr = pageableObj => {
         pageableObj = pageableObj || [];
         const expressions = [], KEY_VAL_SEPARATOR = ' ', FIELD_SEPARATOR = ',';
-        _.forEach(pageableObj, obj => {
+        lodashEs.forEach(pageableObj, obj => {
             if (obj.direction) {
                 expressions.push(obj.property + KEY_VAL_SEPARATOR + obj.direction.toLowerCase());
             }
         });
-        return _.join(expressions, FIELD_SEPARATOR);
+        return lodashEs.join(expressions, FIELD_SEPARATOR);
     };
     const isDataSetWidget = widget => {
         return DATASET_WIDGETS.has(widget);
@@ -267,13 +267,13 @@
             modes.string.push('in', 'notin');
             modes.character.push('in', 'notin');
         }
-        _.forEach(typesMap, (types, primType) => {
-            _.forEach(types, type => {
+        lodashEs.forEach(typesMap, (types, primType) => {
+            lodashEs.forEach(types, type => {
                 matchModeTypesMap[type] = modes[primType];
             });
         });
         // this is used in filter criteria when the user types the column name manually and where we dont know the type of the column
-        matchModeTypesMap['default'] = _.union(modes['number'], modes['string'], modes['character'], modes['date'], modes['date']);
+        matchModeTypesMap['default'] = lodashEs.union(modes['number'], modes['string'], modes['character'], modes['date'], modes['date']);
         return matchModeTypesMap;
     };
     const getMatchModeMsgs = (appLocale) => {
@@ -305,14 +305,14 @@
     // Returns array of classes that are evaluated true for given object or array
     const getClassesArray = classVal => {
         let classes = [];
-        if (_.isArray(classVal)) {
+        if (lodashEs.isArray(classVal)) {
             classVal.forEach(v => {
                 classes = classes.concat(getClassesArray(v));
             });
             return classes;
         }
-        if (_.isObject(classVal)) {
-            _.forEach(classVal, (val, key) => {
+        if (lodashEs.isObject(classVal)) {
+            lodashEs.forEach(classVal, (val, key) => {
                 if (val) {
                     classes = classes.concat(key.split(' '));
                 }
@@ -326,9 +326,9 @@
         // if the conditional class property has already toAdd and toRemove arrays then take that otherwise build those arrays
         const classToAdd = nv.toAdd || nv;
         const classToRemove = nv.toRemove || ov;
-        if (_.isObject(nv)) {
-            toAdd = _.isArray(classToAdd) ? classToAdd : getClassesArray(classToAdd || []);
-            toRemove = classToRemove ? (_.isArray(classToRemove) ? classToRemove : getClassesArray(classToRemove)) : [];
+        if (lodashEs.isObject(nv)) {
+            toAdd = lodashEs.isArray(classToAdd) ? classToAdd : getClassesArray(classToAdd || []);
+            toRemove = classToRemove ? (lodashEs.isArray(classToRemove) ? classToRemove : getClassesArray(classToRemove)) : [];
         }
         else {
             toAdd = classToAdd ? [classToAdd] : [];
@@ -343,9 +343,9 @@
         if (!options) {
             options = {};
         }
-        _.forEach(dataObject, (value, title) => {
-            if (_.includes(title, '.')) {
-                relatedInfo = _.split(title, '.');
+        lodashEs.forEach(dataObject, (value, title) => {
+            if (lodashEs.includes(title, '.')) {
+                relatedInfo = lodashEs.split(title, '.');
                 relatedTable = relatedInfo[0];
                 relatedField = relatedInfo[1];
                 isRelated = true;
@@ -354,7 +354,7 @@
                 modifiedTitle = title;
             }
             else {
-                if (_.isString(title)) {
+                if (lodashEs.isString(title)) {
                     modifiedTitle = i1.prettifyLabel(title);
                     modifiedTitle = i1.deHyphenate(modifiedTitle);
                     modifiedTitle = namePrefix ? i1.initCaps(namePrefix) + ' ' + modifiedTitle : modifiedTitle;
@@ -366,7 +366,7 @@
             title = namePrefix ? namePrefix + '.' + title : title;
             if (isRelated) {
                 // For related columns, shorten the title to last two words
-                fieldName = _.split(modifiedTitle, ' ');
+                fieldName = lodashEs.split(modifiedTitle, ' ');
                 fieldName = fieldName.length > 1 ? fieldName[fieldName.length - 2] + ' ' + fieldName[fieldName.length - 1] : fieldName[0];
             }
             else {
@@ -375,7 +375,7 @@
             const defObj = options.setBindingField ? { 'displayName': fieldName, 'field': title, 'relatedTable': relatedTable, 'relatedField': relatedField || modifiedTitle }
                 : { 'displayName': fieldName, 'relatedTable': relatedTable, 'relatedField': relatedField || modifiedTitle };
             /*if field is a leaf node, push it in the columnDefs*/
-            if (!_.isObject(value) || (_.isArray(value) && !value[0])) {
+            if (!lodashEs.isObject(value) || (lodashEs.isArray(value) && !value[0])) {
                 /*if the column counter has reached upperBound return*/
                 if (options.upperBound && options.columnCount === options.upperBound) {
                     return;
@@ -391,7 +391,7 @@
                     columnDefObj.objects.push(defObj);
                 }
                 /* if field is an array node, process its first child */
-                if (_.isArray(value) && value[0]) {
+                if (lodashEs.isArray(value) && value[0]) {
                     pushFieldDef(value[0], columnDefObj, title + '[0]', options);
                 }
                 else {
@@ -402,17 +402,17 @@
     };
     const getMetaDataFromData = (data) => {
         let dataObject;
-        if (_.isArray(data)) {
-            if (_.isObject(data[0])) {
+        if (lodashEs.isArray(data)) {
+            if (lodashEs.isObject(data[0])) {
                 dataObject = i1.getClonedObject(data[0]);
                 /*Loop over the object to find out any null values. If any null values are present in the first row, check and assign the values from other row.
                  * As column generation is dependent on data, for related fields if first row value is null, columns are not generated.
                  * To prevent this, check the data in other rows and generate the columns. New keys from others rows are also added*/
-                _.forEach(data, (row, index) => {
+                lodashEs.forEach(data, (row, index) => {
                     if ((index + 1) >= 10) { // Limit the data search to first 10 records
                         return false;
                     }
-                    _.assignWith(dataObject, row, (objValue, srcValue) => {
+                    lodashEs.assignWith(dataObject, row, (objValue, srcValue) => {
                         return (objValue === null || objValue === undefined) ? srcValue : objValue;
                     });
                 });
@@ -801,7 +801,7 @@
             if (isDimensionProp(key)) {
                 nv = i1.toDimension(nv);
             }
-            else if (_.startsWith(nv, 'resources/')) {
+            else if (lodashEs.startsWith(nv, 'resources/')) {
                 const ref = component;
                 if (ref._parentPrefab_ === undefined) {
                     ref._parentPrefab_ = component.$element.parent().closest('[prefabname][prefabname!="__self__"]').attr('prefabname') || '';
@@ -842,7 +842,7 @@
         },
         get: (target, key) => {
             const v = target[key];
-            if (_.isFunction(v)) { // bind the proper context for the methods
+            if (lodashEs.isFunction(v)) { // bind the proper context for the methods
                 return v.bind(target);
             }
             return v;
@@ -871,7 +871,7 @@
                 // bind proper context for the methods
                 invokeLater(() => {
                     for (const key in instance) {
-                        if (_.isFunction(instance[key]) && key !== 'constructor' && key !== 'super' && !_.startsWith(key, 'ng')) {
+                        if (lodashEs.isFunction(instance[key]) && key !== 'constructor' && key !== 'super' && !lodashEs.startsWith(key, 'ng')) {
                             instance[key] = instance[key].bind(instance);
                         }
                     }
@@ -902,21 +902,21 @@
     // Gets list of classes to add and remove and applies on the $el
     const updateClasses = (toAdd, toRemove, el) => {
         if (toRemove && toRemove.length) {
-            i1.removeClass(el, _.join(toRemove, ' '));
+            i1.removeClass(el, lodashEs.join(toRemove, ' '));
         }
         if (toAdd && toAdd.length) {
-            i1.addClass(el, _.join(toAdd, ' '));
+            i1.addClass(el, lodashEs.join(toAdd, ' '));
         }
     };
     // To add and remove styles on the $el
     const updateStyles = (nv, ov, el) => {
-        if (ov && _.isObject(ov)) {
+        if (ov && lodashEs.isObject(ov)) {
             const keys = Object.keys(ov || {});
             keys.forEach(function (key) {
                 i1.setCSS(el, key, '');
             });
         }
-        if (nv && _.isObject(nv)) {
+        if (nv && lodashEs.isObject(nv)) {
             i1.setCSSFromObj(el, nv);
         }
     };
@@ -1028,7 +1028,7 @@
                 });
             }
             if (explicitContext) {
-                _.extend(this.context, explicitContext);
+                lodashEs.extend(this.context, explicitContext);
             }
         }
         getNativeElement() {
@@ -1102,8 +1102,8 @@
             }
             if (parentContexts) {
                 let parentContextObj = {};
-                if (_.isArray(parentContexts)) {
-                    _.forEach(parentContexts, (contextObj) => {
+                if (lodashEs.isArray(parentContexts)) {
+                    lodashEs.forEach(parentContexts, (contextObj) => {
                         Object.assign(parentContextObj, contextObj);
                     });
                 }
@@ -1261,7 +1261,7 @@
             this.eventHandlers.set(this.getMappedEventName(eventName), { callback: eventCallback, locals });
             // prepend eventName with on and convert it to camelcase.
             // eg, "click" ---> onClick
-            const onEventName = _.camelCase(`on-${eventName}`);
+            const onEventName = lodashEs.camelCase(`on-${eventName}`);
             // save the eventCallback in widgetScope.
             this[onEventName] = eventCallback;
             // events needs to be setup after viewInit
@@ -1341,7 +1341,7 @@
             if (_tNodeAttrs === null) {
                 return actualAttrs.sort();
             }
-            _.forEach(_tNodeAttrs, (attr, i) => {
+            lodashEs.forEach(_tNodeAttrs, (attr, i) => {
                 if (typeof attr === 'number') {
                     return false;
                 }
@@ -1366,7 +1366,7 @@
          * Process the attributes
          */
         processAttrs() {
-            _.map(this.getAttributes(), (attrName) => {
+            lodashEs.map(this.getAttributes(), (attrName) => {
                 let attrValue = this.nativeElement.attributes[attrName].value;
                 this.$attrs.set(attrName, attrValue);
                 this.processAttr(attrName, attrValue);
@@ -1555,9 +1555,9 @@
             super(inj, WIDGET_CONFIG, explicitContext);
         }
         updateRedrawableComponents(widgets) {
-            _.pickBy(widgets, widget => {
+            lodashEs.pickBy(widgets, widget => {
                 // check for redrawable widget and whether it is already exist in reDrawableComponents query list or not
-                if (widget && widget.nativeElement && widget.nativeElement.hasAttribute('redrawable') && !_.includes(this.reDrawableComponents._results, widget)) {
+                if (widget && widget.nativeElement && widget.nativeElement.hasAttribute('redrawable') && !lodashEs.includes(this.reDrawableComponents._results, widget)) {
                     this.reDrawableComponents._results.push(widget);
                 }
                 if (widget && widget.Widgets) {
@@ -1898,7 +1898,7 @@
             this.registerDestroyListener(this.viewport.subscribe("orientationchange" /* ViewportEvent.ORIENTATION_CHANGE */, data => this.callback('orientationchange', data)));
         }
         callback(eventName, locals) {
-            locals = _.assign({ widget: this }, locals);
+            locals = lodashEs.assign({ widget: this }, locals);
             this.invokeEventCallback(eventName, locals);
         }
         ngOnAttach() {
@@ -1943,7 +1943,7 @@
             if (!value && bindExpr) {
                 this.widgetRef.registerDestroyListener(
                 //[Todo-CSP]: expr fn should be generated be default
-                i1.$watch(bindExpr, this.widgetRef.getViewParent(), _.get(this.widgetRef, 'context'), nv => {
+                i1.$watch(bindExpr, this.widgetRef.getViewParent(), lodashEs.get(this.widgetRef, 'context'), nv => {
                     this.widgetRef.partialParams[name] = nv;
                     // notify the partial container of the param changes
                     this.widgetRef.params$.next();
@@ -2043,7 +2043,7 @@
             this.resolver = resolver;
             this.partialRefProvider = partialRefProvider;
             this.contentInitialized = false;
-            this.renderPartial = _.debounce(this._renderPartial, 200);
+            this.renderPartial = lodashEs.debounce(this._renderPartial, 200);
             componentInstance.registerPropertyChangeListener((key, nv, ov) => {
                 if (key === 'content') {
                     if (componentInstance.$lazyLoad) {
@@ -2234,8 +2234,8 @@
             let iScroll = new IScroll(el, scrollOptions);
             if ($events) {
                 // map all events on previous iscroll to the newly created iscroll.
-                _.forEach($events, (listeners, key) => {
-                    _.forEach(listeners, l => {
+                lodashEs.forEach($events, (listeners, key) => {
+                    lodashEs.forEach(listeners, l => {
                         iScroll.on(key, l);
                     });
                 });
@@ -2264,7 +2264,7 @@
                 }
             };
             this._$el[0].iscroll = iScroll;
-            _.forEach(this.pendingIscrolls, (_el, index) => {
+            lodashEs.forEach(this.pendingIscrolls, (_el, index) => {
                 if (_el.isSameNode(this._$el[0])) {
                     this.app.notify('iscroll-update', { el: _el });
                     this.pendingIscrolls.splice(index, 1);
@@ -2302,7 +2302,7 @@
             }
             // Check for scrollable content and if smoothscroll-container div is already added.
             if (iScroll.wrapper
-                && !_.includes(iScroll.wrapper.children[0].classList, 'smoothscroll-container')
+                && !lodashEs.includes(iScroll.wrapper.children[0].classList, 'smoothscroll-container')
                 && iScroll.wrapper.scrollHeight > iScroll.wrapper.clientHeight) {
                 const cloneEvents = iScroll._events;
                 const prevActiveEl = document.activeElement;
@@ -2392,7 +2392,7 @@
             this.pipeName = pipeName;
             this.customPipeManager = customPipeManager;
             this.pipeRef = this.customPipeManager ? this.customPipeManager.getCustomPipe(pipeName) : null;
-            this.isCustomPipe = this.pipeRef && _.isFunction(this.pipeRef.formatter);
+            this.isCustomPipe = this.pipeRef && lodashEs.isFunction(this.pipeRef.formatter);
         }
         customFormatter(data, args) {
             try {
@@ -2407,7 +2407,7 @@
     const getEpochValue = data => {
         let epoch;
         // For data in form of string number ('123'), convert to number (123). And don't parse date objects.
-        if (!_.isDate(data) && !isNaN(data)) {
+        if (!lodashEs.isDate(data) && !isNaN(data)) {
             data = parseInt(data, 10);
         }
         // get the timestamp value. If data is time string, append date string to the time value
@@ -2492,7 +2492,7 @@
             if (fracSize && !String(fracSize).match(/^(\d+)?\.((\d+)(-(\d+))?)?$/)) {
                 fracSize = '1.' + fracSize + '-' + fracSize;
             }
-            if (!_.isNaN(+data)) {
+            if (!isNaN(+data)) {
                 const locale = this.i18nService && this.i18nService.getwidgetLocale() ? this.i18nService.getwidgetLocale() : undefined;
                 const formattedLocale = locale ? locale['number'] : null;
                 return this.decimalPipe.transform(data, fracSize, formattedLocale);
@@ -2518,7 +2518,7 @@
         transform(data, currencySymbol, fracSize) {
             const _currencySymbol = (i1.CURRENCY_INFO[currencySymbol] || {}).symbol || currencySymbol || '';
             let _val = new ToNumberPipe(this.decimalPipe, this.i18nService).transform(data, fracSize);
-            const isNegativeNumber = _.startsWith(_val, '-');
+            const isNegativeNumber = lodashEs.startsWith(_val, '-');
             if (isNegativeNumber) {
                 _val = _val.replace('-', '');
             }
@@ -2542,7 +2542,7 @@
                 }] }], null); })();
     class PrefixPipe {
         transform(data, padding) {
-            return (_.isUndefined(data) || data === null || data === '') ? data : ((padding || '') + data);
+            return (lodashEs.isUndefined(data) || data === null || data === '') ? data : ((padding || '') + data);
         }
         static { this.ɵfac = function PrefixPipe_Factory(t) { return new (t || PrefixPipe)(); }; }
         static { this.ɵpipe = /*@__PURE__*/ i0__namespace.ɵɵdefinePipe({ name: "prefix", type: PrefixPipe, pure: true }); }
@@ -2555,7 +2555,7 @@
         }], null, null); })();
     class SuffixPipe {
         transform(data, padding) {
-            return (_.isUndefined(data) || data === null || data === '') ? data : (data + (padding || ''));
+            return (lodashEs.isUndefined(data) || data === null || data === '') ? data : (data + (padding || ''));
         }
         static { this.ɵfac = function SuffixPipe_Factory(t) { return new (t || SuffixPipe)(); }; }
         static { this.ɵpipe = /*@__PURE__*/ i0__namespace.ɵɵdefinePipe({ name: "suffix", type: SuffixPipe, pure: true }); }
@@ -2579,7 +2579,7 @@
                 argumentArr.push(arguments[i]);
             }
             let pipeRef = this.custmeUserPipe.getCustomPipe(pipename);
-            if (!pipeRef || !_.isFunction(pipeRef.formatter)) {
+            if (!pipeRef || !lodashEs.isFunction(pipeRef.formatter)) {
                 console.warn('formatter is not defined, please check the custom pipes documentation');
                 return data;
             }
@@ -2647,12 +2647,12 @@
                 return [];
             }
             // If object is passed as first paramter
-            if (_.isObject(field)) {
-                return _.filter(data, field);
+            if (lodashEs.isObject(field)) {
+                return lodashEs.filter(data, field);
             }
             // If key value pair is provided
-            return _.filter(data, item => {
-                return _.includes(item[field], value);
+            return lodashEs.filter(data, item => {
+                return lodashEs.includes(item[field], value);
             });
         }
         static { this.ɵfac = function FilterPipe_Factory(t) { return new (t || FilterPipe)(); }; }
@@ -2985,7 +2985,7 @@
          * closes all the opened dialogs
          */
         closeAllDialogs() {
-            _.forEach(openedDialogs.reverse(), (dialog) => {
+            lodashEs.forEach(openedDialogs.reverse(), (dialog) => {
                 dialog.close();
             });
         }
@@ -3226,7 +3226,7 @@
     };
     // Returns true if widget is autocomplete or chips
     function isSearchWidgetType(widget) {
-        return _.includes([i1.FormWidgetType.AUTOCOMPLETE, i1.FormWidgetType.TYPEAHEAD, i1.FormWidgetType.CHIPS], widget);
+        return lodashEs.includes([i1.FormWidgetType.AUTOCOMPLETE, i1.FormWidgetType.TYPEAHEAD, i1.FormWidgetType.CHIPS], widget);
     }
     function onSuccess(response, res, rej) {
         if (response.error) {
@@ -3315,7 +3315,7 @@
         }
         primaryKeys = dataSource.execute(i1.DataSource.Operation.GET_RELATED_PRIMARY_KEYS, relatedField);
         formField.datafield = datafield;
-        formField._primaryKey = _.isEmpty(primaryKeys) ? undefined : primaryKeys[0];
+        formField._primaryKey = lodashEs.isEmpty(primaryKeys) ? undefined : primaryKeys[0];
         formField.compareby = primaryKeys && primaryKeys.join(',');
         displayField = datafield === ALLFIELDS ? undefined : datafield;
         formField.displayfield = displayField = (formField.displayfield || displayField || formField._primaryKey);
@@ -3334,12 +3334,12 @@
                 dataSource.execute(i1.DataSource.Operation.GET_RELATED_TABLE_DATA, {
                     relatedField,
                     pagesize: formField.limit,
-                    orderBy: formField.orderby ? _.replace(formField.orderby, /:/g, ' ') : '',
+                    orderBy: formField.orderby ? lodashEs.replace(formField.orderby, /:/g, ' ') : '',
                     filterFields: {},
                     filterExpr: formField.filterexpressions ? formField.filterexpressions : {}
                 }).then(response => {
                     formField.dataset = response.data;
-                    formField.displayfield = formField.displayfield || _.head(_.keys(_.get(response, '[0]')));
+                    formField.displayfield = formField.displayfield || lodashEs.head(lodashEs.keys(lodashEs.get(response, '[0]')));
                     if (formField.showPendingSpinner) {
                         formField.showPendingSpinner = false;
                     }
@@ -3355,7 +3355,7 @@
      */
     const interpolateBindExpressions = (context, filterexpressions, callbackFn) => {
         const debouncedFn = i1.debounce(() => {
-            if (_.isFunction(callbackFn)) {
+            if (lodashEs.isFunction(callbackFn)) {
                 callbackFn(filterexpressions);
             }
         }, 300);
@@ -3364,8 +3364,8 @@
          * without this it will never be called. processFilterExpBindNode will be called only for the binded variable expressions.
          */
         debouncedFn();
-        const filterExpressions = filterexpressions ? (_.isObject(filterexpressions) ? filterexpressions : JSON.parse(filterexpressions)) : {};
-        const destroyFn = context.registerDestroyListener ? context.registerDestroyListener.bind(context) : _.noop;
+        const filterExpressions = filterexpressions ? (lodashEs.isObject(filterexpressions) ? filterexpressions : JSON.parse(filterexpressions)) : {};
+        const destroyFn = context.registerDestroyListener ? context.registerDestroyListener.bind(context) : noop;
         const filterSubscription = i1.processFilterExpBindNode(context, filterExpressions).subscribe((response) => {
             filterexpressions = JSON.stringify(response.filterExpressions);
             debouncedFn();
@@ -3393,7 +3393,7 @@
             fieldColumn = formField['lookup-field'];
             props.distinctField = fieldColumn;
             props.aliasColumn = fieldColumn.replace('.', '$'); // For related fields, In response . is replaced by $
-            props.filterExpr = formField.filterexpressions ? (_.isObject(formField.filterexpressions) ? formField.filterexpressions : JSON.parse(formField.filterexpressions)) : {};
+            props.filterExpr = formField.filterexpressions ? (lodashEs.isObject(formField.filterexpressions) ? formField.filterexpressions : JSON.parse(formField.filterexpressions)) : {};
         }
         else {
             props.tableName = dataSource.execute(i1.DataSource.Operation.GET_ENTITY_NAME);
@@ -3466,14 +3466,14 @@
         const emptySupportWidgets = [i1.FormWidgetType.SELECT, i1.FormWidgetType.RADIOSET];
         const emptyOption = {};
         const dataSet = [];
-        if (options.isEnableEmptyFilter && _.includes(emptySupportWidgets, formField[options.widget]) &&
+        if (options.isEnableEmptyFilter && lodashEs.includes(emptySupportWidgets, formField[options.widget]) &&
             !formField['is-range'] && !formField.multiple) {
             // If empty option is selected, push an empty object in to dataSet
             emptyOption[LIVE_CONSTANTS.LABEL_KEY] = LIVE_CONSTANTS.EMPTY_KEY;
             emptyOption[LIVE_CONSTANTS.LABEL_VALUE] = options.EMPTY_VALUE || LIVE_CONSTANTS.EMPTY_VALUE;
             dataSet.push(emptyOption);
         }
-        _.each(data, key => {
+        lodashEs.each(data, key => {
             const value = key[options.aliasColumn];
             const option = {};
             if (value !== null && value !== '') {
@@ -3501,7 +3501,7 @@
      *
      */
     function fetchDistinctValues(dataSource, formFields, options) {
-        if (_.isEmpty(formFields)) {
+        if (lodashEs.isEmpty(formFields)) {
             return;
         }
         formFields.forEach(formField => {
@@ -3613,7 +3613,7 @@
      * @param {object} enableemptyfilter empty filter options
      */
     function getEnableEmptyFilter(enableemptyfilter) {
-        return enableemptyfilter && _.intersection(enableemptyfilter.split(','), LIVE_CONSTANTS.NULL_EMPTY).length > 0;
+        return enableemptyfilter && lodashEs.intersection(enableemptyfilter.split(','), LIVE_CONSTANTS.NULL_EMPTY).length > 0;
     }
     /**
      * @ngdoc function
@@ -3628,14 +3628,14 @@
      */
     function getEmptyMatchMode(enableemptyfilter) {
         let matchMode;
-        const emptyFilterOptions = _.split(enableemptyfilter, ',');
-        if (_.intersection(emptyFilterOptions, LIVE_CONSTANTS.NULL_EMPTY).length === 2) {
+        const emptyFilterOptions = lodashEs.split(enableemptyfilter, ',');
+        if (lodashEs.intersection(emptyFilterOptions, LIVE_CONSTANTS.NULL_EMPTY).length === 2) {
             matchMode = i1.MatchMode.NULLOREMPTY;
         }
-        else if (_.includes(emptyFilterOptions, LIVE_CONSTANTS.NULL)) {
+        else if (lodashEs.includes(emptyFilterOptions, LIVE_CONSTANTS.NULL)) {
             matchMode = i1.MatchMode.NULL;
         }
-        else if (_.includes(emptyFilterOptions, LIVE_CONSTANTS.EMPTY)) {
+        else if (lodashEs.includes(emptyFilterOptions, LIVE_CONSTANTS.EMPTY)) {
             matchMode = i1.MatchMode.EMPTY;
         }
         return matchMode;
@@ -3651,13 +3651,13 @@
      * @returns {Array<any>}
      */
     const createArrayFrom = (data) => {
-        if (_.isUndefined(data) || _.isNull(data)) {
+        if (lodashEs.isUndefined(data) || lodashEs.isNull(data)) {
             return [];
         }
-        if (_.isString(data)) {
+        if (lodashEs.isString(data)) {
             data = data.split(',').map(Function.prototype.call, String.prototype.trim);
         }
-        if (!_.isArray(data)) {
+        if (!lodashEs.isArray(data)) {
             data = [data];
         }
         return data;
@@ -3677,13 +3677,13 @@
      */
     function applyFilterOnField(dataSource, filterDef, formFields, newVal, options = {}) {
         const fieldName = filterDef.field || filterDef.key;
-        const filterOnFields = _.filter(formFields, { 'filter-on': fieldName });
+        const filterOnFields = lodashEs.filter(formFields, { 'filter-on': fieldName });
         newVal = filterDef['is-range'] ? getRangeFieldValue(filterDef.minValue, filterDef.maxValue) : (i1.isDefined(newVal) ? newVal : filterDef.value);
-        if (!dataSource || (options.isFirst && (_.isUndefined(newVal) || newVal === ''))) {
+        if (!dataSource || (options.isFirst && (lodashEs.isUndefined(newVal) || newVal === ''))) {
             return;
         }
         // Loop over the fields for which the current field is filter on field
-        _.forEach(filterOnFields, filterField => {
+        lodashEs.forEach(filterOnFields, filterField => {
             const filterKey = filterField.field || filterField.key;
             const lookUpField = filterDef['lookup-field'] || filterDef._primaryKey;
             const filterWidget = filterField['edit-widget-type'] || filterField.widgettype;
@@ -3709,7 +3709,7 @@
                 else {
                     matchMode = i1.MatchMode.EQUALS;
                 }
-                filterVal = (_.isObject(newVal) && !_.isArray(newVal)) ? newVal[lookUpField] : newVal;
+                filterVal = (lodashEs.isObject(newVal) && !lodashEs.isArray(newVal)) ? newVal[lookUpField] : newVal;
                 filterFields[filterOn] = {
                     'value': filterVal,
                     'matchMode': matchMode
@@ -3744,9 +3744,9 @@
         // data sanity testing
         dataObject = dataObject || [];
         // if the dataObject is not an array make it an array
-        if (!_.isArray(dataObject)) {
+        if (!lodashEs.isArray(dataObject)) {
             // if the data returned is of type string, make it an object inside an array
-            if (_.isString(dataObject)) {
+            if (lodashEs.isString(dataObject)) {
                 keys = variableName.substring(variableName.indexOf('.') + 1, variableName.length).split('.');
                 oldKeys = [];
                 numKeys = keys.length;
@@ -3770,9 +3770,9 @@
             /*if the dataObject is an array and each value is a string, then lite-transform the string to an object
              * lite-transform: just checking if the first value is string and then transforming the object, instead of traversing through the whole array
              * */
-            if (_.isString(dataObject[0])) {
+            if (lodashEs.isString(dataObject[0])) {
                 tempArr = [];
-                _.forEach(dataObject, str => {
+                lodashEs.forEach(dataObject, str => {
                     newObj = {};
                     newObj[variableName.split('.').join('-')] = str;
                     tempArr.push(newObj);
@@ -3815,18 +3815,18 @@
     /**
      * function to get the ordered dataset based on the given orderby
      */
-    const getOrderedDataset = (dataSet, orderBy, innerItem) => {
-        if (!orderBy) {
-            return _.cloneDeep(dataSet);
+    const getOrderedDataset = (dataSet, orderBy$1, innerItem) => {
+        if (!orderBy$1) {
+            return lodashEs.cloneDeep(dataSet);
         }
         // The order by only works when the dataset contains list of objects.
-        const items = orderBy.split(','), fields = [], directions = [];
+        const items = orderBy$1.split(','), fields = [], directions = [];
         items.forEach(obj => {
             const item = obj.split(':');
             fields.push(innerItem ? innerItem + '.' + item[0] : item[0]);
             directions.push(item[1]);
         });
-        return _.orderBy(dataSet, fields, directions);
+        return lodashEs.orderBy(dataSet, fields, directions);
     };
     /**
      * Returns an array of object, each object contain the DataSetItem whose key, value, label are extracted from object keys.
@@ -3835,10 +3835,10 @@
         const data = [];
         // if the dataset is instance of object (not an array) or the first item in the dataset array is an object,
         // then we extract the keys from the object and prepare the dataset items.
-        if (_.isObject(dataSet[0]) || (_.isObject(dataSet) && !(dataSet instanceof Array))) {
+        if (lodashEs.isObject(dataSet[0]) || (lodashEs.isObject(dataSet) && !(dataSet instanceof Array))) {
             // getting keys of the object
             const objectKeys = Object.keys(dataSet[0] || dataSet);
-            _.forEach(objectKeys, (objKey, index) => {
+            lodashEs.forEach(objectKeys, (objKey, index) => {
                 data.push({
                     key: objKey,
                     label: objKey,
@@ -3851,21 +3851,21 @@
     };
     // Converts any type of data to array.
     const extractDataAsArray = data => {
-        if (_.isUndefined(data) || _.isNull(data) || _.trim(data) === '') {
+        if (lodashEs.isUndefined(data) || lodashEs.isNull(data) || lodashEs.trim(data) === '') {
             return [];
         }
-        if (_.isString(data)) {
-            data = _.split(data, ',').map(str => str.trim());
+        if (lodashEs.isString(data)) {
+            data = lodashEs.split(data, ',').map(str => str.trim());
         }
-        if (!_.isArray(data)) {
+        if (!lodashEs.isArray(data)) {
             data = [data];
         }
         return data;
     };
     // This function return always an object containing dataset details.
     const convertDataToObject = dataResult => {
-        if (_.isString(dataResult)) {
-            dataResult = _.split(dataResult, ',').map(str => str.trim());
+        if (lodashEs.isString(dataResult)) {
+            dataResult = lodashEs.split(dataResult, ',').map(str => str.trim());
         }
         return dataResult;
     };
@@ -3877,7 +3877,7 @@
     const setGroupbyKey = (scope, context, dataSetItem, innerItem) => {
         if (scope && isSeachWidget(scope.widgetType)) {
             if (scope.groupby) {
-                if (_.includes(scope.groupby, '(')) {
+                if (lodashEs.includes(scope.groupby, '(')) {
                     //[Todo-CSP]: can generate expr fn in page based on groupby property on widget
                     const groupDataByUserDefinedFn = i1.$parseEvent(scope.groupby);
                     dataSetItem.groupby = groupDataByUserDefinedFn(context, { 'row': dataSetItem.dataObject || dataSetItem });
@@ -3908,10 +3908,10 @@
         }
         dataSet = convertDataToObject(dataSet);
         // startIndex is the index of the next new item.
-        if (_.isUndefined(startIndex)) {
+        if (lodashEs.isUndefined(startIndex)) {
             startIndex = 1;
         }
-        if (_.isString(dataSet)) {
+        if (lodashEs.isString(dataSet)) {
             dataSet = dataSet.split(',').map(str => str.trim());
             dataSet.forEach((option, index) => {
                 const dataSetItem = { key: option, value: option, label: (i1.isDefined(option) && option !== null) ? option.toString() : '', index: startIndex + index };
@@ -3919,16 +3919,20 @@
                 data.push(dataSetItem);
             });
         }
-        else if (_.isArray(dataSet) && !_.isObject(dataSet[0])) { // array of primitive values only
+        else if (lodashEs.isArray(dataSet) && !lodashEs.isObject(dataSet[0])) { // array of primitive values only
             dataSet.forEach((option, index) => {
                 const dataSetItem = { key: option, value: option, label: (i1.isDefined(option) && option !== null) ? option.toString() : '', index: startIndex + index };
                 setGroupbyKey(scope, context, dataSetItem, 'value');
                 data.push(dataSetItem);
             });
         }
-        else if (!(dataSet instanceof Array) && _.isObject(dataSet)) {
-            _.forEach(dataSet, (value, key) => {
-                const dataSetItem = { key: _.trim(key), value: key, label: (i1.isDefined(value) && value !== null) ? value.toString() : '', index: startIndex, dataObject: dataSet };
+        else if (!(dataSet instanceof Array) && lodashEs.isObject(dataSet)) {
+            lodashEs.forEach(dataSet, (value, key) => {
+                // @ts-ignore
+                const dataSetItem = { key: lodashEs.trim(key), value: key, label: (i1.isDefined(value) && value !== null) ? value.toString() : '',
+                    index: startIndex,
+                    dataObject: dataSet
+                };
                 setGroupbyKey(scope, context, dataSetItem, 'value');
                 data.push(dataSetItem);
             });
@@ -3940,7 +3944,7 @@
             dataSet.forEach((option, index) => {
                 const key = myDataField === ALLFIELDS ? startIndex + index : getObjValueByKey(option, myDataField);
                 // Omit all the items whose datafield (key) is null or undefined.
-                if (!_.isUndefined(key) && !_.isNull(key)) {
+                if (!lodashEs.isUndefined(key) && !lodashEs.isNull(key)) {
                     const label = getEvaluatedData(option, {
                         field: displayOptions.displayField,
                         expression: displayOptions.displayExpr,
@@ -3972,16 +3976,16 @@
     const getUniqObjsByDataField = (data, dataField, displayField, allowEmptyFields) => {
         let uniqData;
         const isAllFields = dataField === ALLFIELDS;
-        uniqData = isAllFields ? _.uniqWith(data, _.isEqual) : _.uniqBy(data, 'key');
+        uniqData = isAllFields ? lodashEs.uniqWith(data, lodashEs.isEqual) : lodashEs.uniqBy(data, 'key');
         if (!displayField || allowEmptyFields) {
             return uniqData;
         }
         // return objects having non empty datafield and display field values.
-        return _.filter(uniqData, (obj) => {
+        return lodashEs.filter(uniqData, (obj) => {
             if (isAllFields) {
-                return _.trim(obj.label);
+                return lodashEs.trim(obj.label);
             }
-            return _.trim(obj.key) && _.trim(obj.label);
+            return lodashEs.trim(obj.key) && lodashEs.trim(obj.label);
         });
     };
     /**
@@ -3993,7 +3997,7 @@
      */
     const setItemByCompare = (datasetItems, compareWithDataObj, compareByField) => {
         // compare the fields based on fields given to compareby property.
-        _.forEach(datasetItems, opt => {
+        lodashEs.forEach(datasetItems, opt => {
             if (i1.isEqualWithFields(opt.value, compareWithDataObj, compareByField)) {
                 opt.selected = true;
                 return false;
@@ -4010,13 +4014,13 @@
      */
     const getSortedGroupedData = (groupedLiData, groupBy, orderby) => {
         const _groupedData = [];
-        _.forEach(_.keys(groupedLiData), (groupkey, index) => {
+        lodashEs.forEach(lodashEs.keys(groupedLiData), (groupkey, index) => {
             const liData = getOrderedDataset(groupedLiData[groupkey], orderby, 'dataObject');
             _groupedData.push({
                 key: groupkey,
-                data: _.sortBy(liData, data => {
+                data: lodashEs.sortBy(liData, data => {
                     data._groupIndex = index + 1;
-                    return _.get(data, groupBy) || _.get(data.dataObject, groupBy);
+                    return lodashEs.get(data, groupBy) || lodashEs.get(data.dataObject, groupBy);
                 })
             });
         });
@@ -4036,10 +4040,11 @@
      */
     const groupData = (compRef, data, groupby, match, orderby, dateformat, datePipe, innerItem, AppDefaults) => {
         let groupedLiData = {};
-        if (_.includes(groupby, '(')) {
+        if (lodashEs.includes(groupby, '(')) {
             //[Todo-CSP]: can generate expr fn in page based on groupby property on widget
             const groupDataByUserDefinedFn = i1.$parseEvent(groupby);
-            groupedLiData = _.groupBy(data, val => {
+            groupedLiData = lodashEs.groupBy(data, val => {
+                // @ts-ignore
                 return groupDataByUserDefinedFn(compRef.viewParent, { 'row': val.dataObject || val });
             });
         }
@@ -4065,14 +4070,14 @@
         }
         // handling case-in-sensitive scenario
         // ordering the data based on groupby field. If there is innerItem then apply orderby using the innerItem's containing the groupby field.
-        fieldDefs = _.orderBy(fieldDefs, fieldDef => {
-            const groupKey = _.get(innerItem ? fieldDef[innerItem] : fieldDef, groupby);
+        fieldDefs = lodashEs.orderBy(fieldDefs, fieldDef => {
+            const groupKey = lodashEs.get(innerItem ? fieldDef[innerItem] : fieldDef, groupby);
             if (groupKey) {
-                return _.toLower(groupKey);
+                return lodashEs.toLower(groupKey);
             }
         });
         // extract the grouped data based on the field obtained from 'groupDataByField'.
-        const groupedLiData = _.groupBy(fieldDefs, groupDataByField.bind(undefined, groupby, match, innerItem, dateFormat, datePipe, AppDefaults));
+        const groupedLiData = lodashEs.groupBy(fieldDefs, groupDataByField.bind(undefined, groupby, match, innerItem, dateFormat, datePipe, AppDefaults));
         momentLocale._calendar = momentCalendarOptions; // Reset to default moment calendar options
         return groupedLiData;
     };
@@ -4138,9 +4143,9 @@
     // groups the fields based on the groupby value.
     const groupDataByField = (groupby, match, innerItem, dateFormat, datePipe, AppDefaults, liData) => {
         // get the groupby field value from the liData or innerItem in the liData.
-        let concatStr = _.get(innerItem ? liData[innerItem] : liData, groupby);
+        let concatStr = lodashEs.get(innerItem ? liData[innerItem] : liData, groupby);
         // by default set the undefined groupKey as 'others'
-        if (_.isUndefined(concatStr) || _.isNull(concatStr) || concatStr.toString().trim() === '') {
+        if (lodashEs.isUndefined(concatStr) || lodashEs.isNull(concatStr) || concatStr.toString().trim() === '') {
             return GROUP_BY_OPTIONS.OTHERS;
         }
         // if match prop is alphabetic ,get the starting alphabet of the word as key.
@@ -4148,7 +4153,7 @@
             concatStr = concatStr.substr(0, 1);
         }
         // if match contains the time options then get the concatStr using 'getTimeRolledUpString'
-        if (_.includes(_.values(TIME_ROLLUP_OPTIONS), match)) {
+        if (lodashEs.includes(lodashEs.values(TIME_ROLLUP_OPTIONS), match)) {
             concatStr = getTimeRolledUpString(concatStr, match, dateFormat, datePipe, AppDefaults);
         }
         return concatStr;
@@ -4163,13 +4168,13 @@
         // toggle the collapse icon on list header.
         const groupIcons = groups.find('li.list-group-header .app-icon');
         if (groupIcons) {
-            _.forEach(groupIcons, (icon) => {
-                icon = $(icon);
-                if (icon.hasClass('wi-chevron-down')) {
-                    icon.removeClass('wi-chevron-down').addClass('wi-chevron-up');
+            lodashEs.forEach(groupIcons, (icon) => {
+                const $icon = $(icon);
+                if ($icon.hasClass('wi-chevron-down')) {
+                    $icon.removeClass('wi-chevron-down').addClass('wi-chevron-up');
                 }
                 else {
-                    icon.removeClass('wi-chevron-up').addClass('wi-chevron-down');
+                    $icon.removeClass('wi-chevron-up').addClass('wi-chevron-down');
                 }
             });
         }
@@ -4234,8 +4239,8 @@
     };
     // Method to set the header config of the data table
     const setHeaderConfig = (headerConfig, config, field, index) => {
-        _.forEach(headerConfig, cols => {
-            if (_.get(cols, 'isGroup')) {
+        lodashEs.forEach(headerConfig, cols => {
+            if (lodashEs.get(cols, 'isGroup')) {
                 if (cols.field === field) {
                     cols.columns[index] = config;
                 }
@@ -4291,8 +4296,8 @@
         }
         else if (captionWidth) {
             // handling itemsperrow containing string of classes
-            _.forEach(_.split(captionWidth, ' '), function (cls) {
-                const keys = _.split(cls, '-'), tier = keys[0];
+            lodashEs.forEach(lodashEs.split(captionWidth, ' '), function (cls) {
+                const keys = lodashEs.split(cls, '-'), tier = keys[0];
                 let _captionWidth, widgetWidth;
                 _captionWidth = parseInt(keys[1], 10);
                 widgetWidth = 12 - _captionWidth;
@@ -4307,7 +4312,7 @@
         };
     };
     const getDefaultViewModeWidget = widget => {
-        if (_.includes(['checkbox', 'toggle', 'rating'], widget)) {
+        if (lodashEs.includes(['checkbox', 'toggle', 'rating'], widget)) {
             return VIEW_MODE_OPTIONS.DEFAULT;
         }
         return VIEW_MODE_OPTIONS.LABEL;
@@ -4377,7 +4382,7 @@
         if (type === i1.DataType.BOOLEAN) {
             widget = i1.FormWidgetType.SELECT;
         }
-        if (_.includes([i1.FormWidgetType.TEXT, i1.FormWidgetType.NUMBER, i1.FormWidgetType.SELECT, i1.FormWidgetType.AUTOCOMPLETE,
+        if (lodashEs.includes([i1.FormWidgetType.TEXT, i1.FormWidgetType.NUMBER, i1.FormWidgetType.SELECT, i1.FormWidgetType.AUTOCOMPLETE,
             i1.FormWidgetType.DATE, i1.FormWidgetType.TIME, i1.FormWidgetType.DATETIME], widget)) {
             return widget;
         }
@@ -4435,10 +4440,10 @@
         const routRegex = /^(\/|#\/|#)(?!\W).*/;
         if (link) {
             if (routRegex.test(link)) {
-                link = _.first(link.match(/[\w]+.*/g)) || '';
+                link = lodashEs.first(link.match(/[\w]+.*/g)) || '';
                 return `#/${link}`;
             }
-            if (_.startsWith(link, 'www.')) {
+            if (lodashEs.startsWith(link, 'www.')) {
                 return `//${link}`;
             }
             return link;
@@ -4450,7 +4455,7 @@
             this.nodes = [];
             this.nodes$ = new rxjs.Subject();
             // debounce function for reset nodes functions.
-            this._resetNodes = _.debounce(this.resetNodes, 50);
+            this._resetNodes = lodashEs.debounce(this.resetNodes, 50);
             this.securityService = this.inj.get(security.SecurityService);
             this.binditemlabel = this.nativeElement.getAttribute('itemlabel.bind');
             this.binditemicon = this.nativeElement.getAttribute('itemicon.bind');
@@ -4470,24 +4475,49 @@
          */
         getNode(fields, node) {
             const context = this.viewParent.pageScope || this.viewParent;
-            const children = getEvaluatedData(node, { field: this.itemchildren, bindExpression: this.binditemchildren }, context) || _.get(node, fields.childrenField);
+            const children = getEvaluatedData(node, {
+                field: this.itemchildren,
+                bindExpression: this.binditemchildren
+            }, context) || lodashEs.get(node, fields.childrenField);
             const navNode = {
-                action: getEvaluatedData(node, { field: this.itemaction, bindExpression: this.binditemaction }, context) || _.get(node, fields.actionField),
-                badge: getEvaluatedData(node, { field: this.itembadge, bindExpression: this.binditembadge }, context) || _.get(node, fields.badgeField),
+                action: getEvaluatedData(node, {
+                    field: this.itemaction,
+                    bindExpression: this.binditemaction
+                }, context) || lodashEs.get(node, fields.actionField),
+                badge: getEvaluatedData(node, {
+                    field: this.itembadge,
+                    bindExpression: this.binditembadge
+                }, context) || lodashEs.get(node, fields.badgeField),
                 children: Array.isArray(children) ? this.getNodes(children) : [],
-                class: _.get(node, fields.classField),
+                class: lodashEs.get(node, fields.classField),
                 disabled: node.disabled,
-                icon: getEvaluatedData(node, { field: this.itemicon, bindExpression: this.binditemicon }, context) || _.get(node, fields.iconField),
-                id: getEvaluatedData(node, { field: this.itemid, bindExpression: this.binditemid }, context) || _.get(node, fields.idField),
-                label: getEvaluatedData(node, { field: this.itemlabel, bindExpression: this.binditemlabel }, context) || _.get(node, fields.labelField),
-                link: getValidLink(getEvaluatedData(node, { field: this.itemlink, bindExpression: this.binditemlink }, context) || _.get(node, fields.linkField)),
-                target: getValidLink(getEvaluatedData(node, { field: this.itemtarget, bindExpression: this.binditemtarget }, context) || _.get(node, fields.targetField)),
+                icon: getEvaluatedData(node, {
+                    field: this.itemicon,
+                    bindExpression: this.binditemicon
+                }, context) || lodashEs.get(node, fields.iconField),
+                id: getEvaluatedData(node, {
+                    field: this.itemid,
+                    bindExpression: this.binditemid
+                }, context) || lodashEs.get(node, fields.idField),
+                label: getEvaluatedData(node, {
+                    field: this.itemlabel,
+                    bindExpression: this.binditemlabel
+                }, context) || lodashEs.get(node, fields.labelField),
+                link: getValidLink(getEvaluatedData(node, {
+                    field: this.itemlink,
+                    bindExpression: this.binditemlink
+                }, context) || lodashEs.get(node, fields.linkField)),
+                target: getValidLink(getEvaluatedData(node, {
+                    field: this.itemtarget,
+                    bindExpression: this.binditemtarget
+                }, context) || lodashEs.get(node, fields.targetField)),
                 role: getEvaluatedData(node, { field: this.userrole, bindExpression: this.binduserrole }, context),
                 isactive: getEvaluatedData(node, { field: this.isactive, bindExpression: this.bindisactive }, context),
                 // older projects have display field & data field property for menu.
                 value: this.datafield ? (this.datafield === 'All Fields' ? node : i1.findValueOf(node, this.datafield)) : node
             };
-            return _.omitBy(navNode, _.isUndefined);
+            // @ts-ignore
+            return lodashEs.omitBy(navNode, lodashEs.isUndefined);
         }
         resetItemFieldMap() {
             this._itemFieldMap = null;
@@ -4625,7 +4655,7 @@
             if (this.instance.regexp) {
                 _validator.push(forms.Validators.pattern(this.instance.regexp));
             }
-            if (this.formwidget && _.isFunction(this.formwidget.validate)) {
+            if (this.formwidget && lodashEs.isFunction(this.formwidget.validate)) {
                 _validator.push(this.formwidget.validate.bind(this.formwidget));
             }
             return _validator;
@@ -4652,7 +4682,7 @@
         }
         getPromiseList(validators) {
             const arr = [];
-            _.forEach(validators, (fn, index) => {
+            lodashEs.forEach(validators, (fn, index) => {
                 let promise = fn;
                 if (fn instanceof Function && fn.bind) {
                     promise = fn(this.widgetControl, this.widgetContext);
@@ -4674,10 +4704,11 @@
                         // if err obj has validationMessage key, then set validationMessage using this value
                         // else return the value of the first key in the err object as validation message.
                         if (err.hasOwnProperty('errorMessage')) {
-                            this.instance.validationmessage = _.get(err, 'errorMessage');
+                            this.instance.validationmessage = lodashEs.get(err, 'errorMessage');
                         }
                         else {
-                            const keys = _.keys(err);
+                            // @ts-ignore
+                            const keys = keys(err);
                             this.instance.validationmessage = (err[keys[0]]).toString();
                         }
                         return err;
@@ -4710,7 +4741,7 @@
             }
         }
         isDefaultValidator(type) {
-            return _.get(i1.VALIDATOR, _.toUpper(type));
+            return lodashEs.get(i1.VALIDATOR, lodashEs.toUpper(type));
         }
         // default validator is bound to a function then watch for value changes
         // otherwise set the value of default validator directly
@@ -4726,10 +4757,10 @@
         }
         // sets the default validation on the form field
         setValidators(validators) {
-            let _cloneValidators = _.cloneDeep(validators);
+            let _cloneValidators = lodashEs.cloneDeep(validators);
             this.hasValidators = true;
             this._syncValidators = [];
-            _.forEach(_cloneValidators, (obj, index) => {
+            lodashEs.forEach(_cloneValidators, (obj, index) => {
                 // custom validation is bound to function.
                 if (obj && obj instanceof Function) {
                     // passing formfield and form as arguments to the obj (i.e. validator function)
@@ -4738,17 +4769,17 @@
                 }
                 else {
                     // checks for default validator like required, maxchars etc.
-                    const key = _.get(obj, 'type');
-                    this.defaultValidatorMessages[key] = _.get(obj, 'errorMessage');
+                    const key = lodashEs.get(obj, 'type');
+                    this.defaultValidatorMessages[key] = lodashEs.get(obj, 'errorMessage');
                     if (this.isDefaultValidator(key)) {
-                        const value = _.get(obj, 'validator');
+                        const value = lodashEs.get(obj, 'validator');
                         this.setDefaultValidator(key, value);
                         _cloneValidators[index] = '';
                     }
                 }
             });
             // _syncValidators contains all the custom validations on the form field. will not include default validators.
-            this._syncValidators = _.filter(_cloneValidators, val => {
+            this._syncValidators = lodashEs.filter(_cloneValidators, val => {
                 if (val) {
                     return val;
                 }
@@ -4756,8 +4787,8 @@
             this.applyDefaultValidators();
         }
         observeOn(fields, context) {
-            _.forEach(fields, field => {
-                const formfield = _.find(this.widgetContext[context], { 'key': field });
+            lodashEs.forEach(fields, field => {
+                const formfield = lodashEs.find(this.widgetContext[context], { 'key': field });
                 if (formfield) {
                     if (!formfield.notifyForFields) {
                         formfield.notifyForFields = [];
@@ -4788,13 +4819,13 @@
             const watchName = `${this.instance.widgetId}_` + key + '_formField';
             i1.$unwatch(watchName);
             //[Todo-CSP]: Need clarity generate this expr fn if form is present in the page
-            this.instance.registerDestroyListener(i1.$watch('boundFn(fn)', _.extend(this.instance, this.instance.viewParent), { fn }, (nv, ov) => {
+            this.instance.registerDestroyListener(i1.$watch('boundFn(fn)', lodashEs.extend(this.instance, this.instance.viewParent), { fn }, (nv, ov) => {
                 this.instance.widget[key] = nv;
                 this.applyDefaultValidators();
             }, watchName));
         }
         isNullOrEmptyOrFalsy(value) {
-            return _.isEmpty(value);
+            return lodashEs.isEmpty(value);
         }
         // invokes both custom sync validations and default validations.
         applyDefaultValidators() {
@@ -4805,7 +4836,7 @@
             if (this.formwidget && (this.instance.value === this.formwidget.prevDatavalue || this.isNullOrEmptyOrFalsy(this.instance.value))) {
                 opt['emitEvent'] = false;
             }
-            this.widgetControl.setValidators(_.concat(this._syncValidators || [], validators));
+            this.widgetControl.setValidators(lodashEs.concat(this._syncValidators || [], validators));
             this.widgetControl.updateValueAndValidity(opt);
             this.setCustomValidationMessage();
         }
@@ -4815,14 +4846,15 @@
                 return;
             }
             if (fieldErrors.hasOwnProperty('errorMessage')) {
-                this.instance.validationmessage = _.get(fieldErrors, 'errorMessage');
+                this.instance.validationmessage = lodashEs.get(fieldErrors, 'errorMessage');
             }
             else {
-                const keys = _.keys(fieldErrors);
+                // @ts-ignore
+                const keys = keys(fieldErrors);
                 const key = keys[0];
-                const validationMsgKey = _.get(DEFAULT_VALIDATOR, key) || this.formwidget.validateType;
+                const validationMsgKey = lodashEs.get(DEFAULT_VALIDATOR, key) || this.formwidget.validateType;
                 if (validationMsgKey) {
-                    const msg = _.get(this.defaultValidatorMessages, validationMsgKey) || this.instance.validationmessage;
+                    const msg = lodashEs.get(this.defaultValidatorMessages, validationMsgKey) || this.instance.validationmessage;
                     if (msg && msg instanceof Function) {
                         // passing formfield and form as arguments to the errorMessage function.
                         this.instance.validationmessage = msg(this.widgetControl, this.widgetContext);