@stonecrop/atable 0.4.22 → 0.4.24

package/dist/atable.js

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