tg-controls_cli 0.0.1 → 0.0.3

package/dist/myLib.common.js

@@ -599,13 +599,6 @@ if (!version && userAgent) {
 module.exports = version;
 
 
-/***/ }),
-
-/***/ "2d81":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "3108":
@@ -22316,17 +22309,6 @@ module.exports = function (argument) {
 };
 
 
-/***/ }),
-
-/***/ "7b11":
-/***/ (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_DateField_vue_vue_type_style_index_0_id_b10c3fe0_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2d81");
-/* 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_DateField_vue_vue_type_style_index_0_id_b10c3fe0_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_DateField_vue_vue_type_style_index_0_id_b10c3fe0_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "825a":
@@ -22548,6 +22530,13 @@ module.exports = JSON.parse("{\"code\":\"pl\",\"messages\":{\"alpha\":\"Pole {_f
 
 /***/ }),
 
+/***/ "992b":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "9bf2":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -22596,6 +22585,17 @@ exports.f = DESCRIPTORS ? V8_PROTOTYPE_DEFINE_BUG ? function defineProperty(O, P
 };
 
 
+/***/ }),
+
+/***/ "9f68":
+/***/ (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_DateField_vue_vue_type_style_index_0_id_3cee556c_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("992b");
+/* 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_DateField_vue_vue_type_style_index_0_id_3cee556c_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_DateField_vue_vue_type_style_index_0_id_3cee556c_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "a04b":
@@ -24101,6 +24101,7 @@ __webpack_require__.d(__webpack_exports__, "DateField", function() { return /* r
 __webpack_require__.d(__webpack_exports__, "CheckBoxField", function() { return /* reexport */ CheckBoxField; });
 __webpack_require__.d(__webpack_exports__, "RadioField", function() { return /* reexport */ RadioField; });
 __webpack_require__.d(__webpack_exports__, "PhoneField", function() { return /* reexport */ PhoneField; });
+__webpack_require__.d(__webpack_exports__, "CustomSelectField", function() { return /* reexport */ CustomSelectField; });
 __webpack_require__.d(__webpack_exports__, "MultiSelectField", function() { return /* reexport */ MultiSelectField; });
 __webpack_require__.d(__webpack_exports__, "TextAreaField", function() { return /* reexport */ TextAreaField; });
 
