tg-controls_cli 0.1.17 → 0.1.20

package/dist/myLib.common.js

@@ -215,17 +215,6 @@ function getRawTag(value) {
 module.exports = getRawTag;
 
 
-/***/ }),
-
-/***/ "02ac":
-/***/ (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_SearchableSelect_vue_vue_type_style_index_0_id_50fe2d92_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("adff");
-/* 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_SearchableSelect_vue_vue_type_style_index_0_id_50fe2d92_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_SearchableSelect_vue_vue_type_style_index_0_id_50fe2d92_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "0326":
@@ -255,13 +244,6 @@ module.exports = function (fn, that) {
 };
 
 
-/***/ }),
-
-/***/ "0411":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "04f8":
@@ -1969,6 +1951,13 @@ module.exports = function isCancel(value) {
 };
 
 
+/***/ }),
+
+/***/ "302f":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "30b5":
@@ -2056,6 +2045,13 @@ module.exports = JSON.parse("{\"code\":\"bg\",\"messages\":{\"alpha\":\"Поле
 
 /***/ }),
 
+/***/ "31fc":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "3207":
 /***/ (function(module) {
 
@@ -24643,17 +24639,6 @@ module.exports = function isAxiosError(payload) {
 
 module.exports = JSON.parse("{\"code\":\"zh_TW\",\"messages\":{\"alpha\":\"{_field_} 須以英文組成\",\"alpha_dash\":\"{_field_} 須以英數、斜線及底線組成\",\"alpha_num\":\"{_field_} 須以英數組成\",\"alpha_spaces\":\"{_field_} 須以英文及空格組成\",\"between\":\"{_field_} 須介於 {min} 至 {max}之間\",\"confirmed\":\" {_field_} 不一致\",\"digits\":\"{_field_} 須為 {length} 位數字\",\"dimensions\":\"{_field_} 圖片尺寸不正確。須為 {width} x {height} 像素\",\"email\":\"{_field_} 須為有效的電子信箱\",\"excluded\":\"{_field_} 的選項無效\",\"ext\":\"{_field_} 須為有效的檔案\",\"image\":\"{_field_} 須為圖片\",\"oneOf\":\"{_field_} 的選項無效\",\"integer\":\"{_field_} 須為整數\",\"length\":\"{_field_} 的長度須為 {length}\",\"max\":\"{_field_} 不能大於 {length} 個字元\",\"max_value\":\"{_field_} 不得大於 {max}\",\"mimes\":\"{_field_} 須為有效的檔案類型\",\"min\":\"{_field_} 不能小於 {length} 個字元\",\"min_value\":\"{_field_} 不得小於 {min}\",\"numeric\":\"{_field_} 須為數字\",\"regex\":\"{_field_} 的格式錯誤\",\"required\":\"{_field_} 為必填\",\"required_if\":\"{_field_} 為必填\",\"size\":\"{_field_} 的檔案須小於 {size}KB\",\"double\":\"{_field_}字段必須為有效的小數\"}}");
 
-/***/ }),
-
-/***/ "6275":
-/***/ (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_Autocomplete_vue_vue_type_style_index_0_id_6cb7e2c2_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0411");
-/* 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_Autocomplete_vue_vue_type_style_index_0_id_6cb7e2c2_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_Autocomplete_vue_vue_type_style_index_0_id_6cb7e2c2_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "6374":
@@ -26678,6 +26663,17 @@ function toPropertyKey(t) {
 }
 module.exports = toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
+/***/ }),
+
+/***/ "a4a6":
+/***/ (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_SearchableSelect_vue_vue_type_style_index_0_id_2ccba7c8_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("31fc");
+/* 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_SearchableSelect_vue_vue_type_style_index_0_id_2ccba7c8_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_SearchableSelect_vue_vue_type_style_index_0_id_2ccba7c8_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "a4e7":
@@ -26863,13 +26859,6 @@ $({ target: 'Iterator', proto: true, real: true, forced: FORCED }, {
 });
 
 
-/***/ }),
-
-/***/ "adff":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "ae93":
@@ -36252,6 +36241,17 @@ module.exports = function (target, name, descriptor) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "f367":
+/***/ (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_Autocomplete_vue_vue_type_style_index_0_id_562f416e_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("302f");
+/* 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_Autocomplete_vue_vue_type_style_index_0_id_562f416e_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_Autocomplete_vue_vue_type_style_index_0_id_562f416e_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "f3f6":
@@ -42555,8 +42555,8 @@ 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":"6e4a0282-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=a2ae54ee
-var FileFieldvue_type_template_id_a2ae54ee_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6e4a0282-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=067bb71d
+var FileFieldvue_type_template_id_067bb71d_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -42684,9 +42684,9 @@ var FileFieldvue_type_template_id_a2ae54ee_render = function render() {
     })])]);
   })], 2)])]);
 };
-var FileFieldvue_type_template_id_a2ae54ee_staticRenderFns = [];
+var FileFieldvue_type_template_id_067bb71d_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/FileField.vue?vue&type=template&id=a2ae54ee
+// CONCATENATED MODULE: ./src/components/FileField.vue?vue&type=template&id=067bb71d
 
 // 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
 
@@ -42748,93 +42748,189 @@ var FileFieldvue_type_template_id_a2ae54ee_staticRenderFns = [];
     openFilePopup() {
       document.querySelectorAll('#File_' + this.fieldInfo.name + ' [type="file"]')[0].click();
     },
-    RemoveFile(event, index) {
+    // RemoveFile(event, index) {
+    //   event.stopPropagation();
+    //   const dt = new DataTransfer()
+    //   const input = document.querySelectorAll('#File_'+ this.fieldInfo.name +' [type="file"]')[0];
+    //   const { files } = input
+    //   this.previewFiles = [];
+    //   for (let i = 0; i < files.length; i++) {
+    //     let file = files[i]
+    //     if (index !== i) {
+    //       dt.items.add(file)
+    //       var fileExtention = file.name.split(".").pop()
+    //       var isImage = ["jpg", "jpeg", "png", "gif"].includes(fileExtention);
+    //       let reader = new FileReader();
+    //       reader.addEventListener(
+    //         "load",
+    //         () => {
+    //           // Set file data
+    //           let tempfile = {
+    //             name: file.name.split(".").shift(),
+    //             size: (Math.round((file.size / 1024 / 1024) * 100) / 100),
+    //             type: file.type,
+    //             fileExtention: fileExtention,
+    //             isImage: isImage,
+    //             url: reader.result,
+    //             isUploaded: true,
+    //           };
+    //           this.previewFiles.push(tempfile);
+    //         },
+    //         false
+    //       );
+    //       // Read uploaded file
+    //       reader.readAsDataURL(file);
+    //     }
+    //     // here you exclude the file. thus removing it.
+    //   }
+    //   input.files = dt.files // Assign the updates list
+
+    //   if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onRemoveFile) {
+    //     this.fieldInfo.config.onRemoveFile(event, index, this.fieldInfo);
+    //   }
+    // },
+    // onChange(e) {
+    //   this.errors = [];
+    //   // Check if file is selected
+    //   if (e.target.files && e.target.files[0]) {
+    //     // Check if file is valid
+    //     for (let index = 0; index < e.target.files.length; index++) {
+    //       let file = e.target.files[index];
+    //       if (this.isFileValid(file)) {
+    //         // Get uploaded file           
+    //         // Get file size
+    //         let fileSize = (Math.round((file.size / 1024 / 1024) * 100) / 100);
+    //         // Get file extention
+    //         let fileExtention = file.name.split(".").pop();
+    //         // Get file name
+    //         let fileName = file.name.split(".").shift();
+    //         // Check if file is an image
+    //         let isImage = ["jpg", "jpeg", "png", "gif"].includes(fileExtention);
+    //         // Print to console
+    //         console.log(fileSize, fileExtention, fileName, isImage);
+    //         // Load the FileReader API
+    //         let reader = new FileReader();
+    //         reader.addEventListener(
+    //           "load",
+    //           () => {
+    //             // Set file data
+    //             let tempfile = {
+    //               name: fileName,
+    //               size: fileSize,
+    //               type: file.type,
+    //               fileExtention: fileExtention,
+    //               isImage: isImage,
+    //               url: reader.result,
+    //               isUploaded: true,
+    //             };
+    //             if (this.canUploadMultipleFile() == false) {
+    //               this.previewFiles = [];
+    //             }
+    //             this.previewFiles.push(tempfile);
+    //           },
+    //           false
+    //         );
+    //         // Read uploaded file
+    //         reader.readAsDataURL(file);
+    //         //reader.removeEventListener("load");
+    //       } else {
+    //         console.log("Invalid file");
+    //       }
+    //     }
+
+    //     if (this.errors.length == 0) {
+    //       this.fieldInfo.value = e.target.files;
+    //       if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
+    //         this.fieldInfo.config.onChange(e, this.fieldInfo);
+    //       }
+    //     }
+    //   }
+
+    // },
+    async RemoveFile(event, index) {
       event.stopPropagation();
       const dt = new DataTransfer();
-      const input = document.querySelectorAll('#File_' + this.fieldInfo.name + ' [type="file"]')[0];
+      const input = document.querySelector(`#File_${this.fieldInfo.name} [type="file"]`);
+      if (!input) return;
       const {
         files
       } = input;
-      this.previewFiles = [];
+      const previewFiles = [];
+      const filePromises = [];
       for (let i = 0; i < files.length; i++) {
         const file = files[i];
         if (index !== i) {
           dt.items.add(file);
-          var fileExtention = file.name.split(".").pop();
-          var isImage = ["jpg", "jpeg", "png", "gif"].includes(fileExtention);
-          let reader = new FileReader();
-          reader.addEventListener("load", () => {
-            // Set file data
-            this.file = {
-              name: file.name.split(".").shift(),
-              size: Math.round(file.size / 1024 / 1024 * 100) / 100,
-              type: file.type,
-              fileExtention: fileExtention,
-              isImage: isImage,
-              url: reader.result,
-              isUploaded: true
+          filePromises.push(new Promise(resolve => {
+            const fileExtention = file.name.split(".").pop().toLowerCase();
+            const isImage = ["jpg", "jpeg", "png", "gif"].includes(fileExtention);
+            const reader = new FileReader();
+            reader.onload = () => {
+              resolve({
+                name: file.name.lastIndexOf(".") > -1 ? file.name.substring(0, file.name.lastIndexOf(".")) : file.name,
+                size: Math.round(file.size / 1024 / 1024 * 100) / 100,
+                type: file.type,
+                fileExtention,
+                isImage,
+                url: reader.result,
+                isUploaded: true
+              });
             };
-            this.previewFiles.push(this.file);
-          }, false);
-          // Read uploaded file
-          reader.readAsDataURL(file);
+            reader.readAsDataURL(file);
+          }));
         }
-        // here you exclude the file. thus removing it.
       }
-      input.files = dt.files; // Assign the updates list
-
+      const processedFiles = await Promise.all(filePromises);
+      previewFiles.push(...processedFiles);
+      this.previewFiles = previewFiles;
+      input.files = dt.files;
+      this.fieldInfo.value = dt.files;
       if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onRemoveFile) {
         this.fieldInfo.config.onRemoveFile(event, index, this.fieldInfo);
       }
     },
-    onChange(e) {
+    async onChange(e) {
       this.errors = [];
-      // Check if file is selected
-      if (e.target.files && e.target.files[0]) {
-        // Check if file is valid
-        for (let index = 0; index < e.target.files.length; index++) {
-          const file = e.target.files[index];
-          if (this.isFileValid(file)) {
-            // Get uploaded file           
-            // Get file size
-            var fileSize = Math.round(file.size / 1024 / 1024 * 100) / 100;
-            // Get file extention
-            var fileExtention = file.name.split(".").pop();
-            // Get file name
-            var fileName = file.name.split(".").shift();
-            // Check if file is an image
-            var isImage = ["jpg", "jpeg", "png", "gif"].includes(fileExtention);
-            // Print to console
-            console.log(fileSize, fileExtention, fileName, isImage);
-            // Load the FileReader API
-            let reader = new FileReader();
-            reader.addEventListener("load", () => {
-              // Set file data
-              this.file = {
+      if (!e.target.files || e.target.files.length === 0) {
+        return;
+      }
+      const files = Array.from(e.target.files);
+      const filePromises = [];
+      for (const file of files) {
+        if (this.isFileValid(file)) {
+          const fileSize = Math.round(file.size / 1024 / 1024 * 100) / 100;
+          const fileExtention = file.name.split(".").pop().toLowerCase();
+          const fileName = file.name.lastIndexOf(".") > -1 ? file.name.substring(0, file.name.lastIndexOf(".")) : file.name;
+          const isImage = ["jpg", "jpeg", "png", "gif"].includes(fileExtention);
+          console.log(fileSize, fileExtention, fileName, isImage);
+          filePromises.push(new Promise(resolve => {
+            const reader = new FileReader();
+            reader.onload = () => {
+              resolve({
                 name: fileName,
                 size: fileSize,
                 type: file.type,
-                fileExtention: fileExtention,
-                isImage: isImage,
+                fileExtention,
+                isImage,
                 url: reader.result,
                 isUploaded: true
-              };
-              if (this.canUploadMultipleFile() == false) {
-                this.previewFiles = [];
-              }
-              this.previewFiles.push(this.file);
-            }, false);
-            // Read uploaded file
+              });
+            };
             reader.readAsDataURL(file);
-          } else {
-            console.log("Invalid file");
-          }
+          }));
+        } else {
+          console.log("Invalid file");
         }
-        if (this.errors.length == 0) {
-          this.fieldInfo.value = e.target.files;
-          if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
-            this.fieldInfo.config.onChange(e, this.fieldInfo);
-          }
+      }
+      const processedFiles = await Promise.all(filePromises);
+      if (this.canUploadMultipleFile() === false) {
+        this.previewFiles = [];
+      }
+      this.previewFiles.push(...processedFiles);
+      if (this.errors.length === 0) {
+        this.fieldInfo.value = e.target.files;
+        if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
+          this.fieldInfo.config.onChange(e, this.fieldInfo);
         }
       }
     },
@@ -42978,54 +43074,54 @@ var FileFieldvue_type_template_id_a2ae54ee_staticRenderFns = [];
     dragLeave: function () {
       this.isDragging = false;
     },
-    handleDrop: function (event) {
+    async handleDrop(event) {
       event.preventDefault();
       this.isDragging = false;
       const files = event.target.files || event.dataTransfer.files;
-      if (files.length) {
-        for (let index = 0; index < files.length; index++) {
-          const file = files[index];
-          if (this.isFileValid(file)) {
-            // Get uploaded file           
-            // Get file size
-            var fileSize = Math.round(file.size / 1024 / 1024 * 100) / 100;
-            // Get file extention
-            var fileExtention = file.name.split(".").pop();
-            // Get file name
-            var fileName = file.name.split(".").shift();
-            // Check if file is an image
-            var isImage = ["jpg", "jpeg", "png", "gif"].includes(fileExtention);
-            // Print to console
-            console.log(fileSize, fileExtention, fileName, isImage);
-            // Load the FileReader API
-            let reader = new FileReader();
-            reader.addEventListener("load", () => {
-              // Set file data
-              this.file = {
+      if (!files || files.length === 0) {
+        return;
+      }
+      const filePromises = [];
+      for (const file of Array.from(files)) {
+        if (this.isFileValid(file)) {
+          const fileSize = Math.round(file.size / 1024 / 1024 * 100) / 100;
+          const fileExtention = file.name.split(".").pop().toLowerCase();
+          const fileName = file.name.lastIndexOf(".") > -1 ? file.name.substring(0, file.name.lastIndexOf(".")) : file.name;
+          const isImage = ["jpg", "jpeg", "png", "gif"].includes(fileExtention);
+          console.log(fileSize, fileExtention, fileName, isImage);
+          filePromises.push(new Promise(resolve => {
+            const reader = new FileReader();
+            reader.onload = () => {
+              resolve({
                 name: fileName,
                 size: fileSize,
                 type: file.type,
-                fileExtention: fileExtention,
-                isImage: isImage,
+                fileExtention,
+                isImage,
                 url: reader.result,
                 isUploaded: true
-              };
-              if (this.canUploadMultipleFile() == false) {
-                this.previewFiles = [];
-              }
-              this.previewFiles.push(this.file);
-            }, false);
-            // Read uploaded file
+              });
+            };
             reader.readAsDataURL(file);
-          } else {
-            console.log("Invalid file");
-          }
+          }));
+        } else {
+          console.log("Invalid file");
         }
-        if (this.errors.length == 0) {
-          this.fieldInfo.value = files;
-          if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
-            this.fieldInfo.config.onChange(event, this.fieldInfo);
-          }
+      }
+      const processedFiles = await Promise.all(filePromises);
+      if (this.canUploadMultipleFile() === false) {
+        this.previewFiles = [];
+      }
+      this.previewFiles.push(...processedFiles);
+
+      // if (processedFiles.length > 0) {
+      //   this.file = processedFiles[processedFiles.length - 1];
+      // }
+
+      if (this.errors.length === 0) {
+        this.fieldInfo.value = files;
+        if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onChange) {
+          this.fieldInfo.config.onChange(event, this.fieldInfo);
         }
       }
     }
@@ -43043,8 +43139,8 @@ var FileFieldvue_type_template_id_a2ae54ee_staticRenderFns = [];
 
 var FileField_component = normalizeComponent(
   components_FileFieldvue_type_script_lang_js,
-  FileFieldvue_type_template_id_a2ae54ee_render,
-  FileFieldvue_type_template_id_a2ae54ee_staticRenderFns,
+  FileFieldvue_type_template_id_067bb71d_render,
+  FileFieldvue_type_template_id_067bb71d_staticRenderFns,
   false,
   null,
   null,
@@ -43750,8 +43846,8 @@ var SlotField_component = normalizeComponent(
 )
 
 /* harmony default export */ var SlotField = (SlotField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6e4a0282-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/SearchableSelectField.vue?vue&type=template&id=22749d06
-var SearchableSelectFieldvue_type_template_id_22749d06_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6e4a0282-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/SearchableSelectField.vue?vue&type=template&id=4daf05b6
+var SearchableSelectFieldvue_type_template_id_4daf05b6_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('Field', {
@@ -43790,6 +43886,12 @@ var SearchableSelectFieldvue_type_template_id_22749d06_render = function render(
             },
             "change": function ($event) {
               return _vm.onSearchableChange($event, _vm.fieldInfo, 'change');
+            },
+            "input": function ($event) {
+              return _vm.onSearchableChange($event, _vm.fieldInfo, 'input');
+            },
+            "search": function ($event) {
+              return _vm.onSearch($event, _vm.fieldInfo, 'search');
             }
           },
           model: {
@@ -43806,12 +43908,12 @@ var SearchableSelectFieldvue_type_template_id_22749d06_render = function render(
     }])
   });
 };
