@stonecrop/atable 0.4.21 → 0.4.23

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 { defineStore as ht } from "pinia";
+import { onMounted as Z, ref as P, watch as N, onBeforeUnmount as it, computed as k, shallowRef as H, toValue as E, watchEffect as ut, getCurrentScope as Je, onScopeDispose as Qe, unref as x, getCurrentInstance as ge, nextTick as Ze, isRef as ct, toRefs as dt, customRef as Ke, toRef as ft, readonly as vt, defineComponent as K, useTemplateRef as G, createElementBlock as A, openBlock as S, normalizeClass as q, 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 mt, withDirectives as he, vShow as _e, renderList as ke, createTextVNode as ht, withModifiers as We, mergeModels as He, useModel as pt, createVNode as ze, withCtx as Be } from "vue";
+import { defineStore as gt } from "pinia";
 import './assets/index.css';function $e(e) {
-  return qe() ? (Je(e), !0) : !1;
+  return Je() ? (Qe(e), !0) : !1;
 }
-const gt = typeof window < "u" && typeof document < "u";
+const wt = 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 yt = (e) => e != null, bt = Object.prototype.toString, xt = (e) => bt.call(e) === "[object Object]", Ct = () => {
 };
 function ve(e) {
   return Array.isArray(e) ? e : [e];
 }
