@stonecrop/atable 0.2.63 → 0.2.64

package/dist/atable.js

@@ -1,984 +1,1946 @@
-import './assets/index.css';var Ue = Object.defineProperty;
-var qe = (e, t, n) => t in e ? Ue(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var T = (e, t, n) => qe(e, typeof t != "symbol" ? t + "" : t, n);
-import { onMounted as G, ref as g, watch as C, onBeforeUnmount as Ye, computed as x, unref as m, getCurrentScope as ie, onScopeDispose as se, getCurrentInstance as re, nextTick as Te, defineComponent as M, inject as Q, useTemplateRef as Z, openBlock as y, createElementBlock as k, normalizeStyle as P, normalizeClass as N, createBlock as Y, resolveDynamicComponent as De, mergeProps as ae, toDisplayString as B, Fragment as J, createElementVNode as W, renderSlot as S, createCommentVNode as V, withDirectives as ne, vShow as Me, toRef as Xe, readonly as Je, customRef as Qe, reactive as R, renderList as oe, createTextVNode as Ze, provide as Ke, createVNode as ye, withCtx as be } from "vue";
-function Re(e) {
-  return ie() ? (se(e), !0) : !1;
+import { effectScope as It, ref as O, markRaw as z, toRaw as ae, watch as T, unref as y, hasInjectionContext as nn, inject as on, getCurrentInstance as $e, reactive as sn, isRef as ce, isReactive as Je, toRef as Ee, nextTick as Ae, computed as $, getCurrentScope as Te, onScopeDispose as Pe, toRefs as lt, onMounted as ve, onBeforeUnmount as rn, readonly as ln, customRef as an, defineComponent as K, useTemplateRef as De, withDirectives as Ye, openBlock as I, createElementBlock as N, normalizeStyle as se, normalizeClass as ue, createBlock as Se, resolveDynamicComponent as kt, mergeProps as qe, toDisplayString as de, Fragment as Ce, createElementVNode as re, renderSlot as R, createCommentVNode as fe, vShow as At, renderList as We, createTextVNode as cn, createVNode as at, withCtx as ct } from "vue";
+import './assets/index.css';var Ct = !1;
+function we(e, t, o) {
+  return Array.isArray(e) ? (e.length = Math.max(e.length, t), e.splice(t, 1, o), o) : (e[t] = o, o);
 }
-function ce(e) {
-  return typeof e == "function" ? e() : m(e);
+function je(e, t) {
+  if (Array.isArray(e)) {
+    e.splice(t, 1);
+    return;
+  }
+  delete e[t];
+}
+function un() {
+  return Nt().__VUE_DEVTOOLS_GLOBAL_HOOK__;
+}
+function Nt() {
+  return typeof navigator < "u" && typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : {};
+}
+const dn = typeof Proxy == "function", fn = "devtools-plugin:setup", pn = "plugin:settings:set";
+let q, Fe;
+function mn() {
+  var e;
+  return q !== void 0 || (typeof window < "u" && window.performance ? (q = !0, Fe = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (q = !0, Fe = globalThis.perf_hooks.performance) : q = !1), q;
+}
+function hn() {
+  return mn() ? Fe.now() : Date.now();
+}
+class vn {
+  constructor(t, o) {
+    this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = t, this.hook = o;
+    const n = {};
+    if (t.settings)
+      for (const s in t.settings) {
+        const i = t.settings[s];
+        n[s] = i.defaultValue;
+      }
+    const r = `__vue-devtools-plugin-settings__${t.id}`;
+    let l = Object.assign({}, n);
+    try {
+      const s = localStorage.getItem(r), i = JSON.parse(s);
+      Object.assign(l, i);
+    } catch {
+    }
+    this.fallbacks = {
+      getSettings() {
+        return l;
+      },
+      setSettings(s) {
+        try {
+          localStorage.setItem(r, JSON.stringify(s));
+        } catch {
+        }
+        l = s;
+      },
+      now() {
+        return hn();
+      }
+    }, o && o.on(pn, (s, i) => {
+      s === this.plugin.id && this.fallbacks.setSettings(i);
+    }), this.proxiedOn = new Proxy({}, {
+      get: (s, i) => this.target ? this.target.on[i] : (...a) => {
+        this.onQueue.push({
+          method: i,
+          args: a
+        });
+      }
+    }), this.proxiedTarget = new Proxy({}, {
+      get: (s, i) => this.target ? this.target[i] : i === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(i) ? (...a) => (this.targetQueue.push({
+        method: i,
+        args: a,
+        resolve: () => {
+        }
+      }), this.fallbacks[i](...a)) : (...a) => new Promise((c) => {
+        this.targetQueue.push({
+          method: i,
+          args: a,
+          resolve: c
+        });
+      })
+    });
+  }
+  async setRealTarget(t) {
+    this.target = t;
+    for (const o of this.onQueue)
+      this.target.on[o.method](...o.args);
+    for (const o of this.targetQueue)
+      o.resolve(await this.target[o.method](...o.args));
+  }
+}
+function $t(e, t) {
+  const o = e, n = Nt(), r = un(), l = dn && o.enableEarlyProxy;
+  if (r && (n.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !l))
+    r.emit(fn, e, t);
+  else {
+    const s = l ? new vn(o, r) : null;
+    (n.__VUE_DEVTOOLS_PLUGINS__ = n.__VUE_DEVTOOLS_PLUGINS__ || []).push({
+      pluginDescriptor: o,
+      setupFn: t,
+      proxy: s
+    }), s && t(s.proxiedTarget);
+  }
+}
+/*!
+ * pinia v2.3.0
+ * (c) 2024 Eduardo San Martin Morote
+ * @license MIT
+ */
+let ne;
+const pe = (e) => ne = e, Tt = process.env.NODE_ENV !== "production" ? Symbol("pinia") : (
+  /* istanbul ignore next */
+  Symbol()
+);
+function J(e) {
+  return e && typeof e == "object" && Object.prototype.toString.call(e) === "[object Object]" && typeof e.toJSON != "function";
+}
+var j;
+(function(e) {
+  e.direct = "direct", e.patchObject = "patch object", e.patchFunction = "patch function";
+})(j || (j = {}));
+const W = typeof window < "u", ut = typeof window == "object" && window.window === window ? window : typeof self == "object" && self.self === self ? self : typeof global == "object" && global.global === global ? global : typeof globalThis == "object" ? globalThis : { HTMLElement: null };
+function gn(e, { autoBom: t = !1 } = {}) {
+  return t && /^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(e.type) ? new Blob(["\uFEFF", e], { type: e.type }) : e;
+}
+function Qe(e, t, o) {
+  const n = new XMLHttpRequest();
+  n.open("GET", e), n.responseType = "blob", n.onload = function() {
+    Vt(n.response, t, o);
+  }, n.onerror = function() {
+    console.error("could not download file");
+  }, n.send();
+}
+function Pt(e) {
+  const t = new XMLHttpRequest();
+  t.open("HEAD", e, !1);
+  try {
+    t.send();
+  } catch {
+  }
+  return t.status >= 200 && t.status <= 299;
+}
+function Oe(e) {
+  try {
+    e.dispatchEvent(new MouseEvent("click"));
+  } catch {
+    const o = document.createEvent("MouseEvents");
+    o.initMouseEvent("click", !0, !0, window, 0, 0, 0, 80, 20, !1, !1, !1, !1, 0, null), e.dispatchEvent(o);
+  }
+}
+const _e = typeof navigator == "object" ? navigator : { userAgent: "" }, Dt = /Macintosh/.test(_e.userAgent) && /AppleWebKit/.test(_e.userAgent) && !/Safari/.test(_e.userAgent), Vt = W ? (
+  // Use download attribute first if possible (#193 Lumia mobile) unless this is a macOS WebView or mini program
+  typeof HTMLAnchorElement < "u" && "download" in HTMLAnchorElement.prototype && !Dt ? yn : (
+    // Use msSaveOrOpenBlob as a second approach
+    "msSaveOrOpenBlob" in _e ? wn : (
+      // Fallback to using FileReader and a popup
+      bn
+    )
+  )
+) : () => {
+};
+function yn(e, t = "download", o) {
+  const n = document.createElement("a");
+  n.download = t, n.rel = "noopener", typeof e == "string" ? (n.href = e, n.origin !== location.origin ? Pt(n.href) ? Qe(e, t, o) : (n.target = "_blank", Oe(n)) : Oe(n)) : (n.href = URL.createObjectURL(e), setTimeout(function() {
+    URL.revokeObjectURL(n.href);
+  }, 4e4), setTimeout(function() {
+    Oe(n);
+  }, 0));
+}
+function wn(e, t = "download", o) {
+  if (typeof e == "string")
+    if (Pt(e))
+      Qe(e, t, o);
+    else {
+      const n = document.createElement("a");
+      n.href = e, n.target = "_blank", setTimeout(function() {
+        Oe(n);
+      });
+    }
+  else
+    navigator.msSaveOrOpenBlob(gn(e, o), t);
+}
+function bn(e, t, o, n) {
+  if (n = n || open("", "_blank"), n && (n.document.title = n.document.body.innerText = "downloading..."), typeof e == "string")
+    return Qe(e, t, o);
+  const r = e.type === "application/octet-stream", l = /constructor/i.test(String(ut.HTMLElement)) || "safari" in ut, s = /CriOS\/[\d]+/.test(navigator.userAgent);
+  if ((s || r && l || Dt) && typeof FileReader < "u") {
+    const i = new FileReader();
+    i.onloadend = function() {
+      let a = i.result;
+      if (typeof a != "string")
+        throw n = null, new Error("Wrong reader.result type");
+      a = s ? a : a.replace(/^data:[^;]*;/, "data:attachment/file;"), n ? n.location.href = a : location.assign(a), n = null;
+    }, i.readAsDataURL(e);
+  } else {
+    const i = URL.createObjectURL(e);
+    n ? n.location.assign(i) : location.href = i, n = null, setTimeout(function() {
+      URL.revokeObjectURL(i);
+    }, 4e4);
+  }
+}
+function A(e, t) {
+  const o = "🍍 " + e;
+  typeof __VUE_DEVTOOLS_TOAST__ == "function" ? __VUE_DEVTOOLS_TOAST__(o, t) : t === "error" ? console.error(o) : t === "warn" ? console.warn(o) : console.log(o);
+}
+function Xe(e) {
+  return "_a" in e && "install" in e;
+}
+function Lt() {
+  if (!("clipboard" in navigator))
+    return A("Your browser doesn't support the Clipboard API", "error"), !0;
+}
+function Rt(e) {
+  return e instanceof Error && e.message.toLowerCase().includes("document is not focused") ? (A('You need to activate the "Emulate a focused page" setting in the "Rendering" panel of devtools.', "warn"), !0) : !1;
+}
+async function En(e) {
+  if (!Lt())
+    try {
+      await navigator.clipboard.writeText(JSON.stringify(e.state.value)), A("Global state copied to clipboard.");
+    } catch (t) {
+      if (Rt(t))
+        return;
+      A("Failed to serialize the state. Check the console for more details.", "error"), console.error(t);
+    }
+}
+async function Sn(e) {
+  if (!Lt())
+    try {
+      jt(e, JSON.parse(await navigator.clipboard.readText())), A("Global state pasted from clipboard.");
+    } catch (t) {
+      if (Rt(t))
+        return;
+      A("Failed to deserialize the state from clipboard. Check the console for more details.", "error"), console.error(t);
+    }
+}
+async function On(e) {
+  try {
+    Vt(new Blob([JSON.stringify(e.state.value)], {
+      type: "text/plain;charset=utf-8"
+    }), "pinia-state.json");
+  } catch (t) {
+    A("Failed to export the state as JSON. Check the console for more details.", "error"), console.error(t);
+  }
+}
+let M;
+function _n() {
+  M || (M = document.createElement("input"), M.type = "file", M.accept = ".json");
+  function e() {
+    return new Promise((t, o) => {
+      M.onchange = async () => {
+        const n = M.files;
+        if (!n)
+          return t(null);
+        const r = n.item(0);
+        return t(r ? { text: await r.text(), file: r } : null);
+      }, M.oncancel = () => t(null), M.onerror = o, M.click();
+    });
+  }
+  return e;
+}
+async function xn(e) {
+  try {
+    const o = await _n()();
+    if (!o)
+      return;
+    const { text: n, file: r } = o;
+    jt(e, JSON.parse(n)), A(`Global state imported from "${r.name}".`);
+  } catch (t) {
+    A("Failed to import the state from JSON. Check the console for more details.", "error"), console.error(t);
+  }
+}
+function jt(e, t) {
+  for (const o in t) {
+    const n = e.state.value[o];
+    n ? Object.assign(n, t[o]) : e.state.value[o] = t[o];
+  }
+}
+function L(e) {
+  return {
+    _custom: {
+      display: e
+    }
+  };
+}
+const Mt = "🍍 Pinia (root)", xe = "_root";
+function In(e) {
+  return Xe(e) ? {
+    id: xe,
+    label: Mt
+  } : {
+    id: e.$id,
+    label: e.$id
+  };
+}
+function kn(e) {
+  if (Xe(e)) {
+    const o = Array.from(e._s.keys()), n = e._s;
+    return {
+      state: o.map((l) => ({
+        editable: !0,
+        key: l,
+        value: e.state.value[l]
+      })),
+      getters: o.filter((l) => n.get(l)._getters).map((l) => {
+        const s = n.get(l);
+        return {
+          editable: !1,
+          key: l,
+          value: s._getters.reduce((i, a) => (i[a] = s[a], i), {})
+        };
+      })
+    };
+  }
+  const t = {
+    state: Object.keys(e.$state).map((o) => ({
+      editable: !0,
+      key: o,
+      value: e.$state[o]
+    }))
+  };
+  return e._getters && e._getters.length && (t.getters = e._getters.map((o) => ({
+    editable: !1,
+    key: o,
+    value: e[o]
+  }))), e._customProperties.size && (t.customProperties = Array.from(e._customProperties).map((o) => ({
+    editable: !0,
+    key: o,
+    value: e[o]
+  }))), t;
+}
+function An(e) {
+  return e ? Array.isArray(e) ? e.reduce((t, o) => (t.keys.push(o.key), t.operations.push(o.type), t.oldValue[o.key] = o.oldValue, t.newValue[o.key] = o.newValue, t), {
+    oldValue: {},
+    keys: [],
+    operations: [],
+    newValue: {}
+  }) : {
+    operation: L(e.type),
+    key: L(e.key),
+    oldValue: e.oldValue,
+    newValue: e.newValue
+  } : {};
+}
+function Cn(e) {
+  switch (e) {
+    case j.direct:
+      return "mutation";
+    case j.patchFunction:
+      return "$patch";
+    case j.patchObject:
+      return "$patch";
+    default:
+      return "unknown";
+  }
+}
+let X = !0;
+const Ie = [], G = "pinia:mutations", C = "pinia", { assign: Nn } = Object, Ne = (e) => "🍍 " + e;
+function $n(e, t) {
+  $t({
+    id: "dev.esm.pinia",
+    label: "Pinia 🍍",
+    logo: "https://pinia.vuejs.org/logo.svg",
+    packageName: "pinia",
+    homepage: "https://pinia.vuejs.org",
+    componentStateTypes: Ie,
+    app: e
+  }, (o) => {
+    typeof o.now != "function" && A("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."), o.addTimelineLayer({
+      id: G,
+      label: "Pinia 🍍",
+      color: 15064968
+    }), o.addInspector({
+      id: C,
+      label: "Pinia 🍍",
+      icon: "storage",
+      treeFilterPlaceholder: "Search stores",
+      actions: [
+        {
+          icon: "content_copy",
+          action: () => {
+            En(t);
+          },
+          tooltip: "Serialize and copy the state"
+        },
+        {
+          icon: "content_paste",
+          action: async () => {
+            await Sn(t), o.sendInspectorTree(C), o.sendInspectorState(C);
+          },
+          tooltip: "Replace the state with the content of your clipboard"
+        },
+        {
+          icon: "save",
+          action: () => {
+            On(t);
+          },
+          tooltip: "Save the state as a JSON file"
+        },
+        {
+          icon: "folder_open",
+          action: async () => {
+            await xn(t), o.sendInspectorTree(C), o.sendInspectorState(C);
+          },
+          tooltip: "Import the state from a JSON file"
+        }
+      ],
+      nodeActions: [
+        {
+          icon: "restore",
+          tooltip: 'Reset the state (with "$reset")',
+          action: (n) => {
+            const r = t._s.get(n);
+            r ? typeof r.$reset != "function" ? A(`Cannot reset "${n}" store because it doesn't have a "$reset" method implemented.`, "warn") : (r.$reset(), A(`Store "${n}" reset.`)) : A(`Cannot reset "${n}" store because it wasn't found.`, "warn");
+          }
+        }
+      ]
+    }), o.on.inspectComponent((n, r) => {
+      const l = n.componentInstance && n.componentInstance.proxy;
+      if (l && l._pStores) {
+        const s = n.componentInstance.proxy._pStores;
+        Object.values(s).forEach((i) => {
+          n.instanceData.state.push({
+            type: Ne(i.$id),
+            key: "state",
+            editable: !0,
+            value: i._isOptionsAPI ? {
+              _custom: {
+                value: ae(i.$state),
+                actions: [
+                  {
+                    icon: "restore",
+                    tooltip: "Reset the state of this store",
+                    action: () => i.$reset()
+                  }
+                ]
+              }
+            } : (
+              // NOTE: workaround to unwrap transferred refs
+              Object.keys(i.$state).reduce((a, c) => (a[c] = i.$state[c], a), {})
+            )
+          }), i._getters && i._getters.length && n.instanceData.state.push({
+            type: Ne(i.$id),
+            key: "getters",
+            editable: !1,
+            value: i._getters.reduce((a, c) => {
+              try {
+                a[c] = i[c];
+              } catch (d) {
+                a[c] = d;
+              }
+              return a;
+            }, {})
+          });
+        });
+      }
+    }), o.on.getInspectorTree((n) => {
+      if (n.app === e && n.inspectorId === C) {
+        let r = [t];
+        r = r.concat(Array.from(t._s.values())), n.rootNodes = (n.filter ? r.filter((l) => "$id" in l ? l.$id.toLowerCase().includes(n.filter.toLowerCase()) : Mt.toLowerCase().includes(n.filter.toLowerCase())) : r).map(In);
+      }
+    }), globalThis.$pinia = t, o.on.getInspectorState((n) => {
+      if (n.app === e && n.inspectorId === C) {
+        const r = n.nodeId === xe ? t : t._s.get(n.nodeId);
+        if (!r)
+          return;
+        r && (n.nodeId !== xe && (globalThis.$store = ae(r)), n.state = kn(r));
+      }
+    }), o.on.editInspectorState((n, r) => {
+      if (n.app === e && n.inspectorId === C) {
+        const l = n.nodeId === xe ? t : t._s.get(n.nodeId);
+        if (!l)
+          return A(`store "${n.nodeId}" not found`, "error");
+        const { path: s } = n;
+        Xe(l) ? s.unshift("state") : (s.length !== 1 || !l._customProperties.has(s[0]) || s[0] in l.$state) && s.unshift("$state"), X = !1, n.set(l, s, n.state.value), X = !0;
+      }
+    }), o.on.editComponentState((n) => {
+      if (n.type.startsWith("🍍")) {
+        const r = n.type.replace(/^🍍\s*/, ""), l = t._s.get(r);
+        if (!l)
+          return A(`store "${r}" not found`, "error");
+        const { path: s } = n;
+        if (s[0] !== "state")
+          return A(`Invalid path for store "${r}":
+${s}
+Only state can be modified.`);
+        s[0] = "$state", X = !1, n.set(l, s, n.state.value), X = !0;
+      }
+    });
+  });
+}
+function Tn(e, t) {
+  Ie.includes(Ne(t.$id)) || Ie.push(Ne(t.$id)), $t({
+    id: "dev.esm.pinia",
+    label: "Pinia 🍍",
+    logo: "https://pinia.vuejs.org/logo.svg",
+    packageName: "pinia",
+    homepage: "https://pinia.vuejs.org",
+    componentStateTypes: Ie,
+    app: e,
+    settings: {
+      logStoreChanges: {
+        label: "Notify about new/deleted stores",
+        type: "boolean",
+        defaultValue: !0
+      }
+      // useEmojis: {
+      //   label: 'Use emojis in messages ⚡️',
+      //   type: 'boolean',
+      //   defaultValue: true,
+      // },
+    }
+  }, (o) => {
+    const n = typeof o.now == "function" ? o.now.bind(o) : Date.now;
+    t.$onAction(({ after: s, onError: i, name: a, args: c }) => {
+      const d = Ht++;
+      o.addTimelineEvent({
+        layerId: G,
+        event: {
+          time: n(),
+          title: "🛫 " + a,
+          subtitle: "start",
+          data: {
+            store: L(t.$id),
+            action: L(a),
+            args: c
+          },
+          groupId: d
+        }
+      }), s((f) => {
+        F = void 0, o.addTimelineEvent({
+          layerId: G,
+          event: {
+            time: n(),
+            title: "🛬 " + a,
+            subtitle: "end",
+            data: {
+              store: L(t.$id),
+              action: L(a),
+              args: c,
+              result: f
+            },
+            groupId: d
+          }
+        });
+      }), i((f) => {
+        F = void 0, o.addTimelineEvent({
+          layerId: G,
+          event: {
+            time: n(),
+            logType: "error",
+            title: "💥 " + a,
+            subtitle: "end",
+            data: {
+              store: L(t.$id),
+              action: L(a),
+              args: c,
+              error: f
+            },
+            groupId: d
+          }
+        });
+      });
+    }, !0), t._customProperties.forEach((s) => {
+      T(() => y(t[s]), (i, a) => {
+        o.notifyComponentUpdate(), o.sendInspectorState(C), X && o.addTimelineEvent({
+          layerId: G,
+          event: {
+            time: n(),
+            title: "Change",
+            subtitle: s,
+            data: {
+              newValue: i,
+              oldValue: a
+            },
+            groupId: F
+          }
+        });
+      }, { deep: !0 });
+    }), t.$subscribe(({ events: s, type: i }, a) => {
+      if (o.notifyComponentUpdate(), o.sendInspectorState(C), !X)
+        return;
+      const c = {
+        time: n(),
+        title: Cn(i),
+        data: Nn({ store: L(t.$id) }, An(s)),
+        groupId: F
+      };
+      i === j.patchFunction ? c.subtitle = "⤵️" : i === j.patchObject ? c.subtitle = "🧩" : s && !Array.isArray(s) && (c.subtitle = s.type), s && (c.data["rawEvent(s)"] = {
+        _custom: {
+          display: "DebuggerEvent",
+          type: "object",
+          tooltip: "raw DebuggerEvent[]",
+          value: s
+        }
+      }), o.addTimelineEvent({
+        layerId: G,
+        event: c
+      });
+    }, { detached: !0, flush: "sync" });
+    const r = t._hotUpdate;
+    t._hotUpdate = z((s) => {
+      r(s), o.addTimelineEvent({
+        layerId: G,
+        event: {
+          time: n(),
+          title: "🔥 " + t.$id,
+          subtitle: "HMR update",
+          data: {
+            store: L(t.$id),
+            info: L("HMR update")
+          }
+        }
+      }), o.notifyComponentUpdate(), o.sendInspectorTree(C), o.sendInspectorState(C);
+    });
+    const { $dispose: l } = t;
+    t.$dispose = () => {
+      l(), o.notifyComponentUpdate(), o.sendInspectorTree(C), o.sendInspectorState(C), o.getSettings().logStoreChanges && A(`Disposed "${t.$id}" store 🗑`);
+    }, o.notifyComponentUpdate(), o.sendInspectorTree(C), o.sendInspectorState(C), o.getSettings().logStoreChanges && A(`"${t.$id}" store installed 🆕`);
+  });
+}
+let Ht = 0, F;
+function dt(e, t, o) {
+  const n = t.reduce((r, l) => (r[l] = ae(e)[l], r), {});
+  for (const r in n)
+    e[r] = function() {
+      const l = Ht, s = o ? new Proxy(e, {
+        get(...a) {
+          return F = l, Reflect.get(...a);
+        },
+        set(...a) {
+          return F = l, Reflect.set(...a);
+        }
+      }) : e;
+      F = l;
+      const i = n[r].apply(s, arguments);
+      return F = void 0, i;
+    };
 }
-const _e = typeof window < "u" && typeof document < "u";
+function Pn({ app: e, store: t, options: o }) {
+  if (!t.$id.startsWith("__hot:")) {
+    if (t._isOptionsAPI = !!o.state, !t._p._testing) {
+      dt(t, Object.keys(o.actions), t._isOptionsAPI);
+      const n = t._hotUpdate;
+      ae(t)._hotUpdate = function(r) {
+        n.apply(this, arguments), dt(t, Object.keys(r._hmrPayload.actions), !!t._isOptionsAPI);
+      };
+    }
+    Tn(
+      e,
+      // FIXME: is there a way to allow the assignment from Store<Id, S, G, A> to StoreGeneric?
+      t
+    );
+  }
+}
+function Dn() {
+  const e = It(!0), t = e.run(() => O({}));
+  let o = [], n = [];
+  const r = z({
+    install(l) {
+      pe(r), r._a = l, l.provide(Tt, r), l.config.globalProperties.$pinia = r, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && W && $n(l, r), n.forEach((s) => o.push(s)), n = [];
+    },
+    use(l) {
+      return !this._a && !Ct ? n.push(l) : o.push(l), this;
+    },
+    _p: o,
+    // it's actually undefined here
+    // @ts-expect-error
+    _a: null,
+    _e: e,
+    _s: /* @__PURE__ */ new Map(),
+    state: t
+  });
+  return process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && W && typeof Proxy < "u" && r.use(Pn), r;
+}
+function Ut(e, t) {
+  for (const o in t) {
+    const n = t[o];
+    if (!(o in e))
+      continue;
+    const r = e[o];
+    J(r) && J(n) && !ce(n) && !Je(n) ? e[o] = Ut(r, n) : e[o] = n;
+  }
+  return e;
+}
+const Wt = () => {
+};
+function ft(e, t, o, n = Wt) {
+  e.push(t);
+  const r = () => {
+    const l = e.indexOf(t);
+    l > -1 && (e.splice(l, 1), n());
+  };
+  return !o && Te() && Pe(r), r;
+}
+function Q(e, ...t) {
+  e.slice().forEach((o) => {
+    o(...t);
+  });
+}
+const Vn = (e) => e(), pt = Symbol(), Me = Symbol();
+function Be(e, t) {
+  e instanceof Map && t instanceof Map ? t.forEach((o, n) => e.set(n, o)) : e instanceof Set && t instanceof Set && t.forEach(e.add, e);
+  for (const o in t) {
+    if (!t.hasOwnProperty(o))
+      continue;
+    const n = t[o], r = e[o];
+    J(r) && J(n) && e.hasOwnProperty(o) && !ce(n) && !Je(n) ? e[o] = Be(r, n) : e[o] = n;
+  }
+  return e;
+}
+const Ln = process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
+  /* istanbul ignore next */
+  Symbol()
+);
+function Rn(e) {
+  return !J(e) || !e.hasOwnProperty(Ln);
+}
+const { assign: V } = Object;
+function mt(e) {
+  return !!(ce(e) && e.effect);
+}
+function ht(e, t, o, n) {
+  const { state: r, actions: l, getters: s } = t, i = o.state.value[e];
+  let a;
+  function c() {
+    !i && (process.env.NODE_ENV === "production" || !n) && (o.state.value[e] = r ? r() : {});
+    const d = process.env.NODE_ENV !== "production" && n ? (
+      // use ref() to unwrap refs inside state TODO: check if this is still necessary
+      lt(O(r ? r() : {}).value)
+    ) : lt(o.state.value[e]);
+    return V(d, l, Object.keys(s || {}).reduce((f, u) => (process.env.NODE_ENV !== "production" && u in d && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${u}" in store "${e}".`), f[u] = z($(() => {
+      pe(o);
+      const m = o._s.get(e);
+      return s[u].call(m, m);
+    })), f), {}));
+  }
+  return a = Ge(e, c, t, o, n, !0), a;
+}
+function Ge(e, t, o = {}, n, r, l) {
+  let s;
+  const i = V({ actions: {} }, o);
+  if (process.env.NODE_ENV !== "production" && !n._e.active)
+    throw new Error("Pinia destroyed");
+  const a = { deep: !0 };
+  process.env.NODE_ENV !== "production" && !Ct && (a.onTrigger = (h) => {
+    c ? m = h : c == !1 && !w._hotUpdating && (Array.isArray(m) ? m.push(h) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
+  });
+  let c, d, f = [], u = [], m;
+  const v = n.state.value[e];
+  !l && !v && (process.env.NODE_ENV === "production" || !r) && (n.state.value[e] = {});
+  const x = O({});
+  let _;
+  function S(h) {
+    let p;
+    c = d = !1, process.env.NODE_ENV !== "production" && (m = []), typeof h == "function" ? (h(n.state.value[e]), p = {
+      type: j.patchFunction,
+      storeId: e,
+      events: m
+    }) : (Be(n.state.value[e], h), p = {
+      type: j.patchObject,
+      payload: h,
+      storeId: e,
+      events: m
+    });
+    const b = _ = Symbol();
+    Ae().then(() => {
+      _ === b && (c = !0);
+    }), d = !0, Q(f, p, n.state.value[e]);
+  }
+  const P = l ? function() {
+    const { state: p } = o, b = p ? p() : {};
+    this.$patch((k) => {
+      V(k, b);
+    });
+  } : (
+    /* istanbul ignore next */
+    process.env.NODE_ENV !== "production" ? () => {
+      throw new Error(`🍍: Store "${e}" is built using the setup syntax and does not implement $reset().`);
+    } : Wt
+  );
+  function ye() {
+    s.stop(), f = [], u = [], n._s.delete(e);
+  }
+  const ee = (h, p = "") => {
+    if (pt in h)
+      return h[Me] = p, h;
+    const b = function() {
+      pe(n);
+      const k = Array.from(arguments), Y = [], Re = [];
+      function en(D) {
+        Y.push(D);
+      }
+      function tn(D) {
+        Re.push(D);
+      }
+      Q(u, {
+        args: k,
+        name: b[Me],
+        store: w,
+        after: en,
+        onError: tn
+      });
+      let te;
+      try {
+        te = h.apply(this && this.$id === e ? this : w, k);
+      } catch (D) {
+        throw Q(Re, D), D;
+      }
+      return te instanceof Promise ? te.then((D) => (Q(Y, D), D)).catch((D) => (Q(Re, D), Promise.reject(D))) : (Q(Y, te), te);
+    };
+    return b[pt] = !0, b[Me] = p, b;
+  }, B = /* @__PURE__ */ z({
+    actions: {},
+    getters: {},
+    state: [],
+    hotState: x
+  }), Le = {
+    _p: n,
+    // _s: scope,
+    $id: e,
+    $onAction: ft.bind(null, u),
+    $patch: S,
+    $reset: P,
+    $subscribe(h, p = {}) {
+      const b = ft(f, h, p.detached, () => k()), k = s.run(() => T(() => n.state.value[e], (Y) => {
+        (p.flush === "sync" ? d : c) && h({
+          storeId: e,
+          type: j.direct,
+          events: m
+        }, Y);
+      }, V({}, a, p)));
+      return b;
+    },
+    $dispose: ye
+  }, w = sn(process.env.NODE_ENV !== "production" || process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && W ? V(
+    {
+      _hmrPayload: B,
+      _customProperties: z(/* @__PURE__ */ new Set())
+      // devtools custom properties
+    },
+    Le
+    // must be added later
+    // setupStore
+  ) : Le);
+  n._s.set(e, w);
+  const E = (n._a && n._a.runWithContext || Vn)(() => n._e.run(() => (s = It()).run(() => t({ action: ee }))));
+  for (const h in E) {
+    const p = E[h];
+    if (ce(p) && !mt(p) || Je(p))
+      process.env.NODE_ENV !== "production" && r ? we(x.value, h, Ee(E, h)) : l || (v && Rn(p) && (ce(p) ? p.value = v[h] : Be(p, v[h])), n.state.value[e][h] = p), process.env.NODE_ENV !== "production" && B.state.push(h);
+    else if (typeof p == "function") {
+      const b = process.env.NODE_ENV !== "production" && r ? p : ee(p, h);
+      E[h] = b, process.env.NODE_ENV !== "production" && (B.actions[h] = p), i.actions[h] = p;
+    } else process.env.NODE_ENV !== "production" && mt(p) && (B.getters[h] = l ? (
+      // @ts-expect-error
+      o.getters[h]
+    ) : p, W && (E._getters || // @ts-expect-error: same
+    (E._getters = z([]))).push(h));
+  }
+  if (V(w, E), V(ae(w), E), Object.defineProperty(w, "$state", {
+    get: () => process.env.NODE_ENV !== "production" && r ? x.value : n.state.value[e],
+    set: (h) => {
+      if (process.env.NODE_ENV !== "production" && r)
+        throw new Error("cannot set hotState");
+      S((p) => {
+        V(p, h);
+      });
+    }
+  }), process.env.NODE_ENV !== "production" && (w._hotUpdate = z((h) => {
+    w._hotUpdating = !0, h._hmrPayload.state.forEach((p) => {
+      if (p in w.$state) {
+        const b = h.$state[p], k = w.$state[p];
+        typeof b == "object" && J(b) && J(k) ? Ut(b, k) : h.$state[p] = k;
+      }
+      we(w, p, Ee(h.$state, p));
+    }), Object.keys(w.$state).forEach((p) => {
+      p in h.$state || je(w, p);
+    }), c = !1, d = !1, n.state.value[e] = Ee(h._hmrPayload, "hotState"), d = !0, Ae().then(() => {
+      c = !0;
+    });
+    for (const p in h._hmrPayload.actions) {
+      const b = h[p];
+      we(w, p, ee(b, p));
+    }
+    for (const p in h._hmrPayload.getters) {
+      const b = h._hmrPayload.getters[p], k = l ? (
+        // special handling of options api
+        $(() => (pe(n), b.call(w, w)))
+      ) : b;
+      we(w, p, k);
+    }
+    Object.keys(w._hmrPayload.getters).forEach((p) => {
+      p in h._hmrPayload.getters || je(w, p);
+    }), Object.keys(w._hmrPayload.actions).forEach((p) => {
+      p in h._hmrPayload.actions || je(w, p);
+    }), w._hmrPayload = h._hmrPayload, w._getters = h._getters, w._hotUpdating = !1;
+  })), process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && W) {
+    const h = {
+      writable: !0,
+      configurable: !0,
+      // avoid warning on devtools trying to display this property
+      enumerable: !1
+    };
+    ["_p", "_hmrPayload", "_getters", "_customProperties"].forEach((p) => {
+      Object.defineProperty(w, p, V({ value: w[p] }, h));
+    });
+  }
+  return n._p.forEach((h) => {
+    if (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && W) {
+      const p = s.run(() => h({
+        store: w,
+        app: n._a,
+        pinia: n,
+        options: i
+      }));
+      Object.keys(p || {}).forEach((b) => w._customProperties.add(b)), V(w, p);
+    } else
+      V(w, s.run(() => h({
+        store: w,
+        app: n._a,
+        pinia: n,
+        options: i
+      })));
+  }), process.env.NODE_ENV !== "production" && w.$state && typeof w.$state == "object" && typeof w.$state.constructor == "function" && !w.$state.constructor.toString().includes("[native code]") && console.warn(`[🍍]: The "state" must be a plain object. It cannot be
+	state: () => new MyClass()
+Found in store "${w.$id}".`), v && l && o.hydrate && o.hydrate(w.$state, v), c = !0, d = !0, w;
+}
+/*! #__NO_SIDE_EFFECTS__ */
+// @__NO_SIDE_EFFECTS__
+function jn(e, t, o) {
+  let n, r;
+  const l = typeof t == "function";
+  if (typeof e == "string")
+    n = e, r = l ? o : t;
+  else if (r = e, n = e.id, process.env.NODE_ENV !== "production" && typeof n != "string")
+    throw new Error('[🍍]: "defineStore()" must be passed a store id as its first argument.');
+  function s(i, a) {
+    const c = nn();
+    if (i = // in test mode, ignore the argument provided as we can always retrieve a
+    // pinia instance with getActivePinia()
+    (process.env.NODE_ENV === "test" && ne && ne._testing ? null : i) || (c ? on(Tt, null) : null), i && pe(i), process.env.NODE_ENV !== "production" && !ne)
+      throw new Error(`[🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?
+See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help.
+This will fail in production.`);
+    i = ne, i._s.has(n) || (l ? Ge(n, t, r, i) : ht(n, r, i), process.env.NODE_ENV !== "production" && (s._pinia = i));
+    const d = i._s.get(n);
+    if (process.env.NODE_ENV !== "production" && a) {
+      const f = "__hot:" + n, u = l ? Ge(f, t, r, i, !0) : ht(f, V({}, r), i, !0);
+      a._hotUpdate(u), delete i.state.value[f], i._s.delete(f);
+    }
+    if (process.env.NODE_ENV !== "production" && W) {
+      const f = $e();
+      if (f && f.proxy && // avoid adding stores that are just built for hot module replacement
+      !a) {
+        const u = f.proxy, m = "_pStores" in u ? u._pStores : u._pStores = {};
+        m[n] = d;
+      }
+    }
+    return d;
+  }
+  return s.$id = n, s;
+}
+function Ft(e) {
+  return Te() ? (Pe(e), !0) : !1;
+}
+function Ze(e) {
+  return typeof e == "function" ? e() : y(e);
+}
+const Mn = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const et = (e) => e != null, tt = Object.prototype.toString, nt = (e) => tt.call(e) === "[object Object]", ot = () => {
-}, U = _e ? window : void 0;
-function z(e) {
+const Hn = (e) => e != null, Un = Object.prototype.toString, Wn = (e) => Un.call(e) === "[object Object]", Fn = () => {
+}, ge = Mn ? window : void 0;
+function me(e) {
   var t;
-  const n = ce(e);
-  return (t = n == null ? void 0 : n.$el) != null ? t : n;
-}
-function F(...e) {
-  let t, n, o, i;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, i] = e, t = U) : [t, n, o, i] = e, !t)
-    return ot;
-  Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
-  const s = [], l = () => {
-    s.forEach((d) => d()), s.length = 0;
-  }, a = (d, p, c, u) => (d.addEventListener(p, c, u), () => d.removeEventListener(p, c, u)), f = C(
-    () => [z(t), ce(i)],
-    ([d, p]) => {
-      if (l(), !d)
+  const o = Ze(e);
+  return (t = o == null ? void 0 : o.$el) != null ? t : o;
+}
+function he(...e) {
+  let t, o, n, r;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([o, n, r] = e, t = ge) : [t, o, n, r] = e, !t)
+    return Fn;
+  Array.isArray(o) || (o = [o]), Array.isArray(n) || (n = [n]);
+  const l = [], s = () => {
+    l.forEach((d) => d()), l.length = 0;
+  }, i = (d, f, u, m) => (d.addEventListener(f, u, m), () => d.removeEventListener(f, u, m)), a = T(
+    () => [me(t), Ze(r)],
+    ([d, f]) => {
+      if (s(), !d)
         return;
-      const c = nt(p) ? { ...p } : p;
-      s.push(
-        ...n.flatMap((u) => o.map((v) => a(d, u, v, c)))
+      const u = Wn(f) ? { ...f } : f;
+      l.push(
+        ...o.flatMap((m) => n.map((v) => i(d, m, v, u)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), r = () => {
-    f(), l();
+  ), c = () => {
+    a(), s();
   };
-  return Re(r), r;
+  return Ft(c), c;
 }
-function lt() {
-  const e = g(!1), t = re();
-  return t && G(() => {
+function Bn() {
+  const e = O(!1), t = $e();
+  return t && ve(() => {
     e.value = !0;
   }, t), e;
 }
-function it(e) {
-  const t = lt();
-  return x(() => (t.value, !!e()));
+function Gn(e) {
+  const t = Bn();
+  return $(() => (t.value, !!e()));
 }
-function st(e, t, n = {}) {
-  const { window: o = U, ...i } = n;
-  let s;
-  const l = it(() => o && "MutationObserver" in o), a = () => {
-    s && (s.disconnect(), s = void 0);
-  }, f = x(() => {
-    const c = ce(e), u = (Array.isArray(c) ? c : [c]).map(z).filter(et);
-    return new Set(u);
-  }), r = C(
-    () => f.value,
-    (c) => {
-      a(), l.value && c.size && (s = new MutationObserver(t), c.forEach((u) => s.observe(u, i)));
+function zn(e, t, o = {}) {
+  const { window: n = ge, ...r } = o;
+  let l;
+  const s = Gn(() => n && "MutationObserver" in n), i = () => {
+    l && (l.disconnect(), l = void 0);
+  }, a = $(() => {
+    const u = Ze(e), m = (Array.isArray(u) ? u : [u]).map(me).filter(Hn);
+    return new Set(m);
+  }), c = T(
+    () => a.value,
+    (u) => {
+      i(), s.value && u.size && (l = new MutationObserver(t), u.forEach((m) => l.observe(m, r)));
     },
     { immediate: !0, flush: "post" }
-  ), d = () => s == null ? void 0 : s.takeRecords(), p = () => {
-    r(), a();
+  ), d = () => l == null ? void 0 : l.takeRecords(), f = () => {
+    c(), i();
   };
-  return Re(p), {
-    isSupported: l,
-    stop: p,
+  return Ft(f), {
+    isSupported: s,
+    stop: f,
     takeRecords: d
   };
 }
-function rt(e = {}) {
+function Jn(e = {}) {
   var t;
   const {
-    window: n = U,
-    deep: o = !0,
-    triggerOnRemoval: i = !1
-  } = e, s = (t = e.document) != null ? t : n == null ? void 0 : n.document, l = () => {
-    var r;
-    let d = s == null ? void 0 : s.activeElement;
-    if (o)
+    window: o = ge,
+    deep: n = !0,
+    triggerOnRemoval: r = !1
+  } = e, l = (t = e.document) != null ? t : o == null ? void 0 : o.document, s = () => {
+    var c;
+    let d = l == null ? void 0 : l.activeElement;
+    if (n)
       for (; d != null && d.shadowRoot; )
-        d = (r = d == null ? void 0 : d.shadowRoot) == null ? void 0 : r.activeElement;
+        d = (c = d == null ? void 0 : d.shadowRoot) == null ? void 0 : c.activeElement;
     return d;
-  }, a = g(), f = () => {
-    a.value = l();
+  }, i = O(), a = () => {
+    i.value = s();
   };
-  return n && (F(n, "blur", (r) => {
-    r.relatedTarget === null && f();
-  }, !0), F(n, "focus", f, !0)), i && st(s, (r) => {
-    r.filter((d) => d.removedNodes.length).map((d) => Array.from(d.removedNodes)).flat().forEach((d) => {
-      d === a.value && f();
+  return o && (he(o, "blur", (c) => {
+    c.relatedTarget === null && a();
+  }, !0), he(o, "focus", a, !0)), r && zn(l, (c) => {
+    c.filter((d) => d.removedNodes.length).map((d) => Array.from(d.removedNodes)).flat().forEach((d) => {
+      d === i.value && a();
     });
   }, {
     childList: !0,
     subtree: !0
-  }), f(), a;
+  }), a(), i;
 }
-const at = "focusin", ct = "focusout";
-function dt(e, t = {}) {
-  const { window: n = U } = t, o = x(() => z(e)), i = g(!1), s = x(() => i.value), l = rt(t);
-  return !n || !l.value ? { focused: s } : (F(o, at, () => i.value = !0), F(o, ct, () => i.value = !1), { focused: s });
+const Yn = "focusin", qn = "focusout";
+function Qn(e, t = {}) {
+  const { window: o = ge } = t, n = $(() => me(e)), r = O(!1), l = $(() => r.value), s = Jn(t);
+  return !o || !s.value ? { focused: l } : (he(n, Yn, () => r.value = !0), he(n, qn, () => r.value = !1), { focused: l });
 }
-function ut(e, { window: t = U, scrollTarget: n } = {}) {
-  const o = g(!1), i = () => {
+function Xn(e, { window: t = ge, scrollTarget: o } = {}) {
+  const n = O(!1), r = () => {
     if (!t) return;
-    const s = t.document, l = z(e);
-    if (!l)
-      o.value = !1;
+    const l = t.document, s = me(e);
+    if (!s)
+      n.value = !1;
     else {
-      const a = l.getBoundingClientRect();
-      o.value = a.top <= (t.innerHeight || s.documentElement.clientHeight) && a.left <= (t.innerWidth || s.documentElement.clientWidth) && a.bottom >= 0 && a.right >= 0;
+      const i = s.getBoundingClientRect();
+      n.value = i.top <= (t.innerHeight || l.documentElement.clientHeight) && i.left <= (t.innerWidth || l.documentElement.clientWidth) && i.bottom >= 0 && i.right >= 0;
     }
   };
-  return C(
-    () => z(e),
-    () => i(),
+  return T(
+    () => me(e),
+    () => r(),
     { immediate: !0, flush: "post" }
-  ), t && F(n || t, "scroll", i, {
+  ), t && he(o || t, "scroll", r, {
     capture: !1,
     passive: !0
-  }), o;
+  }), n;
 }
-const O = (e) => {
-  let t = ut(e).value;
+const H = (e) => {
+  let t = Xn(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, $ = (e) => e.tabIndex >= 0, ge = (e) => {
+}, U = (e) => e.tabIndex >= 0, vt = (e) => {
   const t = e.target;
-  return de(t);
-}, de = (e) => {
+  return Ke(t);
+}, Ke = (e) => {
   var t;
-  let n;
+  let o;
   if (e instanceof HTMLTableCellElement) {
-    const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
-    if (o) {
-      const i = Array.from(o.children)[e.cellIndex];
-      i && (n = i);
+    const n = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
+    if (n) {
+      const r = Array.from(n.children)[e.cellIndex];
+      r && (o = r);
     }
   } else if (e instanceof HTMLTableRowElement) {
-    const o = e.previousElementSibling;
-    o && (n = o);
+    const n = e.previousElementSibling;
+    n && (o = n);
   }
-  return n && (!$(n) || !O(n)) ? de(n) : n;
-}, ft = (e) => {
+  return o && (!U(o) || !H(o)) ? Ke(o) : o;
+}, Zn = (e) => {
   var t;
-  const n = e.target;
-  let o;
-  if (n instanceof HTMLTableCellElement) {
-    const i = (t = n.parentElement) == null ? void 0 : t.parentElement;
-    if (i) {
-      const s = i.firstElementChild.children[n.cellIndex];
-      s && (o = s);
+  const o = e.target;
+  let n;
+  if (o instanceof HTMLTableCellElement) {
+    const r = (t = o.parentElement) == null ? void 0 : t.parentElement;
+    if (r) {
+      const l = r.firstElementChild.children[o.cellIndex];
+      l && (n = l);
     }
-  } else if (n instanceof HTMLTableRowElement) {
-    const i = n.parentElement;
-    if (i) {
-      const s = i.firstElementChild;
-      s && (o = s);
+  } else if (o instanceof HTMLTableRowElement) {
+    const r = o.parentElement;
+    if (r) {
+      const l = r.firstElementChild;
+      l && (n = l);
     }
   }
-  return o && (!$(o) || !O(o)) ? ue(o) : o;
-}, xe = (e) => {
+  return n && (!U(n) || !H(n)) ? et(n) : n;
+}, gt = (e) => {
   const t = e.target;
-  return ue(t);
-}, ue = (e) => {
+  return et(t);
+}, et = (e) => {
   var t;
-  let n;
+  let o;
   if (e instanceof HTMLTableCellElement) {
-    const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
-    if (o) {
-      const i = Array.from(o.children)[e.cellIndex];
-      i && (n = i);
+    const n = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
+    if (n) {
+      const r = Array.from(n.children)[e.cellIndex];
+      r && (o = r);
     }
   } else if (e instanceof HTMLTableRowElement) {
-    const o = e.nextElementSibling;
-    o && (n = o);
+    const n = e.nextElementSibling;
+    n && (o = n);
   }
-  return n && (!$(n) || !O(n)) ? ue(n) : n;
-}, pt = (e) => {
+  return o && (!U(o) || !H(o)) ? et(o) : o;
+}, Kn = (e) => {
   var t;
-  const n = e.target;
-  let o;
-  if (n instanceof HTMLTableCellElement) {
-    const i = (t = n.parentElement) == null ? void 0 : t.parentElement;
-    if (i) {
-      const s = i.lastElementChild.children[n.cellIndex];
-      s && (o = s);
+  const o = e.target;
+  let n;
+  if (o instanceof HTMLTableCellElement) {
+    const r = (t = o.parentElement) == null ? void 0 : t.parentElement;
+    if (r) {
+      const l = r.lastElementChild.children[o.cellIndex];
+      l && (n = l);
     }
-  } else if (n instanceof HTMLTableRowElement) {
-    const i = n.parentElement;
-    if (i) {
-      const s = i.lastElementChild;
-      s && (o = s);
+  } else if (o instanceof HTMLTableRowElement) {
+    const r = o.parentElement;
+    if (r) {
+      const l = r.lastElementChild;
+      l && (n = l);
     }
   }
-  return o && (!$(o) || !O(o)) ? de(o) : o;
-}, Ee = (e) => {
+  return n && (!U(n) || !H(n)) ? Ke(n) : n;
+}, yt = (e) => {
   const t = e.target;
-  return fe(t);
-}, fe = (e) => {
+  return tt(t);
+}, tt = (e) => {
   var t;
-  let n;
+  let o;
   if (e.previousElementSibling)
-    n = e.previousElementSibling;
+    o = e.previousElementSibling;
   else {
-    const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
-    n = o == null ? void 0 : o.lastElementChild;
+    const n = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
+    o = n == null ? void 0 : n.lastElementChild;
   }
-  return n && (!$(n) || !O(n)) ? fe(n) : n;
-}, ke = (e) => {
+  return o && (!U(o) || !H(o)) ? tt(o) : o;
+}, wt = (e) => {
   const t = e.target;
-  return pe(t);
-}, pe = (e) => {
+  return nt(t);
+}, nt = (e) => {
   var t;
-  let n;
+  let o;
   if (e.nextElementSibling)
-    n = e.nextElementSibling;
+    o = e.nextElementSibling;
   else {
-    const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
-    n = o == null ? void 0 : o.firstElementChild;
+    const n = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
+    o = n == null ? void 0 : n.firstElementChild;
   }
-  return n && (!$(n) || !O(n)) ? pe(n) : n;
-}, Ce = (e) => {
+  return o && (!U(o) || !H(o)) ? nt(o) : o;
+}, bt = (e) => {
   const t = e.target.parentElement.firstElementChild;
-  return t && (!$(t) || !O(t)) ? pe(t) : t;
-}, Ie = (e) => {
+  return t && (!U(t) || !H(t)) ? nt(t) : t;
+}, Et = (e) => {
   const t = e.target.parentElement.lastElementChild;
-  return t && (!$(t) || !O(t)) ? fe(t) : t;
-}, q = ["alt", "control", "shift", "meta"], mt = {
+  return t && (!U(t) || !H(t)) ? tt(t) : t;
+}, be = ["alt", "control", "shift", "meta"], eo = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, me = {
+}, ot = {
   "keydown.up": (e) => {
-    const t = ge(e);
+    const t = vt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
-    const t = xe(e);
+    const t = gt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = Ee(e);
+    const t = yt(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = ke(e);
+    const t = wt(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = ft(e);
+    const t = Zn(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = pt(e);
+    const t = Kn(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = Ce(e);
+    const t = bt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = Ie(e);
+    const t = Et(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = Ie(e);
+    const t = Et(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = xe(e);
+      const t = gt(e);
       t && t.focus();
     }
   },
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = ge(e);
+      const t = vt(e);
       t && t.focus();
     }
   },
   "keydown.home": (e) => {
-    const t = Ce(e);
+    const t = bt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = ke(e);
+    const t = wt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = Ee(e);
+    const t = yt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
-function ve(e) {
-  const t = (l) => {
-    let a = null;
-    return l.parent && (typeof l.parent == "string" ? a = document.querySelector(l.parent) : l.parent instanceof HTMLElement ? a = l.parent : a = l.parent.value), a;
-  }, n = (l) => {
-    const a = t(l);
-    let f = [];
-    if (typeof l.selectors == "string")
-      f = a ? Array.from(a.querySelectorAll(l.selectors)) : Array.from(document.querySelectorAll(l.selectors));
-    else if (Array.isArray(l.selectors))
-      for (const r of l.selectors)
-        r instanceof HTMLElement ? f.push(r) : f.push(r.$el);
-    else if (l.selectors instanceof HTMLElement)
-      f.push(l.selectors);
-    else if (Array.isArray(l.selectors.value))
-      for (const r of l.selectors.value)
-        r instanceof HTMLElement ? f.push(r) : f.push(r.$el);
+function st(e) {
+  const t = (s) => {
+    let i = null;
+    return s.parent && (typeof s.parent == "string" ? i = document.querySelector(s.parent) : s.parent instanceof HTMLElement ? i = s.parent : i = s.parent.value), i;
+  }, o = (s) => {
+    const i = t(s);
+    let a = [];
+    if (typeof s.selectors == "string")
+      a = i ? Array.from(i.querySelectorAll(s.selectors)) : Array.from(document.querySelectorAll(s.selectors));
+    else if (Array.isArray(s.selectors))
+      for (const c of s.selectors)
+        c instanceof HTMLElement ? a.push(c) : a.push(c.$el);
+    else if (s.selectors instanceof HTMLElement)
+      a.push(s.selectors);
+    else if (Array.isArray(s.selectors.value))
+      for (const c of s.selectors.value)
+        c instanceof HTMLElement ? a.push(c) : a.push(c.$el);
     else
-      f.push(l.selectors.value);
-    return f;
-  }, o = (l) => {
-    const a = t(l);
-    let f = [];
-    return l.selectors ? f = n(l) : a && (f = Array.from(a.children).filter((r) => $(r) && O(r))), f;
-  }, i = (l) => (a) => {
-    const f = mt[a.key] || a.key.toLowerCase();
-    if (q.includes(f)) return;
-    const r = l.handlers || me;
-    for (const d of Object.keys(r)) {
-      const [p, ...c] = d.split(".");
-      if (p === "keydown" && c.includes(f)) {
-        const u = r[d], v = c.filter((w) => q.includes(w)), b = q.some((w) => {
-          const E = w.charAt(0).toUpperCase() + w.slice(1);
-          return a.getModifierState(E);
+      a.push(s.selectors.value);
+    return a;
+  }, n = (s) => {
+    const i = t(s);
+    let a = [];
+    return s.selectors ? a = o(s) : i && (a = Array.from(i.children).filter((c) => U(c) && H(c))), a;
+  }, r = (s) => (i) => {
+    const a = eo[i.key] || i.key.toLowerCase();
+    if (be.includes(a)) return;
+    const c = s.handlers || ot;
+    for (const d of Object.keys(c)) {
+      const [f, ...u] = d.split(".");
+      if (f === "keydown" && u.includes(a)) {
+        const m = c[d], v = u.filter((_) => be.includes(_)), x = be.some((_) => {
+          const S = _.charAt(0).toUpperCase() + _.slice(1);
+          return i.getModifierState(S);
         });
         if (v.length > 0) {
-          if (b) {
-            for (const w of q)
-              if (c.includes(w)) {
-                const E = w.charAt(0).toUpperCase() + w.slice(1);
-                a.getModifierState(E) && u(a);
+          if (x) {
+            for (const _ of be)
+              if (u.includes(_)) {
+                const S = _.charAt(0).toUpperCase() + _.slice(1);
+                i.getModifierState(S) && m(i);
               }
           }
         } else
-          b || u(a);
+          x || m(i);
       }
     }
-  }, s = [];
-  G(() => {
-    for (const l of e) {
-      const a = t(l), f = o(l), r = i(l), d = a ? [a] : f;
-      for (const p of d) {
-        const { focused: c } = dt(g(p)), u = C(c, (v) => {
-          v ? p.addEventListener("keydown", r) : p.removeEventListener("keydown", r);
+  }, l = [];
+  ve(() => {
+    for (const s of e) {
+      const i = t(s), a = n(s), c = r(s), d = i ? [i] : a;
+      for (const f of d) {
+        const { focused: u } = Qn(O(f)), m = T(u, (v) => {
+          v ? f.addEventListener("keydown", c) : f.removeEventListener("keydown", c);
         });
-        s.push(u);
+        l.push(m);
       }
     }
-  }), Ye(() => {
-    for (const l of s)
-      l();
+  }), rn(() => {
+    for (const s of l)
+      s();
   });
 }
-function we(e) {
-  return ie() ? (se(e), !0) : !1;
+function Bt(e) {
+  return Te() ? (Pe(e), !0) : !1;
 }
-function K(e) {
-  return typeof e == "function" ? e() : m(e);
+function ie(e) {
+  return typeof e == "function" ? e() : y(e);
 }
-const vt = typeof window < "u" && typeof document < "u";
+const Gt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const wt = (e) => e != null, ht = Object.prototype.toString, yt = (e) => ht.call(e) === "[object Object]", bt = () => {
+const to = Object.prototype.toString, no = (e) => to.call(e) === "[object Object]", le = () => {
+}, ze = /* @__PURE__ */ oo();
+function oo() {
+  var e, t;
+  return Gt && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+}
+const St = {
+  mounted: "mounted",
+  updated: "updated",
+  unmounted: "unmounted"
 };
-function gt(e) {
-  return re();
+function so(...e) {
+  if (e.length !== 1)
+    return Ee(...e);
+  const t = e[0];
+  return typeof t == "function" ? ln(an(() => ({ get: t, set: le }))) : O(t);
+}
+function oe(e) {
+  var t;
+  const o = ie(e);
+  return (t = o == null ? void 0 : o.$el) != null ? t : o;
+}
+const zt = Gt ? window : void 0;
+function ke(...e) {
+  let t, o, n, r;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([o, n, r] = e, t = zt) : [t, o, n, r] = e, !t)
+    return le;
+  Array.isArray(o) || (o = [o]), Array.isArray(n) || (n = [n]);
+  const l = [], s = () => {
+    l.forEach((d) => d()), l.length = 0;
+  }, i = (d, f, u, m) => (d.addEventListener(f, u, m), () => d.removeEventListener(f, u, m)), a = T(
+    () => [oe(t), ie(r)],
+    ([d, f]) => {
+      if (s(), !d)
+        return;
+      const u = no(f) ? { ...f } : f;
+      l.push(
+        ...o.flatMap((m) => n.map((v) => i(d, m, v, u)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), c = () => {
+    a(), s();
+  };
+  return Bt(c), c;
 }
-function xt(e, t = !0, n) {
-  gt() ? G(e, n) : t ? e() : Te(e);
+let Ot = !1;
+function _t(e, t, o = {}) {
+  const { window: n = zt, ignore: r = [], capture: l = !0, detectIframe: s = !1 } = o;
+  if (!n)
+    return le;
+  ze && !Ot && (Ot = !0, Array.from(n.document.body.children).forEach((u) => u.addEventListener("click", le)), n.document.documentElement.addEventListener("click", le));
+  let i = !0;
+  const a = (u) => r.some((m) => {
+    if (typeof m == "string")
+      return Array.from(n.document.querySelectorAll(m)).some((v) => v === u.target || u.composedPath().includes(v));
+    {
+      const v = oe(m);
+      return v && (u.target === v || u.composedPath().includes(v));
+    }
+  }), d = [
+    ke(n, "click", (u) => {
+      const m = oe(e);
+      if (!(!m || m === u.target || u.composedPath().includes(m))) {
+        if (u.detail === 0 && (i = !a(u)), !i) {
+          i = !0;
+          return;
+        }
+        t(u);
+      }
+    }, { passive: !0, capture: l }),
+    ke(n, "pointerdown", (u) => {
+      const m = oe(e);
+      i = !a(u) && !!(m && !u.composedPath().includes(m));
+    }, { passive: !0 }),
+    s && ke(n, "blur", (u) => {
+      setTimeout(() => {
+        var m;
+        const v = oe(e);
+        ((m = n.document.activeElement) == null ? void 0 : m.tagName) === "IFRAME" && !(v != null && v.contains(n.document.activeElement)) && t(u);
+      }, 0);
+    })
+  ].filter(Boolean);
+  return () => d.forEach((u) => u());
 }
-const he = vt ? window : void 0;
-function D(e) {
+const ro = {
+  [St.mounted](e, t) {
+    const o = !t.modifiers.bubble;
+    if (typeof t.value == "function")
+      e.__onClickOutside_stop = _t(e, t.value, { capture: o });
+    else {
+      const [n, r] = t.value;
+      e.__onClickOutside_stop = _t(e, n, Object.assign({ capture: o }, r));
+    }
+  },
+  [St.unmounted](e) {
+    e.__onClickOutside_stop();
+  }
+};
+function He(e) {
+  return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
+}
+function Jt(e) {
+  const t = window.getComputedStyle(e);
+  if (t.overflowX === "scroll" || t.overflowY === "scroll" || t.overflowX === "auto" && e.clientWidth < e.scrollWidth || t.overflowY === "auto" && e.clientHeight < e.scrollHeight)
+    return !0;
+  {
+    const o = e.parentNode;
+    return !o || o.tagName === "BODY" ? !1 : Jt(o);
+  }
+}
+function io(e) {
+  const t = e || window.event, o = t.target;
+  return Jt(o) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
+}
+const Ue = /* @__PURE__ */ new WeakMap();
+function lo(e, t = !1) {
+  const o = O(t);
+  let n = null, r = "";
+  T(so(e), (i) => {
+    const a = He(ie(i));
+    if (a) {
+      const c = a;
+      if (Ue.get(c) || Ue.set(c, c.style.overflow), c.style.overflow !== "hidden" && (r = c.style.overflow), c.style.overflow === "hidden")
+        return o.value = !0;
+      if (o.value)
+        return c.style.overflow = "hidden";
+    }
+  }, {
+    immediate: !0
+  });
+  const l = () => {
+    const i = He(ie(e));
+    !i || o.value || (ze && (n = ke(
+      i,
+      "touchmove",
+      (a) => {
+        io(a);
+      },
+      { passive: !1 }
+    )), i.style.overflow = "hidden", o.value = !0);
+  }, s = () => {
+    const i = He(ie(e));
+    !i || !o.value || (ze && (n == null || n()), i.style.overflow = r, Ue.delete(i), o.value = !1);
+  };
+  return Bt(s), $({
+    get() {
+      return o.value;
+    },
+    set(i) {
+      i ? l() : s();
+    }
+  });
+}
+function ao() {
+  let e = !1;
+  const t = O(!1);
+  return (o, n) => {
+    if (t.value = n.value, e)
+      return;
+    e = !0;
+    const r = lo(o, n.value);
+    T(t, (l) => r.value = l);
+  };
+}
+ao();
+function rt(e) {
+  return Te() ? (Pe(e), !0) : !1;
+}
+function Ve(e) {
+  return typeof e == "function" ? e() : y(e);
+}
+const co = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const uo = (e) => e != null, fo = Object.prototype.toString, po = (e) => fo.call(e) === "[object Object]", mo = () => {
+};
+function ho(e) {
+  return $e();
+}
+function vo(e, t = !0, o) {
+  ho() ? ve(e, o) : t ? e() : Ae(e);
+}
+const it = co ? window : void 0;
+function Z(e) {
   var t;
-  const n = K(e);
-  return (t = n == null ? void 0 : n.$el) != null ? t : n;
-}
-function Ae(...e) {
-  let t, n, o, i;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, i] = e, t = he) : [t, n, o, i] = e, !t)
-    return bt;
-  Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
-  const s = [], l = () => {
-    s.forEach((d) => d()), s.length = 0;
-  }, a = (d, p, c, u) => (d.addEventListener(p, c, u), () => d.removeEventListener(p, c, u)), f = C(
-    () => [D(t), K(i)],
-    ([d, p]) => {
-      if (l(), !d)
+  const o = Ve(e);
+  return (t = o == null ? void 0 : o.$el) != null ? t : o;
+}
+function xt(...e) {
+  let t, o, n, r;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([o, n, r] = e, t = it) : [t, o, n, r] = e, !t)
+    return mo;
+  Array.isArray(o) || (o = [o]), Array.isArray(n) || (n = [n]);
+  const l = [], s = () => {
+    l.forEach((d) => d()), l.length = 0;
+  }, i = (d, f, u, m) => (d.addEventListener(f, u, m), () => d.removeEventListener(f, u, m)), a = T(
+    () => [Z(t), Ve(r)],
+    ([d, f]) => {
+      if (s(), !d)
         return;
-      const c = yt(p) ? { ...p } : p;
-      s.push(
-        ...n.flatMap((u) => o.map((v) => a(d, u, v, c)))
+      const u = po(f) ? { ...f } : f;
+      l.push(
+        ...o.flatMap((m) => n.map((v) => i(d, m, v, u)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), r = () => {
-    f(), l();
+  ), c = () => {
+    a(), s();
   };
-  return we(r), r;
+  return rt(c), c;
 }
-function Et() {
-  const e = g(!1), t = re();
-  return t && G(() => {
+function go() {
+  const e = O(!1), t = $e();
+  return t && ve(() => {
     e.value = !0;
   }, t), e;
 }
-function Le(e) {
-  const t = Et();
-  return x(() => (t.value, !!e()));
+function Yt(e) {
+  const t = go();
+  return $(() => (t.value, !!e()));
 }
-function Pe(e, t, n = {}) {
-  const { window: o = he, ...i } = n;
-  let s;
-  const l = Le(() => o && "MutationObserver" in o), a = () => {
-    s && (s.disconnect(), s = void 0);
-  }, f = x(() => {
-    const c = K(e), u = (Array.isArray(c) ? c : [c]).map(D).filter(wt);
-    return new Set(u);
-  }), r = C(
-    () => f.value,
-    (c) => {
-      a(), l.value && c.size && (s = new MutationObserver(t), c.forEach((u) => s.observe(u, i)));
+function qt(e, t, o = {}) {
+  const { window: n = it, ...r } = o;
+  let l;
+  const s = Yt(() => n && "MutationObserver" in n), i = () => {
+    l && (l.disconnect(), l = void 0);
+  }, a = $(() => {
+    const u = Ve(e), m = (Array.isArray(u) ? u : [u]).map(Z).filter(uo);
+    return new Set(m);
+  }), c = T(
+    () => a.value,
+    (u) => {
+      i(), s.value && u.size && (l = new MutationObserver(t), u.forEach((m) => l.observe(m, r)));
     },
     { immediate: !0, flush: "post" }
-  ), d = () => s == null ? void 0 : s.takeRecords(), p = () => {
-    r(), a();
+  ), d = () => l == null ? void 0 : l.takeRecords(), f = () => {
+    c(), i();
   };
-  return we(p), {
-    isSupported: l,
-    stop: p,
+  return rt(f), {
+    isSupported: s,
+    stop: f,
     takeRecords: d
   };
 }
-function kt(e, t, n = {}) {
-  const { window: o = he, ...i } = n;
-  let s;
-  const l = Le(() => o && "ResizeObserver" in o), a = () => {
-    s && (s.disconnect(), s = void 0);
-  }, f = x(() => {
-    const p = K(e);
-    return Array.isArray(p) ? p.map((c) => D(c)) : [D(p)];
-  }), r = C(
-    f,
-    (p) => {
-      if (a(), l.value && o) {
-        s = new ResizeObserver(t);
-        for (const c of p)
-          c && s.observe(c, i);
+function yo(e, t, o = {}) {
+  const { window: n = it, ...r } = o;
+  let l;
+  const s = Yt(() => n && "ResizeObserver" in n), i = () => {
+    l && (l.disconnect(), l = void 0);
+  }, a = $(() => {
+    const f = Ve(e);
+    return Array.isArray(f) ? f.map((u) => Z(u)) : [Z(f)];
+  }), c = T(
+    a,
+    (f) => {
+      if (i(), s.value && n) {
+        l = new ResizeObserver(t);
+        for (const u of f)
+          u && l.observe(u, r);
       }
     },
     { immediate: !0, flush: "post" }
   ), d = () => {
-    a(), r();
+    i(), c();
   };
-  return we(d), {
-    isSupported: l,
+  return rt(d), {
+    isSupported: s,
     stop: d
   };
 }
-function Ct(e, t = {}) {
+function wo(e, t = {}) {
   const {
-    reset: n = !0,
-    windowResize: o = !0,
-    windowScroll: i = !0,
-    immediate: s = !0,
-    updateTiming: l = "sync"
-  } = t, a = g(0), f = g(0), r = g(0), d = g(0), p = g(0), c = g(0), u = g(0), v = g(0);
-  function b() {
-    const E = D(e);
-    if (!E) {
-      n && (a.value = 0, f.value = 0, r.value = 0, d.value = 0, p.value = 0, c.value = 0, u.value = 0, v.value = 0);
+    reset: o = !0,
+    windowResize: n = !0,
+    windowScroll: r = !0,
+    immediate: l = !0,
+    updateTiming: s = "sync"
+  } = t, i = O(0), a = O(0), c = O(0), d = O(0), f = O(0), u = O(0), m = O(0), v = O(0);
+  function x() {
+    const S = Z(e);
+    if (!S) {
+      o && (i.value = 0, a.value = 0, c.value = 0, d.value = 0, f.value = 0, u.value = 0, m.value = 0, v.value = 0);
       return;
     }
-    const I = E.getBoundingClientRect();
-    a.value = I.height, f.value = I.bottom, r.value = I.left, d.value = I.right, p.value = I.top, c.value = I.width, u.value = I.x, v.value = I.y;
+    const P = S.getBoundingClientRect();
+    i.value = P.height, a.value = P.bottom, c.value = P.left, d.value = P.right, f.value = P.top, u.value = P.width, m.value = P.x, v.value = P.y;
   }
-  function w() {
-    l === "sync" ? b() : l === "next-frame" && requestAnimationFrame(() => b());
+  function _() {
+    s === "sync" ? x() : s === "next-frame" && requestAnimationFrame(() => x());
   }
-  return kt(e, w), C(() => D(e), (E) => !E && w()), Pe(e, w, {
+  return yo(e, _), T(() => Z(e), (S) => !S && _()), qt(e, _, {
     attributeFilter: ["style", "class"]
-  }), i && Ae("scroll", w, { capture: !0, passive: !0 }), o && Ae("resize", w, { passive: !0 }), xt(() => {
-    s && w();
+  }), r && xt("scroll", _, { capture: !0, passive: !0 }), n && xt("resize", _, { passive: !0 }), vo(() => {
+    l && _();
   }), {
-    height: a,
-    bottom: f,
-    left: r,
+    height: i,
+    bottom: a,
+    left: c,
     right: d,
-    top: p,
-    width: c,
-    x: u,
+    top: f,
+    width: u,
+    x: m,
     y: v,
-    update: w
+    update: _
   };
 }
-const It = (e) => {
+const bo = (e) => {
   const t = new DOMParser().parseFromString(e, "text/html");
-  return Array.from(t.body.childNodes).some((n) => n.nodeType === 1);
-}, At = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], St = ["innerHTML"], Ot = { key: 2 }, We = /* @__PURE__ */ M({
+  return Array.from(t.body.childNodes).some((o) => o.nodeType === 1);
+}, Eo = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], So = ["innerHTML"], Oo = { key: 2 }, Qt = /* @__PURE__ */ K({
   __name: "ACell",
   props: {
     colIndex: {},
     rowIndex: {},
-    tableid: {},
+    store: {},
     addNavigation: { type: [Boolean, Object], default: !0 },
     tabIndex: { default: 0 },
     pinned: { type: Boolean }
   },
   setup(e) {
-    const t = Q(e.tableid), n = Z("cell"), { bottom: o, left: i } = Ct(n), s = t.cellData(e.colIndex, e.rowIndex), l = g(""), a = g(!1), f = t.table, r = t.columns[e.colIndex], d = t.rows[e.rowIndex], p = r.align || "center", c = r.width || "40ch", u = x(() => typeof b.value == "string" ? It(b.value) : !1), v = x(() => {
-      var h;
+    const t = De("cell"), { bottom: o, left: n } = wo(t), r = e.store.getCellData(e.colIndex, e.rowIndex), l = e.store.getCellDisplayValue(e.colIndex, e.rowIndex), s = O(""), i = O(!1), a = e.store.columns[e.colIndex], c = e.store.rows[e.rowIndex], d = a.align || "center", f = a.width || "40ch", u = $(() => typeof l == "string" ? bo(l) : !1), m = $(() => {
+      var S;
       return {
-        textAlign: p,
-        width: c,
-        backgroundColor: a.value ? "var(--sc-cell-modified)" : "inherit",
-        fontWeight: a.value ? "bold" : "inherit",
-        paddingLeft: Ge(e.colIndex, (h = t.display[e.rowIndex]) == null ? void 0 : h.indent)
+        textAlign: d,
+        width: f,
+        backgroundColor: i.value ? "var(--sc-cell-modified)" : "inherit",
+        fontWeight: i.value ? "bold" : "inherit",
+        paddingLeft: e.store.getIndent(e.colIndex, (S = e.store.display[e.rowIndex]) == null ? void 0 : S.indent)
       };
-    }), b = x(() => {
-      const h = t.cellData(e.colIndex, e.rowIndex);
-      return w(h);
-    }), w = (h) => {
-      const A = r.format;
-      return A ? typeof A == "function" ? A(h, { table: f, row: d, column: r }) : typeof A == "string" ? Function(`"use strict";return (${A})`)()(h, { table: f, row: d, column: r }) : h : h;
-    }, E = () => {
-      r.mask, r.modalComponent && (t.modal.visible = !0, t.modal.colIndex = e.colIndex, t.modal.rowIndex = e.rowIndex, t.modal.parent = n.value, t.modal.top = o.value, t.modal.left = i.value, t.modal.width = c, typeof r.modalComponent == "function" ? t.modal.component = r.modalComponent({ table: f, row: d, column: r }) : t.modal.component = r.modalComponent, t.modal.componentProps = r.modalComponentExtraProps);
+    }), v = () => {
+      a.mask, a.modalComponent && e.store.$patch((S) => {
+        S.modal.visible = !0, S.modal.colIndex = e.colIndex, S.modal.rowIndex = e.rowIndex, S.modal.parent = t.value, S.modal.top = o.value, S.modal.left = n.value, S.modal.width = f, typeof a.modalComponent == "function" ? S.modal.component = a.modalComponent({ table: S.table, row: c, column: a }) : S.modal.component = a.modalComponent, S.modal.componentProps = a.modalComponentExtraProps;
+      });
     };
     if (e.addNavigation) {
-      let h = {
-        ...me,
-        "keydown.f2": E,
-        "keydown.alt.up": E,
-        "keydown.alt.down": E,
-        "keydown.alt.left": E,
-        "keydown.alt.right": E
+      let S = {
+        ...ot,
+        "keydown.f2": v,
+        "keydown.alt.up": v,
+        "keydown.alt.down": v,
+        "keydown.alt.left": v,
+        "keydown.alt.right": v
       };
-      typeof e.addNavigation == "object" && (h = {
-        ...h,
+      typeof e.addNavigation == "object" && (S = {
+        ...S,
         ...e.addNavigation
-      }), ve([
+      }), st([
         {
-          selectors: n,
-          handlers: h
+          selectors: t,
+          handlers: S
         }
       ]);
     }
-    const I = () => {
-      n.value && (l.value = n.value.textContent);
+    const x = () => {
+      t.value && (s.value = t.value.textContent);
     }, _ = () => {
-      n.value && (r.format ? a.value = n.value.textContent !== w(s) : a.value = n.value.textContent !== s, n.value.textContent !== l.value && (l.value = n.value.textContent, n.value.dispatchEvent(new Event("change")), r.format || t.setCellData(e.rowIndex, e.colIndex, l.value)));
-    }, Ge = (h, A) => A && h === 0 && A > 0 ? `${A}ch` : "inherit";
-    return (h, A) => (y(), k("td", {
+      t.value && (a.format ? i.value = t.value.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, r) : i.value = t.value.textContent !== r, t.value.textContent !== s.value && (s.value = t.value.textContent, t.value.dispatchEvent(new Event("change")), a.format || e.store.setCellData(e.colIndex, e.rowIndex, s.value)));
+    };
+    return (S, P) => Ye((I(), N("td", {
       ref: "cell",
-      "data-colindex": h.colIndex,
-      "data-rowindex": h.rowIndex,
-      "data-editable": m(r).edit,
-      contenteditable: m(r).edit,
-      tabindex: h.tabIndex,
+      "data-colindex": S.colIndex,
+      "data-rowindex": S.rowIndex,
+      "data-editable": y(a).edit,
+      contenteditable: y(a).edit,
+      tabindex: S.tabIndex,
       spellcheck: !1,
-      style: P(v.value),
-      onFocus: I,
+      style: se(m.value),
+      onFocus: x,
       onPaste: _,
       onBlur: _,
       onInput: _,
-      onClick: E,
-      onMousedown: E,
-      class: N(["atable-cell", h.pinned ? "sticky-column" : ""])
+      onClick: v,
+      class: ue(["atable-cell", S.pinned ? "sticky-column" : ""])
     }, [
-      m(r).cellComponent ? (y(), Y(De(m(r).cellComponent), ae({
+      y(a).cellComponent ? (I(), Se(kt(y(a).cellComponent), qe({
         key: 0,
-        value: b.value
-      }, m(r).cellComponentProps), null, 16, ["value"])) : u.value ? (y(), k("span", {
+        value: y(l)
+      }, y(a).cellComponentProps), null, 16, ["value"])) : u.value ? (I(), N("span", {
         key: 1,
-        innerHTML: b.value
-      }, null, 8, St)) : (y(), k("span", Ot, B(b.value), 1))
-    ], 46, At));
+        innerHTML: y(l)
+      }, null, 8, So)) : (I(), N("span", Oo, de(y(l)), 1))
+    ], 46, Eo)), [
+      [y(ro), S.store.closeModal]
+    ]);
   }
-}), $t = ["tabindex"], Tt = ["tabindex"], Dt = ["colspan"], Mt = /* @__PURE__ */ M({
+}), _o = ["tabindex"], xo = ["tabindex"], Io = ["colspan"], ko = /* @__PURE__ */ K({
   __name: "AExpansionRow",
   props: {
     rowIndex: {},
-    tableid: {},
+    store: {},
     tabIndex: { default: () => -1 },
     addNavigation: { type: [Boolean, Object] }
   },
   setup(e) {
-    const t = Q(e.tableid), n = Z("rowEl"), o = x(() => t.display[e.rowIndex].expanded ? "▼" : "►");
+    const t = De("rowEl"), o = $(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
     if (e.addNavigation) {
-      const i = {
-        "keydown.control.g": (s) => {
-          s.stopPropagation(), s.preventDefault(), t.toggleRowExpand(e.rowIndex);
+      const n = {
+        "keydown.control.g": (r) => {
+          r.stopPropagation(), r.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
         }
       };
-      typeof e.addNavigation == "object" && Object.assign(i, e.addNavigation), ve([
+      typeof e.addNavigation == "object" && Object.assign(n, e.addNavigation), st([
         {
-          selectors: n,
-          handlers: i
+          selectors: t,
+          handlers: n
         }
       ]);
     }
-    return (i, s) => (y(), k(J, null, [
-      W("tr", ae(i.$attrs, {
+    return (n, r) => (I(), N(Ce, null, [
+      re("tr", qe(n.$attrs, {
         ref: "rowEl",
-        tabindex: i.tabIndex,
+        tabindex: n.tabIndex,
         class: "expandable-row"
       }), [
-        W("td", {
+        re("td", {
           tabIndex: -1,
-          onClick: s[0] || (s[0] = (l) => m(t).toggleRowExpand(i.rowIndex)),
+          onClick: r[0] || (r[0] = (l) => n.store.toggleRowExpand(n.rowIndex)),
           class: "row-index"
-        }, B(o.value), 1),
-        S(i.$slots, "row")
-      ], 16, $t),
-      m(t).display[i.rowIndex].expanded ? (y(), k("tr", {
+        }, de(o.value), 1),
+        R(n.$slots, "row")
+      ], 16, _o),
+      n.store.display[n.rowIndex].expanded ? (I(), N("tr", {
         key: 0,
         ref: "rowExpanded",
-        tabindex: i.tabIndex,
+        tabindex: n.tabIndex,
         class: "expanded-row"
       }, [
-        W("td", {
+        re("td", {
           tabIndex: -1,
-          colspan: m(t).columns.length + 1,
+          colspan: n.store.columns.length + 1,
           class: "expanded-row-content"
         }, [
-          S(i.$slots, "content")
-        ], 8, Dt)
-      ], 8, Tt)) : V("", !0)
+          R(n.$slots, "content")
+        ], 8, Io)
+      ], 8, xo)) : fe("", !0)
     ], 64));
   }
-}), Rt = ["tabindex"], He = /* @__PURE__ */ M({
+}), Ao = ["tabindex"], Xt = /* @__PURE__ */ K({
   __name: "ARow",
   props: {
     rowIndex: {},
-    tableid: {},
+    store: {},
     tabIndex: { default: () => -1 },
     addNavigation: { type: [Boolean, Object], default: !1 }
   },
   setup(e) {
-    const t = Q(e.tableid), n = Z("rowEl"), o = x(() => t.columns.some((a) => a.pinned)), i = x(() => t.config.view !== "tree" || t.display[e.rowIndex].isRoot || t.display[e.rowIndex].open), s = x(() => t.config.view !== "tree" ? "" : t.display[e.rowIndex].isRoot || t.display[e.rowIndex].isParent ? t.display[e.rowIndex].childrenOpen ? "-" : "+" : ""), l = (a) => {
-      t.toggleRowExpand(a);
-    };
+    const t = De("rowEl"), o = e.store.isRowVisible(e.rowIndex), n = e.store.getRowExpandSymbol(e.rowIndex);
     if (e.addNavigation) {
-      let a = me;
-      typeof e.addNavigation == "object" && (a = {
-        ...a,
+      let r = ot;
+      typeof e.addNavigation == "object" && (r = {
+        ...r,
         ...e.addNavigation
-      }), ve([
+      }), st([
         {
-          selectors: n,
-          handlers: a
+          selectors: t,
+          handlers: r
         }
       ]);
     }
-    return (a, f) => ne((y(), k("tr", {
+    return (r, l) => Ye((I(), N("tr", {
       ref: "rowEl",
-      tabindex: a.tabIndex,
+      tabindex: r.tabIndex,
       class: "table-row"
     }, [
-      m(t).config.view !== "uncounted" ? S(a.$slots, "index", { key: 0 }, () => [
-        m(t).config.view === "list" ? (y(), k("td", {
+      r.store.config.view !== "uncounted" ? R(r.$slots, "index", { key: 0 }, () => [
+        r.store.config.view === "list" ? (I(), N("td", {
           key: 0,
           tabIndex: -1,
-          class: N(["list-index", o.value ? "sticky-index" : ""])
-        }, B(a.rowIndex + 1), 3)) : m(t).config.view === "tree" ? (y(), k("td", {
+          class: ue(["list-index", r.store.hasPinnedColumns ? "sticky-index" : ""])
+        }, de(r.rowIndex + 1), 3)) : r.store.config.view === "tree" ? (I(), N("td", {
           key: 1,
           tabIndex: -1,
-          class: N(["tree-index", o.value ? "sticky-index" : ""]),
-          onClick: f[0] || (f[0] = (r) => l(a.rowIndex))
-        }, B(s.value), 3)) : V("", !0)
-      ]) : V("", !0),
-      S(a.$slots, "default")
-    ], 8, Rt)), [
-      [Me, i.value]
+          class: ue(["tree-index", r.store.hasPinnedColumns ? "sticky-index" : ""]),
+          onClick: l[0] || (l[0] = (s) => r.store.toggleRowExpand(r.rowIndex))
+        }, de(y(n)), 3)) : fe("", !0)
+      ]) : fe("", !0),
+      R(r.$slots, "default")
+    ], 8, Ao)), [
+      [At, y(o)]
     ]);
   }
-});
-function je(e) {
-  return ie() ? (se(e), !0) : !1;
-}
-function H(e) {
-  return typeof e == "function" ? e() : m(e);
-}
-const Ne = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Lt = Object.prototype.toString, Pt = (e) => Lt.call(e) === "[object Object]", j = () => {
-}, le = /* @__PURE__ */ Wt();
-function Wt() {
-  var e, t;
-  return Ne && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
-}
-const Se = {
-  mounted: "mounted",
-  updated: "updated",
-  unmounted: "unmounted"
-};
-function Ht(...e) {
-  if (e.length !== 1)
-    return Xe(...e);
-  const t = e[0];
-  return typeof t == "function" ? Je(Qe(() => ({ get: t, set: j }))) : g(t);
-}
-function L(e) {
-  var t;
-  const n = H(e);
-  return (t = n == null ? void 0 : n.$el) != null ? t : n;
-}
-const Be = Ne ? window : void 0;
-function X(...e) {
-  let t, n, o, i;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, i] = e, t = Be) : [t, n, o, i] = e, !t)
-    return j;
-  Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
-  const s = [], l = () => {
-    s.forEach((d) => d()), s.length = 0;
-  }, a = (d, p, c, u) => (d.addEventListener(p, c, u), () => d.removeEventListener(p, c, u)), f = C(
-    () => [L(t), H(i)],
-    ([d, p]) => {
-      if (l(), !d)
-        return;
-      const c = Pt(p) ? { ...p } : p;
-      s.push(
-        ...n.flatMap((u) => o.map((v) => a(d, u, v, c)))
-      );
-    },
-    { immediate: !0, flush: "post" }
-  ), r = () => {
-    f(), l();
-  };
-  return je(r), r;
-}
-let Oe = !1;
-function $e(e, t, n = {}) {
-  const { window: o = Be, ignore: i = [], capture: s = !0, detectIframe: l = !1 } = n;
-  if (!o)
-    return j;
-  le && !Oe && (Oe = !0, Array.from(o.document.body.children).forEach((c) => c.addEventListener("click", j)), o.document.documentElement.addEventListener("click", j));
-  let a = !0;
-  const f = (c) => i.some((u) => {
-    if (typeof u == "string")
-      return Array.from(o.document.querySelectorAll(u)).some((v) => v === c.target || c.composedPath().includes(v));
-    {
-      const v = L(u);
-      return v && (c.target === v || c.composedPath().includes(v));
-    }
-  }), d = [
-    X(o, "click", (c) => {
-      const u = L(e);
-      if (!(!u || u === c.target || c.composedPath().includes(u))) {
-        if (c.detail === 0 && (a = !f(c)), !a) {
-          a = !0;
-          return;
-        }
-        t(c);
-      }
-    }, { passive: !0, capture: s }),
-    X(o, "pointerdown", (c) => {
-      const u = L(e);
-      a = !f(c) && !!(u && !c.composedPath().includes(u));
-    }, { passive: !0 }),
-    l && X(o, "blur", (c) => {
-      setTimeout(() => {
-        var u;
-        const v = L(e);
-        ((u = o.document.activeElement) == null ? void 0 : u.tagName) === "IFRAME" && !(v != null && v.contains(o.document.activeElement)) && t(c);
-      }, 0);
-    })
-  ].filter(Boolean);
-  return () => d.forEach((c) => c());
-}
-const jt = {
-  [Se.mounted](e, t) {
-    const n = !t.modifiers.bubble;
-    if (typeof t.value == "function")
-      e.__onClickOutside_stop = $e(e, t.value, { capture: n });
-    else {
-      const [o, i] = t.value;
-      e.__onClickOutside_stop = $e(e, o, Object.assign({ capture: n }, i));
-    }
-  },
-  [Se.unmounted](e) {
-    e.__onClickOutside_stop();
-  }
-};
-function ee(e) {
-  return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
-}
-function Ve(e) {
-  const t = window.getComputedStyle(e);
-  if (t.overflowX === "scroll" || t.overflowY === "scroll" || t.overflowX === "auto" && e.clientWidth < e.scrollWidth || t.overflowY === "auto" && e.clientHeight < e.scrollHeight)
-    return !0;
-  {
-    const n = e.parentNode;
-    return !n || n.tagName === "BODY" ? !1 : Ve(n);
-  }
-}
-function Nt(e) {
-  const t = e || window.event, n = t.target;
-  return Ve(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
-}
-const te = /* @__PURE__ */ new WeakMap();
-function Bt(e, t = !1) {
-  const n = g(t);
-  let o = null, i = "";
-  C(Ht(e), (a) => {
-    const f = ee(H(a));
-    if (f) {
-      const r = f;
-      if (te.get(r) || te.set(r, r.style.overflow), r.style.overflow !== "hidden" && (i = r.style.overflow), r.style.overflow === "hidden")
-        return n.value = !0;
-      if (n.value)
-        return r.style.overflow = "hidden";
-    }
-  }, {
-    immediate: !0
-  });
-  const s = () => {
-    const a = ee(H(e));
-    !a || n.value || (le && (o = X(
-      a,
-      "touchmove",
-      (f) => {
-        Nt(f);
-      },
-      { passive: !1 }
-    )), a.style.overflow = "hidden", n.value = !0);
-  }, l = () => {
-    const a = ee(H(e));
-    !a || !n.value || (le && (o == null || o()), a.style.overflow = i, te.delete(a), n.value = !1);
-  };
-  return je(l), x({
-    get() {
-      return n.value;
-    },
-    set(a) {
-      a ? s() : l();
-    }
-  });
-}
-function Vt() {
-  let e = !1;
-  const t = g(!1);
-  return (n, o) => {
-    if (t.value = o.value, e)
-      return;
-    e = !0;
-    const i = Bt(n, o.value);
-    C(t, (s) => i.value = s);
-  };
-}
-Vt();
-class zt {
-  constructor(t, n, o, i, s, l) {
-    T(this, "id");
-    T(this, "rows");
-    T(this, "columns");
-    T(this, "config");
-    T(this, "table");
-    T(this, "display");
-    T(this, "modal");
-    this.id = t || crypto.randomUUID(), this.rows = o, this.columns = R(n), this.config = R(i), this.table = s || R(this.createTableObject()), this.display = this.createDisplayObject(l), this.modal = R({ visible: !1 });
-  }
-  createTableObject() {
-    const t = {};
-    for (const [n, o] of this.columns.entries())
-      for (const [i, s] of this.rows.entries())
-        t[`${n}:${i}`] = s[o.name];
-    return t;
-  }
-  createDisplayObject(t) {
-    const n = [Object.assign({}, { rowModified: !1 })];
-    if (t && "0:0" in t)
-      return t;
-    const o = /* @__PURE__ */ new Set();
-    for (let i = this.rows.length - 1; i >= 0; i--) {
-      const s = this.rows[i];
-      s.parent && o.add(s.parent), n[i] = {
-        childrenOpen: !1,
-        expanded: !1,
-        indent: s.indent || null,
-        isParent: o.has(i),
-        isRoot: s.parent === null || s.parent === void 0,
-        rowModified: !1,
-        open: s.parent === null || s.parent === void 0,
-        parent: s.parent
-      };
-    }
-    return R(n);
-  }
-  get zeroColumn() {
-    return ["list", "tree", "list-expansion"].includes(this.config.view);
-  }
-  get numberedRowWidth() {
-    return x(() => String(Math.ceil(this.rows.length / 100) + 1) + "ch");
-  }
-  cellData(t, n) {
-    return this.table[`${t}:${n}`];
-  }
-  setCellData(t, n, o) {
-    const i = `${n}:${t}`, s = this.columns[n];
-    return this.table[i] !== o && (this.display[t].rowModified = !0), this.table[i] = o, this.rows[t][s.name] = o, this.table[i];
-  }
-  toggleRowExpand(t) {
-    if (this.config.view === "tree") {
-      this.display[t].childrenOpen = !this.display[t].childrenOpen;
-      for (let n = this.rows.length - 1; n >= 0; n--)
-        this.display[n].parent === t && (this.display[n].open = !this.display[n].open, this.display[n].childrenOpen && this.toggleRowExpand(n));
-    } else this.config.view === "list-expansion" && (this.display[t].expanded = !this.display[t].expanded);
-  }
-}
-const Ft = {
+}), Co = {
   key: 0,
   id: "resizable"
-}, Gt = {
+}, No = {
   class: "atable-header-row",
   tabindex: "-1"
-}, ze = /* @__PURE__ */ M({
+}, Zt = /* @__PURE__ */ K({
   __name: "ATableHeader",
   props: {
     columns: {},
-    tableid: {}
+    store: {}
   },
   setup(e) {
-    const t = Q(e.tableid), n = x(() => t.columns.some((i) => i.pinned)), o = (i) => ({
-      minWidth: i.width || "40ch",
-      textAlign: i.align || "center",
-      width: t.config.fullWidth ? "auto" : null
-    });
-    return (i, s) => i.columns.length ? (y(), k("thead", Ft, [
-      W("tr", Gt, [
-        m(t).zeroColumn ? (y(), k("th", {
+    return (t, o) => t.columns.length ? (I(), N("thead", Co, [
+      re("tr", No, [
+        t.store.zeroColumn ? (I(), N("th", {
           key: 0,
           id: "header-index",
-          class: N([[
-            n.value ? "sticky-index" : "",
-            m(t).config.view === "tree" ? "tree-index" : "",
-            m(t).config.view === "list-expansion" ? "list-expansion-index" : ""
+          class: ue([[
+            t.store.hasPinnedColumns ? "sticky-index" : "",
+            t.store.config.view === "tree" ? "tree-index" : "",
+            t.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
-        }, null, 2)) : V("", !0),
-        (y(!0), k(J, null, oe(i.columns, (l, a) => (y(), k("th", {
-          key: l.name,
+        }, null, 2)) : fe("", !0),
+        (I(!0), N(Ce, null, We(t.columns, (n, r) => (I(), N("th", {
+          key: n.name,
           tabindex: "-1",
-          style: P(o(l)),
-          class: N(l.pinned ? "sticky-column" : "")
+          style: se(t.store.getHeaderCellStyle(n)),
+          class: ue(n.pinned ? "sticky-column" : "")
         }, [
-          S(i.$slots, "default", {}, () => [
-            Ze(B(l.label || String.fromCharCode(a + 97).toUpperCase()), 1)
+          R(t.$slots, "default", {}, () => [
+            cn(de(n.label || String.fromCharCode(r + 97).toUpperCase()), 1)
           ])
         ], 6))), 128))
       ])
-    ])) : V("", !0);
+    ])) : fe("", !0);
   }
-}), Fe = /* @__PURE__ */ M({
+}), Kt = /* @__PURE__ */ K({
   __name: "ATableModal",
   props: {
     colIndex: {},
     rowIndex: {},
-    tableid: {}
+    store: {}
   },
   setup(e) {
-    const t = (n) => {
-      n.stopPropagation();
+    const t = (o) => {
+      o.stopPropagation();
     };
-    return (n, o) => (y(), k("div", {
+    return (o, n) => (I(), N("div", {
       class: "amodal",
       tabindex: "-1",
       onClick: t,
       onInput: t
     }, [
-      S(n.$slots, "default")
+      R(o.$slots, "default")
     ], 32));
   }
-}), Ut = /* @__PURE__ */ M({
+}), $o = (e) => {
+  const t = e.id || crypto.randomUUID();
+  return (/* @__PURE__ */ jn(`table-${t}`, () => {
+    const n = () => {
+      const g = {};
+      for (const [E, h] of l.value.entries())
+        for (const [p, b] of s.value.entries())
+          g[`${E}:${p}`] = b[h.name];
+      return g;
+    }, r = (g) => {
+      const E = [Object.assign({}, { rowModified: !1 })];
+      if (g && "0:0" in g)
+        return g;
+      const h = /* @__PURE__ */ new Set();
+      for (let p = s.value.length - 1; p >= 0; p--) {
+        const b = s.value[p];
+        b.parent && h.add(b.parent), E[p] = {
+          childrenOpen: !1,
+          expanded: !1,
+          indent: b.indent || null,
+          isParent: h.has(p),
+          isRoot: b.parent === null || b.parent === void 0,
+          rowModified: !1,
+          open: b.parent === null || b.parent === void 0,
+          parent: b.parent
+        };
+      }
+      return E;
+    }, l = O(e.columns), s = O(e.rows), i = O(e.config || {}), a = O(e.table || n()), c = O(r(e.display)), d = O(e.modal || { visible: !1 }), f = $(() => l.value.some((g) => g.pinned)), u = $(() => `${Math.ceil(s.value.length / 100 + 1)}ch`), m = $(() => ["list", "tree", "list-expansion"].includes(i.value.view)), v = (g, E) => a.value[`${g}:${E}`], x = (g, E, h) => {
+      const p = `${g}:${E}`, b = l.value[g];
+      a.value[p] !== h && (c.value[E].rowModified = !0), a.value[p] = h, s.value[E][b.name] = h;
+    }, _ = (g) => ({
+      minWidth: g.width || "40ch",
+      textAlign: g.align || "center",
+      width: i.value.fullWidth ? "auto" : null
+    }), S = (g) => i.value.view !== "tree" || c.value[g].isRoot || c.value[g].open, P = (g) => i.value.view !== "tree" ? "" : c.value[g].isRoot || c.value[g].isParent ? c.value[g].childrenOpen ? "-" : "+" : "", ye = (g) => {
+      if (i.value.view === "tree") {
+        c.value[g].childrenOpen = !c.value[g].childrenOpen;
+        for (let E = s.value.length - 1; E >= 0; E--)
+          c.value[E].parent === g && (c.value[E].open = !c.value[E].open, c.value[E].childrenOpen && ye(E));
+      } else i.value.view === "list-expansion" && (c.value[g].expanded = !c.value[g].expanded);
+    }, ee = (g, E) => {
+      const h = v(g, E);
+      return B(g, E, h);
+    }, B = (g, E, h) => {
+      const p = l.value[g], b = s.value[E], k = p.format;
+      return k ? typeof k == "function" ? k(h, { table: a.value, row: b, column: p }) : typeof k == "string" ? Function(`"use strict";return (${k})`)()(h, { table: a.value, row: b, column: p }) : h : h;
+    };
+    return {
+      // state
+      columns: l,
+      rows: s,
+      config: i,
+      table: a,
+      display: c,
+      modal: d,
+      // getters
+      hasPinnedColumns: f,
+      numberedRowWidth: u,
+      zeroColumn: m,
+      // actions
+      closeModal: (g) => {
+        var E;
+        g.target instanceof Node && (E = d.value.parent) != null && E.contains(g.target) || d.value.visible && (d.value.visible = !1);
+      },
+      getCellData: v,
+      getCellDisplayValue: ee,
+      getFormattedValue: B,
+      getHeaderCellStyle: _,
+      getIndent: (g, E) => E && g === 0 && E > 0 ? `${E}ch` : "inherit",
+      getRowExpandSymbol: P,
+      isRowVisible: S,
+      setCellData: x,
+      toggleRowExpand: ye
+    };
+  }))();
+}, To = /* @__PURE__ */ K({
   __name: "ATable",
   props: {
     id: {},
@@ -987,129 +1949,130 @@ const Ft = {
     rows: { default: () => [] },
     config: { default: () => new Object() }
   },
-  emits: ["update:modelValue"],
-  setup(e, { expose: t, emit: n }) {
-    const o = n, i = Z("table"), s = e.modelValue ? e.modelValue : e.rows, l = new zt(e.id, e.columns, s, e.config);
-    Ke(l.id, l), C(
-      () => l.rows,
-      (r) => {
-        o("update:modelValue", r);
+  emits: ["update:modelValue", "cellUpdate"],
+  setup(e, { expose: t, emit: o }) {
+    const n = o, r = De("table"), l = e.modelValue ? e.modelValue : e.rows, s = $o({ columns: e.columns, rows: l, id: e.id, config: e.config });
+    s.$onAction(({ name: a, store: c, args: d }) => {
+      if (a === "setCellData") {
+        const [f, u, m] = d, v = c.getCellData(f, u);
+        n("cellUpdate", [f, u, m, v]);
+      }
+    }), T(
+      () => s.rows,
+      (a) => {
+        n("update:modelValue", a);
       },
       { deep: !0 }
-    ), G(() => {
-      e.columns.some((r) => r.pinned) && (a(), l.config.view === "tree" && Pe(i, a, { childList: !0, subtree: !0 }));
+    ), ve(() => {
+      e.columns.some((a) => a.pinned) && (i(), s.config.view === "tree" && qt(r, i, { childList: !0, subtree: !0 }));
     });
-    const a = () => {
-      const r = i.value, d = r.rows[0], p = r.rows[1], c = d ? Array.from(d.cells) : [];
-      for (const [u, v] of c.entries()) {
-        const b = p.cells[u];
-        b && (v.style.width = `${b.offsetWidth}px`);
+    const i = () => {
+      const a = r.value, c = a.rows[0], d = a.rows[1], f = c ? Array.from(c.cells) : [];
+      for (const [u, m] of f.entries()) {
+        const v = d.cells[u];
+        v && (m.style.width = `${v.offsetWidth}px`);
       }
-      for (const u of r.rows) {
-        let v = 0;
-        const b = [];
-        for (const w of u.cells)
-          (w.classList.contains("sticky-column") || w.classList.contains("sticky-index")) && (w.style.left = `${v}px`, v += w.offsetWidth, b.push(w));
-        b.length > 0 && b[b.length - 1].classList.add("sticky-column-edge");
+      for (const u of a.rows) {
+        let m = 0;
+        const v = [];
+        for (const x of u.cells)
+          (x.classList.contains("sticky-column") || x.classList.contains("sticky-index")) && (x.style.left = `${m}px`, m += x.offsetWidth, v.push(x));
+        v.length > 0 && v[v.length - 1].classList.add("sticky-column-edge");
       }
-    }, f = (r) => {
-      var d;
-      r.target instanceof Node && (d = l.modal.parent) != null && d.contains(r.target) || l.modal.visible && (l.modal.visible = !1);
     };
-    return window.addEventListener("keydown", (r) => {
-      if (r.key === "Escape" && l.modal.visible) {
-        l.modal.visible = !1;
-        const d = l.modal.parent;
-        d && Te().then(() => {
-          d.focus();
+    return window.addEventListener("keydown", (a) => {
+      if (a.key === "Escape" && s.modal.visible) {
+        s.modal.visible = !1;
+        const c = s.modal.parent;
+        c && Ae().then(() => {
+          c.focus();
         });
       }
-    }), t({ tableData: l }), (r, d) => ne((y(), k("table", {
+    }), t({ store: s }), (a, c) => (I(), N("table", {
       ref: "table",
       class: "atable",
-      style: P({ width: m(l).config.fullWidth ? "100%" : "auto" })
+      style: se({ width: y(s).config.fullWidth ? "100%" : "auto" })
     }, [
-      S(r.$slots, "header", { data: m(l) }, () => [
-        ye(ze, {
-          columns: m(l).columns,
-          tableid: m(l).id
-        }, null, 8, ["columns", "tableid"])
+      R(a.$slots, "header", { data: y(s) }, () => [
+        at(Zt, {
+          columns: y(s).columns,
+          store: y(s)
+        }, null, 8, ["columns", "store"])
       ], !0),
-      W("tbody", null, [
-        S(r.$slots, "body", { data: m(l) }, () => [
-          (y(!0), k(J, null, oe(m(l).rows, (p, c) => (y(), Y(He, {
-            key: p.id,
-            row: p,
-            rowIndex: c,
-            tableid: m(l).id
+      re("tbody", null, [
+        R(a.$slots, "body", { data: y(s) }, () => [
+          (I(!0), N(Ce, null, We(y(s).rows, (d, f) => (I(), Se(Xt, {
+            key: d.id,
+            row: d,
+            rowIndex: f,
+            store: y(s)
           }, {
-            default: be(() => [
-              (y(!0), k(J, null, oe(m(l).columns, (u, v) => (y(), Y(We, {
+            default: ct(() => [
+              (I(!0), N(Ce, null, We(y(s).columns, (u, m) => (I(), Se(Qt, {
                 key: u.name,
-                tableid: m(l).id,
+                store: y(s),
                 col: u,
                 spellcheck: "false",
                 pinned: u.pinned,
-                rowIndex: c,
-                colIndex: v,
+                rowIndex: f,
+                colIndex: m,
                 component: u.cellComponent,
-                style: P({
+                style: se({
                   textAlign: (u == null ? void 0 : u.align) || "center",
                   minWidth: (u == null ? void 0 : u.width) || "40ch",
-                  width: m(l).config.fullWidth ? "auto" : null
+                  width: y(s).config.fullWidth ? "auto" : null
                 })
-              }, null, 8, ["tableid", "col", "pinned", "rowIndex", "colIndex", "component", "style"]))), 128))
+              }, null, 8, ["store", "col", "pinned", "rowIndex", "colIndex", "component", "style"]))), 128))
             ]),
             _: 2
-          }, 1032, ["row", "rowIndex", "tableid"]))), 128))
+          }, 1032, ["row", "rowIndex", "store"]))), 128))
         ], !0)
       ]),
-      S(r.$slots, "footer", { data: m(l) }, void 0, !0),
-      S(r.$slots, "modal", { data: m(l) }, () => [
-        ne(ye(Fe, {
-          colIndex: m(l).modal.colIndex,
-          rowIndex: m(l).modal.rowIndex,
-          tableid: m(l).id,
-          style: P({
-            left: m(l).modal.left + "px",
-            top: m(l).modal.top + "px",
-            maxWidth: m(l).modal.width + "px"
+      R(a.$slots, "footer", { data: y(s) }, void 0, !0),
+      R(a.$slots, "modal", { data: y(s) }, () => [
+        Ye(at(Kt, {
+          colIndex: y(s).modal.colIndex,
+          rowIndex: y(s).modal.rowIndex,
+          store: y(s),
+          style: se({
+            left: y(s).modal.left + "px",
+            top: y(s).modal.top + "px",
+            maxWidth: y(s).modal.width + "px"
           })
         }, {
-          default: be(() => [
-            (y(), Y(De(m(l).modal.component), ae({
-              key: `${m(l).modal.rowIndex}:${m(l).modal.colIndex}`,
-              colIndex: m(l).modal.colIndex,
-              rowIndex: m(l).modal.rowIndex,
-              tableid: m(l).id
-            }, m(l).modal.componentProps), null, 16, ["colIndex", "rowIndex", "tableid"]))
+          default: ct(() => [
+            (I(), Se(kt(y(s).modal.component), qe({
+              key: `${y(s).modal.rowIndex}:${y(s).modal.colIndex}`,
+              colIndex: y(s).modal.colIndex,
+              rowIndex: y(s).modal.rowIndex,
+              store: y(s)
+            }, y(s).modal.componentProps), null, 16, ["colIndex", "rowIndex", "store"]))
           ]),
           _: 1
-        }, 8, ["colIndex", "rowIndex", "tableid", "style"]), [
-          [Me, m(l).modal.visible]
+        }, 8, ["colIndex", "rowIndex", "store", "style"]), [
+          [At, y(s).modal.visible]
         ])
       ], !0)
-    ], 4)), [
-      [m(jt), f]
-    ]);
+    ], 4));
   }
-}), qt = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [o, i] of t)
-    n[o] = i;
-  return n;
-}, Yt = /* @__PURE__ */ qt(Ut, [["__scopeId", "data-v-183c4dd3"]]);
-function Zt(e) {
-  e.component("ACell", We), e.component("AExpansionRow", Mt), e.component("ARow", He), e.component("ATable", Yt), e.component("ATableHeader", ze), e.component("ATableModal", Fe);
+}), Po = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [n, r] of t)
+    o[n] = r;
+  return o;
+}, Do = /* @__PURE__ */ Po(To, [["__scopeId", "data-v-20244978"]]);
+function Lo(e) {
+  const t = Dn();
+  e.use(t), e.component("ACell", Qt), e.component("AExpansionRow", ko), e.component("ARow", Xt), e.component("ATable", Do), e.component("ATableHeader", Zt), e.component("ATableModal", Kt);
 }
 export {
-  We as ACell,
-  Mt as AExpansionRow,
-  He as ARow,
-  Yt as ATable,
-  ze as ATableHeader,
-  Fe as ATableModal,
-  zt as TableDataStore,
-  Zt as install
+  Qt as ACell,
+  ko as AExpansionRow,
+  Xt as ARow,
+  Do as ATable,
+  Zt as ATableHeader,
+  Kt as ATableModal,
+  $o as createTableStore,
+  Lo as install
 };
 //# sourceMappingURL=atable.js.map