vuefinder 2.2.2 → 2.2.4

package/dist/vuefinder.js

@@ -1,7 +1,7 @@
 var Ce = Object.defineProperty;
 var Se = (p, e, s) => e in p ? Ce(p, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : p[e] = s;
 var fe = (p, e, s) => (Se(p, typeof e != "symbol" ? e + "" : e, s), s);
-import { reactive as ie, watch as de, ref as k, computed as ee, inject as F, openBlock as n, createElementBlock as m, unref as a, createCommentVNode as M, normalizeClass as z, createElementVNode as t, createTextVNode as V, toDisplayString as v, customRef as Me, withModifiers as Y, Fragment as U, renderList as I, withDirectives as q, withKeys as Q, isRef as _e, vModelText as Z, nextTick as ce, createVNode as H, TransitionGroup as Ee, withCtx as A, onMounted as P, onUpdated as De, onBeforeUnmount as ke, vShow as re, normalizeStyle as be, vModelSelect as pe, provide as je, Transition as Ae, createBlock as T, resolveDynamicComponent as Le, renderSlot as le, onUnmounted as Te, vModelCheckbox as Fe } from "vue";
+import { reactive as ie, watch as de, ref as k, computed as ee, inject as F, openBlock as n, createElementBlock as m, unref as a, createCommentVNode as M, normalizeClass as z, createElementVNode as t, createTextVNode as V, toDisplayString as v, customRef as Me, withModifiers as Y, Fragment as U, renderList as q, withDirectives as I, withKeys as Q, isRef as _e, vModelText as Z, nextTick as ce, createVNode as H, TransitionGroup as Ee, withCtx as A, onMounted as P, onUpdated as De, onBeforeUnmount as ke, vShow as re, normalizeStyle as be, vModelSelect as pe, provide as je, Transition as Ae, createBlock as T, resolveDynamicComponent as Le, renderSlot as le, onUnmounted as Te, vModelCheckbox as Fe } from "vue";
 import Oe from "mitt";
 import Ve from "dragselect";
 import Ne from "vanilla-lazyload";
@@ -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(([_, y]) => {
+      c.append(_, y);
     })) : (c = { ...u }, s.body != null && Object.assign(c, this.config.body)));
     const g = {
       url: d,
@@ -135,7 +135,7 @@ function Re(p) {
   };
   return typeof p == "string" ? Object.assign(e, { baseUrl: p }) : Object.assign(e, p), new He(e);
 }
