@stonecrop/atable 0.4.32 → 0.4.34

package/dist/atable.js

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