@stonecrop/atable 0.4.21 → 0.4.22

package/dist/atable.js

@@ -1,17 +1,17 @@
-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 { onMounted as Z, ref as O, watch as X, onBeforeUnmount as rt, computed as k, shallowRef as H, toValue as x, watchEffect as it, getCurrentScope as qe, onScopeDispose as Je, unref as b, getCurrentInstance as ge, nextTick as Qe, isRef as ut, toRefs as ct, customRef as Ze, toRef as dt, readonly as ft, defineComponent as K, useTemplateRef as G, createElementBlock as A, openBlock as S, normalizeClass as Y, normalizeStyle as J, createBlock as re, resolveDynamicComponent as fe, mergeProps as Se, toDisplayString as _, Fragment as ie, createElementVNode as D, createCommentVNode as ee, renderSlot as B, 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 gt = typeof window < "u" && typeof document < "u";
+const pt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const pt = (e) => e != null, wt = Object.prototype.toString, yt = (e) => wt.call(e) === "[object Object]", bt = () => {
+const gt = (e) => e != null, wt = Object.prototype.toString, yt = (e) => wt.call(e) === "[object Object]", bt = () => {
 };
 function ve(e) {
   return Array.isArray(e) ? e : [e];
 }
 function xt(e, t, n) {
-  return B(
+  return X(
     e,
     t,
     {
@@ -20,37 +20,37 @@ function xt(e, t, n) {
     }
   );
 }
-const ne = gt ? window : void 0;
-function ee(e) {
+const oe = pt ? window : void 0;
+function te(e) {
   var t;
-  const n = E(e);
+  const n = x(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 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 = ve(E(e[0])).filter((u) => u != null);
+  }, o = (a, u, r, s) => (a.addEventListener(u, r, s), () => a.removeEventListener(u, r, s)), i = k(() => {
+    const a = ve(x(e[0])).filter((u) => u != null);
     return a.every((u) => typeof u != "string") ? a : void 0;
   }), c = xt(
     () => {
       var a, u;
       return [
-        (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])),
+        (u = (a = i.value) == null ? void 0 : a.map((r) => te(r))) != null ? u : [oe].filter((r) => r != null),
+        ve(x(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])
+        x(i.value ? e[3] : e[2])
       ];
     },
     ([a, u, r, s]) => {
       if (n(), !(a != null && a.length) || !(u != null && u.length) || !(r != null && r.length))
         return;
-      const v = yt(s) ? { ...s } : s;
+      const d = yt(s) ? { ...s } : s;
       t.push(
         ...a.flatMap(
-          (m) => u.flatMap(
-            (y) => r.map((h) => o(m, y, h, v))
+          (f) => u.flatMap(
+            (y) => r.map((h) => o(f, y, h, d))
           )
         )
       );
@@ -62,41 +62,41 @@ function ce(...e) {
   return $e(n), l;
 }
 function Ct() {
-  const e = W(!1), t = pe();
-  return t && Q(() => {
+  const e = H(!1), t = ge();
+  return t && Z(() => {
     e.value = !0;
   }, t), e;
 }
 function Et(e) {
   const t = Ct();
-  return I(() => (t.value, !!e()));
+  return k(() => (t.value, !!e()));
 }
 function It(e, t, n = {}) {
-  const { window: o = ne, ...i } = n;
+  const { window: o = oe, ...i } = n;
   let c;
   const l = Et(() => o && "MutationObserver" in o), a = () => {
     c && (c.disconnect(), c = void 0);
-  }, u = I(() => {
-    const m = E(e), y = ve(m).map(ee).filter(pt);
+  }, u = k(() => {
+    const f = x(e), y = ve(f).map(te).filter(gt);
     return new Set(y);
-  }), r = B(
+  }), r = X(
     () => u.value,
-    (m) => {
-      a(), l.value && m.size && (c = new MutationObserver(t), m.forEach((y) => c.observe(y, i)));
+    (f) => {
+      a(), l.value && f.size && (c = new MutationObserver(t), f.forEach((y) => c.observe(y, i)));
     },
     { immediate: !0, flush: "post" }
-  ), s = () => c == null ? void 0 : c.takeRecords(), v = () => {
+  ), s = () => c == null ? void 0 : c.takeRecords(), d = () => {
     r(), a();
   };
-  return $e(v), {
+  return $e(d), {
     isSupported: l,
-    stop: v,
+    stop: d,
     takeRecords: s
   };
 }
 function kt(e, t, n = {}) {
   const {
-    window: o = ne,
+    window: o = oe,
     document: i = o == null ? void 0 : o.document,
     flush: c = "sync"
   } = n;
@@ -106,12 +106,12 @@ function kt(e, t, n = {}) {
   const a = (s) => {
     l == null || l(), l = s;
   }, u = it(() => {
-    const s = ee(e);
+    const s = te(e);
     if (s) {
-      const { stop: v } = It(
+      const { stop: d } = It(
         i,
-        (m) => {
-          m.map((y) => [...y.removedNodes]).flat().some((y) => y === s || y.contains(s)) && t(m);
+        (f) => {
+          f.map((y) => [...y.removedNodes]).flat().some((y) => y === s || y.contains(s)) && t(f);
         },
         {
           window: o,
@@ -119,7 +119,7 @@ function kt(e, t, n = {}) {
           subtree: !0
         }
       );
-      a(v);
+      a(d);
     }
   }, { flush: c }), r = () => {
     u(), a();
@@ -129,7 +129,7 @@ function kt(e, t, n = {}) {
 function Mt(e = {}) {
   var t;
   const {
-    window: n = ne,
+    window: n = oe,
     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 Mt(e = {}) {
       for (; s != null && s.shadowRoot; )
         s = (r = s == null ? void 0 : s.shadowRoot) == null ? void 0 : r.activeElement;
     return s;
-  }, a = W(), u = () => {
+  }, a = H(), u = () => {
     a.value = l();
   };
   if (n) {
@@ -164,8 +164,8 @@ function Mt(e = {}) {
   return i && kt(a, u, { document: c }), u(), a;
 }
 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);
+function Tt(e, t = {}) {
+  const { window: n = oe } = t, o = k(() => te(e)), i = H(!1), c = k(() => i.value), l = Mt(t);
   if (!n || !l.value)
     return { focused: c };
   const a = { passive: !0 };
@@ -174,10 +174,10 @@ function Rt(e, t = {}) {
     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 Tt(e, { window: t = ne, scrollTarget: n } = {}) {
-  const o = P(!1), i = () => {
+function Rt(e, { window: t = oe, scrollTarget: n } = {}) {
+  const o = O(!1), i = () => {
     if (!t) return;
-    const c = t.document, l = ee(e);
+    const c = t.document, l = te(e);
     if (!l)
       o.value = !1;
     else {
@@ -185,8 +185,8 @@ function Tt(e, { window: t = ne, scrollTarget: n } = {}) {
       o.value = a.top <= (t.innerHeight || c.documentElement.clientHeight) && a.left <= (t.innerWidth || c.documentElement.clientWidth) && a.bottom >= 0 && a.right >= 0;
     }
   };
-  return B(
-    () => ee(e),
+  return X(
+    () => te(e),
     () => i(),
     { immediate: !0, flush: "post" }
   ), t && ce(n || t, "scroll", i, {
@@ -194,10 +194,10 @@ function Tt(e, { window: t = ne, scrollTarget: n } = {}) {
     passive: !0
   }), o;
 }
-const V = (e) => {
-  let t = Tt(e).value;
+const F = (e) => {
+  let t = Rt(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, G = (e) => e.tabIndex >= 0, Be = (e) => {
+}, j = (e) => e.tabIndex >= 0, Be = (e) => {
   const t = e.target;
   return Ae(t);
 }, Ae = (e) => {
@@ -213,8 +213,8 @@ const V = (e) => {
     const o = e.previousElementSibling;
     o && (n = o);
   }
-  return n && (!G(n) || !V(n)) ? Ae(n) : n;
-}, Ot = (e) => {
+  return n && (!j(n) || !F(n)) ? Ae(n) : n;
+}, Pt = (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)) ? Re(o) : o;
+  return o && (!j(o) || !F(o)) ? Te(o) : o;
 }, Xe = (e) => {
   const t = e.target;
-  return Re(t);
-}, Re = (e) => {
+  return Te(t);
+}, Te = (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)) ? Re(n) : n;
-}, Pt = (e) => {
+  return n && (!j(n) || !F(n)) ? Te(n) : n;
+}, Ot = (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)) ? Ae(o) : o;
+  return o && (!j(o) || !F(o)) ? Ae(o) : o;
 }, Ne = (e) => {
   const t = e.target;
-  return Te(t);
-}, Te = (e) => {
+  return Re(t);
+}, Re = (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)) ? Te(n) : n;
+  return n && (!j(n) || !F(n)) ? Re(n) : n;
 }, Ve = (e) => {
   const t = e.target;
-  return Oe(t);
-}, Oe = (e) => {
+  return Pe(t);
+}, Pe = (e) => {
   var t;
   let n;
   if (e.nextElementSibling)
@@ -292,19 +292,19 @@ 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)) ? Oe(n) : n;
+  return n && (!j(n) || !F(n)) ? Pe(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;
+  return n && (!j(n) || !F(n)) ? Pe(n) : n;
 }, Fe = (e) => {
   const t = e.target.parentElement, n = t == null ? void 0 : t.lastElementChild;
-  return n && (!G(n) || !V(n)) ? Te(n) : n;
+  return n && (!j(n) || !F(n)) ? Re(n) : n;
 }, de = ["alt", "control", "shift", "meta"], Lt = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, Pe = {
+}, Oe = {
   "keydown.up": (e) => {
     const t = Be(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
@@ -322,11 +322,11 @@ const V = (e) => {
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = Ot(e);
+    const t = Pt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = Pt(e);
+    const t = Ot(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
@@ -393,37 +393,37 @@ function Le(e) {
   }, o = (l) => {
     const a = t(l);
     let u = [];
-    return l.selectors ? u = n(l) : a && (u = Array.from(a.children).filter((r) => G(r) && V(r))), u;
+    return l.selectors ? u = n(l) : a && (u = Array.from(a.children).filter((r) => j(r) && F(r))), u;
   }, i = (l) => (a) => {
     const u = Lt[a.key] || a.key.toLowerCase();
     if (de.includes(u)) return;
-    const r = l.handlers || Pe;
+    const r = l.handlers || Oe;
     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) => de.includes(f)), x = de.some((f) => {
-          const d = f.charAt(0).toUpperCase() + f.slice(1);
-          return a.getModifierState(d);
+      const [d, ...f] = s.split(".");
+      if (d === "keydown" && f.includes(u)) {
+        const y = r[s], h = f.filter((v) => de.includes(v)), C = de.some((v) => {
+          const m = v.charAt(0).toUpperCase() + v.slice(1);
+          return a.getModifierState(m);
         });
         if (h.length > 0) {
-          if (x) {
-            for (const f of de)
-              if (m.includes(f)) {
-                const d = f.charAt(0).toUpperCase() + f.slice(1);
-                a.getModifierState(d) && y(a);
+          if (C) {
+            for (const v of de)
+              if (f.includes(v)) {
+                const m = v.charAt(0).toUpperCase() + v.slice(1);
+                a.getModifierState(m) && y(a);
               }
           }
         } else
-          x || y(a);
+          C || y(a);
       }
     }
   }, c = [];
-  Q(() => {
+  Z(() => {
     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 } = Rt(P(v)), y = B(m, (h) => {
-          h ? v.addEventListener("keydown", r) : v.removeEventListener("keydown", r);
+      for (const d of s) {
+        const { focused: f } = Tt(O(d)), y = X(f, (h) => {
+          h ? d.addEventListener("keydown", r) : d.removeEventListener("keydown", r);
         });
         c.push(y);
       }
@@ -433,12 +433,12 @@ function Le(e) {
       l();
   });
 }
-function oe(e) {
+function le(e) {
   return qe() ? (Je(e), !0) : !1;
 }
 const we = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Dt = (e) => e != null, Wt = Object.prototype.toString, _e = (e) => Wt.call(e) === "[object Object]", U = () => {
+const Dt = (e) => e != null, Wt = Object.prototype.toString, _e = (e) => Wt.call(e) === "[object Object]", V = () => {
 }, Me = /* @__PURE__ */ Ht();
 function Ht() {
   var e, t;
@@ -448,15 +448,46 @@ 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);
+  return typeof t == "function" ? ft(Ze(() => ({ get: t, set: V }))) : O(t);
 }
-function J(e) {
+function Bt(e, t) {
+  function n(...o) {
+    return new Promise((i, c) => {
+      Promise.resolve(e(() => t.apply(this, o), { fn: t, thisArg: this, args: o })).then(i).catch(c);
+    });
+  }
+  return n;
+}
+function Xt(e, t = {}) {
+  let n, o, i = V;
+  const c = (u) => {
+    clearTimeout(u), i(), i = V;
+  };
+  let l;
+  return (u) => {
+    const r = x(e), s = x(t.maxWait);
+    return n && c(n), r <= 0 || s !== void 0 && s <= 0 ? (o && (c(o), o = void 0), Promise.resolve(u())) : new Promise((d, f) => {
+      i = t.rejectOnCancel ? f : d, l = u, s && !o && (o = setTimeout(() => {
+        n && c(n), o = void 0, d(l());
+      }, s)), n = setTimeout(() => {
+        o && c(o), o = void 0, d(u());
+      }, r);
+    });
+  };
+}
+function Q(e) {
   return Array.isArray(e) ? e : [e];
 }
-function Bt(e) {
-  return pe();
+function Nt(e) {
+  return ge();
 }
-function Xt(e, t = {}) {
+function Vt(e, t = 200, n = {}) {
+  return Bt(
+    Xt(t, n),
+    e
+  );
+}
+function Gt(e, t = {}) {
   if (!ut(e))
     return ct(e);
   const n = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
@@ -467,7 +498,7 @@ function Xt(e, t = {}) {
       },
       set(i) {
         var c;
-        if ((c = E(t.replaceRef)) != null ? c : !0)
+        if ((c = x(t.replaceRef)) != null ? c : !0)
           if (Array.isArray(e.value)) {
             const a = [...e.value];
             a[o] = i, e.value = a;
@@ -481,11 +512,11 @@ function Xt(e, t = {}) {
     }));
   return n;
 }
-function Nt(e, t = !0, n) {
-  Bt() ? Q(e, n) : t ? e() : Qe(e);
+function Ft(e, t = !0, n) {
+  Nt() ? Z(e, n) : t ? e() : Qe(e);
 }
 function et(e, t, n) {
-  return B(
+  return X(
     e,
     t,
     {
@@ -495,36 +526,36 @@ function et(e, t, n) {
   );
 }
 const ye = we ? window : void 0;
-function te(e) {
+function ne(e) {
   var t;
-  const n = E(e);
+  const n = x(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 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);
+  }, o = (a, u, r, s) => (a.addEventListener(u, r, s), () => a.removeEventListener(u, r, s)), i = k(() => {
+    const a = Q(x(e[0])).filter((u) => u != null);
     return a.every((u) => typeof u != "string") ? a : void 0;
   }), c = et(
     () => {
       var a, u;
       return [
-        (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])),
+        (u = (a = i.value) == null ? void 0 : a.map((r) => ne(r))) != null ? u : [ye].filter((r) => r != null),
+        Q(x(i.value ? e[1] : e[0])),
+        Q(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])
+        x(i.value ? e[3] : e[2])
       ];
     },
     ([a, u, r, s]) => {
       if (n(), !(a != null && a.length) || !(u != null && u.length) || !(r != null && r.length))
         return;
-      const v = _e(s) ? { ...s } : s;
+      const d = _e(s) ? { ...s } : s;
       t.push(
         ...a.flatMap(
-          (m) => u.flatMap(
-            (y) => r.map((h) => o(m, y, h, v))
+          (f) => u.flatMap(
+            (y) => r.map((h) => o(f, y, h, d))
           )
         )
       );
@@ -533,38 +564,38 @@ function ue(...e) {
   ), l = () => {
     c(), n();
   };
-  return oe(n), l;
+  return le(n), l;
 }
-function Vt() {
-  const e = W(!1), t = pe();
-  return t && Q(() => {
+function jt() {
+  const e = H(!1), t = ge();
+  return t && Z(() => {
     e.value = !0;
   }, t), e;
 }
 function tt(e) {
-  const t = Vt();
-  return I(() => (t.value, !!e()));
+  const t = jt();
+  return k(() => (t.value, !!e()));
 }
 function nt(e, t, n = {}) {
   const { window: o = ye, ...i } = n;
   let c;
   const l = tt(() => o && "MutationObserver" in o), a = () => {
     c && (c.disconnect(), c = void 0);
-  }, u = I(() => {
-    const m = E(e), y = J(m).map(te).filter(Dt);
+  }, u = k(() => {
+    const f = x(e), y = Q(f).map(ne).filter(Dt);
     return new Set(y);
-  }), r = B(
+  }), r = X(
     () => u.value,
-    (m) => {
-      a(), l.value && m.size && (c = new MutationObserver(t), m.forEach((y) => c.observe(y, i)));
+    (f) => {
+      a(), l.value && f.size && (c = new MutationObserver(t), f.forEach((y) => c.observe(y, i)));
     },
     { immediate: !0, flush: "post" }
-  ), s = () => c == null ? void 0 : c.takeRecords(), v = () => {
+  ), s = () => c == null ? void 0 : c.takeRecords(), d = () => {
     r(), a();
   };
-  return oe(v), {
+  return le(d), {
     isSupported: l,
-    stop: v,
+    stop: d,
     takeRecords: s
   };
 }
@@ -579,121 +610,121 @@ function xe(e, t = {}) {
     onEnd: u,
     onStart: r,
     initialValue: s,
-    axis: v = "both",
-    draggingElement: m = ye,
+    axis: d = "both",
+    draggingElement: f = ye,
     containerElement: y,
     handle: h = e,
-    buttons: x = [0]
-  } = t, f = P(
-    (n = E(s)) != null ? n : { x: 0, y: 0 }
-  ), d = P(), p = (C) => o ? o.includes(C.pointerType) : !0, M = (C) => {
-    E(i) && C.preventDefault(), E(c) && C.stopPropagation();
-  }, $ = (C) => {
+    buttons: C = [0]
+  } = t, v = O(
+    (n = x(s)) != null ? n : { x: 0, y: 0 }
+  ), m = O(), g = (E) => o ? o.includes(E.pointerType) : !0, I = (E) => {
+    x(i) && E.preventDefault(), x(c) && E.stopPropagation();
+  }, M = (E) => {
     var T;
-    if (!E(x).includes(C.button) || E(t.disabled) || !p(C) || E(l) && C.target !== E(e))
+    if (!x(C).includes(E.button) || x(t.disabled) || !g(E) || x(l) && E.target !== x(e))
       return;
-    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)
+    const z = x(y), U = (T = z == null ? void 0 : z.getBoundingClientRect) == null ? void 0 : T.call(z), N = x(e).getBoundingClientRect(), be = {
+      x: E.clientX - (z ? N.left - U.left + z.scrollLeft : N.left),
+      y: E.clientY - (z ? N.top - U.top + z.scrollTop : N.top)
     };
-    (r == null ? void 0 : r(be, C)) !== !1 && (d.value = be, M(C));
-  }, k = (C) => {
-    if (E(t.disabled) || !p(C) || !d.value)
+    (r == null ? void 0 : r(be, E)) !== !1 && (m.value = be, I(E));
+  }, L = (E) => {
+    if (x(t.disabled) || !g(E) || !m.value)
       return;
-    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 - 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), M(C);
-  }, ae = (C) => {
-    E(t.disabled) || !p(C) || d.value && (d.value = void 0, u == null || u(f.value, C), M(C));
+    const T = x(y), z = x(e).getBoundingClientRect();
+    let { x: U, y: N } = v.value;
+    (d === "x" || d === "both") && (U = E.clientX - m.value.x, T && (U = Math.min(Math.max(0, U), T.scrollWidth - z.width))), (d === "y" || d === "both") && (N = E.clientY - m.value.y, T && (N = Math.min(Math.max(0, N), T.scrollHeight - z.height))), v.value = {
+      x: U,
+      y: N
+    }, a == null || a(v.value, E), I(E);
+  }, P = (E) => {
+    x(t.disabled) || !g(E) || m.value && (m.value = void 0, u == null || u(v.value, E), I(E));
   };
   if (we) {
-    const C = () => {
+    const E = () => {
       var T;
       return {
         capture: (T = t.capture) != null ? T : !0,
-        passive: !E(i)
+        passive: !x(i)
       };
     };
-    ue(h, "pointerdown", $, C), ue(m, "pointermove", k, C), ue(m, "pointerup", ae, C);
+    ue(h, "pointerdown", M, E), ue(f, "pointermove", L, E), ue(f, "pointerup", P, E);
   }
   return {
-    ...Xt(f),
-    position: f,
-    isDragging: I(() => !!d.value),
-    style: I(
-      () => `left:${f.value.x}px;top:${f.value.y}px;`
+    ...Gt(v),
+    position: v,
+    isDragging: k(() => !!m.value),
+    style: k(
+      () => `left:${v.value.x}px;top:${v.value.y}px;`
     )
   };
 }
-function Gt(e, t, n = {}) {
+function Ut(e, t, n = {}) {
   const { window: o = ye, ...i } = n;
   let c;
   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) => te(m)) : [te(v)];
-  }), r = B(
+  }, u = k(() => {
+    const d = x(e);
+    return Array.isArray(d) ? d.map((f) => ne(f)) : [ne(d)];
+  }), r = X(
     u,
-    (v) => {
+    (d) => {
       if (a(), l.value && o) {
         c = new ResizeObserver(t);
-        for (const m of v)
-          m && c.observe(m, i);
+        for (const f of d)
+          f && c.observe(f, i);
       }
     },
     { immediate: !0, flush: "post" }
   ), s = () => {
     a(), r();
   };
-  return oe(s), {
+  return le(s), {
     isSupported: l,
     stop: s
   };
 }
-function ge(e, t = {}) {
+function pe(e, t = {}) {
   const {
     reset: n = !0,
     windowResize: o = !0,
     windowScroll: i = !0,
     immediate: c = !0,
     updateTiming: l = "sync"
-  } = 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 = 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);
+  } = t, a = H(0), u = H(0), r = H(0), s = H(0), d = H(0), f = H(0), y = H(0), h = H(0);
+  function C() {
+    const m = ne(e);
+    if (!m) {
+      n && (a.value = 0, u.value = 0, r.value = 0, s.value = 0, d.value = 0, f.value = 0, y.value = 0, h.value = 0);
       return;
     }
-    const p = d.getBoundingClientRect();
-    a.value = p.height, u.value = p.bottom, r.value = p.left, s.value = p.right, v.value = p.top, m.value = p.width, y.value = p.x, h.value = p.y;
+    const g = m.getBoundingClientRect();
+    a.value = g.height, u.value = g.bottom, r.value = g.left, s.value = g.right, d.value = g.top, f.value = g.width, y.value = g.x, h.value = g.y;
   }
-  function f() {
-    l === "sync" ? x() : l === "next-frame" && requestAnimationFrame(() => x());
+  function v() {
+    l === "sync" ? C() : l === "next-frame" && requestAnimationFrame(() => C());
   }
-  return Gt(e, f), B(() => te(e), (d) => !d && f()), nt(e, f, {
+  return Ut(e, v), X(() => ne(e), (m) => !m && v()), nt(e, v, {
     attributeFilter: ["style", "class"]
-  }), i && ue("scroll", f, { capture: !0, passive: !0 }), o && ue("resize", f, { passive: !0 }), Nt(() => {
-    c && f();
+  }), i && ue("scroll", v, { capture: !0, passive: !0 }), o && ue("resize", v, { passive: !0 }), Ft(() => {
+    c && v();
   }), {
     height: a,
     bottom: u,
     left: r,
     right: s,
-    top: v,
-    width: m,
+    top: d,
+    width: f,
     x: y,
     y: h,
-    update: f
+    update: v
   };
 }
-const Ft = (e) => {
+const Yt = (e) => {
   const t = new DOMParser().parseFromString(e, "text/html");
   return Array.from(t.body.childNodes).some((n) => n.nodeType === 1);
-}, 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({
+}, qt = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), Jt = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Qt = ["innerHTML"], Zt = { key: 2 }, Kt = /* @__PURE__ */ K({
   __name: "ACell",
   props: {
     colIndex: {},
@@ -701,78 +732,80 @@ const Ft = (e) => {
     store: {},
     addNavigation: { type: [Boolean, Object], default: !0 },
     tabIndex: { default: 0 },
-    pinned: { type: Boolean, default: !1 }
+    pinned: { type: Boolean, default: !1 },
+    debounce: { default: 300 }
   },
   setup(e, { expose: t }) {
-    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;
+    const n = G("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 = k(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), d = k(() => typeof s.value == "string" ? Yt(s.value) : !1), f = k(() => {
+      var g;
       return {
         textAlign: u,
         width: r,
         fontWeight: c.value ? "bold" : "inherit",
-        paddingLeft: e.store.getIndent(e.colIndex, (d = e.store.display[e.rowIndex]) == null ? void 0 : d.indent)
+        paddingLeft: e.store.getIndent(e.colIndex, (g = e.store.display[e.rowIndex]) == null ? void 0 : g.indent)
       };
-    }), y = I(() => ({
+    }), y = k(() => ({
       "sticky-column": e.pinned,
       "cell-modified": c.value
     })), h = () => {
-      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 = 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;
+      const { left: g, bottom: I, width: M, height: L } = pe(n);
+      l.mask, l.modalComponent && e.store.$patch((P) => {
+        P.modal.visible = !0, P.modal.colIndex = e.colIndex, P.modal.rowIndex = e.rowIndex, P.modal.left = g, P.modal.bottom = I, P.modal.width = M, P.modal.height = L, P.modal.cell = n.value, typeof l.modalComponent == "function" ? P.modal.component = l.modalComponent({ table: P.table, row: a, column: l }) : P.modal.component = l.modalComponent, P.modal.componentProps = l.modalComponentExtraProps;
       });
     };
     if (e.addNavigation) {
-      let d = {
-        ...Pe,
+      let g = {
+        ...Oe,
         "keydown.f2": h,
         "keydown.alt.up": h,
         "keydown.alt.down": h,
         "keydown.alt.left": h,
         "keydown.alt.right": h
       };
-      typeof e.addNavigation == "object" && (d = {
-        ...d,
+      typeof e.addNavigation == "object" && (g = {
+        ...g,
         ...e.addNavigation
       }), Le([
         {
           selectors: n,
-          handlers: d
+          handlers: g
         }
       ]);
     }
-    const x = () => {
+    const C = () => {
       n.value && (i.value = n.value.textContent);
-    }, f = (d) => {
-      const p = d.target;
-      p.textContent !== i.value && (i.value = p.textContent, l.format ? (c.value = p.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, o), e.store.setCellText(e.colIndex, e.rowIndex, p.textContent)) : (c.value = p.textContent !== o, e.store.setCellData(e.colIndex, e.rowIndex, p.textContent)));
-    };
+    }, v = (g) => {
+      const I = g.target;
+      I.textContent !== i.value && (i.value = I.textContent, l.format ? (c.value = I.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, o), e.store.setCellText(e.colIndex, e.rowIndex, I.textContent)) : (c.value = I.textContent !== o, e.store.setCellData(e.colIndex, e.rowIndex, I.textContent)));
+    }, m = Vt(v, e.debounce);
     return t({
       currentData: i
-    }), (d, p) => (S(), R("td", {
+    }), (g, I) => (S(), A("td", {
       ref: "cell",
-      "data-colindex": d.colIndex,
-      "data-rowindex": d.rowIndex,
+      "data-colindex": g.colIndex,
+      "data-rowindex": g.rowIndex,
       "data-editable": b(l).edit,
       contenteditable: b(l).edit,
-      tabindex: d.tabIndex,
+      tabindex: g.tabIndex,
       spellcheck: !1,
-      style: q(m.value),
-      onFocus: x,
-      onPaste: f,
-      onInput: f,
+      style: J(f.value),
+      onFocus: C,
+      onPaste: v,
+      onInput: I[0] || (I[0] = //@ts-ignore
+      (...M) => b(m) && b(m)(...M)),
       onClick: h,
-      class: j(["atable-cell", y.value])
+      class: Y(["atable-cell", y.value])
     }, [
       b(l).cellComponent ? (S(), re(fe(b(l).cellComponent), Se({
         key: 0,
         value: s.value
-      }, b(l).cellComponentProps), null, 16, ["value"])) : v.value ? (S(), R("span", {
+      }, b(l).cellComponentProps), null, 16, ["value"])) : d.value ? (S(), A("span", {
         key: 1,
         innerHTML: s.value
-      }, null, 8, Yt)) : (S(), R("span", qt, K(s.value), 1))
-    ], 46, Ut));
+      }, null, 8, Qt)) : (S(), A("span", Zt, _(s.value), 1))
+    ], 46, Jt));
   }
-}), Qt = ["tabindex"], Zt = ["tabindex"], Kt = ["colspan"], _t = /* @__PURE__ */ Z({
+}), _t = ["tabindex"], en = ["tabindex"], tn = ["colspan"], nn = /* @__PURE__ */ K({
   __name: "AExpansionRow",
   props: {
     rowIndex: {},
@@ -781,7 +814,7 @@ const Ft = (e) => {
     addNavigation: { type: [Boolean, Object] }
   },
   setup(e) {
-    const t = N("rowEl"), n = I(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
+    const t = G("rowEl"), n = k(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
     if (e.addNavigation) {
       const o = {
         "keydown.control.g": (i) => {
@@ -795,47 +828,47 @@ const Ft = (e) => {
         }
       ]);
     }
-    return (o, i) => (S(), R(ie, null, [
-      L("tr", Se(o.$attrs, {
+    return (o, i) => (S(), A(ie, null, [
+      D("tr", Se(o.$attrs, {
         ref: "rowEl",
         tabindex: o.tabIndex,
         class: "expandable-row"
       }), [
-        L("td", {
+        D("td", {
           tabIndex: -1,
           onClick: i[0] || (i[0] = (c) => o.store.toggleRowExpand(o.rowIndex)),
           class: "row-index"
-        }, K(n.value), 1),
-        z(o.$slots, "row", {}, void 0, !0)
-      ], 16, Qt),
-      o.store.display[o.rowIndex].expanded ? (S(), R("tr", {
+        }, _(n.value), 1),
+        B(o.$slots, "row", {}, void 0, !0)
+      ], 16, _t),
+      o.store.display[o.rowIndex].expanded ? (S(), A("tr", {
         key: 0,
         ref: "rowExpanded",
         tabindex: o.tabIndex,
         class: "expanded-row"
       }, [
-        L("td", {
+        D("td", {
           tabIndex: -1,
           colspan: o.store.columns.length + 1,
           class: "expanded-row-content"
         }, [
-          z(o.$slots, "content", {}, void 0, !0)
-        ], 8, Kt)
-      ], 8, Zt)) : _("", !0)
+          B(o.$slots, "content", {}, void 0, !0)
+        ], 8, tn)
+      ], 8, en)) : ee("", !0)
     ], 64));
   }
-}), le = (e, t) => {
+}), ae = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, i] of t)
     n[o] = i;
   return n;
-}, en = /* @__PURE__ */ le(_t, [["__scopeId", "data-v-5ad4bb41"]]), tn = ["colspan"], nn = {
+}, on = /* @__PURE__ */ ae(nn, [["__scopeId", "data-v-5ad4bb41"]]), ln = ["colspan"], an = {
   ref: "container",
   class: "gantt-handler"
-}, on = {
+}, sn = {
   key: 0,
   class: "gantt-label"
-}, ln = /* @__PURE__ */ Z({
+}, rn = /* @__PURE__ */ K({
   __name: "AGanttCell",
   props: {
     store: {},
@@ -849,153 +882,153 @@ const Ft = (e) => {
     color: {}
   },
   setup(e) {
-    vt((d) => ({
+    vt((m) => ({
       "78862e08": t.value,
-      "18ad7d98": d.colspan
+      "18ad7d98": m.colspan
     }));
-    const t = P();
-    Q(() => {
+    const t = O();
+    Z(() => {
       !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 = 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;
+    const n = G("container"), o = G("bar"), i = G("leftHandle"), c = G("rightHandle"), { width: l } = pe(n), { left: a, right: u } = pe(o), r = O(e.start || 0), s = O(e.end || r.value + e.colspan), d = O({ startX: 0, startPos: 0 }), f = k(() => e.colspan > 0 ? l.value / e.colspan : 0), y = k(() => {
+      const m = r.value / e.colspan * 100, g = s.value / e.colspan * 100;
       return {
-        left: `${d}%`,
-        width: `${p - d}%`,
+        left: `${m}%`,
+        width: `${g - m}%`,
         backgroundColor: t.value
       };
     }), { isDragging: h } = xe(i, {
       axis: "x",
       onStart: () => {
-        o.value && (o.value.style.transition = "none"), v.value = {
+        o.value && (o.value.style.transition = "none"), d.value = {
           startX: a.value,
           startPos: r.value
         };
       },
-      onMove: ({ x: d }) => {
+      onMove: ({ x: m }) => {
         if (h.value && o.value) {
-          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}%`;
+          const I = (m - d.value.startX) / f.value, M = Math.max(0, Math.min(s.value - 1, d.value.startPos + I));
+          o.value.style.left = `${M / e.colspan * 100}%`, o.value.style.width = `${(s.value - M) / e.colspan * 100}%`;
         }
       },
-      onEnd: ({ x: d }) => {
+      onEnd: ({ x: m }) => {
         if (o.value) {
-          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({
+          const g = m - d.value.startX, I = Math.round(g / f.value), M = r.value, L = Math.max(0, Math.min(s.value - 1, d.value.startPos + I));
+          r.value = L, e.store.updateGanttBar({
             rowIndex: e.rowIndex,
             colIndex: e.colIndex,
             type: "resize",
             edge: "start",
-            oldStart: $,
-            newStart: k,
+            oldStart: M,
+            newStart: L,
             end: s.value,
-            delta: M,
-            oldColspan: s.value - $,
-            newColspan: s.value - k
+            delta: I,
+            oldColspan: s.value - M,
+            newColspan: s.value - L
           });
         }
       }
-    }), { isDragging: x } = xe(c, {
+    }), { isDragging: C } = xe(c, {
       axis: "x",
       onStart: () => {
-        o.value && (o.value.style.transition = "none"), v.value = {
+        o.value && (o.value.style.transition = "none"), d.value = {
           startX: u.value,
           startPos: s.value
         };
       },
-      onMove: ({ x: d }) => {
-        if (x.value && o.value) {
-          const M = (d - v.value.startX) / m.value, $ = Math.max(
+      onMove: ({ x: m }) => {
+        if (C.value && o.value) {
+          const I = (m - d.value.startX) / f.value, M = Math.max(
             r.value + 1,
-            Math.min(e.columnsCount, v.value.startPos + M)
+            Math.min(e.columnsCount, d.value.startPos + I)
           );
-          o.value.style.width = `${($ - r.value) / e.colspan * 100}%`;
+          o.value.style.width = `${(M - r.value) / e.colspan * 100}%`;
         }
       },
-      onEnd: ({ x: d }) => {
+      onEnd: ({ x: m }) => {
         if (o.value) {
-          const p = d - v.value.startX, M = Math.round(p / m.value), $ = s.value, k = Math.max(
+          const g = m - d.value.startX, I = Math.round(g / f.value), M = s.value, L = Math.max(
             r.value + 1,
-            Math.min(e.columnsCount, v.value.startPos + M)
+            Math.min(e.columnsCount, d.value.startPos + I)
           );
-          s.value = k, e.store.updateGanttBar({
+          s.value = L, e.store.updateGanttBar({
             rowIndex: e.rowIndex,
             colIndex: e.colIndex,
             type: "resize",
             edge: "end",
-            oldEnd: $,
-            newEnd: k,
+            oldEnd: M,
+            newEnd: L,
             start: r.value,
-            delta: M,
-            oldColspan: $ - r.value,
-            newColspan: k - r.value
+            delta: I,
+            oldColspan: M - r.value,
+            newColspan: L - r.value
           });
         }
       }
-    }), { isDragging: f } = xe(o, {
+    }), { isDragging: v } = xe(o, {
       exact: !0,
       // to avoid triggering when the left and right handles are being used
       axis: "x",
       onStart: () => {
-        o.value && (o.value.style.transition = "none"), v.value = {
+        o.value && (o.value.style.transition = "none"), d.value = {
           startX: a.value,
           startPos: r.value
         };
       },
-      onMove: ({ x: d }) => {
-        if (f.value && o.value) {
-          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}%`;
+      onMove: ({ x: m }) => {
+        if (v.value && o.value) {
+          const I = (m - d.value.startX) / f.value, M = s.value - r.value, L = Math.max(0, Math.min(d.value.startPos + I, e.columnsCount - M));
+          o.value.style.left = `${L / e.colspan * 100}%`;
         }
       },
-      onEnd: ({ x: d }) => {
+      onEnd: ({ x: m }) => {
         if (o.value) {
-          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({
+          const g = m - d.value.startX, I = Math.round(g / f.value), M = s.value - r.value, L = r.value, P = s.value;
+          let E = d.value.startPos + I, T = E + M;
+          E < 0 ? (E = 0, T = M) : T > e.columnsCount && (T = e.columnsCount, E = T - M), r.value = E, s.value = T, e.store.updateGanttBar({
             rowIndex: e.rowIndex,
             colIndex: e.colIndex,
             type: "bar",
-            oldStart: k,
-            oldEnd: ae,
-            newStart: C,
+            oldStart: L,
+            oldEnd: P,
+            newStart: E,
             newEnd: T,
-            delta: M,
-            colspan: T - C
+            delta: I,
+            colspan: T - E
           });
         }
       }
     });
-    return (d, p) => (S(), R("td", {
+    return (m, g) => (S(), A("td", {
       class: "aganttcell",
-      colspan: d.colspan
+      colspan: m.colspan
     }, [
-      L("div", nn, [
-        L("div", {
+      D("div", an, [
+        D("div", {
           ref: "bar",
-          class: j(["gantt-bar", { "is-dragging": b(f) || b(h) || b(x) }]),
-          style: q(y.value)
+          class: Y(["gantt-bar", { "is-dragging": b(v) || b(h) || b(C) }]),
+          style: J(y.value)
         }, [
-          L("div", {
+          D("div", {
             ref: "leftHandle",
-            class: j(["gantt-handle left-handle", { "is-dragging": b(h) }])
-          }, p[0] || (p[0] = [
-            L("div", { class: "handle-grip" }, null, -1),
-            L("div", { class: "vertical-indicator left-indicator" }, null, -1)
+            class: Y(["gantt-handle left-handle", { "is-dragging": b(h) }])
+          }, g[0] || (g[0] = [
+            D("div", { class: "handle-grip" }, null, -1),
+            D("div", { class: "vertical-indicator left-indicator" }, null, -1)
           ]), 2),
-          d.label ? (S(), R("label", on, K(d.label), 1)) : _("", !0),
-          L("div", {
+          m.label ? (S(), A("label", sn, _(m.label), 1)) : ee("", !0),
+          D("div", {
             ref: "rightHandle",
-            class: j(["gantt-handle right-handle", { "is-dragging": b(x) }])
-          }, p[1] || (p[1] = [
-            L("div", { class: "handle-grip" }, null, -1),
-            L("div", { class: "vertical-indicator right-indicator" }, null, -1)
+            class: Y(["gantt-handle right-handle", { "is-dragging": b(C) }])
+          }, g[1] || (g[1] = [
+            D("div", { class: "handle-grip" }, null, -1),
+            D("div", { class: "vertical-indicator right-indicator" }, null, -1)
           ]), 2)
         ], 6)
       ], 512)
-    ], 8, tn));
+    ], 8, ln));
   }
-}), an = /* @__PURE__ */ le(ln, [["__scopeId", "data-v-a929e8e3"]]), sn = ["tabindex"], rn = /* @__PURE__ */ Z({
+}), un = /* @__PURE__ */ ae(rn, [["__scopeId", "data-v-a929e8e3"]]), cn = ["tabindex"], dn = /* @__PURE__ */ K({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -1004,9 +1037,9 @@ const Ft = (e) => {
     addNavigation: { type: [Boolean, Object], default: !1 }
   },
   setup(e) {
-    const t = N("rowEl"), n = I(() => e.store.isRowVisible(e.rowIndex)), o = I(() => e.store.getRowExpandSymbol(e.rowIndex));
+    const t = G("rowEl"), n = k(() => e.store.isRowVisible(e.rowIndex)), o = k(() => e.store.getRowExpandSymbol(e.rowIndex));
     if (e.addNavigation) {
-      let i = Pe;
+      let i = Oe;
       typeof e.addNavigation == "object" && (i = {
         ...i,
         ...e.addNavigation
@@ -1017,59 +1050,59 @@ const Ft = (e) => {
         }
       ]);
     }
-    return (i, c) => he((S(), R("tr", {
+    return (i, c) => he((S(), A("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" ? (S(), R("td", {
+      i.store.config.view !== "uncounted" ? B(i.$slots, "index", { key: 0 }, () => [
+        i.store.config.view === "list" ? (S(), A("td", {
           key: 0,
           tabIndex: -1,
-          class: j(["list-index", i.store.hasPinnedColumns ? "sticky-index" : ""])
-        }, K(i.rowIndex + 1), 3)) : i.store.config.view === "tree" ? (S(), R("td", {
+          class: Y(["list-index", i.store.hasPinnedColumns ? "sticky-index" : ""])
+        }, _(i.rowIndex + 1), 3)) : i.store.config.view === "tree" ? (S(), A("td", {
           key: 1,
           tabIndex: -1,
-          class: j(["tree-index", i.store.hasPinnedColumns ? "sticky-index" : ""]),
+          class: Y(["tree-index", i.store.hasPinnedColumns ? "sticky-index" : ""]),
           onClick: c[0] || (c[0] = (l) => i.store.toggleRowExpand(i.rowIndex))
-        }, K(o.value), 3)) : _("", !0)
-      ], !0) : _("", !0),
-      z(i.$slots, "default", {}, void 0, !0)
-    ], 8, sn)), [
+        }, _(o.value), 3)) : ee("", !0)
+      ], !0) : ee("", !0),
+      B(i.$slots, "default", {}, void 0, !0)
+    ], 8, cn)), [
       [Ke, n.value]
     ]);
   }
-}), ot = /* @__PURE__ */ le(rn, [["__scopeId", "data-v-4cb4f254"]]), De = we ? window : void 0;
-function Y(e) {
+}), ot = /* @__PURE__ */ ae(dn, [["__scopeId", "data-v-4cb4f254"]]), De = we ? window : void 0;
+function q(e) {
   var t;
-  const n = E(e);
+  const n = x(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 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);
+  }, o = (a, u, r, s) => (a.addEventListener(u, r, s), () => a.removeEventListener(u, r, s)), i = k(() => {
+    const a = Q(x(e[0])).filter((u) => u != null);
     return a.every((u) => typeof u != "string") ? a : void 0;
   }), c = et(
     () => {
       var a, u;
       return [
-        (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])),
+        (u = (a = i.value) == null ? void 0 : a.map((r) => q(r))) != null ? u : [De].filter((r) => r != null),
+        Q(x(i.value ? e[1] : e[0])),
+        Q(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])
+        x(i.value ? e[3] : e[2])
       ];
     },
     ([a, u, r, s]) => {
       if (n(), !(a != null && a.length) || !(u != null && u.length) || !(r != null && r.length))
         return;
-      const v = _e(s) ? { ...s } : s;
+      const d = _e(s) ? { ...s } : s;
       t.push(
         ...a.flatMap(
-          (m) => u.flatMap(
-            (y) => r.map((h) => o(m, y, h, v))
+          (f) => u.flatMap(
+            (y) => r.map((h) => o(f, y, h, d))
           )
         )
       );
@@ -1078,75 +1111,75 @@ function me(...e) {
   ), l = () => {
     c(), n();
   };
-  return oe(n), l;
+  return le(n), l;
 }
 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;
+    return a ? { stop: V, cancel: V, trigger: V } : V;
   if (Me && !je) {
     je = !0;
-    const f = { passive: !0 };
-    Array.from(o.document.body.children).forEach((d) => d.addEventListener("click", U, f)), o.document.documentElement.addEventListener("click", U, f);
+    const v = { passive: !0 };
+    Array.from(o.document.body.children).forEach((m) => m.addEventListener("click", V, v)), o.document.documentElement.addEventListener("click", V, v);
   }
   let u = !0;
-  const r = (f) => E(i).some((d) => {
-    if (typeof d == "string")
-      return Array.from(o.document.querySelectorAll(d)).some((p) => p === f.target || f.composedPath().includes(p));
+  const r = (v) => x(i).some((m) => {
+    if (typeof m == "string")
+      return Array.from(o.document.querySelectorAll(m)).some((g) => g === v.target || v.composedPath().includes(g));
     {
-      const p = Y(d);
-      return p && (f.target === p || f.composedPath().includes(p));
+      const g = q(m);
+      return g && (v.target === g || v.composedPath().includes(g));
     }
   });
-  function s(f) {
-    const d = E(f);
-    return d && d.$.subTree.shapeFlag === 16;
+  function s(v) {
+    const m = x(v);
+    return m && m.$.subTree.shapeFlag === 16;
   }
-  function v(f, d) {
-    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));
+  function d(v, m) {
+    const g = x(v), I = g.$.subTree && g.$.subTree.children;
+    return I == null || !Array.isArray(I) ? !1 : I.some((M) => M.el === m.target || m.composedPath().includes(M.el));
   }
-  const m = (f) => {
-    const d = Y(e);
-    if (f.target != null && !(!(d instanceof Element) && s(e) && v(e, f)) && !(!d || d === f.target || f.composedPath().includes(d))) {
-      if ("detail" in f && f.detail === 0 && (u = !r(f)), !u) {
+  const f = (v) => {
+    const m = q(e);
+    if (v.target != null && !(!(m instanceof Element) && s(e) && d(e, v)) && !(!m || m === v.target || v.composedPath().includes(m))) {
+      if ("detail" in v && v.detail === 0 && (u = !r(v)), !u) {
         u = !0;
         return;
       }
-      t(f);
+      t(v);
     }
   };
   let y = !1;
   const h = [
-    me(o, "click", (f) => {
+    me(o, "click", (v) => {
       y || (y = !0, setTimeout(() => {
         y = !1;
-      }, 0), m(f));
+      }, 0), f(v));
     }, { passive: !0, capture: c }),
-    me(o, "pointerdown", (f) => {
-      const d = Y(e);
-      u = !r(f) && !!(d && !f.composedPath().includes(d));
+    me(o, "pointerdown", (v) => {
+      const m = q(e);
+      u = !r(v) && !!(m && !v.composedPath().includes(m));
     }, { passive: !0 }),
-    l && me(o, "blur", (f) => {
+    l && me(o, "blur", (v) => {
       setTimeout(() => {
-        var d;
-        const p = Y(e);
-        ((d = o.document.activeElement) == null ? void 0 : d.tagName) === "IFRAME" && !(p != null && p.contains(o.document.activeElement)) && t(f);
+        var m;
+        const g = q(e);
+        ((m = o.document.activeElement) == null ? void 0 : m.tagName) === "IFRAME" && !(g != null && g.contains(o.document.activeElement)) && t(v);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), x = () => h.forEach((f) => f());
+  ].filter(Boolean), C = () => h.forEach((v) => v());
   return a ? {
-    stop: x,
+    stop: C,
     cancel: () => {
       u = !1;
     },
-    trigger: (f) => {
-      u = !0, m(f), u = !1;
+    trigger: (v) => {
+      u = !0, f(v), u = !1;
     }
-  } : x;
+  } : C;
 }
-const Ce = /* @__PURE__ */ new WeakMap(), un = {
+const Ce = /* @__PURE__ */ new WeakMap(), fn = {
   mounted(e, t) {
     const n = !t.modifiers.bubble;
     let o;
@@ -1163,38 +1196,38 @@ const Ce = /* @__PURE__ */ new WeakMap(), un = {
     t && typeof t == "function" ? t() : t == null || t.stop(), Ce.delete(e);
   }
 };
-function cn() {
-  const e = W(!1), t = pe();
-  return t && Q(() => {
+function vn() {
+  const e = H(!1), t = ge();
+  return t && Z(() => {
     e.value = !0;
   }, t), e;
 }
-function dn(e) {
-  const t = cn();
-  return I(() => (t.value, !!e()));
+function mn(e) {
+  const t = vn();
+  return k(() => (t.value, !!e()));
 }
 function Ye(e, t, n = {}) {
   const { window: o = De, ...i } = n;
   let c;
-  const l = dn(() => o && "ResizeObserver" in o), a = () => {
+  const l = mn(() => o && "ResizeObserver" in o), a = () => {
     c && (c.disconnect(), c = void 0);
-  }, u = I(() => {
-    const v = E(e);
-    return Array.isArray(v) ? v.map((m) => Y(m)) : [Y(v)];
-  }), r = B(
+  }, u = k(() => {
+    const d = x(e);
+    return Array.isArray(d) ? d.map((f) => q(f)) : [q(d)];
+  }), r = X(
     u,
-    (v) => {
+    (d) => {
       if (a(), l.value && o) {
         c = new ResizeObserver(t);
-        for (const m of v)
-          m && c.observe(m, i);
+        for (const f of d)
+          f && c.observe(f, i);
       }
     },
     { immediate: !0, flush: "post" }
   ), s = () => {
     a(), r();
   };
-  return oe(s), {
+  return le(s), {
     isSupported: l,
     stop: s
   };
@@ -1202,7 +1235,7 @@ function Ye(e, t, n = {}) {
 function Ee(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
-const fn = {
+const hn = {
   mounted(e, t) {
     typeof t.value == "function" ? Ye(e, t.value) : Ye(e, ...t.value);
   }
@@ -1216,16 +1249,16 @@ function lt(e) {
     return !n || n.tagName === "BODY" ? !1 : lt(n);
   }
 }
-function vn(e) {
+function pn(e) {
   const t = e || window.event, n = t.target;
   return lt(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
 const Ie = /* @__PURE__ */ new WeakMap();
-function mn(e, t = !1) {
-  const n = W(t);
+function gn(e, t = !1) {
+  const n = H(t);
   let o = null, i = "";
-  B(zt(e), (a) => {
-    const u = Ee(E(a));
+  X(zt(e), (a) => {
+    const u = Ee(x(a));
     if (u) {
       const r = u;
       if (Ie.get(r) || Ie.set(r, r.style.overflow), r.style.overflow !== "hidden" && (i = r.style.overflow), r.style.overflow === "hidden")
@@ -1237,20 +1270,20 @@ function mn(e, t = !1) {
     immediate: !0
   });
   const c = () => {
-    const a = Ee(E(e));
+    const a = Ee(x(e));
     !a || n.value || (Me && (o = me(
       a,
       "touchmove",
       (u) => {
-        vn(u);
+        pn(u);
       },
       { passive: !1 }
     )), a.style.overflow = "hidden", n.value = !0);
   }, l = () => {
-    const a = Ee(E(e));
+    const a = Ee(x(e));
     !a || !n.value || (Me && (o == null || o()), a.style.overflow = i, Ie.delete(a), n.value = !1);
   };
-  return oe(l), I({
+  return le(l), k({
     get() {
       return n.value;
     },
@@ -1259,22 +1292,22 @@ function mn(e, t = !1) {
     }
   });
 }
-function hn() {
+function wn() {
   let e = !1;
-  const t = W(!1);
+  const t = H(!1);
   return (n, o) => {
     if (t.value = o.value, e)
       return;
     e = !0;
-    const i = mn(n, o.value);
-    B(t, (c) => i.value = c);
+    const i = gn(n, o.value);
+    X(t, (c) => i.value = c);
   };
 }
-hn();
-const gn = { key: 0 }, pn = {
+wn();
+const yn = { key: 0 }, bn = {
   class: "atable-header-row",
   tabindex: "-1"
-}, wn = ["data-colindex"], at = /* @__PURE__ */ Z({
+}, xn = ["data-colindex"], at = /* @__PURE__ */ K({
   __name: "ATableHeader",
   props: {
     columns: {},
@@ -1289,44 +1322,44 @@ const gn = { key: 0 }, pn = {
         typeof u == "number" && u !== l && e.store.resizeColumn(a, l);
       }
     };
-    return (n, o) => n.columns.length ? (S(), R("thead", gn, [
-      L("tr", pn, [
-        n.store.zeroColumn ? (S(), R("th", {
+    return (n, o) => n.columns.length ? (S(), A("thead", yn, [
+      D("tr", bn, [
+        n.store.zeroColumn ? (S(), A("th", {
           key: 0,
           id: "header-index",
-          class: j([[
+          class: Y([[
             n.store.hasPinnedColumns ? "sticky-index" : "",
             n.store.config.view === "tree" ? "tree-index" : "",
             n.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
-        }, null, 2)) : _("", !0),
-        (S(!0), R(ie, null, ke(n.columns, (i, c) => he((S(), R("th", {
+        }, null, 2)) : ee("", !0),
+        (S(!0), A(ie, null, ke(n.columns, (i, c) => he((S(), A("th", {
           key: i.name,
           "data-colindex": c,
           tabindex: "-1",
-          style: q(n.store.getHeaderCellStyle(i)),
-          class: j(i.pinned ? "sticky-column" : "")
+          style: J(n.store.getHeaderCellStyle(i)),
+          class: Y(i.pinned ? "sticky-column" : "")
         }, [
-          z(n.$slots, "default", {}, () => [
-            mt(K(i.label || String.fromCharCode(c + 97).toUpperCase()), 1)
+          B(n.$slots, "default", {}, () => [
+            mt(_(i.label || String.fromCharCode(c + 97).toUpperCase()), 1)
           ])
-        ], 14, wn)), [
-          [b(fn), t]
+        ], 14, xn)), [
+          [b(hn), t]
         ])), 128))
       ])
-    ])) : _("", !0);
+    ])) : ee("", !0);
   }
-}), st = /* @__PURE__ */ Z({
+}), st = /* @__PURE__ */ K({
   __name: "ATableModal",
   props: {
     store: {}
   },
   setup(e) {
-    const t = N("amodal"), { width: n, height: o } = ge(t), i = I(() => {
-      var v, m, y, h;
+    const t = G("amodal"), { width: n, height: o } = pe(t), i = k(() => {
+      var d, f, y, h;
       if (!(e.store.modal.height && e.store.modal.width && e.store.modal.left && e.store.modal.bottom)) return;
-      const c = (v = e.store.modal.cell) == null ? void 0 : v.closest("table"), l = c.offsetHeight || 0, a = c.offsetWidth || 0;
-      let u = ((m = e.store.modal.cell) == null ? void 0 : m.offsetTop) || 0;
+      const c = (d = e.store.modal.cell) == null ? void 0 : d.closest("table"), l = c.offsetHeight || 0, a = c.offsetWidth || 0;
+      let u = ((f = e.store.modal.cell) == null ? void 0 : f.offsetTop) || 0;
       const r = ((y = c.querySelector("thead")) == null ? void 0 : y.offsetHeight) || 0;
       u += r, u = u + o.value < l ? u : u - (o.value + e.store.modal.height);
       let s = ((h = e.store.modal.cell) == null ? void 0 : h.offsetLeft) || 0;
@@ -1335,7 +1368,7 @@ const gn = { key: 0 }, pn = {
         top: `${u}px`
       };
     });
-    return (c, l) => (S(), R("div", {
+    return (c, l) => (S(), A("div", {
       class: "amodal",
       ref: "amodal",
       tabindex: "-1",
@@ -1343,80 +1376,80 @@ const gn = { key: 0 }, pn = {
       }, ["stop"])),
       onInput: l[1] || (l[1] = We(() => {
       }, ["stop"])),
-      style: q(i.value)
+      style: J(i.value)
     }, [
-      z(c.$slots, "default")
+      B(c.$slots, "default")
     ], 36));
   }
-}), yn = (e) => {
-  const t = e.id || jt();
+}), Cn = (e) => {
+  const t = e.id || qt();
   return ht(`table-${t}`, () => {
     const o = () => {
-      const g = {};
-      for (const [w, A] of c.value.entries())
-        for (const [O, D] of l.value.entries())
-          g[`${w}:${O}`] = D[A.name];
-      return g;
-    }, i = (g) => {
+      const p = {};
+      for (const [w, $] of c.value.entries())
+        for (const [R, W] of l.value.entries())
+          p[`${w}:${R}`] = W[$.name];
+      return p;
+    }, i = (p) => {
       const w = [Object.assign({}, { rowModified: !1 })];
-      if (g && "0:0" in g)
-        return g;
-      const A = /* @__PURE__ */ new Set();
-      for (let O = l.value.length - 1; O >= 0; O--) {
-        const D = l.value[O];
-        D.parent && A.add(D.parent), w[O] = {
+      if (p && "0:0" in p)
+        return p;
+      const $ = /* @__PURE__ */ new Set();
+      for (let R = l.value.length - 1; R >= 0; R--) {
+        const W = l.value[R];
+        W.parent && $.add(W.parent), w[R] = {
           childrenOpen: !1,
           expanded: !1,
-          indent: D.indent || 0,
-          isParent: A.has(O),
-          isRoot: D.parent === null || D.parent === void 0,
+          indent: W.indent || 0,
+          isParent: $.has(R),
+          isRoot: W.parent === null || W.parent === void 0,
           rowModified: !1,
-          open: D.parent === null || D.parent === void 0,
-          parent: D.parent
+          open: W.parent === null || W.parent === void 0,
+          parent: W.parent
         };
       }
       return w;
-    }, 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(
+    }, 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 }), d = O({}), f = k(() => c.value.some((p) => p.pinned)), y = k(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), h = k(
       () => a.value.view ? ["list", "tree", "list-expansion"].includes(a.value.view) : !1
-    ), x = (g, w) => u.value[`${g}:${w}`], f = (g, w, 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 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;
+    ), C = (p, w) => u.value[`${p}:${w}`], v = (p, w, $) => {
+      const R = `${p}:${w}`, W = c.value[p];
+      u.value[R] !== $ && (r.value[w].rowModified = !0), u.value[R] = $, l.value[w][W.name] = $;
+    }, m = (p, w, $) => {
+      const R = `${p}:${w}`;
+      u.value[R] !== $ && (r.value[w].rowModified = !0, d.value[R] = $);
+    }, g = (p) => {
+      const w = c.value.indexOf(p) === c.value.length - 1, $ = a.value.fullWidth ? p.resizable && !w : p.resizable;
       return {
-        width: g.width || "40ch",
-        textAlign: g.align || "center",
-        ...A && {
+        width: p.width || "40ch",
+        textAlign: p.align || "center",
+        ...$ && {
           resize: "horizontal",
           overflow: "hidden",
           whiteSpace: "nowrap"
         }
       };
-    }, M = (g, w) => {
-      if (g < 0 || g >= c.value.length) return;
-      const O = Math.max(w, 40);
-      c.value[g] = {
-        ...c.value[g],
-        width: `${O}px`
+    }, I = (p, w) => {
+      if (p < 0 || p >= c.value.length) return;
+      const R = Math.max(w, 40);
+      c.value[p] = {
+        ...c.value[p],
+        width: `${R}px`
       };
-    }, $ = (g) => {
-      const w = l.value[g];
+    }, M = (p) => {
+      const w = l.value[p];
       return a.value.view === "gantt" && w.indent === 0;
-    }, 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) => {
+    }, L = (p) => a.value.view !== "tree" || r.value[p].isRoot || r.value[p].open, P = (p) => a.value.view !== "tree" ? "" : r.value[p].isRoot || r.value[p].isParent ? r.value[p].childrenOpen ? "-" : "+" : "", E = (p) => {
       if (a.value.view === "tree") {
-        r.value[g].childrenOpen = !r.value[g].childrenOpen;
+        r.value[p].childrenOpen = !r.value[p].childrenOpen;
         for (let w = l.value.length - 1; w >= 0; w--)
-          r.value[w].parent === g && (r.value[w].open = !r.value[w].open, r.value[w].childrenOpen && C(w));
-      } else a.value.view === "list-expansion" && (r.value[g].expanded = !r.value[g].expanded);
-    }, T = (g, w) => {
-      const A = x(g, w);
-      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;
+          r.value[w].parent === p && (r.value[w].open = !r.value[w].open, r.value[w].childrenOpen && E(w));
+      } else a.value.view === "list-expansion" && (r.value[p].expanded = !r.value[p].expanded);
+    }, T = (p, w) => {
+      const $ = C(p, w);
+      return z(p, w, $);
+    }, z = (p, w, $) => {
+      const R = c.value[p], W = l.value[w], se = R.format;
+      return se ? typeof se == "function" ? se($, { table: u.value, row: W, column: R }) : typeof se == "string" ? Function(`"use strict";return (${se})`)()($, { table: u.value, row: W, column: R }) : $ : $;
     };
     return {
       // state
@@ -1426,36 +1459,36 @@ const gn = { key: 0 }, pn = {
       modal: s,
       rows: l,
       table: u,
-      updates: v,
+      updates: d,
       // getters
-      hasPinnedColumns: m,
+      hasPinnedColumns: f,
       numberedRowWidth: y,
       zeroColumn: h,
       // actions
-      closeModal: (g) => {
+      closeModal: (p) => {
         var w;
-        g.target instanceof Node && (w = s.value.parent) != null && w.contains(g.target) || s.value.visible && (s.value.visible = !1);
+        p.target instanceof Node && (w = s.value.parent) != null && w.contains(p.target) || s.value.visible && (s.value.visible = !1);
       },
-      getCellData: x,
+      getCellData: C,
       getCellDisplayValue: T,
-      getFormattedValue: H,
-      getHeaderCellStyle: p,
-      resizeColumn: M,
-      getIndent: (g, w) => w && g === 0 && w > 0 ? `${w}ch` : "inherit",
-      getRowExpandSymbol: ae,
-      isRowGantt: $,
-      isRowVisible: k,
-      setCellData: f,
-      setCellText: d,
-      toggleRowExpand: C,
-      updateGanttBar: (g) => {
-        var A;
-        const w = (A = l.value[g.rowIndex]) == null ? void 0 : A.gantt;
-        w && (g.type === "resize" ? g.edge === "start" ? (w.startIndex = g.newStart, w.endIndex = g.end, w.colspan = w.endIndex - w.startIndex) : g.edge === "end" && (w.startIndex = g.start, w.endIndex = g.newEnd, w.colspan = w.endIndex - w.startIndex) : g.type === "bar" && (w.startIndex = g.newStart, w.endIndex = g.newEnd, w.colspan = w.endIndex - w.startIndex));
+      getFormattedValue: z,
+      getHeaderCellStyle: g,
+      resizeColumn: I,
+      getIndent: (p, w) => w && p === 0 && w > 0 ? `${w}ch` : "inherit",
+      getRowExpandSymbol: P,
+      isRowGantt: M,
+      isRowVisible: L,
+      setCellData: v,
+      setCellText: m,
+      toggleRowExpand: E,
+      updateGanttBar: (p) => {
+        var $;
+        const w = ($ = l.value[p.rowIndex]) == null ? void 0 : $.gantt;
+        w && (p.type === "resize" ? p.edge === "start" ? (w.startIndex = p.newStart, w.endIndex = p.end, w.colspan = w.endIndex - w.startIndex) : p.edge === "end" && (w.startIndex = p.start, w.endIndex = p.newEnd, w.colspan = w.endIndex - w.startIndex) : p.type === "bar" && (w.startIndex = p.newStart, w.endIndex = p.newEnd, w.colspan = w.endIndex - w.startIndex));
       }
     };
   })();
-}, bn = /* @__PURE__ */ Z({
+}, En = /* @__PURE__ */ K({
   __name: "ATable",
   props: {
     id: {},
@@ -1466,49 +1499,49 @@ const gn = { key: 0 }, pn = {
   },
   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 = yn({ columns: e.columns, rows: c, id: e.id, config: e.config });
-    l.$onAction(({ name: s, store: v, args: m, after: y }) => {
+    const o = n, i = G("table"), c = e.modelValue ? e.modelValue : e.rows, l = Cn({ columns: e.columns, rows: c, id: e.id, config: e.config });
+    l.$onAction(({ name: s, store: d, args: f, after: y }) => {
       if (s === "setCellData" || s === "setCellText") {
-        const [h, x, f] = m, d = v.getCellData(h, x);
+        const [h, C, v] = f, m = d.getCellData(h, C);
         y(() => {
-          o("cellUpdate", { colIndex: h, rowIndex: x, newValue: f, oldValue: d });
+          o("cellUpdate", { colIndex: h, rowIndex: C, newValue: v, oldValue: m });
         });
       } else if (s === "updateGanttBar") {
-        const [h] = m;
-        let x = !1;
-        h.type === "resize" ? x = h.oldColspan !== h.newColspan : h.type === "bar" && (x = h.oldStart !== h.newStart || h.oldEnd !== h.newEnd), x && y(() => {
+        const [h] = f;
+        let C = !1;
+        h.type === "resize" ? C = h.oldColspan !== h.newColspan : h.type === "bar" && (C = h.oldStart !== h.newStart || h.oldEnd !== h.newEnd), C && y(() => {
           o("gantt:drag", h);
         });
       }
-    }), B(
+    }), X(
       () => l.rows,
       (s) => {
         o("update:modelValue", s);
       },
       { deep: !0 }
-    ), Q(() => {
+    ), Z(() => {
       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) : [];
-      for (const [h, x] of y.entries()) {
-        const f = m == null ? void 0 : m.cells[h];
-        f && (x.style.width = `${f.offsetWidth}px`);
+    const a = k(() => l.columns.filter((s) => s.pinned).length), u = () => {
+      const s = i.value, d = s == null ? void 0 : s.rows[0], f = s == null ? void 0 : s.rows[1], y = d ? Array.from(d.cells) : [];
+      for (const [h, C] of y.entries()) {
+        const v = f == null ? void 0 : f.cells[h];
+        v && (C.style.width = `${v.offsetWidth}px`);
       }
       for (const h of (s == null ? void 0 : s.rows) || []) {
-        let x = 0;
-        const f = [];
-        for (const d of h.cells)
-          (d.classList.contains("sticky-column") || d.classList.contains("sticky-index")) && (d.style.left = `${x}px`, x += d.offsetWidth, f.push(d));
-        f.length > 0 && f[f.length - 1].classList.add("sticky-column-edge");
+        let C = 0;
+        const v = [];
+        for (const m of h.cells)
+          (m.classList.contains("sticky-column") || m.classList.contains("sticky-index")) && (m.style.left = `${C}px`, C += m.offsetWidth, v.push(m));
+        v.length > 0 && v[v.length - 1].classList.add("sticky-column-edge");
       }
     };
     window.addEventListener("keydown", (s) => {
       if (s.key === "Escape" && l.modal.visible) {
         l.modal.visible = !1;
-        const v = l.modal.parent;
-        v && Qe().then(() => {
-          v.focus();
+        const d = l.modal.parent;
+        d && Qe().then(() => {
+          d.focus();
         });
       }
     });
@@ -1516,59 +1549,59 @@ const gn = { key: 0 }, pn = {
       var y;
       if (!(s.indent === 0) || a.value === 0)
         return l.columns;
-      const m = [];
+      const f = [];
       for (let h = 0; h < a.value; h++) {
-        const x = { ...l.columns[h] };
-        x.originalIndex = h, m.push(x);
+        const C = { ...l.columns[h] };
+        C.originalIndex = h, f.push(C);
       }
-      return m.push({
+      return f.push({
         ...l.columns[a.value],
         isGantt: !0,
         colspan: ((y = s.gantt) == null ? void 0 : y.colspan) || l.columns.length - a.value,
         originalIndex: a.value,
         width: "auto"
         // TODO: refactor to API that can detect when data exists in a cell. Might have be custom and not generalizable
-      }), m;
+      }), f;
     };
-    return t({ store: l }), (s, v) => he((S(), R("table", {
+    return t({ store: l }), (s, d) => he((S(), A("table", {
       ref: "table",
       class: "atable",
-      style: q({
+      style: J({
         width: b(l).config.fullWidth ? "100%" : "auto"
       })
     }, [
-      z(s.$slots, "header", { data: b(l) }, () => [
+      B(s.$slots, "header", { data: b(l) }, () => [
         He(at, {
           columns: b(l).columns,
           store: b(l)
         }, null, 8, ["columns", "store"])
       ], !0),
-      L("tbody", null, [
-        z(s.$slots, "body", { data: b(l) }, () => [
-          (S(!0), R(ie, null, ke(b(l).rows, (m, y) => (S(), re(ot, {
-            key: m.id,
-            row: m,
+      D("tbody", null, [
+        B(s.$slots, "body", { data: b(l) }, () => [
+          (S(!0), A(ie, null, ke(b(l).rows, (f, y) => (S(), re(ot, {
+            key: f.id,
+            row: f,
             rowIndex: y,
             store: b(l)
           }, {
             default: ze(() => [
-              (S(!0), R(ie, null, ke(r(m), (h, x) => {
-                var f, d, p;
-                return S(), R(ie, {
+              (S(!0), A(ie, null, ke(r(f), (h, C) => {
+                var v, m, g;
+                return S(), A(ie, {
                   key: h.name
                 }, [
                   h.isGantt ? (S(), re(fe(h.ganttComponent || "AGanttCell"), {
                     key: 0,
                     store: b(l),
                     columnsCount: b(l).columns.length - a.value,
-                    color: (f = m.gantt) == null ? void 0 : f.color,
-                    start: (d = m.gantt) == null ? void 0 : d.startIndex,
-                    end: (p = m.gantt) == null ? void 0 : p.endIndex,
+                    color: (v = f.gantt) == null ? void 0 : v.color,
+                    start: (m = f.gantt) == null ? void 0 : m.startIndex,
+                    end: (g = f.gantt) == null ? void 0 : g.endIndex,
                     colspan: h.colspan,
                     pinned: h.pinned,
                     rowIndex: y,
-                    colIndex: h.originalIndex ?? x,
-                    style: q({
+                    colIndex: h.originalIndex ?? C,
+                    style: J({
                       textAlign: (h == null ? void 0 : h.align) || "center",
                       minWidth: (h == null ? void 0 : h.width) || "40ch",
                       width: b(l).config.fullWidth ? "auto" : null
@@ -1578,8 +1611,8 @@ const gn = { key: 0 }, pn = {
                     store: b(l),
                     pinned: h.pinned,
                     rowIndex: y,
-                    colIndex: x,
-                    style: q({
+                    colIndex: C,
+                    style: J({
                       textAlign: (h == null ? void 0 : h.align) || "center",
                       width: b(l).config.fullWidth ? "auto" : null
                     }),
@@ -1592,8 +1625,8 @@ const gn = { key: 0 }, pn = {
           }, 1032, ["row", "rowIndex", "store"]))), 128))
         ], !0)
       ]),
-      z(s.$slots, "footer", { data: b(l) }, void 0, !0),
-      z(s.$slots, "modal", { data: b(l) }, () => [
+      B(s.$slots, "footer", { data: b(l) }, void 0, !0),
+      B(s.$slots, "modal", { data: b(l) }, () => [
         he(He(st, { store: b(l) }, {
           default: ze(() => [
             (S(), re(fe(b(l).modal.component), Se({
@@ -1609,42 +1642,42 @@ const gn = { key: 0 }, pn = {
         ])
       ], !0)
     ], 4)), [
-      [b(un), b(l).closeModal]
+      [b(fn), b(l).closeModal]
     ]);
   }
-}), 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)
+}), In = /* @__PURE__ */ ae(En, [["__scopeId", "data-v-785e5fa3"]]), kn = {}, Mn = { class: "aloading" }, Sn = { class: "aloading-header" };
+function $n(e, t) {
+  return S(), A("div", Mn, [
+    D("h2", Sn, [
+      B(e.$slots, "default", {}, void 0, !0)
     ]),
-    t[0] || (t[0] = L("div", { class: "aloading-bar" }, null, -1))
+    t[0] || (t[0] = D("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-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)
+const An = /* @__PURE__ */ ae(kn, [["render", $n], ["__scopeId", "data-v-a930a25b"]]), Tn = {}, Rn = { class: "aloading" }, Pn = { class: "aloading-header" };
+function On(e, t) {
+  return S(), A("div", Rn, [
+    D("h2", Pn, [
+      B(e.$slots, "default", {}, void 0, !0)
     ]),
-    t[0] || (t[0] = L("div", { class: "aloading-bar" }, null, -1))
+    t[0] || (t[0] = D("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-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);
+const Ln = /* @__PURE__ */ ae(Tn, [["render", On], ["__scopeId", "data-v-e1165876"]]);
+function zn(e) {
+  e.component("ACell", Kt), e.component("AExpansionRow", on), e.component("AGanttCell", un), e.component("ARow", ot), e.component("ATable", In), e.component("ATableHeader", at), e.component("ATableLoading", An), e.component("ATableLoadingBar", Ln), e.component("ATableModal", st);
 }
 export {
-  Jt as ACell,
-  en as AExpansionRow,
-  an as AGanttCell,
+  Kt as ACell,
+  on as AExpansionRow,
+  un as AGanttCell,
   ot as ARow,
-  xn as ATable,
+  In as ATable,
   at as ATableHeader,
-  Mn as ATableLoading,
-  Tn as ATableLoadingBar,
+  An as ATableLoading,
+  Ln as ATableLoadingBar,
   st as ATableModal,
-  yn as createTableStore,
-  Dn as install
+  Cn as createTableStore,
+  zn as install
 };
 //# sourceMappingURL=atable.js.map