-function qe(p) {
+function Ie(p) {
   let e = localStorage.getItem(p + "_storage");
   const s = ie(JSON.parse(e ?? "{}"));
   de(s, r);
@@ -153,22 +153,22 @@ function qe(p) {
   }
   return { getStore: (l, c = null) => s.hasOwnProperty(l) ? s[l] : c, setStore: o, removeStore: i, clearStore: u };
 }
-async function Ie(p, e) {
+async function qe(p, e) {
   const s = e[p];
   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 = (_, y = e) => {
+    qe(_, r).then((x) => {
+      u.value = x, i("locale", _), d.value = _, i("translations", x), Object.values(r).length > 1 && (s.emit("vf-toast-push", { label: "The language is set to " + _ }), s.emit("vf-language-saved"));
+    }).catch((x) => {
+      y ? (s.emit("vf-toast-push", { label: "The selected locale is not yet supported!", type: "error" }), l(y, 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 = (_, ...y) => y.length ? c(_ = _.replace("%s", y.shift()), ...y) : _;
+  function g(_, ...y) {
+    return u.value && u.value.hasOwnProperty(_) ? c(u.value[_], ...y) : c(_, ...y);
   }
   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.2";
+}, We = Object.values(B), Ge = "2.2.4";
 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");
 }
@@ -226,7 +226,7 @@ function Ke(p, e) {
   };
 }
 const Je = (p, e) => {
-  const s = qe(p.id), r = Oe(), o = s.getStore("metricUnits", !1), i = Ke(s, p.theme), u = e.i18n, d = p.locale ?? e.locale, l = ee(() => Pe(s, d, r, u)), c = (_) => Array.isArray(_) ? _ : We, g = p.persist ? s.getStore("path", p.path) : p.path;
+  const s = Ie(p.id), r = Oe(), o = s.getStore("metricUnits", !1), i = Ke(s, p.theme), u = e.i18n, d = p.locale ?? e.locale, l = ee(() => Pe(s, d, r, u)), c = (_) => Array.isArray(_) ? _ : We, g = p.persist ? s.getStore("path", p.path) : p.path;
   return ie({
     // app version
     version: Ge,
@@ -579,8 +579,8 @@ const Je = (p, e) => {
   "clip-rule": "evenodd"
 }, null, -1), Rt = [
   Ht
-], qt = ["aria-label"], It = /* @__PURE__ */ t("path", { d: "M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z" }, null, -1), Pt = [
-  It
+], It = ["aria-label"], qt = /* @__PURE__ */ t("path", { d: "M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z" }, null, -1), Pt = [
+  qt
 ], Wt = ["aria-label"], Gt = /* @__PURE__ */ t("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
@@ -660,7 +660,7 @@ const Je = (p, e) => {
       i.emitter.emit("vf-toast-clear"), i.emitter.emit("vf-search-query", { newQuery: $ });
     });
     const g = () => s.value.length && !r.value, _ = ($, f = null) => {
-      $.preventDefault(), y($), f ?? (f = s.value.length - 2);
+      $.preventDefault(), x($), f ?? (f = s.value.length - 2);
       let h = JSON.parse($.dataTransfer.getData("items"));
       if (h.find((N) => N.storage !== i.adapter)) {
         alert("Moving items between different storages is not supported yet.");
@@ -670,9 +670,9 @@ 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(), g() ? ($.dataTransfer.dropEffect = "copy", $.currentTarget.classList.add("bg-blue-200", "dark:bg-slate-500")) : ($.dataTransfer.dropEffect = "none", $.dataTransfer.effectAllowed = "none");
+    }, x = ($) => {
       $.preventDefault(), $.currentTarget.classList.remove("bg-blue-200", "dark:bg-slate-500"), g() && $.currentTarget.classList.remove("bg-blue-200", "dark:bg-slate-500");
     }, E = () => {
       c.value == "" && d();
@@ -684,8 +684,8 @@ const Je = (p, e) => {
         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) => y(h)),
+          onDragleave: f[1] || (f[1] = (h) => x(h)),
           onDrop: f[2] || (f[2] = (h) => _(h)),
           onClick: f[3] || (f[3] = (h) => {
             var N;
@@ -727,10 +727,10 @@ const Je = (p, e) => {
           viewBox: "-40 -40 580 580",
           fill: "currentColor"
         }, Pt))
-      ], 8, qt)),
+      ], 8, It)),
       r.value ? (n(), m("div", os, [
         rs,
-        q(t("input", {
+        I(t("input", {
           ref_key: "searchInput",
           ref: o,
           onKeydown: Q(d, ["esc"]),
@@ -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) => y(h)),
+          onDragleave: f[7] || (f[7] = (h) => x(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",
@@ -767,11 +767,11 @@ const Je = (p, e) => {
           fill: "currentColor"
         }, Jt, 32)),
         t("div", Xt, [
-          (n(!0), m(U, null, I(s.value, (h, N) => (n(), m("div", { key: N }, [
+          (n(!0), m(U, null, q(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 || y(R),
+              onDragleave: (R) => N === s.value.length - 1 || x(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,
@@ -843,8 +843,8 @@ const Je = (p, e) => {
         "leave-to-class": "opacity-0"
       }, {
         default: A(() => [
-          (n(!0), m(U, null, I(o.value, (g, _) => (n(), m("div", {
-            onClick: (w) => u(_),
+          (n(!0), m(U, null, q(o.value, (g, _) => (n(), m("div", {
+            onClick: (y) => 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))
@@ -916,7 +916,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   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), Rs = [
   Hs
-], qs = {
+], Is = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500",
@@ -924,12 +924,12 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Is = /* @__PURE__ */ t("path", {
+}, qs = /* @__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), Ps = [
-  Is
+  qs
 ], Ws = { class: "overflow-ellipsis overflow-hidden whitespace-nowrap" }, Gs = { class: "col-span-2 text-center" }, Ys = { class: "col-span-3 overflow-ellipsis overflow-hidden whitespace-nowrap" }, Ks = ["onDblclick", "onContextmenu", "onDragstart", "onDragover", "onDrop", "data-type", "data-item", "data-index"], Js = { class: "relative" }, Xs = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
@@ -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 = (w) => w == null ? void 0 : w.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: w }) => {
+      c.value = w, w ? e.emitter.emit("vf-fetch", {
         params: {
           q: "search",
           adapter: e.data.adapter,
           path: e.data.dirname,
-          filter: x
+          filter: w
         },
         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 y = () => {
       _ && 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) => {
+    }, x = k(!0), E = (w) => {
+      w.touches.length > 1 && (x.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")), x.value = !x.value);
+    }, $ = (w) => {
       _ = 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: w.target.getBoundingClientRect().x,
+          clientY: w.target.getBoundingClientRect().y
         });
-        x.target.dispatchEvent(D);
+        w.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) => {
+    }, f = (w) => {
+      w.type === "dir" ? (e.emitter.emit("vf-search-exit"), e.emitter.emit("vf-fetch", { params: { q: "index", adapter: e.data.adapter, path: w.path } })) : e.emitter.emit("vf-modal-show", { type: "preview", adapter: e.data.adapter, item: w });
+    }, h = ie({ active: !1, column: "", order: "" }), N = (w = !0) => {
       let D = [...e.data.files], C = h.column, j = h.order == "asc" ? 1 : -1;
-      if (!x)
+      if (!w)
         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"));
+    }, R = (w) => {
+      h.active && h.column == w ? (h.active = h.order == "asc", h.column = w, h.order = "desc") : (h.active = !0, h.column = w, h.order = "asc");
+    }, K = () => d.value.getSelection().map((w) => JSON.parse(w.dataset.item)), te = (w, D) => {
+      if (w.altKey || w.ctrlKey || w.metaKey)
+        return w.preventDefault(), !1;
+      w.dataTransfer.setDragImage(i.value, 0, 15), w.dataTransfer.effectAllowed = "all", w.dataTransfer.dropEffect = "copy", w.dataTransfer.setData("items", JSON.stringify(K()));
+    }, se = (w, D) => {
+      w.preventDefault();
+      let C = JSON.parse(w.dataTransfer.getData("items"));
       if (C.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";
+    }, ae = (w, D) => {
+      w.preventDefault(), !D || D.type !== "dir" || d.value.getSelection().find((C) => C == w.currentTarget) ? (w.dataTransfer.dropEffect = "none", w.dataTransfer.effectAllowed = "none") : w.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: w, 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;
+          const C = w.target.offsetWidth - w.offsetX, j = w.target.offsetHeight - w.offsetY;
           C < 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: w }) => {
+        w && d.value.break();
+      }), d.value.subscribe("callback", ({ items: w, event: D, isDragging: C }) => {
         e.emitter.emit("vf-nodes-selected", K()), u.value = d.value.getSelection().length;
       });
     };
@@ -1057,14 +1057,14 @@ 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, [
+    }), (w, 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")),
           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),
-          q(H(ne, {
+          I(H(ne, {
             direction: h.order == "asc" ? "down" : "up"
           }, null, 8, ["direction"]), [
             [re, h.active && h.column == "basename"]
@@ -1076,7 +1076,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           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),
-          q(H(ne, {
+          I(H(ne, {
             direction: h.order == "asc" ? "down" : "up"
           }, null, 8, ["direction"]), [
             [re, h.active && h.column == "file_size"]
@@ -1088,7 +1088,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           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),
-          q(H(ne, {
+          I(H(ne, {
             direction: h.order == "asc" ? "down" : "up"
           }, null, 8, ["direction"]), [
             [re, h.active && h.column == "last_modified"]
@@ -1100,7 +1100,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           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),
-          q(H(ne, {
+          I(H(ne, {
             direction: h.order == "asc" ? "down" : "up"
           }, null, 8, ["direction"]), [
             [re, h.active && h.column == "path"]
@@ -1124,10 +1124,10 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         ref_key: "selectorArea",
         ref: o
       }, [
-        c.value.length ? (n(!0), m(U, { key: 0 }, I(N(), (C, j) => (n(), m("div", {
+        c.value.length ? (n(!0), m(U, { key: 0 }, q(N(), (C, j) => (n(), m("div", {
           onDblclick: (S) => f(C),
           onTouchstart: D[4] || (D[4] = (S) => $(S)),
-          onTouchend: D[5] || (D[5] = (S) => w()),
+          onTouchend: D[5] || (D[5] = (S) => y()),
           onContextmenu: Y((S) => a(e).emitter.emit("vf-contextmenu-show", { event: S, area: o.value, items: K(), target: C }), ["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,
@@ -1142,11 +1142,11 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
             t("div", Vs, v(C.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 }, q(N(), (C, j) => (n(), m("div", {
           draggable: "true",
           onDblclick: (S) => f(C),
           onTouchstart: D[6] || (D[6] = (S) => $(S)),
-          onTouchend: D[7] || (D[7] = (S) => w()),
+          onTouchend: D[7] || (D[7] = (S) => y()),
           onContextmenu: Y((S) => a(e).emitter.emit("vf-contextmenu-show", { event: S, area: o.value, items: K(), target: C }), ["prevent"]),
           onDragstart: (S) => te(S),
           onDragover: (S) => ae(S, C),
@@ -1158,18 +1158,18 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         }, [
           t("div", Bs, [
             t("div", zs, [
-              C.type === "dir" ? (n(), m("svg", Us, Rs)) : (n(), m("svg", qs, Ps)),
+              C.type === "dir" ? (n(), m("svg", Us, Rs)) : (n(), m("svg", Is, Ps)),
               t("span", Ws, v(C.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)
           ])
         ], 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 }, q(N(!1), (C, j) => (n(), m("div", {
           draggable: "true",
           onDblclick: (S) => f(C),
           onTouchstart: D[8] || (D[8] = (S) => $(S)),
-          onTouchend: D[9] || (D[9] = (S) => w()),
+          onTouchend: D[9] || (D[9] = (S) => y()),
           onContextmenu: Y((S) => a(e).emitter.emit("vf-contextmenu-show", { event: S, area: o.value, items: K(), target: C }), ["prevent"]),
           onDragstart: (S) => te(S),
           onDragover: (S) => ae(S, C),
@@ -1196,9 +1196,9 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       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 = ["href", "download"], da = ["onClick"], 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,
@@ -1256,8 +1256,6 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         link: ee(() => e.requester.getDownloadUrl(e.data.adapter, o.value[0])),
         title: () => s("Download"),
         action: () => {
-          const _ = e.requester.getDownloadUrl(e.data.adapter, o.value[0]);
-          e.emitter.emit("vf-download", _);
         }
       },
       archive: {
@@ -1286,56 +1284,59 @@ 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: y, items: x, 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", [])) : x.length > 1 && x.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", x)) : (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(_, y);
     }), e.emitter.on("vf-contextmenu-hide", () => {
       u.active = !1;
     });
-    const g = (_, w) => {
+    const g = (_, y) => {
       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;
+        const x = e.root.getBoundingClientRect(), E = y.getBoundingClientRect();
+        let $ = _.pageX - x.left, f = _.pageY - x.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",
           top: f + "px"
         };
       });
     };
-    return (_, w) => u.active ? (n(), m("ul", {
+    return (_, y) => 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", {
-        class: "px-2 py-1.5 cursor-pointer hover:bg-neutral-200 dark:hover:bg-gray-700",
-        key: y.title,
-        onClick: (E) => c(y)
+      (n(!0), m(U, null, q(d.value, (x) => (n(), m("li", {
+        class: "cursor-pointer hover:bg-neutral-200 dark:hover:bg-gray-700",
+        key: x.title
       }, [
-        y.link ? (n(), m("a", {
+        x.link ? (n(), m("a", {
           key: 0,
+          class: "block pl-2 pr-3 py-1",
           target: "_blank",
-          href: y.link,
-          download: y.link
+          href: x.link,
+          download: x.link,
+          onClick: y[0] || (y[0] = (E) => a(e).emitter.emit("vf-contextmenu-hide"))
         }, [
-          ca,
-          t("span", null, v(y.title()), 1)
-        ], 8, da)) : (n(), m(U, { key: 1 }, [
-          ua,
-          t("span", null, v(y.title()), 1)
-        ], 64))
-      ], 8, ia))), 128))
+          t("span", null, v(x.title()), 1)
+        ], 8, ia)) : (n(), m("div", {
+          key: 1,
+          class: "pl-2 pr-3 py-1",
+          onClick: (E) => c(x)
+        }, [
+          t("span", null, v(x.title()), 1)
+        ], 8, da))
+      ]))), 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 +1349,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 +1364,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 +1384,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),
-        q(t("select", {
+        }, fa, 8, pa),
+        I(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, q(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 +1503,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: y = null, noCloseModal: x = !1 }) => {
       ["index", "search"].includes(c.q) && (l && l.abort(), o.loading = !0), l = new AbortController();
       const E = l.signal;
       o.requester.send({
@@ -1512,9 +1513,9 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         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($), _ && _($);
+        o.adapter = $.adapter, o.persist && (o.path = $.dirname, i("path", o.path)), ["index", "search"].includes(c.q) && (o.loading = !1), x || o.emitter.emit("vf-modal-close"), d($), _ && _($);
       }).catch(($) => {
-        console.error($), w && w($);
+        console.error($), y && y($);
       });
     }), o.emitter.on("vf-download", (c) => {
       const g = document.createElement("a");
@@ -1542,7 +1543,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 +1551,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 +1570,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 +1588,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 +1601,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 +1634,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 +1653,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 = {
+}, Ia = { class: "mt-2" }, qa = { 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 +1667,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 +1681,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 +1724,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", Ia, [
+              t("p", qa, v(a(s)("Are you sure you want to delete these files?")), 1),
+              t("div", Pa, [
+                (n(!0), m(U, null, q(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 +1756,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 +1771,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 +1790,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 +1804,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 +1819,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 +1861,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),
-              q(t("input", {
+        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),
+              I(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 +1893,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 +1908,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 +1950,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),
-              q(t("input", {
+        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),
+              I(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 +1982,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 +1996,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((x) => {
+        r.value = x, s("success");
       });
     });
     const _ = () => {
       u.value = !u.value, o.value = r.value, u.value == !0 && ce(() => {
         i.value.focus();
       });
-    }, w = () => {
+    }, y = () => {
       d.value = "", l.value = !1, c.requester.send({
         url: "",
         method: "post",
@@ -2016,25 +2017,25 @@ 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((x) => {
+        d.value = g("Updated."), r.value = x, s("success"), u.value = !u.value;
+      }).catch((x) => {
+        d.value = g(x.message), l.value = !0;
       });
     };
-    return (y, E) => (n(), m(U, null, [
-      t("div", Lo, [
+    return (x, 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: y,
             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", {
@@ -2045,8 +2046,8 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         ])
       ]),
       t("div", null, [
-        u.value ? (n(), m("div", Vo, [
-          q(t("textarea", {
+        u.value ? (n(), m("div", Fo, [
+          I(t("textarea", {
             ref_key: "editInput",
             ref: i,
             "onUpdate:modelValue": E[1] || (E[1] = ($) => o.value = $),
@@ -2058,7 +2059,7 @@ 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 = ""),
@@ -2072,13 +2073,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(y) {
         }
       }) : u.value.destroy();
     }, _ = () => {
@@ -2086,10 +2087,10 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         width: 795,
         height: 341
       }).toBlob(
-        (w) => {
+        (y) => {
           l.value = "", c.value = !1;
-          const y = new FormData();
-          y.set("file", w), r.requester.send({
+          const x = new FormData();
+          x.set("file", y), r.requester.send({
             url: "",
             method: "post",
             params: {
@@ -2097,7 +2098,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: x
           }).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 +2109,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, [
+    }), (y, x) => (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 +2127,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: x[0] || (x[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: x[1] || (x[1] = (E) => l.value = ""),
         error: c.value
       }, {
         default: A(() => [
@@ -2151,7 +2152,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" }, Io = ["aria-label"], qo = /* @__PURE__ */ t("div", null, null, -1), Po = {
   __name: "Default",
   emits: ["success"],
   setup(p, { emit: e }) {
@@ -2159,23 +2160,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, Io)
       ]),
-      Wo
+      qo
     ], 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 +2190,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 +2219,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 +2251,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 +2265,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 +2292,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 +2313,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 +2379,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 +2390,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 +2404,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,16 +2450,16 @@ 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", {
+              I(t("input", {
                 "onUpdate:modelValue": l[0] || (l[0] = (c) => o.value = c),
                 onKeyup: Q(u, ["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",
@@ -2484,7 +2485,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 +2500,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"], Ir = { class: "text-gray-500 text-sm mb-1 pr-1 max-h-[200px] overflow-y-auto vf-scrollbar" }, qr = { 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 +2525,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 +2540,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), y = k([]), x = k(""), E = k(!1), $ = k(!1);
     let f;
     function h(j) {
-      return w.value.findIndex((S) => S.id === j);
+      return y.value.findIndex((S) => S.id === j);
     }
     function N(j, S = null) {
       S = S ?? (j.webkitRelativePath || j.name), f.addFile({
@@ -2582,33 +2583,33 @@ 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 (!y.value.filter((j) => j.status !== o.DONE).length) {
+          x.value = s("Please select file to upload first.");
           return;
         }
-        y.value = "", f.retryAll(), f.upload();
+        x.value = "", f.retryAll(), f.upload();
       }
     }
     function ae() {
-      f.cancelAll({ reason: "user" }), w.value.forEach((j) => {
+      f.cancelAll({ reason: "user" }), y.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"), y.value.splice(h(j.id), 1));
     }
-    function x(j) {
+    function w(j) {
       if (!E.value) {
         if (f.cancelAll({ reason: "user" }), j) {
           const S = [];
-          w.value.forEach((b) => {
+          y.value.forEach((b) => {
             b.status !== o.DONE && S.push(b);
-          }), w.value = [], S.forEach((b) => {
+          }), y.value = [], S.forEach((b) => {
             N(b.originalFile, b.name);
           });
           return;
         }
-        w.value.splice(0);
+        y.value.splice(0);
       }
     }
     function D() {
@@ -2633,9 +2634,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);
+            y.value[X].status === o.PENDING && (x.value = f.i18n("noDuplicates", { fileName: b.name })), y.value = y.value.filter((ue) => ue.id !== b.id);
           }
-          return w.value.push({
+          return y.value.push({
             id: b.id,
             name: b.name,
             size: e.filesize(b.size),
@@ -2659,26 +2660,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 = y.value[h(b.id)];
+        oe(O), x.value = L.message;
       }), f.on("upload", () => {
         const b = C();
         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, y.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}%`;
+        y.value[h(b.id)].percent = `${O}%`;
       }), f.on("upload-success", (b) => {
-        const L = w.value[h(b.id)];
+        const L = y.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 = y.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", {
+        x.value = b.message, E.value = !1, e.emitter.emit("vf-fetch", {
           params: { q: "index", adapter: e.data.adapter, path: e.data.dirname },
           noCloseModal: !0
         });
@@ -2729,7 +2730,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 +2744,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))
+                $.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 +2778,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) => w(!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) => w(!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", Ir, [
+                (n(!0), m(U, null, q(y.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", qr, [
                     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 +2814,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))
+                y.value.length ? M("", !0) : (n(), m("div", Zr, v(a(s)("No files selected!")), 1))
               ]),
-              y.value.length ? (n(), T(G, {
+              x.value.length ? (n(), T(G, {
                 key: 0,
-                onHidden: S[2] || (S[2] = (b) => y.value = ""),
+                onHidden: S[2] || (S[2] = (b) => x.value = ""),
                 error: ""
               }, {
                 default: A(() => [
-                  V(v(y.value), 1)
+                  V(v(x.value), 1)
                 ]),
                 _: 1
               })) : M("", !0)
@@ -2849,7 +2850,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 +2865,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 +2879,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 +2893,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,24 +2939,24 @@ 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, q(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", {
+              I(t("input", {
                 "onUpdate:modelValue": l[0] || (l[0] = (c) => r.value = c),
                 onKeyup: Q(u, ["enter"]),
                 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 +2976,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 +2991,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 +3002,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 +3016,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 +3063,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, q(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 +3090,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 +3106,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" }, In = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, qn = {
   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 +3117,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 +3131,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 +3150,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 +3188,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, q(r.value, (l) => (n(), m("div", In, [
                 t("div", null, [
-                  l.type === "dir" ? (n(), m("svg", Wn, Yn)) : (n(), m("svg", Kn, Xn))
+                  l.type === "dir" ? (n(), m("svg", qn, 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 +3225,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 +3251,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,24 +3279,24 @@ 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("");
@@ -3305,7 +3306,7 @@ const ve = /* @__PURE__ */ nl(ll, [["render", dl]]), cl = { class: "sm:flex sm:i
       e.theme.set($), 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"), x = Object.fromEntries(
       Object.entries({
         en: "English",
         fr: "French (Français)",
@@ -3333,21 +3334,21 @@ 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, [
-                        q(t("input", {
+                  t("div", fl, [
+                    t("div", gl, [
+                      t("div", _l, [
+                        I(t("input", {
                           id: "metric_unit",
                           name: "metric_unit",
                           type: "checkbox",
@@ -3358,8 +3359,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,12 +3374,12 @@ 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, [
-                        q(t("select", {
+                      t("div", $l, [
+                        I(t("select", {
                           id: "theme",
                           "onUpdate:modelValue": f[1] || (f[1] = (h) => a(e).theme.value = h),
                           onChange: f[2] || (f[2] = (h) => c(h.target.value)),
@@ -3387,8 +3388,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, q(E.value, (h, N) => (n(), m("option", { value: N }, v(h), 9, Sl))), 256))
+                          ], 8, Cl)
                         ], 544), [
                           [pe, a(e).theme.value]
                         ]),
@@ -3403,12 +3404,12 @@ 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(x)).length > 1 ? (n(), m("div", Ml, [
+                      t("div", El, [
+                        t("label", Dl, v(a(i)("Language")), 1)
                       ]),
-                      t("div", Ll, [
-                        q(t("select", {
+                      t("div", jl, [
+                        I(t("select", {
                           id: "language",
                           "onUpdate:modelValue": f[3] || (f[3] = (h) => _e(d) ? d.value = h : null),
                           onChange: f[4] || (f[4] = (h) => a(u)(h.target.value)),
@@ -3417,8 +3418,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, q(a(x), (h, N) => (n(), m("option", { value: N }, v(h), 9, Ll))), 256))
+                          ], 8, Al)
                         ], 544), [
                           [pe, a(d)]
                         ]),
@@ -3448,26 +3449,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 +3476,5 @@ const ve = /* @__PURE__ */ nl(ll, [["render", dl]]), cl = { class: "sm:flex sm:i
   }
 };
 export {
-  Yl as default
+  Wl as default
 };