@bagelink/vue 1.2.93 → 1.2.97

package/dist/index.mjs

@@ -15728,8 +15728,8 @@ const _hoisted_12$3 = {
   key: 1,
   class: "bgl-single-preview"
 };
-const _hoisted_13$1 = { class: "position-start m-05 flex opacity-7 z-99 gap-025" };
-const _hoisted_14$1 = {
+const _hoisted_13$2 = { class: "position-start m-05 flex opacity-7 z-99 gap-025" };
+const _hoisted_14$2 = {
   key: 0,
   class: "h-100"
 };
@@ -16079,7 +16079,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
                   key: file.id,
                   class: normalizeClass(["single-image-item-preview", { "bgl_fill-image": _ctx.fill }])
                 }, [
-                  createElementVNode("div", _hoisted_13$1, [
+                  createElementVNode("div", _hoisted_13$2, [
                     withDirectives(createVNode(unref(Btn), {
                       color: "gray",
                       thin: "",
@@ -16109,7 +16109,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
                       [_directive_tooltip, "Download"]
                     ])
                   ]),
-                  isImage(file.extension || file.url) ? (openBlock(), createElementBlock("div", _hoisted_14$1, [
+                  isImage(file.extension || file.url) ? (openBlock(), createElementBlock("div", _hoisted_14$2, [
                     withDirectives(createVNode(unref(Image$1), {
                       class: "single-preview",
                       src: file.url,
@@ -27655,6 +27655,108 @@ const files = {
     return axios$1.get("/files_v2/list", { params: { dir_path: dirPath } });
   }
 };
+function useFileUpload(props2 = {}) {
+  files.setBaseUrl(useBagel().host);
+  const fileQueue = ref([]);
+  const storageFiles = ref([]);
+  const pk = ref([]);
+  const pathKeys = computed(() => {
+    const storagePathKeys = storageFiles.value.map((file) => file.path_key);
+    return [...pk.value, ...storagePathKeys];
+  });
+  const fileToUrl = (file) => URL.createObjectURL(file);
+  const addFile = (file) => {
+    if (!file) return;
+    let filesToAdd = [];
+    if (file instanceof File) {
+      filesToAdd = [file];
+    } else if (file instanceof FileList) {
+      filesToAdd = Array.from(file);
+    } else if (Array.isArray(file)) {
+      filesToAdd = file;
+    }
+    const newQueueFiles = filesToAdd.map((f2) => ({
+      name: f2.name,
+      file: f2,
+      progress: 0
+    }));
+    fileQueue.value.push(...newQueueFiles);
+  };
+  const removeFile = async (pathKeyOrFile) => {
+    if (typeof pathKeyOrFile === "string") {
+      storageFiles.value = storageFiles.value.filter((file) => file.path_key !== pathKeyOrFile);
+      const pathKeyIndex = pk.value.indexOf(pathKeyOrFile);
+      if (pathKeyIndex !== -1) {
+        pk.value.splice(pathKeyIndex, 1);
+      }
+      try {
+        await files.delete(pathKeyOrFile);
+      } catch (error) {
+        console.error("Error deleting file:", error);
+      }
+    } else if (pathKeyOrFile) {
+      const index2 = fileQueue.value.findIndex(({ file }) => file.name === pathKeyOrFile.name);
+      if (index2 !== -1) {
+        fileQueue.value.splice(index2, 1);
+      }
+    }
+  };
+  const flushQueue = async () => {
+    for (const file of fileQueue.value) {
+      file.uploading = true;
+      if (!props2.multiple) {
+        pk.value.splice(0, 1);
+      }
+      try {
+        const { data: data2 } = await files.upload(file.file, {
+          onUploadProgress: (e) => {
+            file.progress = e.loaded / e.total * 100 - 1;
+          },
+          dirPath: props2.dirPath
+        });
+        pk.value.push(data2.path_key);
+      } catch (error) {
+        console.error("Error uploading file:", error);
+      }
+    }
+    fileQueue.value = [];
+  };
+  const browse = (upload = false) => {
+    if (props2.disabled) return;
+    const input = document.createElement("input");
+    input.type = "file";
+    input.multiple = !!props2.multiple;
+    input.accept = props2.accept || "";
+    input.onchange = (e) => {
+      addFile(e.target.files);
+      if (upload) {
+        flushQueue();
+      }
+    };
+    input.click();
+  };
+  onMounted(() => {
+    if (props2.dirPath) {
+      files.list(props2.dirPath).then((response) => {
+        const responseData = Array.isArray(response.data) ? response.data : [response.data];
+        storageFiles.value.push(...responseData);
+      }).catch((error) => {
+        console.error("Error loading files:", error);
+      });
+    }
+  });
+  return {
+    fileQueue,
+    storageFiles,
+    pk,
+    pathKeys,
+    fileToUrl,
+    removeFile,
+    flushQueue,
+    addFile,
+    browse
+  };
+}
 const _hoisted_1$o = { class: "bagel-input" };
 const _hoisted_2$e = { key: 0 };
 const _hoisted_3$b = {
@@ -27685,8 +27787,8 @@ const _hoisted_12$2 = {
   key: 1,
   class: "bgl-single-preview"
 };
-const _hoisted_13 = { class: "position-start m-05 flex opacity-7 z-99 gap-025" };
-const _hoisted_14 = {
+const _hoisted_13$1 = { class: "position-start m-05 flex opacity-7 z-99 gap-025" };
+const _hoisted_14$1 = {
   key: 0,
   class: "h-100"
 };
@@ -27720,111 +27822,61 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
-    const bagel = useBagel(bagelInjectionKey);
-    files.setBaseUrl(bagel.host);
-    const fileQueue = ref([]);
-    let storageFiles = ref([]);
-    const pk = ref([props2.modelValue].flat().filter(Boolean));
-    const pathKeys = computed(() => {
-      const sf = storageFiles.value.map((file) => file.path_key);
-      return [...pk.value, ...sf];
-    });
-    watch(() => pk.value, (value) => {
-      if (props2.multiple) emit2("update:modelValue", value);
-      else emit2("update:modelValue", value[0] || void 0);
-    }, { deep: true });
+    const {
+      fileQueue,
+      pathKeys,
+      removeFile,
+      flushQueue,
+      fileToUrl,
+      addFile,
+      browse
+    } = useFileUpload({
+      disabled: props2.disabled,
+      dirPath: props2.dirPath,
+      multiple: props2.multiple,
+      accept: props2.accept
+    });
     const isImage = (str) => IMAGE_FORMATS_REGEXP.test(str);
-    const fileToUrl = (file) => URL.createObjectURL(file);
     let isDragOver = ref(false);
-    async function removeFile(path_key) {
-      storageFiles.value = storageFiles.value.filter((file) => file.path_key !== path_key);
-      const pki = pk.value.indexOf(path_key);
-      if (pki !== -1) pk.value.splice(pki, 1);
-      try {
-        await files.delete(path_key);
-      } catch (error) {
-        console.error(error);
-      }
-    }
-    async function flushQueue() {
-      emit2("addFileStart");
-      for (const file of fileQueue.value) {
-        file.uploading = true;
-        if (!props2.multiple) pk.value.splice(0, 1);
-        try {
-          const { data: data2 } = await files.upload(file.file, {
-            onUploadProgress: (e) => {
-              file.progress = e.loaded / e.total * 100 - 1;
-            },
-            dirPath: props2.dirPath
-          });
-          pk.value.push(data2.path_key);
-        } catch (error) {
-          console.error("error flushing queue", error);
-        }
-      }
-      fileQueue.value.splice(0, fileQueue.value.length);
-    }
-    function browse() {
-      if (props2.disabled) return;
-      const input = document.createElement("input");
-      input.type = "file";
-      input.multiple = props2.multiple;
-      input.accept = props2.accept;
-      input.onchange = (e) => {
-        const files2 = Array.from(e.target.files || []);
-        fileQueue.value.push(...files2.map((file) => ({ name: file.name, file, progress: 0 })));
-        flushQueue();
-      };
-      input.click();
-    }
     function handleDrag(e, isDragging = false) {
       e.preventDefault();
       e.stopPropagation();
       if (!props2.disabled) isDragOver.value = isDragging;
     }
-    function handleDrop(e) {
+    async function handleDrop(e) {
       var _a;
       if (props2.disabled) return;
       e.preventDefault();
       e.stopPropagation();
-      if ((_a = e.dataTransfer) == null ? void 0 : _a.files) {
-        fileQueue.value.push(...Array.from(e.dataTransfer.files).map((file) => ({ name: file.name, file, progress: 0 })));
-        flushQueue();
-      }
+      emit2("addFileStart");
+      addFile((_a = e.dataTransfer) == null ? void 0 : _a.files);
+      await flushQueue();
+      emit2("update:modelValue", pathKeys.value);
       isDragOver.value = false;
     }
-    if (props2.dirPath) {
-      files.list(props2.dirPath).then((response) => storageFiles.value.push(...[response.data].flat())).catch(console.error);
-    }
-    watch(() => props2.dirPath, () => {
-      if (props2.dirPath) {
-        files.list(props2.dirPath).then((response) => storageFiles.value.push(...[response.data].flat())).catch(console.error);
-      }
-    });
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
       const _directive_lightbox = resolveDirective("lightbox");
       return openBlock(), createElementBlock("div", _hoisted_1$o, [
         _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$e, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
-        _ctx.required && !pathKeys.value.length ? (openBlock(), createElementBlock("input", _hoisted_3$b)) : createCommentVNode("", true),
+        _ctx.required && !unref(pathKeys).length ? (openBlock(), createElementBlock("input", _hoisted_3$b)) : createCommentVNode("", true),
         _ctx.theme === "basic" ? (openBlock(), createBlock(unref(_sfc_main$13), {
           key: 2,
           outline: "",
           class: "flex p-05 gap-1",
-          onDragover: _cache[0] || (_cache[0] = (e) => handleDrag(e, true)),
+          onDragover: _cache[2] || (_cache[2] = (e) => handleDrag(e, true)),
           onDrop: handleDrop
         }, {
           default: withCtx(() => [
-            !pathKeys.value.length && !fileQueue.value.length ? (openBlock(), createBlock(unref(Btn), {
+            !unref(pathKeys).length && !unref(fileQueue).length ? (openBlock(), createBlock(unref(Btn), {
               key: 0,
               class: "px-1-5",
               icon: "upload",
               outline: "",
               value: _ctx.btnPlaceholder || "Upload",
-              onClick: browse
+              onClick: _cache[0] || (_cache[0] = ($event) => unref(browse)(true))
             }, null, 8, ["value"])) : createCommentVNode("", true),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(pathKeys.value, (path_key) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pathKeys), (path_key) => {
               return openBlock(), createElementBlock("div", {
                 key: path_key,
                 class: "txt-gray txt-12 flex"
@@ -27834,7 +27886,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                     color: "gray",
                     thin: "",
                     icon: "delete",
-                    onClick: ($event) => removeFile(path_key)
+                    onClick: ($event) => unref(removeFile)(path_key)
                   }, null, 8, ["onClick"]), [
                     [_directive_tooltip, "Delete"]
                   ]),
@@ -27842,7 +27894,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                     color: "gray",
                     thin: "",
                     icon: "autorenew",
-                    onClick: browse
+                    onClick: _cache[1] || (_cache[1] = ($event) => unref(browse)(true))
                   }, null, 512), [
                     [_directive_tooltip, "Replace"]
                   ]),
@@ -27867,28 +27919,28 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                 ])
               ]);
             }), 128)),
-            !pathKeys.value.length && !fileQueue.value.length ? (openBlock(), createElementBlock("span", _hoisted_7$4, toDisplayString(_ctx.noFilePlaceholder || "No file selected"), 1)) : createCommentVNode("", true)
+            !unref(pathKeys).length && !unref(fileQueue).length ? (openBlock(), createElementBlock("span", _hoisted_7$4, toDisplayString(_ctx.noFilePlaceholder || "No file selected"), 1)) : createCommentVNode("", true)
           ]),
           _: 1
         })) : (openBlock(), createElementBlock("div", {
           key: 3,
           class: normalizeClass(["fileUploadWrap", {
-            "fileDropZone": !pathKeys.value.length && !fileQueue.value.length,
+            "fileDropZone": !unref(pathKeys).length && !unref(fileQueue).length,
             "dragover": unref(isDragOver),
             "bgl_oval-upload": _ctx.oval
           }]),
           style: normalizeStyle({ width: _ctx.width, height: _ctx.height }),
-          onClick: browse,
-          onDragover: _cache[1] || (_cache[1] = (e) => handleDrag(e, true)),
+          onClick: _cache[4] || (_cache[4] = ($event) => unref(browse)(true)),
+          onDragover: _cache[5] || (_cache[5] = (e) => handleDrag(e, true)),
           onDrop: handleDrop,
-          onDragleave: _cache[2] || (_cache[2] = (e) => handleDrag(e))
+          onDragleave: _cache[6] || (_cache[6] = (e) => handleDrag(e))
         }, [
           renderSlot(_ctx.$slots, "files", {
-            files: pathKeys.value,
-            fileQueue: fileQueue.value
+            files: unref(pathKeys),
+            fileQueue: unref(fileQueue)
           }, () => [
             _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_8$3, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(pathKeys.value, (path_key) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pathKeys), (path_key) => {
                 return withDirectives((openBlock(), createElementBlock("div", {
                   key: path_key,
                   class: normalizeClass(["multi-image-item-preview", { "bgl_fill-image": _ctx.fill }])
@@ -27908,13 +27960,13 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                     flat: "",
                     icon: "delete",
                     color: "red",
-                    onClick: ($event) => removeFile(path_key)
+                    onClick: ($event) => unref(removeFile)(path_key)
                   }, null, 8, ["onClick"])
                 ], 2)), [
                   [_directive_lightbox, { src: unref(pathKeyToURL)(path_key), download: true }]
                 ]);
               }), 128)),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(fileQueue.value, (file) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(fileQueue), (file) => {
                 return openBlock(), createElementBlock("div", {
                   key: file.name,
                   class: normalizeClass(["multi-image-item-preview", { "bgl_fill-image": _ctx.fill }])
@@ -27922,7 +27974,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                   isImage(file.file.type) ? (openBlock(), createBlock(unref(Image$1), {
                     key: 0,
                     class: "multi-preview",
-                    src: fileToUrl(file.file),
+                    src: unref(fileToUrl)(file.file),
                     alt: ""
                   }, null, 8, ["src"])) : (openBlock(), createBlock(unref(_sfc_main$u), {
                     key: 1,
@@ -27942,18 +27994,18 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                   ], 6)
                 ], 2);
               }), 128))
-            ])) : pathKeys.value.length > 0 || fileQueue.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_12$2, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(pathKeys.value, (path_key) => {
+            ])) : unref(pathKeys).length > 0 || unref(fileQueue).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_12$2, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pathKeys), (path_key) => {
                 return openBlock(), createElementBlock("div", {
                   key: path_key,
                   class: normalizeClass(["single-image-item-preview", { "bgl_fill-image": _ctx.fill }])
                 }, [
-                  createElementVNode("div", _hoisted_13, [
+                  createElementVNode("div", _hoisted_13$1, [
                     withDirectives(createVNode(unref(Btn), {
                       color: "gray",
                       thin: "",
                       icon: "delete",
-                      onClick: ($event) => removeFile(path_key)
+                      onClick: ($event) => unref(removeFile)(path_key)
                     }, null, 8, ["onClick"]), [
                       [_directive_tooltip, "Delete"]
                     ]),
@@ -27961,7 +28013,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                       color: "gray",
                       thin: "",
                       icon: "autorenew",
-                      onClick: browse
+                      onClick: _cache[3] || (_cache[3] = ($event) => unref(browse)(true))
                     }, null, 512), [
                       [_directive_tooltip, "Replace"]
                     ]),
@@ -27975,7 +28027,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                       [_directive_tooltip, "Download"]
                     ])
                   ]),
-                  isImage(path_key) ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                  isImage(path_key) ? (openBlock(), createElementBlock("div", _hoisted_14$1, [
                     withDirectives(createVNode(unref(Image$1), {
                       class: "single-preview",
                       pathKey: path_key,
@@ -27994,7 +28046,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                   ])
                 ], 2);
               }), 128)),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(fileQueue.value, (file) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(fileQueue), (file) => {
                 return openBlock(), createElementBlock("div", {
                   key: file.name,
                   class: normalizeClass(["single-image-item-preview", { "bgl_fill-image": _ctx.fill }])
@@ -28012,20 +28064,20 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                   isImage(file.file.type) ? withDirectives((openBlock(), createBlock(unref(Image$1), {
                     key: 0,
                     class: "single-preview",
-                    src: fileToUrl(file.file),
+                    src: unref(fileToUrl)(file.file),
                     alt: ""
                   }, null, 8, ["src"])), [
-                    [_directive_lightbox, { src: fileToUrl(file.file), download: true }]
+                    [_directive_lightbox, { src: unref(fileToUrl)(file.file), download: true }]
                   ]) : createCommentVNode("", true)
                 ], 2);
               }), 128))
             ])) : createCommentVNode("", true)
           ], true),
