@stonecrop/atable 0.4.35 → 0.4.37

package/dist/atable.js

@@ -1,717 +1,727 @@
-import { onMounted as re, ref as z, watch as V, onBeforeUnmount as At, computed as D, shallowRef as G, toValue as M, watchEffect as Tt, getCurrentScope as wt, onScopeDispose as yt, unref as R, getCurrentInstance as Ae, nextTick as Fe, isRef as Dt, toRefs as Ot, customRef as xt, toRef as Ht, readonly as Pt, defineComponent as te, useTemplateRef as U, createElementBlock as L, openBlock as T, normalizeClass as q, normalizeStyle as ee, createBlock as ce, resolveDynamicComponent as ke, mergeProps as Ve, toDisplayString as ue, Fragment as ae, createElementVNode as N, createCommentVNode as J, renderSlot as j, useCssVars as Lt, onUnmounted as Bt, withModifiers as Se, withDirectives as Me, vShow as bt, renderList as pe, createTextVNode as Wt, mergeModels as at, useModel as st, createVNode as rt, withCtx as it } from "vue";
-import { defineStore as zt } from "pinia";
-import './assets/index.css';function Ye(e) {
-  return wt() ? (yt(e), !0) : !1;
+import { onMounted as de, ref as W, watch as j, onBeforeUnmount as Ct, computed as D, shallowRef as V, toValue as T, watchEffect as Et, getCurrentScope as ft, onScopeDispose as vt, unref as $, getCurrentInstance as Ne, nextTick as Ge, isRef as It, toRefs as kt, customRef as mt, toRef as $t, readonly as Rt, defineComponent as ne, useTemplateRef as U, createElementBlock as P, openBlock as M, normalizeClass as q, normalizeStyle as ee, createBlock as ie, resolveDynamicComponent as Ee, mergeProps as Xe, toDisplayString as ce, Fragment as se, createElementVNode as N, createCommentVNode as J, renderSlot as Y, useCssVars as St, onUnmounted as Mt, withModifiers as $e, withDirectives as Re, vShow as gt, renderList as me, createTextVNode as At, mergeModels as tt, useModel as nt, createVNode as ot, withCtx as lt } from "vue";
+import { defineStore as Tt } from "pinia";
+import './assets/index.css';function Ve(e, t) {
+  return ft() ? (vt(e, t), !0) : !1;
 }
-const Nt = typeof window < "u" && typeof document < "u";
+const Dt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Xt = (e) => e != null, Gt = Object.prototype.toString, Ft = (e) => Gt.call(e) === "[object Object]", Vt = () => {
+const Ot = (e) => e != null, Ht = Object.prototype.toString, Pt = (e) => Ht.call(e) === "[object Object]", Lt = () => {
 };
-function $e(e) {
+function Ie(e) {
   return Array.isArray(e) ? e : [e];
 }
-function Yt(e, t, o) {
-  return V(
-    e,
-    t,
-    {
-      ...o,
-      immediate: !0
-    }
-  );
+function Bt(e, t, s) {
+  return j(e, t, {
+    ...s,
+    immediate: !0
+  });
 }
-const ve = Nt ? window : void 0;
-function de(e) {
+const fe = Dt ? window : void 0;
+function ue(e) {
   var t;
-  const o = M(e);
-  return (t = o?.$el) != null ? t : o;
+  const s = T(e);
+  return (t = s?.$el) !== null && t !== void 0 ? t : s;
 }
-function we(...e) {
-  const t = [], o = () => {
+function ge(...e) {
+  const t = [], s = () => {
     t.forEach((n) => n()), t.length = 0;
-  }, s = (n, l, d, f) => (n.addEventListener(l, d, f), () => n.removeEventListener(l, d, f)), i = D(() => {
-    const n = $e(M(e[0])).filter((l) => l != null);
-    return n.every((l) => typeof l != "string") ? n : void 0;
-  }), c = Yt(
-    () => {
-      var n, l;
-      return [
-        (l = (n = i.value) == null ? void 0 : n.map((d) => de(d))) != null ? l : [ve].filter((d) => d != null),
-        $e(M(i.value ? e[1] : e[0])),
-        $e(R(i.value ? e[2] : e[1])),
-        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        M(i.value ? e[3] : e[2])
-      ];
-    },
-    ([n, l, d, f]) => {
-      if (o(), !n?.length || !l?.length || !d?.length)
-        return;
-      const p = Ft(f) ? { ...f } : f;
-      t.push(
-        ...n.flatMap(
-          (x) => l.flatMap(
-            (m) => d.map((I) => s(x, m, I, p))
-          )
-        )
-      );
-    },
-    { flush: "post" }
-  ), r = () => {
-    c(), o();
+  }, c = (n, a, d, v) => (n.addEventListener(a, d, v), () => n.removeEventListener(a, d, v)), u = D(() => {
+    const n = Ie(T(e[0])).filter((a) => a != null);
+    return n.every((a) => typeof a != "string") ? n : void 0;
+  }), r = Bt(() => {
+    var n, a;
+    return [
+      (n = (a = u.value) === null || a === void 0 ? void 0 : a.map((d) => ue(d))) !== null && n !== void 0 ? n : [fe].filter((d) => d != null),
+      Ie(T(u.value ? e[1] : e[0])),
+      Ie($(u.value ? e[2] : e[1])),
+      T(u.value ? e[3] : e[2])
+    ];
+  }, ([n, a, d, v]) => {
+    if (s(), !n?.length || !a?.length || !d?.length) return;
+    const p = Pt(v) ? { ...v } : v;
+    t.push(...n.flatMap((E) => a.flatMap((h) => d.map((b) => c(E, h, b, p)))));
+  }, { flush: "post" }), l = () => {
+    r(), s();
   };
-  return Ye(o), r;
+  return Ve(s), l;
 }
 // @__NO_SIDE_EFFECTS__
-function jt() {
-  const e = G(!1), t = Ae();
-  return t && re(() => {
+function zt() {
+  const e = V(!1), t = Ne();
+  return t && de(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function Ut(e) {
-  const t = /* @__PURE__ */ jt();
+function Wt(e) {
+  const t = /* @__PURE__ */ zt();
   return D(() => (t.value, !!e()));
 }
-function qt(e, t, o = {}) {
-  const { window: s = ve, ...i } = o;
-  let c;
-  const r = /* @__PURE__ */ Ut(() => s && "MutationObserver" in s), n = () => {
-    c && (c.disconnect(), c = void 0);
-  }, l = D(() => {
-    const x = M(e), m = $e(x).map(de).filter(Xt);
-    return new Set(m);
-  }), d = V(
-    () => l.value,
-    (x) => {
-      n(), r.value && x.size && (c = new MutationObserver(t), x.forEach((m) => c.observe(m, i)));
-    },
-    { immediate: !0, flush: "post" }
-  ), f = () => c?.takeRecords(), p = () => {
-    d(), n();
+function Nt(e, t, s = {}) {
+  const { window: c = fe, ...u } = s;
+  let r;
+  const l = /* @__PURE__ */ Wt(() => c && "MutationObserver" in c), n = () => {
+    r && (r.disconnect(), r = void 0);
+  }, a = j(D(() => {
+    const p = Ie(T(e)).map(ue).filter(Ot);
+    return new Set(p);
+  }), (p) => {
+    n(), l.value && p.size && (r = new MutationObserver(t), p.forEach((E) => r.observe(E, u)));
+  }, {
+    immediate: !0,
+    flush: "post"
+  }), d = () => r?.takeRecords(), v = () => {
+    a(), n();
   };
-  return Ye(p), {
-    isSupported: r,
-    stop: p,
-    takeRecords: f
+  return Ve(v), {
+    isSupported: l,
+    stop: v,
+    takeRecords: d
   };
 }
-function Jt(e, t, o = {}) {
-  const {
-    window: s = ve,
-    document: i = s?.document,
-    flush: c = "sync"
-  } = o;
-  if (!s || !i)
-    return Vt;
-  let r;
-  const n = (f) => {
-    r?.(), r = f;
-  }, l = Tt(() => {
-    const f = de(e);
-    if (f) {
-      const { stop: p } = qt(
-        i,
-        (x) => {
-          x.map((m) => [...m.removedNodes]).flat().some((m) => m === f || m.contains(f)) && t(x);
-        },
-        {
-          window: s,
-          childList: !0,
-          subtree: !0
-        }
-      );
+function Gt(e, t, s = {}) {
+  const { window: c = fe, document: u = c?.document, flush: r = "sync" } = s;
+  if (!c || !u) return Lt;
+  let l;
+  const n = (v) => {
+    l?.(), l = v;
+  }, a = Et(() => {
+    const v = ue(e);
+    if (v) {
+      const { stop: p } = Nt(u, (E) => {
+        E.map((h) => [...h.removedNodes]).flat().some((h) => h === v || h.contains(v)) && t(E);
+      }, {
+        window: c,
+        childList: !0,
+        subtree: !0
+      });
       n(p);
     }
-  }, { flush: c }), d = () => {
-    l(), n();
+  }, { flush: r }), d = () => {
+    a(), n();
   };
-  return Ye(d), d;
+  return Ve(d), d;
 }
 // @__NO_SIDE_EFFECTS__
-function Zt(e = {}) {
+function Xt(e = {}) {
   var t;
-  const {
-    window: o = ve,
-    deep: s = !0,
-    triggerOnRemoval: i = !1
-  } = e, c = (t = e.document) != null ? t : o?.document, r = () => {
-    var d;
-    let f = c?.activeElement;
-    if (s)
-      for (; f?.shadowRoot; )
-        f = (d = f?.shadowRoot) == null ? void 0 : d.activeElement;
-    return f;
-  }, n = G(), l = () => {
-    n.value = r();
+  const { window: s = fe, deep: c = !0, triggerOnRemoval: u = !1 } = e, r = (t = e.document) !== null && t !== void 0 ? t : s?.document, l = () => {
+    let d = r?.activeElement;
+    if (c)
+      for (var v; d?.shadowRoot; ) d = d == null || (v = d.shadowRoot) === null || v === void 0 ? void 0 : v.activeElement;
+    return d;
+  }, n = V(), a = () => {
+    n.value = l();
   };
-  if (o) {
+  if (s) {
     const d = {
       capture: !0,
       passive: !0
     };
-    we(
-      o,
-      "blur",
-      (f) => {
-        f.relatedTarget === null && l();
-      },
-      d
-    ), we(
-      o,
-      "focus",
-      l,
-      d
-    );
+    ge(s, "blur", (v) => {
+      v.relatedTarget === null && a();
+    }, d), ge(s, "focus", a, d);
   }
-  return i && Jt(n, l, { document: c }), l(), n;
+  return u && Gt(n, a, { document: r }), a(), n;
 }
-const Qt = "focusin", Kt = "focusout", _t = ":focus-within";
-function en(e, t = {}) {
-  const { window: o = ve } = t, s = D(() => de(e)), i = G(!1), c = D(() => i.value);
-  if (!o || !(/* @__PURE__ */ Zt(t)).value)
-    return { focused: c };
-  const r = { passive: !0 };
-  return we(s, Qt, () => i.value = !0, r), we(s, Kt, () => {
-    var n, l, d;
-    return i.value = (d = (l = (n = s.value) == null ? void 0 : n.matches) == null ? void 0 : l.call(n, _t)) != null ? d : !1;
-  }, r), { focused: c };
+const Vt = "focusin", Ft = "focusout", Yt = ":focus-within";
+function jt(e, t = {}) {
+  const { window: s = fe } = t, c = D(() => ue(e)), u = V(!1), r = D(() => u.value);
+  if (!s || !(/* @__PURE__ */ Xt(t)).value) return { focused: r };
+  const l = { passive: !0 };
+  return ge(c, Vt, () => u.value = !0, l), ge(c, Ft, () => {
+    var n, a, d;
+    return u.value = (n = (a = c.value) === null || a === void 0 || (d = a.matches) === null || d === void 0 ? void 0 : d.call(a, Yt)) !== null && n !== void 0 ? n : !1;
+  }, l), { focused: r };
 }
-function tn(e, { window: t = ve, scrollTarget: o } = {}) {
-  const s = z(!1), i = () => {
+function Ut(e, { window: t = fe, scrollTarget: s } = {}) {
+  const c = W(!1), u = () => {
     if (!t) return;
-    const c = t.document, r = de(e);
-    if (!r)
-      s.value = !1;
+    const r = t.document, l = ue(e);
+    if (!l)
+      c.value = !1;
     else {
-      const n = r.getBoundingClientRect();
-      s.value = n.top <= (t.innerHeight || c.documentElement.clientHeight) && n.left <= (t.innerWidth || c.documentElement.clientWidth) && n.bottom >= 0 && n.right >= 0;
+      const n = l.getBoundingClientRect();
+      c.value = n.top <= (t.innerHeight || r.documentElement.clientHeight) && n.left <= (t.innerWidth || r.documentElement.clientWidth) && n.bottom >= 0 && n.right >= 0;
     }
   };
-  return V(
-    () => de(e),
-    () => i(),
+  return j(
+    () => ue(e),
+    () => u(),
     { immediate: !0, flush: "post" }
-  ), t && we(o || t, "scroll", i, {
+  ), t && ge(s || t, "scroll", u, {
     capture: !1,
     passive: !0
-  }), s;
+  }), c;
 }
 const Q = (e) => {
-  let t = tn(e).value;
+  let t = Ut(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, K = (e) => e.tabIndex >= 0, ct = (e) => {
+}, K = (e) => e.tabIndex >= 0, at = (e) => {
   const t = e.target;
-  return je(t);
-}, je = (e) => {
+  return Fe(t);
+}, Fe = (e) => {
   let t;
   if (e instanceof HTMLTableCellElement) {
-    const o = e.parentElement?.previousElementSibling;
-    if (o) {
-      const s = Array.from(o.children)[e.cellIndex];
-      s && (t = s);
+    const s = e.parentElement?.previousElementSibling;
+    if (s) {
+      const c = Array.from(s.children)[e.cellIndex];
+      c && (t = c);
     }
   } else if (e instanceof HTMLTableRowElement) {
-    const o = e.previousElementSibling;
-    o && (t = o);
+    const s = e.previousElementSibling;
+    s && (t = s);
   }
-  return t && (!K(t) || !Q(t)) ? je(t) : t;
-}, nn = (e) => {
+  return t && (!K(t) || !Q(t)) ? Fe(t) : t;
+}, qt = (e) => {
   const t = e.target;
-  let o;
+  let s;
   if (t instanceof HTMLTableCellElement) {
-    const s = t.parentElement?.parentElement;
-    if (s) {
-      const i = s.firstElementChild?.children[t.cellIndex];
-      i && (o = i);
+    const c = t.parentElement?.parentElement;
+    if (c) {
+      const u = c.firstElementChild?.children[t.cellIndex];
+      u && (s = u);
     }
   } else if (t instanceof HTMLTableRowElement) {
-    const s = t.parentElement;
-    if (s) {
-      const i = s.firstElementChild;
-      i && (o = i);
+    const c = t.parentElement;
+    if (c) {
+      const u = c.firstElementChild;
+      u && (s = u);
     }
   }
-  return o && (!K(o) || !Q(o)) ? Ue(o) : o;
-}, ut = (e) => {
+  return s && (!K(s) || !Q(s)) ? Ye(s) : s;
+}, st = (e) => {
   const t = e.target;
-  return Ue(t);
-}, Ue = (e) => {
+  return Ye(t);
+}, Ye = (e) => {
   let t;
   if (e instanceof HTMLTableCellElement) {
-    const o = e.parentElement?.nextElementSibling;
-    if (o) {
-      const s = Array.from(o.children)[e.cellIndex];
-      s && (t = s);
+    const s = e.parentElement?.nextElementSibling;
+    if (s) {
+      const c = Array.from(s.children)[e.cellIndex];
+      c && (t = c);
     }
   } else if (e instanceof HTMLTableRowElement) {
-    const o = e.nextElementSibling;
-    o && (t = o);
+    const s = e.nextElementSibling;
+    s && (t = s);
   }
-  return t && (!K(t) || !Q(t)) ? Ue(t) : t;
-}, on = (e) => {
+  return t && (!K(t) || !Q(t)) ? Ye(t) : t;
+}, Jt = (e) => {
   const t = e.target;
-  let o;
+  let s;
   if (t instanceof HTMLTableCellElement) {
-    const s = t.parentElement?.parentElement;
-    if (s) {
-      const i = s.lastElementChild?.children[t.cellIndex];
-      i && (o = i);
+    const c = t.parentElement?.parentElement;
+    if (c) {
+      const u = c.lastElementChild?.children[t.cellIndex];
+      u && (s = u);
     }
   } else if (t instanceof HTMLTableRowElement) {
-    const s = t.parentElement;
-    if (s) {
-      const i = s.lastElementChild;
-      i && (o = i);
+    const c = t.parentElement;
+    if (c) {
+      const u = c.lastElementChild;
+      u && (s = u);
     }
   }
-  return o && (!K(o) || !Q(o)) ? je(o) : o;
-}, dt = (e) => {
+  return s && (!K(s) || !Q(s)) ? Fe(s) : s;
+}, rt = (e) => {
   const t = e.target;
-  return qe(t);
-}, qe = (e) => {
+  return je(t);
+}, je = (e) => {
   let t;
-  return e.previousElementSibling ? t = e.previousElementSibling : t = e.parentElement?.previousElementSibling?.lastElementChild, t && (!K(t) || !Q(t)) ? qe(t) : t;
-}, ft = (e) => {
+  return e.previousElementSibling ? t = e.previousElementSibling : t = e.parentElement?.previousElementSibling?.lastElementChild, t && (!K(t) || !Q(t)) ? je(t) : t;
+}, it = (e) => {
   const t = e.target;
-  return Je(t);
-}, Je = (e) => {
+  return Ue(t);
+}, Ue = (e) => {
   let t;
-  return e.nextElementSibling ? t = e.nextElementSibling : t = e.parentElement?.nextElementSibling?.firstElementChild, t && (!K(t) || !Q(t)) ? Je(t) : t;
-}, vt = (e) => {
+  return e.nextElementSibling ? t = e.nextElementSibling : t = e.parentElement?.nextElementSibling?.firstElementChild, t && (!K(t) || !Q(t)) ? Ue(t) : t;
+}, ct = (e) => {
   const t = e.target.parentElement?.firstElementChild;
-  return t && (!K(t) || !Q(t)) ? Je(t) : t;
-}, mt = (e) => {
+  return t && (!K(t) || !Q(t)) ? Ue(t) : t;
+}, ut = (e) => {
   const t = e.target.parentElement?.lastElementChild;
-  return t && (!K(t) || !Q(t)) ? qe(t) : t;
-}, Ee = ["alt", "control", "shift", "meta"], ln = {
+  return t && (!K(t) || !Q(t)) ? je(t) : t;
+}, be = ["alt", "control", "shift", "meta"], Zt = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, Ze = {
+}, Se = {
   "keydown.up": (e) => {
-    const t = ct(e);
+    const t = at(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
-    const t = ut(e);
+    const t = st(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = dt(e);
+    const t = rt(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = ft(e);
+    const t = it(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = nn(e);
+    const t = qt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = on(e);
+    const t = Jt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = vt(e);
+    const t = ct(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = mt(e);
+    const t = ut(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = mt(e);
+    const t = ut(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = ut(e);
+      const t = st(e);
       t && t.focus();
     }
   },
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = ct(e);
+      const t = at(e);
       t && t.focus();
     }
   },
   "keydown.home": (e) => {
-    const t = vt(e);
+    const t = ct(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = ft(e);
+    const t = it(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = dt(e);
+    const t = rt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
-function Qe(e) {
-  const t = (r) => {
+function qe(e) {
+  const t = (l) => {
     let n = null;
-    return r.parent && (typeof r.parent == "string" ? n = document.querySelector(r.parent) : r.parent instanceof HTMLElement ? n = r.parent : n = r.parent.value), n;
-  }, o = (r) => {
-    const n = t(r);
-    let l = [];
-    if (typeof r.selectors == "string")
-      l = n ? Array.from(n.querySelectorAll(r.selectors)) : Array.from(document.querySelectorAll(r.selectors));
-    else if (Array.isArray(r.selectors))
-      for (const d of r.selectors)
-        d instanceof HTMLElement ? l.push(d) : l.push(d.$el);
-    else if (r.selectors instanceof HTMLElement)
-      l.push(r.selectors);
-    else if (r.selectors?.value)
-      if (Array.isArray(r.selectors.value))
-        for (const d of r.selectors.value)
-          d instanceof HTMLElement ? l.push(d) : l.push(d.$el);
+    return l.parent && (typeof l.parent == "string" ? n = document.querySelector(l.parent) : l.parent instanceof HTMLElement ? n = l.parent : n = l.parent.value), n;
+  }, s = (l) => {
+    const n = t(l);
+    let a = [];
+    if (typeof l.selectors == "string")
+      a = n ? Array.from(n.querySelectorAll(l.selectors)) : Array.from(document.querySelectorAll(l.selectors));
+    else if (Array.isArray(l.selectors))
+      for (const d of l.selectors)
+        d instanceof HTMLElement ? a.push(d) : a.push(d.$el);
+    else if (l.selectors instanceof HTMLElement)
+      a.push(l.selectors);
+    else if (l.selectors?.value)
+      if (Array.isArray(l.selectors.value))
+        for (const d of l.selectors.value)
+          d instanceof HTMLElement ? a.push(d) : a.push(d.$el);
       else
-        l.push(r.selectors.value);
-    return l;
-  }, s = (r) => {
-    const n = t(r);
-    let l = [];
-    return r.selectors ? l = o(r) : n && (l = Array.from(n.children).filter((d) => K(d) && Q(d))), l;
-  }, i = (r) => (n) => {
-    const l = ln[n.key] || n.key.toLowerCase();
-    if (Ee.includes(l)) return;
-    const d = r.handlers || Ze;
-    for (const f of Object.keys(d)) {
-      const [p, ...x] = f.split(".");
-      if (p === "keydown" && x.includes(l)) {
-        const m = d[f], I = x.filter((v) => Ee.includes(v)), w = Ee.some((v) => {
-          const g = v.charAt(0).toUpperCase() + v.slice(1);
-          return n.getModifierState(g);
+        a.push(l.selectors.value);
+    return a;
+  }, c = (l) => {
+    const n = t(l);
+    let a = [];
+    return l.selectors ? a = s(l) : n && (a = Array.from(n.children).filter((d) => K(d) && Q(d))), a;
+  }, u = (l) => (n) => {
+    const a = Zt[n.key] || n.key.toLowerCase();
+    if (be.includes(a)) return;
+    const d = l.handlers || Se;
+    for (const v of Object.keys(d)) {
+      const [p, ...E] = v.split(".");
+      if (p === "keydown" && E.includes(a)) {
+        const h = d[v], b = E.filter((f) => be.includes(f)), w = be.some((f) => {
+          const m = f.charAt(0).toUpperCase() + f.slice(1);
+          return n.getModifierState(m);
         });
-        if (I.length > 0) {
+        if (b.length > 0) {
           if (w) {
-            for (const v of Ee)
-              if (x.includes(v)) {
-                const g = v.charAt(0).toUpperCase() + v.slice(1);
-                n.getModifierState(g) && m(n);
+            for (const f of be)
+              if (E.includes(f)) {
+                const m = f.charAt(0).toUpperCase() + f.slice(1);
+                n.getModifierState(m) && h(n);
               }
           }
         } else
-          w || m(n);
+          w || h(n);
       }
     }
-  }, c = [];
-  re(() => {
-    for (const r of e) {
-      const n = t(r), l = s(r), d = i(r), f = n ? [n] : l;
-      for (const p of f) {
-        const { focused: x } = en(z(p)), m = V(x, (I) => {
-          I ? p.addEventListener("keydown", d) : p.removeEventListener("keydown", d);
+  }, r = [];
+  de(() => {
+    for (const l of e) {
+      const n = t(l), a = c(l), d = u(l), v = n ? [n] : a;
+      for (const p of v) {
+        const { focused: E } = jt(W(p)), h = j(E, (b) => {
+          b ? p.addEventListener("keydown", d) : p.removeEventListener("keydown", d);
         });
-        c.push(m);
+        r.push(h);
       }
     }
-  }), At(() => {
-    for (const r of c)
-      r();
+  }), Ct(() => {
+    for (const l of r)
+      l();
   });
 }
-function me(e) {
-  return wt() ? (yt(e), !0) : !1;
+function Me(e, t) {
+  return ft() ? (vt(e, t), !0) : !1;
 }
-const Te = typeof window < "u" && typeof document < "u";
+const ht = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const an = (e) => e != null, sn = Object.prototype.toString, Ct = (e) => sn.call(e) === "[object Object]", Z = () => {
-}, Ge = /* @__PURE__ */ rn();
-function rn() {
-  var e, t;
-  return Te && ((e = window?.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window?.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
-}
-function cn(...e) {
-  if (e.length !== 1)
-    return Ht(...e);
+const Qt = (e) => e != null, Kt = Object.prototype.toString, _t = (e) => Kt.call(e) === "[object Object]", ae = () => {
+};
+function en(...e) {
+  if (e.length !== 1) return $t(...e);
   const t = e[0];
-  return typeof t == "function" ? Pt(xt(() => ({ get: t, set: Z }))) : z(t);
+  return typeof t == "function" ? Rt(mt(() => ({
+    get: t,
+    set: ae
+  }))) : W(t);
 }
-function un(e, t) {
-  function o(...s) {
-    return new Promise((i, c) => {
-      Promise.resolve(e(() => t.apply(this, s), { fn: t, thisArg: this, args: s })).then(i).catch(c);
+function tn(e, t) {
+  function s(...c) {
+    return new Promise((u, r) => {
+      Promise.resolve(e(() => t.apply(this, c), {
+        fn: t,
+        thisArg: this,
+        args: c
+      })).then(u).catch(r);
     });
   }
-  return o;
+  return s;
 }
-function dn(e, t = {}) {
-  let o, s, i = Z;
-  const c = (l) => {
-    clearTimeout(l), i(), i = Z;
+function nn(e, t = {}) {
+  let s, c, u = ae;
+  const r = (a) => {
+    clearTimeout(a), u(), u = ae;
   };
-  let r;
-  return (l) => {
-    const d = M(e), f = M(t.maxWait);
-    return o && c(o), d <= 0 || f !== void 0 && f <= 0 ? (s && (c(s), s = void 0), Promise.resolve(l())) : new Promise((p, x) => {
-      i = t.rejectOnCancel ? x : p, r = l, f && !s && (s = setTimeout(() => {
-        o && c(o), s = void 0, p(r());
-      }, f)), o = setTimeout(() => {
-        s && c(s), s = void 0, p(l());
+  let l;
+  return (a) => {
+    const d = T(e), v = T(t.maxWait);
+    return s && r(s), d <= 0 || v !== void 0 && v <= 0 ? (c && (r(c), c = void 0), Promise.resolve(a())) : new Promise((p, E) => {
+      u = t.rejectOnCancel ? E : p, l = a, v && !c && (c = setTimeout(() => {
+        s && r(s), c = void 0, p(l());
+      }, v)), s = setTimeout(() => {
+        c && r(c), c = void 0, p(a());
       }, d);
     });
   };
 }
-function se(e) {
+function ke(e) {
   return Array.isArray(e) ? e : [e];
 }
-function fn(e) {
-  return Ae();
+function on(e) {
+  return Ne();
 }
 // @__NO_SIDE_EFFECTS__
-function vn(e, t = 200, o = {}) {
-  return un(
-    dn(t, o),
-    e
-  );
+function ln(e, t = 200, s = {}) {
+  return tn(nn(t, s), e);
 }
-function mn(e, t = {}) {
-  if (!Dt(e))
-    return Ot(e);
-  const o = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
-  for (const s in e.value)
-    o[s] = xt(() => ({
-      get() {
-        return e.value[s];
-      },
-      set(i) {
-        var c;
-        if ((c = M(t.replaceRef)) != null ? c : !0)
-          if (Array.isArray(e.value)) {
-            const n = [...e.value];
-            n[s] = i, e.value = n;
-          } else {
-            const n = { ...e.value, [s]: i };
-            Object.setPrototypeOf(n, Object.getPrototypeOf(e.value)), e.value = n;
-          }
-        else
-          e.value[s] = i;
+function an(e, t = {}) {
+  if (!It(e)) return kt(e);
+  const s = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
+  for (const c in e.value) s[c] = mt(() => ({
+    get() {
+      return e.value[c];
+    },
+    set(u) {
+      var r;
+      if (!((r = T(t.replaceRef)) !== null && r !== void 0) || r) if (Array.isArray(e.value)) {
+        const l = [...e.value];
+        l[c] = u, e.value = l;
+      } else {
+        const l = {
+          ...e.value,
+          [c]: u
+        };
+        Object.setPrototypeOf(l, Object.getPrototypeOf(e.value)), e.value = l;
       }
-    }));
-  return o;
+      else e.value[c] = u;
+    }
+  }));
+  return s;
 }
-function gn(e, t = !0, o) {
-  fn() ? re(e, o) : t ? e() : Fe(e);
+function sn(e, t = !0, s) {
+  on() ? de(e, s) : t ? e() : Ge(e);
 }
-function Et(e, t, o) {
-  return V(
-    e,
-    t,
-    {
-      ...o,
-      immediate: !0
-    }
-  );
+function rn(e, t, s) {
+  return j(e, t, {
+    ...s,
+    immediate: !0
+  });
 }
-const De = Te ? window : void 0;
-function fe(e) {
+const he = ht ? window : void 0;
+function Z(e) {
   var t;
-  const o = M(e);
-  return (t = o?.$el) != null ? t : o;
+  const s = T(e);
+  return (t = s?.$el) !== null && t !== void 0 ? t : s;
 }
-function he(...e) {
-  const t = [], o = () => {
+function te(...e) {
+  const t = [], s = () => {
     t.forEach((n) => n()), t.length = 0;
-  }, s = (n, l, d, f) => (n.addEventListener(l, d, f), () => n.removeEventListener(l, d, f)), i = D(() => {
-    const n = se(M(e[0])).filter((l) => l != null);
-    return n.every((l) => typeof l != "string") ? n : void 0;
-  }), c = Et(
-    () => {
-      var n, l;
-      return [
-        (l = (n = i.value) == null ? void 0 : n.map((d) => fe(d))) != null ? l : [De].filter((d) => d != null),
-        se(M(i.value ? e[1] : e[0])),
-        se(R(i.value ? e[2] : e[1])),
-        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        M(i.value ? e[3] : e[2])
-      ];
-    },
-    ([n, l, d, f]) => {
-      if (o(), !n?.length || !l?.length || !d?.length)
+  }, c = (n, a, d, v) => (n.addEventListener(a, d, v), () => n.removeEventListener(a, d, v)), u = D(() => {
+    const n = ke(T(e[0])).filter((a) => a != null);
+    return n.every((a) => typeof a != "string") ? n : void 0;
+  }), r = rn(() => {
+    var n, a;
+    return [
+      (n = (a = u.value) === null || a === void 0 ? void 0 : a.map((d) => Z(d))) !== null && n !== void 0 ? n : [he].filter((d) => d != null),
+      ke(T(u.value ? e[1] : e[0])),
+      ke($(u.value ? e[2] : e[1])),
+      T(u.value ? e[3] : e[2])
+    ];
+  }, ([n, a, d, v]) => {
+    if (s(), !n?.length || !a?.length || !d?.length) return;
+    const p = _t(v) ? { ...v } : v;
+    t.push(...n.flatMap((E) => a.flatMap((h) => d.map((b) => c(E, h, b, p)))));
+  }, { flush: "post" }), l = () => {
+    r(), s();
+  };
+  return Me(s), l;
+}
+function dt(e, t, s = {}) {
+  const { window: c = he, ignore: u = [], capture: r = !0, detectIframe: l = !1, controls: n = !1 } = s;
+  if (!c) return n ? {
+    stop: ae,
+    cancel: ae,
+    trigger: ae
+  } : ae;
+  let a = !0;
+  const d = (f) => T(u).some((m) => {
+    if (typeof m == "string") return Array.from(c.document.querySelectorAll(m)).some((y) => y === f.target || f.composedPath().includes(y));
+    {
+      const y = Z(m);
+      return y && (f.target === y || f.composedPath().includes(y));
+    }
+  });
+  function v(f) {
+    const m = T(f);
+    return m && m.$.subTree.shapeFlag === 16;
+  }
+  function p(f, m) {
+    const y = T(f), L = y.$.subTree && y.$.subTree.children;
+    return L == null || !Array.isArray(L) ? !1 : L.some((B) => B.el === m.target || m.composedPath().includes(B.el));
+  }
+  const E = (f) => {
+    const m = Z(e);
+    if (f.target != null && !(!(m instanceof Element) && v(e) && p(e, f)) && !(!m || m === f.target || f.composedPath().includes(m))) {
+      if ("detail" in f && f.detail === 0 && (a = !d(f)), !a) {
+        a = !0;
         return;
-      const p = Ct(f) ? { ...f } : f;
-      t.push(
-        ...n.flatMap(
-          (x) => l.flatMap(
-            (m) => d.map((I) => s(x, m, I, p))
-          )
-        )
-      );
-    },
-    { flush: "post" }
-  ), r = () => {
-    c(), o();
+      }
+      t(f);
+    }
   };
-  return me(o), r;
+  let h = !1;
+  const b = [
+    te(c, "click", (f) => {
+      h || (h = !0, setTimeout(() => {
+        h = !1;
+      }, 0), E(f));
+    }, {
+      passive: !0,
+      capture: r
+    }),
+    te(c, "pointerdown", (f) => {
+      const m = Z(e);
+      a = !d(f) && !!(m && !f.composedPath().includes(m));
+    }, { passive: !0 }),
+    l && te(c, "blur", (f) => {
+      setTimeout(() => {
+        var m;
+        const y = Z(e);
+        ((m = c.document.activeElement) === null || m === void 0 ? void 0 : m.tagName) === "IFRAME" && !y?.contains(c.document.activeElement) && t(f);
+      }, 0);
+    }, { passive: !0 })
+  ].filter(Boolean), w = () => b.forEach((f) => f());
+  return n ? {
+    stop: w,
+    cancel: () => {
+      a = !1;
+    },
+    trigger: (f) => {
+      a = !0, E(f), a = !1;
+    }
+  } : w;
 }
 // @__NO_SIDE_EFFECTS__
-function hn() {
-  const e = G(!1), t = Ae();
-  return t && re(() => {
+function cn() {
+  const e = V(!1), t = Ne();
+  return t && de(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function It(e) {
-  const t = /* @__PURE__ */ hn();
+function wt(e) {
+  const t = /* @__PURE__ */ cn();
   return D(() => (t.value, !!e()));
 }
-function kt(e, t, o = {}) {
-  const { window: s = De, ...i } = o;
-  let c;
-  const r = /* @__PURE__ */ It(() => s && "MutationObserver" in s), n = () => {
-    c && (c.disconnect(), c = void 0);
-  }, l = D(() => {
-    const x = M(e), m = se(x).map(fe).filter(an);
-    return new Set(m);
-  }), d = V(
-    () => l.value,
-    (x) => {
-      n(), r.value && x.size && (c = new MutationObserver(t), x.forEach((m) => c.observe(m, i)));
-    },
-    { immediate: !0, flush: "post" }
-  ), f = () => c?.takeRecords(), p = () => {
-    d(), n();
+function xt(e, t, s = {}) {
+  const { window: c = he, ...u } = s;
+  let r;
+  const l = /* @__PURE__ */ wt(() => c && "MutationObserver" in c), n = () => {
+    r && (r.disconnect(), r = void 0);
+  }, a = j(D(() => {
+    const p = ke(T(e)).map(Z).filter(Qt);
+    return new Set(p);
+  }), (p) => {
+    n(), l.value && p.size && (r = new MutationObserver(t), p.forEach((E) => r.observe(E, u)));
+  }, {
+    immediate: !0,
+    flush: "post"
+  }), d = () => r?.takeRecords(), v = () => {
+    a(), n();
   };
-  return me(p), {
-    isSupported: r,
-    stop: p,
-    takeRecords: f
+  return Me(v), {
+    isSupported: l,
+    stop: v,
+    takeRecords: d
   };
 }
-function We(e, t = {}) {
-  var o;
-  const {
-    pointerTypes: s,
-    preventDefault: i,
-    stopPropagation: c,
-    exact: r,
-    onMove: n,
-    onEnd: l,
-    onStart: d,
-    initialValue: f,
-    axis: p = "both",
-    draggingElement: x = De,
-    containerElement: m,
-    handle: I = e,
-    buttons: w = [0]
-  } = t, v = z(
-    (o = M(f)) != null ? o : { x: 0, y: 0 }
-  ), g = z(), b = (y) => s ? s.includes(y.pointerType) : !0, P = (y) => {
-    M(i) && y.preventDefault(), M(c) && y.stopPropagation();
-  }, B = (y) => {
-    var $;
-    if (!M(w).includes(y.button) || M(t.disabled) || !b(y) || M(r) && y.target !== M(e))
-      return;
-    const X = M(m), W = ($ = X?.getBoundingClientRect) == null ? void 0 : $.call(X), O = M(e).getBoundingClientRect(), Y = {
-      x: y.clientX - (X ? O.left - W.left + X.scrollLeft : O.left),
-      y: y.clientY - (X ? O.top - W.top + X.scrollTop : O.top)
+function Pe(e, t = {}) {
+  var s;
+  const { pointerTypes: c, preventDefault: u, stopPropagation: r, exact: l, onMove: n, onEnd: a, onStart: d, initialValue: v, axis: p = "both", draggingElement: E = he, containerElement: h, handle: b = e, buttons: w = [0] } = t, f = W((s = T(v)) !== null && s !== void 0 ? s : {
+    x: 0,
+    y: 0
+  }), m = W(), y = (x) => c ? c.includes(x.pointerType) : !0, L = (x) => {
+    T(u) && x.preventDefault(), T(r) && x.stopPropagation();
+  }, B = (x) => {
+    var R;
+    if (!T(w).includes(x.button) || T(t.disabled) || !y(x) || T(l) && x.target !== T(e)) return;
+    const G = T(h), z = G == null || (R = G.getBoundingClientRect) === null || R === void 0 ? void 0 : R.call(G), O = T(e).getBoundingClientRect(), F = {
+      x: x.clientX - (G ? O.left - z.left + G.scrollLeft : O.left),
+      y: x.clientY - (G ? O.top - z.top + G.scrollTop : O.top)
     };
-    d?.(Y, y) !== !1 && (g.value = Y, P(y));
-  }, F = (y) => {
-    if (M(t.disabled) || !b(y) || !g.value)
-      return;
-    const $ = M(m), X = M(e).getBoundingClientRect();
-    let { x: W, y: O } = v.value;
-    (p === "x" || p === "both") && (W = y.clientX - g.value.x, $ && (W = Math.min(Math.max(0, W), $.scrollWidth - X.width))), (p === "y" || p === "both") && (O = y.clientY - g.value.y, $ && (O = Math.min(Math.max(0, O), $.scrollHeight - X.height))), v.value = {
-      x: W,
+    d?.(F, x) !== !1 && (m.value = F, L(x));
+  }, X = (x) => {
+    if (T(t.disabled) || !y(x) || !m.value) return;
+    const R = T(h), G = T(e).getBoundingClientRect();
+    let { x: z, y: O } = f.value;
+    (p === "x" || p === "both") && (z = x.clientX - m.value.x, R && (z = Math.min(Math.max(0, z), R.scrollWidth - G.width))), (p === "y" || p === "both") && (O = x.clientY - m.value.y, R && (O = Math.min(Math.max(0, O), R.scrollHeight - G.height))), f.value = {
+      x: z,
       y: O
-    }, n?.(v.value, y), P(y);
-  }, S = (y) => {
-    M(t.disabled) || !b(y) || g.value && (g.value = void 0, l?.(v.value, y), P(y));
+    }, n?.(f.value, x), L(x);
+  }, A = (x) => {
+    T(t.disabled) || !y(x) || m.value && (m.value = void 0, a?.(f.value, x), L(x));
   };
-  if (Te) {
-    const y = () => {
-      var $;
+  if (ht) {
+    const x = () => {
+      var R;
       return {
-        capture: ($ = t.capture) != null ? $ : !0,
-        passive: !M(i)
+        capture: (R = t.capture) !== null && R !== void 0 ? R : !0,
+        passive: !T(u)
       };
     };
-    he(I, "pointerdown", B, y), he(x, "pointermove", F, y), he(x, "pointerup", S, y);
+    te(b, "pointerdown", B, x), te(E, "pointermove", X, x), te(E, "pointerup", A, x);
   }
   return {
-    ...mn(v),
-    position: v,
-    isDragging: D(() => !!g.value),
-    style: D(
-      () => `left:${v.value.x}px;top:${v.value.y}px;`
-    )
+    ...an(f),
+    position: f,
+    isDragging: D(() => !!m.value),
+    style: D(() => `left:${f.value.x}px;top:${f.value.y}px;`)
   };
 }
-function pn(e, t, o = {}) {
-  const { window: s = De, ...i } = o;
-  let c;
-  const r = /* @__PURE__ */ It(() => s && "ResizeObserver" in s), n = () => {
-    c && (c.disconnect(), c = void 0);
-  }, l = D(() => {
-    const p = M(e);
-    return Array.isArray(p) ? p.map((x) => fe(x)) : [fe(p)];
-  }), d = V(
-    l,
-    (p) => {
-      if (n(), r.value && s) {
-        c = new ResizeObserver(t);
-        for (const x of p)
-          x && c.observe(x, i);
-      }
-    },
-    { immediate: !0, flush: "post" }
-  ), f = () => {
-    n(), d();
+function We(e, t, s = {}) {
+  const { window: c = he, ...u } = s;
+  let r;
+  const l = /* @__PURE__ */ wt(() => c && "ResizeObserver" in c), n = () => {
+    r && (r.disconnect(), r = void 0);
+  }, a = j(D(() => {
+    const v = T(e);
+    return Array.isArray(v) ? v.map((p) => Z(p)) : [Z(v)];
+  }), (v) => {
+    if (n(), l.value && c) {
+      r = new ResizeObserver(t);
+      for (const p of v) p && r.observe(p, u);
+    }
+  }, {
+    immediate: !0,
+    flush: "post"
+  }), d = () => {
+    n(), a();
   };
-  return me(f), {
-    isSupported: r,
-    stop: f
+  return Me(d), {
+    isSupported: l,
+    stop: d
   };
 }
-function oe(e, t = {}) {
-  const {
-    reset: o = !0,
-    windowResize: s = !0,
-    windowScroll: i = !0,
-    immediate: c = !0,
-    updateTiming: r = "sync"
-  } = t, n = G(0), l = G(0), d = G(0), f = G(0), p = G(0), x = G(0), m = G(0), I = G(0);
+function le(e, t = {}) {
+  const { reset: s = !0, windowResize: c = !0, windowScroll: u = !0, immediate: r = !0, updateTiming: l = "sync" } = t, n = V(0), a = V(0), d = V(0), v = V(0), p = V(0), E = V(0), h = V(0), b = V(0);
   function w() {
-    const g = fe(e);
-    if (!g) {
-      o && (n.value = 0, l.value = 0, d.value = 0, f.value = 0, p.value = 0, x.value = 0, m.value = 0, I.value = 0);
+    const m = Z(e);
+    if (!m) {
+      s && (n.value = 0, a.value = 0, d.value = 0, v.value = 0, p.value = 0, E.value = 0, h.value = 0, b.value = 0);
       return;
     }
-    const b = g.getBoundingClientRect();
-    n.value = b.height, l.value = b.bottom, d.value = b.left, f.value = b.right, p.value = b.top, x.value = b.width, m.value = b.x, I.value = b.y;
+    const y = m.getBoundingClientRect();
+    n.value = y.height, a.value = y.bottom, d.value = y.left, v.value = y.right, p.value = y.top, E.value = y.width, h.value = y.x, b.value = y.y;
   }
-  function v() {
-    r === "sync" ? w() : r === "next-frame" && requestAnimationFrame(() => w());
+  function f() {
+    l === "sync" ? w() : l === "next-frame" && requestAnimationFrame(() => w());
   }
-  return pn(e, v), V(() => fe(e), (g) => !g && v()), kt(e, v, {
-    attributeFilter: ["style", "class"]
-  }), i && he("scroll", v, { capture: !0, passive: !0 }), s && he("resize", v, { passive: !0 }), gn(() => {
-    c && v();
+  return We(e, f), j(() => Z(e), (m) => !m && f()), xt(e, f, { attributeFilter: ["style", "class"] }), u && te("scroll", f, {
+    capture: !0,
+    passive: !0
+  }), c && te("resize", f, { passive: !0 }), sn(() => {
+    r && f();
   }), {
     height: n,
-    bottom: l,
+    bottom: a,
     left: d,
-    right: f,
+    right: v,
     top: p,
-    width: x,
-    x: m,
-    y: I,
-    update: v
+    width: E,
+    x: h,
+    y: b,
+    update: f
+  };
+}
+function Le(e) {
+  return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
+}
+const Be = /* @__PURE__ */ new WeakMap();
+function un(e, t = !1) {
+  const s = V(t);
+  let c = "";
+  j(en(e), (l) => {
+    const n = Le(T(l));
+    if (n) {
+      const a = n;
+      if (Be.get(a) || Be.set(a, a.style.overflow), a.style.overflow !== "hidden" && (c = a.style.overflow), a.style.overflow === "hidden") return s.value = !0;
+      if (s.value) return a.style.overflow = "hidden";
+    }
+  }, { immediate: !0 });
+  const u = () => {
+    const l = Le(T(e));
+    !l || s.value || (l.style.overflow = "hidden", s.value = !0);
+  }, r = () => {
+    const l = Le(T(e));
+    !l || !s.value || (l.style.overflow = c, Be.delete(l), s.value = !1);
   };
+  return Me(r), D({
+    get() {
+      return s.value;
+    },
+    set(l) {
+      l ? u() : r();
+    }
+  });
 }
-const wn = (e) => {
+const dn = (e) => {
   const t = new DOMParser().parseFromString(e, "text/html");
-  return Array.from(t.body.childNodes).some((o) => o.nodeType === 1);
-}, yn = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), xn = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], bn = ["innerHTML"], Cn = { key: 2 }, En = /* @__PURE__ */ te({
+  return Array.from(t.body.childNodes).some((s) => s.nodeType === 1);
+}, fn = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), vn = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], mn = ["innerHTML"], gn = { key: 2 }, hn = /* @__PURE__ */ ne({
   __name: "ACell",
   props: {
     colIndex: {},
@@ -723,185 +733,185 @@ const wn = (e) => {
     debounce: { default: 300 }
   },
   setup(e, { expose: t }) {
-    const o = U("cell"), s = e.store.getCellData(e.colIndex, e.rowIndex), i = z(""), c = z(!1), r = e.store.columns[e.colIndex], n = e.store.rows[e.rowIndex], l = r.align || "center", d = r.width || "40ch", f = D(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), p = D(() => typeof f.value == "string" ? wn(f.value) : !1), x = D(() => ({
-      textAlign: l,
+    const s = U("cell"), c = e.store.getCellData(e.colIndex, e.rowIndex), u = W(""), r = W(!1), l = e.store.columns[e.colIndex], n = e.store.rows[e.rowIndex], a = l.align || "center", d = l.width || "40ch", v = D(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), p = D(() => typeof v.value == "string" ? dn(v.value) : !1), E = D(() => ({
+      textAlign: a,
       width: d,
-      fontWeight: c.value ? "bold" : "inherit",
+      fontWeight: r.value ? "bold" : "inherit",
       paddingLeft: e.store.getIndent(e.colIndex, e.store.display[e.rowIndex]?.indent)
-    })), m = D(() => ({
+    })), h = D(() => ({
       "sticky-column": e.pinned,
-      "cell-modified": c.value
-    })), I = () => {
-      v(), w();
+      "cell-modified": r.value
+    })), b = () => {
+      f(), w();
     }, w = () => {
-      const { left: S, bottom: y, width: $, height: X } = oe(o);
-      r.mask, r.modalComponent && e.store.$patch((W) => {
-        W.modal.visible = !0, W.modal.colIndex = e.colIndex, W.modal.rowIndex = e.rowIndex, W.modal.left = S, W.modal.bottom = y, W.modal.width = $, W.modal.height = X, W.modal.cell = o.value, typeof r.modalComponent == "function" ? W.modal.component = r.modalComponent({ table: W.table, row: n, column: r }) : W.modal.component = r.modalComponent, W.modal.componentProps = r.modalComponentExtraProps;
+      const { left: A, bottom: x, width: R, height: G } = le(s);
+      l.mask, l.modalComponent && e.store.$patch((z) => {
+        z.modal.visible = !0, z.modal.colIndex = e.colIndex, z.modal.rowIndex = e.rowIndex, z.modal.left = A, z.modal.bottom = x, z.modal.width = R, z.modal.height = G, z.modal.cell = s.value, typeof l.modalComponent == "function" ? z.modal.component = l.modalComponent({ table: z.table, row: n, column: l }) : z.modal.component = l.modalComponent, z.modal.componentProps = l.modalComponentExtraProps;
       });
     };
     if (e.addNavigation) {
-      let S = {
-        ...Ze,
+      let A = {
+        ...Se,
         "keydown.f2": w,
         "keydown.alt.up": w,
         "keydown.alt.down": w,
         "keydown.alt.left": w,
         "keydown.alt.right": w
       };
-      typeof e.addNavigation == "object" && (S = {
-        ...S,
+      typeof e.addNavigation == "object" && (A = {
+        ...A,
         ...e.addNavigation
-      }), Qe([
+      }), qe([
         {
-          selectors: o,
-          handlers: S
+          selectors: s,
+          handlers: A
         }
       ]);
     }
-    const v = () => {
-      if (o.value && r.edit) {
-        const S = window.getSelection();
-        if (S)
+    const f = () => {
+      if (s.value && l.edit) {
+        const A = window.getSelection();
+        if (A)
           try {
-            const y = document.createRange();
-            y.selectNodeContents && (y.selectNodeContents(o.value), S.removeAllRanges(), S.addRange(y));
+            const x = document.createRange();
+            x.selectNodeContents && (x.selectNodeContents(s.value), A.removeAllRanges(), A.addRange(x));
           } catch {
           }
       }
-    }, g = () => {
-      o.value && (i.value = o.value.textContent, v());
-    }, b = () => {
+    }, m = () => {
+      s.value && (u.value = s.value.textContent, f());
+    }, y = () => {
       try {
-        const S = window.getSelection();
-        if (S && S.rangeCount > 0 && o.value) {
-          const y = S.getRangeAt(0), $ = y.cloneRange();
-          if ($.selectNodeContents && $.setEnd)
-            return $.selectNodeContents(o.value), $.setEnd(y.endContainer, y.endOffset), $.toString().length;
+        const A = window.getSelection();
+        if (A && A.rangeCount > 0 && s.value) {
+          const x = A.getRangeAt(0), R = x.cloneRange();
+          if (R.selectNodeContents && R.setEnd)
+            return R.selectNodeContents(s.value), R.setEnd(x.endContainer, x.endOffset), R.toString().length;
         }
       } catch {
       }
       return 0;
-    }, P = (S) => {
-      if (o.value)
+    }, L = (A) => {
+      if (s.value)
         try {
-          const y = window.getSelection();
-          if (!y) return;
-          let $ = 0;
-          const X = document.createTreeWalker ? document.createTreeWalker(o.value, NodeFilter.SHOW_TEXT, null) : null;
-          if (!X) return;
-          let W, O = null;
-          for (; W = X.nextNode(); ) {
-            const Y = W, _ = $ + Y.textContent.length;
-            if (S <= _ && (O = document.createRange(), O.setStart && O.setEnd)) {
-              O.setStart(Y, S - $), O.setEnd(Y, S - $);
+          const x = window.getSelection();
+          if (!x) return;
+          let R = 0;
+          const G = document.createTreeWalker ? document.createTreeWalker(s.value, NodeFilter.SHOW_TEXT, null) : null;
+          if (!G) return;
+          let z, O = null;
+          for (; z = G.nextNode(); ) {
+            const F = z, _ = R + F.textContent.length;
+            if (A <= _ && (O = document.createRange(), O.setStart && O.setEnd)) {
+              O.setStart(F, A - R), O.setEnd(F, A - R);
               break;
             }
-            $ = _;
+            R = _;
           }
-          O && y.removeAllRanges && y.addRange && (y.removeAllRanges(), y.addRange(O));
+          O && x.removeAllRanges && x.addRange && (x.removeAllRanges(), x.addRange(O));
         } catch {
         }
-    }, B = (S) => {
-      if (!r.edit) return;
-      const y = S.target;
-      if (y.textContent === i.value)
+    }, B = (A) => {
+      if (!l.edit) return;
+      const x = A.target;
+      if (x.textContent === u.value)
         return;
-      const $ = b();
-      i.value = y.textContent, r.format ? (c.value = y.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, s), e.store.setCellText(e.colIndex, e.rowIndex, y.textContent)) : (c.value = y.textContent !== s, e.store.setCellData(e.colIndex, e.rowIndex, y.textContent)), Fe().then(() => {
-        P($);
+      const R = y();
+      u.value = x.textContent, l.format ? (r.value = x.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, c), e.store.setCellText(e.colIndex, e.rowIndex, x.textContent)) : (r.value = x.textContent !== c, e.store.setCellData(e.colIndex, e.rowIndex, x.textContent)), Ge().then(() => {
+        L(R);
       });
-    }, F = /* @__PURE__ */ vn(B, e.debounce);
+    }, X = /* @__PURE__ */ ln(B, e.debounce);
     return t({
-      currentData: i
-    }), (S, y) => (T(), L("td", {
+      currentData: u
+    }), (A, x) => (M(), P("td", {
       ref: "cell",
-      "data-colindex": S.colIndex,
-      "data-rowindex": S.rowIndex,
-      "data-editable": R(r).edit,
-      contenteditable: R(r).edit,
-      tabindex: S.tabIndex,
+      "data-colindex": e.colIndex,
+      "data-rowindex": e.rowIndex,
+      "data-editable": $(l).edit,
+      contenteditable: $(l).edit,
+      tabindex: e.tabIndex,
       spellcheck: !1,
-      style: ee(x.value),
-      onFocus: g,
+      style: ee(E.value),
+      class: q(["atable-cell", h.value]),
+      onFocus: m,
       onPaste: B,
-      onInput: y[0] || (y[0] = //@ts-ignore
-      (...$) => R(F) && R(F)(...$)),
-      onClick: I,
-      class: q(["atable-cell", m.value])
+      onInput: x[0] || (x[0] = //@ts-ignore
+      (...R) => $(X) && $(X)(...R)),
+      onClick: b
     }, [
-      R(r).cellComponent ? (T(), ce(ke(R(r).cellComponent), Ve({
+      $(l).cellComponent ? (M(), ie(Ee($(l).cellComponent), Xe({
         key: 0,
-        value: f.value
-      }, R(r).cellComponentProps), null, 16, ["value"])) : p.value ? (T(), L("span", {
+        value: v.value
+      }, $(l).cellComponentProps), null, 16, ["value"])) : p.value ? (M(), P("span", {
         key: 1,
-        innerHTML: f.value
-      }, null, 8, bn)) : (T(), L("span", Cn, ue(f.value), 1))
-    ], 46, xn));
+        innerHTML: v.value
+      }, null, 8, mn)) : (M(), P("span", gn, ce(v.value), 1))
+    ], 46, vn));
   }
-}), In = ["tabindex"], kn = ["tabindex"], $n = ["colspan"], Rn = /* @__PURE__ */ te({
+}), wn = ["tabindex"], xn = ["tabindex"], pn = ["colspan"], yn = /* @__PURE__ */ ne({
   __name: "AExpansionRow",
   props: {
     rowIndex: {},
     store: {},
     tabIndex: { default: () => -1 },
-    addNavigation: { type: [Boolean, Object] }
+    addNavigation: { type: [Boolean, Object], default: () => Se }
   },
   setup(e) {
-    const t = U("rowEl"), o = D(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
+    const t = U("rowEl"), s = D(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
     if (e.addNavigation) {
-      const s = {
-        "keydown.control.g": (i) => {
-          i.stopPropagation(), i.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
+      const c = {
+        "keydown.control.g": (u) => {
+          u.stopPropagation(), u.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
         }
       };
-      typeof e.addNavigation == "object" && Object.assign(s, e.addNavigation), Qe([
+      typeof e.addNavigation == "object" && Object.assign(c, e.addNavigation), qe([
         {
           selectors: t,
-          handlers: s
+          handlers: c
         }
       ]);
     }
-    return (s, i) => (T(), L(ae, null, [
-      N("tr", Ve(s.$attrs, {
+    return (c, u) => (M(), P(se, null, [
+      N("tr", Xe(c.$attrs, {
         ref: "rowEl",
-        tabindex: s.tabIndex,
+        tabindex: e.tabIndex,
         class: "expandable-row"
       }), [
         N("td", {
           tabIndex: -1,
-          onClick: i[0] || (i[0] = (c) => s.store.toggleRowExpand(s.rowIndex)),
-          class: "row-index"
-        }, ue(o.value), 1),
-        j(s.$slots, "row", {}, void 0, !0)
-      ], 16, In),
-      s.store.display[s.rowIndex].expanded ? (T(), L("tr", {
+          class: "row-index",
+          onClick: u[0] || (u[0] = (r) => e.store.toggleRowExpand(e.rowIndex))
+        }, ce(s.value), 1),
+        Y(c.$slots, "row", {}, void 0, !0)
+      ], 16, wn),
+      e.store.display[e.rowIndex].expanded ? (M(), P("tr", {
         key: 0,
         ref: "rowExpanded",
-        tabindex: s.tabIndex,
+        tabindex: e.tabIndex,
         class: "expanded-row"
       }, [
         N("td", {
           tabIndex: -1,
-          colspan: s.store.columns.length + 1,
+          colspan: e.store.columns.length + 1,
           class: "expanded-row-content"
         }, [
-          j(s.$slots, "content", {}, void 0, !0)
-        ], 8, $n)
-      ], 8, kn)) : J("", !0)
+          Y(c.$slots, "content", {}, void 0, !0)
+        ], 8, pn)
+      ], 8, xn)) : J("", !0)
     ], 64));
   }
-}), ie = (e, t) => {
-  const o = e.__vccOpts || e;
-  for (const [s, i] of t)
-    o[s] = i;
-  return o;
-}, Sn = /* @__PURE__ */ ie(Rn, [["__scopeId", "data-v-5ad4bb41"]]), Mn = ["colspan"], An = {
+}), re = (e, t) => {
+  const s = e.__vccOpts || e;
+  for (const [c, u] of t)
+    s[c] = u;
+  return s;
+}, bn = /* @__PURE__ */ re(yn, [["__scopeId", "data-v-a42297c7"]]), Cn = ["colspan"], En = {
   ref: "container",
   class: "gantt-container"
-}, Tn = ["data-rowindex", "data-colindex"], Dn = {
+}, In = ["data-rowindex", "data-colindex"], kn = {
   key: 2,
   class: "gantt-label"
-}, On = ["x1", "y1", "x2", "y2"], Hn = /* @__PURE__ */ te({
+}, $n = ["x1", "y1", "x2", "y2"], Rn = /* @__PURE__ */ ne({
   __name: "AGanttCell",
   props: {
     store: {},
@@ -909,25 +919,25 @@ const wn = (e) => {
     rowIndex: {},
     colIndex: {},
     start: { default: 0 },
-    end: {},
+    end: { default: 0 },
     colspan: { default: 1 },
-    label: {},
+    label: { default: "" },
     color: { default: "#cccccc" }
   },
   emits: ["connection:create"],
-  setup(e, { expose: t, emit: o }) {
-    Lt((C) => ({
-      "17bc2643": i.value,
-      "0a8a9192": C.colspan
+  setup(e, { expose: t, emit: s }) {
+    St((I) => ({
+      v6d722296: u.value,
+      v260b36f8: I.colspan
     }));
-    const s = o, i = z(e.color.length >= 6 ? e.color : "#cccccc"), c = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, r = U("container"), n = U("bar"), l = U("leftResizeHandle"), d = U("rightResizeHandle"), f = U("leftConnectionHandle"), p = U("rightConnectionHandle"), { width: x } = oe(r), { left: m, right: I } = oe(n), w = z(e.start), v = z(e.end || w.value + e.colspan), g = z(!1), b = z(!1), P = z(!1), B = z(!1), F = z(!1), S = z({ startX: 0, startY: 0, endX: 0, endY: 0 }), y = D(() => ye.value || Y.value || _.value), $ = D(() => e.colspan > 0 ? x.value / e.colspan : 0), X = D(() => {
-      const C = w.value / e.colspan * 100, a = v.value / e.colspan * 100;
+    const c = s, u = W(e.color.length >= 6 ? e.color : "#cccccc"), r = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, l = U("container"), n = U("bar"), a = U("leftResizeHandle"), d = U("rightResizeHandle"), v = U("leftConnectionHandle"), p = U("rightConnectionHandle"), { width: E } = le(l), { left: h, right: b } = le(n), w = W(e.start), f = W(e.end || w.value + e.colspan), m = W(!1), y = W(!1), L = W(!1), B = W(!1), X = W(!1), A = W({ startX: 0, startY: 0, endX: 0, endY: 0 }), x = D(() => we.value || F.value || _.value), R = D(() => e.colspan > 0 ? E.value / e.colspan : 0), G = D(() => {
+      const I = w.value / e.colspan * 100, o = f.value / e.colspan * 100;
       return {
-        left: `${C}%`,
-        width: `${a - C}%`,
-        backgroundColor: i.value
+        left: `${I}%`,
+        width: `${o - I}%`,
+        backgroundColor: u.value
       };
-    }), W = D(
+    }), z = D(
       () => ({
         position: "fixed",
         top: 0,
@@ -937,236 +947,236 @@ const wn = (e) => {
         pointerEvents: "none",
         zIndex: 1e3
       })
-    ), O = z({ startX: 0, startPos: 0 }), { isDragging: Y } = We(l, {
+    ), O = W({ startX: 0, startPos: 0 }), { isDragging: F } = Pe(a, {
       axis: "x",
-      onStart: () => ge(m.value, w.value),
-      onMove: ({ x: C }) => xe(C),
-      onEnd: ({ x: C }) => Oe(C)
-    }), { isDragging: _ } = We(d, {
+      onStart: () => ve(h.value, w.value),
+      onMove: ({ x: I }) => xe(I),
+      onEnd: ({ x: I }) => Ae(I)
+    }), { isDragging: _ } = Pe(d, {
       axis: "x",
-      onStart: () => ge(I.value, v.value),
-      onMove: ({ x: C }) => be(C),
-      onEnd: ({ x: C }) => _e(C)
-    }), { isDragging: ye } = We(n, {
+      onStart: () => ve(b.value, f.value),
+      onMove: ({ x: I }) => pe(I),
+      onEnd: ({ x: I }) => Je(I)
+    }), { isDragging: we } = Pe(n, {
       exact: !0,
       axis: "x",
-      onStart: () => ge(m.value, w.value),
-      onMove: ({ x: C }) => et(C),
-      onEnd: ({ x: C }) => tt(C)
+      onStart: () => ve(h.value, w.value),
+      onMove: ({ x: I }) => Ze(I),
+      onEnd: ({ x: I }) => Qe(I)
     });
-    re(() => {
-      nt();
-    }), Bt(() => {
-      ot();
+    de(() => {
+      Ke();
+    }), Mt(() => {
+      _e();
     });
-    function ge(C, a) {
-      n.value && (n.value.style.transition = "none"), O.value = { startX: C, startPos: a };
+    function ve(I, o) {
+      n.value && (n.value.style.transition = "none"), O.value = { startX: I, startPos: o };
     }
-    function xe(C) {
-      if (!Y.value || !n.value) return;
-      const u = (C - O.value.startX) / $.value, h = Math.max(0, Math.min(v.value - 1, O.value.startPos + u));
-      n.value.style.left = `${h / e.colspan * 100}%`, n.value.style.width = `${(v.value - h) / e.colspan * 100}%`;
+    function xe(I) {
+      if (!F.value || !n.value) return;
+      const i = (I - O.value.startX) / R.value, g = Math.max(0, Math.min(f.value - 1, O.value.startPos + i));
+      n.value.style.left = `${g / e.colspan * 100}%`, n.value.style.width = `${(f.value - g) / e.colspan * 100}%`;
     }
-    function Oe(C) {
+    function Ae(I) {
       if (!n.value) return;
-      const a = C - O.value.startX, u = Math.round(a / $.value), h = w.value, E = Math.max(0, Math.min(v.value - 1, O.value.startPos + u));
-      w.value = E, e.store.updateGanttBar({
+      const o = I - O.value.startX, i = Math.round(o / R.value), g = w.value, C = Math.max(0, Math.min(f.value - 1, O.value.startPos + i));
+      w.value = C, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "resize",
         edge: "start",
-        oldStart: h,
-        newStart: E,
-        end: v.value,
-        delta: u,
-        oldColspan: v.value - h,
-        newColspan: v.value - E
+        oldStart: g,
+        newStart: C,
+        end: f.value,
+        delta: i,
+        oldColspan: f.value - g,
+        newColspan: f.value - C
       });
     }
-    function be(C) {
+    function pe(I) {
       if (!_.value || !n.value) return;
-      const u = (C - O.value.startX) / $.value, h = Math.max(w.value + 1, Math.min(e.columnsCount, O.value.startPos + u));
-      n.value.style.width = `${(h - w.value) / e.colspan * 100}%`;
+      const i = (I - O.value.startX) / R.value, g = Math.max(w.value + 1, Math.min(e.columnsCount, O.value.startPos + i));
+      n.value.style.width = `${(g - w.value) / e.colspan * 100}%`;
     }
-    function _e(C) {
+    function Je(I) {
       if (!n.value) return;
-      const a = C - O.value.startX, u = Math.round(a / $.value), h = v.value, E = Math.max(w.value + 1, Math.min(e.columnsCount, O.value.startPos + u));
-      v.value = E, e.store.updateGanttBar({
+      const o = I - O.value.startX, i = Math.round(o / R.value), g = f.value, C = Math.max(w.value + 1, Math.min(e.columnsCount, O.value.startPos + i));
+      f.value = C, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "resize",
         edge: "end",
-        oldEnd: h,
-        newEnd: E,
+        oldEnd: g,
+        newEnd: C,
         start: w.value,
-        delta: u,
-        oldColspan: h - w.value,
-        newColspan: E - w.value
+        delta: i,
+        oldColspan: g - w.value,
+        newColspan: C - w.value
       });
     }
-    function et(C) {
-      if (!ye.value || !n.value) return;
-      const u = (C - O.value.startX) / $.value, h = v.value - w.value, E = Math.max(0, Math.min(O.value.startPos + u, e.columnsCount - h));
-      n.value.style.left = `${E / e.colspan * 100}%`;
+    function Ze(I) {
+      if (!we.value || !n.value) return;
+      const i = (I - O.value.startX) / R.value, g = f.value - w.value, C = Math.max(0, Math.min(O.value.startPos + i, e.columnsCount - g));
+      n.value.style.left = `${C / e.colspan * 100}%`;
     }
-    function tt(C) {
+    function Qe(I) {
       if (!n.value) return;
-      const a = C - O.value.startX, u = Math.round(a / $.value), h = v.value - w.value, E = w.value, H = v.value;
-      let k = O.value.startPos + u, A = k + h;
-      k < 0 ? (k = 0, A = h) : A > e.columnsCount && (A = e.columnsCount, k = A - h), w.value = k, v.value = A, e.store.updateGanttBar({
+      const o = I - O.value.startX, i = Math.round(o / R.value), g = f.value - w.value, C = w.value, H = f.value;
+      let k = O.value.startPos + i, S = k + g;
+      k < 0 ? (k = 0, S = g) : S > e.columnsCount && (S = e.columnsCount, k = S - g), w.value = k, f.value = S, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "bar",
-        oldStart: E,
+        oldStart: C,
         oldEnd: H,
         newStart: k,
-        newEnd: A,
-        delta: u,
-        colspan: A - k
+        newEnd: S,
+        delta: i,
+        colspan: S - k
       });
     }
-    function nt() {
-      const { x: C, y: a } = oe(n), { x: u, y: h } = oe(f), { x: E, y: H } = oe(p);
+    function Ke() {
+      const { x: I, y: o } = le(n), { x: i, y: g } = le(v), { x: C, y: H } = le(p);
       e.store.registerGanttBar({
-        id: c,
+        id: r,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         startIndex: w,
-        endIndex: v,
-        color: i,
+        endIndex: f,
+        color: u,
         label: e.label,
-        position: { x: C, y: a }
+        position: { x: I, y: o }
       }), e.store.isDependencyGraphEnabled && (e.store.registerConnectionHandle({
-        id: `${c}-connection-left`,
+        id: `${r}-connection-left`,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "left",
-        position: { x: u, y: h },
-        visible: g,
-        barId: c
+        position: { x: i, y: g },
+        visible: m,
+        barId: r
       }), e.store.registerConnectionHandle({
-        id: `${c}-connection-right`,
+        id: `${r}-connection-right`,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "right",
-        position: { x: E, y: H },
-        visible: b,
-        barId: c
+        position: { x: C, y: H },
+        visible: y,
+        barId: r
       }));
     }
-    function ot() {
-      e.store.unregisterGanttBar(c), e.store.isDependencyGraphEnabled && (e.store.unregisterConnectionHandle(`${c}-connection-left`), e.store.unregisterConnectionHandle(`${c}-connection-right`));
+    function _e() {
+      e.store.unregisterGanttBar(r), e.store.isDependencyGraphEnabled && (e.store.unregisterConnectionHandle(`${r}-connection-left`), e.store.unregisterConnectionHandle(`${r}-connection-right`));
     }
-    function lt() {
-      e.store.isDependencyGraphEnabled && (g.value = !0, b.value = !0);
+    function et() {
+      e.store.isDependencyGraphEnabled && (m.value = !0, y.value = !0);
     }
-    function He() {
-      !P.value && !B.value && (g.value = !1, b.value = !1);
+    function Te() {
+      !L.value && !B.value && (m.value = !1, y.value = !1);
     }
-    function Pe(C, a) {
-      a.preventDefault(), a.stopPropagation(), F.value = !0, C === "left" ? P.value = !0 : B.value = !0;
-      const u = C === "left" ? f.value : p.value;
-      if (u) {
-        const H = u.getBoundingClientRect(), k = H.left + H.width / 2, A = H.top + H.height / 2;
-        S.value = { startX: k, startY: A, endX: k, endY: A };
+    function De(I, o) {
+      o.preventDefault(), o.stopPropagation(), X.value = !0, I === "left" ? L.value = !0 : B.value = !0;
+      const i = I === "left" ? v.value : p.value;
+      if (i) {
+        const H = i.getBoundingClientRect(), k = H.left + H.width / 2, S = H.top + H.height / 2;
+        A.value = { startX: k, startY: S, endX: k, endY: S };
       }
-      const h = (H) => {
-        S.value.endX = H.clientX, S.value.endY = H.clientY;
-      }, E = (H) => {
-        Le(H, C), Be(h, E);
+      const g = (H) => {
+        A.value.endX = H.clientX, A.value.endY = H.clientY;
+      }, C = (H) => {
+        Oe(H, I), He(g, C);
       };
-      document.addEventListener("mousemove", h), document.addEventListener("mouseup", E);
+      document.addEventListener("mousemove", g), document.addEventListener("mouseup", C);
     }
-    function Le(C, a) {
-      const h = document.elementFromPoint(C.clientX, C.clientY)?.closest(".connection-handle");
-      if (h && h !== (a === "left" ? f.value : p.value)) {
-        const E = h.closest(".gantt-bar");
-        if (E) {
-          const H = parseInt(E.getAttribute("data-rowindex") || "0"), k = parseInt(E.getAttribute("data-colindex") || "0"), A = h.classList.contains("left-connection-handle") ? "left" : "right", ne = `gantt-bar-row-${H}-col-${k}`, Ce = e.store.createConnection(
-            `${c}-connection-${a}`,
-            `${ne}-connection-${A}`
+    function Oe(I, o) {
+      const g = document.elementFromPoint(I.clientX, I.clientY)?.closest(".connection-handle");
+      if (g && g !== (o === "left" ? v.value : p.value)) {
+        const C = g.closest(".gantt-bar");
+        if (C) {
+          const H = parseInt(C.getAttribute("data-rowindex") || "0"), k = parseInt(C.getAttribute("data-colindex") || "0"), S = g.classList.contains("left-connection-handle") ? "left" : "right", oe = `gantt-bar-row-${H}-col-${k}`, ye = e.store.createConnection(
+            `${r}-connection-${o}`,
+            `${oe}-connection-${S}`
           );
-          Ce && s("connection:create", Ce);
+          ye && c("connection:create", ye);
         }
       }
     }
-    function Be(C, a) {
-      F.value = !1, P.value = !1, B.value = !1, document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", a), n.value?.matches(":hover") || He();
+    function He(I, o) {
+      X.value = !1, L.value = !1, B.value = !1, document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", o), n.value?.matches(":hover") || Te();
     }
     return t({
-      barStyle: X,
-      cleanupConnectionDrag: Be,
-      currentEnd: v,
-      handleConnectionDrop: Le,
-      isLeftConnectionDragging: P,
-      isLeftConnectionVisible: g,
+      barStyle: G,
+      cleanupConnectionDrag: He,
+      currentEnd: f,
+      handleConnectionDrop: Oe,
+      isLeftConnectionDragging: L,
+      isLeftConnectionVisible: m,
       isRightConnectionDragging: B,
-      isRightConnectionVisible: b,
-      showDragPreview: F
-    }), (C, a) => (T(), L("td", {
+      isRightConnectionVisible: y,
+      showDragPreview: X
+    }), (I, o) => (M(), P("td", {
       class: "aganttcell",
-      colspan: C.colspan
+      colspan: e.colspan
     }, [
-      N("div", An, [
+      N("div", En, [
         N("div", {
           ref: "bar",
-          "data-rowindex": C.rowIndex,
-          "data-colindex": C.colIndex,
-          class: q(["gantt-bar", { "is-dragging": y.value }]),
-          style: ee(X.value),
-          onMouseenter: lt,
-          onMouseleave: He
+          "data-rowindex": e.rowIndex,
+          "data-colindex": e.colIndex,
+          class: q(["gantt-bar", { "is-dragging": x.value }]),
+          style: ee(G.value),
+          onMouseenter: et,
+          onMouseleave: Te
         }, [
-          C.store.isDependencyGraphEnabled ? (T(), L("div", {
+          e.store.isDependencyGraphEnabled ? (M(), P("div", {
             key: 0,
             ref: "leftConnectionHandle",
-            class: q(["connection-handle left-connection-handle", { visible: g.value, "is-dragging": P.value }]),
-            onMousedown: a[0] || (a[0] = Se((u) => Pe("left", u), ["stop"]))
-          }, a[2] || (a[2] = [
+            class: q(["connection-handle left-connection-handle", { visible: m.value, "is-dragging": L.value }]),
+            onMousedown: o[0] || (o[0] = $e((i) => De("left", i), ["stop"]))
+          }, [...o[2] || (o[2] = [
             N("div", { class: "connection-dot" }, null, -1)
-          ]), 34)) : J("", !0),
-          C.store.isDependencyGraphEnabled ? (T(), L("div", {
+          ])], 34)) : J("", !0),
+          e.store.isDependencyGraphEnabled ? (M(), P("div", {
             key: 1,
             ref: "rightConnectionHandle",
-            class: q(["connection-handle right-connection-handle", { visible: b.value, "is-dragging": B.value }]),
-            onMousedown: a[1] || (a[1] = Se((u) => Pe("right", u), ["stop"]))
-          }, a[3] || (a[3] = [
+            class: q(["connection-handle right-connection-handle", { visible: y.value, "is-dragging": B.value }]),
+            onMousedown: o[1] || (o[1] = $e((i) => De("right", i), ["stop"]))
+          }, [...o[3] || (o[3] = [
             N("div", { class: "connection-dot" }, null, -1)
-          ]), 34)) : J("", !0),
+          ])], 34)) : J("", !0),
           N("div", {
             ref: "leftResizeHandle",
-            class: q(["resize-handle left-resize-handle", { "is-dragging": R(Y) }])
-          }, a[4] || (a[4] = [
+            class: q(["resize-handle left-resize-handle", { "is-dragging": $(F) }])
+          }, [...o[4] || (o[4] = [
             N("div", { class: "handle-grip" }, null, -1),
             N("div", { class: "vertical-indicator left-indicator" }, null, -1)
-          ]), 2),
-          C.label ? (T(), L("label", Dn, ue(C.label), 1)) : J("", !0),
+          ])], 2),
+          e.label ? (M(), P("label", kn, ce(e.label), 1)) : J("", !0),
           N("div", {
             ref: "rightResizeHandle",
-            class: q(["resize-handle right-resize-handle", { "is-dragging": R(_) }])
-          }, a[5] || (a[5] = [
+            class: q(["resize-handle right-resize-handle", { "is-dragging": $(_) }])
+          }, [...o[5] || (o[5] = [
             N("div", { class: "handle-grip" }, null, -1),
             N("div", { class: "vertical-indicator right-indicator" }, null, -1)
-          ]), 2)
-        ], 46, Tn)
+          ])], 2)
+        ], 46, In)
       ], 512),
-      C.store.isDependencyGraphEnabled && F.value ? (T(), L("svg", {
+      e.store.isDependencyGraphEnabled && X.value ? (M(), P("svg", {
         key: 0,
-        style: ee(W.value)
+        style: ee(z.value)
       }, [
         N("line", {
-          x1: S.value.startX,
-          y1: S.value.startY,
-          x2: S.value.endX,
-          y2: S.value.endY,
+          x1: A.value.startX,
+          y1: A.value.startY,
+          x2: A.value.endX,
+          y2: A.value.endY,
           stroke: "#2196f3",
           "stroke-width": "2",
           "stroke-dasharray": "5,5"
-        }, null, 8, On)
+        }, null, 8, $n)
       ], 4)) : J("", !0)
-    ], 8, Mn));
+    ], 8, Cn));
   }
-}), Pn = /* @__PURE__ */ ie(Hn, [["__scopeId", "data-v-52febd32"]]), Ln = ["tabindex"], Bn = /* @__PURE__ */ te({
+}), Sn = /* @__PURE__ */ re(Rn, [["__scopeId", "data-v-8917a8a3"]]), Mn = ["tabindex"], An = /* @__PURE__ */ ne({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -1175,276 +1185,71 @@ const wn = (e) => {
     addNavigation: { type: [Boolean, Object], default: !1 }
   },
   setup(e) {
-    const t = U("rowEl"), o = D(() => e.store.isRowVisible(e.rowIndex)), s = D(() => e.store.getRowExpandSymbol(e.rowIndex));
+    const t = U("rowEl"), s = D(() => e.store.isRowVisible(e.rowIndex)), c = D(() => e.store.getRowExpandSymbol(e.rowIndex));
     if (e.addNavigation) {
-      let i = Ze;
-      typeof e.addNavigation == "object" && (i = {
-        ...i,
+      let u = Se;
+      typeof e.addNavigation == "object" && (u = {
+        ...u,
         ...e.addNavigation
-      }), Qe([
+      }), qe([
         {
           selectors: t,
-          handlers: i
+          handlers: u
         }
       ]);
     }
-    return (i, c) => Me((T(), L("tr", {
+    return (u, r) => Re((M(), P("tr", {
       ref: "rowEl",
-      tabindex: i.tabIndex,
+      tabindex: e.tabIndex,
       class: "atable-row"
     }, [
-      i.store.config.view !== "uncounted" ? j(i.$slots, "index", { key: 0 }, () => [
-        i.store.config.view === "list" ? (T(), L("td", {
+      e.store.config.view !== "uncounted" ? Y(u.$slots, "index", { key: 0 }, () => [
+        e.store.config.view === "list" ? (M(), P("td", {
           key: 0,
           tabIndex: -1,
-          class: q(["list-index", i.store.hasPinnedColumns ? "sticky-index" : ""])
-        }, ue(i.rowIndex + 1), 3)) : i.store.isTreeView ? (T(), L("td", {
+          class: q(["list-index", e.store.hasPinnedColumns ? "sticky-index" : ""])
+        }, ce(e.rowIndex + 1), 3)) : e.store.isTreeView ? (M(), P("td", {
           key: 1,
           tabIndex: -1,
-          class: q(["tree-index", i.store.hasPinnedColumns ? "sticky-index" : ""]),
-          onClick: c[0] || (c[0] = (r) => i.store.toggleRowExpand(i.rowIndex))
-        }, ue(s.value), 3)) : J("", !0)
+          class: q(["tree-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
+          onClick: r[0] || (r[0] = (l) => e.store.toggleRowExpand(e.rowIndex))
+        }, ce(c.value), 3)) : J("", !0)
       ], !0) : J("", !0),
-      j(i.$slots, "default", {}, void 0, !0)
-    ], 8, Ln)), [
-      [bt, o.value]
+      Y(u.$slots, "default", {}, void 0, !0)
+    ], 8, Mn)), [
+      [gt, s.value]
     ]);
   }
-}), $t = /* @__PURE__ */ ie(Bn, [["__scopeId", "data-v-c554ee0f"]]), Ke = Te ? window : void 0;
-function le(e) {
-  var t;
-  const o = M(e);
-  return (t = o?.$el) != null ? t : o;
-}
-function Re(...e) {
-  const t = [], o = () => {
-    t.forEach((n) => n()), t.length = 0;
-  }, s = (n, l, d, f) => (n.addEventListener(l, d, f), () => n.removeEventListener(l, d, f)), i = D(() => {
-    const n = se(M(e[0])).filter((l) => l != null);
-    return n.every((l) => typeof l != "string") ? n : void 0;
-  }), c = Et(
-    () => {
-      var n, l;
-      return [
-        (l = (n = i.value) == null ? void 0 : n.map((d) => le(d))) != null ? l : [Ke].filter((d) => d != null),
-        se(M(i.value ? e[1] : e[0])),
-        se(R(i.value ? e[2] : e[1])),
-        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        M(i.value ? e[3] : e[2])
-      ];
-    },
-    ([n, l, d, f]) => {
-      if (o(), !n?.length || !l?.length || !d?.length)
-        return;
-      const p = Ct(f) ? { ...f } : f;
-      t.push(
-        ...n.flatMap(
-          (x) => l.flatMap(
-            (m) => d.map((I) => s(x, m, I, p))
-          )
-        )
-      );
-    },
-    { flush: "post" }
-  ), r = () => {
-    c(), o();
-  };
-  return me(o), r;
-}
-let gt = !1;
-function ht(e, t, o = {}) {
-  const { window: s = Ke, ignore: i = [], capture: c = !0, detectIframe: r = !1, controls: n = !1 } = o;
-  if (!s)
-    return n ? { stop: Z, cancel: Z, trigger: Z } : Z;
-  if (Ge && !gt) {
-    gt = !0;
-    const v = { passive: !0 };
-    Array.from(s.document.body.children).forEach((g) => g.addEventListener("click", Z, v)), s.document.documentElement.addEventListener("click", Z, v);
-  }
-  let l = !0;
-  const d = (v) => M(i).some((g) => {
-    if (typeof g == "string")
-      return Array.from(s.document.querySelectorAll(g)).some((b) => b === v.target || v.composedPath().includes(b));
-    {
-      const b = le(g);
-      return b && (v.target === b || v.composedPath().includes(b));
-    }
-  });
-  function f(v) {
-    const g = M(v);
-    return g && g.$.subTree.shapeFlag === 16;
-  }
-  function p(v, g) {
-    const b = M(v), P = b.$.subTree && b.$.subTree.children;
-    return P == null || !Array.isArray(P) ? !1 : P.some((B) => B.el === g.target || g.composedPath().includes(B.el));
-  }
-  const x = (v) => {
-    const g = le(e);
-    if (v.target != null && !(!(g instanceof Element) && f(e) && p(e, v)) && !(!g || g === v.target || v.composedPath().includes(g))) {
-      if ("detail" in v && v.detail === 0 && (l = !d(v)), !l) {
-        l = !0;
-        return;
-      }
-      t(v);
-    }
-  };
-  let m = !1;
-  const I = [
-    Re(s, "click", (v) => {
-      m || (m = !0, setTimeout(() => {
-        m = !1;
-      }, 0), x(v));
-    }, { passive: !0, capture: c }),
-    Re(s, "pointerdown", (v) => {
-      const g = le(e);
-      l = !d(v) && !!(g && !v.composedPath().includes(g));
-    }, { passive: !0 }),
-    r && Re(s, "blur", (v) => {
-      setTimeout(() => {
-        var g;
-        const b = le(e);
-        ((g = s.document.activeElement) == null ? void 0 : g.tagName) === "IFRAME" && !b?.contains(s.document.activeElement) && t(v);
-      }, 0);
-    }, { passive: !0 })
-  ].filter(Boolean), w = () => I.forEach((v) => v());
-  return n ? {
-    stop: w,
-    cancel: () => {
-      l = !1;
-    },
-    trigger: (v) => {
-      l = !0, x(v), l = !1;
-    }
-  } : w;
-}
-const ze = /* @__PURE__ */ new WeakMap(), Wn = {
+}), pt = /* @__PURE__ */ re(An, [["__scopeId", "data-v-0fa91f83"]]), ze = /* @__PURE__ */ new WeakMap(), Tn = {
   mounted(e, t) {
-    const o = !t.modifiers.bubble;
-    let s;
-    if (typeof t.value == "function")
-      s = ht(e, t.value, { capture: o });
+    const s = !t.modifiers.bubble;
+    let c;
+    if (typeof t.value == "function") c = dt(e, t.value, { capture: s });
     else {
-      const [i, c] = t.value;
-      s = ht(e, i, Object.assign({ capture: o }, c));
+      const [u, r] = t.value;
+      c = dt(e, u, Object.assign({ capture: s }, r));
     }
-    ze.set(e, s);
+    ze.set(e, c);
   },
   unmounted(e) {
     const t = ze.get(e);
     t && typeof t == "function" ? t() : t?.stop(), ze.delete(e);
   }
-};
-// @__NO_SIDE_EFFECTS__
-function zn() {
-  const e = G(!1), t = Ae();
-  return t && re(() => {
-    e.value = !0;
-  }, t), e;
-}
-// @__NO_SIDE_EFFECTS__
-function Nn(e) {
-  const t = /* @__PURE__ */ zn();
-  return D(() => (t.value, !!e()));
-}
-function pt(e, t, o = {}) {
-  const { window: s = Ke, ...i } = o;
-  let c;
-  const r = /* @__PURE__ */ Nn(() => s && "ResizeObserver" in s), n = () => {
-    c && (c.disconnect(), c = void 0);
-  }, l = D(() => {
-    const p = M(e);
-    return Array.isArray(p) ? p.map((x) => le(x)) : [le(p)];
-  }), d = V(
-    l,
-    (p) => {
-      if (n(), r.value && s) {
-        c = new ResizeObserver(t);
-        for (const x of p)
-          x && c.observe(x, i);
-      }
-    },
-    { immediate: !0, flush: "post" }
-  ), f = () => {
-    n(), d();
-  };
-  return me(f), {
-    isSupported: r,
-    stop: f
-  };
-}
-function Ne(e) {
-  return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
-}
-const Xn = {
-  mounted(e, t) {
-    typeof t.value == "function" ? pt(e, t.value) : pt(e, ...t.value);
-  }
-};
-function Rt(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 o = e.parentNode;
-    return !o || o.tagName === "BODY" ? !1 : Rt(o);
-  }
-}
-function Gn(e) {
-  const t = e || window.event, o = t.target;
-  return Rt(o) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
-}
-const Xe = /* @__PURE__ */ new WeakMap();
-function Fn(e, t = !1) {
-  const o = G(t);
-  let s = null, i = "";
-  V(cn(e), (n) => {
-    const l = Ne(M(n));
-    if (l) {
-      const d = l;
-      if (Xe.get(d) || Xe.set(d, d.style.overflow), d.style.overflow !== "hidden" && (i = d.style.overflow), d.style.overflow === "hidden")
-        return o.value = !0;
-      if (o.value)
-        return d.style.overflow = "hidden";
-    }
-  }, {
-    immediate: !0
-  });
-  const c = () => {
-    const n = Ne(M(e));
-    !n || o.value || (Ge && (s = Re(
-      n,
-      "touchmove",
-      (l) => {
-        Gn(l);
-      },
-      { passive: !1 }
-    )), n.style.overflow = "hidden", o.value = !0);
-  }, r = () => {
-    const n = Ne(M(e));
-    !n || !o.value || (Ge && s?.(), n.style.overflow = i, Xe.delete(n), o.value = !1);
-  };
-  return me(r), D({
-    get() {
-      return o.value;
-    },
-    set(n) {
-      n ? c() : r();
-    }
-  });
-}
-function Vn() {
+}, Dn = { mounted(e, t) {
+  typeof t.value == "function" ? We(e, t.value) : We(e, ...t.value);
+} };
+function On() {
   let e = !1;
-  const t = G(!1);
-  return (o, s) => {
-    if (t.value = s.value, e)
-      return;
+  const t = V(!1);
+  return (s, c) => {
+    if (t.value = c.value, e) return;
     e = !0;
-    const i = Fn(o, s.value);
-    V(t, (c) => i.value = c);
+    const u = un(s, c.value);
+    j(t, (r) => u.value = r);
   };
 }
-Vn();
-const Yn = { class: "gantt-connection-overlay" }, jn = {
+On();
+const Hn = { class: "gantt-connection-overlay" }, Pn = {
   class: "connection-svg",
   style: {
     position: "absolute",
@@ -1455,30 +1260,30 @@ const Yn = { class: "gantt-connection-overlay" }, jn = {
     pointerEvents: "none",
     zIndex: 1
   }
-}, Un = ["d", "stroke-width", "onDblclick"], qn = ["d", "stroke", "stroke-width", "id", "onDblclick"], Jn = 0.25, Ie = 16, Zn = /* @__PURE__ */ te({
+}, Ln = ["d", "stroke-width", "onDblclick"], Bn = ["id", "d", "stroke", "stroke-width", "onDblclick"], zn = 0.25, Ce = 16, Wn = /* @__PURE__ */ ne({
   __name: "AGanttConnection",
   props: {
     store: {}
   },
   emits: ["connection:delete"],
   setup(e, { emit: t }) {
-    const o = t, s = D(() => e.store.connectionPaths.filter((r) => {
-      const n = e.store.ganttBars.find((d) => d.id === r.from.barId), l = e.store.ganttBars.find((d) => d.id === r.to.barId);
-      return n && l;
-    })), i = (r, n = !1) => {
-      const l = e.store.connectionHandles.find(
-        ($) => $.barId === r.from.barId && $.side === r.from.side
-      ), d = e.store.connectionHandles.find(
-        ($) => $.barId === r.to.barId && $.side === r.to.side
+    const s = t, c = D(() => e.store.connectionPaths.filter((l) => {
+      const n = e.store.ganttBars.find((d) => d.id === l.from.barId), a = e.store.ganttBars.find((d) => d.id === l.to.barId);
+      return n && a;
+    })), u = (l) => {
+      const n = e.store.connectionHandles.find(
+        (x) => x.barId === l.from.barId && x.side === l.from.side
+      ), a = e.store.connectionHandles.find(
+        (x) => x.barId === l.to.barId && x.side === l.to.side
       );
-      if (!l || !d) return "";
-      const f = l.position.x + Ie / 2, p = l.position.y + Ie / 2, x = d.position.x + Ie / 2, m = d.position.y + Ie / 2, I = Math.abs(x - f), w = Math.max(I * Jn, 50), v = f + (r.from.side === "left" ? -w : w), g = x + (r.to.side === "left" ? -w : w), b = { x: 0.5 * f + 0.5 * v, y: 0.5 * p + 0.5 * p }, P = { x: 0.5 * v + 0.5 * g, y: 0.5 * p + 0.5 * m }, B = { x: 0.5 * g + 0.5 * x, y: 0.5 * m + 0.5 * m }, F = { x: 0.5 * b.x + 0.5 * P.x, y: 0.5 * b.y + 0.5 * P.y }, S = { x: 0.5 * P.x + 0.5 * B.x, y: 0.5 * P.y + 0.5 * B.y }, y = { x: 0.5 * F.x + 0.5 * S.x, y: 0.5 * F.y + 0.5 * S.y };
-      return `M ${f} ${p} Q ${v} ${p}, ${y.x} ${y.y} Q ${g} ${m}, ${x} ${m}`;
-    }, c = (r) => {
-      e.store.deleteConnection(r.id) && o("connection:delete", r);
+      if (!n || !a) return "";
+      const d = n.position.x + Ce / 2, v = n.position.y + Ce / 2, p = a.position.x + Ce / 2, E = a.position.y + Ce / 2, h = Math.abs(p - d), b = Math.max(h * zn, 50), w = d + (l.from.side === "left" ? -b : b), f = p + (l.to.side === "left" ? -b : b), m = { x: 0.5 * d + 0.5 * w, y: 0.5 * v + 0.5 * v }, y = { x: 0.5 * w + 0.5 * f, y: 0.5 * v + 0.5 * E }, L = { x: 0.5 * f + 0.5 * p, y: 0.5 * E + 0.5 * E }, B = { x: 0.5 * m.x + 0.5 * y.x, y: 0.5 * m.y + 0.5 * y.y }, X = { x: 0.5 * y.x + 0.5 * L.x, y: 0.5 * y.y + 0.5 * L.y }, A = { x: 0.5 * B.x + 0.5 * X.x, y: 0.5 * B.y + 0.5 * X.y };
+      return `M ${d} ${v} Q ${w} ${v}, ${A.x} ${A.y} Q ${f} ${E}, ${p} ${E}`;
+    }, r = (l) => {
+      e.store.deleteConnection(l.id) && s("connection:delete", l);
     };
-    return (r, n) => (T(), L("div", Yn, [
-      (T(), L("svg", jn, [
+    return (l, n) => (M(), P("div", Hn, [
+      (M(), P("svg", Pn, [
         n[0] || (n[0] = N("defs", null, [
           N("path", {
             id: "arrowhead",
@@ -1502,127 +1307,129 @@ const Yn = { class: "gantt-connection-overlay" }, jn = {
             })
           ])
         ], -1)),
-        (T(!0), L(ae, null, pe(s.value, (l) => (T(), L("path", {
-          key: `${l.id}-hitbox`,
-          d: i(l),
+        (M(!0), P(se, null, me(c.value, (a) => (M(), P("path", {
+          key: `${a.id}-hitbox`,
+          d: u(a),
           stroke: "transparent",
-          "stroke-width": (l.style?.width || 2) + 10,
+          "stroke-width": (a.style?.width || 2) + 10,
           fill: "none",
           class: "connection-hitbox",
-          onDblclick: (d) => c(l)
-        }, null, 40, Un))), 128)),
-        (T(!0), L(ae, null, pe(s.value, (l) => (T(), L("path", {
-          key: l.id,
-          d: i(l),
-          stroke: l.style?.color || "#666",
-          "stroke-width": l.style?.width || 2,
+          onDblclick: (d) => r(a)
+        }, null, 40, Ln))), 128)),
+        (M(!0), P(se, null, me(c.value, (a) => (M(), P("path", {
+          id: a.id,
+          key: a.id,
+          d: u(a),
+          stroke: a.style?.color || "#666",
+          "stroke-width": a.style?.width || 2,
           fill: "none",
           "marker-mid": "url(#arrowhead-marker)",
-          id: l.id,
           class: "connection-path animated-path",
-          onDblclick: (d) => c(l)
-        }, null, 40, qn))), 128))
+          onDblclick: (d) => r(a)
+        }, null, 40, Bn))), 128))
       ]))
     ]));
   }
-}), Qn = /* @__PURE__ */ ie(Zn, [["__scopeId", "data-v-955111b6"]]), Kn = { key: 0 }, _n = {
+}), Nn = /* @__PURE__ */ re(Wn, [["__scopeId", "data-v-71911260"]]), Gn = { key: 0 }, Xn = {
   class: "atable-header-row",
   tabindex: "-1"
-}, eo = ["data-colindex"], St = /* @__PURE__ */ te({
+}, Vn = ["data-colindex"], yt = /* @__PURE__ */ ne({
   __name: "ATableHeader",
   props: {
     columns: {},
     store: {}
   },
   setup(e) {
-    const t = (o) => {
-      for (const s of o) {
-        if (s.borderBoxSize.length === 0) continue;
-        const c = s.borderBoxSize[0].inlineSize, r = Number(s.target.dataset.colindex), n = e.store.columns[r]?.width;
-        typeof n == "number" && n !== c && e.store.resizeColumn(r, c);
+    const t = (s) => {
+      for (const c of s) {
+        if (c.borderBoxSize.length === 0) continue;
+        const r = c.borderBoxSize[0].inlineSize, l = Number(c.target.dataset.colindex), n = e.store.columns[l]?.width;
+        typeof n == "number" && n !== r && e.store.resizeColumn(l, r);
       }
     };
-    return (o, s) => o.columns.length ? (T(), L("thead", Kn, [
-      N("tr", _n, [
-        o.store.zeroColumn ? (T(), L("th", {
+    return (s, c) => e.columns.length ? (M(), P("thead", Gn, [
+      N("tr", Xn, [
+        e.store.zeroColumn ? (M(), P("th", {
           key: 0,
           id: "header-index",
           class: q([[
-            o.store.hasPinnedColumns ? "sticky-index" : "",
-            o.store.isTreeView ? "tree-index" : "",
-            o.store.config.view === "list-expansion" ? "list-expansion-index" : ""
+            e.store.hasPinnedColumns ? "sticky-index" : "",
+            e.store.isTreeView ? "tree-index" : "",
+            e.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
         }, null, 2)) : J("", !0),
-        (T(!0), L(ae, null, pe(o.columns, (i, c) => Me((T(), L("th", {
-          key: i.name,
-          "data-colindex": c,
+        (M(!0), P(se, null, me(e.columns, (u, r) => Re((M(), P("th", {
+          key: u.name,
+          "data-colindex": r,
           tabindex: "-1",
-          style: ee(o.store.getHeaderCellStyle(i)),
-          class: q(i.pinned ? "sticky-column" : "")
+          style: ee(e.store.getHeaderCellStyle(u)),
+          class: q(u.pinned ? "sticky-column" : "")
         }, [
-          j(o.$slots, "default", {}, () => [
-            Wt(ue(i.label || String.fromCharCode(c + 97).toUpperCase()), 1)
+          Y(s.$slots, "default", {}, () => [
+            At(ce(u.label || String.fromCharCode(r + 97).toUpperCase()), 1)
           ])
-        ], 14, eo)), [
-          [R(Xn), t]
+        ], 14, Vn)), [
+          [$(Dn), t]
         ])), 128))
       ])
     ])) : J("", !0);
   }
-}), Mt = /* @__PURE__ */ te({
+}), bt = /* @__PURE__ */ ne({
   __name: "ATableModal",
   props: {
     store: {}
   },
   setup(e) {
-    const t = U("amodal"), { width: o, height: s } = oe(t), i = D(() => {
+    const t = U("amodal"), { width: s, height: c } = le(t), u = D(() => {
       if (!(e.store.modal.height && e.store.modal.width && e.store.modal.left && e.store.modal.bottom)) return;
-      const c = e.store.modal.cell?.closest("table"), r = c.offsetHeight || 0, n = c.offsetWidth || 0;
-      let l = e.store.modal.cell?.offsetTop || 0;
-      const d = c.querySelector("thead")?.offsetHeight || 0;
-      l += d, l = l + s.value < r ? l : l - (s.value + e.store.modal.height);
-      let f = e.store.modal.cell?.offsetLeft || 0;
-      return f = f + o.value <= n ? f : f - (o.value - e.store.modal.width), {
-        left: `${f}px`,
-        top: `${l}px`
+      const r = e.store.modal.cell?.closest("table");
+      if (!r) return {};
+      const l = r.offsetHeight || 0, n = r.offsetWidth || 0;
+      let a = e.store.modal.cell?.offsetTop || 0;
+      const d = r.querySelector("thead")?.offsetHeight || 0;
+      a += d, a = a + c.value < l ? a : a - (c.value + e.store.modal.height);
+      let v = e.store.modal.cell?.offsetLeft || 0;
+      return v = v + s.value <= n ? v : v - (s.value - e.store.modal.width), {
+        left: `${v}px`,
+        top: `${a}px`
       };
     });
-    return (c, r) => (T(), L("div", {
-      class: "amodal",
+    return (r, l) => (M(), P("div", {
       ref: "amodal",
+      class: "amodal",
       tabindex: "-1",
-      onClick: r[0] || (r[0] = Se(() => {
-      }, ["stop"])),
-      onInput: r[1] || (r[1] = Se(() => {
+      style: ee(u.value),
+      onClick: l[0] || (l[0] = $e(() => {
       }, ["stop"])),
-      style: ee(i.value)
+      onInput: l[1] || (l[1] = $e(() => {
+      }, ["stop"]))
     }, [
-      j(c.$slots, "default")
+      Y(r.$slots, "default")
     ], 36));
   }
-}), to = (e) => {
-  const t = e.id || yn();
-  return zt(`table-${t}`, () => {
-    const s = () => {
-      const a = [Object.assign({}, { rowModified: !1 })], u = /* @__PURE__ */ new Set();
-      for (let k = 0; k < c.value.length; k++) {
-        const A = c.value[k];
-        A.parent !== null && A.parent !== void 0 && u.add(A.parent);
+}), Fn = (e) => {
+  const t = e.id || fn();
+  return Tt(`table-${t}`, () => {
+    const c = () => {
+      const o = [Object.assign({}, { rowModified: !1 })], i = /* @__PURE__ */ new Set();
+      for (let k = 0; k < r.value.length; k++) {
+        const S = r.value[k];
+        S.parent !== null && S.parent !== void 0 && i.add(S.parent);
       }
-      const h = (k) => c.value[k]?.gantt !== void 0, E = (k) => {
-        for (let A = 0; A < c.value.length; A++)
-          if (c.value[A].parent === k && (h(A) || E(A)))
+      const g = (k) => r.value[k]?.gantt !== void 0, C = (k) => {
+        for (let S = 0; S < r.value.length; S++)
+          if (r.value[S].parent === k && (g(S) || C(S)))
             return !0;
         return !1;
       }, H = (k) => {
-        const A = r.value, ne = A.view === "tree" || A.view === "tree-gantt" ? A.defaultTreeExpansion : void 0;
-        if (!ne) return !0;
-        switch (ne) {
+        const S = l.value, oe = S.view === "tree" || S.view === "tree-gantt" ? S.defaultTreeExpansion : void 0;
+        if (!oe) return !0;
+        switch (oe) {
           case "root":
             return !1;
           // Only root nodes are visible, all children start collapsed
           case "branch":
-            return E(k);
+            return C(k);
           case "leaf":
             return !0;
           // All nodes should be expanded
@@ -1630,205 +1437,205 @@ const Yn = { class: "gantt-connection-overlay" }, jn = {
             return !0;
         }
       };
-      for (let k = 0; k < c.value.length; k++) {
-        const A = c.value[k], ne = A.parent === null || A.parent === void 0, Ce = u.has(k);
-        a[k] = {
+      for (let k = 0; k < r.value.length; k++) {
+        const S = r.value[k], oe = S.parent === null || S.parent === void 0, ye = i.has(k);
+        o[k] = {
           childrenOpen: H(k),
           expanded: !1,
-          indent: A.indent || 0,
-          isParent: Ce,
-          isRoot: ne,
+          indent: S.indent || 0,
+          isParent: ye,
+          isRoot: oe,
           rowModified: !1,
-          open: ne,
+          open: oe,
           // This will be recalculated later for non-root nodes
-          parent: A.parent
+          parent: S.parent
         };
       }
-      return a;
-    }, i = z(e.columns), c = z(e.rows), r = z(e.config || {}), n = z({}), l = z({}), d = D(() => {
-      const a = {};
-      for (const [u, h] of i.value.entries())
-        for (const [E, H] of c.value.entries())
-          a[`${u}:${E}`] = H[h.name];
-      return a;
-    }), f = D({
+      return o;
+    }, u = W(e.columns), r = W(e.rows), l = W(e.config || {}), n = W({}), a = W({}), d = D(() => {
+      const o = {};
+      for (const [i, g] of u.value.entries())
+        for (const [C, H] of r.value.entries())
+          o[`${i}:${C}`] = H[g.name];
+      return o;
+    }), v = D({
       get: () => {
-        const a = s();
-        for (let u = 0; u < a.length; u++)
-          n.value[u] && (a[u].rowModified = n.value[u]), l.value[u] && (l.value[u].childrenOpen !== void 0 && (a[u].childrenOpen = l.value[u].childrenOpen), l.value[u].expanded !== void 0 && (a[u].expanded = l.value[u].expanded));
-        if (b.value) {
-          const u = (h, E) => {
-            const H = E[h];
+        const o = c();
+        for (let i = 0; i < o.length; i++)
+          n.value[i] && (o[i].rowModified = n.value[i]), a.value[i] && (a.value[i].childrenOpen !== void 0 && (o[i].childrenOpen = a.value[i].childrenOpen), a.value[i].expanded !== void 0 && (o[i].expanded = a.value[i].expanded));
+        if (y.value) {
+          const i = (g, C) => {
+            const H = C[g];
             if (H.isRoot || H.parent === null || H.parent === void 0)
               return !0;
             const k = H.parent;
-            return k < 0 || k >= E.length ? !1 : (E[k].childrenOpen || !1) && u(k, E);
+            return k < 0 || k >= C.length ? !1 : (C[k].childrenOpen || !1) && i(k, C);
           };
-          for (let h = 0; h < a.length; h++)
-            a[h].isRoot || (a[h].open = u(h, a));
+          for (let g = 0; g < o.length; g++)
+            o[g].isRoot || (o[g].open = i(g, o));
         }
-        return a;
+        return o;
       },
-      set: (a) => {
-        JSON.stringify(a) !== JSON.stringify(f.value) && (f.value = a);
+      set: (o) => {
+        JSON.stringify(o) !== JSON.stringify(v.value) && (v.value = o);
       }
-    }), p = z(e.modal || { visible: !1 }), x = z({}), m = z([]), I = z([]), w = z([]), v = D(() => i.value.some((a) => a.pinned)), g = D(() => r.value.view === "gantt" || r.value.view === "tree-gantt"), b = D(() => r.value.view === "tree" || r.value.view === "tree-gantt"), P = D(() => {
-      const a = r.value;
-      return a.view === "gantt" || a.view === "tree-gantt" ? a.dependencyGraph !== !1 : !0;
-    }), B = D(() => `${Math.ceil(c.value.length / 100 + 1)}ch`), F = D(
-      () => r.value.view ? ["list", "tree", "tree-gantt", "list-expansion"].includes(r.value.view) : !1
-    ), S = (a, u) => d.value[`${a}:${u}`], y = (a, u, h) => {
-      const E = `${a}:${u}`, H = i.value[a];
-      d.value[E] !== h && (n.value[u] = !0), d.value[E] = h, c.value[u] = {
-        ...c.value[u],
-        [H.name]: h
+    }), p = W(e.modal || { visible: !1 }), E = W({}), h = W([]), b = W([]), w = W([]), f = D(() => u.value.some((o) => o.pinned)), m = D(() => l.value.view === "gantt" || l.value.view === "tree-gantt"), y = D(() => l.value.view === "tree" || l.value.view === "tree-gantt"), L = D(() => {
+      const o = l.value;
+      return o.view === "gantt" || o.view === "tree-gantt" ? o.dependencyGraph !== !1 : !0;
+    }), B = D(() => `${Math.ceil(r.value.length / 100 + 1)}ch`), X = D(
+      () => l.value.view ? ["list", "tree", "tree-gantt", "list-expansion"].includes(l.value.view) : !1
+    ), A = (o, i) => d.value[`${o}:${i}`], x = (o, i, g) => {
+      const C = `${o}:${i}`, H = u.value[o];
+      d.value[C] !== g && (n.value[i] = !0), d.value[C] = g, r.value[i] = {
+        ...r.value[i],
+        [H.name]: g
       };
-    }, $ = (a) => {
-      c.value = a;
-    }, X = (a, u, h) => {
-      const E = `${a}:${u}`;
-      d.value[E] !== h && (n.value[u] = !0, x.value[E] = h);
-    }, W = (a) => {
-      const u = i.value.indexOf(a) === i.value.length - 1, h = r.value.fullWidth ? a.resizable && !u : a.resizable;
+    }, R = (o) => {
+      r.value = o;
+    }, G = (o, i, g) => {
+      const C = `${o}:${i}`;
+      d.value[C] !== g && (n.value[i] = !0, E.value[C] = g);
+    }, z = (o) => {
+      const i = u.value.indexOf(o) === u.value.length - 1, g = l.value.fullWidth ? o.resizable && !i : o.resizable;
       return {
-        width: a.width || "40ch",
-        textAlign: a.align || "center",
-        ...h && {
+        width: o.width || "40ch",
+        textAlign: o.align || "center",
+        ...g && {
           resize: "horizontal",
           overflow: "hidden",
           whiteSpace: "nowrap"
         }
       };
-    }, O = (a, u) => {
-      if (a < 0 || a >= i.value.length) return;
-      const E = Math.max(u, 40);
-      i.value[a] = {
-        ...i.value[a],
-        width: `${E}px`
+    }, O = (o, i) => {
+      if (o < 0 || o >= u.value.length) return;
+      const C = Math.max(i, 40);
+      u.value[o] = {
+        ...u.value[o],
+        width: `${C}px`
       };
-    }, Y = (a) => {
-      const u = c.value[a];
-      return g.value && u.gantt !== void 0;
-    }, _ = (a) => !b.value || f.value[a].isRoot || f.value[a].open, ye = (a) => !b.value && r.value.view !== "list-expansion" ? "" : b.value && (f.value[a].isRoot || f.value[a].isParent) ? f.value[a].childrenOpen ? "▼" : "►" : r.value.view === "list-expansion" ? f.value[a].expanded ? "▼" : "►" : "", ge = (a) => {
-      if (b.value) {
-        const u = l.value[a] || {}, E = !(u.childrenOpen ?? f.value[a].childrenOpen);
-        l.value[a] = {
-          ...u,
-          childrenOpen: E
-        }, E || xe(a);
-      } else if (r.value.view === "list-expansion") {
-        const u = l.value[a] || {}, h = u.expanded ?? f.value[a].expanded;
-        l.value[a] = {
-          ...u,
-          expanded: !h
+    }, F = (o) => {
+      const i = r.value[o];
+      return m.value && i.gantt !== void 0;
+    }, _ = (o) => !y.value || v.value[o].isRoot || v.value[o].open, we = (o) => !y.value && l.value.view !== "list-expansion" ? "" : y.value && (v.value[o].isRoot || v.value[o].isParent) ? v.value[o].childrenOpen ? "▼" : "►" : l.value.view === "list-expansion" ? v.value[o].expanded ? "▼" : "►" : "", ve = (o) => {
+      if (y.value) {
+        const i = a.value[o] || {}, C = !(i.childrenOpen ?? v.value[o].childrenOpen);
+        a.value[o] = {
+          ...i,
+          childrenOpen: C
+        }, C || xe(o);
+      } else if (l.value.view === "list-expansion") {
+        const i = a.value[o] || {}, g = i.expanded ?? v.value[o].expanded;
+        a.value[o] = {
+          ...i,
+          expanded: !g
         };
       }
-    }, xe = (a) => {
-      for (let u = 0; u < c.value.length; u++)
-        if (f.value[u].parent === a) {
-          const h = l.value[u] || {};
-          l.value[u] = {
-            ...h,
+    }, xe = (o) => {
+      for (let i = 0; i < r.value.length; i++)
+        if (v.value[i].parent === o) {
+          const g = a.value[i] || {};
+          a.value[i] = {
+            ...g,
             childrenOpen: !1
-          }, xe(u);
+          }, xe(i);
         }
-    }, Oe = (a, u) => {
-      const h = S(a, u);
-      return be(a, u, h);
-    }, be = (a, u, h) => {
-      const E = i.value[a], H = c.value[u], k = E.format;
-      return k ? typeof k == "function" ? k(h, { table: d.value, row: H, column: E }) : typeof k == "string" ? Function(`"use strict";return (${k})`)()(h, { table: d.value, row: H, column: E }) : h : h;
+    }, Ae = (o, i) => {
+      const g = A(o, i);
+      return pe(o, i, g);
+    }, pe = (o, i, g) => {
+      const C = u.value[o], H = r.value[i], k = C.format;
+      return k ? typeof k == "function" ? k(g, { table: d.value, row: H, column: C }) : typeof k == "string" ? Function(`"use strict";return (${k})`)()(g, { table: d.value, row: H, column: C }) : g : g;
     };
     return {
       // state
-      columns: i,
-      config: r,
-      connectionHandles: I,
+      columns: u,
+      config: l,
+      connectionHandles: b,
       connectionPaths: w,
-      display: f,
-      ganttBars: m,
+      display: v,
+      ganttBars: h,
       modal: p,
-      rows: c,
+      rows: r,
       table: d,
-      updates: x,
+      updates: E,
       // getters
-      hasPinnedColumns: v,
-      isGanttView: g,
-      isTreeView: b,
-      isDependencyGraphEnabled: P,
+      hasPinnedColumns: f,
+      isGanttView: m,
+      isTreeView: y,
+      isDependencyGraphEnabled: L,
       numberedRowWidth: B,
-      zeroColumn: F,
+      zeroColumn: X,
       // actions
-      closeModal: (a) => {
-        a.target instanceof Node && p.value.parent?.contains(a.target) || p.value.visible && (p.value.visible = !1);
+      closeModal: (o) => {
+        o.target instanceof Node && p.value.parent?.contains(o.target) || p.value.visible && (p.value.visible = !1);
       },
-      createConnection: (a, u, h) => {
-        const E = I.value.find((A) => A.id === a), H = I.value.find((A) => A.id === u);
-        if (!E || !H)
+      createConnection: (o, i, g) => {
+        const C = b.value.find((S) => S.id === o), H = b.value.find((S) => S.id === i);
+        if (!C || !H)
           return console.warn("Cannot create connection: handle not found"), null;
         const k = {
-          id: `connection-${a}-${u}`,
+          id: `connection-${o}-${i}`,
           from: {
-            barId: E.barId,
-            side: E.side
+            barId: C.barId,
+            side: C.side
           },
           to: {
             barId: H.barId,
             side: H.side
           },
-          style: h?.style,
-          label: h?.label
+          style: g?.style,
+          label: g?.label
         };
         return w.value.push(k), k;
       },
-      deleteConnection: (a) => {
-        const u = w.value.findIndex((h) => h.id === a);
-        return u >= 0 ? (w.value.splice(u, 1), !0) : !1;
+      deleteConnection: (o) => {
+        const i = w.value.findIndex((g) => g.id === o);
+        return i >= 0 ? (w.value.splice(i, 1), !0) : !1;
       },
-      getCellData: S,
-      getCellDisplayValue: Oe,
-      getConnectionsForBar: (a) => w.value.filter((u) => u.from.barId === a || u.to.barId === a),
-      getFormattedValue: be,
-      getHandlesForBar: (a) => I.value.filter((u) => u.barId === a),
-      getHeaderCellStyle: W,
-      getIndent: (a, u) => u && a === 0 && u > 0 ? `${u}ch` : "inherit",
-      getRowExpandSymbol: ye,
-      isRowGantt: Y,
+      getCellData: A,
+      getCellDisplayValue: Ae,
+      getConnectionsForBar: (o) => w.value.filter((i) => i.from.barId === o || i.to.barId === o),
+      getFormattedValue: pe,
+      getHandlesForBar: (o) => b.value.filter((i) => i.barId === o),
+      getHeaderCellStyle: z,
+      getIndent: (o, i) => i && o === 0 && i > 0 ? `${i}ch` : "inherit",
+      getRowExpandSymbol: we,
+      isRowGantt: F,
       isRowVisible: _,
-      registerConnectionHandle: (a) => {
-        const u = I.value.findIndex((h) => h.id === a.id);
-        u >= 0 ? I.value[u] = a : I.value.push(a);
+      registerConnectionHandle: (o) => {
+        const i = b.value.findIndex((g) => g.id === o.id);
+        i >= 0 ? b.value[i] = o : b.value.push(o);
       },
-      registerGanttBar: (a) => {
-        const u = m.value.findIndex((h) => h.id === a.id);
-        u >= 0 ? m.value[u] = a : m.value.push(a);
+      registerGanttBar: (o) => {
+        const i = h.value.findIndex((g) => g.id === o.id);
+        i >= 0 ? h.value[i] = o : h.value.push(o);
       },
       resizeColumn: O,
-      setCellData: y,
-      setCellText: X,
-      toggleRowExpand: ge,
-      unregisterConnectionHandle: (a) => {
-        const u = I.value.findIndex((h) => h.id === a);
-        u >= 0 && I.value.splice(u, 1);
+      setCellData: x,
+      setCellText: G,
+      toggleRowExpand: ve,
+      unregisterConnectionHandle: (o) => {
+        const i = b.value.findIndex((g) => g.id === o);
+        i >= 0 && b.value.splice(i, 1);
       },
-      unregisterGanttBar: (a) => {
-        const u = m.value.findIndex((h) => h.id === a);
-        u >= 0 && m.value.splice(u, 1);
+      unregisterGanttBar: (o) => {
+        const i = h.value.findIndex((g) => g.id === o);
+        i >= 0 && h.value.splice(i, 1);
       },
-      updateGanttBar: (a) => {
-        const u = c.value[a.rowIndex]?.gantt;
-        u && (a.type === "resize" ? a.edge === "start" ? (u.startIndex = a.newStart, u.endIndex = a.end, u.colspan = u.endIndex - u.startIndex) : a.edge === "end" && (u.startIndex = a.start, u.endIndex = a.newEnd, u.colspan = u.endIndex - u.startIndex) : a.type === "bar" && (u.startIndex = a.newStart, u.endIndex = a.newEnd, u.colspan = u.endIndex - u.startIndex));
+      updateGanttBar: (o) => {
+        const i = r.value[o.rowIndex]?.gantt;
+        i && (o.type === "resize" ? o.edge === "start" ? (i.startIndex = o.newStart, i.endIndex = o.end, i.colspan = i.endIndex - i.startIndex) : o.edge === "end" && (i.startIndex = o.start, i.endIndex = o.newEnd, i.colspan = i.endIndex - i.startIndex) : o.type === "bar" && (i.startIndex = o.newStart, i.endIndex = o.newEnd, i.colspan = i.endIndex - i.startIndex));
       },
-      updateRows: $
+      updateRows: R
     };
   })();
-}, no = {
+}, Yn = {
   class: "atable-container",
   style: { position: "relative" }
-}, oo = /* @__PURE__ */ te({
+}, jn = /* @__PURE__ */ ne({
   __name: "ATable",
-  props: /* @__PURE__ */ at({
-    id: {},
+  props: /* @__PURE__ */ tt({
+    id: { default: "" },
     config: { default: () => new Object() }
   }, {
     rows: { required: !0 },
@@ -1836,82 +1643,82 @@ const Yn = { class: "gantt-connection-overlay" }, jn = {
     columns: { required: !0 },
     columnsModifiers: {}
   }),
-  emits: /* @__PURE__ */ at(["cellUpdate", "gantt:drag", "connection:event", "columns:update"], ["update:rows", "update:columns"]),
-  setup(e, { expose: t, emit: o }) {
-    const s = st(e, "rows"), i = st(e, "columns"), c = o, r = U("table"), n = to({ columns: i.value, rows: s.value, id: e.id, config: e.config });
-    n.$onAction(({ name: m, store: I, args: w, after: v }) => {
-      if (m === "setCellData" || m === "setCellText") {
-        const [g, b, P] = w, B = I.getCellData(g, b);
-        v(() => {
-          s.value = [...I.rows], c("cellUpdate", { colIndex: g, rowIndex: b, newValue: P, oldValue: B });
+  emits: /* @__PURE__ */ tt(["cellUpdate", "gantt:drag", "connection:event", "columns:update"], ["update:rows", "update:columns"]),
+  setup(e, { expose: t, emit: s }) {
+    const c = nt(e, "rows"), u = nt(e, "columns"), r = s, l = U("table"), n = Fn({ columns: u.value, rows: c.value, id: e.id, config: e.config });
+    n.$onAction(({ name: h, store: b, args: w, after: f }) => {
+      if (h === "setCellData" || h === "setCellText") {
+        const [m, y, L] = w, B = b.getCellData(m, y);
+        f(() => {
+          c.value = [...b.rows], r("cellUpdate", { colIndex: m, rowIndex: y, newValue: L, oldValue: B });
         });
-      } else if (m === "updateGanttBar") {
-        const [g] = w;
-        let b = !1;
-        g.type === "resize" ? b = g.oldColspan !== g.newColspan : g.type === "bar" && (b = g.oldStart !== g.newStart || g.oldEnd !== g.newEnd), b && v(() => {
-          c("gantt:drag", g);
+      } else if (h === "updateGanttBar") {
+        const [m] = w;
+        let y = !1;
+        m.type === "resize" ? y = m.oldColspan !== m.newColspan : m.type === "bar" && (y = m.oldStart !== m.newStart || m.oldEnd !== m.newEnd), y && f(() => {
+          r("gantt:drag", m);
         });
-      } else m === "resizeColumn" && v(() => {
-        i.value = [...I.columns], c("columns:update", [...I.columns]);
+      } else h === "resizeColumn" && f(() => {
+        u.value = [...b.columns], r("columns:update", [...b.columns]);
       });
-    }), V(
-      () => s.value,
-      (m) => {
-        JSON.stringify(m) !== JSON.stringify(n.rows) && (n.rows = [...m]);
+    }), j(
+      () => c.value,
+      (h) => {
+        JSON.stringify(h) !== JSON.stringify(n.rows) && (n.rows = [...h]);
       },
       { deep: !0 }
-    ), V(
-      i,
-      (m) => {
-        JSON.stringify(m) !== JSON.stringify(n.columns) && (n.columns = [...m], c("columns:update", [...m]));
+    ), j(
+      u,
+      (h) => {
+        JSON.stringify(h) !== JSON.stringify(n.columns) && (n.columns = [...h], r("columns:update", [...h]));
       },
       { deep: !0 }
-    ), re(() => {
-      i.value.some((m) => m.pinned) && (d(), n.isTreeView && kt(r, d, { childList: !0, subtree: !0 }));
+    ), de(() => {
+      u.value.some((h) => h.pinned) && (d(), n.isTreeView && xt(l, d, { childList: !0, subtree: !0 }));
     });
-    const l = D(() => n.columns.filter((m) => m.pinned).length), d = () => {
-      const m = r.value, I = m?.rows[0], w = m?.rows[1], v = I ? Array.from(I.cells) : [];
-      for (const [g, b] of v.entries()) {
-        const P = w?.cells[g];
-        P && (b.style.width = `${P.offsetWidth}px`);
+    const a = D(() => n.columns.filter((h) => h.pinned).length), d = () => {
+      const h = l.value, b = h?.rows[0], w = h?.rows[1], f = b ? Array.from(b.cells) : [];
+      for (const [m, y] of f.entries()) {
+        const L = w?.cells[m];
+        L && (y.style.width = `${L.offsetWidth}px`);
       }
-      for (const g of m?.rows || []) {
-        let b = 0;
-        const P = [];
-        for (const B of g.cells)
-          (B.classList.contains("sticky-column") || B.classList.contains("sticky-index")) && (B.style.left = `${b}px`, b += B.offsetWidth, P.push(B));
-        P.length > 0 && P[P.length - 1].classList.add("sticky-column-edge");
+      for (const m of h?.rows || []) {
+        let y = 0;
+        const L = [];
+        for (const B of m.cells)
+          (B.classList.contains("sticky-column") || B.classList.contains("sticky-index")) && (B.style.left = `${y}px`, y += B.offsetWidth, L.push(B));
+        L.length > 0 && L[L.length - 1].classList.add("sticky-column-edge");
       }
     };
-    window.addEventListener("keydown", (m) => {
-      if (m.key === "Escape" && n.modal.visible) {
+    window.addEventListener("keydown", (h) => {
+      if (h.key === "Escape" && n.modal.visible) {
         n.modal.visible = !1;
-        const I = n.modal.parent;
-        I && Fe().then(() => {
-          I.focus();
+        const b = n.modal.parent;
+        b && Ge().then(() => {
+          b.focus();
         });
       }
     });
-    const f = (m) => {
-      if (!m.gantt || l.value === 0)
+    const v = (h) => {
+      if (!h.gantt || a.value === 0)
         return n.columns;
-      const I = [];
-      for (let w = 0; w < l.value; w++) {
-        const v = { ...n.columns[w] };
-        v.originalIndex = w, I.push(v);
+      const b = [];
+      for (let w = 0; w < a.value; w++) {
+        const f = { ...n.columns[w] };
+        f.originalIndex = w, b.push(f);
       }
-      return I.push({
-        ...n.columns[l.value],
+      return b.push({
+        ...n.columns[a.value],
         isGantt: !0,
-        colspan: m.gantt?.colspan || n.columns.length - l.value,
-        originalIndex: l.value,
+        colspan: h.gantt?.colspan || n.columns.length - a.value,
+        originalIndex: a.value,
         width: "auto"
         // TODO: refactor to API that can detect when data exists in a cell. Might have be custom and not generalizable
-      }), I;
-    }, p = (m) => {
-      c("connection:event", { type: "create", connection: m });
-    }, x = (m) => {
-      c("connection:event", { type: "delete", connection: m });
+      }), b;
+    }, p = (h) => {
+      r("connection:event", { type: "create", connection: h });
+    }, E = (h) => {
+      r("connection:event", { type: "delete", connection: h });
     };
     return t({
       store: n,
@@ -1919,126 +1726,126 @@ const Yn = { class: "gantt-connection-overlay" }, jn = {
       deleteConnection: n.deleteConnection,
       getConnectionsForBar: n.getConnectionsForBar,
       getHandlesForBar: n.getHandlesForBar
-    }), (m, I) => (T(), L("div", no, [
-      Me((T(), L("table", {
+    }), (h, b) => (M(), P("div", Yn, [
+      Re((M(), P("table", {
         ref: "table",
         class: "atable",
         style: ee({
-          width: R(n).config.fullWidth ? "100%" : "auto"
+          width: $(n).config.fullWidth ? "100%" : "auto"
         })
       }, [
-        j(m.$slots, "header", { data: R(n) }, () => [
-          rt(St, {
-            columns: R(n).columns,
-            store: R(n)
+        Y(h.$slots, "header", { data: $(n) }, () => [
+          ot(yt, {
+            columns: $(n).columns,
+            store: $(n)
           }, null, 8, ["columns", "store"])
         ], !0),
         N("tbody", null, [
-          j(m.$slots, "body", { data: R(n) }, () => [
-            (T(!0), L(ae, null, pe(R(n).rows, (w, v) => (T(), ce($t, {
+          Y(h.$slots, "body", { data: $(n) }, () => [
+            (M(!0), P(se, null, me($(n).rows, (w, f) => (M(), ie(pt, {
               key: w.id,
               row: w,
-              rowIndex: v,
-              store: R(n)
+              "row-index": f,
+              store: $(n)
             }, {
-              default: it(() => [
-                (T(!0), L(ae, null, pe(f(w), (g, b) => (T(), L(ae, {
-                  key: g.name
+              default: lt(() => [
+                (M(!0), P(se, null, me(v(w), (m, y) => (M(), P(se, {
+                  key: m.name
                 }, [
-                  g.isGantt ? (T(), ce(ke(g.ganttComponent || "AGanttCell"), {
+                  m.isGantt ? (M(), ie(Ee(m.ganttComponent || "AGanttCell"), {
                     key: 0,
-                    store: R(n),
-                    columnsCount: R(n).columns.length - l.value,
+                    store: $(n),
+                    "columns-count": $(n).columns.length - a.value,
                     color: w.gantt?.color,
                     start: w.gantt?.startIndex,
                     end: w.gantt?.endIndex,
-                    colspan: g.colspan,
-                    pinned: g.pinned,
-                    rowIndex: v,
-                    colIndex: g.originalIndex ?? b,
+                    colspan: m.colspan,
+                    pinned: m.pinned,
+                    "row-index": f,
+                    "col-index": m.originalIndex ?? y,
                     style: ee({
-                      textAlign: g?.align || "center",
-                      minWidth: g?.width || "40ch",
-                      width: R(n).config.fullWidth ? "auto" : null
+                      textAlign: m?.align || "center",
+                      minWidth: m?.width || "40ch",
+                      width: $(n).config.fullWidth ? "auto" : null
                     }),
                     "onConnection:create": p
-                  }, null, 40, ["store", "columnsCount", "color", "start", "end", "colspan", "pinned", "rowIndex", "colIndex", "style"])) : (T(), ce(ke(g.cellComponent || "ACell"), {
+                  }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "row-index", "col-index", "style"])) : (M(), ie(Ee(m.cellComponent || "ACell"), {
                     key: 1,
-                    store: R(n),
-                    pinned: g.pinned,
-                    rowIndex: v,
-                    colIndex: b,
+                    store: $(n),
+                    pinned: m.pinned,
+                    "row-index": f,
+                    "col-index": y,
                     style: ee({
-                      textAlign: g?.align || "center",
-                      width: R(n).config.fullWidth ? "auto" : null
+                      textAlign: m?.align || "center",
+                      width: $(n).config.fullWidth ? "auto" : null
                     }),
                     spellcheck: "false"
-                  }, null, 8, ["store", "pinned", "rowIndex", "colIndex", "style"]))
+                  }, null, 8, ["store", "pinned", "row-index", "col-index", "style"]))
                 ], 64))), 128))
               ]),
               _: 2
-            }, 1032, ["row", "rowIndex", "store"]))), 128))
+            }, 1032, ["row", "row-index", "store"]))), 128))
           ], !0)
         ]),
-        j(m.$slots, "footer", { data: R(n) }, void 0, !0),
-        j(m.$slots, "modal", { data: R(n) }, () => [
-          Me(rt(Mt, { store: R(n) }, {
-            default: it(() => [
-              (T(), ce(ke(R(n).modal.component), Ve({
-                key: `${R(n).modal.rowIndex}:${R(n).modal.colIndex}`,
-                colIndex: R(n).modal.colIndex,
-                rowIndex: R(n).modal.rowIndex,
-                store: R(n)
-              }, R(n).modal.componentProps), null, 16, ["colIndex", "rowIndex", "store"]))
+        Y(h.$slots, "footer", { data: $(n) }, void 0, !0),
+        Y(h.$slots, "modal", { data: $(n) }, () => [
+          Re(ot(bt, { store: $(n) }, {
+            default: lt(() => [
+              (M(), ie(Ee($(n).modal.component), Xe({
+                key: `${$(n).modal.rowIndex}:${$(n).modal.colIndex}`,
+                "col-index": $(n).modal.colIndex,
+                "row-index": $(n).modal.rowIndex,
+                store: $(n)
+              }, $(n).modal.componentProps), null, 16, ["col-index", "row-index", "store"]))
             ]),
             _: 1
           }, 8, ["store"]), [
-            [bt, R(n).modal.visible]
+            [gt, $(n).modal.visible]
           ])
         ], !0)
       ], 4)), [
-        [R(Wn), R(n).closeModal]
+        [$(Tn), $(n).closeModal]
       ]),
-      R(n).isGanttView && R(n).isDependencyGraphEnabled ? (T(), ce(Qn, {
+      $(n).isGanttView && $(n).isDependencyGraphEnabled ? (M(), ie(Nn, {
         key: 0,
-        store: R(n),
-        "onConnection:delete": x
+        store: $(n),
+        "onConnection:delete": E
       }, null, 8, ["store"])) : J("", !0)
     ]));
   }
-}), lo = /* @__PURE__ */ ie(oo, [["__scopeId", "data-v-51a03d16"]]), ao = {}, so = { class: "aloading" }, ro = { class: "aloading-header" };
-function io(e, t) {
-  return T(), L("div", so, [
-    N("h2", ro, [
-      j(e.$slots, "default", {}, void 0, !0)
+}), Un = /* @__PURE__ */ re(jn, [["__scopeId", "data-v-50e8e2bf"]]), qn = {}, Jn = { class: "aloading" }, Zn = { class: "aloading-header" };
+function Qn(e, t) {
+  return M(), P("div", Jn, [
+    N("h2", Zn, [
+      Y(e.$slots, "default", {}, void 0, !0)
     ]),
     t[0] || (t[0] = N("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const co = /* @__PURE__ */ ie(ao, [["render", io], ["__scopeId", "data-v-a930a25b"]]), uo = {}, fo = { class: "aloading" }, vo = { class: "aloading-header" };
-function mo(e, t) {
-  return T(), L("div", fo, [
-    N("h2", vo, [
-      j(e.$slots, "default", {}, void 0, !0)
+const Kn = /* @__PURE__ */ re(qn, [["render", Qn], ["__scopeId", "data-v-a930a25b"]]), _n = {}, eo = { class: "aloading" }, to = { class: "aloading-header" };
+function no(e, t) {
+  return M(), P("div", eo, [
+    N("h2", to, [
+      Y(e.$slots, "default", {}, void 0, !0)
     ]),
     t[0] || (t[0] = N("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const go = /* @__PURE__ */ ie(uo, [["render", mo], ["__scopeId", "data-v-e1165876"]]);
-function wo(e) {
-  e.component("ACell", En), e.component("AExpansionRow", Sn), e.component("AGanttCell", Pn), e.component("ARow", $t), e.component("ATable", lo), e.component("ATableHeader", St), e.component("ATableLoading", co), e.component("ATableLoadingBar", go), e.component("ATableModal", Mt);
+const oo = /* @__PURE__ */ re(_n, [["render", no], ["__scopeId", "data-v-e1165876"]]);
+function so(e) {
+  e.component("ACell", hn), e.component("AExpansionRow", bn), e.component("AGanttCell", Sn), e.component("ARow", pt), e.component("ATable", Un), e.component("ATableHeader", yt), e.component("ATableLoading", Kn), e.component("ATableLoadingBar", oo), e.component("ATableModal", bt);
 }
 export {
-  En as ACell,
-  Sn as AExpansionRow,
-  Pn as AGanttCell,
-  $t as ARow,
-  lo as ATable,
-  St as ATableHeader,
-  co as ATableLoading,
-  go as ATableLoadingBar,
-  Mt as ATableModal,
-  to as createTableStore,
-  wo as install
+  hn as ACell,
+  bn as AExpansionRow,
+  Sn as AGanttCell,
+  pt as ARow,
+  Un as ATable,
+  yt as ATableHeader,
+  Kn as ATableLoading,
+  oo as ATableLoadingBar,
+  bt as ATableModal,
+  Fn as createTableStore,
+  so as install
 };
 //# sourceMappingURL=atable.js.map