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

app-ng-runtime/components/data/form/fesm2022/index.mjs

@@ -12,10 +12,11 @@ import { DesignDialogModule } from '@wm/components/dialogs/design-dialog';
 import * as i1 from '@angular/forms';
 import { FormArray, NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i1$1 from '@wm/core';
-import { isMobileApp, removeClass, isDefined, debounce, removeAttr, DataSource, $appDigest, isElementInViewport, scrollToElement, getFiles, DataType, getClonedObject, $invokeWatchers, getValidJSON, extendProto, $parseEvent, FormWidgetType, noop as noop$1, isMobile, isDateTimeType, addForIdAttributes, triggerFn, isEmptyObject, getValidDateObject } from '@wm/core';
+import { isMobileApp, removeClass, isDefined, debounce as debounce$1, removeAttr, DataSource, $appDigest, isElementInViewport, scrollToElement, getFiles, DataType, getClonedObject, $invokeWatchers, getValidJSON, extendProto, $parseEvent, FormWidgetType, noop as noop$1, isMobile, isDateTimeType, addForIdAttributes, triggerFn, isEmptyObject, getValidDateObject } from '@wm/core';
 import * as i4 from '@wm/components/prefab';
 import * as i3 from '@wm/components/data/list';
 import { ListComponent } from '@wm/components/data/list';
+import { forEach, debounce, get, keys, last, isEmpty, isEqual, isArray, find, set, filter, includes, split, some, isUndefined, findIndex, isObject, join, isString, map, fromPairs } from 'lodash-es';
 import { TableComponent } from '@wm/components/data/table';
 import { debounceTime } from 'rxjs/operators';
 import * as i1$2 from '@wm/components/data/live-table';
@@ -255,7 +256,7 @@ const getWidgetConfig = (isLiveForm, isLiveFilter, role) => {
 // Generate the form field with given field definition. Add a grid column wrapper around the form field.
 const setMarkupForFormField = (field, columnWidth) => {
     let propsTmpl = '';
-    _.forEach(field, (value, key) => {
+    forEach(field, (value, key) => {
         propsTmpl = `${propsTmpl} ${key}="${value}"`;
     });
     return `<wm-gridcolumn columnwidth="${columnWidth}">
@@ -297,7 +298,7 @@ const setTouchedState = (self, ngForm, fieldName) => {
         return;
     }
     if (ngForm.controls) {
-        _.forEach(ngForm.controls, (ctrl, fieldName) => {
+        forEach(ngForm.controls, (ctrl, fieldName) => {
             setTouchedState(self, ctrl, fieldName);
         });
     }
@@ -389,9 +390,9 @@ class FormComponent extends StylableComponent {
             type: ''
         };
         this.primaryKey = [];
-        this._debouncedUpdateFieldSource = _.debounce(this.updateFieldSource, 350);
+        this._debouncedUpdateFieldSource = debounce(this.updateFieldSource, 350);
         this.validationMessages = [];
-        this._debouncedSubmitForm = debounce(($event) => {
+        this._debouncedSubmitForm = debounce$1(($event) => {
             // calling submit event in ngZone as change detection is not triggered post the submit callback and actions like notification are not shown
             this.ngZone.run(() => {
                 this.submitForm($event);
@@ -424,7 +425,7 @@ class FormComponent extends StylableComponent {
     ngAfterViewInit() {
         if (this.parentForm && this.parentForm.ngform && this.isParentList) {
             // setting formArray control on ngform.
-            if (!_.get(this.parentForm.ngform.controls, this.parentList.name)) {
+            if (!get(this.parentForm.ngform.controls, this.parentList.name)) {
                 this.parentForm.ngform.setControl(this.parentList.name, new FormArray([]));
             }
             // pushing the ngform to formArray.
@@ -462,10 +463,10 @@ class FormComponent extends StylableComponent {
                  * 5. this means form name change applies only when there is single form (immediate child) inside the parentContainer.
                  */
                 const prefabInnerForm = parentContentEl.find('form').first();
-                if (_.get(prefabInnerForm[0], 'widget.widgetId') === this.widgetId) {
+                if (get(prefabInnerForm[0], 'widget.widgetId') === this.widgetId) {
                     // check whether form inside prefab container is inside the list. If true, do not change the name.
                     if (!prefabInnerForm.isParentList && !prefabInnerForm.siblings('form').length) {
-                        binding = _.get(parentContainer, 'name');
+                        binding = get(parentContainer, 'name');
                     }
                 }
             }
@@ -501,16 +502,16 @@ class FormComponent extends StylableComponent {
         const formEle = this.getNativeElement();
         const formObjs = formEle.querySelectorAll('.app-form');
         const validationMsgs = [];
-        _.forEach(formObjs, e => {
+        forEach(formObjs, e => {
             const formInstance = e.widget;
             // differentiating the validationMessages prefix based on the formGroupName
             // as the formName's are same when forms are in list
-            let formName = _.get(formInstance, 'formGroupName') || formInstance.name;
+            let formName = get(formInstance, 'formGroupName') || formInstance.name;
             if (isDefined(formInstance.formArrayIndex)) {
                 formName = formName + '[' + formInstance.formArrayIndex + ']';
             }
             let current = formInstance;
-            while (_.get(current, 'parentForm')) {
+            while (get(current, 'parentForm')) {
                 let parentName = current.parentForm.formGroupName || current.parentForm.name;
                 if (current.parentForm.parentFormArray) {
                     parentName = parentName + '[' + current.parentForm.formArrayIndex + ']';
@@ -533,7 +534,7 @@ class FormComponent extends StylableComponent {
         if (!formFields) {
             return;
         }
-        _.forEach(controls, (v, k) => {
+        forEach(controls, (v, k) => {
             const field = formFields.find(e => e.key === k);
             if (!field || (validateTouch && !v.touched)) {
                 return;
@@ -560,18 +561,18 @@ class FormComponent extends StylableComponent {
                 this.validationMessages.push({
                     field: k,
                     value: field.value,
-                    errorType: _.keys(v.errors),
+                    errorType: keys(v.errors),
                     message: field.validationmessage || '',
                     getElement: () => {
                         return field.$element.find('[focus-target]');
                     },
-                    formName: _.last(prefix.split('.')),
+                    formName: last(prefix.split('.')),
                     fullyQualifiedFormName: prefix
                 });
             }
             else {
                 this.validationMessages[index].value = field.value;
-                this.validationMessages[index].errorType = _.keys(v.errors);
+                this.validationMessages[index].errorType = keys(v.errors);
             }
         }
         else if (v.valid && index > -1) {
@@ -580,7 +581,7 @@ class FormComponent extends StylableComponent {
     }
     // This will return a object containing the error details from the list of formFields that are invalid
     setValidationMsgs(validateTouch) {
-        if (!this.formFields.length && _.isEmpty(this.ngform.controls)) {
+        if (!this.formFields.length && isEmpty(this.ngform.controls)) {
             return;
         }
         this.setValidationOnFields(this, this.name, validateTouch);
@@ -662,10 +663,10 @@ class FormComponent extends StylableComponent {
                 break;
             case 'formdata':
                 // For livelist when multiselect is enabled, formdata will be array of objects. In this case consider the last object as formdata.
-                if (_.isEqual(nv, ov)) {
+                if (isEqual(nv, ov)) {
                     break;
                 }
-                _.isArray(nv) ? this.setFormData(_.last(nv)) : this.setFormData(nv);
+                isArray(nv) ? this.setFormData(last(nv)) : this.setFormData(nv);
                 // if dataset on the formFields are not set as the datasourceChange is triggered before the formFields are registered.
                 if (!this.isDataSourceUpdated && this.datasource) {
                     this.onDataSourceChange();
@@ -695,7 +696,7 @@ class FormComponent extends StylableComponent {
                 const formFields = this.getFormFields();
                 formFields.forEach(field => {
                     // notifying the dataset change to the form-field widget.
-                    if (!field.isDataSetBound && _.get(field.formWidget, 'dataset$')) {
+                    if (!field.isDataSetBound && get(field.formWidget, 'dataset$')) {
                         field.formWidget.dataset$.next();
                     }
                 });
@@ -744,7 +745,7 @@ class FormComponent extends StylableComponent {
     }
     // if there is an App.onServiceError handler for the app, that message should be used instead of server returned error message
     checkAppServiceErrorMsg(type) {
-        const notificationAction = _.get(this.app, 'Actions.appNotification');
+        const notificationAction = get(this.app, 'Actions.appNotification');
         if (notificationAction && type === 'error') {
             return notificationAction.getMessage();
         }
@@ -757,7 +758,7 @@ class FormComponent extends StylableComponent {
     // Set the classes on the form based on the captionposition and captionwidth properties
     setLayoutConfig() {
         let layoutConfig;
-        layoutConfig = getFieldLayoutConfig(this.captionwidth, this.captionposition, _.get(this.app.selectedViewPort, 'os'));
+        layoutConfig = getFieldLayoutConfig(this.captionwidth, this.captionposition, get(this.app.selectedViewPort, 'os'));
         this._widgetClass = layoutConfig.widgetCls;
         this._captionClass = layoutConfig.captionCls;
         $appDigest();
@@ -778,9 +779,9 @@ class FormComponent extends StylableComponent {
             this.parentForm.setFormData(this.parentForm.formdata, this.formFields, this.formdata || {});
         }
         // WMS-18967: Applying formadata after formfields are ready
-        if (fieldCount === this.numberOfFields && !_.isEmpty(this.formdata)) {
+        if (fieldCount === this.numberOfFields && !isEmpty(this.formdata)) {
             this.onDataSourceChange();
-            _.isArray(this.formdata) ? this.setFormData(_.last(this.formdata)) : this.setFormData(this.formdata);
+            isArray(this.formdata) ? this.setFormData(last(this.formdata)) : this.setFormData(this.formdata);
         }
     }
     registerActions(formAction) {
@@ -789,8 +790,8 @@ class FormComponent extends StylableComponent {
     // Update the dataoutput whenever there is a change in inside form widget value
     updateFormDataOutput(dataObject) {
         // Set the values of the widgets inside the live form (other than form fields) in form data
-        _.forEach(this.ngform.value, (val, key) => {
-            if (!_.find(this.formFields, { key })) {
+        forEach(this.ngform.value, (val, key) => {
+            if (!find(this.formFields, { key })) {
                 dataObject[key] = val;
             }
         });
@@ -814,20 +815,20 @@ class FormComponent extends StylableComponent {
             // This form is having innerform i.e. address, these fields are listed as
             // {"applicantName": "", "applicantID": "", "address": {"street": ""}}
             if (field.form.widgetId !== this.widgetId && field.form.formGroupName) {
-                const fd = _.get(formData, field.form.formGroupName, {});
+                const fd = get(formData, field.form.formGroupName, {});
                 fd[fieldName] = fieldValue;
-                _.set(formData, field.form.formGroupName, fd);
+                set(formData, field.form.formGroupName, fd);
             }
-            else if ((typeof field.form.formArrayIndex === 'number') && field.form.isParentList && !this.parentForm) { // Fix for [WMS-25806]: use formArrayIndex only if form has a parent form
+            else if (this.parentForm && this.parentForm.ngform && field.form.isParentList) { // Fix for [WMS-25806]: use formArrayIndex only if form has a parent form
                 // setting formdata based on formArrayIndex
-                const fd = _.get(formData, field.form.parentList.name, []);
+                const fd = get(formData, field.form.parentList.name, []);
                 fd[field.form.formArrayIndex] = fd[field.form.formArrayIndex] || {};
                 fd[field.form.formArrayIndex][fieldName] = fieldValue;
-                _.set(formData, field.form.parentList.name, fd);
+                set(formData, field.form.parentList.name, fd);
             }
             else {
                 // In case of update the field will be already present in form data
-                _.set(formData, fieldName, fieldValue);
+                set(formData, fieldName, fieldValue);
             }
         });
         this.updateFormDataOutput(formData);
@@ -842,7 +843,7 @@ class FormComponent extends StylableComponent {
     // FormFields will contain all the fields in parent and inner form also.
     // This returns the formFields in the form based on the form name.
     getFormFields() {
-        return _.filter(this.formFields, formField => {
+        return filter(this.formFields, formField => {
             return formField.form.name === this.name;
         });
     }
@@ -853,12 +854,12 @@ class FormComponent extends StylableComponent {
         const fd = innerFormdata ? innerFormdata : data;
         if (fd) {
             if (fd.hasOwnProperty(key)) {
-                field.value = _.get(fd, key);
+                field.value = get(fd, key);
             }
-            else if (_.includes(key, '.')) {
+            else if (includes(key, '.')) {
                 // key contains '.' when mapping the fields to child reference i.e. childCol is having key as "parent.childCol"
-                if (fd.hasOwnProperty(_.split(key, '.')[0])) {
-                    field.value = _.get(fd, key);
+                if (fd.hasOwnProperty(split(key, '.')[0])) {
+                    field.value = get(fd, key);
                 }
             }
             // WMS-18906: For default value, do not mark the form as dirty.
@@ -871,11 +872,11 @@ class FormComponent extends StylableComponent {
          * if formGroupName is defined which means field is inside the inner form
          * then set the formdata on the field's form using formGroupName
          */
-        if (formGroupName && _.get(data, formGroupName)) {
+        if (formGroupName && get(data, formGroupName)) {
             this.setFormData.call(field.form, data[formGroupName]);
         }
         // if formdata is assigned later then on propertyChangeHandler, even inner forms data also needs to be updated.
-        if (_.get(field.form, 'parentFormArray')) {
+        if (get(field.form, 'parentFormArray')) {
             this.setFormDataFromParentFormData.call(field.form, data);
         }
     }
@@ -1058,7 +1059,7 @@ class FormComponent extends StylableComponent {
                     template = this.errormessage || error.error || error;
                     $appDigest();
                     return {
-                        'result': _.get(error, 'error') || error,
+                        'result': get(error, 'error') || error,
                         'status': false,
                         'message': template,
                         'type': 'error'
@@ -1085,8 +1086,8 @@ class FormComponent extends StylableComponent {
     }
     // Method to show/hide the panel header or footer based on the buttons
     showButtons(position) {
-        return _.some(this.buttonArray, btn => {
-            return _.includes(btn.position, position) && btn.updateMode === this.isUpdateMode;
+        return some(this.buttonArray, btn => {
+            return includes(btn.position, position) && btn.updateMode === this.isUpdateMode;
         });
     }
     // Expand or collapse the panel
@@ -1115,13 +1116,13 @@ class FormComponent extends StylableComponent {
         if (!form.parentForm) {
             return {};
         }
-        if (!form.bindformdata && _.get(form.parentForm, 'formdata') && !_.isEmpty(form.parentForm.formdata)) {
+        if (!form.bindformdata && get(form.parentForm, 'formdata') && !isEmpty(form.parentForm.formdata)) {
             return form.parentForm.formdata;
         }
         return this.getNearestParentFormData(form.parentForm);
     }
     setFormDataFromParentFormData(formdata) {
-        if (_.isEmpty(this.formdata) && this.parentForm && formdata) {
+        if (isEmpty(this.formdata) && this.parentForm && formdata) {
             /**
              * If form is inside list,
              * 1. directly applying the formdata to the formArray to update the formdata on list of forms using patchValue.
@@ -1132,9 +1133,9 @@ class FormComponent extends StylableComponent {
              * If not inside list, just set the formdata on all the formfields including innerForm fields
              */
             if (this.parentFormArray) {
-                let childFormArrayData = _.get(formdata, this.parentList.name);
+                let childFormArrayData = get(formdata, this.parentList.name);
                 if (childFormArrayData) {
-                    if (!_.isArray(childFormArrayData)) {
+                    if (!isArray(childFormArrayData)) {
                         childFormArrayData = [childFormArrayData];
                     }
                     this.parentFormArray.patchValue(childFormArrayData);
@@ -1144,7 +1145,7 @@ class FormComponent extends StylableComponent {
                     this.setFormData(this.formdata);
                 }
                 else if (this.isParentList && this.parentForm.formGroupName) {
-                    const parentFormData = _.get(formdata, this.parentForm.formGroupName);
+                    const parentFormData = get(formdata, this.parentForm.formGroupName);
                     this.setFormDataFromParentFormData(parentFormData);
                 }
             }
@@ -1155,7 +1156,7 @@ class FormComponent extends StylableComponent {
     }
     // On form data source change. This method is overridden by live form and live filter
     onDataSourceChange() {
-        if (_.get(this.formFields, 'length') && !this.bindformdata) {
+        if (get(this.formFields, 'length') && !this.bindformdata) {
             this.isDataSourceUpdated = true;
             /**
              * formdata on the parent form will be set before the inner forms are rendered.
@@ -1187,7 +1188,7 @@ class FormComponent extends StylableComponent {
         let noOfColumns;
         let $gridLayout;
         // Check if grid layout is present or not for first time
-        if (_.isUndefined(this._isGridLayoutPresent)) {
+        if (isUndefined(this._isGridLayoutPresent)) {
             this._isGridLayoutPresent = this.$element.find('.panel-body [wmlayoutgrid]').length > 0;
         }
         if (this._isGridLayoutPresent) {
@@ -1209,7 +1210,7 @@ class FormComponent extends StylableComponent {
         let userFields;
         let fields = this.metadata ? this.metadata.data || this.metadata : [];
         this.formFields = []; // empty the form fields
-        if (_.isEmpty(fields)) {
+        if (isEmpty(fields)) {
             return;
         }
         if (this.onBeforeRenderEvt) {
@@ -1218,7 +1219,7 @@ class FormComponent extends StylableComponent {
                 fields = userFields;
             }
         }
-        if (!_.isArray(fields)) {
+        if (!isArray(fields)) {
             return;
         }
         while (fields[colCount]) {
@@ -1304,12 +1305,12 @@ class FormComponent extends StylableComponent {
     }
     ngOnDestroy() {
         // on form destroy, removing this form from the parentForm too.
-        const controls = this.parentForm && _.get(this.parentForm, 'ngform.controls');
+        const controls = this.parentForm && get(this.parentForm, 'ngform.controls');
         if (controls) {
             // when current form is inside the list (i.e. incase of formArray).
-            if (_.get(this.parentList, 'name') && controls.hasOwnProperty(this.parentList.name)) {
+            if (get(this.parentList, 'name') && controls.hasOwnProperty(this.parentList.name)) {
                 //get the index of current form in the list and remove the FormControl from FormArray
-                const index = _.findIndex(this.parentList.getWidgets(this.name), { widgetId: this.widgetId });
+                const index = findIndex(this.parentList.getWidgets(this.name), { widgetId: this.widgetId });
                 this.parentForm.ngform.controls[this.parentList.name].removeAt(index);
             }
             // when we have formGroupName set i.e. multiple formInstance with counter appended to formName
@@ -1428,7 +1429,7 @@ class FormComponent extends StylableComponent {
             type: HostListener,
             args: ['keydown', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormComponent, { className: "FormComponent", filePath: "form.component.ts", lineNumber: 145 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormComponent, { className: "FormComponent", filePath: "form.component.ts", lineNumber: 159 }); })();
 
 class FormWidgetDirective {
     constructor(form, table, componentInstance, fb, name, key) {
@@ -1536,7 +1537,7 @@ class FormActionDirective extends BaseComponent {
             show: this.show,
             class: this.class ? this.class : (this['widget-type'] === 'button' ? 'btn-secondary' : ''),
             iconclass: this.iconclass || '',
-            title: _.isUndefined(this.title) ? (this['display-name'] || '') : this.title,
+            title: isUndefined(this.title) ? (this['display-name'] || '') : this.title,
             action: this.action,
             accessroles: this.accessroles,
             shortcutkey: this.shortcutkey,
@@ -1691,7 +1692,7 @@ class FormFieldDirective extends StylableComponent {
         }
         contexts[0]._onFocusField = this._onFocusField.bind(this);
         contexts[0]._onBlurField = this._onBlurField.bind(this);
-        this._debounceSetUpValidators = debounce(() => this.setUpValidators(), 500);
+        this._debounceSetUpValidators = debounce$1(() => this.setUpValidators(), 500);
     }
     _onFocusField($evt) {
         this._activeField = true;
@@ -1753,10 +1754,10 @@ class FormFieldDirective extends StylableComponent {
         const value = this.value;
         const displayField = this.displayfield || this.displaylabel;
         const displayExpr = this.displayexpression;
-        if (_.isObject(value)) {
-            if (_.isArray(value)) {
-                _.forEach(value, obj => {
-                    if (_.isObject(obj)) {
+        if (isObject(value)) {
+            if (isArray(value)) {
+                forEach(value, obj => {
+                    if (isObject(obj)) {
                         caption.push(this.evaluateExpr(obj, displayField, displayExpr));
                     }
                 });
@@ -1764,16 +1765,16 @@ class FormFieldDirective extends StylableComponent {
             else {
                 caption.push(this.evaluateExpr(value, displayField, displayExpr));
             }
-            return _.join(caption, ',');
+            return join(caption, ',');
         }
         return (value === undefined || value === null) ? '' : this.value;
     }
     getCaption() {
-        return (this.value === undefined || this.value === null) ? (_.get(this.form.dataoutput, this._fieldName) || '') : this.value;
+        return (this.value === undefined || this.value === null) ? (get(this.form.dataoutput, this._fieldName) || '') : this.value;
     }
     // Notifies changes to observing validation fields
     notifyChanges() {
-        _.forEach(this.notifyForFields, field => {
+        forEach(this.notifyForFields, field => {
             field.fieldValidations.validate();
         });
     }
@@ -2041,7 +2042,7 @@ class FormFieldDirective extends StylableComponent {
                 .subscribe(this.onValueChange.bind(this));
             this.registerDestroyListener(() => onMaxValueChangeSubscription.unsubscribe());
         }
-        this.value = _.get(this.form.formdata, this._fieldName);
+        this.value = get(this.form.formdata, this._fieldName);
     }
     ngOnInit() {
         this.ngform = this.form.ngform;
@@ -2518,7 +2519,7 @@ class LiveFilterDirective {
     constructor(form) {
         this.form = form;
         // debounce the filter function. If multiple filter calls are made at same time, calls will be delayed and last call is fired
-        this._filter = debounce(options => {
+        this._filter = debounce$1(options => {
             this.filter(options);
         }, 250);
         form.clearFilter = this.clearFilter.bind(this);
@@ -2818,7 +2819,7 @@ class LiveFilterDirective {
     // Calls the filter function if default values are present
     filterOnDefault() {
         /*Check if default value is present for any filter field*/
-        const defaultObj = _.find(this.form.formFields, obj => {
+        const defaultObj = find(this.form.formFields, obj => {
             return isDefined(obj.value) || isDefined(obj.minValue) || isDefined(obj.maxValue);
         });
         /*If default value exists and data is loaded, apply the filter*/
@@ -2862,7 +2863,7 @@ class LiveFormDirective {
         this.form = form;
         this.datePipe = datePipe;
         this.dialogService = dialogService;
-        this._debouncedSavePrevDataValues = debounce(() => {
+        this._debouncedSavePrevDataValues = debounce$1(() => {
             this.savePrevDataValues();
         }, 250);
         // If parent live table is present and this form is first child of live table, set this form instance on livetable
@@ -2929,7 +2930,7 @@ class LiveFormDirective {
         }
     }
     onDataSourceChange() {
-        if (_.get(this.form.formFields, 'length')) {
+        if (get(this.form.formFields, 'length')) {
             this.form.isDataSourceUpdated = true;
         }
         const formFields = this.form.getFormFields();
@@ -2984,14 +2985,14 @@ class LiveFormDirective {
         }
         formFields = formFields || this.form.formFields;
         formFields.forEach(field => {
-            const value = _.get(dataObj, field.key || field.name);
+            const value = get(dataObj, field.key || field.name);
             if (isTimeType(field)) {
                 field.value = getValidTime(value);
             }
             else if (field.type === DataType.BLOB) {
                 this.form.resetFileUploadWidget(field, true);
                 field.href = this.getBlobURL(dataObj, field.key, value);
-                field.value = _.isString(value) ? '' : value;
+                field.value = isString(value) ? '' : value;
             }
             else {
                 this.form.setFieldValue(field, dataObj);
@@ -3043,7 +3044,7 @@ class LiveFormDirective {
         formFields = isPreviousData ? this.form.prevformFields : this.form.getFormFields();
         formFields.forEach(field => {
             let dateTime, fieldValue;
-            const fieldTarget = _.split(field.key, '.');
+            const fieldTarget = split(field.key, '.');
             const fieldName = fieldTarget[0] || field.key;
             /*collect the values from the fields and construct the object*/
             /*Format the output of date time widgets to the given output format*/
@@ -3104,7 +3105,7 @@ class LiveFormDirective {
         /*If OperationType is not set then based on the formdata object return the operation type,
             this case occurs only if the form is outside a livegrid*/
         /*If the formdata object has primary key value then return update else insert*/
-        if (this.form.primaryKey && !_.isEmpty(this.form.formdata)) {
+        if (this.form.primaryKey && !isEmpty(this.form.formdata)) {
             /*If only one column is primary key*/
             if (this.form.primaryKey.length === 1) {
                 if (this.form.formdata[this.form.primaryKey[0]]) {
@@ -3113,7 +3114,7 @@ class LiveFormDirective {
                 /*If only no column is primary key*/
             }
             else if (this.form.primaryKey.length === 0) {
-                _.forEach(this.form.formdata, (value) => {
+                forEach(this.form.formdata, (value) => {
                     if (value) {
                         isPrimary = true;
                     }
@@ -3124,7 +3125,7 @@ class LiveFormDirective {
                 /*If multiple columns are primary key*/
             }
             else {
-                isPrimary = _.some(this.form.primaryKey, (primaryKey) => {
+                isPrimary = some(this.form.primaryKey, (primaryKey) => {
                     if (this.form.formdata[primaryKey]) {
                         return true;
                     }
@@ -3137,7 +3138,7 @@ class LiveFormDirective {
         return operation || Live_Operations.INSERT;
     }
     getPrevDataValues() {
-        const prevDataValues = _.fromPairs(_.map(this.form.prevDataValues, (item) => {
+        const prevDataValues = fromPairs(map(this.form.prevDataValues, (item) => {
             return [item.key, item.value];
         })); // Convert of array of values to an object
         this.form.formFields.forEach(field => {
@@ -3247,7 +3248,7 @@ class LiveFormDirective {
         }
         // If operation is update, form is not touched and current data and previous data is same, Show no changes detected message
         if (this.form.operationType === Live_Operations.UPDATE && this.form.ngform && this.form.ngform.pristine &&
-            (this.form.isSelected && _.isEqual(data, prevData))) {
+            (this.form.isSelected && isEqual(data, prevData))) {
             this.form.toggleMessage(true, this.form.appLocale.MESSAGE_NO_CHANGES, 'info', '');
             $appDigest();
             return;