vuefinder 2.1.1 → 2.2.1

package/dist/vuefinder.js

@@ -1,18 +1,18 @@
 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 le, watch as ie, ref as _, computed as ve, inject as F, openBlock as n, createElementBlock as v, unref as o, createCommentVNode as M, normalizeClass as U, createElementVNode as t, createTextVNode as N, toDisplayString as m, customRef as Me, withModifiers as Y, Fragment as H, renderList as I, withDirectives as q, withKeys as Q, isRef as _e, vModelText as Z, nextTick as de, createVNode as B, TransitionGroup as Ee, withCtx as j, onMounted as P, onUpdated as De, onBeforeUnmount as ke, vShow as ae, normalizeStyle as be, vModelSelect as pe, provide as je, Transition as Ae, createBlock as L, resolveDynamicComponent as Te, renderSlot as ne, onUnmounted as Le, vModelCheckbox as Fe } from "vue";
-import Ne from "mitt";
+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 Oe from "mitt";
 import Ve from "dragselect";
-import ze from "vanilla-lazyload";
+import Ne from "vanilla-lazyload";
 import "cropperjs/dist/cropper.css";
-import Oe from "cropperjs";
-import Ue from "@uppy/core";
-import He from "@uppy/xhr-upload";
+import Be from "cropperjs";
+import ze from "@uppy/core";
+import Ue from "@uppy/xhr-upload";
 import "microtip/microtip.css";
 var ge;
