@oiz/stzh-components 3.8.0 → 3.8.1

package/dist/components/stzh-upload.js

@@ -13334,6 +13334,7 @@ const StzhUpload$1 = /*@__PURE__*/ proxyCustomElement(class StzhUpload extends H
     this.photographingConfig = undefined;
     this.photographingWebsocket = undefined;
     this.photographingToken = undefined;
+    this.hiddenInputFiles = [];
   }
   resetListener(event) {
     if (event.target.contains(this.element)) {
@@ -13682,7 +13683,7 @@ const StzhUpload$1 = /*@__PURE__*/ proxyCustomElement(class StzhUpload extends H
       // Receives `event`
       drop: e => {
         var _a;
-        // Merge files in hidden input.
+        // Preserve files in hidden input when preventHiddenInputClear is true
         if (this.preventHiddenInputClear) {
           const hiddenFileInput = (_a = this.hiddenInputContainerElement) === null || _a === void 0 ? void 0 : _a.querySelector("input");
           const dataTransfer = new DataTransfer();
@@ -13700,6 +13701,7 @@ const StzhUpload$1 = /*@__PURE__*/ proxyCustomElement(class StzhUpload extends H
       // Receives `file`
       // Taken from https://github.com/dropzone/dropzone/blob/v5.9.3/src/options.js#L594
       async addedfile(file) {
+        var _a;
         file._id = previewCounter++;
         self.totalFilesState.push(file);
         let sessCheck = sessionStorage.getItem("totalFilesState");
@@ -13709,6 +13711,26 @@ const StzhUpload$1 = /*@__PURE__*/ proxyCustomElement(class StzhUpload extends H
         else {
           sessionStorage.setItem("totalFilesState", JSON.stringify(self.totalFilesState));
         }
+        // Preserve files in hidden input when preventHiddenInputClear is true
+        if (self.preventHiddenInputClear) {
+          const hiddenFileInput = (_a = self.hiddenInputContainerElement) === null || _a === void 0 ? void 0 : _a.querySelector("input");
+          if (hiddenFileInput) {
+            let fileAlreadyExists = false;
+            if (file instanceof File) {
+              fileAlreadyExists = self.hiddenInputFiles.some(existingFile => existingFile.name === file.name && existingFile.size === file.size);
+              if (!fileAlreadyExists) {
+                self.hiddenInputFiles.push(file);
+              }
+            }
+            if (self.hiddenInputFiles.length > 0) {
+              const dataTransfer = new DataTransfer();
+              self.hiddenInputFiles.forEach(trackedFile => {
+                dataTransfer.items.add(trackedFile);
+              });
+              hiddenFileInput.files = dataTransfer.files;
+            }
+          }
+        }
         if (self.preventDuplicateFileNames) {
           if (self.totalFilesState.length > 0) {
             self.duplicateDetected = false; // reset
@@ -13941,14 +13963,16 @@ const StzhUpload$1 = /*@__PURE__*/ proxyCustomElement(class StzhUpload extends H
         sessionStorage.setItem("totalFilesState", JSON.stringify(this.totalFilesState));
       }
       if (this.preventHiddenInputClear) {
+        // Remove the file from our tracked array
+        this.hiddenInputFiles = this.hiddenInputFiles.filter(trackedFile => trackedFile.name !== file.name);
         const hiddenFileInput = (_a = this.hiddenInputContainerElement) === null || _a === void 0 ? void 0 : _a.querySelector("input");
-        const dataTransfer = new DataTransfer();
-        for (let i = 0; i < hiddenFileInput.files.length; i++) {
-          if (hiddenFileInput.files[i].name !== file.name) {
-            dataTransfer.items.add(hiddenFileInput.files[i]);
-          }
+        if (hiddenFileInput) {
+          const dataTransfer = new DataTransfer();
+          this.hiddenInputFiles.forEach(trackedFile => {
+            dataTransfer.items.add(trackedFile);
+          });
+          hiddenFileInput.files = dataTransfer.files;
         }
-        hiddenFileInput.files = dataTransfer.files;
       }
       return (this.stzhFileRemove.emit({
         component: "stzh-upload",
@@ -14160,6 +14184,7 @@ const StzhUpload$1 = /*@__PURE__*/ proxyCustomElement(class StzhUpload extends H
     "photographingConfig": [32],
     "photographingWebsocket": [32],
     "photographingToken": [32],
+    "hiddenInputFiles": [32],
     "processQueue": [64],
     "removeFile": [64],
     "removeAllFiles": [64]