@dmitryvim/form-builder 0.2.28 → 0.2.29

package/dist/esm/index.js

@@ -2628,22 +2628,34 @@ function setEmptyFileContainer(fileContainer, state, hint) {
     </div>
   `;
 }
+var dragDropHandlers = /* @__PURE__ */ new WeakMap();
 function setupDragAndDrop(element, dropHandler) {
-  element.addEventListener("dragover", (e) => {
+  const prev = dragDropHandlers.get(element);
+  if (prev) {
+    element.removeEventListener("dragover", prev.dragover);
+    element.removeEventListener("dragleave", prev.dragleave);
+    element.removeEventListener("drop", prev.drop);
+  }
+  const dragover = (e) => {
     e.preventDefault();
     element.classList.add("border-blue-500", "bg-blue-50");
-  });
-  element.addEventListener("dragleave", (e) => {
+  };
+  const dragleave = (e) => {
     e.preventDefault();
     element.classList.remove("border-blue-500", "bg-blue-50");
-  });
-  element.addEventListener("drop", (e) => {
+  };
+  const drop = (e) => {
     e.preventDefault();
     element.classList.remove("border-blue-500", "bg-blue-50");
-    if (e.dataTransfer?.files) {
-      dropHandler(e.dataTransfer.files);
+    const files = e.dataTransfer?.files;
+    if (files) {
+      dropHandler(files);
     }
-  });
+  };
+  element.addEventListener("dragover", dragover);
+  element.addEventListener("dragleave", dragleave);
+  element.addEventListener("drop", drop);
+  dragDropHandlers.set(element, { dragover, dragleave, drop });
 }
 
 // src/components/file/preview.ts
@@ -3898,7 +3910,7 @@ function renderFileElementEdit(element, ctx, wrapper, pathKey) {
         releaseLocalFileUrl(state.resourceIndex.get(currentRid)?.file);
       }
       if (hiddenInput) hiddenInput.value = "";
-      handlers.restoreDropzone();
+      renderEmptySingleState();
     }
   };
   const buildDeps = () => ({
@@ -3913,6 +3925,9 @@ function renderFileElementEdit(element, ctx, wrapper, pathKey) {
       fileContainer.className = "file-preview-container";
       fileContainer.removeAttribute("style");
       fileContainer.onclick = null;
+      while (fileContainer.firstChild) {
+        fileContainer.removeChild(fileContainer.firstChild);
+      }
       const row = document.createElement("div");
       row.className = "fb-file-card-row";
       row.style.cssText = "display:flex;gap:8px;align-items:stretch;";