npm - vuefinder - Versions diffs - 1.0.2 → 1.0.4 - Mend

vuefinder 1.0.2 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/vuefinder.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ref as V, watch as Nt, inject as R, openBlock as x, createElementBlock as C, createElementVNode as d, unref as _, normalizeClass as ue, createTextVNode as Me, toDisplayString as E, createCommentVNode as oe, createVNode as ye, TransitionGroup as Ti, withCtx as ee, Fragment as se, renderList as ve, reactive as dt, onMounted as xe, withDirectives as ge, vShow as at, normalizeStyle as Lt, withModifiers as Oe, nextTick as mt, vModelSelect as lr, customRef as Ai, withKeys as Ke, isRef as Oi, vModelText as Ye, provide as yt, createBlock as ce, resolveDynamicComponent as Pi, renderSlot as cr } from "vue";
+import { ref as V, watch as Nt, inject as R, openBlock as x, createElementBlock as C, createElementVNode as d, unref as _, normalizeClass as ue, createTextVNode as Me, toDisplayString as $, createCommentVNode as oe, createVNode as ye, TransitionGroup as Ti, withCtx as ee, Fragment as se, renderList as ve, reactive as dt, onMounted as xe, onUpdated as Ai, withDirectives as ge, vShow as at, withModifiers as Oe, nextTick as mt, vModelSelect as sr, customRef as Oi, withKeys as Ke, isRef as Pi, vModelText as Ye, normalizeStyle as Cr, provide as yt, createBlock as ce, resolveDynamicComponent as Ii, renderSlot as lr } from "vue";
 import wt from "plupload";
 const ht = (o, { method: e = "get", params: t = {}, json: n = !0 }) => {
   const a = { method: e };
@@ -7,13 +7,13 @@ const ht = (o, { method: e = "get", params: t = {}, json: n = !0 }) => {
   else {
     a.headers = {};
     let i = new FormData();
-    for (const [l, f] of Object.entries(t))
-      i.append(l, f);
+    for (const [l, h] of Object.entries(t))
+      i.append(l, h);
     a.body = i;
   }
-  return fetch(o, a).then((i) => i.ok ? n ? i.json() : i.text() : Promise.reject(i));
+  return fetch(o, a).then((i) => i.ok ? n ? i.json() : i.text() : i.json().then(Promise.reject.bind(Promise)));
 };
-function Ii(o) {
+function Ni(o) {
   return { all: o = o || /* @__PURE__ */ new Map(), on: function(e, t) {
     var n = o.get(e);
     n ? n.push(t) : o.set(e, [t]);
@@ -36,25 +36,25 @@ function St(o) {
   function n() {
     t.value === null || t.value === "" ? localStorage.removeItem(o + "_storage") : localStorage.setItem(o + "_storage", JSON.stringify(t.value));
   }
-  function a(f, m) {
-    t.value = Object.assign({ ...t.value }, { [f]: m });
+  function a(h, m) {
+    t.value = Object.assign({ ...t.value }, { [h]: m });
   }
   function i() {
     t.value = null;
   }
-  return { getStore: (f, m = null) => t.value === null || t.value === "" ? m : t.value.hasOwnProperty(f) ? t.value[f] : m, setStore: a, clearStore: i };
+  return { getStore: (h, m = null) => t.value === null || t.value === "" ? m : t.value.hasOwnProperty(h) ? t.value[h] : m, setStore: a, clearStore: i };
 }
-const ur = V("");
-function Se() {
+const cr = V("");
+function ke() {
   function o(e) {
-    ur.value = e;
+    cr.value = e;
   }
-  return { apiUrl: ur, setApiUrl: o };
+  return { apiUrl: cr, setApiUrl: o };
 }
-const Ni = { class: "border-neutral-300 flex justify-between items-center py-1 text-sm" }, Li = {
+const Li = { class: "border-neutral-300 flex justify-between items-center py-1 text-sm" }, ji = {
   key: 0,
   class: "flex text-center"
-}, ji = ["aria-label"], Vi = /* @__PURE__ */ d("svg", {
+}, Vi = ["aria-label"], zi = /* @__PURE__ */ d("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",
@@ -67,9 +67,9 @@ const Ni = { class: "border-neutral-300 flex justify-between items-center py-1 t
     "stroke-linejoin": "round",
     d: "M12 10.5v6m3-3H9m4.06-7.19l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z"
   })
-], -1), zi = [
-  Vi
-], Bi = ["aria-label"], Ri = /* @__PURE__ */ d("svg", {
+], -1), Bi = [
+  zi
+], Ri = ["aria-label"], Hi = /* @__PURE__ */ d("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",
@@ -82,21 +82,21 @@ const Ni = { class: "border-neutral-300 flex justify-between items-center py-1 t
     "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), Hi = [
-  Ri
-], Ui = ["aria-label"], Ki = /* @__PURE__ */ d("path", {
+], -1), Ui = [
+  Hi
+], Ki = ["aria-label"], Yi = /* @__PURE__ */ d("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10"
-}, null, -1), Yi = [
-  Ki
-], Wi = ["aria-label"], Xi = /* @__PURE__ */ d("path", {
+}, null, -1), Wi = [
+  Yi
+], Xi = ["aria-label"], Fi = /* @__PURE__ */ d("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"
-}, null, -1), Fi = [
-  Xi
-], qi = ["aria-label"], Gi = /* @__PURE__ */ d("svg", {
+}, null, -1), qi = [
+  Fi
+], Gi = ["aria-label"], Ji = /* @__PURE__ */ d("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",
@@ -109,101 +109,101 @@ const Ni = { class: "border-neutral-300 flex justify-between items-center py-1 t
     "stroke-linejoin": "round",
     d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5"
   })
-], -1), Ji = [
-  Gi
-], Zi = ["aria-label"], Qi = /* @__PURE__ */ d("path", {
+], -1), Zi = [
+  Ji
+], Qi = ["aria-label"], en = /* @__PURE__ */ d("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   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"
-}, null, -1), en = [
-  Qi
-], tn = ["aria-label"], rn = /* @__PURE__ */ d("path", {
+}, null, -1), tn = [
+  en
+], rn = ["aria-label"], nn = /* @__PURE__ */ d("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   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"
-}, null, -1), nn = [
-  rn
-], on = {
+}, null, -1), on = [
+  nn
+], an = {
   key: 1,
   class: "flex text-center"
-}, an = { class: "pl-2" }, sn = { class: "dark:bg-gray-700 bg-gray-200 text-xs px-2 py-1 rounded" }, ln = { class: "flex text-center items-center justify-end" }, cn = ["aria-label"], un = /* @__PURE__ */ d("path", {
+}, sn = { class: "pl-2" }, ln = { class: "dark:bg-gray-700 bg-gray-200 text-xs px-2 py-1 rounded" }, cn = { class: "flex text-center items-center justify-end" }, un = ["aria-label"], dn = /* @__PURE__ */ d("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z"
-}, null, -1), dn = [
-  un
-], hn = ["aria-label"], fn = {
+}, null, -1), hn = [
+  dn
+], fn = ["aria-label"], mn = {
   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",
   viewBox: "0 0 24 24",
   stroke: "none",
   "stroke-width": "1.5"
-}, mn = {
+}, pn = {
   key: 0,
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M9 9V4.5M9 9H4.5M9 9L3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5l5.25 5.25"
-}, pn = {
+}, gn = {
   key: 1,
   "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"
-}, gn = ["aria-label"], vn = {
+}, vn = ["aria-label"], bn = {
   key: 0,
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M3.75 6A2.25 2.25 0 016 3.75h2.25A2.25 2.25 0 0110.5 6v2.25a2.25 2.25 0 01-2.25 2.25H6a2.25 2.25 0 01-2.25-2.25V6zM3.75 15.75A2.25 2.25 0 016 13.5h2.25a2.25 2.25 0 012.25 2.25V18a2.25 2.25 0 01-2.25 2.25H6A2.25 2.25 0 013.75 18v-2.25zM13.5 6a2.25 2.25 0 012.25-2.25H18A2.25 2.25 0 0120.25 6v2.25A2.25 2.25 0 0118 10.5h-2.25a2.25 2.25 0 01-2.25-2.25V6zM13.5 15.75a2.25 2.25 0 012.25-2.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-2.25A2.25 2.25 0 0113.5 18v-2.25z"
-}, bn = {
+}, yn = {
   key: 1,
   "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"
-}, yn = {
+}, wn = {
   name: "VFToolbar"
-}, wn = /* @__PURE__ */ Object.assign(yn, {
+}, xn = /* @__PURE__ */ Object.assign(wn, {
   props: {
     data: Object
   },
   setup(o) {
-    const e = R("emitter"), { getStore: t, setStore: n } = R("storage"), { t: a } = R("i18n"), i = V(t("viewport", "grid")), l = V([]), f = V(t("full-screen", !1)), m = V("");
-    e.on("vf-search-query", ({ newQuery: h }) => {
-      m.value = h;
+    const e = R("emitter"), { getStore: t, setStore: n } = R("storage"), { t: a } = R("i18n"), i = V(t("viewport", "grid")), l = V([]), h = V(t("full-screen", !1)), m = V("");
+    e.on("vf-search-query", ({ newQuery: f }) => {
+      m.value = f;
     });
-    const p = () => {
-      f.value = !f.value, e.emit("vf-fullscreen-toggle");
+    const v = () => {
+      h.value = !h.value, e.emit("vf-fullscreen-toggle");
     };
-    return e.on("vf-nodes-selected", (h) => {
-      l.value = h;
-    }), e.on("vf-view-toggle", (h) => {
-      n("viewport", h), i.value = h;
-    }), (h, v) => (x(), C("div", Ni, [
-      m.value.length ? (x(), C("div", on, [
-        d("div", an, [
-          Me(E(_(a)("Search results for")) + " ", 1),
-          d("span", sn, E(m.value), 1)
+    return e.on("vf-nodes-selected", (f) => {
+      l.value = f;
+    }), e.on("vf-view-toggle", (f) => {
+      n("viewport", f), i.value = f;
+    }), (f, p) => (x(), C("div", Li, [
+      m.value.length ? (x(), C("div", an, [
+        d("div", sn, [
+          Me($(_(a)("Search results for")) + " ", 1),
+          d("span", ln, $(m.value), 1)
         ])
-      ])) : (x(), C("div", Li, [
+      ])) : (x(), C("div", ji, [
         d("div", {
           class: "mx-1.5",
           "aria-label": _(a)("New Folder"),
           "data-microtip-position": "bottom-right",
           role: "tooltip",
-          onClick: v[0] || (v[0] = (b) => _(e).emit("vf-modal-show", { type: "new-folder", items: l.value }))
-        }, zi, 8, ji),
+          onClick: p[0] || (p[0] = (b) => _(e).emit("vf-modal-show", { type: "new-folder", items: l.value }))
+        }, Bi, 8, Vi),
         d("div", {
           class: "mx-1.5",
           "aria-label": _(a)("New File"),
           "data-microtip-position": "bottom",
           role: "tooltip",
-          onClick: v[1] || (v[1] = (b) => _(e).emit("vf-modal-show", { type: "new-file", items: l.value }))
-        }, Hi, 8, Bi),
+          onClick: p[1] || (p[1] = (b) => _(e).emit("vf-modal-show", { type: "new-file", items: l.value }))
+        }, Ui, 8, Ri),
         d("div", {
           class: "mx-1.5",
           "aria-label": _(a)("Rename"),
           "data-microtip-position": "bottom",
           role: "tooltip",
-          onClick: v[2] || (v[2] = (b) => l.value.length != 1 || _(e).emit("vf-modal-show", { type: "rename", items: l.value }))
+          onClick: p[2] || (p[2] = (b) => l.value.length != 1 || _(e).emit("vf-modal-show", { type: "rename", items: l.value }))
         }, [
           (x(), C("svg", {
             xmlns: "http://www.w3.org/2000/svg",
@@ -212,14 +212,14 @@ const Ni = { class: "border-neutral-300 flex justify-between items-center py-1 t
             viewBox: "0 0 24 24",
             stroke: "none",
             "stroke-width": "1.5"
-          }, Yi, 2))
-        ], 8, Ui),
+          }, Wi, 2))
+        ], 8, Ki),
         d("div", {
           class: "mx-1.5",
           "aria-label": _(a)("Delete"),
           "data-microtip-position": "bottom",
           role: "tooltip",
-          onClick: v[3] || (v[3] = (b) => !l.value.length || _(e).emit("vf-modal-show", { type: "delete", items: l.value }))
+          onClick: p[3] || (p[3] = (b) => !l.value.length || _(e).emit("vf-modal-show", { type: "delete", items: l.value }))
         }, [
           (x(), C("svg", {
             xmlns: "http://www.w3.org/2000/svg",
@@ -228,22 +228,22 @@ const Ni = { class: "border-neutral-300 flex justify-between items-center py-1 t
             viewBox: "0 0 24 24",
             stroke: "none",
             "stroke-width": "1.5"
-          }, Fi, 2))
-        ], 8, Wi),
+          }, qi, 2))
+        ], 8, Xi),
         d("div", {
           class: "mx-1.5",
           "aria-label": _(a)("Upload"),
           "data-microtip-position": "bottom",
           role: "tooltip",
-          onClick: v[4] || (v[4] = (b) => _(e).emit("vf-modal-show", { type: "upload", items: l.value }))
-        }, Ji, 8, qi),
+          onClick: p[4] || (p[4] = (b) => _(e).emit("vf-modal-show", { type: "upload", items: l.value }))
+        }, Zi, 8, Gi),
         l.value.length == 1 && l.value[0].mime_type == "application/zip" ? (x(), C("div", {
           key: 0,
           class: "mx-1.5",
           "aria-label": _(a)("Unrchive"),
           "data-microtip-position": "bottom",
           role: "tooltip",
-          onClick: v[5] || (v[5] = (b) => !l.value.length || _(e).emit("vf-modal-show", { type: "unarchive", items: l.value }))
+          onClick: p[5] || (p[5] = (b) => !l.value.length || _(e).emit("vf-modal-show", { type: "unarchive", items: l.value }))
         }, [
           (x(), C("svg", {
             xmlns: "http://www.w3.org/2000/svg",
@@ -252,14 +252,14 @@ const Ni = { class: "border-neutral-300 flex justify-between items-center py-1 t
             viewBox: "0 0 24 24",
             stroke: "none",
             "stroke-width": "1.5"
-          }, en, 2))
-        ], 8, Zi)) : (x(), C("div", {
+          }, tn, 2))
+        ], 8, Qi)) : (x(), C("div", {
           key: 1,
           class: "mx-1.5",
           "aria-label": _(a)("Archive"),
           "data-microtip-position": "bottom",
           role: "tooltip",
-          onClick: v[6] || (v[6] = (b) => !l.value.length || _(e).emit("vf-modal-show", { type: "archive", items: l.value }))
+          onClick: p[6] || (p[6] = (b) => !l.value.length || _(e).emit("vf-modal-show", { type: "archive", items: l.value }))
         }, [
           (x(), C("svg", {
             xmlns: "http://www.w3.org/2000/svg",
@@ -268,10 +268,10 @@ const Ni = { class: "border-neutral-300 flex justify-between items-center py-1 t
             viewBox: "0 0 24 24",
             stroke: "none",
             "stroke-width": "1.5"
-          }, nn, 2))
-        ], 8, tn))
+          }, on, 2))
+        ], 8, rn))
       ])),
-      d("div", ln, [
+      d("div", cn, [
         d("div", {
           class: "mx-1.5",
           "aria-label": _(a)("Dark Mode"),
@@ -279,31 +279,31 @@ const Ni = { class: "border-neutral-300 flex justify-between items-center py-1 t
           role: "tooltip"
         }, [
           (x(), C("svg", {
-            onClick: v[7] || (v[7] = (b) => _(e).emit("vf-darkMode-toggle")),
+            onClick: p[7] || (p[7] = (b) => _(e).emit("vf-darkMode-toggle")),
             viewBox: "0 0 24 24",
             "stroke-width": "2",
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             class: "h-6 w-6 m-auto cursor-pointer stroke-sky-500 fill-sky-100 hover:stroke-sky-600 dark:stroke-gray-400 dark:fill-gray-400/20 dark:hover:stroke-gray-300"
-          }, dn))
-        ], 8, cn),
+          }, hn))
+        ], 8, un),
         d("div", {
           class: "mx-1.5",
           "aria-label": _(a)("Toggle Full Screen"),
           "data-microtip-position": "bottom",
           role: "tooltip",
-          onClick: p
+          onClick: v
         }, [
-          (x(), C("svg", fn, [
-            f.value ? (x(), C("path", mn)) : (x(), C("path", pn))
+          (x(), C("svg", mn, [
+            h.value ? (x(), C("path", pn)) : (x(), C("path", gn))
           ]))
-        ], 8, hn),
+        ], 8, fn),
         d("div", {
           class: "mx-1.5",
           "aria-label": _(a)("Change View"),
           "data-microtip-position": "bottom-left",
           role: "tooltip",
-          onClick: v[8] || (v[8] = (b) => m.value.length || _(e).emit("vf-view-toggle", i.value == "list" ? "grid" : "list"))
+          onClick: p[8] || (p[8] = (b) => m.value.length || _(e).emit("vf-view-toggle", i.value == "list" ? "grid" : "list"))
         }, [
           (x(), C("svg", {
             xmlns: "http://www.w3.org/2000/svg",
@@ -313,19 +313,19 @@ const Ni = { class: "border-neutral-300 flex justify-between items-center py-1 t
             stroke: "none",
             "stroke-width": "1.5"
           }, [
-            i.value == "grid" ? (x(), C("path", vn)) : oe("", !0),
-            i.value == "list" ? (x(), C("path", bn)) : oe("", !0)
+            i.value == "grid" ? (x(), C("path", bn)) : oe("", !0),
+            i.value == "list" ? (x(), C("path", yn)) : oe("", !0)
           ], 2))
-        ], 8, gn)
+        ], 8, vn)
       ])
     ]));
   }
 });
-var xn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Mr = { exports: {} };
+var _n = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Mr = { exports: {} };
 (function(o, e) {
   (function(t, n) {
     o.exports = n();
-  })(xn, function() {
+  })(_n, function() {
     function t(u, s) {
       if (!(u instanceof s))
         throw new TypeError("Cannot call a class as a function");
@@ -357,7 +357,7 @@ var xn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       }
       return r;
     }
-    function f(u) {
+    function h(u) {
       for (var s = 1; s < arguments.length; s++) {
         var r = arguments[s] != null ? arguments[s] : {};
         s % 2 ? l(Object(r), !0).forEach(function(g) {
@@ -377,19 +377,19 @@ var xn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
           writable: !0,
           configurable: !0
         }
-      }), s && h(u, s);
+      }), s && f(u, s);
     }
-    function p(u) {
-      return p = Object.setPrototypeOf ? Object.getPrototypeOf : function(r) {
+    function v(u) {
+      return v = Object.setPrototypeOf ? Object.getPrototypeOf : function(r) {
         return r.__proto__ || Object.getPrototypeOf(r);
-      }, p(u);
+      }, v(u);
     }
-    function h(u, s) {
-      return h = Object.setPrototypeOf || function(g, c) {
+    function f(u, s) {
+      return f = Object.setPrototypeOf || function(g, c) {
         return g.__proto__ = c, g;
-      }, h(u, s);
+      }, f(u, s);
     }
-    function v() {
+    function p() {
       if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
         return !1;
       if (typeof Proxy == "function")
@@ -402,11 +402,11 @@ var xn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       }
     }
     function b(u, s, r) {
-      return v() ? b = Reflect.construct : b = function(c, y, w) {
+      return p() ? b = Reflect.construct : b = function(c, y, w) {
         var k = [null];
         k.push.apply(k, y);
         var S = Function.bind.apply(c, k), O = new S();
-        return w && h(O, w.prototype), O;
+        return w && f(O, w.prototype), O;
       }, b.apply(null, arguments);
     }
     function A(u) {
@@ -425,7 +425,7 @@ var xn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
           s.set(g, c);
         }
         function c() {
-          return b(g, arguments, p(this).constructor);
+          return b(g, arguments, v(this).constructor);
         }
         return c.prototype = Object.create(g.prototype, {
           constructor: {
@@ -434,7 +434,7 @@ var xn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
             writable: !0,
             configurable: !0
           }
-        }), h(c, g);
+        }), f(c, g);
       }, M(u);
     }
     function T(u) {
@@ -442,23 +442,23 @@ var xn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
       return u;
     }
-    function L(u, s) {
+    function I(u, s) {
       return s && (typeof s == "object" || typeof s == "function") ? s : T(u);
     }
     function z(u) {
-      var s = v();
+      var s = p();
       return function() {
-        var g = p(u), c;
+        var g = v(u), c;
         if (s) {
-          var y = p(this).constructor;
+          var y = v(this).constructor;
           c = Reflect.construct(g, arguments, y);
         } else
           c = g.apply(this, arguments);
-        return L(this, c);
+        return I(this, c);
       };
     }
     function B(u, s) {
-      for (; !Object.prototype.hasOwnProperty.call(u, s) && (u = p(u), u !== null); )
+      for (; !Object.prototype.hasOwnProperty.call(u, s) && (u = v(u), u !== null); )
         ;
       return u;
     }
@@ -472,14 +472,14 @@ var xn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       }, P(u, s, r || u);
     }
     function ne(u, s) {
-      return X(u) || le(u, s) || fe(u, s) || I();
+      return X(u) || le(u, s) || fe(u, s) || N();
     }
     function F(u) {
       return D(u) || q(u) || fe(u) || U();
     }
     function D(u) {
       if (Array.isArray(u))
-        return N(u);
+        return L(u);
     }
     function X(u) {
       if (Array.isArray(u))
@@ -511,15 +511,15 @@ var xn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
     function fe(u, s) {
       if (!!u) {
         if (typeof u == "string")
-          return N(u, s);
+          return L(u, s);
         var r = Object.prototype.toString.call(u).slice(8, -1);
         if (r === "Object" && u.constructor && (r = u.constructor.name), r === "Map" || r === "Set")
           return Array.from(u);
         if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))
-          return N(u, s);
+          return L(u, s);
       }
     }
