tg-controls_cli 0.0.52 → 0.0.54

package/dist/myLib.common.js

@@ -537,6 +537,13 @@ module.exports = function (argument) {
 };
 
 
+/***/ }),
+
+/***/ "0db7":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "0df6":
@@ -1069,6 +1076,17 @@ function fromByteArray (uint8) {
 }
 
 
+/***/ }),
+
+/***/ "21de":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MultiSelectField_vue_vue_type_style_index_1_id_36bc0434_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0db7");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MultiSelectField_vue_vue_type_style_index_1_id_36bc0434_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MultiSelectField_vue_vue_type_style_index_1_id_36bc0434_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "2236":
@@ -23351,17 +23369,6 @@ module.exports = defaults;
 
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("4362")))
 
-/***/ }),
-
-/***/ "4c56":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MultiSelectField_vue_vue_type_style_index_1_id_aafd84f0_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f900");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MultiSelectField_vue_vue_type_style_index_1_id_aafd84f0_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MultiSelectField_vue_vue_type_style_index_1_id_aafd84f0_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "4cef":
@@ -25016,6 +25023,13 @@ module.exports = _defineProperty, module.exports.__esModule = true, module.expor
 
 /***/ }),
 
+/***/ "967b":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "9b42":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -25101,17 +25115,6 @@ exports.f = DESCRIPTORS ? V8_PROTOTYPE_DEFINE_BUG ? function defineProperty(O, P
 };
 
 
-/***/ }),
-
-/***/ "9e26":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CustomSelectField_vue_vue_type_style_index_1_id_15578adc_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f503");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CustomSelectField_vue_vue_type_style_index_1_id_15578adc_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CustomSelectField_vue_vue_type_style_index_1_id_15578adc_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "9e69":
@@ -25125,6 +25128,17 @@ var Symbol = root.Symbol;
 module.exports = Symbol;
 
 
+/***/ }),
+
+/***/ "9ed8":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CustomSelectField_vue_vue_type_style_index_1_id_201901aa_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("967b");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CustomSelectField_vue_vue_type_style_index_1_id_201901aa_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_CustomSelectField_vue_vue_type_style_index_1_id_201901aa_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "a04b":
@@ -34447,13 +34461,6 @@ module.exports = JSON.parse("{\"code\":\"sv\",\"messages\":{\"alpha\":\"Fältet
 
 /***/ }),
 