-function xt(e, t, n) {
-  return B(
+function Et(e, t, n) {
+  return N(
     e,
     t,
     {
@@ -20,267 +20,267 @@ function xt(e, t, n) {
     }
   );
 }
-const ne = gt ? window : void 0;
-function ee(e) {
+const oe = wt ? window : void 0;
+function te(e) {
   var t;
   const n = E(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);
-    return a.every((u) => typeof u != "string") ? a : void 0;
-  }), c = xt(
+    t.forEach((o) => o()), t.length = 0;
+  }, l = (o, s, a, c) => (o.addEventListener(s, a, c), () => o.removeEventListener(s, a, c)), r = k(() => {
+    const o = ve(E(e[0])).filter((s) => s != null);
+    return o.every((s) => typeof s != "string") ? o : void 0;
+  }), u = Et(
     () => {
-      var a, u;
+      var o, s;
       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])),
-        ve(b(i.value ? e[2] : e[1])),
+        (s = (o = r.value) == null ? void 0 : o.map((a) => te(a))) != null ? s : [oe].filter((a) => a != null),
+        ve(E(r.value ? e[1] : e[0])),
+        ve(x(r.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        E(i.value ? e[3] : e[2])
+        E(r.value ? e[3] : e[2])
       ];
     },
-    ([a, u, r, s]) => {
-      if (n(), !(a != null && a.length) || !(u != null && u.length) || !(r != null && r.length))
+    ([o, s, a, c]) => {
+      if (n(), !(o != null && o.length) || !(s != null && s.length) || !(a != null && a.length))
         return;
-      const v = yt(s) ? { ...s } : s;
+      const d = xt(c) ? { ...c } : c;
       t.push(
-        ...a.flatMap(
-          (m) => u.flatMap(
-            (y) => r.map((h) => o(m, y, h, v))
+        ...o.flatMap(
+          (m) => s.flatMap(
+            (g) => a.map((b) => l(m, g, b, d))
           )
         )
       );
     },
     { flush: "post" }
-  ), l = () => {
-    c(), n();
+  ), i = () => {
+    u(), n();
   };
-  return $e(n), l;
+  return $e(n), i;
 }
-function Ct() {
-  const e = W(!1), t = pe();
-  return t && Q(() => {
+function It() {
+  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()));
+function kt(e) {
+  const t = It();
+  return k(() => (t.value, !!e()));
 }
-function It(e, t, n = {}) {
-  const { window: o = ne, ...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);
-    return new Set(y);
-  }), r = B(
-    () => u.value,
+function Mt(e, t, n = {}) {
+  const { window: l = oe, ...r } = n;
+  let u;
+  const i = kt(() => l && "MutationObserver" in l), o = () => {
+    u && (u.disconnect(), u = void 0);
+  }, s = k(() => {
+    const m = E(e), g = ve(m).map(te).filter(yt);
+    return new Set(g);
+  }), a = N(
+    () => s.value,
     (m) => {
-      a(), l.value && m.size && (c = new MutationObserver(t), m.forEach((y) => c.observe(y, i)));
+      o(), i.value && m.size && (u = new MutationObserver(t), m.forEach((g) => u.observe(g, r)));
     },
     { immediate: !0, flush: "post" }
-  ), s = () => c == null ? void 0 : c.takeRecords(), v = () => {
-    r(), a();
+  ), c = () => u == null ? void 0 : u.takeRecords(), d = () => {
+    a(), o();
   };
-  return $e(v), {
-    isSupported: l,
-    stop: v,
-    takeRecords: s
+  return $e(d), {
+    isSupported: i,
+    stop: d,
+    takeRecords: c
   };
 }
-function kt(e, t, n = {}) {
+function St(e, t, n = {}) {
   const {
-    window: o = ne,
-    document: i = o == null ? void 0 : o.document,
-    flush: c = "sync"
+    window: l = oe,
+    document: r = l == null ? void 0 : l.document,
+    flush: u = "sync"
   } = n;
-  if (!o || !i)
-    return bt;
-  let l;
-  const a = (s) => {
-    l == null || l(), l = s;
-  }, u = it(() => {
-    const s = ee(e);
-    if (s) {
-      const { stop: v } = It(
-        i,
+  if (!l || !r)
+    return Ct;
+  let i;
+  const o = (c) => {
+    i == null || i(), i = c;
+  }, s = ut(() => {
+    const c = te(e);
+    if (c) {
+      const { stop: d } = Mt(
+        r,
         (m) => {
-          m.map((y) => [...y.removedNodes]).flat().some((y) => y === s || y.contains(s)) && t(m);
+          m.map((g) => [...g.removedNodes]).flat().some((g) => g === c || g.contains(c)) && t(m);
         },
         {
-          window: o,
+          window: l,
           childList: !0,
           subtree: !0
         }
       );
-      a(v);
+      o(d);
     }
-  }, { flush: c }), r = () => {
-    u(), a();
+  }, { flush: u }), a = () => {
+    s(), o();
   };
-  return $e(r), r;
+  return $e(a), a;
 }
-function Mt(e = {}) {
+function $t(e = {}) {
   var t;
   const {
-    window: n = ne,
-    deep: o = !0,
-    triggerOnRemoval: i = !1
-  } = e, c = (t = e.document) != null ? t : n == null ? void 0 : n.document, l = () => {
-    var r;
-    let s = c == null ? void 0 : c.activeElement;
-    if (o)
-      for (; s != null && s.shadowRoot; )
-        s = (r = s == null ? void 0 : s.shadowRoot) == null ? void 0 : r.activeElement;
-    return s;
-  }, a = W(), u = () => {
-    a.value = l();
+    window: n = oe,
+    deep: l = !0,
+    triggerOnRemoval: r = !1
+  } = e, u = (t = e.document) != null ? t : n == null ? void 0 : n.document, i = () => {
+    var a;
+    let c = u == null ? void 0 : u.activeElement;
+    if (l)
+      for (; c != null && c.shadowRoot; )
+        c = (a = c == null ? void 0 : c.shadowRoot) == null ? void 0 : a.activeElement;
+    return c;
+  }, o = H(), s = () => {
+    o.value = i();
   };
   if (n) {
-    const r = {
+    const a = {
       capture: !0,
       passive: !0
     };
     ce(
       n,
       "blur",
-      (s) => {
-        s.relatedTarget === null && u();
+      (c) => {
+        c.relatedTarget === null && s();
       },
-      r
+      a
     ), ce(
       n,
       "focus",
-      u,
-      r
+      s,
+      a
     );
   }
-  return i && kt(a, u, { document: c }), u(), a;
+  return r && St(o, s, { document: u }), s(), o;
 }
-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 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, At)) != null ? s : !1;
-  }, a), { focused: c };
+const At = "focusin", Tt = "focusout", Rt = ":focus-within";
+function Ot(e, t = {}) {
+  const { window: n = oe } = t, l = k(() => te(e)), r = H(!1), u = k(() => r.value), i = $t(t);
+  if (!n || !i.value)
+    return { focused: u };
+  const o = { passive: !0 };
+  return ce(l, At, () => r.value = !0, o), ce(l, Tt, () => {
+    var s, a, c;
+    return r.value = (c = (a = (s = l.value) == null ? void 0 : s.matches) == null ? void 0 : a.call(s, Rt)) != null ? c : !1;
+  }, o), { focused: u };
 }
-function Tt(e, { window: t = ne, scrollTarget: n } = {}) {
-  const o = P(!1), i = () => {
+function Pt(e, { window: t = oe, scrollTarget: n } = {}) {
+  const l = P(!1), r = () => {
     if (!t) return;
-    const c = t.document, l = ee(e);
-    if (!l)
-      o.value = !1;
+    const u = t.document, i = te(e);
+    if (!i)
+      l.value = !1;
     else {
-      const a = l.getBoundingClientRect();
-      o.value = a.top <= (t.innerHeight || c.documentElement.clientHeight) && a.left <= (t.innerWidth || c.documentElement.clientWidth) && a.bottom >= 0 && a.right >= 0;
+      const o = i.getBoundingClientRect();
+      l.value = o.top <= (t.innerHeight || u.documentElement.clientHeight) && o.left <= (t.innerWidth || u.documentElement.clientWidth) && o.bottom >= 0 && o.right >= 0;
     }
   };
-  return B(
-    () => ee(e),
-    () => i(),
+  return N(
+    () => te(e),
+    () => r(),
     { immediate: !0, flush: "post" }
-  ), t && ce(n || t, "scroll", i, {
+  ), t && ce(n || t, "scroll", r, {
     capture: !1,
     passive: !0
-  }), o;
+  }), l;
 }
-const V = (e) => {
-  let t = Tt(e).value;
+const F = (e) => {
+  let t = Pt(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, G = (e) => e.tabIndex >= 0, Be = (e) => {
+}, j = (e) => e.tabIndex >= 0, Ne = (e) => {
   const t = e.target;
   return Ae(t);
 }, Ae = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
-    const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
-    if (o) {
-      const i = Array.from(o.children)[e.cellIndex];
-      i && (n = i);
+    const l = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
+    if (l) {
+      const r = Array.from(l.children)[e.cellIndex];
+      r && (n = r);
     }
   } else if (e instanceof HTMLTableRowElement) {
-    const o = e.previousElementSibling;
-    o && (n = o);
+    const l = e.previousElementSibling;
+    l && (n = l);
   }
-  return n && (!G(n) || !V(n)) ? Ae(n) : n;
-}, Ot = (e) => {
+  return n && (!j(n) || !F(n)) ? Ae(n) : n;
+}, Lt = (e) => {
   var t;
   const n = e.target;
-  let o;
+  let l;
   if (n instanceof HTMLTableCellElement) {
-    const i = (t = n.parentElement) == null ? void 0 : t.parentElement;
-    if (i) {
-      const c = i.firstElementChild, l = c == null ? void 0 : c.children[n.cellIndex];
-      l && (o = l);
+    const r = (t = n.parentElement) == null ? void 0 : t.parentElement;
+    if (r) {
+      const u = r.firstElementChild, i = u == null ? void 0 : u.children[n.cellIndex];
+      i && (l = i);
     }
   } else if (n instanceof HTMLTableRowElement) {
-    const i = n.parentElement;
-    if (i) {
-      const c = i.firstElementChild;
-      c && (o = c);
+    const r = n.parentElement;
+    if (r) {
+      const u = r.firstElementChild;
+      u && (l = u);
     }
   }
-  return o && (!G(o) || !V(o)) ? Re(o) : o;
+  return l && (!j(l) || !F(l)) ? Te(l) : l;
 }, Xe = (e) => {
   const t = e.target;
-  return Re(t);
-}, Re = (e) => {
+  return Te(t);
+}, Te = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
-    const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
-    if (o) {
-      const i = Array.from(o.children)[e.cellIndex];
-      i && (n = i);
+    const l = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
+    if (l) {
+      const r = Array.from(l.children)[e.cellIndex];
+      r && (n = r);
     }
   } else if (e instanceof HTMLTableRowElement) {
-    const o = e.nextElementSibling;
-    o && (n = o);
+    const l = e.nextElementSibling;
+    l && (n = l);
   }
-  return n && (!G(n) || !V(n)) ? Re(n) : n;
-}, Pt = (e) => {
+  return n && (!j(n) || !F(n)) ? Te(n) : n;
+}, Dt = (e) => {
   var t;
   const n = e.target;
-  let o;
+  let l;
   if (n instanceof HTMLTableCellElement) {
-    const i = (t = n.parentElement) == null ? void 0 : t.parentElement;
-    if (i) {
-      const c = i.lastElementChild, l = c == null ? void 0 : c.children[n.cellIndex];
-      l && (o = l);
+    const r = (t = n.parentElement) == null ? void 0 : t.parentElement;
+    if (r) {
+      const u = r.lastElementChild, i = u == null ? void 0 : u.children[n.cellIndex];
+      i && (l = i);
     }
   } else if (n instanceof HTMLTableRowElement) {
-    const i = n.parentElement;
-    if (i) {
-      const c = i.lastElementChild;
-      c && (o = c);
+    const r = n.parentElement;
+    if (r) {
+      const u = r.lastElementChild;
+      u && (l = u);
     }
   }
-  return o && (!G(o) || !V(o)) ? Ae(o) : o;
-}, Ne = (e) => {
+  return l && (!j(l) || !F(l)) ? Ae(l) : l;
+}, Ve = (e) => {
   const t = e.target;
-  return Te(t);
-}, Te = (e) => {
+  return Re(t);
+}, Re = (e) => {
   var t;
   let n;
   if (e.previousElementSibling)
     n = e.previousElementSibling;
   else {
-    const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
-    n = o == null ? void 0 : o.lastElementChild;
+    const l = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
+    n = l == null ? void 0 : l.lastElementChild;
   }
-  return n && (!G(n) || !V(n)) ? Te(n) : n;
-}, Ve = (e) => {
+  return n && (!j(n) || !F(n)) ? Re(n) : n;
+}, Ge = (e) => {
   const t = e.target;
   return Oe(t);
 }, Oe = (e) => {
@@ -289,24 +289,24 @@ const V = (e) => {
   if (e.nextElementSibling)
     n = e.nextElementSibling;
   else {
-    const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
-    n = o == null ? void 0 : o.firstElementChild;
+    const l = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
+    n = l == null ? void 0 : l.firstElementChild;
   }
-  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;
+  return n && (!j(n) || !F(n)) ? Oe(n) : n;
 }, Fe = (e) => {
+  const t = e.target.parentElement, n = t == null ? void 0 : t.firstElementChild;
+  return n && (!j(n) || !F(n)) ? Oe(n) : n;
+}, je = (e) => {
   const t = e.target.parentElement, n = t == null ? void 0 : t.lastElementChild;
-  return n && (!G(n) || !V(n)) ? Te(n) : n;
-}, de = ["alt", "control", "shift", "meta"], Lt = {
+  return n && (!j(n) || !F(n)) ? Re(n) : n;
+}, de = ["alt", "control", "shift", "meta"], Wt = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
 }, Pe = {
   "keydown.up": (e) => {
-    const t = Be(e);
+    const t = Ne(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
@@ -314,31 +314,31 @@ const V = (e) => {
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = Ne(e);
+    const t = Ve(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = Ve(e);
+    const t = Ge(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = Ot(e);
+    const t = Lt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = Pt(e);
+    const t = Dt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = Ge(e);
+    const t = Fe(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = Fe(e);
+    const t = je(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = Fe(e);
+    const t = je(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
@@ -351,141 +351,172 @@ const V = (e) => {
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = Be(e);
+      const t = Ne(e);
       t && t.focus();
     }
   },
   "keydown.home": (e) => {
-    const t = Ge(e);
+    const t = Fe(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = Ve(e);
+    const t = Ge(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = Ne(e);
+    const t = Ve(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
 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;
-  }, n = (l) => {
-    var a;
-    const u = t(l);
-    let r = [];
-    if (typeof l.selectors == "string")
-      r = u ? Array.from(u.querySelectorAll(l.selectors)) : Array.from(document.querySelectorAll(l.selectors));
-    else if (Array.isArray(l.selectors))
-      for (const s of l.selectors)
-        s instanceof HTMLElement ? r.push(s) : r.push(s.$el);
-    else if (l.selectors instanceof HTMLElement)
-      r.push(l.selectors);
-    else if ((a = l.selectors) != null && a.value)
-      if (Array.isArray(l.selectors.value))
-        for (const s of l.selectors.value)
-          s instanceof HTMLElement ? r.push(s) : r.push(s.$el);
+  const t = (i) => {
+    let o = null;
+    return i.parent && (typeof i.parent == "string" ? o = document.querySelector(i.parent) : i.parent instanceof HTMLElement ? o = i.parent : o = i.parent.value), o;
+  }, n = (i) => {
+    var o;
+    const s = t(i);
+    let a = [];
+    if (typeof i.selectors == "string")
+      a = s ? Array.from(s.querySelectorAll(i.selectors)) : Array.from(document.querySelectorAll(i.selectors));
+    else if (Array.isArray(i.selectors))
+      for (const c of i.selectors)
+        c instanceof HTMLElement ? a.push(c) : a.push(c.$el);
+    else if (i.selectors instanceof HTMLElement)
+      a.push(i.selectors);
+    else if ((o = i.selectors) != null && o.value)
+      if (Array.isArray(i.selectors.value))
+        for (const c of i.selectors.value)
+          c instanceof HTMLElement ? a.push(c) : a.push(c.$el);
       else
-        r.push(l.selectors.value);
-    return r;
-  }, 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;
-  }, i = (l) => (a) => {
-    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) => de.includes(f)), x = de.some((f) => {
-          const d = f.charAt(0).toUpperCase() + f.slice(1);
-          return a.getModifierState(d);
+        a.push(i.selectors.value);
+    return a;
+  }, l = (i) => {
+    const o = t(i);
+    let s = [];
+    return i.selectors ? s = n(i) : o && (s = Array.from(o.children).filter((a) => j(a) && F(a))), s;
+  }, r = (i) => (o) => {
+    const s = Wt[o.key] || o.key.toLowerCase();
+    if (de.includes(s)) return;
+    const a = i.handlers || Pe;
+    for (const c of Object.keys(a)) {
+      const [d, ...m] = c.split(".");
+      if (d === "keydown" && m.includes(s)) {
+        const g = a[c], b = m.filter((f) => de.includes(f)), w = de.some((f) => {
+          const v = f.charAt(0).toUpperCase() + f.slice(1);
+          return o.getModifierState(v);
         });
-        if (h.length > 0) {
-          if (x) {
+        if (b.length > 0) {
+          if (w) {
             for (const f of de)
               if (m.includes(f)) {
-                const d = f.charAt(0).toUpperCase() + f.slice(1);
-                a.getModifierState(d) && y(a);
+                const v = f.charAt(0).toUpperCase() + f.slice(1);
+                o.getModifierState(v) && g(o);
               }
           }
         } else
-          x || y(a);
+          w || g(o);
       }
     }
-  }, c = [];
-  Q(() => {
-    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);
+  }, u = [];
+  Z(() => {
+    for (const i of e) {
+      const o = t(i), s = l(i), a = r(i), c = o ? [o] : s;
+      for (const d of c) {
+        const { focused: m } = Ot(P(d)), g = N(m, (b) => {
+          b ? d.addEventListener("keydown", a) : d.removeEventListener("keydown", a);
         });
-        c.push(y);
+        u.push(g);
       }
     }
-  }), rt(() => {
-    for (const l of c)
-      l();
+  }), it(() => {
+    for (const i of u)
+      i();
   });
 }
-function oe(e) {
-  return qe() ? (Je(e), !0) : !1;
+function le(e) {
+  return Je() ? (Qe(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 = () => {
-}, Me = /* @__PURE__ */ Ht();
-function Ht() {
+const Ht = (e) => e != null, zt = Object.prototype.toString, et = (e) => zt.call(e) === "[object Object]", V = () => {
+}, Me = /* @__PURE__ */ Bt();
+function Bt() {
   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 zt(...e) {
+function Nt(...e) {
   if (e.length !== 1)
-    return dt(...e);
+    return ft(...e);
   const t = e[0];
-  return typeof t == "function" ? ft(Ze(() => ({ get: t, set: U }))) : P(t);
+  return typeof t == "function" ? vt(Ke(() => ({ get: t, set: V }))) : P(t);
 }
-function J(e) {
+function Xt(e, t) {
+  function n(...l) {
+    return new Promise((r, u) => {
+      Promise.resolve(e(() => t.apply(this, l), { fn: t, thisArg: this, args: l })).then(r).catch(u);
+    });
+  }
+  return n;
+}
+function Vt(e, t = {}) {
+  let n, l, r = V;
+  const u = (s) => {
+    clearTimeout(s), r(), r = V;
+  };
+  let i;
+  return (s) => {
+    const a = E(e), c = E(t.maxWait);
+    return n && u(n), a <= 0 || c !== void 0 && c <= 0 ? (l && (u(l), l = void 0), Promise.resolve(s())) : new Promise((d, m) => {
+      r = t.rejectOnCancel ? m : d, i = s, c && !l && (l = setTimeout(() => {
+        n && u(n), l = void 0, d(i());
+      }, c)), n = setTimeout(() => {
+        l && u(l), l = void 0, d(s());
+      }, a);
+    });
+  };
+}
+function Q(e) {
   return Array.isArray(e) ? e : [e];
 }
-function Bt(e) {
-  return pe();
+function Gt(e) {
+  return ge();
+}
+function Ft(e, t = 200, n = {}) {
+  return Xt(
+    Vt(t, n),
+    e
+  );
 }
-function Xt(e, t = {}) {
-  if (!ut(e))
-    return ct(e);
+function jt(e, t = {}) {
+  if (!ct(e))
+    return dt(e);
   const n = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
-  for (const o in e.value)
-    n[o] = Ze(() => ({
+  for (const l in e.value)
+    n[l] = Ke(() => ({
       get() {
-        return e.value[o];
+        return e.value[l];
       },
-      set(i) {
-        var c;
-        if ((c = E(t.replaceRef)) != null ? c : !0)
+      set(r) {
+        var u;
+        if ((u = E(t.replaceRef)) != null ? u : !0)
           if (Array.isArray(e.value)) {
-            const a = [...e.value];
-            a[o] = i, e.value = a;
+            const o = [...e.value];
+            o[l] = r, e.value = o;
           } else {
-            const a = { ...e.value, [o]: i };
-            Object.setPrototypeOf(a, Object.getPrototypeOf(e.value)), e.value = a;
+            const o = { ...e.value, [l]: r };
+            Object.setPrototypeOf(o, Object.getPrototypeOf(e.value)), e.value = o;
           }
         else
-          e.value[o] = i;
+          e.value[l] = r;
       }
     }));
   return n;
 }
-function Nt(e, t = !0, n) {
-  Bt() ? Q(e, n) : t ? e() : Qe(e);
+function Ut(e, t = !0, n) {
+  Gt() ? Z(e, n) : t ? e() : Ze(e);
 }
-function et(e, t, n) {
-  return B(
+function tt(e, t, n) {
+  return N(
     e,
     t,
     {
@@ -495,205 +526,205 @@ function et(e, t, n) {
   );
 }
 const ye = we ? window : void 0;
-function te(e) {
+function ne(e) {
   var t;
   const n = E(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);
-    return a.every((u) => typeof u != "string") ? a : void 0;
-  }), c = et(
+    t.forEach((o) => o()), t.length = 0;
+  }, l = (o, s, a, c) => (o.addEventListener(s, a, c), () => o.removeEventListener(s, a, c)), r = k(() => {
+    const o = Q(E(e[0])).filter((s) => s != null);
+    return o.every((s) => typeof s != "string") ? o : void 0;
+  }), u = tt(
     () => {
-      var a, u;
+      var o, s;
       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])),
+        (s = (o = r.value) == null ? void 0 : o.map((a) => ne(a))) != null ? s : [ye].filter((a) => a != null),
+        Q(E(r.value ? e[1] : e[0])),
+        Q(x(r.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        E(i.value ? e[3] : e[2])
+        E(r.value ? e[3] : e[2])
       ];
     },
-    ([a, u, r, s]) => {
-      if (n(), !(a != null && a.length) || !(u != null && u.length) || !(r != null && r.length))
+    ([o, s, a, c]) => {
+      if (n(), !(o != null && o.length) || !(s != null && s.length) || !(a != null && a.length))
         return;
-      const v = _e(s) ? { ...s } : s;
+      const d = et(c) ? { ...c } : c;
       t.push(
-        ...a.flatMap(
-          (m) => u.flatMap(
-            (y) => r.map((h) => o(m, y, h, v))
+        ...o.flatMap(
+          (m) => s.flatMap(
+            (g) => a.map((b) => l(m, g, b, d))
           )
         )
       );
     },
     { flush: "post" }
-  ), l = () => {
-    c(), n();
+  ), i = () => {
+    u(), n();
   };
-  return oe(n), l;
+  return le(n), i;
 }
-function Vt() {
-  const e = W(!1), t = pe();
-  return t && Q(() => {
+function qt() {
+  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()));
+function nt(e) {
+  const t = qt();
+  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);
-    return new Set(y);
-  }), r = B(
-    () => u.value,
+function ot(e, t, n = {}) {
+  const { window: l = ye, ...r } = n;
+  let u;
+  const i = nt(() => l && "MutationObserver" in l), o = () => {
+    u && (u.disconnect(), u = void 0);
+  }, s = k(() => {
+    const m = E(e), g = Q(m).map(ne).filter(Ht);
+    return new Set(g);
+  }), a = N(
+    () => s.value,
     (m) => {
-      a(), l.value && m.size && (c = new MutationObserver(t), m.forEach((y) => c.observe(y, i)));
+      o(), i.value && m.size && (u = new MutationObserver(t), m.forEach((g) => u.observe(g, r)));
     },
     { immediate: !0, flush: "post" }
-  ), s = () => c == null ? void 0 : c.takeRecords(), v = () => {
-    r(), a();
+  ), c = () => u == null ? void 0 : u.takeRecords(), d = () => {
+    a(), o();
   };
-  return oe(v), {
-    isSupported: l,
-    stop: v,
-    takeRecords: s
+  return le(d), {
+    isSupported: i,
+    stop: d,
+    takeRecords: c
   };
 }
 function xe(e, t = {}) {
   var n;
   const {
-    pointerTypes: o,
-    preventDefault: i,
-    stopPropagation: c,
-    exact: l,
-    onMove: a,
-    onEnd: u,
-    onStart: r,
-    initialValue: s,
-    axis: v = "both",
+    pointerTypes: l,
+    preventDefault: r,
+    stopPropagation: u,
+    exact: i,
+    onMove: o,
+    onEnd: s,
+    onStart: a,
+    initialValue: c,
+    axis: d = "both",
     draggingElement: m = ye,
-    containerElement: y,
-    handle: h = e,
-    buttons: x = [0]
+    containerElement: g,
+    handle: b = e,
+    buttons: w = [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) => {
+    (n = E(c)) != null ? n : { x: 0, y: 0 }
+  ), v = P(), h = (I) => l ? l.includes(I.pointerType) : !0, C = (I) => {
+    E(r) && I.preventDefault(), E(u) && I.stopPropagation();
+  }, M = (I) => {
     var T;
-    if (!E(x).includes(C.button) || E(t.disabled) || !p(C) || E(l) && C.target !== E(e))
+    if (!E(w).includes(I.button) || E(t.disabled) || !h(I) || E(i) && I.target !== E(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 = E(g), U = (T = z == null ? void 0 : z.getBoundingClientRect) == null ? void 0 : T.call(z), X = E(e).getBoundingClientRect(), be = {
+      x: I.clientX - (z ? X.left - U.left + z.scrollLeft : X.left),
+      y: I.clientY - (z ? X.top - U.top + z.scrollTop : X.top)
     };
-    (r == null ? void 0 : r(be, C)) !== !1 && (d.value = be, M(C));
-  }, k = (C) => {
-    if (E(t.disabled) || !p(C) || !d.value)
+    (a == null ? void 0 : a(be, I)) !== !1 && (v.value = be, C(I));
+  }, L = (I) => {
+    if (E(t.disabled) || !h(I) || !v.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,
+    const T = E(g), z = E(e).getBoundingClientRect();
+    let { x: U, y: X } = f.value;
+    (d === "x" || d === "both") && (U = I.clientX - v.value.x, T && (U = Math.min(Math.max(0, U), T.scrollWidth - z.width))), (d === "y" || d === "both") && (X = I.clientY - v.value.y, T && (X = Math.min(Math.max(0, X), T.scrollHeight - z.height))), f.value = {
+      x: U,
       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));
+    }, o == null || o(f.value, I), C(I);
+  }, O = (I) => {
+    E(t.disabled) || !h(I) || v.value && (v.value = void 0, s == null || s(f.value, I), C(I));
   };
   if (we) {
-    const C = () => {
+    const I = () => {
       var T;
       return {
         capture: (T = t.capture) != null ? T : !0,
-        passive: !E(i)
+        passive: !E(r)
       };
     };
-    ue(h, "pointerdown", $, C), ue(m, "pointermove", k, C), ue(m, "pointerup", ae, C);
+    ue(b, "pointerdown", M, I), ue(m, "pointermove", L, I), ue(m, "pointerup", O, I);
   }
   return {
-    ...Xt(f),
+    ...jt(f),
     position: f,
-    isDragging: I(() => !!d.value),
-    style: I(
+    isDragging: k(() => !!v.value),
+    style: k(
       () => `left:${f.value.x}px;top:${f.value.y}px;`
     )
   };
 }
-function Gt(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,
-    (v) => {
-      if (a(), l.value && o) {
-        c = new ResizeObserver(t);
-        for (const m of v)
-          m && c.observe(m, i);
+function Yt(e, t, n = {}) {
+  const { window: l = ye, ...r } = n;
+  let u;
+  const i = nt(() => l && "ResizeObserver" in l), o = () => {
+    u && (u.disconnect(), u = void 0);
+  }, s = k(() => {
+    const d = E(e);
+    return Array.isArray(d) ? d.map((m) => ne(m)) : [ne(d)];
+  }), a = N(
+    s,
+    (d) => {
+      if (o(), i.value && l) {
+        u = new ResizeObserver(t);
+        for (const m of d)
+          m && u.observe(m, r);
       }
     },
     { immediate: !0, flush: "post" }
-  ), s = () => {
-    a(), r();
+  ), c = () => {
+    o(), a();
   };
-  return oe(s), {
-    isSupported: l,
-    stop: s
+  return le(c), {
+    isSupported: i,
+    stop: c
   };
 }
-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);
+    windowResize: l = !0,
+    windowScroll: r = !0,
+    immediate: u = !0,
+    updateTiming: i = "sync"
+  } = t, o = H(0), s = H(0), a = H(0), c = H(0), d = H(0), m = H(0), g = H(0), b = H(0);
+  function w() {
+    const v = ne(e);
+    if (!v) {
+      n && (o.value = 0, s.value = 0, a.value = 0, c.value = 0, d.value = 0, m.value = 0, g.value = 0, b.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 h = v.getBoundingClientRect();
+    o.value = h.height, s.value = h.bottom, a.value = h.left, c.value = h.right, d.value = h.top, m.value = h.width, g.value = h.x, b.value = h.y;
   }
   function f() {
-    l === "sync" ? x() : l === "next-frame" && requestAnimationFrame(() => x());
+    i === "sync" ? w() : i === "next-frame" && requestAnimationFrame(() => w());
   }
-  return Gt(e, f), B(() => te(e), (d) => !d && f()), nt(e, f, {
+  return Yt(e, f), N(() => ne(e), (v) => !v && f()), ot(e, f, {
     attributeFilter: ["style", "class"]
-  }), i && ue("scroll", f, { capture: !0, passive: !0 }), o && ue("resize", f, { passive: !0 }), Nt(() => {
-    c && f();
+  }), r && ue("scroll", f, { capture: !0, passive: !0 }), l && ue("resize", f, { passive: !0 }), Ut(() => {
+    u && f();
   }), {
-    height: a,
-    bottom: u,
-    left: r,
-    right: s,
-    top: v,
+    height: o,
+    bottom: s,
+    left: a,
+    right: c,
+    top: d,
     width: m,
-    x: y,
-    y: h,
+    x: g,
+    y: b,
     update: f
   };
 }
-const Ft = (e) => {
+const Jt = (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(""), Zt = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Kt = ["innerHTML"], _t = { key: 2 }, en = /* @__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"), l = e.store.getCellData(e.colIndex, e.rowIndex), r = P(""), u = P(!1), i = e.store.columns[e.colIndex], o = e.store.rows[e.rowIndex], s = i.align || "center", a = i.width || "40ch", c = k(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), d = k(() => typeof c.value == "string" ? Jt(c.value) : !1), m = k(() => {
+      var h;
       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)
+        textAlign: s,
+        width: a,
+        fontWeight: u.value ? "bold" : "inherit",
+        paddingLeft: e.store.getIndent(e.colIndex, (h = e.store.display[e.rowIndex]) == null ? void 0 : h.indent)
       };
-    }), y = I(() => ({
+    }), g = 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;
+      "cell-modified": u.value
+    })), b = () => {
+      const { left: h, bottom: C, width: M, height: L } = pe(n);
+      i.mask, i.modalComponent && e.store.$patch((O) => {
+        O.modal.visible = !0, O.modal.colIndex = e.colIndex, O.modal.rowIndex = e.rowIndex, O.modal.left = h, O.modal.bottom = C, O.modal.width = M, O.modal.height = L, O.modal.cell = n.value, typeof i.modalComponent == "function" ? O.modal.component = i.modalComponent({ table: O.table, row: o, column: i }) : O.modal.component = i.modalComponent, O.modal.componentProps = i.modalComponentExtraProps;
       });
     };
     if (e.addNavigation) {
-      let d = {
+      let h = {
         ...Pe,
-        "keydown.f2": h,
-        "keydown.alt.up": h,
-        "keydown.alt.down": h,
-        "keydown.alt.left": h,
-        "keydown.alt.right": h
+        "keydown.f2": b,
+        "keydown.alt.up": b,
+        "keydown.alt.down": b,
+        "keydown.alt.left": b,
+        "keydown.alt.right": b
       };
-      typeof e.addNavigation == "object" && (d = {
-        ...d,
+      typeof e.addNavigation == "object" && (h = {
+        ...h,
         ...e.addNavigation
       }), Le([
         {
           selectors: n,
-          handlers: d
+          handlers: h
         }
       ]);
     }
-    const x = () => {
-      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)));
-    };
+    const w = () => {
+      n.value && (r.value = n.value.textContent);
+    }, f = (h) => {
+      const C = h.target;
+      C.textContent !== r.value && (r.value = C.textContent, i.format ? (u.value = C.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, l), e.store.setCellText(e.colIndex, e.rowIndex, C.textContent)) : (u.value = C.textContent !== l, e.store.setCellData(e.colIndex, e.rowIndex, C.textContent)));
+    }, v = Ft(f, e.debounce);
     return t({
-      currentData: i
-    }), (d, p) => (S(), R("td", {
+      currentData: r
+    }), (h, C) => (S(), A("td", {
       ref: "cell",
-      "data-colindex": d.colIndex,
-      "data-rowindex": d.rowIndex,
-      "data-editable": b(l).edit,
-      contenteditable: b(l).edit,
-      tabindex: d.tabIndex,
+      "data-colindex": h.colIndex,
+      "data-rowindex": h.rowIndex,
+      "data-editable": x(i).edit,
+      contenteditable: x(i).edit,
+      tabindex: h.tabIndex,
       spellcheck: !1,
-      style: q(m.value),
-      onFocus: x,
+      style: J(m.value),
+      onFocus: w,
       onPaste: f,
-      onInput: f,
-      onClick: h,
-      class: j(["atable-cell", y.value])
+      onInput: C[0] || (C[0] = //@ts-ignore
+      (...M) => x(v) && x(v)(...M)),
+      onClick: b,
+      class: q(["atable-cell", g.value])
     }, [
-      b(l).cellComponent ? (S(), re(fe(b(l).cellComponent), Se({
+      x(i).cellComponent ? (S(), re(fe(x(i).cellComponent), Se({
         key: 0,
-        value: s.value
-      }, b(l).cellComponentProps), null, 16, ["value"])) : v.value ? (S(), R("span", {
+        value: c.value
+      }, x(i).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));
+        innerHTML: c.value
+      }, null, 8, Kt)) : (S(), A("span", _t, _(c.value), 1))
+    ], 46, Zt));
   }
-}), Qt = ["tabindex"], Zt = ["tabindex"], Kt = ["colspan"], _t = /* @__PURE__ */ Z({
+}), tn = ["tabindex"], nn = ["tabindex"], on = ["colspan"], ln = /* @__PURE__ */ K({
   __name: "AExpansionRow",
   props: {
     rowIndex: {},
@@ -781,61 +814,61 @@ 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) => {
-          i.stopPropagation(), i.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
+      const l = {
+        "keydown.control.g": (r) => {
+          r.stopPropagation(), r.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
         }
       };
-      typeof e.addNavigation == "object" && Object.assign(o, e.addNavigation), Le([
+      typeof e.addNavigation == "object" && Object.assign(l, e.addNavigation), Le([
         {
           selectors: t,
-          handlers: o
+          handlers: l
         }
       ]);
     }
-    return (o, i) => (S(), R(ie, null, [
-      L("tr", Se(o.$attrs, {
+    return (l, r) => (S(), A(ie, null, [
+      D("tr", Se(l.$attrs, {
         ref: "rowEl",
-        tabindex: o.tabIndex,
+        tabindex: l.tabIndex,
         class: "expandable-row"
       }), [
-        L("td", {
+        D("td", {
           tabIndex: -1,
-          onClick: i[0] || (i[0] = (c) => o.store.toggleRowExpand(o.rowIndex)),
+          onClick: r[0] || (r[0] = (u) => l.store.toggleRowExpand(l.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(l.$slots, "row", {}, void 0, !0)
+      ], 16, tn),
+      l.store.display[l.rowIndex].expanded ? (S(), A("tr", {
         key: 0,
         ref: "rowExpanded",
-        tabindex: o.tabIndex,
+        tabindex: l.tabIndex,
         class: "expanded-row"
       }, [
-        L("td", {
+        D("td", {
           tabIndex: -1,
-          colspan: o.store.columns.length + 1,
+          colspan: l.store.columns.length + 1,
           class: "expanded-row-content"
         }, [
-          z(o.$slots, "content", {}, void 0, !0)
-        ], 8, Kt)
-      ], 8, Zt)) : _("", !0)
+          B(l.$slots, "content", {}, void 0, !0)
+        ], 8, on)
+      ], 8, nn)) : ee("", !0)
     ], 64));
   }
-}), le = (e, t) => {
+}), ae = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [o, i] of t)
-    n[o] = i;
+  for (const [l, r] of t)
+    n[l] = r;
   return n;
-}, en = /* @__PURE__ */ le(_t, [["__scopeId", "data-v-5ad4bb41"]]), tn = ["colspan"], nn = {
+}, an = /* @__PURE__ */ ae(ln, [["__scopeId", "data-v-5ad4bb41"]]), sn = ["colspan"], rn = {
   ref: "container",
   class: "gantt-handler"
-}, on = {
+}, un = {
   key: 0,
   class: "gantt-label"
-}, ln = /* @__PURE__ */ Z({
+}, cn = /* @__PURE__ */ K({
   __name: "AGanttCell",
   props: {
     store: {},
@@ -849,153 +882,153 @@ const Ft = (e) => {
     color: {}
   },
   setup(e) {
-    vt((d) => ({
+    mt((v) => ({
       "78862e08": t.value,
-      "18ad7d98": d.colspan
+      "18ad7d98": v.colspan
     }));
     const t = P();
-    Q(() => {
+    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"), l = G("bar"), r = G("leftHandle"), u = G("rightHandle"), { width: i } = pe(n), { left: o, right: s } = pe(l), a = P(e.start || 0), c = P(e.end || a.value + e.colspan), d = P({ startX: 0, startPos: 0 }), m = k(() => e.colspan > 0 ? i.value / e.colspan : 0), g = k(() => {
+      const v = a.value / e.colspan * 100, h = c.value / e.colspan * 100;
       return {
-        left: `${d}%`,
-        width: `${p - d}%`,
+        left: `${v}%`,
+        width: `${h - v}%`,
         backgroundColor: t.value
       };
-    }), { isDragging: h } = xe(i, {
+    }), { isDragging: b } = xe(r, {
       axis: "x",
       onStart: () => {
-        o.value && (o.value.style.transition = "none"), v.value = {
-          startX: a.value,
-          startPos: r.value
+        l.value && (l.value.style.transition = "none"), d.value = {
+          startX: o.value,
+          startPos: a.value
         };
       },
-      onMove: ({ x: d }) => {
-        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}%`;
+      onMove: ({ x: v }) => {
+        if (b.value && l.value) {
+          const C = (v - d.value.startX) / m.value, M = Math.max(0, Math.min(c.value - 1, d.value.startPos + C));
+          l.value.style.left = `${M / e.colspan * 100}%`, l.value.style.width = `${(c.value - M) / e.colspan * 100}%`;
         }
       },
-      onEnd: ({ x: d }) => {
-        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({
+      onEnd: ({ x: v }) => {
+        if (l.value) {
+          const h = v - d.value.startX, C = Math.round(h / m.value), M = a.value, L = Math.max(0, Math.min(c.value - 1, d.value.startPos + C));
+          a.value = L, e.store.updateGanttBar({
             rowIndex: e.rowIndex,
             colIndex: e.colIndex,
             type: "resize",
             edge: "start",
-            oldStart: $,
-            newStart: k,
-            end: s.value,
-            delta: M,
-            oldColspan: s.value - $,
-            newColspan: s.value - k
+            oldStart: M,
+            newStart: L,
+            end: c.value,
+            delta: C,
+            oldColspan: c.value - M,
+            newColspan: c.value - L
           });
         }
       }
-    }), { isDragging: x } = xe(c, {
+    }), { isDragging: w } = xe(u, {
       axis: "x",
       onStart: () => {
-        o.value && (o.value.style.transition = "none"), v.value = {
-          startX: u.value,
-          startPos: s.value
+        l.value && (l.value.style.transition = "none"), d.value = {
+          startX: s.value,
+          startPos: c.value
         };
       },
-      onMove: ({ x: d }) => {
-        if (x.value && o.value) {
-          const M = (d - v.value.startX) / m.value, $ = Math.max(
-            r.value + 1,
-            Math.min(e.columnsCount, v.value.startPos + M)
+      onMove: ({ x: v }) => {
+        if (w.value && l.value) {
+          const C = (v - d.value.startX) / m.value, M = Math.max(
+            a.value + 1,
+            Math.min(e.columnsCount, d.value.startPos + C)
           );
-          o.value.style.width = `${($ - r.value) / e.colspan * 100}%`;
+          l.value.style.width = `${(M - a.value) / e.colspan * 100}%`;
         }
       },
-      onEnd: ({ x: d }) => {
-        if (o.value) {
-          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 + M)
+      onEnd: ({ x: v }) => {
+        if (l.value) {
+          const h = v - d.value.startX, C = Math.round(h / m.value), M = c.value, L = Math.max(
+            a.value + 1,
+            Math.min(e.columnsCount, d.value.startPos + C)
           );
-          s.value = k, e.store.updateGanttBar({
+          c.value = L, e.store.updateGanttBar({
             rowIndex: e.rowIndex,
             colIndex: e.colIndex,
             type: "resize",
             edge: "end",
-            oldEnd: $,
-            newEnd: k,
-            start: r.value,
-            delta: M,
-            oldColspan: $ - r.value,
-            newColspan: k - r.value
+            oldEnd: M,
+            newEnd: L,
+            start: a.value,
+            delta: C,
+            oldColspan: M - a.value,
+            newColspan: L - a.value
           });
         }
       }
-    }), { isDragging: f } = xe(o, {
+    }), { isDragging: f } = xe(l, {
       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 = {
-          startX: a.value,
-          startPos: r.value
+        l.value && (l.value.style.transition = "none"), d.value = {
+          startX: o.value,
+          startPos: a.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: v }) => {
+        if (f.value && l.value) {
+          const C = (v - d.value.startX) / m.value, M = c.value - a.value, L = Math.max(0, Math.min(d.value.startPos + C, e.columnsCount - M));
+          l.value.style.left = `${L / e.colspan * 100}%`;
         }
       },
-      onEnd: ({ x: d }) => {
-        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({
+      onEnd: ({ x: v }) => {
+        if (l.value) {
+          const h = v - d.value.startX, C = Math.round(h / m.value), M = c.value - a.value, L = a.value, O = c.value;
+          let I = d.value.startPos + C, T = I + M;
+          I < 0 ? (I = 0, T = M) : T > e.columnsCount && (T = e.columnsCount, I = T - M), a.value = I, c.value = T, e.store.updateGanttBar({
             rowIndex: e.rowIndex,
             colIndex: e.colIndex,
             type: "bar",
-            oldStart: k,
-            oldEnd: ae,
-            newStart: C,
+            oldStart: L,
+            oldEnd: O,
+            newStart: I,
             newEnd: T,
-            delta: M,
-            colspan: T - C
+            delta: C,
+            colspan: T - I
           });
         }
       }
     });
-    return (d, p) => (S(), R("td", {
+    return (v, h) => (S(), A("td", {
       class: "aganttcell",
-      colspan: d.colspan
+      colspan: v.colspan
     }, [
-      L("div", nn, [
-        L("div", {
+      D("div", rn, [
+        D("div", {
           ref: "bar",
-          class: j(["gantt-bar", { "is-dragging": b(f) || b(h) || b(x) }]),
-          style: q(y.value)
+          class: q(["gantt-bar", { "is-dragging": x(f) || x(b) || x(w) }]),
+          style: J(g.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: q(["gantt-handle left-handle", { "is-dragging": x(b) }])
+          }, h[0] || (h[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", {
+          v.label ? (S(), A("label", un, _(v.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: q(["gantt-handle right-handle", { "is-dragging": x(w) }])
+          }, h[1] || (h[1] = [
+            D("div", { class: "handle-grip" }, null, -1),
+            D("div", { class: "vertical-indicator right-indicator" }, null, -1)
           ]), 2)
         ], 6)
       ], 512)
-    ], 8, tn));
+    ], 8, sn));
   }
-}), an = /* @__PURE__ */ le(ln, [["__scopeId", "data-v-a929e8e3"]]), sn = ["tabindex"], rn = /* @__PURE__ */ Z({
+}), dn = /* @__PURE__ */ ae(cn, [["__scopeId", "data-v-a929e8e3"]]), fn = ["tabindex"], vn = /* @__PURE__ */ K({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -1004,42 +1037,42 @@ 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)), l = k(() => e.store.getRowExpandSymbol(e.rowIndex));
     if (e.addNavigation) {
-      let i = Pe;
-      typeof e.addNavigation == "object" && (i = {
-        ...i,
+      let r = Pe;
+      typeof e.addNavigation == "object" && (r = {
+        ...r,
         ...e.addNavigation
       }), Le([
         {
           selectors: t,
-          handlers: i
+          handlers: r
         }
       ]);
     }
-    return (i, c) => he((S(), R("tr", {
+    return (r, u) => he((S(), A("tr", {
       ref: "rowEl",
-      tabindex: i.tabIndex,
+      tabindex: r.tabIndex,
       class: "atable-row"
     }, [
-      i.store.config.view !== "uncounted" ? z(i.$slots, "index", { key: 0 }, () => [
-        i.store.config.view === "list" ? (S(), R("td", {
+      r.store.config.view !== "uncounted" ? B(r.$slots, "index", { key: 0 }, () => [
+        r.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: q(["list-index", r.store.hasPinnedColumns ? "sticky-index" : ""])
+        }, _(r.rowIndex + 1), 3)) : r.store.config.view === "tree" ? (S(), A("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))
-        }, K(o.value), 3)) : _("", !0)
-      ], !0) : _("", !0),
-      z(i.$slots, "default", {}, void 0, !0)
-    ], 8, sn)), [
-      [Ke, n.value]
+          class: q(["tree-index", r.store.hasPinnedColumns ? "sticky-index" : ""]),
+          onClick: u[0] || (u[0] = (i) => r.store.toggleRowExpand(r.rowIndex))
+        }, _(l.value), 3)) : ee("", !0)
+      ], !0) : ee("", !0),
+      B(r.$slots, "default", {}, void 0, !0)
+    ], 8, fn)), [
+      [_e, n.value]
     ]);
   }
-}), ot = /* @__PURE__ */ le(rn, [["__scopeId", "data-v-4cb4f254"]]), De = we ? window : void 0;
+}), lt = /* @__PURE__ */ ae(vn, [["__scopeId", "data-v-4cb4f254"]]), De = we ? window : void 0;
 function Y(e) {
   var t;
   const n = E(e);
@@ -1047,234 +1080,234 @@ function Y(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 = et(
+    t.forEach((o) => o()), t.length = 0;
+  }, l = (o, s, a, c) => (o.addEventListener(s, a, c), () => o.removeEventListener(s, a, c)), r = k(() => {
+    const o = Q(E(e[0])).filter((s) => s != null);
+    return o.every((s) => typeof s != "string") ? o : void 0;
+  }), u = tt(
     () => {
-      var a, u;
+      var o, s;
       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])),
+        (s = (o = r.value) == null ? void 0 : o.map((a) => Y(a))) != null ? s : [De].filter((a) => a != null),
+        Q(E(r.value ? e[1] : e[0])),
+        Q(x(r.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        E(i.value ? e[3] : e[2])
+        E(r.value ? e[3] : e[2])
       ];
     },
-    ([a, u, r, s]) => {
-      if (n(), !(a != null && a.length) || !(u != null && u.length) || !(r != null && r.length))
+    ([o, s, a, c]) => {
+      if (n(), !(o != null && o.length) || !(s != null && s.length) || !(a != null && a.length))
         return;
-      const v = _e(s) ? { ...s } : s;
+      const d = et(c) ? { ...c } : c;
       t.push(
-        ...a.flatMap(
-          (m) => u.flatMap(
-            (y) => r.map((h) => o(m, y, h, v))
+        ...o.flatMap(
+          (m) => s.flatMap(
+            (g) => a.map((b) => l(m, g, b, d))
           )
         )
       );
     },
     { flush: "post" }
-  ), l = () => {
-    c(), n();
+  ), i = () => {
+    u(), n();
   };
-  return oe(n), l;
+  return le(n), i;
 }
-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 (Me && !je) {
-    je = !0;
+let Ue = !1;
+function qe(e, t, n = {}) {
+  const { window: l = De, ignore: r = [], capture: u = !0, detectIframe: i = !1, controls: o = !1 } = n;
+  if (!l)
+    return o ? { stop: V, cancel: V, trigger: V } : V;
+  if (Me && !Ue) {
+    Ue = !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);
+    Array.from(l.document.body.children).forEach((v) => v.addEventListener("click", V, f)), l.document.documentElement.addEventListener("click", V, f);
   }
-  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));
+  let s = !0;
+  const a = (f) => E(r).some((v) => {
+    if (typeof v == "string")
+      return Array.from(l.document.querySelectorAll(v)).some((h) => h === f.target || f.composedPath().includes(h));
     {
-      const p = Y(d);
-      return p && (f.target === p || f.composedPath().includes(p));
+      const h = Y(v);
+      return h && (f.target === h || f.composedPath().includes(h));
     }
   });
-  function s(f) {
-    const d = E(f);
-    return d && d.$.subTree.shapeFlag === 16;
+  function c(f) {
+    const v = E(f);
+    return v && v.$.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(f, v) {
+    const h = E(f), C = h.$.subTree && h.$.subTree.children;
+    return C == null || !Array.isArray(C) ? !1 : C.some((M) => M.el === v.target || v.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) {
-        u = !0;
+    const v = Y(e);
+    if (f.target != null && !(!(v instanceof Element) && c(e) && d(e, f)) && !(!v || v === f.target || f.composedPath().includes(v))) {
+      if ("detail" in f && f.detail === 0 && (s = !a(f)), !s) {
+        s = !0;
         return;
       }
       t(f);
     }
   };
-  let y = !1;
-  const h = [
-    me(o, "click", (f) => {
-      y || (y = !0, setTimeout(() => {
-        y = !1;
+  let g = !1;
+  const b = [
+    me(l, "click", (f) => {
+      g || (g = !0, setTimeout(() => {
+        g = !1;
       }, 0), m(f));
-    }, { passive: !0, capture: c }),
-    me(o, "pointerdown", (f) => {
-      const d = Y(e);
-      u = !r(f) && !!(d && !f.composedPath().includes(d));
+    }, { passive: !0, capture: u }),
+    me(l, "pointerdown", (f) => {
+      const v = Y(e);
+      s = !a(f) && !!(v && !f.composedPath().includes(v));
     }, { passive: !0 }),
-    l && me(o, "blur", (f) => {
+    i && me(l, "blur", (f) => {
       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 v;
+        const h = Y(e);
+        ((v = l.document.activeElement) == null ? void 0 : v.tagName) === "IFRAME" && !(h != null && h.contains(l.document.activeElement)) && t(f);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), x = () => h.forEach((f) => f());
-  return a ? {
-    stop: x,
+  ].filter(Boolean), w = () => b.forEach((f) => f());
+  return o ? {
+    stop: w,
     cancel: () => {
-      u = !1;
+      s = !1;
     },
     trigger: (f) => {
-      u = !0, m(f), u = !1;
+      s = !0, m(f), s = !1;
     }
-  } : x;
+  } : w;
 }
-const Ce = /* @__PURE__ */ new WeakMap(), un = {
+const Ce = /* @__PURE__ */ new WeakMap(), mn = {
   mounted(e, t) {
     const n = !t.modifiers.bubble;
-    let o;
+    let l;
     if (typeof t.value == "function")
-      o = Ue(e, t.value, { capture: n });
+      l = qe(e, t.value, { capture: n });
     else {
-      const [i, c] = t.value;
-      o = Ue(e, i, Object.assign({ capture: n }, c));
+      const [r, u] = t.value;
+      l = qe(e, r, Object.assign({ capture: n }, u));
     }
-    Ce.set(e, o);
+    Ce.set(e, l);
   },
   unmounted(e) {
     const t = Ce.get(e);
     t && typeof t == "function" ? t() : t == null || t.stop(), Ce.delete(e);
   }
 };
-function cn() {
-  const e = W(!1), t = pe();
-  return t && Q(() => {
+function hn() {
+  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 pn(e) {
+  const t = hn();
+  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 = () => {
-    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,
-    (v) => {
-      if (a(), l.value && o) {
-        c = new ResizeObserver(t);
-        for (const m of v)
-          m && c.observe(m, i);
+  const { window: l = De, ...r } = n;
+  let u;
+  const i = pn(() => l && "ResizeObserver" in l), o = () => {
+    u && (u.disconnect(), u = void 0);
+  }, s = k(() => {
+    const d = E(e);
+    return Array.isArray(d) ? d.map((m) => Y(m)) : [Y(d)];
+  }), a = N(
+    s,
+    (d) => {
+      if (o(), i.value && l) {
+        u = new ResizeObserver(t);
+        for (const m of d)
+          m && u.observe(m, r);
       }
     },
     { immediate: !0, flush: "post" }
-  ), s = () => {
-    a(), r();
+  ), c = () => {
+    o(), a();
   };
-  return oe(s), {
-    isSupported: l,
-    stop: s
+  return le(c), {
+    isSupported: i,
+    stop: c
   };
 }
 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 gn = {
   mounted(e, t) {
     typeof t.value == "function" ? Ye(e, t.value) : Ye(e, ...t.value);
   }
 };
-function lt(e) {
+function at(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 : lt(n);
+    return !n || n.tagName === "BODY" ? !1 : at(n);
   }
 }
-function vn(e) {
+function wn(e) {
   const t = e || window.event, n = t.target;
-  return lt(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
+  return at(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);
-  let o = null, i = "";
-  B(zt(e), (a) => {
-    const u = Ee(E(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")
+function yn(e, t = !1) {
+  const n = H(t);
+  let l = null, r = "";
+  N(Nt(e), (o) => {
+    const s = Ee(E(o));
+    if (s) {
+      const a = s;
+      if (Ie.get(a) || Ie.set(a, a.style.overflow), a.style.overflow !== "hidden" && (r = a.style.overflow), a.style.overflow === "hidden")
         return n.value = !0;
       if (n.value)
-        return r.style.overflow = "hidden";
+        return a.style.overflow = "hidden";
     }
   }, {
     immediate: !0
   });
-  const c = () => {
-    const a = Ee(E(e));
-    !a || n.value || (Me && (o = me(
-      a,
+  const u = () => {
+    const o = Ee(E(e));
+    !o || n.value || (Me && (l = me(
+      o,
       "touchmove",
-      (u) => {
-        vn(u);
+      (s) => {
+        wn(s);
       },
       { passive: !1 }
-    )), a.style.overflow = "hidden", n.value = !0);
-  }, l = () => {
-    const a = Ee(E(e));
-    !a || !n.value || (Me && (o == null || o()), a.style.overflow = i, Ie.delete(a), n.value = !1);
+    )), o.style.overflow = "hidden", n.value = !0);
+  }, i = () => {
+    const o = Ee(E(e));
+    !o || !n.value || (Me && (l == null || l()), o.style.overflow = r, Ie.delete(o), n.value = !1);
   };
-  return oe(l), I({
+  return le(i), k({
     get() {
       return n.value;
     },
-    set(a) {
-      a ? c() : l();
+    set(o) {
+      o ? u() : i();
     }
   });
 }
-function hn() {
+function bn() {
   let e = !1;
-  const t = W(!1);
-  return (n, o) => {
-    if (t.value = o.value, e)
+  const t = H(!1);
+  return (n, l) => {
+    if (t.value = l.value, e)
       return;
     e = !0;
-    const i = mn(n, o.value);
-    B(t, (c) => i.value = c);
+    const r = yn(n, l.value);
+    N(t, (u) => r.value = u);
   };
 }
-hn();
-const gn = { key: 0 }, pn = {
+bn();
+const xn = { key: 0 }, Cn = {
   class: "atable-header-row",
   tabindex: "-1"
-}, wn = ["data-colindex"], at = /* @__PURE__ */ Z({
+}, En = ["data-colindex"], st = /* @__PURE__ */ K({
   __name: "ATableHeader",
   props: {
     columns: {},
@@ -1282,306 +1315,311 @@ const gn = { key: 0 }, pn = {
   },
   setup(e) {
     const t = (n) => {
-      var o;
-      for (const i of n) {
-        if (i.borderBoxSize.length === 0) continue;
-        const l = i.borderBoxSize[0].inlineSize, a = Number(i.target.dataset.colindex), u = (o = e.store.columns[a]) == null ? void 0 : o.width;
-        typeof u == "number" && u !== l && e.store.resizeColumn(a, l);
+      var l;
+      for (const r of n) {
+        if (r.borderBoxSize.length === 0) continue;
+        const i = r.borderBoxSize[0].inlineSize, o = Number(r.target.dataset.colindex), s = (l = e.store.columns[o]) == null ? void 0 : l.width;
+        typeof s == "number" && s !== i && e.store.resizeColumn(o, i);
       }
     };
-    return (n, o) => n.columns.length ? (S(), R("thead", gn, [
-      L("tr", pn, [
-        n.store.zeroColumn ? (S(), R("th", {
+    return (n, l) => n.columns.length ? (S(), A("thead", xn, [
+      D("tr", Cn, [
+        n.store.zeroColumn ? (S(), A("th", {
           key: 0,
           id: "header-index",
-          class: j([[
+          class: q([[
             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", {
-          key: i.name,
-          "data-colindex": c,
+        }, null, 2)) : ee("", !0),
+        (S(!0), A(ie, null, ke(n.columns, (r, u) => he((S(), A("th", {
+          key: r.name,
+          "data-colindex": u,
           tabindex: "-1",
-          style: q(n.store.getHeaderCellStyle(i)),
-          class: j(i.pinned ? "sticky-column" : "")
+          style: J(n.store.getHeaderCellStyle(r)),
+          class: q(r.pinned ? "sticky-column" : "")
         }, [
-          z(n.$slots, "default", {}, () => [
-            mt(K(i.label || String.fromCharCode(c + 97).toUpperCase()), 1)
+          B(n.$slots, "default", {}, () => [
+            ht(_(r.label || String.fromCharCode(u + 97).toUpperCase()), 1)
           ])
-        ], 14, wn)), [
-          [b(fn), t]
+        ], 14, En)), [
+          [x(gn), t]
         ])), 128))
       ])
-    ])) : _("", !0);
+    ])) : ee("", !0);
   }
-}), st = /* @__PURE__ */ Z({
+}), rt = /* @__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: l } = pe(t), r = k(() => {
+      var d, m, g, b;
       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 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;
-      return s = s + n.value <= a ? s : s - (n.value - e.store.modal.width), {
-        left: `${s}px`,
-        top: `${u}px`
+      const u = (d = e.store.modal.cell) == null ? void 0 : d.closest("table"), i = u.offsetHeight || 0, o = u.offsetWidth || 0;
+      let s = ((m = e.store.modal.cell) == null ? void 0 : m.offsetTop) || 0;
+      const a = ((g = u.querySelector("thead")) == null ? void 0 : g.offsetHeight) || 0;
+      s += a, s = s + l.value < i ? s : s - (l.value + e.store.modal.height);
+      let c = ((b = e.store.modal.cell) == null ? void 0 : b.offsetLeft) || 0;
+      return c = c + n.value <= o ? c : c - (n.value - e.store.modal.width), {
+        left: `${c}px`,
+        top: `${s}px`
       };
     });
-    return (c, l) => (S(), R("div", {
+    return (u, i) => (S(), A("div", {
       class: "amodal",
       ref: "amodal",
       tabindex: "-1",
-      onClick: l[0] || (l[0] = We(() => {
+      onClick: i[0] || (i[0] = We(() => {
       }, ["stop"])),
-      onInput: l[1] || (l[1] = We(() => {
+      onInput: i[1] || (i[1] = We(() => {
       }, ["stop"])),
-      style: q(i.value)
+      style: J(r.value)
     }, [
-      z(c.$slots, "default")
+      B(u.$slots, "default")
     ], 36));
   }
-}), 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 [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 O = l.value.length - 1; O >= 0; O--) {
-        const D = l.value[O];
-        D.parent && A.add(D.parent), w[O] = {
+}), In = (e) => {
+  const t = e.id || Qt();
+  return gt(`table-${t}`, () => {
+    const l = () => {
+      const p = {};
+      for (const [y, $] of u.value.entries())
+        for (const [R, W] of i.value.entries())
+          p[`${y}:${R}`] = W[$.name];
+      return p;
+    }, r = (p) => {
+      const y = [Object.assign({}, { rowModified: !1 })];
+      if (p && "0:0" in p)
+        return p;
+      const $ = /* @__PURE__ */ new Set();
+      for (let R = i.value.length - 1; R >= 0; R--) {
+        const W = i.value[R];
+        W.parent && $.add(W.parent), y[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(
-      () => 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;
+      return y;
+    }, u = P(e.columns), i = P(e.rows), o = P(e.config || {}), s = P(e.table || l()), a = P(r(e.display)), c = P(e.modal || { visible: !1 }), d = P({}), m = k(() => u.value.some((p) => p.pinned)), g = k(() => `${Math.ceil(i.value.length / 100 + 1)}ch`), b = k(
+      () => o.value.view ? ["list", "tree", "list-expansion"].includes(o.value.view) : !1
+    ), w = (p, y) => s.value[`${p}:${y}`], f = (p, y, $) => {
+      const R = `${p}:${y}`, W = u.value[p];
+      s.value[R] !== $ && (a.value[y].rowModified = !0), s.value[R] = $, i.value[y] = {
+        ...i.value[y],
+        [W.name]: $
+      };
+    }, v = (p, y, $) => {
+      const R = `${p}:${y}`;
+      s.value[R] !== $ && (a.value[y].rowModified = !0, d.value[R] = $);
+    }, h = (p) => {
+      const y = u.value.indexOf(p) === u.value.length - 1, $ = o.value.fullWidth ? p.resizable && !y : 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`
+    }, C = (p, y) => {
+      if (p < 0 || p >= u.value.length) return;
+      const R = Math.max(y, 40);
+      u.value[p] = {
+        ...u.value[p],
+        width: `${R}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, 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--)
-          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;
+    }, M = (p) => {
+      const y = i.value[p];
+      return o.value.view === "gantt" && y.indent === 0;
+    }, L = (p) => o.value.view !== "tree" || a.value[p].isRoot || a.value[p].open, O = (p) => o.value.view !== "tree" ? "" : a.value[p].isRoot || a.value[p].isParent ? a.value[p].childrenOpen ? "-" : "+" : "", I = (p) => {
+      if (o.value.view === "tree") {
+        a.value[p].childrenOpen = !a.value[p].childrenOpen;
+        for (let y = i.value.length - 1; y >= 0; y--)
+          a.value[y].parent === p && (a.value[y].open = !a.value[y].open, a.value[y].childrenOpen && I(y));
+      } else o.value.view === "list-expansion" && (a.value[p].expanded = !a.value[p].expanded);
+    }, T = (p, y) => {
+      const $ = w(p, y);
+      return z(p, y, $);
+    }, z = (p, y, $) => {
+      const R = u.value[p], W = i.value[y], se = R.format;
+      return se ? typeof se == "function" ? se($, { table: s.value, row: W, column: R }) : typeof se == "string" ? Function(`"use strict";return (${se})`)()($, { table: s.value, row: W, column: R }) : $ : $;
     };
     return {
       // state
-      columns: c,
-      config: a,
-      display: r,
-      modal: s,
-      rows: l,
-      table: u,
-      updates: v,
+      columns: u,
+      config: o,
+      display: a,
+      modal: c,
+      rows: i,
+      table: s,
+      updates: d,
       // getters
       hasPinnedColumns: m,
-      numberedRowWidth: y,
-      zeroColumn: h,
+      numberedRowWidth: g,
+      zeroColumn: b,
       // actions
-      closeModal: (g) => {
-        var w;
-        g.target instanceof Node && (w = s.value.parent) != null && w.contains(g.target) || s.value.visible && (s.value.visible = !1);
+      closeModal: (p) => {
+        var y;
+        p.target instanceof Node && (y = c.value.parent) != null && y.contains(p.target) || c.value.visible && (c.value.visible = !1);
       },
-      getCellData: x,
+      getCellData: w,
       getCellDisplayValue: T,
-      getFormattedValue: H,
-      getHeaderCellStyle: p,
-      resizeColumn: M,
-      getIndent: (g, w) => w && g === 0 && w > 0 ? `${w}ch` : "inherit",
-      getRowExpandSymbol: ae,
-      isRowGantt: $,
-      isRowVisible: k,
+      getFormattedValue: z,
+      getHeaderCellStyle: h,
+      resizeColumn: C,
+      getIndent: (p, y) => y && p === 0 && y > 0 ? `${y}ch` : "inherit",
+      getRowExpandSymbol: O,
+      isRowGantt: M,
+      isRowVisible: L,
       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));
+      setCellText: v,
+      toggleRowExpand: I,
+      updateGanttBar: (p) => {
+        var $;
+        const y = ($ = i.value[p.rowIndex]) == null ? void 0 : $.gantt;
+        y && (p.type === "resize" ? p.edge === "start" ? (y.startIndex = p.newStart, y.endIndex = p.end, y.colspan = y.endIndex - y.startIndex) : p.edge === "end" && (y.startIndex = p.start, y.endIndex = p.newEnd, y.colspan = y.endIndex - y.startIndex) : p.type === "bar" && (y.startIndex = p.newStart, y.endIndex = p.newEnd, y.colspan = y.endIndex - y.startIndex));
       }
     };
   })();
-}, bn = /* @__PURE__ */ Z({
+}, kn = /* @__PURE__ */ K({
   __name: "ATable",
-  props: {
+  props: /* @__PURE__ */ He({
     id: {},
-    modelValue: {},
     columns: {},
     rows: { default: () => [] },
     config: { default: () => new Object() }
-  },
-  emits: ["update:modelValue", "cellUpdate", "gantt:drag"],
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ He(["cellUpdate", "gantt:drag"], ["update:modelValue"]),
   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 }) => {
-      if (s === "setCellData" || s === "setCellText") {
-        const [h, x, f] = m, d = v.getCellData(h, x);
-        y(() => {
-          o("cellUpdate", { colIndex: h, rowIndex: x, newValue: f, oldValue: d });
+    const l = pt(e, "modelValue"), r = n, u = G("table"), i = l.value.length > 0 ? l.value : e.rows, o = In({ columns: e.columns, rows: i, id: e.id, config: e.config });
+    o.$onAction(({ name: d, store: m, args: g, after: b }) => {
+      if (d === "setCellData" || d === "setCellText") {
+        const [w, f, v] = g, h = m.getCellData(w, f);
+        b(() => {
+          l.value = [...m.rows], r("cellUpdate", { colIndex: w, rowIndex: f, newValue: v, oldValue: h });
         });
-      } 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(() => {
-          o("gantt:drag", h);
+      } else if (d === "updateGanttBar") {
+        const [w] = g;
+        let f = !1;
+        w.type === "resize" ? f = w.oldColspan !== w.newColspan : w.type === "bar" && (f = w.oldStart !== w.newStart || w.oldEnd !== w.newEnd), f && b(() => {
+          r("gantt:drag", w);
         });
       }
-    }), B(
-      () => l.rows,
-      (s) => {
-        o("update:modelValue", s);
+    }), N(
+      () => l.value,
+      (d) => {
+        JSON.stringify(d) !== JSON.stringify(o.rows) && (o.rows = [...d]);
       },
       { deep: !0 }
-    ), Q(() => {
-      e.columns.some((s) => s.pinned) && (u(), l.config.view === "tree" && nt(i, u, { childList: !0, subtree: !0 }));
+    ), Z(() => {
+      e.columns.some((d) => d.pinned) && (a(), o.config.view === "tree" && ot(u, a, { 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 s = k(() => o.columns.filter((d) => d.pinned).length), a = () => {
+      const d = u.value, m = d == null ? void 0 : d.rows[0], g = d == null ? void 0 : d.rows[1], b = m ? Array.from(m.cells) : [];
+      for (const [w, f] of b.entries()) {
+        const v = g == null ? void 0 : g.cells[w];
+        v && (f.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");
+      for (const w of (d == null ? void 0 : d.rows) || []) {
+        let f = 0;
+        const v = [];
+        for (const h of w.cells)
+          (h.classList.contains("sticky-column") || h.classList.contains("sticky-index")) && (h.style.left = `${f}px`, f += h.offsetWidth, v.push(h));
+        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();
+    window.addEventListener("keydown", (d) => {
+      if (d.key === "Escape" && o.modal.visible) {
+        o.modal.visible = !1;
+        const m = o.modal.parent;
+        m && Ze().then(() => {
+          m.focus();
         });
       }
     });
-    const r = (s) => {
-      var y;
-      if (!(s.indent === 0) || a.value === 0)
-        return l.columns;
-      const m = [];
-      for (let h = 0; h < a.value; h++) {
-        const x = { ...l.columns[h] };
-        x.originalIndex = h, m.push(x);
+    const c = (d) => {
+      var b;
+      if (!(d.indent === 0) || s.value === 0)
+        return o.columns;
+      const g = [];
+      for (let w = 0; w < s.value; w++) {
+        const f = { ...o.columns[w] };
+        f.originalIndex = w, g.push(f);
       }
-      return m.push({
-        ...l.columns[a.value],
+      return g.push({
+        ...o.columns[s.value],
         isGantt: !0,
-        colspan: ((y = s.gantt) == null ? void 0 : y.colspan) || l.columns.length - a.value,
-        originalIndex: a.value,
+        colspan: ((b = d.gantt) == null ? void 0 : b.colspan) || o.columns.length - s.value,
+        originalIndex: s.value,
         width: "auto"
         // TODO: refactor to API that can detect when data exists in a cell. Might have be custom and not generalizable
-      }), m;
+      }), g;
     };
-    return t({ store: l }), (s, v) => he((S(), R("table", {
+    return t({ store: o }), (d, m) => he((S(), A("table", {
       ref: "table",
       class: "atable",
-      style: q({
-        width: b(l).config.fullWidth ? "100%" : "auto"
+      style: J({
+        width: x(o).config.fullWidth ? "100%" : "auto"
       })
     }, [
-      z(s.$slots, "header", { data: b(l) }, () => [
-        He(at, {
-          columns: b(l).columns,
-          store: b(l)
+      B(d.$slots, "header", { data: x(o) }, () => [
+        ze(st, {
+          columns: x(o).columns,
+          store: x(o)
         }, 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,
-            rowIndex: y,
-            store: b(l)
+      D("tbody", null, [
+        B(d.$slots, "body", { data: x(o) }, () => [
+          (S(!0), A(ie, null, ke(x(o).rows, (g, b) => (S(), re(lt, {
+            key: g.id,
+            row: g,
+            rowIndex: b,
+            store: x(o)
           }, {
-            default: ze(() => [
-              (S(!0), R(ie, null, ke(r(m), (h, x) => {
-                var f, d, p;
-                return S(), R(ie, {
-                  key: h.name
+            default: Be(() => [
+              (S(!0), A(ie, null, ke(c(g), (w, f) => {
+                var v, h, C;
+                return S(), A(ie, {
+                  key: w.name
                 }, [
-                  h.isGantt ? (S(), re(fe(h.ganttComponent || "AGanttCell"), {
+                  w.isGantt ? (S(), re(fe(w.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,
-                    colspan: h.colspan,
-                    pinned: h.pinned,
-                    rowIndex: y,
-                    colIndex: h.originalIndex ?? x,
-                    style: q({
-                      textAlign: (h == null ? void 0 : h.align) || "center",
-                      minWidth: (h == null ? void 0 : h.width) || "40ch",
-                      width: b(l).config.fullWidth ? "auto" : null
+                    store: x(o),
+                    columnsCount: x(o).columns.length - s.value,
+                    color: (v = g.gantt) == null ? void 0 : v.color,
+                    start: (h = g.gantt) == null ? void 0 : h.startIndex,
+                    end: (C = g.gantt) == null ? void 0 : C.endIndex,
+                    colspan: w.colspan,
+                    pinned: w.pinned,
+                    rowIndex: b,
+                    colIndex: w.originalIndex ?? f,
+                    style: J({
+                      textAlign: (w == null ? void 0 : w.align) || "center",
+                      minWidth: (w == null ? void 0 : w.width) || "40ch",
+                      width: x(o).config.fullWidth ? "auto" : null
                     })
-                  }, null, 8, ["store", "columnsCount", "color", "start", "end", "colspan", "pinned", "rowIndex", "colIndex", "style"])) : (S(), re(fe(h.cellComponent || "ACell"), {
+                  }, null, 8, ["store", "columnsCount", "color", "start", "end", "colspan", "pinned", "rowIndex", "colIndex", "style"])) : (S(), re(fe(w.cellComponent || "ACell"), {
                     key: 1,
-                    store: b(l),
-                    pinned: h.pinned,
-                    rowIndex: y,
-                    colIndex: x,
-                    style: q({
-                      textAlign: (h == null ? void 0 : h.align) || "center",
-                      width: b(l).config.fullWidth ? "auto" : null
+                    store: x(o),
+                    pinned: w.pinned,
+                    rowIndex: b,
+                    colIndex: f,
+                    style: J({
+                      textAlign: (w == null ? void 0 : w.align) || "center",
+                      width: x(o).config.fullWidth ? "auto" : null
                     }),
                     spellcheck: "false"
                   }, null, 8, ["store", "pinned", "rowIndex", "colIndex", "style"]))
@@ -1592,59 +1630,59 @@ 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) }, () => [
-        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,
-              store: b(l)
-            }, b(l).modal.componentProps), null, 16, ["colIndex", "rowIndex", "store"]))
+      B(d.$slots, "footer", { data: x(o) }, void 0, !0),
+      B(d.$slots, "modal", { data: x(o) }, () => [
+        he(ze(rt, { store: x(o) }, {
+          default: Be(() => [
+            (S(), re(fe(x(o).modal.component), Se({
+              key: `${x(o).modal.rowIndex}:${x(o).modal.colIndex}`,
+              colIndex: x(o).modal.colIndex,
+              rowIndex: x(o).modal.rowIndex,
+              store: x(o)
+            }, x(o).modal.componentProps), null, 16, ["colIndex", "rowIndex", "store"]))
           ]),
           _: 1
         }, 8, ["store"]), [
-          [Ke, b(l).modal.visible]
+          [_e, x(o).modal.visible]
         ])
       ], !0)
     ], 4)), [
-      [b(un), b(l).closeModal]
+      [x(mn), x(o).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)
+}), Mn = /* @__PURE__ */ ae(kn, [["__scopeId", "data-v-85571dc2"]]), Sn = {}, $n = { class: "aloading" }, An = { class: "aloading-header" };
+function Tn(e, t) {
+  return S(), A("div", $n, [
+    D("h2", An, [
+      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 Rn = /* @__PURE__ */ ae(Sn, [["render", Tn], ["__scopeId", "data-v-a930a25b"]]), On = {}, Pn = { class: "aloading" }, Ln = { class: "aloading-header" };
+function Dn(e, t) {
+  return S(), A("div", Pn, [
+    D("h2", Ln, [
+      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 Wn = /* @__PURE__ */ ae(On, [["render", Dn], ["__scopeId", "data-v-e1165876"]]);
+function Nn(e) {
+  e.component("ACell", en), e.component("AExpansionRow", an), e.component("AGanttCell", dn), e.component("ARow", lt), e.component("ATable", Mn), e.component("ATableHeader", st), e.component("ATableLoading", Rn), e.component("ATableLoadingBar", Wn), e.component("ATableModal", rt);
 }
 export {
-  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
+  en as ACell,
+  an as AExpansionRow,
+  dn as AGanttCell,
+  lt as ARow,
+  Mn as ATable,
+  st as ATableHeader,
+  Rn as ATableLoading,
+  Wn as ATableLoadingBar,
+  rt as ATableModal,
+  In as createTableStore,
+  Nn as install
 };
 //# sourceMappingURL=atable.js.map