@stonecrop/atable 0.4.23 → 0.4.25

package/dist/atable.js

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