-/***/ "f503":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "f551":
 /***/ (function(module) {
 
@@ -34583,13 +34590,6 @@ module.exports = function (key) {
 };
 
 
-/***/ }),
-
-/***/ "f900":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "fb15":
@@ -34661,7 +34661,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e56dfd6a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DynamicForm.vue?vue&type=template&id=583327aa&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e56dfd6a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DynamicForm.vue?vue&type=template&id=52479728&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -34734,11 +34734,15 @@ var render = function render() {
                 'input-group': field.astype != 'CKEditorField' && field.astype != 'ColorField'
               }
             }, [_c(field.astype, {
+              key: _vm.keyForComponentUpdate,
               tag: "component",
               attrs: {
                 "lang": _vm.lang,
                 "fieldInfo": field
               },
+              on: {
+                "UpdateKeyValue": _vm.UpdateKeyValue
+              },
               scopedSlots: _vm._u([{
                 key: "tgslot",
                 fn: function ({
@@ -34816,7 +34820,10 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/DynamicForm.vue?vue&type=template&id=583327aa&
+// CONCATENATED MODULE: ./src/components/DynamicForm.vue?vue&type=template&id=52479728&
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
+var es_array_push = __webpack_require__("14d9");
 
 // EXTERNAL MODULE: ./node_modules/axios/index.js
 var axios = __webpack_require__("bc3a");
@@ -37924,8 +37931,8 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var NumericField = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e56dfd6a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SelectField.vue?vue&type=template&id=314cc6f5&
-var SelectFieldvue_type_template_id_314cc6f5_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e56dfd6a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SelectField.vue?vue&type=template&id=21b3abeb&
+var SelectFieldvue_type_template_id_21b3abeb_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('Field', {
@@ -37974,14 +37981,14 @@ var SelectFieldvue_type_template_id_314cc6f5_render = function render() {
             "value": "",
             "selected": ""
           }
-        }, [_vm._v("Select " + _vm._s(_vm.fieldInfo.label))]), _vm._l(_vm.fieldInfo.config.options, function (item, fieldIndex) {
-          return _c('option', {
+        }, [_vm._v("Select " + _vm._s(_vm.fieldInfo.label))]), _vm._l(_vm.fieldInfo.config.OptionsForBind, function (item, fieldIndex) {
+          return _vm.fieldInfo.config.OptionsForBind.length > 0 ? _c('option', {
             key: fieldIndex,
             domProps: {
               "value": item.value,
               "selected": _vm.fieldInfo.value == item.value
             }
-          }, [_vm._v(_vm._s(item.name) + " ")]);
+          }, [_vm._v(_vm._s(item.name) + " ")]) : _vm._e();
         })], 2), _vm.showAddIcon() ? _c('div', {
           staticClass: "ml-2 mt-1"
         }, [_c('a', {
@@ -38003,12 +38010,9 @@ var SelectFieldvue_type_template_id_314cc6f5_render = function render() {
     }])
   });
 };
-var SelectFieldvue_type_template_id_314cc6f5_staticRenderFns = [];
-
-// CONCATENATED MODULE: ./src/components/SelectField.vue?vue&type=template&id=314cc6f5&
+var SelectFieldvue_type_template_id_21b3abeb_staticRenderFns = [];
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
-var es_array_push = __webpack_require__("14d9");
+// CONCATENATED MODULE: ./src/components/SelectField.vue?vue&type=template&id=21b3abeb&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SelectField.vue?vue&type=script&lang=js&
 
@@ -38062,6 +38066,7 @@ var es_array_push = __webpack_require__("14d9");
       if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
         this.fieldInfo.config.onChange(e, this.fieldInfo);
       }
+      this.$emit('UpdateKeyValue', 1);
     },
     showAddIcon: function () {
       if (this.fieldInfo.config && this.fieldInfo.config.showAddIcon) {
@@ -38089,15 +38094,15 @@ var es_array_push = __webpack_require__("14d9");
     },
     GetSelectOptions: async function () {
       var vm = this;
-      if (vm.fieldInfo.hasOwnProperty('config') && vm.fieldInfo.config.hasOwnProperty('options') == false) {
-        vm.fieldInfo.config.options = [];
+      if (vm.fieldInfo.hasOwnProperty('config') && vm.fieldInfo.config.hasOwnProperty('OptionsForBind') == false) {
+        vm.fieldInfo.config.OptionsForBind = [];
       }
       if (vm.fieldInfo.hasOwnProperty('picklist_options') && vm.fieldInfo.picklist_options != 'Lookup') {
-        vm.fieldInfo.config.options = vm.MakeArray(vm.fieldInfo.picklist_options);
+        vm.fieldInfo.config.OptionsForBind = vm.MakeArray(vm.fieldInfo.picklist_options);
       } else if (vm.fieldInfo.hasOwnProperty('select_options') && vm.fieldInfo.select_options.length > 0) {
-        vm.fieldInfo.config.options = vm.MakeNormalArray(vm.fieldInfo.select_options);
-      } else if (vm.fieldInfo.hasOwnProperty('config') && vm.fieldInfo.config.hasOwnProperty('options') && vm.fieldInfo.config.options.length > 0) {
-        vm.fieldInfo.config.options = vm.fieldInfo.config.options;
+        vm.fieldInfo.config.OptionsForBind = vm.MakeNormalArray(vm.fieldInfo.select_options);
+      } else if (vm.fieldInfo.hasOwnProperty('config') && vm.fieldInfo.config.hasOwnProperty('OptionsForBind') && vm.fieldInfo.config.OptionsForBind.length > 0) {
+        vm.fieldInfo.config.OptionsForBind = vm.fieldInfo.config.OptionsForBind;
       } else if (vm.fieldInfo.hasOwnProperty('config') && vm.fieldInfo.config.hasOwnProperty('option_request_url') && vm.fieldInfo.config.option_request_url.length > 0) {
         await axios_default.a.get(vm.fieldInfo.config.option_request_url, {
           headers: {
@@ -38106,14 +38111,15 @@ var es_array_push = __webpack_require__("14d9");
         }).then(res => {
           console.log(res.data);
           if (res.data && res.data.hasOwnProperty('DATA')) {
-            vm.fieldInfo.config.options = res.data.DATA;
+            vm.fieldInfo.config.OptionsForBind = res.data.DATA;
           } else {
-            vm.fieldInfo.config.options = res.data;
+            vm.fieldInfo.config.OptionsForBind = res.data;
           }
         }).catch(error => {
           console.log('Error on binding slect option in tg-control- ' + error);
         });
       }
+      this.$forceUpdate();
     },
     MakeNormalArray: function (value) {
       if (value) {
@@ -38194,8 +38200,8 @@ var es_array_push = __webpack_require__("14d9");
 
 var SelectField_component = normalizeComponent(
   components_SelectFieldvue_type_script_lang_js_,
-  SelectFieldvue_type_template_id_314cc6f5_render,
-  SelectFieldvue_type_template_id_314cc6f5_staticRenderFns,
+  SelectFieldvue_type_template_id_21b3abeb_render,
+  SelectFieldvue_type_template_id_21b3abeb_staticRenderFns,
   false,
   null,
   null,
@@ -38608,8 +38614,8 @@ var DateField_component = normalizeComponent(
 )
 
 /* harmony default export */ var DateField = (DateField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e56dfd6a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CheckBoxField.vue?vue&type=template&id=b16a69a2&
-var CheckBoxFieldvue_type_template_id_b16a69a2_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e56dfd6a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CheckBoxField.vue?vue&type=template&id=7bed4962&
+var CheckBoxFieldvue_type_template_id_7bed4962_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('Field', {
@@ -38664,9 +38670,9 @@ var CheckBoxFieldvue_type_template_id_b16a69a2_render = function render() {
     }])
   });
 };
-var CheckBoxFieldvue_type_template_id_b16a69a2_staticRenderFns = [];
+var CheckBoxFieldvue_type_template_id_7bed4962_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/CheckBoxField.vue?vue&type=template&id=b16a69a2&
+// CONCATENATED MODULE: ./src/components/CheckBoxField.vue?vue&type=template&id=7bed4962&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CheckBoxField.vue?vue&type=script&lang=js&
 
@@ -38696,10 +38702,10 @@ var CheckBoxFieldvue_type_template_id_b16a69a2_staticRenderFns = [];
       return labelName;
     },
     renderOptions: function (field) {
-      if (field.config && this.fieldInfo.config.options) {
+      if (field.config && this.fieldInfo.config.OptionsForBind) {
         var arrayConstructor = [].constructor;
-        if (this.fieldInfo.config.options.constructor === arrayConstructor) {
-          return field.config.options;
+        if (this.fieldInfo.config.OptionsForBind.constructor === arrayConstructor) {
+          return field.config.OptionsForBind;
         } else {
           return null;
         }
@@ -38724,6 +38730,7 @@ var CheckBoxFieldvue_type_template_id_b16a69a2_staticRenderFns = [];
       if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
         this.fieldInfo.config.onChange(e, this.fieldInfo);
       }
+      this.$emit('UpdateKeyValue', 1);
     },
     isChecked: function (item) {
       try {
@@ -38758,8 +38765,8 @@ var CheckBoxFieldvue_type_template_id_b16a69a2_staticRenderFns = [];
 
 var CheckBoxField_component = normalizeComponent(
   components_CheckBoxFieldvue_type_script_lang_js_,
-  CheckBoxFieldvue_type_template_id_b16a69a2_render,
-  CheckBoxFieldvue_type_template_id_b16a69a2_staticRenderFns,
+  CheckBoxFieldvue_type_template_id_7bed4962_render,
+  CheckBoxFieldvue_type_template_id_7bed4962_staticRenderFns,
   false,
   null,
   null,
@@ -38768,8 +38775,8 @@ var CheckBoxField_component = normalizeComponent(
 )
 
 /* harmony default export */ var CheckBoxField = (CheckBoxField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e56dfd6a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/RadioField.vue?vue&type=template&id=09f3d43a&
-var RadioFieldvue_type_template_id_09f3d43a_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e56dfd6a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/RadioField.vue?vue&type=template&id=f3502520&
+var RadioFieldvue_type_template_id_f3502520_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('Field', {
@@ -38842,9 +38849,9 @@ var RadioFieldvue_type_template_id_09f3d43a_render = function render() {
     }])
   });
 };
-var RadioFieldvue_type_template_id_09f3d43a_staticRenderFns = [];
+var RadioFieldvue_type_template_id_f3502520_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/RadioField.vue?vue&type=template&id=09f3d43a&
+// CONCATENATED MODULE: ./src/components/RadioField.vue?vue&type=template&id=f3502520&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/RadioField.vue?vue&type=script&lang=js&
 
@@ -38873,10 +38880,10 @@ var RadioFieldvue_type_template_id_09f3d43a_staticRenderFns = [];
       return labelName;
     },
     renderOptions: function (field) {
-      if (field.config && this.fieldInfo.config.options) {
+      if (field.config && this.fieldInfo.config.OptionsForBind) {
         var arrayConstructor = [].constructor;
-        if (this.fieldInfo.config.options.constructor === arrayConstructor) {
-          return field.config.options;
+        if (this.fieldInfo.config.OptionsForBind.constructor === arrayConstructor) {
+          return field.config.OptionsForBind;
         } else {
           return null;
         }
@@ -38896,6 +38903,7 @@ var RadioFieldvue_type_template_id_09f3d43a_staticRenderFns = [];
       if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
         this.fieldInfo.config.onChange(e, this.fieldInfo);
       }
+      this.$emit('UpdateKeyValue', 1);
     }
   },
   mounted: function () {
@@ -38914,8 +38922,8 @@ var RadioFieldvue_type_template_id_09f3d43a_staticRenderFns = [];
 
 var RadioField_component = normalizeComponent(
   components_RadioFieldvue_type_script_lang_js_,
-  RadioFieldvue_type_template_id_09f3d43a_render,
-  RadioFieldvue_type_template_id_09f3d43a_staticRenderFns,
+  RadioFieldvue_type_template_id_f3502520_render,
+  RadioFieldvue_type_template_id_f3502520_staticRenderFns,
   false,
   null,
   null,
@@ -38924,8 +38932,8 @@ var RadioField_component = normalizeComponent(
 )
 
 /* harmony default export */ var RadioField = (RadioField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e56dfd6a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/MultiSelectField.vue?vue&type=template&id=aafd84f0&scoped=true&
-var MultiSelectFieldvue_type_template_id_aafd84f0_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e56dfd6a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/MultiSelectField.vue?vue&type=template&id=36bc0434&scoped=true&
+var MultiSelectFieldvue_type_template_id_36bc0434_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('Field', {
@@ -38959,7 +38967,7 @@ var MultiSelectFieldvue_type_template_id_aafd84f0_scoped_true_render = function
             "searchable": true,
             "multiple": _vm.fieldInfo.mode == 'tag' ? true : false,
             "taggable": false,
-            "limit": "2"
+            "limit": 2
           },
           on: {
             "remove": _vm.onRemove,
@@ -38994,9 +39002,9 @@ var MultiSelectFieldvue_type_template_id_aafd84f0_scoped_true_render = function
     }])
   });
 };
-var MultiSelectFieldvue_type_template_id_aafd84f0_scoped_true_staticRenderFns = [];
+var MultiSelectFieldvue_type_template_id_36bc0434_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/MultiSelectField.vue?vue&type=template&id=aafd84f0&scoped=true&
+// CONCATENATED MODULE: ./src/components/MultiSelectField.vue?vue&type=template&id=36bc0434&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/vue-multiselect/dist/vue-multiselect.min.js
 var vue_multiselect_min = __webpack_require__("8e5f");
@@ -39030,10 +39038,10 @@ var vue_multiselect_min_default = /*#__PURE__*/__webpack_require__.n(vue_multise
       handler: function (value, old) {
         let ths = this;
         console.log("Multi drop down", value, old);
-        if (value.config && value.config.options) {
+        if (value.config && value.config.OptionsForBind) {
           try {
             ths.options = [];
-            value.config.options.forEach(function (x) {
+            value.config.OptionsForBind.forEach(function (x) {
               let obj = {
                 value: x.value,
                 label: x.name
@@ -39054,9 +39062,9 @@ var vue_multiselect_min_default = /*#__PURE__*/__webpack_require__.n(vue_multise
     if (typeof ths.fieldInfo.mode == 'undefined' || ths.fieldInfo.mode == "") {
       ths.fieldInfo.mode = 'single';
     }
-    if (ths.fieldInfo.config && ths.fieldInfo.config.options) {
+    if (ths.fieldInfo.config && ths.fieldInfo.config.OptionsForBind) {
       try {
-        ths.fieldInfo.config.options.forEach(function (x) {
+        ths.fieldInfo.config.OptionsForBind.forEach(function (x) {
           let obj = {
             value: x.value,
             label: x.name
@@ -39086,6 +39094,7 @@ var vue_multiselect_min_default = /*#__PURE__*/__webpack_require__.n(vue_multise
       if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onRemove) {
         this.fieldInfo.config.onRemove(e, x, this.fieldInfo);
       }
+      this.$emit('UpdateKeyValue', 1);
     },
     GetDisplayLabel(field) {
       var labelName = '';
@@ -39105,6 +39114,7 @@ var vue_multiselect_min_default = /*#__PURE__*/__webpack_require__.n(vue_multise
       if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
         this.fieldInfo.config.onChange(x, this.fieldInfo, e);
       }
+      this.$emit('UpdateKeyValue', 1);
     },
     showAddIcon: function () {
       if (this.fieldInfo.config && this.fieldInfo.config.showAddIcon) {
@@ -39140,8 +39150,8 @@ var vue_multiselect_min_default = /*#__PURE__*/__webpack_require__.n(vue_multise
 // EXTERNAL MODULE: ./node_modules/vue-multiselect/dist/vue-multiselect.min.css?vue&type=style&index=0&prod&lang=css&
 var vue_multiselect_minvue_type_style_index_0_prod_lang_css_ = __webpack_require__("8498");
 
-// EXTERNAL MODULE: ./src/components/MultiSelectField.vue?vue&type=style&index=1&id=aafd84f0&prod&scoped=true&lang=css&
-var MultiSelectFieldvue_type_style_index_1_id_aafd84f0_prod_scoped_true_lang_css_ = __webpack_require__("4c56");
+// EXTERNAL MODULE: ./src/components/MultiSelectField.vue?vue&type=style&index=1&id=36bc0434&prod&scoped=true&lang=css&
+var MultiSelectFieldvue_type_style_index_1_id_36bc0434_prod_scoped_true_lang_css_ = __webpack_require__("21de");
 
 // CONCATENATED MODULE: ./src/components/MultiSelectField.vue
 
@@ -39155,18 +39165,18 @@ var MultiSelectFieldvue_type_style_index_1_id_aafd84f0_prod_scoped_true_lang_css
 
 var MultiSelectField_component = normalizeComponent(
   components_MultiSelectFieldvue_type_script_lang_js_,
-  MultiSelectFieldvue_type_template_id_aafd84f0_scoped_true_render,
-  MultiSelectFieldvue_type_template_id_aafd84f0_scoped_true_staticRenderFns,
+  MultiSelectFieldvue_type_template_id_36bc0434_scoped_true_render,
+  MultiSelectFieldvue_type_template_id_36bc0434_scoped_true_staticRenderFns,
   false,
   null,
-  "aafd84f0",
+  "36bc0434",
   null
   
 )
 
 /* harmony default export */ var MultiSelectField = (MultiSelectField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e56dfd6a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ToggleField.vue?vue&type=template&id=5e92398f&
-var ToggleFieldvue_type_template_id_5e92398f_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e56dfd6a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ToggleField.vue?vue&type=template&id=27849fd4&
+var ToggleFieldvue_type_template_id_27849fd4_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('Field', {
@@ -39224,9 +39234,9 @@ var ToggleFieldvue_type_template_id_5e92398f_render = function render() {
     }])
   });
 };
-var ToggleFieldvue_type_template_id_5e92398f_staticRenderFns = [];
+var ToggleFieldvue_type_template_id_27849fd4_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/ToggleField.vue?vue&type=template&id=5e92398f&
+// CONCATENATED MODULE: ./src/components/ToggleField.vue?vue&type=template&id=27849fd4&
 
 // CONCATENATED MODULE: ./node_modules/@vueform/toggle/dist/toggle.vue2.js
 function toggle_vue2_a(e,l,a,t,n,d,u,i,o,r){"boolean"!=typeof u&&(o=i,i=u,u=!1);const c="function"==typeof a?a.options:a;let s;if(e&&e.render&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns,c._compiled=!0,n&&(c.functional=!0)),t&&(c._scopeId=t),d?(s=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),l&&l.call(this,o(e)),e&&e._registeredComponents&&e._registeredComponents.add(d)},c._ssrRegister=s):l&&(s=u?function(e){l.call(this,r(e,this.$root.$options.shadowRoot))}:function(e){l.call(this,i(e))}),s)if(c.functional){const e=c.render;c.render=function(l,a){return s.call(a),e(l,a)}}else{const e=c.beforeCreate;c.beforeCreate=e?[].concat(e,s):[s]}return a}const toggle_vue2_t={name:"Toggle",emits:["input","update:modelValue","change"],props:{...{value:{validator:function(e){return e=>-1!==["number","string","boolean"].indexOf(typeof e)||null==e},required:!1},modelValue:{validator:function(e){return e=>-1!==["number","string","boolean"].indexOf(typeof e)||null==e},required:!1}},id:{type:[String,Number],required:!1,default:"toggle"},name:{type:[String,Number],required:!1,default:"toggle"},disabled:{type:Boolean,required:!1,default:!1},required:{type:Boolean,required:!1,default:!1},falseValue:{type:[String,Number,Boolean],required:!1,default:!1},trueValue:{type:[String,Number,Boolean],required:!1,default:!0},onLabel:{type:[String,Object],required:!1,default:""},offLabel:{type:[String,Object],required:!1,default:""},classes:{type:Object,required:!1,default:()=>({})},labelledby:{type:String,required:!1},describedby:{type:String,required:!1},aria:{required:!1,type:Object,default:()=>({})}},setup(a,t){const n=function(a,t,n){const{value:d,modelValue:u,falseValue:i,trueValue:o,disabled:r}=Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(a),c=u&&void 0!==u.value?u:d,s=Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])((()=>c.value===o.value)),f=e=>{t.emit("input",e),t.emit("update:modelValue",e),t.emit("change",e)},g=()=>{f(o.value)},v=()=>{f(i.value)};return-1!==[null,void 0,!1,0,"0","off"].indexOf(c.value)&&-1===[i.value,o.value].indexOf(c.value)&&v(),-1!==[!0,1,"1","on"].indexOf(c.value)&&-1===[i.value,o.value].indexOf(c.value)&&g(),{externalValue:c,checked:s,update:f,check:g,uncheck:v,handleInput:e=>{f(e.target.checked?o.value:i.value)},handleClick:()=>{r.value||(s.value?v():g())}}}(a,t),d=function(a,t,n){const{trueValue:d,falseValue:u,onLabel:i,offLabel:o}=Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(a),r=n.checked,c=n.update;return{label:Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])((()=>{let e=r.value?i.value:o.value;return e||(e=" "),e})),toggle:()=>{c(r.value?u.value:d.value)},on:()=>{c(d.value)},off:()=>{c(u.value)}}}(a,0,{checked:n.checked,update:n.update}),u=function(a,t,n){const d=Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(a),u=d.disabled,i=n.checked,o=Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])((()=>({container:"toggle-container",toggle:"toggle",toggleOn:"toggle-on",toggleOff:"toggle-off",toggleOnDisabled:"toggle-on-disabled",toggleOffDisabled:"toggle-off-disabled",handle:"toggle-handle",handleOn:"toggle-handle-on",handleOff:"toggle-handle-off",handleOnDisabled:"toggle-handle-on-disabled",handleOffDisabled:"toggle-handle-off-disabled",label:"toggle-label",...d.classes.value})));return{classList:Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])((()=>({container:o.value.container,toggle:[o.value.toggle,u.value?i.value?o.value.toggleOnDisabled:o.value.toggleOffDisabled:i.value?o.value.toggleOn:o.value.toggleOff],handle:[o.value.handle,u.value?i.value?o.value.handleOnDisabled:o.value.handleOffDisabled:i.value?o.value.handleOn:o.value.handleOff],label:o.value.label})))}}(a,0,{checked:n.checked}),i=function(l,a,t){const{disabled:n}=Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(l),d=t.check,u=t.uncheck,i=t.checked;return{handleSpace:()=>{n.value||(i.value?u():d())}}}(a,0,{check:n.check,uncheck:n.uncheck,checked:n.checked});return{...n,...u,...d,...i}}};var toggle_vue2_n=function(){var e=this,l=e.$createElement,a=e._self._c||l;return a("div",e._b({class:e.classList.container,attrs:{tabindex:e.disabled?void 0:0,"aria-checked":e.checked,"aria-describedby":e.describedby,"aria-labelledby":e.labelledby,role:"switch"},on:{keypress:function(l){return!l.type.indexOf("key")&&e._k(l.keyCode,"space",32,l.key,[" ","Spacebar"])?null:(l.preventDefault(),e.handleSpace.apply(null,arguments))}}},"div",e.aria,!1),[a("input",{directives:[{name:"show",rawName:"v-show",value:!1,expression:"false"}],attrs:{type:"checkbox",id:e.id,name:e.name,disabled:e.disabled},domProps:{value:e.trueValue,checked:e.checked}}),e._v(" "),a("div",{class:e.classList.toggle,on:{click:e.handleClick}},[a("span",{class:e.classList.handle}),e._v(" "),e._t("label",(function(){return[a("span",{class:e.classList.label,domProps:{innerHTML:e._s(e.label)}})]}),{checked:e.checked,classList:e.classList}),e._v(" "),e.required?a("input",{style:{appearance:"none",height:"1px",margin:"0",padding:"0",fontSize:"0",background:"transparent",position:"absolute",width:"100%",bottom:"0",outline:"none"},attrs:{type:"checkbox","aria-hidden":"true",tabindex:"-1",required:""},domProps:{checked:e.checked}}):e._e()],2)])};toggle_vue2_n._withStripped=!0;const toggle_vue2_d=toggle_vue2_a({render:toggle_vue2_n,staticRenderFns:[]},undefined,toggle_vue2_t,undefined,false,undefined,!1,void 0,void 0,void 0);
@@ -39266,6 +39276,7 @@ function toggle_vue2_a(e,l,a,t,n,d,u,i,o,r){"boolean"!=typeof u&&(o=i,i=u,u=!1);
       if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
         this.fieldInfo.config.onChange(value, this.fieldInfo);
       }
+      this.$emit('UpdateKeyValue', 1);
     }
   }
 });
@@ -39281,8 +39292,8 @@ function toggle_vue2_a(e,l,a,t,n,d,u,i,o,r){"boolean"!=typeof u&&(o=i,i=u,u=!1);
 
 var ToggleField_component = normalizeComponent(
   components_ToggleFieldvue_type_script_lang_js_,
-  ToggleFieldvue_type_template_id_5e92398f_render,
-  ToggleFieldvue_type_template_id_5e92398f_staticRenderFns,
+  ToggleFieldvue_type_template_id_27849fd4_render,
+  ToggleFieldvue_type_template_id_27849fd4_staticRenderFns,
   false,
   null,
   null,
@@ -39291,8 +39302,8 @@ var ToggleField_component = normalizeComponent(
 )
 
 /* harmony default export */ var ToggleField = (ToggleField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e56dfd6a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PhoneField.vue?vue&type=template&id=1d2925b4&
-var PhoneFieldvue_type_template_id_1d2925b4_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e56dfd6a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/PhoneField.vue?vue&type=template&id=2d14d27d&
+var PhoneFieldvue_type_template_id_2d14d27d_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('Field', {
@@ -39333,9 +39344,9 @@ var PhoneFieldvue_type_template_id_1d2925b4_render = function render() {
     }])
   });
 };
-var PhoneFieldvue_type_template_id_1d2925b4_staticRenderFns = [];
+var PhoneFieldvue_type_template_id_2d14d27d_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/PhoneField.vue?vue&type=template&id=1d2925b4&
+// CONCATENATED MODULE: ./src/components/PhoneField.vue?vue&type=template&id=2d14d27d&
 
 // EXTERNAL MODULE: ./node_modules/vue-tel-input/dist/vue-tel-input.umd.min.js
 var vue_tel_input_umd_min = __webpack_require__("e75b");
@@ -39353,7 +39364,6 @@ var vue_tel_input = __webpack_require__("bf68");
     app.use(vue_tel_input_umd_min_default.a, {});
   },
   components: {
-    VueTelInput: vue_tel_input_umd_min_default.a,
     Field: ValidationProvider
   },
   props: {
@@ -39406,8 +39416,8 @@ var vue_tel_input = __webpack_require__("bf68");
 
 var PhoneField_component = normalizeComponent(
   components_PhoneFieldvue_type_script_lang_js_,
-  PhoneFieldvue_type_template_id_1d2925b4_render,
-  PhoneFieldvue_type_template_id_1d2925b4_staticRenderFns,
+  PhoneFieldvue_type_template_id_2d14d27d_render,
+  PhoneFieldvue_type_template_id_2d14d27d_staticRenderFns,
   false,
   null,
   null,
@@ -39416,8 +39426,8 @@ var PhoneField_component = normalizeComponent(
 )
 
 /* harmony default export */ var PhoneField = (PhoneField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e56dfd6a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CustomSelectField.vue?vue&type=template&id=15578adc&
-var CustomSelectFieldvue_type_template_id_15578adc_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e56dfd6a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CustomSelectField.vue?vue&type=template&id=201901aa&
+var CustomSelectFieldvue_type_template_id_201901aa_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('Field', {
@@ -39451,7 +39461,7 @@ var CustomSelectFieldvue_type_template_id_15578adc_render = function render() {
             "show-labels": false,
             "show-no-results": false,
             "internal-search": false,
-            "limit": "2",
+            "limit": 2,
             "disabled": _vm.fieldInfo.disabled,
             "options": _vm.options,
             "multiple": _vm.fieldInfo.mode == 'tag' ? true : false,
@@ -39498,9 +39508,9 @@ var CustomSelectFieldvue_type_template_id_15578adc_render = function render() {
     }])
   });
 };
-var CustomSelectFieldvue_type_template_id_15578adc_staticRenderFns = [];
+var CustomSelectFieldvue_type_template_id_201901aa_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/CustomSelectField.vue?vue&type=template&id=15578adc&
+// CONCATENATED MODULE: ./src/components/CustomSelectField.vue?vue&type=template&id=201901aa&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CustomSelectField.vue?vue&type=script&lang=js&
 
@@ -39530,10 +39540,10 @@ var CustomSelectFieldvue_type_template_id_15578adc_staticRenderFns = [];
       handler: function (value, old) {
         let ths = this;
         console.log("Multi drop down", value, old);
-        if (value.config && value.config.options) {
+        if (value.config && value.config.OptionsForBind) {
           try {
             ths.options = [];
-            value.config.options.forEach(function (x) {
+            value.config.OptionsForBind.forEach(function (x) {
               let obj = {
                 value: x.value,
                 label: x.name
@@ -39554,9 +39564,9 @@ var CustomSelectFieldvue_type_template_id_15578adc_staticRenderFns = [];
     if (typeof ths.fieldInfo.mode == 'undefined' || ths.fieldInfo.mode == "") {
       ths.fieldInfo.mode = 'single';
     }
-    if (ths.fieldInfo.config && ths.fieldInfo.config.options) {
+    if (ths.fieldInfo.config && ths.fieldInfo.config.OptionsForBind) {
       try {
-        ths.fieldInfo.config.options.forEach(function (x) {
+        ths.fieldInfo.config.OptionsForBind.forEach(function (x) {
           let obj = {
             value: x.value,
             label: x.name
@@ -39585,6 +39595,7 @@ var CustomSelectFieldvue_type_template_id_15578adc_staticRenderFns = [];
       if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onRemove) {
         this.fieldInfo.config.onRemove(e, x, this.fieldInfo);
       }
+      this.$emit('UpdateKeyValue', 1);
     },
     GetDisplayLabel(field) {
       var labelName = '';
@@ -39604,6 +39615,7 @@ var CustomSelectFieldvue_type_template_id_15578adc_staticRenderFns = [];
       if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
         this.fieldInfo.config.onChange(x, this.fieldInfo, e);
       }
+      this.$emit('UpdateKeyValue', 1);
     },
     showAddIcon: function () {
       if (this.fieldInfo.config && this.fieldInfo.config.showAddIcon) {
@@ -39636,8 +39648,8 @@ var CustomSelectFieldvue_type_template_id_15578adc_staticRenderFns = [];
 });
 // CONCATENATED MODULE: ./src/components/CustomSelectField.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_CustomSelectFieldvue_type_script_lang_js_ = (CustomSelectFieldvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/CustomSelectField.vue?vue&type=style&index=1&id=15578adc&prod&lang=css&
-var CustomSelectFieldvue_type_style_index_1_id_15578adc_prod_lang_css_ = __webpack_require__("9e26");
+// EXTERNAL MODULE: ./src/components/CustomSelectField.vue?vue&type=style&index=1&id=201901aa&prod&lang=css&
+var CustomSelectFieldvue_type_style_index_1_id_201901aa_prod_lang_css_ = __webpack_require__("9ed8");
 
 // CONCATENATED MODULE: ./src/components/CustomSelectField.vue
 
@@ -39651,8 +39663,8 @@ var CustomSelectFieldvue_type_style_index_1_id_15578adc_prod_lang_css_ = __webpa
 
 var CustomSelectField_component = normalizeComponent(
   components_CustomSelectFieldvue_type_script_lang_js_,
-  CustomSelectFieldvue_type_template_id_15578adc_render,
-  CustomSelectFieldvue_type_template_id_15578adc_staticRenderFns,
+  CustomSelectFieldvue_type_template_id_201901aa_render,
+  CustomSelectFieldvue_type_template_id_201901aa_staticRenderFns,
   false,
   null,
   null,
@@ -40416,8 +40428,8 @@ var FileField_component = normalizeComponent(
 )
 
 /* harmony default export */ var FileField = (FileField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e56dfd6a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TreeSelectField.vue?vue&type=template&id=3de96291&
-var TreeSelectFieldvue_type_template_id_3de96291_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e56dfd6a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/TreeSelectField.vue?vue&type=template&id=2257cf72&
+var TreeSelectFieldvue_type_template_id_2257cf72_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('Field', {
@@ -40468,9 +40480,9 @@ var TreeSelectFieldvue_type_template_id_3de96291_render = function render() {
     }])
   });
 };
-var TreeSelectFieldvue_type_template_id_3de96291_staticRenderFns = [];
+var TreeSelectFieldvue_type_template_id_2257cf72_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/TreeSelectField.vue?vue&type=template&id=3de96291&
+// CONCATENATED MODULE: ./src/components/TreeSelectField.vue?vue&type=template&id=2257cf72&
 
 // EXTERNAL MODULE: ./node_modules/@riophae/vue-treeselect/dist/vue-treeselect.cjs.js
 var vue_treeselect_cjs = __webpack_require__("ca17");
@@ -40507,8 +40519,8 @@ var vue_treeselect_cjs_default = /*#__PURE__*/__webpack_require__.n(vue_treesele
   },
   mounted() {
     this.fieldInfo.validationRules = getValidationRules(this.fieldInfo.validationRules, this.lang);
-    if (this.fieldInfo.hasOwnProperty('config') && this.fieldInfo.config.hasOwnProperty('options') && this.fieldInfo.config.options.length > 0) {
-      this.options = this.fieldInfo.config.options;
+    if (this.fieldInfo.hasOwnProperty('config') && this.fieldInfo.config.hasOwnProperty('options') && this.fieldInfo.config.OptionsForBind.length > 0) {
+      this.options = this.fieldInfo.config.OptionsForBind;
     }
     if (!this.fieldInfo.hasOwnProperty('placeholder')) {
       this.fieldInfo.placeholder = 'Select Location';
@@ -40562,8 +40574,8 @@ var vue_treeselect_cjs_default = /*#__PURE__*/__webpack_require__.n(vue_treesele
 
 var TreeSelectField_component = normalizeComponent(
   components_TreeSelectFieldvue_type_script_lang_js_,
-  TreeSelectFieldvue_type_template_id_3de96291_render,
-  TreeSelectFieldvue_type_template_id_3de96291_staticRenderFns,
+  TreeSelectFieldvue_type_template_id_2257cf72_render,
+  TreeSelectFieldvue_type_template_id_2257cf72_staticRenderFns,
   false,
   null,
   null,
@@ -40672,6 +40684,7 @@ var SlotField_component = normalizeComponent(
 
 
 
+
 //import { getFormValidationRules } from  "./validationMessages.vue"
 /* harmony default export */ var DynamicFormvue_type_script_lang_js_ = ({
   name: 'DynamicForm',
@@ -40696,7 +40709,8 @@ var SlotField_component = normalizeComponent(
   data: function () {
     return {
       //ValidationRules: null,
-      clickedButton: null
+      clickedButton: null,
+      keyForComponentUpdate: 0
     };
   },
   props: {
@@ -40718,15 +40732,221 @@ var SlotField_component = normalizeComponent(
       default: false
     }
   },
+  watch: {
+    schema: {
+      handler: function (val) {
+        let ths = this;
+        val.forEach(function (g, gi) {
+          g.Data.forEach(function (f, fi) {
+            ths.isShowBasedOnDependentField(f);
+          });
+        });
+      },
+      deep: true
+    }
+  },
   date: function () {
     return {
       validateForm: null
     };
   },
   mounted: function () {
-    this.validateForm = this.$refs.ObserverForm;
-  },
+    let ths = this;
+    ths.validateForm = ths.$refs.ObserverForm;
+  },
+  // updated: function(){
+  //     let ths = this;
+  //     ths.schema.forEach(function(g, gi){
+  //         g.Data.forEach(function(f, fi){
+  //             ths.isShowBasedOnDependentField(f);
+  //         })
+  //     })
+  // },
   methods: {
+    UpdateKeyValue: function (val) {
+      this.keyForComponentUpdate++;
+    },
+    isShowBasedOnDependentField: function (field) {
+      let ths = this;
+      if (field && field.config && field.config.options) {
+        field.config.OptionsForBind = field.config.options;
+      }
+      if (field && field.config && field.config.dependentOn && field.config.dependentOn > 0) {
+        let depedentField = this.getFieldbyCustomFieldId(field.config.dependentOn);
+        let showWhen = field.config.showWhen;
+        let valueMapping = JSON.parse(field.config.valueMapping);
+        if (depedentField.value && depedentField.value != null && depedentField.value != "") {
+          let showJson = JSON.parse(showWhen);
+          let selectedValues = [];
+          if (showJson.value) {
+            if (!isNaN(depedentField.value)) {
+              selectedValues.push(depedentField.value);
+              if (showJson.value.includes(depedentField.value)) {
+                ths.updateFieldInfoOptions(valueMapping, selectedValues, field);
+                field.visibility = true;
+              }
+            } else {
+              var checkIfExists = [];
+              try {
+                if (depedentField.value.length && depedentField.value.length > 0) {
+                  depedentField.value.forEach(function (g, gi) {
+                    selectedValues.push(g.value);
+                    if (checkIfExists.length == 0) {
+                      checkIfExists = showJson.value.filter(x => {
+                        return x == g.value;
+                      });
+                    }
+                  });
+                } else {
+                  selectedValues.push(depedentField.value.value);
+                  checkIfExists = showJson.value.filter(x => {
+                    return x == depedentField.value.value;
+                  });
+                }
+                ths.updateFieldInfoOptions(valueMapping, selectedValues, field);
+              } catch (e) {
+                selectedValues.push(depedentField.value.value);
+                ths.updateFieldInfoOptions(valueMapping, selectedValues, field);
+                checkIfExists = showJson.value.filter(x => {
+                  return x == depedentField.value.value;
+                });
+              }
+              if (checkIfExists.length > 0) {
+                field.visibility = true;
+              } else {
+                field.config.OptionsForBind = [];
+                field.visibility = false;
+              }
+            }
+          } else {
+            field.visibility = true;
+          }
+        } else {
+          field.config.OptionsForBind = [];
+          field.visibility = false;
+        }
+      }
+    },
+    updateFieldInfoOptions: function (valueMapping, selectedValues, field) {
+      let getSelectedMapping = [];
+      selectedValues.forEach(function (g, i) {
+        valueMapping.forEach(function (x) {
+          if (x.value == g) {
+            getSelectedMapping.push(x);
+          }
+        });
+      });
+      if (getSelectedMapping.length > 0) {
+        let values = [];
+        this.$set(field.config, 'OptionsForBind', []);
+        getSelectedMapping.forEach(function (y) {
+          let dependentValues = y.dependent;
+          field.config.options.forEach((x, i) => {
+            let checkIfExists = values.filter(q => {
+              return q.value == x.value;
+            });
+            if (dependentValues.includes(x.value) && checkIfExists.length == 0) {
+              values.push(x);
+            }
+          });
+        });
+        this.$set(field.config, 'OptionsForBind', values);
+      }
+    },
+    ConvertDynamicFormObjToCustomFieldObj: function (formSchema) {
+      let returnObj = [];
+      formSchema.forEach(function (item, index) {
+        item.Data.forEach(function (field, fieldIndex) {
+          let obj = {
+            field_name: field.name,
+            field_value: field.value,
+            custom_field_id: field.customFieldId
+            //SaveDynamicForm
+          };
+
+          returnObj.push(obj);
+        });
+      });
+      return returnObj;
+    },
+    ConvertCustomFieldIntoDynamicFormObj: function (fieldData) {
+      let layoutData = [];
+      var ths = this;
+      if (fieldData.length > 0) {
+        fieldData.forEach(function (field, fieldIndex) {
+          var groupId = field.group_id;
+          let checkIfAlreadyExist = layoutData.filter(x => {
+            return x.groupId == groupId;
+          });
+          if (checkIfAlreadyExist.length == 0) {
+            let fieldObj = fieldData.filter(x => {
+              return x.group_id == groupId && (x.form_field_visibility == 'YES' || x.form_field_visibility == 'NO' && x.system_is_required == true);
+            });
+            if (fieldObj.length > 0) {
+              let obj = {
+                layoutType: field.layout_type,
+                groupId: groupId,
+                visibility: true,
+                group_name: field.group_name,
+                Data: []
+              };
+              fieldObj.forEach(function (fieldItem, fieldItemIndex) {
+                let options = [];
+                if (fieldItem.dt_code == "checkbox" || fieldItem.dt_code == "radio") {
+                  options = ths.MakeArray(fieldItem.select_options, fieldItem.dt_code);
+                } else if (fieldItem.dt_code == "select" && fieldItem.picklist_options == 'Lookup') {
+                  options = ths.MakeNormalArray(fieldItem.select_options);
+                } else if (fieldItem.dt_code == "select" && fieldItem.picklist_options != 'Lookup' && fieldItem.picklist_options != null) {
+                  options = ths.MakeArray(fieldItem.picklist_options, fieldItem.dt_code);
+                }
+                let validationRules = {};
+                if (fieldItem.form_field_visibility == 'YES') {
+                  validationRules = {
+                    required: fieldItem.is_required == true
+                  };
+                }
+                let mode = "";
+                if (fieldItem.dropdown_type == "multi") {
+                  mode = "tag";
+                }
+                let fieldObj = {
+                  customFieldId: fieldItem.custom_field_id,
+                  astype: fieldItem.astype == "CKEditorField" ? "SlotField" : fieldItem.astype,
+                  label: ths.$t(fieldItem.display_name),
+                  name: fieldItem.name,
+                  value: fieldItem.value,
+                  placeholder: "",
+                  config: {
+                    options: options,
+                    dependentOn: fieldItem.dependent_on,
+                    showWhen: fieldItem.show_when,
+                    valueMapping: fieldItem.value_mapping
+                  },
+                  mode: mode,
+                  visibility: fieldItem.form_field_visibility == 'YES',
+                  validationRules: validationRules
+                };
+                obj.Data.push(fieldObj);
+              });
+              layoutData.push(obj);
+            }
+          }
+        });
+      }
+      return layoutData;
+    },
+    getFieldbyCustomFieldId: function (customFieldId) {
+      let returnVal = null;
+      let ths = this;
+      ths.schema.forEach(function (g, gi) {
+        g.Data.forEach(function (f, fi) {
+          if (f.customFieldId == customFieldId) {
+            returnVal = f;
+          }
+        });
+      });
+      return returnVal;
+    },
     renderButtons: function (buttons) {
       if (buttons) {
         var arrayConstructor = [].constructor;