@@ -24152,7 +24153,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":"df865948-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=717be5fc&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df865948-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=bee6739e&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -24165,6 +24166,7 @@ var render = function render() {
         return [_c('form', {
           on: {
             "submit": function ($event) {
+              $event.preventDefault();
               return handleSubmit(handleSubmit);
             }
           }
@@ -24180,10 +24182,10 @@ var render = function render() {
             staticClass: "heading-border mt-2"
           }, [_c('h5', {
             staticClass: "h5"
-          }, [_c('span', [_vm._v(_vm._s(_vm.GetGroupName(group.group_display_name, group.group_name)))])])])]) : _vm._e(), _vm._l(group.Data, function (field) {
+          }, [_c('span', [_vm._v(_vm._s(_vm.GetGroupName(group.group_display_name, group.group_name)))])])])]) : _vm._e(), _vm._l(group.Data, function (field, fieldIndex) {
             var _field$visibility, _field$showLabel, _field$label;
             return _c('div', {
-              key: field,
+              key: fieldIndex,
               class: {
                 'col-sm-12 col-md-12 float-left': true,
                 'd-none': field.visibility == false,
@@ -24278,7 +24280,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/DynamicForm.vue?vue&type=template&id=717be5fc&
+// CONCATENATED MODULE: ./src/components/DynamicForm.vue?vue&type=template&id=bee6739e&
 
 // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
@@ -27132,11 +27134,12 @@ function getValidationRules(userValidationRules, lang) {
   return validationRules;
 }
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df865948-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/NumericField.vue?vue&type=template&id=7f434a3f&
-var NumericFieldvue_type_template_id_7f434a3f_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df865948-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/NumericField.vue?vue&type=template&id=00135598&
+var NumericFieldvue_type_template_id_00135598_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('Field', {
+    staticClass: "w-100",
     attrs: {
       "name": _vm.fieldInfo.name,
       "rules": _vm.fieldInfo.validationRules,
@@ -27148,8 +27151,14 @@ var NumericFieldvue_type_template_id_7f434a3f_render = function render() {
         errors
       }) {
         return [_c('input', {
+          directives: [{
+            name: "model",
+            rawName: "v-model",
+            value: _vm.fieldInfo.value,
+            expression: "fieldInfo.value"
+          }],
           class: {
-            'form-control': true,
+            'form-control w-100': true,
             'is-invalid': errors[0]
           },
           attrs: {
@@ -27157,6 +27166,9 @@ var NumericFieldvue_type_template_id_7f434a3f_render = function render() {
             "type": "text",
             "placeholder": _vm.fieldInfo.placeholder
           },
+          domProps: {
+            "value": _vm.fieldInfo.value
+          },
           on: {
             "change": function ($event) {
               return _vm.onChange($event);
@@ -27164,7 +27176,11 @@ var NumericFieldvue_type_template_id_7f434a3f_render = function render() {
             "blur": function ($event) {
               return _vm.onBlur($event);
             },
-            "keypress": _vm.onlyForCurrency
+            "keypress": _vm.onlyForCurrency,
+            "input": function ($event) {
+              if ($event.target.composing) return;
+              _vm.$set(_vm.fieldInfo, "value", $event.target.value);
+            }
           }
         }), errors[0] ? _c('span', {
           staticClass: "invalid-feedback",
@@ -27173,19 +27189,12 @@ var NumericFieldvue_type_template_id_7f434a3f_render = function render() {
           }
         }, [_vm._v(_vm._s(errors[0]))]) : _vm._e()];
       }
-    }]),
-    model: {
-      value: _vm.fieldInfo.value,
-      callback: function ($$v) {
-        _vm.$set(_vm.fieldInfo, "value", $$v);
-      },
-      expression: "fieldInfo.value"
-    }
+    }])
   });
 };
-var NumericFieldvue_type_template_id_7f434a3f_staticRenderFns = [];
+var NumericFieldvue_type_template_id_00135598_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/NumericField.vue?vue&type=template&id=7f434a3f&
+// CONCATENATED MODULE: ./src/components/NumericField.vue?vue&type=template&id=00135598&
 
 // 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/NumericField.vue?vue&type=script&lang=js&
 
@@ -27349,8 +27358,8 @@ function normalizeComponent(
 
 var component = normalizeComponent(
   components_NumericFieldvue_type_script_lang_js_,
-  NumericFieldvue_type_template_id_7f434a3f_render,
-  NumericFieldvue_type_template_id_7f434a3f_staticRenderFns,
+  NumericFieldvue_type_template_id_00135598_render,
+  NumericFieldvue_type_template_id_00135598_staticRenderFns,
   false,
   null,
   null,
@@ -27359,11 +27368,12 @@ 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":"df865948-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=14041b15&
-var SelectFieldvue_type_template_id_14041b15_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df865948-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=d1e67a68&
+var SelectFieldvue_type_template_id_d1e67a68_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('Field', {
+    staticClass: "w-100",
     attrs: {
       "name": _vm.fieldInfo.name,
       "rules": _vm.fieldInfo.validationRules,
@@ -27375,8 +27385,14 @@ var SelectFieldvue_type_template_id_14041b15_render = function render() {
         errors
       }) {
         return [_c('select', {
+          directives: [{
+            name: "model",
+            rawName: "v-model",
+            value: _vm.fieldInfo.value,
+            expression: "fieldInfo.value"
+          }],
           class: {
-            'form-control': true,
+            'form-control w-100': true,
             'is-invalid': errors[0]
           },
           attrs: {
@@ -27384,17 +27400,25 @@ var SelectFieldvue_type_template_id_14041b15_render = function render() {
             "disabled": _vm.fieldInfo.disabled
           },
           on: {
-            "change": function ($event) {
+            "change": [function ($event) {
+              var $$selectedVal = Array.prototype.filter.call($event.target.options, function (o) {
+                return o.selected;
+              }).map(function (o) {
+                var val = "_value" in o ? o._value : o.value;
+                return val;
+              });
+              _vm.$set(_vm.fieldInfo, "value", $event.target.multiple ? $$selectedVal : $$selectedVal[0]);
+            }, function ($event) {
               return _vm.onChange($event);
-            }
+            }]
           }
         }, [_c('option', {
           attrs: {
             "value": ""
           }
-        }, [_vm._v("Select " + _vm._s(_vm.fieldInfo.label))]), _vm._l(_vm.renderOptions(_vm.fieldInfo), function (item) {
+        }, [_vm._v("Select " + _vm._s(_vm.fieldInfo.label))]), _vm._l(_vm.renderOptions(_vm.fieldInfo), function (item, fieldIndex) {
           return _c('option', {
-            key: item,
+            key: fieldIndex,
             domProps: {
               "value": item.value
             }
@@ -27414,22 +27438,15 @@ var SelectFieldvue_type_template_id_14041b15_render = function render() {
             }
           }
         })])]) : _vm._e(), errors[0] ? _c('span', {
-          staticClass: "invalid-feedback"
+          staticClass: "invalid-feedback d-block"
         }, [_vm._v(_vm._s(errors[0]))]) : _vm._e()];
       }
-    }]),
-    model: {
-      value: _vm.fieldInfo.value,
-      callback: function ($$v) {
-        _vm.$set(_vm.fieldInfo, "value", $$v);
-      },
-      expression: "fieldInfo.value"
-    }
+    }])
   });
 };
-var SelectFieldvue_type_template_id_14041b15_staticRenderFns = [];
+var SelectFieldvue_type_template_id_d1e67a68_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/SelectField.vue?vue&type=template&id=14041b15&
+// CONCATENATED MODULE: ./src/components/SelectField.vue?vue&type=template&id=d1e67a68&
 
 // 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&
 
