@stonecrop/atable 0.3.8 → 0.3.10

package/dist/atable.js

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