@oiz/stzh-components 3.8.0-beta2 → 3.8.1

package/dist/esm/stzh-upload.entry.js

@@ -13323,6 +13323,7 @@ const StzhUpload = class {
     this.photographingConfig = undefined;
     this.photographingWebsocket = undefined;
     this.photographingToken = undefined;
+    this.hiddenInputFiles = [];
   }
   resetListener(event) {
     if (event.target.contains(this.element)) {
@@ -13397,7 +13398,9 @@ const StzhUpload = class {
     if (input === "" || input === undefined) {
       input = this.localization.photographingLabelDefault;
     }
-    return encodeURIComponent(input.replaceAll('%', ''));
+    let cleanStr = input.replaceAll('/', '-');
+    // @ts-ignore
+    return encodeURIComponent(cleanStr.replaceAll('%', ''));
   }
   async getToken() {
     if (this.photographingToken &&
@@ -13669,7 +13672,7 @@ const StzhUpload = class {
       // 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();
@@ -13687,6 +13690,7 @@ const StzhUpload = class {
       // 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");
@@ -13696,6 +13700,26 @@ const StzhUpload = class {
         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
@@ -13928,14 +13952,16 @@ const StzhUpload = class {
         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",