vuefinder 2.2.3 → 2.2.4

package/dist/vuefinder.js

@@ -1,7 +1,7 @@
 var Ce = Object.defineProperty;
 var Se = (p, e, s) => e in p ? Ce(p, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : p[e] = s;
 var fe = (p, e, s) => (Se(p, typeof e != "symbol" ? e + "" : e, s), s);
-import { reactive as ie, watch as de, ref as k, computed as ee, inject as F, openBlock as n, createElementBlock as m, unref as a, createCommentVNode as M, normalizeClass as z, createElementVNode as t, createTextVNode as V, toDisplayString as v, customRef as Me, withModifiers as Y, Fragment as U, renderList as I, withDirectives as q, withKeys as Q, isRef as _e, vModelText as Z, nextTick as ce, createVNode as H, TransitionGroup as Ee, withCtx as A, onMounted as P, onUpdated as De, onBeforeUnmount as ke, vShow as re, normalizeStyle as be, vModelSelect as pe, provide as je, Transition as Ae, createBlock as T, resolveDynamicComponent as Le, renderSlot as le, onUnmounted as Te, vModelCheckbox as Fe } from "vue";
+import { reactive as ie, watch as de, ref as k, computed as ee, inject as F, openBlock as n, createElementBlock as m, unref as a, createCommentVNode as M, normalizeClass as z, createElementVNode as t, createTextVNode as V, toDisplayString as v, customRef as Me, withModifiers as Y, Fragment as U, renderList as q, withDirectives as I, withKeys as Q, isRef as _e, vModelText as Z, nextTick as ce, createVNode as H, TransitionGroup as Ee, withCtx as A, onMounted as P, onUpdated as De, onBeforeUnmount as ke, vShow as re, normalizeStyle as be, vModelSelect as pe, provide as je, Transition as Ae, createBlock as T, resolveDynamicComponent as Le, renderSlot as le, onUnmounted as Te, vModelCheckbox as Fe } from "vue";
 import Oe from "mitt";
 import Ve from "dragselect";
 import Ne from "vanilla-lazyload";
@@ -38,8 +38,8 @@ class He {
     me != null && me !== "" && (r[s.xsrfHeaderName] = me);
     const o = Object.assign({}, s.headers, r, e.headers), i = Object.assign({}, s.params, e.params), u = e.body, d = s.baseUrl + e.url, l = e.method;
     let c;
-    l !== "get" && (u instanceof FormData ? (c = u, s.body != null && Object.entries(this.config.body).forEach(([_, x]) => {
-      c.append(_, x);
+    l !== "get" && (u instanceof FormData ? (c = u, s.body != null && Object.entries(this.config.body).forEach(([_, y]) => {
+      c.append(_, y);
     })) : (c = { ...u }, s.body != null && Object.assign(c, this.config.body)));
     const g = {
       url: d,
@@ -135,7 +135,7 @@ function Re(p) {
   };
   return typeof p == "string" ? Object.assign(e, { baseUrl: p }) : Object.assign(e, p), new He(e);
 }
-function qe(p) {
+function Ie(p) {
   let e = localStorage.getItem(p + "_storage");
   const s = ie(JSON.parse(e ?? "{}"));
   de(s, r);
@@ -153,22 +153,22 @@ function qe(p) {
   }
   return { getStore: (l, c = null) => s.hasOwnProperty(l) ? s[l] : c, setStore: o, removeStore: i, clearStore: u };
 }
-async function Ie(p, e) {
+async function qe(p, e) {
   const s = e[p];
   return typeof s == "function" ? (await s()).default : s;
 }
 function Pe(p, e, s, r) {
-  const { getStore: o, setStore: i } = p, u = k({}), d = k(o("locale", e)), l = (_, x = e) => {
-    Ie(_, r).then((C) => {
-      u.value = C, i("locale", _), d.value = _, i("translations", C), Object.values(r).length > 1 && (s.emit("vf-toast-push", { label: "The language is set to " + _ }), s.emit("vf-language-saved"));
-    }).catch((C) => {
-      x ? (s.emit("vf-toast-push", { label: "The selected locale is not yet supported!", type: "error" }), l(x, null)) : s.emit("vf-toast-push", { label: "Locale cannot be loaded!", type: "error" });
+  const { getStore: o, setStore: i } = p, u = k({}), d = k(o("locale", e)), l = (_, y = e) => {
+    qe(_, r).then((x) => {
+      u.value = x, i("locale", _), d.value = _, i("translations", x), Object.values(r).length > 1 && (s.emit("vf-toast-push", { label: "The language is set to " + _ }), s.emit("vf-language-saved"));
+    }).catch((x) => {
+      y ? (s.emit("vf-toast-push", { label: "The selected locale is not yet supported!", type: "error" }), l(y, null)) : s.emit("vf-toast-push", { label: "Locale cannot be loaded!", type: "error" });
     });
   };
   !o("locale") && !r.length ? l(e) : u.value = o("translations");
-  const c = (_, ...x) => x.length ? c(_ = _.replace("%s", x.shift()), ...x) : _;
-  function g(_, ...x) {
-    return u.value && u.value.hasOwnProperty(_) ? c(u.value[_], ...x) : c(_, ...x);
+  const c = (_, ...y) => y.length ? c(_ = _.replace("%s", y.shift()), ...y) : _;
+  function g(_, ...y) {
+    return u.value && u.value.hasOwnProperty(_) ? c(u.value[_], ...y) : c(_, ...y);
   }
   return { t: g, changeLocale: l, locale: d };
 }
@@ -186,7 +186,7 @@ const B = {
   FULL_SCREEN: "fullscreen",
   DOWNLOAD: "download",
   LANGUAGE: "language"
-}, We = Object.values(B), Ge = "2.2.3";
+}, We = Object.values(B), Ge = "2.2.4";
 function ye(p, e, s, r, o) {
   return (e = Math, s = e.log, r = 1024, o = s(p) / s(r) | 0, p / e.pow(r, o)).toFixed(0) + " " + (o ? "KMGTPEZY"[--o] + "iB" : "B");
 }
@@ -226,7 +226,7 @@ function Ke(p, e) {
   };
 }
 const Je = (p, e) => {
-  const s = qe(p.id), r = Oe(), o = s.getStore("metricUnits", !1), i = Ke(s, p.theme), u = e.i18n, d = p.locale ?? e.locale, l = ee(() => Pe(s, d, r, u)), c = (_) => Array.isArray(_) ? _ : We, g = p.persist ? s.getStore("path", p.path) : p.path;
+  const s = Ie(p.id), r = Oe(), o = s.getStore("metricUnits", !1), i = Ke(s, p.theme), u = e.i18n, d = p.locale ?? e.locale, l = ee(() => Pe(s, d, r, u)), c = (_) => Array.isArray(_) ? _ : We, g = p.persist ? s.getStore("path", p.path) : p.path;
   return ie({
     // app version
     version: Ge,
@@ -579,8 +579,8 @@ const Je = (p, e) => {
   "clip-rule": "evenodd"
 }, null, -1), Rt = [
   Ht
-], qt = ["aria-label"], It = /* @__PURE__ */ t("path", { d: "M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z" }, null, -1), Pt = [
-  It
+], It = ["aria-label"], qt = /* @__PURE__ */ t("path", { d: "M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z" }, null, -1), Pt = [
+  qt
 ], Wt = ["aria-label"], Gt = /* @__PURE__ */ t("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
@@ -637,12 +637,12 @@ const Je = (p, e) => {
   setup(p) {
     const e = k(null), s = k([]), r = k(!1), o = k(null), i = F("ServiceContainer"), { t: u } = i.i18n;
     i.emitter.on("vf-explorer-update", () => {
-      let w = [], f = [];
+      let $ = [], f = [];
       e.value = i.data.dirname ?? i.adapter + "://", e.value.length == 0 && (s.value = []), e.value.replace(i.adapter + "://", "").split("/").forEach(function(h) {
-        w.push(h), w.join("/") != "" && f.push({
+        $.push(h), $.join("/") != "" && f.push({
           basename: h,
           name: h,
-          path: i.adapter + "://" + w.join("/"),
+          path: i.adapter + "://" + $.join("/"),
           type: "dir"
         });
       }), f.length > 4 && (f = f.slice(-5), f[0].name = ".."), s.value = f;
@@ -656,12 +656,12 @@ const Je = (p, e) => {
     const l = () => {
       i.features.includes(B.SEARCH) && (r.value = !0, ce(() => o.value.focus()));
     }, c = Bt("", 400);
-    de(c, (w) => {
-      i.emitter.emit("vf-toast-clear"), i.emitter.emit("vf-search-query", { newQuery: w });
+    de(c, ($) => {
+      i.emitter.emit("vf-toast-clear"), i.emitter.emit("vf-search-query", { newQuery: $ });
     });
-    const g = () => s.value.length && !r.value, _ = (w, f = null) => {
-      w.preventDefault(), C(w), f ?? (f = s.value.length - 2);
-      let h = JSON.parse(w.dataTransfer.getData("items"));
+    const g = () => s.value.length && !r.value, _ = ($, f = null) => {
+      $.preventDefault(), x($), f ?? (f = s.value.length - 2);
+      let h = JSON.parse($.dataTransfer.getData("items"));
       if (h.find((N) => N.storage !== i.adapter)) {
         alert("Moving items between different storages is not supported yet.");
         return;
@@ -670,22 +670,22 @@ const Je = (p, e) => {
         type: "move",
         items: { from: h, to: s.value[f] ?? { path: i.adapter + "://" } }
       });
-    }, x = (w) => {
-      w.preventDefault(), g() ? (w.dataTransfer.dropEffect = "copy", w.currentTarget.classList.add("bg-blue-200", "dark:bg-slate-500")) : (w.dataTransfer.dropEffect = "none", w.dataTransfer.effectAllowed = "none");
-    }, C = (w) => {
-      w.preventDefault(), w.currentTarget.classList.remove("bg-blue-200", "dark:bg-slate-500"), g() && w.currentTarget.classList.remove("bg-blue-200", "dark:bg-slate-500");
+    }, y = ($) => {
+      $.preventDefault(), g() ? ($.dataTransfer.dropEffect = "copy", $.currentTarget.classList.add("bg-blue-200", "dark:bg-slate-500")) : ($.dataTransfer.dropEffect = "none", $.dataTransfer.effectAllowed = "none");
+    }, x = ($) => {
+      $.preventDefault(), $.currentTarget.classList.remove("bg-blue-200", "dark:bg-slate-500"), g() && $.currentTarget.classList.remove("bg-blue-200", "dark:bg-slate-500");
     }, E = () => {
       c.value == "" && d();
     };
-    return (w, f) => (n(), m("div", zt, [
+    return ($, f) => (n(), m("div", zt, [
       t("span", {
         "aria-label": a(u)("Go up a directory"),
         "data-microtip-position": "bottom-right",
         role: "tooltip"
       }, [
         (n(), m("svg", {
-          onDragover: f[0] || (f[0] = (h) => x(h)),
-          onDragleave: f[1] || (f[1] = (h) => C(h)),
+          onDragover: f[0] || (f[0] = (h) => y(h)),
+          onDragleave: f[1] || (f[1] = (h) => x(h)),
           onDrop: f[2] || (f[2] = (h) => _(h)),
           onClick: f[3] || (f[3] = (h) => {
             var N;
@@ -727,10 +727,10 @@ const Je = (p, e) => {
           viewBox: "-40 -40 580 580",
           fill: "currentColor"
         }, Pt))
-      ], 8, qt)),
+      ], 8, It)),
       r.value ? (n(), m("div", os, [
         rs,
-        q(t("input", {
+        I(t("input", {
           ref_key: "searchInput",
           ref: o,
           onKeydown: Q(d, ["esc"]),
@@ -757,8 +757,8 @@ const Je = (p, e) => {
         onClick: Y(l, ["self"])
       }, [
         (n(), m("svg", {
-          onDragover: f[6] || (f[6] = (h) => x(h)),
-          onDragleave: f[7] || (f[7] = (h) => C(h)),
+          onDragover: f[6] || (f[6] = (h) => y(h)),
+          onDragleave: f[7] || (f[7] = (h) => x(h)),
           onDrop: f[8] || (f[8] = (h) => _(h, -1)),
           onClick: f[9] || (f[9] = (h) => a(i).emitter.emit("vf-fetch", { params: { q: "index", adapter: a(i).data.adapter } })),
           class: "h-6 w-6 p-1 rounded text-slate-700 hover:bg-neutral-100 dark:text-neutral-300 dark:hover:bg-gray-800 cursor-pointer",
@@ -767,11 +767,11 @@ const Je = (p, e) => {
           fill: "currentColor"
         }, Jt, 32)),
         t("div", Xt, [
-          (n(!0), m(U, null, I(s.value, (h, N) => (n(), m("div", { key: N }, [
+          (n(!0), m(U, null, q(s.value, (h, N) => (n(), m("div", { key: N }, [
             Qt,
             t("span", {
-              onDragover: (R) => N === s.value.length - 1 || x(R),
-              onDragleave: (R) => N === s.value.length - 1 || C(R),
+              onDragover: (R) => N === s.value.length - 1 || y(R),
+              onDragleave: (R) => N === s.value.length - 1 || x(R),
               onDrop: (R) => N === s.value.length - 1 || _(R, N),
               class: "px-1.5 py-1 text-slate-700 dark:text-slate-200 hover:bg-neutral-100 dark:hover:bg-gray-800 rounded cursor-pointer",
               title: h.basename,
@@ -843,8 +843,8 @@ const Je = (p, e) => {
         "leave-to-class": "opacity-0"
       }, {
         default: A(() => [
-          (n(!0), m(U, null, I(o.value, (g, _) => (n(), m("div", {
-            onClick: (x) => u(_),
+          (n(!0), m(U, null, q(o.value, (g, _) => (n(), m("div", {
+            onClick: (y) => u(_),
             key: g,
             class: z([i(g.type), "inline-block mx-auto my-0.5 py-0.5 px-2 min-w-max bg-gray-50 dark:bg-gray-600 border text-xs sm:text-sm rounded cursor-pointer"])
           }, v(g.label), 11, _s))), 128))
@@ -916,7 +916,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   d: "M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"
 }, null, -1), Rs = [
   Hs
-], qs = {
+], Is = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500",
@@ -924,12 +924,12 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Is = /* @__PURE__ */ t("path", {
+}, qs = /* @__PURE__ */ t("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"
 }, null, -1), Ps = [
-  Is
+  qs
 ], Ws = { class: "overflow-ellipsis overflow-hidden whitespace-nowrap" }, Gs = { class: "col-span-2 text-center" }, Ys = { class: "col-span-3 overflow-ellipsis overflow-hidden whitespace-nowrap" }, Ks = ["onDblclick", "onContextmenu", "onDragstart", "onDragover", "onDrop", "data-type", "data-item", "data-index"], Js = { class: "relative" }, Xs = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
@@ -967,17 +967,17 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   setup(p) {
     const e = F("ServiceContainer"), { t: s } = e.i18n;
     e.storage;
-    const r = (y) => y == null ? void 0 : y.substring(0, 3), o = k(null), i = k(null), u = k(0), d = k(null), l = Math.floor(Math.random() * 2 ** 32), c = k("");
+    const r = (w) => w == null ? void 0 : w.substring(0, 3), o = k(null), i = k(null), u = k(0), d = k(null), l = Math.floor(Math.random() * 2 ** 32), c = k("");
     let g;
     e.emitter.on("vf-fullscreen-toggle", () => {
       o.value.style.height = null;
-    }), e.emitter.on("vf-search-query", ({ newQuery: y }) => {
-      c.value = y, y ? e.emitter.emit("vf-fetch", {
+    }), e.emitter.on("vf-search-query", ({ newQuery: w }) => {
+      c.value = w, w ? e.emitter.emit("vf-fetch", {
         params: {
           q: "search",
           adapter: e.data.adapter,
           path: e.data.dirname,
-          filter: y
+          filter: w
         },
         onSuccess: (D) => {
           D.files.length || e.emitter.emit("vf-toast-push", { label: s("No search result found.") });
@@ -985,11 +985,11 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       }) : e.emitter.emit("vf-fetch", { params: { q: "index", adapter: e.data.adapter, path: e.data.dirname } });
     });
     let _ = null;
-    const x = () => {
+    const y = () => {
       _ && clearTimeout(_);
-    }, C = k(!0), E = (y) => {
-      y.touches.length > 1 && (C.value ? (d.value.stop(), e.emitter.emit("vf-toast-push", { label: s("Drag&Drop: off") })) : (d.value.start(), e.emitter.emit("vf-toast-push", { label: s("Drag&Drop: on") }), e.emitter.emit("vf-explorer-update")), C.value = !C.value);
-    }, w = (y) => {
+    }, x = k(!0), E = (w) => {
+      w.touches.length > 1 && (x.value ? (d.value.stop(), e.emitter.emit("vf-toast-push", { label: s("Drag&Drop: off") })) : (d.value.start(), e.emitter.emit("vf-toast-push", { label: s("Drag&Drop: on") }), e.emitter.emit("vf-explorer-update")), x.value = !x.value);
+    }, $ = (w) => {
       _ = setTimeout(() => {
         const D = new MouseEvent("contextmenu", {
           bubbles: !0,
@@ -997,35 +997,35 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           view: window,
           button: 2,
           buttons: 0,
-          clientX: y.target.getBoundingClientRect().x,
-          clientY: y.target.getBoundingClientRect().y
+          clientX: w.target.getBoundingClientRect().x,
+          clientY: w.target.getBoundingClientRect().y
         });
-        y.target.dispatchEvent(D);
+        w.target.dispatchEvent(D);
       }, 500);
-    }, f = (y) => {
-      y.type === "dir" ? (e.emitter.emit("vf-search-exit"), e.emitter.emit("vf-fetch", { params: { q: "index", adapter: e.data.adapter, path: y.path } })) : e.emitter.emit("vf-modal-show", { type: "preview", adapter: e.data.adapter, item: y });
-    }, h = ie({ active: !1, column: "", order: "" }), N = (y = !0) => {
-      let D = [...e.data.files], $ = h.column, j = h.order == "asc" ? 1 : -1;
-      if (!y)
+    }, f = (w) => {
+      w.type === "dir" ? (e.emitter.emit("vf-search-exit"), e.emitter.emit("vf-fetch", { params: { q: "index", adapter: e.data.adapter, path: w.path } })) : e.emitter.emit("vf-modal-show", { type: "preview", adapter: e.data.adapter, item: w });
+    }, h = ie({ active: !1, column: "", order: "" }), N = (w = !0) => {
+      let D = [...e.data.files], C = h.column, j = h.order == "asc" ? 1 : -1;
+      if (!w)
         return D;
       const S = (b, L) => typeof b == "string" && typeof L == "string" ? b.toLowerCase().localeCompare(L.toLowerCase()) : b < L ? -1 : b > L ? 1 : 0;
-      return h.active && (D = D.slice().sort((b, L) => S(b[$], L[$]) * j)), D;
-    }, R = (y) => {
-      h.active && h.column == y ? (h.active = h.order == "asc", h.column = y, h.order = "desc") : (h.active = !0, h.column = y, h.order = "asc");
-    }, K = () => d.value.getSelection().map((y) => JSON.parse(y.dataset.item)), te = (y, D) => {
-      if (y.altKey || y.ctrlKey || y.metaKey)
-        return y.preventDefault(), !1;
-      y.dataTransfer.setDragImage(i.value, 0, 15), y.dataTransfer.effectAllowed = "all", y.dataTransfer.dropEffect = "copy", y.dataTransfer.setData("items", JSON.stringify(K()));
-    }, se = (y, D) => {
-      y.preventDefault();
-      let $ = JSON.parse(y.dataTransfer.getData("items"));
-      if ($.find((j) => j.storage !== e.adapter)) {
+      return h.active && (D = D.slice().sort((b, L) => S(b[C], L[C]) * j)), D;
+    }, R = (w) => {
+      h.active && h.column == w ? (h.active = h.order == "asc", h.column = w, h.order = "desc") : (h.active = !0, h.column = w, h.order = "asc");
+    }, K = () => d.value.getSelection().map((w) => JSON.parse(w.dataset.item)), te = (w, D) => {
+      if (w.altKey || w.ctrlKey || w.metaKey)
+        return w.preventDefault(), !1;
+      w.dataTransfer.setDragImage(i.value, 0, 15), w.dataTransfer.effectAllowed = "all", w.dataTransfer.dropEffect = "copy", w.dataTransfer.setData("items", JSON.stringify(K()));
+    }, se = (w, D) => {
+      w.preventDefault();
+      let C = JSON.parse(w.dataTransfer.getData("items"));
+      if (C.find((j) => j.storage !== e.adapter)) {
         alert("Moving items between different storages is not supported yet.");
         return;
       }
-      e.emitter.emit("vf-modal-show", { type: "move", items: { from: $, to: D } });
-    }, ae = (y, D) => {
-      y.preventDefault(), !D || D.type !== "dir" || d.value.getSelection().find(($) => $ == y.currentTarget) ? (y.dataTransfer.dropEffect = "none", y.dataTransfer.effectAllowed = "none") : y.dataTransfer.dropEffect = "copy";
+      e.emitter.emit("vf-modal-show", { type: "move", items: { from: C, to: D } });
+    }, ae = (w, D) => {
+      w.preventDefault(), !D || D.type !== "dir" || d.value.getSelection().find((C) => C == w.currentTarget) ? (w.dataTransfer.dropEffect = "none", w.dataTransfer.effectAllowed = "none") : w.dataTransfer.dropEffect = "copy";
     }, oe = () => {
       d.value = new Ve({
         area: o.value,
@@ -1036,16 +1036,16 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         d.value.clearSelection(), d.value.setSettings({
           selectables: document.getElementsByClassName("vf-item-" + l)
         });
-      })), d.value.subscribe("predragstart", ({ event: y, isDragging: D }) => {
+      })), d.value.subscribe("predragstart", ({ event: w, isDragging: D }) => {
         if (D)
           u.value = d.value.getSelection().length, d.value.break();
         else {
-          const $ = y.target.offsetWidth - y.offsetX, j = y.target.offsetHeight - y.offsetY;
-          $ < 15 && j < 15 && (d.value.clearSelection(), d.value.break());
+          const C = w.target.offsetWidth - w.offsetX, j = w.target.offsetHeight - w.offsetY;
+          C < 15 && j < 15 && (d.value.clearSelection(), d.value.break());
         }
-      }), d.value.subscribe("predragmove", ({ isDragging: y }) => {
-        y && d.value.break();
-      }), d.value.subscribe("callback", ({ items: y, event: D, isDragging: $ }) => {
+      }), d.value.subscribe("predragmove", ({ isDragging: w }) => {
+        w && d.value.break();
+      }), d.value.subscribe("callback", ({ items: w, event: D, isDragging: C }) => {
         e.emitter.emit("vf-nodes-selected", K()), u.value = d.value.getSelection().length;
       });
     };
@@ -1057,14 +1057,14 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       de(() => e.view, () => e.emitter.emit("vf-explorer-update"));
     }), ke(() => {
       g.destroy();
-    }), (y, D) => (n(), m("div", ys, [
+    }), (w, D) => (n(), m("div", ys, [
       a(e).view == "list" || c.value.length ? (n(), m("div", xs, [
         t("div", {
-          onClick: D[0] || (D[0] = ($) => R("basename")),
+          onClick: D[0] || (D[0] = (C) => R("basename")),
           class: "col-span-7 py-1 leading-6 hover:bg-neutral-100 bg-neutral-50 dark:bg-gray-800 dark:hover:bg-gray-700/10 flex items-center pl-1"
         }, [
           V(v(a(s)("Name")) + " ", 1),
-          q(H(ne, {
+          I(H(ne, {
             direction: h.order == "asc" ? "down" : "up"
           }, null, 8, ["direction"]), [
             [re, h.active && h.column == "basename"]
@@ -1072,11 +1072,11 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         ]),
         c.value.length ? M("", !0) : (n(), m("div", {
           key: 0,
-          onClick: D[1] || (D[1] = ($) => R("file_size")),
+          onClick: D[1] || (D[1] = (C) => R("file_size")),
           class: "col-span-2 py-1 leading-6 hover:bg-neutral-100 bg-neutral-50 dark:bg-gray-800 dark:hover:bg-gray-700/10 flex items-center justify-center border-l border-r dark:border-gray-700"
         }, [
           V(v(a(s)("Size")) + " ", 1),
-          q(H(ne, {
+          I(H(ne, {
             direction: h.order == "asc" ? "down" : "up"
           }, null, 8, ["direction"]), [
             [re, h.active && h.column == "file_size"]
@@ -1084,11 +1084,11 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         ])),
         c.value.length ? M("", !0) : (n(), m("div", {
           key: 1,
-          onClick: D[2] || (D[2] = ($) => R("last_modified")),
+          onClick: D[2] || (D[2] = (C) => R("last_modified")),
           class: "col-span-3 py-1 leading-6 hover:bg-neutral-100 bg-neutral-50 dark:bg-gray-800 dark:hover:bg-gray-700/10 flex items-center justify-center"
         }, [
           V(v(a(s)("Date")) + " ", 1),
-          q(H(ne, {
+          I(H(ne, {
             direction: h.order == "asc" ? "down" : "up"
           }, null, 8, ["direction"]), [
             [re, h.active && h.column == "last_modified"]
@@ -1096,11 +1096,11 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         ])),
         c.value.length ? (n(), m("div", {
           key: 2,
-          onClick: D[3] || (D[3] = ($) => R("path")),
+          onClick: D[3] || (D[3] = (C) => R("path")),
           class: "col-span-5 py-1 leading-6 hover:bg-neutral-100 bg-neutral-50 dark:bg-gray-800 dark:hover:bg-gray-700/10 flex items-center justify-center border-l dark:border-gray-700"
         }, [
           V(v(a(s)("Filepath")) + " ", 1),
-          q(H(ne, {
+          I(H(ne, {
             direction: h.order == "asc" ? "down" : "up"
           }, null, 8, ["direction"]), [
             [re, h.active && h.column == "path"]
@@ -1119,84 +1119,84 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       ]),
       t("div", {
         onTouchstart: E,
-        onContextmenu: D[10] || (D[10] = Y(($) => a(e).emitter.emit("vf-contextmenu-show", { event: $, area: o.value, items: K() }), ["self", "prevent"])),
+        onContextmenu: D[10] || (D[10] = Y((C) => a(e).emitter.emit("vf-contextmenu-show", { event: C, area: o.value, items: K() }), ["self", "prevent"])),
         class: z([a(e).fullScreen ? "" : "resize-y", "h-full w-full text-xs vf-selector-area vf-scrollbar min-h-[150px] overflow-auto p-1 z-0"]),
         ref_key: "selectorArea",
         ref: o
       }, [
-        c.value.length ? (n(!0), m(U, { key: 0 }, I(N(), ($, j) => (n(), m("div", {
-          onDblclick: (S) => f($),
-          onTouchstart: D[4] || (D[4] = (S) => w(S)),
-          onTouchend: D[5] || (D[5] = (S) => x()),
-          onContextmenu: Y((S) => a(e).emitter.emit("vf-contextmenu-show", { event: S, area: o.value, items: K(), target: $ }), ["prevent"]),
+        c.value.length ? (n(!0), m(U, { key: 0 }, q(N(), (C, j) => (n(), m("div", {
+          onDblclick: (S) => f(C),
+          onTouchstart: D[4] || (D[4] = (S) => $(S)),
+          onTouchend: D[5] || (D[5] = (S) => y()),
+          onContextmenu: Y((S) => a(e).emitter.emit("vf-contextmenu-show", { event: S, area: o.value, items: K(), target: C }), ["prevent"]),
           class: z(["vf-item-" + a(l), "grid grid-cols-1 border hover:bg-neutral-50 dark:hover:bg-gray-700 border-transparent my-0.5 w-full select-none"]),
-          "data-type": $.type,
-          "data-item": JSON.stringify($),
+          "data-type": C.type,
+          "data-item": JSON.stringify(C),
           "data-index": j
         }, [
           t("div", Ms, [
             t("div", Es, [
-              $.type === "dir" ? (n(), m("svg", Ds, As)) : (n(), m("svg", Ls, Fs)),
-              t("span", Os, v($.basename), 1)
+              C.type === "dir" ? (n(), m("svg", Ds, As)) : (n(), m("svg", Ls, Fs)),
+              t("span", Os, v(C.basename), 1)
             ]),
-            t("div", Vs, v($.path), 1)
+            t("div", Vs, v(C.path), 1)
           ])
         ], 42, Ss))), 256)) : M("", !0),
-        a(e).view === "list" && !c.value.length ? (n(!0), m(U, { key: 1 }, I(N(), ($, j) => (n(), m("div", {
+        a(e).view === "list" && !c.value.length ? (n(!0), m(U, { key: 1 }, q(N(), (C, j) => (n(), m("div", {
           draggable: "true",
-          onDblclick: (S) => f($),
-          onTouchstart: D[6] || (D[6] = (S) => w(S)),
-          onTouchend: D[7] || (D[7] = (S) => x()),
-          onContextmenu: Y((S) => a(e).emitter.emit("vf-contextmenu-show", { event: S, area: o.value, items: K(), target: $ }), ["prevent"]),
+          onDblclick: (S) => f(C),
+          onTouchstart: D[6] || (D[6] = (S) => $(S)),
+          onTouchend: D[7] || (D[7] = (S) => y()),
+          onContextmenu: Y((S) => a(e).emitter.emit("vf-contextmenu-show", { event: S, area: o.value, items: K(), target: C }), ["prevent"]),
           onDragstart: (S) => te(S),
-          onDragover: (S) => ae(S, $),
-          onDrop: (S) => se(S, $),
+          onDragover: (S) => ae(S, C),
+          onDrop: (S) => se(S, C),
           class: z(["vf-item-" + a(l), "grid grid-cols-1 border hover:bg-neutral-50 dark:hover:bg-gray-700 border-transparent my-0.5 w-full select-none"]),
-          "data-type": $.type,
-          "data-item": JSON.stringify($),
+          "data-type": C.type,
+          "data-item": JSON.stringify(C),
           "data-index": j
         }, [
           t("div", Bs, [
             t("div", zs, [
-              $.type === "dir" ? (n(), m("svg", Us, Rs)) : (n(), m("svg", qs, Ps)),
-              t("span", Ws, v($.basename), 1)
+              C.type === "dir" ? (n(), m("svg", Us, Rs)) : (n(), m("svg", Is, Ps)),
+              t("span", Ws, v(C.basename), 1)
             ]),
-            t("div", Gs, v($.file_size ? a(e).filesize($.file_size) : ""), 1),
-            t("div", Ys, v(a(we)($.last_modified)), 1)
+            t("div", Gs, v(C.file_size ? a(e).filesize(C.file_size) : ""), 1),
+            t("div", Ys, v(a(we)(C.last_modified)), 1)
           ])
         ], 42, Ns))), 256)) : M("", !0),
-        a(e).view === "grid" && !c.value.length ? (n(!0), m(U, { key: 2 }, I(N(!1), ($, j) => (n(), m("div", {
+        a(e).view === "grid" && !c.value.length ? (n(!0), m(U, { key: 2 }, q(N(!1), (C, j) => (n(), m("div", {
           draggable: "true",
-          onDblclick: (S) => f($),
-          onTouchstart: D[8] || (D[8] = (S) => w(S)),
-          onTouchend: D[9] || (D[9] = (S) => x()),
-          onContextmenu: Y((S) => a(e).emitter.emit("vf-contextmenu-show", { event: S, area: o.value, items: K(), target: $ }), ["prevent"]),
+          onDblclick: (S) => f(C),
+          onTouchstart: D[8] || (D[8] = (S) => $(S)),
+          onTouchend: D[9] || (D[9] = (S) => y()),
+          onContextmenu: Y((S) => a(e).emitter.emit("vf-contextmenu-show", { event: S, area: o.value, items: K(), target: C }), ["prevent"]),
           onDragstart: (S) => te(S),
-          onDragover: (S) => ae(S, $),
-          onDrop: (S) => se(S, $),
+          onDragover: (S) => ae(S, C),
+          onDrop: (S) => se(S, C),
           class: z(["vf-item-" + a(l), "border border-transparent hover:bg-neutral-50 m-1 dark:hover:bg-gray-700 inline-flex w-[5.5rem] h-20 md:w-24 text-center justify-center select-none"]),
-          "data-type": $.type,
-          "data-item": JSON.stringify($),
+          "data-type": C.type,
+          "data-item": JSON.stringify(C),
           "data-index": j
         }, [
           t("div", null, [
             t("div", Js, [
-              $.type === "dir" ? (n(), m("svg", Xs, Zs)) : ($.mime_type ?? "").startsWith("image") ? (n(), m("img", {
+              C.type === "dir" ? (n(), m("svg", Xs, Zs)) : (C.mime_type ?? "").startsWith("image") ? (n(), m("img", {
                 key: 1,
                 class: "lazy h-10 md:h-12 m-auto",
-                "data-src": a(e).requester.getPreviewUrl(a(e).adapter, $),
-                alt: $.basename
+                "data-src": a(e).requester.getPreviewUrl(a(e).adapter, C),
+                alt: C.basename
               }, null, 8, ea)) : (n(), m("svg", ta, aa)),
-              !($.mime_type ?? "").startsWith("image") && $.type != "dir" ? (n(), m("div", oa, v(r($.extension)), 1)) : M("", !0)
+              !(C.mime_type ?? "").startsWith("image") && C.type != "dir" ? (n(), m("div", oa, v(r(C.extension)), 1)) : M("", !0)
             ]),
-            t("span", ra, v(a(he)($.basename)), 1)
+            t("span", ra, v(a(he)(C.basename)), 1)
           ])
         ], 42, Ks))), 256)) : M("", !0)
       ], 34),
       H(bs)
     ]));
   }
-}), ia = ["onClick"], da = /* @__PURE__ */ t("span", { class: "px-1" }, null, -1), ca = {
+}), ia = ["href", "download"], da = ["onClick"], ca = {
   name: "VFContextMenu"
 }, ua = /* @__PURE__ */ Object.assign(ca, {
   setup(p) {
@@ -1256,8 +1256,6 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         link: ee(() => e.requester.getDownloadUrl(e.data.adapter, o.value[0])),
         title: () => s("Download"),
         action: () => {
-          const _ = e.requester.getDownloadUrl(e.data.adapter, o.value[0]);
-          e.emitter.emit("vf-download", _);
         }
       },
       archive: {
@@ -1286,43 +1284,56 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
     };
     e.emitter.on("vf-search-query", ({ newQuery: _ }) => {
       i.value = _;
-    }), e.emitter.on("vf-contextmenu-show", ({ event: _, area: x, items: C, target: E = null }) => {
+    }), e.emitter.on("vf-contextmenu-show", ({ event: _, area: y, items: x, target: E = null }) => {
       if (u.items = [], i.value)
         if (E)
           u.items.push(l.openDir), e.emitter.emit("vf-context-selected", [E]);
         else
           return;
       else
-        !E && !i.value ? (u.items.push(l.refresh), u.items.push(l.newfolder), e.emitter.emit("vf-context-selected", [])) : C.length > 1 && C.some((w) => w.path === E.path) ? (u.items.push(l.refresh), u.items.push(l.archive), u.items.push(l.delete), e.emitter.emit("vf-context-selected", C)) : (E.type == "dir" ? u.items.push(l.open) : (u.items.push(l.preview), u.items.push(l.download)), u.items.push(l.rename), E.mime_type == "application/zip" ? u.items.push(l.unarchive) : u.items.push(l.archive), u.items.push(l.delete), e.emitter.emit("vf-context-selected", [E]));
-      g(_, x);
+        !E && !i.value ? (u.items.push(l.refresh), u.items.push(l.newfolder), e.emitter.emit("vf-context-selected", [])) : x.length > 1 && x.some(($) => $.path === E.path) ? (u.items.push(l.refresh), u.items.push(l.archive), u.items.push(l.delete), e.emitter.emit("vf-context-selected", x)) : (E.type == "dir" ? u.items.push(l.open) : (u.items.push(l.preview), u.items.push(l.download)), u.items.push(l.rename), E.mime_type == "application/zip" ? u.items.push(l.unarchive) : u.items.push(l.archive), u.items.push(l.delete), e.emitter.emit("vf-context-selected", [E]));
+      g(_, y);
     }), e.emitter.on("vf-contextmenu-hide", () => {
       u.active = !1;
     });
-    const g = (_, x) => {
+    const g = (_, y) => {
       u.active = !0, ce(() => {
-        const C = e.root.getBoundingClientRect(), E = x.getBoundingClientRect();
-        let w = _.pageX - C.left, f = _.pageY - C.top, h = r.value.offsetHeight, N = r.value.offsetWidth;
-        w = E.right - _.pageX + window.scrollX < N ? w - N : w, f = E.bottom - _.pageY + window.scrollY < h ? f - h : f, u.positions = {
-          left: w + "px",
+        const x = e.root.getBoundingClientRect(), E = y.getBoundingClientRect();
+        let $ = _.pageX - x.left, f = _.pageY - x.top, h = r.value.offsetHeight, N = r.value.offsetWidth;
+        $ = E.right - _.pageX + window.scrollX < N ? $ - N : $, f = E.bottom - _.pageY + window.scrollY < h ? f - h : f, u.positions = {
+          left: $ + "px",
           top: f + "px"
         };
       });
     };
-    return (_, x) => u.active ? (n(), m("ul", {
+    return (_, y) => u.active ? (n(), m("ul", {
       key: 0,
       class: "z-30 absolute text-xs bg-neutral-50 dark:bg-gray-800 text-gray-700 dark:text-gray-200 border border-neutral-300 dark:border-gray-600 shadow rounded select-none",
       ref_key: "contextmenu",
       ref: r,
       style: be(u.positions)
     }, [
-      (n(!0), m(U, null, I(d.value, (C) => (n(), m("li", {
-        class: "px-2 py-1.5 cursor-pointer hover:bg-neutral-200 dark:hover:bg-gray-700",
-        key: C.title,
-        onClick: (E) => c(C)
+      (n(!0), m(U, null, q(d.value, (x) => (n(), m("li", {
+        class: "cursor-pointer hover:bg-neutral-200 dark:hover:bg-gray-700",
+        key: x.title
       }, [
-        da,
-        t("span", null, v(C.title()), 1)
-      ], 8, ia))), 128))
+        x.link ? (n(), m("a", {
+          key: 0,
+          class: "block pl-2 pr-3 py-1",
+          target: "_blank",
+          href: x.link,
+          download: x.link,
+          onClick: y[0] || (y[0] = (E) => a(e).emitter.emit("vf-contextmenu-hide"))
+        }, [
+          t("span", null, v(x.title()), 1)
+        ], 8, ia)) : (n(), m("div", {
+          key: 1,
+          class: "pl-2 pr-3 py-1",
+          onClick: (E) => c(x)
+        }, [
+          t("span", null, v(x.title()), 1)
+        ], 8, da))
+      ]))), 128))
     ], 4)) : M("", !0);
   }
 }), ma = { class: "p-1 text-xs border-t border-neutral-300 dark:border-gray-700/50 flex justify-between select-none" }, va = { class: "flex leading-5 items-center" }, pa = ["aria-label"], ha = /* @__PURE__ */ t("svg", {
@@ -1381,12 +1392,12 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           "data-microtip-position": "top-right",
           role: "tooltip"
         }, fa, 8, pa),
-        q(t("select", {
+        I(t("select", {
           "onUpdate:modelValue": c[0] || (c[0] = (g) => a(e).adapter = g),
           onChange: i,
           class: "py-0.5 text-sm text-slate-500 border dark:border-gray-600 dark:text-neutral-50 dark:bg-gray-700 rounded pl-2 pr-8"
         }, [
-          (n(!0), m(U, null, I(a(e).data.storages, (g) => (n(), m("option", { value: g }, v(g), 9, ga))), 256))
+          (n(!0), m(U, null, q(a(e).data.storages, (g) => (n(), m("option", { value: g }, v(g), 9, ga))), 256))
         ], 544), [
           [pe, a(e).adapter]
         ]),
@@ -1492,7 +1503,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
     let l;
     return o.emitter.on("vf-fetch-abort", () => {
       l.abort(), o.loading = !1;
-    }), o.emitter.on("vf-fetch", ({ params: c, body: g = null, onSuccess: _ = null, onError: x = null, noCloseModal: C = !1 }) => {
+    }), o.emitter.on("vf-fetch", ({ params: c, body: g = null, onSuccess: _ = null, onError: y = null, noCloseModal: x = !1 }) => {
       ["index", "search"].includes(c.q) && (l && l.abort(), o.loading = !0), l = new AbortController();
       const E = l.signal;
       o.requester.send({
@@ -1501,10 +1512,10 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         params: c,
         body: g,
         abortSignal: E
-      }).then((w) => {
-        o.adapter = w.adapter, o.persist && (o.path = w.dirname, i("path", o.path)), ["index", "search"].includes(c.q) && (o.loading = !1), C || o.emitter.emit("vf-modal-close"), d(w), _ && _(w);
-      }).catch((w) => {
-        console.error(w), x && x(w);
+      }).then(($) => {
+        o.adapter = $.adapter, o.persist && (o.path = $.dirname, i("path", o.path)), ["index", "search"].includes(c.q) && (o.loading = !1), x || o.emitter.emit("vf-modal-close"), d($), _ && _($);
+      }).catch(($) => {
+        console.error($), y && y($);
       });
     }), o.emitter.on("vf-download", (c) => {
       const g = document.createElement("a");
@@ -1645,7 +1656,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
 ], -1), Ha = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, Ra = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, qa = { class: "mt-2" }, Ia = { class: "text-sm text-gray-500" }, Pa = {
+}, Ia = { class: "mt-2" }, qa = { class: "text-sm text-gray-500" }, Pa = {
   class: "text-gray-500 text-sm mb-1 overflow-auto vf-scrollbar",
   style: { "max-height": "200px" }
 }, Wa = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, Ga = {
@@ -1720,10 +1731,10 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           Ua,
           t("div", Ha, [
             t("h3", Ra, v(a(s)("Delete files")), 1),
-            t("div", qa, [
-              t("p", Ia, v(a(s)("Are you sure you want to delete these files?")), 1),
+            t("div", Ia, [
+              t("p", qa, v(a(s)("Are you sure you want to delete these files?")), 1),
               t("div", Pa, [
-                (n(!0), m(U, null, I(r.value, (l) => (n(), m("p", Wa, [
+                (n(!0), m(U, null, q(r.value, (l) => (n(), m("p", Wa, [
                   l.type === "dir" ? (n(), m("svg", Ga, Ka)) : (n(), m("svg", Ja, Qa)),
                   t("span", Za, v(l.basename), 1)
                 ]))), 256))
@@ -1856,7 +1867,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
             t("h3", ho, v(a(s)("New Folder")), 1),
             t("div", fo, [
               t("p", go, v(a(s)("Create a new folder")), 1),
-              q(t("input", {
+              I(t("input", {
                 "onUpdate:modelValue": d[0] || (d[0] = (l) => r.value = l),
                 onKeyup: Q(i, ["enter"]),
                 class: "px-2 py-1 border rounded dark:bg-gray-700/25 dark:focus:ring-gray-600 dark:focus:border-gray-600 dark:text-gray-100 w-full",
@@ -1945,7 +1956,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
             t("h3", $o, v(a(s)("New File")), 1),
             t("div", Co, [
               t("p", So, v(a(s)("Create a new file")), 1),
-              q(t("input", {
+              I(t("input", {
                 "onUpdate:modelValue": d[0] || (d[0] = (l) => r.value = l),
                 onKeyup: Q(i, ["enter"]),
                 class: "px-2 py-1 border rounded dark:bg-gray-700/25 dark:focus:ring-gray-600 dark:focus:border-gray-600 dark:text-gray-100 w-full",
@@ -1985,15 +1996,15 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         method: "get",
         params: { q: "preview", adapter: c.modal.data.adapter, path: c.modal.data.item.path },
         responseType: "text"
-      }).then((C) => {
-        r.value = C, s("success");
+      }).then((x) => {
+        r.value = x, s("success");
       });
     });
     const _ = () => {
       u.value = !u.value, o.value = r.value, u.value == !0 && ce(() => {
         i.value.focus();
       });
-    }, x = () => {
+    }, y = () => {
       d.value = "", l.value = !1, c.requester.send({
         url: "",
         method: "post",
@@ -2006,13 +2017,13 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           content: o.value
         },
         responseType: "text"
-      }).then((C) => {
-        d.value = g("Updated."), r.value = C, s("success"), u.value = !u.value;
-      }).catch((C) => {
-        d.value = g(C.message), l.value = !0;
+      }).then((x) => {
+        d.value = g("Updated."), r.value = x, s("success"), u.value = !u.value;
+      }).catch((x) => {
+        d.value = g(x.message), l.value = !0;
       });
     };
-    return (C, E) => (n(), m(U, null, [
+    return (x, E) => (n(), m(U, null, [
       t("div", jo, [
         t("div", {
           class: "mb-2 text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
@@ -2024,22 +2035,22 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         t("div", Lo, [
           u.value ? (n(), m("button", {
             key: 0,
-            onClick: x,
+            onClick: y,
             class: "ml-1 px-2 py-1 rounded border border-transparent shadow-sm bg-blue-700/75 hover:bg-blue-700 dark:bg-gray-700 dark:hover:bg-gray-700/50 text-base font-medium text-white sm:ml-3 sm:w-auto sm:text-sm"
           }, v(a(g)("Save")), 1)) : M("", !0),
           a(c).features.includes(a(B).EDIT) ? (n(), m("button", {
             key: 1,
             class: "ml-1 px-2 py-1 text-blue-500",
-            onClick: E[0] || (E[0] = (w) => _())
+            onClick: E[0] || (E[0] = ($) => _())
           }, v(u.value ? a(g)("Cancel") : a(g)("Edit")), 1)) : M("", !0)
         ])
       ]),
       t("div", null, [
         u.value ? (n(), m("div", Fo, [
-          q(t("textarea", {
+          I(t("textarea", {
             ref_key: "editInput",
             ref: i,
-            "onUpdate:modelValue": E[1] || (E[1] = (w) => o.value = w),
+            "onUpdate:modelValue": E[1] || (E[1] = ($) => o.value = $),
             class: "w-full p-2 rounded dark:bg-gray-700 dark:text-gray-200 dark:focus:ring-gray-600 dark:focus:border-gray-600 dark:selection:bg-gray-500 min-h-[200px] max-h-[60vh] text-xs",
             name: "text",
             id: "",
@@ -2051,7 +2062,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         ])) : (n(), m("pre", To, v(r.value), 1)),
         d.value.length ? (n(), T(G, {
           key: 2,
-          onHidden: E[2] || (E[2] = (w) => d.value = ""),
+          onHidden: E[2] || (E[2] = ($) => d.value = ""),
           error: l.value
         }, {
           default: A(() => [
@@ -2068,7 +2079,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
   setup(p, { emit: e }) {
     const s = e, r = F("ServiceContainer"), { t: o } = r.i18n, i = k(null), u = k(null), d = k(!1), l = k(""), c = k(!1), g = () => {
       d.value = !d.value, d.value ? u.value = new Be(i.value, {
-        crop(x) {
+        crop(y) {
         }
       }) : u.value.destroy();
     }, _ = () => {
@@ -2076,10 +2087,10 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         width: 795,
         height: 341
       }).toBlob(
-        (x) => {
+        (y) => {
           l.value = "", c.value = !1;
-          const C = new FormData();
-          C.set("file", x), r.requester.send({
+          const x = new FormData();
+          x.set("file", y), r.requester.send({
             url: "",
             method: "post",
             params: {
@@ -2087,7 +2098,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
               adapter: r.modal.data.adapter,
               path: r.modal.data.item.path
             },
-            body: C
+            body: x
           }).then((E) => {
             l.value = o("Updated."), i.value.src = r.requester.getPreviewUrl(r.modal.data.adapter, r.modal.data.item), g(), s("success");
           }).catch((E) => {
@@ -2098,7 +2109,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
     };
     return P(() => {
       s("success");
-    }), (x, C) => (n(), m(U, null, [
+    }), (y, x) => (n(), m(U, null, [
       t("div", Vo, [
         t("h3", {
           class: "mb-2 text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
@@ -2116,7 +2127,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           a(r).features.includes(a(B).EDIT) ? (n(), m("button", {
             key: 1,
             class: "ml-1 px-2 py-1 text-blue-500",
-            onClick: C[0] || (C[0] = (E) => g())
+            onClick: x[0] || (x[0] = (E) => g())
           }, v(d.value ? a(o)("Cancel") : a(o)("Edit")), 1)) : M("", !0)
         ])
       ]),
@@ -2131,7 +2142,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       ]),
       l.value.length ? (n(), T(G, {
         key: 0,
-        onHidden: C[1] || (C[1] = (E) => l.value = ""),
+        onHidden: x[1] || (x[1] = (E) => l.value = ""),
         error: c.value
       }, {
         default: A(() => [
@@ -2141,7 +2152,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       }, 8, ["error"])) : M("", !0)
     ], 64));
   }
-}, Ro = { class: "flex" }, qo = ["aria-label"], Io = /* @__PURE__ */ t("div", null, null, -1), Po = {
+}, Ro = { class: "flex" }, Io = ["aria-label"], qo = /* @__PURE__ */ t("div", null, null, -1), Po = {
   __name: "Default",
   emits: ["success"],
   setup(p, { emit: e }) {
@@ -2156,9 +2167,9 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           "aria-label": a(s).modal.data.item.path,
           "data-microtip-position": "bottom-right",
           role: "tooltip"
-        }, v(a(s).modal.data.item.basename), 9, qo)
+        }, v(a(s).modal.data.item.basename), 9, Io)
       ]),
-      Io
+      qo
     ], 64));
   }
 }, Wo = ["aria-label"], Go = {
@@ -2448,7 +2459,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
                 r.value.type === "dir" ? (n(), m("svg", Cr, Mr)) : (n(), m("svg", Er, jr)),
                 t("span", Ar, v(r.value.basename), 1)
               ]),
-              q(t("input", {
+              I(t("input", {
                 "onUpdate:modelValue": l[0] || (l[0] = (c) => o.value = c),
                 onKeyup: Q(u, ["enter"]),
                 class: "px-2 py-1 border rounded dark:bg-gray-700/25 dark:focus:ring-gray-600 dark:focus:border-gray-600 dark:text-gray-100 w-full",
@@ -2498,7 +2509,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
 }, Ur = {
   key: 1,
   class: "pointer-events-none"
-}, Hr = ["disabled"], Rr = ["disabled"], qr = { class: "text-gray-500 text-sm mb-1 pr-1 max-h-[200px] overflow-y-auto vf-scrollbar" }, Ir = { class: "rounded flex flex-shrink-0 w-6 h-6 border bg-gray-50 text-xs cursor-default dark:border-gray-700 dark:bg-gray-800 dark:text-gray-50" }, Pr = ["textContent"], Wr = { class: "ml-1 w-full h-fit" }, Gr = { class: "text-left hidden md:block" }, Yr = { class: "text-left md:hidden" }, Kr = {
+}, Hr = ["disabled"], Rr = ["disabled"], Ir = { class: "text-gray-500 text-sm mb-1 pr-1 max-h-[200px] overflow-y-auto vf-scrollbar" }, qr = { class: "rounded flex flex-shrink-0 w-6 h-6 border bg-gray-50 text-xs cursor-default dark:border-gray-700 dark:bg-gray-800 dark:text-gray-50" }, Pr = ["textContent"], Wr = { class: "ml-1 w-full h-fit" }, Gr = { class: "text-left hidden md:block" }, Yr = { class: "text-left md:hidden" }, Kr = {
   key: 0,
   class: "ml-auto"
 }, Jr = ["title", "disabled", "onClick"], Xr = /* @__PURE__ */ t("svg", {
@@ -2529,10 +2540,10 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       UPLOADING: 2,
       ERROR: 3,
       DONE: 10
-    }, i = k({ QUEUE_ENTRY_STATUS: o }), u = k(null), d = k(null), l = k(null), c = k(null), g = k(null), _ = k(null), x = k([]), C = k(""), E = k(!1), w = k(!1);
+    }, i = k({ QUEUE_ENTRY_STATUS: o }), u = k(null), d = k(null), l = k(null), c = k(null), g = k(null), _ = k(null), y = k([]), x = k(""), E = k(!1), $ = k(!1);
     let f;
     function h(j) {
-      return x.value.findIndex((S) => S.id === j);
+      return y.value.findIndex((S) => S.id === j);
     }
     function N(j, S = null) {
       S = S ?? (j.webkitRelativePath || j.name), f.addFile({
@@ -2572,39 +2583,39 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
     }
     function se() {
       if (!E.value) {
-        if (!x.value.filter((j) => j.status !== o.DONE).length) {
-          C.value = s("Please select file to upload first.");
+        if (!y.value.filter((j) => j.status !== o.DONE).length) {
+          x.value = s("Please select file to upload first.");
           return;
         }
-        C.value = "", f.retryAll(), f.upload();
+        x.value = "", f.retryAll(), f.upload();
       }
     }
     function ae() {
-      f.cancelAll({ reason: "user" }), x.value.forEach((j) => {
+      f.cancelAll({ reason: "user" }), y.value.forEach((j) => {
         j.status !== o.DONE && (j.status = o.CANCELED, j.statusName = s("Canceled"));
       }), E.value = !1;
     }
     function oe(j) {
-      E.value || (f.removeFile(j.id, "removed-by-user"), x.value.splice(h(j.id), 1));
+      E.value || (f.removeFile(j.id, "removed-by-user"), y.value.splice(h(j.id), 1));
     }
-    function y(j) {
+    function w(j) {
       if (!E.value) {
         if (f.cancelAll({ reason: "user" }), j) {
           const S = [];
-          x.value.forEach((b) => {
+          y.value.forEach((b) => {
             b.status !== o.DONE && S.push(b);
-          }), x.value = [], S.forEach((b) => {
+          }), y.value = [], S.forEach((b) => {
             N(b.originalFile, b.name);
           });
           return;
         }
-        x.value.splice(0);
+        y.value.splice(0);
       }
     }
     function D() {
       e.emitter.emit("vf-modal-close");
     }
-    function $() {
+    function C() {
       return e.requester.transformRequestParams({
         url: "",
         method: "post",
@@ -2623,9 +2634,9 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         onBeforeFileAdded(b, L) {
           if (L[b.id] != null) {
             const X = h(b.id);
-            x.value[X].status === o.PENDING && (C.value = f.i18n("noDuplicates", { fileName: b.name })), x.value = x.value.filter((ue) => ue.id !== b.id);
+            y.value[X].status === o.PENDING && (x.value = f.i18n("noDuplicates", { fileName: b.name })), y.value = y.value.filter((ue) => ue.id !== b.id);
           }
-          return x.value.push({
+          return y.value.push({
             id: b.id,
             name: b.name,
             size: e.filesize(b.size),
@@ -2649,26 +2660,26 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           return new Error(O);
         }
       }), f.on("restriction-failed", (b, L) => {
-        const O = x.value[h(b.id)];
-        oe(O), C.value = L.message;
+        const O = y.value[h(b.id)];
+        oe(O), x.value = L.message;
       }), f.on("upload", () => {
-        const b = $();
+        const b = C();
         f.setMeta({ ...b.body });
         const L = f.getPlugin("XHRUpload");
-        L.opts.method = b.method, L.opts.endpoint = b.url + "?" + new URLSearchParams(b.params), L.opts.headers = b.headers, E.value = !0, x.value.forEach((O) => {
+        L.opts.method = b.method, L.opts.endpoint = b.url + "?" + new URLSearchParams(b.params), L.opts.headers = b.headers, E.value = !0, y.value.forEach((O) => {
           O.status !== o.DONE && (O.percent = null, O.status = o.UPLOADING, O.statusName = s("Pending upload"));
         });
       }), f.on("upload-progress", (b, L) => {
         const O = Math.floor(L.bytesUploaded / L.bytesTotal * 100);
-        x.value[h(b.id)].percent = `${O}%`;
+        y.value[h(b.id)].percent = `${O}%`;
       }), f.on("upload-success", (b) => {
-        const L = x.value[h(b.id)];
+        const L = y.value[h(b.id)];
         L.status = o.DONE, L.statusName = s("Done");
       }), f.on("upload-error", (b, L) => {
-        const O = x.value[h(b.id)];
+        const O = y.value[h(b.id)];
         O.percent = null, O.status = o.ERROR, L.isNetworkError ? O.statusName = s("Network Error, Unable establish connection to the server or interrupted.") : O.statusName = L ? L.message : s("Unknown Error");
       }), f.on("error", (b) => {
-        C.value = b.message, E.value = !1, e.emitter.emit("vf-fetch", {
+        x.value = b.message, E.value = !1, e.emitter.emit("vf-fetch", {
           params: { q: "index", adapter: e.data.adapter, path: e.data.dirname },
           noCloseModal: !0
         });
@@ -2682,9 +2693,9 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
       }), g.value.addEventListener("click", () => {
         l.value.click();
       }), _.value.addEventListener("dragover", (b) => {
-        b.preventDefault(), w.value = !0;
+        b.preventDefault(), $.value = !0;
       }), _.value.addEventListener("dragleave", (b) => {
-        b.preventDefault(), w.value = !1;
+        b.preventDefault(), $.value = !1;
       });
       function j(b, L) {
         L.isFile && L.file((O) => b(L, O)), L.isDirectory && L.createReader().readEntries((O) => {
@@ -2694,7 +2705,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
         });
       }
       _.value.addEventListener("drop", (b) => {
-        b.preventDefault(), w.value = !1;
+        b.preventDefault(), $.value = !1;
         const L = /^[/\\](.+)/;
         [...b.dataTransfer.items].forEach((O) => {
           O.kind === "file" && j((X, ue) => {
@@ -2744,7 +2755,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
                 class: "flex items-center justify-center text-lg mb-4 text-gray-500 border-2 border-gray-300 rounded border-dashed select-none cursor-pointer dark:border-gray-600 h-[120px]",
                 onClick: te
               }, [
-                w.value ? (n(), m("div", zr, v(a(s)("Release to drop these files.")), 1)) : (n(), m("div", Ur, v(a(s)("Drag and drop the files/folders to here or click here.")), 1))
+                $.value ? (n(), m("div", zr, v(a(s)("Release to drop these files.")), 1)) : (n(), m("div", Ur, v(a(s)("Drag and drop the files/folders to here or click here.")), 1))
               ], 512),
               t("div", {
                 ref_key: "container",
@@ -2767,21 +2778,21 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
                   type: "button",
                   class: "vf-btn vf-btn-secondary",
                   disabled: E.value,
-                  onClick: S[0] || (S[0] = (b) => y(!1))
+                  onClick: S[0] || (S[0] = (b) => w(!1))
                 }, v(a(s)("Clear all")), 9, Hr),
                 t("button", {
                   type: "button",
                   class: "vf-btn vf-btn-secondary",
                   disabled: E.value,
-                  onClick: S[1] || (S[1] = (b) => y(!0))
+                  onClick: S[1] || (S[1] = (b) => w(!0))
                 }, v(a(s)("Clear only successful")), 9, Rr)
               ], 512),
-              t("div", qr, [
-                (n(!0), m(U, null, I(x.value, (b) => (n(), m("div", {
+              t("div", Ir, [
+                (n(!0), m(U, null, q(y.value, (b) => (n(), m("div", {
                   class: "flex hover:bg-gray-100 dark:hover:bg-gray-800 dark:hover:text-gray-300",
                   key: b.id
                 }, [
-                  t("span", Ir, [
+                  t("span", qr, [
                     t("span", {
                       class: z(["text-base m-auto", R(b)]),
                       textContent: v(K(b))
@@ -2805,15 +2816,15 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
                     onClick: (L) => oe(b)
                   }, Qr, 10, Jr)
                 ]))), 128)),
-                x.value.length ? M("", !0) : (n(), m("div", Zr, v(a(s)("No files selected!")), 1))
+                y.value.length ? M("", !0) : (n(), m("div", Zr, v(a(s)("No files selected!")), 1))
               ]),
-              C.value.length ? (n(), T(G, {
+              x.value.length ? (n(), T(G, {
                 key: 0,
-                onHidden: S[2] || (S[2] = (b) => C.value = ""),
+                onHidden: S[2] || (S[2] = (b) => x.value = ""),
                 error: ""
               }, {
                 default: A(() => [
-                  V(v(C.value), 1)
+                  V(v(x.value), 1)
                 ]),
                 _: 1
               })) : M("", !0)
@@ -2934,12 +2945,12 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
             t("h3", nn, v(a(s)("Archive the files")), 1),
             t("div", ln, [
               t("div", dn, [
-                (n(!0), m(U, null, I(i.value, (c) => (n(), m("p", cn, [
+                (n(!0), m(U, null, q(i.value, (c) => (n(), m("p", cn, [
                   c.type === "dir" ? (n(), m("svg", un, vn)) : (n(), m("svg", pn, fn)),
                   t("span", gn, v(c.basename), 1)
                 ]))), 256))
               ]),
-              q(t("input", {
+              I(t("input", {
                 "onUpdate:modelValue": l[0] || (l[0] = (c) => r.value = c),
                 onKeyup: Q(u, ["enter"]),
                 class: "my-1 px-2 py-1 border rounded dark:bg-gray-700/25 dark:focus:ring-gray-600 dark:focus:border-gray-600 dark:text-gray-100 w-full",
@@ -3057,7 +3068,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
           t("div", wn, [
             t("h3", $n, v(a(s)("Unarchive")), 1),
             t("div", Cn, [
-              (n(!0), m(U, null, I(i.value, (c) => (n(), m("p", Sn, [
+              (n(!0), m(U, null, q(i.value, (c) => (n(), m("p", Sn, [
                 c.type === "dir" ? (n(), m("svg", Mn, Dn)) : (n(), m("svg", jn, Ln)),
                 t("span", Tn, v(c.basename), 1)
               ]))), 256)),
@@ -3098,7 +3109,7 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
 ], -1), zn = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, Un = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, Hn = { class: "text-sm text-gray-500 pb-1" }, Rn = { class: "max-h-[200px] overflow-y-auto vf-scrollbar text-left" }, qn = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, In = {
+}, Hn = { class: "text-sm text-gray-500 pb-1" }, Rn = { class: "max-h-[200px] overflow-y-auto vf-scrollbar text-left" }, In = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, qn = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500 fill-sky-500 stroke-sky-500 dark:fill-slate-500 dark:stroke-slate-500",
@@ -3186,9 +3197,9 @@ const ys = { class: "relative flex-auto flex flex-col overflow-hidden" }, xs = {
             t("h3", Un, v(a(s)("Move files")), 1),
             t("p", Hn, v(a(s)("Are you sure you want to move these files?")), 1),
             t("div", Rn, [
-              (n(!0), m(U, null, I(r.value, (l) => (n(), m("div", qn, [
+              (n(!0), m(U, null, q(r.value, (l) => (n(), m("div", In, [
                 t("div", null, [
-                  l.type === "dir" ? (n(), m("svg", In, Wn)) : (n(), m("svg", Gn, Kn))
+                  l.type === "dir" ? (n(), m("svg", qn, Wn)) : (n(), m("svg", Gn, Kn))
                 ]),
                 t("div", Jn, v(l.path), 1)
               ]))), 256))
@@ -3291,11 +3302,11 @@ const ve = /* @__PURE__ */ ol(rl, [["render", ll]]), il = { class: "sm:flex sm:i
     k(""), k("");
     const l = async () => {
       o(), location.reload();
-    }, c = (w) => {
-      e.theme.set(w), e.emitter.emit("vf-theme-saved");
+    }, c = ($) => {
+      e.theme.set($), e.emitter.emit("vf-theme-saved");
     }, g = () => {
       e.metricUnits = !e.metricUnits, e.filesize = e.metricUnits ? xe : ye, r("metricUnits", e.metricUnits), e.emitter.emit("vf-metric-units-saved");
-    }, { i18n: _ } = F("VueFinderOptions"), C = Object.fromEntries(
+    }, { i18n: _ } = F("VueFinderOptions"), x = Object.fromEntries(
       Object.entries({
         en: "English",
         fr: "French (Français)",
@@ -3308,13 +3319,13 @@ const ve = /* @__PURE__ */ ol(rl, [["render", ll]]), il = { class: "sm:flex sm:i
         tr: "Turkish (Türkçe)",
         zhCN: "Simplified Chinese (简体中文)",
         zhTW: "Traditional Chinese (繁體中文)"
-      }).filter(([w]) => Object.keys(_).includes(w))
+      }).filter(([$]) => Object.keys(_).includes($))
     ), E = ee(() => ({
       system: i("System"),
       light: i("Light"),
       dark: i("Dark")
     }));
-    return (w, f) => (n(), T(W, null, {
+    return ($, f) => (n(), T(W, null, {
       buttons: A(() => [
         t("button", {
           type: "button",
@@ -3337,7 +3348,7 @@ const ve = /* @__PURE__ */ ol(rl, [["render", ll]]), il = { class: "sm:flex sm:i
                   t("div", fl, [
                     t("div", gl, [
                       t("div", _l, [
-                        q(t("input", {
+                        I(t("input", {
                           id: "metric_unit",
                           name: "metric_unit",
                           type: "checkbox",
@@ -3368,7 +3379,7 @@ const ve = /* @__PURE__ */ ol(rl, [["render", ll]]), il = { class: "sm:flex sm:i
                         t("label", wl, v(a(i)("Theme")), 1)
                       ]),
                       t("div", $l, [
-                        q(t("select", {
+                        I(t("select", {
                           id: "theme",
                           "onUpdate:modelValue": f[1] || (f[1] = (h) => a(e).theme.value = h),
                           onChange: f[2] || (f[2] = (h) => c(h.target.value)),
@@ -3377,7 +3388,7 @@ const ve = /* @__PURE__ */ ol(rl, [["render", ll]]), il = { class: "sm:flex sm:i
                           t("optgroup", {
                             label: a(i)("Theme")
                           }, [
-                            (n(!0), m(U, null, I(E.value, (h, N) => (n(), m("option", { value: N }, v(h), 9, Sl))), 256))
+                            (n(!0), m(U, null, q(E.value, (h, N) => (n(), m("option", { value: N }, v(h), 9, Sl))), 256))
                           ], 8, Cl)
                         ], 544), [
                           [pe, a(e).theme.value]
@@ -3393,12 +3404,12 @@ const ve = /* @__PURE__ */ ol(rl, [["render", ll]]), il = { class: "sm:flex sm:i
                         })
                       ])
                     ]),
-                    a(e).features.includes(a(B).LANGUAGE) && Object.keys(a(C)).length > 1 ? (n(), m("div", Ml, [
+                    a(e).features.includes(a(B).LANGUAGE) && Object.keys(a(x)).length > 1 ? (n(), m("div", Ml, [
                       t("div", El, [
                         t("label", Dl, v(a(i)("Language")), 1)
                       ]),
                       t("div", jl, [
-                        q(t("select", {
+                        I(t("select", {
                           id: "language",
                           "onUpdate:modelValue": f[3] || (f[3] = (h) => _e(d) ? d.value = h : null),
                           onChange: f[4] || (f[4] = (h) => a(u)(h.target.value)),
@@ -3407,7 +3418,7 @@ const ve = /* @__PURE__ */ ol(rl, [["render", ll]]), il = { class: "sm:flex sm:i
                           t("optgroup", {
                             label: a(i)("Language")
                           }, [
-                            (n(!0), m(U, null, I(a(C), (h, N) => (n(), m("option", { value: N }, v(h), 9, Ll))), 256))
+                            (n(!0), m(U, null, q(a(x), (h, N) => (n(), m("option", { value: N }, v(h), 9, Ll))), 256))
                           ], 8, Al)
                         ], 544), [
                           [pe, a(d)]