vuefinder 2.2.1 → 2.2.3

package/dist/vuefinder.js

@@ -38,8 +38,8 @@ class He {
     me != null && me !== "" && (r[s.xsrfHeaderName] = me);
     const o = Object.assign({}, s.headers, r, e.headers), i = Object.assign({}, s.params, e.params), u = e.body, d = s.baseUrl + e.url, l = e.method;
     let c;
-    l !== "get" && (u instanceof FormData ? (c = u, s.body != null && Object.entries(this.config.body).forEach(([_, w]) => {
-      c.append(_, w);
+    l !== "get" && (u instanceof FormData ? (c = u, s.body != null && Object.entries(this.config.body).forEach(([_, x]) => {
+      c.append(_, x);
     })) : (c = { ...u }, s.body != null && Object.assign(c, this.config.body)));
     const g = {
       url: d,
@@ -158,17 +158,17 @@ async function Ie(p, e) {
   return typeof s == "function" ? (await s()).default : s;
 }
 function Pe(p, e, s, r) {
-  const { getStore: o, setStore: i } = p, u = k({}), d = k(o("locale", e)), l = (_, w = e) => {
-    Ie(_, r).then((y) => {
-      u.value = y, i("locale", _), d.value = _, i("translations", y), Object.values(r).length > 1 && (s.emit("vf-toast-push", { label: "The language is set to " + _ }), s.emit("vf-language-saved"));
-    }).catch((y) => {
-      w ? (s.emit("vf-toast-push", { label: "The selected locale is not yet supported!", type: "error" }), l(w, null)) : s.emit("vf-toast-push", { label: "Locale cannot be loaded!", type: "error" });
+  const { getStore: o, setStore: i } = p, u = k({}), d = k(o("locale", e)), l = (_, x = e) => {
+    Ie(_, r).then((C) => {
+      u.value = C, i("locale", _), d.value = _, i("translations", C), Object.values(r).length > 1 && (s.emit("vf-toast-push", { label: "The language is set to " + _ }), s.emit("vf-language-saved"));
+    }).catch((C) => {
+      x ? (s.emit("vf-toast-push", { label: "The selected locale is not yet supported!", type: "error" }), l(x, null)) : s.emit("vf-toast-push", { label: "Locale cannot be loaded!", type: "error" });
     });
   };
   !o("locale") && !r.length ? l(e) : u.value = o("translations");
-  const c = (_, ...w) => w.length ? c(_ = _.replace("%s", w.shift()), ...w) : _;
-  function g(_, ...w) {
-    return u.value && u.value.hasOwnProperty(_) ? c(u.value[_], ...w) : c(_, ...w);
+  const c = (_, ...x) => x.length ? c(_ = _.replace("%s", x.shift()), ...x) : _;
+  function g(_, ...x) {
+    return u.value && u.value.hasOwnProperty(_) ? c(u.value[_], ...x) : c(_, ...x);
   }
   return { t: g, changeLocale: l, locale: d };
 }
@@ -186,7 +186,7 @@ const B = {
   FULL_SCREEN: "fullscreen",
   DOWNLOAD: "download",
   LANGUAGE: "language"
-}, We = Object.values(B), Ge = "2.2.1";
+}, We = Object.values(B), Ge = "2.2.3";
 function ye(p, e, s, r, o) {
   return (e = Math, s = e.log, r = 1024, o = s(p) / s(r) | 0, p / e.pow(r, o)).toFixed(0) + " " + (o ? "KMGTPEZY"[--o] + "iB" : "B");
 }
@@ -637,12 +637,12 @@ const Je = (p, e) => {
   setup(p) {
     const e = k(null), s = k([]), r = k(!1), o = k(null), i = F("ServiceContainer"), { t: u } = i.i18n;
     i.emitter.on("vf-explorer-update", () => {
-      let $ = [], f = [];
+      let w = [], f = [];
       e.value = i.data.dirname ?? i.adapter + "://", e.value.length == 0 && (s.value = []), e.value.replace(i.adapter + "://", "").split("/").forEach(function(h) {
-        $.push(h), $.join("/") != "" && f.push({
+        w.push(h), w.join("/") != "" && f.push({
           basename: h,
           name: h,
-          path: i.adapter + "://" + $.join("/"),
+          path: i.adapter + "://" + w.join("/"),
           type: "dir"
         });
       }), f.length > 4 && (f = f.slice(-5), f[0].name = ".."), s.value = f;
@@ -656,12 +656,12 @@ const Je = (p, e) => {
     const l = () => {
       i.features.includes(B.SEARCH) && (r.value = !0, ce(() => o.value.focus()));
     }, c = Bt("", 400);
-    de(c, ($) => {
-      i.emitter.emit("vf-toast-clear"), i.emitter.emit("vf-search-query", { newQuery: $ });
+    de(c, (w) => {
+      i.emitter.emit("vf-toast-clear"), i.emitter.emit("vf-search-query", { newQuery: w });
     });
-    const g = () => s.value.length && !r.value, _ = ($, f = null) => {
-      $.preventDefault(), y($), f ?? (f = s.value.length - 2);
-      let h = JSON.parse($.dataTransfer.getData("items"));
+    const g = () => s.value.length && !r.value, _ = (w, f = null) => {
+      w.preventDefault(), C(w), f ?? (f = s.value.length - 2);
+      let h = JSON.parse(w.dataTransfer.getData("items"));
       if (h.find((N) => N.storage !== i.adapter)) {
         alert("Moving items between different storages is not supported yet.");
         return;
@@ -670,22 +670,22 @@ const Je = (p, e) => {
         type: "move",
         items: { from: h, to: s.value[f] ?? { path: i.adapter + "://" } }
       });
-    }, w = ($) => {
-      $.preventDefault(), g() ? ($.dataTransfer.dropEffect = "copy", $.currentTarget.classList.add("bg-blue-200", "dark:bg-slate-500")) : ($.dataTransfer.dropEffect = "none", $.dataTransfer.effectAllowed = "none");
-    }, y = ($) => {
-      $.preventDefault(), $.currentTarget.classList.remove("bg-blue-200", "dark:bg-slate-500"), g() && $.currentTarget.classList.remove("bg-blue-200", "dark:bg-slate-500");
+    }, x = (w) => {
+      w.preventDefault(), g() ? (w.dataTransfer.dropEffect = "copy", w.currentTarget.classList.add("bg-blue-200", "dark:bg-slate-500")) : (w.dataTransfer.dropEffect = "none", w.dataTransfer.effectAllowed = "none");
+    }, C = (w) => {
+      w.preventDefault(), w.currentTarget.classList.remove("bg-blue-200", "dark:bg-slate-500"), g() && w.currentTarget.classList.remove("bg-blue-200", "dark:bg-slate-500");
     }, E = () => {
       c.value == "" && d();
     };
-    return ($, f) => (n(), m("div", zt, [
+    return (w, f) => (n(), m("div", zt, [
       t("span", {
         "aria-label": a(u)("Go up a directory"),
         "data-microtip-position": "bottom-right",
         role: "tooltip"
       }, [
         (n(), m("svg", {
-          onDragover: f[0] || (f[0] = (h) => w(h)),
-          onDragleave: f[1] || (f[1] = (h) => y(h)),
+          onDragover: f[0] || (f[0] = (h) => x(h)),
+          onDragleave: f[1] || (f[1] = (h) => C(h)),
           onDrop: f[2] || (f[2] = (h) => _(h)),
           onClick: f[3] || (f[3] = (h) => {
             var N;
@@ -757,8 +757,8 @@ const Je = (p, e) => {
         onClick: Y(l, ["self"])
       }, [
         (n(), m("svg", {
-          onDragover: f[6] || (f[6] = (h) => w(h)),
-          onDragleave: f[7] || (f[7] = (h) => y(h)),
+          onDragover: f[6] || (f[6] = (h) => x(h)),
+          onDragleave: f[7] || (f[7] = (h) => C(h)),
           onDrop: f[8] || (f[8] = (h) => _(h, -1)),
           onClick: f[9] || (f[9] = (h) => a(i).emitter.emit("vf-fetch", { params: { q: "index", adapter: a(i).data.adapter } })),
           class: "h-6 w-6 p-1 rounded text-slate-700 hover:bg-neutral-100 dark:text-neutral-300 dark:hover:bg-gray-800 cursor-pointer",
@@ -770,8 +770,8 @@ const Je = (p, e) => {
           (n(!0), m(U, null, I(s.value, (h, N) => (n(), m("div", { key: N }, [
             Qt,
             t("span", {
-              onDragover: (R) => N === s.value.length - 1 || w(R),
-              onDragleave: (R) => N === s.value.length - 1 || y(R),
+              onDragover: (R) => N === s.value.length - 1 || x(R),
+              onDragleave: (R) => N === s.value.length - 1 || C(R),
               onDrop: (R) => N === s.value.length - 1 || _(R, N),
               class: "px-1.5 py-1 text-slate-700 dark:text-slate-200 hover:bg-neutral-100 dark:hover:bg-gray-800 rounded cursor-pointer",
               title: h.basename,
@@ -844,7 +844,7 @@ const Je = (p, e) => {
       }, {
         default: A(() => [
           (n(!0), m(U, null, I(o.value, (g, _) => (n(), m("div", {
-            onClick: (w) => u(_),
+            onClick: (x) => u(_),
             key: g,
             class: z([i(g.type), "inline-block mx-auto my-0.5 py-0.5 px-2 min-w-max bg-gray-50 dark:bg-gray-600 border text-xs sm:text-sm rounded cursor-pointer"])
           }, v(g.label), 11, _s))), 128))
@@ -967,17 +967,17 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   setup(p) {
     const e = F("ServiceContainer"), { t: s } = e.i18n;
     e.storage;
-    const r = (x) => x == null ? void 0 : x.substring(0, 3), o = k(null), i = k(null), u = k(0), d = k(null), l = Math.floor(Math.random() * 2 ** 32), c = k("");
+    const r = (y) => y == null ? void 0 : y.substring(0, 3), o = k(null), i = k(null), u = k(0), d = k(null), l = Math.floor(Math.random() * 2 ** 32), c = k("");
     let g;
     e.emitter.on("vf-fullscreen-toggle", () => {
       o.value.style.height = null;
-    }), e.emitter.on("vf-search-query", ({ newQuery: x }) => {
-      c.value = x, x ? e.emitter.emit("vf-fetch", {
+    }), e.emitter.on("vf-search-query", ({ newQuery: y }) => {
+      c.value = y, y ? e.emitter.emit("vf-fetch", {
         params: {
           q: "search",
           adapter: e.data.adapter,
           path: e.data.dirname,
-          filter: x
+          filter: y
         },
         onSuccess: (D) => {
           D.files.length || e.emitter.emit("vf-toast-push", { label: s("No search result found.") });
@@ -985,11 +985,11 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       }) : e.emitter.emit("vf-fetch", { params: { q: "index", adapter: e.data.adapter, path: e.data.dirname } });
     });
     let _ = null;
-    const w = () => {
+    const x = () => {
       _ && clearTimeout(_);
-    }, y = k(!0), E = (x) => {
-      x.touches.length > 1 && (y.value ? (d.value.stop(), e.emitter.emit("vf-toast-push", { label: s("Drag&Drop: off") })) : (d.value.start(), e.emitter.emit("vf-toast-push", { label: s("Drag&Drop: on") }), e.emitter.emit("vf-explorer-update")), y.value = !y.value);
-    }, $ = (x) => {
+    }, C = k(!0), E = (y) => {
+      y.touches.length > 1 && (C.value ? (d.value.stop(), e.emitter.emit("vf-toast-push", { label: s("Drag&Drop: off") })) : (d.value.start(), e.emitter.emit("vf-toast-push", { label: s("Drag&Drop: on") }), e.emitter.emit("vf-explorer-update")), C.value = !C.value);
+    }, w = (y) => {
       _ = setTimeout(() => {
         const D = new MouseEvent("contextmenu", {
           bubbles: !0,
@@ -997,35 +997,35 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           view: window,
           button: 2,
           buttons: 0,
-          clientX: x.target.getBoundingClientRect().x,
-          clientY: x.target.getBoundingClientRect().y
+          clientX: y.target.getBoundingClientRect().x,
+          clientY: y.target.getBoundingClientRect().y
         });
-        x.target.dispatchEvent(D);
+        y.target.dispatchEvent(D);
       }, 500);
-    }, f = (x) => {
-      x.type === "dir" ? (e.emitter.emit("vf-search-exit"), e.emitter.emit("vf-fetch", { params: { q: "index", adapter: e.data.adapter, path: x.path } })) : e.emitter.emit("vf-modal-show", { type: "preview", adapter: e.data.adapter, item: x });
-    }, h = ie({ active: !1, column: "", order: "" }), N = (x = !0) => {
-      let D = [...e.data.files], C = h.column, j = h.order == "asc" ? 1 : -1;
-      if (!x)
+    }, f = (y) => {
+      y.type === "dir" ? (e.emitter.emit("vf-search-exit"), e.emitter.emit("vf-fetch", { params: { q: "index", adapter: e.data.adapter, path: y.path } })) : e.emitter.emit("vf-modal-show", { type: "preview", adapter: e.data.adapter, item: y });
+    }, h = ie({ active: !1, column: "", order: "" }), N = (y = !0) => {
+      let D = [...e.data.files], $ = h.column, j = h.order == "asc" ? 1 : -1;
+      if (!y)
         return D;
       const S = (b, L) => typeof b == "string" && typeof L == "string" ? b.toLowerCase().localeCompare(L.toLowerCase()) : b < L ? -1 : b > L ? 1 : 0;
-      return h.active && (D = D.slice().sort((b, L) => S(b[C], L[C]) * j)), D;
-    }, R = (x) => {
-      h.active && h.column == x ? (h.active = h.order == "asc", h.column = x, h.order = "desc") : (h.active = !0, h.column = x, h.order = "asc");
-    }, K = () => d.value.getSelection().map((x) => JSON.parse(x.dataset.item)), te = (x, D) => {
-      if (x.altKey || x.ctrlKey || x.metaKey)
-        return x.preventDefault(), !1;
-      x.dataTransfer.setDragImage(i.value, 0, 15), x.dataTransfer.effectAllowed = "all", x.dataTransfer.dropEffect = "copy", x.dataTransfer.setData("items", JSON.stringify(K()));
-    }, se = (x, D) => {
-      x.preventDefault();
-      let C = JSON.parse(x.dataTransfer.getData("items"));
-      if (C.find((j) => j.storage !== e.adapter)) {
+      return h.active && (D = D.slice().sort((b, L) => S(b[$], L[$]) * j)), D;
+    }, R = (y) => {
+      h.active && h.column == y ? (h.active = h.order == "asc", h.column = y, h.order = "desc") : (h.active = !0, h.column = y, h.order = "asc");
+    }, K = () => d.value.getSelection().map((y) => JSON.parse(y.dataset.item)), te = (y, D) => {
+      if (y.altKey || y.ctrlKey || y.metaKey)
+        return y.preventDefault(), !1;
+      y.dataTransfer.setDragImage(i.value, 0, 15), y.dataTransfer.effectAllowed = "all", y.dataTransfer.dropEffect = "copy", y.dataTransfer.setData("items", JSON.stringify(K()));
+    }, se = (y, D) => {
+      y.preventDefault();
+      let $ = JSON.parse(y.dataTransfer.getData("items"));
+      if ($.find((j) => j.storage !== e.adapter)) {
         alert("Moving items between different storages is not supported yet.");
         return;
       }
-      e.emitter.emit("vf-modal-show", { type: "move", items: { from: C, to: D } });
-    }, ae = (x, D) => {
-      x.preventDefault(), !D || D.type !== "dir" || d.value.getSelection().find((C) => C == x.currentTarget) ? (x.dataTransfer.dropEffect = "none", x.dataTransfer.effectAllowed = "none") : x.dataTransfer.dropEffect = "copy";
+      e.emitter.emit("vf-modal-show", { type: "move", items: { from: $, to: D } });
+    }, ae = (y, D) => {
+      y.preventDefault(), !D || D.type !== "dir" || d.value.getSelection().find(($) => $ == y.currentTarget) ? (y.dataTransfer.dropEffect = "none", y.dataTransfer.effectAllowed = "none") : y.dataTransfer.dropEffect = "copy";
     }, oe = () => {
       d.value = new Ve({
         area: o.value,
@@ -1036,16 +1036,16 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         d.value.clearSelection(), d.value.setSettings({
           selectables: document.getElementsByClassName("vf-item-" + l)
         });
-      })), d.value.subscribe("predragstart", ({ event: x, isDragging: D }) => {
+      })), d.value.subscribe("predragstart", ({ event: y, isDragging: D }) => {
         if (D)
           u.value = d.value.getSelection().length, d.value.break();
         else {
-          const C = x.target.offsetWidth - x.offsetX, j = x.target.offsetHeight - x.offsetY;
-          C < 15 && j < 15 && (d.value.clearSelection(), d.value.break());
+          const $ = y.target.offsetWidth - y.offsetX, j = y.target.offsetHeight - y.offsetY;
+          $ < 15 && j < 15 && (d.value.clearSelection(), d.value.break());
         }
-      }), d.value.subscribe("predragmove", ({ isDragging: x }) => {
-        x && d.value.break();
-      }), d.value.subscribe("callback", ({ items: x, event: D, isDragging: C }) => {
+      }), d.value.subscribe("predragmove", ({ isDragging: y }) => {
+        y && d.value.break();
+      }), d.value.subscribe("callback", ({ items: y, event: D, isDragging: $ }) => {
         e.emitter.emit("vf-nodes-selected", K()), u.value = d.value.getSelection().length;
       });
     };
@@ -1057,10 +1057,10 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       de(() => e.view, () => e.emitter.emit("vf-explorer-update"));
     }), ke(() => {
       g.destroy();
-    }), (x, D) => (n(), m("div", ys, [
+    }), (y, D) => (n(), m("div", ys, [
       a(e).view == "list" || c.value.length ? (n(), m("div", xs, [
         t("div", {
-          onClick: D[0] || (D[0] = (C) => R("basename")),
+          onClick: D[0] || (D[0] = ($) => R("basename")),
           class: "col-span-7 py-1 leading-6 hover:bg-neutral-100 bg-neutral-50 dark:bg-gray-800 dark:hover:bg-gray-700/10 flex items-center pl-1"
         }, [
           V(v(a(s)("Name")) + " ", 1),
@@ -1072,7 +1072,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         ]),
         c.value.length ? M("", !0) : (n(), m("div", {
           key: 0,
-          onClick: D[1] || (D[1] = (C) => R("file_size")),
+          onClick: D[1] || (D[1] = ($) => R("file_size")),
           class: "col-span-2 py-1 leading-6 hover:bg-neutral-100 bg-neutral-50 dark:bg-gray-800 dark:hover:bg-gray-700/10 flex items-center justify-center border-l border-r dark:border-gray-700"
         }, [
           V(v(a(s)("Size")) + " ", 1),
@@ -1084,7 +1084,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         ])),
         c.value.length ? M("", !0) : (n(), m("div", {
           key: 1,
-          onClick: D[2] || (D[2] = (C) => R("last_modified")),
+          onClick: D[2] || (D[2] = ($) => R("last_modified")),
           class: "col-span-3 py-1 leading-6 hover:bg-neutral-100 bg-neutral-50 dark:bg-gray-800 dark:hover:bg-gray-700/10 flex items-center justify-center"
         }, [
           V(v(a(s)("Date")) + " ", 1),
@@ -1096,7 +1096,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         ])),
         c.value.length ? (n(), m("div", {
           key: 2,
-          onClick: D[3] || (D[3] = (C) => R("path")),
+          onClick: D[3] || (D[3] = ($) => R("path")),
           class: "col-span-5 py-1 leading-6 hover:bg-neutral-100 bg-neutral-50 dark:bg-gray-800 dark:hover:bg-gray-700/10 flex items-center justify-center border-l dark:border-gray-700"
         }, [
           V(v(a(s)("Filepath")) + " ", 1),
@@ -1119,86 +1119,86 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       ]),
       t("div", {
         onTouchstart: E,
-        onContextmenu: D[10] || (D[10] = Y((C) => a(e).emitter.emit("vf-contextmenu-show", { event: C, area: o.value, items: K() }), ["self", "prevent"])),
+        onContextmenu: D[10] || (D[10] = Y(($) => a(e).emitter.emit("vf-contextmenu-show", { event: $, area: o.value, items: K() }), ["self", "prevent"])),
         class: z([a(e).fullScreen ? "" : "resize-y", "h-full w-full text-xs vf-selector-area vf-scrollbar min-h-[150px] overflow-auto p-1 z-0"]),
         ref_key: "selectorArea",
         ref: o
       }, [
-        c.value.length ? (n(!0), m(U, { key: 0 }, I(N(), (C, j) => (n(), m("div", {
-          onDblclick: (S) => f(C),
-          onTouchstart: D[4] || (D[4] = (S) => $(S)),
-          onTouchend: D[5] || (D[5] = (S) => w()),
-          onContextmenu: Y((S) => a(e).emitter.emit("vf-contextmenu-show", { event: S, area: o.value, items: K(), target: C }), ["prevent"]),
+        c.value.length ? (n(!0), m(U, { key: 0 }, I(N(), ($, j) => (n(), m("div", {
+          onDblclick: (S) => f($),
+          onTouchstart: D[4] || (D[4] = (S) => w(S)),
+          onTouchend: D[5] || (D[5] = (S) => x()),
+          onContextmenu: Y((S) => a(e).emitter.emit("vf-contextmenu-show", { event: S, area: o.value, items: K(), target: $ }), ["prevent"]),
           class: z(["vf-item-" + a(l), "grid grid-cols-1 border hover:bg-neutral-50 dark:hover:bg-gray-700 border-transparent my-0.5 w-full select-none"]),
-          "data-type": C.type,
-          "data-item": JSON.stringify(C),
+          "data-type": $.type,
+          "data-item": JSON.stringify($),
           "data-index": j
         }, [
           t("div", Ms, [
             t("div", Es, [
-              C.type === "dir" ? (n(), m("svg", Ds, As)) : (n(), m("svg", Ls, Fs)),
-              t("span", Os, v(C.basename), 1)
+              $.type === "dir" ? (n(), m("svg", Ds, As)) : (n(), m("svg", Ls, Fs)),
+              t("span", Os, v($.basename), 1)
             ]),
-            t("div", Vs, v(C.path), 1)
+            t("div", Vs, v($.path), 1)
           ])
         ], 42, Ss))), 256)) : M("", !0),
-        a(e).view === "list" && !c.value.length ? (n(!0), m(U, { key: 1 }, I(N(), (C, j) => (n(), m("div", {
+        a(e).view === "list" && !c.value.length ? (n(!0), m(U, { key: 1 }, I(N(), ($, j) => (n(), m("div", {
           draggable: "true",
-          onDblclick: (S) => f(C),
-          onTouchstart: D[6] || (D[6] = (S) => $(S)),
-          onTouchend: D[7] || (D[7] = (S) => w()),
-          onContextmenu: Y((S) => a(e).emitter.emit("vf-contextmenu-show", { event: S, area: o.value, items: K(), target: C }), ["prevent"]),
+          onDblclick: (S) => f($),
+          onTouchstart: D[6] || (D[6] = (S) => w(S)),
+          onTouchend: D[7] || (D[7] = (S) => x()),
+          onContextmenu: Y((S) => a(e).emitter.emit("vf-contextmenu-show", { event: S, area: o.value, items: K(), target: $ }), ["prevent"]),
           onDragstart: (S) => te(S),
-          onDragover: (S) => ae(S, C),
-          onDrop: (S) => se(S, C),
+          onDragover: (S) => ae(S, $),
+          onDrop: (S) => se(S, $),
           class: z(["vf-item-" + a(l), "grid grid-cols-1 border hover:bg-neutral-50 dark:hover:bg-gray-700 border-transparent my-0.5 w-full select-none"]),
-          "data-type": C.type,
-          "data-item": JSON.stringify(C),
+          "data-type": $.type,
+          "data-item": JSON.stringify($),
           "data-index": j
         }, [
           t("div", Bs, [
             t("div", zs, [
-              C.type === "dir" ? (n(), m("svg", Us, Rs)) : (n(), m("svg", qs, Ps)),
-              t("span", Ws, v(C.basename), 1)
+              $.type === "dir" ? (n(), m("svg", Us, Rs)) : (n(), m("svg", qs, Ps)),
+              t("span", Ws, v($.basename), 1)
             ]),
-            t("div", Gs, v(C.file_size ? a(e).filesize(C.file_size) : ""), 1),
-            t("div", Ys, v(a(we)(C.last_modified)), 1)
+            t("div", Gs, v($.file_size ? a(e).filesize($.file_size) : ""), 1),
+            t("div", Ys, v(a(we)($.last_modified)), 1)
           ])
         ], 42, Ns))), 256)) : M("", !0),
-        a(e).view === "grid" && !c.value.length ? (n(!0), m(U, { key: 2 }, I(N(!1), (C, j) => (n(), m("div", {
+        a(e).view === "grid" && !c.value.length ? (n(!0), m(U, { key: 2 }, I(N(!1), ($, j) => (n(), m("div", {
           draggable: "true",
-          onDblclick: (S) => f(C),
-          onTouchstart: D[8] || (D[8] = (S) => $(S)),
-          onTouchend: D[9] || (D[9] = (S) => w()),
-          onContextmenu: Y((S) => a(e).emitter.emit("vf-contextmenu-show", { event: S, area: o.value, items: K(), target: C }), ["prevent"]),
+          onDblclick: (S) => f($),
+          onTouchstart: D[8] || (D[8] = (S) => w(S)),
+          onTouchend: D[9] || (D[9] = (S) => x()),
+          onContextmenu: Y((S) => a(e).emitter.emit("vf-contextmenu-show", { event: S, area: o.value, items: K(), target: $ }), ["prevent"]),
           onDragstart: (S) => te(S),
-          onDragover: (S) => ae(S, C),
-          onDrop: (S) => se(S, C),
+          onDragover: (S) => ae(S, $),
+          onDrop: (S) => se(S, $),
           class: z(["vf-item-" + a(l), "border border-transparent hover:bg-neutral-50 m-1 dark:hover:bg-gray-700 inline-flex w-[5.5rem] h-20 md:w-24 text-center justify-center select-none"]),
-          "data-type": C.type,
-          "data-item": JSON.stringify(C),
+          "data-type": $.type,
+          "data-item": JSON.stringify($),
           "data-index": j
         }, [
           t("div", null, [
             t("div", Js, [
-              C.type === "dir" ? (n(), m("svg", Xs, Zs)) : (C.mime_type ?? "").startsWith("image") ? (n(), m("img", {
+              $.type === "dir" ? (n(), m("svg", Xs, Zs)) : ($.mime_type ?? "").startsWith("image") ? (n(), m("img", {
                 key: 1,
                 class: "lazy h-10 md:h-12 m-auto",
-                "data-src": a(e).requester.getPreviewUrl(a(e).adapter, C),
-                alt: C.basename
+                "data-src": a(e).requester.getPreviewUrl(a(e).adapter, $),
+                alt: $.basename
               }, null, 8, ea)) : (n(), m("svg", ta, aa)),
-              !(C.mime_type ?? "").startsWith("image") && C.type != "dir" ? (n(), m("div", oa, v(r(C.extension)), 1)) : M("", !0)
+              !($.mime_type ?? "").startsWith("image") && $.type != "dir" ? (n(), m("div", oa, v(r($.extension)), 1)) : M("", !0)
             ]),
-            t("span", ra, v(a(he)(C.basename)), 1)
+            t("span", ra, v(a(he)($.basename)), 1)
           ])
         ], 42, Ks))), 256)) : M("", !0)
       ], 34),
       H(bs)
     ]));
   }
-}), ia = ["onClick"], da = ["href", "download"], ca = /* @__PURE__ */ t("span", { class: "px-1" }, null, -1), ua = /* @__PURE__ */ t("span", { class: "px-1" }, null, -1), ma = {
+}), ia = ["onClick"], da = /* @__PURE__ */ t("span", { class: "px-1" }, null, -1), ca = {
   name: "VFContextMenu"
-}, va = /* @__PURE__ */ Object.assign(ma, {
+}, ua = /* @__PURE__ */ Object.assign(ca, {
   setup(p) {
     const e = F("ServiceContainer"), { t: s } = e.i18n, r = k(null), o = k([]), i = k(""), u = ie({
       active: !1,
@@ -1286,56 +1286,46 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
     };
     e.emitter.on("vf-search-query", ({ newQuery: _ }) => {
       i.value = _;
-    }), e.emitter.on("vf-contextmenu-show", ({ event: _, area: w, items: y, target: E = null }) => {
+    }), e.emitter.on("vf-contextmenu-show", ({ event: _, area: x, items: C, target: E = null }) => {
       if (u.items = [], i.value)
         if (E)
           u.items.push(l.openDir), e.emitter.emit("vf-context-selected", [E]);
         else
           return;
       else
-        !E && !i.value ? (u.items.push(l.refresh), u.items.push(l.newfolder), e.emitter.emit("vf-context-selected", [])) : y.length > 1 && y.some(($) => $.path === E.path) ? (u.items.push(l.refresh), u.items.push(l.archive), u.items.push(l.delete), e.emitter.emit("vf-context-selected", y)) : (E.type == "dir" ? u.items.push(l.open) : (u.items.push(l.preview), u.items.push(l.download)), u.items.push(l.rename), E.mime_type == "application/zip" ? u.items.push(l.unarchive) : u.items.push(l.archive), u.items.push(l.delete), e.emitter.emit("vf-context-selected", [E]));
-      g(_, w);
+        !E && !i.value ? (u.items.push(l.refresh), u.items.push(l.newfolder), e.emitter.emit("vf-context-selected", [])) : C.length > 1 && C.some((w) => w.path === E.path) ? (u.items.push(l.refresh), u.items.push(l.archive), u.items.push(l.delete), e.emitter.emit("vf-context-selected", C)) : (E.type == "dir" ? u.items.push(l.open) : (u.items.push(l.preview), u.items.push(l.download)), u.items.push(l.rename), E.mime_type == "application/zip" ? u.items.push(l.unarchive) : u.items.push(l.archive), u.items.push(l.delete), e.emitter.emit("vf-context-selected", [E]));
+      g(_, x);
     }), e.emitter.on("vf-contextmenu-hide", () => {
       u.active = !1;
     });
-    const g = (_, w) => {
+    const g = (_, x) => {
       u.active = !0, ce(() => {
-        const y = e.root.getBoundingClientRect(), E = w.getBoundingClientRect();
-        let $ = _.pageX - y.left, f = _.pageY - y.top, h = r.value.offsetHeight, N = r.value.offsetWidth;
-        $ = E.right - _.pageX + window.scrollX < N ? $ - N : $, f = E.bottom - _.pageY + window.scrollY < h ? f - h : f, u.positions = {
-          left: $ + "px",
+        const C = e.root.getBoundingClientRect(), E = x.getBoundingClientRect();
+        let w = _.pageX - C.left, f = _.pageY - C.top, h = r.value.offsetHeight, N = r.value.offsetWidth;
+        w = E.right - _.pageX + window.scrollX < N ? w - N : w, f = E.bottom - _.pageY + window.scrollY < h ? f - h : f, u.positions = {
+          left: w + "px",
           top: f + "px"
         };
       });
     };
-    return (_, w) => u.active ? (n(), m("ul", {
+    return (_, x) => u.active ? (n(), m("ul", {
       key: 0,
       class: "z-30 absolute text-xs bg-neutral-50 dark:bg-gray-800 text-gray-700 dark:text-gray-200 border border-neutral-300 dark:border-gray-600 shadow rounded select-none",
       ref_key: "contextmenu",
       ref: r,
       style: be(u.positions)
     }, [
-      (n(!0), m(U, null, I(d.value, (y) => (n(), m("li", {
+      (n(!0), m(U, null, I(d.value, (C) => (n(), m("li", {
         class: "px-2 py-1.5 cursor-pointer hover:bg-neutral-200 dark:hover:bg-gray-700",
-        key: y.title,
-        onClick: (E) => c(y)
+        key: C.title,
+        onClick: (E) => c(C)
       }, [
-        y.link ? (n(), m("a", {
-          key: 0,
-          target: "_blank",
-          href: y.link,
-          download: y.link
-        }, [
-          ca,
-          t("span", null, v(y.title()), 1)
-        ], 8, da)) : (n(), m(U, { key: 1 }, [
-          ua,
-          t("span", null, v(y.title()), 1)
-        ], 64))
+        da,
+        t("span", null, v(C.title()), 1)
       ], 8, ia))), 128))
     ], 4)) : M("", !0);
   }
-}), pa = { class: "p-1 text-xs border-t border-neutral-300 dark:border-gray-700/50 flex justify-between select-none" }, ha = { class: "flex leading-5 items-center" }, fa = ["aria-label"], ga = /* @__PURE__ */ t("svg", {
+}), ma = { class: "p-1 text-xs border-t border-neutral-300 dark:border-gray-700/50 flex justify-between select-none" }, va = { class: "flex leading-5 items-center" }, pa = ["aria-label"], ha = /* @__PURE__ */ t("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5",
   fill: "none",
@@ -1348,9 +1338,9 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
     "stroke-linejoin": "round",
     d: "M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4"
   })
-], -1), _a = [
-  ga
-], ka = ["value"], ba = { class: "ml-3" }, ya = { key: 0 }, xa = { class: "ml-1" }, wa = { class: "flex leading-5 items-center justify-end" }, $a = ["disabled"], Ca = ["aria-label"], Sa = /* @__PURE__ */ t("svg", {
+], -1), fa = [
+  ha
+], ga = ["value"], _a = { class: "ml-3" }, ka = { key: 0 }, ba = { class: "ml-1" }, ya = { class: "flex leading-5 items-center justify-end" }, xa = ["disabled"], wa = ["aria-label"], $a = /* @__PURE__ */ t("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 stroke-slate-500 cursor-pointer",
   fill: "none",
@@ -1363,11 +1353,11 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
     "stroke-linejoin": "round",
     d: "M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
   })
-], -1), Ma = [
-  Sa
-], Ea = {
+], -1), Ca = [
+  $a
+], Sa = {
   name: "VFStatusbar"
-}, Da = /* @__PURE__ */ Object.assign(Ea, {
+}, Ma = /* @__PURE__ */ Object.assign(Sa, {
   setup(p) {
     const e = F("ServiceContainer"), { t: s } = e.i18n, { setStore: r } = e.storage, o = k(0), i = () => {
       e.emitter.emit("vf-search-exit"), e.emitter.emit("vf-fetch", { params: { q: "index", adapter: e.adapter } }), r("adapter", e.adapter);
@@ -1383,48 +1373,48 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       const l = e.selectButton.multiple ? e.selectedItems.length > 0 : e.selectedItems.length === 1;
       return e.selectButton.active && l;
     });
-    return (l, c) => (n(), m("div", pa, [
-      t("div", ha, [
+    return (l, c) => (n(), m("div", ma, [
+      t("div", va, [
         t("div", {
           class: "mx-2",
           "aria-label": a(s)("Storage"),
           "data-microtip-position": "top-right",
           role: "tooltip"
-        }, _a, 8, fa),
+        }, fa, 8, pa),
         q(t("select", {
           "onUpdate:modelValue": c[0] || (c[0] = (g) => a(e).adapter = g),
           onChange: i,
           class: "py-0.5 text-sm text-slate-500 border dark:border-gray-600 dark:text-neutral-50 dark:bg-gray-700 rounded pl-2 pr-8"
         }, [
-          (n(!0), m(U, null, I(a(e).data.storages, (g) => (n(), m("option", { value: g }, v(g), 9, ka))), 256))
+          (n(!0), m(U, null, I(a(e).data.storages, (g) => (n(), m("option", { value: g }, v(g), 9, ga))), 256))
         ], 544), [
           [pe, a(e).adapter]
         ]),
-        t("div", ba, [
-          u.value.length ? (n(), m("span", ya, v(a(e).data.files.length) + " items found. ", 1)) : M("", !0),
-          t("span", xa, v(o.value > 0 ? a(s)("%s item(s) selected.", o.value) : ""), 1)
+        t("div", _a, [
+          u.value.length ? (n(), m("span", ka, v(a(e).data.files.length) + " items found. ", 1)) : M("", !0),
+          t("span", ba, v(o.value > 0 ? a(s)("%s item(s) selected.", o.value) : ""), 1)
         ])
       ]),
-      t("div", wa, [
+      t("div", ya, [
         a(e).selectButton.active ? (n(), m("button", {
           key: 0,
           class: z(["vf-btn py-0 vf-btn-primary", { disabled: !d.value }]),
           disabled: !d.value,
           onClick: c[1] || (c[1] = (g) => a(e).selectButton.click(a(e).selectedItems, g))
-        }, v(a(s)("Select")), 11, $a)) : M("", !0),
+        }, v(a(s)("Select")), 11, xa)) : M("", !0),
         t("span", {
           class: "mr-1",
           "aria-label": a(s)("About"),
           "data-microtip-position": "top-left",
           role: "tooltip",
           onClick: c[2] || (c[2] = (g) => a(e).emitter.emit("vf-modal-show", { type: "about" }))
-        }, Ma, 8, Ca)
+        }, Ca, 8, wa)
       ])
     ]));
   }
-}), ja = {
+}), Ea = {
   name: "VueFinder"
-}, Aa = /* @__PURE__ */ Object.assign(ja, {
+}, Da = /* @__PURE__ */ Object.assign(Ea, {
   props: {
     id: {
       type: String,
@@ -1502,7 +1492,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
     let l;
     return o.emitter.on("vf-fetch-abort", () => {
       l.abort(), o.loading = !1;
-    }), o.emitter.on("vf-fetch", ({ params: c, body: g = null, onSuccess: _ = null, onError: w = null, noCloseModal: y = !1 }) => {
+    }), o.emitter.on("vf-fetch", ({ params: c, body: g = null, onSuccess: _ = null, onError: x = null, noCloseModal: C = !1 }) => {
       ["index", "search"].includes(c.q) && (l && l.abort(), o.loading = !0), l = new AbortController();
       const E = l.signal;
       o.requester.send({
@@ -1511,10 +1501,10 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         params: c,
         body: g,
         abortSignal: E
-      }).then(($) => {
-        o.adapter = $.adapter, o.persist && (o.path = $.dirname, i("path", o.path)), ["index", "search"].includes(c.q) && (o.loading = !1), y || o.emitter.emit("vf-modal-close"), d($), _ && _($);
-      }).catch(($) => {
-        console.error($), w && w($);
+      }).then((w) => {
+        o.adapter = w.adapter, o.persist && (o.path = w.dirname, i("path", o.path)), ["index", "search"].includes(c.q) && (o.loading = !1), C || o.emitter.emit("vf-modal-close"), d(w), _ && _(w);
+      }).catch((w) => {
+        console.error(w), x && x(w);
       });
     }), o.emitter.on("vf-download", (c) => {
       const g = document.createElement("a");
@@ -1542,7 +1532,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           H(Vt),
           H(cs),
           H(la),
-          H(Da)
+          H(Ma)
         ], 38),
         H(Ae, { name: "fade" }, {
           default: A(() => [
@@ -1550,11 +1540,11 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           ]),
           _: 1
         }),
-        H(va)
+        H(ua)
       ], 2)
     ], 512));
   }
-}), La = /* @__PURE__ */ t("div", { class: "fixed inset-0 bg-gray-500 dark:bg-gray-600 dark:bg-opacity-75 bg-opacity-75 transition-opacity" }, null, -1), Ta = { class: "fixed z-10 inset-0 overflow-hidden" }, Fa = { class: "relative bg-white dark:bg-gray-800 rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-4xl md:max-w-2xl lg:max-w-3xl xl:max-w-5xl w-full" }, Oa = { class: "bg-white dark:bg-gray-800 px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, Va = { class: "bg-gray-50 dark:bg-gray-800 dark:border-t dark:border-gray-700 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse" }, W = {
+}), ja = /* @__PURE__ */ t("div", { class: "fixed inset-0 bg-gray-500 dark:bg-gray-600 dark:bg-opacity-75 bg-opacity-75 transition-opacity" }, null, -1), Aa = { class: "fixed z-10 inset-0 overflow-hidden" }, La = { class: "relative bg-white dark:bg-gray-800 rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-4xl md:max-w-2xl lg:max-w-3xl xl:max-w-5xl w-full" }, Ta = { class: "bg-white dark:bg-gray-800 px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, Fa = { class: "bg-gray-50 dark:bg-gray-800 dark:border-t dark:border-gray-700 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse" }, W = {
   __name: "ModalLayout",
   setup(p) {
     const e = F("ServiceContainer");
@@ -1569,17 +1559,17 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       onKeyup: r[1] || (r[1] = Q((o) => a(e).emitter.emit("vf-modal-close"), ["esc"])),
       tabindex: "0"
     }, [
-      La,
-      t("div", Ta, [
+      ja,
+      t("div", Aa, [
         t("div", {
           class: "flex items-end sm:items-center justify-center min-h-full p-4 text-center sm:p-0",
           onMousedown: r[0] || (r[0] = Y((o) => a(e).emitter.emit("vf-modal-close"), ["self"]))
         }, [
-          t("div", Fa, [
-            t("div", Oa, [
+          t("div", La, [
+            t("div", Ta, [
               le(s.$slots, "default")
             ]),
-            t("div", Va, [
+            t("div", Fa, [
               le(s.$slots, "buttons")
             ])
           ])
@@ -1587,7 +1577,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       ])
     ], 32));
   }
-}, Na = ["aria-label"], Ba = /* @__PURE__ */ t("svg", {
+}, Oa = ["aria-label"], Va = /* @__PURE__ */ t("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
@@ -1600,11 +1590,11 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
     "stroke-linejoin": "round",
     d: "M6 18L18 6M6 6l12 12"
   })
-], -1), za = [
-  Ba
-], Ua = {
+], -1), Na = [
+  Va
+], Ba = {
   name: "Message"
-}, G = /* @__PURE__ */ Object.assign(Ua, {
+}, G = /* @__PURE__ */ Object.assign(Ba, {
   props: {
     error: {
       type: Boolean,
@@ -1633,11 +1623,11 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           "aria-label": a(o)("Close"),
           "data-microtip-position": "top-left",
           role: "tooltip"
-        }, za, 8, Na)
+        }, Na, 8, Oa)
       ], 2))
     ]));
   }
-}), Ha = { class: "sm:flex sm:items-start" }, Ra = /* @__PURE__ */ t("div", { class: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 dark:bg-gray-500 sm:mx-0 sm:h-10 sm:w-10" }, [
+}), za = { class: "sm:flex sm:items-start" }, Ua = /* @__PURE__ */ t("div", { class: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 dark:bg-gray-500 sm:mx-0 sm:h-10 sm:w-10" }, [
   /* @__PURE__ */ t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-red-600 dark:stroke-red-200",
@@ -1652,13 +1642,13 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
     })
   ])
-], -1), qa = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, Ia = {
+], -1), Ha = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, Ra = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, Pa = { class: "mt-2" }, Wa = { class: "text-sm text-gray-500" }, Ga = {
+}, qa = { class: "mt-2" }, Ia = { class: "text-sm text-gray-500" }, Pa = {
   class: "text-gray-500 text-sm mb-1 overflow-auto vf-scrollbar",
   style: { "max-height": "200px" }
-}, Ya = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, Ka = {
+}, Wa = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, Ga = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500 fill-sky-500 stroke-sky-500 dark:fill-slate-500 dark:stroke-slate-500",
@@ -1666,13 +1656,13 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Ja = /* @__PURE__ */ t("path", {
+}, Ya = /* @__PURE__ */ t("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"
-}, null, -1), Xa = [
-  Ja
-], Qa = {
+}, null, -1), Ka = [
+  Ya
+], Ja = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500",
@@ -1680,15 +1670,15 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Za = /* @__PURE__ */ t("path", {
+}, Xa = /* @__PURE__ */ t("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"
-}, null, -1), eo = [
-  Za
-], to = { class: "ml-1.5" }, so = { class: "m-auto font-bold text-red-500 text-sm dark:text-red-200 text-center" }, ao = {
+}, null, -1), Qa = [
+  Xa
+], Za = { class: "ml-1.5" }, eo = { class: "m-auto font-bold text-red-500 text-sm dark:text-red-200 text-center" }, to = {
   name: "VFModalDelete"
-}, oo = /* @__PURE__ */ Object.assign(ao, {
+}, so = /* @__PURE__ */ Object.assign(to, {
   setup(p) {
     const e = F("ServiceContainer");
     e.storage;
@@ -1723,19 +1713,19 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           onClick: d[1] || (d[1] = (l) => a(e).emitter.emit("vf-modal-close")),
           class: "vf-btn vf-btn-secondary"
         }, v(a(s)("Cancel")), 1),
-        t("div", so, v(a(s)("This action cannot be undone.")), 1)
+        t("div", eo, v(a(s)("This action cannot be undone.")), 1)
       ]),
       default: A(() => [
-        t("div", Ha, [
-          Ra,
-          t("div", qa, [
-            t("h3", Ia, v(a(s)("Delete files")), 1),
-            t("div", Pa, [
-              t("p", Wa, v(a(s)("Are you sure you want to delete these files?")), 1),
-              t("div", Ga, [
-                (n(!0), m(U, null, I(r.value, (l) => (n(), m("p", Ya, [
-                  l.type === "dir" ? (n(), m("svg", Ka, Xa)) : (n(), m("svg", Qa, eo)),
-                  t("span", to, v(l.basename), 1)
+        t("div", za, [
+          Ua,
+          t("div", Ha, [
+            t("h3", Ra, v(a(s)("Delete files")), 1),
+            t("div", qa, [
+              t("p", Ia, v(a(s)("Are you sure you want to delete these files?")), 1),
+              t("div", Pa, [
+                (n(!0), m(U, null, I(r.value, (l) => (n(), m("p", Wa, [
+                  l.type === "dir" ? (n(), m("svg", Ga, Ka)) : (n(), m("svg", Ja, Qa)),
+                  t("span", Za, v(l.basename), 1)
                 ]))), 256))
               ]),
               o.value.length ? (n(), T(G, {
@@ -1755,7 +1745,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       _: 1
     }));
   }
-}), ro = { class: "sm:flex sm:items-start" }, no = /* @__PURE__ */ t("div", { class: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-50 dark:bg-gray-500 sm:mx-0 sm:h-10 sm:w-10" }, [
+}), ao = { class: "sm:flex sm:items-start" }, oo = /* @__PURE__ */ t("div", { class: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-50 dark:bg-gray-500 sm:mx-0 sm:h-10 sm:w-10" }, [
   /* @__PURE__ */ t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -1770,12 +1760,12 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
     })
   ])
-], -1), lo = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, io = {
+], -1), ro = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, no = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, co = { class: "mt-2" }, uo = { class: "text-sm text-gray-500" }, mo = {
+}, lo = { class: "mt-2" }, io = { class: "text-sm text-gray-500" }, co = {
   name: "VFModalMessage"
-}, vo = /* @__PURE__ */ Object.assign(mo, {
+}, uo = /* @__PURE__ */ Object.assign(co, {
   setup(p) {
     const e = F("ServiceContainer"), { t: s } = e.i18n;
     return (r, o) => (n(), T(W, null, {
@@ -1789,12 +1779,12 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       default: A(() => {
         var i, u;
         return [
-          t("div", ro, [
-            no,
-            t("div", lo, [
-              t("h3", io, v(((i = a(e).modal.data) == null ? void 0 : i.title) ?? "Title"), 1),
-              t("div", co, [
-                t("p", uo, v(((u = a(e).modal.data) == null ? void 0 : u.message) ?? "Message"), 1)
+          t("div", ao, [
+            oo,
+            t("div", ro, [
+              t("h3", no, v(((i = a(e).modal.data) == null ? void 0 : i.title) ?? "Title"), 1),
+              t("div", lo, [
+                t("p", io, v(((u = a(e).modal.data) == null ? void 0 : u.message) ?? "Message"), 1)
               ])
             ])
           ])
@@ -1803,7 +1793,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       _: 1
     }));
   }
-}), po = { class: "sm:flex sm:items-start" }, ho = /* @__PURE__ */ t("div", { class: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-50 dark:bg-gray-500 sm:mx-0 sm:h-10 sm:w-10" }, [
+}), mo = { class: "sm:flex sm:items-start" }, vo = /* @__PURE__ */ t("div", { class: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-50 dark:bg-gray-500 sm:mx-0 sm:h-10 sm:w-10" }, [
   /* @__PURE__ */ t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -1818,12 +1808,12 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       d: "M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z"
     })
   ])
-], -1), fo = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, go = {
+], -1), po = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, ho = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, _o = { class: "mt-2" }, ko = { class: "text-sm text-gray-500" }, bo = ["placeholder"], yo = {
+}, fo = { class: "mt-2" }, go = { class: "text-sm text-gray-500" }, _o = ["placeholder"], ko = {
   name: "VFModalNewFolder"
-}, xo = /* @__PURE__ */ Object.assign(yo, {
+}, bo = /* @__PURE__ */ Object.assign(ko, {
   setup(p) {
     const e = F("ServiceContainer");
     e.storage;
@@ -1860,19 +1850,19 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         }, v(a(s)("Cancel")), 1)
       ]),
       default: A(() => [
-        t("div", po, [
-          ho,
-          t("div", fo, [
-            t("h3", go, v(a(s)("New Folder")), 1),
-            t("div", _o, [
-              t("p", ko, v(a(s)("Create a new folder")), 1),
+        t("div", mo, [
+          vo,
+          t("div", po, [
+            t("h3", ho, v(a(s)("New Folder")), 1),
+            t("div", fo, [
+              t("p", go, v(a(s)("Create a new folder")), 1),
               q(t("input", {
                 "onUpdate:modelValue": d[0] || (d[0] = (l) => r.value = l),
                 onKeyup: Q(i, ["enter"]),
                 class: "px-2 py-1 border rounded dark:bg-gray-700/25 dark:focus:ring-gray-600 dark:focus:border-gray-600 dark:text-gray-100 w-full",
                 placeholder: a(s)("Folder Name"),
                 type: "text"
-              }, null, 40, bo), [
+              }, null, 40, _o), [
                 [Z, r.value]
               ]),
               o.value.length ? (n(), T(G, {
@@ -1892,7 +1882,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       _: 1
     }));
   }
-}), wo = { class: "sm:flex sm:items-start" }, $o = /* @__PURE__ */ t("div", { class: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-50 dark:bg-gray-500 sm:mx-0 sm:h-10 sm:w-10" }, [
+}), yo = { class: "sm:flex sm:items-start" }, xo = /* @__PURE__ */ t("div", { class: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-50 dark:bg-gray-500 sm:mx-0 sm:h-10 sm:w-10" }, [
   /* @__PURE__ */ t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -1907,12 +1897,12 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       d: "M9 13h6m-3-3v6m5 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
     })
   ])
-], -1), Co = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, So = {
+], -1), wo = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, $o = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, Mo = { class: "mt-2" }, Eo = { class: "text-sm text-gray-500" }, Do = ["placeholder"], jo = {
+}, Co = { class: "mt-2" }, So = { class: "text-sm text-gray-500" }, Mo = ["placeholder"], Eo = {
   name: "VFModalNewFile"
-}, Ao = /* @__PURE__ */ Object.assign(jo, {
+}, Do = /* @__PURE__ */ Object.assign(Eo, {
   setup(p) {
     const e = F("ServiceContainer");
     e.storage;
@@ -1949,19 +1939,19 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         }, v(a(s)("Cancel")), 1)
       ]),
       default: A(() => [
-        t("div", wo, [
-          $o,
-          t("div", Co, [
-            t("h3", So, v(a(s)("New File")), 1),
-            t("div", Mo, [
-              t("p", Eo, v(a(s)("Create a new file")), 1),
+        t("div", yo, [
+          xo,
+          t("div", wo, [
+            t("h3", $o, v(a(s)("New File")), 1),
+            t("div", Co, [
+              t("p", So, v(a(s)("Create a new file")), 1),
               q(t("input", {
                 "onUpdate:modelValue": d[0] || (d[0] = (l) => r.value = l),
                 onKeyup: Q(i, ["enter"]),
                 class: "px-2 py-1 border rounded dark:bg-gray-700/25 dark:focus:ring-gray-600 dark:focus:border-gray-600 dark:text-gray-100 w-full",
                 placeholder: a(s)("File Name"),
                 type: "text"
-              }, null, 40, Do), [
+              }, null, 40, Mo), [
                 [Z, r.value]
               ]),
               o.value.length ? (n(), T(G, {
@@ -1981,10 +1971,10 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       _: 1
     }));
   }
-}), Lo = { class: "flex" }, To = ["aria-label"], Fo = { class: "ml-auto mb-2" }, Oo = {
+}), jo = { class: "flex" }, Ao = ["aria-label"], Lo = { class: "ml-auto mb-2" }, To = {
   key: 0,
   class: "p-2 border font-normal whitespace-pre-wrap border-gray-200 dark:border-gray-700/50 dark:text-gray-200 rounded min-h-[200px] max-h-[60vh] text-xs overflow-auto"
-}, Vo = { key: 1 }, No = {
+}, Fo = { key: 1 }, Oo = {
   __name: "Text",
   emits: ["success"],
   setup(p, { emit: e }) {
@@ -1995,15 +1985,15 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         method: "get",
         params: { q: "preview", adapter: c.modal.data.adapter, path: c.modal.data.item.path },
         responseType: "text"
-      }).then((y) => {
-        r.value = y, s("success");
+      }).then((C) => {
+        r.value = C, s("success");
       });
     });
     const _ = () => {
       u.value = !u.value, o.value = r.value, u.value == !0 && ce(() => {
         i.value.focus();
       });
-    }, w = () => {
+    }, x = () => {
       d.value = "", l.value = !1, c.requester.send({
         url: "",
         method: "post",
@@ -2016,40 +2006,40 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           content: o.value
         },
         responseType: "text"
-      }).then((y) => {
-        d.value = g("Updated."), r.value = y, s("success"), u.value = !u.value;
-      }).catch((y) => {
-        d.value = g(y.message), l.value = !0;
+      }).then((C) => {
+        d.value = g("Updated."), r.value = C, s("success"), u.value = !u.value;
+      }).catch((C) => {
+        d.value = g(C.message), l.value = !0;
       });
     };
-    return (y, E) => (n(), m(U, null, [
-      t("div", Lo, [
+    return (C, E) => (n(), m(U, null, [
+      t("div", jo, [
         t("div", {
           class: "mb-2 text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
           id: "modal-title",
           "aria-label": a(c).modal.data.item.path,
           "data-microtip-position": "bottom-right",
           role: "tooltip"
-        }, v(a(c).modal.data.item.basename), 9, To),
-        t("div", Fo, [
+        }, v(a(c).modal.data.item.basename), 9, Ao),
+        t("div", Lo, [
           u.value ? (n(), m("button", {
             key: 0,
-            onClick: w,
+            onClick: x,
             class: "ml-1 px-2 py-1 rounded border border-transparent shadow-sm bg-blue-700/75 hover:bg-blue-700 dark:bg-gray-700 dark:hover:bg-gray-700/50 text-base font-medium text-white sm:ml-3 sm:w-auto sm:text-sm"
           }, v(a(g)("Save")), 1)) : M("", !0),
           a(c).features.includes(a(B).EDIT) ? (n(), m("button", {
             key: 1,
             class: "ml-1 px-2 py-1 text-blue-500",
-            onClick: E[0] || (E[0] = ($) => _())
+            onClick: E[0] || (E[0] = (w) => _())
           }, v(u.value ? a(g)("Cancel") : a(g)("Edit")), 1)) : M("", !0)
         ])
       ]),
       t("div", null, [
-        u.value ? (n(), m("div", Vo, [
+        u.value ? (n(), m("div", Fo, [
           q(t("textarea", {
             ref_key: "editInput",
             ref: i,
-            "onUpdate:modelValue": E[1] || (E[1] = ($) => o.value = $),
+            "onUpdate:modelValue": E[1] || (E[1] = (w) => o.value = w),
             class: "w-full p-2 rounded dark:bg-gray-700 dark:text-gray-200 dark:focus:ring-gray-600 dark:focus:border-gray-600 dark:selection:bg-gray-500 min-h-[200px] max-h-[60vh] text-xs",
             name: "text",
             id: "",
@@ -2058,10 +2048,10 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           }, null, 512), [
             [Z, o.value]
           ])
-        ])) : (n(), m("pre", Oo, v(r.value), 1)),
+        ])) : (n(), m("pre", To, v(r.value), 1)),
         d.value.length ? (n(), T(G, {
           key: 2,
-          onHidden: E[2] || (E[2] = ($) => d.value = ""),
+          onHidden: E[2] || (E[2] = (w) => d.value = ""),
           error: l.value
         }, {
           default: A(() => [
@@ -2072,13 +2062,13 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       ])
     ], 64));
   }
-}, Bo = { class: "flex" }, zo = ["aria-label"], Uo = { class: "ml-auto mb-2" }, Ho = { class: "w-full flex justify-center" }, Ro = ["src"], qo = {
+}, Vo = { class: "flex" }, No = ["aria-label"], Bo = { class: "ml-auto mb-2" }, zo = { class: "w-full flex justify-center" }, Uo = ["src"], Ho = {
   __name: "Image",
   emits: ["success"],
   setup(p, { emit: e }) {
     const s = e, r = F("ServiceContainer"), { t: o } = r.i18n, i = k(null), u = k(null), d = k(!1), l = k(""), c = k(!1), g = () => {
       d.value = !d.value, d.value ? u.value = new Be(i.value, {
-        crop(w) {
+        crop(x) {
         }
       }) : u.value.destroy();
     }, _ = () => {
@@ -2086,10 +2076,10 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         width: 795,
         height: 341
       }).toBlob(
-        (w) => {
+        (x) => {
           l.value = "", c.value = !1;
-          const y = new FormData();
-          y.set("file", w), r.requester.send({
+          const C = new FormData();
+          C.set("file", x), r.requester.send({
             url: "",
             method: "post",
             params: {
@@ -2097,7 +2087,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
               adapter: r.modal.data.adapter,
               path: r.modal.data.item.path
             },
-            body: y
+            body: C
           }).then((E) => {
             l.value = o("Updated."), i.value.src = r.requester.getPreviewUrl(r.modal.data.adapter, r.modal.data.item), g(), s("success");
           }).catch((E) => {
@@ -2108,16 +2098,16 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
     };
     return P(() => {
       s("success");
-    }), (w, y) => (n(), m(U, null, [
-      t("div", Bo, [
+    }), (x, C) => (n(), m(U, null, [
+      t("div", Vo, [
         t("h3", {
           class: "mb-2 text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
           id: "modal-title",
           "aria-label": a(r).modal.data.item.path,
           "data-microtip-position": "bottom-right",
           role: "tooltip"
-        }, v(a(r).modal.data.item.basename), 9, zo),
-        t("div", Uo, [
+        }, v(a(r).modal.data.item.basename), 9, No),
+        t("div", Bo, [
           d.value ? (n(), m("button", {
             key: 0,
             onClick: _,
@@ -2126,22 +2116,22 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           a(r).features.includes(a(B).EDIT) ? (n(), m("button", {
             key: 1,
             class: "ml-1 px-2 py-1 text-blue-500",
-            onClick: y[0] || (y[0] = (E) => g())
+            onClick: C[0] || (C[0] = (E) => g())
           }, v(d.value ? a(o)("Cancel") : a(o)("Edit")), 1)) : M("", !0)
         ])
       ]),
-      t("div", Ho, [
+      t("div", zo, [
         t("img", {
           ref_key: "image",
           ref: i,
           class: "max-w-[50vh] max-h-[50vh]",
           src: a(r).requester.getPreviewUrl(a(r).modal.data.adapter, a(r).modal.data.item),
           alt: ""
-        }, null, 8, Ro)
+        }, null, 8, Uo)
       ]),
       l.value.length ? (n(), T(G, {
         key: 0,
-        onHidden: y[1] || (y[1] = (E) => l.value = ""),
+        onHidden: C[1] || (C[1] = (E) => l.value = ""),
         error: c.value
       }, {
         default: A(() => [
@@ -2151,7 +2141,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       }, 8, ["error"])) : M("", !0)
     ], 64));
   }
-}, Io = { class: "flex" }, Po = ["aria-label"], Wo = /* @__PURE__ */ t("div", null, null, -1), Go = {
+}, Ro = { class: "flex" }, qo = ["aria-label"], Io = /* @__PURE__ */ t("div", null, null, -1), Po = {
   __name: "Default",
   emits: ["success"],
   setup(p, { emit: e }) {
@@ -2159,23 +2149,23 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
     return P(() => {
       r("success");
     }), (o, i) => (n(), m(U, null, [
-      t("div", Io, [
+      t("div", Ro, [
         t("h3", {
           class: "mb-2 text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
           id: "modal-title",
           "aria-label": a(s).modal.data.item.path,
           "data-microtip-position": "bottom-right",
           role: "tooltip"
-        }, v(a(s).modal.data.item.basename), 9, Po)
+        }, v(a(s).modal.data.item.basename), 9, qo)
       ]),
-      Wo
+      Io
     ], 64));
   }
-}, Yo = ["aria-label"], Ko = {
+}, Wo = ["aria-label"], Go = {
   class: "w-full",
   preload: "",
   controls: ""
-}, Jo = ["src"], Xo = {
+}, Yo = ["src"], Ko = {
   __name: "Video",
   emits: ["success"],
   setup(p, { emit: e }) {
@@ -2189,22 +2179,22 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         "aria-label": a(s).modal.data.item.path,
         "data-microtip-position": "bottom-right",
         role: "tooltip"
-      }, v(a(s).modal.data.item.basename), 9, Yo),
+      }, v(a(s).modal.data.item.basename), 9, Wo),
       t("div", null, [
-        t("video", Ko, [
+        t("video", Go, [
           t("source", {
             src: o(),
             type: "video/mp4"
-          }, null, 8, Jo),
+          }, null, 8, Yo),
           V(" Your browser does not support the video tag. ")
         ])
       ])
     ]));
   }
-}, Qo = ["aria-label"], Zo = {
+}, Jo = ["aria-label"], Xo = {
   class: "w-full",
   controls: ""
-}, er = ["src"], tr = {
+}, Qo = ["src"], Zo = {
   __name: "Audio",
   emits: ["success"],
   setup(p, { emit: e }) {
@@ -2218,25 +2208,25 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         "aria-label": a(r).modal.data.item.path,
         "data-microtip-position": "bottom-right",
         role: "tooltip"
-      }, v(a(r).modal.data.item.basename), 9, Qo),
+      }, v(a(r).modal.data.item.basename), 9, Jo),
       t("div", null, [
-        t("audio", Zo, [
+        t("audio", Xo, [
           t("source", {
             src: o(),
             type: "audio/mpeg"
-          }, null, 8, er),
+          }, null, 8, Qo),
           V(" Your browser does not support the audio element. ")
         ])
       ])
     ], 64));
   }
-}, sr = ["aria-label"], ar = ["data"], or = ["src"], rr = /* @__PURE__ */ t("p", null, [
+}, er = ["aria-label"], tr = ["data"], sr = ["src"], ar = /* @__PURE__ */ t("p", null, [
   /* @__PURE__ */ V(" Your browser does not support PDFs. "),
   /* @__PURE__ */ t("a", { href: "https://example.com/test.pdf" }, "Download the PDF"),
   /* @__PURE__ */ V(" . ")
-], -1), nr = [
-  rr
-], lr = {
+], -1), or = [
+  ar
+], rr = {
   __name: "Pdf",
   emits: ["success"],
   setup(p, { emit: e }) {
@@ -2250,7 +2240,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         "aria-label": a(s).modal.data.item.path,
         "data-microtip-position": "bottom-right",
         role: "tooltip"
-      }, v(a(s).modal.data.item.basename), 9, sr),
+      }, v(a(s).modal.data.item.basename), 9, er),
       t("div", null, [
         t("object", {
           class: "h-[60vh]",
@@ -2264,15 +2254,15 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
             src: o(),
             width: "100%",
             height: "100%"
-          }, nr, 8, or)
-        ], 8, ar)
+          }, or, 8, sr)
+        ], 8, tr)
       ])
     ], 64));
   }
-}, ir = { class: "sm:flex sm:items-start" }, dr = { class: "mt-3 text-center sm:mt-0 sm:text-left w-full" }, cr = { key: 0 }, ur = { class: "text-gray-700 dark:text-gray-200 text-sm" }, mr = {
+}, nr = { class: "sm:flex sm:items-start" }, lr = { class: "mt-3 text-center sm:mt-0 sm:text-left w-full" }, ir = { key: 0 }, dr = { class: "text-gray-700 dark:text-gray-200 text-sm" }, cr = {
   key: 0,
   class: "flex leading-5"
-}, vr = /* @__PURE__ */ t("svg", {
+}, ur = /* @__PURE__ */ t("svg", {
   class: "animate-spin -ml-1 mr-3 h-5 w-5 text-white",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -2291,12 +2281,12 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
     fill: "currentColor",
     d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
   })
-], -1), pr = { class: "py-2 flex font-normal break-all dark:text-gray-200 rounded text-xs" }, hr = { class: "font-bold" }, fr = { class: "font-bold pl-2" }, gr = {
+], -1), mr = { class: "py-2 flex font-normal break-all dark:text-gray-200 rounded text-xs" }, vr = { class: "font-bold" }, pr = { class: "font-bold pl-2" }, hr = {
   key: 0,
   class: "text-xs text-gray-600 dark:text-gray-400"
-}, _r = ["download", "href"], kr = {
+}, fr = ["download", "href"], gr = {
   name: "VFModalPreview"
-}, br = /* @__PURE__ */ Object.assign(kr, {
+}, _r = /* @__PURE__ */ Object.assign(gr, {
   setup(p) {
     const e = F("ServiceContainer"), { t: s } = e.i18n, r = k(!1), o = (u) => (e.modal.data.item.mime_type ?? "").startsWith(u), i = e.features.includes(B.PREVIEW);
     return i || (r.value = !0), (u, d) => (n(), T(W, null, {
@@ -2312,58 +2302,58 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           class: "vf-btn vf-btn-primary",
           download: a(e).requester.getDownloadUrl(a(e).modal.data.adapter, a(e).modal.data.item),
           href: a(e).requester.getDownloadUrl(a(e).modal.data.adapter, a(e).modal.data.item)
-        }, v(a(s)("Download")), 9, _r)) : M("", !0)
+        }, v(a(s)("Download")), 9, fr)) : M("", !0)
       ]),
       default: A(() => [
-        t("div", ir, [
-          t("div", dr, [
-            a(i) ? (n(), m("div", cr, [
-              o("text") ? (n(), T(No, {
+        t("div", nr, [
+          t("div", lr, [
+            a(i) ? (n(), m("div", ir, [
+              o("text") ? (n(), T(Oo, {
                 key: 0,
                 onSuccess: d[0] || (d[0] = (l) => r.value = !0)
-              })) : o("image") ? (n(), T(qo, {
+              })) : o("image") ? (n(), T(Ho, {
                 key: 1,
                 onSuccess: d[1] || (d[1] = (l) => r.value = !0)
-              })) : o("video") ? (n(), T(Xo, {
+              })) : o("video") ? (n(), T(Ko, {
                 key: 2,
                 onSuccess: d[2] || (d[2] = (l) => r.value = !0)
-              })) : o("audio") ? (n(), T(tr, {
+              })) : o("audio") ? (n(), T(Zo, {
                 key: 3,
                 onSuccess: d[3] || (d[3] = (l) => r.value = !0)
-              })) : o("application/pdf") ? (n(), T(lr, {
+              })) : o("application/pdf") ? (n(), T(rr, {
                 key: 4,
                 onSuccess: d[4] || (d[4] = (l) => r.value = !0)
-              })) : (n(), T(Go, {
+              })) : (n(), T(Po, {
                 key: 5,
                 onSuccess: d[5] || (d[5] = (l) => r.value = !0)
               }))
             ])) : M("", !0),
-            t("div", ur, [
-              r.value === !1 ? (n(), m("div", mr, [
-                vr,
+            t("div", dr, [
+              r.value === !1 ? (n(), m("div", cr, [
+                ur,
                 t("span", null, v(a(s)("Loading")), 1)
               ])) : M("", !0)
             ])
           ])
         ]),
-        t("div", pr, [
+        t("div", mr, [
           t("div", null, [
-            t("span", hr, v(a(s)("File Size")) + ": ", 1),
+            t("span", vr, v(a(s)("File Size")) + ": ", 1),
             V(v(a(e).filesize(a(e).modal.data.item.file_size)), 1)
           ]),
           t("div", null, [
-            t("span", fr, v(a(s)("Last Modified")) + ": ", 1),
+            t("span", pr, v(a(s)("Last Modified")) + ": ", 1),
             V(" " + v(a(we)(a(e).modal.data.item.last_modified)), 1)
           ])
         ]),
-        a(e).features.includes(a(B).DOWNLOAD) ? (n(), m("div", gr, [
+        a(e).features.includes(a(B).DOWNLOAD) ? (n(), m("div", hr, [
           t("span", null, v(a(s)(`Download doesn't work? You can try right-click "Download" button, select "Save link as...".`)), 1)
         ])) : M("", !0)
       ]),
       _: 1
     }));
   }
-}), yr = { class: "sm:flex sm:items-start" }, xr = /* @__PURE__ */ t("div", { class: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-50 dark:bg-gray-500 sm:mx-0 sm:h-10 sm:w-10" }, [
+}), kr = { class: "sm:flex sm:items-start" }, br = /* @__PURE__ */ t("div", { class: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-50 dark:bg-gray-500 sm:mx-0 sm:h-10 sm:w-10" }, [
   /* @__PURE__ */ t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -2378,10 +2368,10 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"
     })
   ])
-], -1), wr = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, $r = {
+], -1), yr = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, xr = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, Cr = { class: "mt-2" }, Sr = { class: "flex text-sm text-gray-800 dark:text-gray-400 py-2" }, Mr = {
+}, wr = { class: "mt-2" }, $r = { class: "flex text-sm text-gray-800 dark:text-gray-400 py-2" }, Cr = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500 fill-sky-500 stroke-sky-500 dark:fill-slate-500 dark:stroke-slate-500",
@@ -2389,13 +2379,13 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Er = /* @__PURE__ */ t("path", {
+}, Sr = /* @__PURE__ */ t("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"
-}, null, -1), Dr = [
-  Er
-], jr = {
+}, null, -1), Mr = [
+  Sr
+], Er = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500",
@@ -2403,15 +2393,15 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Ar = /* @__PURE__ */ t("path", {
+}, Dr = /* @__PURE__ */ t("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"
-}, null, -1), Lr = [
-  Ar
-], Tr = { class: "ml-1.5" }, Fr = {
+}, null, -1), jr = [
+  Dr
+], Ar = { class: "ml-1.5" }, Lr = {
   name: "VFModalRename"
-}, Or = /* @__PURE__ */ Object.assign(Fr, {
+}, Tr = /* @__PURE__ */ Object.assign(Lr, {
   setup(p) {
     const e = F("ServiceContainer");
     e.storage;
@@ -2449,14 +2439,14 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         }, v(a(s)("Cancel")), 1)
       ]),
       default: A(() => [
-        t("div", yr, [
-          xr,
-          t("div", wr, [
-            t("h3", $r, v(a(s)("Rename")), 1),
-            t("div", Cr, [
-              t("p", Sr, [
-                r.value.type === "dir" ? (n(), m("svg", Mr, Dr)) : (n(), m("svg", jr, Lr)),
-                t("span", Tr, v(r.value.basename), 1)
+        t("div", kr, [
+          br,
+          t("div", yr, [
+            t("h3", xr, v(a(s)("Rename")), 1),
+            t("div", wr, [
+              t("p", $r, [
+                r.value.type === "dir" ? (n(), m("svg", Cr, Mr)) : (n(), m("svg", Er, jr)),
+                t("span", Ar, v(r.value.basename), 1)
               ]),
               q(t("input", {
                 "onUpdate:modelValue": l[0] || (l[0] = (c) => o.value = c),
@@ -2484,7 +2474,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       _: 1
     }));
   }
-}), Vr = { class: "sm:flex sm:items-start" }, Nr = /* @__PURE__ */ t("div", { class: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-50 dark:bg-gray-500 sm:mx-0 sm:h-10 sm:w-10" }, [
+}), Fr = { class: "sm:flex sm:items-start" }, Or = /* @__PURE__ */ t("div", { class: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-50 dark:bg-gray-500 sm:mx-0 sm:h-10 sm:w-10" }, [
   /* @__PURE__ */ t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -2499,19 +2489,19 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"
     })
   ])
-], -1), Br = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, zr = {
+], -1), Vr = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, Nr = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, Ur = { class: "mt-2" }, Hr = {
+}, Br = { class: "mt-2" }, zr = {
   key: 0,
   class: "pointer-events-none"
-}, Rr = {
+}, Ur = {
   key: 1,
   class: "pointer-events-none"
-}, qr = ["disabled"], Ir = ["disabled"], Pr = { class: "text-gray-500 text-sm mb-1 pr-1 max-h-[200px] overflow-y-auto vf-scrollbar" }, Wr = { class: "rounded flex flex-shrink-0 w-6 h-6 border bg-gray-50 text-xs cursor-default dark:border-gray-700 dark:bg-gray-800 dark:text-gray-50" }, Gr = ["textContent"], Yr = { class: "ml-1 w-full h-fit" }, Kr = { class: "text-left hidden md:block" }, Jr = { class: "text-left md:hidden" }, Xr = {
+}, Hr = ["disabled"], Rr = ["disabled"], qr = { class: "text-gray-500 text-sm mb-1 pr-1 max-h-[200px] overflow-y-auto vf-scrollbar" }, Ir = { class: "rounded flex flex-shrink-0 w-6 h-6 border bg-gray-50 text-xs cursor-default dark:border-gray-700 dark:bg-gray-800 dark:text-gray-50" }, Pr = ["textContent"], Wr = { class: "ml-1 w-full h-fit" }, Gr = { class: "text-left hidden md:block" }, Yr = { class: "text-left md:hidden" }, Kr = {
   key: 0,
   class: "ml-auto"
-}, Qr = ["title", "disabled", "onClick"], Zr = /* @__PURE__ */ t("svg", {
+}, Jr = ["title", "disabled", "onClick"], Xr = /* @__PURE__ */ t("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
@@ -2524,14 +2514,14 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
     "stroke-linejoin": "round",
     d: "M6 18L18 6M6 6l12 12"
   })
-], -1), en = [
-  Zr
-], tn = {
+], -1), Qr = [
+  Xr
+], Zr = {
   key: 0,
   class: "py-2"
-}, sn = ["disabled"], an = {
+}, en = ["disabled"], tn = {
   name: "VFModalUpload"
-}, on = /* @__PURE__ */ Object.assign(an, {
+}, sn = /* @__PURE__ */ Object.assign(tn, {
   setup(p) {
     const e = F("ServiceContainer"), { t: s } = e.i18n, r = s("uppy"), o = {
       PENDING: 0,
@@ -2539,10 +2529,10 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       UPLOADING: 2,
       ERROR: 3,
       DONE: 10
-    }, i = k({ QUEUE_ENTRY_STATUS: o }), u = k(null), d = k(null), l = k(null), c = k(null), g = k(null), _ = k(null), w = k([]), y = k(""), E = k(!1), $ = k(!1);
+    }, i = k({ QUEUE_ENTRY_STATUS: o }), u = k(null), d = k(null), l = k(null), c = k(null), g = k(null), _ = k(null), x = k([]), C = k(""), E = k(!1), w = k(!1);
     let f;
     function h(j) {
-      return w.value.findIndex((S) => S.id === j);
+      return x.value.findIndex((S) => S.id === j);
     }
     function N(j, S = null) {
       S = S ?? (j.webkitRelativePath || j.name), f.addFile({
@@ -2582,39 +2572,39 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
     }
     function se() {
       if (!E.value) {
-        if (!w.value.filter((j) => j.status !== o.DONE).length) {
-          y.value = s("Please select file to upload first.");
+        if (!x.value.filter((j) => j.status !== o.DONE).length) {
+          C.value = s("Please select file to upload first.");
           return;
         }
-        y.value = "", f.retryAll(), f.upload();
+        C.value = "", f.retryAll(), f.upload();
       }
     }
     function ae() {
-      f.cancelAll({ reason: "user" }), w.value.forEach((j) => {
+      f.cancelAll({ reason: "user" }), x.value.forEach((j) => {
         j.status !== o.DONE && (j.status = o.CANCELED, j.statusName = s("Canceled"));
       }), E.value = !1;
     }
     function oe(j) {
-      E.value || (f.removeFile(j.id, "removed-by-user"), w.value.splice(h(j.id), 1));
+      E.value || (f.removeFile(j.id, "removed-by-user"), x.value.splice(h(j.id), 1));
     }
-    function x(j) {
+    function y(j) {
       if (!E.value) {
         if (f.cancelAll({ reason: "user" }), j) {
           const S = [];
-          w.value.forEach((b) => {
+          x.value.forEach((b) => {
             b.status !== o.DONE && S.push(b);
-          }), w.value = [], S.forEach((b) => {
+          }), x.value = [], S.forEach((b) => {
             N(b.originalFile, b.name);
           });
           return;
         }
-        w.value.splice(0);
+        x.value.splice(0);
       }
     }
     function D() {
       e.emitter.emit("vf-modal-close");
     }
-    function C() {
+    function $() {
       return e.requester.transformRequestParams({
         url: "",
         method: "post",
@@ -2633,9 +2623,9 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         onBeforeFileAdded(b, L) {
           if (L[b.id] != null) {
             const X = h(b.id);
-            w.value[X].status === o.PENDING && (y.value = f.i18n("noDuplicates", { fileName: b.name })), w.value = w.value.filter((ue) => ue.id !== b.id);
+            x.value[X].status === o.PENDING && (C.value = f.i18n("noDuplicates", { fileName: b.name })), x.value = x.value.filter((ue) => ue.id !== b.id);
           }
-          return w.value.push({
+          return x.value.push({
             id: b.id,
             name: b.name,
             size: e.filesize(b.size),
@@ -2659,26 +2649,26 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           return new Error(O);
         }
       }), f.on("restriction-failed", (b, L) => {
-        const O = w.value[h(b.id)];
-        oe(O), y.value = L.message;
+        const O = x.value[h(b.id)];
+        oe(O), C.value = L.message;
       }), f.on("upload", () => {
-        const b = C();
+        const b = $();
         f.setMeta({ ...b.body });
         const L = f.getPlugin("XHRUpload");
-        L.opts.method = b.method, L.opts.endpoint = b.url + "?" + new URLSearchParams(b.params), L.opts.headers = b.headers, E.value = !0, w.value.forEach((O) => {
+        L.opts.method = b.method, L.opts.endpoint = b.url + "?" + new URLSearchParams(b.params), L.opts.headers = b.headers, E.value = !0, x.value.forEach((O) => {
           O.status !== o.DONE && (O.percent = null, O.status = o.UPLOADING, O.statusName = s("Pending upload"));
         });
       }), f.on("upload-progress", (b, L) => {
         const O = Math.floor(L.bytesUploaded / L.bytesTotal * 100);
-        w.value[h(b.id)].percent = `${O}%`;
+        x.value[h(b.id)].percent = `${O}%`;
       }), f.on("upload-success", (b) => {
-        const L = w.value[h(b.id)];
+        const L = x.value[h(b.id)];
         L.status = o.DONE, L.statusName = s("Done");
       }), f.on("upload-error", (b, L) => {
-        const O = w.value[h(b.id)];
+        const O = x.value[h(b.id)];
         O.percent = null, O.status = o.ERROR, L.isNetworkError ? O.statusName = s("Network Error, Unable establish connection to the server or interrupted.") : O.statusName = L ? L.message : s("Unknown Error");
       }), f.on("error", (b) => {
-        y.value = b.message, E.value = !1, e.emitter.emit("vf-fetch", {
+        C.value = b.message, E.value = !1, e.emitter.emit("vf-fetch", {
           params: { q: "index", adapter: e.data.adapter, path: e.data.dirname },
           noCloseModal: !0
         });
@@ -2692,9 +2682,9 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       }), g.value.addEventListener("click", () => {
         l.value.click();
       }), _.value.addEventListener("dragover", (b) => {
-        b.preventDefault(), $.value = !0;
+        b.preventDefault(), w.value = !0;
       }), _.value.addEventListener("dragleave", (b) => {
-        b.preventDefault(), $.value = !1;
+        b.preventDefault(), w.value = !1;
       });
       function j(b, L) {
         L.isFile && L.file((O) => b(L, O)), L.isDirectory && L.createReader().readEntries((O) => {
@@ -2704,7 +2694,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         });
       }
       _.value.addEventListener("drop", (b) => {
-        b.preventDefault(), $.value = !1;
+        b.preventDefault(), w.value = !1;
         const L = /^[/\\](.+)/;
         [...b.dataTransfer.items].forEach((O) => {
           O.kind === "file" && j((X, ue) => {
@@ -2729,7 +2719,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           class: z(["vf-btn vf-btn-primary", E.value ? "bg-blue-200 hover:bg-blue-200 dark:bg-gray-700/50 dark:hover:bg-gray-700/50 dark:text-gray-500" : "bg-blue-600 hover:bg-blue-700 dark:bg-gray-700 dark:hover:bg-gray-500"]),
           disabled: E.value,
           onClick: Y(se, ["prevent"])
-        }, v(a(s)("Upload")), 11, sn),
+        }, v(a(s)("Upload")), 11, en),
         E.value ? (n(), m("button", {
           key: 0,
           type: "button",
@@ -2743,18 +2733,18 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         }, v(a(s)("Close")), 1))
       ]),
       default: A(() => [
-        t("div", Vr, [
-          Nr,
-          t("div", Br, [
-            t("h3", zr, v(a(s)("Upload Files")), 1),
-            t("div", Ur, [
+        t("div", Fr, [
+          Or,
+          t("div", Vr, [
+            t("h3", Nr, v(a(s)("Upload Files")), 1),
+            t("div", Br, [
               t("div", {
                 ref_key: "dropArea",
                 ref: _,
                 class: "flex items-center justify-center text-lg mb-4 text-gray-500 border-2 border-gray-300 rounded border-dashed select-none cursor-pointer dark:border-gray-600 h-[120px]",
                 onClick: te
               }, [
-                $.value ? (n(), m("div", Hr, v(a(s)("Release to drop these files.")), 1)) : (n(), m("div", Rr, v(a(s)("Drag and drop the files/folders to here or click here.")), 1))
+                w.value ? (n(), m("div", zr, v(a(s)("Release to drop these files.")), 1)) : (n(), m("div", Ur, v(a(s)("Drag and drop the files/folders to here or click here.")), 1))
               ], 512),
               t("div", {
                 ref_key: "container",
@@ -2777,34 +2767,34 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
                   type: "button",
                   class: "vf-btn vf-btn-secondary",
                   disabled: E.value,
-                  onClick: S[0] || (S[0] = (b) => x(!1))
-                }, v(a(s)("Clear all")), 9, qr),
+                  onClick: S[0] || (S[0] = (b) => y(!1))
+                }, v(a(s)("Clear all")), 9, Hr),
                 t("button", {
                   type: "button",
                   class: "vf-btn vf-btn-secondary",
                   disabled: E.value,
-                  onClick: S[1] || (S[1] = (b) => x(!0))
-                }, v(a(s)("Clear only successful")), 9, Ir)
+                  onClick: S[1] || (S[1] = (b) => y(!0))
+                }, v(a(s)("Clear only successful")), 9, Rr)
               ], 512),
-              t("div", Pr, [
-                (n(!0), m(U, null, I(w.value, (b) => (n(), m("div", {
+              t("div", qr, [
+                (n(!0), m(U, null, I(x.value, (b) => (n(), m("div", {
                   class: "flex hover:bg-gray-100 dark:hover:bg-gray-800 dark:hover:text-gray-300",
                   key: b.id
                 }, [
-                  t("span", Wr, [
+                  t("span", Ir, [
                     t("span", {
                       class: z(["text-base m-auto", R(b)]),
                       textContent: v(K(b))
-                    }, null, 10, Gr)
+                    }, null, 10, Pr)
                   ]),
-                  t("div", Yr, [
-                    t("div", Kr, v(a(he)(b.name, 40)) + " (" + v(b.size) + ")", 1),
-                    t("div", Jr, v(a(he)(b.name, 16)) + " (" + v(b.size) + ")", 1),
+                  t("div", Wr, [
+                    t("div", Gr, v(a(he)(b.name, 40)) + " (" + v(b.size) + ")", 1),
+                    t("div", Yr, v(a(he)(b.name, 16)) + " (" + v(b.size) + ")", 1),
                     t("div", {
                       class: z(["flex break-all text-left", R(b)])
                     }, [
                       V(v(b.statusName) + " ", 1),
-                      b.status === i.value.QUEUE_ENTRY_STATUS.UPLOADING ? (n(), m("b", Xr, v(b.percent), 1)) : M("", !0)
+                      b.status === i.value.QUEUE_ENTRY_STATUS.UPLOADING ? (n(), m("b", Kr, v(b.percent), 1)) : M("", !0)
                     ], 2)
                   ]),
                   t("button", {
@@ -2813,17 +2803,17 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
                     title: a(s)("Delete"),
                     disabled: E.value,
                     onClick: (L) => oe(b)
-                  }, en, 10, Qr)
+                  }, Qr, 10, Jr)
                 ]))), 128)),
-                w.value.length ? M("", !0) : (n(), m("div", tn, v(a(s)("No files selected!")), 1))
+                x.value.length ? M("", !0) : (n(), m("div", Zr, v(a(s)("No files selected!")), 1))
               ]),
-              y.value.length ? (n(), T(G, {
+              C.value.length ? (n(), T(G, {
                 key: 0,
-                onHidden: S[2] || (S[2] = (b) => y.value = ""),
+                onHidden: S[2] || (S[2] = (b) => C.value = ""),
                 error: ""
               }, {
                 default: A(() => [
-                  V(v(y.value), 1)
+                  V(v(C.value), 1)
                 ]),
                 _: 1
               })) : M("", !0)
@@ -2849,7 +2839,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       _: 1
     }));
   }
-}), rn = { class: "sm:flex sm:items-start" }, nn = /* @__PURE__ */ t("div", { class: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-50 dark:bg-gray-500 sm:mx-0 sm:h-10 sm:w-10" }, [
+}), an = { class: "sm:flex sm:items-start" }, on = /* @__PURE__ */ t("div", { class: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-50 dark:bg-gray-500 sm:mx-0 sm:h-10 sm:w-10" }, [
   /* @__PURE__ */ t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -2864,13 +2854,13 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       d: "M20.25 7.5l-.625 10.632a2.25 2.25 0 01-2.247 2.118H6.622a2.25 2.25 0 01-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125z"
     })
   ])
-], -1), ln = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, dn = {
+], -1), rn = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, nn = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, cn = { class: "mt-2" }, un = {
+}, ln = { class: "mt-2" }, dn = {
   class: "text-gray-500 text-sm mb-1 overflow-auto vf-scrollbar",
   style: { "max-height": "200px" }
-}, mn = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, vn = {
+}, cn = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, un = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500 fill-sky-500 stroke-sky-500 dark:fill-slate-500 dark:stroke-slate-500",
@@ -2878,13 +2868,13 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, pn = /* @__PURE__ */ t("path", {
+}, mn = /* @__PURE__ */ t("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"
-}, null, -1), hn = [
-  pn
-], fn = {
+}, null, -1), vn = [
+  mn
+], pn = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500",
@@ -2892,15 +2882,15 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, gn = /* @__PURE__ */ t("path", {
+}, hn = /* @__PURE__ */ t("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"
-}, null, -1), _n = [
-  gn
-], kn = { class: "ml-1.5" }, bn = ["placeholder"], yn = {
+}, null, -1), fn = [
+  hn
+], gn = { class: "ml-1.5" }, _n = ["placeholder"], kn = {
   name: "VFModalArchive"
-}, xn = /* @__PURE__ */ Object.assign(yn, {
+}, bn = /* @__PURE__ */ Object.assign(kn, {
   setup(p) {
     const e = F("ServiceContainer");
     e.storage;
@@ -2938,15 +2928,15 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         }, v(a(s)("Cancel")), 1)
       ]),
       default: A(() => [
-        t("div", rn, [
-          nn,
-          t("div", ln, [
-            t("h3", dn, v(a(s)("Archive the files")), 1),
-            t("div", cn, [
-              t("div", un, [
-                (n(!0), m(U, null, I(i.value, (c) => (n(), m("p", mn, [
-                  c.type === "dir" ? (n(), m("svg", vn, hn)) : (n(), m("svg", fn, _n)),
-                  t("span", kn, v(c.basename), 1)
+        t("div", an, [
+          on,
+          t("div", rn, [
+            t("h3", nn, v(a(s)("Archive the files")), 1),
+            t("div", ln, [
+              t("div", dn, [
+                (n(!0), m(U, null, I(i.value, (c) => (n(), m("p", cn, [
+                  c.type === "dir" ? (n(), m("svg", un, vn)) : (n(), m("svg", pn, fn)),
+                  t("span", gn, v(c.basename), 1)
                 ]))), 256))
               ]),
               q(t("input", {
@@ -2955,7 +2945,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
                 class: "my-1 px-2 py-1 border rounded dark:bg-gray-700/25 dark:focus:ring-gray-600 dark:focus:border-gray-600 dark:text-gray-100 w-full",
                 placeholder: a(s)("Archive name. (.zip file will be created)"),
                 type: "text"
-              }, null, 40, bn), [
+              }, null, 40, _n), [
                 [Z, r.value]
               ]),
               o.value.length ? (n(), T(G, {
@@ -2975,7 +2965,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       _: 1
     }));
   }
-}), wn = { class: "sm:flex sm:items-start" }, $n = /* @__PURE__ */ t("div", { class: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-50 dark:bg-gray-500 sm:mx-0 sm:h-10 sm:w-10" }, [
+}), yn = { class: "sm:flex sm:items-start" }, xn = /* @__PURE__ */ t("div", { class: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-50 dark:bg-gray-500 sm:mx-0 sm:h-10 sm:w-10" }, [
   /* @__PURE__ */ t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -2990,10 +2980,10 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       d: "M20.25 7.5l-.625 10.632a2.25 2.25 0 01-2.247 2.118H6.622a2.25 2.25 0 01-2.247-2.118L3.75 7.5m6 4.125l2.25 2.25m0 0l2.25 2.25M12 13.875l2.25-2.25M12 13.875l-2.25 2.25M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125z"
     })
   ])
-], -1), Cn = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, Sn = {
+], -1), wn = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, $n = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, Mn = { class: "mt-2" }, En = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, Dn = {
+}, Cn = { class: "mt-2" }, Sn = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, Mn = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500 fill-sky-500 stroke-sky-500 dark:fill-slate-500 dark:stroke-slate-500",
@@ -3001,13 +2991,13 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, jn = /* @__PURE__ */ t("path", {
+}, En = /* @__PURE__ */ t("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"
-}, null, -1), An = [
-  jn
-], Ln = {
+}, null, -1), Dn = [
+  En
+], jn = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500",
@@ -3015,15 +3005,15 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Tn = /* @__PURE__ */ t("path", {
+}, An = /* @__PURE__ */ t("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"
-}, null, -1), Fn = [
-  Tn
-], On = { class: "ml-1.5" }, Vn = { class: "my-1 text-sm text-gray-500" }, Nn = {
+}, null, -1), Ln = [
+  An
+], Tn = { class: "ml-1.5" }, Fn = { class: "my-1 text-sm text-gray-500" }, On = {
   name: "VFModalUnarchive"
-}, Bn = /* @__PURE__ */ Object.assign(Nn, {
+}, Vn = /* @__PURE__ */ Object.assign(On, {
   setup(p) {
     const e = F("ServiceContainer");
     e.storage;
@@ -3062,16 +3052,16 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         }, v(a(s)("Cancel")), 1)
       ]),
       default: A(() => [
-        t("div", wn, [
-          $n,
-          t("div", Cn, [
-            t("h3", Sn, v(a(s)("Unarchive")), 1),
-            t("div", Mn, [
-              (n(!0), m(U, null, I(i.value, (c) => (n(), m("p", En, [
-                c.type === "dir" ? (n(), m("svg", Dn, An)) : (n(), m("svg", Ln, Fn)),
-                t("span", On, v(c.basename), 1)
+        t("div", yn, [
+          xn,
+          t("div", wn, [
+            t("h3", $n, v(a(s)("Unarchive")), 1),
+            t("div", Cn, [
+              (n(!0), m(U, null, I(i.value, (c) => (n(), m("p", Sn, [
+                c.type === "dir" ? (n(), m("svg", Mn, Dn)) : (n(), m("svg", jn, Ln)),
+                t("span", Tn, v(c.basename), 1)
               ]))), 256)),
-              t("p", Vn, v(a(s)("The archive will be unarchived at")) + " (" + v(d.current.dirname) + ")", 1),
+              t("p", Fn, v(a(s)("The archive will be unarchived at")) + " (" + v(d.current.dirname) + ")", 1),
               o.value.length ? (n(), T(G, {
                 key: 0,
                 onHidden: l[0] || (l[0] = (c) => o.value = ""),
@@ -3089,7 +3079,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       _: 1
     }));
   }
-}), zn = { class: "sm:flex sm:items-start" }, Un = /* @__PURE__ */ t("div", { class: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-50 dark:bg-gray-500 sm:mx-0 sm:h-10 sm:w-10" }, [
+}), Nn = { class: "sm:flex sm:items-start" }, Bn = /* @__PURE__ */ t("div", { class: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-50 dark:bg-gray-500 sm:mx-0 sm:h-10 sm:w-10" }, [
   /* @__PURE__ */ t("svg", {
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
     xmlns: "http://www.w3.org/2000/svg",
@@ -3105,10 +3095,10 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
     })
   ])
-], -1), Hn = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, Rn = {
+], -1), zn = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, Un = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, qn = { class: "text-sm text-gray-500 pb-1" }, In = { class: "max-h-[200px] overflow-y-auto vf-scrollbar text-left" }, Pn = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, Wn = {
+}, Hn = { class: "text-sm text-gray-500 pb-1" }, Rn = { class: "max-h-[200px] overflow-y-auto vf-scrollbar text-left" }, qn = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, In = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500 fill-sky-500 stroke-sky-500 dark:fill-slate-500 dark:stroke-slate-500",
@@ -3116,13 +3106,13 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Gn = /* @__PURE__ */ t("path", {
+}, Pn = /* @__PURE__ */ t("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"
-}, null, -1), Yn = [
-  Gn
-], Kn = {
+}, null, -1), Wn = [
+  Pn
+], Gn = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500",
@@ -3130,13 +3120,13 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Jn = /* @__PURE__ */ t("path", {
+}, Yn = /* @__PURE__ */ t("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"
-}, null, -1), Xn = [
-  Jn
-], Qn = { class: "ml-1.5" }, Zn = { class: "font-bold text-xs text-gray-700 dark:text-gray-500 mt-3 tracking-wider" }, el = { class: "flex text-sm text-gray-800 dark:text-gray-400 border dark:border-gray-700 p-1 rounded" }, tl = /* @__PURE__ */ t("svg", {
+}, null, -1), Kn = [
+  Yn
+], Jn = { class: "ml-1.5" }, Xn = { class: "font-bold text-xs text-gray-700 dark:text-gray-500 mt-3 tracking-wider" }, Qn = { class: "flex text-sm text-gray-800 dark:text-gray-400 border dark:border-gray-700 p-1 rounded" }, Zn = /* @__PURE__ */ t("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500 fill-sky-500 stroke-sky-500 dark:fill-slate-500 dark:stroke-slate-500",
   fill: "none",
@@ -3149,9 +3139,9 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
     "stroke-linejoin": "round",
     d: "M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"
   })
-], -1), sl = { class: "ml-1.5 overflow-auto" }, al = { class: "m-1 mr-auto font-bold text-gray-500 text-sm dark:text-gray-200 self-center" }, ol = {
+], -1), el = { class: "ml-1.5 overflow-auto" }, tl = { class: "m-1 mr-auto font-bold text-gray-500 text-sm dark:text-gray-200 self-center" }, sl = {
   name: "VFModalMove"
-}, rl = /* @__PURE__ */ Object.assign(ol, {
+}, al = /* @__PURE__ */ Object.assign(sl, {
   setup(p) {
     const e = F("ServiceContainer"), { t: s } = e.i18n;
     e.storage;
@@ -3187,26 +3177,26 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           onClick: d[1] || (d[1] = (l) => a(e).emitter.emit("vf-modal-close")),
           class: "vf-btn vf-btn-secondary"
         }, v(a(s)("Cancel")), 1),
-        t("div", al, v(a(s)("%s item(s) selected.", r.value.length)), 1)
+        t("div", tl, v(a(s)("%s item(s) selected.", r.value.length)), 1)
       ]),
       default: A(() => [
-        t("div", zn, [
-          Un,
-          t("div", Hn, [
-            t("h3", Rn, v(a(s)("Move files")), 1),
-            t("p", qn, v(a(s)("Are you sure you want to move these files?")), 1),
-            t("div", In, [
-              (n(!0), m(U, null, I(r.value, (l) => (n(), m("div", Pn, [
+        t("div", Nn, [
+          Bn,
+          t("div", zn, [
+            t("h3", Un, v(a(s)("Move files")), 1),
+            t("p", Hn, v(a(s)("Are you sure you want to move these files?")), 1),
+            t("div", Rn, [
+              (n(!0), m(U, null, I(r.value, (l) => (n(), m("div", qn, [
                 t("div", null, [
-                  l.type === "dir" ? (n(), m("svg", Wn, Yn)) : (n(), m("svg", Kn, Xn))
+                  l.type === "dir" ? (n(), m("svg", In, Wn)) : (n(), m("svg", Gn, Kn))
                 ]),
-                t("div", Qn, v(l.path), 1)
+                t("div", Jn, v(l.path), 1)
               ]))), 256))
             ]),
-            t("h4", Zn, v(a(s)("Target Directory")), 1),
-            t("p", el, [
-              tl,
-              t("span", sl, v(a(e).modal.data.items.to.path), 1)
+            t("h4", Xn, v(a(s)("Target Directory")), 1),
+            t("p", Qn, [
+              Zn,
+              t("span", el, v(a(e).modal.data.items.to.path), 1)
             ]),
             o.value.length ? (n(), T(G, {
               key: 0,
@@ -3224,12 +3214,12 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       _: 1
     }));
   }
-}), nl = (p, e) => {
+}), ol = (p, e) => {
   const s = p.__vccOpts || p;
   for (const [r, o] of e)
     s[r] = o;
   return s;
-}, ll = {
+}, rl = {
   props: {
     on: { type: String, required: !0 }
   },
@@ -3250,15 +3240,15 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       t: i
     };
   }
-}, il = { key: 1 };
-function dl(p, e, s, r, o, i) {
+}, nl = { key: 1 };
+function ll(p, e, s, r, o, i) {
   return n(), m("div", {
     class: z(["text-sm text-green-600 dark:text-green-600 transition-opacity duration-500 ease-out", [{ "opacity-0": !r.shown }]])
   }, [
-    p.$slots.default ? le(p.$slots, "default", { key: 0 }) : (n(), m("span", il, v(r.t("Saved.")), 1))
+    p.$slots.default ? le(p.$slots, "default", { key: 0 }) : (n(), m("span", nl, v(r.t("Saved.")), 1))
   ], 2);
 }
-const ve = /* @__PURE__ */ nl(ll, [["render", dl]]), cl = { class: "sm:flex sm:items-start" }, ul = /* @__PURE__ */ t("div", { class: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-50 dark:bg-gray-500 sm:mx-0 sm:h-10 sm:w-10" }, [
+const ve = /* @__PURE__ */ ol(rl, [["render", ll]]), il = { class: "sm:flex sm:items-start" }, dl = /* @__PURE__ */ t("div", { class: "mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-50 dark:bg-gray-500 sm:mx-0 sm:h-10 sm:w-10" }, [
   /* @__PURE__ */ t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -3278,34 +3268,34 @@ const ve = /* @__PURE__ */ nl(ll, [["render", dl]]), cl = { class: "sm:flex sm:i
       d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
     })
   ])
-], -1), ml = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, vl = {
+], -1), cl = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, ul = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, pl = { class: "mt-2" }, hl = { class: "text-sm text-gray-500" }, fl = { class: "text-sm font-semibold mt-5 text-gray-900 dark:text-gray-400 tracking-wider" }, gl = { class: "mt-3 text-left" }, _l = { class: "space-y-2" }, kl = { class: "flex relative gap-x-3" }, bl = { class: "h-6 items-center" }, yl = { class: "flex-1 block text-sm" }, xl = {
+}, ml = { class: "mt-2" }, vl = { class: "text-sm text-gray-500" }, pl = { class: "text-sm font-semibold mt-5 text-gray-900 dark:text-gray-400 tracking-wider" }, hl = { class: "mt-3 text-left" }, fl = { class: "space-y-2" }, gl = { class: "flex relative gap-x-3" }, _l = { class: "h-6 items-center" }, kl = { class: "flex-1 block text-sm" }, bl = {
   for: "metric_unit",
   class: "flex w-full font-medium text-gray-900 dark:text-gray-400"
-}, wl = { class: "flex relative gap-x-3" }, $l = { class: "h-6 items-center" }, Cl = {
+}, yl = { class: "flex relative gap-x-3" }, xl = { class: "h-6 items-center" }, wl = {
   for: "theme",
   class: "flex w-full font-medium text-gray-900 dark:text-gray-400 text-sm"
-}, Sl = { class: "flex text-sm" }, Ml = ["label"], El = ["value"], Dl = {
+}, $l = { class: "flex text-sm" }, Cl = ["label"], Sl = ["value"], Ml = {
   key: 0,
   class: "flex relative gap-x-3"
-}, jl = { class: "h-6 items-center" }, Al = {
+}, El = { class: "h-6 items-center" }, Dl = {
   for: "language",
   class: "flex w-full font-medium text-gray-900 dark:text-gray-400 text-sm text-nowrap"
-}, Ll = { class: "flex text-sm" }, Tl = ["label"], Fl = ["value"], Ol = {
+}, jl = { class: "flex text-sm" }, Al = ["label"], Ll = ["value"], Tl = {
   name: "VFModalAbout"
-}, Vl = /* @__PURE__ */ Object.assign(Ol, {
+}, Fl = /* @__PURE__ */ Object.assign(Tl, {
   setup(p) {
     const e = F("ServiceContainer"), { getStore: s, setStore: r, clearStore: o } = e.storage, { t: i, changeLocale: u, locale: d } = e.i18n;
     k(""), k("");
     const l = async () => {
       o(), location.reload();
-    }, c = ($) => {
-      e.theme.set($), e.emitter.emit("vf-theme-saved");
+    }, c = (w) => {
+      e.theme.set(w), e.emitter.emit("vf-theme-saved");
     }, g = () => {
       e.metricUnits = !e.metricUnits, e.filesize = e.metricUnits ? xe : ye, r("metricUnits", e.metricUnits), e.emitter.emit("vf-metric-units-saved");
-    }, { i18n: _ } = F("VueFinderOptions"), y = Object.fromEntries(
+    }, { i18n: _ } = F("VueFinderOptions"), C = Object.fromEntries(
       Object.entries({
         en: "English",
         fr: "French (Français)",
@@ -3318,13 +3308,13 @@ const ve = /* @__PURE__ */ nl(ll, [["render", dl]]), cl = { class: "sm:flex sm:i
         tr: "Turkish (Türkçe)",
         zhCN: "Simplified Chinese (简体中文)",
         zhTW: "Traditional Chinese (繁體中文)"
-      }).filter(([$]) => Object.keys(_).includes($))
+      }).filter(([w]) => Object.keys(_).includes(w))
     ), E = ee(() => ({
       system: i("System"),
       light: i("Light"),
       dark: i("Dark")
     }));
-    return ($, f) => (n(), T(W, null, {
+    return (w, f) => (n(), T(W, null, {
       buttons: A(() => [
         t("button", {
           type: "button",
@@ -3333,20 +3323,20 @@ const ve = /* @__PURE__ */ nl(ll, [["render", dl]]), cl = { class: "sm:flex sm:i
         }, v(a(i)("Close")), 1)
       ]),
       default: A(() => [
-        t("div", cl, [
-          ul,
-          t("div", ml, [
-            t("h3", vl, v(a(i)("About %s", "Vuefinder " + a(e).version)), 1),
-            t("div", pl, [
-              t("p", hl, v(a(i)("Vuefinder is a file manager component for vue 3.")), 1),
+        t("div", il, [
+          dl,
+          t("div", cl, [
+            t("h3", ul, v(a(i)("About %s", "Vuefinder " + a(e).version)), 1),
+            t("div", ml, [
+              t("p", vl, v(a(i)("Vuefinder is a file manager component for vue 3.")), 1),
               t("div", null, [
-                t("h3", fl, v(a(i)("Settings")), 1)
+                t("h3", pl, v(a(i)("Settings")), 1)
               ]),
-              t("div", gl, [
+              t("div", hl, [
                 t("fieldset", null, [
-                  t("div", _l, [
-                    t("div", kl, [
-                      t("div", bl, [
+                  t("div", fl, [
+                    t("div", gl, [
+                      t("div", _l, [
                         q(t("input", {
                           id: "metric_unit",
                           name: "metric_unit",
@@ -3358,8 +3348,8 @@ const ve = /* @__PURE__ */ nl(ll, [["render", dl]]), cl = { class: "sm:flex sm:i
                           [Fe, a(e).metricUnits]
                         ])
                       ]),
-                      t("div", yl, [
-                        t("label", xl, [
+                      t("div", kl, [
+                        t("label", bl, [
                           V(v(a(i)("Use Metric Units")) + " ", 1),
                           H(ve, {
                             class: "ms-3",
@@ -3373,11 +3363,11 @@ const ve = /* @__PURE__ */ nl(ll, [["render", dl]]), cl = { class: "sm:flex sm:i
                         ])
                       ])
                     ]),
-                    t("div", wl, [
-                      t("div", $l, [
-                        t("label", Cl, v(a(i)("Theme")), 1)
+                    t("div", yl, [
+                      t("div", xl, [
+                        t("label", wl, v(a(i)("Theme")), 1)
                       ]),
-                      t("div", Sl, [
+                      t("div", $l, [
                         q(t("select", {
                           id: "theme",
                           "onUpdate:modelValue": f[1] || (f[1] = (h) => a(e).theme.value = h),
@@ -3387,8 +3377,8 @@ const ve = /* @__PURE__ */ nl(ll, [["render", dl]]), cl = { class: "sm:flex sm:i
                           t("optgroup", {
                             label: a(i)("Theme")
                           }, [
-                            (n(!0), m(U, null, I(E.value, (h, N) => (n(), m("option", { value: N }, v(h), 9, El))), 256))
-                          ], 8, Ml)
+                            (n(!0), m(U, null, I(E.value, (h, N) => (n(), m("option", { value: N }, v(h), 9, Sl))), 256))
+                          ], 8, Cl)
                         ], 544), [
                           [pe, a(e).theme.value]
                         ]),
@@ -3403,11 +3393,11 @@ const ve = /* @__PURE__ */ nl(ll, [["render", dl]]), cl = { class: "sm:flex sm:i
                         })
                       ])
                     ]),
-                    a(e).features.includes(a(B).LANGUAGE) && Object.keys(a(y)).length > 1 ? (n(), m("div", Dl, [
-                      t("div", jl, [
-                        t("label", Al, v(a(i)("Language")), 1)
+                    a(e).features.includes(a(B).LANGUAGE) && Object.keys(a(C)).length > 1 ? (n(), m("div", Ml, [
+                      t("div", El, [
+                        t("label", Dl, v(a(i)("Language")), 1)
                       ]),
-                      t("div", Ll, [
+                      t("div", jl, [
                         q(t("select", {
                           id: "language",
                           "onUpdate:modelValue": f[3] || (f[3] = (h) => _e(d) ? d.value = h : null),
@@ -3417,8 +3407,8 @@ const ve = /* @__PURE__ */ nl(ll, [["render", dl]]), cl = { class: "sm:flex sm:i
                           t("optgroup", {
                             label: a(i)("Language")
                           }, [
-                            (n(!0), m(U, null, I(a(y), (h, N) => (n(), m("option", { value: N }, v(h), 9, Fl))), 256))
-                          ], 8, Tl)
+                            (n(!0), m(U, null, I(a(C), (h, N) => (n(), m("option", { value: N }, v(h), 9, Ll))), 256))
+                          ], 8, Al)
                         ], 544), [
                           [pe, a(d)]
                         ]),
@@ -3448,26 +3438,26 @@ const ve = /* @__PURE__ */ nl(ll, [["render", dl]]), cl = { class: "sm:flex sm:i
       _: 1
     }));
   }
-}), Nl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Ol = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ModalAbout: Vl,
-  ModalArchive: xn,
-  ModalDelete: oo,
-  ModalMessage: vo,
-  ModalMove: rl,
-  ModalNewFile: Ao,
-  ModalNewFolder: xo,
-  ModalPreview: br,
-  ModalRename: Or,
-  ModalUnarchive: Bn,
-  ModalUpload: on
-}, Symbol.toStringTag, { value: "Module" })), Yl = {
+  ModalAbout: Fl,
+  ModalArchive: bn,
+  ModalDelete: so,
+  ModalMessage: uo,
+  ModalMove: al,
+  ModalNewFile: Do,
+  ModalNewFolder: bo,
+  ModalPreview: _r,
+  ModalRename: Tr,
+  ModalUnarchive: Vn,
+  ModalUpload: sn
+}, Symbol.toStringTag, { value: "Module" })), Wl = {
   /** @param {import('vue').App} app
    * @param options
    */
   install(p, e = {}) {
-    p.component("VueFinder", Aa);
-    for (const r of Object.values(Nl))
+    p.component("VueFinder", Da);
+    for (const r of Object.values(Ol))
       p.component(r.name, r);
     e.i18n = e.i18n ?? {};
     let [s] = Object.keys(e.i18n);
@@ -3475,5 +3465,5 @@ const ve = /* @__PURE__ */ nl(ll, [["render", dl]]), cl = { class: "sm:flex sm:i
   }
 };
 export {
-  Yl as default
+  Wl as default
 };