vuefinder 2.1.0 → 2.2.0

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 Ve from "dragselect";
-import ze from "vanilla-lazyload";
+import { reactive as ie, watch as de, ref as b, computed as ee, inject as F, openBlock as n, createElementBlock as m, unref as a, createCommentVNode as S, normalizeClass as B, 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 j, 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 Ve from "mitt";
+import Oe from "dragselect";
+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 ze from "cropperjs";
+import Be 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(([_, $]) => {
+      c.append(_, $);
     })) : (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 = b({}), d = b(o("locale", e)), l = (_, $ = 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" });
     });
   };
-  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 = (_, ...$) => $.length ? c(_ = _.replace("%s", $.shift()), ...$) : _;
+  function g(_, ...$) {
+    return u.value && u.value.hasOwnProperty(_) ? c(u.value[_], ...$) : c(_, ...$);
   }
-  return { t: w, changeLocale: l, locale: i };
+  return { t: g, changeLocale: l, locale: d };
 }
-const z = {
+const N = {
   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.0.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(N), Ge = "2.2.0";
+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 = b(J.SYSTEM), r = b(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 = Ve(), 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,193 +399,194 @@ 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 = {
+}, Vt = {
   name: "VFToolbar"
-}, Vt = /* @__PURE__ */ Object.assign(Nt, {
+}, Ot = /* @__PURE__ */ Object.assign(Vt, {
   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 = b([]), i = b("");
     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)) : S("", !0)
+      ])) : (n(), m("div", Qe, [
+        a(e).features.includes(a(N).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 }))
-        }, tt, 8, Ze)) : M("", !0),
-        o(e).features.includes(o(z).NEW_FILE) ? (n(), v("div", {
+          onClick: c[0] || (c[0] = (g) => a(e).emitter.emit("vf-modal-show", { type: "new-folder", items: o.value }))
+        }, tt, 8, Ze)) : S("", !0),
+        a(e).features.includes(a(N).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)) : S("", !0),
+        a(e).features.includes(a(N).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: B([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", {
+        ], 8, rt)) : S("", !0),
+        a(e).features.includes(a(N).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: B([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", {
+        ], 8, it)) : S("", !0),
+        a(e).features.includes(a(N).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 }))
-        }, 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", {
+          onClick: c[4] || (c[4] = (g) => a(e).emitter.emit("vf-modal-show", { type: "upload", items: o.value }))
+        }, vt, 8, ut)) : S("", !0),
+        a(e).features.includes(a(N).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: B([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", {
+        ], 8, pt)) : S("", !0),
+        a(e).features.includes(a(N).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: B([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"
           }, kt, 2))