-          !pathKeys.value.length && !fileQueue.value.length || _ctx.multiple ? renderSlot(_ctx.$slots, "placeholder", {
+          !unref(pathKeys).length && !unref(fileQueue).length || _ctx.multiple ? renderSlot(_ctx.$slots, "placeholder", {
             key: 0,
-            files: pathKeys.value,
-            fileQueue: fileQueue.value,
-            browse
+            files: unref(pathKeys),
+            fileQueue: unref(fileQueue),
+            browse: unref(browse)
           }, () => [
             createElementVNode("p", _hoisted_16, [
               createVNode(unref(_sfc_main$u), { icon: "upload_2" }),
@@ -28037,7 +28089,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UploadInput = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-d8f3ff01"]]);
+const UploadInput = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-38a4d4a9"]]);
 const FONT_AWESOME_ICONS = [
   "trash-can",
   "message",
@@ -34063,8 +34115,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "dbb738e2": computedBackgroundColor.value,
-      "418961aa": cumputedTextColor.value
+      "09d70b6a": computedBackgroundColor.value,
+      "69df9534": cumputedTextColor.value
     }));
     const props2 = __props;
     const slots = useSlots();
@@ -34148,7 +34200,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               createVNode(unref(Btn), mergeProps({
                 class: "bgl_pill-btn",
                 round: "",
-                thin: ""
+                thin: "",
+                flat: ""
               }, _ctx.btnEnd), null, 16)
             ])) : createCommentVNode("", true)
           ]))
