@stonecrop/atable 0.4.6 → 0.4.8

package/dist/atable.js

@@ -1,521 +1,614 @@
-import { onMounted as X, ref as E, watch as O, onBeforeUnmount as Qe, computed as k, unref as y, getCurrentScope as Pe, onScopeDispose as De, getCurrentInstance as ue, nextTick as He, toRef as Ze, readonly as Ke, customRef as _e, defineComponent as V, useTemplateRef as J, openBlock as C, createElementBlock as I, normalizeStyle as z, normalizeClass as F, createBlock as te, resolveDynamicComponent as We, mergeProps as de, toDisplayString as U, Fragment as oe, createElementVNode as P, renderSlot as R, createCommentVNode as q, withDirectives as ae, vShow as Ne, renderList as ie, createTextVNode as et, withModifiers as Ee, createVNode as Ce, withCtx as ke } from "vue";
-import { defineStore as tt } from "pinia";
-import './assets/index.css';function Ve(e) {
-  return Pe() ? (De(e), !0) : !1;
+import { onMounted as _, ref as R, watch as P, onBeforeUnmount as _e, computed as C, shallowRef as O, toValue as k, watchEffect as et, getCurrentScope as We, onScopeDispose as Ne, unref as y, getCurrentInstance as me, nextTick as Ve, toRef as tt, readonly as nt, customRef as ot, defineComponent as U, useTemplateRef as ee, createElementBlock as $, openBlock as E, normalizeClass as X, normalizeStyle as J, createBlock as se, resolveDynamicComponent as je, mergeProps as ve, toDisplayString as Q, Fragment as ae, createElementVNode as D, createCommentVNode as Z, renderSlot as L, withDirectives as ce, vShow as Be, renderList as de, createTextVNode as lt, withModifiers as Ie, createVNode as $e, withCtx as Ae } from "vue";
+import { defineStore as st } from "pinia";
+import './assets/index.css';function pe(e) {
+  return We() ? (Ne(e), !0) : !1;
 }
-function fe(e) {
-  return typeof e == "function" ? e() : y(e);
-}
-const nt = typeof window < "u" && typeof document < "u";
+const rt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const ot = (e) => e != null, lt = Object.prototype.toString, rt = (e) => lt.call(e) === "[object Object]", st = () => {
-}, Q = nt ? window : void 0;
-function G(e) {
+const at = (e) => e != null, it = Object.prototype.toString, ut = (e) => it.call(e) === "[object Object]", ct = () => {
+};
+function re(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function dt(e, t, n) {
+  return P(
+    e,
+    t,
+    {
+      ...n,
+      immediate: !0
+    }
+  );
+}
+const q = rt ? window : void 0;
+function z(e) {
   var t;
-  const n = fe(e);
+  const n = k(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function Y(...e) {
-  let t, n, o, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, a] = e, t = Q) : [t, n, o, a] = e, !t)
-    return st;
-  Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
-  const i = [], l = () => {
-    i.forEach((c) => c()), i.length = 0;
-  }, s = (c, u, d, m) => (c.addEventListener(u, d, m), () => c.removeEventListener(u, d, m)), f = O(
-    () => [G(t), fe(a)],
-    ([c, u]) => {
-      if (l(), !c)
+function K(...e) {
+  const t = [], n = () => {
+    t.forEach((o) => o()), t.length = 0;
+  }, s = (o, a, l, u) => (o.addEventListener(a, l, u), () => o.removeEventListener(a, l, u)), i = C(() => {
+    const o = re(k(e[0])).filter((a) => a != null);
+    return o.every((a) => typeof a != "string") ? o : void 0;
+  }), c = dt(
+    () => {
+      var o, a;
+      return [
+        (a = (o = i.value) == null ? void 0 : o.map((l) => z(l))) != null ? a : [q].filter((l) => l != null),
+        re(k(i.value ? e[1] : e[0])),
+        re(y(i.value ? e[2] : e[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        k(i.value ? e[3] : e[2])
+      ];
+    },
+    ([o, a, l, u]) => {
+      if (n(), !(o != null && o.length) || !(a != null && a.length) || !(l != null && l.length))
         return;
-      const d = rt(u) ? { ...u } : u;
-      i.push(
-        ...n.flatMap((m) => o.map((g) => s(c, m, g, d)))
+      const m = ut(u) ? { ...u } : u;
+      t.push(
+        ...o.flatMap(
+          (v) => a.flatMap(
+            (f) => l.map((b) => s(v, f, b, m))
+          )
+        )
       );
     },
-    { immediate: !0, flush: "post" }
+    { flush: "post" }
   ), r = () => {
-    f(), l();
+    c(), n();
   };
-  return Ve(r), r;
+  return pe(n), r;
 }
-function at() {
-  const e = E(!1), t = ue();
-  return t && X(() => {
+function ft() {
+  const e = O(!1), t = me();
+  return t && _(() => {
     e.value = !0;
   }, t), e;
 }
-function it(e) {
-  const t = at();
-  return k(() => (t.value, !!e()));
+function mt(e) {
+  const t = ft();
+  return C(() => (t.value, !!e()));
 }
-function ct(e, t, n = {}) {
-  const { window: o = Q, ...a } = n;
-  let i;
-  const l = it(() => o && "MutationObserver" in o), s = () => {
-    i && (i.disconnect(), i = void 0);
-  }, f = k(() => {
-    const d = fe(e), m = (Array.isArray(d) ? d : [d]).map(G).filter(ot);
-    return new Set(m);
-  }), r = O(
-    () => f.value,
-    (d) => {
-      s(), l.value && d.size && (i = new MutationObserver(t), d.forEach((m) => i.observe(m, a)));
+function vt(e, t, n = {}) {
+  const { window: s = q, ...i } = n;
+  let c;
+  const r = mt(() => s && "MutationObserver" in s), o = () => {
+    c && (c.disconnect(), c = void 0);
+  }, a = C(() => {
+    const v = k(e), f = re(v).map(z).filter(at);
+    return new Set(f);
+  }), l = P(
+    () => a.value,
+    (v) => {
+      o(), r.value && v.size && (c = new MutationObserver(t), v.forEach((f) => c.observe(f, i)));
     },
     { immediate: !0, flush: "post" }
-  ), c = () => i == null ? void 0 : i.takeRecords(), u = () => {
-    r(), s();
+  ), u = () => c == null ? void 0 : c.takeRecords(), m = () => {
+    l(), o();
   };
-  return Ve(u), {
-    isSupported: l,
-    stop: u,
-    takeRecords: c
+  return pe(m), {
+    isSupported: r,
+    stop: m,
+    takeRecords: u
+  };
+}
+function pt(e, t, n = {}) {
+  const {
+    window: s = q,
+    document: i = s == null ? void 0 : s.document,
+    flush: c = "sync"
+  } = n;
+  if (!s || !i)
+    return ct;
+  let r;
+  const o = (u) => {
+    r == null || r(), r = u;
+  }, a = et(() => {
+    const u = z(e);
+    if (u) {
+      const { stop: m } = vt(
+        i,
+        (v) => {
+          v.map((f) => [...f.removedNodes]).flat().some((f) => f === u || f.contains(u)) && t(v);
+        },
+        {
+          window: s,
+          childList: !0,
+          subtree: !0
+        }
+      );
+      o(m);
+    }
+  }, { flush: c }), l = () => {
+    a(), o();
   };
+  return pe(l), l;
 }
-function ut(e = {}) {
+function ht(e = {}) {
   var t;
   const {
-    window: n = Q,
-    deep: o = !0,
-    triggerOnRemoval: a = !1
-  } = e, i = (t = e.document) != null ? t : n == null ? void 0 : n.document, l = () => {
-    var r;
-    let c = i == null ? void 0 : i.activeElement;
-    if (o)
-      for (; c != null && c.shadowRoot; )
-        c = (r = c == null ? void 0 : c.shadowRoot) == null ? void 0 : r.activeElement;
-    return c;
-  }, s = E(), f = () => {
-    s.value = l();
+    window: n = q,
+    deep: s = !0,
+    triggerOnRemoval: i = !1
+  } = e, c = (t = e.document) != null ? t : n == null ? void 0 : n.document, r = () => {
+    var l;
+    let u = c == null ? void 0 : c.activeElement;
+    if (s)
+      for (; u != null && u.shadowRoot; )
+        u = (l = u == null ? void 0 : u.shadowRoot) == null ? void 0 : l.activeElement;
+    return u;
+  }, o = R(), a = () => {
+    o.value = r();
   };
-  return n && (Y(n, "blur", (r) => {
-    r.relatedTarget === null && f();
-  }, !0), Y(n, "focus", f, !0)), a && ct(i, (r) => {
-    r.filter((c) => c.removedNodes.length).map((c) => Array.from(c.removedNodes)).flat().forEach((c) => {
-      c === s.value && f();
-    });
-  }, {
-    childList: !0,
-    subtree: !0
-  }), f(), s;
+  if (n) {
+    const l = {
+      capture: !0,
+      passive: !0
+    };
+    K(
+      n,
+      "blur",
+      (u) => {
+        u.relatedTarget === null && a();
+      },
+      l
+    ), K(
+      n,
+      "focus",
+      a,
+      l
+    );
+  }
+  return i && pt(o, a, { document: c }), a(), o;
 }
-const dt = "focusin", ft = "focusout";
-function mt(e, t = {}) {
-  const { window: n = Q } = t, o = k(() => G(e)), a = E(!1), i = k(() => a.value), l = ut(t);
-  return !n || !l.value ? { focused: i } : (Y(o, dt, () => a.value = !0), Y(o, ft, () => a.value = !1), { focused: i });
+const wt = "focusin", gt = "focusout", bt = ":focus-within";
+function yt(e, t = {}) {
+  const { window: n = q } = t, s = C(() => z(e)), i = O(!1), c = C(() => i.value), r = ht(t);
+  if (!n || !r.value)
+    return { focused: c };
+  const o = { passive: !0 };
+  return K(s, wt, () => i.value = !0, o), K(s, gt, () => {
+    var a, l, u;
+    return i.value = (u = (l = (a = s.value) == null ? void 0 : a.matches) == null ? void 0 : l.call(a, bt)) != null ? u : !1;
+  }, o), { focused: c };
 }
-function vt(e, { window: t = Q, scrollTarget: n } = {}) {
-  const o = E(!1), a = () => {
+function xt(e, { window: t = q, scrollTarget: n } = {}) {
+  const s = R(!1), i = () => {
     if (!t) return;
-    const i = t.document, l = G(e);
-    if (!l)
-      o.value = !1;
+    const c = t.document, r = z(e);
+    if (!r)
+      s.value = !1;
     else {
-      const s = l.getBoundingClientRect();
-      o.value = s.top <= (t.innerHeight || i.documentElement.clientHeight) && s.left <= (t.innerWidth || i.documentElement.clientWidth) && s.bottom >= 0 && s.right >= 0;
+      const o = r.getBoundingClientRect();
+      s.value = o.top <= (t.innerHeight || c.documentElement.clientHeight) && o.left <= (t.innerWidth || c.documentElement.clientWidth) && o.bottom >= 0 && o.right >= 0;
     }
   };
-  return O(
-    () => G(e),
-    () => a(),
+  return P(
+    () => z(e),
+    () => i(),
     { immediate: !0, flush: "post" }
-  ), t && Y(n || t, "scroll", a, {
+  ), t && K(n || t, "scroll", i, {
     capture: !1,
     passive: !0
-  }), o;
+  }), s;
 }
-const D = (e) => {
-  let t = vt(e).value;
+const H = (e) => {
+  let t = xt(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, H = (e) => e.tabIndex >= 0, Ae = (e) => {
+}, W = (e) => e.tabIndex >= 0, Se = (e) => {
   const t = e.target;
-  return me(t);
-}, me = (e) => {
+  return he(t);
+}, he = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
-    const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
-    if (o) {
-      const a = Array.from(o.children)[e.cellIndex];
-      a && (n = a);
+    const s = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
+    if (s) {
+      const i = Array.from(s.children)[e.cellIndex];
+      i && (n = i);
     }
   } else if (e instanceof HTMLTableRowElement) {
-    const o = e.previousElementSibling;
-    o && (n = o);
+    const s = e.previousElementSibling;
+    s && (n = s);
   }
-  return n && (!H(n) || !D(n)) ? me(n) : n;
-}, pt = (e) => {
+  return n && (!W(n) || !H(n)) ? he(n) : n;
+}, Et = (e) => {
   var t;
   const n = e.target;
-  let o;
+  let s;
   if (n instanceof HTMLTableCellElement) {
-    const a = (t = n.parentElement) == null ? void 0 : t.parentElement;
-    if (a) {
-      const i = a.firstElementChild, l = i == null ? void 0 : i.children[n.cellIndex];
-      l && (o = l);
+    const i = (t = n.parentElement) == null ? void 0 : t.parentElement;
+    if (i) {
+      const c = i.firstElementChild, r = c == null ? void 0 : c.children[n.cellIndex];
+      r && (s = r);
     }
   } else if (n instanceof HTMLTableRowElement) {
-    const a = n.parentElement;
-    if (a) {
-      const i = a.firstElementChild;
-      i && (o = i);
+    const i = n.parentElement;
+    if (i) {
+      const c = i.firstElementChild;
+      c && (s = c);
     }
   }
-  return o && (!H(o) || !D(o)) ? ve(o) : o;
-}, Ie = (e) => {
+  return s && (!W(s) || !H(s)) ? we(s) : s;
+}, Te = (e) => {
   const t = e.target;
-  return ve(t);
-}, ve = (e) => {
+  return we(t);
+}, we = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
-    const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
-    if (o) {
-      const a = Array.from(o.children)[e.cellIndex];
-      a && (n = a);
+    const s = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
+    if (s) {
+      const i = Array.from(s.children)[e.cellIndex];
+      i && (n = i);
     }
   } else if (e instanceof HTMLTableRowElement) {
-    const o = e.nextElementSibling;
-    o && (n = o);
+    const s = e.nextElementSibling;
+    s && (n = s);
   }
-  return n && (!H(n) || !D(n)) ? ve(n) : n;
-}, wt = (e) => {
+  return n && (!W(n) || !H(n)) ? we(n) : n;
+}, Ct = (e) => {
   var t;
   const n = e.target;
-  let o;
+  let s;
   if (n instanceof HTMLTableCellElement) {
-    const a = (t = n.parentElement) == null ? void 0 : t.parentElement;
-    if (a) {
-      const i = a.lastElementChild, l = i == null ? void 0 : i.children[n.cellIndex];
-      l && (o = l);
+    const i = (t = n.parentElement) == null ? void 0 : t.parentElement;
+    if (i) {
+      const c = i.lastElementChild, r = c == null ? void 0 : c.children[n.cellIndex];
+      r && (s = r);
     }
   } else if (n instanceof HTMLTableRowElement) {
-    const a = n.parentElement;
-    if (a) {
-      const i = a.lastElementChild;
-      i && (o = i);
+    const i = n.parentElement;
+    if (i) {
+      const c = i.lastElementChild;
+      c && (s = c);
     }
   }
-  return o && (!H(o) || !D(o)) ? me(o) : o;
-}, $e = (e) => {
+  return s && (!W(s) || !H(s)) ? he(s) : s;
+}, Me = (e) => {
   const t = e.target;
-  return pe(t);
-}, pe = (e) => {
+  return ge(t);
+}, ge = (e) => {
   var t;
   let n;
   if (e.previousElementSibling)
     n = e.previousElementSibling;
   else {
-    const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
-    n = o == null ? void 0 : o.lastElementChild;
+    const s = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
+    n = s == null ? void 0 : s.lastElementChild;
   }
-  return n && (!H(n) || !D(n)) ? pe(n) : n;
-}, Se = (e) => {
+  return n && (!W(n) || !H(n)) ? ge(n) : n;
+}, Re = (e) => {
   const t = e.target;
-  return we(t);
-}, we = (e) => {
+  return be(t);
+}, be = (e) => {
   var t;
   let n;
   if (e.nextElementSibling)
     n = e.nextElementSibling;
   else {
-    const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
-    n = o == null ? void 0 : o.firstElementChild;
+    const s = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
+    n = s == null ? void 0 : s.firstElementChild;
   }
-  return n && (!H(n) || !D(n)) ? we(n) : n;
-}, Te = (e) => {
+  return n && (!W(n) || !H(n)) ? be(n) : n;
+}, Oe = (e) => {
   const t = e.target.parentElement, n = t == null ? void 0 : t.firstElementChild;
-  return n && (!H(n) || !D(n)) ? we(n) : n;
-}, Me = (e) => {
+  return n && (!W(n) || !H(n)) ? be(n) : n;
+}, Le = (e) => {
   const t = e.target.parentElement, n = t == null ? void 0 : t.lastElementChild;
-  return n && (!H(n) || !D(n)) ? pe(n) : n;
-}, ee = ["alt", "control", "shift", "meta"], ht = {
+  return n && (!W(n) || !H(n)) ? ge(n) : n;
+}, le = ["alt", "control", "shift", "meta"], kt = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, he = {
+}, ye = {
   "keydown.up": (e) => {
-    const t = Ae(e);
+    const t = Se(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
-    const t = Ie(e);
+    const t = Te(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = $e(e);
+    const t = Me(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = Se(e);
+    const t = Re(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = pt(e);
+    const t = Et(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = wt(e);
+    const t = Ct(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = Te(e);
+    const t = Oe(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = Me(e);
+    const t = Le(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = Me(e);
+    const t = Le(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = Ie(e);
+      const t = Te(e);
       t && t.focus();
     }
   },
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = Ae(e);
+      const t = Se(e);
       t && t.focus();
     }
   },
   "keydown.home": (e) => {
-    const t = Te(e);
+    const t = Oe(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = Se(e);
+    const t = Re(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = $e(e);
+    const t = Me(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
-function ge(e) {
-  const t = (l) => {
-    let s = null;
-    return l.parent && (typeof l.parent == "string" ? s = document.querySelector(l.parent) : l.parent instanceof HTMLElement ? s = l.parent : s = l.parent.value), s;
-  }, n = (l) => {
-    var s;
-    const f = t(l);
-    let r = [];
-    if (typeof l.selectors == "string")
-      r = f ? Array.from(f.querySelectorAll(l.selectors)) : Array.from(document.querySelectorAll(l.selectors));
-    else if (Array.isArray(l.selectors))
-      for (const c of l.selectors)
-        c instanceof HTMLElement ? r.push(c) : r.push(c.$el);
-    else if (l.selectors instanceof HTMLElement)
-      r.push(l.selectors);
-    else if ((s = l.selectors) != null && s.value)
-      if (Array.isArray(l.selectors.value))
-        for (const c of l.selectors.value)
-          c instanceof HTMLElement ? r.push(c) : r.push(c.$el);
+function xe(e) {
+  const t = (r) => {
+    let o = null;
+    return r.parent && (typeof r.parent == "string" ? o = document.querySelector(r.parent) : r.parent instanceof HTMLElement ? o = r.parent : o = r.parent.value), o;
+  }, n = (r) => {
+    var o;
+    const a = t(r);
+    let l = [];
+    if (typeof r.selectors == "string")
+      l = a ? Array.from(a.querySelectorAll(r.selectors)) : Array.from(document.querySelectorAll(r.selectors));
+    else if (Array.isArray(r.selectors))
+      for (const u of r.selectors)
+        u instanceof HTMLElement ? l.push(u) : l.push(u.$el);
+    else if (r.selectors instanceof HTMLElement)
+      l.push(r.selectors);
+    else if ((o = r.selectors) != null && o.value)
+      if (Array.isArray(r.selectors.value))
+        for (const u of r.selectors.value)
+          u instanceof HTMLElement ? l.push(u) : l.push(u.$el);
       else
-        r.push(l.selectors.value);
-    return r;
-  }, o = (l) => {
-    const s = t(l);
-    let f = [];
-    return l.selectors ? f = n(l) : s && (f = Array.from(s.children).filter((r) => H(r) && D(r))), f;
-  }, a = (l) => (s) => {
-    const f = ht[s.key] || s.key.toLowerCase();
-    if (ee.includes(f)) return;
-    const r = l.handlers || he;
-    for (const c of Object.keys(r)) {
-      const [u, ...d] = c.split(".");
-      if (u === "keydown" && d.includes(f)) {
-        const m = r[c], g = d.filter((p) => ee.includes(p)), v = ee.some((p) => {
-          const x = p.charAt(0).toUpperCase() + p.slice(1);
-          return s.getModifierState(x);
+        l.push(r.selectors.value);
+    return l;
+  }, s = (r) => {
+    const o = t(r);
+    let a = [];
+    return r.selectors ? a = n(r) : o && (a = Array.from(o.children).filter((l) => W(l) && H(l))), a;
+  }, i = (r) => (o) => {
+    const a = kt[o.key] || o.key.toLowerCase();
+    if (le.includes(a)) return;
+    const l = r.handlers || ye;
+    for (const u of Object.keys(l)) {
+      const [m, ...v] = u.split(".");
+      if (m === "keydown" && v.includes(a)) {
+        const f = l[u], b = v.filter((d) => le.includes(d)), x = le.some((d) => {
+          const w = d.charAt(0).toUpperCase() + d.slice(1);
+          return o.getModifierState(w);
         });
-        if (g.length > 0) {
-          if (v) {
-            for (const p of ee)
-              if (d.includes(p)) {
-                const x = p.charAt(0).toUpperCase() + p.slice(1);
-                s.getModifierState(x) && m(s);
+        if (b.length > 0) {
+          if (x) {
+            for (const d of le)
+              if (v.includes(d)) {
+                const w = d.charAt(0).toUpperCase() + d.slice(1);
+                o.getModifierState(w) && f(o);
               }
           }
         } else
-          v || m(s);
+          x || f(o);
       }
     }
-  }, i = [];
-  X(() => {
-    for (const l of e) {
-      const s = t(l), f = o(l), r = a(l), c = s ? [s] : f;
-      for (const u of c) {
-        const { focused: d } = mt(E(u)), m = O(d, (g) => {
-          g ? u.addEventListener("keydown", r) : u.removeEventListener("keydown", r);
+  }, c = [];
+  _(() => {
+    for (const r of e) {
+      const o = t(r), a = s(r), l = i(r), u = o ? [o] : a;
+      for (const m of u) {
+        const { focused: v } = yt(R(m)), f = P(v, (b) => {
+          b ? m.addEventListener("keydown", l) : m.removeEventListener("keydown", l);
         });
-        i.push(m);
+        c.push(f);
       }
     }
-  }), Qe(() => {
-    for (const l of i)
-      l();
+  }), _e(() => {
+    for (const r of c)
+      r();
   });
 }
-function Z(e) {
-  return Pe() ? (De(e), !0) : !1;
-}
-function L(e) {
-  return typeof e == "function" ? e() : y(e);
+function te(e) {
+  return We() ? (Ne(e), !0) : !1;
 }
-const ye = typeof window < "u" && typeof document < "u";
+const Ee = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const gt = (e) => e != null, yt = Object.prototype.toString, je = (e) => yt.call(e) === "[object Object]", W = () => {
-}, ce = /* @__PURE__ */ bt();
-function bt() {
+const It = (e) => e != null, $t = Object.prototype.toString, ze = (e) => $t.call(e) === "[object Object]", N = () => {
+}, fe = /* @__PURE__ */ At();
+function At() {
   var e, t;
-  return ye && ((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));
+  return Ee && ((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));
 }
-function xt(e) {
-  return ue();
+function St(e) {
+  return me();
 }
-function Et(...e) {
+function V(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function Tt(...e) {
   if (e.length !== 1)
-    return Ze(...e);
+    return tt(...e);
   const t = e[0];
-  return typeof t == "function" ? Ke(_e(() => ({ get: t, set: W }))) : E(t);
+  return typeof t == "function" ? nt(ot(() => ({ get: t, set: N }))) : R(t);
+}
+function Mt(e, t = !0, n) {
+  St() ? _(e, n) : t ? e() : Ve(e);
 }
-function Ct(e, t = !0, n) {
-  xt() ? X(e, n) : t ? e() : He(e);
+function Fe(e, t, n) {
+  return P(
+    e,
+    t,
+    {
+      ...n,
+      immediate: !0
+    }
+  );
 }
-const be = ye ? window : void 0;
-function N(e) {
+const Ce = Ee ? window : void 0;
+function F(e) {
   var t;
-  const n = L(e);
+  const n = k(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function Re(...e) {
-  let t, n, o, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, a] = e, t = be) : [t, n, o, a] = e, !t)
-    return W;
-  Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
-  const i = [], l = () => {
-    i.forEach((c) => c()), i.length = 0;
-  }, s = (c, u, d, m) => (c.addEventListener(u, d, m), () => c.removeEventListener(u, d, m)), f = O(
-    () => [N(t), L(a)],
-    ([c, u]) => {
-      if (l(), !c)
+function Pe(...e) {
+  const t = [], n = () => {
+    t.forEach((o) => o()), t.length = 0;
+  }, s = (o, a, l, u) => (o.addEventListener(a, l, u), () => o.removeEventListener(a, l, u)), i = C(() => {
+    const o = V(k(e[0])).filter((a) => a != null);
+    return o.every((a) => typeof a != "string") ? o : void 0;
+  }), c = Fe(
+    () => {
+      var o, a;
+      return [
+        (a = (o = i.value) == null ? void 0 : o.map((l) => F(l))) != null ? a : [Ce].filter((l) => l != null),
+        V(k(i.value ? e[1] : e[0])),
+        V(y(i.value ? e[2] : e[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        k(i.value ? e[3] : e[2])
+      ];
+    },
+    ([o, a, l, u]) => {
+      if (n(), !(o != null && o.length) || !(a != null && a.length) || !(l != null && l.length))
         return;
-      const d = je(u) ? { ...u } : u;
-      i.push(
-        ...n.flatMap((m) => o.map((g) => s(c, m, g, d)))
+      const m = ze(u) ? { ...u } : u;
+      t.push(
+        ...o.flatMap(
+          (v) => a.flatMap(
+            (f) => l.map((b) => s(v, f, b, m))
+          )
+        )
       );
     },
-    { immediate: !0, flush: "post" }
+    { flush: "post" }
   ), r = () => {
-    f(), l();
+    c(), n();
   };
-  return Z(r), r;
+  return te(n), r;
 }
-function kt() {
-  const e = E(!1), t = ue();
-  return t && X(() => {
+function Rt() {
+  const e = O(!1), t = me();
+  return t && _(() => {
     e.value = !0;
   }, t), e;
 }
-function Be(e) {
-  const t = kt();
-  return k(() => (t.value, !!e()));
+function Ue(e) {
+  const t = Rt();
+  return C(() => (t.value, !!e()));
 }
-function ze(e, t, n = {}) {
-  const { window: o = be, ...a } = n;
-  let i;
-  const l = Be(() => o && "MutationObserver" in o), s = () => {
-    i && (i.disconnect(), i = void 0);
-  }, f = k(() => {
-    const d = L(e), m = (Array.isArray(d) ? d : [d]).map(N).filter(gt);
-    return new Set(m);
-  }), r = O(
-    () => f.value,
-    (d) => {
-      s(), l.value && d.size && (i = new MutationObserver(t), d.forEach((m) => i.observe(m, a)));
+function qe(e, t, n = {}) {
+  const { window: s = Ce, ...i } = n;
+  let c;
+  const r = Ue(() => s && "MutationObserver" in s), o = () => {
+    c && (c.disconnect(), c = void 0);
+  }, a = C(() => {
+    const v = k(e), f = V(v).map(F).filter(It);
+    return new Set(f);
+  }), l = P(
+    () => a.value,
+    (v) => {
+      o(), r.value && v.size && (c = new MutationObserver(t), v.forEach((f) => c.observe(f, i)));
     },
     { immediate: !0, flush: "post" }
-  ), c = () => i == null ? void 0 : i.takeRecords(), u = () => {
-    r(), s();
+  ), u = () => c == null ? void 0 : c.takeRecords(), m = () => {
+    l(), o();
   };
-  return Z(u), {
-    isSupported: l,
-    stop: u,
-    takeRecords: c
+  return te(m), {
+    isSupported: r,
+    stop: m,
+    takeRecords: u
   };
 }
-function At(e, t, n = {}) {
-  const { window: o = be, ...a } = n;
-  let i;
-  const l = Be(() => o && "ResizeObserver" in o), s = () => {
-    i && (i.disconnect(), i = void 0);
-  }, f = k(() => {
-    const u = L(e);
-    return Array.isArray(u) ? u.map((d) => N(d)) : [N(u)];
-  }), r = O(
-    f,
-    (u) => {
-      if (s(), l.value && o) {
-        i = new ResizeObserver(t);
-        for (const d of u)
-          d && i.observe(d, a);
+function Ot(e, t, n = {}) {
+  const { window: s = Ce, ...i } = n;
+  let c;
+  const r = Ue(() => s && "ResizeObserver" in s), o = () => {
+    c && (c.disconnect(), c = void 0);
+  }, a = C(() => {
+    const m = k(e);
+    return Array.isArray(m) ? m.map((v) => F(v)) : [F(m)];
+  }), l = P(
+    a,
+    (m) => {
+      if (o(), r.value && s) {
+        c = new ResizeObserver(t);
+        for (const v of m)
+          v && c.observe(v, i);
       }
     },
     { immediate: !0, flush: "post" }
-  ), c = () => {
-    s(), r();
+  ), u = () => {
+    o(), l();
   };
-  return Z(c), {
-    isSupported: l,
-    stop: c
+  return te(u), {
+    isSupported: r,
+    stop: u
   };
 }
-function Fe(e, t = {}) {
+function Ye(e, t = {}) {
   const {
     reset: n = !0,
-    windowResize: o = !0,
-    windowScroll: a = !0,
-    immediate: i = !0,
-    updateTiming: l = "sync"
-  } = t, s = E(0), f = E(0), r = E(0), c = E(0), u = E(0), d = E(0), m = E(0), g = E(0);
-  function v() {
-    const x = N(e);
-    if (!x) {
-      n && (s.value = 0, f.value = 0, r.value = 0, c.value = 0, u.value = 0, d.value = 0, m.value = 0, g.value = 0);
+    windowResize: s = !0,
+    windowScroll: i = !0,
+    immediate: c = !0,
+    updateTiming: r = "sync"
+  } = t, o = O(0), a = O(0), l = O(0), u = O(0), m = O(0), v = O(0), f = O(0), b = O(0);
+  function x() {
+    const w = F(e);
+    if (!w) {
+      n && (o.value = 0, a.value = 0, l.value = 0, u.value = 0, m.value = 0, v.value = 0, f.value = 0, b.value = 0);
       return;
     }
-    const b = x.getBoundingClientRect();
-    s.value = b.height, f.value = b.bottom, r.value = b.left, c.value = b.right, u.value = b.top, d.value = b.width, m.value = b.x, g.value = b.y;
+    const h = w.getBoundingClientRect();
+    o.value = h.height, a.value = h.bottom, l.value = h.left, u.value = h.right, m.value = h.top, v.value = h.width, f.value = h.x, b.value = h.y;
   }
-  function p() {
-    l === "sync" ? v() : l === "next-frame" && requestAnimationFrame(() => v());
+  function d() {
+    r === "sync" ? x() : r === "next-frame" && requestAnimationFrame(() => x());
   }
-  return At(e, p), O(() => N(e), (x) => !x && p()), ze(e, p, {
+  return Ot(e, d), P(() => F(e), (w) => !w && d()), qe(e, d, {
     attributeFilter: ["style", "class"]
-  }), a && Re("scroll", p, { capture: !0, passive: !0 }), o && Re("resize", p, { passive: !0 }), Ct(() => {
-    i && p();
+  }), i && Pe("scroll", d, { capture: !0, passive: !0 }), s && Pe("resize", d, { passive: !0 }), Mt(() => {
+    c && d();
   }), {
-    height: s,
-    bottom: f,
-    left: r,
-    right: c,
-    top: u,
-    width: d,
-    x: m,
-    y: g,
-    update: p
+    height: o,
+    bottom: a,
+    left: l,
+    right: u,
+    top: m,
+    width: v,
+    x: f,
+    y: b,
+    update: d
   };
 }
-const It = (e) => {
+const Lt = (e) => {
   const t = new DOMParser().parseFromString(e, "text/html");
   return Array.from(t.body.childNodes).some((n) => n.nodeType === 1);
-}, $t = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), St = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Tt = ["innerHTML"], Mt = { key: 2 }, Ue = /* @__PURE__ */ V({
+}, Pt = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), Dt = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Ht = ["innerHTML"], Wt = { key: 2 }, Ge = /* @__PURE__ */ U({
   __name: "ACell",
   props: {
     colIndex: {},
@@ -527,73 +620,73 @@ const It = (e) => {
   },
   emits: ["cellInput"],
   setup(e, { emit: t }) {
-    const n = t, o = J("cell"), a = e.store.getCellData(e.colIndex, e.rowIndex), i = E(""), l = E(!1), s = e.store.columns[e.colIndex], f = e.store.rows[e.rowIndex], r = s.align || "center", c = s.width || "40ch", u = k(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), d = k(() => typeof u.value == "string" ? It(u.value) : !1), m = k(() => {
-      var b;
+    const n = t, s = ee("cell"), i = e.store.getCellData(e.colIndex, e.rowIndex), c = R(""), r = R(!1), o = e.store.columns[e.colIndex], a = e.store.rows[e.rowIndex], l = o.align || "center", u = o.width || "40ch", m = C(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), v = C(() => typeof m.value == "string" ? Lt(m.value) : !1), f = C(() => {
+      var h;
       return {
-        textAlign: r,
-        width: c,
-        fontWeight: l.value ? "bold" : "inherit",
-        paddingLeft: e.store.getIndent(e.colIndex, (b = e.store.display[e.rowIndex]) == null ? void 0 : b.indent)
+        textAlign: l,
+        width: u,
+        fontWeight: r.value ? "bold" : "inherit",
+        paddingLeft: e.store.getIndent(e.colIndex, (h = e.store.display[e.rowIndex]) == null ? void 0 : h.indent)
       };
-    }), g = k(() => ({
+    }), b = C(() => ({
       "sticky-column": e.pinned,
-      "cell-modified": l.value
-    })), v = () => {
-      const { left: b, bottom: S, width: le, height: _ } = Fe(o);
-      s.mask, s.modalComponent && e.store.$patch((M) => {
-        M.modal.visible = !0, M.modal.colIndex = e.colIndex, M.modal.rowIndex = e.rowIndex, M.modal.left = b, M.modal.bottom = S, M.modal.width = le, M.modal.height = _, M.modal.cell = o.value, typeof s.modalComponent == "function" ? M.modal.component = s.modalComponent({ table: M.table, row: f, column: s }) : M.modal.component = s.modalComponent, M.modal.componentProps = s.modalComponentExtraProps;
+      "cell-modified": r.value
+    })), x = () => {
+      const { left: h, bottom: S, width: j, height: oe } = Ye(s);
+      o.mask, o.modalComponent && e.store.$patch((M) => {
+        M.modal.visible = !0, M.modal.colIndex = e.colIndex, M.modal.rowIndex = e.rowIndex, M.modal.left = h, M.modal.bottom = S, M.modal.width = j, M.modal.height = oe, M.modal.cell = s.value, typeof o.modalComponent == "function" ? M.modal.component = o.modalComponent({ table: M.table, row: a, column: o }) : M.modal.component = o.modalComponent, M.modal.componentProps = o.modalComponentExtraProps;
       });
     };
     if (e.addNavigation) {
-      let b = {
-        ...he,
-        "keydown.f2": v,
-        "keydown.alt.up": v,
-        "keydown.alt.down": v,
-        "keydown.alt.left": v,
-        "keydown.alt.right": v
+      let h = {
+        ...ye,
+        "keydown.f2": x,
+        "keydown.alt.up": x,
+        "keydown.alt.down": x,
+        "keydown.alt.left": x,
+        "keydown.alt.right": x
       };
-      typeof e.addNavigation == "object" && (b = {
-        ...b,
+      typeof e.addNavigation == "object" && (h = {
+        ...h,
         ...e.addNavigation
-      }), ge([
+      }), xe([
         {
-          selectors: o,
-          handlers: b
+          selectors: s,
+          handlers: h
         }
       ]);
     }
-    const p = () => {
-      o.value && (i.value = o.value.textContent);
-    }, x = (b) => {
-      const S = b.target;
-      S.textContent !== i.value && (n("cellInput", e.colIndex, e.rowIndex, S.textContent, i.value), i.value = S.textContent, s.format ? (l.value = S.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, a), e.store.setCellText(e.colIndex, e.rowIndex, S.textContent)) : (l.value = S.textContent !== a, e.store.setCellData(e.colIndex, e.rowIndex, S.textContent)));
+    const d = () => {
+      s.value && (c.value = s.value.textContent);
+    }, w = (h) => {
+      const S = h.target;
+      S.textContent !== c.value && (n("cellInput", e.colIndex, e.rowIndex, S.textContent, c.value), c.value = S.textContent, o.format ? (r.value = S.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, i), e.store.setCellText(e.colIndex, e.rowIndex, S.textContent)) : (r.value = S.textContent !== i, e.store.setCellData(e.colIndex, e.rowIndex, S.textContent)));
     };
-    return (b, S) => (C(), I("td", {
+    return (h, S) => (E(), $("td", {
       ref: "cell",
-      "data-colindex": b.colIndex,
-      "data-rowindex": b.rowIndex,
-      "data-editable": y(s).edit,
-      contenteditable: y(s).edit,
-      tabindex: b.tabIndex,
+      "data-colindex": h.colIndex,
+      "data-rowindex": h.rowIndex,
+      "data-editable": y(o).edit,
+      contenteditable: y(o).edit,
+      tabindex: h.tabIndex,
       spellcheck: !1,
-      style: z(m.value),
-      onFocus: p,
-      onPaste: x,
-      onInput: x,
-      onClick: v,
-      class: F(["atable-cell", g.value])
+      style: J(f.value),
+      onFocus: d,
+      onPaste: w,
+      onInput: w,
+      onClick: x,
+      class: X(["atable-cell", b.value])
     }, [
-      y(s).cellComponent ? (C(), te(We(y(s).cellComponent), de({
+      y(o).cellComponent ? (E(), se(je(y(o).cellComponent), ve({
         key: 0,
-        value: u.value
-      }, y(s).cellComponentProps), null, 16, ["value"])) : d.value ? (C(), I("span", {
+        value: m.value
+      }, y(o).cellComponentProps), null, 16, ["value"])) : v.value ? (E(), $("span", {
         key: 1,
-        innerHTML: u.value
-      }, null, 8, Tt)) : (C(), I("span", Mt, U(u.value), 1))
-    ], 46, St));
+        innerHTML: m.value
+      }, null, 8, Ht)) : (E(), $("span", Wt, Q(m.value), 1))
+    ], 46, Dt));
   }
-}), Rt = ["tabindex"], Lt = ["tabindex"], Ot = ["colspan"], Pt = /* @__PURE__ */ V({
+}), Nt = ["tabindex"], Vt = ["tabindex"], jt = ["colspan"], Bt = /* @__PURE__ */ U({
   __name: "AExpansionRow",
   props: {
     rowIndex: {},
@@ -602,55 +695,55 @@ const It = (e) => {
     addNavigation: { type: [Boolean, Object] }
   },
   setup(e) {
-    const t = J("rowEl"), n = k(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
+    const t = ee("rowEl"), n = C(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
     if (e.addNavigation) {
-      const o = {
-        "keydown.control.g": (a) => {
-          a.stopPropagation(), a.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
+      const s = {
+        "keydown.control.g": (i) => {
+          i.stopPropagation(), i.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
         }
       };
-      typeof e.addNavigation == "object" && Object.assign(o, e.addNavigation), ge([
+      typeof e.addNavigation == "object" && Object.assign(s, e.addNavigation), xe([
         {
           selectors: t,
-          handlers: o
+          handlers: s
         }
       ]);
     }
-    return (o, a) => (C(), I(oe, null, [
-      P("tr", de(o.$attrs, {
+    return (s, i) => (E(), $(ae, null, [
+      D("tr", ve(s.$attrs, {
         ref: "rowEl",
-        tabindex: o.tabIndex,
+        tabindex: s.tabIndex,
         class: "expandable-row"
       }), [
-        P("td", {
+        D("td", {
           tabIndex: -1,
-          onClick: a[0] || (a[0] = (i) => o.store.toggleRowExpand(o.rowIndex)),
+          onClick: i[0] || (i[0] = (c) => s.store.toggleRowExpand(s.rowIndex)),
           class: "row-index"
-        }, U(n.value), 1),
-        R(o.$slots, "row", {}, void 0, !0)
-      ], 16, Rt),
-      o.store.display[o.rowIndex].expanded ? (C(), I("tr", {
+        }, Q(n.value), 1),
+        L(s.$slots, "row", {}, void 0, !0)
+      ], 16, Nt),
+      s.store.display[s.rowIndex].expanded ? (E(), $("tr", {
         key: 0,
         ref: "rowExpanded",
-        tabindex: o.tabIndex,
+        tabindex: s.tabIndex,
         class: "expanded-row"
       }, [
-        P("td", {
+        D("td", {
           tabIndex: -1,
-          colspan: o.store.columns.length + 1,
+          colspan: s.store.columns.length + 1,
           class: "expanded-row-content"
         }, [
-          R(o.$slots, "content", {}, void 0, !0)
-        ], 8, Ot)
-      ], 8, Lt)) : q("", !0)
+          L(s.$slots, "content", {}, void 0, !0)
+        ], 8, jt)
+      ], 8, Vt)) : Z("", !0)
     ], 64));
   }
-}), K = (e, t) => {
+}), ne = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [o, a] of t)
-    n[o] = a;
+  for (const [s, i] of t)
+    n[s] = i;
   return n;
-}, Dt = /* @__PURE__ */ K(Pt, [["__scopeId", "data-v-60affd71"]]), Ht = ["tabindex"], Wt = /* @__PURE__ */ V({
+}, zt = /* @__PURE__ */ ne(Bt, [["__scopeId", "data-v-60affd71"]]), Ft = ["tabindex"], Ut = /* @__PURE__ */ U({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -659,358 +752,382 @@ const It = (e) => {
     addNavigation: { type: [Boolean, Object], default: !1 }
   },
   setup(e) {
-    const t = J("rowEl"), n = k(() => e.store.isRowVisible(e.rowIndex)), o = k(() => e.store.getRowExpandSymbol(e.rowIndex));
+    const t = ee("rowEl"), n = C(() => e.store.isRowVisible(e.rowIndex)), s = C(() => e.store.getRowExpandSymbol(e.rowIndex));
     if (e.addNavigation) {
-      let a = he;
-      typeof e.addNavigation == "object" && (a = {
-        ...a,
+      let i = ye;
+      typeof e.addNavigation == "object" && (i = {
+        ...i,
         ...e.addNavigation
-      }), ge([
+      }), xe([
         {
           selectors: t,
-          handlers: a
+          handlers: i
         }
       ]);
     }
-    return (a, i) => ae((C(), I("tr", {
+    return (i, c) => ce((E(), $("tr", {
       ref: "rowEl",
-      tabindex: a.tabIndex,
+      tabindex: i.tabIndex,
       class: "atable-row"
     }, [
-      a.store.config.view !== "uncounted" ? R(a.$slots, "index", { key: 0 }, () => [
-        a.store.config.view === "list" ? (C(), I("td", {
+      i.store.config.view !== "uncounted" ? L(i.$slots, "index", { key: 0 }, () => [
+        i.store.config.view === "list" ? (E(), $("td", {
           key: 0,
           tabIndex: -1,
-          class: F(["list-index", a.store.hasPinnedColumns ? "sticky-index" : ""])
-        }, U(a.rowIndex + 1), 3)) : a.store.config.view === "tree" ? (C(), I("td", {
+          class: X(["list-index", i.store.hasPinnedColumns ? "sticky-index" : ""])
+        }, Q(i.rowIndex + 1), 3)) : i.store.config.view === "tree" ? (E(), $("td", {
           key: 1,
           tabIndex: -1,
-          class: F(["tree-index", a.store.hasPinnedColumns ? "sticky-index" : ""]),
-          onClick: i[0] || (i[0] = (l) => a.store.toggleRowExpand(a.rowIndex))
-        }, U(o.value), 3)) : q("", !0)
-      ], !0) : q("", !0),
-      R(a.$slots, "default", {}, void 0, !0)
-    ], 8, Ht)), [
-      [Ne, n.value]
+          class: X(["tree-index", i.store.hasPinnedColumns ? "sticky-index" : ""]),
+          onClick: c[0] || (c[0] = (r) => i.store.toggleRowExpand(i.rowIndex))
+        }, Q(s.value), 3)) : Z("", !0)
+      ], !0) : Z("", !0),
+      L(i.$slots, "default", {}, void 0, !0)
+    ], 8, Ft)), [
+      [Be, n.value]
     ]);
   }
-}), qe = /* @__PURE__ */ K(Wt, [["__scopeId", "data-v-9c529d3d"]]), Ge = ye ? window : void 0;
-function B(e) {
+}), Xe = /* @__PURE__ */ ne(Ut, [["__scopeId", "data-v-9c529d3d"]]), Je = Ee ? window : void 0;
+function G(e) {
   var t;
-  const n = L(e);
+  const n = k(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function ne(...e) {
-  let t, n, o, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, a] = e, t = Ge) : [t, n, o, a] = e, !t)
-    return W;
-  Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
-  const i = [], l = () => {
-    i.forEach((c) => c()), i.length = 0;
-  }, s = (c, u, d, m) => (c.addEventListener(u, d, m), () => c.removeEventListener(u, d, m)), f = O(
-    () => [B(t), L(a)],
-    ([c, u]) => {
-      if (l(), !c)
+function B(...e) {
+  const t = [], n = () => {
+    t.forEach((o) => o()), t.length = 0;
+  }, s = (o, a, l, u) => (o.addEventListener(a, l, u), () => o.removeEventListener(a, l, u)), i = C(() => {
+    const o = V(k(e[0])).filter((a) => a != null);
+    return o.every((a) => typeof a != "string") ? o : void 0;
+  }), c = Fe(
+    () => {
+      var o, a;
+      return [
+        (a = (o = i.value) == null ? void 0 : o.map((l) => G(l))) != null ? a : [Je].filter((l) => l != null),
+        V(k(i.value ? e[1] : e[0])),
+        V(y(i.value ? e[2] : e[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        k(i.value ? e[3] : e[2])
+      ];
+    },
+    ([o, a, l, u]) => {
+      if (n(), !(o != null && o.length) || !(a != null && a.length) || !(l != null && l.length))
         return;
-      const d = je(u) ? { ...u } : u;
-      i.push(
-        ...n.flatMap((m) => o.map((g) => s(c, m, g, d)))
+      const m = ze(u) ? { ...u } : u;
+      t.push(
+        ...o.flatMap(
+          (v) => a.flatMap(
+            (f) => l.map((b) => s(v, f, b, m))
+          )
+        )
       );
     },
-    { immediate: !0, flush: "post" }
+    { flush: "post" }
   ), r = () => {
-    f(), l();
+    c(), n();
   };
-  return Z(r), r;
+  return te(n), r;
 }
-let Le = !1;
-function Oe(e, t, n = {}) {
-  const { window: o = Ge, ignore: a = [], capture: i = !0, detectIframe: l = !1 } = n;
-  if (!o)
-    return W;
-  ce && !Le && (Le = !0, Array.from(o.document.body.children).forEach((v) => v.addEventListener("click", W)), o.document.documentElement.addEventListener("click", W));
-  let s = !0;
-  const f = (v) => L(a).some((p) => {
-    if (typeof p == "string")
-      return Array.from(o.document.querySelectorAll(p)).some((x) => x === v.target || v.composedPath().includes(x));
+let De = !1;
+function He(e, t, n = {}) {
+  const { window: s = Je, ignore: i = [], capture: c = !0, detectIframe: r = !1, controls: o = !1 } = n;
+  if (!s)
+    return o ? { stop: N, cancel: N, trigger: N } : N;
+  if (fe && !De) {
+    De = !0;
+    const d = { passive: !0 };
+    Array.from(s.document.body.children).forEach((w) => B(w, "click", N, d)), B(s.document.documentElement, "click", N, d);
+  }
+  let a = !0;
+  const l = (d) => k(i).some((w) => {
+    if (typeof w == "string")
+      return Array.from(s.document.querySelectorAll(w)).some((h) => h === d.target || d.composedPath().includes(h));
     {
-      const x = B(p);
-      return x && (v.target === x || v.composedPath().includes(x));
+      const h = G(w);
+      return h && (d.target === h || d.composedPath().includes(h));
     }
   });
-  function r(v) {
-    const p = L(v);
-    return p && p.$.subTree.shapeFlag === 16;
+  function u(d) {
+    const w = k(d);
+    return w && w.$.subTree.shapeFlag === 16;
   }
-  function c(v, p) {
-    const x = L(v), b = x.$.subTree && x.$.subTree.children;
-    return b == null || !Array.isArray(b) ? !1 : b.some((S) => S.el === p.target || p.composedPath().includes(S.el));
+  function m(d, w) {
+    const h = k(d), S = h.$.subTree && h.$.subTree.children;
+    return S == null || !Array.isArray(S) ? !1 : S.some((j) => j.el === w.target || w.composedPath().includes(j.el));
   }
-  const u = (v) => {
-    const p = B(e);
-    if (v.target != null && !(!(p instanceof Element) && r(e) && c(e, v)) && !(!p || p === v.target || v.composedPath().includes(p))) {
-      if (v.detail === 0 && (s = !f(v)), !s) {
-        s = !0;
+  const v = (d) => {
+    const w = G(e);
+    if (d.target != null && !(!(w instanceof Element) && u(e) && m(e, d)) && !(!w || w === d.target || d.composedPath().includes(w))) {
+      if ("detail" in d && d.detail === 0 && (a = !l(d)), !a) {
+        a = !0;
         return;
       }
-      t(v);
+      t(d);
     }
   };
-  let d = !1;
-  const m = [
-    ne(o, "click", (v) => {
-      d || (d = !0, setTimeout(() => {
-        d = !1;
-      }, 0), u(v));
-    }, { passive: !0, capture: i }),
-    ne(o, "pointerdown", (v) => {
-      const p = B(e);
-      s = !f(v) && !!(p && !v.composedPath().includes(p));
+  let f = !1;
+  const b = [
+    B(s, "click", (d) => {
+      f || (f = !0, setTimeout(() => {
+        f = !1;
+      }, 0), v(d));
+    }, { passive: !0, capture: c }),
+    B(s, "pointerdown", (d) => {
+      const w = G(e);
+      a = !l(d) && !!(w && !d.composedPath().includes(w));
     }, { passive: !0 }),
-    l && ne(o, "blur", (v) => {
+    r && B(s, "blur", (d) => {
       setTimeout(() => {
-        var p;
-        const x = B(e);
-        ((p = o.document.activeElement) == null ? void 0 : p.tagName) === "IFRAME" && !(x != null && x.contains(o.document.activeElement)) && t(v);
+        var w;
+        const h = G(e);
+        ((w = s.document.activeElement) == null ? void 0 : w.tagName) === "IFRAME" && !(h != null && h.contains(s.document.activeElement)) && t(d);
       }, 0);
-    })
-  ].filter(Boolean);
-  return () => m.forEach((v) => v());
+    }, { passive: !0 })
+  ].filter(Boolean), x = () => b.forEach((d) => d());
+  return o ? {
+    stop: x,
+    cancel: () => {
+      a = !1;
+    },
+    trigger: (d) => {
+      a = !0, v(d), a = !1;
+    }
+  } : x;
 }
-const Nt = {
+const qt = {
   mounted(e, t) {
     const n = !t.modifiers.bubble;
     if (typeof t.value == "function")
-      e.__onClickOutside_stop = Oe(e, t.value, { capture: n });
+      e.__onClickOutside_stop = He(e, t.value, { capture: n });
     else {
-      const [o, a] = t.value;
-      e.__onClickOutside_stop = Oe(e, o, Object.assign({ capture: n }, a));
+      const [s, i] = t.value;
+      e.__onClickOutside_stop = He(e, s, Object.assign({ capture: n }, i));
     }
   },
   unmounted(e) {
     e.__onClickOutside_stop();
   }
 };
-function re(e) {
+function ie(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
-function Ye(e) {
+function Qe(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 : Ye(n);
+    return !n || n.tagName === "BODY" ? !1 : Qe(n);
   }
 }
-function Vt(e) {
+function Yt(e) {
   const t = e || window.event, n = t.target;
-  return Ye(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
+  return Qe(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
-const se = /* @__PURE__ */ new WeakMap();
-function jt(e, t = !1) {
-  const n = E(t);
-  let o = null, a = "";
-  O(Et(e), (s) => {
-    const f = re(L(s));
-    if (f) {
-      const r = f;
-      if (se.get(r) || se.set(r, r.style.overflow), r.style.overflow !== "hidden" && (a = r.style.overflow), r.style.overflow === "hidden")
+const ue = /* @__PURE__ */ new WeakMap();
+function Gt(e, t = !1) {
+  const n = R(t);
+  let s = null, i = "";
+  P(Tt(e), (o) => {
+    const a = ie(k(o));
+    if (a) {
+      const l = a;
+      if (ue.get(l) || ue.set(l, l.style.overflow), l.style.overflow !== "hidden" && (i = l.style.overflow), l.style.overflow === "hidden")
         return n.value = !0;
       if (n.value)
-        return r.style.overflow = "hidden";
+        return l.style.overflow = "hidden";
     }
   }, {
     immediate: !0
   });
-  const i = () => {
-    const s = re(L(e));
-    !s || n.value || (ce && (o = ne(
-      s,
+  const c = () => {
+    const o = ie(k(e));
+    !o || n.value || (fe && (s = B(
+      o,
       "touchmove",
-      (f) => {
-        Vt(f);
+      (a) => {
+        Yt(a);
       },
       { passive: !1 }
-    )), s.style.overflow = "hidden", n.value = !0);
-  }, l = () => {
-    const s = re(L(e));
-    !s || !n.value || (ce && (o == null || o()), s.style.overflow = a, se.delete(s), n.value = !1);
+    )), o.style.overflow = "hidden", n.value = !0);
+  }, r = () => {
+    const o = ie(k(e));
+    !o || !n.value || (fe && (s == null || s()), o.style.overflow = i, ue.delete(o), n.value = !1);
   };
-  return Z(l), k({
+  return te(r), C({
     get() {
       return n.value;
     },
-    set(s) {
-      s ? i() : l();
+    set(o) {
+      o ? c() : r();
     }
   });
 }
-function Bt() {
+function Xt() {
   let e = !1;
-  const t = E(!1);
-  return (n, o) => {
-    if (t.value = o.value, e)
+  const t = O(!1);
+  return (n, s) => {
+    if (t.value = s.value, e)
       return;
     e = !0;
-    const a = jt(n, o.value);
-    O(t, (i) => a.value = i);
+    const i = Gt(n, s.value);
+    P(t, (c) => i.value = c);
   };
 }
-Bt();
-const zt = {
+Xt();
+const Jt = {
   key: 0,
   id: "resizable"
-}, Ft = {
+}, Qt = {
   class: "atable-header-row",
   tabindex: "-1"
-}, Xe = /* @__PURE__ */ V({
+}, Ze = /* @__PURE__ */ U({
   __name: "ATableHeader",
   props: {
     columns: {},
     store: {}
   },
   setup(e) {
-    return (t, n) => t.columns.length ? (C(), I("thead", zt, [
-      P("tr", Ft, [
-        t.store.zeroColumn ? (C(), I("th", {
+    return (t, n) => t.columns.length ? (E(), $("thead", Jt, [
+      D("tr", Qt, [
+        t.store.zeroColumn ? (E(), $("th", {
           key: 0,
           id: "header-index",
-          class: F([[
+          class: X([[
             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)) : q("", !0),
-        (C(!0), I(oe, null, ie(t.columns, (o, a) => (C(), I("th", {
-          key: o.name,
+        }, null, 2)) : Z("", !0),
+        (E(!0), $(ae, null, de(t.columns, (s, i) => (E(), $("th", {
+          key: s.name,
           tabindex: "-1",
-          style: z(t.store.getHeaderCellStyle(o)),
-          class: F(o.pinned ? "sticky-column" : "")
+          style: J(t.store.getHeaderCellStyle(s)),
+          class: X(s.pinned ? "sticky-column" : "")
         }, [
-          R(t.$slots, "default", {}, () => [
-            et(U(o.label || String.fromCharCode(a + 97).toUpperCase()), 1)
+          L(t.$slots, "default", {}, () => [
+            lt(Q(s.label || String.fromCharCode(i + 97).toUpperCase()), 1)
           ])
         ], 6))), 128))
       ])
-    ])) : q("", !0);
+    ])) : Z("", !0);
   }
-}), Je = /* @__PURE__ */ V({
+}), Ke = /* @__PURE__ */ U({
   __name: "ATableModal",
   props: {
     store: {}
   },
   setup(e) {
-    const t = J("amodal"), { width: n, height: o } = Fe(t), a = k(() => {
-      var u, d, m, g;
+    const t = ee("amodal"), { width: n, height: s } = Ye(t), i = C(() => {
+      var m, v, f, b;
       if (!(e.store.modal.height && e.store.modal.width && e.store.modal.left && e.store.modal.bottom)) return;
-      const i = (u = e.store.modal.cell) == null ? void 0 : u.closest("table"), l = i.offsetHeight || 0, s = i.offsetWidth || 0;
-      let f = ((d = e.store.modal.cell) == null ? void 0 : d.offsetTop) || 0;
-      const r = ((m = i.querySelector("thead")) == null ? void 0 : m.offsetHeight) || 0;
-      f += r, f = f + o.value < l ? f : f - (o.value + e.store.modal.height);
-      let c = ((g = e.store.modal.cell) == null ? void 0 : g.offsetLeft) || 0;
-      return c = c + n.value <= s ? c : c - (n.value - e.store.modal.width), {
-        left: `${c}px`,
-        top: `${f}px`
+      const c = (m = e.store.modal.cell) == null ? void 0 : m.closest("table"), r = c.offsetHeight || 0, o = c.offsetWidth || 0;
+      let a = ((v = e.store.modal.cell) == null ? void 0 : v.offsetTop) || 0;
+      const l = ((f = c.querySelector("thead")) == null ? void 0 : f.offsetHeight) || 0;
+      a += l, a = a + s.value < r ? a : a - (s.value + e.store.modal.height);
+      let u = ((b = e.store.modal.cell) == null ? void 0 : b.offsetLeft) || 0;
+      return u = u + n.value <= o ? u : u - (n.value - e.store.modal.width), {
+        left: `${u}px`,
+        top: `${a}px`
       };
     });
-    return (i, l) => (C(), I("div", {
+    return (c, r) => (E(), $("div", {
       class: "amodal",
       ref: "amodal",
       tabindex: "-1",
-      onClick: l[0] || (l[0] = Ee(() => {
+      onClick: r[0] || (r[0] = Ie(() => {
       }, ["stop"])),
-      onInput: l[1] || (l[1] = Ee(() => {
+      onInput: r[1] || (r[1] = Ie(() => {
       }, ["stop"])),
-      style: z(a.value)
+      style: J(i.value)
     }, [
-      R(i.$slots, "default")
+      L(c.$slots, "default")
     ], 36));
   }
-}), Ut = (e) => {
-  const t = e.id || $t();
-  return tt(`table-${t}`, () => {
-    const o = () => {
-      const w = {};
-      for (const [h, A] of i.value.entries())
-        for (const [$, T] of l.value.entries())
-          w[`${h}:${$}`] = T[A.name];
-      return w;
-    }, a = (w) => {
-      const h = [Object.assign({}, { rowModified: !1 })];
-      if (w && "0:0" in w)
-        return w;
-      const A = /* @__PURE__ */ new Set();
-      for (let $ = l.value.length - 1; $ >= 0; $--) {
-        const T = l.value[$];
-        T.parent && A.add(T.parent), h[$] = {
+}), Zt = (e) => {
+  const t = e.id || Pt();
+  return st(`table-${t}`, () => {
+    const s = () => {
+      const p = {};
+      for (const [g, I] of c.value.entries())
+        for (const [A, T] of r.value.entries())
+          p[`${g}:${A}`] = T[I.name];
+      return p;
+    }, i = (p) => {
+      const g = [Object.assign({}, { rowModified: !1 })];
+      if (p && "0:0" in p)
+        return p;
+      const I = /* @__PURE__ */ new Set();
+      for (let A = r.value.length - 1; A >= 0; A--) {
+        const T = r.value[A];
+        T.parent && I.add(T.parent), g[A] = {
           childrenOpen: !1,
           expanded: !1,
           indent: T.indent || 0,
-          isParent: A.has($),
+          isParent: I.has(A),
           isRoot: T.parent === null || T.parent === void 0,
           rowModified: !1,
           open: T.parent === null || T.parent === void 0,
           parent: T.parent
         };
       }
-      return h;
-    }, i = E(e.columns), l = E(e.rows), s = E(e.config || {}), f = E(e.table || o()), r = E(a(e.display)), c = E(e.modal || { visible: !1 }), u = E({}), d = k(() => i.value.some((w) => w.pinned)), m = k(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), g = k(
-      () => s.value.view ? ["list", "tree", "list-expansion"].includes(s.value.view) : !1
-    ), v = (w, h) => f.value[`${w}:${h}`], p = (w, h, A) => {
-      const $ = `${w}:${h}`, T = i.value[w];
-      f.value[$] !== A && (r.value[h].rowModified = !0), f.value[$] = A, l.value[h][T.name] = A;
-    }, x = (w, h, A) => {
-      const $ = `${w}:${h}`;
-      f.value[$] !== A && (r.value[h].rowModified = !0, u.value[$] = A);
-    }, b = (w) => ({
-      minWidth: w.width || "40ch",
-      textAlign: w.align || "center",
-      width: s.value.fullWidth ? "auto" : void 0
-    }), S = (w) => s.value.view !== "tree" || r.value[w].isRoot || r.value[w].open, le = (w) => s.value.view !== "tree" ? "" : r.value[w].isRoot || r.value[w].isParent ? r.value[w].childrenOpen ? "-" : "+" : "", _ = (w) => {
-      if (s.value.view === "tree") {
-        r.value[w].childrenOpen = !r.value[w].childrenOpen;
-        for (let h = l.value.length - 1; h >= 0; h--)
-          r.value[h].parent === w && (r.value[h].open = !r.value[h].open, r.value[h].childrenOpen && _(h));
-      } else s.value.view === "list-expansion" && (r.value[w].expanded = !r.value[w].expanded);
-    }, M = (w, h) => {
-      const A = v(w, h);
-      return xe(w, h, A);
-    }, xe = (w, h, A) => {
-      const $ = i.value[w], T = l.value[h], j = $.format;
-      return j ? typeof j == "function" ? j(A, { table: f.value, row: T, column: $ }) : typeof j == "string" ? Function(`"use strict";return (${j})`)()(A, { table: f.value, row: T, column: $ }) : A : A;
+      return g;
+    }, c = R(e.columns), r = R(e.rows), o = R(e.config || {}), a = R(e.table || s()), l = R(i(e.display)), u = R(e.modal || { visible: !1 }), m = R({}), v = C(() => c.value.some((p) => p.pinned)), f = C(() => `${Math.ceil(r.value.length / 100 + 1)}ch`), b = C(
+      () => o.value.view ? ["list", "tree", "list-expansion"].includes(o.value.view) : !1
+    ), x = (p, g) => a.value[`${p}:${g}`], d = (p, g, I) => {
+      const A = `${p}:${g}`, T = c.value[p];
+      a.value[A] !== I && (l.value[g].rowModified = !0), a.value[A] = I, r.value[g][T.name] = I;
+    }, w = (p, g, I) => {
+      const A = `${p}:${g}`;
+      a.value[A] !== I && (l.value[g].rowModified = !0, m.value[A] = I);
+    }, h = (p) => ({
+      minWidth: p.width || "40ch",
+      textAlign: p.align || "center",
+      width: o.value.fullWidth ? "auto" : void 0
+    }), S = (p) => o.value.view !== "tree" || l.value[p].isRoot || l.value[p].open, j = (p) => o.value.view !== "tree" ? "" : l.value[p].isRoot || l.value[p].isParent ? l.value[p].childrenOpen ? "-" : "+" : "", oe = (p) => {
+      if (o.value.view === "tree") {
+        l.value[p].childrenOpen = !l.value[p].childrenOpen;
+        for (let g = r.value.length - 1; g >= 0; g--)
+          l.value[g].parent === p && (l.value[g].open = !l.value[g].open, l.value[g].childrenOpen && oe(g));
+      } else o.value.view === "list-expansion" && (l.value[p].expanded = !l.value[p].expanded);
+    }, M = (p, g) => {
+      const I = x(p, g);
+      return ke(p, g, I);
+    }, ke = (p, g, I) => {
+      const A = c.value[p], T = r.value[g], Y = A.format;
+      return Y ? typeof Y == "function" ? Y(I, { table: a.value, row: T, column: A }) : typeof Y == "string" ? Function(`"use strict";return (${Y})`)()(I, { table: a.value, row: T, column: A }) : I : I;
     };
     return {
       // state
-      columns: i,
-      config: s,
-      display: r,
-      modal: c,
-      rows: l,
-      table: f,
-      updates: u,
+      columns: c,
+      config: o,
+      display: l,
+      modal: u,
+      rows: r,
+      table: a,
+      updates: m,
       // getters
-      hasPinnedColumns: d,
-      numberedRowWidth: m,
-      zeroColumn: g,
+      hasPinnedColumns: v,
+      numberedRowWidth: f,
+      zeroColumn: b,
       // actions
-      closeModal: (w) => {
-        var h;
-        w.target instanceof Node && (h = c.value.parent) != null && h.contains(w.target) || c.value.visible && (c.value.visible = !1);
+      closeModal: (p) => {
+        var g;
+        p.target instanceof Node && (g = u.value.parent) != null && g.contains(p.target) || u.value.visible && (u.value.visible = !1);
       },
-      getCellData: v,
+      getCellData: x,
       getCellDisplayValue: M,
-      getFormattedValue: xe,
-      getHeaderCellStyle: b,
-      getIndent: (w, h) => h && w === 0 && h > 0 ? `${h}ch` : "inherit",
-      getRowExpandSymbol: le,
+      getFormattedValue: ke,
+      getHeaderCellStyle: h,
+      getIndent: (p, g) => g && p === 0 && g > 0 ? `${g}ch` : "inherit",
+      getRowExpandSymbol: j,
       isRowVisible: S,
-      setCellData: p,
-      setCellText: x,
-      toggleRowExpand: _
+      setCellData: d,
+      setCellText: w,
+      toggleRowExpand: oe
     };
   })();
-}, qt = /* @__PURE__ */ V({
+}, Kt = /* @__PURE__ */ U({
   __name: "ATable",
   props: {
     id: {},
@@ -1021,140 +1138,140 @@ const zt = {
   },
   emits: ["update:modelValue", "cellUpdate"],
   setup(e, { expose: t, emit: n }) {
-    const o = n, a = J("table"), i = e.modelValue ? e.modelValue : e.rows, l = Ut({ columns: e.columns, rows: i, id: e.id, config: e.config });
-    l.$onAction(({ name: r, store: c, args: u, after: d }) => {
-      if (r === "setCellData") {
-        const [m, g, v] = u, p = c.getCellData(m, g);
-        d(() => {
-          o("cellUpdate", m, g, v, p);
+    const s = n, i = ee("table"), c = e.modelValue ? e.modelValue : e.rows, r = Zt({ columns: e.columns, rows: c, id: e.id, config: e.config });
+    r.$onAction(({ name: l, store: u, args: m, after: v }) => {
+      if (l === "setCellData") {
+        const [f, b, x] = m, d = u.getCellData(f, b);
+        v(() => {
+          s("cellUpdate", f, b, x, d);
         });
       }
-    }), O(
-      () => l.rows,
-      (r) => {
-        o("update:modelValue", r);
+    }), P(
+      () => r.rows,
+      (l) => {
+        s("update:modelValue", l);
       },
       { deep: !0 }
-    ), X(() => {
-      e.columns.some((r) => r.pinned) && (f(), l.config.view === "tree" && ze(a, f, { childList: !0, subtree: !0 }));
+    ), _(() => {
+      e.columns.some((l) => l.pinned) && (a(), r.config.view === "tree" && qe(i, a, { childList: !0, subtree: !0 }));
     });
-    const s = (r, c, u, d) => {
-      o("cellUpdate", r, c, u, d);
-    }, f = () => {
-      const r = a.value, c = r == null ? void 0 : r.rows[0], u = r == null ? void 0 : r.rows[1], d = c ? Array.from(c.cells) : [];
-      for (const [m, g] of d.entries()) {
-        const v = u == null ? void 0 : u.cells[m];
-        v && (g.style.width = `${v.offsetWidth}px`);
+    const o = (l, u, m, v) => {
+      s("cellUpdate", l, u, m, v);
+    }, a = () => {
+      const l = i.value, u = l == null ? void 0 : l.rows[0], m = l == null ? void 0 : l.rows[1], v = u ? Array.from(u.cells) : [];
+      for (const [f, b] of v.entries()) {
+        const x = m == null ? void 0 : m.cells[f];
+        x && (b.style.width = `${x.offsetWidth}px`);
       }
-      for (const m of (r == null ? void 0 : r.rows) || []) {
-        let g = 0;
-        const v = [];
-        for (const p of m.cells)
-          (p.classList.contains("sticky-column") || p.classList.contains("sticky-index")) && (p.style.left = `${g}px`, g += p.offsetWidth, v.push(p));
-        v.length > 0 && v[v.length - 1].classList.add("sticky-column-edge");
+      for (const f of (l == null ? void 0 : l.rows) || []) {
+        let b = 0;
+        const x = [];
+        for (const d of f.cells)
+          (d.classList.contains("sticky-column") || d.classList.contains("sticky-index")) && (d.style.left = `${b}px`, b += d.offsetWidth, x.push(d));
+        x.length > 0 && x[x.length - 1].classList.add("sticky-column-edge");
       }
     };
-    return window.addEventListener("keydown", (r) => {
-      if (r.key === "Escape" && l.modal.visible) {
-        l.modal.visible = !1;
-        const c = l.modal.parent;
-        c && He().then(() => {
-          c.focus();
+    return window.addEventListener("keydown", (l) => {
+      if (l.key === "Escape" && r.modal.visible) {
+        r.modal.visible = !1;
+        const u = r.modal.parent;
+        u && Ve().then(() => {
+          u.focus();
         });
       }
-    }), t({ store: l }), (r, c) => ae((C(), I("table", {
+    }), t({ store: r }), (l, u) => ce((E(), $("table", {
       ref: "table",
       class: "atable",
-      style: z({ width: y(l).config.fullWidth ? "100%" : "auto" })
+      style: J({ width: y(r).config.fullWidth ? "100%" : "auto" })
     }, [
-      R(r.$slots, "header", { data: y(l) }, () => [
-        Ce(Xe, {
-          columns: y(l).columns,
-          store: y(l)
+      L(l.$slots, "header", { data: y(r) }, () => [
+        $e(Ze, {
+          columns: y(r).columns,
+          store: y(r)
         }, null, 8, ["columns", "store"])
       ], !0),
-      P("tbody", null, [
-        R(r.$slots, "body", { data: y(l) }, () => [
-          (C(!0), I(oe, null, ie(y(l).rows, (u, d) => (C(), te(qe, {
-            key: u.id,
-            row: u,
-            rowIndex: d,
-            store: y(l)
+      D("tbody", null, [
+        L(l.$slots, "body", { data: y(r) }, () => [
+          (E(!0), $(ae, null, de(y(r).rows, (m, v) => (E(), se(Xe, {
+            key: m.id,
+            row: m,
+            rowIndex: v,
+            store: y(r)
           }, {
-            default: ke(() => [
-              (C(!0), I(oe, null, ie(y(l).columns, (m, g) => (C(), te(Ue, {
-                key: m.name,
-                store: y(l),
-                col: m,
+            default: Ae(() => [
+              (E(!0), $(ae, null, de(y(r).columns, (f, b) => (E(), se(Ge, {
+                key: f.name,
+                store: y(r),
+                col: f,
                 spellcheck: "false",
-                pinned: m.pinned,
-                rowIndex: d,
-                colIndex: g,
-                component: m.cellComponent,
-                style: z({
-                  textAlign: (m == null ? void 0 : m.align) || "center",
-                  minWidth: (m == null ? void 0 : m.width) || "40ch",
-                  width: y(l).config.fullWidth ? "auto" : null
+                pinned: f.pinned,
+                rowIndex: v,
+                colIndex: b,
+                component: f.cellComponent,
+                style: J({
+                  textAlign: (f == null ? void 0 : f.align) || "center",
+                  minWidth: (f == null ? void 0 : f.width) || "40ch",
+                  width: y(r).config.fullWidth ? "auto" : null
                 }),
-                onCellInput: s
+                onCellInput: o
               }, null, 8, ["store", "col", "pinned", "rowIndex", "colIndex", "component", "style"]))), 128))
             ]),
             _: 2
           }, 1032, ["row", "rowIndex", "store"]))), 128))
         ], !0)
       ]),
-      R(r.$slots, "footer", { data: y(l) }, void 0, !0),
-      R(r.$slots, "modal", { data: y(l) }, () => [
-        ae(Ce(Je, { store: y(l) }, {
-          default: ke(() => [
-            (C(), te(We(y(l).modal.component), de({
-              key: `${y(l).modal.rowIndex}:${y(l).modal.colIndex}`,
-              colIndex: y(l).modal.colIndex,
-              rowIndex: y(l).modal.rowIndex,
-              store: y(l)
-            }, y(l).modal.componentProps), null, 16, ["colIndex", "rowIndex", "store"]))
+      L(l.$slots, "footer", { data: y(r) }, void 0, !0),
+      L(l.$slots, "modal", { data: y(r) }, () => [
+        ce($e(Ke, { store: y(r) }, {
+          default: Ae(() => [
+            (E(), se(je(y(r).modal.component), ve({
+              key: `${y(r).modal.rowIndex}:${y(r).modal.colIndex}`,
+              colIndex: y(r).modal.colIndex,
+              rowIndex: y(r).modal.rowIndex,
+              store: y(r)
+            }, y(r).modal.componentProps), null, 16, ["colIndex", "rowIndex", "store"]))
           ]),
           _: 1
         }, 8, ["store"]), [
-          [Ne, y(l).modal.visible]
+          [Be, y(r).modal.visible]
         ])
       ], !0)
     ], 4)), [
-      [y(Nt), y(l).closeModal]
+      [y(qt), y(r).closeModal]
     ]);
   }
-}), Gt = /* @__PURE__ */ K(qt, [["__scopeId", "data-v-37bee2a6"]]), Yt = {}, Xt = { class: "aloading" }, Jt = { class: "aloading-header" };
-function Qt(e, t) {
-  return C(), I("div", Xt, [
-    P("h2", Jt, [
-      R(e.$slots, "default", {}, void 0, !0)
+}), _t = /* @__PURE__ */ ne(Kt, [["__scopeId", "data-v-37bee2a6"]]), en = {}, tn = { class: "aloading" }, nn = { class: "aloading-header" };
+function on(e, t) {
+  return E(), $("div", tn, [
+    D("h2", nn, [
+      L(e.$slots, "default", {}, void 0, !0)
     ]),
-    t[0] || (t[0] = P("div", { class: "aloading-bar" }, null, -1))
+    t[0] || (t[0] = D("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const Zt = /* @__PURE__ */ K(Yt, [["render", Qt], ["__scopeId", "data-v-a930a25b"]]), Kt = {}, _t = { class: "aloading" }, en = { class: "aloading-header" };
-function tn(e, t) {
-  return C(), I("div", _t, [
-    P("h2", en, [
-      R(e.$slots, "default", {}, void 0, !0)
+const ln = /* @__PURE__ */ ne(en, [["render", on], ["__scopeId", "data-v-a930a25b"]]), sn = {}, rn = { class: "aloading" }, an = { class: "aloading-header" };
+function un(e, t) {
+  return E(), $("div", rn, [
+    D("h2", an, [
+      L(e.$slots, "default", {}, void 0, !0)
     ]),
-    t[0] || (t[0] = P("div", { class: "aloading-bar" }, null, -1))
+    t[0] || (t[0] = D("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const nn = /* @__PURE__ */ K(Kt, [["render", tn], ["__scopeId", "data-v-e1165876"]]);
-function cn(e) {
-  e.component("ACell", Ue), e.component("AExpansionRow", Dt), e.component("ARow", qe), e.component("ATable", Gt), e.component("ATableHeader", Xe), e.component("ATableLoading", Zt), e.component("ATableLoadingBar", nn), e.component("ATableModal", Je);
+const cn = /* @__PURE__ */ ne(sn, [["render", un], ["__scopeId", "data-v-e1165876"]]);
+function hn(e) {
+  e.component("ACell", Ge), e.component("AExpansionRow", zt), e.component("ARow", Xe), e.component("ATable", _t), e.component("ATableHeader", Ze), e.component("ATableLoading", ln), e.component("ATableLoadingBar", cn), e.component("ATableModal", Ke);
 }
 export {
-  Ue as ACell,
-  Dt as AExpansionRow,
-  qe as ARow,
-  Gt as ATable,
-  Xe as ATableHeader,
-  Zt as ATableLoading,
-  nn as ATableLoadingBar,
-  Je as ATableModal,
-  Ut as createTableStore,
-  cn as install
+  Ge as ACell,
+  zt as AExpansionRow,
+  Xe as ARow,
+  _t as ATable,
+  Ze as ATableHeader,
+  ln as ATableLoading,
+  cn as ATableLoadingBar,
+  Ke as ATableModal,
+  Zt as createTableStore,
+  hn as install
 };
 //# sourceMappingURL=atable.js.map