-    function N(u, s) {
+    function L(u, s) {
       (s == null || s > u.length) && (s = u.length);
       for (var r = 0, g = new Array(s); r < s; r++)
         g[r] = u[r];
@@ -529,7 +529,7 @@ var xn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
     }
-    function I() {
+    function N() {
       throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
     }
@@ -629,7 +629,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         x: u.scrollLeft >= 0 ? u.scrollLeft : Ne().x,
         y: u.scrollTop >= 0 ? u.scrollTop : Ne().y
       };
-    }, Ht = function(u) {
+    }, Rt = function(u) {
       var s = u.elementRect, r = u.containerRect, g = u.tolerance, c = g === void 0 ? {
         x: 0,
         y: 0
@@ -644,7 +644,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }, Kr = function(u) {
       var s = u.scrollAmount, r = u.initialPointerPos, g = u.pointerPos, c = {};
       return g.x > r.x - s.x ? (c.left = r.x - s.x, c.width = g.x - r.x + s.x) : (c.left = g.x, c.width = r.x - g.x - s.x), g.y > r.y - s.y ? (c.top = r.y - s.y, c.height = g.y - r.y + s.y) : (c.top = g.y, c.height = r.y - g.y - s.y), c;
-    }, Ut = function(s) {
+    }, Ht = function(s) {
       var r = {
         x: 0,
         y: 0
@@ -669,7 +669,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }, Yr = function(s) {
       var r = s.style.transform;
       if (!r || r.indexOf("translate") < 0)
-        return Ut(s);
+        return Ht(s);
       var g = {
         x: 0,
         y: 0
@@ -681,7 +681,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           g.x = parseInt(S[0]) || 0, g.y = parseInt(S[1]) || 0;
         }
       }
-      return !g.x && !g.x ? Ut(s) : g;
+      return !g.x && !g.x ? Ht(s) : g;
     }, Wr = function(s) {
       var r = s.style, g = {
         x: parseInt(r.left) || 0,
@@ -712,15 +712,15 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         y: y.y,
         x: y.x + c.right - g.right
       }, w);
-    }, Kt = function(u) {
+    }, Ut = function(u) {
       var s = u.computedStyle, r = u.node, g = s.position, c = g === "absolute" || g === "relative" || g === "fixed";
       !(r instanceof HTMLDocument) && !c && (r.style.position = "relative");
     }, qr = function(u) {
       var s = u.shiftKey, r = u.keyboardDragSpeed, g = u.zoom, c = u.key, y = u.dragKeys, w = u.scrollDiff, k = u.canScroll, S = u.scrollCallback, O = {
         x: 0,
         y: 0
-      }, $ = s ? r * 4 * g : r * g;
-      return y.left.includes(c) && (O.x = w.x || -$, !s && !w.x && k && S(["left"], r)), y.right.includes(c) && (O.x = w.x || $, !s && !w.x && k && S(["right"], r)), y.up.includes(c) && (O.y = w.y || -$, !s && !w.y && k && S(["top"], r)), y.down.includes(c) && (O.y = w.y || $, !s && !w.y && k && S(["bottom"], r)), O;
+      }, E = s ? r * 4 * g : r * g;
+      return y.left.includes(c) && (O.x = w.x || -E, !s && !w.x && k && S(["left"], r)), y.right.includes(c) && (O.x = w.x || E, !s && !w.x && k && S(["right"], r)), y.up.includes(c) && (O.y = w.y || -E, !s && !w.y && k && S(["top"], r)), y.down.includes(c) && (O.y = w.y || E, !s && !w.y && k && S(["bottom"], r)), O;
     }, Gr = function(u) {
       var s = u.element, r = u.force, g = u.multiSelectionToggle, c = u.SelectedSet, y = u.hoverClassName;
       s.classList.contains(y) && !r || (c.has(s) ? g && c.delete(s) : c.add(s), s.classList.add(y));
@@ -732,10 +732,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       w && !k ? g.delete(s) : !w && k && g.add(s), s.classList.remove(y);
     }, vt = function(u, s) {
       return u.left < s.right && u.right > s.left && u.top < s.bottom && u.bottom > s.top;
-    }, Yt = function(u) {
+    }, Kt = function(u) {
       var s = u.element, r = u.posDirection, g = u.containerRect, c = u.useTransform, y = Xr(s, c), w = Y(y, "+", r);
       Fe(s, w, c);
-      var k = s.getBoundingClientRect(), S = Ht({
+      var k = s.getBoundingClientRect(), S = Rt({
         elementRect: k,
         containerRect: g
       });
@@ -777,19 +777,19 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }],
         "Interaction:update": [{
           name: "dragmove",
-          condition: function($) {
-            return $.event;
+          condition: function(E) {
+            return E.event;
           }
         }],
         "Interaction:end": [{
           name: "callback"
         }]
       }, w = function() {
-        var $ = ne(S[k], 2), j = $[0], K = $[1];
+        var E = ne(S[k], 2), j = E[0], K = E[1];
         ["pre", !1].forEach(function(Q) {
           return s(Q ? "".concat(j, ":").concat(Q) : j, function(me) {
             return K.forEach(function(re) {
-              return (!re.condition || re.condition(me)) && r(Q ? "".concat(Q).concat(re.name) : re.name, f({
+              return (!re.condition || re.condition(me)) && r(Q ? "".concat(Q).concat(re.name) : re.name, h({
                 items: c.elements,
                 isDragging: g.isDragging
               }, me));
@@ -800,13 +800,13 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         w();
     }, je = function(u) {
       return u ? !Array.isArray(u) && (u instanceof HTMLElement || u instanceof SVGElement) ? [u] : F(u) : [];
-    }, Wt = function(u, s) {
+    }, Yt = function(u, s) {
       u.style.left = "".concat(s.left, "px"), u.style.top = "".concat(s.top, "px"), u.style.width = "".concat(s.width, "px"), u.style.height = "".concat(s.height, "px");
     }, ti = /* @__PURE__ */ function() {
       function u(s) {
         var r = this, g = s.area, c = s.PS, y = s.zoom;
         t(this, u), i(this, "_modificationCallback", void 0), i(this, "_modificationObserver", void 0), i(this, "_zoom", void 0), i(this, "_node", void 0), i(this, "_parentNodes", void 0), i(this, "_computedStyle", void 0), i(this, "_computedBorder", void 0), i(this, "_rect", void 0), i(this, "setArea", function(w) {
-          r._node = w, Kt({
+          r._node = w, Ut({
             computedStyle: r.computedStyle,
             node: r._node
           }), setTimeout(function() {
@@ -878,8 +878,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }(), ri = /* @__PURE__ */ function() {
       function u(s) {
         var r = this, g = s.DS, c = s.dragKeys, y = s.draggability, w = s.keyboardDrag, k = s.keyboardDragSpeed, S = s.useTransform, O = s.zoom;
-        t(this, u), i(this, "_useTransform", void 0), i(this, "_prevCursorPos", void 0), i(this, "_prevScrollPos", void 0), i(this, "_elements", []), i(this, "_draggability", void 0), i(this, "_dragKeys", void 0), i(this, "_dragKeysFlat", void 0), i(this, "_keyboardDrag", void 0), i(this, "_keyboardDragSpeed", void 0), i(this, "_zoom", void 0), i(this, "keyboardDrag", function($) {
-          var j = $.event, K = $.key;
+        t(this, u), i(this, "_useTransform", void 0), i(this, "_prevCursorPos", void 0), i(this, "_prevScrollPos", void 0), i(this, "_elements", []), i(this, "_draggability", void 0), i(this, "_dragKeys", void 0), i(this, "_dragKeysFlat", void 0), i(this, "_keyboardDrag", void 0), i(this, "_keyboardDragSpeed", void 0), i(this, "_zoom", void 0), i(this, "keyboardDrag", function(E) {
+          var j = E.event, K = E.key;
           if (!(!r._keyboardDrag || !r._dragKeysFlat.includes(K) || !r.DS.SelectedSet.size || !r._draggability || r.DS.continue)) {
             var Q = {
               event: j,
@@ -898,7 +898,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               dragKeys: r._dragKeys
             });
             r._elements.forEach(function(re) {
-              return Yt({
+              return Kt({
                 element: re,
                 posDirection: me,
                 containerRect: r.DS.SelectorArea.rect,
@@ -906,8 +906,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               });
             }), r.DS.publish(["Interaction:update:pre", "Interaction:update"], Q);
           }
-        }), i(this, "keyboardEnd", function($) {
-          var j = $.event, K = $.key;
+        }), i(this, "keyboardEnd", function(E) {
+          var j = E.event, K = E.key;
           if (!(!r._keyboardDrag || !r._dragKeysFlat.includes(K) || !r.DS.SelectedSet.size || !r._draggability)) {
             var Q = {
               event: j,
@@ -916,17 +916,17 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             };
             r.DS.publish(["Interaction:end:pre", "Interaction:end"], Q);
           }
-        }), i(this, "start", function($) {
-          var j = $.isDragging, K = $.isDraggingKeyboard;
+        }), i(this, "start", function(E) {
+          var j = E.isDragging, K = E.isDraggingKeyboard;
           !j || K || (r._prevCursorPos = null, r._prevScrollPos = null, r._elements = r.DS.getSelection(), r.handleZIndex(!0));
-        }), i(this, "stop", function($) {
-          $ != null && $.isKeyboard || (r._prevCursorPos = null, r._prevScrollPos = null, r.handleZIndex(!1), r._elements = []);
-        }), i(this, "update", function($) {
-          var j = $.isDragging, K = $.isDraggingKeyboard;
+        }), i(this, "stop", function(E) {
+          E != null && E.isKeyboard || (r._prevCursorPos = null, r._prevScrollPos = null, r.handleZIndex(!1), r._elements = []);
+        }), i(this, "update", function(E) {
+          var j = E.isDragging, K = E.isDraggingKeyboard;
           if (!(!j || !r._elements.length || K || r.DS.continue)) {
             var Q = Y(r._cursorDiff, "+", r._scrollDiff);
             r._elements.forEach(function(me) {
-              return Yt({
+              return Kt({
                 element: me,
                 posDirection: Q,
                 containerRect: r.DS.SelectorArea.rect,
@@ -934,22 +934,22 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               });
             });
           }
-        }), i(this, "handleZIndex", function($) {
+        }), i(this, "handleZIndex", function(E) {
           r._elements.forEach(function(j) {
-            return j.style.zIndex = "".concat((parseInt(j.style.zIndex) || 0) + $ ? 9999 : -9998);
+            return j.style.zIndex = "".concat((parseInt(j.style.zIndex) || 0) + E ? 9999 : -9998);
           });
         }), this.DS = g, this._useTransform = S, this._keyboardDragSpeed = k, this._keyboardDrag = w, this._zoom = O, this._draggability = y, this._dragKeys = {
-          up: c.up.map(function($) {
-            return $.toLowerCase();
+          up: c.up.map(function(E) {
+            return E.toLowerCase();
           }),
-          down: c.down.map(function($) {
-            return $.toLowerCase();
+          down: c.down.map(function(E) {
+            return E.toLowerCase();
           }),
-          left: c.left.map(function($) {
-            return $.toLowerCase();
+          left: c.left.map(function(E) {
+            return E.toLowerCase();
           }),
-          right: c.right.map(function($) {
-            return $.toLowerCase();
+          right: c.right.map(function(E) {
+            return E.toLowerCase();
           })
         }, this._dragKeysFlat = [].concat(F(this._dragKeys.up), F(this._dragKeys.down), F(this._dragKeys.left), F(this._dragKeys.right)), this.DS.subscribe("Interaction:start", this.start), this.DS.subscribe("Interaction:end", this.stop), this.DS.subscribe("Interaction:update", this.update), this.DS.subscribe("KeyStore:down", this.keyboardDrag), this.DS.subscribe("KeyStore:up", this.keyboardEnd);
       }
@@ -1001,7 +1001,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }), i(this, "onClick", function(S) {
           var O = S.event;
           if (!!r._canInteract(O) && !(O.detail > 0)) {
-            var $ = r.DS, j = $.stores, K = j.PointerStore, Q = j.KeyStore, me = $.SelectableSet, re = $.SelectedSet;
+            var E = r.DS, j = E.stores, K = j.PointerStore, Q = j.KeyStore, me = E.SelectableSet, re = E.SelectedSet;
             K.start(O);
             var Ve = O.target;
             !me.has(Ve) || (Q.isMultiSelectKeyPressed(O) || re.clear(), re.toggle(Ve), r.reset());
@@ -1011,10 +1011,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             passive: !1
           }), document.removeEventListener("mouseup", r.reset), document.removeEventListener("touchend", r.reset);
         }), i(this, "update", function(S) {
-          var O = S.event, $ = S.scroll_directions, j = S.scroll_multiplier;
+          var O = S.event, E = S.scroll_directions, j = S.scroll_multiplier;
           r.isInteracting && r.DS.publish(["Interaction:update:pre", "Interaction:update"], {
             event: O,
-            scroll_directions: $,
+            scroll_directions: E,
             scroll_multiplier: j,
             isDragging: r.isDragging
           });
@@ -1081,7 +1081,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       m(r, u);
       var s = z(r);
       function r(g) {
-        var c, y = g.elements, w = g.className, k = g.hoverClassName, S = g.draggability, O = g.useTransform, $ = g.DS;
+        var c, y = g.elements, w = g.className, k = g.hoverClassName, S = g.draggability, O = g.useTransform, E = g.DS;
         return t(this, r), c = s.call(this), i(T(c), "_initElements", void 0), i(T(c), "_className", void 0), i(T(c), "_hoverClassName", void 0), i(T(c), "_useTransform", void 0), i(T(c), "_draggability", void 0), i(T(c), "init", function() {
           return c._initElements.forEach(function(j) {
             return c.add(j);
@@ -1106,24 +1106,24 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           return j.forEach(function(K) {
             return c.delete(K);
           });
-        }), c.DS = $, c._initElements = je(y), c._className = w, c._hoverClassName = k, c._useTransform = O, c._draggability = S, c.DS.subscribe("Interaction:init", c.init), c;
+        }), c.DS = E, c._initElements = je(y), c._className = w, c._hoverClassName = k, c._useTransform = O, c._draggability = S, c.DS.subscribe("Interaction:init", c.init), c;
       }
       return a(r, [{
         key: "add",
         value: function(c) {
           return c.classList.add(this._className), c.addEventListener("click", this._onClick), c.addEventListener("mousedown", this._onPointer), c.addEventListener("touchstart", this._onPointer, {
             passive: !1
-          }), this._draggability && !this._useTransform && Kt({
+          }), this._draggability && !this._useTransform && Ut({
             computedStyle: window.getComputedStyle(c),
             node: c
-          }), P(p(r.prototype), "add", this).call(this, c);
+          }), P(v(r.prototype), "add", this).call(this, c);
         }
       }, {
         key: "delete",
         value: function(c) {
           return c.classList.remove(this._className), c.classList.remove(this._hoverClassName), c.removeEventListener("click", this._onClick), c.removeEventListener("mousedown", this._onPointer), c.removeEventListener("touchstart", this._onPointer, {
             passive: !1
-          }), P(p(r.prototype), "delete", this).call(this, c);
+          }), P(v(r.prototype), "delete", this).call(this, c);
         }
       }, {
         key: "elements",
@@ -1153,24 +1153,24 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       return a(r, [{
         key: "add",
         value: function(c) {
-          if (!P(p(r.prototype), "has", this).call(this, c)) {
+          if (!P(v(r.prototype), "has", this).call(this, c)) {
             var y = {
               items: this.elements,
               item: c
             };
-            return this.DS.publish("Selected:added:pre", y), P(p(r.prototype), "add", this).call(this, c), c.classList.add(this._className), c.style.zIndex = "".concat((parseInt(c.style.zIndex) || 0) + 1), this.DS.publish("Selected:added", y), this;
+            return this.DS.publish("Selected:added:pre", y), P(v(r.prototype), "add", this).call(this, c), c.classList.add(this._className), c.style.zIndex = "".concat((parseInt(c.style.zIndex) || 0) + 1), this.DS.publish("Selected:added", y), this;
           }
         }
       }, {
         key: "delete",
         value: function(c) {
-          if (!!P(p(r.prototype), "has", this).call(this, c)) {
+          if (!!P(v(r.prototype), "has", this).call(this, c)) {
             var y = {
               items: this.elements,
               item: c
             };
             this.DS.publish("Selected:removed:pre", y);
-            var w = P(p(r.prototype), "delete", this).call(this, c);
+            var w = P(v(r.prototype), "delete", this).call(this, c);
             return c.classList.remove(this._className), c.style.zIndex = "".concat((parseInt(c.style.zIndex) || 0) - 1), this.DS.publish("Selected:removed", y), w;
           }
         }
@@ -1195,10 +1195,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           var k = w.isDragging;
           k || r.DS.continue || r._handleInsideSelection();
         }), i(this, "_handleInsideSelection", function(w, k) {
-          for (var S = r.DS, O = S.SelectableSet, $ = S.SelectorArea, j = S.Selector, K = O.elements.map(function(De) {
+          for (var S = r.DS, O = S.SelectableSet, E = S.SelectorArea, j = S.Selector, K = O.elements.map(function(De) {
             return [De, De.getBoundingClientRect()];
           }), Q = [], me = [], re = 0, Ve = K.length; re < Ve; re++)
-            !$.isInside(K[re][0], K[re][1]) || (vt(K[re][1], j.rect) ? Q.push(K[re][0]) : me.push(K[re][0]));
+            !E.isInside(K[re][0], K[re][1]) || (vt(K[re][1], j.rect) ? Q.push(K[re][0]) : me.push(K[re][0]));
           var ot = r.DS.stores.KeyStore.isMultiSelectKeyPressed(k) && r._multiSelectToggling;
           r.DS.continue || (Q.forEach(function(De) {
             return Gr({
@@ -1232,20 +1232,20 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         t(this, u), i(this, "_rect", void 0), i(this, "start", function(k) {
           var S = k.isDragging;
           if (!S) {
-            var O = r.DS.stores.PointerStore, $ = O.initialValArea;
-            Wt(r.HTMLNode, te($, 1)), r.HTMLNode.style.display = "block", r._rect = null;
+            var O = r.DS.stores.PointerStore, E = O.initialValArea;
+            Yt(r.HTMLNode, te(E, 1)), r.HTMLNode.style.display = "block", r._rect = null;
           }
         }), i(this, "stop", function() {
           r.HTMLNode.style.width = "0", r.HTMLNode.style.height = "0", r.HTMLNode.style.display = "none";
         }), i(this, "update", function(k) {
           var S = k.isDragging;
           if (!(S || r.DS.continue)) {
-            var O = r.DS.stores, $ = O.ScrollStore, j = O.PointerStore, K = Kr({
-              scrollAmount: $.scrollAmount,
+            var O = r.DS.stores, E = O.ScrollStore, j = O.PointerStore, K = Kr({
+              scrollAmount: E.scrollAmount,
               initialPointerPos: j.initialValArea,
               pointerPos: j.currentValArea
             });
-            Wt(r.HTMLNode, K), r._rect = null;
+            Yt(r.HTMLNode, K), r._rect = null;
           }
         }), this.DS = g, this.HTMLNode = c || it(w), this.HTMLNode.classList.add(y), this.DS.subscribe("Interaction:start", this.start), this.DS.subscribe("Interaction:update", this.update), this.DS.subscribe("Interaction:end", this.stop);
       }
@@ -1265,8 +1265,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           r.HTMLNode[O](r.DS.Selector.HTMLNode), document[S][O](r.HTMLNode);
         }), i(this, "updatePos", function() {
           r._rect = null;
-          var k = r.DS.Area.rect, S = r.DS.Area.computedBorder, O = r.HTMLNode.style, $ = "".concat(k.top + S.top, "px"), j = "".concat(k.left + S.left, "px"), K = "".concat(k.width, "px"), Q = "".concat(k.height, "px");
-          O.top !== $ && (O.top = $), O.left !== j && (O.left = j), O.width !== K && (O.width = K), O.height !== Q && (O.height = Q);
+          var k = r.DS.Area.rect, S = r.DS.Area.computedBorder, O = r.HTMLNode.style, E = "".concat(k.top + S.top, "px"), j = "".concat(k.left + S.left, "px"), K = "".concat(k.width, "px"), Q = "".concat(k.height, "px");
+          O.top !== E && (O.top = E), O.left !== j && (O.left = j), O.width !== K && (O.width = K), O.height !== Q && (O.height = Q);
         }), i(this, "stop", function(k) {
           r.stopAutoScroll(), k && r.applyElements("remove");
         }), i(this, "startAutoScroll", function() {
@@ -1276,7 +1276,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }), i(this, "handleAutoScroll", function() {
           if (!r.DS.continue) {
             var k = r.DS, S = k.stores.PointerStore, O = k.Area;
-            r.currentEdges = Ht({
+            r.currentEdges = Rt({
               elementRect: te(S.currentVal),
               containerRect: r.rect,
               tolerance: r._overflowTolerance
@@ -1516,10 +1516,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }]), u;
     }(), fi = /* @__PURE__ */ function() {
       function u(s) {
-        var r = this, g = s.area, c = g === void 0 ? document : g, y = s.selectables, w = y === void 0 ? [] : y, k = s.autoScrollSpeed, S = k === void 0 ? 5 : k, O = s.overflowTolerance, $ = O === void 0 ? {
+        var r = this, g = s.area, c = g === void 0 ? document : g, y = s.selectables, w = y === void 0 ? [] : y, k = s.autoScrollSpeed, S = k === void 0 ? 5 : k, O = s.overflowTolerance, E = O === void 0 ? {
           x: 25,
           y: 25
-        } : O, j = s.zoom, K = j === void 0 ? 1 : j, Q = s.customStyles, me = Q === void 0 ? !1 : Q, re = s.multiSelectMode, Ve = re === void 0 ? !1 : re, ot = s.multiSelectToggling, De = ot === void 0 ? !0 : ot, Xt = s.multiSelectKeys, mi = Xt === void 0 ? ["Control", "Shift", "Meta"] : Xt, Ft = s.selector, pi = Ft === void 0 ? void 0 : Ft, qt = s.draggability, bt = qt === void 0 ? !0 : qt, Gt = s.immediateDrag, gi = Gt === void 0 ? !0 : Gt, Jt = s.keyboardDrag, vi = Jt === void 0 ? !0 : Jt, bi = s.dragKeys, Zt = s.keyboardDragSpeed, yi = Zt === void 0 ? 10 : Zt, Qt = s.useTransform, er = Qt === void 0 ? !0 : Qt, tr = s.hoverClass, rr = tr === void 0 ? "ds-hover" : tr, ir = s.selectableClass, nr = ir === void 0 ? "ds-selectable" : ir, or = s.selectedClass, wi = or === void 0 ? "ds-selected" : or, ar = s.selectorClass, xi = ar === void 0 ? "ds-selector" : ar, sr = s.selectorAreaClass, _i = sr === void 0 ? "ds-selector-area" : sr, ki = s.callback, Si = s.onDragMove, Di = s.onDragStartBegin, Ci = s.onDragStart, Mi = s.onElementSelect, $i = s.onElementUnselect;
+        } : O, j = s.zoom, K = j === void 0 ? 1 : j, Q = s.customStyles, me = Q === void 0 ? !1 : Q, re = s.multiSelectMode, Ve = re === void 0 ? !1 : re, ot = s.multiSelectToggling, De = ot === void 0 ? !0 : ot, Wt = s.multiSelectKeys, mi = Wt === void 0 ? ["Control", "Shift", "Meta"] : Wt, Xt = s.selector, pi = Xt === void 0 ? void 0 : Xt, Ft = s.draggability, bt = Ft === void 0 ? !0 : Ft, qt = s.immediateDrag, gi = qt === void 0 ? !0 : qt, Gt = s.keyboardDrag, vi = Gt === void 0 ? !0 : Gt, bi = s.dragKeys, Jt = s.keyboardDragSpeed, yi = Jt === void 0 ? 10 : Jt, Zt = s.useTransform, Qt = Zt === void 0 ? !0 : Zt, er = s.hoverClass, tr = er === void 0 ? "ds-hover" : er, rr = s.selectableClass, ir = rr === void 0 ? "ds-selectable" : rr, nr = s.selectedClass, wi = nr === void 0 ? "ds-selected" : nr, or = s.selectorClass, xi = or === void 0 ? "ds-selector" : or, ar = s.selectorAreaClass, _i = ar === void 0 ? "ds-selector-area" : ar, ki = s.callback, Si = s.onDragMove, Di = s.onDragStartBegin, Ci = s.onDragStart, Mi = s.onElementSelect, $i = s.onElementUnselect;
         t(this, u), i(this, "continue", !1), i(this, "start", function() {
           r.stopped = !1, r.Interaction.init();
         }), i(this, "break", function() {
@@ -1580,25 +1580,25 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           DS: this,
           selectorAreaClass: _i,
           autoScrollSpeed: S,
-          overflowTolerance: $
+          overflowTolerance: E
         }), this.SelectableSet = new oi({
           elements: w,
           DS: this,
-          className: nr,
-          hoverClassName: rr,
-          useTransform: er,
+          className: ir,
+          hoverClassName: tr,
+          useTransform: Qt,
           draggability: bt
         }), this.SelectedSet = new ai({
           DS: this,
           className: wi
         }), this.Selection = new si({
           DS: this,
-          hoverClassName: rr,
+          hoverClassName: tr,
           multiSelectToggling: De
         }), this.Drag = new ri({
           DS: this,
           draggability: bt,
-          useTransform: er,
+          useTransform: Qt,
           keyboardDrag: vi,
           dragKeys: Object.assign({
             up: ["ArrowUp"],
@@ -1613,7 +1613,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           DS: this,
           draggability: bt,
           immediateDrag: gi,
-          selectableClass: nr
+          selectableClass: ir
         }), ei({
           subscribe: this.subscribe,
           publish: this.publish,
@@ -1629,30 +1629,30 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           var g = r.callback, c = r.onDragMove, y = r.onDragStart, w = r.onDragStartBegin, k = r.onElementSelect, S = r.onElementUnselect, O = function(j, K) {
             return console.warn("[DragSelect] ".concat(j, ' is deprecated. Use DragSelect.subscribe("').concat(K, '", (callbackObject) => {}) instead. Act Now! See docs for more info'));
           };
-          g && (O("callback", "callback"), this.subscribe("callback", function($) {
-            var j = $.items;
-            $.item;
-            var K = $.event;
+          g && (O("callback", "callback"), this.subscribe("callback", function(E) {
+            var j = E.items;
+            E.item;
+            var K = E.event;
             return g(j, K);
-          })), c && (O("onDragMove", "dragmove"), this.subscribe("dragmove", function($) {
-            $.items, $.item;
-            var j = $.event;
+          })), c && (O("onDragMove", "dragmove"), this.subscribe("dragmove", function(E) {
+            E.items, E.item;
+            var j = E.event;
             return c(j);
-          })), y && (O("onDragStart", "dragstart"), this.subscribe("dragstart", function($) {
-            $.items, $.item;
-            var j = $.event;
+          })), y && (O("onDragStart", "dragstart"), this.subscribe("dragstart", function(E) {
+            E.items, E.item;
+            var j = E.event;
             return y(j);
-          })), w && (O("onDragStartBegin", "dragstart"), this.subscribe("dragstart", function($) {
-            $.items, $.item;
-            var j = $.event;
+          })), w && (O("onDragStartBegin", "dragstart"), this.subscribe("dragstart", function(E) {
+            E.items, E.item;
+            var j = E.event;
             return w(j);
-          })), k && (O("onElementSelect", "elementselect"), this.subscribe("elementselect", function($) {
-            $.items;
-            var j = $.item, K = $.event;
+          })), k && (O("onElementSelect", "elementselect"), this.subscribe("elementselect", function(E) {
+            E.items;
+            var j = E.item, K = E.event;
             return k(j, K);
-          })), S && (O("onElementUnselect", "elementunselect"), this.subscribe("elementunselect", function($) {
-            $.items;
-            var j = $.item, K = $.event;
+          })), S && (O("onElementUnselect", "elementunselect"), this.subscribe("elementunselect", function(E) {
+            E.items;
+            var j = E.item, K = E.event;
             return S(j, K);
           }));
         }
@@ -1735,56 +1735,56 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     return fi;
   });
 })(Mr);
-const _n = Mr.exports, kn = (o, e, t, n, a) => (e = Math, t = e.log, n = 1024, a = t(o) / t(n) | 0, o / e.pow(n, a)).toFixed(0) + " " + (a ? "KMGTPEZY"[--a] + "iB" : "B"), Sn = (o, e = "en-US") => new Date(o * 1e3).toLocaleString(e), Dn = {
+const kn = Mr.exports, Sn = (o, e, t, n, a) => (e = Math, t = e.log, n = 1024, a = t(o) / t(n) | 0, o / e.pow(n, a)).toFixed(0) + " " + (a ? "KMGTPEZY"[--a] + "iB" : "B"), Dn = (o, e = "en-US") => new Date(o * 1e3).toLocaleString(e), Cn = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5",
   viewBox: "0 0 20 20",
   fill: "currentColor"
-}, Cn = /* @__PURE__ */ d("path", {
+}, Mn = /* @__PURE__ */ d("path", {
   "fill-rule": "evenodd",
   d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
   "clip-rule": "evenodd"
-}, null, -1), Mn = [
-  Cn
-], $n = {
+}, null, -1), $n = [
+  Mn
+], En = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5",
   viewBox: "0 0 20 20",
   fill: "currentColor"
-}, En = /* @__PURE__ */ d("path", {
+}, Tn = /* @__PURE__ */ d("path", {
   "fill-rule": "evenodd",
   d: "M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z",
   "clip-rule": "evenodd"
-}, null, -1), Tn = [
-  En
-], An = {
+}, null, -1), An = [
+  Tn
+], On = {
   name: "VFSortIcon"
-}, st = /* @__PURE__ */ Object.assign(An, {
+}, st = /* @__PURE__ */ Object.assign(On, {
   props: { direction: String },
   setup(o) {
     return (e, t) => (x(), C("div", null, [
-      o.direction == "down" ? (x(), C("svg", Dn, Mn)) : oe("", !0),
-      o.direction == "up" ? (x(), C("svg", $n, Tn)) : oe("", !0)
+      o.direction == "down" ? (x(), C("svg", Cn, $n)) : oe("", !0),
+      o.direction == "up" ? (x(), C("svg", En, An)) : oe("", !0)
     ]));
   }
-}), On = ["onClick"], Pn = {
+}), Pn = ["onClick"], In = {
   name: "VFToast.vue"
-}, In = /* @__PURE__ */ Object.assign(Pn, {
+}, Nn = /* @__PURE__ */ Object.assign(In, {
   setup(o) {
     const e = R("emitter"), { getStore: t } = R("storage"), n = V(t("full-screen", !1)), a = (m) => m == "error" ? "text-red-400 border-red-400" : "text-lime-600 border-lime-600", i = V([]), l = (m) => {
       i.value.splice(m, 1);
-    }, f = (m) => {
-      let p = i.value.findIndex((h) => h.id === m);
-      p !== -1 && l(p);
+    }, h = (m) => {
+      let v = i.value.findIndex((f) => f.id === m);
+      v !== -1 && l(v);
     };
     return e.on("vf-toast-push", (m) => {
-      let p = new Date().getTime().toString(36).concat(performance.now().toString(), Math.random().toString()).replace(/\./g, "");
-      m.id = p, i.value.push(m), setTimeout(() => {
-        f(p);
+      let v = new Date().getTime().toString(36).concat(performance.now().toString(), Math.random().toString()).replace(/\./g, "");
+      m.id = v, i.value.push(m), setTimeout(() => {
+        h(v);
       }, 5e3);
-    }), (m, p) => (x(), C("div", {
+    }), (m, v) => (x(), C("div", {
       class: ue([n.value.value ? "fixed" : "absolute", "bottom-0 max-w-fit flex flex-col bottom-0 left-1/2 -translate-x-1/2"])
     }, [
       ye(Ti, {
@@ -1793,20 +1793,20 @@ const _n = Mr.exports, kn = (o, e, t, n, a) => (e = Math, t = e.log, n = 1024, a
         "leave-to-class": "opacity-0"
       }, {
         default: ee(() => [
-          (x(!0), C(se, null, ve(i.value, (h, v) => (x(), C("div", {
-            onClick: (b) => l(v),
-            key: h,
-            class: ue([a(h.type), "inline-block mx-auto my-0.5 py-0.5 px-2 min-w-max bg-gray-50 border text-xs rounded cursor-pointer"])
-          }, E(h.label), 11, On))), 128))
+          (x(!0), C(se, null, ve(i.value, (f, p) => (x(), C("div", {
+            onClick: (b) => l(p),
+            key: f,
+            class: ue([a(f.type), "inline-block mx-auto my-0.5 py-0.5 px-2 min-w-max bg-gray-50 border text-xs rounded cursor-pointer"])
+          }, $(f.label), 11, Pn))), 128))
         ]),
         _: 1
       })
     ], 2));
   }
-}), Ie = (o) => Object.entries(o).map((e) => e.map(encodeURIComponent).join("=")).join("&"), { apiUrl: Nn } = Se(), Dt = (o, e) => Nn.value + "?" + Ie({ q: "preview", adapter: o, path: e }), Ln = { class: "relative flex-auto flex flex-col overflow-hidden" }, jn = {
+}), Ie = (o) => Object.entries(o).map((e) => e.map(encodeURIComponent).join("=")).join("&"), { apiUrl: Ln } = ke(), Dt = (o, e) => Ln.value + "?" + Ie({ q: "preview", adapter: o, path: e }), jn = { class: "relative flex-auto flex flex-col overflow-hidden" }, Vn = {
   key: 0,
   class: "grid grid-cols-12 border-b border-neutral-300 dark:border-gray-700 text-xs select-none"
-}, Vn = { class: "absolute" }, zn = /* @__PURE__ */ d("svg", {
+}, zn = { class: "absolute" }, Bn = /* @__PURE__ */ d("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   class: "absolute h-6 w-6 md:h-12 md:w-12 m-auto stroke-neutral-500 fill-white dark:fill-gray-700 dark:stroke-gray-600 z-10",
   fill: "none",
@@ -1819,7 +1819,7 @@ const _n = Mr.exports, kn = (o, e, t, n, a) => (e = Math, t = e.log, n = 1024, a
     "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"
   })
-], -1), Bn = { class: "text-neutral-700 dark:text-neutral-300 p-1 absolute text-center top-4 right-[-2rem] md:top-5 md:right-[-2.4rem] z-20 text-xs" }, Rn = ["onDblclick", "onTouchstart", "onContextmenu", "data-type", "data-item", "data-index"], Hn = { class: "grid grid-cols-12 items-center" }, Un = { class: "flex col-span-7 items-center" }, Kn = {
+], -1), Rn = { class: "text-neutral-700 dark:text-neutral-300 p-1 absolute text-center top-4 right-[-2rem] md:top-5 md:right-[-2.4rem] z-20 text-xs" }, Hn = ["onDblclick", "onTouchstart", "onContextmenu", "data-type", "data-item", "data-index"], Un = { class: "grid grid-cols-12 items-center" }, Kn = { class: "flex col-span-7 items-center" }, Yn = {
   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",
@@ -1827,13 +1827,13 @@ const _n = Mr.exports, kn = (o, e, t, n, a) => (e = Math, t = e.log, n = 1024, a
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Yn = /* @__PURE__ */ d("path", {
+}, Wn = /* @__PURE__ */ d("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), Wn = [
-  Yn
-], Xn = {
+}, null, -1), Xn = [
+  Wn
+], Fn = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500",
@@ -1841,13 +1841,13 @@ const _n = Mr.exports, kn = (o, e, t, n, a) => (e = Math, t = e.log, n = 1024, a
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Fn = /* @__PURE__ */ d("path", {
+}, qn = /* @__PURE__ */ d("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), qn = [
-  Fn
-], Gn = { class: "overflow-ellipsis overflow-hidden whitespace-nowrap" }, Jn = { class: "col-span-5 overflow-ellipsis overflow-hidden whitespace-nowrap" }, Zn = ["onDblclick", "onTouchstart", "onContextmenu", "onDragstart", "onDragover", "onDrop", "data-type", "data-item", "data-index"], Qn = { class: "grid grid-cols-12 items-center" }, eo = { class: "flex col-span-7 items-center" }, to = {
+}, null, -1), Gn = [
+  qn
+], Jn = { class: "overflow-ellipsis overflow-hidden whitespace-nowrap" }, Zn = { class: "col-span-5 overflow-ellipsis overflow-hidden whitespace-nowrap" }, Qn = ["onDblclick", "onTouchstart", "onContextmenu", "onDragstart", "onDragover", "onDrop", "data-type", "data-item", "data-index"], eo = { class: "grid grid-cols-12 items-center" }, to = { class: "flex col-span-7 items-center" }, ro = {
   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",
@@ -1855,13 +1855,13 @@ const _n = Mr.exports, kn = (o, e, t, n, a) => (e = Math, t = e.log, n = 1024, a
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, ro = /* @__PURE__ */ d("path", {
+}, io = /* @__PURE__ */ d("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), io = [
-  ro
-], no = {
+}, null, -1), no = [
+  io
+], oo = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500",
@@ -1869,13 +1869,13 @@ const _n = Mr.exports, kn = (o, e, t, n, a) => (e = Math, t = e.log, n = 1024, a
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, oo = /* @__PURE__ */ d("path", {
+}, ao = /* @__PURE__ */ d("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), ao = [
-  oo
-], so = { class: "overflow-ellipsis overflow-hidden whitespace-nowrap" }, lo = { class: "col-span-2 text-center" }, co = { class: "col-span-3 overflow-ellipsis overflow-hidden whitespace-nowrap" }, uo = ["onDblclick", "onTouchstart", "onContextmenu", "onDragstart", "onDragover", "onDrop", "data-type", "data-item", "data-index"], ho = { class: "relative" }, fo = {
+}, null, -1), so = [
+  ao
+], lo = { class: "overflow-ellipsis overflow-hidden whitespace-nowrap" }, co = { class: "col-span-2 text-center" }, uo = { class: "col-span-3 overflow-ellipsis overflow-hidden whitespace-nowrap" }, ho = ["onDblclick", "onTouchstart", "onContextmenu", "onDragstart", "onDragover", "onDrop", "data-type", "data-item", "data-index"], fo = { class: "relative" }, mo = {
   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",
@@ -1883,13 +1883,13 @@ const _n = Mr.exports, kn = (o, e, t, n, a) => (e = Math, t = e.log, n = 1024, a
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, mo = /* @__PURE__ */ d("path", {
+}, po = /* @__PURE__ */ d("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), po = [
-  mo
-], go = ["src"], vo = {
+}, null, -1), go = [
+  po
+], vo = ["src"], bo = {
   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",
@@ -1897,93 +1897,93 @@ const _n = Mr.exports, kn = (o, e, t, n, a) => (e = Math, t = e.log, n = 1024, a
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, bo = /* @__PURE__ */ d("path", {
+}, yo = /* @__PURE__ */ d("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), yo = [
-  bo
-], wo = {
+}, null, -1), wo = [
+  yo
+], xo = {
   key: 3,
   class: "absolute hidden md:block top-1/2 w-full text-center text-neutral-500"
-}, xo = { class: "break-all" }, _o = {
+}, _o = { class: "break-all" }, ko = {
   name: "VFExplorer"
-}, ko = /* @__PURE__ */ Object.assign(_o, {
+}, So = /* @__PURE__ */ Object.assign(ko, {
   props: {
     view: String,
     data: Object,
     search: Object
   },
   setup(o) {
-    const e = o, t = R("emitter"), { setStore: n, getStore: a } = R("storage"), i = (N) => N == null ? void 0 : N.substring(0, 3), l = (N) => N.replace(/((?=([\w\W]{0,14}))([\w\W]{8,})([\w\W]{8,}))/, "$2..$4"), f = V(null), m = V(null), p = V(0), h = V(null), { t: v } = R("i18n"), b = Math.floor(Math.random() * 2 ** 32), A = V(a("full-screen", !1));
+    const e = o, t = R("emitter"), { setStore: n, getStore: a } = R("storage"), i = (L) => L == null ? void 0 : L.substring(0, 3), l = (L) => L.replace(/((?=([\w\W]{0,14}))([\w\W]{8,})([\w\W]{8,}))/, "$2..$4"), h = V(null), m = V(null), v = V(0), f = V(null), { t: p } = R("i18n"), b = Math.floor(Math.random() * 2 ** 32), A = V(a("full-screen", !1));
     t.on("vf-fullscreen-toggle", () => {
       A.value = !A.value, n("full-screen", A.value);
     });
     const M = V("");
-    t.on("vf-search-query", ({ newQuery: N }) => {
-      M.value = N, N ? t.emit("vf-fetch", { q: "search", adapter: e.data.adapter, path: e.data.dirname, filter: N }) : t.emit("vf-fetch", { q: "index", adapter: e.data.adapter, path: e.data.dirname });
+    t.on("vf-search-query", ({ newQuery: L }) => {
+      M.value = L, L ? t.emit("vf-fetch", { params: { q: "search", adapter: e.data.adapter, path: e.data.dirname, filter: L } }) : t.emit("vf-fetch", { params: { q: "index", adapter: e.data.adapter, path: e.data.dirname } });
     });
     let T = null;
-    const L = () => {
+    const I = () => {
       T && clearTimeout(T);
-    }, z = (N) => {
+    }, z = (L) => {
       T = setTimeout(() => {
-        B(N);
+        B(L);
       }, 500);
-    }, B = (N) => {
-      N.type == "dir" ? (t.emit("vf-search-exit"), t.emit("vf-fetch", { q: "index", adapter: e.data.adapter, path: N.path })) : t.emit("vf-modal-show", { type: "preview", adapter: e.data.adapter, item: N });
-    }, P = dt({ active: !1, column: "", order: "" }), ne = (N = !0) => {
-      let U = [...e.data.files], I = P.column, Y = P.order == "asc" ? 1 : -1;
-      if (!N)
+    }, B = (L) => {
+      L.type == "dir" ? (t.emit("vf-search-exit"), t.emit("vf-fetch", { params: { q: "index", adapter: e.data.adapter, path: L.path } })) : t.emit("vf-modal-show", { type: "preview", adapter: e.data.adapter, item: L });
+    }, P = dt({ active: !1, column: "", order: "" }), ne = (L = !0) => {
+      let U = [...e.data.files], N = P.column, Y = P.order == "asc" ? 1 : -1;
+      if (!L)
         return U;
       const H = (te, G) => typeof te == "string" && typeof G == "string" ? te.toLowerCase().localeCompare(G.toLowerCase()) : te < G ? -1 : te > G ? 1 : 0;
-      return P.active && (U = U.slice().sort((te, G) => H(te[I], G[I]) * Y)), U;
-    }, F = (N) => {
-      P.active && P.column == N ? (P.active = P.order == "asc", P.column = N, P.order = "desc") : (P.active = !0, P.column = N, P.order = "asc");
-    }, D = () => h.value.getSelection().map((N) => JSON.parse(N.dataset.item)), X = (N, U) => {
-      if (N.altKey || N.ctrlKey || N.metaKey)
-        return N.preventDefault(), !1;
-      N.dataTransfer.setDragImage(m.value, 0, 15), N.dataTransfer.effectAllowed = "all", N.dataTransfer.dropEffect = "copy", N.dataTransfer.setData("items", JSON.stringify(D()));
-    }, q = (N, U) => {
-      N.preventDefault();
-      let I = JSON.parse(N.dataTransfer.getData("items"));
-      if (I.find((Y) => Y.storage != a("adapter", "local"))) {
+      return P.active && (U = U.slice().sort((te, G) => H(te[N], G[N]) * Y)), U;
+    }, F = (L) => {
+      P.active && P.column == L ? (P.active = P.order == "asc", P.column = L, P.order = "desc") : (P.active = !0, P.column = L, P.order = "asc");
+    }, D = () => f.value.getSelection().map((L) => JSON.parse(L.dataset.item)), X = (L, U) => {
+      if (L.altKey || L.ctrlKey || L.metaKey)
+        return L.preventDefault(), !1;
+      L.dataTransfer.setDragImage(m.value, 0, 15), L.dataTransfer.effectAllowed = "all", L.dataTransfer.dropEffect = "copy", L.dataTransfer.setData("items", JSON.stringify(D()));
+    }, q = (L, U) => {
+      L.preventDefault();
+      let N = JSON.parse(L.dataTransfer.getData("items"));
+      if (N.find((Y) => Y.storage != a("adapter", "local"))) {
         alert("Moving items between different storages is not supported yet.");
         return;
       }
-      t.emit("vf-modal-show", { type: "move", items: { from: I, to: U } });
-    }, le = (N, U) => {
-      N.preventDefault(), !U || U.type !== "dir" || h.value.getSelection().find((I) => I == N.currentTarget) ? (N.dataTransfer.dropEffect = "none", N.dataTransfer.effectAllowed = "none") : N.dataTransfer.dropEffect = "copy";
+      t.emit("vf-modal-show", { type: "move", items: { from: N, to: U } });
+    }, le = (L, U) => {
+      L.preventDefault(), !U || U.type !== "dir" || f.value.getSelection().find((N) => N == L.currentTarget) ? (L.dataTransfer.dropEffect = "none", L.dataTransfer.effectAllowed = "none") : L.dataTransfer.dropEffect = "copy";
     };
     return xe(() => {
-      h.value = new _n({
-        area: f.value,
+      f.value = new kn({
+        area: h.value,
         keyboardDrag: !1,
         selectedClass: "vf-explorer-selected",
         selectorClass: "vf-explorer-selector"
       }), t.on("vf-explorer-update", () => mt(() => {
-        h.value.clearSelection(), h.value.setSelectables(document.getElementsByClassName("vf-item-" + b));
-      })), h.value.subscribe("predragstart", ({ event: N, isDragging: U }) => {
+        f.value.clearSelection(), f.value.setSelectables(document.getElementsByClassName("vf-item-" + b));
+      })), f.value.subscribe("predragstart", ({ event: L, isDragging: U }) => {
         if (U)
-          p.value = h.value.getSelection().length, h.value.break();
+          v.value = f.value.getSelection().length, f.value.break();
         else {
-          const I = N.target.offsetWidth - N.offsetX, Y = N.target.offsetHeight - N.offsetY;
-          I < 15 && Y < 15 && (h.value.clearSelection(), h.value.break());
+          const N = L.target.offsetWidth - L.offsetX, Y = L.target.offsetHeight - L.offsetY;
+          N < 15 && Y < 15 && (f.value.clearSelection(), f.value.break());
         }
-      }), h.value.subscribe("predragmove", ({ isDragging: N }) => {
-        N && h.value.break();
-      }), h.value.subscribe("callback", ({ items: N, event: U, isDragging: I }) => {
-        t.emit("vf-nodes-selected", D()), p.value = h.value.getSelection().length;
+      }), f.value.subscribe("predragmove", ({ isDragging: L }) => {
+        L && f.value.break();
+      }), f.value.subscribe("callback", ({ items: L, event: U, isDragging: N }) => {
+        t.emit("vf-nodes-selected", D()), v.value = f.value.getSelection().length;
       });
-    }), xe(() => {
+    }), Ai(() => f.value.start()), xe(() => {
       Nt(() => e.view, () => t.emit("vf-explorer-update"));
-    }), (N, U) => (x(), C("div", Ln, [
-      o.view == "list" || M.value.length ? (x(), C("div", jn, [
+    }), (L, U) => (x(), C("div", jn, [
+      o.view == "list" || M.value.length ? (x(), C("div", Vn, [
         d("div", {
-          onClick: U[0] || (U[0] = (I) => F("basename")),
+          onClick: U[0] || (U[0] = (N) => F("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"
         }, [
-          Me(E(_(v)("Name")) + " ", 1),
+          Me($(_(p)("Name")) + " ", 1),
           ge(ye(st, {
             direction: P.order == "asc" ? "down" : "up"
           }, null, 8, ["direction"]), [
@@ -1992,10 +1992,10 @@ const _n = Mr.exports, kn = (o, e, t, n, a) => (e = Math, t = e.log, n = 1024, a
         ]),
         M.value.length ? oe("", !0) : (x(), C("div", {
           key: 0,
-          onClick: U[1] || (U[1] = (I) => F("file_size")),
+          onClick: U[1] || (U[1] = (N) => F("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"
         }, [
-          Me(E(_(v)("Size")) + " ", 1),
+          Me($(_(p)("Size")) + " ", 1),
           ge(ye(st, {
             direction: P.order == "asc" ? "down" : "up"
           }, null, 8, ["direction"]), [
@@ -2004,10 +2004,10 @@ const _n = Mr.exports, kn = (o, e, t, n, a) => (e = Math, t = e.log, n = 1024, a
         ])),
         M.value.length ? oe("", !0) : (x(), C("div", {
           key: 1,
-          onClick: U[2] || (U[2] = (I) => F("last_modified")),
+          onClick: U[2] || (U[2] = (N) => F("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"
         }, [
-          Me(E(_(v)("Date")) + " ", 1),
+          Me($(_(p)("Date")) + " ", 1),
           ge(ye(st, {
             direction: P.order == "asc" ? "down" : "up"
           }, null, 8, ["direction"]), [
@@ -2016,10 +2016,10 @@ const _n = Mr.exports, kn = (o, e, t, n, a) => (e = Math, t = e.log, n = 1024, a
         ])),
         M.value.length ? (x(), C("div", {
           key: 2,
-          onClick: U[3] || (U[3] = (I) => F("path")),
+          onClick: U[3] || (U[3] = (N) => F("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"
         }, [
-          Me(E(_(v)("Filepath")) + " ", 1),
+          Me($(_(p)("Filepath")) + " ", 1),
           ge(ye(st, {
             direction: P.order == "asc" ? "down" : "up"
           }, null, 8, ["direction"]), [
@@ -2027,99 +2027,98 @@ const _n = Mr.exports, kn = (o, e, t, n, a) => (e = Math, t = e.log, n = 1024, a
           ])
         ])) : oe("", !0)
       ])) : oe("", !0),
-      d("div", Vn, [
+      d("div", zn, [
         d("div", {
           ref_key: "dragImage",
           ref: m,
           class: "absolute -z-50 -top-96"
         }, [
-          zn,
-          d("div", Bn, E(p.value), 1)
+          Bn,
+          d("div", Rn, $(v.value), 1)
         ], 512)
       ]),
       d("div", {
-        style: Lt(A.value ? "height: 100%;" : ""),
         class: ue([A.value ? "" : "resize-y", "h-full w-full text-xs vf-selector-area min-h-[150px] overflow-auto p-1 z-0"]),
         ref_key: "selectorArea",
-        ref: f,
-        onContextmenu: U[7] || (U[7] = Oe((I) => _(t).emit("vf-contextmenu-show", { event: I, area: f.value, items: D() }), ["self", "prevent"]))
+        ref: h,
+        onContextmenu: U[7] || (U[7] = Oe((N) => _(t).emit("vf-contextmenu-show", { event: N, area: h.value, items: D() }), ["self", "prevent"]))
       }, [
-        M.value.length ? (x(!0), C(se, { key: 0 }, ve(ne(), (I, Y) => (x(), C("div", {
-          onDblclick: (H) => B(I),
-          onTouchstart: (H) => z(I),
-          onTouchend: U[4] || (U[4] = (H) => L()),
-          onContextmenu: Oe((H) => _(t).emit("vf-contextmenu-show", { event: H, area: f.value, items: D(), target: I }), ["prevent"]),
+        M.value.length ? (x(!0), C(se, { key: 0 }, ve(ne(), (N, Y) => (x(), C("div", {
+          onDblclick: (H) => B(N),
+          onTouchstart: (H) => z(N),
+          onTouchend: U[4] || (U[4] = (H) => I()),
+          onContextmenu: Oe((H) => _(t).emit("vf-contextmenu-show", { event: H, area: h.value, items: D(), target: N }), ["prevent"]),
           class: ue(["vf-item-" + _(b), "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": I.type,
-          "data-item": JSON.stringify(I),
+          "data-type": N.type,
+          "data-item": JSON.stringify(N),
           "data-index": Y
         }, [
-          d("div", Hn, [
-            d("div", Un, [
-              I.type == "dir" ? (x(), C("svg", Kn, Wn)) : (x(), C("svg", Xn, qn)),
-              d("span", Gn, E(I.basename), 1)
+          d("div", Un, [
+            d("div", Kn, [
+              N.type == "dir" ? (x(), C("svg", Yn, Xn)) : (x(), C("svg", Fn, Gn)),
+              d("span", Jn, $(N.basename), 1)
             ]),
-            d("div", Jn, E(I.path), 1)
+            d("div", Zn, $(N.path), 1)
           ])
-        ], 42, Rn))), 256)) : oe("", !0),
-        o.view == "list" && !M.value.length ? (x(!0), C(se, { key: 1 }, ve(ne(), (I, Y) => (x(), C("div", {
+        ], 42, Hn))), 256)) : oe("", !0),
+        o.view == "list" && !M.value.length ? (x(!0), C(se, { key: 1 }, ve(ne(), (N, Y) => (x(), C("div", {
           draggable: "true",
-          onDblclick: (H) => B(I),
-          onTouchstart: (H) => z(I),
-          onTouchend: U[5] || (U[5] = (H) => L()),
-          onContextmenu: Oe((H) => _(t).emit("vf-contextmenu-show", { event: H, area: f.value, items: D(), target: I }), ["prevent"]),
+          onDblclick: (H) => B(N),
+          onTouchstart: (H) => z(N),
+          onTouchend: U[5] || (U[5] = (H) => I()),
+          onContextmenu: Oe((H) => _(t).emit("vf-contextmenu-show", { event: H, area: h.value, items: D(), target: N }), ["prevent"]),
           onDragstart: (H) => X(H),
-          onDragover: (H) => le(H, I),
-          onDrop: (H) => q(H, I),
+          onDragover: (H) => le(H, N),
+          onDrop: (H) => q(H, N),
           class: ue(["vf-item-" + _(b), "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": I.type,
-          "data-item": JSON.stringify(I),
+          "data-type": N.type,
+          "data-item": JSON.stringify(N),
           "data-index": Y
         }, [
-          d("div", Qn, [
-            d("div", eo, [
-              I.type == "dir" ? (x(), C("svg", to, io)) : (x(), C("svg", no, ao)),
-              d("span", so, E(I.basename), 1)
+          d("div", eo, [
+            d("div", to, [
+              N.type == "dir" ? (x(), C("svg", ro, no)) : (x(), C("svg", oo, so)),
+              d("span", lo, $(N.basename), 1)
             ]),
-            d("div", lo, E(I.file_size ? _(kn)(I.file_size) : ""), 1),
-            d("div", co, E(_(Sn)(I.last_modified)), 1)
+            d("div", co, $(N.file_size ? _(Sn)(N.file_size) : ""), 1),
+            d("div", uo, $(_(Dn)(N.last_modified)), 1)
           ])
-        ], 42, Zn))), 256)) : oe("", !0),
-        o.view == "grid" && !M.value.length ? (x(!0), C(se, { key: 2 }, ve(ne(!1), (I, Y) => {
+        ], 42, Qn))), 256)) : oe("", !0),
+        o.view == "grid" && !M.value.length ? (x(!0), C(se, { key: 2 }, ve(ne(!1), (N, Y) => {
           var H, te;
           return x(), C("div", {
             draggable: "true",
-            onDblclick: (G) => B(I),
-            onTouchstart: (G) => z(I),
-            onTouchend: U[6] || (U[6] = (G) => L()),
-            onContextmenu: Oe((G) => _(t).emit("vf-contextmenu-show", { event: G, area: f.value, items: D(), target: I }), ["prevent"]),
+            onDblclick: (G) => B(N),
+            onTouchstart: (G) => z(N),
+            onTouchend: U[6] || (U[6] = (G) => I()),
+            onContextmenu: Oe((G) => _(t).emit("vf-contextmenu-show", { event: G, area: h.value, items: D(), target: N }), ["prevent"]),
             onDragstart: (G) => X(G),
-            onDragover: (G) => le(G, I),
-            onDrop: (G) => q(G, I),
+            onDragover: (G) => le(G, N),
+            onDrop: (G) => q(G, N),
             class: ue(["vf-item-" + _(b), "border border-transparent hover:bg-neutral-50 m-0.5 dark:hover:bg-gray-700 inline-flex w-[5.5rem] h-20 md:w-24 md:h-24 text-center justify-center select-none"]),
-            "data-type": I.type,
-            "data-item": JSON.stringify(I),
+            "data-type": N.type,
+            "data-item": JSON.stringify(N),
             "data-index": Y
           }, [
             d("div", null, [
-              d("div", ho, [
-                I.type == "dir" ? (x(), C("svg", fo, po)) : ((H = I.mime_type) != null ? H : "").startsWith("image") ? (x(), C("img", {
+              d("div", fo, [
+                N.type == "dir" ? (x(), C("svg", mo, go)) : ((H = N.mime_type) != null ? H : "").startsWith("image") ? (x(), C("img", {
                   key: 1,
                   class: "h-10 md:h-12 m-auto",
-                  src: _(Dt)(_(a)("adapter", e.data.adapter), I.path),
+                  src: _(Dt)(_(a)("adapter", e.data.adapter), N.path),
                   alt: ""
-                }, null, 8, go)) : (x(), C("svg", vo, yo)),
-                ((te = I.mime_type) != null ? te : "").startsWith("image") ? oe("", !0) : (x(), C("div", wo, E(i(I.extension)), 1))
+                }, null, 8, vo)) : (x(), C("svg", bo, wo)),
+                ((te = N.mime_type) != null ? te : "").startsWith("image") ? oe("", !0) : (x(), C("div", xo, $(i(N.extension)), 1))
               ]),
-              d("span", xo, E(l(I.basename)), 1)
+              d("span", _o, $(l(N.basename)), 1)
             ])
-          ], 42, uo);
+          ], 42, ho);
         }), 256)) : oe("", !0)
-      ], 38),
-      ye(In)
+      ], 34),
+      ye(Nn)
     ]));
   }
-}), So = { class: "p-1 text-xs border-t border-neutral-300 dark:border-gray-700/50 flex justify-between select-none" }, Do = { class: "flex leading-5 items-center" }, Co = ["aria-label"], Mo = /* @__PURE__ */ d("svg", {
+}), Do = { class: "p-1 text-xs border-t border-neutral-300 dark:border-gray-700/50 flex justify-between select-none" }, Co = { class: "flex leading-5 items-center" }, Mo = ["aria-label"], $o = /* @__PURE__ */ d("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5",
   fill: "none",
@@ -2132,12 +2131,12 @@ const _n = Mr.exports, kn = (o, e, t, n, a) => (e = Math, t = e.log, n = 1024, a
     "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), $o = [
-  Mo
-], Eo = ["value"], To = { class: "ml-3" }, Ao = { key: 0 }, Oo = { class: "ml-1" }, Po = { class: "flex leading-5 items-center" }, Io = {
+], -1), Eo = [
+  $o
+], To = ["value"], Ao = { class: "ml-3" }, Oo = { key: 0 }, Po = { class: "ml-1" }, Io = { class: "flex leading-5 items-center" }, No = {
   value: "",
   disabled: ""
-}, No = /* @__PURE__ */ d("option", { value: "tr" }, "Turkish", -1), Lo = /* @__PURE__ */ d("option", { value: "en" }, "English", -1), jo = /* @__PURE__ */ d("option", { value: "fr" }, "French", -1), Vo = ["aria-label"], zo = /* @__PURE__ */ d("svg", {
+}, Lo = /* @__PURE__ */ d("option", { value: "tr" }, "Turkish", -1), jo = /* @__PURE__ */ d("option", { value: "en" }, "English", -1), Vo = /* @__PURE__ */ d("option", { value: "fr" }, "French", -1), zo = ["aria-label"], Bo = /* @__PURE__ */ d("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 stroke-slate-500 cursor-pointer",
   fill: "none",
@@ -2150,102 +2149,102 @@ const _n = Mr.exports, kn = (o, e, t, n, a) => (e = Math, t = e.log, n = 1024, a
     "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), Bo = [
-  zo
-], Ro = {
+], -1), Ro = [
+  Bo
+], Ho = {
   name: "VFStatusbar"
-}, Ho = /* @__PURE__ */ Object.assign(Ro, {
+}, Uo = /* @__PURE__ */ Object.assign(Ho, {
   props: {
     data: Object
   },
   setup(o) {
     var b;
-    const e = o, t = R("emitter"), { getStore: n, setStore: a } = R("storage"), i = V(0), l = V((b = n("adapter")) != null ? b : e.data.adapter), { t: f, changeLocale: m } = R("i18n"), p = V(n("locale", "")), h = () => {
-      t.emit("vf-search-exit"), t.emit("vf-fetch", { q: "index", adapter: l.value }), a("adapter", l.value);
+    const e = o, t = R("emitter"), { getStore: n, setStore: a } = R("storage"), i = V(0), l = V((b = n("adapter")) != null ? b : e.data.adapter), { t: h, changeLocale: m } = R("i18n"), v = V(n("locale", "")), f = () => {
+      t.emit("vf-search-exit"), t.emit("vf-fetch", { params: { q: "index", adapter: l.value } }), a("adapter", l.value);
     };
     t.on("vf-nodes-selected", (A) => {
       i.value = A.length;
     });
-    const v = V("");
+    const p = V("");
     return t.on("vf-search-query", ({ newQuery: A }) => {
-      v.value = A;
-    }), (A, M) => (x(), C("div", So, [
-      d("div", Do, [
+      p.value = A;
+    }), (A, M) => (x(), C("div", Do, [
+      d("div", Co, [
         d("div", {
           class: "mx-2",
-          "aria-label": _(f)("Storage"),
+          "aria-label": _(h)("Storage"),
           "data-microtip-position": "top-right",
           role: "tooltip"
-        }, $o, 8, Co),
+        }, Eo, 8, Mo),
         ge(d("select", {
           "onUpdate:modelValue": M[0] || (M[0] = (T) => l.value = T),
-          onChange: h,
+          onChange: f,
           class: "py-0.5 text-sm text-slate-500 dark:text-neutral-50 dark:bg-gray-700 rounded pl-2 pr-8"
         }, [
-          (x(!0), C(se, null, ve(o.data.storages, (T) => (x(), C("option", { value: T }, E(T), 9, Eo))), 256))
+          (x(!0), C(se, null, ve(o.data.storages, (T) => (x(), C("option", { value: T }, $(T), 9, To))), 256))
         ], 544), [
-          [lr, l.value]
+          [sr, l.value]
         ]),
-        d("div", To, [
-          v.value.length ? (x(), C("span", Ao, E(o.data.files.length) + " items found. ", 1)) : oe("", !0),
-          d("span", Oo, E(i.value > 0 ? i.value + " " + _(f)("item(s) selected.") : ""), 1)
+        d("div", Ao, [
+          p.value.length ? (x(), C("span", Oo, $(o.data.files.length) + " items found. ", 1)) : oe("", !0),
+          d("span", Po, $(i.value > 0 ? i.value + " " + _(h)("item(s) selected.") : ""), 1)
         ])
       ]),
-      d("div", Po, [
+      d("div", Io, [
         ge(d("select", {
-          "onUpdate:modelValue": M[1] || (M[1] = (T) => p.value = T),
+          "onUpdate:modelValue": M[1] || (M[1] = (T) => v.value = T),
           onChange: M[2] || (M[2] = (T) => _(m)(T.target.value)),
           class: "py-0.5 text-sm text-slate-500 dark:text-neutral-50 dark:bg-gray-700 rounded pl-2 pr-8 mr-3"
         }, [
-          d("option", Io, E(_(f)("Language")), 1),
-          No,
+          d("option", No, $(_(h)("Language")), 1),
           Lo,
-          jo
+          jo,
+          Vo
         ], 544), [
-          [lr, p.value]
+          [sr, v.value]
         ]),
         d("span", {
-          "aria-label": _(f)("About"),
+          "aria-label": _(h)("About"),
           "data-microtip-position": "top-left",
           role: "tooltip",
-          onClick: M[3] || (M[3] = (T) => _(t).emit("vf-modal-show", { type: "message", title: "Vuefinder 1.0", message: _(f)("Vuefinder is a file manager component for vue 3.") }))
-        }, Bo, 8, Vo)
+          onClick: M[3] || (M[3] = (T) => _(t).emit("vf-modal-show", { type: "message", title: "Vuefinder 1.0", message: _(h)("Vuefinder is a file manager component for vue 3.") }))
+        }, Ro, 8, zo)
       ])
     ]));
   }
-}), Uo = (o, e = 0, t = !1) => {
+}), Ko = (o, e = 0, t = !1) => {
   let n;
   return (...a) => {
     t && !n && o(...a), clearTimeout(n), n = setTimeout(() => {
       o(...a);
     }, e);
   };
-}, Ko = (o, e, t) => {
+}, Yo = (o, e, t) => {
   const n = V(o);
-  return Ai((i, l) => ({
+  return Oi((i, l) => ({
     get() {
       return i(), n.value;
     },
-    set: Uo(
-      (f) => {
-        n.value = f, l();
+    set: Ko(
+      (h) => {
+        n.value = h, l();
       },
       e,
       t
     )
   }));
-}, Yo = { 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-xs" }, Wo = ["aria-label"], Xo = /* @__PURE__ */ d("path", {
+}, Wo = { 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-xs" }, Xo = ["aria-label"], Fo = /* @__PURE__ */ d("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), Fo = [
-  Xo
-], qo = ["onClick"], Go = /* @__PURE__ */ d("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), Jo = [
-  Go
-], Zo = { class: "flex leading-5" }, Qo = /* @__PURE__ */ d("span", { class: "text-neutral-300 dark:text-gray-600 mx-0.5" }, "/", -1), ea = ["title", "onClick"], ta = {
+}, null, -1), qo = [
+  Fo
+], Go = ["onClick"], Jo = /* @__PURE__ */ d("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), Zo = [
+  Jo
+], Qo = { class: "flex leading-5" }, ea = /* @__PURE__ */ d("span", { class: "text-neutral-300 dark:text-gray-600 mx-0.5" }, "/", -1), ta = ["title", "onClick"], ra = {
   key: 1,
   class: "flex bg-white dark:bg-gray-700 items-center rounded p-1 ml-2 w-full"
-}, ra = /* @__PURE__ */ d("svg", {
+}, ia = /* @__PURE__ */ d("svg", {
   class: "h-6 w-6 p-1 m-auto stroke-gray-400 fill-gray-100 dark:stroke-gray-400 dark:fill-gray-400/20",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
@@ -2256,48 +2255,48 @@ const _n = Mr.exports, kn = (o, e, t, n, a) => (e = Math, t = e.log, n = 1024, a
     "stroke-linejoin": "round",
     d: "M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
   })
-], -1), ia = ["onKeydown", "placeholder"], na = /* @__PURE__ */ d("path", {
+], -1), na = ["onKeydown", "placeholder"], oa = /* @__PURE__ */ d("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M6 18L18 6M6 6l12 12"
-}, null, -1), oa = [
-  na
-], aa = {
+}, null, -1), aa = [
+  oa
+], sa = {
   name: "VFBreadcrumb"
-}, sa = /* @__PURE__ */ Object.assign(aa, {
+}, la = /* @__PURE__ */ Object.assign(sa, {
   props: {
     data: Object
   },
   setup(o) {
-    const e = o, t = R("emitter"), { getStore: n } = R("storage"), a = V(null), i = V([]), l = V(!1), f = V(null), { t: m } = R("i18n");
+    const e = o, t = R("emitter"), { getStore: n } = R("storage"), a = V(null), i = V([]), l = V(!1), h = V(null), { t: m } = R("i18n");
     t.on("vf-explorer-update", () => {
       var B;
-      let L = [], z = [];
+      let I = [], z = [];
       a.value = (B = e.data.dirname) != null ? B : n("adapter", "local") + "://", a.value.length == 0 && (i.value = []), a.value.replace(n("adapter", "local") + "://", "").split("/").forEach(function(P) {
-        L.push(P), L.join("/") != "" && z.push({
+        I.push(P), I.join("/") != "" && z.push({
           basename: P,
           name: P,
-          path: n("adapter", "local") + "://" + L.join("/"),
+          path: n("adapter", "local") + "://" + I.join("/"),
           type: "dir"
         });
       }), z.length > 4 && (z = z.slice(-5), z[0].name = ".."), i.value = z;
     });
-    const p = () => {
-      l.value = !1, v.value = "";
+    const v = () => {
+      l.value = !1, p.value = "";
     };
     t.on("vf-search-exit", () => {
-      p();
+      v();
     });
-    const h = () => {
-      l.value = !0, mt(() => f.value.focus());
-    }, v = Ko("", 400);
-    Nt(v, (L) => {
-      t.emit("vf-search-query", { newQuery: L });
+    const f = () => {
+      l.value = !0, mt(() => h.value.focus());
+    }, p = Yo("", 400);
+    Nt(p, (I) => {
+      t.emit("vf-search-query", { newQuery: I });
     });
-    const b = () => i.value.length && !l.value, A = (L) => {
+    const b = () => i.value.length && !l.value, A = (I) => {
       var B;
-      L.preventDefault();
-      let z = JSON.parse(L.dataTransfer.getData("items"));
+      I.preventDefault();
+      let z = JSON.parse(I.dataTransfer.getData("items"));
       if (z.find((P) => P.storage != n("adapter", "local"))) {
         alert("Moving items between different storages is not supported yet.");
         return;
@@ -2306,12 +2305,12 @@ const _n = Mr.exports, kn = (o, e, t, n, a) => (e = Math, t = e.log, n = 1024, a
         type: "move",
         items: { from: z, to: (B = i.value[i.value.length - 2]) != null ? B : { path: n("adapter", "local") + "://" } }
       });
-    }, M = (L) => {
-      L.preventDefault(), b() ? L.dataTransfer.dropEffect = "copy" : (L.dataTransfer.dropEffect = "none", L.dataTransfer.effectAllowed = "none");
+    }, M = (I) => {
+      I.preventDefault(), b() ? I.dataTransfer.dropEffect = "copy" : (I.dataTransfer.dropEffect = "none", I.dataTransfer.effectAllowed = "none");
     }, T = () => {
-      v.value == "" && p();
+      p.value == "" && v();
     };
-    return (L, z) => (x(), C("div", Yo, [
+    return (I, z) => (x(), C("div", Wo, [
       d("span", {
         "aria-label": _(m)("Go up a directory"),
         "data-microtip-position": "bottom-right",
@@ -2322,70 +2321,70 @@ const _n = Mr.exports, kn = (o, e, t, n, a) => (e = Math, t = e.log, n = 1024, a
           onDrop: z[1] || (z[1] = (B) => A(B)),
           onClick: z[2] || (z[2] = (B) => {
             var P, ne;
-            return !b() || _(t).emit("vf-fetch", { q: "index", adapter: o.data.adapter, path: (ne = (P = i.value[i.value.length - 2]) == null ? void 0 : P.path) != null ? ne : _(n)("adapter", "local") + "://" });
+            return !b() || _(t).emit("vf-fetch", { params: { q: "index", adapter: o.data.adapter, path: (ne = (P = i.value[i.value.length - 2]) == null ? void 0 : P.path) != null ? ne : _(n)("adapter", "local") + "://" } });
           }),
           class: ue(["h-6 w-6 p-0.5 rounded", b() ? "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"
-        }, Fo, 34))
-      ], 8, Wo),
-      l.value ? (x(), C("div", ta, [
-        ra,
+        }, qo, 34))
+      ], 8, Xo),
+      l.value ? (x(), C("div", ra, [
+        ia,
         ge(d("input", {
           ref_key: "searchInput",
-          ref: f,
-          onKeydown: Ke(p, ["esc"]),
+          ref: h,
+          onKeydown: Ke(v, ["esc"]),
           onBlur: T,
-          "onUpdate:modelValue": z[4] || (z[4] = (B) => Oi(v) ? v.value = B : null),
+          "onUpdate:modelValue": z[4] || (z[4] = (B) => Pi(p) ? p.value = B : null),
           placeholder: _(m)("Search anything.."),
           class: "py-0 px-2 w-full border-0 ring-0 outline-0 text-sm 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, ia), [
-          [Ye, _(v)]
+        }, null, 40, na), [
+          [Ye, _(p)]
         ]),
         (x(), C("svg", {
           class: "w-6 h-6 cursor-pointer",
-          onClick: p,
+          onClick: v,
           xmlns: "http://www.w3.org/2000/svg",
           fill: "none",
           viewBox: "0 0 24 24",
           "stroke-width": "1.5",
           stroke: "currentColor"
-        }, oa))
+        }, aa))
       ])) : (x(), C("div", {
         key: 0,
         class: "group flex bg-white dark:bg-gray-700 items-center rounded p-1 ml-2 w-full",
-        onClick: Oe(h, ["self"])
+        onClick: Oe(f, ["self"])
       }, [
         (x(), C("svg", {
-          onClick: z[3] || (z[3] = (B) => _(t).emit("vf-fetch", { q: "index", adapter: o.data.adapter })),
+          onClick: z[3] || (z[3] = (B) => _(t).emit("vf-fetch", { params: { q: "index", adapter: o.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"
-        }, Jo)),
-        d("div", Zo, [
+        }, Zo)),
+        d("div", Qo, [
           (x(!0), C(se, null, ve(i.value, (B, P) => (x(), C("div", { key: P }, [
-            Qo,
+            ea,
             d("span", {
               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: B.basename,
-              onClick: (ne) => _(t).emit("vf-fetch", { q: "index", adapter: o.data.adapter, path: B.path })
-            }, E(B.name), 9, ea)
+              onClick: (ne) => _(t).emit("vf-fetch", { params: { q: "index", adapter: o.data.adapter, path: B.path } })
+            }, $(B.name), 9, ta)
           ]))), 128))
         ])
-      ], 8, qo))
+      ], 8, Go))
     ]));
   }
-}), la = ["onClick"], ca = /* @__PURE__ */ d("span", { class: "px-1" }, null, -1), ua = {
+}), ca = ["onClick"], ua = /* @__PURE__ */ d("span", { class: "px-1" }, null, -1), da = {
   name: "VFContextMenu"
-}, da = /* @__PURE__ */ Object.assign(ua, {
+}, ha = /* @__PURE__ */ Object.assign(da, {
   props: {
     current: Object
   },
   setup(o) {
-    const e = o, t = R("emitter"), n = V(null), { apiUrl: a } = Se(), i = dt({
+    const e = o, t = R("emitter"), n = V(null), { apiUrl: a } = ke(), i = dt({
       active: !1,
       items: [],
       positions: {
@@ -2396,91 +2395,91 @@ const _n = Mr.exports, kn = (o, e, t, n, a) => (e = Math, t = e.log, n = 1024, a
     t.on("vf-context-selected", (b) => {
       l.value = b;
     });
-    const { t: f } = R("i18n"), m = {
+    const { t: h } = R("i18n"), m = {
       newfolder: {
-        title: () => f("New Folder"),
+        title: () => h("New Folder"),
         action: () => {
           t.emit("vf-modal-show", { type: "new-folder" });
         }
       },
       delete: {
-        title: () => f("Delete"),
+        title: () => h("Delete"),
         action: () => {
           t.emit("vf-modal-show", { type: "delete", items: l });
         }
       },
       refresh: {
-        title: () => f("Refresh"),
+        title: () => h("Refresh"),
         action: () => {
-          t.emit("vf-fetch", { q: "index", adapter: e.current.adapter, path: e.current.dirname });
+          t.emit("vf-fetch", { params: { q: "index", adapter: e.current.adapter, path: e.current.dirname } });
         }
       },
       preview: {
-        title: () => f("Preview"),
+        title: () => h("Preview"),
         action: () => {
           t.emit("vf-modal-show", { type: "preview", adapter: e.current.adapter, item: l.value[0] });
         }
       },
       open: {
-        title: () => f("Open"),
+        title: () => h("Open"),
         action: () => {
-          t.emit("vf-search-exit"), t.emit("vf-fetch", { q: "index", adapter: e.current.adapter, path: l.value[0].path });
+          t.emit("vf-search-exit"), t.emit("vf-fetch", { params: { q: "index", adapter: e.current.adapter, path: l.value[0].path } });
         }
       },
       openDir: {
-        title: () => f("Open containing folder"),
+        title: () => h("Open containing folder"),
         action: () => {
-          t.emit("vf-search-exit"), t.emit("vf-fetch", { q: "index", adapter: e.current.adapter, path: l.value[0].dir });
+          t.emit("vf-search-exit"), t.emit("vf-fetch", { params: { q: "index", adapter: e.current.adapter, path: l.value[0].dir } });
         }
       },
       download: {
-        title: () => f("Download"),
+        title: () => h("Download"),
         action: () => {
           const b = a.value + "?" + Ie({ q: "download", adapter: l.value[0].adapter, path: l.value[0].path });
           t.emit("vf-download", b);
         }
       },
       archive: {
-        title: () => f("Archive"),
+        title: () => h("Archive"),
         action: () => {
           t.emit("vf-modal-show", { type: "archive", items: l });
         }
       },
       unarchive: {
-        title: () => f("Unarchive"),
+        title: () => h("Unarchive"),
         action: () => {
           t.emit("vf-modal-show", { type: "unarchive", items: l });
         }
       },
       rename: {
-        title: () => f("Rename"),
+        title: () => h("Rename"),
         action: () => {
           t.emit("vf-modal-show", { type: "rename", items: l });
         }
       }
-    }, p = (b) => {
+    }, v = (b) => {
       t.emit("vf-contextmenu-hide"), b.action();
-    }, h = V("");
+    }, f = V("");
     t.on("vf-search-query", ({ newQuery: b }) => {
-      h.value = b;
+      f.value = b;
     }), t.on("vf-contextmenu-show", ({ event: b, area: A, items: M, target: T = null }) => {
-      if (i.items = [], h.value)
+      if (i.items = [], f.value)
         if (T)
-          i.items.push(m.openDir), t.emit("vf-context-selected", [T]);
+          i.items.push(m.openDir), t.emit("vf-context-selected", [T]), console.log("search item selected");
         else
           return;
       else
-        !T && !h.value ? (i.items.push(m.refresh), i.items.push(m.newfolder), t.emit("vf-context-selected", []), console.log("no files selected")) : M.length > 1 && M.some((L) => L.path === T.path) ? (i.items.push(m.refresh), i.items.push(m.archive), i.items.push(m.delete), t.emit("vf-context-selected", M), console.log(M.length + " selected (more than 1 item.)")) : (T.type == "dir" ? i.items.push(m.open) : i.items.push(m.preview), i.items.push(m.rename), i.items.push(m.download), T.mime_type == "application/zip" ? i.items.push(m.unarchive) : i.items.push(m.archive), i.items.push(m.delete), t.emit("vf-context-selected", [T]), console.log(T.type + " is selected"));
-      v(b, A);
+        !T && !f.value ? (i.items.push(m.refresh), i.items.push(m.newfolder), t.emit("vf-context-selected", []), console.log("no files selected")) : M.length > 1 && M.some((I) => I.path === T.path) ? (i.items.push(m.refresh), i.items.push(m.archive), i.items.push(m.delete), t.emit("vf-context-selected", M), console.log(M.length + " selected (more than 1 item.)")) : (T.type == "dir" ? i.items.push(m.open) : (i.items.push(m.preview), i.items.push(m.download)), i.items.push(m.rename), T.mime_type == "application/zip" ? i.items.push(m.unarchive) : i.items.push(m.archive), i.items.push(m.delete), t.emit("vf-context-selected", [T]), console.log(T.type + " is selected"));
+      p(b, A);
     }), t.on("vf-contextmenu-hide", () => {
       i.active = !1;
     });
-    const v = (b, A) => {
+    const p = (b, A) => {
       i.active = !0, mt(() => {
-        let M = A.getBoundingClientRect(), T = b.pageX, L = b.pageY, z = n.value.offsetHeight, B = n.value.offsetWidth;
-        T = M.right - b.pageX + window.scrollX < B ? T - B : T, L = M.bottom - b.pageY + window.scrollY < z ? L - z : L, i.positions = {
+        let M = A.getBoundingClientRect(), T = b.pageX, I = b.pageY, z = n.value.offsetHeight, B = n.value.offsetWidth;
+        T = M.right - b.pageX + window.scrollX < B ? T - B : T, I = M.bottom - b.pageY + window.scrollY < z ? I - z : I, i.positions = {
           left: T + "px",
-          top: L + "px"
+          top: I + "px"
         };
       });
     };
@@ -2489,46 +2488,46 @@ const _n = Mr.exports, kn = (o, e, t, n, a) => (e = Math, t = e.log, n = 1024, a
       class: "z-30 absolute text-xs bg-neutral-50 dark:bg-gray-800 dark:text-gray-200 border border-neutral-300 dark:border-gray-600 shadow rounded select-none",
       ref_key: "contextmenu",
       ref: n,
-      style: Lt(i.positions)
+      style: Cr(i.positions)
     }, [
       (x(!0), C(se, null, ve(i.items, (M) => (x(), C("li", {
         class: "px-2 py-1.5 cursor-pointer hover:bg-neutral-200 dark:hover:bg-gray-700",
         key: M.title,
-        onClick: (T) => p(M)
+        onClick: (T) => v(M)
       }, [
-        ca,
-        d("span", null, E(M.title()), 1)
-      ], 8, la))), 128))
+        ua,
+        d("span", null, $(M.title()), 1)
+      ], 8, ca))), 128))
     ], 4)) : oe("", !0);
   }
-}), ha = (o, e) => {
+}), fa = (o, e) => {
   const t = o[e];
   return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((n, a) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(a.bind(null, new Error("Unknown variable dynamic import: " + e)));
   });
 };
-async function fa(o) {
-  const e = await ha(/* @__PURE__ */ Object.assign({ "../locales/en.json": () => import("./en.8df71796.js"), "../locales/tr.json": () => import("./tr.a655a0c7.js") }), `../locales/${o}.json`);
+async function ma(o) {
+  const e = await fa(/* @__PURE__ */ Object.assign({ "../locales/en.json": () => import("./en.8df71796.js"), "../locales/tr.json": () => import("./tr.a655a0c7.js") }), `../locales/${o}.json`);
   return JSON.parse(e.default);
 }
-function ma(o, e) {
+function pa(o, e) {
   const { getStore: t, setStore: n } = St(o), a = ["en", "tr"], i = V({}), l = (m) => {
-    a.includes(m) || (console.log("The selected locale is not yet supported. The fallback language is set as 'en'"), m = "en"), fa(m).then((p) => {
-      i.value = p, n("locale", m), n("translations", p), console.log(m + " is loaded.");
+    a.includes(m) || (console.log("The selected locale is not yet supported. The fallback language is set as 'en'"), m = "en"), ma(m).then((v) => {
+      i.value = v, n("locale", m), n("translations", v), console.log(m + " is loaded.");
     });
   };
   t("locale") ? i.value = t("translations") : l(e);
-  function f(m) {
+  function h(m) {
     return i.value.hasOwnProperty(m) ? i.value[m] : "";
   }
-  return { t: f, support_locales: a, changeLocale: l };
+  return { t: h, support_locales: a, changeLocale: l };
 }
-const pa = /* @__PURE__ */ d("iframe", {
+const ga = /* @__PURE__ */ d("iframe", {
   id: "download_frame",
   style: { display: "none" }
-}, null, -1), ga = {
+}, null, -1), va = {
   name: "VueFinder"
-}, va = /* @__PURE__ */ Object.assign(ga, {
+}, ba = /* @__PURE__ */ Object.assign(va, {
   props: {
     url: {
       type: [String]
@@ -2551,21 +2550,21 @@ const pa = /* @__PURE__ */ d("iframe", {
     }
   },
   setup(o) {
-    const e = o, t = Ii(), { setStore: n, getStore: a } = St(e.id);
+    const e = o, t = Ni(), { setStore: n, getStore: a } = St(e.id);
     yt("emitter", t), yt("storage", St(e.id));
-    const i = ma(e.id, e.locale);
+    const i = pa(e.id, e.locale);
     yt("i18n", i);
-    const { apiUrl: l, setApiUrl: f } = Se();
-    f(e.url);
-    const m = dt({ adapter: "local", storages: [], dirname: ".", files: [] }), p = V(a("viewport", "grid")), h = V(a("darkMode", e.dark));
+    const { apiUrl: l, setApiUrl: h } = ke();
+    h(e.url);
+    const m = dt({ adapter: "local", storages: [], dirname: ".", files: [] }), v = V(a("viewport", "grid")), f = V(a("darkMode", e.dark));
     t.on("vf-darkMode-toggle", () => {
-      h.value = !h.value, n("darkMode", h.value);
+      f.value = !f.value, n("darkMode", f.value);
     });
-    const v = V(a("full-screen", !1));
+    const p = V(a("full-screen", !1));
     t.on("vf-fullscreen-toggle", () => {
-      v.value = !v.value, n("full-screen", v.value);
+      p.value = !p.value, n("full-screen", p.value);
     }), t.on("vf-view-toggle", (M) => {
-      p.value = M;
+      v.value = M;
     });
     const b = dt({
       active: !1,
@@ -2580,40 +2579,42 @@ const pa = /* @__PURE__ */ d("iframe", {
     const A = (M) => {
       Object.assign(m, M), t.emit("vf-nodes-selected", {}), t.emit("vf-explorer-update");
     };
-    return t.on("vf-fetch", (M) => {
-      ht(l.value, { params: M }).then((T) => {
-        t.emit("vf-modal-close"), A(T);
+    return t.on("vf-fetch", ({ params: M, onError: T = null }) => {
+      ht(l.value, { params: M }).then((I) => {
+        t.emit("vf-modal-close"), A(I);
+      }).catch((I) => {
+        T && T(I);
       });
     }), t.on("vf-download", (M) => {
       document.getElementById("download_frame").src = M, t.emit("vf-modal-close");
     }), xe(() => {
-      t.emit("vf-fetch", { q: "index", adapter: a("adapter", m.adapter) });
+      t.emit("vf-fetch", { params: { q: "index", adapter: a("adapter", m.adapter) } });
     }), (M, T) => (x(), C("div", {
-      class: ue(h.value ? "dark" : "")
+      class: ue(f.value ? "dark" : "")
     }, [
       d("div", {
-        class: ue([v.value ? "fixed w-screen inset-0 z-20" : "relative", "border flex flex-col rounded-md 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: Lt(v.value ? "" : "max-height: " + o.maxHeight),
-        onMousedown: T[0] || (T[0] = (L) => _(t).emit("vf-contextmenu-hide"))
+        class: ue([p.value ? "fixed w-screen inset-0 z-20" : "relative", "border flex flex-col rounded-md 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: Cr(p.value ? "" : "max-height: " + o.maxHeight),
+        onMousedown: T[0] || (T[0] = (I) => _(t).emit("vf-contextmenu-hide"))
       }, [
-        ye(wn, { data: m }, null, 8, ["data"]),
-        ye(sa, { data: m }, null, 8, ["data"]),
-        ye(ko, {
-          view: p.value,
+        ye(xn, { data: m }, null, 8, ["data"]),
+        ye(la, { data: m }, null, 8, ["data"]),
+        ye(So, {
+          view: v.value,
           data: m
         }, null, 8, ["view", "data"]),
-        ye(Ho, { data: m }, null, 8, ["data"])
+        ye(Uo, { data: m }, null, 8, ["data"])
       ], 38),
-      b.active ? (x(), ce(Pi("v-f-modal-" + b.type), {
+      b.active ? (x(), ce(Ii("v-f-modal-" + b.type), {
         key: 0,
         selection: b.data,
         current: m
       }, null, 8, ["selection", "current"])) : oe("", !0),
-      ye(da, { current: m }, null, 8, ["current"]),
-      pa
+      ye(ha, { current: m }, null, 8, ["current"]),
+      ga
     ], 2));
   }
-}), ba = /* @__PURE__ */ d("div", { class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" }, null, -1), ya = { class: "fixed z-10 inset-0 overflow-y-auto" }, wa = { 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 sm:w-full" }, xa = { class: "bg-white dark:bg-gray-800 px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, _a = { 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" }, ke = {
+}), ya = /* @__PURE__ */ d("div", { class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" }, null, -1), wa = { class: "fixed z-10 inset-0 overflow-y-auto" }, xa = { 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 sm:w-full" }, _a = { class: "bg-white dark:bg-gray-800 px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, ka = { 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" }, Se = {
   __name: "ModalLayout",
   setup(o) {
     const e = R("emitter");
@@ -2628,25 +2629,25 @@ const pa = /* @__PURE__ */ d("iframe", {
       onKeyup: n[1] || (n[1] = Ke((a) => _(e).emit("vf-modal-close"), ["esc"])),
       tabindex: "0"
     }, [
-      ba,
-      d("div", ya, [
+      ya,
+      d("div", wa, [
         d("div", {
           class: "flex items-end sm:items-center justify-center min-h-full p-4 text-center sm:p-0",
           onMousedown: n[0] || (n[0] = Oe((a) => _(e).emit("vf-modal-close"), ["self"]))
         }, [
-          d("div", wa, [
-            d("div", xa, [
-              cr(t.$slots, "default")
-            ]),
+          d("div", xa, [
             d("div", _a, [
-              cr(t.$slots, "buttons")
+              lr(t.$slots, "default")
+            ]),
+            d("div", ka, [
+              lr(t.$slots, "buttons")
             ])
           ])
         ], 32)
       ])
     ], 32));
   }
-}, ka = { class: "sm:flex sm:items-start" }, Sa = /* @__PURE__ */ d("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" }, [
+}, Sa = { class: "sm:flex sm:items-start" }, Da = /* @__PURE__ */ d("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__ */ d("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-red-600 dark:stroke-red-200",
@@ -2661,10 +2662,10 @@ const pa = /* @__PURE__ */ d("iframe", {
       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), Da = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, Ca = {
+], -1), Ca = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, Ma = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, Ma = { class: "mt-2" }, $a = { class: "text-sm text-gray-500" }, Ea = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, Ta = {
+}, $a = { class: "mt-2" }, Ea = { class: "text-sm text-gray-500" }, Ta = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, Aa = {
   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",
@@ -2672,13 +2673,13 @@ const pa = /* @__PURE__ */ d("iframe", {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Aa = /* @__PURE__ */ d("path", {
+}, Oa = /* @__PURE__ */ d("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), Oa = [
-  Aa
-], Pa = {
+}, null, -1), Pa = [
+  Oa
+], Ia = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500",
@@ -2686,52 +2687,52 @@ const pa = /* @__PURE__ */ d("iframe", {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Ia = /* @__PURE__ */ d("path", {
+}, Na = /* @__PURE__ */ d("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), Na = [
-  Ia
-], La = { class: "ml-1.5" }, ja = { class: "m-auto font-bold text-red-500 text-sm dark:text-red-200 text-center" }, Va = {
+}, null, -1), La = [
+  Na
+], ja = { class: "ml-1.5" }, Va = { class: "m-auto font-bold text-red-500 text-sm dark:text-red-200 text-center" }, za = {
   name: "VFModalDelete"
-}, za = /* @__PURE__ */ Object.assign(Va, {
+}, Ba = /* @__PURE__ */ Object.assign(za, {
   props: {
     selection: Object,
     current: Object
   },
   setup(o) {
     const e = o, t = R("emitter"), { getStore: n } = R("storage"), { t: a } = R("i18n"), i = V(e.selection.items), l = () => {
-      i.value.length && t.emit("vf-fetch", {
+      i.value.length && t.emit("vf-fetch", { params: {
         q: "delete",
         adapter: n("adapter", "local"),
         path: e.current.dirname,
-        items: JSON.stringify(i.value.map(({ path: f, type: m }) => ({ path: f, type: m })))
-      });
+        items: JSON.stringify(i.value.map(({ path: h, type: m }) => ({ path: h, type: m })))
+      } });
     };
-    return (f, m) => (x(), ce(ke, null, {
+    return (h, m) => (x(), ce(Se, null, {
       buttons: ee(() => [
         d("button", {
           type: "button",
           onClick: l,
           class: "w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"
-        }, E(_(a)("Yes, Delete!")), 1),
+        }, $(_(a)("Yes, Delete!")), 1),
         d("button", {
           type: "button",
-          onClick: m[0] || (m[0] = (p) => _(t).emit("vf-modal-close")),
+          onClick: m[0] || (m[0] = (v) => _(t).emit("vf-modal-close")),
           class: "mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
-        }, E(_(a)("Cancel")), 1),
-        d("div", ja, E(_(a)("This action cannot be undone.")), 1)
+        }, $(_(a)("Cancel")), 1),
+        d("div", Va, $(_(a)("This action cannot be undone.")), 1)
       ]),
       default: ee(() => [
-        d("div", ka, [
-          Sa,
-          d("div", Da, [
-            d("h3", Ca, E(_(a)("Delete files")), 1),
-            d("div", Ma, [
-              d("p", $a, E(_(a)("Are you sure you want to delete these files ?")), 1),
-              (x(!0), C(se, null, ve(i.value, (p) => (x(), C("p", Ea, [
-                p.type == "dir" ? (x(), C("svg", Ta, Oa)) : (x(), C("svg", Pa, Na)),
-                d("span", La, E(p.basename), 1)
+        d("div", Sa, [
+          Da,
+          d("div", Ca, [
+            d("h3", Ma, $(_(a)("Delete files")), 1),
+            d("div", $a, [
+              d("p", Ea, $(_(a)("Are you sure you want to delete these files ?")), 1),
+              (x(!0), C(se, null, ve(i.value, (v) => (x(), C("p", Ta, [
+                v.type == "dir" ? (x(), C("svg", Aa, Pa)) : (x(), C("svg", Ia, La)),
+                d("span", ja, $(v.basename), 1)
               ]))), 256))
             ])
           ])
@@ -2740,7 +2741,7 @@ const pa = /* @__PURE__ */ d("iframe", {
       _: 1
     }));
   }
-}), Ba = { class: "sm:flex sm:items-start" }, Ra = /* @__PURE__ */ d("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" }, [
+}), Ra = { class: "sm:flex sm:items-start" }, Ha = /* @__PURE__ */ d("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__ */ d("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -2755,34 +2756,34 @@ const pa = /* @__PURE__ */ d("iframe", {
       d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
     })
   ])
-], -1), Ha = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, Ua = {
+], -1), Ua = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, Ka = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, Ka = { class: "mt-2" }, Ya = { class: "text-sm text-gray-500" }, Wa = {
+}, Ya = { class: "mt-2" }, Wa = { class: "text-sm text-gray-500" }, Xa = {
   name: "VFModalMessage"
-}, Xa = /* @__PURE__ */ Object.assign(Wa, {
+}, Fa = /* @__PURE__ */ Object.assign(Xa, {
   props: {
     selection: Object
   },
   setup(o) {
     const e = R("emitter"), { t } = R("i18n");
-    return (n, a) => (x(), ce(ke, null, {
+    return (n, a) => (x(), ce(Se, null, {
       buttons: ee(() => [
         d("button", {
           type: "button",
           onClick: a[0] || (a[0] = (i) => _(e).emit("vf-modal-close")),
           class: "mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
-        }, E(_(t)("Close")), 1)
+        }, $(_(t)("Close")), 1)
       ]),
       default: ee(() => {
-        var i, l, f, m;
+        var i, l, h, m;
         return [
-          d("div", Ba, [
-            Ra,
-            d("div", Ha, [
-              d("h3", Ua, E((l = (i = o.selection) == null ? void 0 : i.title) != null ? l : "Title"), 1),
-              d("div", Ka, [
-                d("p", Ya, E((m = (f = o.selection) == null ? void 0 : f.message) != null ? m : "Message") + ".", 1)
+          d("div", Ra, [
+            Ha,
+            d("div", Ua, [
+              d("h3", Ka, $((l = (i = o.selection) == null ? void 0 : i.title) != null ? l : "Title"), 1),
+              d("div", Ya, [
+                d("p", Wa, $((m = (h = o.selection) == null ? void 0 : h.message) != null ? m : "Message") + ".", 1)
               ])
             ])
           ])
@@ -2791,7 +2792,7 @@ const pa = /* @__PURE__ */ d("iframe", {
       _: 1
     }));
   }
-}), Fa = { class: "sm:flex sm:items-start" }, qa = /* @__PURE__ */ d("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" }, [
+}), qa = { class: "sm:flex sm:items-start" }, Ga = /* @__PURE__ */ d("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__ */ d("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -2806,52 +2807,52 @@ const pa = /* @__PURE__ */ d("iframe", {
       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), Ga = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, Ja = {
+], -1), Ja = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, Za = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, Za = { class: "mt-2" }, Qa = { class: "text-sm text-gray-500" }, es = ["onKeyup", "placeholder"], ts = {
+}, Qa = { class: "mt-2" }, es = { class: "text-sm text-gray-500" }, ts = ["onKeyup", "placeholder"], rs = {
   name: "VFModalNewFolder"
-}, rs = /* @__PURE__ */ Object.assign(ts, {
+}, is = /* @__PURE__ */ Object.assign(rs, {
   props: {
     selection: Object,
     current: Object
   },
   setup(o) {
     const e = o, t = R("emitter"), { getStore: n } = R("storage"), { t: a } = R("i18n"), i = V(""), l = () => {
-      i.value != "" && (t.emit("vf-fetch", {
+      i.value != "" && (t.emit("vf-fetch", { params: {
         q: "newfolder",
         adapter: n("adapter", "local"),
         path: e.current.dirname,
         name: i.value
-      }), t.emit("vf-toast-push", { label: "New Folder is created successfully", type: "success" }));
+      } }), t.emit("vf-toast-push", { label: "New Folder is created successfully", type: "success" }));
     };
-    return (f, m) => (x(), ce(ke, null, {
+    return (h, m) => (x(), ce(Se, null, {
       buttons: ee(() => [
         d("button", {
           type: "button",
           onClick: l,
           class: "w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"
-        }, E(_(a)("Create")), 1),
+        }, $(_(a)("Create")), 1),
         d("button", {
           type: "button",
-          onClick: m[1] || (m[1] = (p) => _(t).emit("vf-modal-close")),
+          onClick: m[1] || (m[1] = (v) => _(t).emit("vf-modal-close")),
           class: "mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
-        }, E(_(a)("Cancel")), 1)
+        }, $(_(a)("Cancel")), 1)
       ]),
       default: ee(() => [
-        d("div", Fa, [
-          qa,
-          d("div", Ga, [
-            d("h3", Ja, E(_(a)("New Folder")), 1),
-            d("div", Za, [
-              d("p", Qa, E(_(a)("Create a new folder")), 1),
+        d("div", qa, [
+          Ga,
+          d("div", Ja, [
+            d("h3", Za, $(_(a)("New Folder")), 1),
+            d("div", Qa, [
+              d("p", es, $(_(a)("Create a new folder")), 1),
               ge(d("input", {
-                "onUpdate:modelValue": m[0] || (m[0] = (p) => i.value = p),
+                "onUpdate:modelValue": m[0] || (m[0] = (v) => i.value = v),
                 onKeyup: Ke(l, ["enter"]),
                 class: "px-2 py-1 border rounded dark:bg-gray-500 dark:focus:ring-gray-600 dark:focus:border-gray-600 dark:text-gray-100 w-full",
                 placeholder: _(a)("Folder Name"),
                 type: "text"
-              }, null, 40, es), [
+              }, null, 40, ts), [
                 [Ye, i.value]
               ])
             ])
@@ -2861,7 +2862,7 @@ const pa = /* @__PURE__ */ d("iframe", {
       _: 1
     }));
   }
-}), is = { class: "sm:flex sm:items-start" }, ns = /* @__PURE__ */ d("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" }, [
+}), ns = { class: "sm:flex sm:items-start" }, os = /* @__PURE__ */ d("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__ */ d("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -2876,26 +2877,26 @@ const pa = /* @__PURE__ */ d("iframe", {
       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), os = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, as = {
+], -1), as = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, ss = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, ss = { class: "mt-2" }, ls = { class: "text-sm text-gray-500" }, cs = ["onKeyup", "placeholder"], us = {
+}, ls = { class: "mt-2" }, cs = { class: "text-sm text-gray-500" }, us = ["onKeyup", "placeholder"], ds = {
   name: "VFModalNewFile"
-}, ds = /* @__PURE__ */ Object.assign(us, {
+}, hs = /* @__PURE__ */ Object.assign(ds, {
   props: {
     selection: Object,
     current: Object
   },
   setup(o) {
     const e = o, t = R("emitter"), { getStore: n } = R("storage"), { t: a } = R("i18n"), i = V(""), l = () => {
-      i.value != "" && t.emit("vf-fetch", {
+      i.value != "" && t.emit("vf-fetch", { params: {
         q: "newfile",
         adapter: n("adapter", "local"),
         path: e.current.dirname,
         name: i.value
-      });
+      } });
     };
-    return (f, m) => (x(), ce(ke, null, {
+    return (h, m) => (x(), ce(Se, null, {
       buttons: ee(() => [
         d("button", {
           type: "button",
@@ -2904,24 +2905,24 @@ const pa = /* @__PURE__ */ d("iframe", {
         }, "Create!"),
         d("button", {
           type: "button",
-          onClick: m[1] || (m[1] = (p) => _(t).emit("vf-modal-close")),
+          onClick: m[1] || (m[1] = (v) => _(t).emit("vf-modal-close")),
           class: "mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
         }, "Cancel")
       ]),
       default: ee(() => [
-        d("div", is, [
-          ns,
-          d("div", os, [
-            d("h3", as, E(_(a)("New File")), 1),
-            d("div", ss, [
-              d("p", ls, E(_(a)("Create a new file")), 1),
+        d("div", ns, [
+          os,
+          d("div", as, [
+            d("h3", ss, $(_(a)("New File")), 1),
+            d("div", ls, [
+              d("p", cs, $(_(a)("Create a new file")), 1),
               ge(d("input", {
-                "onUpdate:modelValue": m[0] || (m[0] = (p) => i.value = p),
+                "onUpdate:modelValue": m[0] || (m[0] = (v) => i.value = v),
                 onKeyup: Ke(l, ["enter"]),
                 class: "px-2 py-1 border rounded dark:bg-gray-500 dark:focus:ring-gray-600 dark:focus:border-gray-600 dark:text-gray-100 w-full",
                 placeholder: _(a)("File Name"),
                 type: "text"
-              }, null, 40, cs), [
+              }, null, 40, us), [
                 [Ye, i.value]
               ])
             ])
@@ -2931,58 +2932,58 @@ const pa = /* @__PURE__ */ d("iframe", {
       _: 1
     }));
   }
-}), hs = { class: "flex" }, fs = {
+}), fs = { class: "flex" }, ms = {
   class: "mb-2 text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, ms = { class: "ml-auto mb-2" }, ps = {
+}, ps = { class: "ml-auto mb-2" }, gs = {
   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"
-}, gs = { key: 1 }, vs = {
+}, vs = { key: 1 }, bs = {
   __name: "Text",
   props: {
     selection: Object
   },
   emits: ["load"],
   setup(o, { emit: e }) {
-    const t = o, n = V(""), a = V(""), i = V(null), l = V(!1), { apiUrl: f } = Se(), { t: m } = R("i18n");
+    const t = o, n = V(""), a = V(""), i = V(null), l = V(!1), { apiUrl: h } = ke(), { t: m } = R("i18n");
     xe(() => {
-      ht(f.value, {
+      ht(h.value, {
         params: { q: "preview", adapter: t.selection.adapter, path: t.selection.item.path },
         json: !1
-      }).then((v) => {
-        n.value = v, e("load");
+      }).then((p) => {
+        n.value = p, e("load");
       });
     });
-    const p = () => {
+    const v = () => {
       l.value = !l.value, a.value = n.value, l.value == !0 && mt(() => {
         i.value.focus();
       });
-    }, h = () => {
-      ht(f.value, {
+    }, f = () => {
+      ht(h.value, {
         method: "POST",
         params: { q: "save", adapter: t.selection.adapter, path: t.selection.item.path, content: a.value },
         json: !1
-      }).then((v) => {
-        n.value = v, e("load"), l.value = !l.value;
-      }).catch((v) => console.log(v.statusText));
+      }).then((p) => {
+        n.value = p, e("load"), l.value = !l.value;
+      }).catch((p) => console.log(p.statusText));
     };
-    return (v, b) => (x(), C(se, null, [
-      d("div", hs, [
-        d("div", fs, E(o.selection.item.basename), 1),
-        d("div", ms, [
+    return (p, b) => (x(), C(se, null, [
+      d("div", fs, [
+        d("div", ms, $(o.selection.item.basename), 1),
+        d("div", ps, [
           l.value ? (x(), C("button", {
             key: 0,
-            onClick: h,
+            onClick: f,
             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"
-          }, E(_(m)("Save")), 1)) : oe("", !0),
+          }, $(_(m)("Save")), 1)) : oe("", !0),
           d("button", {
             class: "ml-1 px-2 py-1 text-blue-500",
-            onClick: b[0] || (b[0] = (A) => p())
-          }, E(l.value ? _(m)("Cancel") : _(m)("Edit")), 1)
+            onClick: b[0] || (b[0] = (A) => v())
+          }, $(l.value ? _(m)("Cancel") : _(m)("Edit")), 1)
         ])
       ]),
       d("div", null, [
-        l.value ? (x(), C("div", gs, [
+        l.value ? (x(), C("div", vs, [
           ge(d("textarea", {
             ref_key: "editInput",
             ref: i,
@@ -2995,7 +2996,7 @@ const pa = /* @__PURE__ */ d("iframe", {
           }, null, 512), [
             [Ye, a.value]
           ])
-        ])) : (x(), C("pre", ps, E(n.value), 1))
+        ])) : (x(), C("pre", gs, $(n.value), 1))
       ])
     ], 64));
   }
@@ -3009,7 +3010,7 @@ const pa = /* @__PURE__ */ d("iframe", {
  *
  * Date: 2021-06-12T08:00:17.411Z
  */
-function dr(o, e) {
+function ur(o, e) {
   var t = Object.keys(o);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(o);
@@ -3022,9 +3023,9 @@ function dr(o, e) {
 function $r(o) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? dr(Object(t), !0).forEach(function(n) {
-      ws(o, n, t[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : dr(Object(t)).forEach(function(n) {
+    e % 2 ? ur(Object(t), !0).forEach(function(n) {
+      xs(o, n, t[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : ur(Object(t)).forEach(function(n) {
       Object.defineProperty(o, n, Object.getOwnPropertyDescriptor(t, n));
     });
   }
@@ -3037,20 +3038,20 @@ function ut(o) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
   }, ut(o);
 }
-function bs(o, e) {
+function ys(o, e) {
   if (!(o instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
-function hr(o, e) {
+function dr(o, e) {
   for (var t = 0; t < e.length; t++) {
     var n = e[t];
     n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(o, n.key, n);
   }
 }
-function ys(o, e, t) {
-  return e && hr(o.prototype, e), t && hr(o, t), o;
-}
 function ws(o, e, t) {
+  return e && dr(o.prototype, e), t && dr(o, t), o;
+}
+function xs(o, e, t) {
   return e in o ? Object.defineProperty(o, e, {
     value: t,
     enumerable: !0,
@@ -3059,17 +3060,17 @@ function ws(o, e, t) {
   }) : o[e] = t, o;
 }
 function Er(o) {
-  return xs(o) || _s(o) || ks(o) || Ss();
+  return _s(o) || ks(o) || Ss(o) || Ds();
 }
-function xs(o) {
+function _s(o) {
   if (Array.isArray(o))
     return Ct(o);
 }
-function _s(o) {
+function ks(o) {
   if (typeof Symbol < "u" && o[Symbol.iterator] != null || o["@@iterator"] != null)
     return Array.from(o);
 }
-function ks(o, e) {
+function Ss(o, e) {
   if (!!o) {
     if (typeof o == "string")
       return Ct(o, e);
@@ -3086,13 +3087,13 @@ function Ct(o, e) {
     n[t] = o[t];
   return n;
 }
-function Ss() {
+function Ds() {
   throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-var pt = typeof window < "u" && typeof window.document < "u", _e = pt ? window : {}, jt = pt && _e.document.documentElement ? "ontouchstart" in _e.document.documentElement : !1, Vt = pt ? "PointerEvent" in _e : !1, J = "cropper", zt = "all", Tr = "crop", Ar = "move", Or = "zoom", Te = "e", Ae = "w", ze = "s", Ce = "n", qe = "ne", Ge = "nw", Je = "se", Ze = "sw", Mt = "".concat(J, "-crop"), fr = "".concat(J, "-disabled"), he = "".concat(J, "-hidden"), mr = "".concat(J, "-hide"), Ds = "".concat(J, "-invisible"), ft = "".concat(J, "-modal"), $t = "".concat(J, "-move"), et = "".concat(J, "Action"), lt = "".concat(J, "Preview"), Bt = "crop", Pr = "move", Ir = "none", Et = "crop", Tt = "cropend", At = "cropmove", Ot = "cropstart", pr = "dblclick", Cs = jt ? "touchstart" : "mousedown", Ms = jt ? "touchmove" : "mousemove", $s = jt ? "touchend touchcancel" : "mouseup", gr = Vt ? "pointerdown" : Cs, vr = Vt ? "pointermove" : Ms, br = Vt ? "pointerup pointercancel" : $s, yr = "ready", wr = "resize", xr = "wheel", Pt = "zoom", _r = "image/jpeg", Es = /^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/, Ts = /^data:/, As = /^data:image\/jpeg;base64,/, Os = /^img|canvas$/i, Nr = 200, Lr = 100, kr = {
+var pt = typeof window < "u" && typeof window.document < "u", _e = pt ? window : {}, Lt = pt && _e.document.documentElement ? "ontouchstart" in _e.document.documentElement : !1, jt = pt ? "PointerEvent" in _e : !1, J = "cropper", Vt = "all", Tr = "crop", Ar = "move", Or = "zoom", Te = "e", Ae = "w", ze = "s", Ce = "n", qe = "ne", Ge = "nw", Je = "se", Ze = "sw", Mt = "".concat(J, "-crop"), hr = "".concat(J, "-disabled"), he = "".concat(J, "-hidden"), fr = "".concat(J, "-hide"), Cs = "".concat(J, "-invisible"), ft = "".concat(J, "-modal"), $t = "".concat(J, "-move"), et = "".concat(J, "Action"), lt = "".concat(J, "Preview"), zt = "crop", Pr = "move", Ir = "none", Et = "crop", Tt = "cropend", At = "cropmove", Ot = "cropstart", mr = "dblclick", Ms = Lt ? "touchstart" : "mousedown", $s = Lt ? "touchmove" : "mousemove", Es = Lt ? "touchend touchcancel" : "mouseup", pr = jt ? "pointerdown" : Ms, gr = jt ? "pointermove" : $s, vr = jt ? "pointerup pointercancel" : Es, br = "ready", yr = "resize", wr = "wheel", Pt = "zoom", xr = "image/jpeg", Ts = /^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/, As = /^data:/, Os = /^data:image\/jpeg;base64,/, Ps = /^img|canvas$/i, Nr = 200, Lr = 100, _r = {
   viewMode: 0,
-  dragMode: Bt,
+  dragMode: zt,
   initialAspectRatio: NaN,
   aspectRatio: NaN,
   data: null,
@@ -3130,11 +3131,11 @@ var pt = typeof window < "u" && typeof window.document < "u", _e = pt ? window :
   cropend: null,
   crop: null,
   zoom: null
-}, Ps = '<div class="cropper-container" touch-action="none"><div class="cropper-wrap-box"><div class="cropper-canvas"></div></div><div class="cropper-drag-box"></div><div class="cropper-crop-box"><span class="cropper-view-box"></span><span class="cropper-dashed dashed-h"></span><span class="cropper-dashed dashed-v"></span><span class="cropper-center"></span><span class="cropper-face"></span><span class="cropper-line line-e" data-cropper-action="e"></span><span class="cropper-line line-n" data-cropper-action="n"></span><span class="cropper-line line-w" data-cropper-action="w"></span><span class="cropper-line line-s" data-cropper-action="s"></span><span class="cropper-point point-e" data-cropper-action="e"></span><span class="cropper-point point-n" data-cropper-action="n"></span><span class="cropper-point point-w" data-cropper-action="w"></span><span class="cropper-point point-s" data-cropper-action="s"></span><span class="cropper-point point-ne" data-cropper-action="ne"></span><span class="cropper-point point-nw" data-cropper-action="nw"></span><span class="cropper-point point-sw" data-cropper-action="sw"></span><span class="cropper-point point-se" data-cropper-action="se"></span></div></div>', Is = Number.isNaN || _e.isNaN;
+}, Is = '<div class="cropper-container" touch-action="none"><div class="cropper-wrap-box"><div class="cropper-canvas"></div></div><div class="cropper-drag-box"></div><div class="cropper-crop-box"><span class="cropper-view-box"></span><span class="cropper-dashed dashed-h"></span><span class="cropper-dashed dashed-v"></span><span class="cropper-center"></span><span class="cropper-face"></span><span class="cropper-line line-e" data-cropper-action="e"></span><span class="cropper-line line-n" data-cropper-action="n"></span><span class="cropper-line line-w" data-cropper-action="w"></span><span class="cropper-line line-s" data-cropper-action="s"></span><span class="cropper-point point-e" data-cropper-action="e"></span><span class="cropper-point point-n" data-cropper-action="n"></span><span class="cropper-point point-w" data-cropper-action="w"></span><span class="cropper-point point-s" data-cropper-action="s"></span><span class="cropper-point point-ne" data-cropper-action="ne"></span><span class="cropper-point point-nw" data-cropper-action="nw"></span><span class="cropper-point point-sw" data-cropper-action="sw"></span><span class="cropper-point point-se" data-cropper-action="se"></span></div></div>', Ns = Number.isNaN || _e.isNaN;
 function W(o) {
-  return typeof o == "number" && !Is(o);
+  return typeof o == "number" && !Ns(o);
 }
-var Sr = function(e) {
+var kr = function(e) {
   return e > 0 && e < 1 / 0;
 };
 function xt(o) {
@@ -3143,13 +3144,13 @@ function xt(o) {
 function Pe(o) {
   return ut(o) === "object" && o !== null;
 }
-var Ns = Object.prototype.hasOwnProperty;
+var Ls = Object.prototype.hasOwnProperty;
 function Be(o) {
   if (!Pe(o))
     return !1;
   try {
     var e = o.constructor, t = e.prototype;
-    return e && t && Ns.call(t, "isPrototypeOf");
+    return e && t && Ls.call(t, "isPrototypeOf");
   } catch {
     return !1;
   }
@@ -3157,9 +3158,9 @@ function Be(o) {
 function de(o) {
   return typeof o == "function";
 }
-var Ls = Array.prototype.slice;
+var js = Array.prototype.slice;
 function jr(o) {
-  return Array.from ? Array.from(o) : Ls.call(o);
+  return Array.from ? Array.from(o) : js.call(o);
 }
 function ie(o, e) {
   return o && de(e) && (Array.isArray(o) || W(o.length) ? jr(o).forEach(function(t, n) {
@@ -3176,19 +3177,19 @@ var Z = Object.assign || function(e) {
       e[l] = i[l];
     });
   }), e;
-}, js = /\.\d*(?:0|9){12}\d*$/;
+}, Vs = /\.\d*(?:0|9){12}\d*$/;
 function He(o) {
   var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1e11;
-  return js.test(o) ? Math.round(o * e) / e : o;
+  return Vs.test(o) ? Math.round(o * e) / e : o;
 }
-var Vs = /^width|height|left|top|marginLeft|marginTop$/;
+var zs = /^width|height|left|top|marginLeft|marginTop$/;
 function $e(o, e) {
   var t = o.style;
   ie(e, function(n, a) {
-    Vs.test(a) && W(n) && (n = "".concat(n, "px")), t[a] = n;
+    zs.test(a) && W(n) && (n = "".concat(n, "px")), t[a] = n;
   });
 }
-function zs(o, e) {
+function Bs(o, e) {
   return o.classList ? o.classList.contains(e) : o.className.indexOf(e) > -1;
 }
 function ae(o, e) {
@@ -3233,17 +3234,17 @@ function Re(o, e, t) {
     t ? ae(o, e) : we(o, e);
   }
 }
-var Bs = /([a-z\d])([A-Z])/g;
-function Rt(o) {
-  return o.replace(Bs, "$1-$2").toLowerCase();
+var Rs = /([a-z\d])([A-Z])/g;
+function Bt(o) {
+  return o.replace(Rs, "$1-$2").toLowerCase();
 }
 function It(o, e) {
-  return Pe(o[e]) ? o[e] : o.dataset ? o.dataset[e] : o.getAttribute("data-".concat(Rt(e)));
+  return Pe(o[e]) ? o[e] : o.dataset ? o.dataset[e] : o.getAttribute("data-".concat(Bt(e)));
 }
 function tt(o, e, t) {
-  Pe(t) ? o[e] = t : o.dataset ? o.dataset[e] = t : o.setAttribute("data-".concat(Rt(e)), t);
+  Pe(t) ? o[e] = t : o.dataset ? o.dataset[e] = t : o.setAttribute("data-".concat(Bt(e)), t);
 }
-function Rs(o, e) {
+function Hs(o, e) {
   if (Pe(o[e]))
     try {
       delete o[e];
@@ -3257,7 +3258,7 @@ function Rs(o, e) {
       o.dataset[e] = void 0;
     }
   else
-    o.removeAttribute("data-".concat(Rt(e)));
+    o.removeAttribute("data-".concat(Bt(e)));
 }
 var Vr = /\s\s*/, zr = function() {
   var o = !1;
@@ -3289,13 +3290,13 @@ function pe(o, e, t) {
   var n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {}, a = t;
   e.trim().split(Vr).forEach(function(i) {
     if (n.once && !zr) {
-      var l = o.listeners, f = l === void 0 ? {} : l;
+      var l = o.listeners, h = l === void 0 ? {} : l;
       a = function() {
-        delete f[i][t], o.removeEventListener(i, a, n);
-        for (var p = arguments.length, h = new Array(p), v = 0; v < p; v++)
-          h[v] = arguments[v];
-        t.apply(o, h);
-      }, f[i] || (f[i] = {}), f[i][t] && o.removeEventListener(i, f[i][t], n), f[i][t] = a, o.listeners = f;
+        delete h[i][t], o.removeEventListener(i, a, n);
+        for (var v = arguments.length, f = new Array(v), p = 0; p < v; p++)
+          f[p] = arguments[p];
+        t.apply(o, f);
+      }, h[i] || (h[i] = {}), h[i][t] && o.removeEventListener(i, h[i][t], n), h[i][t] = a, o.listeners = h;
     }
     o.addEventListener(i, a, n);
   });
@@ -3315,30 +3316,30 @@ function Br(o) {
     top: e.top + (window.pageYOffset - document.documentElement.clientTop)
   };
 }
-var _t = _e.location, Hs = /^(\w+:)\/\/([^:/?#]*):?(\d*)/i;
-function Dr(o) {
-  var e = o.match(Hs);
+var _t = _e.location, Us = /^(\w+:)\/\/([^:/?#]*):?(\d*)/i;
+function Sr(o) {
+  var e = o.match(Us);
   return e !== null && (e[1] !== _t.protocol || e[2] !== _t.hostname || e[3] !== _t.port);
 }
-function Cr(o) {
+function Dr(o) {
   var e = "timestamp=".concat(new Date().getTime());
   return o + (o.indexOf("?") === -1 ? "?" : "&") + e;
 }
 function Qe(o) {
   var e = o.rotate, t = o.scaleX, n = o.scaleY, a = o.translateX, i = o.translateY, l = [];
   W(a) && a !== 0 && l.push("translateX(".concat(a, "px)")), W(i) && i !== 0 && l.push("translateY(".concat(i, "px)")), W(e) && e !== 0 && l.push("rotate(".concat(e, "deg)")), W(t) && t !== 1 && l.push("scaleX(".concat(t, ")")), W(n) && n !== 1 && l.push("scaleY(".concat(n, ")"));
-  var f = l.length ? l.join(" ") : "none";
+  var h = l.length ? l.join(" ") : "none";
   return {
-    WebkitTransform: f,
-    msTransform: f,
-    transform: f
+    WebkitTransform: h,
+    msTransform: h,
+    transform: h
   };
 }
-function Us(o) {
+function Ks(o) {
   var e = $r({}, o), t = 0;
   return ie(o, function(n, a) {
     delete e[a], ie(e, function(i) {
-      var l = Math.abs(n.startX - i.startX), f = Math.abs(n.startY - i.startY), m = Math.abs(n.endX - i.endX), p = Math.abs(n.endY - i.endY), h = Math.sqrt(l * l + f * f), v = Math.sqrt(m * m + p * p), b = (v - h) / h;
+      var l = Math.abs(n.startX - i.startX), h = Math.abs(n.startY - i.startY), m = Math.abs(n.endX - i.endX), v = Math.abs(n.endY - i.endY), f = Math.sqrt(l * l + h * h), p = Math.sqrt(m * m + v * v), b = (p - f) / f;
       Math.abs(b) > Math.abs(t) && (t = b);
     });
   }), t;
@@ -3353,7 +3354,7 @@ function ct(o, e) {
     startY: n
   }, a);
 }
-function Ks(o) {
+function Ys(o) {
   var e = 0, t = 0, n = 0;
   return ie(o, function(a) {
     var i = a.startX, l = a.startY;
@@ -3364,10 +3365,10 @@ function Ks(o) {
   };
 }
 function Ee(o) {
-  var e = o.aspectRatio, t = o.height, n = o.width, a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "contain", i = Sr(n), l = Sr(t);
+  var e = o.aspectRatio, t = o.height, n = o.width, a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "contain", i = kr(n), l = kr(t);
   if (i && l) {
-    var f = t * e;
-    a === "contain" && f > n || a === "cover" && f < n ? t = n / e : n = t * e;
+    var h = t * e;
+    a === "contain" && h > n || a === "cover" && h < n ? t = n / e : n = t * e;
   } else
     i ? t = n / e : l && (n = t * e);
   return {
@@ -3375,83 +3376,83 @@ function Ee(o) {
     height: t
   };
 }
-function Ys(o) {
+function Ws(o) {
   var e = o.width, t = o.height, n = o.degree;
   if (n = Math.abs(n) % 180, n === 90)
     return {
       width: t,
       height: e
     };
-  var a = n % 90 * Math.PI / 180, i = Math.sin(a), l = Math.cos(a), f = e * l + t * i, m = e * i + t * l;
+  var a = n % 90 * Math.PI / 180, i = Math.sin(a), l = Math.cos(a), h = e * l + t * i, m = e * i + t * l;
   return n > 90 ? {
     width: m,
-    height: f
+    height: h
   } : {
-    width: f,
+    width: h,
     height: m
   };
 }
-function Ws(o, e, t, n) {
-  var a = e.aspectRatio, i = e.naturalWidth, l = e.naturalHeight, f = e.rotate, m = f === void 0 ? 0 : f, p = e.scaleX, h = p === void 0 ? 1 : p, v = e.scaleY, b = v === void 0 ? 1 : v, A = t.aspectRatio, M = t.naturalWidth, T = t.naturalHeight, L = n.fillColor, z = L === void 0 ? "transparent" : L, B = n.imageSmoothingEnabled, P = B === void 0 ? !0 : B, ne = n.imageSmoothingQuality, F = ne === void 0 ? "low" : ne, D = n.maxWidth, X = D === void 0 ? 1 / 0 : D, q = n.maxHeight, le = q === void 0 ? 1 / 0 : q, fe = n.minWidth, N = fe === void 0 ? 0 : fe, U = n.minHeight, I = U === void 0 ? 0 : U, Y = document.createElement("canvas"), H = Y.getContext("2d"), te = Ee({
+function Xs(o, e, t, n) {
+  var a = e.aspectRatio, i = e.naturalWidth, l = e.naturalHeight, h = e.rotate, m = h === void 0 ? 0 : h, v = e.scaleX, f = v === void 0 ? 1 : v, p = e.scaleY, b = p === void 0 ? 1 : p, A = t.aspectRatio, M = t.naturalWidth, T = t.naturalHeight, I = n.fillColor, z = I === void 0 ? "transparent" : I, B = n.imageSmoothingEnabled, P = B === void 0 ? !0 : B, ne = n.imageSmoothingQuality, F = ne === void 0 ? "low" : ne, D = n.maxWidth, X = D === void 0 ? 1 / 0 : D, q = n.maxHeight, le = q === void 0 ? 1 / 0 : q, fe = n.minWidth, L = fe === void 0 ? 0 : fe, U = n.minHeight, N = U === void 0 ? 0 : U, Y = document.createElement("canvas"), H = Y.getContext("2d"), te = Ee({
     aspectRatio: A,
     width: X,
     height: le
   }), G = Ee({
     aspectRatio: A,
-    width: N,
-    height: I
+    width: L,
+    height: N
   }, "cover"), We = Math.min(te.width, Math.max(G.width, M)), Xe = Math.min(te.height, Math.max(G.height, T)), rt = Ee({
     aspectRatio: a,
     width: X,
     height: le
   }), it = Ee({
     aspectRatio: a,
-    width: N,
-    height: I
+    width: L,
+    height: N
   }, "cover"), nt = Math.min(rt.width, Math.max(it.width, i)), Ne = Math.min(rt.height, Math.max(it.height, l)), gt = [-nt / 2, -Ne / 2, nt, Ne];
-  return Y.width = He(We), Y.height = He(Xe), H.fillStyle = z, H.fillRect(0, 0, We, Xe), H.save(), H.translate(We / 2, Xe / 2), H.rotate(m * Math.PI / 180), H.scale(h, b), H.imageSmoothingEnabled = P, H.imageSmoothingQuality = F, H.drawImage.apply(H, [o].concat(Er(gt.map(function(Le) {
+  return Y.width = He(We), Y.height = He(Xe), H.fillStyle = z, H.fillRect(0, 0, We, Xe), H.save(), H.translate(We / 2, Xe / 2), H.rotate(m * Math.PI / 180), H.scale(f, b), H.imageSmoothingEnabled = P, H.imageSmoothingQuality = F, H.drawImage.apply(H, [o].concat(Er(gt.map(function(Le) {
     return Math.floor(He(Le));
   })))), H.restore(), Y;
 }
 var Rr = String.fromCharCode;
-function Xs(o, e, t) {
+function Fs(o, e, t) {
   var n = "";
   t += e;
   for (var a = e; a < t; a += 1)
     n += Rr(o.getUint8(a));
   return n;
 }
-var Fs = /^data:.*,/;
-function qs(o) {
-  var e = o.replace(Fs, ""), t = atob(e), n = new ArrayBuffer(t.length), a = new Uint8Array(n);
+var qs = /^data:.*,/;
+function Gs(o) {
+  var e = o.replace(qs, ""), t = atob(e), n = new ArrayBuffer(t.length), a = new Uint8Array(n);
   return ie(a, function(i, l) {
     a[l] = t.charCodeAt(l);
   }), n;
 }
-function Gs(o, e) {
+function Js(o, e) {
   for (var t = [], n = 8192, a = new Uint8Array(o); a.length > 0; )
     t.push(Rr.apply(null, jr(a.subarray(0, n)))), a = a.subarray(n);
   return "data:".concat(e, ";base64,").concat(btoa(t.join("")));
 }
-function Js(o) {
+function Zs(o) {
   var e = new DataView(o), t;
   try {
     var n, a, i;
     if (e.getUint8(0) === 255 && e.getUint8(1) === 216)
-      for (var l = e.byteLength, f = 2; f + 1 < l; ) {
-        if (e.getUint8(f) === 255 && e.getUint8(f + 1) === 225) {
-          a = f;
+      for (var l = e.byteLength, h = 2; h + 1 < l; ) {
+        if (e.getUint8(h) === 255 && e.getUint8(h + 1) === 225) {
+          a = h;
           break;
         }
-        f += 1;
+        h += 1;
       }
     if (a) {
-      var m = a + 4, p = a + 10;
-      if (Xs(e, m, 4) === "Exif") {
-        var h = e.getUint16(p);
-        if (n = h === 18761, (n || h === 19789) && e.getUint16(p + 2, n) === 42) {
-          var v = e.getUint32(p + 4, n);
-          v >= 8 && (i = p + v);
+      var m = a + 4, v = a + 10;
+      if (Fs(e, m, 4) === "Exif") {
+        var f = e.getUint16(v);
+        if (n = f === 18761, (n || f === 19789) && e.getUint16(v + 2, n) === 42) {
+          var p = e.getUint32(v + 4, n);
+          p >= 8 && (i = v + p);
         }
       }
     }
@@ -3468,7 +3469,7 @@ function Js(o) {
   }
   return t;
 }
-function Zs(o) {
+function Qs(o) {
   var e = 0, t = 1, n = 1;
   switch (o) {
     case 2:
@@ -3499,62 +3500,62 @@ function Zs(o) {
     scaleY: n
   };
 }
-var Qs = {
+var el = {
   render: function() {
     this.initContainer(), this.initCanvas(), this.initCropBox(), this.renderCanvas(), this.cropped && this.renderCropBox();
   },
   initContainer: function() {
     var e = this.element, t = this.options, n = this.container, a = this.cropper, i = Number(t.minContainerWidth), l = Number(t.minContainerHeight);
     ae(a, he), we(e, he);
-    var f = {
+    var h = {
       width: Math.max(n.offsetWidth, i >= 0 ? i : Nr),
       height: Math.max(n.offsetHeight, l >= 0 ? l : Lr)
     };
-    this.containerData = f, $e(a, {
-      width: f.width,
-      height: f.height
+    this.containerData = h, $e(a, {
+      width: h.width,
+      height: h.height
     }), ae(e, he), we(a, he);
   },
   initCanvas: function() {
-    var e = this.containerData, t = this.imageData, n = this.options.viewMode, a = Math.abs(t.rotate) % 180 === 90, i = a ? t.naturalHeight : t.naturalWidth, l = a ? t.naturalWidth : t.naturalHeight, f = i / l, m = e.width, p = e.height;
-    e.height * f > e.width ? n === 3 ? m = e.height * f : p = e.width / f : n === 3 ? p = e.width / f : m = e.height * f;
-    var h = {
-      aspectRatio: f,
+    var e = this.containerData, t = this.imageData, n = this.options.viewMode, a = Math.abs(t.rotate) % 180 === 90, i = a ? t.naturalHeight : t.naturalWidth, l = a ? t.naturalWidth : t.naturalHeight, h = i / l, m = e.width, v = e.height;
+    e.height * h > e.width ? n === 3 ? m = e.height * h : v = e.width / h : n === 3 ? v = e.width / h : m = e.height * h;
+    var f = {
+      aspectRatio: h,
       naturalWidth: i,
       naturalHeight: l,
       width: m,
-      height: p
+      height: v
     };
-    this.canvasData = h, this.limited = n === 1 || n === 2, this.limitCanvas(!0, !0), h.width = Math.min(Math.max(h.width, h.minWidth), h.maxWidth), h.height = Math.min(Math.max(h.height, h.minHeight), h.maxHeight), h.left = (e.width - h.width) / 2, h.top = (e.height - h.height) / 2, h.oldLeft = h.left, h.oldTop = h.top, this.initialCanvasData = Z({}, h);
+    this.canvasData = f, this.limited = n === 1 || n === 2, this.limitCanvas(!0, !0), f.width = Math.min(Math.max(f.width, f.minWidth), f.maxWidth), f.height = Math.min(Math.max(f.height, f.minHeight), f.maxHeight), f.left = (e.width - f.width) / 2, f.top = (e.height - f.height) / 2, f.oldLeft = f.left, f.oldTop = f.top, this.initialCanvasData = Z({}, f);
   },
   limitCanvas: function(e, t) {
-    var n = this.options, a = this.containerData, i = this.canvasData, l = this.cropBoxData, f = n.viewMode, m = i.aspectRatio, p = this.cropped && l;
+    var n = this.options, a = this.containerData, i = this.canvasData, l = this.cropBoxData, h = n.viewMode, m = i.aspectRatio, v = this.cropped && l;
     if (e) {
-      var h = Number(n.minCanvasWidth) || 0, v = Number(n.minCanvasHeight) || 0;
-      f > 1 ? (h = Math.max(h, a.width), v = Math.max(v, a.height), f === 3 && (v * m > h ? h = v * m : v = h / m)) : f > 0 && (h ? h = Math.max(h, p ? l.width : 0) : v ? v = Math.max(v, p ? l.height : 0) : p && (h = l.width, v = l.height, v * m > h ? h = v * m : v = h / m));
+      var f = Number(n.minCanvasWidth) || 0, p = Number(n.minCanvasHeight) || 0;
+      h > 1 ? (f = Math.max(f, a.width), p = Math.max(p, a.height), h === 3 && (p * m > f ? f = p * m : p = f / m)) : h > 0 && (f ? f = Math.max(f, v ? l.width : 0) : p ? p = Math.max(p, v ? l.height : 0) : v && (f = l.width, p = l.height, p * m > f ? f = p * m : p = f / m));
       var b = Ee({
         aspectRatio: m,
-        width: h,
-        height: v
+        width: f,
+        height: p
       });
-      h = b.width, v = b.height, i.minWidth = h, i.minHeight = v, i.maxWidth = 1 / 0, i.maxHeight = 1 / 0;
+      f = b.width, p = b.height, i.minWidth = f, i.minHeight = p, i.maxWidth = 1 / 0, i.maxHeight = 1 / 0;
     }
     if (t)
-      if (f > (p ? 0 : 1)) {
+      if (h > (v ? 0 : 1)) {
         var A = a.width - i.width, M = a.height - i.height;
-        i.minLeft = Math.min(0, A), i.minTop = Math.min(0, M), i.maxLeft = Math.max(0, A), i.maxTop = Math.max(0, M), p && this.limited && (i.minLeft = Math.min(l.left, l.left + (l.width - i.width)), i.minTop = Math.min(l.top, l.top + (l.height - i.height)), i.maxLeft = l.left, i.maxTop = l.top, f === 2 && (i.width >= a.width && (i.minLeft = Math.min(0, A), i.maxLeft = Math.max(0, A)), i.height >= a.height && (i.minTop = Math.min(0, M), i.maxTop = Math.max(0, M))));
+        i.minLeft = Math.min(0, A), i.minTop = Math.min(0, M), i.maxLeft = Math.max(0, A), i.maxTop = Math.max(0, M), v && this.limited && (i.minLeft = Math.min(l.left, l.left + (l.width - i.width)), i.minTop = Math.min(l.top, l.top + (l.height - i.height)), i.maxLeft = l.left, i.maxTop = l.top, h === 2 && (i.width >= a.width && (i.minLeft = Math.min(0, A), i.maxLeft = Math.max(0, A)), i.height >= a.height && (i.minTop = Math.min(0, M), i.maxTop = Math.max(0, M))));
       } else
         i.minLeft = -i.width, i.minTop = -i.height, i.maxLeft = a.width, i.maxTop = a.height;
   },
   renderCanvas: function(e, t) {
     var n = this.canvasData, a = this.imageData;
     if (t) {
-      var i = Ys({
+      var i = Ws({
         width: a.naturalWidth * Math.abs(a.scaleX || 1),
         height: a.naturalHeight * Math.abs(a.scaleY || 1),
         degree: a.rotate || 0
-      }), l = i.width, f = i.height, m = n.width * (l / n.naturalWidth), p = n.height * (f / n.naturalHeight);
-      n.left -= (m - n.width) / 2, n.top -= (p - n.height) / 2, n.width = m, n.height = p, n.aspectRatio = l / f, n.naturalWidth = l, n.naturalHeight = f, this.limitCanvas(!0, !1);
+      }), l = i.width, h = i.height, m = n.width * (l / n.naturalWidth), v = n.height * (h / n.naturalHeight);
+      n.left -= (m - n.width) / 2, n.top -= (v - n.height) / 2, n.width = m, n.height = v, n.aspectRatio = l / h, n.naturalWidth = l, n.naturalHeight = h, this.limitCanvas(!0, !1);
     }
     (n.width > n.maxWidth || n.width < n.minWidth) && (n.left = n.oldLeft), (n.height > n.maxHeight || n.height < n.minHeight) && (n.top = n.oldTop), n.width = Math.min(Math.max(n.width, n.minWidth), n.maxWidth), n.height = Math.min(Math.max(n.height, n.minHeight), n.maxHeight), this.limitCanvas(!1, !0), n.left = Math.min(Math.max(n.left, n.minLeft), n.maxLeft), n.top = Math.min(Math.max(n.top, n.minTop), n.maxTop), n.oldLeft = n.left, n.oldTop = n.top, $e(this.canvas, Z({
       width: n.width,
@@ -3587,16 +3588,16 @@ var Qs = {
     n && (t.height * n > t.width ? i.height = i.width / n : i.width = i.height * n), this.cropBoxData = i, this.limitCropBox(!0, !0), i.width = Math.min(Math.max(i.width, i.minWidth), i.maxWidth), i.height = Math.min(Math.max(i.height, i.minHeight), i.maxHeight), i.width = Math.max(i.minWidth, i.width * a), i.height = Math.max(i.minHeight, i.height * a), i.left = t.left + (t.width - i.width) / 2, i.top = t.top + (t.height - i.height) / 2, i.oldLeft = i.left, i.oldTop = i.top, this.initialCropBoxData = Z({}, i);
   },
   limitCropBox: function(e, t) {
-    var n = this.options, a = this.containerData, i = this.canvasData, l = this.cropBoxData, f = this.limited, m = n.aspectRatio;
+    var n = this.options, a = this.containerData, i = this.canvasData, l = this.cropBoxData, h = this.limited, m = n.aspectRatio;
     if (e) {
-      var p = Number(n.minCropBoxWidth) || 0, h = Number(n.minCropBoxHeight) || 0, v = f ? Math.min(a.width, i.width, i.width + i.left, a.width - i.left) : a.width, b = f ? Math.min(a.height, i.height, i.height + i.top, a.height - i.top) : a.height;
-      p = Math.min(p, a.width), h = Math.min(h, a.height), m && (p && h ? h * m > p ? h = p / m : p = h * m : p ? h = p / m : h && (p = h * m), b * m > v ? b = v / m : v = b * m), l.minWidth = Math.min(p, v), l.minHeight = Math.min(h, b), l.maxWidth = v, l.maxHeight = b;
+      var v = Number(n.minCropBoxWidth) || 0, f = Number(n.minCropBoxHeight) || 0, p = h ? Math.min(a.width, i.width, i.width + i.left, a.width - i.left) : a.width, b = h ? Math.min(a.height, i.height, i.height + i.top, a.height - i.top) : a.height;
+      v = Math.min(v, a.width), f = Math.min(f, a.height), m && (v && f ? f * m > v ? f = v / m : v = f * m : v ? f = v / m : f && (v = f * m), b * m > p ? b = p / m : p = b * m), l.minWidth = Math.min(v, p), l.minHeight = Math.min(f, b), l.maxWidth = p, l.maxHeight = b;
     }
-    t && (f ? (l.minLeft = Math.max(0, i.left), l.minTop = Math.max(0, i.top), l.maxLeft = Math.min(a.width, i.left + i.width) - l.width, l.maxTop = Math.min(a.height, i.top + i.height) - l.height) : (l.minLeft = 0, l.minTop = 0, l.maxLeft = a.width - l.width, l.maxTop = a.height - l.height));
+    t && (h ? (l.minLeft = Math.max(0, i.left), l.minTop = Math.max(0, i.top), l.maxLeft = Math.min(a.width, i.left + i.width) - l.width, l.maxTop = Math.min(a.height, i.top + i.height) - l.height) : (l.minLeft = 0, l.minTop = 0, l.maxLeft = a.width - l.width, l.maxTop = a.height - l.height));
   },
   renderCropBox: function() {
     var e = this.options, t = this.containerData, n = this.cropBoxData;
-    (n.width > n.maxWidth || n.width < n.minWidth) && (n.left = n.oldLeft), (n.height > n.maxHeight || n.height < n.minHeight) && (n.top = n.oldTop), n.width = Math.min(Math.max(n.width, n.minWidth), n.maxWidth), n.height = Math.min(Math.max(n.height, n.minHeight), n.maxHeight), this.limitCropBox(!1, !0), n.left = Math.min(Math.max(n.left, n.minLeft), n.maxLeft), n.top = Math.min(Math.max(n.top, n.minTop), n.maxTop), n.oldLeft = n.left, n.oldTop = n.top, e.movable && e.cropBoxMovable && tt(this.face, et, n.width >= t.width && n.height >= t.height ? Ar : zt), $e(this.cropBox, Z({
+    (n.width > n.maxWidth || n.width < n.minWidth) && (n.left = n.oldLeft), (n.height > n.maxHeight || n.height < n.minHeight) && (n.top = n.oldTop), n.width = Math.min(Math.max(n.width, n.minWidth), n.maxWidth), n.height = Math.min(Math.max(n.height, n.minHeight), n.maxHeight), this.limitCropBox(!1, !0), n.left = Math.min(Math.max(n.left, n.minLeft), n.maxLeft), n.top = Math.min(Math.max(n.top, n.minTop), n.maxTop), n.oldLeft = n.left, n.oldTop = n.top, e.movable && e.cropBoxMovable && tt(this.face, et, n.width >= t.width && n.height >= t.height ? Ar : Vt), $e(this.cropBox, Z({
       width: n.width,
       height: n.height
     }, Qe({
@@ -3607,18 +3608,18 @@ var Qs = {
   output: function() {
     this.preview(), Ue(this.element, Et, this.getData());
   }
-}, el = {
+}, tl = {
   initPreview: function() {
     var e = this.element, t = this.crossOrigin, n = this.options.preview, a = t ? this.crossOriginUrl : this.url, i = e.alt || "The image to preview", l = document.createElement("img");
     if (t && (l.crossOrigin = t), l.src = a, l.alt = i, this.viewBox.appendChild(l), this.viewBoxImage = l, !!n) {
-      var f = n;
-      typeof n == "string" ? f = e.ownerDocument.querySelectorAll(n) : n.querySelector && (f = [n]), this.previews = f, ie(f, function(m) {
-        var p = document.createElement("img");
+      var h = n;
+      typeof n == "string" ? h = e.ownerDocument.querySelectorAll(n) : n.querySelector && (h = [n]), this.previews = h, ie(h, function(m) {
+        var v = document.createElement("img");
         tt(m, lt, {
           width: m.offsetWidth,
           height: m.offsetHeight,
           html: m.innerHTML
-        }), t && (p.crossOrigin = t), p.src = a, p.alt = i, p.style.cssText = 'display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;"', m.innerHTML = "", m.appendChild(p);
+        }), t && (v.crossOrigin = t), v.src = a, v.alt = i, v.style.cssText = 'display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;"', m.innerHTML = "", m.appendChild(v);
       });
     }
   },
@@ -3628,62 +3629,62 @@ var Qs = {
       $e(e, {
         width: t.width,
         height: t.height
-      }), e.innerHTML = t.html, Rs(e, lt);
+      }), e.innerHTML = t.html, Hs(e, lt);
     });
   },
   preview: function() {
-    var e = this.imageData, t = this.canvasData, n = this.cropBoxData, a = n.width, i = n.height, l = e.width, f = e.height, m = n.left - t.left - e.left, p = n.top - t.top - e.top;
+    var e = this.imageData, t = this.canvasData, n = this.cropBoxData, a = n.width, i = n.height, l = e.width, h = e.height, m = n.left - t.left - e.left, v = n.top - t.top - e.top;
     !this.cropped || this.disabled || ($e(this.viewBoxImage, Z({
       width: l,
-      height: f
+      height: h
     }, Qe(Z({
       translateX: -m,
-      translateY: -p
-    }, e)))), ie(this.previews, function(h) {
-      var v = It(h, lt), b = v.width, A = v.height, M = b, T = A, L = 1;
-      a && (L = b / a, T = i * L), i && T > A && (L = A / i, M = a * L, T = A), $e(h, {
+      translateY: -v
+    }, e)))), ie(this.previews, function(f) {
+      var p = It(f, lt), b = p.width, A = p.height, M = b, T = A, I = 1;
+      a && (I = b / a, T = i * I), i && T > A && (I = A / i, M = a * I, T = A), $e(f, {
         width: M,
         height: T
-      }), $e(h.getElementsByTagName("img")[0], Z({
-        width: l * L,
-        height: f * L
+      }), $e(f.getElementsByTagName("img")[0], Z({
+        width: l * I,
+        height: h * I
       }, Qe(Z({
-        translateX: -m * L,
-        translateY: -p * L
+        translateX: -m * I,
+        translateY: -v * I
       }, e))));
     }));
   }
-}, tl = {
+}, rl = {
   bind: function() {
     var e = this.element, t = this.options, n = this.cropper;
-    de(t.cropstart) && pe(e, Ot, t.cropstart), de(t.cropmove) && pe(e, At, t.cropmove), de(t.cropend) && pe(e, Tt, t.cropend), de(t.crop) && pe(e, Et, t.crop), de(t.zoom) && pe(e, Pt, t.zoom), pe(n, gr, this.onCropStart = this.cropStart.bind(this)), t.zoomable && t.zoomOnWheel && pe(n, xr, this.onWheel = this.wheel.bind(this), {
+    de(t.cropstart) && pe(e, Ot, t.cropstart), de(t.cropmove) && pe(e, At, t.cropmove), de(t.cropend) && pe(e, Tt, t.cropend), de(t.crop) && pe(e, Et, t.crop), de(t.zoom) && pe(e, Pt, t.zoom), pe(n, pr, this.onCropStart = this.cropStart.bind(this)), t.zoomable && t.zoomOnWheel && pe(n, wr, this.onWheel = this.wheel.bind(this), {
       passive: !1,
       capture: !0
-    }), t.toggleDragModeOnDblclick && pe(n, pr, this.onDblclick = this.dblclick.bind(this)), pe(e.ownerDocument, vr, this.onCropMove = this.cropMove.bind(this)), pe(e.ownerDocument, br, this.onCropEnd = this.cropEnd.bind(this)), t.responsive && pe(window, wr, this.onResize = this.resize.bind(this));
+    }), t.toggleDragModeOnDblclick && pe(n, mr, this.onDblclick = this.dblclick.bind(this)), pe(e.ownerDocument, gr, this.onCropMove = this.cropMove.bind(this)), pe(e.ownerDocument, vr, this.onCropEnd = this.cropEnd.bind(this)), t.responsive && pe(window, yr, this.onResize = this.resize.bind(this));
   },
   unbind: function() {
     var e = this.element, t = this.options, n = this.cropper;
-    de(t.cropstart) && be(e, Ot, t.cropstart), de(t.cropmove) && be(e, At, t.cropmove), de(t.cropend) && be(e, Tt, t.cropend), de(t.crop) && be(e, Et, t.crop), de(t.zoom) && be(e, Pt, t.zoom), be(n, gr, this.onCropStart), t.zoomable && t.zoomOnWheel && be(n, xr, this.onWheel, {
+    de(t.cropstart) && be(e, Ot, t.cropstart), de(t.cropmove) && be(e, At, t.cropmove), de(t.cropend) && be(e, Tt, t.cropend), de(t.crop) && be(e, Et, t.crop), de(t.zoom) && be(e, Pt, t.zoom), be(n, pr, this.onCropStart), t.zoomable && t.zoomOnWheel && be(n, wr, this.onWheel, {
       passive: !1,
       capture: !0
-    }), t.toggleDragModeOnDblclick && be(n, pr, this.onDblclick), be(e.ownerDocument, vr, this.onCropMove), be(e.ownerDocument, br, this.onCropEnd), t.responsive && be(window, wr, this.onResize);
+    }), t.toggleDragModeOnDblclick && be(n, mr, this.onDblclick), be(e.ownerDocument, gr, this.onCropMove), be(e.ownerDocument, vr, this.onCropEnd), t.responsive && be(window, yr, this.onResize);
   }
-}, rl = {
+}, il = {
   resize: function() {
     if (!this.disabled) {
       var e = this.options, t = this.container, n = this.containerData, a = t.offsetWidth / n.width, i = t.offsetHeight / n.height, l = Math.abs(a - 1) > Math.abs(i - 1) ? a : i;
       if (l !== 1) {
-        var f, m;
-        e.restore && (f = this.getCanvasData(), m = this.getCropBoxData()), this.render(), e.restore && (this.setCanvasData(ie(f, function(p, h) {
-          f[h] = p * l;
-        })), this.setCropBoxData(ie(m, function(p, h) {
-          m[h] = p * l;
+        var h, m;
+        e.restore && (h = this.getCanvasData(), m = this.getCropBoxData()), this.render(), e.restore && (this.setCanvasData(ie(h, function(v, f) {
+          h[f] = v * l;
+        })), this.setCropBoxData(ie(m, function(v, f) {
+          m[f] = v * l;
         })));
       }
     }
   },
   dblclick: function() {
-    this.disabled || this.options.dragMode === Ir || this.setDragMode(zs(this.dragBox, Mt) ? Pr : Bt);
+    this.disabled || this.options.dragMode === Ir || this.setDragMode(Bs(this.dragBox, Mt) ? Pr : zt);
   },
   wheel: function(e) {
     var t = this, n = Number(this.options.wheelZoomRatio) || 0.1, a = 1;
@@ -3695,9 +3696,9 @@ var Qs = {
     var t = e.buttons, n = e.button;
     if (!(this.disabled || (e.type === "mousedown" || e.type === "pointerdown" && e.pointerType === "mouse") && (W(t) && t !== 1 || W(n) && n !== 0 || e.ctrlKey))) {
       var a = this.options, i = this.pointers, l;
-      e.changedTouches ? ie(e.changedTouches, function(f) {
-        i[f.identifier] = ct(f);
-      }) : i[e.pointerId || 0] = ct(e), Object.keys(i).length > 1 && a.zoomable && a.zoomOnTouch ? l = Or : l = It(e.target, et), !!Es.test(l) && Ue(this.element, Ot, {
+      e.changedTouches ? ie(e.changedTouches, function(h) {
+        i[h.identifier] = ct(h);
+      }) : i[e.pointerId || 0] = ct(e), Object.keys(i).length > 1 && a.zoomable && a.zoomOnTouch ? l = Or : l = It(e.target, et), !!Ts.test(l) && Ue(this.element, Ot, {
         originalEvent: e,
         action: l
       }) !== !1 && (e.preventDefault(), this.action = l, this.cropping = !1, l === Tr && (this.cropping = !0, ae(this.dragBox, ft)));
@@ -3726,10 +3727,10 @@ var Qs = {
       }));
     }
   }
-}, il = {
+}, nl = {
   change: function(e) {
-    var t = this.options, n = this.canvasData, a = this.containerData, i = this.cropBoxData, l = this.pointers, f = this.action, m = t.aspectRatio, p = i.left, h = i.top, v = i.width, b = i.height, A = p + v, M = h + b, T = 0, L = 0, z = a.width, B = a.height, P = !0, ne;
-    !m && e.shiftKey && (m = v && b ? v / b : 1), this.limited && (T = i.minLeft, L = i.minTop, z = T + Math.min(a.width, n.width, n.left + n.width), B = L + Math.min(a.height, n.height, n.top + n.height));
+    var t = this.options, n = this.canvasData, a = this.containerData, i = this.cropBoxData, l = this.pointers, h = this.action, m = t.aspectRatio, v = i.left, f = i.top, p = i.width, b = i.height, A = v + p, M = f + b, T = 0, I = 0, z = a.width, B = a.height, P = !0, ne;
+    !m && e.shiftKey && (m = p && b ? p / b : 1), this.limited && (T = i.minLeft, I = i.minTop, z = T + Math.min(a.width, n.width, n.left + n.width), B = I + Math.min(a.height, n.height, n.top + n.height));
     var F = l[Object.keys(l)[0]], D = {
       x: F.endX - F.startX,
       y: F.endY - F.startY
@@ -3739,80 +3740,80 @@ var Qs = {
           A + D.x > z && (D.x = z - A);
           break;
         case Ae:
-          p + D.x < T && (D.x = T - p);
+          v + D.x < T && (D.x = T - v);
           break;
         case Ce:
-          h + D.y < L && (D.y = L - h);
+          f + D.y < I && (D.y = I - f);
           break;
         case ze:
           M + D.y > B && (D.y = B - M);
           break;
       }
     };
-    switch (f) {
-      case zt:
-        p += D.x, h += D.y;
+    switch (h) {
+      case Vt:
+        v += D.x, f += D.y;
         break;
       case Te:
-        if (D.x >= 0 && (A >= z || m && (h <= L || M >= B))) {
+        if (D.x >= 0 && (A >= z || m && (f <= I || M >= B))) {
           P = !1;
           break;
         }
-        X(Te), v += D.x, v < 0 && (f = Ae, v = -v, p -= v), m && (b = v / m, h += (i.height - b) / 2);
+        X(Te), p += D.x, p < 0 && (h = Ae, p = -p, v -= p), m && (b = p / m, f += (i.height - b) / 2);
         break;
       case Ce:
-        if (D.y <= 0 && (h <= L || m && (p <= T || A >= z))) {
+        if (D.y <= 0 && (f <= I || m && (v <= T || A >= z))) {
           P = !1;
           break;
         }
-        X(Ce), b -= D.y, h += D.y, b < 0 && (f = ze, b = -b, h -= b), m && (v = b * m, p += (i.width - v) / 2);
+        X(Ce), b -= D.y, f += D.y, b < 0 && (h = ze, b = -b, f -= b), m && (p = b * m, v += (i.width - p) / 2);
         break;
       case Ae:
-        if (D.x <= 0 && (p <= T || m && (h <= L || M >= B))) {
+        if (D.x <= 0 && (v <= T || m && (f <= I || M >= B))) {
           P = !1;
           break;
         }
-        X(Ae), v -= D.x, p += D.x, v < 0 && (f = Te, v = -v, p -= v), m && (b = v / m, h += (i.height - b) / 2);
+        X(Ae), p -= D.x, v += D.x, p < 0 && (h = Te, p = -p, v -= p), m && (b = p / m, f += (i.height - b) / 2);
         break;
       case ze:
-        if (D.y >= 0 && (M >= B || m && (p <= T || A >= z))) {
+        if (D.y >= 0 && (M >= B || m && (v <= T || A >= z))) {
           P = !1;
           break;
         }
-        X(ze), b += D.y, b < 0 && (f = Ce, b = -b, h -= b), m && (v = b * m, p += (i.width - v) / 2);
+        X(ze), b += D.y, b < 0 && (h = Ce, b = -b, f -= b), m && (p = b * m, v += (i.width - p) / 2);
         break;
       case qe:
         if (m) {
-          if (D.y <= 0 && (h <= L || A >= z)) {
+          if (D.y <= 0 && (f <= I || A >= z)) {
             P = !1;
             break;
           }
-          X(Ce), b -= D.y, h += D.y, v = b * m;
+          X(Ce), b -= D.y, f += D.y, p = b * m;
         } else
-          X(Ce), X(Te), D.x >= 0 ? A < z ? v += D.x : D.y <= 0 && h <= L && (P = !1) : v += D.x, D.y <= 0 ? h > L && (b -= D.y, h += D.y) : (b -= D.y, h += D.y);
-        v < 0 && b < 0 ? (f = Ze, b = -b, v = -v, h -= b, p -= v) : v < 0 ? (f = Ge, v = -v, p -= v) : b < 0 && (f = Je, b = -b, h -= b);
+          X(Ce), X(Te), D.x >= 0 ? A < z ? p += D.x : D.y <= 0 && f <= I && (P = !1) : p += D.x, D.y <= 0 ? f > I && (b -= D.y, f += D.y) : (b -= D.y, f += D.y);
+        p < 0 && b < 0 ? (h = Ze, b = -b, p = -p, f -= b, v -= p) : p < 0 ? (h = Ge, p = -p, v -= p) : b < 0 && (h = Je, b = -b, f -= b);
         break;
       case Ge:
         if (m) {
-          if (D.y <= 0 && (h <= L || p <= T)) {
+          if (D.y <= 0 && (f <= I || v <= T)) {
             P = !1;
             break;
           }
-          X(Ce), b -= D.y, h += D.y, v = b * m, p += i.width - v;
+          X(Ce), b -= D.y, f += D.y, p = b * m, v += i.width - p;
         } else
-          X(Ce), X(Ae), D.x <= 0 ? p > T ? (v -= D.x, p += D.x) : D.y <= 0 && h <= L && (P = !1) : (v -= D.x, p += D.x), D.y <= 0 ? h > L && (b -= D.y, h += D.y) : (b -= D.y, h += D.y);
-        v < 0 && b < 0 ? (f = Je, b = -b, v = -v, h -= b, p -= v) : v < 0 ? (f = qe, v = -v, p -= v) : b < 0 && (f = Ze, b = -b, h -= b);
+          X(Ce), X(Ae), D.x <= 0 ? v > T ? (p -= D.x, v += D.x) : D.y <= 0 && f <= I && (P = !1) : (p -= D.x, v += D.x), D.y <= 0 ? f > I && (b -= D.y, f += D.y) : (b -= D.y, f += D.y);
+        p < 0 && b < 0 ? (h = Je, b = -b, p = -p, f -= b, v -= p) : p < 0 ? (h = qe, p = -p, v -= p) : b < 0 && (h = Ze, b = -b, f -= b);
         break;
       case Ze:
         if (m) {
-          if (D.x <= 0 && (p <= T || M >= B)) {
+          if (D.x <= 0 && (v <= T || M >= B)) {
             P = !1;
             break;
           }
-          X(Ae), v -= D.x, p += D.x, b = v / m;
+          X(Ae), p -= D.x, v += D.x, b = p / m;
         } else
-          X(ze), X(Ae), D.x <= 0 ? p > T ? (v -= D.x, p += D.x) : D.y >= 0 && M >= B && (P = !1) : (v -= D.x, p += D.x), D.y >= 0 ? M < B && (b += D.y) : b += D.y;
-        v < 0 && b < 0 ? (f = qe, b = -b, v = -v, h -= b, p -= v) : v < 0 ? (f = Je, v = -v, p -= v) : b < 0 && (f = Ge, b = -b, h -= b);
+          X(ze), X(Ae), D.x <= 0 ? v > T ? (p -= D.x, v += D.x) : D.y >= 0 && M >= B && (P = !1) : (p -= D.x, v += D.x), D.y >= 0 ? M < B && (b += D.y) : b += D.y;
+        p < 0 && b < 0 ? (h = qe, b = -b, p = -p, f -= b, v -= p) : p < 0 ? (h = Je, p = -p, v -= p) : b < 0 && (h = Ge, b = -b, f -= b);
         break;
       case Je:
         if (m) {
@@ -3820,30 +3821,30 @@ var Qs = {
             P = !1;
             break;
           }
-          X(Te), v += D.x, b = v / m;
+          X(Te), p += D.x, b = p / m;
         } else
-          X(ze), X(Te), D.x >= 0 ? A < z ? v += D.x : D.y >= 0 && M >= B && (P = !1) : v += D.x, D.y >= 0 ? M < B && (b += D.y) : b += D.y;
-        v < 0 && b < 0 ? (f = Ge, b = -b, v = -v, h -= b, p -= v) : v < 0 ? (f = Ze, v = -v, p -= v) : b < 0 && (f = qe, b = -b, h -= b);
+          X(ze), X(Te), D.x >= 0 ? A < z ? p += D.x : D.y >= 0 && M >= B && (P = !1) : p += D.x, D.y >= 0 ? M < B && (b += D.y) : b += D.y;
+        p < 0 && b < 0 ? (h = Ge, b = -b, p = -p, f -= b, v -= p) : p < 0 ? (h = Ze, p = -p, v -= p) : b < 0 && (h = qe, b = -b, f -= b);
         break;
       case Ar:
         this.move(D.x, D.y), P = !1;
         break;
       case Or:
-        this.zoom(Us(l), e), P = !1;
+        this.zoom(Ks(l), e), P = !1;
         break;
       case Tr:
         if (!D.x || !D.y) {
           P = !1;
           break;
         }
-        ne = Br(this.cropper), p = F.startX - ne.left, h = F.startY - ne.top, v = i.minWidth, b = i.minHeight, D.x > 0 ? f = D.y > 0 ? Je : qe : D.x < 0 && (p -= v, f = D.y > 0 ? Ze : Ge), D.y < 0 && (h -= b), this.cropped || (we(this.cropBox, he), this.cropped = !0, this.limited && this.limitCropBox(!0, !0));
+        ne = Br(this.cropper), v = F.startX - ne.left, f = F.startY - ne.top, p = i.minWidth, b = i.minHeight, D.x > 0 ? h = D.y > 0 ? Je : qe : D.x < 0 && (v -= p, h = D.y > 0 ? Ze : Ge), D.y < 0 && (f -= b), this.cropped || (we(this.cropBox, he), this.cropped = !0, this.limited && this.limitCropBox(!0, !0));
         break;
     }
-    P && (i.width = v, i.height = b, i.left = p, i.top = h, this.action = f, this.renderCropBox()), ie(l, function(q) {
+    P && (i.width = p, i.height = b, i.left = v, i.top = f, this.action = h, this.renderCropBox()), ie(l, function(q) {
       q.startX = q.endX, q.startY = q.endY;
     });
   }
-}, nl = {
+}, ol = {
   crop: function() {
     return this.ready && !this.cropped && !this.disabled && (this.cropped = !0, this.limitCropBox(!0, !0), this.options.modal && ae(this.dragBox, ft), we(this.cropBox, he), this.setCropBoxData(this.initialCropBoxData)), this;
   },
@@ -3865,10 +3866,10 @@ var Qs = {
     }))) : (this.isImg && (this.replaced = !0), this.options.data = null, this.uncreate(), this.load(e))), this;
   },
   enable: function() {
-    return this.ready && this.disabled && (this.disabled = !1, we(this.cropper, fr)), this;
+    return this.ready && this.disabled && (this.disabled = !1, we(this.cropper, hr)), this;
   },
   disable: function() {
-    return this.ready && !this.disabled && (this.disabled = !0, ae(this.cropper, fr)), this;
+    return this.ready && !this.disabled && (this.disabled = !0, ae(this.cropper, hr)), this;
   },
   destroy: function() {
     var e = this.element;
@@ -3887,9 +3888,9 @@ var Qs = {
     return e = Number(e), e < 0 ? e = 1 / (1 - e) : e = 1 + e, this.zoomTo(n.width * e / n.naturalWidth, null, t);
   },
   zoomTo: function(e, t, n) {
-    var a = this.options, i = this.canvasData, l = i.width, f = i.height, m = i.naturalWidth, p = i.naturalHeight;
+    var a = this.options, i = this.canvasData, l = i.width, h = i.height, m = i.naturalWidth, v = i.naturalHeight;
     if (e = Number(e), e >= 0 && this.ready && !this.disabled && a.zoomable) {
-      var h = m * e, v = p * e;
+      var f = m * e, p = v * e;
       if (Ue(this.element, Pt, {
         ratio: e,
         oldRatio: l / m,
@@ -3897,14 +3898,14 @@ var Qs = {
       }) === !1)
         return this;
       if (n) {
-        var b = this.pointers, A = Br(this.cropper), M = b && Object.keys(b).length ? Ks(b) : {
+        var b = this.pointers, A = Br(this.cropper), M = b && Object.keys(b).length ? Ys(b) : {
           pageX: n.pageX,
           pageY: n.pageY
         };
-        i.left -= (h - l) * ((M.pageX - A.left - i.left) / l), i.top -= (v - f) * ((M.pageY - A.top - i.top) / f);
+        i.left -= (f - l) * ((M.pageX - A.left - i.left) / l), i.top -= (p - h) * ((M.pageY - A.top - i.top) / h);
       } else
-        Be(t) && W(t.x) && W(t.y) ? (i.left -= (h - l) * ((t.x - i.left) / l), i.top -= (v - f) * ((t.y - i.top) / f)) : (i.left -= (h - l) / 2, i.top -= (v - f) / 2);
-      i.width = h, i.height = v, this.renderCanvas(!0);
+        Be(t) && W(t.x) && W(t.y) ? (i.left -= (f - l) * ((t.x - i.left) / l), i.top -= (p - h) * ((t.y - i.top) / h)) : (i.left -= (f - l) / 2, i.top -= (p - h) / 2);
+      i.width = f, i.height = p, this.renderCanvas(!0);
     }
     return this;
   },
@@ -3935,12 +3936,12 @@ var Qs = {
         width: i.width,
         height: i.height
       };
-      var f = n.width / n.naturalWidth;
-      if (ie(l, function(h, v) {
-        l[v] = h / f;
+      var h = n.width / n.naturalWidth;
+      if (ie(l, function(f, p) {
+        l[p] = f / h;
       }), e) {
-        var m = Math.round(l.y + l.height), p = Math.round(l.x + l.width);
-        l.x = Math.round(l.x), l.y = Math.round(l.y), l.width = p - l.x, l.height = m - l.y;
+        var m = Math.round(l.y + l.height), v = Math.round(l.x + l.width);
+        l.x = Math.round(l.x), l.y = Math.round(l.y), l.width = v - l.x, l.height = m - l.y;
       }
     } else
       l = {
@@ -3956,8 +3957,8 @@ var Qs = {
     if (this.ready && !this.disabled && Be(e)) {
       var l = !1;
       t.rotatable && W(e.rotate) && e.rotate !== n.rotate && (n.rotate = e.rotate, l = !0), t.scalable && (W(e.scaleX) && e.scaleX !== n.scaleX && (n.scaleX = e.scaleX, l = !0), W(e.scaleY) && e.scaleY !== n.scaleY && (n.scaleY = e.scaleY, l = !0)), l && this.renderCanvas(!0, !0);
-      var f = n.width / n.naturalWidth;
-      W(e.x) && (i.left = e.x * f + a.left), W(e.y) && (i.top = e.y * f + a.top), W(e.width) && (i.width = e.width * f), W(e.height) && (i.height = e.height * f), this.setCropBoxData(i);
+      var h = n.width / n.naturalWidth;
+      W(e.x) && (i.left = e.x * h + a.left), W(e.y) && (i.top = e.y * h + a.top), W(e.width) && (i.width = e.width * h), W(e.height) && (i.height = e.height * h), this.setCropBoxData(i);
     }
     return this;
   },
@@ -3994,39 +3995,39 @@ var Qs = {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     if (!this.ready || !window.HTMLCanvasElement)
       return null;
-    var t = this.canvasData, n = Ws(this.image, this.imageData, t, e);
+    var t = this.canvasData, n = Xs(this.image, this.imageData, t, e);
     if (!this.cropped)
       return n;
-    var a = this.getData(), i = a.x, l = a.y, f = a.width, m = a.height, p = n.width / Math.floor(t.naturalWidth);
-    p !== 1 && (i *= p, l *= p, f *= p, m *= p);
-    var h = f / m, v = Ee({
-      aspectRatio: h,
+    var a = this.getData(), i = a.x, l = a.y, h = a.width, m = a.height, v = n.width / Math.floor(t.naturalWidth);
+    v !== 1 && (i *= v, l *= v, h *= v, m *= v);
+    var f = h / m, p = Ee({
+      aspectRatio: f,
       width: e.maxWidth || 1 / 0,
       height: e.maxHeight || 1 / 0
     }), b = Ee({
-      aspectRatio: h,
+      aspectRatio: f,
       width: e.minWidth || 0,
       height: e.minHeight || 0
     }, "cover"), A = Ee({
-      aspectRatio: h,
-      width: e.width || (p !== 1 ? n.width : f),
-      height: e.height || (p !== 1 ? n.height : m)
+      aspectRatio: f,
+      width: e.width || (v !== 1 ? n.width : h),
+      height: e.height || (v !== 1 ? n.height : m)
     }), M = A.width, T = A.height;
-    M = Math.min(v.width, Math.max(b.width, M)), T = Math.min(v.height, Math.max(b.height, T));
-    var L = document.createElement("canvas"), z = L.getContext("2d");
-    L.width = He(M), L.height = He(T), z.fillStyle = e.fillColor || "transparent", z.fillRect(0, 0, M, T);
+    M = Math.min(p.width, Math.max(b.width, M)), T = Math.min(p.height, Math.max(b.height, T));
+    var I = document.createElement("canvas"), z = I.getContext("2d");
+    I.width = He(M), I.height = He(T), z.fillStyle = e.fillColor || "transparent", z.fillRect(0, 0, M, T);
     var B = e.imageSmoothingEnabled, P = B === void 0 ? !0 : B, ne = e.imageSmoothingQuality;
     z.imageSmoothingEnabled = P, ne && (z.imageSmoothingQuality = ne);
-    var F = n.width, D = n.height, X = i, q = l, le, fe, N, U, I, Y;
-    X <= -f || X > F ? (X = 0, le = 0, N = 0, I = 0) : X <= 0 ? (N = -X, X = 0, le = Math.min(F, f + X), I = le) : X <= F && (N = 0, le = Math.min(f, F - X), I = le), le <= 0 || q <= -m || q > D ? (q = 0, fe = 0, U = 0, Y = 0) : q <= 0 ? (U = -q, q = 0, fe = Math.min(D, m + q), Y = fe) : q <= D && (U = 0, fe = Math.min(m, D - q), Y = fe);
+    var F = n.width, D = n.height, X = i, q = l, le, fe, L, U, N, Y;
+    X <= -h || X > F ? (X = 0, le = 0, L = 0, N = 0) : X <= 0 ? (L = -X, X = 0, le = Math.min(F, h + X), N = le) : X <= F && (L = 0, le = Math.min(h, F - X), N = le), le <= 0 || q <= -m || q > D ? (q = 0, fe = 0, U = 0, Y = 0) : q <= 0 ? (U = -q, q = 0, fe = Math.min(D, m + q), Y = fe) : q <= D && (U = 0, fe = Math.min(m, D - q), Y = fe);
     var H = [X, q, le, fe];
-    if (I > 0 && Y > 0) {
-      var te = M / f;
-      H.push(N * te, U * te, I * te, Y * te);
+    if (N > 0 && Y > 0) {
+      var te = M / h;
+      H.push(L * te, U * te, N * te, Y * te);
     }
     return z.drawImage.apply(z, [n].concat(Er(H.map(function(G) {
       return Math.floor(He(G));
-    })))), L;
+    })))), I;
   },
   setAspectRatio: function(e) {
     var t = this.options;
@@ -4035,19 +4036,19 @@ var Qs = {
   setDragMode: function(e) {
     var t = this.options, n = this.dragBox, a = this.face;
     if (this.ready && !this.disabled) {
-      var i = e === Bt, l = t.movable && e === Pr;
+      var i = e === zt, l = t.movable && e === Pr;
       e = i || l ? e : Ir, t.dragMode = e, tt(n, et, e), Re(n, Mt, i), Re(n, $t, l), t.cropBoxMovable || (tt(a, et, e), Re(a, Mt, i), Re(a, $t, l));
     }
     return this;
   }
-}, ol = _e.Cropper, Hr = /* @__PURE__ */ function() {
+}, al = _e.Cropper, Hr = /* @__PURE__ */ function() {
   function o(e) {
     var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    if (bs(this, o), !e || !Os.test(e.tagName))
+    if (ys(this, o), !e || !Ps.test(e.tagName))
       throw new Error("The first argument is required and must be an <img> or <canvas> element.");
-    this.element = e, this.options = Z({}, kr, Be(t) && t), this.cropped = !1, this.disabled = !1, this.pointers = {}, this.ready = !1, this.reloading = !1, this.replaced = !1, this.sized = !1, this.sizing = !1, this.init();
+    this.element = e, this.options = Z({}, _r, Be(t) && t), this.cropped = !1, this.disabled = !1, this.pointers = {}, this.ready = !1, this.reloading = !1, this.replaced = !1, this.sized = !1, this.sizing = !1, this.init();
   }
-  return ys(o, [{
+  return ws(o, [{
     key: "init",
     value: function() {
       var t = this.element, n = t.tagName.toLowerCase(), a;
@@ -4072,59 +4073,59 @@ var Qs = {
           this.clone();
           return;
         }
-        if (Ts.test(t)) {
-          As.test(t) ? this.read(qs(t)) : this.clone();
+        if (As.test(t)) {
+          Os.test(t) ? this.read(Gs(t)) : this.clone();
           return;
         }
-        var l = new XMLHttpRequest(), f = this.clone.bind(this);
-        this.reloading = !0, this.xhr = l, l.onabort = f, l.onerror = f, l.ontimeout = f, l.onprogress = function() {
-          l.getResponseHeader("content-type") !== _r && l.abort();
+        var l = new XMLHttpRequest(), h = this.clone.bind(this);
+        this.reloading = !0, this.xhr = l, l.onabort = h, l.onerror = h, l.ontimeout = h, l.onprogress = function() {
+          l.getResponseHeader("content-type") !== xr && l.abort();
         }, l.onload = function() {
           n.read(l.response);
         }, l.onloadend = function() {
           n.reloading = !1, n.xhr = null;
-        }, i.checkCrossOrigin && Dr(t) && a.crossOrigin && (t = Cr(t)), l.open("GET", t, !0), l.responseType = "arraybuffer", l.withCredentials = a.crossOrigin === "use-credentials", l.send();
+        }, i.checkCrossOrigin && Sr(t) && a.crossOrigin && (t = Dr(t)), l.open("GET", t, !0), l.responseType = "arraybuffer", l.withCredentials = a.crossOrigin === "use-credentials", l.send();
       }
     }
   }, {
     key: "read",
     value: function(t) {
-      var n = this.options, a = this.imageData, i = Js(t), l = 0, f = 1, m = 1;
+      var n = this.options, a = this.imageData, i = Zs(t), l = 0, h = 1, m = 1;
       if (i > 1) {
-        this.url = Gs(t, _r);
-        var p = Zs(i);
-        l = p.rotate, f = p.scaleX, m = p.scaleY;
+        this.url = Js(t, xr);
+        var v = Qs(i);
+        l = v.rotate, h = v.scaleX, m = v.scaleY;
       }
-      n.rotatable && (a.rotate = l), n.scalable && (a.scaleX = f, a.scaleY = m), this.clone();
+      n.rotatable && (a.rotate = l), n.scalable && (a.scaleX = h, a.scaleY = m), this.clone();
     }
   }, {
     key: "clone",
     value: function() {
       var t = this.element, n = this.url, a = t.crossOrigin, i = n;
-      this.options.checkCrossOrigin && Dr(n) && (a || (a = "anonymous"), i = Cr(n)), this.crossOrigin = a, this.crossOriginUrl = i;
+      this.options.checkCrossOrigin && Sr(n) && (a || (a = "anonymous"), i = Dr(n)), this.crossOrigin = a, this.crossOriginUrl = i;
       var l = document.createElement("img");
-      a && (l.crossOrigin = a), l.src = i || n, l.alt = t.alt || "The image to crop", this.image = l, l.onload = this.start.bind(this), l.onerror = this.stop.bind(this), ae(l, mr), t.parentNode.insertBefore(l, t.nextSibling);
+      a && (l.crossOrigin = a), l.src = i || n, l.alt = t.alt || "The image to crop", this.image = l, l.onload = this.start.bind(this), l.onerror = this.stop.bind(this), ae(l, fr), t.parentNode.insertBefore(l, t.nextSibling);
     }
   }, {
     key: "start",
     value: function() {
       var t = this, n = this.image;
       n.onload = null, n.onerror = null, this.sizing = !0;
-      var a = _e.navigator && /(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(_e.navigator.userAgent), i = function(p, h) {
+      var a = _e.navigator && /(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(_e.navigator.userAgent), i = function(v, f) {
         Z(t.imageData, {
-          naturalWidth: p,
-          naturalHeight: h,
-          aspectRatio: p / h
+          naturalWidth: v,
+          naturalHeight: f,
+          aspectRatio: v / f
         }), t.initialImageData = Z({}, t.imageData), t.sizing = !1, t.sized = !0, t.build();
       };
       if (n.naturalWidth && !a) {
         i(n.naturalWidth, n.naturalHeight);
         return;
       }
-      var l = document.createElement("img"), f = document.body || document.documentElement;
+      var l = document.createElement("img"), h = document.body || document.documentElement;
       this.sizingImage = l, l.onload = function() {
-        i(l.width, l.height), a || f.removeChild(l);
-      }, l.src = n.src, a || (l.style.cssText = "left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;", f.appendChild(l));
+        i(l.width, l.height), a || h.removeChild(l);
+      }, l.src = n.src, a || (l.style.cssText = "left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;", h.appendChild(l));
     }
   }, {
     key: "stop",
@@ -4137,11 +4138,11 @@ var Qs = {
     value: function() {
       if (!(!this.sized || this.ready)) {
         var t = this.element, n = this.options, a = this.image, i = t.parentNode, l = document.createElement("div");
-        l.innerHTML = Ps;
-        var f = l.querySelector(".".concat(J, "-container")), m = f.querySelector(".".concat(J, "-canvas")), p = f.querySelector(".".concat(J, "-drag-box")), h = f.querySelector(".".concat(J, "-crop-box")), v = h.querySelector(".".concat(J, "-face"));
-        this.container = i, this.cropper = f, this.canvas = m, this.dragBox = p, this.cropBox = h, this.viewBox = f.querySelector(".".concat(J, "-view-box")), this.face = v, m.appendChild(a), ae(t, he), i.insertBefore(f, t.nextSibling), this.isImg || we(a, mr), this.initPreview(), this.bind(), n.initialAspectRatio = Math.max(0, n.initialAspectRatio) || NaN, n.aspectRatio = Math.max(0, n.aspectRatio) || NaN, n.viewMode = Math.max(0, Math.min(3, Math.round(n.viewMode))) || 0, ae(h, he), n.guides || ae(h.getElementsByClassName("".concat(J, "-dashed")), he), n.center || ae(h.getElementsByClassName("".concat(J, "-center")), he), n.background && ae(f, "".concat(J, "-bg")), n.highlight || ae(v, Ds), n.cropBoxMovable && (ae(v, $t), tt(v, et, zt)), n.cropBoxResizable || (ae(h.getElementsByClassName("".concat(J, "-line")), he), ae(h.getElementsByClassName("".concat(J, "-point")), he)), this.render(), this.ready = !0, this.setDragMode(n.dragMode), n.autoCrop && this.crop(), this.setData(n.data), de(n.ready) && pe(t, yr, n.ready, {
+        l.innerHTML = Is;
+        var h = l.querySelector(".".concat(J, "-container")), m = h.querySelector(".".concat(J, "-canvas")), v = h.querySelector(".".concat(J, "-drag-box")), f = h.querySelector(".".concat(J, "-crop-box")), p = f.querySelector(".".concat(J, "-face"));
+        this.container = i, this.cropper = h, this.canvas = m, this.dragBox = v, this.cropBox = f, this.viewBox = h.querySelector(".".concat(J, "-view-box")), this.face = p, m.appendChild(a), ae(t, he), i.insertBefore(h, t.nextSibling), this.isImg || we(a, fr), this.initPreview(), this.bind(), n.initialAspectRatio = Math.max(0, n.initialAspectRatio) || NaN, n.aspectRatio = Math.max(0, n.aspectRatio) || NaN, n.viewMode = Math.max(0, Math.min(3, Math.round(n.viewMode))) || 0, ae(f, he), n.guides || ae(f.getElementsByClassName("".concat(J, "-dashed")), he), n.center || ae(f.getElementsByClassName("".concat(J, "-center")), he), n.background && ae(h, "".concat(J, "-bg")), n.highlight || ae(p, Cs), n.cropBoxMovable && (ae(p, $t), tt(p, et, Vt)), n.cropBoxResizable || (ae(f.getElementsByClassName("".concat(J, "-line")), he), ae(f.getElementsByClassName("".concat(J, "-point")), he)), this.render(), this.ready = !0, this.setDragMode(n.dragMode), n.autoCrop && this.crop(), this.setData(n.data), de(n.ready) && pe(t, br, n.ready, {
           once: !0
-        }), Ue(t, yr);
+        }), Ue(t, br);
       }
     }
   }, {
@@ -4157,80 +4158,80 @@ var Qs = {
   }], [{
     key: "noConflict",
     value: function() {
-      return window.Cropper = ol, o;
+      return window.Cropper = al, o;
     }
   }, {
     key: "setDefaults",
     value: function(t) {
-      Z(kr, Be(t) && t);
+      Z(_r, Be(t) && t);
     }
   }]), o;
 }();
-Z(Hr.prototype, Qs, el, tl, rl, il, nl);
-const al = { class: "flex" }, sl = {
+Z(Hr.prototype, el, tl, rl, il, nl, ol);
+const sl = { class: "flex" }, ll = {
   class: "mb-2 text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, ll = { class: "ml-auto mb-2" }, cl = { class: "w-full flex justify-center" }, ul = ["src"], dl = {
+}, cl = { class: "ml-auto mb-2" }, ul = { class: "w-full flex justify-center" }, dl = ["src"], hl = {
   __name: "Image",
   props: {
     selection: Object
   },
   emits: ["load"],
   setup(o, { emit: e }) {
-    const t = o, { t: n } = R("i18n"), a = V(null), i = V(null), l = V(!1), f = () => {
-      l.value = !l.value, l.value ? i.value = new Hr(a.value, {
-        crop(p) {
+    const t = o, { t: n } = R("i18n"), { apiUrl: a } = ke(), i = V(null), l = V(null), h = V(!1), m = () => {
+      h.value = !h.value, h.value ? l.value = new Hr(i.value, {
+        crop(f) {
         }
-      }) : i.value.destroy();
-    }, m = () => {
-      i.value.getCroppedCanvas({
+      }) : l.value.destroy();
+    }, v = () => {
+      l.value.getCroppedCanvas({
         width: 795,
         height: 341
       }).toBlob(
-        (p) => {
-          ht(apiUrl.value, {
+        (f) => {
+          ht(a.value, {
             method: "POST",
-            params: { q: "upload", adapter: t.selection.adapter, path: t.selection.item.path, file: p },
+            params: { q: "upload", adapter: t.selection.adapter, path: t.selection.item.path, file: f },
             name: t.selection.item.basename,
             json: !1
-          }).then((h) => {
-            a.value.src = Dt(t.selection.adapter, t.selection.item.path), f(), e("load");
-          }).catch((h) => console.log(h.statusText));
+          }).then((p) => {
+            i.value.src = Dt(t.selection.adapter, t.selection.item.path), m(), e("load");
+          }).catch((p) => console.log(p.statusText));
         }
       );
     };
     return onMounted(() => {
       e("load");
-    }), (p, h) => (x(), C(se, null, [
-      d("div", al, [
-        d("h3", sl, E(o.selection.item.basename), 1),
-        d("div", ll, [
-          l.value ? (x(), C("button", {
+    }), (f, p) => (x(), C(se, null, [
+      d("div", sl, [
+        d("h3", ll, $(o.selection.item.basename), 1),
+        d("div", cl, [
+          h.value ? (x(), C("button", {
             key: 0,
-            onClick: m,
+            onClick: v,
             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"
-          }, E(_(n)("Crop")), 1)) : oe("", !0),
+          }, $(_(n)("Crop")), 1)) : oe("", !0),
           d("button", {
             class: "ml-1 px-2 py-1 text-blue-500",
-            onClick: h[0] || (h[0] = (v) => f())
-          }, E(l.value ? _(n)("Cancel") : _(n)("Edit")), 1)
+            onClick: p[0] || (p[0] = (b) => m())
+          }, $(h.value ? _(n)("Cancel") : _(n)("Edit")), 1)
         ])
       ]),
-      d("div", cl, [
+      d("div", ul, [
         d("img", {
           ref_key: "image",
-          ref: a,
+          ref: i,
           class: "max-w-[60vh] max-h-[60vh]",
           src: _(Dt)(t.selection.adapter, t.selection.item.path),
           alt: ""
-        }, null, 8, ul)
+        }, null, 8, dl)
       ])
     ], 64));
   }
-}, hl = {
+}, fl = {
   class: "mb-2 text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, fl = /* @__PURE__ */ d("div", null, " Default view.. ", -1), ml = {
+}, ml = /* @__PURE__ */ d("div", null, " Default view.. ", -1), pl = {
   __name: "Default",
   props: {
     selection: Object
@@ -4240,84 +4241,84 @@ const al = { class: "flex" }, sl = {
     return xe(() => {
       e("load");
     }), (t, n) => (x(), C(se, null, [
-      d("h3", hl, E(o.selection.item.basename), 1),
-      fl
+      d("h3", fl, $(o.selection.item.basename), 1),
+      ml
     ], 64));
   }
-}, pl = {
+}, gl = {
   class: "mb-2 text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, gl = {
+}, vl = {
   class: "w-full",
   preload: "",
   controls: ""
-}, vl = ["src"], bl = /* @__PURE__ */ Me(" Your browser does not support the video tag. "), yl = {
+}, bl = ["src"], yl = /* @__PURE__ */ Me(" Your browser does not support the video tag. "), wl = {
   __name: "Video",
   props: {
     selection: Object
   },
   emits: ["load"],
   setup(o, { emit: e }) {
-    const t = o, { apiUrl: n } = Se(), a = () => n.value + "?" + Ie({ q: "preview", adapter: t.selection.adapter, path: t.selection.item.path });
+    const t = o, { apiUrl: n } = ke(), a = () => n.value + "?" + Ie({ q: "preview", adapter: t.selection.adapter, path: t.selection.item.path });
     return xe(() => {
       e("load");
     }), (i, l) => (x(), C(se, null, [
-      d("h3", pl, E(o.selection.item.basename), 1),
+      d("h3", gl, $(o.selection.item.basename), 1),
       d("div", null, [
-        d("video", gl, [
+        d("video", vl, [
           d("source", {
             src: a(),
             type: "video/mp4"
-          }, null, 8, vl),
-          bl
+          }, null, 8, bl),
+          yl
         ])
       ])
     ], 64));
   }
-}, wl = {
+}, xl = {
   class: "mb-2 text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, xl = {
+}, _l = {
   class: "w-full",
   controls: ""
-}, _l = ["src"], kl = /* @__PURE__ */ Me(" Your browser does not support the audio element. "), Sl = {
+}, kl = ["src"], Sl = /* @__PURE__ */ Me(" Your browser does not support the audio element. "), Dl = {
   __name: "Audio",
   props: {
     selection: Object
   },
   emits: ["load"],
   setup(o, { emit: e }) {
-    const t = o, { apiUrl: n } = Se(), a = () => n.value + "?" + Ie({ q: "preview", adapter: t.selection.adapter, path: t.selection.item.path });
+    const t = o, { apiUrl: n } = ke(), a = () => n.value + "?" + Ie({ q: "preview", adapter: t.selection.adapter, path: t.selection.item.path });
     return xe(() => {
       e("load");
     }), (i, l) => (x(), C(se, null, [
-      d("h3", wl, E(o.selection.item.basename), 1),
+      d("h3", xl, $(o.selection.item.basename), 1),
       d("div", null, [
-        d("audio", xl, [
+        d("audio", _l, [
           d("source", {
             src: a(),
             type: "audio/mpeg"
-          }, null, 8, _l),
-          kl
+          }, null, 8, kl),
+          Sl
         ])
       ])
     ], 64));
   }
-}, Dl = {
+}, Cl = {
   class: "mb-2 text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, Cl = ["data"], Ml = ["src"], $l = {
+}, Ml = ["data"], $l = ["src"], El = {
   __name: "Pdf",
   props: {
     selection: Object
   },
   emits: ["load"],
   setup(o, { emit: e }) {
-    const t = o, { apiUrl: n } = Se(), a = () => n.value + "?" + Ie({ q: "preview", adapter: t.selection.adapter, path: t.selection.item.path });
+    const t = o, { apiUrl: n } = ke(), a = () => n.value + "?" + Ie({ q: "preview", adapter: t.selection.adapter, path: t.selection.item.path });
     return xe(() => {
       e("load");
     }), (i, l) => (x(), C(se, null, [
-      d("h3", Dl, E(o.selection.item.basename), 1),
+      d("h3", Cl, $(o.selection.item.basename), 1),
       d("div", null, [
         d("object", {
           class: "h-[60vh]",
@@ -4337,15 +4338,15 @@ const al = { class: "flex" }, sl = {
             <a href="https://example.com/test.pdf">Download the PDF</a>
             .
           </p>
-        `, 8, Ml)
-        ], 8, Cl)
+        `, 8, $l)
+        ], 8, Ml)
       ])
     ], 64));
   }
-}, El = { class: "sm:flex sm:items-start" }, Tl = { class: "mt-3 text-center sm:mt-0 sm:text-left w-full" }, Al = { class: "text-gray-700 dark:text-gray-200 text-sm" }, Ol = {
+}, Tl = { class: "sm:flex sm:items-start" }, Al = { class: "mt-3 text-center sm:mt-0 sm:text-left w-full" }, Ol = { class: "text-gray-700 dark:text-gray-200 text-sm" }, Pl = {
   key: 0,
   class: "flex leading-5"
-}, Pl = /* @__PURE__ */ d("svg", {
+}, Il = /* @__PURE__ */ d("svg", {
   class: "animate-spin -ml-1 mr-3 h-5 w-5 text-white",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -4364,69 +4365,69 @@ const al = { class: "flex" }, sl = {
     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), Il = {
+], -1), Nl = {
   name: "VFModalPreview"
-}, Nl = /* @__PURE__ */ Object.assign(Il, {
+}, Ll = /* @__PURE__ */ Object.assign(Nl, {
   props: {
     selection: Object
   },
   setup(o) {
-    const e = o, { apiUrl: t } = Se(), n = R("emitter"), { t: a } = R("i18n"), i = V(!1), l = (p) => i.value = p, f = (p) => {
-      var h;
-      return ((h = e.selection.item.mime_type) != null ? h : "").startsWith(p);
+    const e = o, { apiUrl: t } = ke(), n = R("emitter"), { t: a } = R("i18n"), i = V(!1), l = (v) => i.value = v, h = (v) => {
+      var f;
+      return ((f = e.selection.item.mime_type) != null ? f : "").startsWith(v);
     }, m = () => {
-      const p = t.value + "?" + Ie({ q: "download", adapter: e.selection.adapter, path: e.selection.item.path });
-      n.emit("vf-download", p);
+      const v = t.value + "?" + Ie({ q: "download", adapter: e.selection.adapter, path: e.selection.item.path });
+      n.emit("vf-download", v);
     };
-    return (p, h) => (x(), ce(ke, null, {
+    return (v, f) => (x(), ce(Se, null, {
       buttons: ee(() => [
         d("button", {
           type: "button",
-          onClick: h[6] || (h[6] = (v) => _(n).emit("vf-modal-close")),
+          onClick: f[6] || (f[6] = (p) => _(n).emit("vf-modal-close")),
           class: "mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
-        }, E(_(a)("Close")), 1),
+        }, $(_(a)("Close")), 1),
         d("button", {
           type: "button",
-          onClick: h[7] || (h[7] = (v) => m()),
+          onClick: f[7] || (f[7] = (p) => m()),
           class: "mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
-        }, E(_(a)("Download")), 1)
+        }, $(_(a)("Download")), 1)
       ]),
       default: ee(() => [
-        d("div", El, [
-          d("div", Tl, [
+        d("div", Tl, [
+          d("div", Al, [
             d("div", null, [
-              f("text") ? (x(), ce(vs, {
+              h("text") ? (x(), ce(bs, {
                 key: 0,
                 selection: o.selection,
-                onLoad: h[0] || (h[0] = (v) => l(!0))
-              }, null, 8, ["selection"])) : f("image") ? (x(), ce(dl, {
+                onLoad: f[0] || (f[0] = (p) => l(!0))
+              }, null, 8, ["selection"])) : h("image") ? (x(), ce(hl, {
                 key: 1,
                 selection: o.selection,
-                onLoad: h[1] || (h[1] = (v) => l(!0))
-              }, null, 8, ["selection"])) : f("video") ? (x(), ce(yl, {
+                onLoad: f[1] || (f[1] = (p) => l(!0))
+              }, null, 8, ["selection"])) : h("video") ? (x(), ce(wl, {
                 key: 2,
                 selection: o.selection,
-                onLoad: h[2] || (h[2] = (v) => l(!0))
-              }, null, 8, ["selection"])) : f("audio") ? (x(), ce(Sl, {
+                onLoad: f[2] || (f[2] = (p) => l(!0))
+              }, null, 8, ["selection"])) : h("audio") ? (x(), ce(Dl, {
                 key: 3,
                 selection: o.selection,
-                onLoad: h[3] || (h[3] = (v) => l(!0))
-              }, null, 8, ["selection"])) : f("application/pdf") ? (x(), ce($l, {
+                onLoad: f[3] || (f[3] = (p) => l(!0))
+              }, null, 8, ["selection"])) : h("application/pdf") ? (x(), ce(El, {
                 key: 4,
                 selection: o.selection,
-                onLoad: h[4] || (h[4] = (v) => l(!0))
-              }, null, 8, ["selection"])) : (x(), ce(ml, {
+                onLoad: f[4] || (f[4] = (p) => l(!0))
+              }, null, 8, ["selection"])) : (x(), ce(pl, {
                 key: 5,
                 selection: o.selection,
-                onLoad: h[5] || (h[5] = (v) => l(!0))
+                onLoad: f[5] || (f[5] = (p) => l(!0))
               }, null, 8, ["selection"]))
             ]),
-            d("div", Al, [
-              d("p", null, E(o.selection.item.path), 1),
-              d("p", null, "mime_type: " + E(o.selection.item.mime_type), 1),
-              i.value == !1 ? (x(), C("div", Ol, [
-                Pl,
-                d("span", null, E(_(a)("Loading")), 1)
+            d("div", Ol, [
+              d("p", null, $(o.selection.item.path), 1),
+              d("p", null, "mime_type: " + $(o.selection.item.mime_type), 1),
+              i.value == !1 ? (x(), C("div", Pl, [
+                Il,
+                d("span", null, $(_(a)("Loading")), 1)
               ])) : oe("", !0)
             ])
           ])
@@ -4435,7 +4436,7 @@ const al = { class: "flex" }, sl = {
       _: 1
     }));
   }
-}), Ll = { class: "sm:flex sm:items-start" }, jl = /* @__PURE__ */ d("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" }, [
+}), jl = { class: "sm:flex sm:items-start" }, Vl = /* @__PURE__ */ d("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__ */ d("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -4450,10 +4451,10 @@ const al = { class: "flex" }, sl = {
       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), Vl = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, zl = {
+], -1), zl = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, Bl = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, Bl = { class: "mt-2" }, Rl = { class: "flex text-sm text-gray-800 dark:text-gray-400 py-2" }, Hl = {
+}, Rl = { class: "mt-2" }, Hl = { class: "flex text-sm text-gray-800 dark:text-gray-400 py-2" }, Ul = {
   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",
@@ -4461,13 +4462,13 @@ const al = { class: "flex" }, sl = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Ul = /* @__PURE__ */ d("path", {
+}, Kl = /* @__PURE__ */ d("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), Kl = [
-  Ul
-], Yl = {
+}, null, -1), Yl = [
+  Kl
+], Wl = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500",
@@ -4475,61 +4476,67 @@ const al = { class: "flex" }, sl = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Wl = /* @__PURE__ */ d("path", {
+}, Xl = /* @__PURE__ */ d("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), Xl = [
-  Wl
-], Fl = { class: "ml-1.5" }, ql = ["onKeyup"], Gl = {
+}, null, -1), Fl = [
+  Xl
+], ql = { class: "ml-1.5" }, Gl = ["onKeyup"], Jl = { class: "text-red-600" }, Zl = {
   name: "VFModalRename"
-}, Jl = /* @__PURE__ */ Object.assign(Gl, {
+}, Ql = /* @__PURE__ */ Object.assign(Zl, {
   props: {
     selection: Object,
     current: Object
   },
   setup(o) {
-    const e = o, t = R("emitter"), { getStore: n } = R("storage"), { t: a } = R("i18n"), i = V(e.selection.items[0]), l = V(e.selection.items[0].basename), f = () => {
+    const e = o, t = R("emitter"), { getStore: n } = R("storage"), { t: a } = R("i18n"), i = V(e.selection.items[0]), l = V(e.selection.items[0].basename), h = V(""), m = () => {
       l.value != "" && t.emit("vf-fetch", {
-        q: "rename",
-        adapter: n("adapter", "local"),
-        path: e.current.dirname,
-        item: i.value.path,
-        name: l.value
+        params: {
+          q: "rename",
+          adapter: n("adapter", "local"),
+          path: e.current.dirname,
+          item: i.value.path,
+          name: l.value
+        },
+        onError: (v) => {
+          h.value = v.message, t.emit("vf-toast-push", { label: v.message, type: "error" });
+        }
       });
     };
-    return (m, p) => (x(), ce(ke, null, {
+    return (v, f) => (x(), ce(Se, null, {
       buttons: ee(() => [
         d("button", {
           type: "button",
-          onClick: f,
+          onClick: m,
           class: "w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"
-        }, E(_(a)("Rename")), 1),
+        }, $(_(a)("Rename")), 1),
         d("button", {
           type: "button",
-          onClick: p[1] || (p[1] = (h) => _(t).emit("vf-modal-close")),
+          onClick: f[1] || (f[1] = (p) => _(t).emit("vf-modal-close")),
           class: "mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
-        }, E(_(a)("Cancel")), 1)
+        }, $(_(a)("Cancel")), 1)
       ]),
       default: ee(() => [
-        d("div", Ll, [
-          jl,
-          d("div", Vl, [
-            d("h3", zl, E(_(a)("Rename")), 1),
-            d("div", Bl, [
-              d("p", Rl, [
-                i.value.type == "dir" ? (x(), C("svg", Hl, Kl)) : (x(), C("svg", Yl, Xl)),
-                d("span", Fl, E(i.value.basename), 1)
+        d("div", jl, [
+          Vl,
+          d("div", zl, [
+            d("h3", Bl, $(_(a)("Rename")), 1),
+            d("div", Rl, [
+              d("p", Hl, [
+                i.value.type == "dir" ? (x(), C("svg", Ul, Yl)) : (x(), C("svg", Wl, Fl)),
+                d("span", ql, $(i.value.basename), 1)
               ]),
               ge(d("input", {
-                "onUpdate:modelValue": p[0] || (p[0] = (h) => l.value = h),
-                onKeyup: Ke(f, ["enter"]),
+                "onUpdate:modelValue": f[0] || (f[0] = (p) => l.value = p),
+                onKeyup: Ke(m, ["enter"]),
                 class: "px-2 py-1 border rounded dark:bg-gray-500 dark:focus:ring-gray-600 dark:focus:border-gray-600 dark:text-gray-100 w-full",
                 placeholder: "Name",
                 type: "text"
-              }, null, 40, ql), [
+              }, null, 40, Gl), [
                 [Ye, l.value]
-              ])
+              ]),
+              d("div", Jl, $(h.value), 1)
             ])
           ])
         ])
@@ -4537,7 +4544,7 @@ const al = { class: "flex" }, sl = {
       _: 1
     }));
   }
-}), Zl = { class: "sm:flex sm:items-start" }, Ql = /* @__PURE__ */ d("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" }, [
+}), ec = { class: "sm:flex sm:items-start" }, tc = /* @__PURE__ */ d("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__ */ d("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -4552,26 +4559,26 @@ const al = { class: "flex" }, sl = {
       d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"
     })
   ])
-], -1), ec = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, tc = {
+], -1), rc = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, ic = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, rc = { class: "mt-2" }, ic = { class: "text-gray-500 mb-1" }, nc = ["id"], oc = {
+}, nc = { class: "mt-2" }, oc = { class: "text-gray-500 mb-1" }, ac = ["id"], sc = {
   key: 0,
   class: "py-2"
-}, ac = ["disabled", "onClick"], sc = {
+}, lc = ["disabled", "onClick"], cc = {
   name: "VFModalUpload"
-}, lc = /* @__PURE__ */ Object.assign(sc, {
+}, uc = /* @__PURE__ */ Object.assign(cc, {
   props: {
     current: Object
   },
   setup(o) {
-    const e = o, t = R("emitter"), { apiUrl: n } = Se(), { t: a } = R("i18n"), i = V(null), l = V(null), f = V(null), m = V([]), p = V(!0), h = () => {
+    const e = o, t = R("emitter"), { apiUrl: n } = ke(), { t: a } = R("i18n"), i = V(null), l = V(null), h = V(null), m = V([]), v = V(!0), f = () => {
       i.value.start();
     };
     return xe(() => {
       i.value = new wt.Uploader({
         runtimes: "html5",
-        browse_button: f.value,
+        browse_button: h.value,
         container: l.value,
         max_file_size: "10mb",
         multiple_queues: !0,
@@ -4580,8 +4587,8 @@ const al = { class: "flex" }, sl = {
         init: {
           PostInit: function() {
           },
-          FilesAdded: function(v, b) {
-            p.value = !1, wt.each(b, function(A) {
+          FilesAdded: function(p, b) {
+            v.value = !1, wt.each(b, function(A) {
               m.value.push({
                 id: A.id,
                 name: A.name,
@@ -4590,46 +4597,46 @@ const al = { class: "flex" }, sl = {
               });
             });
           },
-          UploadProgress: function(v, b) {
+          UploadProgress: function(p, b) {
             m.value[m.value.findIndex((A) => A.id == b.id)].percent = b.percent + "%";
           },
           UploadComplete: function() {
-            p.value = !0, t.emit("vf-fetch", { q: "index", adapter: e.current.adapter, path: e.current.dirname });
+            v.value = !0, t.emit("vf-fetch", { params: { q: "index", adapter: e.current.adapter, path: e.current.dirname } });
           },
-          Error: function(v, b) {
+          Error: function(p, b) {
           }
         }
       }), i.value.init();
-    }), (v, b) => (x(), ce(ke, null, {
+    }), (p, b) => (x(), ce(Se, null, {
       buttons: ee(() => [
         d("button", {
-          disabled: p.value,
-          onClick: Oe(h, ["prevent"]),
+          disabled: v.value,
+          onClick: Oe(f, ["prevent"]),
           type: "button",
-          class: ue([p.value ? "bg-red-200 hover:bg-red-200" : "bg-red-600 hover:bg-red-700", "w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 text-base font-medium text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"])
-        }, E(_(a)("Upload")), 11, ac),
+          class: ue([v.value ? "bg-red-200 hover:bg-red-200" : "bg-red-600 hover:bg-red-700", "w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 text-base font-medium text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"])
+        }, $(_(a)("Upload")), 11, lc),
         d("button", {
           type: "button",
           onClick: b[0] || (b[0] = (A) => _(t).emit("vf-modal-close")),
           class: "mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
-        }, E(_(a)("Cancel")), 1)
+        }, $(_(a)("Cancel")), 1)
       ]),
       default: ee(() => [
-        d("div", Zl, [
-          Ql,
-          d("div", ec, [
-            d("h3", tc, E(_(a)("Upload files")), 1),
-            d("div", rc, [
-              d("div", ic, [
+        d("div", ec, [
+          tc,
+          d("div", rc, [
+            d("h3", ic, $(_(a)("Upload files")), 1),
+            d("div", nc, [
+              d("div", oc, [
                 (x(!0), C(se, null, ve(m.value, (A) => (x(), C("div", null, [
                   d("div", {
                     id: A.id
                   }, [
-                    Me(E(A.name) + " ( " + E(A.size) + ") ", 1),
-                    d("b", null, E(A.percent), 1)
-                  ], 8, nc)
+                    Me($(A.name) + " ( " + $(A.size) + ") ", 1),
+                    d("b", null, $(A.percent), 1)
+                  ], 8, ac)
                 ]))), 256)),
-                m.value.length ? oe("", !0) : (x(), C("div", oc, E(_(a)("No files selected!")), 1))
+                m.value.length ? oe("", !0) : (x(), C("div", sc, $(_(a)("No files selected!")), 1))
               ]),
               d("div", {
                 class: "text-gray-500",
@@ -4638,10 +4645,10 @@ const al = { class: "flex" }, sl = {
               }, [
                 d("button", {
                   ref_key: "pickFiles",
-                  ref: f,
+                  ref: h,
                   type: "button",
                   class: "mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
-                }, E(_(a)("Select Files")), 513)
+                }, $(_(a)("Select Files")), 513)
               ], 512)
             ])
           ])
@@ -4650,7 +4657,7 @@ const al = { class: "flex" }, sl = {
       _: 1
     }));
   }
-}), cc = { class: "sm:flex sm:items-start" }, uc = /* @__PURE__ */ d("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" }, [
+}), dc = { class: "sm:flex sm:items-start" }, hc = /* @__PURE__ */ d("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__ */ d("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -4665,10 +4672,10 @@ const al = { class: "flex" }, sl = {
       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), dc = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, hc = {
+], -1), fc = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, mc = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, fc = { class: "mt-2" }, mc = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, pc = {
+}, pc = { class: "mt-2" }, gc = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, vc = {
   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",
@@ -4676,13 +4683,13 @@ const al = { class: "flex" }, sl = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, gc = /* @__PURE__ */ d("path", {
+}, bc = /* @__PURE__ */ d("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), vc = [
-  gc
-], bc = {
+}, null, -1), yc = [
+  bc
+], wc = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500",
@@ -4690,59 +4697,59 @@ const al = { class: "flex" }, sl = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, yc = /* @__PURE__ */ d("path", {
+}, xc = /* @__PURE__ */ d("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), wc = [
-  yc
-], xc = { class: "ml-1.5" }, _c = ["onKeyup", "placeholder"], kc = {
+}, null, -1), _c = [
+  xc
+], kc = { class: "ml-1.5" }, Sc = ["onKeyup", "placeholder"], Dc = {
   name: "VFModalArchive"
-}, Sc = /* @__PURE__ */ Object.assign(kc, {
+}, Cc = /* @__PURE__ */ Object.assign(Dc, {
   props: {
     selection: Object,
     current: Object
   },
   setup(o) {
-    const e = o, t = R("emitter"), { getStore: n } = R("storage"), { t: a } = R("i18n"), i = V(""), l = V(e.selection.items), f = () => {
-      l.value.length && t.emit("vf-fetch", {
+    const e = o, t = R("emitter"), { getStore: n } = R("storage"), { t: a } = R("i18n"), i = V(""), l = V(e.selection.items), h = () => {
+      l.value.length && t.emit("vf-fetch", { params: {
         q: "archive",
         adapter: n("adapter", "local"),
         path: e.current.dirname,
-        items: JSON.stringify(l.value.map(({ path: m, type: p }) => ({ path: m, type: p }))),
+        items: JSON.stringify(l.value.map(({ path: m, type: v }) => ({ path: m, type: v }))),
         name: i.value
-      });
+      } });
     };
-    return (m, p) => (x(), ce(ke, null, {
+    return (m, v) => (x(), ce(Se, null, {
       buttons: ee(() => [
         d("button", {
           type: "button",
-          onClick: f,
+          onClick: h,
           class: "w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"
-        }, E(_(a)("Archive")), 1),
+        }, $(_(a)("Archive")), 1),
         d("button", {
           type: "button",
-          onClick: p[1] || (p[1] = (h) => _(t).emit("vf-modal-close")),
+          onClick: v[1] || (v[1] = (f) => _(t).emit("vf-modal-close")),
           class: "mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
-        }, E(_(a)("Cancel")), 1)
+        }, $(_(a)("Cancel")), 1)
       ]),
       default: ee(() => [
-        d("div", cc, [
-          uc,
-          d("div", dc, [
-            d("h3", hc, E(_(a)("Archive the files")), 1),
-            d("div", fc, [
-              (x(!0), C(se, null, ve(l.value, (h) => (x(), C("p", mc, [
-                h.type == "dir" ? (x(), C("svg", pc, vc)) : (x(), C("svg", bc, wc)),
-                d("span", xc, E(h.basename), 1)
+        d("div", dc, [
+          hc,
+          d("div", fc, [
+            d("h3", mc, $(_(a)("Archive the files")), 1),
+            d("div", pc, [
+              (x(!0), C(se, null, ve(l.value, (f) => (x(), C("p", gc, [
+                f.type == "dir" ? (x(), C("svg", vc, yc)) : (x(), C("svg", wc, _c)),
+                d("span", kc, $(f.basename), 1)
               ]))), 256)),
               ge(d("input", {
-                "onUpdate:modelValue": p[0] || (p[0] = (h) => i.value = h),
-                onKeyup: Ke(f, ["enter"]),
+                "onUpdate:modelValue": v[0] || (v[0] = (f) => i.value = f),
+                onKeyup: Ke(h, ["enter"]),
                 class: "my-1 px-2 py-1 border rounded dark:bg-gray-500 dark:focus:ring-gray-600 dark:focus:border-gray-600 dark:text-gray-100 w-full",
                 placeholder: _(a)("Archive name. (.zip file will be created)"),
                 type: "text"
-              }, null, 40, _c), [
+              }, null, 40, Sc), [
                 [Ye, i.value]
               ])
             ])
@@ -4752,7 +4759,7 @@ const al = { class: "flex" }, sl = {
       _: 1
     }));
   }
-}), Dc = { class: "sm:flex sm:items-start" }, Cc = /* @__PURE__ */ d("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" }, [
+}), Mc = { class: "sm:flex sm:items-start" }, $c = /* @__PURE__ */ d("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__ */ d("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     class: "h-6 w-6 stroke-blue-600 dark:stroke-blue-100",
@@ -4767,10 +4774,10 @@ const al = { class: "flex" }, sl = {
       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), Mc = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, $c = {
+], -1), Ec = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full" }, Tc = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, Ec = { class: "mt-2" }, Tc = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, Ac = {
+}, Ac = { class: "mt-2" }, Oc = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, Pc = {
   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",
@@ -4778,13 +4785,13 @@ const al = { class: "flex" }, sl = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Oc = /* @__PURE__ */ d("path", {
+}, Ic = /* @__PURE__ */ d("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), Pc = [
-  Oc
-], Ic = {
+}, null, -1), Nc = [
+  Ic
+], Lc = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500",
@@ -4792,15 +4799,15 @@ const al = { class: "flex" }, sl = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Nc = /* @__PURE__ */ d("path", {
+}, jc = /* @__PURE__ */ d("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), Lc = [
-  Nc
-], jc = { class: "ml-1.5" }, Vc = { class: "my-1 text-sm text-gray-500" }, zc = {
+}, null, -1), Vc = [
+  jc
+], zc = { class: "ml-1.5" }, Bc = { class: "my-1 text-sm text-gray-500" }, Rc = {
   name: "VFModalUnarchive"
-}, Bc = /* @__PURE__ */ Object.assign(zc, {
+}, Hc = /* @__PURE__ */ Object.assign(Rc, {
   props: {
     selection: Object,
     current: Object
@@ -4808,38 +4815,38 @@ const al = { class: "flex" }, sl = {
   setup(o) {
     const e = o, t = R("emitter"), { getStore: n } = R("storage"), { t: a } = R("i18n");
     V("");
-    const i = V(e.selection.items[0]), l = V([]), f = () => {
-      t.emit("vf-fetch", {
+    const i = V(e.selection.items[0]), l = V([]), h = () => {
+      t.emit("vf-fetch", { params: {
         q: "unarchive",
         adapter: n("adapter", "local"),
         path: e.current.dirname,
         item: i.value.path
-      });
+      } });
     };
-    return (m, p) => (x(), ce(ke, null, {
+    return (m, v) => (x(), ce(Se, null, {
       buttons: ee(() => [
         d("button", {
           type: "button",
-          onClick: f,
+          onClick: h,
           class: "w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"
-        }, E(_(a)("Unarchive")), 1),
+        }, $(_(a)("Unarchive")), 1),
         d("button", {
           type: "button",
-          onClick: p[0] || (p[0] = (h) => _(t).emit("vf-modal-close")),
+          onClick: v[0] || (v[0] = (f) => _(t).emit("vf-modal-close")),
           class: "mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
-        }, E(_(a)("Cancel")), 1)
+        }, $(_(a)("Cancel")), 1)
       ]),
       default: ee(() => [
-        d("div", Dc, [
-          Cc,
-          d("div", Mc, [
-            d("h3", $c, E(_(a)("Unarchive")), 1),
-            d("div", Ec, [
-              (x(!0), C(se, null, ve(l.value, (h) => (x(), C("p", Tc, [
-                h.type == "dir" ? (x(), C("svg", Ac, Pc)) : (x(), C("svg", Ic, Lc)),
-                d("span", jc, E(h.basename), 1)
+        d("div", Mc, [
+          $c,
+          d("div", Ec, [
+            d("h3", Tc, $(_(a)("Unarchive")), 1),
+            d("div", Ac, [
+              (x(!0), C(se, null, ve(l.value, (f) => (x(), C("p", Oc, [
+                f.type == "dir" ? (x(), C("svg", Pc, Nc)) : (x(), C("svg", Lc, Vc)),
+                d("span", zc, $(f.basename), 1)
               ]))), 256)),
-              d("p", Vc, E(_(a)("The archive will be unarchived at")) + " (" + E(o.current.dirname) + ")", 1)
+              d("p", Bc, $(_(a)("The archive will be unarchived at")) + " (" + $(o.current.dirname) + ")", 1)
             ])
           ])
         ])
@@ -4847,7 +4854,7 @@ const al = { class: "flex" }, sl = {
       _: 1
     }));
   }
-}), Rc = { class: "sm:flex sm:items-start" }, Hc = /* @__PURE__ */ d("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" }, [
+}), Uc = { class: "sm:flex sm:items-start" }, Kc = /* @__PURE__ */ d("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__ */ d("svg", {
     class: "h-6 w-6 stroke-red-600 dark:stroke-red-200",
     xmlns: "http://www.w3.org/2000/svg",
@@ -4863,10 +4870,10 @@ const al = { class: "flex" }, sl = {
       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), Uc = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, Kc = {
+], -1), Yc = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left" }, Wc = {
   class: "text-lg leading-6 font-medium text-gray-900 dark:text-gray-400",
   id: "modal-title"
-}, Yc = { class: "mt-2" }, Wc = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, Xc = {
+}, Xc = { class: "mt-2" }, Fc = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, qc = {
   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",
@@ -4874,13 +4881,13 @@ const al = { class: "flex" }, sl = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Fc = /* @__PURE__ */ d("path", {
+}, Gc = /* @__PURE__ */ d("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), qc = [
-  Fc
-], Gc = {
+}, null, -1), Jc = [
+  Gc
+], Zc = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-5 w-5 text-neutral-500",
@@ -4888,13 +4895,13 @@ const al = { class: "flex" }, sl = {
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   "stroke-width": "1"
-}, Jc = /* @__PURE__ */ d("path", {
+}, Qc = /* @__PURE__ */ d("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), Zc = [
-  Jc
-], Qc = { class: "ml-1.5" }, eu = /* @__PURE__ */ d("p", { class: "text-sm text-gray-500 pb-1 pt-3" }, "Bu dosyalar\u0131 ta\u015F\u0131mak istedi\u011Finizden emin misiniz?", -1), tu = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, ru = /* @__PURE__ */ d("svg", {
+}, null, -1), eu = [
+  Qc
+], tu = { class: "ml-1.5" }, ru = /* @__PURE__ */ d("p", { class: "text-sm text-gray-500 pb-1 pt-3" }, "Bu dosyalar\u0131 ta\u015F\u0131mak istedi\u011Finizden emin misiniz?", -1), iu = { class: "flex text-sm text-gray-800 dark:text-gray-400" }, nu = /* @__PURE__ */ d("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",
@@ -4907,50 +4914,50 @@ const al = { class: "flex" }, sl = {
     "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), iu = { class: "ml-1.5 overflow-auto" }, nu = {
+], -1), ou = { class: "ml-1.5 overflow-auto" }, au = {
   name: "VFModalMove"
-}, ou = /* @__PURE__ */ Object.assign(nu, {
+}, su = /* @__PURE__ */ Object.assign(au, {
   props: {
     selection: Object,
     current: Object
   },
   setup(o) {
     const e = o, t = R("emitter"), { t: n } = R("i18n"), { getStore: a } = R("storage"), i = V(e.selection.items.from), l = () => {
-      i.value.length && t.emit("vf-fetch", {
+      i.value.length && t.emit("vf-fetch", { params: {
         q: "move",
         adapter: a("adapter", "local"),
         path: e.current.dirname,
-        items: JSON.stringify(i.value.map(({ path: f, type: m }) => ({ path: f, type: m }))),
+        items: JSON.stringify(i.value.map(({ path: h, type: m }) => ({ path: h, type: m }))),
         item: e.selection.items.to.path
-      });
+      } });
     };
-    return (f, m) => (x(), ce(ke, null, {
+    return (h, m) => (x(), ce(Se, null, {
       buttons: ee(() => [
         d("button", {
           type: "button",
           onClick: l,
           class: "w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"
-        }, E(_(n)("Yes, Move!")), 1),
+        }, $(_(n)("Yes, Move!")), 1),
         d("button", {
           type: "button",
-          onClick: m[0] || (m[0] = (p) => _(t).emit("vf-modal-close")),
+          onClick: m[0] || (m[0] = (v) => _(t).emit("vf-modal-close")),
           class: "mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
-        }, E(_(n)("Cancel")), 1)
+        }, $(_(n)("Cancel")), 1)
       ]),
       default: ee(() => [
-        d("div", Rc, [
-          Hc,
-          d("div", Uc, [
-            d("h3", Kc, E(_(n)("Move files")), 1),
-            d("div", Yc, [
-              (x(!0), C(se, null, ve(i.value, (p) => (x(), C("p", Wc, [
-                p.type == "dir" ? (x(), C("svg", Xc, qc)) : (x(), C("svg", Gc, Zc)),
-                d("span", Qc, E(p.path), 1)
+        d("div", Uc, [
+          Kc,
+          d("div", Yc, [
+            d("h3", Wc, $(_(n)("Move files")), 1),
+            d("div", Xc, [
+              (x(!0), C(se, null, ve(i.value, (v) => (x(), C("p", Fc, [
+                v.type == "dir" ? (x(), C("svg", qc, Jc)) : (x(), C("svg", Zc, eu)),
+                d("span", tu, $(v.path), 1)
               ]))), 256)),
-              eu,
-              d("p", tu, [
-                ru,
-                d("span", iu, E(o.selection.items.to.path), 1)
+              ru,
+              d("p", iu, [
+                nu,
+                d("span", ou, $(o.selection.items.to.path), 1)
               ])
             ])
           ])
@@ -4959,23 +4966,23 @@ const al = { class: "flex" }, sl = {
       _: 1
     }));
   }
-}), au = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), lu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ModalDelete: za,
-  ModalMessage: Xa,
-  ModalNewFolder: rs,
-  ModalNewFile: ds,
-  ModalPreview: Nl,
-  ModalRename: Jl,
-  ModalUpload: lc,
-  ModalArchive: Sc,
-  ModalUnarchive: Bc,
-  ModalMove: ou
+  ModalDelete: Ba,
+  ModalMessage: Fa,
+  ModalNewFolder: is,
+  ModalNewFile: hs,
+  ModalPreview: Ll,
+  ModalRename: Ql,
+  ModalUpload: uc,
+  ModalArchive: Cc,
+  ModalUnarchive: Hc,
+  ModalMove: su
 }, Symbol.toStringTag, { value: "Module" })), kt = {
-  VueFinder: va,
-  ...au
+  VueFinder: ba,
+  ...lu
 };
-const cu = {
+const du = {
   install(o) {
     for (const e in kt)
       if (kt.hasOwnProperty(e)) {
@@ -4985,5 +4992,5 @@ const cu = {
   }
 };
 export {
-  cu as default
+  du as default
 };