@stonecrop/atable 0.3.0 → 0.3.1

package/dist/atable.js

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