@stonecrop/atable 0.4.16 → 0.4.18

package/dist/atable.js

@@ -1,16 +1,16 @@
-import { onMounted as Q, ref as O, watch as B, onBeforeUnmount as st, computed as I, shallowRef as H, toValue as E, watchEffect as rt, getCurrentScope as Ye, onScopeDispose as qe, unref as b, getCurrentInstance as pe, nextTick as Je, isRef as it, toRefs as ut, customRef as Qe, toRef as ct, readonly as dt, defineComponent as Z, useTemplateRef as N, createElementBlock as R, openBlock as M, normalizeClass as j, normalizeStyle as q, createBlock as ie, resolveDynamicComponent as ve, mergeProps as Se, toDisplayString as _, Fragment as ue, createElementVNode as L, createCommentVNode as ee, renderSlot as z, useCssVars as ft, withDirectives as he, vShow as Ze, renderList as Ie, createTextVNode as vt, withModifiers as De, createVNode as We, withCtx as He } from "vue";
-import { defineStore as mt } from "pinia";
-import './assets/index.css';function Me(e) {
-  return Ye() ? (qe(e), !0) : !1;
+import { onMounted as Q, ref as P, watch as B, onBeforeUnmount as rt, computed as I, shallowRef as W, toValue as E, watchEffect as it, getCurrentScope as qe, onScopeDispose as Je, unref as b, getCurrentInstance as pe, nextTick as Qe, isRef as ut, toRefs as ct, customRef as Ze, toRef as dt, readonly as ft, defineComponent as Z, useTemplateRef as N, createElementBlock as R, openBlock as S, normalizeClass as j, normalizeStyle as q, createBlock as re, resolveDynamicComponent as fe, mergeProps as Se, toDisplayString as K, Fragment as ie, createElementVNode as L, createCommentVNode as _, renderSlot as z, useCssVars as vt, withDirectives as he, vShow as Ke, renderList as ke, createTextVNode as mt, withModifiers as We, createVNode as He, withCtx as ze } from "vue";
+import { defineStore as ht } from "pinia";
+import './assets/index.css';function $e(e) {
+  return qe() ? (Je(e), !0) : !1;
 }
-const ht = typeof window < "u" && typeof document < "u";
+const gt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const gt = (e) => e != null, pt = Object.prototype.toString, wt = (e) => pt.call(e) === "[object Object]", yt = () => {
+const pt = (e) => e != null, wt = Object.prototype.toString, yt = (e) => wt.call(e) === "[object Object]", bt = () => {
 };
-function me(e) {
+function ve(e) {
   return Array.isArray(e) ? e : [e];
 }
-function bt(e, t, n) {
+function xt(e, t, n) {
   return B(
     e,
     t,
@@ -20,25 +20,25 @@ function bt(e, t, n) {
     }
   );
 }
-const oe = ht ? window : void 0;
-function te(e) {
+const ne = gt ? window : void 0;
+function ee(e) {
   var t;
   const n = E(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function de(...e) {
+function ce(...e) {
   const t = [], n = () => {
     t.forEach((a) => a()), t.length = 0;
   }, o = (a, u, r, s) => (a.addEventListener(u, r, s), () => a.removeEventListener(u, r, s)), i = I(() => {
-    const a = me(E(e[0])).filter((u) => u != null);
+    const a = ve(E(e[0])).filter((u) => u != null);
     return a.every((u) => typeof u != "string") ? a : void 0;
-  }), c = bt(
+  }), c = xt(
     () => {
       var a, u;
       return [
-        (u = (a = i.value) == null ? void 0 : a.map((r) => te(r))) != null ? u : [oe].filter((r) => r != null),
-        me(E(i.value ? e[1] : e[0])),
-        me(b(i.value ? e[2] : e[1])),
+        (u = (a = i.value) == null ? void 0 : a.map((r) => ee(r))) != null ? u : [ne].filter((r) => r != null),
+        ve(E(i.value ? e[1] : e[0])),
+        ve(b(i.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
         E(i.value ? e[3] : e[2])
       ];
@@ -46,7 +46,7 @@ function de(...e) {
     ([a, u, r, s]) => {
       if (n(), !(a != null && a.length) || !(u != null && u.length) || !(r != null && r.length))
         return;
-      const v = wt(s) ? { ...s } : s;
+      const v = yt(s) ? { ...s } : s;
       t.push(
         ...a.flatMap(
           (m) => u.flatMap(
@@ -59,25 +59,25 @@ function de(...e) {
   ), l = () => {
     c(), n();
   };
-  return Me(n), l;
+  return $e(n), l;
 }
-function xt() {
-  const e = H(!1), t = pe();
+function Ct() {
+  const e = W(!1), t = pe();
   return t && Q(() => {
     e.value = !0;
   }, t), e;
 }
-function Ct(e) {
-  const t = xt();
+function Et(e) {
+  const t = Ct();
   return I(() => (t.value, !!e()));
 }
-function Et(e, t, n = {}) {
-  const { window: o = oe, ...i } = n;
+function It(e, t, n = {}) {
+  const { window: o = ne, ...i } = n;
   let c;
-  const l = Ct(() => o && "MutationObserver" in o), a = () => {
+  const l = Et(() => o && "MutationObserver" in o), a = () => {
     c && (c.disconnect(), c = void 0);
   }, u = I(() => {
-    const m = E(e), y = me(m).map(te).filter(gt);
+    const m = E(e), y = ve(m).map(ee).filter(pt);
     return new Set(y);
   }), r = B(
     () => u.value,
@@ -88,27 +88,27 @@ function Et(e, t, n = {}) {
   ), s = () => c == null ? void 0 : c.takeRecords(), v = () => {
     r(), a();
   };
-  return Me(v), {
+  return $e(v), {
     isSupported: l,
     stop: v,
     takeRecords: s
   };
 }
-function It(e, t, n = {}) {
+function kt(e, t, n = {}) {
   const {
-    window: o = oe,
+    window: o = ne,
     document: i = o == null ? void 0 : o.document,
     flush: c = "sync"
   } = n;
   if (!o || !i)
-    return yt;
+    return bt;
   let l;
   const a = (s) => {
     l == null || l(), l = s;
-  }, u = rt(() => {
-    const s = te(e);
+  }, u = it(() => {
+    const s = ee(e);
     if (s) {
-      const { stop: v } = Et(
+      const { stop: v } = It(
         i,
         (m) => {
           m.map((y) => [...y.removedNodes]).flat().some((y) => y === s || y.contains(s)) && t(m);
@@ -124,12 +124,12 @@ function It(e, t, n = {}) {
   }, { flush: c }), r = () => {
     u(), a();
   };
-  return Me(r), r;
+  return $e(r), r;
 }
-function kt(e = {}) {
+function Mt(e = {}) {
   var t;
   const {
-    window: n = oe,
+    window: n = ne,
     deep: o = !0,
     triggerOnRemoval: i = !1
   } = e, c = (t = e.document) != null ? t : n == null ? void 0 : n.document, l = () => {
@@ -139,7 +139,7 @@ function kt(e = {}) {
       for (; s != null && s.shadowRoot; )
         s = (r = s == null ? void 0 : s.shadowRoot) == null ? void 0 : r.activeElement;
     return s;
-  }, a = O(), u = () => {
+  }, a = W(), u = () => {
     a.value = l();
   };
   if (n) {
@@ -147,37 +147,37 @@ function kt(e = {}) {
       capture: !0,
       passive: !0
     };
-    de(
+    ce(
       n,
       "blur",
       (s) => {
         s.relatedTarget === null && u();
       },
       r
-    ), de(
+    ), ce(
       n,
       "focus",
       u,
       r
     );
   }
-  return i && It(a, u, { document: c }), u(), a;
+  return i && kt(a, u, { document: c }), u(), a;
 }
-const St = "focusin", Mt = "focusout", $t = ":focus-within";
-function At(e, t = {}) {
-  const { window: n = oe } = t, o = I(() => te(e)), i = H(!1), c = I(() => i.value), l = kt(t);
+const St = "focusin", $t = "focusout", At = ":focus-within";
+function Rt(e, t = {}) {
+  const { window: n = ne } = t, o = I(() => ee(e)), i = W(!1), c = I(() => i.value), l = Mt(t);
   if (!n || !l.value)
     return { focused: c };
   const a = { passive: !0 };
-  return de(o, St, () => i.value = !0, a), de(o, Mt, () => {
+  return ce(o, St, () => i.value = !0, a), ce(o, $t, () => {
     var u, r, s;
-    return i.value = (s = (r = (u = o.value) == null ? void 0 : u.matches) == null ? void 0 : r.call(u, $t)) != null ? s : !1;
+    return i.value = (s = (r = (u = o.value) == null ? void 0 : u.matches) == null ? void 0 : r.call(u, At)) != null ? s : !1;
   }, a), { focused: c };
 }
-function Rt(e, { window: t = oe, scrollTarget: n } = {}) {
-  const o = O(!1), i = () => {
+function Tt(e, { window: t = ne, scrollTarget: n } = {}) {
+  const o = P(!1), i = () => {
     if (!t) return;
-    const c = t.document, l = te(e);
+    const c = t.document, l = ee(e);
     if (!l)
       o.value = !1;
     else {
@@ -186,21 +186,21 @@ function Rt(e, { window: t = oe, scrollTarget: n } = {}) {
     }
   };
   return B(
-    () => te(e),
+    () => ee(e),
     () => i(),
     { immediate: !0, flush: "post" }
-  ), t && de(n || t, "scroll", i, {
+  ), t && ce(n || t, "scroll", i, {
     capture: !1,
     passive: !0
   }), o;
 }
 const V = (e) => {
-  let t = Rt(e).value;
+  let t = Tt(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, G = (e) => e.tabIndex >= 0, ze = (e) => {
+}, G = (e) => e.tabIndex >= 0, Be = (e) => {
   const t = e.target;
-  return $e(t);
-}, $e = (e) => {
+  return Ae(t);
+}, Ae = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
@@ -213,8 +213,8 @@ const V = (e) => {
     const o = e.previousElementSibling;
     o && (n = o);
   }
-  return n && (!G(n) || !V(n)) ? $e(n) : n;
-}, Tt = (e) => {
+  return n && (!G(n) || !V(n)) ? Ae(n) : n;
+}, Ot = (e) => {
   var t;
   const n = e.target;
   let o;
@@ -231,11 +231,11 @@ const V = (e) => {
       c && (o = c);
     }
   }
-  return o && (!G(o) || !V(o)) ? Ae(o) : o;
-}, Be = (e) => {
+  return o && (!G(o) || !V(o)) ? Re(o) : o;
+}, Xe = (e) => {
   const t = e.target;
-  return Ae(t);
-}, Ae = (e) => {
+  return Re(t);
+}, Re = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
@@ -248,8 +248,8 @@ const V = (e) => {
     const o = e.nextElementSibling;
     o && (n = o);
   }
-  return n && (!G(n) || !V(n)) ? Ae(n) : n;
-}, Ot = (e) => {
+  return n && (!G(n) || !V(n)) ? Re(n) : n;
+}, Pt = (e) => {
   var t;
   const n = e.target;
   let o;
@@ -266,11 +266,11 @@ const V = (e) => {
       c && (o = c);
     }
   }
-  return o && (!G(o) || !V(o)) ? $e(o) : o;
-}, Xe = (e) => {
+  return o && (!G(o) || !V(o)) ? Ae(o) : o;
+}, Ne = (e) => {
   const t = e.target;
-  return Re(t);
-}, Re = (e) => {
+  return Te(t);
+}, Te = (e) => {
   var t;
   let n;
   if (e.previousElementSibling)
@@ -279,11 +279,11 @@ const V = (e) => {
     const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
     n = o == null ? void 0 : o.lastElementChild;
   }
-  return n && (!G(n) || !V(n)) ? Re(n) : n;
-}, Ne = (e) => {
+  return n && (!G(n) || !V(n)) ? Te(n) : n;
+}, Ve = (e) => {
   const t = e.target;
-  return Te(t);
-}, Te = (e) => {
+  return Oe(t);
+}, Oe = (e) => {
   var t;
   let n;
   if (e.nextElementSibling)
@@ -292,83 +292,83 @@ const V = (e) => {
     const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
     n = o == null ? void 0 : o.firstElementChild;
   }
-  return n && (!G(n) || !V(n)) ? Te(n) : n;
-}, Ve = (e) => {
-  const t = e.target.parentElement, n = t == null ? void 0 : t.firstElementChild;
-  return n && (!G(n) || !V(n)) ? Te(n) : n;
+  return n && (!G(n) || !V(n)) ? Oe(n) : n;
 }, Ge = (e) => {
+  const t = e.target.parentElement, n = t == null ? void 0 : t.firstElementChild;
+  return n && (!G(n) || !V(n)) ? Oe(n) : n;
+}, Fe = (e) => {
   const t = e.target.parentElement, n = t == null ? void 0 : t.lastElementChild;
-  return n && (!G(n) || !V(n)) ? Re(n) : n;
-}, fe = ["alt", "control", "shift", "meta"], Pt = {
+  return n && (!G(n) || !V(n)) ? Te(n) : n;
+}, de = ["alt", "control", "shift", "meta"], Lt = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, Oe = {
+}, Pe = {
   "keydown.up": (e) => {
-    const t = ze(e);
+    const t = Be(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
-    const t = Be(e);
+    const t = Xe(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = Xe(e);
+    const t = Ne(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = Ne(e);
+    const t = Ve(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = Tt(e);
+    const t = Ot(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = Ot(e);
+    const t = Pt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = Ve(e);
+    const t = Ge(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = Ge(e);
+    const t = Fe(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = Ge(e);
+    const t = Fe(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = Be(e);
+      const t = Xe(e);
       t && t.focus();
     }
   },
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = ze(e);
+      const t = Be(e);
       t && t.focus();
     }
   },
   "keydown.home": (e) => {
-    const t = Ve(e);
+    const t = Ge(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = Ne(e);
+    const t = Ve(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = Xe(e);
+    const t = Ne(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
-function Pe(e) {
+function Le(e) {
   const t = (l) => {
     let a = null;
     return l.parent && (typeof l.parent == "string" ? a = document.querySelector(l.parent) : l.parent instanceof HTMLElement ? a = l.parent : a = l.parent.value), a;
@@ -395,19 +395,19 @@ function Pe(e) {
     let u = [];
     return l.selectors ? u = n(l) : a && (u = Array.from(a.children).filter((r) => G(r) && V(r))), u;
   }, i = (l) => (a) => {
-    const u = Pt[a.key] || a.key.toLowerCase();
-    if (fe.includes(u)) return;
-    const r = l.handlers || Oe;
+    const u = Lt[a.key] || a.key.toLowerCase();
+    if (de.includes(u)) return;
+    const r = l.handlers || Pe;
     for (const s of Object.keys(r)) {
       const [v, ...m] = s.split(".");
       if (v === "keydown" && m.includes(u)) {
-        const y = r[s], h = m.filter((f) => fe.includes(f)), x = fe.some((f) => {
+        const y = r[s], h = m.filter((f) => de.includes(f)), x = de.some((f) => {
           const d = f.charAt(0).toUpperCase() + f.slice(1);
           return a.getModifierState(d);
         });
         if (h.length > 0) {
           if (x) {
-            for (const f of fe)
+            for (const f of de)
               if (m.includes(f)) {
                 const d = f.charAt(0).toUpperCase() + f.slice(1);
                 a.getModifierState(d) && y(a);
@@ -422,46 +422,46 @@ function Pe(e) {
     for (const l of e) {
       const a = t(l), u = o(l), r = i(l), s = a ? [a] : u;
       for (const v of s) {
-        const { focused: m } = At(O(v)), y = B(m, (h) => {
+        const { focused: m } = Rt(P(v)), y = B(m, (h) => {
           h ? v.addEventListener("keydown", r) : v.removeEventListener("keydown", r);
         });
         c.push(y);
       }
     }
-  }), st(() => {
+  }), rt(() => {
     for (const l of c)
       l();
   });
 }
-function le(e) {
-  return Ye() ? (qe(e), !0) : !1;
+function oe(e) {
+  return qe() ? (Je(e), !0) : !1;
 }
 const we = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Lt = (e) => e != null, Dt = Object.prototype.toString, Ke = (e) => Dt.call(e) === "[object Object]", U = () => {
-}, ke = /* @__PURE__ */ Wt();
-function Wt() {
+const Dt = (e) => e != null, Wt = Object.prototype.toString, _e = (e) => Wt.call(e) === "[object Object]", U = () => {
+}, Me = /* @__PURE__ */ Ht();
+function Ht() {
   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));
 }
-function Ht(e) {
-  return pe();
+function zt(...e) {
+  if (e.length !== 1)
+    return dt(...e);
+  const t = e[0];
+  return typeof t == "function" ? ft(Ze(() => ({ get: t, set: U }))) : P(t);
 }
 function J(e) {
   return Array.isArray(e) ? e : [e];
 }
-function zt(...e) {
-  if (e.length !== 1)
-    return ct(...e);
-  const t = e[0];
-  return typeof t == "function" ? dt(Qe(() => ({ get: t, set: U }))) : O(t);
+function Bt(e) {
+  return pe();
 }
-function Bt(e, t = {}) {
-  if (!it(e))
-    return ut(e);
+function Xt(e, t = {}) {
+  if (!ut(e))
+    return ct(e);
   const n = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
   for (const o in e.value)
-    n[o] = Qe(() => ({
+    n[o] = Ze(() => ({
       get() {
         return e.value[o];
       },
@@ -481,10 +481,10 @@ function Bt(e, t = {}) {
     }));
   return n;
 }
-function Xt(e, t = !0, n) {
-  Ht() ? Q(e, n) : t ? e() : Je(e);
+function Nt(e, t = !0, n) {
+  Bt() ? Q(e, n) : t ? e() : Qe(e);
 }
-function _e(e, t, n) {
+function et(e, t, n) {
   return B(
     e,
     t,
@@ -495,22 +495,22 @@ function _e(e, t, n) {
   );
 }
 const ye = we ? window : void 0;
-function ne(e) {
+function te(e) {
   var t;
   const n = E(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function ce(...e) {
+function ue(...e) {
   const t = [], n = () => {
     t.forEach((a) => a()), t.length = 0;
   }, o = (a, u, r, s) => (a.addEventListener(u, r, s), () => a.removeEventListener(u, r, s)), i = I(() => {
     const a = J(E(e[0])).filter((u) => u != null);
     return a.every((u) => typeof u != "string") ? a : void 0;
-  }), c = _e(
+  }), c = et(
     () => {
       var a, u;
       return [
-        (u = (a = i.value) == null ? void 0 : a.map((r) => ne(r))) != null ? u : [ye].filter((r) => r != null),
+        (u = (a = i.value) == null ? void 0 : a.map((r) => te(r))) != null ? u : [ye].filter((r) => r != null),
         J(E(i.value ? e[1] : e[0])),
         J(b(i.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
@@ -520,7 +520,7 @@ function ce(...e) {
     ([a, u, r, s]) => {
       if (n(), !(a != null && a.length) || !(u != null && u.length) || !(r != null && r.length))
         return;
-      const v = Ke(s) ? { ...s } : s;
+      const v = _e(s) ? { ...s } : s;
       t.push(
         ...a.flatMap(
           (m) => u.flatMap(
@@ -533,25 +533,25 @@ function ce(...e) {
   ), l = () => {
     c(), n();
   };
-  return le(n), l;
+  return oe(n), l;
 }
-function Nt() {
-  const e = H(!1), t = pe();
+function Vt() {
+  const e = W(!1), t = pe();
   return t && Q(() => {
     e.value = !0;
   }, t), e;
 }
-function et(e) {
-  const t = Nt();
+function tt(e) {
+  const t = Vt();
   return I(() => (t.value, !!e()));
 }
-function tt(e, t, n = {}) {
+function nt(e, t, n = {}) {
   const { window: o = ye, ...i } = n;
   let c;
-  const l = et(() => o && "MutationObserver" in o), a = () => {
+  const l = tt(() => o && "MutationObserver" in o), a = () => {
     c && (c.disconnect(), c = void 0);
   }, u = I(() => {
-    const m = E(e), y = J(m).map(ne).filter(Lt);
+    const m = E(e), y = J(m).map(te).filter(Dt);
     return new Set(y);
   }), r = B(
     () => u.value,
@@ -562,7 +562,7 @@ function tt(e, t, n = {}) {
   ), s = () => c == null ? void 0 : c.takeRecords(), v = () => {
     r(), a();
   };
-  return le(v), {
+  return oe(v), {
     isSupported: l,
     stop: v,
     takeRecords: s
@@ -584,30 +584,30 @@ function xe(e, t = {}) {
     containerElement: y,
     handle: h = e,
     buttons: x = [0]
-  } = t, f = O(
+  } = t, f = P(
     (n = E(s)) != null ? n : { x: 0, y: 0 }
-  ), d = O(), p = (C) => o ? o.includes(C.pointerType) : !0, S = (C) => {
+  ), d = P(), p = (C) => o ? o.includes(C.pointerType) : !0, M = (C) => {
     E(i) && C.preventDefault(), E(c) && C.stopPropagation();
   }, $ = (C) => {
     var T;
     if (!E(x).includes(C.button) || E(t.disabled) || !p(C) || E(l) && C.target !== E(e))
       return;
-    const W = E(y), F = (T = W == null ? void 0 : W.getBoundingClientRect) == null ? void 0 : T.call(W), X = E(e).getBoundingClientRect(), be = {
-      x: C.clientX - (W ? X.left - F.left + W.scrollLeft : X.left),
-      y: C.clientY - (W ? X.top - F.top + W.scrollTop : X.top)
+    const H = E(y), F = (T = H == null ? void 0 : H.getBoundingClientRect) == null ? void 0 : T.call(H), X = E(e).getBoundingClientRect(), be = {
+      x: C.clientX - (H ? X.left - F.left + H.scrollLeft : X.left),
+      y: C.clientY - (H ? X.top - F.top + H.scrollTop : X.top)
     };
-    (r == null ? void 0 : r(be, C)) !== !1 && (d.value = be, S(C));
+    (r == null ? void 0 : r(be, C)) !== !1 && (d.value = be, M(C));
   }, k = (C) => {
     if (E(t.disabled) || !p(C) || !d.value)
       return;
-    const T = E(y), W = E(e).getBoundingClientRect();
+    const T = E(y), H = E(e).getBoundingClientRect();
     let { x: F, y: X } = f.value;
-    (v === "x" || v === "both") && (F = C.clientX - d.value.x, T && (F = Math.min(Math.max(0, F), T.scrollWidth - W.width))), (v === "y" || v === "both") && (X = C.clientY - d.value.y, T && (X = Math.min(Math.max(0, X), T.scrollHeight - W.height))), f.value = {
+    (v === "x" || v === "both") && (F = C.clientX - d.value.x, T && (F = Math.min(Math.max(0, F), T.scrollWidth - H.width))), (v === "y" || v === "both") && (X = C.clientY - d.value.y, T && (X = Math.min(Math.max(0, X), T.scrollHeight - H.height))), f.value = {
       x: F,
       y: X
-    }, a == null || a(f.value, C), S(C);
-  }, se = (C) => {
-    E(t.disabled) || !p(C) || d.value && (d.value = void 0, u == null || u(f.value, C), S(C));
+    }, a == null || a(f.value, C), M(C);
+  }, ae = (C) => {
+    E(t.disabled) || !p(C) || d.value && (d.value = void 0, u == null || u(f.value, C), M(C));
   };
   if (we) {
     const C = () => {
@@ -617,10 +617,10 @@ function xe(e, t = {}) {
         passive: !E(i)
       };
     };
-    ce(h, "pointerdown", $, C), ce(m, "pointermove", k, C), ce(m, "pointerup", se, C);
+    ue(h, "pointerdown", $, C), ue(m, "pointermove", k, C), ue(m, "pointerup", ae, C);
   }
   return {
-    ...Bt(f),
+    ...Xt(f),
     position: f,
     isDragging: I(() => !!d.value),
     style: I(
@@ -628,14 +628,14 @@ function xe(e, t = {}) {
     )
   };
 }
-function Vt(e, t, n = {}) {
+function Gt(e, t, n = {}) {
   const { window: o = ye, ...i } = n;
   let c;
-  const l = et(() => o && "ResizeObserver" in o), a = () => {
+  const l = tt(() => o && "ResizeObserver" in o), a = () => {
     c && (c.disconnect(), c = void 0);
   }, u = I(() => {
     const v = E(e);
-    return Array.isArray(v) ? v.map((m) => ne(m)) : [ne(v)];
+    return Array.isArray(v) ? v.map((m) => te(m)) : [te(v)];
   }), r = B(
     u,
     (v) => {
@@ -649,7 +649,7 @@ function Vt(e, t, n = {}) {
   ), s = () => {
     a(), r();
   };
-  return le(s), {
+  return oe(s), {
     isSupported: l,
     stop: s
   };
@@ -661,9 +661,9 @@ function ge(e, t = {}) {
     windowScroll: i = !0,
     immediate: c = !0,
     updateTiming: l = "sync"
-  } = t, a = H(0), u = H(0), r = H(0), s = H(0), v = H(0), m = H(0), y = H(0), h = H(0);
+  } = t, a = W(0), u = W(0), r = W(0), s = W(0), v = W(0), m = W(0), y = W(0), h = W(0);
   function x() {
-    const d = ne(e);
+    const d = te(e);
     if (!d) {
       n && (a.value = 0, u.value = 0, r.value = 0, s.value = 0, v.value = 0, m.value = 0, y.value = 0, h.value = 0);
       return;
@@ -674,9 +674,9 @@ function ge(e, t = {}) {
   function f() {
     l === "sync" ? x() : l === "next-frame" && requestAnimationFrame(() => x());
   }
-  return Vt(e, f), B(() => ne(e), (d) => !d && f()), tt(e, f, {
+  return Gt(e, f), B(() => te(e), (d) => !d && f()), nt(e, f, {
     attributeFilter: ["style", "class"]
-  }), i && ce("scroll", f, { capture: !0, passive: !0 }), o && ce("resize", f, { passive: !0 }), Xt(() => {
+  }), i && ue("scroll", f, { capture: !0, passive: !0 }), o && ue("resize", f, { passive: !0 }), Nt(() => {
     c && f();
   }), {
     height: a,
@@ -690,10 +690,10 @@ function ge(e, t = {}) {
     update: f
   };
 }
-const Gt = (e) => {
+const Ft = (e) => {
   const t = new DOMParser().parseFromString(e, "text/html");
   return Array.from(t.body.childNodes).some((n) => n.nodeType === 1);
-}, Ft = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), jt = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Ut = ["innerHTML"], Yt = { key: 2 }, qt = /* @__PURE__ */ Z({
+}, jt = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), Ut = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Yt = ["innerHTML"], qt = { key: 2 }, Jt = /* @__PURE__ */ Z({
   __name: "ACell",
   props: {
     colIndex: {},
@@ -704,7 +704,7 @@ const Gt = (e) => {
     pinned: { type: Boolean, default: !1 }
   },
   setup(e, { expose: t }) {
-    const n = N("cell"), o = e.store.getCellData(e.colIndex, e.rowIndex), i = O(""), c = O(!1), l = e.store.columns[e.colIndex], a = e.store.rows[e.rowIndex], u = l.align || "center", r = l.width || "40ch", s = I(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), v = I(() => typeof s.value == "string" ? Gt(s.value) : !1), m = I(() => {
+    const n = N("cell"), o = e.store.getCellData(e.colIndex, e.rowIndex), i = P(""), c = P(!1), l = e.store.columns[e.colIndex], a = e.store.rows[e.rowIndex], u = l.align || "center", r = l.width || "40ch", s = I(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), v = I(() => typeof s.value == "string" ? Ft(s.value) : !1), m = I(() => {
       var d;
       return {
         textAlign: u,
@@ -716,14 +716,14 @@ const Gt = (e) => {
       "sticky-column": e.pinned,
       "cell-modified": c.value
     })), h = () => {
-      const { left: d, bottom: p, width: S, height: $ } = ge(n);
+      const { left: d, bottom: p, width: M, height: $ } = ge(n);
       l.mask, l.modalComponent && e.store.$patch((k) => {
-        k.modal.visible = !0, k.modal.colIndex = e.colIndex, k.modal.rowIndex = e.rowIndex, k.modal.left = d, k.modal.bottom = p, k.modal.width = S, k.modal.height = $, k.modal.cell = n.value, typeof l.modalComponent == "function" ? k.modal.component = l.modalComponent({ table: k.table, row: a, column: l }) : k.modal.component = l.modalComponent, k.modal.componentProps = l.modalComponentExtraProps;
+        k.modal.visible = !0, k.modal.colIndex = e.colIndex, k.modal.rowIndex = e.rowIndex, k.modal.left = d, k.modal.bottom = p, k.modal.width = M, k.modal.height = $, k.modal.cell = n.value, typeof l.modalComponent == "function" ? k.modal.component = l.modalComponent({ table: k.table, row: a, column: l }) : k.modal.component = l.modalComponent, k.modal.componentProps = l.modalComponentExtraProps;
       });
     };
     if (e.addNavigation) {
       let d = {
-        ...Oe,
+        ...Pe,
         "keydown.f2": h,
         "keydown.alt.up": h,
         "keydown.alt.down": h,
@@ -733,7 +733,7 @@ const Gt = (e) => {
       typeof e.addNavigation == "object" && (d = {
         ...d,
         ...e.addNavigation
-      }), Pe([
+      }), Le([
         {
           selectors: n,
           handlers: d
@@ -748,7 +748,7 @@ const Gt = (e) => {
     };
     return t({
       currentData: i
-    }), (d, p) => (M(), R("td", {
+    }), (d, p) => (S(), R("td", {
       ref: "cell",
       "data-colindex": d.colIndex,
       "data-rowindex": d.rowIndex,
@@ -763,16 +763,16 @@ const Gt = (e) => {
       onClick: h,
       class: j(["atable-cell", y.value])
     }, [
-      b(l).cellComponent ? (M(), ie(ve(b(l).cellComponent), Se({
+      b(l).cellComponent ? (S(), re(fe(b(l).cellComponent), Se({
         key: 0,
         value: s.value
-      }, b(l).cellComponentProps), null, 16, ["value"])) : v.value ? (M(), R("span", {
+      }, b(l).cellComponentProps), null, 16, ["value"])) : v.value ? (S(), R("span", {
         key: 1,
         innerHTML: s.value
-      }, null, 8, Ut)) : (M(), R("span", Yt, _(s.value), 1))
-    ], 46, jt));
+      }, null, 8, Yt)) : (S(), R("span", qt, K(s.value), 1))
+    ], 46, Ut));
   }
-}), Jt = ["tabindex"], Qt = ["tabindex"], Zt = ["colspan"], Kt = /* @__PURE__ */ Z({
+}), Qt = ["tabindex"], Zt = ["tabindex"], Kt = ["colspan"], _t = /* @__PURE__ */ Z({
   __name: "AExpansionRow",
   props: {
     rowIndex: {},
@@ -788,14 +788,14 @@ const Gt = (e) => {
           i.stopPropagation(), i.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), Le([
         {
           selectors: t,
           handlers: o
         }
       ]);
     }
-    return (o, i) => (M(), R(ue, null, [
+    return (o, i) => (S(), R(ie, null, [
       L("tr", Se(o.$attrs, {
         ref: "rowEl",
         tabindex: o.tabIndex,
@@ -805,10 +805,10 @@ const Gt = (e) => {
           tabIndex: -1,
           onClick: i[0] || (i[0] = (c) => o.store.toggleRowExpand(o.rowIndex)),
           class: "row-index"
-        }, _(n.value), 1),
+        }, K(n.value), 1),
         z(o.$slots, "row", {}, void 0, !0)
-      ], 16, Jt),
-      o.store.display[o.rowIndex].expanded ? (M(), R("tr", {
+      ], 16, Qt),
+      o.store.display[o.rowIndex].expanded ? (S(), R("tr", {
         key: 0,
         ref: "rowExpanded",
         tabindex: o.tabIndex,
@@ -820,22 +820,22 @@ const Gt = (e) => {
           class: "expanded-row-content"
         }, [
           z(o.$slots, "content", {}, void 0, !0)
-        ], 8, Zt)
-      ], 8, Qt)) : ee("", !0)
+        ], 8, Kt)
+      ], 8, Zt)) : _("", !0)
     ], 64));
   }
-}), ae = (e, t) => {
+}), le = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, i] of t)
     n[o] = i;
   return n;
-}, _t = /* @__PURE__ */ ae(Kt, [["__scopeId", "data-v-5ad4bb41"]]), en = ["colspan"], tn = {
+}, en = /* @__PURE__ */ le(_t, [["__scopeId", "data-v-5ad4bb41"]]), tn = ["colspan"], nn = {
   ref: "container",
   class: "gantt-handler"
-}, nn = {
+}, on = {
   key: 0,
   class: "gantt-label"
-}, on = /* @__PURE__ */ Z({
+}, ln = /* @__PURE__ */ Z({
   __name: "AGanttCell",
   props: {
     store: {},
@@ -849,15 +849,15 @@ const Gt = (e) => {
     color: {}
   },
   setup(e) {
-    ft((d) => ({
+    vt((d) => ({
       "78862e08": t.value,
       "18ad7d98": d.colspan
     }));
-    const t = O();
+    const t = P();
     Q(() => {
       !e.color || e.color == "" || e.color.length < 6 ? t.value = "#cccccc" : t.value = e.color;
     });
-    const n = N("container"), o = N("bar"), i = N("leftHandle"), c = N("rightHandle"), { width: l } = ge(n), { left: a, right: u } = ge(o), r = O(e.start || 0), s = O(e.end || r.value + e.colspan), v = O({ startX: 0, startPos: 0 }), m = I(() => e.colspan > 0 ? l.value / e.colspan : 0), y = I(() => {
+    const n = N("container"), o = N("bar"), i = N("leftHandle"), c = N("rightHandle"), { width: l } = ge(n), { left: a, right: u } = ge(o), r = P(e.start || 0), s = P(e.end || r.value + e.colspan), v = P({ startX: 0, startPos: 0 }), m = I(() => e.colspan > 0 ? l.value / e.colspan : 0), y = I(() => {
       const d = r.value / e.colspan * 100, p = s.value / e.colspan * 100;
       return {
         left: `${d}%`,
@@ -874,13 +874,13 @@ const Gt = (e) => {
       },
       onMove: ({ x: d }) => {
         if (h.value && o.value) {
-          const S = (d - v.value.startX) / m.value, $ = Math.max(0, Math.min(s.value - 1, v.value.startPos + S));
+          const M = (d - v.value.startX) / m.value, $ = Math.max(0, Math.min(s.value - 1, v.value.startPos + M));
           o.value.style.left = `${$ / e.colspan * 100}%`, o.value.style.width = `${(s.value - $) / e.colspan * 100}%`;
         }
       },
       onEnd: ({ x: d }) => {
         if (o.value) {
-          const p = d - v.value.startX, S = Math.round(p / m.value), $ = r.value, k = Math.max(0, Math.min(s.value - 1, v.value.startPos + S));
+          const p = d - v.value.startX, M = Math.round(p / m.value), $ = r.value, k = Math.max(0, Math.min(s.value - 1, v.value.startPos + M));
           r.value = k, e.store.updateGanttBar({
             rowIndex: e.rowIndex,
             colIndex: e.colIndex,
@@ -889,7 +889,7 @@ const Gt = (e) => {
             oldStart: $,
             newStart: k,
             end: s.value,
-            delta: S,
+            delta: M,
             oldColspan: s.value - $,
             newColspan: s.value - k
           });
@@ -905,18 +905,18 @@ const Gt = (e) => {
       },
       onMove: ({ x: d }) => {
         if (x.value && o.value) {
-          const S = (d - v.value.startX) / m.value, $ = Math.max(
+          const M = (d - v.value.startX) / m.value, $ = Math.max(
             r.value + 1,
-            Math.min(e.columnsCount, v.value.startPos + S)
+            Math.min(e.columnsCount, v.value.startPos + M)
           );
           o.value.style.width = `${($ - r.value) / e.colspan * 100}%`;
         }
       },
       onEnd: ({ x: d }) => {
         if (o.value) {
-          const p = d - v.value.startX, S = Math.round(p / m.value), $ = s.value, k = Math.max(
+          const p = d - v.value.startX, M = Math.round(p / m.value), $ = s.value, k = Math.max(
             r.value + 1,
-            Math.min(e.columnsCount, v.value.startPos + S)
+            Math.min(e.columnsCount, v.value.startPos + M)
           );
           s.value = k, e.store.updateGanttBar({
             rowIndex: e.rowIndex,
@@ -926,7 +926,7 @@ const Gt = (e) => {
             oldEnd: $,
             newEnd: k,
             start: r.value,
-            delta: S,
+            delta: M,
             oldColspan: $ - r.value,
             newColspan: k - r.value
           });
@@ -944,33 +944,33 @@ const Gt = (e) => {
       },
       onMove: ({ x: d }) => {
         if (f.value && o.value) {
-          const S = (d - v.value.startX) / m.value, $ = s.value - r.value, k = Math.max(0, Math.min(v.value.startPos + S, e.columnsCount - $));
+          const M = (d - v.value.startX) / m.value, $ = s.value - r.value, k = Math.max(0, Math.min(v.value.startPos + M, e.columnsCount - $));
           o.value.style.left = `${k / e.colspan * 100}%`;
         }
       },
       onEnd: ({ x: d }) => {
         if (o.value) {
-          const p = d - v.value.startX, S = Math.round(p / m.value), $ = s.value - r.value, k = r.value, se = s.value;
-          let C = v.value.startPos + S, T = C + $;
+          const p = d - v.value.startX, M = Math.round(p / m.value), $ = s.value - r.value, k = r.value, ae = s.value;
+          let C = v.value.startPos + M, T = C + $;
           C < 0 ? (C = 0, T = $) : T > e.columnsCount && (T = e.columnsCount, C = T - $), r.value = C, s.value = T, e.store.updateGanttBar({
             rowIndex: e.rowIndex,
             colIndex: e.colIndex,
             type: "bar",
             oldStart: k,
-            oldEnd: se,
+            oldEnd: ae,
             newStart: C,
             newEnd: T,
-            delta: S,
+            delta: M,
             colspan: T - C
           });
         }
       }
     });
-    return (d, p) => (M(), R("td", {
+    return (d, p) => (S(), R("td", {
       class: "aganttcell",
       colspan: d.colspan
     }, [
-      L("div", tn, [
+      L("div", nn, [
         L("div", {
           ref: "bar",
           class: j(["gantt-bar", { "is-dragging": b(f) || b(h) || b(x) }]),
@@ -983,7 +983,7 @@ const Gt = (e) => {
             L("div", { class: "handle-grip" }, null, -1),
             L("div", { class: "vertical-indicator left-indicator" }, null, -1)
           ]), 2),
-          d.label ? (M(), R("label", nn, _(d.label), 1)) : ee("", !0),
+          d.label ? (S(), R("label", on, K(d.label), 1)) : _("", !0),
           L("div", {
             ref: "rightHandle",
             class: j(["gantt-handle right-handle", { "is-dragging": b(x) }])
@@ -993,9 +993,9 @@ const Gt = (e) => {
           ]), 2)
         ], 6)
       ], 512)
-    ], 8, en));
+    ], 8, tn));
   }
-}), ln = /* @__PURE__ */ ae(on, [["__scopeId", "data-v-a929e8e3"]]), an = ["tabindex"], sn = /* @__PURE__ */ Z({
+}), an = /* @__PURE__ */ le(ln, [["__scopeId", "data-v-a929e8e3"]]), sn = ["tabindex"], rn = /* @__PURE__ */ Z({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -1006,56 +1006,56 @@ const Gt = (e) => {
   setup(e) {
     const t = N("rowEl"), n = I(() => e.store.isRowVisible(e.rowIndex)), o = I(() => e.store.getRowExpandSymbol(e.rowIndex));
     if (e.addNavigation) {
-      let i = Oe;
+      let i = Pe;
       typeof e.addNavigation == "object" && (i = {
         ...i,
         ...e.addNavigation
-      }), Pe([
+      }), Le([
         {
           selectors: t,
           handlers: i
         }
       ]);
     }
-    return (i, c) => he((M(), R("tr", {
+    return (i, c) => he((S(), R("tr", {
       ref: "rowEl",
       tabindex: i.tabIndex,
       class: "atable-row"
     }, [
       i.store.config.view !== "uncounted" ? z(i.$slots, "index", { key: 0 }, () => [
-        i.store.config.view === "list" ? (M(), R("td", {
+        i.store.config.view === "list" ? (S(), R("td", {
           key: 0,
           tabIndex: -1,
           class: j(["list-index", i.store.hasPinnedColumns ? "sticky-index" : ""])
-        }, _(i.rowIndex + 1), 3)) : i.store.config.view === "tree" ? (M(), R("td", {
+        }, K(i.rowIndex + 1), 3)) : i.store.config.view === "tree" ? (S(), R("td", {
           key: 1,
           tabIndex: -1,
           class: j(["tree-index", i.store.hasPinnedColumns ? "sticky-index" : ""]),
           onClick: c[0] || (c[0] = (l) => i.store.toggleRowExpand(i.rowIndex))
-        }, _(o.value), 3)) : ee("", !0)
-      ], !0) : ee("", !0),
+        }, K(o.value), 3)) : _("", !0)
+      ], !0) : _("", !0),
       z(i.$slots, "default", {}, void 0, !0)
-    ], 8, an)), [
-      [Ze, n.value]
+    ], 8, sn)), [
+      [Ke, n.value]
     ]);
   }
-}), nt = /* @__PURE__ */ ae(sn, [["__scopeId", "data-v-4cb4f254"]]), Le = we ? window : void 0;
+}), ot = /* @__PURE__ */ le(rn, [["__scopeId", "data-v-4cb4f254"]]), De = we ? window : void 0;
 function Y(e) {
   var t;
   const n = E(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function K(...e) {
+function me(...e) {
   const t = [], n = () => {
     t.forEach((a) => a()), t.length = 0;
   }, o = (a, u, r, s) => (a.addEventListener(u, r, s), () => a.removeEventListener(u, r, s)), i = I(() => {
     const a = J(E(e[0])).filter((u) => u != null);
     return a.every((u) => typeof u != "string") ? a : void 0;
-  }), c = _e(
+  }), c = et(
     () => {
       var a, u;
       return [
-        (u = (a = i.value) == null ? void 0 : a.map((r) => Y(r))) != null ? u : [Le].filter((r) => r != null),
+        (u = (a = i.value) == null ? void 0 : a.map((r) => Y(r))) != null ? u : [De].filter((r) => r != null),
         J(E(i.value ? e[1] : e[0])),
         J(b(i.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
@@ -1065,7 +1065,7 @@ function K(...e) {
     ([a, u, r, s]) => {
       if (n(), !(a != null && a.length) || !(u != null && u.length) || !(r != null && r.length))
         return;
-      const v = Ke(s) ? { ...s } : s;
+      const v = _e(s) ? { ...s } : s;
       t.push(
         ...a.flatMap(
           (m) => u.flatMap(
@@ -1078,17 +1078,17 @@ function K(...e) {
   ), l = () => {
     c(), n();
   };
-  return le(n), l;
+  return oe(n), l;
 }
-let Fe = !1;
-function je(e, t, n = {}) {
-  const { window: o = Le, ignore: i = [], capture: c = !0, detectIframe: l = !1, controls: a = !1 } = n;
+let je = !1;
+function Ue(e, t, n = {}) {
+  const { window: o = De, ignore: i = [], capture: c = !0, detectIframe: l = !1, controls: a = !1 } = n;
   if (!o)
     return a ? { stop: U, cancel: U, trigger: U } : U;
-  if (ke && !Fe) {
-    Fe = !0;
+  if (Me && !je) {
+    je = !0;
     const f = { passive: !0 };
-    Array.from(o.document.body.children).forEach((d) => K(d, "click", U, f)), K(o.document.documentElement, "click", U, f);
+    Array.from(o.document.body.children).forEach((d) => d.addEventListener("click", U, f)), o.document.documentElement.addEventListener("click", U, f);
   }
   let u = !0;
   const r = (f) => E(i).some((d) => {
@@ -1104,8 +1104,8 @@ function je(e, t, n = {}) {
     return d && d.$.subTree.shapeFlag === 16;
   }
   function v(f, d) {
-    const p = E(f), S = p.$.subTree && p.$.subTree.children;
-    return S == null || !Array.isArray(S) ? !1 : S.some(($) => $.el === d.target || d.composedPath().includes($.el));
+    const p = E(f), M = p.$.subTree && p.$.subTree.children;
+    return M == null || !Array.isArray(M) ? !1 : M.some(($) => $.el === d.target || d.composedPath().includes($.el));
   }
   const m = (f) => {
     const d = Y(e);
@@ -1119,16 +1119,16 @@ function je(e, t, n = {}) {
   };
   let y = !1;
   const h = [
-    K(o, "click", (f) => {
+    me(o, "click", (f) => {
       y || (y = !0, setTimeout(() => {
         y = !1;
       }, 0), m(f));
     }, { passive: !0, capture: c }),
-    K(o, "pointerdown", (f) => {
+    me(o, "pointerdown", (f) => {
       const d = Y(e);
       u = !r(f) && !!(d && !f.composedPath().includes(d));
     }, { passive: !0 }),
-    l && K(o, "blur", (f) => {
+    l && me(o, "blur", (f) => {
       setTimeout(() => {
         var d;
         const p = Y(e);
@@ -1146,34 +1146,37 @@ function je(e, t, n = {}) {
     }
   } : x;
 }
-const rn = {
+const Ce = /* @__PURE__ */ new WeakMap(), un = {
   mounted(e, t) {
     const n = !t.modifiers.bubble;
+    let o;
     if (typeof t.value == "function")
-      e.__onClickOutside_stop = je(e, t.value, { capture: n });
+      o = Ue(e, t.value, { capture: n });
     else {
-      const [o, i] = t.value;
-      e.__onClickOutside_stop = je(e, o, Object.assign({ capture: n }, i));
+      const [i, c] = t.value;
+      o = Ue(e, i, Object.assign({ capture: n }, c));
     }
+    Ce.set(e, o);
   },
   unmounted(e) {
-    e.__onClickOutside_stop();
+    const t = Ce.get(e);
+    t && typeof t == "function" ? t() : t == null || t.stop(), Ce.delete(e);
   }
 };
-function un() {
-  const e = H(!1), t = pe();
+function cn() {
+  const e = W(!1), t = pe();
   return t && Q(() => {
     e.value = !0;
   }, t), e;
 }
-function cn(e) {
-  const t = un();
+function dn(e) {
+  const t = cn();
   return I(() => (t.value, !!e()));
 }
-function Ue(e, t, n = {}) {
-  const { window: o = Le, ...i } = n;
+function Ye(e, t, n = {}) {
+  const { window: o = De, ...i } = n;
   let c;
-  const l = cn(() => o && "ResizeObserver" in o), a = () => {
+  const l = dn(() => o && "ResizeObserver" in o), a = () => {
     c && (c.disconnect(), c = void 0);
   }, u = I(() => {
     const v = E(e);
@@ -1191,41 +1194,41 @@ function Ue(e, t, n = {}) {
   ), s = () => {
     a(), r();
   };
-  return le(s), {
+  return oe(s), {
     isSupported: l,
     stop: s
   };
 }
-function Ce(e) {
+function Ee(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
-const dn = {
+const fn = {
   mounted(e, t) {
-    typeof t.value == "function" ? Ue(e, t.value) : Ue(e, ...t.value);
+    typeof t.value == "function" ? Ye(e, t.value) : Ye(e, ...t.value);
   }
 };
-function ot(e) {
+function lt(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 : ot(n);
+    return !n || n.tagName === "BODY" ? !1 : lt(n);
   }
 }
-function fn(e) {
+function vn(e) {
   const t = e || window.event, n = t.target;
-  return ot(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
+  return lt(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
-const Ee = /* @__PURE__ */ new WeakMap();
-function vn(e, t = !1) {
-  const n = O(t);
+const Ie = /* @__PURE__ */ new WeakMap();
+function mn(e, t = !1) {
+  const n = W(t);
   let o = null, i = "";
   B(zt(e), (a) => {
-    const u = Ce(E(a));
+    const u = Ee(E(a));
     if (u) {
       const r = u;
-      if (Ee.get(r) || Ee.set(r, r.style.overflow), r.style.overflow !== "hidden" && (i = r.style.overflow), r.style.overflow === "hidden")
+      if (Ie.get(r) || Ie.set(r, r.style.overflow), r.style.overflow !== "hidden" && (i = r.style.overflow), r.style.overflow === "hidden")
         return n.value = !0;
       if (n.value)
         return r.style.overflow = "hidden";
@@ -1234,20 +1237,20 @@ function vn(e, t = !1) {
     immediate: !0
   });
   const c = () => {
-    const a = Ce(E(e));
-    !a || n.value || (ke && (o = K(
+    const a = Ee(E(e));
+    !a || n.value || (Me && (o = me(
       a,
       "touchmove",
       (u) => {
-        fn(u);
+        vn(u);
       },
       { passive: !1 }
     )), a.style.overflow = "hidden", n.value = !0);
   }, l = () => {
-    const a = Ce(E(e));
-    !a || !n.value || (ke && (o == null || o()), a.style.overflow = i, Ee.delete(a), n.value = !1);
+    const a = Ee(E(e));
+    !a || !n.value || (Me && (o == null || o()), a.style.overflow = i, Ie.delete(a), n.value = !1);
   };
-  return le(l), I({
+  return oe(l), I({
     get() {
       return n.value;
     },
@@ -1256,22 +1259,22 @@ function vn(e, t = !1) {
     }
   });
 }
-function mn() {
+function hn() {
   let e = !1;
-  const t = H(!1);
+  const t = W(!1);
   return (n, o) => {
     if (t.value = o.value, e)
       return;
     e = !0;
-    const i = vn(n, o.value);
+    const i = mn(n, o.value);
     B(t, (c) => i.value = c);
   };
 }
-mn();
-const hn = { key: 0 }, gn = {
+hn();
+const gn = { key: 0 }, pn = {
   class: "atable-header-row",
   tabindex: "-1"
-}, pn = ["data-colindex"], lt = /* @__PURE__ */ Z({
+}, wn = ["data-colindex"], at = /* @__PURE__ */ Z({
   __name: "ATableHeader",
   props: {
     columns: {},
@@ -1286,9 +1289,9 @@ const hn = { key: 0 }, gn = {
         typeof u == "number" && u !== l && e.store.resizeColumn(a, l);
       }
     };
-    return (n, o) => n.columns.length ? (M(), R("thead", hn, [
-      L("tr", gn, [
-        n.store.zeroColumn ? (M(), R("th", {
+    return (n, o) => n.columns.length ? (S(), R("thead", gn, [
+      L("tr", pn, [
+        n.store.zeroColumn ? (S(), R("th", {
           key: 0,
           id: "header-index",
           class: j([[
@@ -1296,8 +1299,8 @@ const hn = { key: 0 }, gn = {
             n.store.config.view === "tree" ? "tree-index" : "",
             n.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
-        }, null, 2)) : ee("", !0),
-        (M(!0), R(ue, null, Ie(n.columns, (i, c) => he((M(), R("th", {
+        }, null, 2)) : _("", !0),
+        (S(!0), R(ie, null, ke(n.columns, (i, c) => he((S(), R("th", {
           key: i.name,
           "data-colindex": c,
           tabindex: "-1",
@@ -1305,15 +1308,15 @@ const hn = { key: 0 }, gn = {
           class: j(i.pinned ? "sticky-column" : "")
         }, [
           z(n.$slots, "default", {}, () => [
-            vt(_(i.label || String.fromCharCode(c + 97).toUpperCase()), 1)
+            mt(K(i.label || String.fromCharCode(c + 97).toUpperCase()), 1)
           ])
-        ], 14, pn)), [
-          [b(dn), t]
+        ], 14, wn)), [
+          [b(fn), t]
         ])), 128))
       ])
-    ])) : ee("", !0);
+    ])) : _("", !0);
   }
-}), at = /* @__PURE__ */ Z({
+}), st = /* @__PURE__ */ Z({
   __name: "ATableModal",
   props: {
     store: {}
@@ -1332,40 +1335,40 @@ const hn = { key: 0 }, gn = {
         top: `${u}px`
       };
     });
-    return (c, l) => (M(), R("div", {
+    return (c, l) => (S(), R("div", {
       class: "amodal",
       ref: "amodal",
       tabindex: "-1",
-      onClick: l[0] || (l[0] = De(() => {
+      onClick: l[0] || (l[0] = We(() => {
       }, ["stop"])),
-      onInput: l[1] || (l[1] = De(() => {
+      onInput: l[1] || (l[1] = We(() => {
       }, ["stop"])),
       style: q(i.value)
     }, [
       z(c.$slots, "default")
     ], 36));
   }
-}), wn = (e) => {
-  const t = e.id || Ft();
-  return mt(`table-${t}`, () => {
+}), yn = (e) => {
+  const t = e.id || jt();
+  return ht(`table-${t}`, () => {
     const o = () => {
       const g = {};
       for (const [w, A] of c.value.entries())
-        for (const [P, D] of l.value.entries())
-          g[`${w}:${P}`] = D[A.name];
+        for (const [O, D] of l.value.entries())
+          g[`${w}:${O}`] = D[A.name];
       return g;
     }, i = (g) => {
       const w = [Object.assign({}, { rowModified: !1 })];
       if (g && "0:0" in g)
         return g;
       const A = /* @__PURE__ */ new Set();
-      for (let P = l.value.length - 1; P >= 0; P--) {
-        const D = l.value[P];
-        D.parent && A.add(D.parent), w[P] = {
+      for (let O = l.value.length - 1; O >= 0; O--) {
+        const D = l.value[O];
+        D.parent && A.add(D.parent), w[O] = {
           childrenOpen: !1,
           expanded: !1,
           indent: D.indent || 0,
-          isParent: A.has(P),
+          isParent: A.has(O),
           isRoot: D.parent === null || D.parent === void 0,
           rowModified: !1,
           open: D.parent === null || D.parent === void 0,
@@ -1373,14 +1376,14 @@ const hn = { key: 0 }, gn = {
         };
       }
       return w;
-    }, c = O(e.columns), l = O(e.rows), a = O(e.config || {}), u = O(e.table || o()), r = O(i(e.display)), s = O(e.modal || { visible: !1 }), v = O({}), m = I(() => c.value.some((g) => g.pinned)), y = I(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), h = I(
+    }, c = P(e.columns), l = P(e.rows), a = P(e.config || {}), u = P(e.table || o()), r = P(i(e.display)), s = P(e.modal || { visible: !1 }), v = P({}), m = I(() => c.value.some((g) => g.pinned)), y = I(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), h = I(
       () => a.value.view ? ["list", "tree", "list-expansion"].includes(a.value.view) : !1
     ), x = (g, w) => u.value[`${g}:${w}`], f = (g, w, A) => {
-      const P = `${g}:${w}`, D = c.value[g];
-      u.value[P] !== A && (r.value[w].rowModified = !0), u.value[P] = A, l.value[w][D.name] = A;
+      const O = `${g}:${w}`, D = c.value[g];
+      u.value[O] !== A && (r.value[w].rowModified = !0), u.value[O] = A, l.value[w][D.name] = A;
     }, d = (g, w, A) => {
-      const P = `${g}:${w}`;
-      u.value[P] !== A && (r.value[w].rowModified = !0, v.value[P] = A);
+      const O = `${g}:${w}`;
+      u.value[O] !== A && (r.value[w].rowModified = !0, v.value[O] = A);
     }, p = (g) => {
       const w = c.value.indexOf(g) === c.value.length - 1, A = a.value.fullWidth ? g.resizable && !w : g.resizable;
       return {
@@ -1392,17 +1395,17 @@ const hn = { key: 0 }, gn = {
           whiteSpace: "nowrap"
         }
       };
-    }, S = (g, w) => {
+    }, M = (g, w) => {
       if (g < 0 || g >= c.value.length) return;
-      const P = Math.max(w, 40);
+      const O = Math.max(w, 40);
       c.value[g] = {
         ...c.value[g],
-        width: `${P}px`
+        width: `${O}px`
       };
     }, $ = (g) => {
       const w = l.value[g];
       return a.value.view === "gantt" && w.indent === 0;
-    }, k = (g) => a.value.view !== "tree" || r.value[g].isRoot || r.value[g].open, se = (g) => a.value.view !== "tree" ? "" : r.value[g].isRoot || r.value[g].isParent ? r.value[g].childrenOpen ? "-" : "+" : "", C = (g) => {
+    }, k = (g) => a.value.view !== "tree" || r.value[g].isRoot || r.value[g].open, ae = (g) => a.value.view !== "tree" ? "" : r.value[g].isRoot || r.value[g].isParent ? r.value[g].childrenOpen ? "-" : "+" : "", C = (g) => {
       if (a.value.view === "tree") {
         r.value[g].childrenOpen = !r.value[g].childrenOpen;
         for (let w = l.value.length - 1; w >= 0; w--)
@@ -1410,10 +1413,10 @@ const hn = { key: 0 }, gn = {
       } else a.value.view === "list-expansion" && (r.value[g].expanded = !r.value[g].expanded);
     }, T = (g, w) => {
       const A = x(g, w);
-      return W(g, w, A);
-    }, W = (g, w, A) => {
-      const P = c.value[g], D = l.value[w], re = P.format;
-      return re ? typeof re == "function" ? re(A, { table: u.value, row: D, column: P }) : typeof re == "string" ? Function(`"use strict";return (${re})`)()(A, { table: u.value, row: D, column: P }) : A : A;
+      return H(g, w, A);
+    }, H = (g, w, A) => {
+      const O = c.value[g], D = l.value[w], se = O.format;
+      return se ? typeof se == "function" ? se(A, { table: u.value, row: D, column: O }) : typeof se == "string" ? Function(`"use strict";return (${se})`)()(A, { table: u.value, row: D, column: O }) : A : A;
     };
     return {
       // state
@@ -1435,11 +1438,11 @@ const hn = { key: 0 }, gn = {
       },
       getCellData: x,
       getCellDisplayValue: T,
-      getFormattedValue: W,
+      getFormattedValue: H,
       getHeaderCellStyle: p,
-      resizeColumn: S,
+      resizeColumn: M,
       getIndent: (g, w) => w && g === 0 && w > 0 ? `${w}ch` : "inherit",
-      getRowExpandSymbol: se,
+      getRowExpandSymbol: ae,
       isRowGantt: $,
       isRowVisible: k,
       setCellData: f,
@@ -1452,7 +1455,7 @@ const hn = { key: 0 }, gn = {
       }
     };
   })();
-}, yn = /* @__PURE__ */ Z({
+}, bn = /* @__PURE__ */ Z({
   __name: "ATable",
   props: {
     id: {},
@@ -1463,7 +1466,7 @@ const hn = { key: 0 }, gn = {
   },
   emits: ["update:modelValue", "cellUpdate", "gantt:drag"],
   setup(e, { expose: t, emit: n }) {
-    const o = n, i = N("table"), c = e.modelValue ? e.modelValue : e.rows, l = wn({ columns: e.columns, rows: c, id: e.id, config: e.config });
+    const o = n, i = N("table"), c = e.modelValue ? e.modelValue : e.rows, l = yn({ columns: e.columns, rows: c, id: e.id, config: e.config });
     l.$onAction(({ name: s, store: v, args: m, after: y }) => {
       if (s === "setCellData" || s === "setCellText") {
         const [h, x, f] = m, d = v.getCellData(h, x);
@@ -1484,7 +1487,7 @@ const hn = { key: 0 }, gn = {
       },
       { deep: !0 }
     ), Q(() => {
-      e.columns.some((s) => s.pinned) && (u(), l.config.view === "tree" && tt(i, u, { childList: !0, subtree: !0 }));
+      e.columns.some((s) => s.pinned) && (u(), l.config.view === "tree" && nt(i, u, { childList: !0, subtree: !0 }));
     });
     const a = I(() => l.columns.filter((s) => s.pinned).length), u = () => {
       const s = i.value, v = s == null ? void 0 : s.rows[0], m = s == null ? void 0 : s.rows[1], y = v ? Array.from(v.cells) : [];
@@ -1504,7 +1507,7 @@ const hn = { key: 0 }, gn = {
       if (s.key === "Escape" && l.modal.visible) {
         l.modal.visible = !1;
         const v = l.modal.parent;
-        v && Je().then(() => {
+        v && Qe().then(() => {
           v.focus();
         });
       }
@@ -1527,7 +1530,7 @@ const hn = { key: 0 }, gn = {
         // TODO: refactor to API that can detect when data exists in a cell. Might have be custom and not generalizable
       }), m;
     };
-    return t({ store: l }), (s, v) => he((M(), R("table", {
+    return t({ store: l }), (s, v) => he((S(), R("table", {
       ref: "table",
       class: "atable",
       style: q({
@@ -1535,26 +1538,26 @@ const hn = { key: 0 }, gn = {
       })
     }, [
       z(s.$slots, "header", { data: b(l) }, () => [
-        We(lt, {
+        He(at, {
           columns: b(l).columns,
           store: b(l)
         }, null, 8, ["columns", "store"])
       ], !0),
       L("tbody", null, [
         z(s.$slots, "body", { data: b(l) }, () => [
-          (M(!0), R(ue, null, Ie(b(l).rows, (m, y) => (M(), ie(nt, {
+          (S(!0), R(ie, null, ke(b(l).rows, (m, y) => (S(), re(ot, {
             key: m.id,
             row: m,
             rowIndex: y,
             store: b(l)
           }, {
-            default: He(() => [
-              (M(!0), R(ue, null, Ie(r(m), (h, x) => {
+            default: ze(() => [
+              (S(!0), R(ie, null, ke(r(m), (h, x) => {
                 var f, d, p;
-                return M(), R(ue, {
+                return S(), R(ie, {
                   key: h.name
                 }, [
-                  h.isGantt ? (M(), ie(ve(h.ganttComponent || "AGanttCell"), {
+                  h.isGantt ? (S(), re(fe(h.ganttComponent || "AGanttCell"), {
                     key: 0,
                     store: b(l),
                     columnsCount: b(l).columns.length - a.value,
@@ -1570,7 +1573,7 @@ const hn = { key: 0 }, gn = {
                       minWidth: (h == null ? void 0 : h.width) || "40ch",
                       width: b(l).config.fullWidth ? "auto" : null
                     })
-                  }, null, 8, ["store", "columnsCount", "color", "start", "end", "colspan", "pinned", "rowIndex", "colIndex", "style"])) : (M(), ie(ve(h.cellComponent || "ACell"), {
+                  }, null, 8, ["store", "columnsCount", "color", "start", "end", "colspan", "pinned", "rowIndex", "colIndex", "style"])) : (S(), re(fe(h.cellComponent || "ACell"), {
                     key: 1,
                     store: b(l),
                     pinned: h.pinned,
@@ -1591,9 +1594,9 @@ const hn = { key: 0 }, gn = {
       ]),
       z(s.$slots, "footer", { data: b(l) }, void 0, !0),
       z(s.$slots, "modal", { data: b(l) }, () => [
-        he(We(at, { store: b(l) }, {
-          default: He(() => [
-            (M(), ie(ve(b(l).modal.component), Se({
+        he(He(st, { store: b(l) }, {
+          default: ze(() => [
+            (S(), re(fe(b(l).modal.component), Se({
               key: `${b(l).modal.rowIndex}:${b(l).modal.colIndex}`,
               colIndex: b(l).modal.colIndex,
               rowIndex: b(l).modal.rowIndex,
@@ -1602,46 +1605,46 @@ const hn = { key: 0 }, gn = {
           ]),
           _: 1
         }, 8, ["store"]), [
-          [Ze, b(l).modal.visible]
+          [Ke, b(l).modal.visible]
         ])
       ], !0)
     ], 4)), [
-      [b(rn), b(l).closeModal]
+      [b(un), b(l).closeModal]
     ]);
   }
-}), bn = /* @__PURE__ */ ae(yn, [["__scopeId", "data-v-785e5fa3"]]), xn = {}, Cn = { class: "aloading" }, En = { class: "aloading-header" };
-function In(e, t) {
-  return M(), R("div", Cn, [
-    L("h2", En, [
+}), xn = /* @__PURE__ */ le(bn, [["__scopeId", "data-v-785e5fa3"]]), Cn = {}, En = { class: "aloading" }, In = { class: "aloading-header" };
+function kn(e, t) {
+  return S(), R("div", En, [
+    L("h2", In, [
       z(e.$slots, "default", {}, void 0, !0)
     ]),
     t[0] || (t[0] = L("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const kn = /* @__PURE__ */ ae(xn, [["render", In], ["__scopeId", "data-v-a930a25b"]]), Sn = {}, Mn = { class: "aloading" }, $n = { class: "aloading-header" };
-function An(e, t) {
-  return M(), R("div", Mn, [
-    L("h2", $n, [
+const Mn = /* @__PURE__ */ le(Cn, [["render", kn], ["__scopeId", "data-v-a930a25b"]]), Sn = {}, $n = { class: "aloading" }, An = { class: "aloading-header" };
+function Rn(e, t) {
+  return S(), R("div", $n, [
+    L("h2", An, [
       z(e.$slots, "default", {}, void 0, !0)
     ]),
     t[0] || (t[0] = L("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const Rn = /* @__PURE__ */ ae(Sn, [["render", An], ["__scopeId", "data-v-e1165876"]]);
-function Ln(e) {
-  e.component("ACell", qt), e.component("AExpansionRow", _t), e.component("AGanttCell", ln), e.component("ARow", nt), e.component("ATable", bn), e.component("ATableHeader", lt), e.component("ATableLoading", kn), e.component("ATableLoadingBar", Rn), e.component("ATableModal", at);
+const Tn = /* @__PURE__ */ le(Sn, [["render", Rn], ["__scopeId", "data-v-e1165876"]]);
+function Dn(e) {
+  e.component("ACell", Jt), e.component("AExpansionRow", en), e.component("AGanttCell", an), e.component("ARow", ot), e.component("ATable", xn), e.component("ATableHeader", at), e.component("ATableLoading", Mn), e.component("ATableLoadingBar", Tn), e.component("ATableModal", st);
 }
 export {
-  qt as ACell,
-  _t as AExpansionRow,
-  ln as AGanttCell,
-  nt as ARow,
-  bn as ATable,
-  lt as ATableHeader,
-  kn as ATableLoading,
-  Rn as ATableLoadingBar,
-  at as ATableModal,
-  wn as createTableStore,
-  Ln as install
+  Jt as ACell,
+  en as AExpansionRow,
+  an as AGanttCell,
+  ot as ARow,
+  xn as ATable,
+  at as ATableHeader,
+  Mn as ATableLoading,
+  Tn as ATableLoadingBar,
+  st as ATableModal,
+  yn as createTableStore,
+  Dn as install
 };
 //# sourceMappingURL=atable.js.map