-const ue = (ge = document.querySelector('meta[name="csrf-token"]')) == null ? void 0 : ge.getAttribute("content");
-class Be {
+const me = (ge = document.querySelector('meta[name="csrf-token"]')) == null ? void 0 : ge.getAttribute("content");
+class He {
   /** @param {RequestConfig} config */
   constructor(e) {
     /** @type {RequestConfig} */
@@ -35,30 +35,30 @@ class Be {
    */
   transformRequestParams(e) {
     const s = this.config, r = {};
-    ue != null && ue !== "" && (r[s.xsrfHeaderName] = ue);
-    const a = Object.assign({}, s.headers, r, e.headers), d = Object.assign({}, s.params, e.params), u = e.body, i = s.baseUrl + e.url, l = e.method;
+    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(([k, $]) => {
-      c.append(k, $);
+    l !== "get" && (u instanceof FormData ? (c = u, s.body != null && Object.entries(this.config.body).forEach(([_, w]) => {
+      c.append(_, w);
     })) : (c = { ...u }, s.body != null && Object.assign(c, this.config.body)));
-    const w = {
-      url: i,
+    const g = {
+      url: d,
       method: l,
-      headers: a,
-      params: d,
+      headers: o,
+      params: i,
       body: c
     };
     if (s.transformRequest != null) {
-      const k = s.transformRequest({
-        url: i,
+      const _ = s.transformRequest({
+        url: d,
         method: l,
-        headers: a,
-        params: d,
+        headers: o,
+        params: i,
         body: c
       });
-      k.url != null && (w.url = k.url), k.method != null && (w.method = k.method), k.params != null && (w.params = k.params ?? {}), k.headers != null && (w.headers = k.headers ?? {}), k.body != null && (w.body = k.body);
+      _.url != null && (g.url = _.url), _.method != null && (g.method = _.method), _.params != null && (g.params = _.params ?? {}), _.headers != null && (g.headers = _.headers ?? {}), _.body != null && (g.body = _.body);
     }
-    return w;
+    return g;
   }
   /**
    * Get download url
@@ -110,16 +110,16 @@ class Be {
    * @throws {Record<String,?String>|null} resp json error
    */
   async send(e) {
-    const s = this.transformRequestParams(e), r = e.responseType || "json", a = {
+    const s = this.transformRequestParams(e), r = e.responseType || "json", o = {
       method: e.method,
       headers: s.headers,
       signal: e.abortSignal
-    }, d = s.url + "?" + new URLSearchParams(s.params);
+    }, i = s.url + "?" + new URLSearchParams(s.params);
     if (s.method !== "get" && s.body != null) {
-      let i;
-      s.body instanceof FormData ? i = e.body : (i = JSON.stringify(s.body), a.headers["Content-Type"] = "application/json"), a.body = i;
+      let d;
+      s.body instanceof FormData ? d = e.body : (d = JSON.stringify(s.body), o.headers["Content-Type"] = "application/json"), o.body = d;
     }
-    const u = await fetch(d, a);
+    const u = await fetch(i, o);
     if (u.ok)
       return await u[r]();
     throw await u.json();
@@ -133,46 +133,46 @@ function Re(p) {
     body: {},
     xsrfHeaderName: "X-CSRF-Token"
   };
-  return typeof p == "string" ? Object.assign(e, { baseUrl: p }) : Object.assign(e, p), new Be(e);
+  return typeof p == "string" ? Object.assign(e, { baseUrl: p }) : Object.assign(e, p), new He(e);
 }
 function qe(p) {
   let e = localStorage.getItem(p + "_storage");
-  const s = le(JSON.parse(e ?? "{}"));
-  ie(s, r);
+  const s = ie(JSON.parse(e ?? "{}"));
+  de(s, r);
   function r() {
     Object.keys(s).length ? localStorage.setItem(p + "_storage", JSON.stringify(s)) : localStorage.removeItem(p + "_storage");
   }
-  function a(l, c) {
+  function o(l, c) {
     s[l] = c;
   }
-  function d(l) {
+  function i(l) {
     delete s[l];
   }
   function u() {
-    Object.keys(s).map((l) => d(l));
+    Object.keys(s).map((l) => i(l));
   }
-  return { getStore: (l, c = null) => s.hasOwnProperty(l) ? s[l] : c, setStore: a, removeStore: d, clearStore: u };
+  return { getStore: (l, c = null) => s.hasOwnProperty(l) ? s[l] : c, setStore: o, removeStore: i, clearStore: u };
 }
 async function Ie(p, e) {
-  let s;
-  return typeof e[p] == "function" ? s = (await e[p]()).default : s = e[p], s;
+  const s = e[p];
+  return typeof s == "function" ? (await s()).default : s;
 }
 function Pe(p, e, s, r) {
-  const { getStore: a, setStore: d } = p, u = _({}), i = _(a("locale", e)), l = (k, $ = "en") => {
-    Ie(k, r).then((y) => {
-      u.value = y, d("locale", k), i.value = k, d("translations", y), s.emit("vf-toast-push", { label: "The language is set to " + k }), s.emit("vf-language-saved");
+  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) => {
-      $ ? (s.emit("vf-toast-push", { label: "The selected locale is not yet supported!", type: "error" }), l($, null)) : s.emit("vf-toast-push", { label: "Locale cannot be loaded!", type: "error" });
+      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" });
     });
   };
-  a("locale") ? u.value = a("translations") : l(e);
-  const c = (k, ...$) => $.length ? c(k = k.replace("%s", $.shift()), ...$) : k;
-  function w(k, ...$) {
-    return u.value.hasOwnProperty(k) ? c(u.value[k], ...$) : c(k, ...$);
+  !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);
   }
-  return { t: w, changeLocale: l, locale: i };
+  return { t: g, changeLocale: l, locale: d };
 }
-const z = {
+const B = {
   EDIT: "edit",
   NEW_FILE: "newfile",
   NEW_FOLDER: "newfolder",
@@ -183,14 +183,15 @@ const z = {
   RENAME: "rename",
   UPLOAD: "upload",
   DELETE: "delete",
+  FULL_SCREEN: "fullscreen",
   DOWNLOAD: "download",
   LANGUAGE: "language"
-}, Ge = Object.values(z), We = "2.1.1";
-function ye(p, e, s, r, a) {
-  return (e = Math, s = e.log, r = 1024, a = s(p) / s(r) | 0, p / e.pow(r, a)).toFixed(0) + " " + (a ? "KMGTPEZY"[--a] + "iB" : "B");
+}, We = Object.values(B), Ge = "2.2.1";
+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");
 }
-function xe(p, e, s, r, a) {
-  return (e = Math, s = e.log, r = 1e3, a = s(p) / s(r) | 0, p / e.pow(r, a)).toFixed(0) + " " + (a ? "KMGTPEZY"[--a] + "B" : "B");
+function xe(p, e, s, r, o) {
+  return (e = Math, s = e.log, r = 1e3, o = s(p) / s(r) | 0, p / e.pow(r, o)).toFixed(0) + " " + (o ? "KMGTPEZY"[--o] + "B" : "B");
 }
 function Ye(p) {
   const e = { k: 1, m: 2, g: 3, t: 4 }, r = /(\d+(?:\.\d+)?)\s?(k|m|g|t)?b?/i.exec(p);
@@ -202,12 +203,12 @@ const J = {
   DARK: "dark"
 };
 function Ke(p, e) {
-  const s = _(J.SYSTEM), r = _(J.LIGHT);
+  const s = k(J.SYSTEM), r = k(J.LIGHT);
   s.value = p.getStore("theme", e ?? J.SYSTEM);
-  const a = window.matchMedia("(prefers-color-scheme: dark)"), d = (u) => {
+  const o = window.matchMedia("(prefers-color-scheme: dark)"), i = (u) => {
     s.value === J.DARK || s.value === J.SYSTEM && u.matches ? r.value = J.DARK : r.value = J.LIGHT;
   };
-  return d(a), a.addEventListener("change", d), {
+  return i(o), o.addEventListener("change", i), {
     /**
      * @type {import('vue').Ref<Theme>}
      */
@@ -220,16 +221,15 @@ function Ke(p, e) {
      * @param {Theme} value
      */
     set(u) {
-      s.value = u, u !== J.SYSTEM ? p.setStore("theme", u) : p.removeStore("theme"), d(a);
+      s.value = u, u !== J.SYSTEM ? p.setStore("theme", u) : p.removeStore("theme"), i(o);
     }
   };
 }
 const Je = (p, e) => {
-  const s = qe(p.id), r = Ne(), a = s.getStore("metricUnits", !1), d = Ke(s, p.theme), u = ve(() => Pe(s, p.locale, r, e));
-  let l = ((c) => Array.isArray(c) ? c : Ge)(p.features);
-  return Object.values(e).length || (l = l.filter((c) => c !== z.LANGUAGE)), le({
+  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;
+  return ie({
     // app version
-    version: We,
+    version: Ge,
     // root element
     root: null,
     // app id
@@ -237,25 +237,27 @@ const Je = (p, e) => {
     // Event Bus
     emitter: r,
     // active features
-    features: l,
+    features: c(p.features),
     // http object
     requester: Re(p.request),
     // theme state
-    theme: d,
+    theme: i,
     // view state
     view: s.getStore("viewport", "grid"),
     // fullscreen state
-    fullscreen: s.getStore("full-screen", !1),
+    fullScreen: s.getStore("full-screen", p.fullScreen),
+    // selectButton state
+    selectButton: p.selectButton,
     // unit state - for example: GB or GiB
-    metricUnits: a,
+    metricUnits: o,
     // human readable file sizes
-    filesize: a ? xe : ye,
+    filesize: o ? xe : ye,
     // max file size
     maxFileSize: p.maxFileSize,
     // loading state
     loading: !1,
     // default locale
-    i18n: u,
+    i18n: l,
     // modal state
     modal: {
       active: !1,
@@ -264,10 +266,16 @@ const Je = (p, e) => {
     },
     // main storage adapter
     adapter: s.getStore("adapter"),
+    // main storage adapter
+    path: g,
+    // persist state
+    persist: p.persist,
     // storage
     storage: s,
     // fetched items
-    data: { adapter: s.getStore("adapter"), storages: [], dirname: ".", files: [] }
+    data: { adapter: s.getStore("adapter"), storages: [], dirname: g, files: [] },
+    // selected items
+    selectedItems: []
   });
 }, Xe = { class: "border-neutral-300 flex justify-between items-center py-1 text-sm" }, Qe = {
   key: 0,
@@ -287,7 +295,7 @@ const Je = (p, e) => {
   })
 ], -1), tt = [
   et
-], st = ["aria-label"], ot = /* @__PURE__ */ t("svg", {
+], st = ["aria-label"], at = /* @__PURE__ */ t("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-6 w-6 md:h-8 md:w-8 m-auto cursor-pointer stroke-gray-500 hover:stroke-cyan-700 dark:stroke-gray-400 dark:hover:stroke-gray-300",
   fill: "none",
@@ -300,8 +308,8 @@ const Je = (p, e) => {
     "stroke-linejoin": "round",
     d: "M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m3.75 9v6m3-3H9m1.5-12H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"
   })
-], -1), at = [
-  ot
+], -1), ot = [
+  at
 ], rt = ["aria-label"], nt = /* @__PURE__ */ t("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
@@ -381,7 +389,7 @@ const Je = (p, e) => {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15"
-}, Tt = ["aria-label"], Lt = {
+}, Lt = ["aria-label"], Tt = {
   key: 0,
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
@@ -391,117 +399,117 @@ const Je = (p, e) => {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M3.75 12h16.5m-16.5 3.75h16.5M3.75 19.5h16.5M5.625 4.5h12.75a1.875 1.875 0 010 3.75H5.625a1.875 1.875 0 010-3.75z"
-}, Nt = {
+}, Ot = {
   name: "VFToolbar"
-}, Vt = /* @__PURE__ */ Object.assign(Nt, {
+}, Vt = /* @__PURE__ */ Object.assign(Ot, {
   setup(p) {
-    const e = F("ServiceContainer"), { setStore: s } = e.storage, { t: r } = e.i18n, a = _([]), d = _("");
+    const e = F("ServiceContainer"), { setStore: s } = e.storage, { t: r } = e.i18n, o = k([]), i = k("");
     e.emitter.on("vf-search-query", ({ newQuery: l }) => {
-      d.value = l;
+      i.value = l;
     });
     const u = () => {
-      e.fullscreen = !e.fullscreen, s("full-screen", e.fullscreen), e.emitter.emit("vf-fullscreen-toggle");
+      e.fullScreen = !e.fullScreen, s("full-screen", e.fullScreen), e.emitter.emit("vf-fullscreen-toggle");
     };
     e.emitter.on("vf-nodes-selected", (l) => {
-      a.value = l;
+      o.value = l;
     });
-    const i = () => {
+    const d = () => {
       e.view = e.view === "list" ? "grid" : "list", s("viewport", e.view);
     };
-    return (l, c) => (n(), v("div", Xe, [
-      d.value.length ? (n(), v("div", bt, [
+    return (l, c) => (n(), m("div", Xe, [
+      i.value.length ? (n(), m("div", bt, [
         t("div", yt, [
-          N(m(o(r)("Search results for")) + " ", 1),
-          t("span", xt, m(d.value), 1)
+          V(v(a(r)("Search results for")) + " ", 1),
+          t("span", xt, v(i.value), 1)
         ]),
-        o(e).loading ? (n(), v("svg", wt, St)) : M("", !0)
-      ])) : (n(), v("div", Qe, [
-        o(e).features.includes(o(z).NEW_FOLDER) ? (n(), v("div", {
+        a(e).loading ? (n(), m("svg", wt, St)) : M("", !0)
+      ])) : (n(), m("div", Qe, [
+        a(e).features.includes(a(B).NEW_FOLDER) ? (n(), m("div", {
           key: 0,
           class: "mx-1.5",
-          "aria-label": o(r)("New Folder"),
+          "aria-label": a(r)("New Folder"),
           "data-microtip-position": "bottom-right",
           role: "tooltip",
-          onClick: c[0] || (c[0] = (w) => o(e).emitter.emit("vf-modal-show", { type: "new-folder", items: a.value }))
+          onClick: c[0] || (c[0] = (g) => a(e).emitter.emit("vf-modal-show", { type: "new-folder", items: o.value }))
         }, tt, 8, Ze)) : M("", !0),
-        o(e).features.includes(o(z).NEW_FILE) ? (n(), v("div", {
+        a(e).features.includes(a(B).NEW_FILE) ? (n(), m("div", {
           key: 1,
           class: "mx-1.5",
-          "aria-label": o(r)("New File"),
+          "aria-label": a(r)("New File"),
           "data-microtip-position": "bottom",
           role: "tooltip",
-          onClick: c[1] || (c[1] = (w) => o(e).emitter.emit("vf-modal-show", { type: "new-file", items: a.value }))
-        }, at, 8, st)) : M("", !0),
-        o(e).features.includes(o(z).RENAME) ? (n(), v("div", {
+          onClick: c[1] || (c[1] = (g) => a(e).emitter.emit("vf-modal-show", { type: "new-file", items: o.value }))
+        }, ot, 8, st)) : M("", !0),
+        a(e).features.includes(a(B).RENAME) ? (n(), m("div", {
           key: 2,
           class: "mx-1.5",
-          "aria-label": o(r)("Rename"),
+          "aria-label": a(r)("Rename"),
           "data-microtip-position": "bottom",
           role: "tooltip",
-          onClick: c[2] || (c[2] = (w) => a.value.length != 1 || o(e).emitter.emit("vf-modal-show", { type: "rename", items: a.value }))
+          onClick: c[2] || (c[2] = (g) => o.value.length != 1 || a(e).emitter.emit("vf-modal-show", { type: "rename", items: o.value }))
         }, [
-          (n(), v("svg", {
+          (n(), m("svg", {
             xmlns: "http://www.w3.org/2000/svg",
-            class: U([a.value.length == 1 ? "cursor-pointer stroke-gray-500 hover:stroke-cyan-700 dark:stroke-gray-400 dark:hover:stroke-gray-300" : "stroke-gray-200  dark:stroke-gray-700", "h-6 w-6 md:h-8 md:w-8 m-auto"]),
+            class: z([o.value.length == 1 ? "cursor-pointer stroke-gray-500 hover:stroke-cyan-700 dark:stroke-gray-400 dark:hover:stroke-gray-300" : "stroke-gray-200  dark:stroke-gray-700", "h-6 w-6 md:h-8 md:w-8 m-auto"]),
             fill: "none",
             viewBox: "0 0 24 24",
             stroke: "none",
             "stroke-width": "1.5"
           }, lt, 2))
         ], 8, rt)) : M("", !0),
-        o(e).features.includes(o(z).DELETE) ? (n(), v("div", {
+        a(e).features.includes(a(B).DELETE) ? (n(), m("div", {
           key: 3,
           class: "mx-1.5",
-          "aria-label": o(r)("Delete"),
+          "aria-label": a(r)("Delete"),
           "data-microtip-position": "bottom",
           role: "tooltip",
-          onClick: c[3] || (c[3] = (w) => !a.value.length || o(e).emitter.emit("vf-modal-show", { type: "delete", items: a.value }))
+          onClick: c[3] || (c[3] = (g) => !o.value.length || a(e).emitter.emit("vf-modal-show", { type: "delete", items: o.value }))
         }, [
-          (n(), v("svg", {
+          (n(), m("svg", {
             xmlns: "http://www.w3.org/2000/svg",
-            class: U([a.value.length ? "cursor-pointer stroke-gray-500 hover:stroke-cyan-700 dark:stroke-gray-400 dark:hover:stroke-gray-300" : "stroke-gray-200  dark:stroke-gray-700", "h-6 w-6 md:h-8 md:w-8 m-auto"]),
+            class: z([o.value.length ? "cursor-pointer stroke-gray-500 hover:stroke-cyan-700 dark:stroke-gray-400 dark:hover:stroke-gray-300" : "stroke-gray-200  dark:stroke-gray-700", "h-6 w-6 md:h-8 md:w-8 m-auto"]),
             fill: "none",
             viewBox: "0 0 24 24",
             stroke: "none",
             "stroke-width": "1.5"
           }, ct, 2))
         ], 8, it)) : M("", !0),
-        o(e).features.includes(o(z).UPLOAD) ? (n(), v("div", {
+        a(e).features.includes(a(B).UPLOAD) ? (n(), m("div", {
           key: 4,
           class: "mx-1.5",
-          "aria-label": o(r)("Upload"),
+          "aria-label": a(r)("Upload"),
           "data-microtip-position": "bottom",
           role: "tooltip",
-          onClick: c[4] || (c[4] = (w) => o(e).emitter.emit("vf-modal-show", { type: "upload", items: a.value }))
+          onClick: c[4] || (c[4] = (g) => a(e).emitter.emit("vf-modal-show", { type: "upload", items: o.value }))
         }, vt, 8, ut)) : M("", !0),
-        o(e).features.includes(o(z).UNARCHIVE) && a.value.length == 1 && a.value[0].mime_type == "application/zip" ? (n(), v("div", {
+        a(e).features.includes(a(B).UNARCHIVE) && o.value.length == 1 && o.value[0].mime_type == "application/zip" ? (n(), m("div", {
           key: 5,
           class: "mx-1.5",
-          "aria-label": o(r)("Unarchive"),
+          "aria-label": a(r)("Unarchive"),
           "data-microtip-position": "bottom",
           role: "tooltip",
-          onClick: c[5] || (c[5] = (w) => !a.value.length || o(e).emitter.emit("vf-modal-show", { type: "unarchive", items: a.value }))
+          onClick: c[5] || (c[5] = (g) => !o.value.length || a(e).emitter.emit("vf-modal-show", { type: "unarchive", items: o.value }))
         }, [
-          (n(), v("svg", {
+          (n(), m("svg", {
             xmlns: "http://www.w3.org/2000/svg",
-            class: U([a.value.length ? "cursor-pointer stroke-gray-500 hover:stroke-cyan-700 dark:stroke-gray-400 dark:hover:stroke-gray-300" : "stroke-gray-200  dark:stroke-gray-700", "h-6 w-6 md:h-8 md:w-8 m-auto"]),
+            class: z([o.value.length ? "cursor-pointer stroke-gray-500 hover:stroke-cyan-700 dark:stroke-gray-400 dark:hover:stroke-gray-300" : "stroke-gray-200  dark:stroke-gray-700", "h-6 w-6 md:h-8 md:w-8 m-auto"]),
             fill: "none",
             viewBox: "0 0 24 24",
             stroke: "none",
             "stroke-width": "1.5"
           }, ft, 2))
         ], 8, pt)) : M("", !0),
-        o(e).features.includes(o(z).ARCHIVE) ? (n(), v("div", {
+        a(e).features.includes(a(B).ARCHIVE) ? (n(), m("div", {
           key: 6,
           class: "mx-1.5",
-          "aria-label": o(r)("Archive"),
+          "aria-label": a(r)("Archive"),
           "data-microtip-position": "bottom",
           role: "tooltip",
-          onClick: c[6] || (c[6] = (w) => !a.value.length || o(e).emitter.emit("vf-modal-show", { type: "archive", items: a.value }))
+          onClick: c[6] || (c[6] = (g) => !o.value.length || a(e).emitter.emit("vf-modal-show", { type: "archive", items: o.value }))
         }, [
-          (n(), v("svg", {
+          (n(), m("svg", {
             xmlns: "http://www.w3.org/2000/svg",
-            class: U([a.value.length ? "cursor-pointer stroke-gray-500 hover:stroke-cyan-700 dark:stroke-gray-400 dark:hover:stroke-gray-300" : "stroke-gray-200  dark:stroke-gray-700", "h-6 w-6 md:h-8 md:w-8 m-auto"]),
+            class: z([o.value.length ? "cursor-pointer stroke-gray-500 hover:stroke-cyan-700 dark:stroke-gray-400 dark:hover:stroke-gray-300" : "stroke-gray-200  dark:stroke-gray-700", "h-6 w-6 md:h-8 md:w-8 m-auto"]),
             fill: "none",
             viewBox: "0 0 24 24",
             stroke: "none",
@@ -510,74 +518,75 @@ const Je = (p, e) => {
         ], 8, gt)) : M("", !0)
       ])),
       t("div", Mt, [
-        t("div", {
+        a(e).features.includes(a(B).FULL_SCREEN) ? (n(), m("div", {
+          key: 0,
           class: "mx-1.5",
-          "aria-label": o(r)("Toggle Full Screen"),
+          "aria-label": a(r)("Toggle Full Screen"),
           "data-microtip-position": "bottom-left",
           role: "tooltip",
           onClick: u
         }, [
-          (n(), v("svg", Dt, [
-            o(e).fullscreen ? (n(), v("path", jt)) : (n(), v("path", At))
+          (n(), m("svg", Dt, [
+            a(e).fullScreen ? (n(), m("path", jt)) : (n(), m("path", At))
           ]))
-        ], 8, Et),
+        ], 8, Et)) : M("", !0),
         t("div", {
           class: "mx-1.5",
-          "aria-label": o(r)("Change View"),
+          "aria-label": a(r)("Change View"),
           "data-microtip-position": "bottom-left",
           role: "tooltip",
-          onClick: c[7] || (c[7] = (w) => d.value.length || i())
+          onClick: c[7] || (c[7] = (g) => i.value.length || d())
         }, [
-          (n(), v("svg", {
+          (n(), m("svg", {
             xmlns: "http://www.w3.org/2000/svg",
-            class: U([d.value.length ? "stroke-gray-200  dark:stroke-gray-700" : "cursor-pointer stroke-gray-500 hover:stroke-cyan-700 dark:stroke-gray-400 dark:hover:stroke-gray-300", "h-6 w-6 md:h-8 md:w-8 m-auto"]),
+            class: z([i.value.length ? "stroke-gray-200  dark:stroke-gray-700" : "cursor-pointer stroke-gray-500 hover:stroke-cyan-700 dark:stroke-gray-400 dark:hover:stroke-gray-300", "h-6 w-6 md:h-8 md:w-8 m-auto"]),
             fill: "none",
             viewBox: "0 0 24 24",
             stroke: "none",
             "stroke-width": "1.5"
           }, [
-            o(e).view === "grid" ? (n(), v("path", Lt)) : M("", !0),
-            o(e).view === "list" ? (n(), v("path", Ft)) : M("", !0)
+            a(e).view === "grid" ? (n(), m("path", Tt)) : M("", !0),
+            a(e).view === "list" ? (n(), m("path", Ft)) : M("", !0)
           ], 2))
-        ], 8, Tt)
+        ], 8, Lt)
       ])
     ]));
   }
-}), zt = (p, e = 0, s = !1) => {
+}), Nt = (p, e = 0, s = !1) => {
   let r;
-  return (...a) => {
-    s && !r && p(...a), clearTimeout(r), r = setTimeout(() => {
-      p(...a);
+  return (...o) => {
+    s && !r && p(...o), clearTimeout(r), r = setTimeout(() => {
+      p(...o);
     }, e);
   };
-}, Ot = (p, e, s) => {
-  const r = _(p);
-  return Me((a, d) => ({
+}, Bt = (p, e, s) => {
+  const r = k(p);
+  return Me((o, i) => ({
     get() {
-      return a(), r.value;
+      return o(), r.value;
     },
-    set: zt(
+    set: Nt(
       (u) => {
-        r.value = u, d();
+        r.value = u, i();
       },
       e,
       s
     )
   }));
-}, Ut = { class: "flex p-1.5 bg-neutral-100 dark:bg-gray-800 border-t border-b border-neutral-300 dark:border-gray-700/50 items-center select-none text-sm" }, Ht = ["aria-label"], Bt = /* @__PURE__ */ t("path", {
+}, zt = { class: "flex p-1.5 bg-neutral-100 dark:bg-gray-800 border-t border-b border-neutral-300 dark:border-gray-700/50 items-center select-none text-sm" }, Ut = ["aria-label"], Ht = /* @__PURE__ */ t("path", {
   "fill-rule": "evenodd",
   d: "M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z",
   "clip-rule": "evenodd"
 }, null, -1), Rt = [
-  Bt
+  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
-], Gt = ["aria-label"], Wt = /* @__PURE__ */ t("path", {
+], Wt = ["aria-label"], Gt = /* @__PURE__ */ t("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M6 18L18 6M6 6l12 12"
 }, null, -1), Yt = [
-  Wt
+  Gt
 ], Kt = /* @__PURE__ */ t("path", { d: "M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z" }, null, -1), Jt = [
   Kt
 ], Xt = { class: "flex leading-6" }, Qt = /* @__PURE__ */ t("span", { class: "text-neutral-300 dark:text-gray-600 mx-0.5" }, "/", -1), Zt = ["onDragover", "onDragleave", "onDrop", "title", "onClick"], es = {
@@ -597,10 +606,10 @@ const Je = (p, e) => {
   class: "opacity-75",
   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"
-}, null, -1), os = [
+}, null, -1), as = [
   ts,
   ss
-], as = {
+], os = {
   key: 3,
   class: "relative flex bg-white dark:bg-gray-700 justify-between items-center rounded p-1 ml-2 w-full"
 }, rs = /* @__PURE__ */ t("div", null, [
@@ -626,76 +635,76 @@ const Je = (p, e) => {
   name: "VFBreadcrumb"
 }, cs = /* @__PURE__ */ Object.assign(ds, {
   setup(p) {
-    const e = _(null), s = _([]), r = _(!1), a = _(null), d = F("ServiceContainer"), { t: u } = d.i18n;
-    d.emitter.on("vf-explorer-update", () => {
-      let E = [], g = [];
-      e.value = d.data.dirname ?? d.adapter + "://", e.value.length == 0 && (s.value = []), e.value.replace(d.adapter + "://", "").split("/").forEach(function(f) {
-        E.push(f), E.join("/") != "" && g.push({
-          basename: f,
-          name: f,
-          path: d.adapter + "://" + E.join("/"),
+    const e = k(null), s = k([]), r = k(!1), o = k(null), i = F("ServiceContainer"), { t: u } = i.i18n;
+    i.emitter.on("vf-explorer-update", () => {
+      let $ = [], f = [];
+      e.value = i.data.dirname ?? i.adapter + "://", e.value.length == 0 && (s.value = []), e.value.replace(i.adapter + "://", "").split("/").forEach(function(h) {
+        $.push(h), $.join("/") != "" && f.push({
+          basename: h,
+          name: h,
+          path: i.adapter + "://" + $.join("/"),
           type: "dir"
         });
-      }), g.length > 4 && (g = g.slice(-5), g[0].name = ".."), s.value = g;
+      }), f.length > 4 && (f = f.slice(-5), f[0].name = ".."), s.value = f;
     });
-    const i = () => {
+    const d = () => {
       r.value = !1, c.value = "";
     };
-    d.emitter.on("vf-search-exit", () => {
-      i();
+    i.emitter.on("vf-search-exit", () => {
+      d();
     });
     const l = () => {
-      d.features.includes(z.SEARCH) && (r.value = !0, de(() => a.value.focus()));
-    }, c = Ot("", 400);
-    ie(c, (E) => {
-      d.emitter.emit("vf-toast-clear"), d.emitter.emit("vf-search-query", { newQuery: E });
+      i.features.includes(B.SEARCH) && (r.value = !0, ce(() => o.value.focus()));
+    }, c = Bt("", 400);
+    de(c, ($) => {
+      i.emitter.emit("vf-toast-clear"), i.emitter.emit("vf-search-query", { newQuery: $ });
     });
-    const w = () => s.value.length && !r.value, k = (E, g = null) => {
-      E.preventDefault(), y(E), g ?? (g = s.value.length - 2);
-      let f = JSON.parse(E.dataTransfer.getData("items"));
-      if (f.find((V) => V.storage !== d.adapter)) {
+    const g = () => s.value.length && !r.value, _ = ($, f = null) => {
+      $.preventDefault(), y($), 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.");
         return;
       }
-      d.emitter.emit("vf-modal-show", {
+      i.emitter.emit("vf-modal-show", {
         type: "move",
-        items: { from: f, to: s.value[g] ?? { path: d.adapter + "://" } }
+        items: { from: h, to: s.value[f] ?? { path: i.adapter + "://" } }
       });
-    }, $ = (E) => {
-      E.preventDefault(), w() ? (E.dataTransfer.dropEffect = "copy", E.currentTarget.classList.add("bg-blue-200", "dark:bg-slate-500")) : (E.dataTransfer.dropEffect = "none", E.dataTransfer.effectAllowed = "none");
-    }, y = (E) => {
-      E.preventDefault(), E.currentTarget.classList.remove("bg-blue-200", "dark:bg-slate-500"), w() && E.currentTarget.classList.remove("bg-blue-200", "dark:bg-slate-500");
-    }, C = () => {
-      c.value == "" && i();
+    }, w = ($) => {
+      $.preventDefault(), g() ? ($.dataTransfer.dropEffect = "copy", $.currentTarget.classList.add("bg-blue-200", "dark:bg-slate-500")) : ($.dataTransfer.dropEffect = "none", $.dataTransfer.effectAllowed = "none");
+    }, y = ($) => {
+      $.preventDefault(), $.currentTarget.classList.remove("bg-blue-200", "dark:bg-slate-500"), g() && $.currentTarget.classList.remove("bg-blue-200", "dark:bg-slate-500");
+    }, E = () => {
+      c.value == "" && d();
     };
-    return (E, g) => (n(), v("div", Ut, [
+    return ($, f) => (n(), m("div", zt, [
       t("span", {
-        "aria-label": o(u)("Go up a directory"),
+        "aria-label": a(u)("Go up a directory"),
         "data-microtip-position": "bottom-right",
         role: "tooltip"
       }, [
-        (n(), v("svg", {
-          onDragover: g[0] || (g[0] = (f) => $(f)),
-          onDragleave: g[1] || (g[1] = (f) => y(f)),
-          onDrop: g[2] || (g[2] = (f) => k(f)),
-          onClick: g[3] || (g[3] = (f) => {
-            var V;
-            return !w() || o(d).emitter.emit("vf-fetch", { params: { q: "index", adapter: o(d).data.adapter, path: ((V = s.value[s.value.length - 2]) == null ? void 0 : V.path) ?? o(d).adapter + "://" } });
+        (n(), m("svg", {
+          onDragover: f[0] || (f[0] = (h) => w(h)),
+          onDragleave: f[1] || (f[1] = (h) => y(h)),
+          onDrop: f[2] || (f[2] = (h) => _(h)),
+          onClick: f[3] || (f[3] = (h) => {
+            var N;
+            return !g() || a(i).emitter.emit("vf-fetch", { params: { q: "index", adapter: a(i).data.adapter, path: ((N = s.value[s.value.length - 2]) == null ? void 0 : N.path) ?? a(i).adapter + "://" } });
           }),
-          class: U(["h-6 w-6 p-0.5 rounded", w() ? "text-slate-700 hover:bg-neutral-300 dark:text-neutral-200 dark:hover:bg-gray-700 cursor-pointer" : "text-gray-400 dark:text-neutral-500"]),
+          class: z(["h-6 w-6 p-0.5 rounded", g() ? "text-slate-700 hover:bg-neutral-300 dark:text-neutral-200 dark:hover:bg-gray-700 cursor-pointer" : "text-gray-400 dark:text-neutral-500"]),
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 20 20",
           fill: "currentColor"
         }, Rt, 34))
-      ], 8, Ht),
-      o(d).loading ? (n(), v("span", {
+      ], 8, Ut),
+      a(i).loading ? (n(), m("span", {
         key: 1,
-        "aria-label": o(u)("Cancel"),
+        "aria-label": a(u)("Cancel"),
         "data-microtip-position": "bottom-right",
         role: "tooltip"
       }, [
-        (n(), v("svg", {
-          onClick: g[5] || (g[5] = (f) => o(d).emitter.emit("vf-fetch-abort")),
+        (n(), m("svg", {
+          onClick: f[5] || (f[5] = (h) => a(i).emitter.emit("vf-fetch-abort")),
           xmlns: "http://www.w3.org/2000/svg",
           fill: "none",
           viewBox: "0 0 24 24",
@@ -703,15 +712,15 @@ const Je = (p, e) => {
           stroke: "currentColor",
           class: "h-6 w-6 p-1 rounded text-slate-700 hover:bg-neutral-300 dark:text-neutral-200 dark:hover:bg-gray-700 cursor-pointer"
         }, Yt))
-      ], 8, Gt)) : (n(), v("span", {
+      ], 8, Wt)) : (n(), m("span", {
         key: 0,
-        "aria-label": o(u)("Refresh"),
+        "aria-label": a(u)("Refresh"),
         "data-microtip-position": "bottom-right",
         role: "tooltip"
       }, [
-        (n(), v("svg", {
-          onClick: g[4] || (g[4] = (f) => {
-            o(d).emitter.emit("vf-fetch", { params: { q: "index", adapter: o(d).data.adapter, path: o(d).data.dirname } });
+        (n(), m("svg", {
+          onClick: f[4] || (f[4] = (h) => {
+            a(i).emitter.emit("vf-fetch", { params: { q: "index", adapter: a(i).data.adapter, path: a(i).data.dirname } });
           }),
           class: "h-6 w-6 p-1 rounded text-slate-700 hover:bg-neutral-300 dark:text-neutral-200 dark:hover:bg-gray-700 cursor-pointer",
           xmlns: "http://www.w3.org/2000/svg",
@@ -719,58 +728,58 @@ const Je = (p, e) => {
           fill: "currentColor"
         }, Pt))
       ], 8, qt)),
-      r.value ? (n(), v("div", as, [
+      r.value ? (n(), m("div", os, [
         rs,
         q(t("input", {
           ref_key: "searchInput",
-          ref: a,
-          onKeydown: Q(i, ["esc"]),
-          onBlur: C,
-          "onUpdate:modelValue": g[10] || (g[10] = (f) => _e(c) ? c.value = f : null),
-          placeholder: o(u)("Search anything.."),
+          ref: o,
+          onKeydown: Q(d, ["esc"]),
+          onBlur: E,
+          "onUpdate:modelValue": f[10] || (f[10] = (h) => _e(c) ? c.value = h : null),
+          placeholder: a(u)("Search anything.."),
           class: "w-full pb-0 px-1 border-0 text-base ring-0 outline-0 text-gray-600 focus:ring-transparent focus:border-transparent dark:focus:ring-transparent dark:focus:border-transparent dark:text-gray-300 bg-transparent",
           type: "text"
         }, null, 40, ns), [
-          [Z, o(c)]
+          [Z, a(c)]
         ]),
-        (n(), v("svg", {
+        (n(), m("svg", {
           class: "w-6 h-6 cursor-pointer",
-          onClick: i,
+          onClick: d,
           xmlns: "http://www.w3.org/2000/svg",
           fill: "none",
           viewBox: "0 0 24 24",
           "stroke-width": "1.5",
           stroke: "currentColor"
         }, is))
-      ])) : (n(), v("div", {
+      ])) : (n(), m("div", {
         key: 2,
         class: "group flex bg-white dark:bg-gray-700 items-center rounded p-1 ml-2 w-full",
         onClick: Y(l, ["self"])
       }, [
-        (n(), v("svg", {
-          onDragover: g[6] || (g[6] = (f) => $(f)),
-          onDragleave: g[7] || (g[7] = (f) => y(f)),
-          onDrop: g[8] || (g[8] = (f) => k(f, -1)),
-          onClick: g[9] || (g[9] = (f) => o(d).emitter.emit("vf-fetch", { params: { q: "index", adapter: o(d).data.adapter } })),
+        (n(), m("svg", {
+          onDragover: f[6] || (f[6] = (h) => w(h)),
+          onDragleave: f[7] || (f[7] = (h) => y(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",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 20 20",
           fill: "currentColor"
         }, Jt, 32)),
         t("div", Xt, [
-          (n(!0), v(H, null, I(s.value, (f, V) => (n(), v("div", { key: V }, [
+          (n(!0), m(U, null, I(s.value, (h, N) => (n(), m("div", { key: N }, [
             Qt,
             t("span", {
-              onDragover: (R) => V === s.value.length - 1 || $(R),
-              onDragleave: (R) => V === s.value.length - 1 || y(R),
-              onDrop: (R) => V === s.value.length - 1 || k(R, V),
+              onDragover: (R) => N === s.value.length - 1 || w(R),
+              onDragleave: (R) => N === s.value.length - 1 || y(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: f.basename,
-              onClick: (R) => o(d).emitter.emit("vf-fetch", { params: { q: "index", adapter: o(d).data.adapter, path: f.path } })
-            }, m(f.name), 41, Zt)
+              title: h.basename,
+              onClick: (R) => a(i).emitter.emit("vf-fetch", { params: { q: "index", adapter: a(i).data.adapter, path: h.path } })
+            }, v(h.name), 41, Zt)
           ]))), 128))
         ]),
-        o(d).loading ? (n(), v("svg", es, os)) : M("", !0)
+        a(i).loading ? (n(), m("svg", es, as)) : M("", !0)
       ]))
     ]));
   }
@@ -800,45 +809,45 @@ const Je = (p, e) => {
   hs
 ], gs = {
   name: "VFSortIcon"
-}, re = /* @__PURE__ */ Object.assign(gs, {
+}, ne = /* @__PURE__ */ Object.assign(gs, {
   props: { direction: String },
   setup(p) {
-    return (e, s) => (n(), v("div", null, [
-      p.direction === "down" ? (n(), v("svg", us, vs)) : M("", !0),
-      p.direction === "up" ? (n(), v("svg", ps, fs)) : M("", !0)
+    return (e, s) => (n(), m("div", null, [
+      p.direction === "down" ? (n(), m("svg", us, vs)) : M("", !0),
+      p.direction === "up" ? (n(), m("svg", ps, fs)) : M("", !0)
     ]));
   }
 }), _s = ["onClick"], ks = {
   name: "VFToast.vue"
 }, bs = /* @__PURE__ */ Object.assign(ks, {
   setup(p) {
-    const e = F("ServiceContainer"), { getStore: s } = e.storage, r = _(s("full-screen", !1)), a = _([]), d = (l) => l === "error" ? "text-red-400 border-red-400 dark:text-red-300 dark:border-red-300" : "text-lime-600 border-lime-600 dark:text-lime-300 dark:border-lime-1300", u = (l) => {
-      a.value.splice(l, 1);
-    }, i = (l) => {
-      let c = a.value.findIndex((w) => w.id === l);
+    const e = F("ServiceContainer"), { getStore: s } = e.storage, r = k(s("full-screen", !1)), o = k([]), i = (l) => l === "error" ? "text-red-400 border-red-400 dark:text-red-300 dark:border-red-300" : "text-lime-600 border-lime-600 dark:text-lime-300 dark:border-lime-1300", u = (l) => {
+      o.value.splice(l, 1);
+    }, d = (l) => {
+      let c = o.value.findIndex((g) => g.id === l);
       c !== -1 && u(c);
     };
     return e.emitter.on("vf-toast-clear", () => {
-      a.value = [];
+      o.value = [];
     }), e.emitter.on("vf-toast-push", (l) => {
       let c = (/* @__PURE__ */ new Date()).getTime().toString(36).concat(performance.now().toString(), Math.random().toString()).replace(/\./g, "");
-      l.id = c, a.value.push(l), setTimeout(() => {
-        i(c);
+      l.id = c, o.value.push(l), setTimeout(() => {
+        d(c);
       }, 5e3);
-    }), (l, c) => (n(), v("div", {
-      class: U([r.value.value ? "fixed" : "absolute", "bottom-0 max-w-fit flex flex-col bottom-0 left-1/2 -translate-x-1/2"])
+    }), (l, c) => (n(), m("div", {
+      class: z([r.value.value ? "fixed" : "absolute", "bottom-0 max-w-fit flex flex-col bottom-0 left-1/2 -translate-x-1/2"])
     }, [
-      B(Ee, {
+      H(Ee, {
         name: "vf-toast-item",
         "leave-active-class": "transition-all duration-1000",
         "leave-to-class": "opacity-0"
       }, {
-        default: j(() => [
-          (n(!0), v(H, null, I(a.value, (w, k) => (n(), v("div", {
-            onClick: ($) => u(k),
-            key: w,
-            class: U([d(w.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"])
-          }, m(w.label), 11, _s))), 128))
+        default: A(() => [
+          (n(!0), m(U, null, I(o.value, (g, _) => (n(), m("div", {
+            onClick: (w) => 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))
         ]),
         _: 1
       })
@@ -846,7 +855,7 @@ const Je = (p, e) => {
   }
 });
 function he(p, e = 14) {
-  let s = `((?=([\\w\\W]{0,${e}}))([\\w\\W]{8,})([\\w\\W]{8,}))`;
+  let s = `((?=([\\w\\W]{0,${e}}))([\\w\\W]{${e + 1},})([\\w\\W]{8,}))`;
   return p.replace(new RegExp(s), "$2..$4");
 }
 const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
@@ -879,7 +888,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), As = [
   js
-], Ts = {
+], Ls = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500",
@@ -887,13 +896,13 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Ls = /* @__PURE__ */ t("path", {
+}, Ts = /* @__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), Fs = [
-  Ls
-], Ns = { class: "overflow-ellipsis overflow-hidden whitespace-nowrap" }, Vs = { class: "col-span-5 overflow-ellipsis overflow-hidden whitespace-nowrap" }, zs = ["onDblclick", "onContextmenu", "onDragstart", "onDragover", "onDrop", "data-type", "data-item", "data-index"], Os = { class: "grid grid-cols-12 items-center" }, Us = { class: "flex col-span-7 items-center" }, Hs = {
+  Ts
+], Os = { class: "overflow-ellipsis overflow-hidden whitespace-nowrap" }, Vs = { class: "col-span-5 overflow-ellipsis overflow-hidden whitespace-nowrap" }, Ns = ["onDblclick", "onContextmenu", "onDragstart", "onDragover", "onDrop", "data-type", "data-item", "data-index"], Bs = { class: "grid grid-cols-12 items-center" }, zs = { class: "flex col-span-7 items-center" }, Us = {
   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",
@@ -901,12 +910,12 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Bs = /* @__PURE__ */ t("path", {
+}, Hs = /* @__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), Rs = [
-  Bs
+  Hs
 ], qs = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
@@ -921,7 +930,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   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
-], Gs = { class: "overflow-ellipsis overflow-hidden whitespace-nowrap" }, Ws = { 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 = {
+], 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",
   class: "h-10 w-10 md:h-12 md:w-12 m-auto fill-sky-500 stroke-sky-500 dark:fill-slate-500 dark:stroke-slate-500",
@@ -935,7 +944,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), Zs = [
   Qs
-], eo = ["data-src", "alt"], to = {
+], ea = ["data-src", "alt"], ta = {
   key: 2,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-10 w-10 md:h-12 md:w-12 m-auto text-neutral-500",
@@ -943,25 +952,25 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, so = /* @__PURE__ */ t("path", {
+}, sa = /* @__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), oo = [
-  so
-], ao = {
+}, null, -1), aa = [
+  sa
+], oa = {
   key: 3,
   class: "absolute hidden md:block top-1/2 w-full text-center text-neutral-500"
-}, ro = { class: "break-all" }, no = {
+}, ra = { class: "break-all" }, na = {
   name: "VFExplorer"
-}, lo = /* @__PURE__ */ Object.assign(no, {
+}, la = /* @__PURE__ */ Object.assign(na, {
   setup(p) {
     const e = F("ServiceContainer"), { t: s } = e.i18n;
     e.storage;
-    const r = (x) => x == null ? void 0 : x.substring(0, 3), a = _(null), d = _(null), u = _(0), i = _(null), l = Math.floor(Math.random() * 2 ** 32), c = _("");
-    let w;
+    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("");
+    let g;
     e.emitter.on("vf-fullscreen-toggle", () => {
-      a.value.style.height = null;
+      o.value.style.height = null;
     }), e.emitter.on("vf-search-query", ({ newQuery: x }) => {
       c.value = x, x ? e.emitter.emit("vf-fetch", {
         params: {
@@ -975,13 +984,13 @@ 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 k = null;
-    const $ = () => {
-      k && clearTimeout(k);
-    }, y = _(!0), C = (x) => {
-      x.touches.length > 1 && (y.value ? (i.value.stop(), e.emitter.emit("vf-toast-push", { label: s("Drag&Drop: off") })) : (i.value.start(), e.emitter.emit("vf-toast-push", { label: s("Drag&Drop: on") }), e.emitter.emit("vf-explorer-update")), y.value = !y.value);
-    }, E = (x) => {
-      k = setTimeout(() => {
+    let _ = null;
+    const w = () => {
+      _ && 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) => {
+      _ = setTimeout(() => {
         const D = new MouseEvent("contextmenu", {
           bubbles: !0,
           cancelable: !1,
@@ -993,228 +1002,228 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         });
         x.target.dispatchEvent(D);
       }, 500);
-    }, g = (x) => {
+    }, 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 });
-    }, f = le({ active: !1, column: "", order: "" }), V = (x = !0) => {
-      let D = [...e.data.files], h = f.column, A = f.order == "asc" ? 1 : -1;
+    }, h = ie({ active: !1, column: "", order: "" }), N = (x = !0) => {
+      let D = [...e.data.files], C = h.column, j = h.order == "asc" ? 1 : -1;
       if (!x)
         return D;
-      const b = (S, T) => typeof S == "string" && typeof T == "string" ? S.toLowerCase().localeCompare(T.toLowerCase()) : S < T ? -1 : S > T ? 1 : 0;
-      return f.active && (D = D.slice().sort((S, T) => b(S[h], T[h]) * A)), 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) => {
-      f.active && f.column == x ? (f.active = f.order == "asc", f.column = x, f.order = "desc") : (f.active = !0, f.column = x, f.order = "asc");
-    }, K = () => i.value.getSelection().map((x) => JSON.parse(x.dataset.item)), ee = (x, D) => {
+      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(d.value, 0, 15), x.dataTransfer.effectAllowed = "all", x.dataTransfer.dropEffect = "copy", x.dataTransfer.setData("items", JSON.stringify(K()));
-    }, te = (x, D) => {
+      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 h = JSON.parse(x.dataTransfer.getData("items"));
-      if (h.find((A) => A.storage !== e.adapter)) {
+      let C = JSON.parse(x.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: h, to: D } });
-    }, se = (x, D) => {
-      x.preventDefault(), !D || D.type !== "dir" || i.value.getSelection().find((h) => h == x.currentTarget) ? (x.dataTransfer.dropEffect = "none", x.dataTransfer.effectAllowed = "none") : x.dataTransfer.dropEffect = "copy";
+      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";
     }, oe = () => {
-      i.value = new Ve({
-        area: a.value,
+      d.value = new Ve({
+        area: o.value,
         keyboardDrag: !1,
         selectedClass: "vf-explorer-selected",
         selectorClass: "vf-explorer-selector"
-      }), e.emitter.on("vf-explorer-update", () => de(() => {
-        i.value.clearSelection(), i.value.setSettings({
+      }), e.emitter.on("vf-explorer-update", () => ce(() => {
+        d.value.clearSelection(), d.value.setSettings({
           selectables: document.getElementsByClassName("vf-item-" + l)
         });
-      })), i.value.subscribe("predragstart", ({ event: x, isDragging: D }) => {
+      })), d.value.subscribe("predragstart", ({ event: x, isDragging: D }) => {
         if (D)
-          u.value = i.value.getSelection().length, i.value.break();
+          u.value = d.value.getSelection().length, d.value.break();
         else {
-          const h = x.target.offsetWidth - x.offsetX, A = x.target.offsetHeight - x.offsetY;
-          h < 15 && A < 15 && (i.value.clearSelection(), i.value.break());
+          const C = x.target.offsetWidth - x.offsetX, j = x.target.offsetHeight - x.offsetY;
+          C < 15 && j < 15 && (d.value.clearSelection(), d.value.break());
         }
-      }), i.value.subscribe("predragmove", ({ isDragging: x }) => {
-        x && i.value.break();
-      }), i.value.subscribe("callback", ({ items: x, event: D, isDragging: h }) => {
-        e.emitter.emit("vf-nodes-selected", K()), u.value = i.value.getSelection().length;
+      }), d.value.subscribe("predragmove", ({ isDragging: x }) => {
+        x && d.value.break();
+      }), d.value.subscribe("callback", ({ items: x, event: D, isDragging: C }) => {
+        e.emitter.emit("vf-nodes-selected", K()), u.value = d.value.getSelection().length;
       });
     };
     return P(() => {
-      w = new ze(a.value), oe();
+      g = new Ne(o.value), oe();
     }), De(() => {
-      i.value.Area.reset(), i.value.SelectorArea.updatePos(), w.update();
+      d.value.Area.reset(), d.value.SelectorArea.updatePos(), g.update();
     }), P(() => {
-      ie(() => e.view, () => e.emitter.emit("vf-explorer-update"));
+      de(() => e.view, () => e.emitter.emit("vf-explorer-update"));
     }), ke(() => {
-      w.destroy();
-    }), (x, D) => (n(), v("div", ys, [
-      o(e).view == "list" || c.value.length ? (n(), v("div", xs, [
+      g.destroy();
+    }), (x, D) => (n(), m("div", ys, [
+      a(e).view == "list" || c.value.length ? (n(), m("div", xs, [
         t("div", {
-          onClick: D[0] || (D[0] = (h) => R("basename")),
+          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"
         }, [
-          N(m(o(s)("Name")) + " ", 1),
-          q(B(re, {
-            direction: f.order == "asc" ? "down" : "up"
+          V(v(a(s)("Name")) + " ", 1),
+          q(H(ne, {
+            direction: h.order == "asc" ? "down" : "up"
           }, null, 8, ["direction"]), [
-            [ae, f.active && f.column == "basename"]
+            [re, h.active && h.column == "basename"]
           ])
         ]),
-        c.value.length ? M("", !0) : (n(), v("div", {
+        c.value.length ? M("", !0) : (n(), m("div", {
           key: 0,
-          onClick: D[1] || (D[1] = (h) => R("file_size")),
+          onClick: D[1] || (D[1] = (C) => R("file_size")),
           class: "col-span-2 py-1 leading-6 hover:bg-neutral-100 bg-neutral-50 dark:bg-gray-800 dark:hover:bg-gray-700/10 flex items-center justify-center border-l border-r dark:border-gray-700"
         }, [
-          N(m(o(s)("Size")) + " ", 1),
-          q(B(re, {
-            direction: f.order == "asc" ? "down" : "up"
+          V(v(a(s)("Size")) + " ", 1),
+          q(H(ne, {
+            direction: h.order == "asc" ? "down" : "up"
           }, null, 8, ["direction"]), [
-            [ae, f.active && f.column == "file_size"]
+            [re, h.active && h.column == "file_size"]
           ])
         ])),
-        c.value.length ? M("", !0) : (n(), v("div", {
+        c.value.length ? M("", !0) : (n(), m("div", {
           key: 1,
-          onClick: D[2] || (D[2] = (h) => R("last_modified")),
+          onClick: D[2] || (D[2] = (C) => R("last_modified")),
           class: "col-span-3 py-1 leading-6 hover:bg-neutral-100 bg-neutral-50 dark:bg-gray-800 dark:hover:bg-gray-700/10 flex items-center justify-center"
         }, [
-          N(m(o(s)("Date")) + " ", 1),
-          q(B(re, {
-            direction: f.order == "asc" ? "down" : "up"
+          V(v(a(s)("Date")) + " ", 1),
+          q(H(ne, {
+            direction: h.order == "asc" ? "down" : "up"
           }, null, 8, ["direction"]), [
-            [ae, f.active && f.column == "last_modified"]
+            [re, h.active && h.column == "last_modified"]
           ])
         ])),
-        c.value.length ? (n(), v("div", {
+        c.value.length ? (n(), m("div", {
           key: 2,
-          onClick: D[3] || (D[3] = (h) => R("path")),
+          onClick: D[3] || (D[3] = (C) => R("path")),
           class: "col-span-5 py-1 leading-6 hover:bg-neutral-100 bg-neutral-50 dark:bg-gray-800 dark:hover:bg-gray-700/10 flex items-center justify-center border-l dark:border-gray-700"
         }, [
-          N(m(o(s)("Filepath")) + " ", 1),
-          q(B(re, {
-            direction: f.order == "asc" ? "down" : "up"
+          V(v(a(s)("Filepath")) + " ", 1),
+          q(H(ne, {
+            direction: h.order == "asc" ? "down" : "up"
           }, null, 8, ["direction"]), [
-            [ae, f.active && f.column == "path"]
+            [re, h.active && h.column == "path"]
           ])
         ])) : M("", !0)
       ])) : M("", !0),
       t("div", ws, [
         t("div", {
           ref_key: "dragImage",
-          ref: d,
+          ref: i,
           class: "absolute -z-50 -top-96"
         }, [
           $s,
-          t("div", Cs, m(u.value), 1)
+          t("div", Cs, v(u.value), 1)
         ], 512)
       ]),
       t("div", {
-        onTouchstart: C,
-        onContextmenu: D[10] || (D[10] = Y((h) => o(e).emitter.emit("vf-contextmenu-show", { event: h, area: a.value, items: K() }), ["self", "prevent"])),
-        class: U([o(e).fullscreen ? "" : "resize-y", "h-full w-full text-xs vf-selector-area vf-scrollbar min-h-[150px] overflow-auto p-1 z-0"]),
+        onTouchstart: E,
+        onContextmenu: D[10] || (D[10] = Y((C) => a(e).emitter.emit("vf-contextmenu-show", { event: C, area: o.value, items: K() }), ["self", "prevent"])),
+        class: z([a(e).fullScreen ? "" : "resize-y", "h-full w-full text-xs vf-selector-area vf-scrollbar min-h-[150px] overflow-auto p-1 z-0"]),
         ref_key: "selectorArea",
-        ref: a
+        ref: o
       }, [
-        c.value.length ? (n(!0), v(H, { key: 0 }, I(V(), (h, A) => (n(), v("div", {
-          onDblclick: (b) => g(h),
-          onTouchstart: D[4] || (D[4] = (b) => E(b)),
-          onTouchend: D[5] || (D[5] = (b) => $()),
-          onContextmenu: Y((b) => o(e).emitter.emit("vf-contextmenu-show", { event: b, area: a.value, items: K(), target: h }), ["prevent"]),
-          class: U(["vf-item-" + o(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": h.type,
-          "data-item": JSON.stringify(h),
-          "data-index": A
+        c.value.length ? (n(!0), m(U, { key: 0 }, I(N(), (C, j) => (n(), m("div", {
+          onDblclick: (S) => f(C),
+          onTouchstart: D[4] || (D[4] = (S) => $(S)),
+          onTouchend: D[5] || (D[5] = (S) => w()),
+          onContextmenu: Y((S) => a(e).emitter.emit("vf-contextmenu-show", { event: S, area: o.value, items: K(), target: C }), ["prevent"]),
+          class: z(["vf-item-" + a(l), "grid grid-cols-1 border hover:bg-neutral-50 dark:hover:bg-gray-700 border-transparent my-0.5 w-full select-none"]),
+          "data-type": C.type,
+          "data-item": JSON.stringify(C),
+          "data-index": j
         }, [
           t("div", Ms, [
             t("div", Es, [
-              h.type === "dir" ? (n(), v("svg", Ds, As)) : (n(), v("svg", Ts, Fs)),
-              t("span", Ns, m(h.basename), 1)
+              C.type === "dir" ? (n(), m("svg", Ds, As)) : (n(), m("svg", Ls, Fs)),
+              t("span", Os, v(C.basename), 1)
             ]),
-            t("div", Vs, m(h.path), 1)
+            t("div", Vs, v(C.path), 1)
           ])
         ], 42, Ss))), 256)) : M("", !0),
-        o(e).view === "list" && !c.value.length ? (n(!0), v(H, { key: 1 }, I(V(), (h, A) => (n(), v("div", {
+        a(e).view === "list" && !c.value.length ? (n(!0), m(U, { key: 1 }, I(N(), (C, j) => (n(), m("div", {
           draggable: "true",
-          onDblclick: (b) => g(h),
-          onTouchstart: D[6] || (D[6] = (b) => E(b)),
-          onTouchend: D[7] || (D[7] = (b) => $()),
-          onContextmenu: Y((b) => o(e).emitter.emit("vf-contextmenu-show", { event: b, area: a.value, items: K(), target: h }), ["prevent"]),
-          onDragstart: (b) => ee(b),
-          onDragover: (b) => se(b, h),
-          onDrop: (b) => te(b, h),
-          class: U(["vf-item-" + o(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": h.type,
-          "data-item": JSON.stringify(h),
-          "data-index": A
+          onDblclick: (S) => f(C),
+          onTouchstart: D[6] || (D[6] = (S) => $(S)),
+          onTouchend: D[7] || (D[7] = (S) => w()),
+          onContextmenu: Y((S) => a(e).emitter.emit("vf-contextmenu-show", { event: S, area: o.value, items: K(), target: C }), ["prevent"]),
+          onDragstart: (S) => te(S),
+          onDragover: (S) => ae(S, C),
+          onDrop: (S) => se(S, C),
+          class: z(["vf-item-" + a(l), "grid grid-cols-1 border hover:bg-neutral-50 dark:hover:bg-gray-700 border-transparent my-0.5 w-full select-none"]),
+          "data-type": C.type,
+          "data-item": JSON.stringify(C),
+          "data-index": j
         }, [
-          t("div", Os, [
-            t("div", Us, [
-              h.type === "dir" ? (n(), v("svg", Hs, Rs)) : (n(), v("svg", qs, Ps)),
-              t("span", Gs, m(h.basename), 1)
+          t("div", Bs, [
+            t("div", zs, [
+              C.type === "dir" ? (n(), m("svg", Us, Rs)) : (n(), m("svg", qs, Ps)),
+              t("span", Ws, v(C.basename), 1)
             ]),
-            t("div", Ws, m(h.file_size ? o(e).filesize(h.file_size) : ""), 1),
-            t("div", Ys, m(o(we)(h.last_modified)), 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, zs))), 256)) : M("", !0),
-        o(e).view === "grid" && !c.value.length ? (n(!0), v(H, { key: 2 }, I(V(!1), (h, A) => (n(), v("div", {
+        ], 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", {
           draggable: "true",
-          onDblclick: (b) => g(h),
-          onTouchstart: D[8] || (D[8] = (b) => E(b)),
-          onTouchend: D[9] || (D[9] = (b) => $()),
-          onContextmenu: Y((b) => o(e).emitter.emit("vf-contextmenu-show", { event: b, area: a.value, items: K(), target: h }), ["prevent"]),
-          onDragstart: (b) => ee(b),
-          onDragover: (b) => se(b, h),
-          onDrop: (b) => te(b, h),
-          class: U(["vf-item-" + o(l), "border border-transparent hover:bg-neutral-50 m-1 dark:hover:bg-gray-700 inline-flex w-[5.5rem] h-20 md:w-24 text-center justify-center select-none"]),
-          "data-type": h.type,
-          "data-item": JSON.stringify(h),
-          "data-index": A
+          onDblclick: (S) => f(C),
+          onTouchstart: D[8] || (D[8] = (S) => $(S)),
+          onTouchend: D[9] || (D[9] = (S) => w()),
+          onContextmenu: Y((S) => a(e).emitter.emit("vf-contextmenu-show", { event: S, area: o.value, items: K(), target: C }), ["prevent"]),
+          onDragstart: (S) => te(S),
+          onDragover: (S) => ae(S, C),
+          onDrop: (S) => se(S, C),
+          class: z(["vf-item-" + a(l), "border border-transparent hover:bg-neutral-50 m-1 dark:hover:bg-gray-700 inline-flex w-[5.5rem] h-20 md:w-24 text-center justify-center select-none"]),
+          "data-type": C.type,
+          "data-item": JSON.stringify(C),
+          "data-index": j
         }, [
           t("div", null, [
             t("div", Js, [
-              h.type === "dir" ? (n(), v("svg", Xs, Zs)) : (h.mime_type ?? "").startsWith("image") ? (n(), v("img", {
+              C.type === "dir" ? (n(), m("svg", Xs, Zs)) : (C.mime_type ?? "").startsWith("image") ? (n(), m("img", {
                 key: 1,
                 class: "lazy h-10 md:h-12 m-auto",
-                "data-src": o(e).requester.getPreviewUrl(o(e).adapter, h),
-                alt: h.basename
-              }, null, 8, eo)) : (n(), v("svg", to, oo)),
-              !(h.mime_type ?? "").startsWith("image") && h.type != "dir" ? (n(), v("div", ao, m(r(h.extension)), 1)) : M("", !0)
+                "data-src": a(e).requester.getPreviewUrl(a(e).adapter, C),
+                alt: C.basename
+              }, null, 8, ea)) : (n(), m("svg", ta, aa)),
+              !(C.mime_type ?? "").startsWith("image") && C.type != "dir" ? (n(), m("div", oa, v(r(C.extension)), 1)) : M("", !0)
             ]),
-            t("span", ro, m(o(he)(h.basename)), 1)
+            t("span", ra, v(a(he)(C.basename)), 1)
           ])
         ], 42, Ks))), 256)) : M("", !0)
       ], 34),
-      B(bs)
+      H(bs)
     ]));
   }
-}), io = ["onClick"], co = ["href", "download"], uo = /* @__PURE__ */ t("span", { class: "px-1" }, null, -1), mo = /* @__PURE__ */ t("span", { class: "px-1" }, null, -1), vo = {
+}), ia = ["onClick"], da = ["href", "download"], ca = /* @__PURE__ */ t("span", { class: "px-1" }, null, -1), ua = /* @__PURE__ */ t("span", { class: "px-1" }, null, -1), ma = {
   name: "VFContextMenu"
-}, po = /* @__PURE__ */ Object.assign(vo, {
+}, va = /* @__PURE__ */ Object.assign(ma, {
   setup(p) {
-    const e = F("ServiceContainer"), { t: s } = e.i18n, r = _(null), a = _([]), d = _(""), u = le({
+    const e = F("ServiceContainer"), { t: s } = e.i18n, r = k(null), o = k([]), i = k(""), u = ie({
       active: !1,
       items: [],
       positions: {
         left: 0,
         top: 0
       }
-    }), i = ve(() => u.items.filter((k) => k.key == null || e.features.includes(k.key)));
-    e.emitter.on("vf-context-selected", (k) => {
-      a.value = k;
+    }), d = ee(() => u.items.filter((_) => _.key == null || e.features.includes(_.key)));
+    e.emitter.on("vf-context-selected", (_) => {
+      o.value = _;
     });
     const l = {
       newfolder: {
-        key: z.NEW_FOLDER,
+        key: B.NEW_FOLDER,
         title: () => s("New Folder"),
         action: () => {
           e.emitter.emit("vf-modal-show", { type: "new-folder" });
         }
       },
       delete: {
-        key: z.DELETE,
+        key: B.DELETE,
         title: () => s("Delete"),
         action: () => {
-          e.emitter.emit("vf-modal-show", { type: "delete", items: a });
+          e.emitter.emit("vf-modal-show", { type: "delete", items: o });
         }
       },
       refresh: {
@@ -1224,109 +1233,109 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         }
       },
       preview: {
-        key: z.PREVIEW,
+        key: B.PREVIEW,
         title: () => s("Preview"),
         action: () => {
-          e.emitter.emit("vf-modal-show", { type: "preview", adapter: e.data.adapter, item: a.value[0] });
+          e.emitter.emit("vf-modal-show", { type: "preview", adapter: e.data.adapter, item: o.value[0] });
         }
       },
       open: {
         title: () => s("Open"),
         action: () => {
-          e.emitter.emit("vf-search-exit"), e.emitter.emit("vf-fetch", { params: { q: "index", adapter: e.data.adapter, path: a.value[0].path } });
+          e.emitter.emit("vf-search-exit"), e.emitter.emit("vf-fetch", { params: { q: "index", adapter: e.data.adapter, path: o.value[0].path } });
         }
       },
       openDir: {
         title: () => s("Open containing folder"),
         action: () => {
-          e.emitter.emit("vf-search-exit"), e.emitter.emit("vf-fetch", { params: { q: "index", adapter: e.data.adapter, path: a.value[0].dir } });
+          e.emitter.emit("vf-search-exit"), e.emitter.emit("vf-fetch", { params: { q: "index", adapter: e.data.adapter, path: o.value[0].dir } });
         }
       },
       download: {
-        key: z.DOWNLOAD,
-        link: ve(() => e.requester.getDownloadUrl(e.data.adapter, a.value[0])),
+        key: B.DOWNLOAD,
+        link: ee(() => e.requester.getDownloadUrl(e.data.adapter, o.value[0])),
         title: () => s("Download"),
         action: () => {
-          const k = e.requester.getDownloadUrl(e.data.adapter, a.value[0]);
-          e.emitter.emit("vf-download", k);
+          const _ = e.requester.getDownloadUrl(e.data.adapter, o.value[0]);
+          e.emitter.emit("vf-download", _);
         }
       },
       archive: {
-        key: z.ARCHIVE,
+        key: B.ARCHIVE,
         title: () => s("Archive"),
         action: () => {
-          e.emitter.emit("vf-modal-show", { type: "archive", items: a });
+          e.emitter.emit("vf-modal-show", { type: "archive", items: o });
         }
       },
       unarchive: {
-        key: z.UNARCHIVE,
+        key: B.UNARCHIVE,
         title: () => s("Unarchive"),
         action: () => {
-          e.emitter.emit("vf-modal-show", { type: "unarchive", items: a });
+          e.emitter.emit("vf-modal-show", { type: "unarchive", items: o });
         }
       },
       rename: {
-        key: z.RENAME,
+        key: B.RENAME,
         title: () => s("Rename"),
         action: () => {
-          e.emitter.emit("vf-modal-show", { type: "rename", items: a });
+          e.emitter.emit("vf-modal-show", { type: "rename", items: o });
         }
       }
-    }, c = (k) => {
-      e.emitter.emit("vf-contextmenu-hide"), k.action();
+    }, c = (_) => {
+      e.emitter.emit("vf-contextmenu-hide"), _.action();
     };
-    e.emitter.on("vf-search-query", ({ newQuery: k }) => {
-      d.value = k;
-    }), e.emitter.on("vf-contextmenu-show", ({ event: k, area: $, items: y, target: C = null }) => {
-      if (u.items = [], d.value)
-        if (C)
-          u.items.push(l.openDir), e.emitter.emit("vf-context-selected", [C]);
+    e.emitter.on("vf-search-query", ({ newQuery: _ }) => {
+      i.value = _;
+    }), e.emitter.on("vf-contextmenu-show", ({ event: _, area: w, items: y, 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
-        !C && !d.value ? (u.items.push(l.refresh), u.items.push(l.newfolder), e.emitter.emit("vf-context-selected", [])) : y.length > 1 && y.some((E) => E.path === C.path) ? (u.items.push(l.refresh), u.items.push(l.archive), u.items.push(l.delete), e.emitter.emit("vf-context-selected", y)) : (C.type == "dir" ? u.items.push(l.open) : (u.items.push(l.preview), u.items.push(l.download)), u.items.push(l.rename), C.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", [C]));
-      w(k, $);
+        !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.emitter.on("vf-contextmenu-hide", () => {
       u.active = !1;
     });
-    const w = (k, $) => {
-      u.active = !0, de(() => {
-        const y = e.root.getBoundingClientRect(), C = $.getBoundingClientRect();
-        let E = k.pageX - y.left, g = k.pageY - y.top, f = r.value.offsetHeight, V = r.value.offsetWidth;
-        E = C.right - k.pageX + window.scrollX < V ? E - V : E, g = C.bottom - k.pageY + window.scrollY < f ? g - f : g, u.positions = {
-          left: E + "px",
-          top: g + "px"
+    const g = (_, w) => {
+      u.active = !0, ce(() => {
+        const y = e.root.getBoundingClientRect(), E = w.getBoundingClientRect();
+        let $ = _.pageX - y.left, f = _.pageY - y.top, h = r.value.offsetHeight, N = r.value.offsetWidth;
+        $ = E.right - _.pageX + window.scrollX < N ? $ - N : $, f = E.bottom - _.pageY + window.scrollY < h ? f - h : f, u.positions = {
+          left: $ + "px",
+          top: f + "px"
         };
       });
     };
-    return (k, $) => u.active ? (n(), v("ul", {
+    return (_, w) => 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), v(H, null, I(i.value, (y) => (n(), v("li", {
+      (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: (C) => c(y)
+        onClick: (E) => c(y)
       }, [
-        y.link ? (n(), v("a", {
+        y.link ? (n(), m("a", {
           key: 0,
           target: "_blank",
           href: y.link,
           download: y.link
         }, [
-          uo,
-          t("span", null, m(y.title()), 1)
-        ], 8, co)) : (n(), v(H, { key: 1 }, [
-          mo,
-          t("span", null, m(y.title()), 1)
+          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, io))), 128))
+      ], 8, ia))), 128))
     ], 4)) : M("", !0);
   }
-}), ho = { class: "p-1 text-xs border-t border-neutral-300 dark:border-gray-700/50 flex justify-between select-none" }, fo = { class: "flex leading-5 items-center" }, go = ["aria-label"], _o = /* @__PURE__ */ t("svg", {
+}), 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", {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5",
   fill: "none",
@@ -1339,9 +1348,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), ko = [
-  _o
-], bo = ["value"], yo = { class: "ml-3" }, xo = { key: 0 }, wo = { class: "ml-1" }, $o = { class: "flex leading-5 items-center justify-end" }, Co = ["aria-label"], So = /* @__PURE__ */ t("svg", {
+], -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", {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 stroke-slate-500 cursor-pointer",
   fill: "none",
@@ -1354,57 +1363,68 @@ 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), Mo = [
-  So
-], Eo = {
+], -1), Ma = [
+  Sa
+], Ea = {
   name: "VFStatusbar"
-}, Do = /* @__PURE__ */ Object.assign(Eo, {
+}, Da = /* @__PURE__ */ Object.assign(Ea, {
   setup(p) {
-    const e = F("ServiceContainer"), { t: s } = e.i18n, { setStore: r } = e.storage, a = _(0), d = () => {
+    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);
     };
-    e.emitter.on("vf-nodes-selected", (i) => {
-      a.value = i.length;
+    e.emitter.on("vf-nodes-selected", (l) => {
+      o.value = l.length;
+    });
+    const u = k("");
+    e.emitter.on("vf-search-query", ({ newQuery: l }) => {
+      u.value = l;
     });
-    const u = _("");
-    return e.emitter.on("vf-search-query", ({ newQuery: i }) => {
-      u.value = i;
-    }), (i, l) => (n(), v("div", ho, [
-      t("div", fo, [
+    const d = ee(() => {
+      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, [
         t("div", {
           class: "mx-2",
-          "aria-label": o(s)("Storage"),
+          "aria-label": a(s)("Storage"),
           "data-microtip-position": "top-right",
           role: "tooltip"
-        }, ko, 8, go),
+        }, _a, 8, fa),
         q(t("select", {
-          "onUpdate:modelValue": l[0] || (l[0] = (c) => o(e).adapter = c),
-          onChange: d,
+          "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), v(H, null, I(o(e).data.storages, (c) => (n(), v("option", { value: c }, m(c), 9, bo))), 256))
+          (n(!0), m(U, null, I(a(e).data.storages, (g) => (n(), m("option", { value: g }, v(g), 9, ka))), 256))
         ], 544), [
-          [pe, o(e).adapter]
+          [pe, a(e).adapter]
         ]),
-        t("div", yo, [
-          u.value.length ? (n(), v("span", xo, m(o(e).data.files.length) + " items found. ", 1)) : M("", !0),
-          t("span", wo, m(a.value > 0 ? o(s)("%s item(s) selected.", a.value) : ""), 1)
+        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", $o, [
+      t("div", wa, [
+        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),
         t("span", {
           class: "mr-1",
-          "aria-label": o(s)("About"),
+          "aria-label": a(s)("About"),
           "data-microtip-position": "top-left",
           role: "tooltip",
-          onClick: l[1] || (l[1] = (c) => o(e).emitter.emit("vf-modal-show", { type: "about" }))
-        }, Mo, 8, Co)
+          onClick: c[2] || (c[2] = (g) => a(e).emitter.emit("vf-modal-show", { type: "about" }))
+        }, Ma, 8, Ca)
       ])
     ]));
   }
-}), jo = {
+}), ja = {
   name: "VueFinder"
-}, Ao = /* @__PURE__ */ Object.assign(jo, {
+}, Aa = /* @__PURE__ */ Object.assign(ja, {
   props: {
     id: {
       type: String,
@@ -1414,6 +1434,14 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       type: [String, Object],
       required: !0
     },
+    persist: {
+      type: Boolean,
+      default: !1
+    },
+    path: {
+      type: String,
+      default: "."
+    },
     features: {
       type: [Array, Boolean],
       default: !0
@@ -1428,7 +1456,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
     },
     locale: {
       type: String,
-      default: "en"
+      default: null
     },
     maxHeight: {
       type: String,
@@ -1437,109 +1465,129 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
     maxFileSize: {
       type: String,
       default: "10mb"
+    },
+    fullScreen: {
+      type: Boolean,
+      default: !1
+    },
+    selectButton: {
+      type: Object,
+      default(p) {
+        return {
+          active: !1,
+          multiple: !1,
+          click: (e) => {
+          },
+          ...p
+        };
+      }
     }
   },
   emits: ["select"],
   setup(p, { emit: e }) {
-    const s = e, a = Je(p, F("supportedLocales"));
-    je("ServiceContainer", a);
-    const d = _(null);
-    a.root = d, a.i18n, a.emitter.on("vf-modal-close", () => {
-      a.modal.active = !1;
-    }), a.emitter.on("vf-modal-show", (l) => {
-      a.modal.active = !0, a.modal.type = l.type, a.modal.data = l;
+    const s = e, o = Je(p, F("VueFinderOptions"));
+    je("ServiceContainer", o);
+    const { setStore: i } = o.storage, u = k(null);
+    o.root = u, o.i18n, o.emitter.on("vf-modal-close", () => {
+      o.modal.active = !1;
+    }), o.emitter.on("vf-modal-show", (c) => {
+      o.modal.active = !0, o.modal.type = c.type, o.modal.data = c;
     });
-    const u = (l) => {
-      Object.assign(a.data, l), a.emitter.emit("vf-nodes-selected", {}), a.emitter.emit("vf-explorer-update");
+    const d = (c) => {
+      Object.assign(o.data, c), o.emitter.emit("vf-nodes-selected", {}), o.emitter.emit("vf-explorer-update");
     };
-    a.emitter.on("vf-nodes-selected", (l) => {
-      s("select", l);
+    o.emitter.on("vf-nodes-selected", (c) => {
+      o.selectedItems = c, s("select", c);
     });
-    let i;
-    return a.emitter.on("vf-fetch-abort", () => {
-      i.abort(), a.loading = !1;
-    }), a.emitter.on("vf-fetch", ({ params: l, body: c = null, onSuccess: w = null, onError: k = null, noCloseModal: $ = !1 }) => {
-      ["index", "search"].includes(l.q) && (i && i.abort(), a.loading = !0), i = new AbortController();
-      const y = i.signal;
-      a.requester.send({
+    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 }) => {
+      ["index", "search"].includes(c.q) && (l && l.abort(), o.loading = !0), l = new AbortController();
+      const E = l.signal;
+      o.requester.send({
         url: "",
-        method: l.m || "get",
-        params: l,
-        body: c,
-        abortSignal: y
-      }).then((C) => {
-        a.adapter = C.adapter, ["index", "search"].includes(l.q) && (a.loading = !1), $ || a.emitter.emit("vf-modal-close"), u(C), w && w(C);
-      }).catch((C) => {
-        console.error(C), k && k(C);
+        method: c.m || "get",
+        params: c,
+        body: g,
+        abortSignal: E
+      }).then(($) => {
+        o.adapter = $.adapter, o.persist && (o.path = $.dirname, i("path", o.path)), ["index", "search"].includes(c.q) && (o.loading = !1), y || o.emitter.emit("vf-modal-close"), d($), _ && _($);
+      }).catch(($) => {
+        console.error($), w && w($);
       });
-    }), a.emitter.on("vf-download", (l) => {
-      const c = document.createElement("a");
-      c.style.display = "none", c.target = "_blank", c.href = l, c.download = l, a.root.appendChild(c), c.click(), c.remove();
+    }), o.emitter.on("vf-download", (c) => {
+      const g = document.createElement("a");
+      g.style.display = "none", g.target = "_blank", g.href = c, g.download = c, o.root.appendChild(g), g.click(), g.remove();
     }), P(() => {
-      a.emitter.emit("vf-fetch", { params: { q: "index", adapter: a.adapter } });
-    }), (l, c) => (n(), v("div", {
+      let c = {};
+      o.path.includes("://") && (c = {
+        adapter: o.path.split("://")[0],
+        path: o.path
+      }), o.emitter.emit("vf-fetch", { params: { q: "index", adapter: o.adapter, ...c } });
+    }), (c, g) => (n(), m("div", {
       class: "vuefinder",
       ref_key: "root",
-      ref: d
+      ref: u
     }, [
       t("div", {
-        class: U(o(a).theme.actualValue === "dark" ? "dark" : "")
+        class: z(a(o).theme.actualValue === "dark" ? "dark" : "")
       }, [
         t("div", {
-          class: U([o(a).fullscreen ? "fixed w-screen inset-0 z-20" : "relative rounded-md", "border flex flex-col bg-white dark:bg-gray-800 text-gray-700 dark:text-neutral-400 border-neutral-300 dark:border-gray-900 min-w-min select-none"]),
-          style: be(o(a).fullscreen ? "" : "max-height: " + p.maxHeight),
-          onMousedown: c[0] || (c[0] = (w) => o(a).emitter.emit("vf-contextmenu-hide")),
-          onTouchstart: c[1] || (c[1] = (w) => o(a).emitter.emit("vf-contextmenu-hide"))
+          class: z([a(o).fullScreen ? "fixed w-screen inset-0 z-20" : "relative rounded-md", "border flex flex-col bg-white dark:bg-gray-800 text-gray-700 dark:text-neutral-400 border-neutral-300 dark:border-gray-900 min-w-min select-none"]),
+          style: be(a(o).fullScreen ? "" : "max-height: " + p.maxHeight),
+          onMousedown: g[0] || (g[0] = (_) => a(o).emitter.emit("vf-contextmenu-hide")),
+          onTouchstart: g[1] || (g[1] = (_) => a(o).emitter.emit("vf-contextmenu-hide"))
         }, [
-          B(Vt),
-          B(cs),
-          B(lo),
-          B(Do)
+          H(Vt),
+          H(cs),
+          H(la),
+          H(Da)
         ], 38),
-        B(Ae, { name: "fade" }, {
-          default: j(() => [
-            o(a).modal.active ? (n(), L(Te("v-f-modal-" + o(a).modal.type), { key: 0 })) : M("", !0)
+        H(Ae, { name: "fade" }, {
+          default: A(() => [
+            a(o).modal.active ? (n(), T(Le("v-f-modal-" + a(o).modal.type), { key: 0 })) : M("", !0)
           ]),
           _: 1
         }),
-        B(po)
+        H(va)
       ], 2)
     ], 512));
   }
-}), To = /* @__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), Lo = { class: "fixed z-10 inset-0 overflow-hidden" }, Fo = { 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" }, No = { class: "bg-white dark:bg-gray-800 px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, Vo = { 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" }, G = {
+}), 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 = {
   __name: "ModalLayout",
   setup(p) {
     const e = F("ServiceContainer");
     return P(() => {
       const s = document.querySelector(".v-f-modal input");
       s && s.focus();
-    }), (s, r) => (n(), v("div", {
+    }), (s, r) => (n(), m("div", {
       class: "v-f-modal relative z-30",
       "aria-labelledby": "modal-title",
       role: "dialog",
       "aria-modal": "true",
-      onKeyup: r[1] || (r[1] = Q((a) => o(e).emitter.emit("vf-modal-close"), ["esc"])),
+      onKeyup: r[1] || (r[1] = Q((o) => a(e).emitter.emit("vf-modal-close"), ["esc"])),
       tabindex: "0"
     }, [
-      To,
-      t("div", Lo, [
+      La,
+      t("div", Ta, [
         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((a) => o(e).emitter.emit("vf-modal-close"), ["self"]))
+          onMousedown: r[0] || (r[0] = Y((o) => a(e).emitter.emit("vf-modal-close"), ["self"]))
         }, [
-          t("div", Fo, [
-            t("div", No, [
-              ne(s.$slots, "default")
+          t("div", Fa, [
+            t("div", Oa, [
+              le(s.$slots, "default")
             ]),
-            t("div", Vo, [
-              ne(s.$slots, "buttons")
+            t("div", Va, [
+              le(s.$slots, "buttons")
             ])
           ])
         ], 32)
       ])
     ], 32));
   }
-}, zo = ["aria-label"], Oo = /* @__PURE__ */ t("svg", {
+}, Na = ["aria-label"], Ba = /* @__PURE__ */ t("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
@@ -1552,11 +1600,11 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
     "stroke-linejoin": "round",
     d: "M6 18L18 6M6 6l12 12"
   })
-], -1), Uo = [
-  Oo
-], Ho = {
+], -1), za = [
+  Ba
+], Ua = {
   name: "Message"
-}, W = /* @__PURE__ */ Object.assign(Ho, {
+}, G = /* @__PURE__ */ Object.assign(Ua, {
   props: {
     error: {
       type: Boolean,
@@ -1566,30 +1614,30 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   emits: ["hidden"],
   setup(p, { emit: e }) {
     var c;
-    const s = e, r = F("ServiceContainer"), { t: a } = r.i18n, d = _(!1), u = _(null), i = _((c = u.value) == null ? void 0 : c.strMessage);
-    ie(i, () => d.value = !1);
+    const s = e, r = F("ServiceContainer"), { t: o } = r.i18n, i = k(!1), u = k(null), d = k((c = u.value) == null ? void 0 : c.strMessage);
+    de(d, () => i.value = !1);
     const l = () => {
-      s("hidden"), d.value = !0;
+      s("hidden"), i.value = !0;
     };
-    return (w, k) => (n(), v("div", null, [
-      d.value ? M("", !0) : (n(), v("div", {
+    return (g, _) => (n(), m("div", null, [
+      i.value ? M("", !0) : (n(), m("div", {
         key: 0,
         ref_key: "strMessage",
         ref: u,
-        class: U(["flex mt-2 p-1 px-2 rounded text-sm break-all dark:opacity-75", p.error ? "bg-red-100 text-red-600 " : "bg-emerald-100 text-emerald-600"])
+        class: z(["flex mt-2 p-1 px-2 rounded text-sm break-all dark:opacity-75", p.error ? "bg-red-100 text-red-600 " : "bg-emerald-100 text-emerald-600"])
       }, [
-        ne(w.$slots, "default"),
+        le(g.$slots, "default"),
         t("div", {
           class: "ml-auto cursor-pointer",
           onClick: l,
-          "aria-label": o(a)("Close"),
+          "aria-label": a(o)("Close"),
           "data-microtip-position": "top-left",
           role: "tooltip"
-        }, Uo, 8, zo)
+        }, za, 8, Na)
       ], 2))
     ]));
   }
-}), Bo = { class: "sm:flex sm:items-start" }, Ro = /* @__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" }, [
+}), 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" }, [
   /* @__PURE__ */ t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-red-600 dark:stroke-red-200",
@@ -1604,13 +1652,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), qo = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, Io = {
+], -1), qa = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, Ia = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, Po = { class: "mt-2" }, Go = { class: "text-sm text-gray-500" }, Wo = {
+}, Pa = { class: "mt-2" }, Wa = { class: "text-sm text-gray-500" }, Ga = {
   class: "text-gray-500 text-sm mb-1 overflow-auto vf-scrollbar",
   style: { "max-height": "200px" }
-}, Yo = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, Ko = {
+}, Ya = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, Ka = {
   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",
@@ -1618,13 +1666,13 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Jo = /* @__PURE__ */ t("path", {
+}, Ja = /* @__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), Xo = [
-  Jo
-], Qo = {
+}, null, -1), Xa = [
+  Ja
+], Qa = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500",
@@ -1632,19 +1680,19 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Zo = /* @__PURE__ */ t("path", {
+}, Za = /* @__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), ea = [
-  Zo
-], ta = { class: "ml-1.5" }, sa = { class: "m-auto font-bold text-red-500 text-sm dark:text-red-200 text-center" }, oa = {
+}, 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 = {
   name: "VFModalDelete"
-}, aa = /* @__PURE__ */ Object.assign(oa, {
+}, oo = /* @__PURE__ */ Object.assign(ao, {
   setup(p) {
     const e = F("ServiceContainer");
     e.storage;
-    const { t: s } = e.i18n, r = _(e.modal.data.items), a = _(""), d = () => {
+    const { t: s } = e.i18n, r = k(e.modal.data.items), o = k(""), i = () => {
       r.value.length && e.emitter.emit("vf-fetch", {
         params: {
           q: "delete",
@@ -1653,50 +1701,50 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           path: e.data.dirname
         },
         body: {
-          items: r.value.map(({ path: u, type: i }) => ({ path: u, type: i }))
+          items: r.value.map(({ path: u, type: d }) => ({ path: u, type: d }))
         },
         onSuccess: () => {
           e.emitter.emit("vf-toast-push", { label: s("Files deleted.") });
         },
         onError: (u) => {
-          a.value = s(u.message);
+          o.value = s(u.message);
         }
       });
     };
-    return (u, i) => (n(), L(G, null, {
-      buttons: j(() => [
+    return (u, d) => (n(), T(W, null, {
+      buttons: A(() => [
         t("button", {
           type: "button",
-          onClick: d,
+          onClick: i,
           class: "vf-btn vf-btn-danger"
-        }, m(o(s)("Yes, Delete!")), 1),
+        }, v(a(s)("Yes, Delete!")), 1),
         t("button", {
           type: "button",
-          onClick: i[1] || (i[1] = (l) => o(e).emitter.emit("vf-modal-close")),
+          onClick: d[1] || (d[1] = (l) => a(e).emitter.emit("vf-modal-close")),
           class: "vf-btn vf-btn-secondary"
-        }, m(o(s)("Cancel")), 1),
-        t("div", sa, m(o(s)("This action cannot be undone.")), 1)
+        }, v(a(s)("Cancel")), 1),
+        t("div", so, v(a(s)("This action cannot be undone.")), 1)
       ]),
-      default: j(() => [
-        t("div", Bo, [
-          Ro,
-          t("div", qo, [
-            t("h3", Io, m(o(s)("Delete files")), 1),
-            t("div", Po, [
-              t("p", Go, m(o(s)("Are you sure you want to delete these files?")), 1),
-              t("div", Wo, [
-                (n(!0), v(H, null, I(r.value, (l) => (n(), v("p", Yo, [
-                  l.type === "dir" ? (n(), v("svg", Ko, Xo)) : (n(), v("svg", Qo, ea)),
-                  t("span", ta, m(l.basename), 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)
                 ]))), 256))
               ]),
-              a.value.length ? (n(), L(W, {
+              o.value.length ? (n(), T(G, {
                 key: 0,
-                onHidden: i[0] || (i[0] = (l) => a.value = ""),
+                onHidden: d[0] || (d[0] = (l) => o.value = ""),
                 error: ""
               }, {
-                default: j(() => [
-                  N(m(a.value), 1)
+                default: A(() => [
+                  V(v(o.value), 1)
                 ]),
                 _: 1
               })) : M("", !0)
@@ -1707,7 +1755,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       _: 1
     }));
   }
-}), ra = { class: "sm:flex sm:items-start" }, na = /* @__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" }, [
+}), 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" }, [
   /* @__PURE__ */ t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -1722,31 +1770,31 @@ 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), la = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, ia = {
+], -1), lo = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, io = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, da = { class: "mt-2" }, ca = { class: "text-sm text-gray-500" }, ua = {
+}, co = { class: "mt-2" }, uo = { class: "text-sm text-gray-500" }, mo = {
   name: "VFModalMessage"
-}, ma = /* @__PURE__ */ Object.assign(ua, {
+}, vo = /* @__PURE__ */ Object.assign(mo, {
   setup(p) {
     const e = F("ServiceContainer"), { t: s } = e.i18n;
-    return (r, a) => (n(), L(G, null, {
-      buttons: j(() => [
+    return (r, o) => (n(), T(W, null, {
+      buttons: A(() => [
         t("button", {
           type: "button",
-          onClick: a[0] || (a[0] = (d) => o(e).emitter.emit("vf-modal-close")),
+          onClick: o[0] || (o[0] = (i) => a(e).emitter.emit("vf-modal-close")),
           class: "vf-btn vf-btn-secondary"
-        }, m(o(s)("Close")), 1)
+        }, v(a(s)("Close")), 1)
       ]),
-      default: j(() => {
-        var d, u;
+      default: A(() => {
+        var i, u;
         return [
-          t("div", ra, [
-            na,
-            t("div", la, [
-              t("h3", ia, m(((d = o(e).modal.data) == null ? void 0 : d.title) ?? "Title"), 1),
-              t("div", da, [
-                t("p", ca, m(((u = o(e).modal.data) == null ? void 0 : u.message) ?? "Message"), 1)
+          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)
               ])
             ])
           ])
@@ -1755,7 +1803,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       _: 1
     }));
   }
-}), va = { class: "sm:flex sm:items-start" }, pa = /* @__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" }, [
+}), 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" }, [
   /* @__PURE__ */ t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -1770,16 +1818,16 @@ 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), ha = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, fa = {
+], -1), fo = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, go = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, ga = { class: "mt-2" }, _a = { class: "text-sm text-gray-500" }, ka = ["placeholder"], ba = {
+}, _o = { class: "mt-2" }, ko = { class: "text-sm text-gray-500" }, bo = ["placeholder"], yo = {
   name: "VFModalNewFolder"
-}, ya = /* @__PURE__ */ Object.assign(ba, {
+}, xo = /* @__PURE__ */ Object.assign(yo, {
   setup(p) {
     const e = F("ServiceContainer");
     e.storage;
-    const { t: s } = e.i18n, r = _(""), a = _(""), d = () => {
+    const { t: s } = e.i18n, r = k(""), o = k(""), i = () => {
       r.value != "" && e.emitter.emit("vf-fetch", {
         params: {
           q: "newfolder",
@@ -1794,46 +1842,46 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           e.emitter.emit("vf-toast-push", { label: s("%s is created.", r.value) });
         },
         onError: (u) => {
-          a.value = s(u.message);
+          o.value = s(u.message);
         }
       });
     };
-    return (u, i) => (n(), L(G, null, {
-      buttons: j(() => [
+    return (u, d) => (n(), T(W, null, {
+      buttons: A(() => [
         t("button", {
           type: "button",
-          onClick: d,
+          onClick: i,
           class: "vf-btn vf-btn-primary"
-        }, m(o(s)("Create")), 1),
+        }, v(a(s)("Create")), 1),
         t("button", {
           type: "button",
-          onClick: i[2] || (i[2] = (l) => o(e).emitter.emit("vf-modal-close")),
+          onClick: d[2] || (d[2] = (l) => a(e).emitter.emit("vf-modal-close")),
           class: "vf-btn vf-btn-secondary"
-        }, m(o(s)("Cancel")), 1)
+        }, v(a(s)("Cancel")), 1)
       ]),
-      default: j(() => [
-        t("div", va, [
-          pa,
-          t("div", ha, [
-            t("h3", fa, m(o(s)("New Folder")), 1),
-            t("div", ga, [
-              t("p", _a, m(o(s)("Create a new folder")), 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", {
-                "onUpdate:modelValue": i[0] || (i[0] = (l) => r.value = l),
-                onKeyup: Q(d, ["enter"]),
+                "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: o(s)("Folder Name"),
+                placeholder: a(s)("Folder Name"),
                 type: "text"
-              }, null, 40, ka), [
+              }, null, 40, bo), [
                 [Z, r.value]
               ]),
-              a.value.length ? (n(), L(W, {
+              o.value.length ? (n(), T(G, {
                 key: 0,
-                onHidden: i[1] || (i[1] = (l) => a.value = ""),
+                onHidden: d[1] || (d[1] = (l) => o.value = ""),
                 error: ""
               }, {
-                default: j(() => [
-                  N(m(a.value), 1)
+                default: A(() => [
+                  V(v(o.value), 1)
                 ]),
                 _: 1
               })) : M("", !0)
@@ -1844,7 +1892,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       _: 1
     }));
   }
-}), xa = { class: "sm:flex sm:items-start" }, wa = /* @__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" }, [
+}), 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" }, [
   /* @__PURE__ */ t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -1859,16 +1907,16 @@ 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), $a = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, Ca = {
+], -1), Co = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, So = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, Sa = { class: "mt-2" }, Ma = { class: "text-sm text-gray-500" }, Ea = ["placeholder"], Da = {
+}, Mo = { class: "mt-2" }, Eo = { class: "text-sm text-gray-500" }, Do = ["placeholder"], jo = {
   name: "VFModalNewFile"
-}, ja = /* @__PURE__ */ Object.assign(Da, {
+}, Ao = /* @__PURE__ */ Object.assign(jo, {
   setup(p) {
     const e = F("ServiceContainer");
     e.storage;
-    const { t: s } = e.i18n, r = _(""), a = _(""), d = () => {
+    const { t: s } = e.i18n, r = k(""), o = k(""), i = () => {
       r.value != "" && e.emitter.emit("vf-fetch", {
         params: {
           q: "newfile",
@@ -1883,46 +1931,46 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           e.emitter.emit("vf-toast-push", { label: s("%s is created.", r.value) });
         },
         onError: (u) => {
-          a.value = s(u.message);
+          o.value = s(u.message);
         }
       });
     };
-    return (u, i) => (n(), L(G, null, {
-      buttons: j(() => [
+    return (u, d) => (n(), T(W, null, {
+      buttons: A(() => [
         t("button", {
           type: "button",
-          onClick: d,
+          onClick: i,
           class: "vf-btn vf-btn-primary"
-        }, m(o(s)("Create")), 1),
+        }, v(a(s)("Create")), 1),
         t("button", {
           type: "button",
-          onClick: i[2] || (i[2] = (l) => o(e).emitter.emit("vf-modal-close")),
+          onClick: d[2] || (d[2] = (l) => a(e).emitter.emit("vf-modal-close")),
           class: "vf-btn vf-btn-secondary"
-        }, m(o(s)("Cancel")), 1)
+        }, v(a(s)("Cancel")), 1)
       ]),
-      default: j(() => [
-        t("div", xa, [
-          wa,
-          t("div", $a, [
-            t("h3", Ca, m(o(s)("New File")), 1),
-            t("div", Sa, [
-              t("p", Ma, m(o(s)("Create a new file")), 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", {
-                "onUpdate:modelValue": i[0] || (i[0] = (l) => r.value = l),
-                onKeyup: Q(d, ["enter"]),
+                "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: o(s)("File Name"),
+                placeholder: a(s)("File Name"),
                 type: "text"
-              }, null, 40, Ea), [
+              }, null, 40, Do), [
                 [Z, r.value]
               ]),
-              a.value.length ? (n(), L(W, {
+              o.value.length ? (n(), T(G, {
                 key: 0,
-                onHidden: i[1] || (i[1] = (l) => a.value = ""),
+                onHidden: d[1] || (d[1] = (l) => o.value = ""),
                 error: ""
               }, {
-                default: j(() => [
-                  N(m(a.value), 1)
+                default: A(() => [
+                  V(v(o.value), 1)
                 ]),
                 _: 1
               })) : M("", !0)
@@ -1933,14 +1981,14 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       _: 1
     }));
   }
-}), Aa = { class: "flex" }, Ta = ["aria-label"], La = { class: "ml-auto mb-2" }, Fa = {
+}), Lo = { class: "flex" }, To = ["aria-label"], Fo = { class: "ml-auto mb-2" }, Oo = {
   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"
-}, Na = { key: 1 }, Va = {
+}, Vo = { key: 1 }, No = {
   __name: "Text",
   emits: ["success"],
   setup(p, { emit: e }) {
-    const s = e, r = _(""), a = _(""), d = _(null), u = _(!1), i = _(""), l = _(!1), c = F("ServiceContainer"), { t: w } = c.i18n;
+    const s = e, r = k(""), o = k(""), i = k(null), u = k(!1), d = k(""), l = k(!1), c = F("ServiceContainer"), { t: g } = c.i18n;
     P(() => {
       c.requester.send({
         url: "",
@@ -1951,12 +1999,12 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         r.value = y, s("success");
       });
     });
-    const k = () => {
-      u.value = !u.value, a.value = r.value, u.value == !0 && de(() => {
-        d.value.focus();
+    const _ = () => {
+      u.value = !u.value, o.value = r.value, u.value == !0 && ce(() => {
+        i.value.focus();
       });
-    }, $ = () => {
-      i.value = "", l.value = !1, c.requester.send({
+    }, w = () => {
+      d.value = "", l.value = !1, c.requester.send({
         url: "",
         method: "post",
         params: {
@@ -1965,83 +2013,83 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           path: c.modal.data.item.path
         },
         body: {
-          content: a.value
+          content: o.value
         },
         responseType: "text"
       }).then((y) => {
-        i.value = w("Updated."), r.value = y, s("success"), u.value = !u.value;
+        d.value = g("Updated."), r.value = y, s("success"), u.value = !u.value;
       }).catch((y) => {
-        i.value = w(y.message), l.value = !0;
+        d.value = g(y.message), l.value = !0;
       });
     };
-    return (y, C) => (n(), v(H, null, [
-      t("div", Aa, [
+    return (y, E) => (n(), m(U, null, [
+      t("div", Lo, [
         t("div", {
           class: "mb-2 text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
           id: "modal-title",
-          "aria-label": o(c).modal.data.item.path,
+          "aria-label": a(c).modal.data.item.path,
           "data-microtip-position": "bottom-right",
           role: "tooltip"
-        }, m(o(c).modal.data.item.basename), 9, Ta),
-        t("div", La, [
-          u.value ? (n(), v("button", {
+        }, v(a(c).modal.data.item.basename), 9, To),
+        t("div", Fo, [
+          u.value ? (n(), m("button", {
             key: 0,
-            onClick: $,
+            onClick: w,
             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"
-          }, m(o(w)("Save")), 1)) : M("", !0),
-          o(c).features.includes(o(z).EDIT) ? (n(), v("button", {
+          }, v(a(g)("Save")), 1)) : M("", !0),
+          a(c).features.includes(a(B).EDIT) ? (n(), m("button", {
             key: 1,
             class: "ml-1 px-2 py-1 text-blue-500",
-            onClick: C[0] || (C[0] = (E) => k())
-          }, m(u.value ? o(w)("Cancel") : o(w)("Edit")), 1)) : M("", !0)
+            onClick: E[0] || (E[0] = ($) => _())
+          }, v(u.value ? a(g)("Cancel") : a(g)("Edit")), 1)) : M("", !0)
         ])
       ]),
       t("div", null, [
-        u.value ? (n(), v("div", Na, [
+        u.value ? (n(), m("div", Vo, [
           q(t("textarea", {
             ref_key: "editInput",
-            ref: d,
-            "onUpdate:modelValue": C[1] || (C[1] = (E) => a.value = E),
+            ref: i,
+            "onUpdate:modelValue": E[1] || (E[1] = ($) => o.value = $),
             class: "w-full p-2 rounded dark:bg-gray-700 dark:text-gray-200 dark:focus:ring-gray-600 dark:focus:border-gray-600 dark:selection:bg-gray-500 min-h-[200px] max-h-[60vh] text-xs",
             name: "text",
             id: "",
             cols: "30",
             rows: "10"
           }, null, 512), [
-            [Z, a.value]
+            [Z, o.value]
           ])
-        ])) : (n(), v("pre", Fa, m(r.value), 1)),
-        i.value.length ? (n(), L(W, {
+        ])) : (n(), m("pre", Oo, v(r.value), 1)),
+        d.value.length ? (n(), T(G, {
           key: 2,
-          onHidden: C[2] || (C[2] = (E) => i.value = ""),
+          onHidden: E[2] || (E[2] = ($) => d.value = ""),
           error: l.value
         }, {
-          default: j(() => [
-            N(m(i.value), 1)
+          default: A(() => [
+            V(v(d.value), 1)
           ]),
           _: 1
         }, 8, ["error"])) : M("", !0)
       ])
     ], 64));
   }
-}, za = { class: "flex" }, Oa = ["aria-label"], Ua = { class: "ml-auto mb-2" }, Ha = { class: "w-full flex justify-center" }, Ba = ["src"], Ra = {
+}, Bo = { class: "flex" }, zo = ["aria-label"], Uo = { class: "ml-auto mb-2" }, Ho = { class: "w-full flex justify-center" }, Ro = ["src"], qo = {
   __name: "Image",
   emits: ["success"],
   setup(p, { emit: e }) {
-    const s = e, r = F("ServiceContainer"), { t: a } = r.i18n, d = _(null), u = _(null), i = _(!1), l = _(""), c = _(!1), w = () => {
-      i.value = !i.value, i.value ? u.value = new Oe(d.value, {
-        crop($) {
+    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) {
         }
       }) : u.value.destroy();
-    }, k = () => {
+    }, _ = () => {
       u.value.getCroppedCanvas({
         width: 795,
         height: 341
       }).toBlob(
-        ($) => {
+        (w) => {
           l.value = "", c.value = !1;
           const y = new FormData();
-          y.set("file", $), r.requester.send({
+          y.set("file", w), r.requester.send({
             url: "",
             method: "post",
             params: {
@@ -2050,181 +2098,181 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
               path: r.modal.data.item.path
             },
             body: y
-          }).then((C) => {
-            l.value = a("Updated."), d.value.src = r.requester.getPreviewUrl(r.modal.data.adapter, r.modal.data.item), w(), s("success");
-          }).catch((C) => {
-            l.value = a(C.message), c.value = !0;
+          }).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) => {
+            l.value = o(E.message), c.value = !0;
           });
         }
       );
     };
     return P(() => {
       s("success");
-    }), ($, y) => (n(), v(H, null, [
-      t("div", za, [
+    }), (w, y) => (n(), m(U, null, [
+      t("div", Bo, [
         t("h3", {
           class: "mb-2 text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
           id: "modal-title",
-          "aria-label": o(r).modal.data.item.path,
+          "aria-label": a(r).modal.data.item.path,
           "data-microtip-position": "bottom-right",
           role: "tooltip"
-        }, m(o(r).modal.data.item.basename), 9, Oa),
-        t("div", Ua, [
-          i.value ? (n(), v("button", {
+        }, v(a(r).modal.data.item.basename), 9, zo),
+        t("div", Uo, [
+          d.value ? (n(), m("button", {
             key: 0,
-            onClick: k,
+            onClick: _,
             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"
-          }, m(o(a)("Crop")), 1)) : M("", !0),
-          o(r).features.includes(o(z).EDIT) ? (n(), v("button", {
+          }, v(a(o)("Crop")), 1)) : M("", !0),
+          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] = (C) => w())
-          }, m(i.value ? o(a)("Cancel") : o(a)("Edit")), 1)) : M("", !0)
+            onClick: y[0] || (y[0] = (E) => g())
+          }, v(d.value ? a(o)("Cancel") : a(o)("Edit")), 1)) : M("", !0)
         ])
       ]),
-      t("div", Ha, [
+      t("div", Ho, [
         t("img", {
           ref_key: "image",
-          ref: d,
+          ref: i,
           class: "max-w-[50vh] max-h-[50vh]",
-          src: o(r).requester.getPreviewUrl(o(r).modal.data.adapter, o(r).modal.data.item),
+          src: a(r).requester.getPreviewUrl(a(r).modal.data.adapter, a(r).modal.data.item),
           alt: ""
-        }, null, 8, Ba)
+        }, null, 8, Ro)
       ]),
-      l.value.length ? (n(), L(W, {
+      l.value.length ? (n(), T(G, {
         key: 0,
-        onHidden: y[1] || (y[1] = (C) => l.value = ""),
+        onHidden: y[1] || (y[1] = (E) => l.value = ""),
         error: c.value
       }, {
-        default: j(() => [
-          N(m(l.value), 1)
+        default: A(() => [
+          V(v(l.value), 1)
         ]),
         _: 1
       }, 8, ["error"])) : M("", !0)
     ], 64));
   }
-}, qa = { class: "flex" }, Ia = ["aria-label"], Pa = /* @__PURE__ */ t("div", null, null, -1), Ga = {
+}, Io = { class: "flex" }, Po = ["aria-label"], Wo = /* @__PURE__ */ t("div", null, null, -1), Go = {
   __name: "Default",
   emits: ["success"],
   setup(p, { emit: e }) {
     const s = F("ServiceContainer"), r = e;
     return P(() => {
       r("success");
-    }), (a, d) => (n(), v(H, null, [
-      t("div", qa, [
+    }), (o, i) => (n(), m(U, null, [
+      t("div", Io, [
         t("h3", {
           class: "mb-2 text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
           id: "modal-title",
-          "aria-label": o(s).modal.data.item.path,
+          "aria-label": a(s).modal.data.item.path,
           "data-microtip-position": "bottom-right",
           role: "tooltip"
-        }, m(o(s).modal.data.item.basename), 9, Ia)
+        }, v(a(s).modal.data.item.basename), 9, Po)
       ]),
-      Pa
+      Wo
     ], 64));
   }
-}, Wa = ["aria-label"], Ya = {
+}, Yo = ["aria-label"], Ko = {
   class: "w-full",
   preload: "",
   controls: ""
-}, Ka = ["src"], Ja = {
+}, Jo = ["src"], Xo = {
   __name: "Video",
   emits: ["success"],
   setup(p, { emit: e }) {
-    const s = F("ServiceContainer"), r = e, a = () => s.requester.getPreviewUrl(s.modal.data.adapter, s.modal.data.item);
+    const s = F("ServiceContainer"), r = e, o = () => s.requester.getPreviewUrl(s.modal.data.adapter, s.modal.data.item);
     return P(() => {
       r("success");
-    }), (d, u) => (n(), v("div", null, [
+    }), (i, u) => (n(), m("div", null, [
       t("h3", {
         class: "mb-2 text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
         id: "modal-title",
-        "aria-label": o(s).modal.data.item.path,
+        "aria-label": a(s).modal.data.item.path,
         "data-microtip-position": "bottom-right",
         role: "tooltip"
-      }, m(o(s).modal.data.item.basename), 9, Wa),
+      }, v(a(s).modal.data.item.basename), 9, Yo),
       t("div", null, [
-        t("video", Ya, [
+        t("video", Ko, [
           t("source", {
-            src: a(),
+            src: o(),
             type: "video/mp4"
-          }, null, 8, Ka),
-          N(" Your browser does not support the video tag. ")
+          }, null, 8, Jo),
+          V(" Your browser does not support the video tag. ")
         ])
       ])
     ]));
   }
-}, Xa = ["aria-label"], Qa = {
+}, Qo = ["aria-label"], Zo = {
   class: "w-full",
   controls: ""
-}, Za = ["src"], er = {
+}, er = ["src"], tr = {
   __name: "Audio",
   emits: ["success"],
   setup(p, { emit: e }) {
-    const s = e, r = F("ServiceContainer"), a = () => r.requester.getPreviewUrl(r.modal.data.adapter, r.modal.data.item);
+    const s = e, r = F("ServiceContainer"), o = () => r.requester.getPreviewUrl(r.modal.data.adapter, r.modal.data.item);
     return P(() => {
       s("success");
-    }), (d, u) => (n(), v(H, null, [
+    }), (i, u) => (n(), m(U, null, [
       t("h3", {
         class: "mb-2 text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
         id: "modal-title",
-        "aria-label": o(r).modal.data.item.path,
+        "aria-label": a(r).modal.data.item.path,
         "data-microtip-position": "bottom-right",
         role: "tooltip"
-      }, m(o(r).modal.data.item.basename), 9, Xa),
+      }, v(a(r).modal.data.item.basename), 9, Qo),
       t("div", null, [
-        t("audio", Qa, [
+        t("audio", Zo, [
           t("source", {
-            src: a(),
+            src: o(),
             type: "audio/mpeg"
-          }, null, 8, Za),
-          N(" Your browser does not support the audio element. ")
+          }, null, 8, er),
+          V(" Your browser does not support the audio element. ")
         ])
       ])
     ], 64));
   }
-}, tr = ["aria-label"], sr = ["data"], or = ["src"], ar = /* @__PURE__ */ t("p", null, [
-  /* @__PURE__ */ N(" Your browser does not support PDFs. "),
+}, sr = ["aria-label"], ar = ["data"], or = ["src"], rr = /* @__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__ */ N(" . ")
-], -1), rr = [
-  ar
-], nr = {
+  /* @__PURE__ */ V(" . ")
+], -1), nr = [
+  rr
+], lr = {
   __name: "Pdf",
   emits: ["success"],
   setup(p, { emit: e }) {
-    const s = F("ServiceContainer"), r = e, a = () => s.requester.getPreviewUrl(s.modal.data.adapter, s.modal.data.item);
+    const s = F("ServiceContainer"), r = e, o = () => s.requester.getPreviewUrl(s.modal.data.adapter, s.modal.data.item);
     return P(() => {
       r("success");
-    }), (d, u) => (n(), v(H, null, [
+    }), (i, u) => (n(), m(U, null, [
       t("h3", {
         class: "mb-2 text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
         id: "modal-title",
-        "aria-label": o(s).modal.data.item.path,
+        "aria-label": a(s).modal.data.item.path,
         "data-microtip-position": "bottom-right",
         role: "tooltip"
-      }, m(o(s).modal.data.item.basename), 9, tr),
+      }, v(a(s).modal.data.item.basename), 9, sr),
       t("div", null, [
         t("object", {
           class: "h-[60vh]",
-          data: a(),
+          data: o(),
           type: "application/pdf",
           width: "100%",
           height: "100%"
         }, [
           t("iframe", {
             class: "border-0",
-            src: a(),
+            src: o(),
             width: "100%",
             height: "100%"
-          }, rr, 8, or)
-        ], 8, sr)
+          }, nr, 8, or)
+        ], 8, ar)
       ])
     ], 64));
   }
-}, lr = { class: "sm:flex sm:items-start" }, ir = { class: "mt-3 text-center sm:mt-0 sm:text-left w-full" }, dr = { key: 0 }, cr = { class: "text-gray-700 dark:text-gray-200 text-sm" }, ur = {
+}, 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 = {
   key: 0,
   class: "flex leading-5"
-}, mr = /* @__PURE__ */ t("svg", {
+}, vr = /* @__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",
@@ -2243,79 +2291,79 @@ 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), vr = { class: "py-2 flex font-normal break-all dark:text-gray-200 rounded text-xs" }, pr = { class: "font-bold" }, hr = { class: "font-bold pl-2" }, fr = {
+], -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 = {
   key: 0,
-  class: "text-xs"
-}, gr = ["download", "href"], _r = {
+  class: "text-xs text-gray-600 dark:text-gray-400"
+}, _r = ["download", "href"], kr = {
   name: "VFModalPreview"
-}, kr = /* @__PURE__ */ Object.assign(_r, {
+}, br = /* @__PURE__ */ Object.assign(kr, {
   setup(p) {
-    const e = F("ServiceContainer"), { t: s } = e.i18n, r = _(!1), a = (u) => (e.modal.data.item.mime_type ?? "").startsWith(u), d = e.features.includes(z.PREVIEW);
-    return d || (r.value = !0), (u, i) => (n(), L(G, null, {
-      buttons: j(() => [
+    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, {
+      buttons: A(() => [
         t("button", {
           type: "button",
-          onClick: i[6] || (i[6] = (l) => o(e).emitter.emit("vf-modal-close")),
+          onClick: d[6] || (d[6] = (l) => a(e).emitter.emit("vf-modal-close")),
           class: "vf-btn vf-btn-secondary"
-        }, m(o(s)("Close")), 1),
-        o(e).features.includes(o(z).DOWNLOAD) ? (n(), v("a", {
+        }, v(a(s)("Close")), 1),
+        a(e).features.includes(a(B).DOWNLOAD) ? (n(), m("a", {
           key: 0,
           target: "_blank",
           class: "vf-btn vf-btn-primary",
-          download: o(e).requester.getDownloadUrl(o(e).modal.data.adapter, o(e).modal.data.item),
-          href: o(e).requester.getDownloadUrl(o(e).modal.data.adapter, o(e).modal.data.item)
-        }, m(o(s)("Download")), 9, gr)) : M("", !0)
+          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)
       ]),
-      default: j(() => [
-        t("div", lr, [
-          t("div", ir, [
-            o(d) ? (n(), v("div", dr, [
-              a("text") ? (n(), L(Va, {
+      default: A(() => [
+        t("div", ir, [
+          t("div", dr, [
+            a(i) ? (n(), m("div", cr, [
+              o("text") ? (n(), T(No, {
                 key: 0,
-                onSuccess: i[0] || (i[0] = (l) => r.value = !0)
-              })) : a("image") ? (n(), L(Ra, {
+                onSuccess: d[0] || (d[0] = (l) => r.value = !0)
+              })) : o("image") ? (n(), T(qo, {
                 key: 1,
-                onSuccess: i[1] || (i[1] = (l) => r.value = !0)
-              })) : a("video") ? (n(), L(Ja, {
+                onSuccess: d[1] || (d[1] = (l) => r.value = !0)
+              })) : o("video") ? (n(), T(Xo, {
                 key: 2,
-                onSuccess: i[2] || (i[2] = (l) => r.value = !0)
-              })) : a("audio") ? (n(), L(er, {
+                onSuccess: d[2] || (d[2] = (l) => r.value = !0)
+              })) : o("audio") ? (n(), T(tr, {
                 key: 3,
-                onSuccess: i[3] || (i[3] = (l) => r.value = !0)
-              })) : a("application/pdf") ? (n(), L(nr, {
+                onSuccess: d[3] || (d[3] = (l) => r.value = !0)
+              })) : o("application/pdf") ? (n(), T(lr, {
                 key: 4,
-                onSuccess: i[4] || (i[4] = (l) => r.value = !0)
-              })) : (n(), L(Ga, {
+                onSuccess: d[4] || (d[4] = (l) => r.value = !0)
+              })) : (n(), T(Go, {
                 key: 5,
-                onSuccess: i[5] || (i[5] = (l) => r.value = !0)
+                onSuccess: d[5] || (d[5] = (l) => r.value = !0)
               }))
             ])) : M("", !0),
-            t("div", cr, [
-              r.value === !1 ? (n(), v("div", ur, [
-                mr,
-                t("span", null, m(o(s)("Loading")), 1)
+            t("div", ur, [
+              r.value === !1 ? (n(), m("div", mr, [
+                vr,
+                t("span", null, v(a(s)("Loading")), 1)
               ])) : M("", !0)
             ])
           ])
         ]),
-        t("div", vr, [
+        t("div", pr, [
           t("div", null, [
-            t("span", pr, m(o(s)("File Size")) + ": ", 1),
-            N(m(o(e).filesize(o(e).modal.data.item.file_size)), 1)
+            t("span", hr, v(a(s)("File Size")) + ": ", 1),
+            V(v(a(e).filesize(a(e).modal.data.item.file_size)), 1)
           ]),
           t("div", null, [
-            t("span", hr, m(o(s)("Last Modified")) + ": ", 1),
-            N(" " + m(o(we)(o(e).modal.data.item.last_modified)), 1)
+            t("span", fr, v(a(s)("Last Modified")) + ": ", 1),
+            V(" " + v(a(we)(a(e).modal.data.item.last_modified)), 1)
           ])
         ]),
-        o(e).features.includes(o(z).DOWNLOAD) ? (n(), v("div", fr, [
-          t("span", null, m(o(s)(`Download doesn't work? You can try right-click "Download" button, select "Save link as...".`)), 1)
+        a(e).features.includes(a(B).DOWNLOAD) ? (n(), m("div", gr, [
+          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
     }));
   }
-}), br = { class: "sm:flex sm:items-start" }, yr = /* @__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" }, [
+}), 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" }, [
   /* @__PURE__ */ t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -2330,10 +2378,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), xr = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, wr = {
+], -1), wr = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, $r = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, $r = { class: "mt-2" }, Cr = { class: "flex text-sm text-gray-800 dark:text-gray-400 py-2" }, Sr = {
+}, Cr = { class: "mt-2" }, Sr = { class: "flex text-sm text-gray-800 dark:text-gray-400 py-2" }, Mr = {
   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",
@@ -2341,13 +2389,13 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Mr = /* @__PURE__ */ t("path", {
+}, Er = /* @__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), Er = [
-  Mr
-], Dr = {
+}, null, -1), Dr = [
+  Er
+], jr = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500",
@@ -2355,20 +2403,20 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, jr = /* @__PURE__ */ t("path", {
+}, Ar = /* @__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), Ar = [
-  jr
-], Tr = { class: "ml-1.5" }, Lr = {
+}, null, -1), Lr = [
+  Ar
+], Tr = { class: "ml-1.5" }, Fr = {
   name: "VFModalRename"
-}, Fr = /* @__PURE__ */ Object.assign(Lr, {
+}, Or = /* @__PURE__ */ Object.assign(Fr, {
   setup(p) {
     const e = F("ServiceContainer");
     e.storage;
-    const { t: s } = e.i18n, r = _(e.modal.data.items[0]), a = _(e.modal.data.items[0].basename), d = _(""), u = () => {
-      a.value != "" && e.emitter.emit("vf-fetch", {
+    const { t: s } = e.i18n, r = k(e.modal.data.items[0]), o = k(e.modal.data.items[0].basename), i = k(""), u = () => {
+      o.value != "" && e.emitter.emit("vf-fetch", {
         params: {
           q: "rename",
           m: "post",
@@ -2377,55 +2425,55 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         },
         body: {
           item: r.value.path,
-          name: a.value
+          name: o.value
         },
         onSuccess: () => {
-          e.emitter.emit("vf-toast-push", { label: s("%s is renamed.", a.value) });
+          e.emitter.emit("vf-toast-push", { label: s("%s is renamed.", o.value) });
         },
-        onError: (i) => {
-          d.value = s(i.message);
+        onError: (d) => {
+          i.value = s(d.message);
         }
       });
     };
-    return (i, l) => (n(), L(G, null, {
-      buttons: j(() => [
+    return (d, l) => (n(), T(W, null, {
+      buttons: A(() => [
         t("button", {
           type: "button",
           onClick: u,
           class: "vf-btn vf-btn-primary"
-        }, m(o(s)("Rename")), 1),
+        }, v(a(s)("Rename")), 1),
         t("button", {
           type: "button",
-          onClick: l[2] || (l[2] = (c) => o(e).emitter.emit("vf-modal-close")),
+          onClick: l[2] || (l[2] = (c) => a(e).emitter.emit("vf-modal-close")),
           class: "vf-btn vf-btn-secondary"
-        }, m(o(s)("Cancel")), 1)
+        }, v(a(s)("Cancel")), 1)
       ]),
-      default: j(() => [
-        t("div", br, [
-          yr,
-          t("div", xr, [
-            t("h3", wr, m(o(s)("Rename")), 1),
-            t("div", $r, [
-              t("p", Cr, [
-                r.value.type === "dir" ? (n(), v("svg", Sr, Er)) : (n(), v("svg", Dr, Ar)),
-                t("span", Tr, m(r.value.basename), 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)
               ]),
               q(t("input", {
-                "onUpdate:modelValue": l[0] || (l[0] = (c) => a.value = c),
+                "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",
                 placeholder: "Name",
                 type: "text"
               }, null, 544), [
-                [Z, a.value]
+                [Z, o.value]
               ]),
-              d.value.length ? (n(), L(W, {
+              i.value.length ? (n(), T(G, {
                 key: 0,
-                onHidden: l[1] || (l[1] = (c) => d.value = ""),
+                onHidden: l[1] || (l[1] = (c) => i.value = ""),
                 error: ""
               }, {
-                default: j(() => [
-                  N(m(d.value), 1)
+                default: A(() => [
+                  V(v(i.value), 1)
                 ]),
                 _: 1
               })) : M("", !0)
@@ -2436,7 +2484,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       _: 1
     }));
   }
-}), Nr = { class: "sm:flex sm:items-start" }, Vr = /* @__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" }, [
+}), 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" }, [
   /* @__PURE__ */ t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -2451,19 +2499,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), zr = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, Or = {
+], -1), Br = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, zr = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
 }, Ur = { class: "mt-2" }, Hr = {
   key: 0,
   class: "pointer-events-none"
-}, Br = {
+}, Rr = {
   key: 1,
   class: "pointer-events-none"
-}, Rr = ["disabled"], qr = ["disabled"], Ir = { class: "text-gray-500 text-sm mb-1 pr-1 max-h-[200px] overflow-y-auto vf-scrollbar" }, Pr = { 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"], Wr = { class: "ml-1 w-full h-fit" }, Yr = { class: "text-left hidden md:block" }, Kr = { class: "text-left md:hidden" }, Jr = {
+}, 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 = {
   key: 0,
   class: "ml-auto"
-}, Xr = ["title", "disabled", "onClick"], Qr = /* @__PURE__ */ t("svg", {
+}, Qr = ["title", "disabled", "onClick"], Zr = /* @__PURE__ */ t("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
@@ -2476,98 +2524,105 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
     "stroke-linejoin": "round",
     d: "M6 18L18 6M6 6l12 12"
   })
-], -1), Zr = [
-  Qr
-], en = {
+], -1), en = [
+  Zr
+], tn = {
   key: 0,
   class: "py-2"
-}, tn = ["disabled"], sn = {
+}, sn = ["disabled"], an = {
   name: "VFModalUpload"
-}, on = /* @__PURE__ */ Object.assign(sn, {
+}, on = /* @__PURE__ */ Object.assign(an, {
   setup(p) {
-    const e = F("ServiceContainer"), { t: s } = e.i18n, r = s("uppy"), a = {
+    const e = F("ServiceContainer"), { t: s } = e.i18n, r = s("uppy"), o = {
       PENDING: 0,
       CANCELED: 1,
       UPLOADING: 2,
       ERROR: 3,
       DONE: 10
-    }, d = _({ QUEUE_ENTRY_STATUS: a }), u = _(null), i = _(null), l = _(null), c = _(null), w = _(null), k = _(null), $ = _([]), y = _(""), C = _(!1), E = _(!1);
-    let g;
-    function f(h) {
-      return $.value.findIndex((A) => A.id === h);
+    }, 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);
+    let f;
+    function h(j) {
+      return w.value.findIndex((S) => S.id === j);
     }
-    function V(h, A = null) {
-      A = A ?? (h.webkitRelativePath || h.name), g.addFile({
-        name: A,
-        type: h.type,
-        data: h,
+    function N(j, S = null) {
+      S = S ?? (j.webkitRelativePath || j.name), f.addFile({
+        name: S,
+        type: j.type,
+        data: j,
         source: "Local"
       });
     }
-    function R(h) {
-      switch (h.status) {
-        case a.DONE:
+    function R(j) {
+      switch (j.status) {
+        case o.DONE:
           return "text-green-600";
-        case a.ERROR:
+        case o.ERROR:
           return "text-red-600";
-        case a.CANCELED:
+        case o.CANCELED:
           return "text-red-600";
-        case a.PENDING:
+        case o.PENDING:
         default:
           return "";
       }
     }
-    const K = (h) => {
-      switch (h.status) {
-        case a.DONE:
+    const K = (j) => {
+      switch (j.status) {
+        case o.DONE:
           return "✓";
-        case a.ERROR:
-        case a.CANCELED:
+        case o.ERROR:
+        case o.CANCELED:
           return "!";
-        case a.PENDING:
+        case o.PENDING:
         default:
           return "...";
       }
     };
-    function ee() {
+    function te() {
       c.value.click();
     }
-    function te() {
-      if (!C.value) {
-        if (!$.value.filter((h) => h.status !== a.DONE).length) {
+    function se() {
+      if (!E.value) {
+        if (!w.value.filter((j) => j.status !== o.DONE).length) {
           y.value = s("Please select file to upload first.");
           return;
         }
-        y.value = "", g.retryAll(), g.upload();
+        y.value = "", f.retryAll(), f.upload();
       }
     }
-    function se() {
-      g.cancelAll({ reason: "user" }), $.value.forEach((h) => {
-        h.status !== a.DONE && (h.status = a.CANCELED, h.statusName = s("Canceled"));
-      }), C.value = !1;
+    function ae() {
+      f.cancelAll({ reason: "user" }), w.value.forEach((j) => {
+        j.status !== o.DONE && (j.status = o.CANCELED, j.statusName = s("Canceled"));
+      }), E.value = !1;
     }
-    function oe(h) {
-      C.value || (g.removeFile(h.id, "removed-by-user"), $.value.splice(f(h.id), 1));
+    function oe(j) {
+      E.value || (f.removeFile(j.id, "removed-by-user"), w.value.splice(h(j.id), 1));
     }
-    function x(h) {
-      if (!C.value) {
-        if (g.cancelAll({ reason: "user" }), h) {
-          const A = [];
-          $.value.forEach((b) => {
-            b.status !== a.DONE && A.push(b);
-          }), $.value = [], A.forEach((b) => {
-            V(b.originalFile, b.name);
+    function x(j) {
+      if (!E.value) {
+        if (f.cancelAll({ reason: "user" }), j) {
+          const S = [];
+          w.value.forEach((b) => {
+            b.status !== o.DONE && S.push(b);
+          }), w.value = [], S.forEach((b) => {
+            N(b.originalFile, b.name);
           });
           return;
         }
-        $.value.splice(0);
+        w.value.splice(0);
       }
     }
     function D() {
       e.emitter.emit("vf-modal-close");
     }
+    function C() {
+      return e.requester.transformRequestParams({
+        url: "",
+        method: "post",
+        params: { q: "upload", adapter: e.data.adapter, path: e.data.dirname }
+      });
+    }
     return P(async () => {
-      g = new Ue({
+      f = new ze({
         debug: e.debug,
         restrictions: {
           maxFileSize: Ye(e.maxFileSize)
@@ -2575,137 +2630,131 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           //allowedFileTypes
         },
         locale: r,
-        onBeforeFileAdded(S, T) {
-          if (T[S.id] != null) {
-            const X = f(S.id);
-            $.value[X].status === a.PENDING && (y.value = g.i18n("noDuplicates", { fileName: S.name })), $.value = $.value.filter((ce) => ce.id !== S.id);
+        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);
           }
-          return $.value.push({
-            id: S.id,
-            name: S.name,
-            size: e.filesize(S.size),
-            status: a.PENDING,
+          return w.value.push({
+            id: b.id,
+            name: b.name,
+            size: e.filesize(b.size),
+            status: o.PENDING,
             statusName: s("Pending upload"),
             percent: null,
-            originalFile: S.data
+            originalFile: b.data
           }), !0;
         }
-      });
-      const h = e.requester.transformRequestParams({
-        url: "",
-        method: "post",
-        params: { q: "upload", adapter: e.data.adapter, path: e.data.dirname }
-      });
-      e.debug && h.body != null && (h.body instanceof FormData || Object.keys(h.body).length > 0) && console.warn(`Cannot set body on upload, make sure request.transformRequest didn't set body when upload.
-Will ignore for now.`), g.use(He, {
-        method: h.method,
-        endpoint: h.url + "?" + new URLSearchParams(h.params),
-        headers: h.headers,
+      }), f.use(Ue, {
+        endpoint: "WILL_BE_REPLACED_BEFORE_UPLOAD",
         limit: 5,
         timeout: 0,
-        getResponseError(S, T) {
+        getResponseError(b, L) {
           let O;
           try {
-            O = JSON.parse(S).message;
+            O = JSON.parse(b).message;
           } catch {
             O = s("Cannot parse server response.");
           }
           return new Error(O);
         }
-      }), g.on("restriction-failed", (S, T) => {
-        const O = $.value[f(S.id)];
-        oe(O), y.value = T.message;
-      }), g.on("upload", () => {
-        C.value = !0, $.value.forEach((S) => {
-          S.status !== a.DONE && (S.percent = null, S.status = a.UPLOADING, S.statusName = s("Pending upload"));
+      }), f.on("restriction-failed", (b, L) => {
+        const O = w.value[h(b.id)];
+        oe(O), y.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) => {
+          O.status !== o.DONE && (O.percent = null, O.status = o.UPLOADING, O.statusName = s("Pending upload"));
         });
-      }), g.on("upload-progress", (S, T) => {
-        const O = Math.floor(T.bytesUploaded / T.bytesTotal * 100);
-        $.value[f(S.id)].percent = `${O}%`;
-      }), g.on("upload-success", (S) => {
-        const T = $.value[f(S.id)];
-        T.status = a.DONE, T.statusName = s("Done");
-      }), g.on("upload-error", (S, T) => {
-        const O = $.value[f(S.id)];
-        O.percent = null, O.status = a.ERROR, T.isNetworkError ? O.statusName = s("Network Error, Unable establish connection to the server or interrupted.") : O.statusName = T ? T.message : s("Unknown Error");
-      }), g.on("error", (S) => {
-        y.value = S.message, C.value = !1, e.emitter.emit("vf-fetch", {
+      }), f.on("upload-progress", (b, L) => {
+        const O = Math.floor(L.bytesUploaded / L.bytesTotal * 100);
+        w.value[h(b.id)].percent = `${O}%`;
+      }), f.on("upload-success", (b) => {
+        const L = w.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)];
+        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", {
           params: { q: "index", adapter: e.data.adapter, path: e.data.dirname },
           noCloseModal: !0
         });
-      }), g.on("complete", () => {
-        C.value = !1, e.emitter.emit("vf-fetch", {
+      }), f.on("complete", () => {
+        E.value = !1, e.emitter.emit("vf-fetch", {
           params: { q: "index", adapter: e.data.adapter, path: e.data.dirname },
           noCloseModal: !0
         });
       }), c.value.addEventListener("click", () => {
-        i.value.click();
-      }), w.value.addEventListener("click", () => {
+        d.value.click();
+      }), g.value.addEventListener("click", () => {
         l.value.click();
-      }), k.value.addEventListener("dragover", (S) => {
-        S.preventDefault(), E.value = !0;
-      }), k.value.addEventListener("dragleave", (S) => {
-        S.preventDefault(), E.value = !1;
+      }), _.value.addEventListener("dragover", (b) => {
+        b.preventDefault(), $.value = !0;
+      }), _.value.addEventListener("dragleave", (b) => {
+        b.preventDefault(), $.value = !1;
       });
-      function A(S, T) {
-        T.isFile && T.file((O) => S(T, O)), T.isDirectory && T.createReader().readEntries((O) => {
+      function j(b, L) {
+        L.isFile && L.file((O) => b(L, O)), L.isDirectory && L.createReader().readEntries((O) => {
           O.forEach((X) => {
-            A(S, X);
+            j(b, X);
           });
         });
       }
-      k.value.addEventListener("drop", (S) => {
-        S.preventDefault(), E.value = !1;
-        const T = /^[/\\](.+)/;
-        [...S.dataTransfer.items].forEach((O) => {
-          O.kind === "file" && A((X, ce) => {
-            const $e = T.exec(X.fullPath);
-            V(ce, $e[1]);
+      _.value.addEventListener("drop", (b) => {
+        b.preventDefault(), $.value = !1;
+        const L = /^[/\\](.+)/;
+        [...b.dataTransfer.items].forEach((O) => {
+          O.kind === "file" && j((X, ue) => {
+            const $e = L.exec(X.fullPath);
+            N(ue, $e[1]);
           }, O.webkitGetAsEntry());
         });
       });
-      const b = ({ target: S }) => {
-        const T = S.files;
-        for (const O of T)
-          V(O);
-        S.value = "";
+      const S = ({ target: b }) => {
+        const L = b.files;
+        for (const O of L)
+          N(O);
+        b.value = "";
       };
-      i.value.addEventListener("change", b), l.value.addEventListener("change", b);
+      d.value.addEventListener("change", S), l.value.addEventListener("change", S);
     }), ke(() => {
-      g == null || g.close({ reason: "unmount" });
-    }), (h, A) => (n(), L(G, null, {
-      buttons: j(() => [
+      f == null || f.close({ reason: "unmount" });
+    }), (j, S) => (n(), T(W, null, {
+      buttons: A(() => [
         t("button", {
           type: "button",
-          class: U(["vf-btn vf-btn-primary", C.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: C.value,
-          onClick: Y(te, ["prevent"])
-        }, m(o(s)("Upload")), 11, tn),
-        C.value ? (n(), v("button", {
+          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),
+        E.value ? (n(), m("button", {
           key: 0,
           type: "button",
           class: "vf-btn vf-btn-secondary",
-          onClick: Y(se, ["prevent"])
-        }, m(o(s)("Cancel")), 1)) : (n(), v("button", {
+          onClick: Y(ae, ["prevent"])
+        }, v(a(s)("Cancel")), 1)) : (n(), m("button", {
           key: 1,
           type: "button",
           class: "vf-btn vf-btn-secondary",
           onClick: Y(D, ["prevent"])
-        }, m(o(s)("Close")), 1))
+        }, v(a(s)("Close")), 1))
       ]),
-      default: j(() => [
-        t("div", Nr, [
-          Vr,
-          t("div", zr, [
-            t("h3", Or, m(o(s)("Upload Files")), 1),
+      default: A(() => [
+        t("div", Vr, [
+          Nr,
+          t("div", Br, [
+            t("h3", zr, v(a(s)("Upload Files")), 1),
             t("div", Ur, [
               t("div", {
                 ref_key: "dropArea",
-                ref: k,
+                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: ee
+                onClick: te
               }, [
-                E.value ? (n(), v("div", Hr, m(o(s)("Release to drop these files.")), 1)) : (n(), v("div", Br, m(o(s)("Drag and drop the files/folders to here or click here.")), 1))
+                $.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))
               ], 512),
               t("div", {
                 ref_key: "container",
@@ -2717,64 +2766,64 @@ Will ignore for now.`), g.use(He, {
                   ref: c,
                   type: "button",
                   class: "vf-btn vf-btn-secondary"
-                }, m(o(s)("Select Files")), 513),
+                }, v(a(s)("Select Files")), 513),
                 t("button", {
                   ref_key: "pickFolders",
-                  ref: w,
+                  ref: g,
                   type: "button",
                   class: "vf-btn vf-btn-secondary"
-                }, m(o(s)("Select Folders")), 513),
+                }, v(a(s)("Select Folders")), 513),
                 t("button", {
                   type: "button",
                   class: "vf-btn vf-btn-secondary",
-                  disabled: C.value,
-                  onClick: A[0] || (A[0] = (b) => x(!1))
-                }, m(o(s)("Clear all")), 9, Rr),
+                  disabled: E.value,
+                  onClick: S[0] || (S[0] = (b) => x(!1))
+                }, v(a(s)("Clear all")), 9, qr),
                 t("button", {
                   type: "button",
                   class: "vf-btn vf-btn-secondary",
-                  disabled: C.value,
-                  onClick: A[1] || (A[1] = (b) => x(!0))
-                }, m(o(s)("Clear only successful")), 9, qr)
+                  disabled: E.value,
+                  onClick: S[1] || (S[1] = (b) => x(!0))
+                }, v(a(s)("Clear only successful")), 9, Ir)
               ], 512),
-              t("div", Ir, [
-                (n(!0), v(H, null, I($.value, (b) => (n(), v("div", {
+              t("div", Pr, [
+                (n(!0), m(U, null, I(w.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", Pr, [
+                  t("span", Wr, [
                     t("span", {
-                      class: U(["text-base m-auto", R(b)]),
-                      textContent: m(K(b))
+                      class: z(["text-base m-auto", R(b)]),
+                      textContent: v(K(b))
                     }, null, 10, Gr)
                   ]),
-                  t("div", Wr, [
-                    t("div", Yr, m(o(he)(b.name, 40)) + " (" + m(b.size) + ")", 1),
-                    t("div", Kr, m(o(he)(b.name, 16)) + " (" + m(b.size) + ")", 1),
+                  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", {
-                      class: U(["flex break-all text-left", R(b)])
+                      class: z(["flex break-all text-left", R(b)])
                     }, [
-                      N(m(b.statusName) + " ", 1),
-                      b.status === d.value.QUEUE_ENTRY_STATUS.UPLOADING ? (n(), v("b", Jr, m(b.percent), 1)) : M("", !0)
+                      V(v(b.statusName) + " ", 1),
+                      b.status === i.value.QUEUE_ENTRY_STATUS.UPLOADING ? (n(), m("b", Xr, v(b.percent), 1)) : M("", !0)
                     ], 2)
                   ]),
                   t("button", {
                     type: "button",
-                    class: U(["rounded w-5 h-5 border-1 text-base leading-none font-medium focus:outline-none dark:border-gray-200 dark:text-gray-400 dark:hover:text-gray-200 dark:bg-gray-600 ml-auto sm:text-xs hover:text-red-600", C.value ? "disabled:bg-gray-100 text-white text-opacity-50" : "bg-gray-100"]),
-                    title: o(s)("Delete"),
-                    disabled: C.value,
-                    onClick: (S) => oe(b)
-                  }, Zr, 10, Xr)
+                    class: z(["rounded w-5 h-5 border-1 text-base leading-none font-medium focus:outline-none dark:border-gray-200 dark:text-gray-400 dark:hover:text-gray-200 dark:bg-gray-600 ml-auto sm:text-xs hover:text-red-600", E.value ? "disabled:bg-gray-100 text-white text-opacity-50" : "bg-gray-100"]),
+                    title: a(s)("Delete"),
+                    disabled: E.value,
+                    onClick: (L) => oe(b)
+                  }, en, 10, Qr)
                 ]))), 128)),
-                $.value.length ? M("", !0) : (n(), v("div", en, m(o(s)("No files selected!")), 1))
+                w.value.length ? M("", !0) : (n(), m("div", tn, v(a(s)("No files selected!")), 1))
               ]),
-              y.value.length ? (n(), L(W, {
+              y.value.length ? (n(), T(G, {
                 key: 0,
-                onHidden: A[2] || (A[2] = (b) => y.value = ""),
+                onHidden: S[2] || (S[2] = (b) => y.value = ""),
                 error: ""
               }, {
-                default: j(() => [
-                  N(m(y.value), 1)
+                default: A(() => [
+                  V(v(y.value), 1)
                 ]),
                 _: 1
               })) : M("", !0)
@@ -2783,7 +2832,7 @@ Will ignore for now.`), g.use(He, {
         ]),
         t("input", {
           ref_key: "internalFileInput",
-          ref: i,
+          ref: d,
           type: "file",
           multiple: "",
           class: "hidden"
@@ -2800,7 +2849,7 @@ Will ignore for now.`), g.use(He, {
       _: 1
     }));
   }
-}), an = { class: "sm:flex sm:items-start" }, rn = /* @__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" }, [
+}), 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" }, [
   /* @__PURE__ */ t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -2815,13 +2864,13 @@ Will ignore for now.`), g.use(He, {
       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), nn = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, ln = {
+], -1), ln = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, dn = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, dn = { class: "mt-2" }, cn = {
+}, cn = { class: "mt-2" }, un = {
   class: "text-gray-500 text-sm mb-1 overflow-auto vf-scrollbar",
   style: { "max-height": "200px" }
-}, un = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, mn = {
+}, mn = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, vn = {
   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",
@@ -2829,13 +2878,13 @@ Will ignore for now.`), g.use(He, {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, vn = /* @__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), pn = [
-  vn
-], hn = {
+}, null, -1), hn = [
+  pn
+], fn = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500",
@@ -2843,20 +2892,20 @@ Will ignore for now.`), g.use(He, {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, fn = /* @__PURE__ */ t("path", {
+}, gn = /* @__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), gn = [
-  fn
-], _n = { class: "ml-1.5" }, kn = ["placeholder"], bn = {
+}, null, -1), _n = [
+  gn
+], kn = { class: "ml-1.5" }, bn = ["placeholder"], yn = {
   name: "VFModalArchive"
-}, yn = /* @__PURE__ */ Object.assign(bn, {
+}, xn = /* @__PURE__ */ Object.assign(yn, {
   setup(p) {
     const e = F("ServiceContainer");
     e.storage;
-    const { t: s } = e.i18n, r = _(""), a = _(""), d = _(e.modal.data.items), u = () => {
-      d.value.length && e.emitter.emit("vf-fetch", {
+    const { t: s } = e.i18n, r = k(""), o = k(""), i = k(e.modal.data.items), u = () => {
+      i.value.length && e.emitter.emit("vf-fetch", {
         params: {
           q: "archive",
           m: "post",
@@ -2864,58 +2913,58 @@ Will ignore for now.`), g.use(He, {
           path: e.data.dirname
         },
         body: {
-          items: d.value.map(({ path: i, type: l }) => ({ path: i, type: l })),
+          items: i.value.map(({ path: d, type: l }) => ({ path: d, type: l })),
           name: r.value
         },
         onSuccess: () => {
           e.emitter.emit("vf-toast-push", { label: s("The file(s) archived.") });
         },
-        onError: (i) => {
-          a.value = s(i.message);
+        onError: (d) => {
+          o.value = s(d.message);
         }
       });
     };
-    return (i, l) => (n(), L(G, null, {
-      buttons: j(() => [
+    return (d, l) => (n(), T(W, null, {
+      buttons: A(() => [
         t("button", {
           type: "button",
           onClick: u,
           class: "vf-btn vf-btn-primary"
-        }, m(o(s)("Archive")), 1),
+        }, v(a(s)("Archive")), 1),
         t("button", {
           type: "button",
-          onClick: l[2] || (l[2] = (c) => o(e).emitter.emit("vf-modal-close")),
+          onClick: l[2] || (l[2] = (c) => a(e).emitter.emit("vf-modal-close")),
           class: "vf-btn vf-btn-secondary"
-        }, m(o(s)("Cancel")), 1)
+        }, v(a(s)("Cancel")), 1)
       ]),
-      default: j(() => [
-        t("div", an, [
-          rn,
-          t("div", nn, [
-            t("h3", ln, m(o(s)("Archive the files")), 1),
-            t("div", dn, [
-              t("div", cn, [
-                (n(!0), v(H, null, I(d.value, (c) => (n(), v("p", un, [
-                  c.type === "dir" ? (n(), v("svg", mn, pn)) : (n(), v("svg", hn, gn)),
-                  t("span", _n, m(c.basename), 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)
                 ]))), 256))
               ]),
               q(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: o(s)("Archive name. (.zip file will be created)"),
+                placeholder: a(s)("Archive name. (.zip file will be created)"),
                 type: "text"
-              }, null, 40, kn), [
+              }, null, 40, bn), [
                 [Z, r.value]
               ]),
-              a.value.length ? (n(), L(W, {
+              o.value.length ? (n(), T(G, {
                 key: 0,
-                onHidden: l[1] || (l[1] = (c) => a.value = ""),
+                onHidden: l[1] || (l[1] = (c) => o.value = ""),
                 error: ""
               }, {
-                default: j(() => [
-                  N(m(a.value), 1)
+                default: A(() => [
+                  V(v(o.value), 1)
                 ]),
                 _: 1
               })) : M("", !0)
@@ -2926,7 +2975,7 @@ Will ignore for now.`), g.use(He, {
       _: 1
     }));
   }
-}), xn = { class: "sm:flex sm:items-start" }, wn = /* @__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" }, [
+}), 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" }, [
   /* @__PURE__ */ t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -2941,10 +2990,10 @@ Will ignore for now.`), g.use(He, {
       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), $n = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, Cn = {
+], -1), Cn = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, Sn = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, Sn = { class: "mt-2" }, Mn = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, En = {
+}, Mn = { class: "mt-2" }, En = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, Dn = {
   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",
@@ -2952,13 +3001,13 @@ Will ignore for now.`), g.use(He, {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Dn = /* @__PURE__ */ t("path", {
+}, jn = /* @__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), jn = [
-  Dn
-], An = {
+}, null, -1), An = [
+  jn
+], Ln = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500",
@@ -2970,17 +3019,17 @@ Will ignore for now.`), g.use(He, {
   "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), Ln = [
+}, null, -1), Fn = [
   Tn
-], Fn = { class: "ml-1.5" }, Nn = { class: "my-1 text-sm text-gray-500" }, Vn = {
+], On = { class: "ml-1.5" }, Vn = { class: "my-1 text-sm text-gray-500" }, Nn = {
   name: "VFModalUnarchive"
-}, zn = /* @__PURE__ */ Object.assign(Vn, {
+}, Bn = /* @__PURE__ */ Object.assign(Nn, {
   setup(p) {
     const e = F("ServiceContainer");
     e.storage;
     const { t: s } = e.i18n;
-    _("");
-    const r = _(e.modal.data.items[0]), a = _(""), d = _([]), u = () => {
+    k("");
+    const r = k(e.modal.data.items[0]), o = k(""), i = k([]), u = () => {
       e.emitter.emit("vf-fetch", {
         params: {
           q: "unarchive",
@@ -2994,42 +3043,42 @@ Will ignore for now.`), g.use(He, {
         onSuccess: () => {
           e.emitter.emit("vf-toast-push", { label: s("The file unarchived.") });
         },
-        onError: (i) => {
-          a.value = s(i.message);
+        onError: (d) => {
+          o.value = s(d.message);
         }
       });
     };
-    return (i, l) => (n(), L(G, null, {
-      buttons: j(() => [
+    return (d, l) => (n(), T(W, null, {
+      buttons: A(() => [
         t("button", {
           type: "button",
           onClick: u,
           class: "vf-btn vf-btn-primary"
-        }, m(o(s)("Unarchive")), 1),
+        }, v(a(s)("Unarchive")), 1),
         t("button", {
           type: "button",
-          onClick: l[1] || (l[1] = (c) => o(e).emitter.emit("vf-modal-close")),
+          onClick: l[1] || (l[1] = (c) => a(e).emitter.emit("vf-modal-close")),
           class: "vf-btn vf-btn-secondary"
-        }, m(o(s)("Cancel")), 1)
+        }, v(a(s)("Cancel")), 1)
       ]),
-      default: j(() => [
-        t("div", xn, [
-          wn,
-          t("div", $n, [
-            t("h3", Cn, m(o(s)("Unarchive")), 1),
-            t("div", Sn, [
-              (n(!0), v(H, null, I(d.value, (c) => (n(), v("p", Mn, [
-                c.type === "dir" ? (n(), v("svg", En, jn)) : (n(), v("svg", An, Ln)),
-                t("span", Fn, m(c.basename), 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)
               ]))), 256)),
-              t("p", Nn, m(o(s)("The archive will be unarchived at")) + " (" + m(i.current.dirname) + ")", 1),
-              a.value.length ? (n(), L(W, {
+              t("p", Vn, 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) => a.value = ""),
+                onHidden: l[0] || (l[0] = (c) => o.value = ""),
                 error: ""
               }, {
-                default: j(() => [
-                  N(m(a.value), 1)
+                default: A(() => [
+                  V(v(o.value), 1)
                 ]),
                 _: 1
               })) : M("", !0)
@@ -3040,7 +3089,7 @@ Will ignore for now.`), g.use(He, {
       _: 1
     }));
   }
-}), On = { 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" }, [
+}), 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" }, [
   /* @__PURE__ */ t("svg", {
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
     xmlns: "http://www.w3.org/2000/svg",
@@ -3056,10 +3105,10 @@ Will ignore for now.`), g.use(He, {
       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" }, Bn = {
+], -1), Hn = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, Rn = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, Rn = { class: "text-sm text-gray-500 pb-1" }, qn = { class: "max-h-[200px] overflow-y-auto vf-scrollbar text-left" }, In = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, Pn = {
+}, 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 = {
   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",
@@ -3071,9 +3120,9 @@ Will ignore for now.`), g.use(He, {
   "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), Wn = [
+}, null, -1), Yn = [
   Gn
-], Yn = {
+], Kn = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500",
@@ -3081,13 +3130,13 @@ Will ignore for now.`), g.use(He, {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Kn = /* @__PURE__ */ t("path", {
+}, Jn = /* @__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), Jn = [
-  Kn
-], Xn = { class: "ml-1.5" }, Qn = { class: "font-bold text-xs text-gray-700 dark:text-gray-500 mt-3 tracking-wider" }, Zn = { class: "flex text-sm text-gray-800 dark:text-gray-400 border dark:border-gray-700 p-1 rounded" }, el = /* @__PURE__ */ t("svg", {
+}, 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", {
   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",
@@ -3100,13 +3149,13 @@ Will ignore for now.`), g.use(He, {
     "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), tl = { class: "ml-1.5 overflow-auto" }, sl = { class: "m-1 mr-auto font-bold text-gray-500 text-sm dark:text-gray-200 self-center" }, ol = {
+], -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 = {
   name: "VFModalMove"
-}, al = /* @__PURE__ */ Object.assign(ol, {
+}, rl = /* @__PURE__ */ Object.assign(ol, {
   setup(p) {
     const e = F("ServiceContainer"), { t: s } = e.i18n;
     e.storage;
-    const r = _(e.modal.data.items.from), a = _(""), d = () => {
+    const r = k(e.modal.data.items.from), o = k(""), i = () => {
       r.value.length && e.emitter.emit("vf-fetch", {
         params: {
           q: "move",
@@ -3115,57 +3164,57 @@ Will ignore for now.`), g.use(He, {
           path: e.data.dirname
         },
         body: {
-          items: r.value.map(({ path: u, type: i }) => ({ path: u, type: i })),
+          items: r.value.map(({ path: u, type: d }) => ({ path: u, type: d })),
           item: e.modal.data.items.to.path
         },
         onSuccess: () => {
           e.emitter.emit("vf-toast-push", { label: s("Files moved.", e.modal.data.items.to.name) });
         },
         onError: (u) => {
-          a.value = s(u.message);
+          o.value = s(u.message);
         }
       });
     };
-    return (u, i) => (n(), L(G, null, {
-      buttons: j(() => [
+    return (u, d) => (n(), T(W, null, {
+      buttons: A(() => [
         t("button", {
           type: "button",
-          onClick: d,
+          onClick: i,
           class: "vf-btn vf-btn-primary"
-        }, m(o(s)("Yes, Move!")), 1),
+        }, v(a(s)("Yes, Move!")), 1),
         t("button", {
           type: "button",
-          onClick: i[1] || (i[1] = (l) => o(e).emitter.emit("vf-modal-close")),
+          onClick: d[1] || (d[1] = (l) => a(e).emitter.emit("vf-modal-close")),
           class: "vf-btn vf-btn-secondary"
-        }, m(o(s)("Cancel")), 1),
-        t("div", sl, m(o(s)("%s item(s) selected.", r.value.length)), 1)
+        }, v(a(s)("Cancel")), 1),
+        t("div", al, v(a(s)("%s item(s) selected.", r.value.length)), 1)
       ]),
-      default: j(() => [
-        t("div", On, [
+      default: A(() => [
+        t("div", zn, [
           Un,
           t("div", Hn, [
-            t("h3", Bn, m(o(s)("Move files")), 1),
-            t("p", Rn, m(o(s)("Are you sure you want to move these files?")), 1),
-            t("div", qn, [
-              (n(!0), v(H, null, I(r.value, (l) => (n(), v("div", In, [
+            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", null, [
-                  l.type === "dir" ? (n(), v("svg", Pn, Wn)) : (n(), v("svg", Yn, Jn))
+                  l.type === "dir" ? (n(), m("svg", Wn, Yn)) : (n(), m("svg", Kn, Xn))
                 ]),
-                t("div", Xn, m(l.path), 1)
+                t("div", Qn, v(l.path), 1)
               ]))), 256))
             ]),
-            t("h4", Qn, m(o(s)("Target Directory")), 1),
-            t("p", Zn, [
-              el,
-              t("span", tl, m(o(e).modal.data.items.to.path), 1)
+            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)
             ]),
-            a.value.length ? (n(), L(W, {
+            o.value.length ? (n(), T(G, {
               key: 0,
-              onHidden: i[0] || (i[0] = (l) => a.value = ""),
+              onHidden: d[0] || (d[0] = (l) => o.value = ""),
               error: ""
             }, {
-              default: j(() => [
-                N(m(a.value), 1)
+              default: A(() => [
+                V(v(o.value), 1)
               ]),
               _: 1
             })) : M("", !0)
@@ -3175,41 +3224,41 @@ Will ignore for now.`), g.use(He, {
       _: 1
     }));
   }
-}), rl = (p, e) => {
+}), nl = (p, e) => {
   const s = p.__vccOpts || p;
-  for (const [r, a] of e)
-    s[r] = a;
+  for (const [r, o] of e)
+    s[r] = o;
   return s;
-}, nl = {
+}, ll = {
   props: {
     on: { type: String, required: !0 }
   },
   setup(p, { emit: e, slots: s }) {
-    const r = F("ServiceContainer"), a = _(!1), { t: d } = r.i18n;
+    const r = F("ServiceContainer"), o = k(!1), { t: i } = r.i18n;
     let u = null;
-    const i = () => {
-      clearTimeout(u), a.value = !0, u = setTimeout(() => {
-        a.value = !1;
+    const d = () => {
+      clearTimeout(u), o.value = !0, u = setTimeout(() => {
+        o.value = !1;
       }, 2e3);
     };
     return P(() => {
-      r.emitter.on(p.on, i);
-    }), Le(() => {
+      r.emitter.on(p.on, d);
+    }), Te(() => {
       clearTimeout(u);
     }), {
-      shown: a,
-      t: d
+      shown: o,
+      t: i
     };
   }
-}, ll = { key: 1 };
-function il(p, e, s, r, a, d) {
-  return n(), v("div", {
-    class: U(["text-sm text-green-600 dark:text-green-600 transition-opacity duration-500 ease-out", [{ "opacity-0": !r.shown }]])
+}, il = { key: 1 };
+function dl(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 ? ne(p.$slots, "default", { key: 0 }) : (n(), v("span", ll, m(r.t("Saved.")), 1))
+    p.$slots.default ? le(p.$slots, "default", { key: 0 }) : (n(), m("span", il, v(r.t("Saved.")), 1))
   ], 2);
 }
-const me = /* @__PURE__ */ rl(nl, [["render", il]]), dl = { class: "sm:flex sm:items-start" }, cl = /* @__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__ */ 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" }, [
   /* @__PURE__ */ t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -3229,34 +3278,34 @@ const me = /* @__PURE__ */ rl(nl, [["render", il]]), dl = { class: "sm:flex sm:i
       d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
     })
   ])
-], -1), ul = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, ml = {
+], -1), ml = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, vl = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, vl = { class: "mt-2" }, pl = { class: "text-sm text-gray-500" }, hl = { class: "text-sm font-semibold mt-5 text-gray-900 dark:text-gray-400 tracking-wider" }, fl = { class: "mt-3 text-left" }, gl = { class: "space-y-2" }, _l = { class: "flex relative gap-x-3" }, kl = { class: "h-6 items-center" }, bl = { class: "flex-1 block text-sm" }, yl = {
+}, 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 = {
   for: "metric_unit",
   class: "flex w-full font-medium text-gray-900 dark:text-gray-400"
-}, xl = { class: "flex relative gap-x-3" }, wl = { class: "h-6 items-center" }, $l = {
+}, wl = { class: "flex relative gap-x-3" }, $l = { class: "h-6 items-center" }, Cl = {
   for: "theme",
   class: "flex w-full font-medium text-gray-900 dark:text-gray-400 text-sm"
-}, Cl = { class: "flex text-sm" }, Sl = ["label"], Ml = ["value"], El = {
+}, Sl = { class: "flex text-sm" }, Ml = ["label"], El = ["value"], Dl = {
   key: 0,
   class: "flex relative gap-x-3"
-}, Dl = { class: "h-6 items-center" }, jl = {
+}, jl = { class: "h-6 items-center" }, Al = {
   for: "language",
-  class: "flex w-full font-medium text-gray-900 dark:text-gray-400 text-sm"
-}, Al = { class: "flex text-sm" }, Tl = ["label"], Ll = ["value"], Fl = {
+  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 = {
   name: "VFModalAbout"
-}, Nl = /* @__PURE__ */ Object.assign(Fl, {
+}, Vl = /* @__PURE__ */ Object.assign(Ol, {
   setup(p) {
-    const e = F("ServiceContainer"), { getStore: s, setStore: r, clearStore: a } = e.storage, { t: d, changeLocale: u, locale: i } = e.i18n;
-    _(""), _("");
+    const e = F("ServiceContainer"), { getStore: s, setStore: r, clearStore: o } = e.storage, { t: i, changeLocale: u, locale: d } = e.i18n;
+    k(""), k("");
     const l = async () => {
-      a(), location.reload();
-    }, c = (E) => {
-      e.theme.set(E), e.emitter.emit("vf-theme-saved");
-    }, w = () => {
+      o(), location.reload();
+    }, c = ($) => {
+      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");
-    }, k = F("supportedLocales"), y = Object.fromEntries(
+    }, { i18n: _ } = F("VueFinderOptions"), y = Object.fromEntries(
       Object.entries({
         en: "English",
         fr: "French (Français)",
@@ -3269,116 +3318,116 @@ const me = /* @__PURE__ */ rl(nl, [["render", il]]), dl = { class: "sm:flex sm:i
         tr: "Turkish (Türkçe)",
         zhCN: "Simplified Chinese (简体中文)",
         zhTW: "Traditional Chinese (繁體中文)"
-      }).filter(([E]) => Object.keys(k).includes(E))
-    ), C = {
-      system: d("System"),
-      light: d("Light"),
-      dark: d("Dark")
-    };
-    return (E, g) => (n(), L(G, null, {
-      buttons: j(() => [
+      }).filter(([$]) => Object.keys(_).includes($))
+    ), E = ee(() => ({
+      system: i("System"),
+      light: i("Light"),
+      dark: i("Dark")
+    }));
+    return ($, f) => (n(), T(W, null, {
+      buttons: A(() => [
         t("button", {
           type: "button",
-          onClick: g[5] || (g[5] = (f) => o(e).emitter.emit("vf-modal-close")),
+          onClick: f[5] || (f[5] = (h) => a(e).emitter.emit("vf-modal-close")),
           class: "vf-btn vf-btn-secondary"
-        }, m(o(d)("Close")), 1)
+        }, v(a(i)("Close")), 1)
       ]),
-      default: j(() => [
-        t("div", dl, [
-          cl,
-          t("div", ul, [
-            t("h3", ml, m(o(d)("About %s", "Vuefinder " + o(e).version)), 1),
-            t("div", vl, [
-              t("p", pl, m(o(d)("Vuefinder is a file manager component for vue 3.")), 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", null, [
-                t("h3", hl, m(o(d)("Settings")), 1)
+                t("h3", fl, v(a(i)("Settings")), 1)
               ]),
-              t("div", fl, [
+              t("div", gl, [
                 t("fieldset", null, [
-                  t("div", gl, [
-                    t("div", _l, [
-                      t("div", kl, [
+                  t("div", _l, [
+                    t("div", kl, [
+                      t("div", bl, [
                         q(t("input", {
                           id: "metric_unit",
                           name: "metric_unit",
                           type: "checkbox",
-                          "onUpdate:modelValue": g[0] || (g[0] = (f) => o(e).metricUnits = f),
-                          onClick: w,
+                          "onUpdate:modelValue": f[0] || (f[0] = (h) => a(e).metricUnits = h),
+                          onClick: g,
                           class: "h-4 w-4 rounded border-gray-300 text-indigo-600 dark:accent-slate-400 focus:ring-indigo-600"
                         }, null, 512), [
-                          [Fe, o(e).metricUnits]
+                          [Fe, a(e).metricUnits]
                         ])
                       ]),
-                      t("div", bl, [
-                        t("label", yl, [
-                          N(m(o(d)("Use Metric Units")) + " ", 1),
-                          B(me, {
+                      t("div", yl, [
+                        t("label", xl, [
+                          V(v(a(i)("Use Metric Units")) + " ", 1),
+                          H(ve, {
                             class: "ms-3",
                             on: "vf-metric-units-saved"
                           }, {
-                            default: j(() => [
-                              N(m(o(d)("Saved.")), 1)
+                            default: A(() => [
+                              V(v(a(i)("Saved.")), 1)
                             ]),
                             _: 1
                           })
                         ])
                       ])
                     ]),
-                    t("div", xl, [
-                      t("div", wl, [
-                        t("label", $l, m(o(d)("Theme")), 1)
+                    t("div", wl, [
+                      t("div", $l, [
+                        t("label", Cl, v(a(i)("Theme")), 1)
                       ]),
-                      t("div", Cl, [
+                      t("div", Sl, [
                         q(t("select", {
                           id: "theme",
-                          "onUpdate:modelValue": g[1] || (g[1] = (f) => o(e).theme.value = f),
-                          onChange: g[2] || (g[2] = (f) => c(f.target.value)),
+                          "onUpdate:modelValue": f[1] || (f[1] = (h) => a(e).theme.value = h),
+                          onChange: f[2] || (f[2] = (h) => c(h.target.value)),
                           class: "flex-shrink-0 w-full text-sm text-slate-500 border dark:border-gray-600 dark:text-neutral-50 dark:bg-gray-700 rounded"
                         }, [
                           t("optgroup", {
-                            label: o(d)("Theme")
+                            label: a(i)("Theme")
                           }, [
-                            (n(), v(H, null, I(C, (f, V) => t("option", { value: V }, m(f), 9, Ml)), 64))
-                          ], 8, Sl)
+                            (n(!0), m(U, null, I(E.value, (h, N) => (n(), m("option", { value: N }, v(h), 9, El))), 256))
+                          ], 8, Ml)
                         ], 544), [
-                          [pe, o(e).theme.value]
+                          [pe, a(e).theme.value]
                         ]),
-                        B(me, {
+                        H(ve, {
                           class: "ms-3 flex-shrink-0 flex-grow basis-full",
                           on: "vf-theme-saved"
                         }, {
-                          default: j(() => [
-                            N(m(o(d)("Saved.")), 1)
+                          default: A(() => [
+                            V(v(a(i)("Saved.")), 1)
                           ]),
                           _: 1
                         })
                       ])
                     ]),
-                    o(e).features.includes(o(z).LANGUAGE) ? (n(), v("div", El, [
-                      t("div", Dl, [
-                        t("label", jl, m(o(d)("Language")), 1)
+                    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)
                       ]),
-                      t("div", Al, [
+                      t("div", Ll, [
                         q(t("select", {
                           id: "language",
-                          "onUpdate:modelValue": g[3] || (g[3] = (f) => _e(i) ? i.value = f : null),
-                          onChange: g[4] || (g[4] = (f) => o(u)(f.target.value)),
-                          class: "flex-shrink-0 w-full text-sm text-slate-500 border dark:border-gray-600 dark:text-neutral-50 dark:bg-gray-700 rounded"
+                          "onUpdate:modelValue": f[3] || (f[3] = (h) => _e(d) ? d.value = h : null),
+                          onChange: f[4] || (f[4] = (h) => a(u)(h.target.value)),
+                          class: "flex-shrink-0 w-1/2 sm:w-full text-sm text-slate-500 border dark:border-gray-600 dark:text-neutral-50 dark:bg-gray-700 rounded"
                         }, [
                           t("optgroup", {
-                            label: o(d)("Language")
+                            label: a(i)("Language")
                           }, [
-                            (n(!0), v(H, null, I(o(y), (f, V) => (n(), v("option", { value: V }, m(f), 9, Ll))), 256))
+                            (n(!0), m(U, null, I(a(y), (h, N) => (n(), m("option", { value: N }, v(h), 9, Fl))), 256))
                           ], 8, Tl)
                         ], 544), [
-                          [pe, o(i)]
+                          [pe, a(d)]
                         ]),
-                        B(me, {
+                        H(ve, {
                           class: "ms-3 flex-shrink-0 flex-grow basis-full",
                           on: "vf-language-saved"
                         }, {
-                          default: j(() => [
-                            N(m(o(d)("Saved.")), 1)
+                          default: A(() => [
+                            V(v(a(i)("Saved.")), 1)
                           ]),
                           _: 1
                         })
@@ -3388,7 +3437,7 @@ const me = /* @__PURE__ */ rl(nl, [["render", il]]), dl = { class: "sm:flex sm:i
                       onClick: l,
                       type: "button",
                       class: "vf-btn vf-btn-secondary"
-                    }, m(o(d)("Reset Settings")), 1)
+                    }, v(a(i)("Reset Settings")), 1)
                   ])
                 ])
               ])
@@ -3399,30 +3448,32 @@ const me = /* @__PURE__ */ rl(nl, [["render", il]]), dl = { class: "sm:flex sm:i
       _: 1
     }));
   }
-}), Vl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Nl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ModalAbout: Nl,
-  ModalArchive: yn,
-  ModalDelete: aa,
-  ModalMessage: ma,
-  ModalMove: al,
-  ModalNewFile: ja,
-  ModalNewFolder: ya,
-  ModalPreview: kr,
-  ModalRename: Fr,
-  ModalUnarchive: zn,
+  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" })), Wl = {
+}, Symbol.toStringTag, { value: "Module" })), Yl = {
   /** @param {import('vue').App} app
    * @param options
    */
   install(p, e = {}) {
-    p.component("VueFinder", Ao);
-    for (const s of Object.values(Vl))
-      p.component(s.name, s);
-    p.provide("supportedLocales", e.i18n ?? {});
+    p.component("VueFinder", Aa);
+    for (const r of Object.values(Nl))
+      p.component(r.name, r);
+    e.i18n = e.i18n ?? {};
+    let [s] = Object.keys(e.i18n);
+    e.locale = e.locale ?? s ?? "en", p.provide("VueFinderOptions", e);
   }
 };
 export {
-  Wl as default
+  Yl as default
 };