-        ], 8, gt)) : M("", !0)
+        ], 8, gt)) : S("", !0)
       ])),
       t("div", Mt, [
-        t("div", {
+        a(e).features.includes(a(N).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)) : S("", !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: B([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)) : S("", !0),
+            a(e).view === "list" ? (n(), m("path", Ft)) : S("", !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) => ({
+}, zt = (p, e, s) => {
+  const r = b(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", {
+}, Bt = { 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({
+    const e = b(null), s = b([]), r = b(!1), o = b(null), i = F("ServiceContainer"), { t: u } = i.i18n;
+    i.emitter.on("vf-explorer-update", () => {
+      let C = [], k = [];
+      e.value = i.data.dirname ?? i.adapter + "://", e.value.length == 0 && (s.value = []), e.value.replace(i.adapter + "://", "").split("/").forEach(function(f) {
+        C.push(f), C.join("/") != "" && k.push({
           basename: f,
           name: f,
-          path: d.adapter + "://" + E.join("/"),
+          path: i.adapter + "://" + C.join("/"),
           type: "dir"
         });
-      }), g.length > 4 && (g = g.slice(-5), g[0].name = ".."), s.value = g;
+      }), k.length > 4 && (k = k.slice(-5), k[0].name = ".."), s.value = k;
     });
-    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(N.SEARCH) && (r.value = !0, ce(() => o.value.focus()));
+    }, c = zt("", 400);
+    de(c, (C) => {
+      i.emitter.emit("vf-toast-clear"), i.emitter.emit("vf-search-query", { newQuery: C });
     });
-    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, _ = (C, k = null) => {
+      C.preventDefault(), y(C), k ?? (k = s.value.length - 2);
+      let f = JSON.parse(C.dataTransfer.getData("items"));
+      if (f.find((O) => O.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: f, to: s.value[k] ?? { 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();
+    }, $ = (C) => {
+      C.preventDefault(), g() ? (C.dataTransfer.dropEffect = "copy", C.currentTarget.classList.add("bg-blue-200", "dark:bg-slate-500")) : (C.dataTransfer.dropEffect = "none", C.dataTransfer.effectAllowed = "none");
+    }, y = (C) => {
+      C.preventDefault(), C.currentTarget.classList.remove("bg-blue-200", "dark:bg-slate-500"), g() && C.currentTarget.classList.remove("bg-blue-200", "dark:bg-slate-500");
+    }, M = () => {
+      c.value == "" && d();
     };
-    return (E, g) => (n(), v("div", Ut, [
+    return (C, k) => (n(), m("div", Bt, [
       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: k[0] || (k[0] = (f) => $(f)),
+          onDragleave: k[1] || (k[1] = (f) => y(f)),
+          onDrop: k[2] || (k[2] = (f) => _(f)),
+          onClick: k[3] || (k[3] = (f) => {
+            var O;
+            return !g() || a(i).emitter.emit("vf-fetch", { params: { q: "index", adapter: a(i).data.adapter, path: ((O = s.value[s.value.length - 2]) == null ? void 0 : O.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: B(["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: k[5] || (k[5] = (f) => 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: k[4] || (k[4] = (f) => {
+            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: M,
+          "onUpdate:modelValue": k[10] || (k[10] = (f) => _e(c) ? c.value = f : 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: k[6] || (k[6] = (f) => $(f)),
+          onDragleave: k[7] || (k[7] = (f) => y(f)),
+          onDrop: k[8] || (k[8] = (f) => _(f, -1)),
+          onClick: k[9] || (k[9] = (f) => 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, (f, O) => (n(), m("div", { key: O }, [
             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) => O === s.value.length - 1 || $(R),
+              onDragleave: (R) => O === s.value.length - 1 || y(R),
+              onDrop: (R) => O === s.value.length - 1 || _(R, O),
               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)
+              onClick: (R) => a(i).emitter.emit("vf-fetch", { params: { q: "index", adapter: a(i).data.adapter, path: f.path } })
+            }, v(f.name), 41, Zt)
           ]))), 128))
         ]),
-        o(d).loading ? (n(), v("svg", es, os)) : M("", !0)
+        a(i).loading ? (n(), m("svg", es, as)) : S("", !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)) : S("", !0),
+      p.direction === "up" ? (n(), m("svg", ps, fs)) : S("", !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 = b(s("full-screen", !1)), o = b([]), 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: B([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))
+          (n(!0), m(U, null, I(o.value, (g, _) => (n(), m("div", {
+            onClick: ($) => u(_),
+            key: g,
+            class: B([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
+], Vs = { class: "overflow-ellipsis overflow-hidden whitespace-nowrap" }, Os = { class: "col-span-5 overflow-ellipsis overflow-hidden whitespace-nowrap" }, Ns = ["onDblclick", "onContextmenu", "onDragstart", "onDragover", "onDrop", "data-type", "data-item", "data-index"], zs = { class: "grid grid-cols-12 items-center" }, Bs = { 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,278 +952,278 @@ 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 = (w) => w == null ? void 0 : w.substring(0, 3), o = b(null), i = b(null), u = b(0), d = b(null), l = Math.floor(Math.random() * 2 ** 32), c = b("");
+    let g;
     e.emitter.on("vf-fullscreen-toggle", () => {
-      a.value.style.height = null;
-    }), e.emitter.on("vf-search-query", ({ newQuery: x }) => {
-      c.value = x, x ? e.emitter.emit("vf-fetch", {
+      o.value.style.height = null;
+    }), e.emitter.on("vf-search-query", ({ newQuery: w }) => {
+      c.value = w, w ? e.emitter.emit("vf-fetch", {
         params: {
           q: "search",
           adapter: e.data.adapter,
           path: e.data.dirname,
-          filter: x
+          filter: w
         },
         onSuccess: (D) => {
           D.files.length || e.emitter.emit("vf-toast-push", { label: s("No search result found.") });
         }
       }) : e.emitter.emit("vf-fetch", { params: { q: "index", adapter: e.data.adapter, path: e.data.dirname } });
     });
-    let k = null;
+    let _ = 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(() => {
+      _ && clearTimeout(_);
+    }, y = b(!0), M = (w) => {
+      w.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);
+    }, C = (w) => {
+      _ = setTimeout(() => {
         const D = new MouseEvent("contextmenu", {
           bubbles: !0,
           cancelable: !1,
           view: window,
           button: 2,
           buttons: 0,
-          clientX: x.target.getBoundingClientRect().x,
-          clientY: x.target.getBoundingClientRect().y
+          clientX: w.target.getBoundingClientRect().x,
+          clientY: w.target.getBoundingClientRect().y
         });
-        x.target.dispatchEvent(D);
+        w.target.dispatchEvent(D);
       }, 500);
-    }, g = (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) => {
+    }, k = (w) => {
+      w.type === "dir" ? (e.emitter.emit("vf-search-exit"), e.emitter.emit("vf-fetch", { params: { q: "index", adapter: e.data.adapter, path: w.path } })) : e.emitter.emit("vf-modal-show", { type: "preview", adapter: e.data.adapter, item: w });
+    }, f = ie({ active: !1, column: "", order: "" }), O = (w = !0) => {
       let D = [...e.data.files], h = f.column, A = f.order == "asc" ? 1 : -1;
-      if (!x)
+      if (!w)
         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;
-    }, 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) => {
-      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.preventDefault();
-      let h = JSON.parse(x.dataTransfer.getData("items"));
+      const x = (E, L) => typeof E == "string" && typeof L == "string" ? E.toLowerCase().localeCompare(L.toLowerCase()) : E < L ? -1 : E > L ? 1 : 0;
+      return f.active && (D = D.slice().sort((E, L) => x(E[h], L[h]) * A)), D;
+    }, R = (w) => {
+      f.active && f.column == w ? (f.active = f.order == "asc", f.column = w, f.order = "desc") : (f.active = !0, f.column = w, f.order = "asc");
+    }, K = () => d.value.getSelection().map((w) => JSON.parse(w.dataset.item)), te = (w, D) => {
+      if (w.altKey || w.ctrlKey || w.metaKey)
+        return w.preventDefault(), !1;
+      w.dataTransfer.setDragImage(i.value, 0, 15), w.dataTransfer.effectAllowed = "all", w.dataTransfer.dropEffect = "copy", w.dataTransfer.setData("items", JSON.stringify(K()));
+    }, se = (w, D) => {
+      w.preventDefault();
+      let h = JSON.parse(w.dataTransfer.getData("items"));
       if (h.find((A) => A.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";
+    }, ae = (w, D) => {
+      w.preventDefault(), !D || D.type !== "dir" || d.value.getSelection().find((h) => h == w.currentTarget) ? (w.dataTransfer.dropEffect = "none", w.dataTransfer.effectAllowed = "none") : w.dataTransfer.dropEffect = "copy";
     }, oe = () => {
-      i.value = new Ve({
-        area: a.value,
+      d.value = new Oe({
+        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: w, 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 h = w.target.offsetWidth - w.offsetX, A = w.target.offsetHeight - w.offsetY;
+          h < 15 && A < 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: w }) => {
+        w && d.value.break();
+      }), d.value.subscribe("callback", ({ items: w, event: D, isDragging: h }) => {
+        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();
+    }), (w, 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")),
           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, {
+          V(v(a(s)("Name")) + " ", 1),
+          q(H(ne, {
             direction: f.order == "asc" ? "down" : "up"
           }, null, 8, ["direction"]), [
-            [ae, f.active && f.column == "basename"]
+            [re, f.active && f.column == "basename"]
           ])
         ]),
-        c.value.length ? M("", !0) : (n(), v("div", {
+        c.value.length ? S("", !0) : (n(), m("div", {
           key: 0,
           onClick: D[1] || (D[1] = (h) => 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, {
+          V(v(a(s)("Size")) + " ", 1),
+          q(H(ne, {
             direction: f.order == "asc" ? "down" : "up"
           }, null, 8, ["direction"]), [
-            [ae, f.active && f.column == "file_size"]
+            [re, f.active && f.column == "file_size"]
           ])
         ])),
-        c.value.length ? M("", !0) : (n(), v("div", {
+        c.value.length ? S("", !0) : (n(), m("div", {
           key: 1,
           onClick: D[2] || (D[2] = (h) => 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, {
+          V(v(a(s)("Date")) + " ", 1),
+          q(H(ne, {
             direction: f.order == "asc" ? "down" : "up"
           }, null, 8, ["direction"]), [
-            [ae, f.active && f.column == "last_modified"]
+            [re, f.active && f.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")),
           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, {
+          V(v(a(s)("Filepath")) + " ", 1),
+          q(H(ne, {
             direction: f.order == "asc" ? "down" : "up"
           }, null, 8, ["direction"]), [
-            [ae, f.active && f.column == "path"]
+            [re, f.active && f.column == "path"]
           ])
-        ])) : M("", !0)
-      ])) : M("", !0),
+        ])) : S("", !0)
+      ])) : S("", !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: M,
+        onContextmenu: D[10] || (D[10] = Y((h) => a(e).emitter.emit("vf-contextmenu-show", { event: h, area: o.value, items: K() }), ["self", "prevent"])),
+        class: B([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"]),
+        c.value.length ? (n(!0), m(U, { key: 0 }, I(O(), (h, A) => (n(), m("div", {
+          onDblclick: (x) => k(h),
+          onTouchstart: D[4] || (D[4] = (x) => C(x)),
+          onTouchend: D[5] || (D[5] = (x) => $()),
+          onContextmenu: Y((x) => a(e).emitter.emit("vf-contextmenu-show", { event: x, area: o.value, items: K(), target: h }), ["prevent"]),
+          class: B(["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": h.type,
           "data-item": JSON.stringify(h),
           "data-index": A
         }, [
           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)
+              h.type === "dir" ? (n(), m("svg", Ds, As)) : (n(), m("svg", Ls, Fs)),
+              t("span", Vs, v(h.basename), 1)
             ]),
-            t("div", Vs, m(h.path), 1)
+            t("div", Os, v(h.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", {
+        ], 42, Ss))), 256)) : S("", !0),
+        a(e).view === "list" && !c.value.length ? (n(!0), m(U, { key: 1 }, I(O(), (h, A) => (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"]),
+          onDblclick: (x) => k(h),
+          onTouchstart: D[6] || (D[6] = (x) => C(x)),
+          onTouchend: D[7] || (D[7] = (x) => $()),
+          onContextmenu: Y((x) => a(e).emitter.emit("vf-contextmenu-show", { event: x, area: o.value, items: K(), target: h }), ["prevent"]),
+          onDragstart: (x) => te(x),
+          onDragover: (x) => ae(x, h),
+          onDrop: (x) => se(x, h),
+          class: B(["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": h.type,
           "data-item": JSON.stringify(h),
           "data-index": A
         }, [
-          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", zs, [
+            t("div", Bs, [
+              h.type === "dir" ? (n(), m("svg", Us, Rs)) : (n(), m("svg", qs, Ps)),
+              t("span", Ws, v(h.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(h.file_size ? a(e).filesize(h.file_size) : ""), 1),
+            t("div", Ys, v(a(we)(h.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)) : S("", !0),
+        a(e).view === "grid" && !c.value.length ? (n(!0), m(U, { key: 2 }, I(O(!1), (h, A) => (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"]),
+          onDblclick: (x) => k(h),
+          onTouchstart: D[8] || (D[8] = (x) => C(x)),
+          onTouchend: D[9] || (D[9] = (x) => $()),
+          onContextmenu: Y((x) => a(e).emitter.emit("vf-contextmenu-show", { event: x, area: o.value, items: K(), target: h }), ["prevent"]),
+          onDragstart: (x) => te(x),
+          onDragover: (x) => ae(x, h),
+          onDrop: (x) => se(x, h),
+          class: B(["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": h.type,
           "data-item": JSON.stringify(h),
           "data-index": A
         }, [
           t("div", null, [
             t("div", Js, [
-              h.type === "dir" ? (n(), v("svg", Xs, Zs)) : (h.mime_type ?? "").startsWith("image") ? (n(), v("img", {
+              h.type === "dir" ? (n(), m("svg", Xs, Zs)) : (h.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),
+                "data-src": a(e).requester.getPreviewUrl(a(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)
+              }, null, 8, ea)) : (n(), m("svg", ta, aa)),
+              !(h.mime_type ?? "").startsWith("image") && h.type != "dir" ? (n(), m("div", oa, v(r(h.extension)), 1)) : S("", !0)
             ]),
-            t("span", ro, m(o(he)(h.basename)), 1)
+            t("span", ra, v(a(he)(h.basename)), 1)
           ])
-        ], 42, Ks))), 256)) : M("", !0)
+        ], 42, Ks))), 256)) : S("", !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 = b(null), o = b([]), i = b(""), 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: N.NEW_FOLDER,
         title: () => s("New Folder"),
         action: () => {
           e.emitter.emit("vf-modal-show", { type: "new-folder" });
         }
       },
       delete: {
-        key: z.DELETE,
+        key: N.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: N.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: N.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: N.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: N.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: N.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: $, items: y, target: M = null }) => {
+      if (u.items = [], i.value)
+        if (M)
+          u.items.push(l.openDir), e.emitter.emit("vf-context-selected", [M]);
         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, $);
+        !M && !i.value ? (u.items.push(l.refresh), u.items.push(l.newfolder), e.emitter.emit("vf-context-selected", [])) : y.length > 1 && y.some((C) => C.path === M.path) ? (u.items.push(l.refresh), u.items.push(l.archive), u.items.push(l.delete), e.emitter.emit("vf-context-selected", y)) : (M.type == "dir" ? u.items.push(l.open) : (u.items.push(l.preview), u.items.push(l.download)), u.items.push(l.rename), M.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", [M]));
+      g(_, $);
     }), 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 = (_, $) => {
+      u.active = !0, ce(() => {
+        const y = e.root.getBoundingClientRect(), M = $.getBoundingClientRect();
+        let C = _.pageX - y.left, k = _.pageY - y.top, f = r.value.offsetHeight, O = r.value.offsetWidth;
+        C = M.right - _.pageX + window.scrollX < O ? C - O : C, k = M.bottom - _.pageY + window.scrollY < f ? k - f : k, u.positions = {
+          left: C + "px",
+          top: k + "px"
         };
       });
     };
-    return (k, $) => u.active ? (n(), v("ul", {
+    return (_, $) => 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: (M) => 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))
-    ], 4)) : M("", !0);
+      ], 8, ia))), 128))
+    ], 4)) : S("", !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 = b(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 = b("");
+    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)) : S("", !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: B(["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)) : S("", !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 = b(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: $ = null, noCloseModal: y = !1 }) => {
+      ["index", "search"].includes(c.q) && (l && l.abort(), o.loading = !0), l = new AbortController();
+      const M = l.signal;
+      o.requester.send({
         url: "",
-        method: l.m || "get",
-        params: l,
-        body: c,
-        abortSignal: y
+        method: c.m || "get",
+        params: c,
+        body: g,
+        abortSignal: M
       }).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);
+        o.adapter = C.adapter, o.persist && (o.path = C.dirname, i("path", o.path)), ["index", "search"].includes(c.q) && (o.loading = !1), y || o.emitter.emit("vf-modal-close"), d(C), _ && _(C);
       }).catch((C) => {
-        console.error(C), k && k(C);
+        console.error(C), $ && $(C);
       });
-    }), 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: B(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: B([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(Ot),
+          H(cs),
+          H(la),
+          H(Da)
         ], 38),
-        B(Ae, { name: "fade" }, {
+        H(Ae, { name: "fade" }, {
           default: j(() => [
-            o(a).modal.active ? (n(), L(Te("v-f-modal-" + o(a).modal.type), { key: 0 })) : M("", !0)
+            a(o).modal.active ? (n(), T(Le("v-f-modal-" + a(o).modal.type), { key: 0 })) : S("", !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" }, Va = { class: "bg-white dark:bg-gray-800 px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, Oa = { 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", Va, [
+              le(s.$slots, "default")
             ]),
-            t("div", Vo, [
-              ne(s.$slots, "buttons")
+            t("div", Oa, [
+              le(s.$slots, "buttons")
             ])
           ])
         ], 32)
       ])
     ], 32));
   }
-}, zo = ["aria-label"], Oo = /* @__PURE__ */ t("svg", {
+}, Na = ["aria-label"], za = /* @__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), Ba = [
+  za
+], 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 = b(!1), u = b(null), d = b((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 ? S("", !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: B(["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)
+        }, Ba, 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 = b(e.modal.data.items), o = b(""), i = () => {
       r.value.length && e.emitter.emit("vf-fetch", {
         params: {
           q: "delete",
@@ -1653,53 +1701,53 @@ 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, {
+    return (u, d) => (n(), T(W, null, {
       buttons: j(() => [
         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)
+        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)
+                  V(v(o.value), 1)
                 ]),
                 _: 1
-              })) : M("", !0)
+              })) : S("", !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, {
+    return (r, o) => (n(), T(W, null, {
       buttons: j(() => [
         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;
+        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 = b(""), o = b(""), i = () => {
       r.value != "" && e.emitter.emit("vf-fetch", {
         params: {
           q: "newfolder",
@@ -1794,49 +1842,49 @@ 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, {
+    return (u, d) => (n(), T(W, null, {
       buttons: j(() => [
         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),
+        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)
+                  V(v(o.value), 1)
                 ]),
                 _: 1
-              })) : M("", !0)
+              })) : S("", !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 = b(""), o = b(""), i = () => {
       r.value != "" && e.emitter.emit("vf-fetch", {
         params: {
           q: "newfile",
@@ -1883,49 +1931,49 @@ 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, {
+    return (u, d) => (n(), T(W, null, {
       buttons: j(() => [
         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),
+        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)
+                  V(v(o.value), 1)
                 ]),
                 _: 1
-              })) : M("", !0)
+              })) : S("", !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" }, Vo = {
   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 = {
+}, Oo = { 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 = b(""), o = b(""), i = b(null), u = b(!1), d = b(""), l = b(!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({
+      d.value = "", l.value = !1, c.requester.send({
         url: "",
         method: "post",
         params: {
@@ -1965,75 +2013,75 @@ 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, M) => (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: $,
             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)) : S("", !0),
+          a(c).features.includes(a(N).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: M[0] || (M[0] = (C) => _())
+          }, v(u.value ? a(g)("Cancel") : a(g)("Edit")), 1)) : S("", !0)
         ])
       ]),
       t("div", null, [
-        u.value ? (n(), v("div", Na, [
+        u.value ? (n(), m("div", Oo, [
           q(t("textarea", {
             ref_key: "editInput",
-            ref: d,
-            "onUpdate:modelValue": C[1] || (C[1] = (E) => a.value = E),
+            ref: i,
+            "onUpdate:modelValue": M[1] || (M[1] = (C) => o.value = C),
             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", Vo, v(r.value), 1)),
+        d.value.length ? (n(), T(G, {
           key: 2,
-          onHidden: C[2] || (C[2] = (E) => i.value = ""),
+          onHidden: M[2] || (M[2] = (C) => d.value = ""),
           error: l.value
         }, {
           default: j(() => [
-            N(m(i.value), 1)
+            V(v(d.value), 1)
           ]),
           _: 1
-        }, 8, ["error"])) : M("", !0)
+        }, 8, ["error"])) : S("", !0)
       ])
     ], 64));
   }
-}, za = { class: "flex" }, Oa = ["aria-label"], Ua = { class: "ml-auto mb-2" }, Ha = { class: "w-full flex justify-center" }, Ba = ["src"], Ra = {
+}, zo = { class: "flex" }, Bo = ["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, {
+    const s = e, r = F("ServiceContainer"), { t: o } = r.i18n, i = b(null), u = b(null), d = b(!1), l = b(""), c = b(!1), g = () => {
+      d.value = !d.value, d.value ? u.value = new ze(i.value, {
         crop($) {
         }
       }) : u.value.destroy();
-    }, k = () => {
+    }, _ = () => {
       u.value.getCroppedCanvas({
         width: 795,
         height: 341
@@ -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((M) => {
+            l.value = o("Updated."), i.value.src = r.requester.getPreviewUrl(r.modal.data.adapter, r.modal.data.item), g(), s("success");
+          }).catch((M) => {
+            l.value = o(M.message), c.value = !0;
           });
         }
       );
     };
     return P(() => {
       s("success");
-    }), ($, y) => (n(), v(H, null, [
-      t("div", za, [
+    }), ($, y) => (n(), m(U, null, [
+      t("div", zo, [
         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, Bo),
+        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)) : S("", !0),
+          a(r).features.includes(a(N).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] = (M) => g())
+          }, v(d.value ? a(o)("Cancel") : a(o)("Edit")), 1)) : S("", !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] = (M) => l.value = ""),
         error: c.value
       }, {
         default: j(() => [
-          N(m(l.value), 1)
+          V(v(l.value), 1)
         ]),
         _: 1
-      }, 8, ["error"])) : M("", !0)
+      }, 8, ["error"])) : S("", !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, {
+    const e = F("ServiceContainer"), { t: s } = e.i18n, r = b(!1), o = (u) => (e.modal.data.item.mime_type ?? "").startsWith(u), i = e.features.includes(N.PREVIEW);
+    return i || (r.value = !0), (u, d) => (n(), T(W, null, {
       buttons: j(() => [
         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(N).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)) : S("", !0)
       ]),
       default: j(() => [
-        t("div", lr, [
-          t("div", ir, [
-            o(d) ? (n(), v("div", dr, [
-              a("text") ? (n(), L(Va, {
+        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)
-              ])) : M("", !0)
+            ])) : S("", !0),
+            t("div", ur, [
+              r.value === !1 ? (n(), m("div", mr, [
+                vr,
+                t("span", null, v(a(s)("Loading")), 1)
+              ])) : S("", !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)
-        ])) : M("", !0)
+        a(e).features.includes(a(N).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)
+        ])) : S("", !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, {
+}, Vr = /* @__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 = b(e.modal.data.items[0]), o = b(e.modal.data.items[0].basename), i = b(""), u = () => {
+      o.value != "" && e.emitter.emit("vf-fetch", {
         params: {
           q: "rename",
           m: "post",
@@ -2377,58 +2425,58 @@ 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, {
+    return (d, l) => (n(), T(W, null, {
       buttons: j(() => [
         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)
+        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)
+                  V(v(i.value), 1)
                 ]),
                 _: 1
-              })) : M("", !0)
+              })) : S("", !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" }, [
+}), Or = { 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), zr = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, Br = {
   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,28 +2524,28 @@ 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;
+    }, i = b({ QUEUE_ENTRY_STATUS: o }), u = b(null), d = b(null), l = b(null), c = b(null), g = b(null), _ = b(null), $ = b([]), y = b(""), M = b(!1), C = b(!1);
+    let k;
     function f(h) {
       return $.value.findIndex((A) => A.id === h);
     }
-    function V(h, A = null) {
-      A = A ?? (h.webkitRelativePath || h.name), g.addFile({
+    function O(h, A = null) {
+      A = A ?? (h.webkitRelativePath || h.name), k.addFile({
         name: A,
         type: h.type,
         data: h,
@@ -2506,57 +2554,57 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
     }
     function R(h) {
       switch (h.status) {
-        case a.DONE:
+        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:
+        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 (!M.value) {
+        if (!$.value.filter((h) => h.status !== o.DONE).length) {
           y.value = s("Please select file to upload first.");
           return;
         }
-        y.value = "", g.retryAll(), g.upload();
+        y.value = "", k.retryAll(), k.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() {
+      k.cancelAll({ reason: "user" }), $.value.forEach((h) => {
+        h.status !== o.DONE && (h.status = o.CANCELED, h.statusName = s("Canceled"));
+      }), M.value = !1;
     }
     function oe(h) {
-      C.value || (g.removeFile(h.id, "removed-by-user"), $.value.splice(f(h.id), 1));
+      M.value || (k.removeFile(h.id, "removed-by-user"), $.value.splice(f(h.id), 1));
     }
-    function x(h) {
-      if (!C.value) {
-        if (g.cancelAll({ reason: "user" }), h) {
+    function w(h) {
+      if (!M.value) {
+        if (k.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);
+          $.value.forEach((x) => {
+            x.status !== o.DONE && A.push(x);
+          }), $.value = [], A.forEach((x) => {
+            O(x.originalFile, x.name);
           });
           return;
         }
@@ -2567,7 +2615,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       e.emitter.emit("vf-modal-close");
     }
     return P(async () => {
-      g = new Ue({
+      k = new Be({
         debug: e.debug,
         restrictions: {
           maxFileSize: Ye(e.maxFileSize)
@@ -2575,19 +2623,19 @@ 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(E, L) {
+          if (L[E.id] != null) {
+            const X = f(E.id);
+            $.value[X].status === o.PENDING && (y.value = k.i18n("noDuplicates", { fileName: E.name })), $.value = $.value.filter((ue) => ue.id !== E.id);
           }
           return $.value.push({
-            id: S.id,
-            name: S.name,
-            size: e.filesize(S.size),
-            status: a.PENDING,
+            id: E.id,
+            name: E.name,
+            size: e.filesize(E.size),
+            status: o.PENDING,
             statusName: s("Pending upload"),
             percent: null,
-            originalFile: S.data
+            originalFile: E.data
           }), !0;
         }
       });
@@ -2597,115 +2645,115 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         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, {
+Will ignore for now.`), k.use(Ue, {
         method: h.method,
         endpoint: h.url + "?" + new URLSearchParams(h.params),
         headers: h.headers,
         limit: 5,
         timeout: 0,
-        getResponseError(S, T) {
-          let O;
+        getResponseError(E, L) {
+          let z;
           try {
-            O = JSON.parse(S).message;
+            z = JSON.parse(E).message;
           } catch {
-            O = s("Cannot parse server response.");
+            z = s("Cannot parse server response.");
           }
-          return new Error(O);
+          return new Error(z);
         }
-      }), 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"));
+      }), k.on("restriction-failed", (E, L) => {
+        const z = $.value[f(E.id)];
+        oe(z), y.value = L.message;
+      }), k.on("upload", () => {
+        M.value = !0, $.value.forEach((E) => {
+          E.status !== o.DONE && (E.percent = null, E.status = o.UPLOADING, E.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", {
+      }), k.on("upload-progress", (E, L) => {
+        const z = Math.floor(L.bytesUploaded / L.bytesTotal * 100);
+        $.value[f(E.id)].percent = `${z}%`;
+      }), k.on("upload-success", (E) => {
+        const L = $.value[f(E.id)];
+        L.status = o.DONE, L.statusName = s("Done");
+      }), k.on("upload-error", (E, L) => {
+        const z = $.value[f(E.id)];
+        z.percent = null, z.status = o.ERROR, L.isNetworkError ? z.statusName = s("Network Error, Unable establish connection to the server or interrupted.") : z.statusName = L ? L.message : s("Unknown Error");
+      }), k.on("error", (E) => {
+        y.value = E.message, M.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", {
+      }), k.on("complete", () => {
+        M.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", (E) => {
+        E.preventDefault(), C.value = !0;
+      }), _.value.addEventListener("dragleave", (E) => {
+        E.preventDefault(), C.value = !1;
       });
-      function A(S, T) {
-        T.isFile && T.file((O) => S(T, O)), T.isDirectory && T.createReader().readEntries((O) => {
-          O.forEach((X) => {
-            A(S, X);
+      function A(E, L) {
+        L.isFile && L.file((z) => E(L, z)), L.isDirectory && L.createReader().readEntries((z) => {
+          z.forEach((X) => {
+            A(E, 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]);
-          }, O.webkitGetAsEntry());
+      _.value.addEventListener("drop", (E) => {
+        E.preventDefault(), C.value = !1;
+        const L = /^[/\\](.+)/;
+        [...E.dataTransfer.items].forEach((z) => {
+          z.kind === "file" && A((X, ue) => {
+            const $e = L.exec(X.fullPath);
+            O(ue, $e[1]);
+          }, z.webkitGetAsEntry());
         });
       });
-      const b = ({ target: S }) => {
-        const T = S.files;
-        for (const O of T)
-          V(O);
-        S.value = "";
+      const x = ({ target: E }) => {
+        const L = E.files;
+        for (const z of L)
+          O(z);
+        E.value = "";
       };
-      i.value.addEventListener("change", b), l.value.addEventListener("change", b);
+      d.value.addEventListener("change", x), l.value.addEventListener("change", x);
     }), ke(() => {
-      g == null || g.close({ reason: "unmount" });
-    }), (h, A) => (n(), L(G, null, {
+      k == null || k.close({ reason: "unmount" });
+    }), (h, A) => (n(), T(W, null, {
       buttons: j(() => [
         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: B(["vf-btn vf-btn-primary", M.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: M.value,
+          onClick: Y(se, ["prevent"])
+        }, v(a(s)("Upload")), 11, sn),
+        M.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", Or, [
+          Nr,
           t("div", zr, [
-            t("h3", Or, m(o(s)("Upload Files")), 1),
+            t("h3", Br, 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))
+                C.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,73 +2765,73 @@ 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: M.value,
+                  onClick: A[0] || (A[0] = (x) => w(!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: M.value,
+                  onClick: A[1] || (A[1] = (x) => w(!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($.value, (x) => (n(), m("div", {
                   class: "flex hover:bg-gray-100 dark:hover:bg-gray-800 dark:hover:text-gray-300",
-                  key: b.id
+                  key: x.id
                 }, [
-                  t("span", Pr, [
+                  t("span", Wr, [
                     t("span", {
-                      class: U(["text-base m-auto", R(b)]),
-                      textContent: m(K(b))
+                      class: B(["text-base m-auto", R(x)]),
+                      textContent: v(K(x))
                     }, 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)(x.name, 40)) + " (" + v(x.size) + ")", 1),
+                    t("div", Jr, v(a(he)(x.name, 16)) + " (" + v(x.size) + ")", 1),
                     t("div", {
-                      class: U(["flex break-all text-left", R(b)])
+                      class: B(["flex break-all text-left", R(x)])
                     }, [
-                      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(x.statusName) + " ", 1),
+                      x.status === i.value.QUEUE_ENTRY_STATUS.UPLOADING ? (n(), m("b", Xr, v(x.percent), 1)) : S("", !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: B(["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", M.value ? "disabled:bg-gray-100 text-white text-opacity-50" : "bg-gray-100"]),
+                    title: a(s)("Delete"),
+                    disabled: M.value,
+                    onClick: (E) => oe(x)
+                  }, en, 10, Qr)
                 ]))), 128)),
-                $.value.length ? M("", !0) : (n(), v("div", en, m(o(s)("No files selected!")), 1))
+                $.value.length ? S("", !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: A[2] || (A[2] = (x) => y.value = ""),
                 error: ""
               }, {
                 default: j(() => [
-                  N(m(y.value), 1)
+                  V(v(y.value), 1)
                 ]),
                 _: 1
-              })) : M("", !0)
+              })) : S("", !0)
             ])
           ])
         ]),
         t("input", {
           ref_key: "internalFileInput",
-          ref: i,
+          ref: d,
           type: "file",
           multiple: "",
           class: "hidden"
@@ -2800,7 +2848,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 +2863,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 +2877,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 +2891,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 = b(""), o = b(""), i = b(e.modal.data.items), u = () => {
+      i.value.length && e.emitter.emit("vf-fetch", {
         params: {
           q: "archive",
           m: "post",
@@ -2864,61 +2912,61 @@ 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, {
+    return (d, l) => (n(), T(W, null, {
       buttons: j(() => [
         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)
+        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)
+                  V(v(o.value), 1)
                 ]),
                 _: 1
-              })) : M("", !0)
+              })) : S("", !0)
             ])
           ])
         ])
@@ -2926,7 +2974,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 +2989,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 +3000,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 +3018,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 = {
+], Vn = { class: "ml-1.5" }, On = { class: "my-1 text-sm text-gray-500" }, Nn = {
   name: "VFModalUnarchive"
-}, zn = /* @__PURE__ */ Object.assign(Vn, {
+}, zn = /* @__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 = () => {
+    b("");
+    const r = b(e.modal.data.items[0]), o = b(""), i = b([]), u = () => {
       e.emitter.emit("vf-fetch", {
         params: {
           q: "unarchive",
@@ -2994,45 +3042,45 @@ 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, {
+    return (d, l) => (n(), T(W, null, {
       buttons: j(() => [
         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)
+        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", Vn, 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", On, 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)
+                  V(v(o.value), 1)
                 ]),
                 _: 1
-              })) : M("", !0)
+              })) : S("", !0)
             ])
           ])
         ])
@@ -3040,7 +3088,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" }, [
+}), Bn = { 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 +3104,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 +3119,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 +3129,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 +3148,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 = b(e.modal.data.items.from), o = b(""), i = () => {
       r.value.length && e.emitter.emit("vf-fetch", {
         params: {
           q: "move",
@@ -3115,101 +3163,101 @@ 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, {
+    return (u, d) => (n(), T(W, null, {
       buttons: j(() => [
         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, [
+        t("div", Bn, [
           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)
+                V(v(o.value), 1)
               ]),
               _: 1
-            })) : M("", !0)
+            })) : S("", !0)
           ])
         ])
       ]),
       _: 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 = b(!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: B(["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 +3277,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"], Vl = {
   name: "VFModalAbout"
-}, Nl = /* @__PURE__ */ Object.assign(Fl, {
+}, Ol = /* @__PURE__ */ Object.assign(Vl, {
   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;
+    b(""), b("");
     const l = async () => {
-      a(), location.reload();
-    }, c = (E) => {
-      e.theme.set(E), e.emitter.emit("vf-theme-saved");
-    }, w = () => {
+      o(), location.reload();
+    }, c = (C) => {
+      e.theme.set(C), 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,126 +3317,126 @@ 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, {
+      }).filter(([C]) => Object.keys(_).includes(C))
+    ), M = ee(() => ({
+      system: i("System"),
+      light: i("Light"),
+      dark: i("Dark")
+    }));
+    return (C, k) => (n(), T(W, null, {
       buttons: j(() => [
         t("button", {
           type: "button",
-          onClick: g[5] || (g[5] = (f) => o(e).emitter.emit("vf-modal-close")),
+          onClick: k[5] || (k[5] = (f) => 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),
+        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": k[0] || (k[0] = (f) => a(e).metricUnits = f),
+                          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)
+                              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": k[1] || (k[1] = (f) => a(e).theme.value = f),
+                          onChange: k[2] || (k[2] = (f) => c(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"
                         }, [
                           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(M.value, (f, O) => (n(), m("option", { value: O }, v(f), 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)
+                            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(N).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": k[3] || (k[3] = (f) => _e(d) ? d.value = f : null),
+                          onChange: k[4] || (k[4] = (f) => a(u)(f.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), (f, O) => (n(), m("option", { value: O }, v(f), 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)
+                            V(v(a(i)("Saved.")), 1)
                           ]),
                           _: 1
                         })
                       ])
-                    ])) : M("", !0),
+                    ])) : S("", !0),
                     t("button", {
                       onClick: l,
                       type: "button",
                       class: "vf-btn vf-btn-secondary"
-                    }, m(o(d)("Reset Settings")), 1)
+                    }, v(a(i)("Reset Settings")), 1)
                   ])
                 ])
               ])
@@ -3399,30 +3447,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,
+  ModalAbout: Ol,
+  ModalArchive: xn,
+  ModalDelete: oo,
+  ModalMessage: vo,
+  ModalMove: rl,
+  ModalNewFile: Ao,
+  ModalNewFolder: xo,
+  ModalPreview: br,
+  ModalRename: Vr,
   ModalUnarchive: zn,
   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
 };