tg-controls_cli 0.1.18 → 0.1.21

package/dist/myLib.common.js

@@ -497,13 +497,6 @@ utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {
 module.exports = Axios;
 
 
-/***/ }),
-
-/***/ "0bdd":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "0c64":
@@ -1066,17 +1059,6 @@ $({ target: 'Array', proto: true, forced: FORCED }, {
 });
 
 
-/***/ }),
-
-/***/ "1487":
-/***/ (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_59953a3f_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3dcc");
-/* 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_59953a3f_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_59953a3f_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "14d9":
@@ -1969,6 +1951,13 @@ module.exports = function isCancel(value) {
 };
 
 
+/***/ }),
+
+/***/ "302f":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "30b5":
@@ -2409,13 +2398,6 @@ module.exports = JSON.parse("{\"code\":\"el\",\"messages\":{\"alpha\":\"{_field_
 
 /***/ }),
 
-/***/ "3dcc":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "3f8c":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -24221,6 +24203,17 @@ module.exports = function (argument) {
 };
 
 
+/***/ }),
+
+/***/ "5119":
+/***/ (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_788e3b3b_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("9ae0");
+/* 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_788e3b3b_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_788e3b3b_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "51d9":
@@ -24742,17 +24735,6 @@ function _unsupportedIterableToArray(r, a) {
 }
 module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
-/***/ }),
-
-/***/ "66d0":
-/***/ (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_05648289_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0bdd");
-/* 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_05648289_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_05648289_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "68df":
@@ -26494,6 +26476,13 @@ var ENVIRONMENT = __webpack_require__("8558");
 module.exports = ENVIRONMENT === 'NODE';
 
 
+/***/ }),
+
+/***/ "9ae0":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "9b42":
@@ -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=152c1494
-var SearchableSelectFieldvue_type_template_id_152c1494_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=9e406a10
+var SearchableSelectFieldvue_type_template_id_9e406a10_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('Field', {
@@ -43791,9 +43887,13 @@ var SearchableSelectFieldvue_type_template_id_152c1494_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');
-            }
+            },
+            "focus": _vm.onFocus
           },
           model: {
             value: _vm.fieldInfo.value,
@@ -43809,12 +43909,12 @@ var SearchableSelectFieldvue_type_template_id_152c1494_render = function render(
     }])
   });
 };
-var SearchableSelectFieldvue_type_template_id_152c1494_staticRenderFns = [];
+var SearchableSelectFieldvue_type_template_id_9e406a10_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/SearchableSelectField.vue?vue&type=template&id=152c1494
+// CONCATENATED MODULE: ./src/components/SearchableSelectField.vue?vue&type=template&id=9e406a10
 
-// 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=59953a3f&scoped=true
-var SearchableSelectvue_type_template_id_59953a3f_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=788e3b3b&scoped=true
+var SearchableSelectvue_type_template_id_788e3b3b_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -43860,12 +43960,12 @@ var SearchableSelectvue_type_template_id_59953a3f_scoped_true_render = function
     }
   })], 1);
 };
-var SearchableSelectvue_type_template_id_59953a3f_scoped_true_staticRenderFns = [];
+var SearchableSelectvue_type_template_id_788e3b3b_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/SearchableSelect.vue?vue&type=template&id=59953a3f&scoped=true
+// CONCATENATED MODULE: ./src/components/SearchableSelect.vue?vue&type=template&id=788e3b3b&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=05648289&scoped=true
-var Autocompletevue_type_template_id_05648289_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', {
@@ -44504,7 +44604,7 @@ var Autocompletevue_type_template_id_05648289_scoped_true_render = function rend
     }, [_vm._v(_vm._s(error))]);
   }), 0) : _vm._e()]);
 };
-var Autocompletevue_type_template_id_05648289_scoped_true_staticRenderFns = [function () {
+var Autocompletevue_type_template_id_562f416e_scoped_true_staticRenderFns = [function () {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -44528,7 +44628,7 @@ var Autocompletevue_type_template_id_05648289_scoped_true_staticRenderFns = [fun
   }, [_vm._v("Loading...")])]);
 }];
 
-// CONCATENATED MODULE: ./src/components/Autocomplete.vue?vue&type=template&id=05648289&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");
@@ -45261,9 +45361,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');
         }
       }
     },
@@ -45508,8 +45608,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=05648289&prod&scoped=true&lang=css
-var Autocompletevue_type_style_index_0_id_05648289_prod_scoped_true_lang_css = __webpack_require__("66d0");
+// 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
 