@@ -27504,8 +27521,8 @@ var SelectFieldvue_type_template_id_14041b15_staticRenderFns = [];
 
 var SelectField_component = normalizeComponent(
   components_SelectFieldvue_type_script_lang_js_,
-  SelectFieldvue_type_template_id_14041b15_render,
-  SelectFieldvue_type_template_id_14041b15_staticRenderFns,
+  SelectFieldvue_type_template_id_d1e67a68_render,
+  SelectFieldvue_type_template_id_d1e67a68_staticRenderFns,
   false,
   null,
   null,
@@ -27514,11 +27531,12 @@ var SelectField_component = normalizeComponent(
 )
 
 /* harmony default export */ var SelectField = (SelectField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df865948-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/TextField.vue?vue&type=template&id=44fe893d&
-var TextFieldvue_type_template_id_44fe893d_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df865948-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/TextField.vue?vue&type=template&id=5b8a7d90&
+var TextFieldvue_type_template_id_5b8a7d90_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('Field', {
+    staticClass: "w-100",
     attrs: {
       "disabled": _vm.fieldInfo.disabled,
       "name": _vm.fieldInfo.name,
@@ -27531,8 +27549,14 @@ var TextFieldvue_type_template_id_44fe893d_render = function render() {
         errors
       }) {
         return [_c('input', {
+          directives: [{
+            name: "model",
+            rawName: "v-model",
+            value: _vm.fieldInfo.value,
+            expression: "fieldInfo.value"
+          }],
           class: {
-            'form-control': true,
+            'form-control w-100': true,
             'is-invalid': errors[0]
           },
           attrs: {
@@ -27542,12 +27566,19 @@ var TextFieldvue_type_template_id_44fe893d_render = function render() {
             "placeholder": _vm.fieldInfo.placeholder,
             "disabled": _vm.fieldInfo.disabled
           },
+          domProps: {
+            "value": _vm.fieldInfo.value
+          },
           on: {
             "change": function ($event) {
               return _vm.onChange($event);
             },
             "blur": function ($event) {
               return _vm.onBlur($event);
+            },
+            "input": function ($event) {
+              if ($event.target.composing) return;
+              _vm.$set(_vm.fieldInfo, "value", $event.target.value);
             }
           }
         }), _vm.showAddIcon() ? _c('div', {
@@ -27571,19 +27602,12 @@ var TextFieldvue_type_template_id_44fe893d_render = function render() {
           }
         }, [_vm._v(_vm._s(errors[0]))]) : _vm._e()];
       }
-    }]),
-    model: {
-      value: _vm.fieldInfo.value,
-      callback: function ($$v) {
-        _vm.$set(_vm.fieldInfo, "value", $$v);
-      },
-      expression: "fieldInfo.value"
-    }
+    }])
   });
 };
-var TextFieldvue_type_template_id_44fe893d_staticRenderFns = [];
+var TextFieldvue_type_template_id_5b8a7d90_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/TextField.vue?vue&type=template&id=44fe893d&
+// CONCATENATED MODULE: ./src/components/TextField.vue?vue&type=template&id=5b8a7d90&
 
 // 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/TextField.vue?vue&type=script&lang=js&
 