@@ -34157,7 +34210,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-764b6b8b"]]);
+const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-ae730ec5"]]);
 const _sfc_main$8 = {};
 function _sfc_render$2(_ctx, _cache) {
   const _component_router_view = resolveComponent("router-view");
@@ -36587,17 +36640,22 @@ const _hoisted_3 = {
   class: "center"
 };
 const _hoisted_4 = { key: 3 };
-const _hoisted_5 = ["src", "title"];
-const _hoisted_6 = {
+const _hoisted_5 = {
+  key: 2,
+  class: "vw90"
+};
+const _hoisted_6 = ["src", "title"];
+const _hoisted_7 = {
   key: 3,
-  class: "file-info txt-white flex m_block align-items-start gap-025"
+  class: "vw90"
 };
-const _hoisted_7 = { class: "txt-start" };
-const _hoisted_8 = { class: "mx-0 light" };
-const _hoisted_9 = { class: "semi word-break-all" };
-const _hoisted_10 = { class: "mx-0" };
-const _hoisted_11 = { class: "semi" };
-const _hoisted_12 = {
+const _hoisted_8 = { class: "file-info txt-white flex m_block align-items-start gap-025" };
+const _hoisted_9 = { class: "txt-start" };
+const _hoisted_10 = { class: "mx-0 light" };
+const _hoisted_11 = { class: "semi word-break-all" };
+const _hoisted_12 = { class: "mx-0" };
+const _hoisted_13 = { class: "semi" };
+const _hoisted_14 = {
   key: 0,
   class: "flex justify-content-center mt-2 overflow p-1 fixed bottom start end gap-1 m_justify-content-start"
 };
@@ -36652,11 +36710,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (zoom.value === 1) close();
     }
     const upgradeHeaders = (url) => url.replace(/http:\/\//, "//");
+    function downloadFile() {
+      const link = document.createElement("a");
+      const src = currentItem.value.src || "";
+      link.target = "_blank";
+      link.href = upgradeHeaders(src);
+      link.download = src ? src.split("/").pop() || "download" : "download";
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    }
     __expose({ open, close });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Transition, { name: "fade" }, {
         default: withCtx(() => {
-          var _a, _b, _c, _d, _e2, _f, _g, _h, _i, _j;
+          var _a, _b, _c, _d, _e2, _f, _g, _h, _i;
           return [
             unref(isOpen) ? (openBlock(), createElementBlock("div", {
               key: 0,
@@ -36736,10 +36804,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     flat: "",
                     icon: "download",
                     value: "Download File",
-                    href: upgradeHeaders((_h = unref(currentItem)) == null ? void 0 : _h.src),
-                    download: ""
-                  }, null, 8, ["href"])) : createCommentVNode("", true),
-                  !((_i = unref(currentItem)) == null ? void 0 : _i.openFile) && !((_j = unref(currentItem)) == null ? void 0 : _j.download) ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true)
+                    onClick: downloadFile
+                  })) : createCommentVNode("", true),
+                  !((_h = unref(currentItem)) == null ? void 0 : _h.openFile) && !((_i = unref(currentItem)) == null ? void 0 : _i.download) ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true)
                 ]),
                 createVNode(unref(Carousel), {
                   index: unref(currentIndex),
@@ -36775,44 +36842,47 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           autoplay: "",
                           controls: "",
                           class: "vw90"
-                        }, null, 8, ["src"])) : (item == null ? void 0 : item.type) === "pdf" && (item == null ? void 0 : item.src) ? (openBlock(), createElementBlock("embed", {
-                          key: 2,
-                          src: unref(normalizeURL)(item == null ? void 0 : item.src),
-                          type: "application/pdf",
-                          width: "100%",
-                          height: "1080",
-                          title: item == null ? void 0 : item.name,
-                          class: "vw90"
-                        }, null, 8, _hoisted_5)) : (openBlock(), createElementBlock("div", _hoisted_6, [
-                          createVNode(unref(_sfc_main$u), {
-                            class: "m-0 m_none",
-                            icon: "draft",
-                            size: 10,
-                            weight: "12"
-                          }),
-                          createVNode(unref(_sfc_main$u), {
-                            class: "m-0 none m_block m_-mb-1",
-                            icon: "draft",
-                            size: 4,
-                            weight: "2"
-                          }),
-                          createElementVNode("div", _hoisted_7, [
-                            createElementVNode("p", _hoisted_8, [
-                              _cache[6] || (_cache[6] = createTextVNode(" File: ")),
-                              createElementVNode("span", _hoisted_9, toDisplayString(item == null ? void 0 : item.name), 1)
-                            ]),
-                            createElementVNode("p", _hoisted_10, [
-                              _cache[7] || (_cache[7] = createTextVNode(" Type: ")),
-                              createElementVNode("span", _hoisted_11, toDisplayString(item == null ? void 0 : item.type), 1)
-                            ]),
-                            createVNode(unref(Btn), {
-                              href: item == null ? void 0 : item.src,
-                              target: "_blank",
-                              round: "",
-                              thin: "",
-                              class: "mt-1",
-                              value: "Open file"
-                            }, null, 8, ["href"])
+                        }, null, 8, ["src"])) : (item == null ? void 0 : item.type) === "pdf" && (item == null ? void 0 : item.src) ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                          createElementVNode("embed", {
+                            src: unref(normalizeURL)(item == null ? void 0 : item.src),
+                            type: "application/pdf",
+                            width: "100%",
+                            height: "1080",
+                            title: item == null ? void 0 : item.name,
+                            class: "vw90"
+                          }, null, 8, _hoisted_6)
+                        ])) : (openBlock(), createElementBlock("div", _hoisted_7, [
+                          createElementVNode("div", _hoisted_8, [
+                            createVNode(unref(_sfc_main$u), {
+                              class: "m-0 m_none",
+                              icon: "draft",
+                              size: 10,
+                              weight: "12"
+                            }),
+                            createVNode(unref(_sfc_main$u), {
+                              class: "m-0 none m_block m_-mb-1",
+                              icon: "draft",
+                              size: 4,
+                              weight: "2"
+                            }),
+                            createElementVNode("div", _hoisted_9, [
+                              createElementVNode("p", _hoisted_10, [
+                                _cache[6] || (_cache[6] = createTextVNode(" File: ")),
+                                createElementVNode("span", _hoisted_11, toDisplayString(item == null ? void 0 : item.name), 1)
+                              ]),
+                              createElementVNode("p", _hoisted_12, [
+                                _cache[7] || (_cache[7] = createTextVNode(" Type: ")),
+                                createElementVNode("span", _hoisted_13, toDisplayString(item == null ? void 0 : item.type), 1)
+                              ]),
+                              createVNode(unref(Btn), {
+                                href: item == null ? void 0 : item.src,
+                                target: "_blank",
+                                round: "",
+                                thin: "",
+                                class: "mt-1",
+                                value: "Open file"
+                              }, null, 8, ["href"])
+                            ])
                           ])
                         ]))
                       ], 64);
@@ -36820,7 +36890,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 }, 8, ["index", "class", "freeDrag"]),
-                unref(group) && unref(group).length > 1 ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                unref(group) && unref(group).length > 1 ? (openBlock(), createElementBlock("div", _hoisted_14, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(unref(group), (item, index2) => {
                     return openBlock(), createElementBlock(Fragment, { key: index2 }, [
                       item.type === "image" ? (openBlock(), createBlock(unref(Image$1), {
@@ -36847,7 +36917,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Lightbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fb2d5763"]]);
+const Lightbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4789af69"]]);
 const groups = {};
 let clickHandler = (_e2) => void 0;
 const lightboxDirective = {
@@ -38110,6 +38180,7 @@ export {
   useDevice,
   useDraggable,
   useEscape,
+  useFileUpload,
   useForm,
   useI18nT,
   useLang,