@@ -45522,11 +45622,11 @@ var Autocompletevue_type_style_index_0_id_05648289_prod_scoped_true_lang_css = _
 
 var Autocomplete_component = normalizeComponent(
   components_Autocompletevue_type_script_lang_js,
-  Autocompletevue_type_template_id_05648289_scoped_true_render,
-  Autocompletevue_type_template_id_05648289_scoped_true_staticRenderFns,
+  Autocompletevue_type_template_id_562f416e_scoped_true_render,
+  Autocompletevue_type_template_id_562f416e_scoped_true_staticRenderFns,
   false,
   null,
-  "05648289",
+  "562f416e",
   null
   
 )
@@ -45862,6 +45962,7 @@ function SearchableSelectvue_type_script_lang_js_debounce(func, wait) {
       });
     },
     async loadItems(search = '', page = 1, append = false) {
+      console.log("load item", search);
       // If using local items, filter them instead of making API call
       if (this.useLocalItems) {
         const filtered = this.filterLocalItems(search);
@@ -45869,6 +45970,7 @@ function SearchableSelectvue_type_script_lang_js_debounce(func, wait) {
         // The displayItems computed will handle showing filtered items
         this.totalItems = filtered.length;
         this.hasMore = false;
+        console.log("load item 1", search);
         this.$emit('search', {
           search,
           results: filtered.length,
@@ -45939,19 +46041,19 @@ 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);
       }
     },
-    onFocus() {
-      this.$emit('focus');
+    onFocus(e) {
+      this.$emit('focus', e);
       if (this.useLocalItems) {
         // For local items, displayItems will show all items when searchTerm is empty
         // No action needed
@@ -46093,8 +46195,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=59953a3f&prod&scoped=true&lang=css
-var SearchableSelectvue_type_style_index_0_id_59953a3f_prod_scoped_true_lang_css = __webpack_require__("1487");
+// EXTERNAL MODULE: ./src/components/SearchableSelect.vue?vue&type=style&index=0&id=788e3b3b&prod&scoped=true&lang=css
+var SearchableSelectvue_type_style_index_0_id_788e3b3b_prod_scoped_true_lang_css = __webpack_require__("5119");
 
 // CONCATENATED MODULE: ./src/components/SearchableSelect.vue
 
@@ -46107,11 +46209,11 @@ var SearchableSelectvue_type_style_index_0_id_59953a3f_prod_scoped_true_lang_css
 
 var SearchableSelect_component = normalizeComponent(
   components_SearchableSelectvue_type_script_lang_js,
-  SearchableSelectvue_type_template_id_59953a3f_scoped_true_render,
-  SearchableSelectvue_type_template_id_59953a3f_scoped_true_staticRenderFns,
+  SearchableSelectvue_type_template_id_788e3b3b_scoped_true_render,
+  SearchableSelectvue_type_template_id_788e3b3b_scoped_true_staticRenderFns,
   false,
   null,
-  "59953a3f",
+  "788e3b3b",
   null
   
 )
@@ -46184,6 +46286,13 @@ var SearchableSelect_component = normalizeComponent(
       }
       this.$emit('UpdateKeyValue', 1);
     },
+    onFocus: function (e) {
+      if (this.fieldInfo && this.fieldInfo.config && this.fieldInfo.config.onFocus) {
+        if (typeof this.fieldInfo.config.onFocus == "function") {
+          this.fieldInfo.config.onFocus(e, this.fieldInfo);
+        }
+      }
+    },
     showAddIcon: function () {
       if (this.fieldInfo.config && this.fieldInfo.config.showAddIcon) {
         return this.fieldInfo.config.showAddIcon;
@@ -46329,9 +46438,17 @@ 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);
+          }
         }
       }
     },
@@ -46374,8 +46491,8 @@ var SearchableSelect_component = normalizeComponent(
 
 var SearchableSelectField_component = normalizeComponent(
   components_SearchableSelectFieldvue_type_script_lang_js,
-  SearchableSelectFieldvue_type_template_id_152c1494_render,
-  SearchableSelectFieldvue_type_template_id_152c1494_staticRenderFns,
+  SearchableSelectFieldvue_type_template_id_9e406a10_render,
+  SearchableSelectFieldvue_type_template_id_9e406a10_staticRenderFns,
   false,
   null,
   null,