@@ -27656,8 +27680,8 @@ var TextFieldvue_type_template_id_44fe893d_staticRenderFns = [];
 
 var TextField_component = normalizeComponent(
   components_TextFieldvue_type_script_lang_js_,
-  TextFieldvue_type_template_id_44fe893d_render,
-  TextFieldvue_type_template_id_44fe893d_staticRenderFns,
+  TextFieldvue_type_template_id_5b8a7d90_render,
+  TextFieldvue_type_template_id_5b8a7d90_staticRenderFns,
   false,
   null,
   null,
@@ -27666,11 +27690,12 @@ var TextField_component = normalizeComponent(
 )
 
 /* harmony default export */ var TextField = (TextField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df865948-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/DateField.vue?vue&type=template&id=b10c3fe0&
-var DateFieldvue_type_template_id_b10c3fe0_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df865948-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/DateField.vue?vue&type=template&id=3cee556c&
+var DateFieldvue_type_template_id_3cee556c_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('Field', {
+    staticClass: "w-100",
     attrs: {
       "disabled": _vm.fieldInfo.disabled,
       "name": _vm.fieldInfo.name,
@@ -27684,9 +27709,12 @@ var DateFieldvue_type_template_id_b10c3fe0_render = function render() {
       }) {
         return [_c('DatePicker', {
           class: {
-            'input-group': true,
+            'input-group w-100': true,
             'is-invalid': errors[0]
           },
+          staticStyle: {
+            "flex-wrap": "nowrap"
+          },
           attrs: {
             "is24hr": _vm.is24hr,
             "mode": _vm.mode,
@@ -27707,7 +27735,7 @@ var DateFieldvue_type_template_id_b10c3fe0_render = function render() {
               return [_c('input', _vm._g({
                 ref: "inputDatePicker",
                 class: {
-                  'form-control': true,
+                  'form-control w-100': true,
                   'is-invalid': errors[0]
                 },
                 attrs: {
@@ -27748,15 +27776,15 @@ var DateFieldvue_type_template_id_b10c3fe0_render = function render() {
             expression: "errors[0]"
           }],
           ref: "errrorMessage",
-          staticClass: "invalid-feedback"
+          staticClass: "invalid-feedback d-block"
         }, [_vm._v(_vm._s(errors[0]))])];
       }
     }])
   });
 };
-var DateFieldvue_type_template_id_b10c3fe0_staticRenderFns = [];
+var DateFieldvue_type_template_id_3cee556c_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/DateField.vue?vue&type=template&id=b10c3fe0&
+// CONCATENATED MODULE: ./src/components/DateField.vue?vue&type=template&id=3cee556c&
 
 // EXTERNAL MODULE: ./node_modules/v-calendar/lib/components/date-picker.umd.js
 var date_picker_umd = __webpack_require__("404b");
@@ -27835,8 +27863,8 @@ var date_picker_umd_default = /*#__PURE__*/__webpack_require__.n(date_picker_umd
 });
 // CONCATENATED MODULE: ./src/components/DateField.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_DateFieldvue_type_script_lang_js_ = (DateFieldvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/DateField.vue?vue&type=style&index=0&id=b10c3fe0&prod&lang=css&
-var DateFieldvue_type_style_index_0_id_b10c3fe0_prod_lang_css_ = __webpack_require__("7b11");
+// EXTERNAL MODULE: ./src/components/DateField.vue?vue&type=style&index=0&id=3cee556c&prod&lang=css&
+var DateFieldvue_type_style_index_0_id_3cee556c_prod_lang_css_ = __webpack_require__("9f68");
 
 // CONCATENATED MODULE: ./src/components/DateField.vue
 
@@ -27849,8 +27877,8 @@ var DateFieldvue_type_style_index_0_id_b10c3fe0_prod_lang_css_ = __webpack_requi
 
 var DateField_component = normalizeComponent(
   components_DateFieldvue_type_script_lang_js_,
-  DateFieldvue_type_template_id_b10c3fe0_render,
-  DateFieldvue_type_template_id_b10c3fe0_staticRenderFns,
+  DateFieldvue_type_template_id_3cee556c_render,
+  DateFieldvue_type_template_id_3cee556c_staticRenderFns,
   false,
   null,
   null,
@@ -27859,8 +27887,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":"df865948-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=3f64933e&
-var CheckBoxFieldvue_type_template_id_3f64933e_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df865948-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=f35d57a0&
+var CheckBoxFieldvue_type_template_id_f35d57a0_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('Field', {
@@ -27876,7 +27904,7 @@ var CheckBoxFieldvue_type_template_id_3f64933e_render = function render() {
       }) {
         return [_vm._l(_vm.renderOptions(_vm.fieldInfo), function (item, index) {
           return _c('label', {
-            key: item,
+            key: index,
             class: {
               'form-check form-check-inline': true,
               'is-invalid': errors[0]
@@ -27886,7 +27914,7 @@ var CheckBoxFieldvue_type_template_id_3f64933e_render = function render() {
             }
           }, [_c('div', {
             staticClass: "custom-control custom-check custom-control-inline"
-          }, [_c('input', _vm._b({
+          }, [_c('input', {
             staticClass: "custom-control-input",
             attrs: {
               "disabled": _vm.fieldInfo.disabled,
@@ -27903,7 +27931,7 @@ var CheckBoxFieldvue_type_template_id_3f64933e_render = function render() {
                 return _vm.onChange($event, _vm.field);
               }
             }
-          }, 'input', _vm.field, false)), _c('label', {
+          }), _c('label', {
             staticClass: "custom-control-label",
             attrs: {
               "for": _vm.fieldInfo.name + '_' + index
@@ -27916,9 +27944,9 @@ var CheckBoxFieldvue_type_template_id_3f64933e_render = function render() {
     }])
   });
 };
-var CheckBoxFieldvue_type_template_id_3f64933e_staticRenderFns = [];
+var CheckBoxFieldvue_type_template_id_f35d57a0_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/CheckBoxField.vue?vue&type=template&id=3f64933e&
+// CONCATENATED MODULE: ./src/components/CheckBoxField.vue?vue&type=template&id=f35d57a0&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__("14d9");
@@ -28008,8 +28036,8 @@ var es_array_push = __webpack_require__("14d9");
 
 var CheckBoxField_component = normalizeComponent(
   components_CheckBoxFieldvue_type_script_lang_js_,
-  CheckBoxFieldvue_type_template_id_3f64933e_render,
-  CheckBoxFieldvue_type_template_id_3f64933e_staticRenderFns,
+  CheckBoxFieldvue_type_template_id_f35d57a0_render,
+  CheckBoxFieldvue_type_template_id_f35d57a0_staticRenderFns,
   false,
   null,
   null,
@@ -28018,24 +28046,25 @@ 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":"df865948-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=fb5dfb6a&
-var RadioFieldvue_type_template_id_fb5dfb6a_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df865948-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=43707bf0&
+var RadioFieldvue_type_template_id_43707bf0_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('Field', {
     attrs: {
       "name": _vm.fieldInfo.name,
       "rules": _vm.fieldInfo.validationRules,
-      "label": _vm.fieldInfo.label
+      "label": _vm.fieldInfo.label,
+      "slim": ""
     },
     scopedSlots: _vm._u([{
       key: "default",
       fn: function ({
         errors
       }) {
-        return [_vm._l(_vm.renderOptions(_vm.fieldInfo), function (item, index) {
+        return _vm._l(_vm.renderOptions(_vm.fieldInfo), function (item, index) {
           return _c('label', {
-            key: item,
+            key: index,
             class: {
               'form-check form-check-inline': true,
               'is-invalid': errors[0]
@@ -28045,7 +28074,13 @@ var RadioFieldvue_type_template_id_fb5dfb6a_render = function render() {
             }
           }, [_c('div', {
             staticClass: "custom-control custom-radio custom-control-inline"
-          }, [_c('input', _vm._b({
+          }, [_c('input', {
+            directives: [{
+              name: "model",
+              rawName: "v-model",
+              value: _vm.fieldInfo.value,
+              expression: "fieldInfo.value"
+            }],
             staticClass: "custom-control-input",
             attrs: {
               "disabled": _vm.fieldInfo.disabled,
@@ -28055,31 +28090,27 @@ var RadioFieldvue_type_template_id_fb5dfb6a_render = function render() {
             },
             domProps: {
               "checked": item.value == _vm.fieldInfo.value,
-              "value": item.value
+              "checked": _vm._q(_vm.fieldInfo.value, null)
+            },
+            on: {
+              "change": function ($event) {
+                return _vm.$set(_vm.fieldInfo, "value", null);
+              }
             }
-          }, 'input', _vm.field, false)), _c('label', {
+          }), _c('label', {
             staticClass: "custom-control-label",
             attrs: {
               "for": _vm.fieldInfo.name + '_' + index
             }
           }, [_vm._v(_vm._s(item.name))])])]);
-        }), errors[0] ? _c('span', {
-          staticClass: "invalid-feedback"
-        }, [_vm._v(_vm._s(errors[0]))]) : _vm._e()];
+        });
       }
-    }]),
-    model: {
-      value: _vm.fieldInfo.value,
-      callback: function ($$v) {
-        _vm.$set(_vm.fieldInfo, "value", $$v);
-      },
-      expression: "fieldInfo.value"
-    }
+    }])
   });
 };
-var RadioFieldvue_type_template_id_fb5dfb6a_staticRenderFns = [];
+var RadioFieldvue_type_template_id_43707bf0_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/RadioField.vue?vue&type=template&id=fb5dfb6a&
+// CONCATENATED MODULE: ./src/components/RadioField.vue?vue&type=template&id=43707bf0&
 
 // 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&
 
@@ -28136,8 +28167,8 @@ var RadioFieldvue_type_template_id_fb5dfb6a_staticRenderFns = [];
 
 var RadioField_component = normalizeComponent(
   components_RadioFieldvue_type_script_lang_js_,
-  RadioFieldvue_type_template_id_fb5dfb6a_render,
-  RadioFieldvue_type_template_id_fb5dfb6a_staticRenderFns,
+  RadioFieldvue_type_template_id_43707bf0_render,
+  RadioFieldvue_type_template_id_43707bf0_staticRenderFns,
   false,
   null,
   null,
@@ -28165,11 +28196,12 @@ var CKEditorField_component = normalizeComponent(
 )
 
 /* harmony default export */ var CKEditorField = (CKEditorField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df865948-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=65b6e0c6&
-var MultiSelectFieldvue_type_template_id_65b6e0c6_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df865948-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=151660ca&
+var MultiSelectFieldvue_type_template_id_151660ca_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('Field', {
+    staticClass: "w-100",
     attrs: {
       "name": _vm.fieldInfo.name,
       "rules": _vm.fieldInfo.validationRules,
@@ -28180,10 +28212,10 @@ var MultiSelectFieldvue_type_template_id_65b6e0c6_render = function render() {
       fn: function ({
         errors
       }) {
-        return [_c('Multiselect', _vm._b({
+        return [_c('Multiselect', {
           ref: "multiselect",
           class: {
-            'form-control p-0': true,
+            'form-control p-0 w-100': true,
             'is-invalid': errors[0]
           },
           attrs: {
@@ -28200,8 +28232,15 @@ var MultiSelectFieldvue_type_template_id_65b6e0c6_render = function render() {
             },
             "search-change": _vm.onSearch,
             "select": _vm.onChange
+          },
+          model: {
+            value: _vm.fieldInfo.value,
+            callback: function ($$v) {
+              _vm.$set(_vm.fieldInfo, "value", $$v);
+            },
+            expression: "fieldInfo.value"
           }
-        }, 'Multiselect', _vm.field, false)), _vm.showAddIcon() ? _c('div', {
+        }), _vm.showAddIcon() ? _c('div', {
           staticClass: "ml-2 mt-1"
         }, [_c('a', {
           class: _vm.addButtonClass()
@@ -28219,19 +28258,12 @@ var MultiSelectFieldvue_type_template_id_65b6e0c6_render = function render() {
           staticClass: "invalid-feedback"
         }, [_vm._v(_vm._s(errors[0]))]) : _vm._e()];
       }
-    }]),
-    model: {
-      value: _vm.fieldInfo.value,
-      callback: function ($$v) {
-        _vm.$set(_vm.fieldInfo, "value", $$v);
-      },
-      expression: "fieldInfo.value"
-    }
+    }])
   });
 };
-var MultiSelectFieldvue_type_template_id_65b6e0c6_staticRenderFns = [];
+var MultiSelectFieldvue_type_template_id_151660ca_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/MultiSelectField.vue?vue&type=template&id=65b6e0c6&
+// CONCATENATED MODULE: ./src/components/MultiSelectField.vue?vue&type=template&id=151660ca&
 
 // EXTERNAL MODULE: ./node_modules/vue-multiselect/dist/vue-multiselect.min.js
 var vue_multiselect_min = __webpack_require__("8e5f");
@@ -28372,8 +28404,8 @@ var vue_multiselect_minvue_type_style_index_0_prod_lang_css_ = __webpack_require
 
 var MultiSelectField_component = normalizeComponent(
   components_MultiSelectFieldvue_type_script_lang_js_,
-  MultiSelectFieldvue_type_template_id_65b6e0c6_render,
-  MultiSelectFieldvue_type_template_id_65b6e0c6_staticRenderFns,
+  MultiSelectFieldvue_type_template_id_151660ca_render,
+  MultiSelectFieldvue_type_template_id_151660ca_staticRenderFns,
   false,
   null,
   null,
@@ -28478,13 +28510,12 @@ 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":"df865948-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=2515a354&
-var PhoneFieldvue_type_template_id_2515a354_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df865948-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=76a306f0&
+var PhoneFieldvue_type_template_id_76a306f0_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _c('div', {
-    staticClass: "col-md-12 col-sm-12 col-lg-12 p-0"
-  }, [_c('Field', {
+  return _c('Field', {
+    staticClass: "w-100",
     attrs: {
       "name": _vm.fieldInfo.name,
       "disabled": _vm.fieldInfo.disabled,
@@ -28520,11 +28551,11 @@ var PhoneFieldvue_type_template_id_2515a354_render = function render() {
         }, [_vm._v(_vm._s(errors[0]))]) : _vm._e()];
       }
     }])
-  })], 1);
+  });
 };
-var PhoneFieldvue_type_template_id_2515a354_staticRenderFns = [];
+var PhoneFieldvue_type_template_id_76a306f0_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/PhoneField.vue?vue&type=template&id=2515a354&
+// CONCATENATED MODULE: ./src/components/PhoneField.vue?vue&type=template&id=76a306f0&
 
 // EXTERNAL MODULE: ./node_modules/vue-tel-input/dist/vue-tel-input.umd.min.js
 var vue_tel_input_umd_min = __webpack_require__("e75b");
@@ -28586,8 +28617,8 @@ var vue_tel_input = __webpack_require__("bf68");
 
 var PhoneField_component = normalizeComponent(
   components_PhoneFieldvue_type_script_lang_js_,
-  PhoneFieldvue_type_template_id_2515a354_render,
-  PhoneFieldvue_type_template_id_2515a354_staticRenderFns,
+  PhoneFieldvue_type_template_id_76a306f0_render,
+  PhoneFieldvue_type_template_id_76a306f0_staticRenderFns,
   false,
   null,
   null,
@@ -28596,11 +28627,12 @@ 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":"df865948-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/TextAreaField.vue?vue&type=template&id=1f165fbd&
-var TextAreaFieldvue_type_template_id_1f165fbd_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df865948-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/TextAreaField.vue?vue&type=template&id=1c027eb3&
+var TextAreaFieldvue_type_template_id_1c027eb3_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('Field', {
+    staticClass: "w-100",
     attrs: {
       "name": _vm.fieldInfo.name,
       "rules": _vm.fieldInfo.validationRules,
@@ -28612,6 +28644,12 @@ var TextAreaFieldvue_type_template_id_1f165fbd_render = function render() {
         errors
       }) {
         return [_c('textarea', {
+          directives: [{
+            name: "model",
+            rawName: "v-model",
+            value: _vm.fieldInfo.value,
+            expression: "fieldInfo.value"
+          }],
           class: {
             'form-control': true,
             'is-invalid': errors[0]
@@ -28622,12 +28660,19 @@ var TextAreaFieldvue_type_template_id_1f165fbd_render = function render() {
             "cols": _vm.getColumns(_vm.fieldInfo),
             "placeholder": _vm.fieldInfo.placeholder
           },
+          domProps: {
+            "value": _vm.fieldInfo.value
+          },
           on: {
             "change": function ($event) {
               return _vm.onChange($event);
             },
             "blur": function ($event) {
               return _vm.onBlur($event);
+            },
+            "input": function ($event) {
+              if ($event.target.composing) return;
+              _vm.$set(_vm.fieldInfo, "value", $event.target.value);
             }
           }
         }), errors[0] ? _c('span', {
@@ -28637,19 +28682,12 @@ var TextAreaFieldvue_type_template_id_1f165fbd_render = function render() {
           }
         }, [_vm._v(_vm._s(errors[0]))]) : _vm._e()];
       }
-    }]),
-    model: {
-      value: _vm.fieldInfo.value,
-      callback: function ($$v) {
-        _vm.$set(_vm.fieldInfo, "value", $$v);
-      },
-      expression: "fieldInfo.value"
-    }
+    }])
   });
 };
-var TextAreaFieldvue_type_template_id_1f165fbd_staticRenderFns = [];
+var TextAreaFieldvue_type_template_id_1c027eb3_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/TextAreaField.vue?vue&type=template&id=1f165fbd&
+// CONCATENATED MODULE: ./src/components/TextAreaField.vue?vue&type=template&id=1c027eb3&
 
 // 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/TextAreaField.vue?vue&type=script&lang=js&
 
@@ -28705,8 +28743,8 @@ var TextAreaFieldvue_type_template_id_1f165fbd_staticRenderFns = [];
 
 var TextAreaField_component = normalizeComponent(
   components_TextAreaFieldvue_type_script_lang_js_,
-  TextAreaFieldvue_type_template_id_1f165fbd_render,
-  TextAreaFieldvue_type_template_id_1f165fbd_staticRenderFns,
+  TextAreaFieldvue_type_template_id_1c027eb3_render,
+  TextAreaFieldvue_type_template_id_1c027eb3_staticRenderFns,
   false,
   null,
   null,
@@ -28715,14 +28753,15 @@ var TextAreaField_component = normalizeComponent(
 )
 
 /* harmony default export */ var TextAreaField = (TextAreaField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df865948-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/ColorField.vue?vue&type=template&id=4ed23e29&
-var ColorFieldvue_type_template_id_4ed23e29_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df865948-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/ColorField.vue?vue&type=template&id=5113c8a0&
+var ColorFieldvue_type_template_id_5113c8a0_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     ref: "colorpicker",
     staticClass: "input-group color-picker"
   }, [_c('Field', {
+    staticClass: "w-100",
     attrs: {
       "name": _vm.fieldInfo.name,
       "label": _vm.fieldInfo.label
@@ -28733,7 +28772,7 @@ var ColorFieldvue_type_template_id_4ed23e29_render = function render() {
         errors
       }) {
         return [_c('input', {
-          staticClass: "form-control",
+          staticClass: "form-control w-100",
           attrs: {
             "disabled": "disabled",
             "type": "text",
@@ -28801,9 +28840,9 @@ var ColorFieldvue_type_template_id_4ed23e29_render = function render() {
     }
   }) : _vm._e()], 1)], 1);
 };
-var ColorFieldvue_type_template_id_4ed23e29_staticRenderFns = [];
+var ColorFieldvue_type_template_id_5113c8a0_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/ColorField.vue?vue&type=template&id=4ed23e29&
+// CONCATENATED MODULE: ./src/components/ColorField.vue?vue&type=template&id=5113c8a0&
 
 // EXTERNAL MODULE: ./node_modules/vue2-color-picker/dist/vue2-color-picker.js
 var vue2_color_picker = __webpack_require__("b9d7");
@@ -28932,8 +28971,8 @@ var vue2_color_picker_default = /*#__PURE__*/__webpack_require__.n(vue2_color_pi
 
 var ColorField_component = normalizeComponent(
   components_ColorFieldvue_type_script_lang_js_,
-  ColorFieldvue_type_template_id_4ed23e29_render,
-  ColorFieldvue_type_template_id_4ed23e29_staticRenderFns,
+  ColorFieldvue_type_template_id_5113c8a0_render,
+  ColorFieldvue_type_template_id_5113c8a0_staticRenderFns,
   false,
   null,
   null,
@@ -28942,11 +28981,12 @@ var ColorField_component = normalizeComponent(
 )
 
 /* harmony default export */ var ColorField = (ColorField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df865948-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/FileField.vue?vue&type=template&id=560848b9&
-var FileFieldvue_type_template_id_560848b9_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df865948-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/FileField.vue?vue&type=template&id=3677443c&
+var FileFieldvue_type_template_id_3677443c_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('Field', {
+    staticClass: "w-100",
     attrs: {
       "name": _vm.fieldInfo.name,
       "rules": _vm.fieldInfo.validationRules,
@@ -28963,7 +29003,7 @@ var FileFieldvue_type_template_id_560848b9_render = function render() {
             'is-invalid': errors[0]
           }
         }, [_c('input', {
-          staticClass: "custom-file-input",
+          staticClass: "custom-file-input w-100",
           attrs: {
             "type": "file",
             "disabled": _vm.fieldInfo.disabled,
@@ -29006,9 +29046,9 @@ var FileFieldvue_type_template_id_560848b9_render = function render() {
     }])
   });
 };
-var FileFieldvue_type_template_id_560848b9_staticRenderFns = [];
+var FileFieldvue_type_template_id_3677443c_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/FileField.vue?vue&type=template&id=560848b9&
+// CONCATENATED MODULE: ./src/components/FileField.vue?vue&type=template&id=3677443c&
 
 // 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/FileField.vue?vue&type=script&lang=js&
 
@@ -29086,8 +29126,8 @@ var FileFieldvue_type_template_id_560848b9_staticRenderFns = [];
 
 var FileField_component = normalizeComponent(
   components_FileFieldvue_type_script_lang_js_,
-  FileFieldvue_type_template_id_560848b9_render,
-  FileFieldvue_type_template_id_560848b9_staticRenderFns,
+  FileFieldvue_type_template_id_3677443c_render,
+  FileFieldvue_type_template_id_3677443c_staticRenderFns,
   false,
   null,
   null,
@@ -29236,9 +29276,218 @@ var DynamicForm_component = normalizeComponent(
 )
 
 /* harmony default export */ var DynamicForm = (DynamicForm_component.exports);
-// CONCATENATED MODULE: ./src/index.js
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"df865948-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=5c4a03b3&
+var CustomSelectFieldvue_type_template_id_5c4a03b3_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('Field', {
+    staticClass: "w-100",
+    attrs: {
+      "name": _vm.fieldInfo.name,
+      "rules": _vm.fieldInfo.validationRules,
+      "label": _vm.fieldInfo.label
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function ({
+        errors
+      }) {
+        return [_c('Multiselect', {
+          ref: "multiselect",
+          class: {
+            'form-control p-0 w-100': true,
+            'is-invalid': errors[0]
+          },
+          attrs: {
+            "disabled": _vm.fieldInfo.disabled,
+            "options": _vm.options,
+            "close-on-select": false,
+            "searchable": true,
+            "multiple": _vm.fieldInfo.modemode == 'tag' ? true : false,
+            "taggable": _vm.fieldInfo.mode == 'tag' ? true : false
+          },
+          on: {
+            "remove": function ($event) {
+              return _vm.onRemove($event, _vm.field, _vm.meta);
+            },
+            "search-change": _vm.onSearch,
+            "select": _vm.onChange
+          },
+          model: {
+            value: _vm.fieldInfo.value,
+            callback: function ($$v) {
+              _vm.$set(_vm.fieldInfo, "value", $$v);
+            },
+            expression: "fieldInfo.value"
+          }
+        }), _vm.showAddIcon() ? _c('div', {
+          staticClass: "ml-2 mt-1"
+        }, [_c('a', {
+          class: _vm.addButtonClass()
+        }, [_c('i', {
+          class: _vm.addIconClass(),
+          attrs: {
+            "alt": "+"
+          },
+          on: {
+            "click": function ($event) {
+              return _vm.onAddButtonClick($event);
+            }
+          }
+        })])]) : _vm._e(), errors[0] ? _c('span', {
+          staticClass: "invalid-feedback"
+        }, [_vm._v(_vm._s(errors[0]))]) : _vm._e()];
+      }
+    }])
+  });
+};
+var CustomSelectFieldvue_type_template_id_5c4a03b3_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/CustomSelectField.vue?vue&type=template&id=5c4a03b3&
+
+// 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&
+
+
+
+/* harmony default export */ var CustomSelectFieldvue_type_script_lang_js_ = ({
+  components: {
+    Multiselect: vue_multiselect_min_default.a,
+    Field: ValidationProvider
+  },
+  props: {
+    lang: {
+      type: String,
+      default: 'en'
+    },
+    mode: {
+      type: String,
+      default: 'single'
+    },
+    fieldInfo: {
+      type: Object,
+      required: true
+    }
+  },
+  watch: {
+    fieldInfo: {
+      handler: function (value, old) {
+        let ths = this;
+        console.log("Multi drop down", value, old);
+        if (value.config && value.config.options) {
+          try {
+            ths.options = [];
+            value.config.options.forEach(function (x) {
+              let obj = {
+                value: x.value,
+                label: x.name
+              };
+              ths.options.push(obj);
+            });
+          } catch (x) {}
+        }
+      },
+      deep: true
+    }
+  },
+  created: function () {
+    let ths = this;
+    if (typeof ths.fieldInfo.value == 'undefined' || ths.fieldInfo.value == "") {
+      ths.fieldInfo.value = [];
+    }
+    if (typeof ths.fieldInfo.mode == 'undefined' || ths.fieldInfo.mode == "") {
+      ths.fieldInfo.mode = 'single';
+    }
+    if (ths.fieldInfo.config && ths.fieldInfo.config.options) {
+      try {
+        ths.fieldInfo.config.options.forEach(function (x) {
+          let obj = {
+            value: x.value,
+            label: x.name
+          };
+          ths.options.push(obj);
+        });
+      } catch (x) {
+        console.log(x);
+      }
+    }
+  },
+  data: function () {
+    return {
+      isTouched: false,
+      value: [],
+      selectedHtml: '',
+      options: []
+    };
+  },
+  computed: {
+    isInvalid() {
+      return this.isTouched && this.value.length === 0;
+    }
+  },
+  methods: {
+    onSearch: function (e, x) {
+      if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onSearchChange) {
+        this.fieldInfo.config.onSearchChange(x, this.fieldInfo);
+      }
+    },
+    onChange: function (e, x) {
+      if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
+        this.fieldInfo.config.onChange(x, this.fieldInfo);
+      }
+    },
+    showAddIcon: function () {
+      if (this.fieldInfo.config && this.fieldInfo.config.showAddIcon) {
+        return this.fieldInfo.config.showAddIcon;
+      }
+    },
+    onAddButtonClick: function (e) {
+      if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onAddButtonClick) {
+        this.fieldInfo.config.onAddButtonClick(e, this.fieldInfo);
+      }
+    },
+    addButtonClass: function () {
+      if (this.fieldInfo.config && this.fieldInfo.config.addIconBackground) {
+        return "round-icon-small theme-primary " + this.fieldInfo.config.addIconBackground;
+      } else {
+        return "round-icon-small btn-dark theme-primary";
+      }
+    },
+    addIconClass: function () {
+      if (this.fieldInfo.config && this.fieldInfo.config.addIcon) {
+        return "fa text-white pt-7 font-18 " + this.fieldInfo.config.addIcon;
+      } else {
+        return "fa fa-plus text-white pt-7 font-18";
+      }
+    }
+  },
+  mounted: function () {
+    this.fieldInfo.validationRules = getValidationRules(this.fieldInfo.validationRules, this.lang);
+  }
+});
+// 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_); 
+// CONCATENATED MODULE: ./src/components/CustomSelectField.vue
+
+
+
+
 
 
+/* normalize component */
+
+var CustomSelectField_component = normalizeComponent(
+  components_CustomSelectFieldvue_type_script_lang_js_,
+  CustomSelectFieldvue_type_template_id_5c4a03b3_render,
+  CustomSelectFieldvue_type_template_id_5c4a03b3_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var CustomSelectField = (CustomSelectField_component.exports);
+// CONCATENATED MODULE: ./src/index.js
 
 
 
@@ -29261,9 +29510,7 @@ var DynamicForm_component = normalizeComponent(
     Vue.component('CheckBoxField', CheckBoxField);
     Vue.component('RadioField', RadioField);
     Vue.component('PhoneField', PhoneField);
-    Vue.component('FileField', FileField);
-    Vue.component('ToggleField', ToggleField);
-    Vue.component('ColorField', ColorField);
+    Vue.component('CustomSelectField', CustomSelectField);
     Vue.component('MultiSelectField', MultiSelectField);
     Vue.component('TextAreaField', TextAreaField);
     Vue.component('CKEditorField', CKEditorField);