-var SearchableSelectFieldvue_type_template_id_22749d06_staticRenderFns = [];
+var SearchableSelectFieldvue_type_template_id_4daf05b6_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/SearchableSelectField.vue?vue&type=template&id=22749d06
+// CONCATENATED MODULE: ./src/components/SearchableSelectField.vue?vue&type=template&id=4daf05b6
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6e4a0282-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/SearchableSelect.vue?vue&type=template&id=50fe2d92&scoped=true
-var SearchableSelectvue_type_template_id_50fe2d92_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6e4a0282-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/SearchableSelect.vue?vue&type=template&id=2ccba7c8&scoped=true
+var SearchableSelectvue_type_template_id_2ccba7c8_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -43857,12 +43959,12 @@ var SearchableSelectvue_type_template_id_50fe2d92_scoped_true_render = function
     }
   })], 1);
 };
-var SearchableSelectvue_type_template_id_50fe2d92_scoped_true_staticRenderFns = [];
+var SearchableSelectvue_type_template_id_2ccba7c8_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/SearchableSelect.vue?vue&type=template&id=50fe2d92&scoped=true
+// CONCATENATED MODULE: ./src/components/SearchableSelect.vue?vue&type=template&id=2ccba7c8&scoped=true
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6e4a0282-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/Autocomplete.vue?vue&type=template&id=6cb7e2c2&scoped=true
-var Autocompletevue_type_template_id_6cb7e2c2_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6e4a0282-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/Autocomplete.vue?vue&type=template&id=562f416e&scoped=true
+var Autocompletevue_type_template_id_562f416e_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -43991,7 +44093,7 @@ var Autocompletevue_type_template_id_6cb7e2c2_scoped_true_render = function rend
       staticClass: "list-group list-group-flush"
     }, _vm._l(group.items, function (item, itemIndex) {
       return _c('li', {
-        key: _vm.getItemValue(item),
+        key: _vm.itemRowKey(item, null, groupIndex, itemIndex),
         staticClass: "list-group-item autocomplete-item",
         class: {
           'active': _vm.getFlatIndex(groupIndex, itemIndex) === _vm.highlightedIndex,
@@ -44073,7 +44175,7 @@ var Autocompletevue_type_template_id_6cb7e2c2_scoped_true_render = function rend
     }
   }) : _vm._e(), _vm._l(_vm.paginatedDisplayItems, function (item, index) {
     return _c('li', {
-      key: _vm.getItemValue(item),
+      key: _vm.itemRowKey(item, index),
       staticClass: "list-group-item autocomplete-item",
       class: {
         'active': _vm.windowStart + index === _vm.highlightedIndex,
@@ -44144,7 +44246,7 @@ var Autocompletevue_type_template_id_6cb7e2c2_scoped_true_render = function rend
     staticClass: "d-flex flex-wrap align-items-center"
   }, [_vm._l(_vm.visibleChips, function (selectedItem, index) {
     return [index < _vm.maxVisibleChipsCount ? _c('span', {
-      key: _vm.getItemValue(selectedItem),
+      key: 'chip-' + index + '-' + _vm.getItemValue(selectedItem),
       staticClass: "badge badge-primary mr-1 mb-1 pl-2 autocomplete-chip",
       attrs: {
         "title": _vm.getChipText(selectedItem)
@@ -44184,7 +44286,7 @@ var Autocompletevue_type_template_id_6cb7e2c2_scoped_true_render = function rend
     staticClass: "autocomplete-input-inline",
     attrs: {
       "type": "text",
-      "placeholder": _vm.selectedItems.length === 0 ? _vm.placeholder : '',
+      "placeholder": _vm.selectedCount === 0 ? _vm.placeholder : '',
       "disabled": _vm.disabled
     },
     domProps: {
@@ -44355,7 +44457,7 @@ var Autocompletevue_type_template_id_6cb7e2c2_scoped_true_render = function rend
       staticClass: "list-group list-group-flush"
     }, _vm._l(group.items, function (item, itemIndex) {
       return _c('li', {
-        key: _vm.getItemValue(item),
+        key: _vm.itemRowKey(item, null, groupIndex, itemIndex),
         staticClass: "list-group-item autocomplete-item",
         class: {
           'active': _vm.getFlatIndex(groupIndex, itemIndex) === _vm.highlightedIndex,
@@ -44437,7 +44539,7 @@ var Autocompletevue_type_template_id_6cb7e2c2_scoped_true_render = function rend
     }
   }) : _vm._e(), _vm._l(_vm.paginatedDisplayItems, function (item, index) {
     return _c('li', {
-      key: _vm.getItemValue(item),
+      key: _vm.itemRowKey(item, index),
       staticClass: "list-group-item autocomplete-item",
       class: {
         'active': _vm.windowStart + index === _vm.highlightedIndex,
@@ -44501,7 +44603,7 @@ var Autocompletevue_type_template_id_6cb7e2c2_scoped_true_render = function rend
     }, [_vm._v(_vm._s(error))]);
   }), 0) : _vm._e()]);
 };
-var Autocompletevue_type_template_id_6cb7e2c2_scoped_true_staticRenderFns = [function () {
+var Autocompletevue_type_template_id_562f416e_scoped_true_staticRenderFns = [function () {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -44525,7 +44627,7 @@ var Autocompletevue_type_template_id_6cb7e2c2_scoped_true_staticRenderFns = [fun
   }, [_vm._v("Loading...")])]);
 }];
 
-// CONCATENATED MODULE: ./src/components/Autocomplete.vue?vue&type=template&id=6cb7e2c2&scoped=true
+// CONCATENATED MODULE: ./src/components/Autocomplete.vue?vue&type=template&id=562f416e&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.reduce.js
 var es_array_reduce = __webpack_require__("13d5");
@@ -44835,33 +44937,20 @@ var es_set_union_v2 = __webpack_require__("72c3");
     menuMaxHeight() {
       return this.menuProps && this.menuProps.maxHeight || 300;
     },
-    selectedItems() {
-      if (!this.multiple) return [];
-
-      // Get selected values from currentValue (supports both value and modelValue props)
+    /** O(1) membership checks when thousands of contracts are selected */
+    selectedValueSet() {
       const currentVal = this.currentValue;
-      const selectedValues = Array.isArray(currentVal) ? currentVal : currentVal ? [currentVal] : [];
-      if (selectedValues.length === 0) {
-        return [];
+      if (this.multiple) {
+        const selectedValues = Array.isArray(currentVal) ? currentVal : currentVal ? [currentVal] : [];
+        return new Set(selectedValues.map(sv => String(sv)));
       }
-
-      // Look through ALL items (unfiltered), not just displayItems (which might be filtered)
-      let itemsToSearch = this.allItems && this.allItems.length > 0 ? this.allItems : this.items;
-
-      // Flatten grouped items if needed
-      if (itemsToSearch.length > 0 && Array.isArray(itemsToSearch[0].items)) {
-        // Items are in grouped format - flatten them
-        itemsToSearch = itemsToSearch.flatMap(group => group.items || []);
+      if (currentVal !== null && currentVal !== undefined && currentVal !== '') {
+        return new Set([String(currentVal)]);
       }
-      const filtered = itemsToSearch.filter(item => {
-        const itemValue = this.getItemValue(item);
-        return selectedValues.some(sv => String(sv) === String(itemValue));
-      });
-      return filtered.map(item => ({
-        ...item,
-        title: this.getItemText(item),
-        value: this.getItemValue(item)
-      }));
+      return new Set();
+    },
+    selectedCount() {
+      return this.selectedValueSet.size;
     },
     displayText() {
       if (this.multiple) return '';
@@ -44879,42 +44968,46 @@ var es_set_union_v2 = __webpack_require__("72c3");
       }
       return this.validateRules();
     },
-    // Chips display logic
+    // Chips display logic — resolve only the few chips shown, not every selected id
     visibleChips() {
-      return this.selectedItems;
+      if (!this.multiple || this.selectedCount === 0) return [];
+      const limit = this.maxVisibleChipsCount;
+      if (limit <= 0) return [];
+      const set = this.selectedValueSet;
+      let itemsToSearch = this.allItems && this.allItems.length > 0 ? this.allItems : this.items;
+      if (itemsToSearch.length > 0 && Array.isArray(itemsToSearch[0].items)) {
+        itemsToSearch = itemsToSearch.flatMap(group => group.items || []);
+      }
+      const chips = [];
+      for (let i = 0; i < itemsToSearch.length && chips.length < limit; i++) {
+        const item = itemsToSearch[i];
+        const itemValue = String(this.getItemValue(item));
+        if (!set.has(itemValue)) continue;
+        chips.push({
+          ...item,
+          title: this.getItemText(item),
+          value: this.getItemValue(item)
+        });
+      }
+      return chips;
     },
     maxVisibleChipsCount() {
-      return this.maxVisibleChips !== null && this.maxVisibleChips !== undefined ? this.maxVisibleChips : this.selectedItems.length;
+      return this.maxVisibleChips !== null && this.maxVisibleChips !== undefined ? this.maxVisibleChips : this.selectedCount;
     },
     remainingChipsCount() {
       if (this.maxVisibleChips === null || this.maxVisibleChips === undefined) return 0;
-      return Math.max(0, this.selectedItems.length - this.maxVisibleChips);
+      return Math.max(0, this.selectedCount - this.maxVisibleChips);
     },
     // Action buttons
     hasActionButtons() {
       return this.actionButtons && (this.actionButtons.selectAll || this.actionButtons.active || this.actionButtons.inactive || this.actionButtons.clear);
     },
-    // O(1) Set of stringified selected values — used by isSelected to avoid O(n) .some() per item
-    selectedValueSet() {
-      const currentVal = this.currentValue;
-      if (this.multiple) {
-        const selectedValues = Array.isArray(currentVal) ? currentVal : currentVal ? [currentVal] : [];
-        return new Set(selectedValues.map(sv => String(sv)));
-      }
-      if (currentVal !== null && currentVal !== undefined) {
-        return new Set([String(currentVal)]);
-      }
-      return new Set();
-    },
     allSelected() {
       if (!this.multiple) return false;
-      // Check if all filtered items are selected
       const filteredItems = this.filteredDisplayItems;
-      const selectedValues = Array.isArray(this.currentValue) ? this.currentValue : [];
-      return filteredItems.length > 0 && filteredItems.every(item => {
-        const itemValue = this.getItemValue(item);
-        return selectedValues.some(sv => String(sv) === String(itemValue));
-      });
+      if (filteredItems.length === 0) return false;
+      const set = this.selectedValueSet;
+      return filteredItems.every(item => set.has(String(this.getItemValue(item))));
     },
     hasSelectedItems() {
       if (!this.multiple) return false;
@@ -45075,7 +45168,7 @@ var es_set_union_v2 = __webpack_require__("72c3");
   methods: {
     getItemText(item) {
       if (item.raw) {
-        return item.raw.text || item.raw.title || item.raw[this.itemTitle] || '';
+        return item.raw.text || item.raw.name || item.raw.title || item.raw[this.itemTitle] || '';
       }
       return item.text || item.title || item[this.itemTitle] || '';
     },
@@ -45147,6 +45240,17 @@ var es_set_union_v2 = __webpack_require__("72c3");
       }
       return group[field] || '';
     },
+    /** Stable unique key for v-for rows (API may return duplicate value ids) */
+    itemRowKey(item, index, groupIndex, itemIndex) {
+      const value = this.getItemValue(item);
+      const base = value != null && value !== '' ? String(value) : 'item';
+      if (groupIndex != null && itemIndex != null) {
+        return `g${groupIndex}-i${itemIndex}-${base}`;
+      }
+      const offset = this.windowStart != null ? this.windowStart : 0;
+      const idx = index != null ? index : 0;
+      return `r${offset + idx}-${base}`;
+    },
     isSelected(item) {
       const value = this.getItemValue(item);
       return this.selectedValueSet.has(String(value));
@@ -45256,9 +45360,9 @@ var es_set_union_v2 = __webpack_require__("72c3");
         if (index > -1) {
           selectedValues.splice(index, 1);
           // Emit both events for Vue 2 and Vue 3 compatibility
-          this.$emit('input', selectedValues);
+          this.$emit('input', selectedValues, 'remove');
           this.$emit('update:modelValue', selectedValues);
-          this.$emit('change', selectedValues);
+          this.$emit('change', selectedValues, 'remove');
         }
       }
     },
@@ -45374,22 +45478,36 @@ var es_set_union_v2 = __webpack_require__("72c3");
     },
     // Action button methods
     selectAll(event) {
-      // Prevent event from bubbling
       if (event) {
         event.preventDefault();
         event.stopPropagation();
         event.stopImmediatePropagation();
       }
       if (!this.multiple) return;
-      // Select all items from the currently filtered/displayed items
-      const allItems = this.filteredDisplayItems;
-      const allValues = allItems.map(item => this.getItemValue(item));
-      // Merge with existing selections to avoid deselecting items not in current filter
-      const currentValues = Array.isArray(this.currentValue) ? this.currentValue : [];
-      const mergedValues = [...new Set([...currentValues, ...allValues])];
-      this.$emit('input', mergedValues);
-      this.$emit('update:modelValue', mergedValues);
-      this.$emit('change', mergedValues);
+      const mergedSet = new Set(this.selectedValueSet);
+      for (const item of this.filteredDisplayItems) {
+        mergedSet.add(String(this.getItemValue(item)));
+      }
+      const mergedValues = Array.from(mergedSet, key => {
+        const n = Number(key);
+        return !isNaN(n) && String(n) === key ? n : key;
+      });
+
+      // Defer the large v-model update so the click handler can finish and the UI stays responsive
+      const emitSelection = () => {
+        this.$emit('input', mergedValues);
+        this.$emit('update:modelValue', mergedValues);
+        this.$emit('change', mergedValues);
+      };
+      if (mergedValues.length > 200) {
+        if (typeof window !== 'undefined' && typeof window.requestAnimationFrame === 'function') {
+          window.requestAnimationFrame(emitSelection);
+        } else {
+          this.$nextTick(emitSelection);
+        }
+      } else {
+        emitSelection();
+      }
     },
     filterByStatus(status) {
       if (this.filterStatus === status) {
@@ -45489,8 +45607,8 @@ var es_set_union_v2 = __webpack_require__("72c3");
 });
 // CONCATENATED MODULE: ./src/components/Autocomplete.vue?vue&type=script&lang=js
  /* harmony default export */ var components_Autocompletevue_type_script_lang_js = (Autocompletevue_type_script_lang_js); 
-// EXTERNAL MODULE: ./src/components/Autocomplete.vue?vue&type=style&index=0&id=6cb7e2c2&prod&scoped=true&lang=css
-var Autocompletevue_type_style_index_0_id_6cb7e2c2_prod_scoped_true_lang_css = __webpack_require__("6275");
+// EXTERNAL MODULE: ./src/components/Autocomplete.vue?vue&type=style&index=0&id=562f416e&prod&scoped=true&lang=css
+var Autocompletevue_type_style_index_0_id_562f416e_prod_scoped_true_lang_css = __webpack_require__("f367");
 
 // CONCATENATED MODULE: ./src/components/Autocomplete.vue
 
@@ -45503,11 +45621,11 @@ var Autocompletevue_type_style_index_0_id_6cb7e2c2_prod_scoped_true_lang_css = _
 
 var Autocomplete_component = normalizeComponent(
   components_Autocompletevue_type_script_lang_js,
-  Autocompletevue_type_template_id_6cb7e2c2_scoped_true_render,
-  Autocompletevue_type_template_id_6cb7e2c2_scoped_true_staticRenderFns,
+  Autocompletevue_type_template_id_562f416e_scoped_true_render,
+  Autocompletevue_type_template_id_562f416e_scoped_true_staticRenderFns,
   false,
   null,
-  "6cb7e2c2",
+  "562f416e",
   null
   
 )
@@ -45702,10 +45820,6 @@ function SearchableSelectvue_type_script_lang_js_debounce(func, wait) {
       },
       set(value) {
         // Emit input event (Vue 2 v-model default)
-        console.log('=== internalValue setter ===');
-        console.log('Setting internalValue to:', value);
-        console.log('Current value prop:', this.value);
-        console.log('Emitting input event (Vue 2 v-model) with:', value);
         this.$emit('input', value);
         this.$emit('update:modelValue', value);
         if (!this.multiple) {
@@ -45924,14 +46038,14 @@ function SearchableSelectvue_type_script_lang_js_debounce(func, wait) {
         this.debouncedLoadItems(search, 1, false);
       }
     },
-    onSelectionChange(value) {
+    onSelectionChange(value, secondValue) {
       // Ensure value is an array for multiple mode
       const finalValue = this.multiple && !Array.isArray(value) ? [value] : value;
 
       // Emit both events for Vue 2 and Vue 3 compatibility
       this.$emit('input', finalValue);
       this.$emit('update:modelValue', finalValue);
-      if (!this.multiple) {
+      if (!this.multiple || secondValue == "remove") {
         this.$emit('change', finalValue);
       }
     },
@@ -46024,11 +46138,6 @@ function SearchableSelectvue_type_script_lang_js_debounce(func, wait) {
     },
     value: {
       handler: async function (newValue, oldValue) {
-        console.log('=== SearchableSelect value watcher ===');
-        console.log('New value:', newValue, 'type:', Array.isArray(newValue) ? 'array' : typeof newValue);
-        console.log('Old value:', oldValue);
-        console.log('=== End watcher ===');
-
         // Only load remote items if not using local items
         if (!this.useLocalItems && newValue && this.remoteItems.length === 0 && !this.loading && this.type) {
           // try {
@@ -46083,8 +46192,8 @@ function SearchableSelectvue_type_script_lang_js_debounce(func, wait) {
 });
 // CONCATENATED MODULE: ./src/components/SearchableSelect.vue?vue&type=script&lang=js
  /* harmony default export */ var components_SearchableSelectvue_type_script_lang_js = (SearchableSelectvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./src/components/SearchableSelect.vue?vue&type=style&index=0&id=50fe2d92&prod&scoped=true&lang=css
-var SearchableSelectvue_type_style_index_0_id_50fe2d92_prod_scoped_true_lang_css = __webpack_require__("02ac");
+// EXTERNAL MODULE: ./src/components/SearchableSelect.vue?vue&type=style&index=0&id=2ccba7c8&prod&scoped=true&lang=css
+var SearchableSelectvue_type_style_index_0_id_2ccba7c8_prod_scoped_true_lang_css = __webpack_require__("a4a6");
 
 // CONCATENATED MODULE: ./src/components/SearchableSelect.vue
 
@@ -46097,11 +46206,11 @@ var SearchableSelectvue_type_style_index_0_id_50fe2d92_prod_scoped_true_lang_css
 
 var SearchableSelect_component = normalizeComponent(
   components_SearchableSelectvue_type_script_lang_js,
-  SearchableSelectvue_type_template_id_50fe2d92_scoped_true_render,
-  SearchableSelectvue_type_template_id_50fe2d92_scoped_true_staticRenderFns,
+  SearchableSelectvue_type_template_id_2ccba7c8_scoped_true_render,
+  SearchableSelectvue_type_template_id_2ccba7c8_scoped_true_staticRenderFns,
   false,
   null,
-  "50fe2d92",
+  "2ccba7c8",
   null
   
 )
@@ -46132,11 +46241,12 @@ var SearchableSelect_component = normalizeComponent(
   },
   watch: {
     fieldInfo: {
-      handler: function () {
+      handler: async function () {
+        console.log("fieldInfo - searchable select - watch");
         const newKey = this._getOptionsSourceKey();
         if (newKey !== this._optionsSourceKey) {
           this._optionsSourceKey = newKey;
-          this.GetSelectOptions();
+          await this.GetSelectOptions();
         }
       },
       deep: true
@@ -46203,20 +46313,25 @@ var SearchableSelect_component = normalizeComponent(
       const selectKey = f.select_options ? typeof f.select_options === 'string' ? f.select_options.length : Array.isArray(f.select_options) ? f.select_options.length : 0 : 0;
       const urlKey = f.config && f.config.option_request_url || '';
       const bindKey = f.config && f.config.OptionsForBind ? f.config.OptionsForBind.length : 0;
-      return `${picklistKey}|${selectKey}|${urlKey}|${bindKey}`;
+      const optionsKey = f.config && f.config.options ? f.config.options.length : 0;
+      return `${picklistKey}|${selectKey}|${urlKey}|${bindKey}|${optionsKey}`;
     },
     GetSelectOptions: async function () {
       this._optionsSourceKey = this._getOptionsSourceKey();
       var vm = this;
       if (vm.fieldInfo.hasOwnProperty('config') && vm.fieldInfo.config.hasOwnProperty('OptionsForBind') == false) {
-        vm.fieldInfo.config.OptionsForBind = [];
+        vm.$set(vm.fieldInfo.config, 'OptionsForBind', []);
       }
       if (vm.fieldInfo.hasOwnProperty('picklist_options') && vm.fieldInfo.picklist_options != 'Lookup') {
-        vm.fieldInfo.config.OptionsForBind = vm.MakeArray(vm.fieldInfo.picklist_options);
+        vm.$set(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.OptionsForBind = vm.MakeNormalArray(vm.fieldInfo.select_options);
+        vm.$set(vm.fieldInfo.config, 'OptionsForBind', vm.MakeNormalArray(vm.fieldInfo.select_options));
+      } else if (vm.fieldInfo.hasOwnProperty('options') && vm.fieldInfo.options.length > 0) {
+        vm.$set(vm.fieldInfo.config, 'OptionsForBind', vm.MakeNormalArray(vm.fieldInfo.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;
+        // already set, nothing to do
+      } else if (vm.fieldInfo.hasOwnProperty('config') && Array.isArray(vm.fieldInfo.config.options) && vm.fieldInfo.config.options.length > 0) {
+        vm.fieldInfo.config.OptionsForBind = vm.fieldInfo.config.options;
       } 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: {
@@ -46225,9 +46340,9 @@ var SearchableSelect_component = normalizeComponent(
         }).then(res => {
           console.log(res.data);
           if (res.data && res.data.hasOwnProperty('DATA')) {
-            vm.fieldInfo.config.OptionsForBind = res.data.DATA;
+            vm.$set(vm.fieldInfo.config, 'OptionsForBind', res.data.DATA);
           } else {
-            vm.fieldInfo.config.OptionsForBind = res.data;
+            vm.$set(vm.fieldInfo.config, 'OptionsForBind', res.data);
           }
         }).catch(error => {
           console.log('Error on binding slect option in tg-control- ' + error);
@@ -46313,12 +46428,25 @@ var SearchableSelect_component = normalizeComponent(
       }
     },
     onSearchableChange: function (x, field, e) {
+      let isOnChangeOnCheckbox = false;
+      if (field && field.hasOwnProperty("config") && field.config.hasOwnProperty("isOnChangeOnCheckbox")) {
+        isOnChangeOnCheckbox = field.config.isOnChangeOnCheckbox;
+      }
       if (field && field.hasOwnProperty("config") && field.config.hasOwnProperty("onChange")) {
         if (typeof field.config.onChange == "function") {
-          field.config.onChange(field, x);
+          if (isOnChangeOnCheckbox && e == "input" && e == "input") {
+            field.config.onChange(field, x, e);
+          } else if (e != "input") {
+            field.config.onChange(field, x, e);
+          }
         }
       }
     },
+    onSearch: function (e, field, y) {
+      if (field && field.hasOwnProperty("config") && field.config.hasOwnProperty("onSearchChange")) {
+        field.config.onSearchChange(field, e.search);
+      }
+    },
     RenderOptions() {
       var options = [];
       var vm = this;
@@ -46353,8 +46481,8 @@ var SearchableSelect_component = normalizeComponent(
 
 var SearchableSelectField_component = normalizeComponent(
   components_SearchableSelectFieldvue_type_script_lang_js,
-  SearchableSelectFieldvue_type_template_id_22749d06_render,
-  SearchableSelectFieldvue_type_template_id_22749d06_staticRenderFns,
+  SearchableSelectFieldvue_type_template_id_4daf05b6_render,
+  SearchableSelectFieldvue_type_template_id_4daf05b6_staticRenderFns,
   false,
   null,
   null,