@stonecrop/desktop 0.3.7 → 0.3.8

package/dist/desktop.js

@@ -1,4 +1,4 @@
-import { defineComponent as ae, ref as C, onMounted as Ke, openBlock as A, createElementBlock as B, normalizeClass as Ve, createElementVNode as W, Fragment as Ae, renderList as Te, toDisplayString as ve, createCommentVNode as ge, withDirectives as lt, vShow as gn, computed as L, createBlock as Ie, resolveDynamicComponent as yn, mergeProps as bn, effectScope as wn, markRaw as re, inject as Ne, onBeforeMount as zr, shallowRef as qr, toRaw as qe, unref as S, shallowReactive as Gr, watch as G, nextTick as xe, hasInjectionContext as jo, getCurrentInstance as Le, reactive as _n, h as Ro, provide as Ft, isRef as de, isReactive as Xe, toRef as De, watchEffect as Jr, getCurrentScope as jt, onScopeDispose as Rt, toRefs as Pt, useTemplateRef as ht, normalizeStyle as le, renderSlot as ke, createVNode as It, withCtx as Dt, readonly as Yr, customRef as Qr, createTextVNode as Lo, onBeforeUnmount as Kr, resolveComponent as Xr, withKeys as yt, vModelText as Zr } from "vue";
+import { defineComponent as ae, ref as C, onMounted as Ke, openBlock as A, createElementBlock as B, normalizeClass as Ve, createElementVNode as W, Fragment as Ae, renderList as Te, toDisplayString as ve, createCommentVNode as ge, withDirectives as lt, vShow as gn, computed as R, createBlock as Ie, resolveDynamicComponent as yn, mergeProps as bn, effectScope as wn, markRaw as re, inject as Ne, onBeforeMount as zr, shallowRef as qr, toRaw as qe, unref as S, shallowReactive as Gr, watch as G, nextTick as xe, hasInjectionContext as jo, getCurrentInstance as Le, reactive as _n, h as Ro, provide as Ft, isRef as de, isReactive as Xe, toRef as De, watchEffect as Jr, getCurrentScope as jt, onScopeDispose as Rt, toRefs as Pt, useTemplateRef as ht, normalizeStyle as le, renderSlot as ke, createVNode as It, withCtx as Dt, readonly as Yr, customRef as Qr, createTextVNode as Lo, onBeforeUnmount as Kr, resolveComponent as Xr, withKeys as yt, vModelText as Zr } from "vue";
 const es = { class: "action-menu-icon" }, ts = ["onclick"], ns = { key: 1 }, os = ["onClick"], rs = { class: "dropdown-container" }, ss = { class: "dropdown" }, as = ["onclick"], is = ["href"], cs = { class: "dropdown-item" }, ls = /* @__PURE__ */ ae({
   __name: "ActionSet",
   props: {
@@ -10,22 +10,22 @@ const es = { class: "action-menu-icon" }, ts = ["onclick"], ns = { key: 1 }, os
       a();
     });
     const a = () => {
-      for (const d of t.value)
-        d.type === "dropdown" && (d.show = !1);
+      for (const l of t.value)
+        l.type === "dropdown" && (l.show = !1);
     }, i = () => {
       r.value = !0, o.value = setTimeout(() => {
         r.value && (n.value = !0);
       }, 500);
-    }, l = () => {
+    }, d = () => {
       r.value = !1, s.value = !1, clearTimeout(o.value), n.value = !1;
-    }, c = (d) => {
-      const u = !t.value[d].show;
-      a(), t.value[d].show = u;
+    }, c = (l) => {
+      const u = !t.value[l].show;
+      a(), t.value[l].show = u;
     };
-    return (d, u) => (A(), B("div", {
+    return (l, u) => (A(), B("div", {
       class: Ve([{ "open-set": n.value, "hovered-and-closed": s.value }, "action-set collapse"]),
       onMouseover: i,
-      onMouseleave: l
+      onMouseleave: d
     }, [
       W("div", es, [
         W("div", {
@@ -130,31 +130,31 @@ const ms = { class: "aform" }, vs = /* @__PURE__ */ ae({
   setup(e, { emit: t }) {
     const n = t, o = C(e.data || {}), r = (a) => {
       let i = {};
-      for (const [l, c] of Object.entries(a))
-        ["component", "fieldtype"].includes(l) || (i[l] = c), l === "rows" && c && c.length === 0 && (i.rows = o.value[a.fieldname]);
+      for (const [d, c] of Object.entries(a))
+        ["component", "fieldtype"].includes(d) || (i[d] = c), d === "rows" && c && c.length === 0 && (i.rows = o.value[a.fieldname]);
       return i;
-    }, s = L({
-      get: () => e.modelValue.map((a, i) => L({
+    }, s = R({
+      get: () => e.modelValue.map((a, i) => R({
         get() {
           return a.value;
         },
-        set: (l) => {
-          e.modelValue[i].value = l, n("update:modelValue", e.modelValue);
+        set: (d) => {
+          e.modelValue[i].value = d, n("update:modelValue", e.modelValue);
         }
       })),
       set: () => {
       }
     });
     return (a, i) => (A(), B("form", ms, [
-      (A(!0), B(Ae, null, Te(a.modelValue, (l, c) => (A(), Ie(yn(l.component), bn({
+      (A(!0), B(Ae, null, Te(a.modelValue, (d, c) => (A(), Ie(yn(d.component), bn({
         key: c,
-        schema: l,
+        schema: d,
         modelValue: s.value[c].value,
-        "onUpdate:modelValue": (d) => s.value[c].value = d,
-        data: o.value[l.fieldname],
+        "onUpdate:modelValue": (l) => s.value[c].value = l,
+        data: o.value[d.fieldname],
         readonly: a.readonly,
         ref_for: !0
-      }, r(l)), null, 16, ["schema", "modelValue", "onUpdate:modelValue", "data", "readonly"]))), 128))
+      }, r(d)), null, 16, ["schema", "modelValue", "onUpdate:modelValue", "data", "readonly"]))), 128))
     ]));
   }
 }), gs = /* @__PURE__ */ hs(vs, [["__scopeId", "data-v-68845234"]]);
@@ -188,7 +188,7 @@ const Mo = class kt {
    * ```
    */
   constructor(t, n, o, r, s) {
-    if (oe(this, "name", "Stonecrop"), oe(this, "registry"), oe(this, "schema"), oe(this, "workflow"), oe(this, "actions"), oe(this, "store"), kt._root)
+    if (oe(this, "name", "Stonecrop"), oe(this, "registry"), oe(this, "store"), oe(this, "schema"), oe(this, "workflow"), oe(this, "actions"), kt._root)
       return kt._root;
     kt._root = this, this.registry = t, this.store = n, this.schema = o, this.workflow = r, this.actions = s;
   }
@@ -308,10 +308,14 @@ const Mo = class kt {
    * ```
    */
   runAction(t, n, o) {
-    const r = this.registry.registry[t.slug].actions.get(n), { initialState: s } = this.workflow;
-    this.workflow.transition(s, { type: n }), r.length > 0 && r.forEach((a) => {
-      new Function(a)(o);
-    });
+    var r;
+    const s = (r = this.registry.registry[t.slug].actions) == null ? void 0 : r.get(n);
+    if (this.workflow) {
+      const { initialState: a } = this.workflow;
+      this.workflow.transition(a, { type: n }), s && s.length > 0 && s.forEach((i) => {
+        new Function(i)(o);
+      });
+    }
   }
 };
 oe(Mo, "_root");
@@ -375,22 +379,22 @@ class xs {
     }, n && n.on($s, (a, i) => {
       a === this.plugin.id && this.fallbacks.setSettings(i);
     }), this.proxiedOn = new Proxy({}, {
-      get: (a, i) => this.target ? this.target.on[i] : (...l) => {
+      get: (a, i) => this.target ? this.target.on[i] : (...d) => {
         this.onQueue.push({
           method: i,
-          args: l
+          args: d
         });
       }
     }), this.proxiedTarget = new Proxy({}, {
-      get: (a, i) => this.target ? this.target[i] : i === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(i) ? (...l) => (this.targetQueue.push({
+      get: (a, i) => this.target ? this.target[i] : i === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(i) ? (...d) => (this.targetQueue.push({
         method: i,
-        args: l,
+        args: d,
         resolve: () => {
         }
-      }), this.fallbacks[i](...l)) : (...l) => new Promise((c) => {
+      }), this.fallbacks[i](...d)) : (...d) => new Promise((c) => {
         this.targetQueue.push({
           method: i,
-          args: l,
+          args: d,
           resolve: c
         });
       })
@@ -502,10 +506,10 @@ function Is(e, t, n, o) {
   if ((a || r && s || Fo) && typeof FileReader < "u") {
     const i = new FileReader();
     i.onloadend = function() {
-      let l = i.result;
-      if (typeof l != "string")
+      let d = i.result;
+      if (typeof d != "string")
         throw o = null, new Error("Wrong reader.result type");
-      l = a ? l : l.replace(/^data:[^;]*;/, "data:attachment/file;"), o ? o.location.href = l : location.assign(l), o = null;
+      d = a ? d : d.replace(/^data:[^;]*;/, "data:attachment/file;"), o ? o.location.href = d : location.assign(d), o = null;
     }, i.readAsDataURL(e);
   } else {
     const i = URL.createObjectURL(e);
@@ -751,19 +755,19 @@ function Us(e, t) {
               }
             } : (
               // NOTE: workaround to unwrap transferred refs
-              Object.keys(i.$state).reduce((l, c) => (l[c] = i.$state[c], l), {})
+              Object.keys(i.$state).reduce((d, c) => (d[c] = i.$state[c], d), {})
             )
           }), i._getters && i._getters.length && o.instanceData.state.push({
             type: Vt(i.$id),
             key: "getters",
             editable: !1,
-            value: i._getters.reduce((l, c) => {
+            value: i._getters.reduce((d, c) => {
               try {
-                l[c] = i[c];
-              } catch (d) {
-                l[c] = d;
+                d[c] = i[c];
+              } catch (l) {
+                d[c] = l;
               }
-              return l;
+              return d;
             }, {})
           });
         });
@@ -826,35 +830,35 @@ function Hs(e, t) {
     }
   }, (n) => {
     const o = typeof n.now == "function" ? n.now.bind(n) : Date.now;
-    t.$onAction(({ after: a, onError: i, name: l, args: c }) => {
-      const d = Qo++;
+    t.$onAction(({ after: a, onError: i, name: d, args: c }) => {
+      const l = Qo++;
       n.addTimelineEvent({
         layerId: Pe,
         event: {
           time: o(),
-          title: "🛫 " + l,
+          title: "🛫 " + d,
           subtitle: "start",
           data: {
             store: ce(t.$id),
-            action: ce(l),
+            action: ce(d),
             args: c
           },
-          groupId: d
+          groupId: l
         }
       }), a((u) => {
         Oe = void 0, n.addTimelineEvent({
           layerId: Pe,
           event: {
             time: o(),
-            title: "🛬 " + l,
+            title: "🛬 " + d,
             subtitle: "end",
             data: {
               store: ce(t.$id),
-              action: ce(l),
+              action: ce(d),
               args: c,
               result: u
             },
-            groupId: d
+            groupId: l
           }
         });
       }), i((u) => {
@@ -863,20 +867,20 @@ function Hs(e, t) {
           event: {
             time: o(),
             logType: "error",
-            title: "💥 " + l,
+            title: "💥 " + d,
             subtitle: "end",
             data: {
               store: ce(t.$id),
-              action: ce(l),
+              action: ce(d),
               args: c,
               error: u
             },
-            groupId: d
+            groupId: l
           }
         });
       });
     }, !0), t._customProperties.forEach((a) => {
-      G(() => S(t[a]), (i, l) => {
+      G(() => S(t[a]), (i, d) => {
         n.notifyComponentUpdate(), n.sendInspectorState(Q), He && n.addTimelineEvent({
           layerId: Pe,
           event: {
@@ -885,13 +889,13 @@ function Hs(e, t) {
             subtitle: a,
             data: {
               newValue: i,
-              oldValue: l
+              oldValue: d
             },
             groupId: Oe
           }
         });
       }, { deep: !0 });
-    }), t.$subscribe(({ events: a, type: i }, l) => {
+    }), t.$subscribe(({ events: a, type: i }, d) => {
       if (n.notifyComponentUpdate(), n.sendInspectorState(Q), !He)
         return;
       const c = {
@@ -939,11 +943,11 @@ function zn(e, t, n) {
   for (const r in o)
     e[r] = function() {
       const s = Qo, a = n ? new Proxy(e, {
-        get(...l) {
-          return Oe = s, Reflect.get(...l);
+        get(...d) {
+          return Oe = s, Reflect.get(...d);
         },
-        set(...l) {
-          return Oe = s, Reflect.set(...l);
+        set(...d) {
+          return Oe = s, Reflect.set(...d);
         }
       }) : e;
       Oe = s;
@@ -1036,38 +1040,38 @@ function Jn(e) {
 }
 function Yn(e, t, n, o) {
   const { state: r, actions: s, getters: a } = t, i = n.state.value[e];
-  let l;
+  let d;
   function c() {
     !i && (process.env.NODE_ENV === "production" || !o) && (n.state.value[e] = r ? r() : {});
-    const d = process.env.NODE_ENV !== "production" && o ? (
+    const l = process.env.NODE_ENV !== "production" && o ? (
       // use ref() to unwrap refs inside state TODO: check if this is still necessary
       Pt(C(r ? r() : {}).value)
     ) : Pt(n.state.value[e]);
-    return te(d, s, Object.keys(a || {}).reduce((u, p) => (process.env.NODE_ENV !== "production" && p in d && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${p}" in store "${e}".`), u[p] = re(L(() => {
+    return te(l, s, Object.keys(a || {}).reduce((u, p) => (process.env.NODE_ENV !== "production" && p in l && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${p}" in store "${e}".`), u[p] = re(R(() => {
       ut(n);
       const f = n._s.get(e);
       return a[p].call(f, f);
     })), u), {}));
   }
-  return l = an(e, c, t, n, o, !0), l;
+  return d = an(e, c, t, n, o, !0), d;
 }
 function an(e, t, n = {}, o, r, s) {
   let a;
   const i = te({ actions: {} }, n);
   if (process.env.NODE_ENV !== "production" && !o._e.active)
     throw new Error("Pinia destroyed");
-  const l = { deep: !0 };
-  process.env.NODE_ENV !== "production" && !Bo && (l.onTrigger = (w) => {
+  const d = { deep: !0 };
+  process.env.NODE_ENV !== "production" && !Bo && (d.onTrigger = (w) => {
     c ? f = w : c == !1 && !m._hotUpdating && (Array.isArray(f) ? f.push(w) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
   });
-  let c, d, u = [], p = [], f;
+  let c, l, u = [], p = [], f;
   const h = o.state.value[e];
   !s && !h && (process.env.NODE_ENV === "production" || !r) && (o.state.value[e] = {});
   const b = C({});
   let _;
   function x(w) {
     let v;
-    c = d = !1, process.env.NODE_ENV !== "production" && (f = []), typeof w == "function" ? (w(o.state.value[e]), v = {
+    c = l = !1, process.env.NODE_ENV !== "production" && (f = []), typeof w == "function" ? (w(o.state.value[e]), v = {
       type: ue.patchFunction,
       storeId: e,
       events: f
@@ -1080,7 +1084,7 @@ function an(e, t, n = {}, o, r, s) {
     const y = _ = Symbol();
     xe().then(() => {
       _ === y && (c = !0);
-    }), d = !0, We(u, v, o.state.value[e]);
+    }), l = !0, We(u, v, o.state.value[e]);
   }
   const N = s ? function() {
     const { state: w } = n, v = w ? w() : {};
@@ -1138,12 +1142,12 @@ function an(e, t, n = {}, o, r, s) {
     $reset: N,
     $subscribe(w, v = {}) {
       const y = qn(u, w, v.detached, () => I()), I = a.run(() => G(() => o.state.value[e], (U) => {
-        (v.flush === "sync" ? d : c) && w({
+        (v.flush === "sync" ? l : c) && w({
           storeId: e,
           type: ue.direct,
           events: f
         }, U);
-      }, te({}, l, v)));
+      }, te({}, d, v)));
       return y;
     },
     $dispose: $
@@ -1190,7 +1194,7 @@ function an(e, t, n = {}, o, r, s) {
       bt(m, v, De(w.$state, v));
     }), Object.keys(m.$state).forEach((v) => {
       v in w.$state || zt(m, v);
-    }), c = !1, d = !1, o.state.value[e] = De(w._hmrPayload, "hotState"), d = !0, xe().then(() => {
+    }), c = !1, l = !1, o.state.value[e] = De(w._hmrPayload, "hotState"), l = !0, xe().then(() => {
       c = !0;
     });
     for (const v in w._hmrPayload.actions) {
@@ -1200,7 +1204,7 @@ function an(e, t, n = {}, o, r, s) {
     for (const v in w._hmrPayload.getters) {
       const y = w._hmrPayload.getters[v], I = s ? (
         // special handling of options api
-        L(() => (ut(o), y.call(m, m)))
+        R(() => (ut(o), y.call(m, m)))
       ) : y;
       bt(m, v, I);
     }
@@ -1238,7 +1242,7 @@ function an(e, t, n = {}, o, r, s) {
       })));
   }), process.env.NODE_ENV !== "production" && m.$state && typeof m.$state == "object" && typeof m.$state.constructor == "function" && !m.$state.constructor.toString().includes("[native code]") && console.warn(`[🍍]: The "state" must be a plain object. It cannot be
 	state: () => new MyClass()
-Found in store "${m.$id}".`), h && s && n.hydrate && n.hydrate(m.$state, h), c = !0, d = !0, m;
+Found in store "${m.$id}".`), h && s && n.hydrate && n.hydrate(m.$state, h), c = !0, l = !0, m;
 }
 /*! #__NO_SIDE_EFFECTS__ */
 // @__NO_SIDE_EFFECTS__
@@ -1246,7 +1250,7 @@ function Ys(e, t, n) {
   let o, r;
   const s = typeof t == "function";
   o = e, r = s ? n : t;
-  function a(i, l) {
+  function a(i, d) {
     const c = jo();
     if (i = // in test mode, ignore the argument provided as we can always retrieve a
     // pinia instance with getActivePinia()
@@ -1255,20 +1259,20 @@ function Ys(e, t, n) {
 See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help.
 This will fail in production.`);
     i = nt, i._s.has(o) || (s ? an(o, t, r, i) : Yn(o, r, i), process.env.NODE_ENV !== "production" && (a._pinia = i));
-    const d = i._s.get(o);
-    if (process.env.NODE_ENV !== "production" && l) {
+    const l = i._s.get(o);
+    if (process.env.NODE_ENV !== "production" && d) {
       const u = "__hot:" + o, p = s ? an(u, t, r, i, !0) : Yn(u, te({}, r), i, !0);
-      l._hotUpdate(p), delete i.state.value[u], i._s.delete(u);
+      d._hotUpdate(p), delete i.state.value[u], i._s.delete(u);
     }
     if (process.env.NODE_ENV !== "production" && $e) {
       const u = Le();
       if (u && u.proxy && // avoid adding stores that are just built for hot module replacement
-      !l) {
+      !d) {
         const p = u.proxy, f = "_pStores" in p ? p._pStores : p._pStores = {};
-        f[o] = d;
+        f[o] = l;
       }
     }
-    return d;
+    return l;
   }
   return a.$id = o, a;
 }
@@ -1286,12 +1290,13 @@ function Zo(e) {
   }
   const n = C(new ws(e, t)), o = C(!1);
   return zr(async () => {
-    var r, s;
-    const a = e.router.currentRoute.value, i = (r = a.params.records) == null ? void 0 : r.toString().toLowerCase(), l = (s = a.params.record) == null ? void 0 : s.toString().toLowerCase();
-    if (!i && !l)
+    var r, s, a;
+    if (!e) return;
+    const i = e.router.currentRoute.value, d = (r = i.params.records) == null ? void 0 : r.toString().toLowerCase(), c = (s = i.params.record) == null ? void 0 : s.toString().toLowerCase();
+    if (!d && !c)
       return;
-    const c = await e.getMeta(i);
-    e.addDoctype(c), n.value.setup(c), i && (l ? await n.value.getRecord(c, l) : await n.value.getRecords(c)), n.value.runAction(c, "LOAD", l ? [l] : void 0), o.value = !0;
+    const l = await ((a = e.getMeta) == null ? void 0 : a.call(e, d));
+    l && (e.addDoctype(l), n.value.setup(l), d && (c ? await n.value.getRecord(l, c) : await n.value.getRecords(l)), n.value.runAction(l, "LOAD", c ? [c] : void 0)), o.value = !0;
   }), { stonecrop: n, isReady: o };
 }
 const Ks = class St {
@@ -1307,7 +1312,7 @@ const Ks = class St {
    * @see {@link DoctypeMeta}
    */
   addDoctype(t) {
-    t.doctype in Object.keys(this.registry) || (this.registry[t.slug] = t), this.router.hasRoute(t.doctype) || this.router.addRoute({
+    t.doctype in Object.keys(this.registry) || (this.registry[t.slug] = t), !this.router.hasRoute(t.doctype) && t.component && this.router.addRoute({
       path: `/${t.slug}`,
       name: t.slug,
       component: t.component
@@ -1329,7 +1334,7 @@ function Xs(e) {
   // add the Module string tag
   e.default && er(e.default);
 }
-const R = Object.assign;
+const L = Object.assign;
 function Gt(e, t) {
   const n = {};
   for (const o in t) {
@@ -1375,8 +1380,8 @@ const pa = /\/$/, fa = (e) => e.replace(pa, "");
 function Jt(e, t, n = "/") {
   let o, r = {}, s = "", a = "";
   const i = t.indexOf("#");
-  let l = t.indexOf("?");
-  return i < l && i >= 0 && (l = -1), l > -1 && (o = t.slice(0, l), s = t.slice(l + 1, i > -1 ? i : t.length), r = e(s)), i > -1 && (o = o || t.slice(0, i), a = t.slice(i, t.length)), o = va(o ?? t, n), {
+  let d = t.indexOf("?");
+  return i < d && i >= 0 && (d = -1), d > -1 && (o = t.slice(0, d), s = t.slice(d + 1, i > -1 ? i : t.length), r = e(s)), i > -1 && (o = o || t.slice(0, i), a = t.slice(i, t.length)), o = va(o ?? t, n), {
     fullPath: o + (s && "?") + s + a,
     path: o,
     query: r,
@@ -1540,7 +1545,7 @@ function Oa(e, t, n, o) {
       });
     });
   };
-  function l() {
+  function d() {
     a = n.value;
   }
   function c(p) {
@@ -1551,19 +1556,19 @@ function Oa(e, t, n, o) {
     };
     return s.push(f), f;
   }
-  function d() {
+  function l() {
     const { history: p } = window;
-    p.state && p.replaceState(R({}, p.state, { scroll: Lt() }), "");
+    p.state && p.replaceState(L({}, p.state, { scroll: Lt() }), "");
   }
   function u() {
     for (const p of s)
       p();
-    s = [], window.removeEventListener("popstate", i), window.removeEventListener("beforeunload", d);
+    s = [], window.removeEventListener("popstate", i), window.removeEventListener("beforeunload", l);
   }
-  return window.addEventListener("popstate", i), window.addEventListener("beforeunload", d, {
+  return window.addEventListener("popstate", i), window.addEventListener("beforeunload", l, {
     passive: !0
   }), {
-    pauseListeners: l,
+    pauseListeners: d,
     listen: c,
     destroy: u
   };
@@ -1593,26 +1598,26 @@ function Na(e) {
     // scrollBehavior to be triggered without a saved position
     scroll: null
   }, !0);
-  function s(l, c, d) {
-    const u = e.indexOf("#"), p = u > -1 ? (n.host && document.querySelector("base") ? e : e.slice(u)) + l : $a() + e + l;
+  function s(d, c, l) {
+    const u = e.indexOf("#"), p = u > -1 ? (n.host && document.querySelector("base") ? e : e.slice(u)) + d : $a() + e + d;
     try {
-      t[d ? "replaceState" : "pushState"](c, "", p), r.value = c;
+      t[l ? "replaceState" : "pushState"](c, "", p), r.value = c;
     } catch (f) {
-      process.env.NODE_ENV !== "production" ? D("Error with push/replace State", f) : console.error(f), n[d ? "replace" : "assign"](p);
+      process.env.NODE_ENV !== "production" ? D("Error with push/replace State", f) : console.error(f), n[l ? "replace" : "assign"](p);
     }
   }
-  function a(l, c) {
-    const d = R({}, t.state, eo(
+  function a(d, c) {
+    const l = L({}, t.state, eo(
       r.value.back,
       // keep back and forward entries but override current position
-      l,
+      d,
       r.value.forward,
       !0
     ), c, { position: r.value.position });
-    s(l, d, !0), o.value = l;
+    s(d, l, !0), o.value = d;
   }
-  function i(l, c) {
-    const d = R(
+  function i(d, c) {
+    const l = L(
       {},
       // use current history state to gracefully handle a wrong call to
       // history.replaceState
@@ -1620,7 +1625,7 @@ function Na(e) {
       r.value,
       t.state,
       {
-        forward: l,
+        forward: d,
         scroll: Lt()
       }
     );
@@ -1628,9 +1633,9 @@ function Na(e) {
 
 history.replaceState(history.state, '', url)
 
-You can find more information at https://router.vuejs.org/guide/migration/#Usage-of-history-state`), s(d.current, d, !0);
-    const u = R({}, eo(o.value, l, null), { position: d.position + 1 }, c);
-    s(l, u, !1), o.value = l;
+You can find more information at https://router.vuejs.org/guide/migration/#Usage-of-history-state`), s(l.current, l, !0);
+    const u = L({}, eo(o.value, d, null), { position: l.position + 1 }, c);
+    s(d, u, !1), o.value = d;
   }
   return {
     location: o,
@@ -1645,7 +1650,7 @@ function xa(e) {
   function o(s, a = !0) {
     a || n.pauseListeners(), history.go(s);
   }
-  const r = R({
+  const r = L({
     // it's overridden right after
     location: "",
     base: e,
@@ -1692,10 +1697,10 @@ while being at
   }
 };
 function Je(e, t) {
-  return process.env.NODE_ENV !== "production" ? R(new Error(Sa[e](t)), {
+  return process.env.NODE_ENV !== "production" ? L(new Error(Sa[e](t)), {
     type: e,
     [un]: !0
-  }, t) : R(new Error(), {
+  }, t) : L(new Error(), {
     type: e,
     [un]: !0
   }, t);
@@ -1721,11 +1726,11 @@ const no = "[^/]+?", Ia = {
   end: !0
 }, Da = /[.+*?^${}()[\]/\\]/g;
 function Va(e, t) {
-  const n = R({}, Ia, t), o = [];
+  const n = L({}, Ia, t), o = [];
   let r = n.start ? "^" : "";
   const s = [];
   for (const c of e) {
-    const d = c.length ? [] : [
+    const l = c.length ? [] : [
       90
       /* PathScore.Root */
     ];
@@ -1756,9 +1761,9 @@ function Va(e, t) {
         // or /:p?-:p2
         _ && c.length < 2 ? `(?:/${$})` : "/" + $), _ && ($ += "?"), r += $, f += 20, _ && (f += -8), b && (f += -20), N === ".*" && (f += -50);
       }
-      d.push(f);
+      l.push(f);
     }
-    o.push(d);
+    o.push(l);
   }
   if (n.strict && n.end) {
     const c = o.length - 1;
@@ -1767,22 +1772,22 @@ function Va(e, t) {
   n.strict || (r += "/?"), n.end ? r += "$" : n.strict && !r.endsWith("/") && (r += "(?:/|$)");
   const a = new RegExp(r, n.sensitive ? "" : "i");
   function i(c) {
-    const d = c.match(a), u = {};
-    if (!d)
+    const l = c.match(a), u = {};
+    if (!l)
       return null;
-    for (let p = 1; p < d.length; p++) {
-      const f = d[p] || "", h = s[p - 1];
+    for (let p = 1; p < l.length; p++) {
+      const f = l[p] || "", h = s[p - 1];
       u[h.name] = f && h.repeatable ? f.split("/") : f;
     }
     return u;
   }
-  function l(c) {
-    let d = "", u = !1;
+  function d(c) {
+    let l = "", u = !1;
     for (const p of e) {
-      (!u || !d.endsWith("/")) && (d += "/"), u = !1;
+      (!u || !l.endsWith("/")) && (l += "/"), u = !1;
       for (const f of p)
         if (f.type === 0)
-          d += f.value;
+          l += f.value;
         else if (f.type === 1) {
           const { value: h, repeatable: b, optional: _ } = f, x = h in c ? c[h] : "";
           if (Z(x) && !b)
@@ -1790,20 +1795,20 @@ function Va(e, t) {
           const N = Z(x) ? x.join("/") : x;
           if (!N)
             if (_)
-              p.length < 2 && (d.endsWith("/") ? d = d.slice(0, -1) : u = !0);
+              p.length < 2 && (l.endsWith("/") ? l = l.slice(0, -1) : u = !0);
             else
               throw new Error(`Missing required param "${h}"`);
-          d += N;
+          l += N;
         }
     }
-    return d || "/";
+    return l || "/";
   }
   return {
     re: a,
     score: o,
     keys: s,
     parse: i,
-    stringify: l
+    stringify: d
   };
 }
 function Aa(e, t) {
@@ -1857,42 +1862,42 @@ function Ra(e) {
   function a() {
     s && r.push(s), s = [];
   }
-  let i = 0, l, c = "", d = "";
+  let i = 0, d, c = "", l = "";
   function u() {
     c && (n === 0 ? s.push({
       type: 0,
       value: c
-    }) : n === 1 || n === 2 || n === 3 ? (s.length > 1 && (l === "*" || l === "+") && t(`A repeatable param (${c}) must be alone in its segment. eg: '/:ids+.`), s.push({
+    }) : n === 1 || n === 2 || n === 3 ? (s.length > 1 && (d === "*" || d === "+") && t(`A repeatable param (${c}) must be alone in its segment. eg: '/:ids+.`), s.push({
       type: 1,
       value: c,
-      regexp: d,
-      repeatable: l === "*" || l === "+",
-      optional: l === "*" || l === "?"
+      regexp: l,
+      repeatable: d === "*" || d === "+",
+      optional: d === "*" || d === "?"
     })) : t("Invalid state to consume buffer"), c = "");
   }
   function p() {
-    c += l;
+    c += d;
   }
   for (; i < e.length; ) {
-    if (l = e[i++], l === "\\" && n !== 2) {
+    if (d = e[i++], d === "\\" && n !== 2) {
       o = n, n = 4;
       continue;
     }
     switch (n) {
       case 0:
-        l === "/" ? (c && u(), a()) : l === ":" ? (u(), n = 1) : p();
+        d === "/" ? (c && u(), a()) : d === ":" ? (u(), n = 1) : p();
         break;
       case 4:
         p(), n = o;
         break;
       case 1:
-        l === "(" ? n = 2 : ja.test(l) ? p() : (u(), n = 0, l !== "*" && l !== "?" && l !== "+" && i--);
+        d === "(" ? n = 2 : ja.test(d) ? p() : (u(), n = 0, d !== "*" && d !== "?" && d !== "+" && i--);
         break;
       case 2:
-        l === ")" ? d[d.length - 1] == "\\" ? d = d.slice(0, -1) + l : n = 3 : d += l;
+        d === ")" ? l[l.length - 1] == "\\" ? l = l.slice(0, -1) + d : n = 3 : l += d;
         break;
       case 3:
-        u(), n = 0, l !== "*" && l !== "?" && l !== "+" && i--, d = "";
+        u(), n = 0, d !== "*" && d !== "?" && d !== "+" && i--, l = "";
         break;
       default:
         t("Unknown state");
@@ -1908,7 +1913,7 @@ function La(e, t, n) {
     for (const a of o.keys)
       s.has(a.name) && D(`Found duplicated params with name "${a.name}" for path "${e.path}". Only the last one will be available on "$route.params".`), s.add(a.name);
   }
-  const r = R(o, {
+  const r = L(o, {
     record: e,
     parent: t,
     // these needs to be populated by the parent
@@ -1933,7 +1938,7 @@ function Ma(e, t) {
         x.push(
           // we need to normalize again to ensure the `mods` property
           // being non enumerable
-          so(R({}, b, {
+          so(L({}, b, {
             // this allows us to hold a copy of the `components` option
             // so that async components cache is hold on the original record
             components: f ? f.record.components : b.components,
@@ -1955,7 +1960,7 @@ function Ma(e, t) {
       if (process.env.NODE_ENV !== "production" && j.path === "*")
         throw new Error(`Catch all routes ("*") must now be defined using a param with a custom regexp.
 See more at https://router.vuejs.org/guide/migration/#Removed-star-or-catch-all-routes.`);
-      if (N = La(j, p, _), process.env.NODE_ENV !== "production" && p && H[0] === "/" && za(N, p), f ? (f.alias.push(N), process.env.NODE_ENV !== "production" && Ua(f, N)) : ($ = $ || N, $ !== N && $.alias.push(N), h && u.name && !ao(N) && (process.env.NODE_ENV !== "production" && Fa(u, p), a(u.name))), ur(N) && l(N), b.children) {
+      if (N = La(j, p, _), process.env.NODE_ENV !== "production" && p && H[0] === "/" && za(N, p), f ? (f.alias.push(N), process.env.NODE_ENV !== "production" && Ua(f, N)) : ($ = $ || N, $ !== N && $.alias.push(N), h && u.name && !ao(N) && (process.env.NODE_ENV !== "production" && Fa(u, p), a(u.name))), ur(N) && d(N), b.children) {
         const Y = b.children;
         for (let m = 0; m < Y.length; m++)
           s(Y[m], N, f && f.children[m]);
@@ -1978,7 +1983,7 @@ See more at https://router.vuejs.org/guide/migration/#Removed-star-or-catch-all-
   function i() {
     return n;
   }
-  function l(u) {
+  function d(u) {
     const p = qa(u, n);
     n.splice(p, 0, u), u.record.name && !ao(u) && o.set(u.record.name, u);
   }
@@ -1993,7 +1998,7 @@ See more at https://router.vuejs.org/guide/migration/#Removed-star-or-catch-all-
         const $ = Object.keys(u.params || {}).filter((j) => !f.keys.find((H) => H.name === j));
         $.length && D(`Discarded invalid param(s) "${$.join('", "')}" when navigating. See https://github.com/vuejs/router/blob/main/packages/router/CHANGELOG.md#414-2022-08-22 for more details.`);
       }
-      _ = f.record.name, h = R(
+      _ = f.record.name, h = L(
         // paramsFromLocation is a new object
         ro(
           p.params,
@@ -2013,7 +2018,7 @@ See more at https://router.vuejs.org/guide/migration/#Removed-star-or-catch-all-
           location: u,
           currentLocation: p
         });
-      _ = f.record.name, h = R({}, p.params, u.params), b = f.stringify(h);
+      _ = f.record.name, h = L({}, p.params, u.params), b = f.stringify(h);
     }
     const x = [];
     let N = f;
@@ -2028,14 +2033,14 @@ See more at https://router.vuejs.org/guide/migration/#Removed-star-or-catch-all-
     };
   }
   e.forEach((u) => s(u));
-  function d() {
+  function l() {
     n.length = 0, o.clear();
   }
   return {
     addRoute: s,
     resolve: c,
     removeRoute: a,
-    clearRoutes: d,
+    clearRoutes: l,
     getRoutes: i,
     getRecordMatcher: r
   };
@@ -2086,7 +2091,7 @@ function ao(e) {
   return !1;
 }
 function Wa(e) {
-  return e.reduce((t, n) => R(t, n.meta), {});
+  return e.reduce((t, n) => L(t, n.meta), {});
 }
 function io(e, t) {
   const n = {};
@@ -2144,8 +2149,8 @@ function Ja(e) {
   for (let o = 0; o < n.length; ++o) {
     const r = n[o].replace(nr, " "), s = r.indexOf("="), a = Ge(s < 0 ? r : r.slice(0, s)), i = s < 0 ? null : Ge(r.slice(s + 1));
     if (a in t) {
-      let l = t[a];
-      Z(l) || (l = t[a] = [l]), l.push(i);
+      let d = t[a];
+      Z(d) || (d = t[a] = [d]), d.push(i);
     } else
       t[a] = i;
   }
@@ -2194,30 +2199,30 @@ function et() {
 function Ee(e, t, n, o, r, s = (a) => a()) {
   const a = o && // name is defined if record is because of the function overload
   (o.enterCallbacks[r] = o.enterCallbacks[r] || []);
-  return () => new Promise((i, l) => {
+  return () => new Promise((i, d) => {
     const c = (p) => {
-      p === !1 ? l(Je(4, {
+      p === !1 ? d(Je(4, {
         from: n,
         to: t
-      })) : p instanceof Error ? l(p) : At(p) ? l(Je(2, {
+      })) : p instanceof Error ? d(p) : At(p) ? d(Je(2, {
         from: t,
         to: p
       })) : (a && // since enterCallbackArray is truthy, both record and name also are
       o.enterCallbacks[r] === a && typeof p == "function" && a.push(p), i());
-    }, d = s(() => e.call(o && o.instances[r], t, n, process.env.NODE_ENV !== "production" ? Ka(c, t, n) : c));
-    let u = Promise.resolve(d);
+    }, l = s(() => e.call(o && o.instances[r], t, n, process.env.NODE_ENV !== "production" ? Ka(c, t, n) : c));
+    let u = Promise.resolve(l);
     if (e.length < 3 && (u = u.then(c)), process.env.NODE_ENV !== "production" && e.length > 2) {
       const p = `The "next" callback was never called inside of ${e.name ? '"' + e.name + '"' : ""}:
 ${e.toString()}
 . If you are returning a value instead of calling "next", make sure to remove the "next" parameter from your function.`;
-      if (typeof d == "object" && "then" in d)
+      if (typeof l == "object" && "then" in l)
         u = u.then((f) => c._called ? f : (D(p), Promise.reject(new Error("Invalid navigation guard"))));
-      else if (d !== void 0 && !c._called) {
-        D(p), l(new Error("Invalid navigation guard"));
+      else if (l !== void 0 && !c._called) {
+        D(p), d(new Error("Invalid navigation guard"));
         return;
       }
     }
-    u.catch((p) => l(p));
+    u.catch((p) => d(p));
   });
 }
 function Ka(e, t, n) {
@@ -2231,28 +2236,28 @@ function Yt(e, t, n, o, r = (s) => s()) {
   for (const a of e) {
     process.env.NODE_ENV !== "production" && !a.components && !a.children.length && D(`Record with path "${a.path}" is either missing a "component(s)" or "children" property.`);
     for (const i in a.components) {
-      let l = a.components[i];
+      let d = a.components[i];
       if (process.env.NODE_ENV !== "production") {
-        if (!l || typeof l != "object" && typeof l != "function")
-          throw D(`Component "${i}" in record with path "${a.path}" is not a valid component. Received "${String(l)}".`), new Error("Invalid route component");
-        if ("then" in l) {
+        if (!d || typeof d != "object" && typeof d != "function")
+          throw D(`Component "${i}" in record with path "${a.path}" is not a valid component. Received "${String(d)}".`), new Error("Invalid route component");
+        if ("then" in d) {
           D(`Component "${i}" in record with path "${a.path}" is a Promise instead of a function that returns a Promise. Did you write "import('./MyPage.vue')" instead of "() => import('./MyPage.vue')" ? This will break in production if not fixed.`);
-          const c = l;
-          l = () => c;
-        } else l.__asyncLoader && // warn only once per component
-        !l.__warnedDefineAsync && (l.__warnedDefineAsync = !0, D(`Component "${i}" in record with path "${a.path}" is defined using "defineAsyncComponent()". Write "() => import('./MyPage.vue')" instead of "defineAsyncComponent(() => import('./MyPage.vue'))".`));
+          const c = d;
+          d = () => c;
+        } else d.__asyncLoader && // warn only once per component
+        !d.__warnedDefineAsync && (d.__warnedDefineAsync = !0, D(`Component "${i}" in record with path "${a.path}" is defined using "defineAsyncComponent()". Write "() => import('./MyPage.vue')" instead of "defineAsyncComponent(() => import('./MyPage.vue'))".`));
       }
       if (!(t !== "beforeRouteEnter" && !a.instances[i]))
-        if (er(l)) {
-          const c = (l.__vccOpts || l)[t];
+        if (er(d)) {
+          const c = (d.__vccOpts || d)[t];
           c && s.push(Ee(c, n, o, a, i, r));
         } else {
-          let c = l();
-          process.env.NODE_ENV !== "production" && !("catch" in c) && (D(`Component "${i}" in record with path "${a.path}" is a function that does not return a Promise. If you were passing a functional component, make sure to add a "displayName" to the component. This will break in production if not fixed.`), c = Promise.resolve(c)), s.push(() => c.then((d) => {
-            if (!d)
+          let c = d();
+          process.env.NODE_ENV !== "production" && !("catch" in c) && (D(`Component "${i}" in record with path "${a.path}" is a function that does not return a Promise. If you were passing a functional component, make sure to add a "displayName" to the component. This will break in production if not fixed.`), c = Promise.resolve(c)), s.push(() => c.then((l) => {
+            if (!l)
               throw new Error(`Couldn't resolve component "${i}" at "${a.path}"`);
-            const u = Xs(d) ? d.default : d;
-            a.mods[i] = d, a.components[i] = u;
+            const u = Xs(l) ? l.default : l;
+            a.mods[i] = l, a.components[i] = u;
             const p = (u.__vccOpts || u)[t];
             return p && Ee(p, n, o, a, i, r)();
           }));
@@ -2264,33 +2269,33 @@ function Yt(e, t, n, o, r = (s) => s()) {
 function uo(e) {
   const t = Ne(xn), n = Ne(dr);
   let o = !1, r = null;
-  const s = L(() => {
-    const d = S(e.to);
-    return process.env.NODE_ENV !== "production" && (!o || d !== r) && (At(d) || (o ? D(`Invalid value for prop "to" in useLink()
-- to:`, d, `
+  const s = R(() => {
+    const l = S(e.to);
+    return process.env.NODE_ENV !== "production" && (!o || l !== r) && (At(l) || (o ? D(`Invalid value for prop "to" in useLink()
+- to:`, l, `
 - previous to:`, r, `
 - props:`, e) : D(`Invalid value for prop "to" in useLink()
-- to:`, d, `
-- props:`, e)), r = d, o = !0), t.resolve(d);
-  }), a = L(() => {
-    const { matched: d } = s.value, { length: u } = d, p = d[u - 1], f = n.matched;
+- to:`, l, `
+- props:`, e)), r = l, o = !0), t.resolve(l);
+  }), a = R(() => {
+    const { matched: l } = s.value, { length: u } = l, p = l[u - 1], f = n.matched;
     if (!p || !f.length)
       return -1;
     const h = f.findIndex(Se.bind(null, p));
     if (h > -1)
       return h;
-    const b = po(d[u - 2]);
+    const b = po(l[u - 2]);
     return (
       // we are dealing with nested routes
       u > 1 && // if the parent and matched route have the same path, this link is
       // referring to the empty child. Or we currently are on a different
       // child of the same parent
       po(p) === b && // avoid comparing the child with its parent
-      f[f.length - 1].path !== b ? f.findIndex(Se.bind(null, d[u - 2])) : h
+      f[f.length - 1].path !== b ? f.findIndex(Se.bind(null, l[u - 2])) : h
     );
-  }), i = L(() => a.value > -1 && ni(n.params, s.value.params)), l = L(() => a.value > -1 && a.value === n.matched.length - 1 && ar(n.params, s.value.params));
-  function c(d = {}) {
-    if (ti(d)) {
+  }), i = R(() => a.value > -1 && ni(n.params, s.value.params)), d = R(() => a.value > -1 && a.value === n.matched.length - 1 && ar(n.params, s.value.params));
+  function c(l = {}) {
+    if (ti(l)) {
       const u = t[S(e.replace) ? "replace" : "push"](
         S(e.to)
         // avoid uncaught errors are they are logged anyway
@@ -2300,24 +2305,24 @@ function uo(e) {
     return Promise.resolve();
   }
   if (process.env.NODE_ENV !== "production" && me) {
-    const d = Le();
-    if (d) {
+    const l = Le();
+    if (l) {
       const u = {
         route: s.value,
         isActive: i.value,
-        isExactActive: l.value,
+        isExactActive: d.value,
         error: null
       };
-      d.__vrl_devtools = d.__vrl_devtools || [], d.__vrl_devtools.push(u), Jr(() => {
-        u.route = s.value, u.isActive = i.value, u.isExactActive = l.value, u.error = At(S(e.to)) ? null : 'Invalid "to" value';
+      l.__vrl_devtools = l.__vrl_devtools || [], l.__vrl_devtools.push(u), Jr(() => {
+        u.route = s.value, u.isActive = i.value, u.isExactActive = d.value, u.error = At(S(e.to)) ? null : 'Invalid "to" value';
       }, { flush: "post" });
     }
   }
   return {
     route: s,
-    href: L(() => s.value.href),
+    href: R(() => s.value.href),
     isActive: i,
-    isExactActive: l,
+    isExactActive: d,
     navigate: c
   };
 }
@@ -2344,7 +2349,7 @@ const Za = /* @__PURE__ */ ae({
   },
   useLink: uo,
   setup(e, { slots: t }) {
-    const n = _n(uo(e)), { options: o } = Ne(xn), r = L(() => ({
+    const n = _n(uo(e)), { options: o } = Ne(xn), r = R(() => ({
       [fo(e.activeClass, o.linkActiveClass, "router-link-active")]: n.isActive,
       // [getLinkClass(
       //   props.inactiveClass,
@@ -2406,29 +2411,29 @@ const fo = (e, t, n) => e ?? t ?? n, oi = /* @__PURE__ */ ae({
   compatConfig: { MODE: 3 },
   setup(e, { attrs: t, slots: n }) {
     process.env.NODE_ENV !== "production" && si();
-    const o = Ne(pn), r = L(() => e.route || o.value), s = Ne(lo, 0), a = L(() => {
+    const o = Ne(pn), r = R(() => e.route || o.value), s = Ne(lo, 0), a = R(() => {
       let c = S(s);
-      const { matched: d } = r.value;
+      const { matched: l } = r.value;
       let u;
-      for (; (u = d[c]) && !u.components; )
+      for (; (u = l[c]) && !u.components; )
         c++;
       return c;
-    }), i = L(() => r.value.matched[a.value]);
-    Ft(lo, L(() => a.value + 1)), Ft(Qa, i), Ft(pn, r);
-    const l = C();
-    return G(() => [l.value, i.value, e.name], ([c, d, u], [p, f, h]) => {
-      d && (d.instances[u] = c, f && f !== d && c && c === p && (d.leaveGuards.size || (d.leaveGuards = f.leaveGuards), d.updateGuards.size || (d.updateGuards = f.updateGuards))), c && d && // if there is no instance but to and from are the same this might be
+    }), i = R(() => r.value.matched[a.value]);
+    Ft(lo, R(() => a.value + 1)), Ft(Qa, i), Ft(pn, r);
+    const d = C();
+    return G(() => [d.value, i.value, e.name], ([c, l, u], [p, f, h]) => {
+      l && (l.instances[u] = c, f && f !== l && c && c === p && (l.leaveGuards.size || (l.leaveGuards = f.leaveGuards), l.updateGuards.size || (l.updateGuards = f.updateGuards))), c && l && // if there is no instance but to and from are the same this might be
       // the first visit
-      (!f || !Se(d, f) || !p) && (d.enterCallbacks[u] || []).forEach((b) => b(c));
+      (!f || !Se(l, f) || !p) && (l.enterCallbacks[u] || []).forEach((b) => b(c));
     }, { flush: "post" }), () => {
-      const c = r.value, d = e.name, u = i.value, p = u && u.components[d];
+      const c = r.value, l = e.name, u = i.value, p = u && u.components[l];
       if (!p)
         return ho(n.default, { Component: p, route: c });
-      const f = u.props[d], h = f ? f === !0 ? c.params : typeof f == "function" ? f(c) : f : null, b = Ro(p, R({}, h, t, {
+      const f = u.props[l], h = f ? f === !0 ? c.params : typeof f == "function" ? f(c) : f : null, b = Ro(p, L({}, h, t, {
         onVnodeUnmounted: (_) => {
-          _.component.isUnmounted && (u.instances[d] = null);
+          _.component.isUnmounted && (u.instances[l] = null);
         },
-        ref: l
+        ref: d
       }));
       if (process.env.NODE_ENV !== "production" && me && b.ref) {
         const _ = {
@@ -2471,7 +2476,7 @@ Use slot props instead:
   }
 }
 function tt(e, t) {
-  const n = R({}, e, {
+  const n = L({}, e, {
     // remove variables that can contain vue instances
     matched: e.matched.map((o) => vi(o, ["instances", "children", "aliasOf"]))
   });
@@ -2507,17 +2512,17 @@ function ii(e, t, n) {
     componentStateTypes: ["Routing"],
     app: e
   }, (r) => {
-    typeof r.now != "function" && console.warn("[Vue Router]: You seem to be using an outdated version of Vue Devtools. Are you still using the Beta release instead of the stable one? You can find the links at https://devtools.vuejs.org/guide/installation.html."), r.on.inspectComponent((d, u) => {
-      d.instanceData && d.instanceData.state.push({
+    typeof r.now != "function" && console.warn("[Vue Router]: You seem to be using an outdated version of Vue Devtools. Are you still using the Beta release instead of the stable one? You can find the links at https://devtools.vuejs.org/guide/installation.html."), r.on.inspectComponent((l, u) => {
+      l.instanceData && l.instanceData.state.push({
         type: "Routing",
         key: "$route",
         editable: !1,
         value: tt(t.currentRoute.value, "Current Route")
       });
-    }), r.on.visitComponentTree(({ treeNode: d, componentInstance: u }) => {
+    }), r.on.visitComponentTree(({ treeNode: l, componentInstance: u }) => {
       if (u.__vrv_devtools) {
         const p = u.__vrv_devtools;
-        d.tags.push({
+        l.tags.push({
           label: (p.name ? `${p.name.toString()}: ` : "") + p.path,
           textColor: 0,
           tooltip: "This component is rendered by &lt;router-view&gt;",
@@ -2526,7 +2531,7 @@ function ii(e, t, n) {
       }
       Z(u.__vrl_devtools) && (u.__devtoolsApi = r, u.__vrl_devtools.forEach((p) => {
         let f = p.route.path, h = mr, b = "", _ = 0;
-        p.error ? (f = p.error, h = pi, _ = fi) : p.isExactActive ? (h = hr, b = "This is exactly active") : p.isActive && (h = fr, b = "This link is active"), d.tags.push({
+        p.error ? (f = p.error, h = pi, _ = fi) : p.isExactActive ? (h = hr, b = "This is exactly active") : p.isActive && (h = fr, b = "This link is active"), l.tags.push({
           label: f,
           textColor: _,
           tooltip: b,
@@ -2534,14 +2539,14 @@ function ii(e, t, n) {
         });
       }));
     }), G(t.currentRoute, () => {
-      l(), r.notifyComponentUpdate(), r.sendInspectorTree(i), r.sendInspectorState(i);
+      d(), r.notifyComponentUpdate(), r.sendInspectorTree(i), r.sendInspectorState(i);
     });
     const s = "router:navigations:" + o;
     r.addTimelineLayer({
       id: s,
       label: `Router${o ? " " + o : ""} Navigations`,
       color: 4237508
-    }), t.onError((d, u) => {
+    }), t.onError((l, u) => {
       r.addTimelineEvent({
         layerId: s,
         event: {
@@ -2549,31 +2554,31 @@ function ii(e, t, n) {
           subtitle: u.fullPath,
           logType: "error",
           time: r.now(),
-          data: { error: d },
+          data: { error: l },
           groupId: u.meta.__navigationId
         }
       });
     });
     let a = 0;
-    t.beforeEach((d, u) => {
+    t.beforeEach((l, u) => {
       const p = {
         guard: wt("beforeEach"),
         from: tt(u, "Current Location during this navigation"),
-        to: tt(d, "Target location")
+        to: tt(l, "Target location")
       };
-      Object.defineProperty(d.meta, "__navigationId", {
+      Object.defineProperty(l.meta, "__navigationId", {
         value: a++
       }), r.addTimelineEvent({
         layerId: s,
         event: {
           time: r.now(),
           title: "Start of navigation",
-          subtitle: d.fullPath,
+          subtitle: l.fullPath,
           data: p,
-          groupId: d.meta.__navigationId
+          groupId: l.meta.__navigationId
         }
       });
-    }), t.afterEach((d, u, p) => {
+    }), t.afterEach((l, u, p) => {
       const f = {
         guard: wt("afterEach")
       };
@@ -2585,15 +2590,15 @@ function ii(e, t, n) {
           tooltip: "Navigation Failure",
           value: p
         }
-      }, f.status = wt("❌")) : f.status = wt("✅"), f.from = tt(u, "Current Location during this navigation"), f.to = tt(d, "Target location"), r.addTimelineEvent({
+      }, f.status = wt("❌")) : f.status = wt("✅"), f.from = tt(u, "Current Location during this navigation"), f.to = tt(l, "Target location"), r.addTimelineEvent({
         layerId: s,
         event: {
           title: "End of navigation",
-          subtitle: d.fullPath,
+          subtitle: l.fullPath,
           time: r.now(),
           data: f,
           logType: p ? "warning" : "default",
-          groupId: d.meta.__navigationId
+          groupId: l.meta.__navigationId
         }
       });
     });
@@ -2604,25 +2609,25 @@ function ii(e, t, n) {
       icon: "book",
       treeFilterPlaceholder: "Search routes"
     });
-    function l() {
+    function d() {
       if (!c)
         return;
-      const d = c;
+      const l = c;
       let u = n.getRoutes().filter((p) => !p.parent || // these routes have a parent with no component which will not appear in the view
       // therefore we still need to include them
       !p.parent.record.components);
-      u.forEach(yr), d.filter && (u = u.filter((p) => (
+      u.forEach(yr), l.filter && (u = u.filter((p) => (
         // save matches state based on the payload
-        fn(p, d.filter.toLowerCase())
-      ))), u.forEach((p) => gr(p, t.currentRoute.value)), d.rootNodes = u.map(vr);
+        fn(p, l.filter.toLowerCase())
+      ))), u.forEach((p) => gr(p, t.currentRoute.value)), l.rootNodes = u.map(vr);
     }
     let c;
-    r.on.getInspectorTree((d) => {
-      c = d, d.app === e && d.inspectorId === i && l();
-    }), r.on.getInspectorState((d) => {
-      if (d.app === e && d.inspectorId === i) {
-        const u = n.getRoutes().find((p) => p.record.__vd_id === d.nodeId);
-        u && (d.state = {
+    r.on.getInspectorTree((l) => {
+      c = l, l.app === e && l.inspectorId === i && d();
+    }), r.on.getInspectorState((l) => {
+      if (l.app === e && l.inspectorId === i) {
+        const u = n.getRoutes().find((p) => p.record.__vd_id === l.nodeId);
+        u && (l.state = {
           options: li(u)
         });
       }
@@ -2742,10 +2747,10 @@ function gi(e) {
   const t = Ma(e.routes, e), n = e.parseQuery || Ja, o = e.stringifyQuery || co, r = e.history;
   if (process.env.NODE_ENV !== "production" && !r)
     throw new Error('Provide the "history" option when calling "createRouter()": https://router.vuejs.org/api/interfaces/RouterOptions.html#history');
-  const s = et(), a = et(), i = et(), l = qr(_e);
+  const s = et(), a = et(), i = et(), d = qr(_e);
   let c = _e;
   me && e.scrollBehavior && "scrollRestoration" in history && (history.scrollRestoration = "manual");
-  const d = Gt.bind(null, (g) => "" + g), u = Gt.bind(null, da), p = (
+  const l = Gt.bind(null, (g) => "" + g), u = Gt.bind(null, da), p = (
     // @ts-expect-error: intentionally avoid the type check
     Gt.bind(null, Ge)
   );
@@ -2764,9 +2769,9 @@ function gi(e) {
     return !!t.getRecordMatcher(g);
   }
   function x(g, k) {
-    if (k = R({}, k || l.value), typeof g == "string") {
+    if (k = L({}, k || d.value), typeof g == "string") {
       const V = Jt(n, g, k.path), z = t.resolve({ path: V.path }, k), Ce = r.createHref(V.fullPath);
-      return process.env.NODE_ENV !== "production" && (Ce.startsWith("//") ? D(`Location "${g}" resolved to "${Ce}". A resolved location cannot start with multiple slashes.`) : z.matched.length || D(`No match found for location with path "${g}"`)), R(V, z, {
+      return process.env.NODE_ENV !== "production" && (Ce.startsWith("//") ? D(`Location "${g}" resolved to "${Ce}". A resolved location cannot start with multiple slashes.`) : z.matched.length || D(`No match found for location with path "${g}"`)), L(V, z, {
         params: p(z.params),
         hash: Ge(V.hash),
         redirectedFrom: void 0,
@@ -2779,24 +2784,24 @@ function gi(e) {
     let E;
     if (g.path != null)
       process.env.NODE_ENV !== "production" && "params" in g && !("name" in g) && // @ts-expect-error: the type is never
-      Object.keys(g.params).length && D(`Path "${g.path}" was passed with params but they will be ignored. Use a named route alongside params instead.`), E = R({}, g, {
+      Object.keys(g.params).length && D(`Path "${g.path}" was passed with params but they will be ignored. Use a named route alongside params instead.`), E = L({}, g, {
         path: Jt(n, g.path, k.path).path
       });
     else {
-      const V = R({}, g.params);
+      const V = L({}, g.params);
       for (const z in V)
         V[z] == null && delete V[z];
-      E = R({}, g, {
+      E = L({}, g, {
         params: u(V)
       }), k.params = u(k.params);
     }
     const O = t.resolve(E, k), M = g.hash || "";
-    process.env.NODE_ENV !== "production" && M && !M.startsWith("#") && D(`A \`hash\` should always start with the character "#". Replace "${M}" with "#${M}".`), O.params = d(p(O.params));
-    const q = ha(o, R({}, g, {
+    process.env.NODE_ENV !== "production" && M && !M.startsWith("#") && D(`A \`hash\` should always start with the character "#". Replace "${M}" with "#${M}".`), O.params = l(p(O.params));
+    const q = ha(o, L({}, g, {
       hash: ca(M),
       path: O.path
     })), T = r.createHref(q);
-    return process.env.NODE_ENV !== "production" && (T.startsWith("//") ? D(`Location "${g}" resolved to "${T}". A resolved location cannot start with multiple slashes.`) : O.matched.length || D(`No match found for location with path "${g.path != null ? g.path : g}"`)), R({
+    return process.env.NODE_ENV !== "production" && (T.startsWith("//") ? D(`Location "${g}" resolved to "${T}". A resolved location cannot start with multiple slashes.`) : O.matched.length || D(`No match found for location with path "${g.path != null ? g.path : g}"`)), L({
       fullPath: q,
       // keep the hash encoded so fullPath is effectively path + encodedQuery +
       // hash
@@ -2815,7 +2820,7 @@ function gi(e) {
     });
   }
   function N(g) {
-    return typeof g == "string" ? Jt(n, g, l.value.path) : R({}, g);
+    return typeof g == "string" ? Jt(n, g, d.value.path) : L({}, g);
   }
   function $(g, k) {
     if (c !== g)
@@ -2828,7 +2833,7 @@ function gi(e) {
     return m(g);
   }
   function H(g) {
-    return j(R(N(g), { replace: !0 }));
+    return j(L(N(g), { replace: !0 }));
   }
   function Y(g) {
     const k = g.matched[g.matched.length - 1];
@@ -2842,7 +2847,7 @@ function gi(e) {
         throw D(`Invalid redirect found:
 ${JSON.stringify(O, null, 2)}
  when navigating to "${g.fullPath}". A redirect must contain a name or path. This will break in production.`), new Error("Invalid redirect");
-      return R({
+      return L({
         query: g.query,
         hash: g.hash,
         // avoid transferring params if the redirect has a path
@@ -2851,11 +2856,11 @@ ${JSON.stringify(O, null, 2)}
     }
   }
   function m(g, k) {
-    const E = c = x(g), O = l.value, M = g.state, q = g.force, T = g.replace === !0, V = Y(E);
+    const E = c = x(g), O = d.value, M = g.state, q = g.force, T = g.replace === !0, V = Y(E);
     if (V)
       return m(
-        R(N(V), {
-          state: typeof V == "object" ? R({}, M, V.state) : M,
+        L(N(V), {
+          state: typeof V == "object" ? L({}, M, V.state) : M,
           force: q,
           replace: T
         }),
@@ -2900,11 +2905,11 @@ ${JSON.stringify(O, null, 2)}
           ) : 1) > 30 ? (D(`Detected a possibly infinite redirection in a navigation guard when going from "${O.fullPath}" to "${z.fullPath}". Aborting to avoid a Stack Overflow.
  Are you always returning a new location within a navigation guard? That would lead to this error. Only return when redirecting or aborting, that should fix this. This might break in production if not fixed.`), Promise.reject(new Error("Infinite redirect in navigation guard"))) : m(
             // keep options
-            R({
+            L({
               // preserve an existing replacement but allow the redirect to override it
               replace: T
             }, N(K.to), {
-              state: typeof K.to == "object" ? R({}, M, K.to.state) : M,
+              state: typeof K.to == "object" ? L({}, M, K.to.state) : M,
               force: q
             }),
             // preserve the original redirectedFrom if any
@@ -2973,20 +2978,20 @@ ${JSON.stringify(O, null, 2)}
     if (q)
       return q;
     const T = k === _e, V = me ? history.state : {};
-    E && (O || T ? r.replace(g.fullPath, R({
+    E && (O || T ? r.replace(g.fullPath, L({
       scroll: T && V && V.scroll
-    }, M)) : r.push(g.fullPath, M)), l.value = g, Hn(g, k, E, T), Wt();
+    }, M)) : r.push(g.fullPath, M)), d.value = g, Hn(g, k, E, T), Wt();
   }
   let U;
   function ie() {
     U || (U = r.listen((g, k, E) => {
       const O = x(g), M = Y(O);
       if (M) {
-        m(R(M, { replace: !0, force: !0 }), O).catch(at);
+        m(L(M, { replace: !0, force: !0 }), O).catch(at);
         return;
       }
       c = O;
-      const q = l.value;
+      const q = d.value;
       me && Ea(Zn(q.fullPath, E.delta), Lt()), v(O, q).catch((T) => he(
         T,
         12
@@ -2996,7 +3001,7 @@ ${JSON.stringify(O, null, 2)}
         2
         /* ErrorTypes.NAVIGATION_GUARD_REDIRECT */
       ) ? (m(
-        R(N(T.to), {
+        L(N(T.to), {
           force: !0
         }),
         O
@@ -3034,7 +3039,7 @@ ${JSON.stringify(O, null, 2)}
     return O.length ? O.forEach((M) => M(g, k, E)) : (process.env.NODE_ENV !== "production" && D("uncaught error during route navigation:"), console.error(g)), Promise.reject(g);
   }
   function X() {
-    return ee && l.value !== _e ? Promise.resolve() : new Promise((g, k) => {
+    return ee && d.value !== _e ? Promise.resolve() : new Promise((g, k) => {
       pe.add([g, k]);
     });
   }
@@ -3051,7 +3056,7 @@ ${JSON.stringify(O, null, 2)}
   const Ut = (g) => r.go(g);
   let Ht;
   const gt = /* @__PURE__ */ new Set(), Fr = {
-    currentRoute: l,
+    currentRoute: d,
     listening: !0,
     addRoute: f,
     removeRoute: h,
@@ -3074,22 +3079,22 @@ ${JSON.stringify(O, null, 2)}
       const k = this;
       g.component("RouterLink", ei), g.component("RouterView", ri), g.config.globalProperties.$router = k, Object.defineProperty(g.config.globalProperties, "$route", {
         enumerable: !0,
-        get: () => S(l)
+        get: () => S(d)
       }), me && // used for the initial navigation client side to avoid pushing
       // multiple times when the router is used in multiple apps
-      !Ht && l.value === _e && (Ht = !0, j(r.location).catch((M) => {
+      !Ht && d.value === _e && (Ht = !0, j(r.location).catch((M) => {
         process.env.NODE_ENV !== "production" && D("Unexpected error when starting the router:", M);
       }));
       const E = {};
       for (const M in _e)
         Object.defineProperty(E, M, {
-          get: () => l.value[M],
+          get: () => d.value[M],
           enumerable: !0
         });
-      g.provide(xn, k), g.provide(dr, Gr(E)), g.provide(pn, l);
+      g.provide(xn, k), g.provide(dr, Gr(E)), g.provide(pn, d);
       const O = g.unmount;
       gt.add(g), g.unmount = function() {
-        gt.delete(g), gt.size < 1 && (c = _e, U && U(), U = null, l.value = _e, Ht = !1, ee = !1), O();
+        gt.delete(g), gt.size < 1 && (c = _e, U && U(), U = null, d.value = _e, Ht = !1, ee = !1), O();
       }, process.env.NODE_ENV !== "production" && me && ii(g, k, t);
     }
   };
@@ -3103,8 +3108,8 @@ function yi(e, t) {
   for (let a = 0; a < s; a++) {
     const i = t.matched[a];
     i && (e.matched.find((c) => Se(c, i)) ? o.push(i) : n.push(i));
-    const l = e.matched[a];
-    l && (t.matched.find((c) => Se(c, l)) || r.push(l));
+    const d = e.matched[a];
+    d && (t.matched.find((c) => Se(c, d)) || r.push(d));
   }
   return [n, o, r];
 }
@@ -3263,19 +3268,19 @@ function Ti(e, t, n) {
     }, s.onerror = function(c) {
       return i(c);
     };
-    var l = s.objectStore(ye);
-    l.add(r), Pn(s);
+    var d = s.objectStore(ye);
+    d.add(r), Pn(s);
   });
 }
 function ji(e, t) {
   var n = e.transaction(ye, "readonly", Bt), o = n.objectStore(ye), r = [], s = IDBKeyRange.bound(t + 1, 1 / 0);
   if (o.getAll) {
     var a = o.getAll(s);
-    return new Promise(function(l, c) {
-      a.onerror = function(d) {
-        return c(d);
-      }, a.onsuccess = function(d) {
-        l(d.target.result);
+    return new Promise(function(d, c) {
+      a.onerror = function(l) {
+        return c(l);
+      }, a.onsuccess = function(l) {
+        d(l.target.result);
       };
     });
   }
@@ -3286,13 +3291,13 @@ function ji(e, t) {
       return o.openCursor();
     }
   }
-  return new Promise(function(l, c) {
-    var d = i();
-    d.onerror = function(u) {
+  return new Promise(function(d, c) {
+    var l = i();
+    l.onerror = function(u) {
       return c(u);
-    }, d.onsuccess = function(u) {
+    }, l.onsuccess = function(u) {
       var p = u.target.result;
-      p ? p.value.id < t + 1 ? p.continue(t + 1) : (r.push(p.value), p.continue()) : (Pn(n), l(r));
+      p ? p.value.id < t + 1 ? p.continue(t + 1) : (r.push(p.value), p.continue()) : (Pn(n), d(r));
     };
   });
 }
@@ -3313,10 +3318,10 @@ function Li(e, t) {
   var n = (/* @__PURE__ */ new Date()).getTime() - t, o = e.transaction(ye, "readonly", Bt), r = o.objectStore(ye), s = [];
   return new Promise(function(a) {
     r.openCursor().onsuccess = function(i) {
-      var l = i.target.result;
-      if (l) {
-        var c = l.value;
-        c.time < n ? (s.push(c), l.continue()) : (Pn(o), a(s));
+      var d = i.target.result;
+      if (d) {
+        var c = d.value;
+        c.time < n ? (s.push(c), d.continue()) : (Pn(o), a(s));
       } else
         a(s);
     };
@@ -3758,8 +3763,8 @@ function kc(e, t) {
       o[s] = i;
     else if (Array.isArray(i))
       if (typeof i[0] == "string") {
-        const l = i[0];
-        switch (l) {
+        const d = i[0];
+        switch (d) {
           case "Date":
             o[s] = new Date(i[1]);
             break;
@@ -3770,10 +3775,10 @@ function kc(e, t) {
               c.add(r(i[p]));
             break;
           case "Map":
-            const d = /* @__PURE__ */ new Map();
-            o[s] = d;
+            const l = /* @__PURE__ */ new Map();
+            o[s] = l;
             for (let p = 1; p < i.length; p += 2)
-              d.set(r(i[p]), r(i[p + 1]));
+              l.set(r(i[p]), r(i[p + 1]));
             break;
           case "RegExp":
             o[s] = new RegExp(i[1], i[2]);
@@ -3791,22 +3796,22 @@ function kc(e, t) {
               u[i[p]] = r(i[p + 1]);
             break;
           default:
-            throw new Error(`Unknown type ${l}`);
+            throw new Error(`Unknown type ${d}`);
         }
       } else {
-        const l = new Array(i.length);
-        o[s] = l;
+        const d = new Array(i.length);
+        o[s] = d;
         for (let c = 0; c < i.length; c += 1) {
-          const d = i[c];
-          d !== Pr && (l[c] = r(d));
+          const l = i[c];
+          l !== Pr && (d[c] = r(l));
         }
       }
     else {
-      const l = {};
-      o[s] = l;
+      const d = {};
+      o[s] = d;
       for (const c in i) {
-        const d = i[c];
-        l[c] = r(d);
+        const l = i[c];
+        d[c] = r(l);
       }
     }
     return o[s];
@@ -3828,12 +3833,12 @@ function Eo(e, t) {
     if (c === 1 / 0) return Dr;
     if (c === -1 / 0) return Vr;
     if (c === 0 && 1 / c < 0) return An;
-    const d = a++;
-    o.set(c, d);
+    const l = a++;
+    o.set(c, l);
     for (const { key: p, fn: f } of r) {
       const h = f(c);
       if (h)
-        return n[d] = `["${p}",${i(h)}]`, d;
+        return n[l] = `["${p}",${i(h)}]`, l;
     }
     let u = "";
     if (wo(c))
@@ -3899,10 +3904,10 @@ function Eo(e, t) {
             u += "}";
           }
       }
-    return n[d] = u, d;
+    return n[l] = u, l;
   }
-  const l = i(e);
-  return l < 0 ? `${l}` : `[${n.join(",")}]`;
+  const d = i(e);
+  return d < 0 ? `${d}` : `[${n.join(",")}]`;
 }
 function Xt(e) {
   const t = typeof e;
@@ -3910,24 +3915,24 @@ function Xt(e) {
 }
 function $c(e, t, { initialize: n, type: o }) {
   let r = `${t.$id}-${e.toString()}`, s = new Dn(r, { type: o }), a = !1, i = 0;
-  G(() => t[e], (d) => {
-    a || (i = Date.now(), s.postMessage({ timestamp: i, state: _o(Eo(d)) })), a = !1;
-  }, { deep: !0 }), s.onmessage = (d) => {
-    if (d === void 0) {
+  G(() => t[e], (l) => {
+    a || (i = Date.now(), s.postMessage({ timestamp: i, state: _o(Eo(l)) })), a = !1;
+  }, { deep: !0 }), s.onmessage = (l) => {
+    if (l === void 0) {
       s.postMessage({ timestamp: i, state: _o(Eo(t[e])) });
       return;
     }
-    d.timestamp <= i || (a = !0, i = d.timestamp, t[e] = d.state);
+    l.timestamp <= i || (a = !0, i = l.timestamp, t[e] = l.state);
   };
-  let l = () => s.postMessage(void 0), c = () => s.close();
-  return n && l(), { sync: l, unshare: c };
+  let d = () => s.postMessage(void 0), c = () => s.close();
+  return n && d(), { sync: d, unshare: c };
 }
 var Oc = (e, t) => Object.keys(t).includes(e), Nc = ({ initialize: e = !0, enable: t = !0, type: n }) => ({ store: o, options: r }) => {
   var s, a;
-  let i = ((s = r == null ? void 0 : r.share) == null ? void 0 : s.enable) ?? t, l = ((a = r == null ? void 0 : r.share) == null ? void 0 : a.omit) ?? [];
+  let i = ((s = r == null ? void 0 : r.share) == null ? void 0 : s.enable) ?? t, d = ((a = r == null ? void 0 : r.share) == null ? void 0 : a.omit) ?? [];
   !i || Object.keys(o.$state).forEach((c) => {
-    var d;
-    l.includes(c) || !Oc(c, o.$state) || $c(c, o, { initialize: ((d = r == null ? void 0 : r.share) == null ? void 0 : d.initialize) ?? e, type: n });
+    var l;
+    d.includes(c) || !Oc(c, o.$state) || $c(c, o, { initialize: ((l = r == null ? void 0 : r.share) == null ? void 0 : l.initialize) ?? e, type: n });
   });
 };
 const xc = zs();
@@ -3945,8 +3950,8 @@ const Sc = /* @__PURE__ */ ae({
       if (n.value) {
         let r = t.value.schema.schema.toArray();
         r.forEach((s, a) => {
-          const l = t.value.store.record[s.fieldname];
-          r[a].value = l;
+          const d = t.value.store.record[s.fieldname];
+          r[a].value = d;
         }), o.value = r;
       }
     }), (r, s) => S(n) ? (A(), Ie(S(gs), {
@@ -4035,38 +4040,38 @@ function Oo(e) {
 }
 function No(e, t, n, o) {
   const { state: r, actions: s, getters: a } = t, i = n.state.value[e];
-  let l;
+  let d;
   function c() {
     !i && (process.env.NODE_ENV === "production" || !o) && (n.state.value[e] = r ? r() : {});
-    const d = process.env.NODE_ENV !== "production" && o ? (
+    const l = process.env.NODE_ENV !== "production" && o ? (
       // use ref() to unwrap refs inside state TODO: check if this is still necessary
       Pt(C(r ? r() : {}).value)
     ) : Pt(n.state.value[e]);
-    return ne(d, s, Object.keys(a || {}).reduce((u, p) => (process.env.NODE_ENV !== "production" && p in d && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${p}" in store "${e}".`), u[p] = re(L(() => {
+    return ne(l, s, Object.keys(a || {}).reduce((u, p) => (process.env.NODE_ENV !== "production" && p in l && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${p}" in store "${e}".`), u[p] = re(R(() => {
       Tt(n);
       const f = n._s.get(e);
       return a[p].call(f, f);
     })), u), {}));
   }
-  return l = mn(e, c, t, n, o, !0), l;
+  return d = mn(e, c, t, n, o, !0), d;
 }
 function mn(e, t, n = {}, o, r, s) {
   let a;
   const i = ne({ actions: {} }, n);
   if (process.env.NODE_ENV !== "production" && !o._e.active)
     throw new Error("Pinia destroyed");
-  const l = { deep: !0 };
-  process.env.NODE_ENV !== "production" && !Cc && (l.onTrigger = (v) => {
+  const d = { deep: !0 };
+  process.env.NODE_ENV !== "production" && !Cc && (d.onTrigger = (v) => {
     c ? f = v : c == !1 && !m._hotUpdating && (Array.isArray(f) ? f.push(v) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
   });
-  let c, d, u = [], p = [], f;
+  let c, l, u = [], p = [], f;
   const h = o.state.value[e];
   !s && !h && (process.env.NODE_ENV === "production" || !r) && (o.state.value[e] = {});
   const b = C({});
   let _;
   function x(v) {
     let y;
-    c = d = !1, process.env.NODE_ENV !== "production" && (f = []), typeof v == "function" ? (v(o.state.value[e]), y = {
+    c = l = !1, process.env.NODE_ENV !== "production" && (f = []), typeof v == "function" ? (v(o.state.value[e]), y = {
       type: ct.patchFunction,
       storeId: e,
       events: f
@@ -4079,7 +4084,7 @@ function mn(e, t, n = {}, o, r, s) {
     const I = _ = Symbol();
     xe().then(() => {
       _ === I && (c = !0);
-    }), d = !0, Ue(u, y, o.state.value[e]);
+    }), l = !0, Ue(u, y, o.state.value[e]);
   }
   const N = s ? function() {
     const { state: y } = n, I = y ? y() : {};
@@ -4137,12 +4142,12 @@ function mn(e, t, n = {}, o, r, s) {
     $reset: N,
     $subscribe(v, y = {}) {
       const I = ko(u, v, y.detached, () => U()), U = a.run(() => G(() => o.state.value[e], (ie) => {
-        (y.flush === "sync" ? d : c) && v({
+        (y.flush === "sync" ? l : c) && v({
           storeId: e,
           type: ct.direct,
           events: f
         }, ie);
-      }, ne({}, l, y)));
+      }, ne({}, d, y)));
       return I;
     },
     $dispose: $
@@ -4189,7 +4194,7 @@ function mn(e, t, n = {}, o, r, s) {
       _t(m, y, De(v.$state, y));
     }), Object.keys(m.$state).forEach((y) => {
       y in v.$state || Zt(m, y);
-    }), c = !1, d = !1, o.state.value[e] = De(v._hmrPayload, "hotState"), d = !0, xe().then(() => {
+    }), c = !1, l = !1, o.state.value[e] = De(v._hmrPayload, "hotState"), l = !0, xe().then(() => {
       c = !0;
     });
     for (const y in v._hmrPayload.actions) {
@@ -4199,7 +4204,7 @@ function mn(e, t, n = {}, o, r, s) {
     for (const y in v._hmrPayload.getters) {
       const I = v._hmrPayload.getters[y], U = s ? (
         // special handling of options api
-        L(() => (Tt(o), I.call(m, m)))
+        R(() => (Tt(o), I.call(m, m)))
       ) : I;
       _t(m, y, U);
     }
@@ -4237,7 +4242,7 @@ function mn(e, t, n = {}, o, r, s) {
       })));
   }), process.env.NODE_ENV !== "production" && m.$state && typeof m.$state == "object" && typeof m.$state.constructor == "function" && !m.$state.constructor.toString().includes("[native code]") && console.warn(`[🍍]: The "state" must be a plain object. It cannot be
 	state: () => new MyClass()
-Found in store "${m.$id}".`), h && s && n.hydrate && n.hydrate(m.$state, h), c = !0, d = !0, m;
+Found in store "${m.$id}".`), h && s && n.hydrate && n.hydrate(m.$state, h), c = !0, l = !0, m;
 }
 /*! #__NO_SIDE_EFFECTS__ */
 // @__NO_SIDE_EFFECTS__
@@ -4248,7 +4253,7 @@ function Ac(e, t, n) {
     o = e, r = s ? n : t;
   else if (r = e, o = e.id, process.env.NODE_ENV !== "production" && typeof o != "string")
     throw new Error('[🍍]: "defineStore()" must be passed a store id as its first argument.');
-  function a(i, l) {
+  function a(i, d) {
     const c = jo();
     if (i = // in test mode, ignore the argument provided as we can always retrieve a
     // pinia instance with getActivePinia()
@@ -4257,20 +4262,20 @@ function Ac(e, t, n) {
 See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help.
 This will fail in production.`);
     i = ot, i._s.has(o) || (s ? mn(o, t, r, i) : No(o, r, i), process.env.NODE_ENV !== "production" && (a._pinia = i));
-    const d = i._s.get(o);
-    if (process.env.NODE_ENV !== "production" && l) {
+    const l = i._s.get(o);
+    if (process.env.NODE_ENV !== "production" && d) {
       const u = "__hot:" + o, p = s ? mn(u, t, r, i, !0) : No(u, ne({}, r), i, !0);
-      l._hotUpdate(p), delete i.state.value[u], i._s.delete(u);
+      d._hotUpdate(p), delete i.state.value[u], i._s.delete(u);
     }
     if (process.env.NODE_ENV !== "production" && rt) {
       const u = Le();
       if (u && u.proxy && // avoid adding stores that are just built for hot module replacement
-      !l) {
+      !d) {
         const p = u.proxy, f = "_pStores" in p ? p._pStores : p._pStores = {};
-        f[o] = d;
+        f[o] = l;
       }
     }
-    return d;
+    return l;
   }
   return a.$id = o, a;
 }
@@ -4295,20 +4300,20 @@ function ft(...e) {
     return Mc;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
   const s = [], a = () => {
-    s.forEach((d) => d()), s.length = 0;
-  }, i = (d, u, p, f) => (d.addEventListener(u, p, f), () => d.removeEventListener(u, p, f)), l = G(
+    s.forEach((l) => l()), s.length = 0;
+  }, i = (l, u, p, f) => (l.addEventListener(u, p, f), () => l.removeEventListener(u, p, f)), d = G(
     () => [pt(t), Tn(r)],
-    ([d, u]) => {
-      if (a(), !d)
+    ([l, u]) => {
+      if (a(), !l)
         return;
       const p = Lc(u) ? { ...u } : u;
       s.push(
-        ...n.flatMap((f) => o.map((h) => i(d, f, h, p)))
+        ...n.flatMap((f) => o.map((h) => i(l, f, h, p)))
       );
     },
     { immediate: !0, flush: "post" }
   ), c = () => {
-    l(), a();
+    d(), a();
   };
   return jr(c), c;
 }
@@ -4320,29 +4325,29 @@ function Bc() {
 }
 function Wc(e) {
   const t = Bc();
-  return L(() => (t.value, !!e()));
+  return R(() => (t.value, !!e()));
 }
 function Uc(e, t, n = {}) {
   const { window: o = mt, ...r } = n;
   let s;
   const a = Wc(() => o && "MutationObserver" in o), i = () => {
     s && (s.disconnect(), s = void 0);
-  }, l = L(() => {
+  }, d = R(() => {
     const p = Tn(e), f = (Array.isArray(p) ? p : [p]).map(pt).filter(jc);
     return new Set(f);
   }), c = G(
-    () => l.value,
+    () => d.value,
     (p) => {
       i(), a.value && p.size && (s = new MutationObserver(t), p.forEach((f) => s.observe(f, r)));
     },
     { immediate: !0, flush: "post" }
-  ), d = () => s == null ? void 0 : s.takeRecords(), u = () => {
+  ), l = () => s == null ? void 0 : s.takeRecords(), u = () => {
     c(), i();
   };
   return jr(u), {
     isSupported: a,
     stop: u,
-    takeRecords: d
+    takeRecords: l
   };
 }
 function Hc(e = {}) {
@@ -4353,28 +4358,28 @@ function Hc(e = {}) {
     triggerOnRemoval: r = !1
   } = e, s = (t = e.document) != null ? t : n == null ? void 0 : n.document, a = () => {
     var c;
-    let d = s == null ? void 0 : s.activeElement;
+    let l = s == null ? void 0 : s.activeElement;
     if (o)
-      for (; d != null && d.shadowRoot; )
-        d = (c = d == null ? void 0 : d.shadowRoot) == null ? void 0 : c.activeElement;
-    return d;
-  }, i = C(), l = () => {
+      for (; l != null && l.shadowRoot; )
+        l = (c = l == null ? void 0 : l.shadowRoot) == null ? void 0 : c.activeElement;
+    return l;
+  }, i = C(), d = () => {
     i.value = a();
   };
   return n && (ft(n, "blur", (c) => {
-    c.relatedTarget === null && l();
-  }, !0), ft(n, "focus", l, !0)), r && Uc(s, (c) => {
-    c.filter((d) => d.removedNodes.length).map((d) => Array.from(d.removedNodes)).flat().forEach((d) => {
-      d === i.value && l();
+    c.relatedTarget === null && d();
+  }, !0), ft(n, "focus", d, !0)), r && Uc(s, (c) => {
+    c.filter((l) => l.removedNodes.length).map((l) => Array.from(l.removedNodes)).flat().forEach((l) => {
+      l === i.value && d();
     });
   }, {
     childList: !0,
     subtree: !0
-  }), l(), i;
+  }), d(), i;
 }
 const Fc = "focusin", zc = "focusout";
 function qc(e, t = {}) {
-  const { window: n = mt } = t, o = L(() => pt(e)), r = C(!1), s = L(() => r.value), a = Hc(t);
+  const { window: n = mt } = t, o = R(() => pt(e)), r = C(!1), s = R(() => r.value), a = Hc(t);
   return !n || !a.value ? { focused: s } : (ft(o, Fc, () => r.value = !0), ft(o, zc, () => r.value = !1), { focused: s });
 }
 function Gc(e, { window: t = mt, scrollTarget: n } = {}) {
@@ -4424,8 +4429,8 @@ const be = (e) => {
   if (n instanceof HTMLTableCellElement) {
     const r = (t = n.parentElement) == null ? void 0 : t.parentElement;
     if (r) {
-      const s = r.firstElementChild.children[n.cellIndex];
-      s && (o = s);
+      const s = r.firstElementChild, a = s == null ? void 0 : s.children[n.cellIndex];
+      a && (o = a);
     }
   } else if (n instanceof HTMLTableRowElement) {
     const r = n.parentElement;
@@ -4459,8 +4464,8 @@ const be = (e) => {
   if (n instanceof HTMLTableCellElement) {
     const r = (t = n.parentElement) == null ? void 0 : t.parentElement;
     if (r) {
-      const s = r.lastElementChild.children[n.cellIndex];
-      s && (o = s);
+      const s = r.lastElementChild, a = s == null ? void 0 : s.children[n.cellIndex];
+      a && (o = a);
     }
   } else if (n instanceof HTMLTableRowElement) {
     const r = n.parentElement;
@@ -4497,11 +4502,11 @@ const be = (e) => {
   }
   return n && (!we(n) || !be(n)) ? Mn(n) : n;
 }, Io = (e) => {
-  const t = e.target.parentElement.firstElementChild;
-  return t && (!we(t) || !be(t)) ? Mn(t) : t;
+  const t = e.target.parentElement, n = t == null ? void 0 : t.firstElementChild;
+  return n && (!we(n) || !be(n)) ? Mn(n) : n;
 }, Do = (e) => {
-  const t = e.target.parentElement.lastElementChild;
-  return t && (!we(t) || !be(t)) ? Ln(t) : t;
+  const t = e.target.parentElement, n = t == null ? void 0 : t.lastElementChild;
+  return n && (!we(n) || !be(n)) ? Ln(n) : n;
 }, Et = ["alt", "control", "shift", "meta"], Qc = {
   ArrowUp: "up",
   ArrowDown: "down",
@@ -4576,33 +4581,35 @@ function Rr(e) {
     let i = null;
     return a.parent && (typeof a.parent == "string" ? i = document.querySelector(a.parent) : a.parent instanceof HTMLElement ? i = a.parent : i = a.parent.value), i;
   }, n = (a) => {
-    const i = t(a);
-    let l = [];
+    var i;
+    const d = t(a);
+    let c = [];
     if (typeof a.selectors == "string")
-      l = i ? Array.from(i.querySelectorAll(a.selectors)) : Array.from(document.querySelectorAll(a.selectors));
+      c = d ? Array.from(d.querySelectorAll(a.selectors)) : Array.from(document.querySelectorAll(a.selectors));
     else if (Array.isArray(a.selectors))
-      for (const c of a.selectors)
-        c instanceof HTMLElement ? l.push(c) : l.push(c.$el);
+      for (const l of a.selectors)
+        l instanceof HTMLElement ? c.push(l) : c.push(l.$el);
     else if (a.selectors instanceof HTMLElement)
-      l.push(a.selectors);
-    else if (Array.isArray(a.selectors.value))
-      for (const c of a.selectors.value)
-        c instanceof HTMLElement ? l.push(c) : l.push(c.$el);
-    else
-      l.push(a.selectors.value);
-    return l;
+      c.push(a.selectors);
+    else if ((i = a.selectors) != null && i.value)
+      if (Array.isArray(a.selectors.value))
+        for (const l of a.selectors.value)
+          l instanceof HTMLElement ? c.push(l) : c.push(l.$el);
+      else
+        c.push(a.selectors.value);
+    return c;
   }, o = (a) => {
     const i = t(a);
-    let l = [];
-    return a.selectors ? l = n(a) : i && (l = Array.from(i.children).filter((c) => we(c) && be(c))), l;
+    let d = [];
+    return a.selectors ? d = n(a) : i && (d = Array.from(i.children).filter((c) => we(c) && be(c))), d;
   }, r = (a) => (i) => {
-    const l = Qc[i.key] || i.key.toLowerCase();
-    if (Et.includes(l)) return;
+    const d = Qc[i.key] || i.key.toLowerCase();
+    if (Et.includes(d)) return;
     const c = a.handlers || Bn;
-    for (const d of Object.keys(c)) {
-      const [u, ...p] = d.split(".");
-      if (u === "keydown" && p.includes(l)) {
-        const f = c[d], h = p.filter((_) => Et.includes(_)), b = Et.some((_) => {
+    for (const l of Object.keys(c)) {
+      const [u, ...p] = l.split(".");
+      if (u === "keydown" && p.includes(d)) {
+        const f = c[l], h = p.filter((_) => Et.includes(_)), b = Et.some((_) => {
           const x = _.charAt(0).toUpperCase() + _.slice(1);
           return i.getModifierState(x);
         });
@@ -4621,8 +4628,8 @@ function Rr(e) {
   }, s = [];
   Ke(() => {
     for (const a of e) {
-      const i = t(a), l = o(a), c = r(a), d = i ? [i] : l;
-      for (const u of d) {
+      const i = t(a), d = o(a), c = r(a), l = i ? [i] : d;
+      for (const u of l) {
         const { focused: p } = qc(C(u)), f = G(p, (h) => {
           h ? u.addEventListener("keydown", c) : u.removeEventListener("keydown", c);
         });
@@ -4672,20 +4679,20 @@ function Vo(...e) {
     return ze;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
   const s = [], a = () => {
-    s.forEach((d) => d()), s.length = 0;
-  }, i = (d, u, p, f) => (d.addEventListener(u, p, f), () => d.removeEventListener(u, p, f)), l = G(
+    s.forEach((l) => l()), s.length = 0;
+  }, i = (l, u, p, f) => (l.addEventListener(u, p, f), () => l.removeEventListener(u, p, f)), d = G(
     () => [Qe(t), se(r)],
-    ([d, u]) => {
-      if (a(), !d)
+    ([l, u]) => {
+      if (a(), !l)
         return;
       const p = Lr(u) ? { ...u } : u;
       s.push(
-        ...n.flatMap((f) => o.map((h) => i(d, f, h, p)))
+        ...n.flatMap((f) => o.map((h) => i(l, f, h, p)))
       );
     },
     { immediate: !0, flush: "post" }
   ), c = () => {
-    l(), a();
+    d(), a();
   };
   return vt(c), c;
 }
@@ -4697,29 +4704,29 @@ function ol() {
 }
 function Mr(e) {
   const t = ol();
-  return L(() => (t.value, !!e()));
+  return R(() => (t.value, !!e()));
 }
 function Br(e, t, n = {}) {
   const { window: o = Un, ...r } = n;
   let s;
   const a = Mr(() => o && "MutationObserver" in o), i = () => {
     s && (s.disconnect(), s = void 0);
-  }, l = L(() => {
+  }, d = R(() => {
     const p = se(e), f = (Array.isArray(p) ? p : [p]).map(Qe).filter(Kc);
     return new Set(f);
   }), c = G(
-    () => l.value,
+    () => d.value,
     (p) => {
       i(), a.value && p.size && (s = new MutationObserver(t), p.forEach((f) => s.observe(f, r)));
     },
     { immediate: !0, flush: "post" }
-  ), d = () => s == null ? void 0 : s.takeRecords(), u = () => {
+  ), l = () => s == null ? void 0 : s.takeRecords(), u = () => {
     c(), i();
   };
   return vt(u), {
     isSupported: a,
     stop: u,
-    takeRecords: d
+    takeRecords: l
   };
 }
 function rl(e, t, n = {}) {
@@ -4727,11 +4734,11 @@ function rl(e, t, n = {}) {
   let s;
   const a = Mr(() => o && "ResizeObserver" in o), i = () => {
     s && (s.disconnect(), s = void 0);
-  }, l = L(() => {
+  }, d = R(() => {
     const u = se(e);
     return Array.isArray(u) ? u.map((p) => Qe(p)) : [Qe(u)];
   }), c = G(
-    l,
+    d,
     (u) => {
       if (i(), a.value && o) {
         s = new ResizeObserver(t);
@@ -4740,12 +4747,12 @@ function rl(e, t, n = {}) {
       }
     },
     { immediate: !0, flush: "post" }
-  ), d = () => {
+  ), l = () => {
     i(), c();
   };
-  return vt(d), {
+  return vt(l), {
     isSupported: a,
-    stop: d
+    stop: l
   };
 }
 function Wr(e, t = {}) {
@@ -4755,15 +4762,15 @@ function Wr(e, t = {}) {
     windowScroll: r = !0,
     immediate: s = !0,
     updateTiming: a = "sync"
-  } = t, i = C(0), l = C(0), c = C(0), d = C(0), u = C(0), p = C(0), f = C(0), h = C(0);
+  } = t, i = C(0), d = C(0), c = C(0), l = C(0), u = C(0), p = C(0), f = C(0), h = C(0);
   function b() {
     const x = Qe(e);
     if (!x) {
-      n && (i.value = 0, l.value = 0, c.value = 0, d.value = 0, u.value = 0, p.value = 0, f.value = 0, h.value = 0);
+      n && (i.value = 0, d.value = 0, c.value = 0, l.value = 0, u.value = 0, p.value = 0, f.value = 0, h.value = 0);
       return;
     }
     const N = x.getBoundingClientRect();
-    i.value = N.height, l.value = N.bottom, c.value = N.left, d.value = N.right, u.value = N.top, p.value = N.width, f.value = N.x, h.value = N.y;
+    i.value = N.height, d.value = N.bottom, c.value = N.left, l.value = N.right, u.value = N.top, p.value = N.width, f.value = N.x, h.value = N.y;
   }
   function _() {
     a === "sync" ? b() : a === "next-frame" && requestAnimationFrame(() => b());
@@ -4774,9 +4781,9 @@ function Wr(e, t = {}) {
     s && _();
   }), {
     height: i,
-    bottom: l,
+    bottom: d,
     left: c,
-    right: d,
+    right: l,
     top: u,
     width: p,
     x: f,
@@ -4799,18 +4806,18 @@ const sl = (e) => {
   },
   emits: ["cellInput"],
   setup(e, { emit: t }) {
-    const n = t, o = ht("cell"), { width: r, height: s } = Wr(o), a = e.store.getCellData(e.colIndex, e.rowIndex), i = C(""), l = C(!1), c = e.store.columns[e.colIndex], d = e.store.rows[e.rowIndex], u = c.align || "center", p = c.width || "40ch", f = L(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), h = L(() => typeof f.value == "string" ? sl(f.value) : !1), b = L(() => {
+    const n = t, o = ht("cell"), { width: r, height: s } = Wr(o), a = e.store.getCellData(e.colIndex, e.rowIndex), i = C(""), d = C(!1), c = e.store.columns[e.colIndex], l = e.store.rows[e.rowIndex], u = c.align || "center", p = c.width || "40ch", f = R(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), h = R(() => typeof f.value == "string" ? sl(f.value) : !1), b = R(() => {
       var $;
       return {
         textAlign: u,
         width: p,
-        backgroundColor: l.value ? "var(--sc-cell-changed-color)" : "inherit",
-        fontWeight: l.value ? "bold" : "inherit",
+        backgroundColor: d.value ? "var(--sc-cell-changed-color)" : "inherit",
+        fontWeight: d.value ? "bold" : "inherit",
         paddingLeft: e.store.getIndent(e.colIndex, ($ = e.store.display[e.rowIndex]) == null ? void 0 : $.indent)
       };
     }), _ = () => {
       c.mask, c.modalComponent && e.store.$patch(($) => {
-        $.modal.visible = !0, $.modal.colIndex = e.colIndex, $.modal.rowIndex = e.rowIndex, $.modal.parent = o.value, $.modal.top = o.value.offsetTop + o.value.offsetHeight, $.modal.left = o.value.offsetLeft, $.modal.width = r.value, $.modal.height = s.value, typeof c.modalComponent == "function" ? $.modal.component = c.modalComponent({ table: $.table, row: d, column: c }) : $.modal.component = c.modalComponent, $.modal.componentProps = c.modalComponentExtraProps;
+        $.modal.visible = !0, $.modal.colIndex = e.colIndex, $.modal.rowIndex = e.rowIndex, $.modal.parent = o.value, $.modal.top = o.value.offsetTop + o.value.offsetHeight, $.modal.left = o.value.offsetLeft, $.modal.width = r.value, $.modal.height = s.value, typeof c.modalComponent == "function" ? $.modal.component = c.modalComponent({ table: $.table, row: l, column: c }) : $.modal.component = c.modalComponent, $.modal.componentProps = c.modalComponentExtraProps;
       });
     };
     if (e.addNavigation) {
@@ -4836,7 +4843,7 @@ const sl = (e) => {
       o.value && (i.value = o.value.textContent);
     }, N = ($) => {
       const j = $.target;
-      j.textContent !== i.value && (n("cellInput", e.colIndex, e.rowIndex, j.textContent, i.value), i.value = j.textContent, c.format ? (l.value = j.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, a), e.store.setCellText(e.colIndex, e.rowIndex, j.textContent)) : (l.value = j.textContent !== a, e.store.setCellData(e.colIndex, e.rowIndex, j.textContent)));
+      j.textContent !== i.value && (n("cellInput", e.colIndex, e.rowIndex, j.textContent, i.value), i.value = j.textContent, c.format ? (d.value = j.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, a), e.store.setCellText(e.colIndex, e.rowIndex, j.textContent)) : (d.value = j.textContent !== a, e.store.setCellData(e.colIndex, e.rowIndex, j.textContent)));
     };
     return ($, j) => (A(), B("td", {
       ref: "cell",
@@ -4871,7 +4878,7 @@ const sl = (e) => {
     addNavigation: { type: [Boolean, Object], default: !1 }
   },
   setup(e) {
-    const t = ht("rowEl"), n = e.store.isRowVisible(e.rowIndex), o = e.store.getRowExpandSymbol(e.rowIndex);
+    const t = ht("rowEl"), n = R(() => e.store.isRowVisible(e.rowIndex)), o = R(() => e.store.getRowExpandSymbol(e.rowIndex));
     if (e.addNavigation) {
       let r = Bn;
       typeof e.addNavigation == "object" && (r = {
@@ -4899,11 +4906,11 @@ const sl = (e) => {
           tabIndex: -1,
           class: Ve(["tree-index", r.store.hasPinnedColumns ? "sticky-index" : ""]),
           onClick: s[0] || (s[0] = (a) => r.store.toggleRowExpand(r.rowIndex))
-        }, ve(S(o)), 3)) : ge("", !0)
+        }, ve(o.value), 3)) : ge("", !0)
       ]) : ge("", !0),
       ke(r.$slots, "default")
     ], 8, ul)), [
-      [gn, S(n)]
+      [gn, n.value]
     ]);
   }
 }), Ur = Wn ? window : void 0;
@@ -4918,20 +4925,20 @@ function Ct(...e) {
     return ze;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
   const s = [], a = () => {
-    s.forEach((d) => d()), s.length = 0;
-  }, i = (d, u, p, f) => (d.addEventListener(u, p, f), () => d.removeEventListener(u, p, f)), l = G(
+    s.forEach((l) => l()), s.length = 0;
+  }, i = (l, u, p, f) => (l.addEventListener(u, p, f), () => l.removeEventListener(u, p, f)), d = G(
     () => [st(t), se(r)],
-    ([d, u]) => {
-      if (a(), !d)
+    ([l, u]) => {
+      if (a(), !l)
         return;
       const p = Lr(u) ? { ...u } : u;
       s.push(
-        ...n.flatMap((f) => o.map((h) => i(d, f, h, p)))
+        ...n.flatMap((f) => o.map((h) => i(l, f, h, p)))
       );
     },
     { immediate: !0, flush: "post" }
   ), c = () => {
-    l(), a();
+    d(), a();
   };
   return vt(c), c;
 }
@@ -4942,7 +4949,7 @@ function To(e, t, n = {}) {
     return ze;
   vn && !Ao && (Ao = !0, Array.from(o.document.body.children).forEach((h) => h.addEventListener("click", ze)), o.document.documentElement.addEventListener("click", ze));
   let i = !0;
-  const l = (h) => se(r).some((b) => {
+  const d = (h) => se(r).some((b) => {
     if (typeof b == "string")
       return Array.from(o.document.querySelectorAll(b)).some((_) => _ === h.target || h.composedPath().includes(_));
     {
@@ -4954,14 +4961,14 @@ function To(e, t, n = {}) {
     const b = se(h);
     return b && b.$.subTree.shapeFlag === 16;
   }
-  function d(h, b) {
+  function l(h, b) {
     const _ = se(h), x = _.$.subTree && _.$.subTree.children;
     return x == null || !Array.isArray(x) ? !1 : x.some((N) => N.el === b.target || b.composedPath().includes(N.el));
   }
   const u = (h) => {
     const b = st(e);
-    if (h.target != null && !(!(b instanceof Element) && c(e) && d(e, h)) && !(!b || b === h.target || h.composedPath().includes(b))) {
-      if (h.detail === 0 && (i = !l(h)), !i) {
+    if (h.target != null && !(!(b instanceof Element) && c(e) && l(e, h)) && !(!b || b === h.target || h.composedPath().includes(b))) {
+      if (h.detail === 0 && (i = !d(h)), !i) {
         i = !0;
         return;
       }
@@ -4977,7 +4984,7 @@ function To(e, t, n = {}) {
     }, { passive: !0, capture: s }),
     Ct(o, "pointerdown", (h) => {
       const b = st(e);
-      i = !l(h) && !!(b && !h.composedPath().includes(b));
+      i = !d(h) && !!(b && !h.composedPath().includes(b));
     }, { passive: !0 }),
     a && Ct(o, "blur", (h) => {
       setTimeout(() => {
@@ -5024,9 +5031,9 @@ function hl(e, t = !1) {
   const n = C(t);
   let o = null, r = "";
   G(tl(e), (i) => {
-    const l = tn(se(i));
-    if (l) {
-      const c = l;
+    const d = tn(se(i));
+    if (d) {
+      const c = d;
       if (nn.get(c) || nn.set(c, c.style.overflow), c.style.overflow !== "hidden" && (r = c.style.overflow), c.style.overflow === "hidden")
         return n.value = !0;
       if (n.value)
@@ -5040,8 +5047,8 @@ function hl(e, t = !1) {
     !i || n.value || (vn && (o = Ct(
       i,
       "touchmove",
-      (l) => {
-        fl(l);
+      (d) => {
+        fl(d);
       },
       { passive: !1 }
     )), i.style.overflow = "hidden", n.value = !0);
@@ -5049,7 +5056,7 @@ function hl(e, t = !1) {
     const i = tn(se(e));
     !i || !n.value || (vn && (o == null || o()), i.style.overflow = r, nn.delete(i), n.value = !1);
   };
-  return vt(a), L({
+  return vt(a), R({
     get() {
       return n.value;
     },
@@ -5116,11 +5123,11 @@ const vl = {
     container: {}
   },
   setup(e) {
-    const t = ht("amodal"), { width: n, height: o } = Wr(t), r = L(() => {
+    const t = ht("amodal"), { width: n, height: o } = Wr(t), r = R(() => {
       var a, i;
-      const l = ((a = e.container) == null ? void 0 : a.offsetWidth) || 0, c = ((i = e.container) == null ? void 0 : i.offsetHeight) || 0, d = e.store.modal.left + n.value > l ? e.store.modal.left - (n.value - e.store.modal.width) : e.store.modal.left, u = e.store.modal.top + o.value > c ? e.store.modal.top - o.value - e.store.modal.height : e.store.modal.top;
+      const d = ((a = e.container) == null ? void 0 : a.offsetWidth) || 0, c = ((i = e.container) == null ? void 0 : i.offsetHeight) || 0, l = e.store.modal.left + n.value > d ? e.store.modal.left - (n.value - e.store.modal.width) : e.store.modal.left, u = e.store.modal.top + o.value > c ? e.store.modal.top - o.value - e.store.modal.height : e.store.modal.top;
       return {
-        left: `${d}px`,
+        left: `${l}px`,
         top: `${u}px`
       };
     }), s = (a) => {
@@ -5156,7 +5163,7 @@ const vl = {
         y.parent && w.add(y.parent), P[v] = {
           childrenOpen: !1,
           expanded: !1,
-          indent: y.indent || null,
+          indent: y.indent || 0,
           isParent: w.has(v),
           isRoot: y.parent === null || y.parent === void 0,
           rowModified: !1,
@@ -5165,22 +5172,24 @@ const vl = {
         };
       }
       return P;
-    }, r = C(e.columns), s = C(e.rows), a = C(e.config || {}), i = C(e.table || n()), l = C(o(e.display)), c = C(e.modal || { visible: !1 }), d = C({}), u = L(() => r.value.some((m) => m.pinned)), p = L(() => `${Math.ceil(s.value.length / 100 + 1)}ch`), f = L(() => ["list", "tree", "list-expansion"].includes(a.value.view)), h = (m, P) => i.value[`${m}:${P}`], b = (m, P, w) => {
+    }, r = C(e.columns), s = C(e.rows), a = C(e.config || {}), i = C(e.table || n()), d = C(o(e.display)), c = C(e.modal || { visible: !1 }), l = C({}), u = R(() => r.value.some((m) => m.pinned)), p = R(() => `${Math.ceil(s.value.length / 100 + 1)}ch`), f = R(
+      () => a.value.view ? ["list", "tree", "list-expansion"].includes(a.value.view) : !1
+    ), h = (m, P) => i.value[`${m}:${P}`], b = (m, P, w) => {
       const v = `${m}:${P}`, y = r.value[m];
-      i.value[v] !== w && (l.value[P].rowModified = !0), i.value[v] = w, s.value[P][y.name] = w;
+      i.value[v] !== w && (d.value[P].rowModified = !0), i.value[v] = w, s.value[P][y.name] = w;
     }, _ = (m, P, w) => {
       const v = `${m}:${P}`;
-      i.value[v] !== w && (l.value[P].rowModified = !0, d.value[v] = w);
+      i.value[v] !== w && (d.value[P].rowModified = !0, l.value[v] = w);
     }, x = (m) => ({
       minWidth: m.width || "40ch",
       textAlign: m.align || "center",
-      width: a.value.fullWidth ? "auto" : null
-    }), N = (m) => a.value.view !== "tree" || l.value[m].isRoot || l.value[m].open, $ = (m) => a.value.view !== "tree" ? "" : l.value[m].isRoot || l.value[m].isParent ? l.value[m].childrenOpen ? "-" : "+" : "", j = (m) => {
+      width: a.value.fullWidth ? "auto" : void 0
+    }), N = (m) => a.value.view !== "tree" || d.value[m].isRoot || d.value[m].open, $ = (m) => a.value.view !== "tree" ? "" : d.value[m].isRoot || d.value[m].isParent ? d.value[m].childrenOpen ? "-" : "+" : "", j = (m) => {
       if (a.value.view === "tree") {
-        l.value[m].childrenOpen = !l.value[m].childrenOpen;
+        d.value[m].childrenOpen = !d.value[m].childrenOpen;
         for (let P = s.value.length - 1; P >= 0; P--)
-          l.value[P].parent === m && (l.value[P].open = !l.value[P].open, l.value[P].childrenOpen && j(P));
-      } else a.value.view === "list-expansion" && (l.value[m].expanded = !l.value[m].expanded);
+          d.value[P].parent === m && (d.value[P].open = !d.value[P].open, d.value[P].childrenOpen && j(P));
+      } else a.value.view === "list-expansion" && (d.value[m].expanded = !d.value[m].expanded);
     }, H = (m, P) => {
       const w = h(m, P);
       return Y(m, P, w);
@@ -5192,11 +5201,11 @@ const vl = {
       // state
       columns: r,
       config: a,
-      display: l,
+      display: d,
       modal: c,
       rows: s,
       table: i,
-      updates: d,
+      updates: l,
       // getters
       hasPinnedColumns: u,
       numberedRowWidth: p,
@@ -5230,9 +5239,9 @@ const vl = {
   emits: ["update:modelValue", "cellUpdate"],
   setup(e, { expose: t, emit: n }) {
     const o = n, r = ht("table"), s = e.modelValue ? e.modelValue : e.rows, a = wl({ columns: e.columns, rows: s, id: e.id, config: e.config });
-    a.$onAction(({ name: c, store: d, args: u, after: p }) => {
+    a.$onAction(({ name: c, store: l, args: u, after: p }) => {
       if (c === "setCellData") {
-        const [f, h, b] = u, _ = d.getCellData(f, h);
+        const [f, h, b] = u, _ = l.getCellData(f, h);
         p(() => {
           o("cellUpdate", f, h, b, _);
         });
@@ -5244,12 +5253,12 @@ const vl = {
       },
       { deep: !0 }
     ), Ke(() => {
-      e.columns.some((c) => c.pinned) && (l(), a.config.view === "tree" && Br(r, l, { childList: !0, subtree: !0 }));
+      e.columns.some((c) => c.pinned) && (d(), a.config.view === "tree" && Br(r, d, { childList: !0, subtree: !0 }));
     });
-    const i = (c, d, u, p) => {
-      o("cellUpdate", c, d, u, p);
-    }, l = () => {
-      const c = r.value, d = c.rows[0], u = c.rows[1], p = d ? Array.from(d.cells) : [];
+    const i = (c, l, u, p) => {
+      o("cellUpdate", c, l, u, p);
+    }, d = () => {
+      const c = r.value, l = c.rows[0], u = c.rows[1], p = l ? Array.from(l.cells) : [];
       for (const [f, h] of p.entries()) {
         const b = u == null ? void 0 : u.cells[f];
         b && (h.style.width = `${b.offsetWidth}px`);
@@ -5265,12 +5274,12 @@ const vl = {
     return window.addEventListener("keydown", (c) => {
       if (c.key === "Escape" && a.modal.visible) {
         a.modal.visible = !1;
-        const d = a.modal.parent;
-        d && xe().then(() => {
-          d.focus();
+        const l = a.modal.parent;
+        l && xe().then(() => {
+          l.focus();
         });
       }
-    }), t({ store: a }), (c, d) => lt((A(), B("table", {
+    }), t({ store: a }), (c, l) => lt((A(), B("table", {
       ref: "table",
       class: "atable",
       style: le({ width: S(a).config.fullWidth ? "100%" : "auto" })
@@ -5368,17 +5377,17 @@ const vl = {
     breadcrumbs: { default: () => [] }
   },
   setup(e) {
-    const t = C(!0), n = C(!1), o = C(""), r = ht("searchinput"), s = L(() => t.value ? "unrotated" : "rotated"), a = () => {
+    const t = C(!0), n = C(!1), o = C(""), r = ht("searchinput"), s = R(() => t.value ? "unrotated" : "rotated"), a = () => {
       t.value = !t.value;
     }, i = async () => {
       n.value = !n.value, await xe(() => {
         r.value.focus();
       });
-    }, l = (u) => {
+    }, d = (u) => {
       u.preventDefault(), u.stopPropagation();
     }, c = async (u) => {
       u.preventDefault(), u.stopPropagation(), await i();
-    }, d = () => {
+    }, l = () => {
     };
     return (u, p) => {
       const f = Xr("router-link");
@@ -5397,8 +5406,8 @@ const vl = {
           ], 32),
           W("li", {
             class: "hometab",
-            onClick: d,
-            onKeydown: yt(d, ["enter"]),
+            onClick: l,
+            onKeydown: yt(l, ["enter"]),
             style: le({ display: t.value ? "block" : "none" })
           }, [
             It(f, {
@@ -5450,8 +5459,8 @@ const vl = {
                 "onUpdate:modelValue": p[0] || (p[0] = (h) => o.value = h),
                 ref: "searchinput",
                 style: le({ display: n.value ? "block" : "none" }),
-                onClick: p[1] || (p[1] = (h) => l(h)),
-                onInput: p[2] || (p[2] = (h) => l(h)),
+                onClick: p[1] || (p[1] = (h) => d(h)),
+                onInput: p[2] || (p[2] = (h) => d(h)),
                 onBlur: p[3] || (p[3] = (h) => c(h)),
                 onKeydown: p[4] || (p[4] = yt((h) => c(h), ["enter"])),
                 type: "text"