@wavemaker/app-ng-runtime 11.4.1-next.141652 → 11.4.1-next.141654

app-ng-runtime/components/data/form/bundles/index.umd.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@wm/components/base'), require('@wm/components/basic'), require('@wm/components/input'), require('@wm/components/dialogs/design-dialog'), require('tslib'), require('@angular/forms'), require('@wm/core'), require('@wm/components/data/list'), require('@wm/components/prefab'), require('@wm/components/data/table'), require('rxjs/operators'), require('@wm/components/data/live-table')) :
     typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/common', '@wm/components/base', '@wm/components/basic', '@wm/components/input', '@wm/components/dialogs/design-dialog', 'tslib', '@angular/forms', '@wm/core', '@wm/components/data/list', '@wm/components/prefab', '@wm/components/data/table', 'rxjs/operators', '@wm/components/data/live-table'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.data = global.wm.components.data || {}, global.wm.components.data.form = {}), global.ng.core, global.ng.common, global.wm.components.base, global.wm.components.basic, global.wm.components.input, global.wm.components.dialogs.designdialog, global.tslib, global.ng.forms, global.wm.core, global.wm.components.data.list, global.wm.components.prefab, global.wm.components.data.table, global.rxjs.operators, global.wm.components.data.livetable));
-})(this, (function (exports, i0, i7, i5, i6, i8, designDialog, tslib, i1, i2, i3, i4, table, operators, i1$1) { 'use strict';
+})(this, (function (exports, i0, i7, i5, i6, i8, designDialog, tslib, i1, i1$1, i3, i4, table, operators, i1$2) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -27,10 +27,10 @@
     var i6__namespace = /*#__PURE__*/_interopNamespaceDefault(i6);
     var i8__namespace = /*#__PURE__*/_interopNamespaceDefault(i8);
     var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
-    var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
+    var i1$1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$1);
     var i3__namespace = /*#__PURE__*/_interopNamespaceDefault(i3);
     var i4__namespace = /*#__PURE__*/_interopNamespaceDefault(i4);
-    var i1$1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$1);
+    var i1$2__namespace = /*#__PURE__*/_interopNamespaceDefault(i1$2);
 
     const propsMap = new Map([
         ['autocomplete', Object.assign({ value: false }, i5.PROP_BOOLEAN)],
@@ -53,7 +53,7 @@
         ['title', i5.PROP_STRING]
     ]);
     const registerFormProps = () => {
-        if (i2.isMobileApp()) {
+        if (i1$1.isMobileApp()) {
             propsMap.set('captionwidth', Object.assign({ value: 'xs-4 sm-4 md-4 lg-4' }, i5.PROP_STRING));
         }
         const formMap = new Map(propsMap);
@@ -73,7 +73,7 @@
         i5.register('wm-form', formMap);
     };
     const registerLiveFormProps = () => {
-        if (i2.isMobileApp()) {
+        if (i1$1.isMobileApp()) {
             propsMap.set('captionwidth', Object.assign({ value: 'xs-4 sm-4 md-4 lg-4' }, i5.PROP_STRING));
         }
         const liveFormMap = new Map(propsMap);
@@ -91,7 +91,7 @@
         i5.register('wm-liveform', liveFormMap);
     };
     const registerLiveFilterProps = () => {
-        if (i2.isMobileApp()) {
+        if (i1$1.isMobileApp()) {
             propsMap.set('captionwidth', Object.assign({ value: 'xs-4 sm-4 md-4 lg-4' }, i5.PROP_STRING));
         }
         const liveFilterMap = new Map(propsMap);
@@ -347,7 +347,7 @@
     class FormComponent extends i5.StylableComponent {
         set isLayoutDialog(nv) {
             if (nv) {
-                i2.removeClass(this.nativeElement, 'panel app-panel liveform-inline');
+                i1$1.removeClass(this.nativeElement, 'panel app-panel liveform-inline');
             }
             this._isLayoutDialog = nv;
         }
@@ -380,17 +380,17 @@
         // checks for livelist having any form elements with parentForm name.
         // If livelist is not containing any parentForm elements then it returns true.
         get isParentList() {
-            if (this.parentList && this.parentForm && !i2.isDefined(this._formIsInList)) {
+            if (this.parentList && this.parentForm && !i1$1.isDefined(this._formIsInList)) {
                 const formEle = this.$element;
                 const listEle = formEle.closest('.app-livelist[name="' + this.parentList.name + '"]');
                 if (listEle.length) {
                     this._formIsInList = !(listEle.find('form[widget-id="' + this.parentForm.widgetId + '"]')).length;
                 }
             }
-            return i2.isDefined(this._formIsInList) ? this._formIsInList : this.parentList;
+            return i1$1.isDefined(this._formIsInList) ? this._formIsInList : this.parentList;
         }
-        constructor(inj, fb, app, dialogService, dynamicComponentProvider, ngZone, parentList, parentForm, parentPrefab, parentPartial, onBeforeSubmitEvt, onSubmitEvt, onBeforeRenderEvt, binddataset, bindformdata, isLiveForm, isLiveFilter, role, key, name, _viewParent) {
-            super(inj, getWidgetConfig(isLiveForm, isLiveFilter, role), _viewParent);
+        constructor(inj, fb, app, dialogService, dynamicComponentProvider, ngZone, parentList, parentForm, parentPrefab, parentPartial, onBeforeSubmitEvt, onSubmitEvt, onBeforeRenderEvt, binddataset, bindformdata, isLiveForm, isLiveFilter, role, key, name) {
+            super(inj, getWidgetConfig(isLiveForm, isLiveFilter, role));
             this.fb = fb;
             this.app = app;
             this.dialogService = dialogService;
@@ -405,7 +405,6 @@
             this.onBeforeRenderEvt = onBeforeRenderEvt;
             this.binddataset = binddataset;
             this.bindformdata = bindformdata;
-            this._viewParent = _viewParent;
             this._widgetClass = '';
             this._captionClass = '';
             this.formFields = [];
@@ -422,7 +421,7 @@
             this.primaryKey = [];
             this._debouncedUpdateFieldSource = _.debounce(this.updateFieldSource, 350);
             this.validationMessages = [];
-            this._debouncedSubmitForm = i2.debounce(($event) => {
+            this._debouncedSubmitForm = i1$1.debounce(($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);
@@ -430,7 +429,7 @@
             }, 250);
             i5.styler(this.nativeElement, this);
             // remove title property as attribute as it is causing unnecessary tooltip
-            i2.removeAttr(this.nativeElement, 'title');
+            i1$1.removeAttr(this.nativeElement, 'title');
             this.isUpdateMode = true;
             this.dialogId = this.nativeElement.getAttribute('dialogId');
             this.ngform = fb.group({});
@@ -536,7 +535,7 @@
                 // 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;
-                if (i2.isDefined(formInstance.formArrayIndex)) {
+                if (i1$1.isDefined(formInstance.formArrayIndex)) {
                     formName = formName + '[' + formInstance.formArrayIndex + ']';
                 }
                 let current = formInstance;
@@ -624,7 +623,7 @@
             }
         }
         updateFieldSource() {
-            if (this.formdatasource && this.formdatasource.execute(i2.DataSource.Operation.IS_API_AWARE)) {
+            if (this.formdatasource && this.formdatasource.execute(i1$1.DataSource.Operation.IS_API_AWARE)) {
                 return;
             }
             else if (this.formdatasource && !this.formdatasource.twoWayBinding) {
@@ -664,7 +663,7 @@
                         if (ngEle && ngEle.markAsTouched) {
                             ngEle.markAsTouched();
                         }
-                        i2.$appDigest();
+                        i1$1.$appDigest();
                         return true;
                     }
                     return true;
@@ -761,8 +760,8 @@
                         this.messageRef.showMessage(this.statusMessage.caption, this.statusMessage.type);
                     }
                     // when message layout is inline on save, scroll the view to top of the form to see the status of the operation
-                    if (!i2.isElementInViewport(this.$element[0])) {
-                        i2.scrollToElement(this.$element[0]);
+                    if (!i1$1.isElementInViewport(this.$element[0])) {
+                        i1$1.scrollToElement(this.$element[0]);
                     }
                 }
                 else {
@@ -791,7 +790,7 @@
             layoutConfig = i5.getFieldLayoutConfig(this.captionwidth, this.captionposition, _.get(this.app.selectedViewPort, 'os'));
             this._widgetClass = layoutConfig.widgetCls;
             this._captionClass = layoutConfig.captionCls;
-            i2.$appDigest();
+            i1$1.$appDigest();
         }
         registerFormWidget(widget) {
             const name = widget.name || widget.key;
@@ -837,7 +836,7 @@
                 fieldValue = field.datavalue || field._control.value;
                 fieldValue = (fieldValue === null || fieldValue === '') ? undefined : fieldValue;
                 if (field.type === 'file') {
-                    fieldValue = i2.getFiles(this.name, field.key + '_formWidget', field.multiple);
+                    fieldValue = i1$1.getFiles(this.name, field.key + '_formWidget', field.multiple);
                 }
                 fieldName = field.key || field.target || field.name;
                 // on current Form, when field is innerForm field then we group these fields under new object using formGroupName as key
@@ -937,7 +936,7 @@
             this.formFields.forEach(field => {
                 var _a;
                 field.value = '';
-                if (field.widgettype === 'upload' || field.type === i2.DataType.BLOB) {
+                if (field.widgettype === 'upload' || field.type === i1$1.DataType.BLOB) {
                     this.resetFileUploadWidget(field, true);
                 }
                 (_a = field.nativeElement.querySelector('input')) === null || _a === void 0 ? void 0 : _a.removeAttribute('aria-invalid');
@@ -946,7 +945,7 @@
             this.clearMessage();
         }
         savePrevformFields() {
-            this.prevformFields = i2.getClonedObject(this.formFields.map(field => {
+            this.prevformFields = i1$1.getClonedObject(this.formFields.map(field => {
                 return {
                     'key': field.key,
                     'type': field.type,
@@ -977,8 +976,8 @@
         }
         emptyDataModel() {
             this.formFields.forEach(field => {
-                if (i2.isDefined(field)) {
-                    if (field.type === i2.DataType.BLOB) {
+                if (i1$1.isDefined(field)) {
+                    if (field.type === i1$1.DataType.BLOB) {
                         this.resetFileUploadWidget(field);
                     }
                     else {
@@ -1018,17 +1017,17 @@
                 this.savePrevformFields();
                 this.savePrevDataValues();
             }
-            this.prevDataObject = i2.getClonedObject(this.formdata || {});
+            this.prevDataObject = i1$1.getClonedObject(this.formdata || {});
             this.setReadonlyFields();
             this.isUpdateMode = true;
-            i2.$appDigest();
+            i1$1.$appDigest();
         }
         triggerWMEvent(eventName) {
             const tableId = this.nativeElement.getAttribute('dependson');
             if (!tableId) {
                 return;
             }
-            i2.$invokeWatchers(true);
+            i1$1.$invokeWatchers(true);
             this.app.notify('wm-event', { eventName, widgetName: tableId });
         }
         submitForm($event) {
@@ -1038,7 +1037,7 @@
             if (this.validateFieldsOnSubmit()) {
                 return;
             }
-            formData = i2.getClonedObject(this.constructDataObject());
+            formData = i1$1.getClonedObject(this.constructDataObject());
             const getParams = () => {
                 return { $event, $formData: formData, $data: formData };
             };
@@ -1063,7 +1062,7 @@
                         .then((data) => {
                         if (dataSource.category === 'wm.CrudVariable') {
                             this.triggerWMEvent('resetEditMode');
-                            this.datasource.execute(i2.DataSource.Operation.LIST_RECORDS, {
+                            this.datasource.execute(i1$1.DataSource.Operation.LIST_RECORDS, {
                                 'skipToggleState': true,
                                 'operation': 'list',
                                 'page': currentPageNum,
@@ -1073,9 +1072,9 @@
                                 this.closeDialog();
                             }
                         }
-                        if (i2.isDefined(data.body)) {
-                            result = i2.getValidJSON(data.body);
-                            result = i2.isDefined(result) ? result : data.body;
+                        if (i1$1.isDefined(data.body)) {
+                            result = i1$1.getValidJSON(data.body);
+                            result = i1$1.isDefined(result) ? result : data.body;
                         }
                         else {
                             result = data;
@@ -1088,7 +1087,7 @@
                         };
                     }, (error) => {
                         template = this.errormessage || error.error || error;
-                        i2.$appDigest();
+                        i1$1.$appDigest();
                         return {
                             'result': _.get(error, 'error') || error,
                             'status': false,
@@ -1136,7 +1135,7 @@
                 this.setFormData(response);
                 this.closeDialog();
             }
-            this.isUpdateMode = i2.isDefined(updateMode) ? updateMode : true;
+            this.isUpdateMode = i1$1.isDefined(updateMode) ? updateMode : true;
         }
         /**
          * This method tranverses through the parent containing formdata and returns the parent formdata.
@@ -1277,7 +1276,7 @@
                     transpile: true
                 });
                 const component = this.dynamicFormRef.createComponent(componentFactoryRef, 0, this.inj);
-                i2.extendProto(component.instance, this._dynamicContext);
+                i1$1.extendProto(component.instance, this._dynamicContext);
                 $gridLayout[0].appendChild(component.location.nativeElement);
                 this.setFormData(this.formdata);
             });
@@ -1333,7 +1332,7 @@
             this.ngform.markAsUntouched({ onlySelf: value });
         }
         invokeActionEvent($event, expression) {
-            const fn = i2.$parseEvent(expression);
+            const fn = i1$1.$parseEvent(expression);
             fn(this.viewParent, Object.assign(this.context, { $event }));
         }
         ngOnDestroy() {
@@ -1356,7 +1355,7 @@
         }
     }
     FormComponent.initializeProps = registerFormProps();
-    FormComponent.ɵfac = function FormComponent_Factory(t) { return new (t || FormComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.FormBuilder), i0__namespace.ɵɵdirectiveInject(i2__namespace.App), i0__namespace.ɵɵdirectiveInject(i2__namespace.AbstractDialogService), i0__namespace.ɵɵdirectiveInject(i2__namespace.DynamicComponentRefProvider), i0__namespace.ɵɵdirectiveInject(i0__namespace.NgZone), i0__namespace.ɵɵdirectiveInject(i3__namespace.ListComponent, 8), i0__namespace.ɵɵdirectiveInject(FormComponent, 12), i0__namespace.ɵɵdirectiveInject(i4__namespace.PrefabDirective, 12), i0__namespace.ɵɵdirectiveInject(i5__namespace.PartialDirective, 12), i0__namespace.ɵɵinjectAttribute('beforesubmit.event'), i0__namespace.ɵɵinjectAttribute('submit.event'), i0__namespace.ɵɵinjectAttribute('beforerender.event'), i0__namespace.ɵɵinjectAttribute('dataset.bind'), i0__namespace.ɵɵinjectAttribute('formdata.bind'), i0__namespace.ɵɵinjectAttribute('wmLiveForm'), i0__namespace.ɵɵinjectAttribute('wmLiveFilter'), i0__namespace.ɵɵinjectAttribute('data-role'), i0__namespace.ɵɵinjectAttribute('key'), i0__namespace.ɵɵinjectAttribute('name'), i0__namespace.ɵɵdirectiveInject(i2__namespace.UserDefinedExecutionContext, 8)); };
+    FormComponent.ɵfac = function FormComponent_Factory(t) { return new (t || FormComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.FormBuilder), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.App), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.AbstractDialogService), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.DynamicComponentRefProvider), i0__namespace.ɵɵdirectiveInject(i0__namespace.NgZone), i0__namespace.ɵɵdirectiveInject(i3__namespace.ListComponent, 8), i0__namespace.ɵɵdirectiveInject(FormComponent, 12), i0__namespace.ɵɵdirectiveInject(i4__namespace.PrefabDirective, 12), i0__namespace.ɵɵdirectiveInject(i5__namespace.PartialDirective, 12), i0__namespace.ɵɵinjectAttribute('beforesubmit.event'), i0__namespace.ɵɵinjectAttribute('submit.event'), i0__namespace.ɵɵinjectAttribute('beforerender.event'), i0__namespace.ɵɵinjectAttribute('dataset.bind'), i0__namespace.ɵɵinjectAttribute('formdata.bind'), i0__namespace.ɵɵinjectAttribute('wmLiveForm'), i0__namespace.ɵɵinjectAttribute('wmLiveFilter'), i0__namespace.ɵɵinjectAttribute('data-role'), i0__namespace.ɵɵinjectAttribute('key'), i0__namespace.ɵɵinjectAttribute('name')); };
     FormComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: FormComponent, selectors: [["form", "wmForm", ""]], contentQueries: function FormComponent_ContentQueries(rf, ctx, dirIndex) {
             if (rf & 1) {
                 i0__namespace.ɵɵcontentQuery(dirIndex, i5.WidgetRef, 5);
@@ -1409,7 +1408,7 @@
                             i5.provideAsWidgetRef(FormComponent)
                         ], template: "<ng-template #content><ng-content></ng-content></ng-template>\n\n<ng-container *ngIf=\"formlayout === 'page'; then pageLayoutTemplate else defaultTemplate\">\n</ng-container>\n\n<ng-template #defaultTemplate>\n    <div class=\"panel-heading\" *ngIf=\"!isLayoutDialog && (title || subheading || iconclass || showButtons('header'))\">\n        <h3 class=\"panel-title\">\n            <div class=\"pull-left\">\n                <i class=\"app-icon panel-icon\" aria-hidden=\"true\" [ngClass]=\"iconclass\" *ngIf=\"iconclass\"></i>\n            </div>\n            <div class=\"pull-left\">\n                <div class=\"heading\" [innerHTML]=\"title\"></div>\n                <div class=\"description\" [innerHTML]=\"subheading\"></div>\n            </div>\n            <div class=\"form-action panel-actions basic-btn-grp\">\n                <ng-container *ngFor=\"let btn of buttonArray | filter : 'position' : 'header'\"\n                              [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\" [ngTemplateOutletContext]=\"{btn:btn}\">\n                </ng-container>\n                <button type=\"button\" class=\"app-icon wi panel-action\" *ngIf=\"collapsible\" title=\"Collapse/Expand\"\n                        [ngClass]=\"expanded ? 'wi-minus': 'wi-plus'\" (click)=\"expandCollapsePanel();\"></button>\n            </div>\n        </h3>\n    </div>\n    <div class=\"panel-body\" [ngClass]=\"{'form-elements': isLayoutDialog, 'form-body': !isLayoutDialog}\" [class.hidden]=\"!expanded\">\n        <p wmMessage *ngIf=\"!!statusMessage.caption\" [attr.aria-hidden]=\"!statusMessage.caption\" [attr.aria-label]=\"statusMessage.caption\" caption.bind=\"statusMessage.caption\" type.bind=\"statusMessage.type\"></p>\n        <div [ngClass]=\"{'form-elements': !isLayoutDialog, 'form-content': isLayoutDialog}\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </div>\n        <div class=\"basic-btn-grp form-action panel-footer clearfix\" [ngClass]=\"{'modal-footer': isLayoutDialog}\" [class.hidden]=\"!expanded || !showButtons('footer')\">\n            <ng-container *ngFor=\"let btn of buttonArray | filter : 'position' : 'footer'\"\n                          [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\" [ngTemplateOutletContext]=\"{btn:btn}\">\n            </ng-container>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #pageLayoutTemplate>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #buttonRef let-btn=\"btn\">\n    <button  wmButton name=\"{{btn.key}}\" caption.bind=\"btn.displayName\" class.bind=\"btn.class\" iconclass.bind=\"btn.iconclass\" show.bind=\"btn.show\"\n             (click)=\"invokeActionEvent($event, btn.action)\" type.bind=\"btn.type\" hint.bind=\"btn.title\" shortcutkey.bind=\"btn.shortcutkey\" disabled.bind=\"ngform.status === 'PENDING' || btn.disabled\"\n             tabindex.bind=\"btn.tabindex\" [attr.aria-label]=\"btn.displayName\" [class.hidden]=\"btn.updateMode ? !isUpdateMode : isUpdateMode\"></button>\n</ng-template>\n\n<ng-template #anchorRef let-btn=\"btn\">\n    <a wmAnchor name=\"{{btn.key}}\" caption.bind=\"btn.displayName\" class.bind=\"btn.class\" iconclass.bind=\"btn.iconclass\" show.bind=\"btn.show\"\n             (click)=\"invokeActionEvent($event, btn.action)\" hint.bind=\"btn.title\" shortcutkey.bind=\"btn.shortcutkey\"\n             hyperlink.bind=\"btn.hyperlink\" target.bind=\"btn.target\"\n             tabindex.bind=\"btn.tabindex\" [class.hidden]=\"btn.updateMode ? !isUpdateMode : isUpdateMode\"></a>\n</ng-template>\n\n<ng-container #dynamicForm></ng-container>\n" }]
             }], function () {
-            return [{ type: i0__namespace.Injector }, { type: i1__namespace.FormBuilder }, { type: i2__namespace.App }, { type: i2__namespace.AbstractDialogService }, { type: i2__namespace.DynamicComponentRefProvider }, { type: i0__namespace.NgZone }, { type: i3__namespace.ListComponent, decorators: [{
+            return [{ type: i0__namespace.Injector }, { type: i1__namespace.FormBuilder }, { type: i1$1__namespace.App }, { type: i1$1__namespace.AbstractDialogService }, { type: i1$1__namespace.DynamicComponentRefProvider }, { type: i0__namespace.NgZone }, { type: i3__namespace.ListComponent, decorators: [{
                             type: i0.Optional
                         }] }, { type: FormComponent, decorators: [{
                             type: i0.SkipSelf
@@ -1453,8 +1452,6 @@
                         }] }, { type: undefined, decorators: [{
                             type: i0.Attribute,
                             args: ['name']
-                        }] }, { type: i2__namespace.UserDefinedExecutionContext, decorators: [{
-                            type: i0.Optional
                         }] }];
         }, { dynamicFormRef: [{
                     type: i0.ViewChild,
@@ -1578,10 +1575,9 @@
 
     const WIDGET_CONFIG = { widgetType: 'wm-form-action', hostClass: '' };
     class FormActionDirective extends i5.BaseComponent {
-        constructor(inj, form, _viewParent) {
-            super(inj, WIDGET_CONFIG, _viewParent);
+        constructor(inj, form) {
+            super(inj, WIDGET_CONFIG);
             this.form = form;
-            this._viewParent = _viewParent;
         }
         populateAction() {
             this.buttonDef = {
@@ -1625,7 +1621,7 @@
         }
     }
     FormActionDirective.initializeProps = registerProps$1();
-    FormActionDirective.ɵfac = function FormActionDirective_Factory(t) { return new (t || FormActionDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(FormComponent, 8), i0__namespace.ɵɵdirectiveInject(i2__namespace.UserDefinedExecutionContext, 8)); };
+    FormActionDirective.ɵfac = function FormActionDirective_Factory(t) { return new (t || FormActionDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(FormComponent, 8)); };
     FormActionDirective.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: FormActionDirective, selectors: [["", "wmFormAction", ""]], features: [i0__namespace.ɵɵProvidersFeature([
                 i5.provideAsWidgetRef(FormActionDirective)
             ]), i0__namespace.ɵɵInheritDefinitionFeature] });
@@ -1641,8 +1637,6 @@
             }], function () {
             return [{ type: i0__namespace.Injector }, { type: FormComponent, decorators: [{
                             type: i0.Optional
-                        }] }, { type: i2__namespace.UserDefinedExecutionContext, decorators: [{
-                            type: i0.Optional
                         }] }];
         }, null);
     })();
@@ -1686,8 +1680,8 @@
             ['viewmodewidget', i5.PROP_STRING],
             ['widgettype', i5.PROP_STRING]
         ]);
-        for (const key in i2.FormWidgetType) {
-            const widgetName = 'wm-form-field-' + i2.FormWidgetType[key];
+        for (const key in i1$1.FormWidgetType) {
+            const widgetName = 'wm-form-field-' + i1$1.FormWidgetType[key];
             const widgetProps = i5.getWidgetPropsByType(widgetName);
             formFieldMap.forEach((v, k) => {
                 if (widgetProps.get(k) == undefined) {
@@ -1715,15 +1709,14 @@
         handleClick(event) {
             this._clicktriggeredByUser = true;
         }
-        constructor(inj, form, fb, viewport, app, parentList, bindChipclass, binddataset, binddisplayexpression, binddisplaylabel, _widgetType, name, binddisplayimagesrc, key, isRange, pcDisplay, mobileDisplay, tabletDisplay, contexts, _viewParent) {
+        constructor(inj, form, fb, viewport, app, parentList, bindChipclass, binddataset, binddisplayexpression, binddisplaylabel, _widgetType, name, binddisplayimagesrc, key, isRange, pcDisplay, mobileDisplay, tabletDisplay, contexts) {
             const WIDGET_CONFIG = {
                 widgetType: 'wm-form-field',
                 hostClass: '',
-                widgetSubType: 'wm-form-field-' + (_widgetType || i2.FormWidgetType.TEXT).trim()
+                widgetSubType: 'wm-form-field-' + (_widgetType || i1$1.FormWidgetType.TEXT).trim()
             };
-            let resolveFn = i2.noop;
-            super(inj, WIDGET_CONFIG, _viewParent, new Promise(res => resolveFn = res));
-            this._viewParent = _viewParent;
+            let resolveFn = i1$1.noop;
+            super(inj, WIDGET_CONFIG, new Promise(res => resolveFn = res));
             this._initPropsRes = resolveFn;
             this.app = app;
             this.fieldDefConfig = {};
@@ -1747,7 +1740,7 @@
             }
             contexts[0]._onFocusField = this._onFocusField.bind(this);
             contexts[0]._onBlurField = this._onBlurField.bind(this);
-            this._debounceSetUpValidators = i2.debounce(() => this.setUpValidators(), 500);
+            this._debounceSetUpValidators = i1$1.debounce(() => this.setUpValidators(), 500);
         }
         _onFocusField($evt) {
             this._activeField = true;
@@ -1856,7 +1849,7 @@
                 return;
             }
             // As upload widget is an HTML widget, only required property is setup
-            if (this.widgettype === i2.FormWidgetType.UPLOAD) {
+            if (this.widgettype === i1$1.FormWidgetType.UPLOAD) {
                 if (key === 'required') {
                     this._debounceSetUpValidators();
                 }
@@ -1914,7 +1907,7 @@
             return this.formWidget && this.formWidget.datavalue;
         }
         set datavalue(val) {
-            if (this._control && this.widgettype !== i2.FormWidgetType.UPLOAD) {
+            if (this._control && this.widgettype !== i1$1.FormWidgetType.UPLOAD) {
                 this._control.setValue(val);
             }
         }
@@ -1973,7 +1966,7 @@
                     // hasValue check whether form-field has a value from passed val attribute
                     // Added sanity check on val to support values liked 0, false etc as input val - WMS-20084
                     // explicitly checking for input value or -webkit-autofill to see whether there are any autofilled fields - WMS-20141
-                    const hasValue = ((i2.isDefined(val) && val !== '' && val !== null) || captionEl.find('input').val()) || captionEl.find('input:-webkit-autofill').length;
+                    const hasValue = ((i1$1.isDefined(val) && val !== '' && val !== null) || captionEl.find('input').val()) || captionEl.find('input:-webkit-autofill').length;
                     this.app.notify('captionPositionAnimate', { displayVal: hasValue, nativeEl: captionEl, isSelectMultiple: this.formWidget && this.formWidget.multiple, isFocused: this._activeField });
                 }
                 // Fix for [WMS-23959]: ADA issue - adding aria-describedby, aria-invalid, __errormsg attributes only when the form field is invalid , else removing the attributes
@@ -1994,7 +1987,7 @@
                 // _triggeredByUser checks whether the field is touched by the user or triggered from external script
                 // WMS-22456: _clicktriggeredByUser checks when user selects datetimetype from picker, mark the field as touched to show validation errors in mobile
                 if (this.$element.find('.active').length > 0 || this.form.touched) {
-                    if (this._triggeredByUser || (i2.isMobile() && this._clicktriggeredByUser && i2.isDateTimeType(this.widgettype))) {
+                    if (this._triggeredByUser || (i1$1.isMobile() && this._clicktriggeredByUser && i1$1.isDateTimeType(this.widgettype))) {
                         this.ngform.controls[this._fieldName].markAsTouched();
                     }
                     this.fieldValidations.setCustomValidationMessage();
@@ -2041,7 +2034,7 @@
             this.setFormWidget('readonly', readOnly);
         }
         resetDisplayInput() {
-            if ((!i2.isDefined(this.value) || this.value === '')) {
+            if ((!i1$1.isDefined(this.value) || this.value === '')) {
                 this.formWidget && this.formWidget.resetDisplayInput && this.formWidget.resetDisplayInput();
             }
         }
@@ -2109,13 +2102,13 @@
                 this.key = this._fieldName || this.target || this.binding;
                 this.viewmodewidget = this.viewmodewidget || i5.getDefaultViewModeWidget(this.widgettype);
                 // For upload widget, generate the permitted field
-                if (this.widgettype === i2.FormWidgetType.UPLOAD) {
+                if (this.widgettype === i1$1.FormWidgetType.UPLOAD) {
                     let fileType;
                     // Create the accepts string from file type and extensions
                     fileType = this.filetype ? FILE_TYPES[this.filetype] : '';
                     this.permitted = fileType + (this.extensions ? (fileType ? ',' : '') + this.extensions : '');
                 }
-                if (i2.isMobile() && this.viewport.isMobileType) {
+                if (i1$1.isMobile() && this.viewport.isMobileType) {
                     if (!this['mobile-display']) {
                         this.widget.show = false;
                     }
@@ -2151,13 +2144,13 @@
                 this.fieldDefConfig.widget = this.widgettype;
                 // Register the form field with parent form
                 this.form.registerFormFields(this.widget);
-                i2.addForIdAttributes(this.nativeElement);
+                i1$1.addForIdAttributes(this.nativeElement);
                 this.setReadOnlyState();
             });
         }
     }
     FormFieldDirective.initializeProps = registerProps();
-    FormFieldDirective.ɵfac = function FormFieldDirective_Factory(t) { return new (t || FormFieldDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(FormComponent), i0__namespace.ɵɵdirectiveInject(i1__namespace.FormBuilder), i0__namespace.ɵɵdirectiveInject(i2__namespace.Viewport), i0__namespace.ɵɵdirectiveInject(i2__namespace.App), i0__namespace.ɵɵdirectiveInject(i3__namespace.ListComponent, 8), i0__namespace.ɵɵinjectAttribute('chipclass.bind'), i0__namespace.ɵɵinjectAttribute('dataset.bind'), i0__namespace.ɵɵinjectAttribute('displayexpression.bind'), i0__namespace.ɵɵinjectAttribute('displaylabel.bind'), i0__namespace.ɵɵinjectAttribute('widgettype'), i0__namespace.ɵɵinjectAttribute('name'), i0__namespace.ɵɵinjectAttribute('displayimagesrc.bind'), i0__namespace.ɵɵinjectAttribute('key'), i0__namespace.ɵɵinjectAttribute('is-range'), i0__namespace.ɵɵinjectAttribute('pc-display'), i0__namespace.ɵɵinjectAttribute('mobile-display'), i0__namespace.ɵɵinjectAttribute('tablet-display'), i0__namespace.ɵɵdirectiveInject(i5.Context, 2), i0__namespace.ɵɵdirectiveInject(i2__namespace.UserDefinedExecutionContext, 8)); };
+    FormFieldDirective.ɵfac = function FormFieldDirective_Factory(t) { return new (t || FormFieldDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(FormComponent), i0__namespace.ɵɵdirectiveInject(i1__namespace.FormBuilder), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.Viewport), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.App), i0__namespace.ɵɵdirectiveInject(i3__namespace.ListComponent, 8), i0__namespace.ɵɵinjectAttribute('chipclass.bind'), i0__namespace.ɵɵinjectAttribute('dataset.bind'), i0__namespace.ɵɵinjectAttribute('displayexpression.bind'), i0__namespace.ɵɵinjectAttribute('displaylabel.bind'), i0__namespace.ɵɵinjectAttribute('widgettype'), i0__namespace.ɵɵinjectAttribute('name'), i0__namespace.ɵɵinjectAttribute('displayimagesrc.bind'), i0__namespace.ɵɵinjectAttribute('key'), i0__namespace.ɵɵinjectAttribute('is-range'), i0__namespace.ɵɵinjectAttribute('pc-display'), i0__namespace.ɵɵinjectAttribute('mobile-display'), i0__namespace.ɵɵinjectAttribute('tablet-display'), i0__namespace.ɵɵdirectiveInject(i5.Context, 2)); };
     FormFieldDirective.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: FormFieldDirective, selectors: [["", "wmFormField", ""]], contentQueries: function FormFieldDirective_ContentQueries(rf, ctx, dirIndex) {
             if (rf & 1) {
                 i0__namespace.ɵɵcontentQuery(dirIndex, _c0, 7);
@@ -2190,7 +2183,7 @@
                         ]
                     }]
             }], function () {
-            return [{ type: i0__namespace.Injector }, { type: FormComponent }, { type: i1__namespace.FormBuilder }, { type: i2__namespace.Viewport }, { type: i2__namespace.App }, { type: i3__namespace.ListComponent, decorators: [{
+            return [{ type: i0__namespace.Injector }, { type: FormComponent }, { type: i1__namespace.FormBuilder }, { type: i1$1__namespace.Viewport }, { type: i1$1__namespace.App }, { type: i3__namespace.ListComponent, decorators: [{
                             type: i0.Optional
                         }] }, { type: undefined, decorators: [{
                             type: i0.Attribute,
@@ -2233,8 +2226,6 @@
                         }, {
                             type: i0.Inject,
                             args: [i5.Context]
-                        }] }, { type: i2__namespace.UserDefinedExecutionContext, decorators: [{
-                            type: i0.Optional
                         }] }];
         }, { formWidget: [{
                     type: i0.ContentChild,
@@ -2271,11 +2262,11 @@
             this.app.notify('wm-event', { eventName: i5.Live_Operations.DELETE, widgetName: this.subscribedWidget.name, row: this.subscribedWidget.selecteditem });
         }
         successHandler(options, response) {
-            i2.triggerFn(options.success, response);
+            i1$1.triggerFn(options.success, response);
         }
         errorHandler(options, error) {
             this.app.notifyApp(error, 'error', 'ERROR');
-            i2.triggerFn(options.error, error);
+            i1$1.triggerFn(options.error, error);
         }
         getRecords(options, operation) {
             let index;
@@ -2301,7 +2292,7 @@
                 });
             }
             else {
-                this.subscribedWidget.datasource.execute(i2.DataSource.Operation.LIST_RECORDS, {
+                this.subscribedWidget.datasource.execute(i1$1.DataSource.Operation.LIST_RECORDS, {
                     'skipToggleState': true
                 }).then(response => {
                     this.successHandler(options, response);
@@ -2319,7 +2310,7 @@
                     return;
                 }
                 if (this.subscribedWidget.datasource.category === 'wm.CrudVariable' && operation === 'delete') {
-                    this.subscribedWidget.datasource.execute(i2.DataSource.Operation.LIST_RECORDS, {
+                    this.subscribedWidget.datasource.execute(i1$1.DataSource.Operation.LIST_RECORDS, {
                         'skipToggleState': true
                     }).then(response => {
                         this.successHandler(options, response);
@@ -2357,7 +2348,7 @@
                     this.dialogService.closeAppConfirmDialog();
                 },
                 onCancel: () => {
-                    i2.triggerFn(options.cancelDeleteCallback);
+                    i1$1.triggerFn(options.cancelDeleteCallback);
                     this.dialogService.closeAppConfirmDialog();
                 }
             });
@@ -2397,7 +2388,7 @@
             this.performOperation(operation, options);
         }
     }
-    LiveActionsDirective.ɵfac = function LiveActionsDirective_Factory(t) { return new (t || LiveActionsDirective)(i0__namespace.ɵɵdirectiveInject(i3.ListComponent, 2), i0__namespace.ɵɵdirectiveInject(i2__namespace.App), i0__namespace.ɵɵdirectiveInject(i2__namespace.AbstractDialogService)); };
+    LiveActionsDirective.ɵfac = function LiveActionsDirective_Factory(t) { return new (t || LiveActionsDirective)(i0__namespace.ɵɵdirectiveInject(i3.ListComponent, 2), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.App), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.AbstractDialogService)); };
     LiveActionsDirective.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: LiveActionsDirective, selectors: [["", "wmLiveActions", ""]] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LiveActionsDirective, [{
@@ -2411,7 +2402,7 @@
                         }, {
                             type: i0.Inject,
                             args: [i3.ListComponent]
-                        }] }, { type: i2__namespace.App }, { type: i2__namespace.AbstractDialogService }];
+                        }] }, { type: i1$1__namespace.App }, { type: i1$1__namespace.AbstractDialogService }];
         }, null);
     })();
 
@@ -2489,7 +2480,7 @@
                     break;
                 case 'rerender':
                     if (options.dataSource) {
-                        options.dataSource.execute(i2.DataSource.Operation.LIST_RECORDS, {
+                        options.dataSource.execute(i1$1.DataSource.Operation.LIST_RECORDS, {
                             'skipToggleState': true,
                             'operation': 'list'
                         });
@@ -2541,7 +2532,7 @@
             }
         }
     }
-    DependsonDirective.ɵfac = function DependsonDirective_Factory(t) { return new (t || DependsonDirective)(i0__namespace.ɵɵinjectAttribute('dialogid'), i0__namespace.ɵɵinjectAttribute('dependson'), i0__namespace.ɵɵdirectiveInject(i2__namespace.AbstractDialogService), i0__namespace.ɵɵdirectiveInject(i2__namespace.App)); };
+    DependsonDirective.ɵfac = function DependsonDirective_Factory(t) { return new (t || DependsonDirective)(i0__namespace.ɵɵinjectAttribute('dialogid'), i0__namespace.ɵɵinjectAttribute('dependson'), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.AbstractDialogService), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.App)); };
     DependsonDirective.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: DependsonDirective, selectors: [["", "dependson", ""]], contentQueries: function DependsonDirective_ContentQueries(rf, ctx, dirIndex) {
             if (rf & 1) {
                 i0__namespace.ɵɵcontentQuery(dirIndex, FormComponent, 5);
@@ -2564,7 +2555,7 @@
                         }] }, { type: undefined, decorators: [{
                             type: i0.Attribute,
                             args: ['dependson']
-                        }] }, { type: i2__namespace.AbstractDialogService }, { type: i2__namespace.App }];
+                        }] }, { type: i1$1__namespace.AbstractDialogService }, { type: i1$1__namespace.App }];
         }, { formChildren: [{
                     type: i0.ContentChildren,
                     args: [FormComponent, { descendants: true }]
@@ -2578,7 +2569,7 @@
         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 = i2.debounce(options => {
+            this._filter = i1$1.debounce(options => {
                 this.filter(options);
             }, 250);
             form.clearFilter = this.clearFilter.bind(this);
@@ -2594,19 +2585,19 @@
             form.registerFormWidget = this.registerFormWidget.bind(this);
         }
         execute(operation, options) {
-            if (operation === i2.DataSource.Operation.LIST_RECORDS || operation === i2.DataSource.Operation.DOWNLOAD) {
+            if (operation === i1$1.DataSource.Operation.LIST_RECORDS || operation === i1$1.DataSource.Operation.DOWNLOAD) {
                 return this.applyFilter(options);
             }
-            if (operation === i2.DataSource.Operation.GET_OPTIONS) {
+            if (operation === i1$1.DataSource.Operation.GET_OPTIONS) {
                 return this._options || {};
             }
-            if (operation === i2.DataSource.Operation.GET_PAGING_OPTIONS) {
+            if (operation === i1$1.DataSource.Operation.GET_PAGING_OPTIONS) {
                 return this.form.pagination;
             }
             if (!this.form.datasource) {
                 return {};
             }
-            if (operation === i2.DataSource.Operation.FETCH_DISTINCT_VALUES) {
+            if (operation === i1$1.DataSource.Operation.FETCH_DISTINCT_VALUES) {
                 return i5.fetchDistinctValues(this.form.datasource, this.form.formFields, {
                     widget: 'widgettype',
                     enableemptyfilter: this.form.enableemptyfilter,
@@ -2624,7 +2615,7 @@
             i5.applyFilterOnField(this.form.datasource, field.widget, this.form.formFields, nv, {
                 EMPTY_VALUE: this.form.appLocale.LABEL_NO_VALUE
             });
-            if (this.form.autoupdate && i2.isDefined(nv)) {
+            if (this.form.autoupdate && i1$1.isDefined(nv)) {
                 this._filter();
             }
         }
@@ -2659,7 +2650,7 @@
             this.form.formFields.forEach(filterField => {
                 // Added check for range field
                 if (!filterField.readonly && filterField.show) {
-                    if (filterField.widgettype === i2.FormWidgetType.AUTOCOMPLETE || filterField.widgettype === i2.FormWidgetType.TYPEAHEAD) {
+                    if (filterField.widgettype === i1$1.FormWidgetType.AUTOCOMPLETE || filterField.widgettype === i1$1.FormWidgetType.TYPEAHEAD) {
                         this.form.$element.find('div[name=' + filterField.name + '] input').val('');
                     }
                     if (filterField['is-range']) {
@@ -2684,7 +2675,7 @@
         applyFilter(options) {
             options = options ? (options.data || options) : {};
             options.page = options.page || 1;
-            options.orderBy = i2.isDefined(options.orderBy) ? options.orderBy : this.orderBy;
+            options.orderBy = i1$1.isDefined(options.orderBy) ? options.orderBy : this.orderBy;
             return this.filter(options);
         }
         filter(options) {
@@ -2696,24 +2687,24 @@
             let page = 1, orderBy, isValid;
             options = options || {};
             page = options.page || page;
-            orderBy = i2.isDefined(options.orderBy) ? options.orderBy : (this.orderBy || '');
+            orderBy = i1$1.isDefined(options.orderBy) ? options.orderBy : (this.orderBy || '');
             this.orderBy = orderBy; // Store the order by in scope. This can be used to retain the sort after filtering
             // Copy the values to be sent to the user as '$data' before servicecall
             this.form.formFields.forEach(field => {
                 const fieldSelector = 'div[name=' + field.name + '] input';
                 const $el = this.form.$element;
                 let fieldEle;
-                if ((field.widgettype === i2.FormWidgetType.AUTOCOMPLETE || field.widgettype === i2.FormWidgetType.TYPEAHEAD) && $el) {
+                if ((field.widgettype === i1$1.FormWidgetType.AUTOCOMPLETE || field.widgettype === i1$1.FormWidgetType.TYPEAHEAD) && $el) {
                     fieldEle = $el.find(fieldSelector);
                     if (!field['is-range']) {
                         dataModel[field.field] = {
-                            'value': i2.isDefined(field.value) ? field.value : fieldEle.val() // For autocomplete, set the datavalue. If not present, set query value
+                            'value': i1$1.isDefined(field.value) ? field.value : fieldEle.val() // For autocomplete, set the datavalue. If not present, set query value
                         };
                     }
                     else {
                         dataModel[field.field] = {
-                            'minValue': i2.isDefined(field.minValue) ? field.minValue : fieldEle.first().val(),
-                            'maxValue': i2.isDefined(field.maxValue) ? field.maxValue : fieldEle.last().val()
+                            'minValue': i1$1.isDefined(field.minValue) ? field.minValue : fieldEle.first().val(),
+                            'maxValue': i1$1.isDefined(field.maxValue) ? field.maxValue : fieldEle.last().val()
                         };
                     }
                     return;
@@ -2771,7 +2762,7 @@
                     /*Based on the min and max values, decide the matchmode condition*/
                     fieldValue = i5.getRangeFieldValue(minValue, maxvalue);
                     matchMode = i5.getRangeMatchMode(minValue, maxvalue);
-                    if (i2.isDefined(fieldValue)) {
+                    if (i1$1.isDefined(fieldValue)) {
                         filterFields[colName] = {
                             'value': fieldValue,
                             'matchMode': matchMode,
@@ -2781,15 +2772,15 @@
                 }
                 else {
                     switch (filterField.widgettype) {
-                        case i2.FormWidgetType.SELECT:
-                        case i2.FormWidgetType.RADIOSET:
+                        case i1$1.FormWidgetType.SELECT:
+                        case i1$1.FormWidgetType.RADIOSET:
                             if (i5.getEnableEmptyFilter(this.form.enableemptyfilter) && filterField._value === FILTER_CONSTANTS.EMPTY_KEY) {
                                 matchMode = i5.getEmptyMatchMode(this.form.enableemptyfilter);
                                 fieldValue = filterField._value;
                             }
                             else {
-                                if (filterField.type === i2.DataType.BOOLEAN) {
-                                    if (i2.isDefined(filterField._value) && filterField._value !== '') {
+                                if (filterField.type === i1$1.DataType.BOOLEAN) {
+                                    if (i1$1.isDefined(filterField._value) && filterField._value !== '') {
                                         fieldValue = JSON.parse(filterField._value);
                                     }
                                 }
@@ -2798,31 +2789,31 @@
                                 }
                             }
                             break;
-                        case i2.FormWidgetType.CHECKBOXSET:
-                        case i2.FormWidgetType.CHIPS:
+                        case i1$1.FormWidgetType.CHECKBOXSET:
+                        case i1$1.FormWidgetType.CHIPS:
                             if (filterField._value && filterField._value.length) {
                                 fieldValue = filterField._value;
                             }
                             break;
-                        case i2.FormWidgetType.CHECKBOX:
-                        case i2.FormWidgetType.TOGGLE:
-                            if (i2.isDefined(filterField._value) && filterField._value !== '') {
-                                fieldValue = filterField.type === i2.DataType.BOOLEAN ? JSON.parse(filterField._value) : filterField._value;
+                        case i1$1.FormWidgetType.CHECKBOX:
+                        case i1$1.FormWidgetType.TOGGLE:
+                            if (i1$1.isDefined(filterField._value) && filterField._value !== '') {
+                                fieldValue = filterField.type === i1$1.DataType.BOOLEAN ? JSON.parse(filterField._value) : filterField._value;
                             }
                             break;
                         default:
                             fieldValue = filterField._value;
                             break;
                     }
-                    if (i2.isDefined(fieldValue) && fieldValue !== '' && fieldValue !== null) {
+                    if (i1$1.isDefined(fieldValue) && fieldValue !== '' && fieldValue !== null) {
                         filterFields[colName] = {};
                         if (matchMode) {
                             filterFields[colName].matchMode = matchMode;
                             fieldValue = undefined;
                         }
-                        else if (filterField.type === i2.DataType.STRING || filterField.isRelated) { // Only for string types and related fields, custom match modes are enabled.
+                        else if (filterField.type === i1$1.DataType.STRING || filterField.isRelated) { // Only for string types and related fields, custom match modes are enabled.
                             filterFields[colName].matchMode = matchMode || filterField.matchmode ||
-                                this.form.datasource.execute(i2.DataSource.Operation.GET_MATCH_MODE);
+                                this.form.datasource.execute(i1$1.DataSource.Operation.GET_MATCH_MODE);
                         }
                         filterFields[colName].value = fieldValue;
                         filterFields[colName].logicalOp = 'AND';
@@ -2831,7 +2822,7 @@
                 }
             });
             if (options.exportType) {
-                return this.form.datasource.execute(i2.DataSource.Operation.DOWNLOAD, {
+                return this.form.datasource.execute(i1$1.DataSource.Operation.DOWNLOAD, {
                     data: {
                         matchMode: 'anywhereignorecase',
                         filterFields: filterFields,
@@ -2844,7 +2835,7 @@
                     }
                 });
             }
-            return this.form.datasource.execute(i2.DataSource.Operation.LIST_RECORDS, {
+            return this.form.datasource.execute(i1$1.DataSource.Operation.LIST_RECORDS, {
                 filterFields: filterFields,
                 orderBy: orderBy,
                 page: page,
@@ -2864,10 +2855,10 @@
                         'page': page,
                         'orderBy': orderBy
                     };
-                    this.form.result = i2.getClonedObject(data);
+                    this.form.result = i1$1.getClonedObject(data);
                     this.form.onResultCb(data, true);
                 }
-                i2.$appDigest();
+                i1$1.$appDigest();
                 return this.form.result;
             }, error => {
                 this.form.toggleMessage(true, error, 'error', 'ERROR');
@@ -2879,7 +2870,7 @@
         filterOnDefault() {
             /*Check if default value is present for any filter field*/
             const defaultObj = _.find(this.form.formFields, obj => {
-                return i2.isDefined(obj.value) || i2.isDefined(obj.minValue) || i2.isDefined(obj.maxValue);
+                return i1$1.isDefined(obj.value) || i1$1.isDefined(obj.minValue) || i1$1.isDefined(obj.maxValue);
             });
             /*If default value exists and data is loaded, apply the filter*/
             if (defaultObj) {
@@ -2910,7 +2901,7 @@
         }, null);
     })();
 
-    const isTimeType = field => field.widgettype === i2.DataType.TIME || (field.type === i2.DataType.TIME && !field.widgettype);
+    const isTimeType = field => field.widgettype === i1$1.DataType.TIME || (field.type === i1$1.DataType.TIME && !field.widgettype);
     const getValidTime = val => {
         if (val) {
             const date = (new Date()).toDateString();
@@ -2926,7 +2917,7 @@
             this.form = form;
             this.datePipe = datePipe;
             this.dialogService = dialogService;
-            this._debouncedSavePrevDataValues = i2.debounce(() => {
+            this._debouncedSavePrevDataValues = i1$1.debounce(() => {
                 this.savePrevDataValues();
             }, 250);
             // If parent live table is present and this form is first child of live table, set this form instance on livetable
@@ -3005,7 +2996,7 @@
                 return;
             }
             // Set the default value only if it exists.
-            if (i2.isDefined(nv) && nv !== null && nv !== '' && nv !== 'null') {
+            if (i1$1.isDefined(nv) && nv !== null && nv !== '' && nv !== 'null') {
                 field.value = i5.parseValueByType(nv, field.type, field.widgettype, field.trailingzero);
             }
             else {
@@ -3027,13 +3018,13 @@
             if (value === null || value === undefined || !this.form.datasource) {
                 return href;
             }
-            primaryKeys = this.form.datasource.execute(i2.DataSource.Operation.GET_PRIMARY_KEY) || [];
+            primaryKeys = this.form.datasource.execute(i1$1.DataSource.Operation.GET_PRIMARY_KEY) || [];
             primaryKey = dataObj[primaryKeys[0]];
             // TODO: Handle mobile case
             // if (CONSTANTS.hasCordova && CONSTANTS.isRunMode) {
             //     href += $rootScope.project.deployedUrl;
             // }
-            href += this.form.datasource.execute(i2.DataSource.Operation.GET_BLOB_URL, {
+            href += this.form.datasource.execute(i1$1.DataSource.Operation.GET_BLOB_URL, {
                 primaryValue: primaryKey,
                 columnName: key
             });
@@ -3050,7 +3041,7 @@
                 if (isTimeType(field)) {
                     field.value = getValidTime(value);
                 }
-                else if (field.type === i2.DataType.BLOB) {
+                else if (field.type === i1$1.DataType.BLOB) {
                     this.form.resetFileUploadWidget(field, true);
                     field.href = this.getBlobURL(dataObj, field.key, value);
                     field.value = _.isString(value) ? '' : value;
@@ -3070,10 +3061,10 @@
                 this.form.setFormData(response);
                 this.closeDialog();
             }
-            this.form.isUpdateMode = i2.isDefined(updateMode) ? updateMode : true;
+            this.form.isUpdateMode = i1$1.isDefined(updateMode) ? updateMode : true;
         }
         savePrevformFields() {
-            this.form.prevformFields = i2.getClonedObject(this.form.formFields.map(field => {
+            this.form.prevformFields = i1$1.getClonedObject(this.form.formFields.map(field => {
                 return {
                     'key': field.key,
                     'type': field.type,
@@ -3093,10 +3084,10 @@
             if (this.form.operationType === i5.Live_Operations.INSERT) {
                 return {};
             }
-            if (i2.isDefined(this.form.prevDataObject) && !i2.isEmptyObject(this.form.prevDataObject)) {
-                return i2.getClonedObject(this.form.prevDataObject);
+            if (i1$1.isDefined(this.form.prevDataObject) && !i1$1.isEmptyObject(this.form.prevDataObject)) {
+                return i1$1.getClonedObject(this.form.prevDataObject);
             }
-            return i2.getClonedObject(this.form.formdata || {});
+            return i1$1.getClonedObject(this.form.formdata || {});
         }
         constructDataObject(isPreviousData) {
             const dataObject = this.getDataObject();
@@ -3109,10 +3100,10 @@
                 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*/
-                if ((field.widgettype && i2.isDateTimeType(field.widgettype)) || i2.isDateTimeType(field.type)) {
+                if ((field.widgettype && i1$1.isDateTimeType(field.widgettype)) || i1$1.isDateTimeType(field.type)) {
                     if (field.value) {
-                        dateTime = i2.getValidDateObject(field.value);
-                        if (field.outputformat === i2.DataType.TIMESTAMP || field.type === i2.DataType.TIMESTAMP) {
+                        dateTime = i1$1.getValidDateObject(field.value);
+                        if (field.outputformat === i1$1.DataType.TIMESTAMP || field.type === i1$1.DataType.TIMESTAMP) {
                             fieldValue = field.value ? dateTime : null;
                         }
                         else if (field.outputformat) {
@@ -3126,10 +3117,10 @@
                         fieldValue = undefined;
                     }
                 }
-                else if (field.type === i2.DataType.BLOB) {
-                    fieldValue = i2.getFiles(formName, fieldName + '_formWidget', field.multiple);
+                else if (field.type === i1$1.DataType.BLOB) {
+                    fieldValue = i1$1.getFiles(formName, fieldName + '_formWidget', field.multiple);
                 }
-                else if (field.type === i2.DataType.LIST) {
+                else if (field.type === i1$1.DataType.LIST) {
                     fieldValue = field.value || undefined;
                 }
                 else {
@@ -3159,7 +3150,7 @@
         findOperationType() {
             let operation;
             let isPrimary = false;
-            const sourceOperation = this.form.datasource && this.form.datasource.execute(i2.DataSource.Operation.GET_OPERATION_TYPE);
+            const sourceOperation = this.form.datasource && this.form.datasource.execute(i1$1.DataSource.Operation.GET_OPERATION_TYPE);
             if (sourceOperation && sourceOperation !== 'read') {
                 return sourceOperation;
             }
@@ -3228,7 +3219,7 @@
             prevDataValues = this.getPrevDataValues();
             this.form.formFields.forEach(field => {
                 var _a;
-                if (field.type === i2.DataType.BLOB || field.widgettype === 'upload') {
+                if (field.type === i1$1.DataType.BLOB || field.widgettype === 'upload') {
                     this.form.resetFileUploadWidget(field, true);
                     field.href = this.getBlobURL(prevDataValues, field.key, field.value);
                 }
@@ -3261,12 +3252,12 @@
                  */
                 this.closeDialog();
             }
-            i2.$appDigest();
+            i1$1.$appDigest();
         }
         delete(callBackFn) {
             this.form.resetFormState();
             this.form.operationType = i5.Live_Operations.DELETE;
-            this.form.prevDataObject = i2.getClonedObject(this.form.formdata || {});
+            this.form.prevDataObject = i1$1.getClonedObject(this.form.formdata || {});
             this.form.save(undefined, undefined, undefined, callBackFn);
         }
         // Function use to save the form and open new form after save
@@ -3291,7 +3282,7 @@
             if (this.form.validateFieldsOnSubmit()) {
                 return;
             }
-            data = i2.getClonedObject(this.form.constructDataObject());
+            data = i1$1.getClonedObject(this.form.constructDataObject());
             prevData = this.form.prevformFields ? this.form.constructDataObject(true) : data;
             try {
                 isValid = this.form.invokeEventCallback('beforeservicecall', { $event: event, $operation: this.form.operationType, $data: data, options: requestData });
@@ -3312,7 +3303,7 @@
             if (this.form.operationType === i5.Live_Operations.UPDATE && this.form.ngform && this.form.ngform.pristine &&
                 (this.form.isSelected && _.isEqual(data, prevData))) {
                 this.form.toggleMessage(true, this.form.appLocale.MESSAGE_NO_CHANGES, 'info', '');
-                i2.$appDigest();
+                i1$1.$appDigest();
                 return;
             }
             requestData.row = data;
@@ -3346,7 +3337,7 @@
                 }
                 else {
                     /*get updated data without refreshing page*/
-                    this.form.datasource.execute(i2.DataSource.Operation.LIST_RECORDS, {
+                    this.form.datasource.execute(i1$1.DataSource.Operation.LIST_RECORDS, {
                         'skipToggleState': true
                     });
                     this.onDataSourceUpdate(response, newForm, updateMode);
@@ -3359,7 +3350,7 @@
                 if (!this.form.onError) {
                     this.form.toggleMessage(true, error, 'error');
                 }
-                i2.$appDigest();
+                i1$1.$appDigest();
                 return {
                     'result': error,
                     'status': false
@@ -3372,7 +3363,7 @@
         }
     }
     LiveFormDirective.initializeProps = registerLiveFormProps();
-    LiveFormDirective.ɵfac = function LiveFormDirective_Factory(t) { return new (t || LiveFormDirective)(i0__namespace.ɵɵdirectiveInject(FormComponent, 2), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.LiveTableComponent, 8), i0__namespace.ɵɵdirectiveInject(i5__namespace.ToDatePipe), i0__namespace.ɵɵdirectiveInject(i2__namespace.AbstractDialogService), i0__namespace.ɵɵinjectAttribute('formlayout')); };
+    LiveFormDirective.ɵfac = function LiveFormDirective_Factory(t) { return new (t || LiveFormDirective)(i0__namespace.ɵɵdirectiveInject(FormComponent, 2), i0__namespace.ɵɵdirectiveInject(i1$2__namespace.LiveTableComponent, 8), i0__namespace.ɵɵdirectiveInject(i5__namespace.ToDatePipe), i0__namespace.ɵɵdirectiveInject(i1$1__namespace.AbstractDialogService), i0__namespace.ɵɵinjectAttribute('formlayout')); };
     LiveFormDirective.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: LiveFormDirective, selectors: [["", "wmLiveForm", ""]], hostBindings: function LiveFormDirective_HostBindings(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵlistener("keydown", function LiveFormDirective_keydown_HostBindingHandler($event) { return ctx.onKeydownHandler($event); });
@@ -3390,9 +3381,9 @@
                         }, {
                             type: i0.Inject,
                             args: [FormComponent]
-                        }] }, { type: i1$1__namespace.LiveTableComponent, decorators: [{
+                        }] }, { type: i1$2__namespace.LiveTableComponent, decorators: [{
                             type: i0.Optional
-                        }] }, { type: i5__namespace.ToDatePipe }, { type: i2__namespace.AbstractDialogService }, { type: undefined, decorators: [{
+                        }] }, { type: i5__namespace.ToDatePipe }, { type: i1$1__namespace.AbstractDialogService }, { type: undefined, decorators: [{
                             type: i0.Attribute,
                             args: ['formlayout']
                         }] }];