@stonecrop/atable 0.8.3 → 0.8.4

package/dist/atable.js

@@ -1,93 +1,93 @@
-import { onMounted as Ce, ref as N, watch as ae, onBeforeUnmount as Vt, computed as E, shallowRef as ee, toValue as Z, watchEffect as Bt, getCurrentScope as It, onScopeDispose as $t, getCurrentInstance as ot, unref as O, nextTick as lt, isRef as Pt, toRefs as Zt, customRef as Et, toRef as Nt, readonly as Ft, defineComponent as ue, useTemplateRef as te, createElementBlock as k, openBlock as x, normalizeClass as Q, normalizeStyle as ce, createBlock as se, resolveDynamicComponent as $e, mergeProps as at, toDisplayString as de, Fragment as ie, createElementVNode as P, createCommentVNode as U, renderSlot as le, useCssVars as zt, onUnmounted as Wt, withModifiers as ye, withDirectives as oe, renderList as ve, vShow as st, reactive as Xt, vModelText as Ie, vModelCheckbox as Gt, vModelSelect as Ut, createTextVNode as jt, mergeModels as gt, useModel as wt, createVNode as pt, withCtx as xt } from "vue";
-import { defineStore as Yt } from "pinia";
-import './assets/index.css';function St(e, t) {
-  return It() ? ($t(e, t), !0) : !1;
+import { onMounted as He, ref as z, watch as ce, onBeforeUnmount as Bt, computed as T, shallowRef as ie, toValue as D, watchEffect as Pt, getCurrentScope as $t, onScopeDispose as Et, getCurrentInstance as lt, unref as Z, nextTick as at, isRef as Zt, toRefs as Nt, customRef as St, toRef as Wt, readonly as Ft, defineComponent as we, useTemplateRef as re, openBlock as y, createElementBlock as C, normalizeClass as oe, normalizeStyle as me, createBlock as ve, resolveDynamicComponent as We, mergeProps as st, toDisplayString as xe, Fragment as he, createElementVNode as W, renderSlot as fe, createCommentVNode as K, useCssVars as zt, onUnmounted as Xt, withModifiers as Se, withDirectives as de, renderList as ye, vShow as it, reactive as Gt, vModelText as Ne, vModelCheckbox as Yt, vModelSelect as Ut, createTextVNode as jt, useModel as wt, createVNode as pt, withCtx as xt, mergeModels as yt } from "vue";
+import { defineStore as qt } from "pinia";
+import './assets/index.css';function At(e, t) {
+  return $t() ? (Et(e, t), !0) : !1;
 }
-const qt = typeof window < "u" && typeof document < "u";
+const Jt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Jt = (e) => e != null, Qt = Object.prototype.toString, Kt = (e) => Qt.call(e) === "[object Object]", _t = () => {
+const Qt = (e) => e != null, Kt = Object.prototype.toString, _t = (e) => Kt.call(e) === "[object Object]", en = () => {
 };
-function Ze(e) {
+function Ue(e) {
   return Array.isArray(e) ? e : [e];
 }
-function en(e, t, s) {
-  return ae(e, t, {
+function tn(e, t, s) {
+  return ce(e, t, {
     ...s,
     immediate: !0
   });
 }
-const ke = qt ? window : void 0;
-function be(e) {
+const Le = Jt ? window : void 0;
+function De(e) {
   var t;
-  const s = Z(e);
+  const s = D(e);
   return (t = s?.$el) !== null && t !== void 0 ? t : s;
 }
-function Ee(...e) {
-  const t = (i, u, l, a) => (i.addEventListener(u, l, a), () => i.removeEventListener(u, l, a)), s = E(() => {
-    const i = Ze(Z(e[0])).filter((u) => u != null);
+function Fe(...e) {
+  const t = (i, u, o, a) => (i.addEventListener(u, o, a), () => i.removeEventListener(u, o, a)), s = T(() => {
+    const i = Ue(D(e[0])).filter((u) => u != null);
     return i.every((u) => typeof u != "string") ? i : void 0;
   });
-  return en(() => {
+  return tn(() => {
     var i, u;
     return [
-      (i = (u = s.value) === null || u === void 0 ? void 0 : u.map((l) => be(l))) !== null && i !== void 0 ? i : [ke].filter((l) => l != null),
-      Ze(Z(s.value ? e[1] : e[0])),
-      Ze(O(s.value ? e[2] : e[1])),
-      Z(s.value ? e[3] : e[2])
+      (i = (u = s.value) === null || u === void 0 ? void 0 : u.map((o) => De(o))) !== null && i !== void 0 ? i : [Le].filter((o) => o != null),
+      Ue(D(s.value ? e[1] : e[0])),
+      Ue(Z(s.value ? e[2] : e[1])),
+      D(s.value ? e[3] : e[2])
     ];
-  }, ([i, u, l, a], n, c) => {
-    if (!i?.length || !u?.length || !l?.length) return;
-    const r = Kt(a) ? { ...a } : a, v = i.flatMap((g) => u.flatMap(($) => l.map((A) => t(g, $, A, r))));
+  }, ([i, u, o, a], n, c) => {
+    if (!i?.length || !u?.length || !o?.length) return;
+    const r = _t(a) ? { ...a } : a, f = i.flatMap((g) => u.flatMap(($) => o.map((V) => t(g, $, V, r))));
     c(() => {
-      v.forEach((g) => g());
+      f.forEach((g) => g());
     });
   }, { flush: "post" });
 }
 // @__NO_SIDE_EFFECTS__
-function tn() {
-  const e = ee(!1), t = ot();
-  return t && Ce(() => {
+function nn() {
+  const e = ie(!1), t = lt();
+  return t && He(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function nn(e) {
-  const t = /* @__PURE__ */ tn();
-  return E(() => (t.value, !!e()));
+function on(e) {
+  const t = /* @__PURE__ */ nn();
+  return T(() => (t.value, !!e()));
 }
-function on(e, t, s = {}) {
-  const { window: i = ke, ...u } = s;
-  let l;
-  const a = /* @__PURE__ */ nn(() => i && "MutationObserver" in i), n = () => {
-    l && (l.disconnect(), l = void 0);
-  }, c = ae(E(() => {
-    const g = Ze(Z(e)).map(be).filter(Jt);
+function ln(e, t, s = {}) {
+  const { window: i = Le, ...u } = s;
+  let o;
+  const a = /* @__PURE__ */ on(() => i && "MutationObserver" in i), n = () => {
+    o && (o.disconnect(), o = void 0);
+  }, c = ce(T(() => {
+    const g = Ue(D(e)).map(De).filter(Qt);
     return new Set(g);
   }), (g) => {
-    n(), a.value && g.size && (l = new MutationObserver(t), g.forEach(($) => l.observe($, u)));
+    n(), a.value && g.size && (o = new MutationObserver(t), g.forEach(($) => o.observe($, u)));
   }, {
     immediate: !0,
     flush: "post"
-  }), r = () => l?.takeRecords(), v = () => {
+  }), r = () => o?.takeRecords(), f = () => {
     c(), n();
   };
-  return St(v), {
+  return At(f), {
     isSupported: a,
-    stop: v,
+    stop: f,
     takeRecords: r
   };
 }
-function ln(e, t, s = {}) {
-  const { window: i = ke, document: u = i?.document, flush: l = "sync" } = s;
-  if (!i || !u) return _t;
+function an(e, t, s = {}) {
+  const { window: i = Le, document: u = i?.document, flush: o = "sync" } = s;
+  if (!i || !u) return en;
   let a;
-  const n = (v) => {
-    a?.(), a = v;
-  }, c = Bt(() => {
-    const v = be(e);
-    if (v) {
-      const { stop: g } = on(u, ($) => {
-        $.map((A) => [...A.removedNodes]).flat().some((A) => A === v || A.contains(v)) && t($);
+  const n = (f) => {
+    a?.(), a = f;
+  }, c = Pt(() => {
+    const f = De(e);
+    if (f) {
+      const { stop: g } = ln(u, ($) => {
+        $.map((V) => [...V.removedNodes]).flat().some((V) => V === f || V.contains(f)) && t($);
       }, {
         window: i,
         childList: !0,
@@ -95,20 +95,20 @@ function ln(e, t, s = {}) {
       });
       n(g);
     }
-  }, { flush: l }), r = () => {
+  }, { flush: o }), r = () => {
     c(), n();
   };
-  return St(r), r;
+  return At(r), r;
 }
 // @__NO_SIDE_EFFECTS__
-function an(e = {}) {
+function sn(e = {}) {
   var t;
-  const { window: s = ke, deep: i = !0, triggerOnRemoval: u = !1 } = e, l = (t = e.document) !== null && t !== void 0 ? t : s?.document, a = () => {
-    let r = l?.activeElement;
+  const { window: s = Le, deep: i = !0, triggerOnRemoval: u = !1 } = e, o = (t = e.document) !== null && t !== void 0 ? t : s?.document, a = () => {
+    let r = o?.activeElement;
     if (i)
-      for (var v; r?.shadowRoot; ) r = r == null || (v = r.shadowRoot) === null || v === void 0 ? void 0 : v.activeElement;
+      for (var f; r?.shadowRoot; ) r = r == null || (f = r.shadowRoot) === null || f === void 0 ? void 0 : f.activeElement;
     return r;
-  }, n = ee(), c = () => {
+  }, n = ie(), c = () => {
     n.value = a();
   };
   if (s) {
@@ -116,49 +116,49 @@ function an(e = {}) {
       capture: !0,
       passive: !0
     };
-    Ee(s, "blur", (v) => {
-      v.relatedTarget === null && c();
-    }, r), Ee(s, "focus", c, r);
+    Fe(s, "blur", (f) => {
+      f.relatedTarget === null && c();
+    }, r), Fe(s, "focus", c, r);
   }
-  return u && ln(n, c, { document: l }), c(), n;
+  return u && an(n, c, { document: o }), c(), n;
 }
-const sn = "focusin", rn = "focusout", cn = ":focus-within";
-function un(e, t = {}) {
-  const { window: s = ke } = t, i = E(() => be(e)), u = ee(!1), l = E(() => u.value);
-  if (!s || !(/* @__PURE__ */ an(t)).value) return { focused: l };
+const rn = "focusin", cn = "focusout", un = ":focus-within";
+function dn(e, t = {}) {
+  const { window: s = Le } = t, i = T(() => De(e)), u = ie(!1), o = T(() => u.value);
+  if (!s || !(/* @__PURE__ */ sn(t)).value) return { focused: o };
   const a = { passive: !0 };
-  return Ee(i, sn, () => u.value = !0, a), Ee(i, rn, () => {
+  return Fe(i, rn, () => u.value = !0, a), Fe(i, cn, () => {
     var n, c, r;
-    return u.value = (n = (c = i.value) === null || c === void 0 || (r = c.matches) === null || r === void 0 ? void 0 : r.call(c, cn)) !== null && n !== void 0 ? n : !1;
-  }, a), { focused: l };
+    return u.value = (n = (c = i.value) === null || c === void 0 || (r = c.matches) === null || r === void 0 ? void 0 : r.call(c, un)) !== null && n !== void 0 ? n : !1;
+  }, a), { focused: o };
 }
-function dn(e, { window: t = ke, scrollTarget: s } = {}) {
-  const i = N(!1), u = () => {
+function fn(e, { window: t = Le, scrollTarget: s } = {}) {
+  const i = z(!1), u = () => {
     if (!t) return;
-    const l = t.document, a = be(e);
+    const o = t.document, a = De(e);
     if (!a)
       i.value = !1;
     else {
       const n = a.getBoundingClientRect();
-      i.value = n.top <= (t.innerHeight || l.documentElement.clientHeight) && n.left <= (t.innerWidth || l.documentElement.clientWidth) && n.bottom >= 0 && n.right >= 0;
+      i.value = n.top <= (t.innerHeight || o.documentElement.clientHeight) && n.left <= (t.innerWidth || o.documentElement.clientWidth) && n.bottom >= 0 && n.right >= 0;
     }
   };
-  return ae(
-    () => be(e),
+  return ce(
+    () => De(e),
     () => u(),
     { immediate: !0, flush: "post" }
-  ), t && Ee(s || t, "scroll", u, {
+  ), t && Fe(s || t, "scroll", u, {
     capture: !1,
     passive: !0
   }), i;
 }
-const fe = (e) => {
-  let t = dn(e).value;
+const be = (e) => {
+  let t = fn(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, he = (e) => e.tabIndex >= 0, yt = (e) => {
+}, Ce = (e) => e.tabIndex >= 0, bt = (e) => {
   const t = e.target;
-  return it(t);
-}, it = (e) => {
+  return rt(t);
+}, rt = (e) => {
   let t;
   if (e instanceof HTMLTableCellElement) {
     const s = e.parentElement?.previousElementSibling;
@@ -170,7 +170,7 @@ const fe = (e) => {
     const s = e.previousElementSibling;
     s && (t = s);
   }
-  return t && (!he(t) || !fe(t)) ? it(t) : t;
+  return t && (!Ce(t) || !be(t)) ? rt(t) : t;
 }, vn = (e) => {
   const t = e.target;
   let s;
@@ -187,11 +187,11 @@ const fe = (e) => {
       u && (s = u);
     }
   }
-  return s && (!he(s) || !fe(s)) ? rt(s) : s;
-}, bt = (e) => {
+  return s && (!Ce(s) || !be(s)) ? ct(s) : s;
+}, Ct = (e) => {
   const t = e.target;
-  return rt(t);
-}, rt = (e) => {
+  return ct(t);
+}, ct = (e) => {
   let t;
   if (e instanceof HTMLTableCellElement) {
     const s = e.parentElement?.nextElementSibling;
@@ -203,8 +203,8 @@ const fe = (e) => {
     const s = e.nextElementSibling;
     s && (t = s);
   }
-  return t && (!he(t) || !fe(t)) ? rt(t) : t;
-}, fn = (e) => {
+  return t && (!Ce(t) || !be(t)) ? ct(t) : t;
+}, hn = (e) => {
   const t = e.target;
   let s;
   if (t instanceof HTMLTableCellElement) {
@@ -220,45 +220,45 @@ const fe = (e) => {
       u && (s = u);
     }
   }
-  return s && (!he(s) || !fe(s)) ? it(s) : s;
-}, Ct = (e) => {
-  const t = e.target;
-  return ct(t);
-}, ct = (e) => {
-  let t;
-  return e.previousElementSibling ? t = e.previousElementSibling : t = e.parentElement?.previousElementSibling?.lastElementChild, t && (!he(t) || !fe(t)) ? ct(t) : t;
+  return s && (!Ce(s) || !be(s)) ? rt(s) : s;
 }, kt = (e) => {
   const t = e.target;
   return ut(t);
 }, ut = (e) => {
   let t;
-  return e.nextElementSibling ? t = e.nextElementSibling : t = e.parentElement?.nextElementSibling?.firstElementChild, t && (!he(t) || !fe(t)) ? ut(t) : t;
+  return e.previousElementSibling ? t = e.previousElementSibling : t = e.parentElement?.previousElementSibling?.lastElementChild, t && (!Ce(t) || !be(t)) ? ut(t) : t;
 }, Mt = (e) => {
-  const t = e.target.parentElement?.firstElementChild;
-  return t && (!he(t) || !fe(t)) ? ut(t) : t;
+  const t = e.target;
+  return dt(t);
+}, dt = (e) => {
+  let t;
+  return e.nextElementSibling ? t = e.nextElementSibling : t = e.parentElement?.nextElementSibling?.firstElementChild, t && (!Ce(t) || !be(t)) ? dt(t) : t;
 }, Rt = (e) => {
+  const t = e.target.parentElement?.firstElementChild;
+  return t && (!Ce(t) || !be(t)) ? dt(t) : t;
+}, It = (e) => {
   const t = e.target.parentElement?.lastElementChild;
-  return t && (!he(t) || !fe(t)) ? ct(t) : t;
-}, Be = ["alt", "control", "shift", "meta"], hn = {
+  return t && (!Ce(t) || !be(t)) ? ut(t) : t;
+}, Xe = ["alt", "control", "shift", "meta"], gn = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, We = {
+}, Qe = {
   "keydown.up": (e) => {
-    const t = yt(e);
+    const t = bt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
-    const t = bt(e);
+    const t = Ct(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = Ct(e);
+    const t = kt(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = kt(e);
+    const t = Mt(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
@@ -266,49 +266,49 @@ const fe = (e) => {
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = fn(e);
+    const t = hn(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = Mt(e);
+    const t = Rt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = Rt(e);
+    const t = It(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = Rt(e);
+    const t = It(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = bt(e);
+      const t = Ct(e);
       t && t.focus();
     }
   },
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = yt(e);
+      const t = bt(e);
       t && t.focus();
     }
   },
   "keydown.home": (e) => {
-    const t = Mt(e);
+    const t = Rt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = kt(e);
+    const t = Mt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = Ct(e);
+    const t = kt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
-function dt(e) {
+function ft(e) {
   const t = (a) => {
     let n = null;
     return a.parent && (typeof a.parent == "string" ? n = document.querySelector(a.parent) : a.parent instanceof HTMLElement ? n = a.parent : n = a.parent.value), n;
@@ -332,110 +332,110 @@ function dt(e) {
   }, i = (a) => {
     const n = t(a);
     let c = [];
-    return a.selectors ? c = s(a) : n && (c = Array.from(n.children).filter((r) => he(r) && fe(r))), c;
+    return a.selectors ? c = s(a) : n && (c = Array.from(n.children).filter((r) => Ce(r) && be(r))), c;
   }, u = (a) => (n) => {
-    const c = hn[n.key] || n.key.toLowerCase();
-    if (Be.includes(c)) return;
-    const r = a.handlers || We;
-    for (const v of Object.keys(r)) {
-      const [g, ...$] = v.split(".");
+    const c = gn[n.key] || n.key.toLowerCase();
+    if (Xe.includes(c)) return;
+    const r = a.handlers || Qe;
+    for (const f of Object.keys(r)) {
+      const [g, ...$] = f.split(".");
       if (g === "keydown" && $.includes(c)) {
-        const A = r[v], y = $.filter((f) => Be.includes(f)), p = Be.some((f) => {
-          const h = f.charAt(0).toUpperCase() + f.slice(1);
+        const V = r[f], x = $.filter((v) => Xe.includes(v)), p = Xe.some((v) => {
+          const h = v.charAt(0).toUpperCase() + v.slice(1);
           return n.getModifierState(h);
         });
-        if (y.length > 0) {
+        if (x.length > 0) {
           if (p) {
-            for (const f of Be)
-              if ($.includes(f)) {
-                const h = f.charAt(0).toUpperCase() + f.slice(1);
-                n.getModifierState(h) && A(n);
+            for (const v of Xe)
+              if ($.includes(v)) {
+                const h = v.charAt(0).toUpperCase() + v.slice(1);
+                n.getModifierState(h) && V(n);
               }
           }
         } else
-          p || A(n);
+          p || V(n);
       }
     }
-  }, l = [];
-  Ce(() => {
+  }, o = [];
+  He(() => {
     for (const a of e) {
-      const n = t(a), c = i(a), r = u(a), v = n ? [n] : c;
-      for (const g of v) {
-        const { focused: $ } = un(N(g)), A = ae($, (y) => {
-          y ? g.addEventListener("keydown", r) : g.removeEventListener("keydown", r);
+      const n = t(a), c = i(a), r = u(a), f = n ? [n] : c;
+      for (const g of f) {
+        const { focused: $ } = dn(z(g)), V = ce($, (x) => {
+          x ? g.addEventListener("keydown", r) : g.removeEventListener("keydown", r);
         });
-        l.push(A);
+        o.push(V);
       }
     }
-  }), Vt(() => {
-    for (const a of l)
+  }), Bt(() => {
+    for (const a of o)
       a();
   });
 }
 function vt(e, t) {
-  return It() ? ($t(e, t), !0) : !1;
+  return $t() ? (Et(e, t), !0) : !1;
 }
-const At = typeof window < "u" && typeof document < "u";
+const Tt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const mn = (e) => e != null, gn = Object.prototype.toString, wn = (e) => gn.call(e) === "[object Object]", xe = () => {
+const mn = (e) => e != null, wn = Object.prototype.toString, pn = (e) => wn.call(e) === "[object Object]", Ee = () => {
 };
-function pn(...e) {
-  if (e.length !== 1) return Nt(...e);
+function xn(...e) {
+  if (e.length !== 1) return Wt(...e);
   const t = e[0];
-  return typeof t == "function" ? Ft(Et(() => ({
+  return typeof t == "function" ? Ft(St(() => ({
     get: t,
-    set: xe
-  }))) : N(t);
+    set: Ee
+  }))) : z(t);
 }
-function xn(e, t) {
+function yn(e, t) {
   function s(...i) {
-    return new Promise((u, l) => {
+    return new Promise((u, o) => {
       Promise.resolve(e(() => t.apply(this, i), {
         fn: t,
         thisArg: this,
         args: i
-      })).then(u).catch(l);
+      })).then(u).catch(o);
     });
   }
   return s;
 }
-function yn(e, t = {}) {
-  let s, i, u = xe;
-  const l = (c) => {
-    clearTimeout(c), u(), u = xe;
+function bn(e, t = {}) {
+  let s, i, u = Ee;
+  const o = (c) => {
+    clearTimeout(c), u(), u = Ee;
   };
   let a;
   return (c) => {
-    const r = Z(e), v = Z(t.maxWait);
-    return s && l(s), r <= 0 || v !== void 0 && v <= 0 ? (i && (l(i), i = void 0), Promise.resolve(c())) : new Promise((g, $) => {
-      u = t.rejectOnCancel ? $ : g, a = c, v && !i && (i = setTimeout(() => {
-        s && l(s), i = void 0, g(a());
-      }, v)), s = setTimeout(() => {
-        i && l(i), i = void 0, g(c());
+    const r = D(e), f = D(t.maxWait);
+    return s && o(s), r <= 0 || f !== void 0 && f <= 0 ? (i && (o(i), i = void 0), Promise.resolve(c())) : new Promise((g, $) => {
+      u = t.rejectOnCancel ? $ : g, a = c, f && !i && (i = setTimeout(() => {
+        s && o(s), i = void 0, g(a());
+      }, f)), s = setTimeout(() => {
+        i && o(i), i = void 0, g(c());
       }, r);
     });
   };
 }
-function Ne(e) {
+function je(e) {
   return Array.isArray(e) ? e : [e];
 }
-function bn(e) {
-  return ot();
+function Cn(e) {
+  return lt();
 }
 // @__NO_SIDE_EFFECTS__
-function Cn(e, t = 200, s = {}) {
-  return xn(yn(t, s), e);
+function kn(e, t = 200, s = {}) {
+  return yn(bn(t, s), e);
 }
-function kn(e, t = {}) {
-  if (!Pt(e)) return Zt(e);
+function Mn(e, t = {}) {
+  if (!Zt(e)) return Nt(e);
   const s = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
-  for (const i in e.value) s[i] = Et(() => ({
+  for (const i in e.value) s[i] = St(() => ({
     get() {
       return e.value[i];
     },
     set(u) {
-      var l;
-      if (!((l = Z(t.replaceRef)) !== null && l !== void 0) || l) if (Array.isArray(e.value)) {
+      var o;
+      if (!((o = D(t.replaceRef)) !== null && o !== void 0) || o) if (Array.isArray(e.value)) {
         const a = [...e.value];
         a[i] = u, e.value = a;
       } else {
@@ -450,196 +450,262 @@ function kn(e, t = {}) {
   }));
   return s;
 }
-function Mn(e, t = !0, s) {
-  bn() ? Ce(e, s) : t ? e() : lt(e);
+function Rn(e, t = !0, s) {
+  Cn() ? He(e, s) : t ? e() : at(e);
 }
-function Rn(e, t, s) {
-  return ae(e, t, {
+function In(e, t, s) {
+  return ce(e, t, {
     ...s,
     immediate: !0
   });
 }
-const Se = At ? window : void 0;
-function re(e) {
+const ze = Tt ? window : void 0;
+function ge(e) {
   var t;
-  const s = Z(e);
+  const s = D(e);
   return (t = s?.$el) !== null && t !== void 0 ? t : s;
 }
-function ge(...e) {
-  const t = (i, u, l, a) => (i.addEventListener(u, l, a), () => i.removeEventListener(u, l, a)), s = E(() => {
-    const i = Ne(Z(e[0])).filter((u) => u != null);
+function Re(...e) {
+  const t = (i, u, o, a) => (i.addEventListener(u, o, a), () => i.removeEventListener(u, o, a)), s = T(() => {
+    const i = je(D(e[0])).filter((u) => u != null);
     return i.every((u) => typeof u != "string") ? i : void 0;
   });
-  return Rn(() => {
+  return In(() => {
     var i, u;
     return [
-      (i = (u = s.value) === null || u === void 0 ? void 0 : u.map((l) => re(l))) !== null && i !== void 0 ? i : [Se].filter((l) => l != null),
-      Ne(Z(s.value ? e[1] : e[0])),
-      Ne(O(s.value ? e[2] : e[1])),
-      Z(s.value ? e[3] : e[2])
+      (i = (u = s.value) === null || u === void 0 ? void 0 : u.map((o) => ge(o))) !== null && i !== void 0 ? i : [ze].filter((o) => o != null),
+      je(D(s.value ? e[1] : e[0])),
+      je(Z(s.value ? e[2] : e[1])),
+      D(s.value ? e[3] : e[2])
     ];
-  }, ([i, u, l, a], n, c) => {
-    if (!i?.length || !u?.length || !l?.length) return;
-    const r = wn(a) ? { ...a } : a, v = i.flatMap((g) => u.flatMap(($) => l.map((A) => t(g, $, A, r))));
+  }, ([i, u, o, a], n, c) => {
+    if (!i?.length || !u?.length || !o?.length) return;
+    const r = pn(a) ? { ...a } : a, f = i.flatMap((g) => u.flatMap(($) => o.map((V) => t(g, $, V, r))));
     c(() => {
-      v.forEach((g) => g());
+      f.forEach((g) => g());
     });
   }, { flush: "post" });
 }
-function nt(e, t, s = {}) {
-  const { window: i = Se, ignore: u = [], capture: l = !0, detectIframe: a = !1, controls: n = !1 } = s;
+function ot(e, t, s = {}) {
+  const { window: i = ze, ignore: u = [], capture: o = !0, detectIframe: a = !1, controls: n = !1 } = s;
   if (!i) return n ? {
-    stop: xe,
-    cancel: xe,
-    trigger: xe
-  } : xe;
+    stop: Ee,
+    cancel: Ee,
+    trigger: Ee
+  } : Ee;
   let c = !0;
-  const r = (f) => Z(u).some((h) => {
-    if (typeof h == "string") return Array.from(i.document.querySelectorAll(h)).some((m) => m === f.target || f.composedPath().includes(m));
+  const r = (v) => D(u).some((h) => {
+    if (typeof h == "string") return Array.from(i.document.querySelectorAll(h)).some((m) => m === v.target || v.composedPath().includes(m));
     {
-      const m = re(h);
-      return m && (f.target === m || f.composedPath().includes(m));
+      const m = ge(h);
+      return m && (v.target === m || v.composedPath().includes(m));
     }
   });
-  function v(f) {
-    const h = Z(f);
+  function f(v) {
+    const h = D(v);
     return h && h.$.subTree.shapeFlag === 16;
   }
-  function g(f, h) {
-    const m = Z(f), R = m.$.subTree && m.$.subTree.children;
-    return R == null || !Array.isArray(R) ? !1 : R.some((T) => T.el === h.target || h.composedPath().includes(T.el));
+  function g(v, h) {
+    const m = D(v), I = m.$.subTree && m.$.subTree.children;
+    return I == null || !Array.isArray(I) ? !1 : I.some((E) => E.el === h.target || h.composedPath().includes(E.el));
   }
-  const $ = (f) => {
-    const h = re(e);
-    if (f.target != null && !(!(h instanceof Element) && v(e) && g(e, f)) && !(!h || h === f.target || f.composedPath().includes(h))) {
-      if ("detail" in f && f.detail === 0 && (c = !r(f)), !c) {
+  const $ = (v) => {
+    const h = ge(e);
+    if (v.target != null && !(!(h instanceof Element) && f(e) && g(e, v)) && !(!h || h === v.target || v.composedPath().includes(h))) {
+      if ("detail" in v && v.detail === 0 && (c = !r(v)), !c) {
         c = !0;
         return;
       }
-      t(f);
+      t(v);
     }
   };
-  let A = !1;
-  const y = [
-    ge(i, "click", (f) => {
-      A || (A = !0, setTimeout(() => {
-        A = !1;
-      }, 0), $(f));
+  let V = !1;
+  const x = [
+    Re(i, "click", (v) => {
+      V || (V = !0, setTimeout(() => {
+        V = !1;
+      }, 0), $(v));
     }, {
       passive: !0,
-      capture: l
+      capture: o
     }),
-    ge(i, "pointerdown", (f) => {
-      const h = re(e);
-      c = !r(f) && !!(h && !f.composedPath().includes(h));
+    Re(i, "pointerdown", (v) => {
+      const h = ge(e);
+      c = !r(v) && !!(h && !v.composedPath().includes(h));
     }, { passive: !0 }),
-    a && ge(i, "blur", (f) => {
+    a && Re(i, "blur", (v) => {
       setTimeout(() => {
         var h;
-        const m = re(e);
-        ((h = i.document.activeElement) === null || h === void 0 ? void 0 : h.tagName) === "IFRAME" && !m?.contains(i.document.activeElement) && t(f);
+        const m = ge(e);
+        ((h = i.document.activeElement) === null || h === void 0 ? void 0 : h.tagName) === "IFRAME" && !m?.contains(i.document.activeElement) && t(v);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), p = () => y.forEach((f) => f());
+  ].filter(Boolean), p = () => x.forEach((v) => v());
   return n ? {
     stop: p,
     cancel: () => {
       c = !1;
     },
-    trigger: (f) => {
-      c = !0, $(f), c = !1;
+    trigger: (v) => {
+      c = !0, $(v), c = !1;
     }
   } : p;
 }
 // @__NO_SIDE_EFFECTS__
-function In() {
-  const e = ee(!1), t = ot();
-  return t && Ce(() => {
+function $n() {
+  const e = ie(!1), t = lt();
+  return t && He(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function Tt(e) {
-  const t = /* @__PURE__ */ In();
-  return E(() => (t.value, !!e()));
+function Dt(e) {
+  const t = /* @__PURE__ */ $n();
+  return T(() => (t.value, !!e()));
 }
-function Dt(e, t, s = {}) {
-  const { window: i = Se, ...u } = s;
-  let l;
-  const a = /* @__PURE__ */ Tt(() => i && "MutationObserver" in i), n = () => {
-    l && (l.disconnect(), l = void 0);
-  }, c = ae(E(() => {
-    const g = Ne(Z(e)).map(re).filter(mn);
+function Ht(e, t, s = {}) {
+  const { window: i = ze, ...u } = s;
+  let o;
+  const a = /* @__PURE__ */ Dt(() => i && "MutationObserver" in i), n = () => {
+    o && (o.disconnect(), o = void 0);
+  }, c = ce(T(() => {
+    const g = je(D(e)).map(ge).filter(mn);
     return new Set(g);
   }), (g) => {
-    n(), a.value && g.size && (l = new MutationObserver(t), g.forEach(($) => l.observe($, u)));
+    n(), a.value && g.size && (o = new MutationObserver(t), g.forEach(($) => o.observe($, u)));
   }, {
     immediate: !0,
     flush: "post"
-  }), r = () => l?.takeRecords(), v = () => {
+  }), r = () => o?.takeRecords(), f = () => {
     c(), n();
   };
-  return vt(v), {
+  return vt(f), {
     isSupported: a,
-    stop: v,
+    stop: f,
     takeRecords: r
   };
 }
-function Ke(e, t = {}) {
-  var s;
-  const { pointerTypes: i, preventDefault: u, stopPropagation: l, exact: a, onMove: n, onEnd: c, onStart: r, initialValue: v, axis: g = "both", draggingElement: $ = Se, containerElement: A, handle: y = e, buttons: p = [0] } = t, f = N((s = Z(v)) !== null && s !== void 0 ? s : {
+const Ge = {
+  speed: 2,
+  margin: 30,
+  direction: "both"
+};
+function En(e) {
+  e.scrollLeft > e.scrollWidth - e.clientWidth && (e.scrollLeft = Math.max(0, e.scrollWidth - e.clientWidth)), e.scrollTop > e.scrollHeight - e.clientHeight && (e.scrollTop = Math.max(0, e.scrollHeight - e.clientHeight));
+}
+function _e(e, t = {}) {
+  var s, i, u, o;
+  const { pointerTypes: a, preventDefault: n, stopPropagation: c, exact: r, onMove: f, onEnd: g, onStart: $, initialValue: V, axis: x = "both", draggingElement: p = ze, containerElement: v, handle: h = e, buttons: m = [0], restrictInView: I, autoScroll: E = !1 } = t, H = z((s = D(V)) !== null && s !== void 0 ? s : {
     x: 0,
     y: 0
-  }), h = N(), m = (b) => i ? i.includes(b.pointerType) : !0, R = (b) => {
-    Z(u) && b.preventDefault(), Z(l) && b.stopPropagation();
-  }, T = (b) => {
-    var D;
-    if (!Z(p).includes(b.button) || Z(t.disabled) || !m(b) || Z(a) && b.target !== Z(e)) return;
-    const j = Z(A), X = j == null || (D = j.getBoundingClientRect) === null || D === void 0 ? void 0 : D.call(j), F = Z(e).getBoundingClientRect(), ne = {
-      x: b.clientX - (j ? F.left - X.left + j.scrollLeft : F.left),
-      y: b.clientY - (j ? F.top - X.top + j.scrollTop : F.top)
+  }), A = z(), L = (k) => a ? a.includes(k.pointerType) : !0, X = (k) => {
+    D(n) && k.preventDefault(), D(c) && k.stopPropagation();
+  }, le = D(E), j = typeof le == "object" ? {
+    speed: (i = D(le.speed)) !== null && i !== void 0 ? i : Ge.speed,
+    margin: (u = D(le.margin)) !== null && u !== void 0 ? u : Ge.margin,
+    direction: (o = le.direction) !== null && o !== void 0 ? o : Ge.direction
+  } : Ge, q = (k) => typeof k == "number" ? [k, k] : [k.x, k.y], ue = (k, O, F) => {
+    const { clientWidth: J, clientHeight: G, scrollLeft: te, scrollTop: pe, scrollWidth: Me, scrollHeight: S } = k, [B, U] = q(j.margin), [Y, Q] = q(j.speed);
+    let _ = 0, ne = 0;
+    (j.direction === "x" || j.direction === "both") && (F.x < B && te > 0 ? _ = -Y : F.x + O.width > J - B && te < Me - J && (_ = Y)), (j.direction === "y" || j.direction === "both") && (F.y < U && pe > 0 ? ne = -Q : F.y + O.height > G - U && pe < S - G && (ne = Q)), (_ || ne) && k.scrollBy({
+      left: _,
+      top: ne,
+      behavior: "auto"
+    });
+  };
+  let ae = null;
+  const Ae = () => {
+    const k = D(v);
+    k && !ae && (ae = setInterval(() => {
+      const O = D(e).getBoundingClientRect(), { x: F, y: J } = H.value, G = {
+        x: F - k.scrollLeft,
+        y: J - k.scrollTop
+      };
+      G.x >= 0 && G.y >= 0 && (ue(k, O, G), G.x += k.scrollLeft, G.y += k.scrollTop, H.value = G);
+    }, 1e3 / 60));
+  }, ke = () => {
+    ae && (clearInterval(ae), ae = null);
+  }, Oe = (k, O, F, J) => {
+    const [G, te] = typeof F == "number" ? [F, F] : [F.x, F.y], { clientWidth: pe, clientHeight: Me } = O;
+    return k.x < G || k.x + J.width > pe - G || k.y < te || k.y + J.height > Me - te;
+  }, Ve = () => {
+    if (D(t.disabled) || !A.value) return;
+    const k = D(v);
+    if (!k) return;
+    const O = D(e).getBoundingClientRect(), { x: F, y: J } = H.value;
+    Oe({
+      x: F - k.scrollLeft,
+      y: J - k.scrollTop
+    }, k, j.margin, O) ? Ae() : ke();
+  };
+  D(E) && ce(H, Ve);
+  const Be = (k) => {
+    var O;
+    if (!D(m).includes(k.button) || D(t.disabled) || !L(k) || D(r) && k.target !== D(e)) return;
+    const F = D(v), J = F == null || (O = F.getBoundingClientRect) === null || O === void 0 ? void 0 : O.call(F), G = D(e).getBoundingClientRect(), te = {
+      x: k.clientX - (F ? G.left - J.left + (E ? 0 : F.scrollLeft) : G.left),
+      y: k.clientY - (F ? G.top - J.top + (E ? 0 : F.scrollTop) : G.top)
     };
-    r?.(ne, b) !== !1 && (h.value = ne, R(b));
-  }, z = (b) => {
-    if (Z(t.disabled) || !m(b) || !h.value) return;
-    const D = Z(A), j = Z(e).getBoundingClientRect();
-    let { x: X, y: F } = f.value;
-    (g === "x" || g === "both") && (X = b.clientX - h.value.x, D && (X = Math.min(Math.max(0, X), D.scrollWidth - j.width))), (g === "y" || g === "both") && (F = b.clientY - h.value.y, D && (F = Math.min(Math.max(0, F), D.scrollHeight - j.height))), f.value = {
-      x: X,
-      y: F
-    }, n?.(f.value, b), R(b);
-  }, L = (b) => {
-    Z(t.disabled) || !m(b) || h.value && (h.value = void 0, c?.(f.value, b), R(b));
+    $?.(te, k) !== !1 && (A.value = te, X(k));
+  }, Te = (k) => {
+    if (D(t.disabled) || !L(k) || !A.value) return;
+    const O = D(v);
+    O instanceof HTMLElement && En(O);
+    const F = D(e).getBoundingClientRect();
+    let { x: J, y: G } = H.value;
+    if ((x === "x" || x === "both") && (J = k.clientX - A.value.x, O && (J = Math.min(Math.max(0, J), O.scrollWidth - F.width))), (x === "y" || x === "both") && (G = k.clientY - A.value.y, O && (G = Math.min(Math.max(0, G), O.scrollHeight - F.height))), D(E) && O && (ae === null && ue(O, F, {
+      x: J,
+      y: G
+    }), J += O.scrollLeft, G += O.scrollTop), O && (I || E)) {
+      if (x !== "y") {
+        const te = J - O.scrollLeft;
+        te < 0 ? J = O.scrollLeft : te > O.clientWidth - F.width && (J = O.clientWidth - F.width + O.scrollLeft);
+      }
+      if (x !== "x") {
+        const te = G - O.scrollTop;
+        te < 0 ? G = O.scrollTop : te > O.clientHeight - F.height && (G = O.clientHeight - F.height + O.scrollTop);
+      }
+    }
+    H.value = {
+      x: J,
+      y: G
+    }, f?.(H.value, k), X(k);
+  }, Pe = (k) => {
+    D(t.disabled) || !L(k) || A.value && (A.value = void 0, E && ke(), g?.(H.value, k), X(k));
   };
-  if (At) {
-    const b = () => {
-      var D;
+  if (Tt) {
+    const k = () => {
+      var O;
       return {
-        capture: (D = t.capture) !== null && D !== void 0 ? D : !0,
-        passive: !Z(u)
+        capture: (O = t.capture) !== null && O !== void 0 ? O : !0,
+        passive: !D(n)
       };
     };
-    ge(y, "pointerdown", T, b), ge($, "pointermove", z, b), ge($, "pointerup", L, b);
+    Re(h, "pointerdown", Be, k), Re(p, "pointermove", Te, k), Re(p, "pointerup", Pe, k);
   }
   return {
-    ...kn(f),
-    position: f,
-    isDragging: E(() => !!h.value),
-    style: E(() => `left:${f.value.x}px;top:${f.value.y}px;`)
+    ...Mn(H),
+    position: H,
+    isDragging: T(() => !!A.value),
+    style: T(() => `
+      left: ${H.value.x}px;
+      top: ${H.value.y}px;
+      ${E ? "text-wrap: nowrap;" : ""}
+    `)
   };
 }
-function ze(e, t, s = {}) {
-  const { window: i = Se, ...u } = s;
-  let l;
-  const a = /* @__PURE__ */ Tt(() => i && "ResizeObserver" in i), n = () => {
-    l && (l.disconnect(), l = void 0);
-  }, c = ae(E(() => {
-    const v = Z(e);
-    return Array.isArray(v) ? v.map((g) => re(g)) : [re(v)];
-  }), (v) => {
+function Je(e, t, s = {}) {
+  const { window: i = ze, ...u } = s;
+  let o;
+  const a = /* @__PURE__ */ Dt(() => i && "ResizeObserver" in i), n = () => {
+    o && (o.disconnect(), o = void 0);
+  }, c = ce(T(() => {
+    const f = D(e);
+    return Array.isArray(f) ? f.map((g) => ge(g)) : [ge(f)];
+  }), (f) => {
     if (n(), a.value && i) {
-      l = new ResizeObserver(t);
-      for (const g of v) g && l.observe(g, u);
+      o = new ResizeObserver(t);
+      for (const g of f) g && o.observe(g, u);
     }
   }, {
     immediate: !0,
@@ -652,72 +718,72 @@ function ze(e, t, s = {}) {
     stop: r
   };
 }
-function pe(e, t = {}) {
-  const { reset: s = !0, windowResize: i = !0, windowScroll: u = !0, immediate: l = !0, updateTiming: a = "sync" } = t, n = ee(0), c = ee(0), r = ee(0), v = ee(0), g = ee(0), $ = ee(0), A = ee(0), y = ee(0);
+function $e(e, t = {}) {
+  const { reset: s = !0, windowResize: i = !0, windowScroll: u = !0, immediate: o = !0, updateTiming: a = "sync" } = t, n = ie(0), c = ie(0), r = ie(0), f = ie(0), g = ie(0), $ = ie(0), V = ie(0), x = ie(0);
   function p() {
-    const h = re(e);
+    const h = ge(e);
     if (!h) {
-      s && (n.value = 0, c.value = 0, r.value = 0, v.value = 0, g.value = 0, $.value = 0, A.value = 0, y.value = 0);
+      s && (n.value = 0, c.value = 0, r.value = 0, f.value = 0, g.value = 0, $.value = 0, V.value = 0, x.value = 0);
       return;
     }
     const m = h.getBoundingClientRect();
-    n.value = m.height, c.value = m.bottom, r.value = m.left, v.value = m.right, g.value = m.top, $.value = m.width, A.value = m.x, y.value = m.y;
+    n.value = m.height, c.value = m.bottom, r.value = m.left, f.value = m.right, g.value = m.top, $.value = m.width, V.value = m.x, x.value = m.y;
   }
-  function f() {
+  function v() {
     a === "sync" ? p() : a === "next-frame" && requestAnimationFrame(() => p());
   }
-  return ze(e, f), ae(() => re(e), (h) => !h && f()), Dt(e, f, { attributeFilter: ["style", "class"] }), u && ge("scroll", f, {
+  return Je(e, v), ce(() => ge(e), (h) => !h && v()), Ht(e, v, { attributeFilter: ["style", "class"] }), u && Re("scroll", v, {
     capture: !0,
     passive: !0
-  }), i && ge("resize", f, { passive: !0 }), Mn(() => {
-    l && f();
+  }), i && Re("resize", v, { passive: !0 }), Rn(() => {
+    o && v();
   }), {
     height: n,
     bottom: c,
     left: r,
-    right: v,
+    right: f,
     top: g,
     width: $,
-    x: A,
-    y,
-    update: f
+    x: V,
+    y: x,
+    update: v
   };
 }
-function _e(e) {
+function et(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
-const et = /* @__PURE__ */ new WeakMap();
-function $n(e, t = !1) {
-  const s = ee(t);
+const tt = /* @__PURE__ */ new WeakMap();
+function Sn(e, t = !1) {
+  const s = ie(t);
   let i = "";
-  ae(pn(e), (a) => {
-    const n = _e(Z(a));
+  ce(xn(e), (a) => {
+    const n = et(D(a));
     if (n) {
       const c = n;
-      if (et.get(c) || et.set(c, c.style.overflow), c.style.overflow !== "hidden" && (i = c.style.overflow), c.style.overflow === "hidden") return s.value = !0;
+      if (tt.get(c) || tt.set(c, c.style.overflow), c.style.overflow !== "hidden" && (i = c.style.overflow), c.style.overflow === "hidden") return s.value = !0;
       if (s.value) return c.style.overflow = "hidden";
     }
   }, { immediate: !0 });
   const u = () => {
-    const a = _e(Z(e));
+    const a = et(D(e));
     !a || s.value || (a.style.overflow = "hidden", s.value = !0);
-  }, l = () => {
-    const a = _e(Z(e));
-    !a || !s.value || (a.style.overflow = i, et.delete(a), s.value = !1);
+  }, o = () => {
+    const a = et(D(e));
+    !a || !s.value || (a.style.overflow = i, tt.delete(a), s.value = !1);
   };
-  return vt(l), E({
+  return vt(o), T({
     get() {
       return s.value;
     },
     set(a) {
-      a ? u() : l();
+      a ? u() : o();
     }
   });
 }
-const En = (e) => {
+const An = (e) => {
   const t = new DOMParser().parseFromString(e, "text/html");
   return Array.from(t.body.childNodes).some((s) => s.nodeType === 1);
-}, Sn = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), An = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Tn = ["innerHTML"], Dn = { key: 2 }, Hn = /* @__PURE__ */ ue({
+}, Tn = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), Dn = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Hn = ["innerHTML"], Ln = { key: 2 }, On = /* @__PURE__ */ we({
   __name: "ACell",
   props: {
     colIndex: {},
@@ -729,185 +795,185 @@ const En = (e) => {
     debounce: { default: 300 }
   },
   setup(e, { expose: t }) {
-    const s = te("cell"), i = e.store.getCellData(e.colIndex, e.rowIndex), u = N(""), l = N(!1), a = e.store.columns[e.colIndex], n = e.store.rows[e.rowIndex], c = a.align || "center", r = a.width || "40ch", v = E(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), g = E(() => typeof v.value == "string" ? En(v.value) : !1), $ = E(() => ({
+    const s = re("cell"), i = e.store.getCellData(e.colIndex, e.rowIndex), u = z(""), o = z(!1), a = e.store.columns[e.colIndex], n = e.store.rows[e.rowIndex], c = a.align || "center", r = a.width || "40ch", f = T(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), g = T(() => typeof f.value == "string" ? An(f.value) : !1), $ = T(() => ({
       textAlign: c,
       width: r,
-      fontWeight: l.value ? "bold" : "inherit",
+      fontWeight: o.value ? "bold" : "inherit",
       paddingLeft: e.store.getIndent(e.colIndex, e.store.display[e.rowIndex]?.indent)
-    })), A = E(() => ({
+    })), V = T(() => ({
       "sticky-column": e.pinned,
-      "cell-modified": l.value
-    })), y = () => {
-      f(), p();
+      "cell-modified": o.value
+    })), x = () => {
+      v(), p();
     }, p = () => {
-      const { left: L, bottom: b, width: D, height: j } = pe(s);
-      a.mask, a.modalComponent && e.store.$patch((X) => {
-        X.modal.visible = !0, X.modal.colIndex = e.colIndex, X.modal.rowIndex = e.rowIndex, X.modal.left = L, X.modal.bottom = b, X.modal.width = D, X.modal.height = j, X.modal.cell = s.value, typeof a.modalComponent == "function" ? X.modal.component = a.modalComponent({ table: X.table, row: n, column: a }) : X.modal.component = a.modalComponent, X.modal.componentProps = a.modalComponentExtraProps;
+      const { left: A, bottom: L, width: X, height: le } = $e(s);
+      a.mask, a.modalComponent && e.store.$patch((j) => {
+        j.modal.visible = !0, j.modal.colIndex = e.colIndex, j.modal.rowIndex = e.rowIndex, j.modal.left = A, j.modal.bottom = L, j.modal.width = X, j.modal.height = le, j.modal.cell = s.value, typeof a.modalComponent == "function" ? j.modal.component = a.modalComponent({ table: j.table, row: n, column: a }) : j.modal.component = a.modalComponent, j.modal.componentProps = a.modalComponentExtraProps;
       });
     };
     if (e.addNavigation) {
-      let L = {
-        ...We,
+      let A = {
+        ...Qe,
         "keydown.f2": p,
         "keydown.alt.up": p,
         "keydown.alt.down": p,
         "keydown.alt.left": p,
         "keydown.alt.right": p
       };
-      typeof e.addNavigation == "object" && (L = {
-        ...L,
+      typeof e.addNavigation == "object" && (A = {
+        ...A,
         ...e.addNavigation
-      }), dt([
+      }), ft([
         {
           selectors: s,
-          handlers: L
+          handlers: A
         }
       ]);
     }
-    const f = () => {
+    const v = () => {
       if (s.value && a.edit) {
-        const L = window.getSelection();
-        if (L)
+        const A = window.getSelection();
+        if (A)
           try {
-            const b = document.createRange();
-            b.selectNodeContents && (b.selectNodeContents(s.value), L.removeAllRanges(), L.addRange(b));
+            const L = document.createRange();
+            L.selectNodeContents && (L.selectNodeContents(s.value), A.removeAllRanges(), A.addRange(L));
           } catch {
           }
       }
     }, h = () => {
-      s.value && (u.value = s.value.textContent, f());
+      s.value && (u.value = s.value.textContent, v());
     }, m = () => {
       try {
-        const L = window.getSelection();
-        if (L && L.rangeCount > 0 && s.value) {
-          const b = L.getRangeAt(0), D = b.cloneRange();
-          if (D.selectNodeContents && D.setEnd)
-            return D.selectNodeContents(s.value), D.setEnd(b.endContainer, b.endOffset), D.toString().length;
+        const A = window.getSelection();
+        if (A && A.rangeCount > 0 && s.value) {
+          const L = A.getRangeAt(0), X = L.cloneRange();
+          if (X.selectNodeContents && X.setEnd)
+            return X.selectNodeContents(s.value), X.setEnd(L.endContainer, L.endOffset), X.toString().length;
         }
       } catch {
       }
       return 0;
-    }, R = (L) => {
+    }, I = (A) => {
       if (s.value)
         try {
-          const b = window.getSelection();
-          if (!b) return;
-          let D = 0;
-          const j = document.createTreeWalker ? document.createTreeWalker(s.value, NodeFilter.SHOW_TEXT, null) : null;
-          if (!j) return;
-          let X, F = null;
-          for (; X = j.nextNode(); ) {
-            const ne = X, me = D + ne.textContent.length;
-            if (L <= me && (F = document.createRange(), F.setStart && F.setEnd)) {
-              F.setStart(ne, L - D), F.setEnd(ne, L - D);
+          const L = window.getSelection();
+          if (!L) return;
+          let X = 0;
+          const le = document.createTreeWalker ? document.createTreeWalker(s.value, NodeFilter.SHOW_TEXT, null) : null;
+          if (!le) return;
+          let j, q = null;
+          for (; j = le.nextNode(); ) {
+            const ue = j, ae = X + ue.textContent.length;
+            if (A <= ae && (q = document.createRange(), q.setStart && q.setEnd)) {
+              q.setStart(ue, A - X), q.setEnd(ue, A - X);
               break;
             }
-            D = me;
+            X = ae;
           }
-          F && b.removeAllRanges && b.addRange && (b.removeAllRanges(), b.addRange(F));
+          q && L.removeAllRanges && L.addRange && (L.removeAllRanges(), L.addRange(q));
         } catch {
         }
-    }, T = (L) => {
+    }, E = (A) => {
       if (!a.edit) return;
-      const b = L.target;
-      if (b.textContent === u.value)
+      const L = A.target;
+      if (L.textContent === u.value)
         return;
-      const D = m();
-      u.value = b.textContent, a.format ? (l.value = b.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, i), e.store.setCellText(e.colIndex, e.rowIndex, b.textContent)) : (l.value = b.textContent !== i, e.store.setCellData(e.colIndex, e.rowIndex, b.textContent)), lt().then(() => {
-        R(D);
+      const X = m();
+      u.value = L.textContent, a.format ? (o.value = L.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, i), e.store.setCellText(e.colIndex, e.rowIndex, L.textContent)) : (o.value = L.textContent !== i, e.store.setCellData(e.colIndex, e.rowIndex, L.textContent)), at().then(() => {
+        I(X);
       });
-    }, z = /* @__PURE__ */ Cn(T, e.debounce);
+    }, H = /* @__PURE__ */ kn(E, e.debounce);
     return t({
       currentData: u
-    }), (L, b) => (x(), k("td", {
+    }), (A, L) => (y(), C("td", {
       ref: "cell",
       "data-colindex": e.colIndex,
       "data-rowindex": e.rowIndex,
-      "data-editable": O(a).edit,
-      contenteditable: O(a).edit,
+      "data-editable": Z(a).edit,
+      contenteditable: Z(a).edit,
       tabindex: e.tabIndex,
       spellcheck: !1,
-      style: ce($.value),
-      class: Q(["atable-cell", A.value]),
+      style: me($.value),
+      class: oe(["atable-cell", V.value]),
       onFocus: h,
-      onPaste: T,
-      onInput: b[0] || (b[0] = //@ts-ignore
-      (...D) => O(z) && O(z)(...D)),
-      onClick: y
+      onPaste: E,
+      onInput: L[0] || (L[0] = //@ts-ignore
+      (...X) => Z(H) && Z(H)(...X)),
+      onClick: x
     }, [
-      O(a).cellComponent ? (x(), se($e(O(a).cellComponent), at({
+      Z(a).cellComponent ? (y(), ve(We(Z(a).cellComponent), st({
         key: 0,
-        value: v.value
-      }, O(a).cellComponentProps), null, 16, ["value"])) : g.value ? (x(), k("span", {
+        value: f.value
+      }, Z(a).cellComponentProps), null, 16, ["value"])) : g.value ? (y(), C("span", {
         key: 1,
-        innerHTML: v.value
-      }, null, 8, Tn)) : (x(), k("span", Dn, de(v.value), 1))
-    ], 46, An));
+        innerHTML: f.value
+      }, null, 8, Hn)) : (y(), C("span", Ln, xe(f.value), 1))
+    ], 46, Dn));
   }
-}), On = ["tabindex"], Ln = ["tabindex"], Vn = ["colspan"], Bn = /* @__PURE__ */ ue({
+}), Vn = ["tabindex"], Bn = ["tabindex"], Pn = ["colspan"], Zn = /* @__PURE__ */ we({
   __name: "AExpansionRow",
   props: {
     rowIndex: {},
     store: {},
     tabIndex: { default: () => -1 },
-    addNavigation: { type: [Boolean, Object], default: () => We }
+    addNavigation: { type: [Boolean, Object], default: () => Qe }
   },
   setup(e) {
-    const t = te("rowEl"), s = E(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
+    const t = re("rowEl"), s = T(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
     if (e.addNavigation) {
       const i = {
         "keydown.control.g": (u) => {
           u.stopPropagation(), u.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
         }
       };
-      typeof e.addNavigation == "object" && Object.assign(i, e.addNavigation), dt([
+      typeof e.addNavigation == "object" && Object.assign(i, e.addNavigation), ft([
         {
           selectors: t,
           handlers: i
         }
       ]);
     }
-    return (i, u) => (x(), k(ie, null, [
-      P("tr", at(i.$attrs, {
+    return (i, u) => (y(), C(he, null, [
+      W("tr", st(i.$attrs, {
         ref: "rowEl",
         tabindex: e.tabIndex,
         class: "expandable-row"
       }), [
-        P("td", {
+        W("td", {
           tabIndex: -1,
           class: "row-index",
-          onClick: u[0] || (u[0] = (l) => e.store.toggleRowExpand(e.rowIndex))
-        }, de(s.value), 1),
-        le(i.$slots, "row", {}, void 0, !0)
-      ], 16, On),
-      e.store.display[e.rowIndex].expanded ? (x(), k("tr", {
+          onClick: u[0] || (u[0] = (o) => e.store.toggleRowExpand(e.rowIndex))
+        }, xe(s.value), 1),
+        fe(i.$slots, "row", {}, void 0, !0)
+      ], 16, Vn),
+      e.store.display[e.rowIndex].expanded ? (y(), C("tr", {
         key: 0,
         ref: "rowExpanded",
         tabindex: e.tabIndex,
         class: "expanded-row"
       }, [
-        P("td", {
+        W("td", {
           tabIndex: -1,
           colspan: e.store.columns.length + 1,
           class: "expanded-row-content"
         }, [
-          le(i.$slots, "content", {}, void 0, !0)
-        ], 8, Vn)
-      ], 8, Ln)) : U("", !0)
+          fe(i.$slots, "content", {}, void 0, !0)
+        ], 8, Pn)
+      ], 8, Bn)) : K("", !0)
     ], 64));
   }
-}), we = (e, t) => {
+}), Ie = (e, t) => {
   const s = e.__vccOpts || e;
   for (const [i, u] of t)
     s[i] = u;
   return s;
-}, Pn = /* @__PURE__ */ we(Bn, [["__scopeId", "data-v-a42297c7"]]), Zn = ["colspan"], Nn = {
+}, Nn = /* @__PURE__ */ Ie(Zn, [["__scopeId", "data-v-a42297c7"]]), Wn = ["colspan"], Fn = {
   ref: "container",
   class: "gantt-container"
-}, Fn = ["data-rowindex", "data-colindex"], zn = {
+}, zn = ["data-rowindex", "data-colindex"], Xn = {
   key: 2,
   class: "gantt-label"
-}, Wn = ["x1", "y1", "x2", "y2"], Xn = /* @__PURE__ */ ue({
+}, Gn = ["x1", "y1", "x2", "y2"], Yn = /* @__PURE__ */ we({
   __name: "AGanttCell",
   props: {
     store: {},
@@ -926,14 +992,14 @@ const En = (e) => {
       v6d722296: u.value,
       v260b36f8: S.colspan
     }));
-    const i = s, u = N(e.color.length >= 6 ? e.color : "#cccccc"), l = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, a = te("container"), n = te("bar"), c = te("leftResizeHandle"), r = te("rightResizeHandle"), v = te("leftConnectionHandle"), g = te("rightConnectionHandle"), { width: $ } = pe(a), { left: A, right: y } = pe(n), p = N(e.start), f = N(e.end || p.value + e.colspan), h = N(!1), m = N(!1), R = N(!1), T = N(!1), z = N(!1), L = N({ startX: 0, startY: 0, endX: 0, endY: 0 }), b = E(() => Ae.value || ne.value || me.value), D = E(() => e.colspan > 0 ? $.value / e.colspan : 0), j = E(() => {
-      const S = p.value / e.colspan * 100, V = f.value / e.colspan * 100;
+    const i = s, u = z(e.color.length >= 6 ? e.color : "#cccccc"), o = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, a = re("container"), n = re("bar"), c = re("leftResizeHandle"), r = re("rightResizeHandle"), f = re("leftConnectionHandle"), g = re("rightConnectionHandle"), { width: $ } = $e(a), { left: V, right: x } = $e(n), p = z(e.start), v = z(e.end || p.value + e.colspan), h = z(!1), m = z(!1), I = z(!1), E = z(!1), H = z(!1), A = z({ startX: 0, startY: 0, endX: 0, endY: 0 }), L = T(() => Ae.value || ue.value || ae.value), X = T(() => e.colspan > 0 ? $.value / e.colspan : 0), le = T(() => {
+      const S = p.value / e.colspan * 100, B = v.value / e.colspan * 100;
       return {
         left: `${S}%`,
-        width: `${V - S}%`,
+        width: `${B - S}%`,
         backgroundColor: u.value
       };
-    }), X = E(
+    }), j = T(
       () => ({
         position: "fixed",
         top: 0,
@@ -943,249 +1009,249 @@ const En = (e) => {
         pointerEvents: "none",
         zIndex: 1e3
       })
-    ), F = N({ startX: 0, startPos: 0 }), { isDragging: ne } = Ke(c, {
+    ), q = z({ startX: 0, startPos: 0 }), { isDragging: ue } = _e(c, {
       axis: "x",
-      onStart: () => Me(A.value, p.value),
-      onMove: ({ x: S }) => Xe(S),
-      onEnd: ({ x: S }) => Ge(S)
-    }), { isDragging: me } = Ke(r, {
+      onStart: () => ke(V.value, p.value),
+      onMove: ({ x: S }) => Oe(S),
+      onEnd: ({ x: S }) => Ve(S)
+    }), { isDragging: ae } = _e(r, {
       axis: "x",
-      onStart: () => Me(y.value, f.value),
-      onMove: ({ x: S }) => Ue(S),
+      onStart: () => ke(x.value, v.value),
+      onMove: ({ x: S }) => Be(S),
       onEnd: ({ x: S }) => Te(S)
-    }), { isDragging: Ae } = Ke(n, {
+    }), { isDragging: Ae } = _e(n, {
       exact: !0,
       axis: "x",
-      onStart: () => Me(A.value, p.value),
-      onMove: ({ x: S }) => je(S),
-      onEnd: ({ x: S }) => De(S)
+      onStart: () => ke(V.value, p.value),
+      onMove: ({ x: S }) => Pe(S),
+      onEnd: ({ x: S }) => k(S)
     });
-    Ce(() => {
-      Ye();
-    }), Wt(() => {
-      qe();
+    He(() => {
+      O();
+    }), Xt(() => {
+      F();
     });
-    function Me(S, V) {
-      n.value && (n.value.style.transition = "none"), F.value = { startX: S, startPos: V };
+    function ke(S, B) {
+      n.value && (n.value.style.transition = "none"), q.value = { startX: S, startPos: B };
     }
-    function Xe(S) {
-      if (!ne.value || !n.value) return;
-      const G = (S - F.value.startX) / D.value, W = Math.max(0, Math.min(f.value - 1, F.value.startPos + G));
-      n.value.style.left = `${W / e.colspan * 100}%`, n.value.style.width = `${(f.value - W) / e.colspan * 100}%`;
+    function Oe(S) {
+      if (!ue.value || !n.value) return;
+      const U = (S - q.value.startX) / X.value, Y = Math.max(0, Math.min(v.value - 1, q.value.startPos + U));
+      n.value.style.left = `${Y / e.colspan * 100}%`, n.value.style.width = `${(v.value - Y) / e.colspan * 100}%`;
     }
-    function Ge(S) {
+    function Ve(S) {
       if (!n.value) return;
-      const V = S - F.value.startX, G = Math.round(V / D.value), W = p.value, Y = Math.max(0, Math.min(f.value - 1, F.value.startPos + G));
-      p.value = Y, e.store.updateGanttBar({
+      const B = S - q.value.startX, U = Math.round(B / X.value), Y = p.value, Q = Math.max(0, Math.min(v.value - 1, q.value.startPos + U));
+      p.value = Q, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "resize",
         edge: "start",
-        oldStart: W,
-        newStart: Y,
-        end: f.value,
-        delta: G,
-        oldColspan: f.value - W,
-        newColspan: f.value - Y
+        oldStart: Y,
+        newStart: Q,
+        end: v.value,
+        delta: U,
+        oldColspan: v.value - Y,
+        newColspan: v.value - Q
       });
     }
-    function Ue(S) {
-      if (!me.value || !n.value) return;
-      const G = (S - F.value.startX) / D.value, W = Math.max(p.value + 1, Math.min(e.columnsCount, F.value.startPos + G));
-      n.value.style.width = `${(W - p.value) / e.colspan * 100}%`;
+    function Be(S) {
+      if (!ae.value || !n.value) return;
+      const U = (S - q.value.startX) / X.value, Y = Math.max(p.value + 1, Math.min(e.columnsCount, q.value.startPos + U));
+      n.value.style.width = `${(Y - p.value) / e.colspan * 100}%`;
     }
     function Te(S) {
       if (!n.value) return;
-      const V = S - F.value.startX, G = Math.round(V / D.value), W = f.value, Y = Math.max(p.value + 1, Math.min(e.columnsCount, F.value.startPos + G));
-      f.value = Y, e.store.updateGanttBar({
+      const B = S - q.value.startX, U = Math.round(B / X.value), Y = v.value, Q = Math.max(p.value + 1, Math.min(e.columnsCount, q.value.startPos + U));
+      v.value = Q, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "resize",
         edge: "end",
-        oldEnd: W,
-        newEnd: Y,
+        oldEnd: Y,
+        newEnd: Q,
         start: p.value,
-        delta: G,
-        oldColspan: W - p.value,
-        newColspan: Y - p.value
+        delta: U,
+        oldColspan: Y - p.value,
+        newColspan: Q - p.value
       });
     }
-    function je(S) {
+    function Pe(S) {
       if (!Ae.value || !n.value) return;
-      const G = (S - F.value.startX) / D.value, W = f.value - p.value, Y = Math.max(0, Math.min(F.value.startPos + G, e.columnsCount - W));
-      n.value.style.left = `${Y / e.colspan * 100}%`;
+      const U = (S - q.value.startX) / X.value, Y = v.value - p.value, Q = Math.max(0, Math.min(q.value.startPos + U, e.columnsCount - Y));
+      n.value.style.left = `${Q / e.colspan * 100}%`;
     }
-    function De(S) {
+    function k(S) {
       if (!n.value) return;
-      const V = S - F.value.startX, G = Math.round(V / D.value), W = f.value - p.value, Y = p.value, J = f.value;
-      let K = F.value.startPos + G, _ = K + W;
-      K < 0 ? (K = 0, _ = W) : _ > e.columnsCount && (_ = e.columnsCount, K = _ - W), p.value = K, f.value = _, e.store.updateGanttBar({
+      const B = S - q.value.startX, U = Math.round(B / X.value), Y = v.value - p.value, Q = p.value, _ = v.value;
+      let ne = q.value.startPos + U, se = ne + Y;
+      ne < 0 ? (ne = 0, se = Y) : se > e.columnsCount && (se = e.columnsCount, ne = se - Y), p.value = ne, v.value = se, e.store.updateGanttBar({
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         type: "bar",
-        oldStart: Y,
-        oldEnd: J,
-        newStart: K,
-        newEnd: _,
-        delta: G,
-        colspan: _ - K
+        oldStart: Q,
+        oldEnd: _,
+        newStart: ne,
+        newEnd: se,
+        delta: U,
+        colspan: se - ne
       });
     }
-    function Ye() {
-      const { x: S, y: V } = pe(n), { x: G, y: W } = pe(v), { x: Y, y: J } = pe(g);
+    function O() {
+      const { x: S, y: B } = $e(n), { x: U, y: Y } = $e(f), { x: Q, y: _ } = $e(g);
       e.store.registerGanttBar({
-        id: l,
+        id: o,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         startIndex: p,
-        endIndex: f,
+        endIndex: v,
         color: u,
         label: e.label,
-        position: { x: S, y: V }
+        position: { x: S, y: B }
       }), e.store.isDependencyGraphEnabled && (e.store.registerConnectionHandle({
-        id: `${l}-connection-left`,
+        id: `${o}-connection-left`,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "left",
-        position: { x: G, y: W },
+        position: { x: U, y: Y },
         visible: h,
-        barId: l
+        barId: o
       }), e.store.registerConnectionHandle({
-        id: `${l}-connection-right`,
+        id: `${o}-connection-right`,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "right",
-        position: { x: Y, y: J },
+        position: { x: Q, y: _ },
         visible: m,
-        barId: l
+        barId: o
       }));
     }
-    function qe() {
-      e.store.unregisterGanttBar(l), e.store.isDependencyGraphEnabled && (e.store.unregisterConnectionHandle(`${l}-connection-left`), e.store.unregisterConnectionHandle(`${l}-connection-right`));
+    function F() {
+      e.store.unregisterGanttBar(o), e.store.isDependencyGraphEnabled && (e.store.unregisterConnectionHandle(`${o}-connection-left`), e.store.unregisterConnectionHandle(`${o}-connection-right`));
     }
-    function Je() {
+    function J() {
       e.store.isDependencyGraphEnabled && (h.value = !0, m.value = !0);
     }
-    function He() {
-      !R.value && !T.value && (h.value = !1, m.value = !1);
+    function G() {
+      !I.value && !E.value && (h.value = !1, m.value = !1);
     }
-    function Oe(S, V) {
-      V.preventDefault(), V.stopPropagation(), z.value = !0, S === "left" ? R.value = !0 : T.value = !0;
-      const G = S === "left" ? v.value : g.value;
-      if (G) {
-        const J = G.getBoundingClientRect(), K = J.left + J.width / 2, _ = J.top + J.height / 2;
-        L.value = { startX: K, startY: _, endX: K, endY: _ };
+    function te(S, B) {
+      B.preventDefault(), B.stopPropagation(), H.value = !0, S === "left" ? I.value = !0 : E.value = !0;
+      const U = S === "left" ? f.value : g.value;
+      if (U) {
+        const _ = U.getBoundingClientRect(), ne = _.left + _.width / 2, se = _.top + _.height / 2;
+        A.value = { startX: ne, startY: se, endX: ne, endY: se };
       }
-      const W = (J) => {
-        L.value.endX = J.clientX, L.value.endY = J.clientY;
-      }, Y = (J) => {
-        Le(J, S), Ve(W, Y);
+      const Y = (_) => {
+        A.value.endX = _.clientX, A.value.endY = _.clientY;
+      }, Q = (_) => {
+        pe(_, S), Me(Y, Q);
       };
-      document.addEventListener("mousemove", W), document.addEventListener("mouseup", Y);
+      document.addEventListener("mousemove", Y), document.addEventListener("mouseup", Q);
     }
-    function Le(S, V) {
-      const W = document.elementFromPoint(S.clientX, S.clientY)?.closest(".connection-handle");
-      if (W && W !== (V === "left" ? v.value : g.value)) {
-        const Y = W.closest(".gantt-bar");
-        if (Y) {
-          const J = parseInt(Y.getAttribute("data-rowindex") || "0"), K = parseInt(Y.getAttribute("data-colindex") || "0"), _ = W.classList.contains("left-connection-handle") ? "left" : "right", Re = `gantt-bar-row-${J}-col-${K}`, Qe = e.store.createConnection(
-            `${l}-connection-${V}`,
-            `${Re}-connection-${_}`
+    function pe(S, B) {
+      const Y = document.elementFromPoint(S.clientX, S.clientY)?.closest(".connection-handle");
+      if (Y && Y !== (B === "left" ? f.value : g.value)) {
+        const Q = Y.closest(".gantt-bar");
+        if (Q) {
+          const _ = parseInt(Q.getAttribute("data-rowindex") || "0"), ne = parseInt(Q.getAttribute("data-colindex") || "0"), se = Y.classList.contains("left-connection-handle") ? "left" : "right", Ze = `gantt-bar-row-${_}-col-${ne}`, Ke = e.store.createConnection(
+            `${o}-connection-${B}`,
+            `${Ze}-connection-${se}`
           );
-          Qe && i("connection:create", Qe);
+          Ke && i("connection:create", Ke);
         }
       }
     }
-    function Ve(S, V) {
-      z.value = !1, R.value = !1, T.value = !1, document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", V), n.value?.matches(":hover") || He();
+    function Me(S, B) {
+      H.value = !1, I.value = !1, E.value = !1, document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", B), n.value?.matches(":hover") || G();
     }
     return t({
-      barStyle: j,
-      cleanupConnectionDrag: Ve,
-      currentEnd: f,
-      handleConnectionDrop: Le,
-      isLeftConnectionDragging: R,
+      barStyle: le,
+      cleanupConnectionDrag: Me,
+      currentEnd: v,
+      handleConnectionDrop: pe,
+      isLeftConnectionDragging: I,
       isLeftConnectionVisible: h,
-      isRightConnectionDragging: T,
+      isRightConnectionDragging: E,
       isRightConnectionVisible: m,
-      showDragPreview: z
-    }), (S, V) => (x(), k("td", {
+      showDragPreview: H
+    }), (S, B) => (y(), C("td", {
       class: "aganttcell",
       colspan: e.colspan
     }, [
-      P("div", Nn, [
-        P("div", {
+      W("div", Fn, [
+        W("div", {
           ref: "bar",
           "data-rowindex": e.rowIndex,
           "data-colindex": e.colIndex,
-          class: Q(["gantt-bar", { "is-dragging": b.value }]),
-          style: ce(j.value),
-          onMouseenter: Je,
-          onMouseleave: He
+          class: oe(["gantt-bar", { "is-dragging": L.value }]),
+          style: me(le.value),
+          onMouseenter: J,
+          onMouseleave: G
         }, [
-          e.store.isDependencyGraphEnabled ? (x(), k("div", {
+          e.store.isDependencyGraphEnabled ? (y(), C("div", {
             key: 0,
             ref: "leftConnectionHandle",
-            class: Q(["connection-handle left-connection-handle", { visible: h.value, "is-dragging": R.value }]),
-            onMousedown: V[0] || (V[0] = ye((G) => Oe("left", G), ["stop"]))
-          }, [...V[2] || (V[2] = [
-            P("div", { class: "connection-dot" }, null, -1)
-          ])], 34)) : U("", !0),
-          e.store.isDependencyGraphEnabled ? (x(), k("div", {
+            class: oe(["connection-handle left-connection-handle", { visible: h.value, "is-dragging": I.value }]),
+            onMousedown: B[0] || (B[0] = Se((U) => te("left", U), ["stop"]))
+          }, [...B[2] || (B[2] = [
+            W("div", { class: "connection-dot" }, null, -1)
+          ])], 34)) : K("", !0),
+          e.store.isDependencyGraphEnabled ? (y(), C("div", {
             key: 1,
             ref: "rightConnectionHandle",
-            class: Q(["connection-handle right-connection-handle", { visible: m.value, "is-dragging": T.value }]),
-            onMousedown: V[1] || (V[1] = ye((G) => Oe("right", G), ["stop"]))
-          }, [...V[3] || (V[3] = [
-            P("div", { class: "connection-dot" }, null, -1)
-          ])], 34)) : U("", !0),
-          P("div", {
+            class: oe(["connection-handle right-connection-handle", { visible: m.value, "is-dragging": E.value }]),
+            onMousedown: B[1] || (B[1] = Se((U) => te("right", U), ["stop"]))
+          }, [...B[3] || (B[3] = [
+            W("div", { class: "connection-dot" }, null, -1)
+          ])], 34)) : K("", !0),
+          W("div", {
             ref: "leftResizeHandle",
-            class: Q(["resize-handle left-resize-handle", { "is-dragging": O(ne) }])
-          }, [...V[4] || (V[4] = [
-            P("div", { class: "handle-grip" }, null, -1),
-            P("div", { class: "vertical-indicator left-indicator" }, null, -1)
+            class: oe(["resize-handle left-resize-handle", { "is-dragging": Z(ue) }])
+          }, [...B[4] || (B[4] = [
+            W("div", { class: "handle-grip" }, null, -1),
+            W("div", { class: "vertical-indicator left-indicator" }, null, -1)
           ])], 2),
-          e.label ? (x(), k("label", zn, de(e.label), 1)) : U("", !0),
-          P("div", {
+          e.label ? (y(), C("label", Xn, xe(e.label), 1)) : K("", !0),
+          W("div", {
             ref: "rightResizeHandle",
-            class: Q(["resize-handle right-resize-handle", { "is-dragging": O(me) }])
-          }, [...V[5] || (V[5] = [
-            P("div", { class: "handle-grip" }, null, -1),
-            P("div", { class: "vertical-indicator right-indicator" }, null, -1)
+            class: oe(["resize-handle right-resize-handle", { "is-dragging": Z(ae) }])
+          }, [...B[5] || (B[5] = [
+            W("div", { class: "handle-grip" }, null, -1),
+            W("div", { class: "vertical-indicator right-indicator" }, null, -1)
           ])], 2)
-        ], 46, Fn)
+        ], 46, zn)
       ], 512),
-      e.store.isDependencyGraphEnabled && z.value ? (x(), k("svg", {
+      e.store.isDependencyGraphEnabled && H.value ? (y(), C("svg", {
         key: 0,
-        style: ce(X.value)
+        style: me(j.value)
       }, [
-        P("line", {
-          x1: L.value.startX,
-          y1: L.value.startY,
-          x2: L.value.endX,
-          y2: L.value.endY,
+        W("line", {
+          x1: A.value.startX,
+          y1: A.value.startY,
+          x2: A.value.endX,
+          y2: A.value.endY,
           stroke: "#2196f3",
           "stroke-width": "2",
           "stroke-dasharray": "5,5"
-        }, null, 8, Wn)
-      ], 4)) : U("", !0)
-    ], 8, Zn));
+        }, null, 8, Gn)
+      ], 4)) : K("", !0)
+    ], 8, Wn));
   }
-}), Gn = /* @__PURE__ */ we(Xn, [["__scopeId", "data-v-8917a8a3"]]), Un = `<?xml version="1.0" encoding="UTF-8"?>
+}), Un = /* @__PURE__ */ Ie(Yn, [["__scopeId", "data-v-8917a8a3"]]), jn = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
   <path d="M32,64C14.35,64,0,49.65,0,32S14.35,0,32,0s32,14.35,32,32-14.35,32-32,32ZM32,4c-15.44,0-28,12.56-28,28s12.56,28,28,28,28-12.56,28-28S47.44,4,32,4Z" style="fill: #000; stroke-width: 0px;"/>
   <polygon points="34 18 30 18 30 30 18 30 18 34 30 34 30 46 34 46 34 34 46 34 46 30 34 30 34 18" style="fill: #000; stroke-width: 0px;"/>
 </svg>
-`, jn = `<?xml version="1.0" encoding="UTF-8"?>
+`, qn = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
   <path d="M32,64C14.35,64,0,49.65,0,32S14.35,0,32,0s32,14.35,32,32-14.35,32-32,32ZM32,4c-15.44,0-28,12.56-28,28s12.56,28,28,28,28-12.56,28-28S47.44,4,32,4Z" style="fill: #000; stroke-width: 0px;"/>
   <polygon points="46.84 19.99 44.01 17.16 32 29.17 19.99 17.16 17.16 19.99 29.17 32 17.16 44.01 19.99 46.84 32 34.83 44.01 46.84 46.84 44.01 34.83 32 46.84 19.99" style="fill: #000; stroke-width: 0px;"/>
-</svg>`, Yn = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, Jn = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70.67 70.67">
   <path d="M68.67,16.67h-14.67V2c0-1.1-.9-2-2-2H2C.9,0,0,.9,0,2v50c0,1.1.9,2,2,2h14.67v14.67c0,1.1.9,2,2,2h50c1.1,0,2-.9,2-2V18.67c0-1.1-.9-2-2-2ZM4,4h46v46H4V4ZM66.67,66.67H20.67v-12.67h31.33c1.1,0,2-.9,2-2v-31.33h12.67v46Z" style="fill: #000; stroke-width: 0px;"/>
   <polygon points="41 25 29 25 29 13 25 13 25 25 13 25 13 29 25 29 25 41 29 41 29 29 41 29 41 25" style="fill: #000; stroke-width: 0px;"/>
-</svg>`, qn = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, Qn = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 70.6 61.5">
   <path d="M68.6,45.8v13.7H2v-13.7h66.6M70.6,43.8H0v17.7h70.6v-17.7h0Z"/>
   <path d="M68.6,24.2v13.7H2v-13.7h66.6M70.6,22.2H0v17.7h70.6v-17.7h0Z"/>
@@ -1199,7 +1265,7 @@ const En = (e) => {
     <polygon points="70.6 18.7 68.1 18.7 68.1 16.7 68.6 16.7 68.6 16.2 70.6 16.2 70.6 18.7"/>
     <path d="M70.6,13.4h-2v-2.7h2v2.7ZM70.6,8h-2v-2.7h2v2.7Z"/>
   </g>
-</svg>`, Jn = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, Kn = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 70.6 61.5">
   <g>
     <polygon points="70.6 45.3 68.6 45.3 68.6 44.8 68.1 44.8 68.1 42.8 70.6 42.8 70.6 45.3"/>
@@ -1213,23 +1279,23 @@ const En = (e) => {
   </g>
   <path d="M68.6,23.7v13.7H2v-13.7h66.6M70.6,21.7H0v17.7h70.6v-17.7h0Z"/>
   <path d="M68.6,2v13.7H2V2h66.6M70.6,0H0v17.7h70.6V0h0Z"/>
-</svg>`, Qn = `<?xml version="1.0" encoding="UTF-8"?>
+</svg>`, _n = `<?xml version="1.0" encoding="UTF-8"?>
 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70.67 70.64">
   <path d="M70.08,33.9l-9.75-9.75-2.83,2.83,6.33,6.33h-26.51V6.81l6.33,6.33,2.83-2.83L36.75.56c-.75-.75-2.08-.75-2.83,0l-9.75,9.75,2.83,2.83,6.33-6.33v26.5H6.83l6.33-6.33-2.83-2.83L.59,33.9c-.38.38-.59.88-.59,1.41s.21,1.04.59,1.41l9.75,9.75,2.83-2.83-6.33-6.33h26.5v26.51l-6.33-6.33-2.83,2.83,9.75,9.75c.38.38.88.59,1.41.59s1.04-.21,1.41-.59l9.75-9.75-2.83-2.83-6.33,6.33v-26.51h26.51l-6.33,6.33,2.83,2.83,9.75-9.75c.38-.38.59-.88.59-1.41s-.21-1.04-.59-1.41Z" style="fill: #000; stroke-width: 0px;"/>
-</svg>`, Kn = {
-  add: Un,
-  delete: jn,
-  duplicate: Yn,
-  insertAbove: qn,
-  insertBelow: Jn,
-  move: Qn
-}, _n = {
+</svg>`, eo = {
+  add: jn,
+  delete: qn,
+  duplicate: Jn,
+  insertAbove: Qn,
+  insertBelow: Kn,
+  move: _n
+}, to = {
   key: 0,
   class: "row-actions-dropdown"
-}, eo = ["aria-expanded"], to = ["onClick"], no = ["innerHTML"], oo = { class: "action-label" }, lo = {
+}, no = ["aria-expanded"], oo = ["onClick"], lo = ["innerHTML"], ao = { class: "action-label" }, so = {
   key: 1,
   class: "row-actions-icons"
-}, ao = ["title", "aria-label", "onClick"], so = ["innerHTML"], Fe = /* @__PURE__ */ ue({
+}, io = ["title", "aria-label", "onClick"], ro = ["innerHTML"], qe = /* @__PURE__ */ we({
   __name: "ARowActions",
   props: {
     rowIndex: {},
@@ -1239,27 +1305,27 @@ const En = (e) => {
   },
   emits: ["action"],
   setup(e, { emit: t }) {
-    const s = e, i = t, u = te("actionsCell"), l = te("toggleButton"), a = N(0), n = N(!1), c = N(!1), r = N({ top: 0, left: 0 }), v = {
+    const s = e, i = t, u = re("actionsCell"), o = re("toggleButton"), a = z(0), n = z(!1), c = z(!1), r = z({ top: 0, left: 0 }), f = {
       add: "Add Row",
       delete: "Delete Row",
       duplicate: "Duplicate Row",
       insertAbove: "Insert Above",
       insertBelow: "Insert Below",
       move: "Move Row"
-    }, g = E(() => {
-      const h = [], m = s.config.actions || {}, R = ["add", "delete", "duplicate", "insertAbove", "insertBelow", "move"];
-      for (const T of R) {
-        const z = m[T];
-        if (z === !1 || z === void 0) continue;
-        let L = !0, b = v[T], D = Kn[T];
-        typeof z == "object" && (L = z.enabled !== !1, b = z.label || b, D = z.icon || D), L && h.push({ type: T, label: b, icon: D });
+    }, g = T(() => {
+      const h = [], m = s.config.actions || {}, I = ["add", "delete", "duplicate", "insertAbove", "insertBelow", "move"];
+      for (const E of I) {
+        const H = m[E];
+        if (H === !1 || H === void 0) continue;
+        let A = !0, L = f[E], X = eo[E];
+        typeof H == "object" && (A = H.enabled !== !1, L = H.label || L, X = H.icon || X), A && h.push({ type: E, label: L, icon: X });
       }
       return h;
-    }), $ = E(() => {
+    }), $ = T(() => {
       if (s.config.forceDropdown) return !0;
       const h = s.config.dropdownThreshold ?? 150;
       return h === 0 ? !1 : a.value > 0 && a.value < h;
-    }), A = E(() => n.value ? c.value ? {
+    }), V = T(() => n.value ? c.value ? {
       position: "fixed",
       bottom: `${window.innerHeight - r.value.top}px`,
       left: `${r.value.left}px`,
@@ -1269,16 +1335,16 @@ const En = (e) => {
       top: `${r.value.top}px`,
       left: `${r.value.left}px`
     } : {});
-    ze(u, (h) => {
+    Je(u, (h) => {
       const m = h[0];
       m && (a.value = m.contentRect.width);
     });
-    const y = () => {
+    const x = () => {
       n.value || p(), n.value = !n.value;
     }, p = () => {
-      if (!l.value) return;
-      const h = l.value.getBoundingClientRect(), m = window.innerHeight, R = g.value.length * 40 + 16, T = m - h.bottom, z = h.top;
-      c.value = T < R && z > R, c.value ? r.value = {
+      if (!o.value) return;
+      const h = o.value.getBoundingClientRect(), m = window.innerHeight, I = g.value.length * 40 + 16, E = m - h.bottom, H = h.top;
+      c.value = E < I && H > I, c.value ? r.value = {
         top: h.top,
         left: h.left
       } : r.value = {
@@ -1286,68 +1352,68 @@ const En = (e) => {
         left: h.left
       };
     };
-    nt(u, () => {
+    ot(u, () => {
       n.value = !1;
     });
-    const f = (h) => {
+    const v = (h) => {
       n.value = !1;
       const m = s.config.actions?.[h];
       typeof m == "object" && m.handler && m.handler(s.rowIndex, s.store) === !1 || i("action", h, s.rowIndex);
     };
-    return (h, m) => (x(), k("td", {
+    return (h, m) => (y(), C("td", {
       ref: "actionsCell",
-      class: Q(["atable-row-actions", { "sticky-column": e.position === "before-index", "dropdown-active": n.value }])
+      class: oe(["atable-row-actions", { "sticky-column": e.position === "before-index", "dropdown-active": n.value }])
     }, [
-      $.value ? (x(), k("div", _n, [
-        P("button", {
+      $.value ? (y(), C("div", to, [
+        W("button", {
           ref: "toggleButton",
           type: "button",
           class: "row-actions-toggle",
           "aria-expanded": n.value,
           "aria-haspopup": "true",
-          onClick: ye(y, ["stop"])
+          onClick: Se(x, ["stop"])
         }, [...m[0] || (m[0] = [
-          P("span", { class: "dropdown-icon" }, "⋮", -1)
-        ])], 8, eo),
-        oe(P("div", {
-          class: Q(["row-actions-menu", { "menu-flipped": c.value }]),
-          style: ce(A.value),
+          W("span", { class: "dropdown-icon" }, "⋮", -1)
+        ])], 8, no),
+        de(W("div", {
+          class: oe(["row-actions-menu", { "menu-flipped": c.value }]),
+          style: me(V.value),
           role: "menu"
         }, [
-          (x(!0), k(ie, null, ve(g.value, (R) => (x(), k("button", {
-            key: R.type,
+          (y(!0), C(he, null, ye(g.value, (I) => (y(), C("button", {
+            key: I.type,
             type: "button",
             class: "row-action-menu-item",
             role: "menuitem",
-            onClick: ye((T) => f(R.type), ["stop"])
+            onClick: Se((E) => v(I.type), ["stop"])
           }, [
-            P("span", {
+            W("span", {
               class: "action-icon",
-              innerHTML: R.icon
-            }, null, 8, no),
-            P("span", oo, de(R.label), 1)
-          ], 8, to))), 128))
+              innerHTML: I.icon
+            }, null, 8, lo),
+            W("span", ao, xe(I.label), 1)
+          ], 8, oo))), 128))
         ], 6), [
-          [st, n.value]
+          [it, n.value]
         ])
-      ])) : (x(), k("div", lo, [
-        (x(!0), k(ie, null, ve(g.value, (R) => (x(), k("button", {
-          key: R.type,
+      ])) : (y(), C("div", so, [
+        (y(!0), C(he, null, ye(g.value, (I) => (y(), C("button", {
+          key: I.type,
           type: "button",
           class: "row-action-btn",
-          title: R.label,
-          "aria-label": R.label,
-          onClick: ye((T) => f(R.type), ["stop"])
+          title: I.label,
+          "aria-label": I.label,
+          onClick: Se((E) => v(I.type), ["stop"])
         }, [
-          P("span", {
+          W("span", {
             class: "action-icon",
-            innerHTML: R.icon
-          }, null, 8, so)
-        ], 8, ao))), 128))
+            innerHTML: I.icon
+          }, null, 8, ro)
+        ], 8, io))), 128))
       ]))
     ], 2));
   }
-}), io = ["tabindex"], ro = /* @__PURE__ */ ue({
+}), co = ["tabindex"], uo = /* @__PURE__ */ we({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -1357,97 +1423,97 @@ const En = (e) => {
   },
   emits: ["row:action"],
   setup(e, { emit: t }) {
-    const s = t, i = te("rowEl"), u = E(() => e.store.isRowVisible(e.rowIndex)), l = E(() => e.store.getRowExpandSymbol(e.rowIndex)), a = E(() => e.store.config.rowActions || { enabled: !1 }), n = E(() => a.value.enabled), c = E(() => a.value.position || "before-index"), r = (v, g) => {
-      s("row:action", v, g);
+    const s = t, i = re("rowEl"), u = T(() => e.store.isRowVisible(e.rowIndex)), o = T(() => e.store.getRowExpandSymbol(e.rowIndex)), a = T(() => e.store.config.rowActions || { enabled: !1 }), n = T(() => a.value.enabled), c = T(() => a.value.position || "before-index"), r = (f, g) => {
+      s("row:action", f, g);
     };
     if (e.addNavigation) {
-      let v = We;
-      typeof e.addNavigation == "object" && (v = {
-        ...v,
+      let f = Qe;
+      typeof e.addNavigation == "object" && (f = {
+        ...f,
         ...e.addNavigation
-      }), dt([
+      }), ft([
         {
           selectors: i,
-          handlers: v
+          handlers: f
         }
       ]);
     }
-    return (v, g) => oe((x(), k("tr", {
+    return (f, g) => de((y(), C("tr", {
       ref: "rowEl",
       tabindex: e.tabIndex,
       class: "atable-row"
     }, [
-      n.value && c.value === "before-index" ? (x(), se(Fe, {
+      n.value && c.value === "before-index" ? (y(), ve(qe, {
         key: 0,
         "row-index": e.rowIndex,
         store: e.store,
         config: a.value,
         position: c.value,
         onAction: r
-      }, null, 8, ["row-index", "store", "config", "position"])) : U("", !0),
-      e.store.config.view !== "uncounted" ? le(v.$slots, "index", { key: 1 }, () => [
-        e.store.config.view === "list" ? (x(), k("td", {
+      }, null, 8, ["row-index", "store", "config", "position"])) : K("", !0),
+      e.store.config.view !== "uncounted" ? fe(f.$slots, "index", { key: 1 }, () => [
+        e.store.config.view === "list" ? (y(), C("td", {
           key: 0,
           tabIndex: -1,
-          class: Q(["list-index", e.store.hasPinnedColumns ? "sticky-index" : ""])
-        }, de(e.rowIndex + 1), 3)) : e.store.isTreeView ? (x(), k("td", {
+          class: oe(["list-index", e.store.hasPinnedColumns ? "sticky-index" : ""])
+        }, xe(e.rowIndex + 1), 3)) : e.store.isTreeView ? (y(), C("td", {
           key: 1,
           tabIndex: -1,
-          class: Q(["tree-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
+          class: oe(["tree-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
           onClick: g[0] || (g[0] = ($) => e.store.toggleRowExpand(e.rowIndex))
-        }, de(l.value), 3)) : U("", !0)
-      ], !0) : U("", !0),
-      n.value && c.value === "after-index" ? (x(), se(Fe, {
+        }, xe(o.value), 3)) : K("", !0)
+      ], !0) : K("", !0),
+      n.value && c.value === "after-index" ? (y(), ve(qe, {
         key: 2,
         "row-index": e.rowIndex,
         store: e.store,
         config: a.value,
         position: c.value,
         onAction: r
-      }, null, 8, ["row-index", "store", "config", "position"])) : U("", !0),
-      le(v.$slots, "default", {}, void 0, !0),
-      n.value && c.value === "end" ? (x(), se(Fe, {
+      }, null, 8, ["row-index", "store", "config", "position"])) : K("", !0),
+      fe(f.$slots, "default", {}, void 0, !0),
+      n.value && c.value === "end" ? (y(), ve(qe, {
         key: 3,
         "row-index": e.rowIndex,
         store: e.store,
         config: a.value,
         position: c.value,
         onAction: r
-      }, null, 8, ["row-index", "store", "config", "position"])) : U("", !0)
-    ], 8, io)), [
-      [st, u.value]
+      }, null, 8, ["row-index", "store", "config", "position"])) : K("", !0)
+    ], 8, co)), [
+      [it, u.value]
     ]);
   }
-}), Ht = /* @__PURE__ */ we(ro, [["__scopeId", "data-v-c35a3748"]]), tt = /* @__PURE__ */ new WeakMap(), co = {
+}), Lt = /* @__PURE__ */ Ie(uo, [["__scopeId", "data-v-c35a3748"]]), nt = /* @__PURE__ */ new WeakMap(), fo = {
   mounted(e, t) {
     const s = !t.modifiers.bubble;
     let i;
-    if (typeof t.value == "function") i = nt(e, t.value, { capture: s });
+    if (typeof t.value == "function") i = ot(e, t.value, { capture: s });
     else {
-      const [u, l] = t.value;
-      i = nt(e, u, Object.assign({ capture: s }, l));
+      const [u, o] = t.value;
+      i = ot(e, u, Object.assign({ capture: s }, o));
     }
-    tt.set(e, i);
+    nt.set(e, i);
   },
   unmounted(e) {
-    const t = tt.get(e);
-    t && typeof t == "function" ? t() : t?.stop(), tt.delete(e);
+    const t = nt.get(e);
+    t && typeof t == "function" ? t() : t?.stop(), nt.delete(e);
   }
-}, uo = { mounted(e, t) {
-  typeof t.value == "function" ? ze(e, t.value) : ze(e, ...t.value);
+}, vo = { mounted(e, t) {
+  typeof t.value == "function" ? Je(e, t.value) : Je(e, ...t.value);
 } };
-function vo() {
+function ho() {
   let e = !1;
-  const t = ee(!1);
+  const t = ie(!1);
   return (s, i) => {
     if (t.value = i.value, e) return;
     e = !0;
-    const u = $n(s, i.value);
-    ae(t, (l) => u.value = l);
+    const u = Sn(s, i.value);
+    ce(t, (o) => u.value = o);
   };
 }
-vo();
-const fo = { class: "gantt-connection-overlay" }, ho = {
+ho();
+const go = { class: "gantt-connection-overlay" }, mo = {
   class: "connection-svg",
   style: {
     position: "absolute",
@@ -1458,39 +1524,39 @@ const fo = { class: "gantt-connection-overlay" }, ho = {
     pointerEvents: "none",
     zIndex: 1
   }
-}, mo = ["d", "stroke-width", "onDblclick"], go = ["id", "d", "stroke", "stroke-width", "onDblclick"], wo = 0.25, Pe = 16, po = /* @__PURE__ */ ue({
+}, wo = ["d", "stroke-width", "onDblclick"], po = ["id", "d", "stroke", "stroke-width", "onDblclick"], xo = 0.25, Ye = 16, yo = /* @__PURE__ */ we({
   __name: "AGanttConnection",
   props: {
     store: {}
   },
   emits: ["connection:delete"],
   setup(e, { emit: t }) {
-    const s = t, i = E(() => e.store.connectionPaths.filter((a) => {
+    const s = t, i = T(() => e.store.connectionPaths.filter((a) => {
       const n = e.store.ganttBars.find((r) => r.id === a.from.barId), c = e.store.ganttBars.find((r) => r.id === a.to.barId);
       return n && c;
     })), u = (a) => {
       const n = e.store.connectionHandles.find(
-        (b) => b.barId === a.from.barId && b.side === a.from.side
+        (L) => L.barId === a.from.barId && L.side === a.from.side
       ), c = e.store.connectionHandles.find(
-        (b) => b.barId === a.to.barId && b.side === a.to.side
+        (L) => L.barId === a.to.barId && L.side === a.to.side
       );
       if (!n || !c) return "";
-      const r = n.position.x + Pe / 2, v = n.position.y + Pe / 2, g = c.position.x + Pe / 2, $ = c.position.y + Pe / 2, A = Math.abs(g - r), y = Math.max(A * wo, 50), p = r + (a.from.side === "left" ? -y : y), f = g + (a.to.side === "left" ? -y : y), h = { x: 0.5 * r + 0.5 * p, y: 0.5 * v + 0.5 * v }, m = { x: 0.5 * p + 0.5 * f, y: 0.5 * v + 0.5 * $ }, R = { x: 0.5 * f + 0.5 * g, y: 0.5 * $ + 0.5 * $ }, T = { x: 0.5 * h.x + 0.5 * m.x, y: 0.5 * h.y + 0.5 * m.y }, z = { x: 0.5 * m.x + 0.5 * R.x, y: 0.5 * m.y + 0.5 * R.y }, L = { x: 0.5 * T.x + 0.5 * z.x, y: 0.5 * T.y + 0.5 * z.y };
-      return `M ${r} ${v} Q ${p} ${v}, ${L.x} ${L.y} Q ${f} ${$}, ${g} ${$}`;
-    }, l = (a) => {
+      const r = n.position.x + Ye / 2, f = n.position.y + Ye / 2, g = c.position.x + Ye / 2, $ = c.position.y + Ye / 2, V = Math.abs(g - r), x = Math.max(V * xo, 50), p = r + (a.from.side === "left" ? -x : x), v = g + (a.to.side === "left" ? -x : x), h = { x: 0.5 * r + 0.5 * p, y: 0.5 * f + 0.5 * f }, m = { x: 0.5 * p + 0.5 * v, y: 0.5 * f + 0.5 * $ }, I = { x: 0.5 * v + 0.5 * g, y: 0.5 * $ + 0.5 * $ }, E = { x: 0.5 * h.x + 0.5 * m.x, y: 0.5 * h.y + 0.5 * m.y }, H = { x: 0.5 * m.x + 0.5 * I.x, y: 0.5 * m.y + 0.5 * I.y }, A = { x: 0.5 * E.x + 0.5 * H.x, y: 0.5 * E.y + 0.5 * H.y };
+      return `M ${r} ${f} Q ${p} ${f}, ${A.x} ${A.y} Q ${v} ${$}, ${g} ${$}`;
+    }, o = (a) => {
       e.store.deleteConnection(a.id) && s("connection:delete", a);
     };
-    return (a, n) => (x(), k("div", fo, [
-      (x(), k("svg", ho, [
-        n[0] || (n[0] = P("defs", null, [
-          P("path", {
+    return (a, n) => (y(), C("div", go, [
+      (y(), C("svg", mo, [
+        n[0] || (n[0] = W("defs", null, [
+          W("path", {
             id: "arrowhead",
             d: "M 0 -7 L 20 0 L 0 7Z",
             stroke: "black",
             "stroke-width": "1",
             fill: "currentColor"
           }),
-          P("marker", {
+          W("marker", {
             id: "arrowhead-marker",
             markerWidth: "10",
             markerHeight: "7",
@@ -1499,22 +1565,22 @@ const fo = { class: "gantt-connection-overlay" }, ho = {
             orient: "auto",
             markerUnits: "strokeWidth"
           }, [
-            P("polygon", {
+            W("polygon", {
               points: "0 0, 10 3.5, 0 7",
               fill: "currentColor"
             })
           ])
         ], -1)),
-        (x(!0), k(ie, null, ve(i.value, (c) => (x(), k("path", {
+        (y(!0), C(he, null, ye(i.value, (c) => (y(), C("path", {
           key: `${c.id}-hitbox`,
           d: u(c),
           stroke: "transparent",
           "stroke-width": (c.style?.width || 2) + 10,
           fill: "none",
           class: "connection-hitbox",
-          onDblclick: (r) => l(c)
-        }, null, 40, mo))), 128)),
-        (x(!0), k(ie, null, ve(i.value, (c) => (x(), k("path", {
+          onDblclick: (r) => o(c)
+        }, null, 40, wo))), 128)),
+        (y(!0), C(he, null, ye(i.value, (c) => (y(), C("path", {
           id: c.id,
           key: c.id,
           d: u(c),
@@ -1523,18 +1589,18 @@ const fo = { class: "gantt-connection-overlay" }, ho = {
           fill: "none",
           "marker-mid": "url(#arrowhead-marker)",
           class: "connection-path animated-path",
-          onDblclick: (r) => l(c)
-        }, null, 40, go))), 128))
+          onDblclick: (r) => o(c)
+        }, null, 40, po))), 128))
       ]))
     ]));
   }
-}), xo = /* @__PURE__ */ we(po, [["__scopeId", "data-v-71911260"]]), yo = { class: "column-filter" }, bo = {
+}), bo = /* @__PURE__ */ Ie(yo, [["__scopeId", "data-v-71911260"]]), Co = { class: "column-filter" }, ko = {
   key: 2,
   class: "checkbox-filter"
-}, Co = ["value"], ko = {
+}, Mo = ["value"], Ro = {
   key: 5,
   class: "date-range-filter"
-}, Mo = /* @__PURE__ */ ue({
+}, Io = /* @__PURE__ */ we({
   __name: "ATableColumnFilter",
   props: {
     column: {},
@@ -1542,20 +1608,20 @@ const fo = { class: "gantt-connection-overlay" }, ho = {
     store: {}
   },
   setup(e) {
-    const t = N(""), s = Xt({
+    const t = z(""), s = Gt({
       startValue: "",
       endValue: ""
     }), i = (c) => {
       if (c.filterOptions) return c.filterOptions;
       const r = /* @__PURE__ */ new Set();
-      return e.store.rows.forEach((v) => {
-        const g = v[c.name];
+      return e.store.rows.forEach((f) => {
+        const g = f[c.name];
         g != null && g !== "" && r.add(g);
-      }), Array.from(r).map((v) => ({
-        value: v,
-        label: String(v)
+      }), Array.from(r).map((f) => ({
+        value: f,
+        label: String(f)
       }));
-    }, u = E(() => !!(t.value || s.startValue || s.endValue)), l = (c) => {
+    }, u = T(() => !!(t.value || s.startValue || s.endValue)), o = (c) => {
       !c && e.column.filterType !== "checkbox" ? (e.store.clearFilter(e.colIndex), t.value = "") : (t.value = c, e.store.setFilter(e.colIndex, { value: c }));
     }, a = (c, r) => {
       c === "start" ? s.startValue = r : s.endValue = r, !s.startValue && !s.endValue ? e.store.clearFilter(e.colIndex) : e.store.setFilter(e.colIndex, {
@@ -1566,238 +1632,238 @@ const fo = { class: "gantt-connection-overlay" }, ho = {
     }, n = () => {
       t.value = "", s.startValue = "", s.endValue = "", e.store.clearFilter(e.colIndex);
     };
-    return (c, r) => (x(), k("div", yo, [
-      (e.column.filterType || "text") === "text" ? oe((x(), k("input", {
+    return (c, r) => (y(), C("div", Co, [
+      (e.column.filterType || "text") === "text" ? de((y(), C("input", {
         key: 0,
-        "onUpdate:modelValue": r[0] || (r[0] = (v) => t.value = v),
+        "onUpdate:modelValue": r[0] || (r[0] = (f) => t.value = f),
         type: "text",
         class: "filter-input",
-        onInput: r[1] || (r[1] = (v) => l(t.value))
+        onInput: r[1] || (r[1] = (f) => o(t.value))
       }, null, 544)), [
-        [Ie, t.value]
-      ]) : e.column.filterType === "number" ? oe((x(), k("input", {
+        [Ne, t.value]
+      ]) : e.column.filterType === "number" ? de((y(), C("input", {
         key: 1,
-        "onUpdate:modelValue": r[2] || (r[2] = (v) => t.value = v),
+        "onUpdate:modelValue": r[2] || (r[2] = (f) => t.value = f),
         type: "number",
         class: "filter-input",
-        onInput: r[3] || (r[3] = (v) => l(t.value))
+        onInput: r[3] || (r[3] = (f) => o(t.value))
       }, null, 544)), [
-        [Ie, t.value]
-      ]) : e.column.filterType === "checkbox" ? (x(), k("label", bo, [
-        oe(P("input", {
-          "onUpdate:modelValue": r[4] || (r[4] = (v) => t.value = v),
+        [Ne, t.value]
+      ]) : e.column.filterType === "checkbox" ? (y(), C("label", ko, [
+        de(W("input", {
+          "onUpdate:modelValue": r[4] || (r[4] = (f) => t.value = f),
           type: "checkbox",
           class: "filter-checkbox",
-          onChange: r[5] || (r[5] = (v) => l(t.value))
+          onChange: r[5] || (r[5] = (f) => o(t.value))
         }, null, 544), [
-          [Gt, t.value]
+          [Yt, t.value]
         ]),
-        P("span", null, de(e.column.label), 1)
-      ])) : e.column.filterType === "select" ? oe((x(), k("select", {
+        W("span", null, xe(e.column.label), 1)
+      ])) : e.column.filterType === "select" ? de((y(), C("select", {
         key: 3,
-        "onUpdate:modelValue": r[6] || (r[6] = (v) => t.value = v),
+        "onUpdate:modelValue": r[6] || (r[6] = (f) => t.value = f),
         class: "filter-select",
-        onChange: r[7] || (r[7] = (v) => l(t.value))
+        onChange: r[7] || (r[7] = (f) => o(t.value))
       }, [
-        r[15] || (r[15] = P("option", { value: "" }, "All", -1)),
-        (x(!0), k(ie, null, ve(i(e.column), (v) => (x(), k("option", {
-          key: v.value || v,
-          value: v.value || v
-        }, de(v.label || v), 9, Co))), 128))
+        r[15] || (r[15] = W("option", { value: "" }, "All", -1)),
+        (y(!0), C(he, null, ye(i(e.column), (f) => (y(), C("option", {
+          key: f.value || f,
+          value: f.value || f
+        }, xe(f.label || f), 9, Mo))), 128))
       ], 544)), [
         [Ut, t.value]
-      ]) : e.column.filterType === "date" ? oe((x(), k("input", {
+      ]) : e.column.filterType === "date" ? de((y(), C("input", {
         key: 4,
-        "onUpdate:modelValue": r[8] || (r[8] = (v) => t.value = v),
+        "onUpdate:modelValue": r[8] || (r[8] = (f) => t.value = f),
         type: "date",
         class: "filter-input",
-        onChange: r[9] || (r[9] = (v) => l(t.value))
+        onChange: r[9] || (r[9] = (f) => o(t.value))
       }, null, 544)), [
-        [Ie, t.value]
-      ]) : e.column.filterType === "dateRange" ? (x(), k("div", ko, [
-        oe(P("input", {
-          "onUpdate:modelValue": r[10] || (r[10] = (v) => s.startValue = v),
+        [Ne, t.value]
+      ]) : e.column.filterType === "dateRange" ? (y(), C("div", Ro, [
+        de(W("input", {
+          "onUpdate:modelValue": r[10] || (r[10] = (f) => s.startValue = f),
           type: "date",
           class: "filter-input",
-          onChange: r[11] || (r[11] = (v) => a("start", s.startValue))
+          onChange: r[11] || (r[11] = (f) => a("start", s.startValue))
         }, null, 544), [
-          [Ie, s.startValue]
+          [Ne, s.startValue]
         ]),
-        r[16] || (r[16] = P("span", { class: "date-separator" }, "-", -1)),
-        oe(P("input", {
-          "onUpdate:modelValue": r[12] || (r[12] = (v) => s.endValue = v),
+        r[16] || (r[16] = W("span", { class: "date-separator" }, "-", -1)),
+        de(W("input", {
+          "onUpdate:modelValue": r[12] || (r[12] = (f) => s.endValue = f),
           type: "date",
           class: "filter-input",
-          onChange: r[13] || (r[13] = (v) => a("end", s.endValue))
+          onChange: r[13] || (r[13] = (f) => a("end", s.endValue))
         }, null, 544), [
-          [Ie, s.endValue]
+          [Ne, s.endValue]
         ])
-      ])) : e.column.filterType === "component" && e.column.filterComponent ? (x(), se($e(e.column.filterComponent), {
+      ])) : e.column.filterType === "component" && e.column.filterComponent ? (y(), ve(We(e.column.filterComponent), {
         key: 6,
         value: t.value,
         column: e.column,
         colIndex: e.colIndex,
         store: e.store,
-        "onUpdate:value": r[14] || (r[14] = (v) => l(v))
-      }, null, 40, ["value", "column", "colIndex", "store"])) : U("", !0),
-      u.value ? (x(), k("button", {
+        "onUpdate:value": r[14] || (r[14] = (f) => o(f))
+      }, null, 40, ["value", "column", "colIndex", "store"])) : K("", !0),
+      u.value ? (y(), C("button", {
         key: 7,
         onClick: n,
         class: "clear-btn",
         title: "Clear"
-      }, "×")) : U("", !0)
+      }, "×")) : K("", !0)
     ]));
   }
-}), Ro = /* @__PURE__ */ we(Mo, [["__scopeId", "data-v-8487462d"]]), Io = { key: 0 }, $o = {
+}), $o = /* @__PURE__ */ Ie(Io, [["__scopeId", "data-v-8487462d"]]), Eo = { key: 0 }, So = {
   class: "atable-header-row",
   tabindex: "-1"
-}, Eo = {
+}, Ao = {
   key: 2,
   class: "row-actions-header"
-}, So = ["data-colindex", "onClick"], Ao = {
+}, To = ["data-colindex", "onClick"], Do = {
   key: 3,
   class: "row-actions-header"
-}, To = {
+}, Ho = {
   key: 0,
   class: "atable-filters-row"
-}, Do = {
+}, Lo = {
   key: 2,
   class: "row-actions-header"
-}, Ho = {
+}, Oo = {
   key: 3,
   class: "row-actions-header"
-}, Ot = /* @__PURE__ */ ue({
+}, Ot = /* @__PURE__ */ we({
   __name: "ATableHeader",
   props: {
     columns: {},
     store: {}
   },
   setup(e) {
-    const t = e, s = E(() => t.columns.filter((n) => n.filterable)), i = E(() => t.store.config.value?.rowActions?.enabled ?? !1), u = E(() => t.store.config.value?.rowActions?.position ?? "before-index"), l = (n) => t.store.sortByColumn(n), a = (n) => {
+    const t = e, s = T(() => t.columns.filter((n) => n.filterable)), i = T(() => t.store.config.value?.rowActions?.enabled ?? !1), u = T(() => t.store.config.value?.rowActions?.position ?? "before-index"), o = (n) => t.store.sortByColumn(n), a = (n) => {
       for (const c of n) {
         if (c.borderBoxSize.length === 0) continue;
-        const v = c.borderBoxSize[0].inlineSize, g = Number(c.target.dataset.colindex), $ = t.store.columns[g]?.width;
-        typeof $ == "number" && $ !== v && t.store.resizeColumn(g, v);
+        const f = c.borderBoxSize[0].inlineSize, g = Number(c.target.dataset.colindex), $ = t.store.columns[g]?.width;
+        typeof $ == "number" && $ !== f && t.store.resizeColumn(g, f);
       }
     };
-    return (n, c) => t.columns.length ? (x(), k("thead", Io, [
-      P("tr", $o, [
-        i.value && u.value === "before-index" ? (x(), k("th", {
+    return (n, c) => t.columns.length ? (y(), C("thead", Eo, [
+      W("tr", So, [
+        i.value && u.value === "before-index" ? (y(), C("th", {
           key: 0,
-          class: Q(["row-actions-header", { "sticky-column": u.value === "before-index" }])
-        }, null, 2)) : U("", !0),
-        t.store.zeroColumn ? (x(), k("th", {
+          class: oe(["row-actions-header", { "sticky-column": u.value === "before-index" }])
+        }, null, 2)) : K("", !0),
+        t.store.zeroColumn ? (y(), C("th", {
           key: 1,
           id: "header-index",
-          class: Q([[
+          class: oe([[
             t.store.hasPinnedColumns ? "sticky-index" : "",
             t.store.isTreeView ? "tree-index" : "",
             t.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
-        }, null, 2)) : U("", !0),
-        i.value && u.value === "after-index" ? (x(), k("th", Eo)) : U("", !0),
-        (x(!0), k(ie, null, ve(t.columns, (r, v) => oe((x(), k("th", {
+        }, null, 2)) : K("", !0),
+        i.value && u.value === "after-index" ? (y(), C("th", Ao)) : K("", !0),
+        (y(!0), C(he, null, ye(t.columns, (r, f) => de((y(), C("th", {
           key: r.name,
-          "data-colindex": v,
+          "data-colindex": f,
           tabindex: "-1",
-          style: ce(t.store.getHeaderCellStyle(r)),
-          class: Q(`${r.pinned ? "sticky-column" : ""} ${r.sortable === !1 ? "" : "cursor-pointer"}`),
-          onClick: (g) => r.sortable !== !1 ? l(v) : void 0
+          style: me(t.store.getHeaderCellStyle(r)),
+          class: oe(`${r.pinned ? "sticky-column" : ""} ${r.sortable === !1 ? "" : "cursor-pointer"}`),
+          onClick: (g) => r.sortable !== !1 ? o(f) : void 0
         }, [
-          le(n.$slots, "default", {}, () => [
-            jt(de(r.label || String.fromCharCode(v + 97).toUpperCase()), 1)
+          fe(n.$slots, "default", {}, () => [
+            jt(xe(r.label || String.fromCharCode(f + 97).toUpperCase()), 1)
           ])
-        ], 14, So)), [
-          [O(uo), a]
+        ], 14, To)), [
+          [Z(vo), a]
         ])), 128)),
-        i.value && u.value === "end" ? (x(), k("th", Ao)) : U("", !0)
+        i.value && u.value === "end" ? (y(), C("th", Do)) : K("", !0)
       ]),
-      s.value.length > 0 ? (x(), k("tr", To, [
-        i.value && u.value === "before-index" ? (x(), k("th", {
+      s.value.length > 0 ? (y(), C("tr", Ho, [
+        i.value && u.value === "before-index" ? (y(), C("th", {
           key: 0,
-          class: Q(["row-actions-header", { "sticky-column": u.value === "before-index" }])
-        }, null, 2)) : U("", !0),
-        t.store.zeroColumn ? (x(), k("th", {
+          class: oe(["row-actions-header", { "sticky-column": u.value === "before-index" }])
+        }, null, 2)) : K("", !0),
+        t.store.zeroColumn ? (y(), C("th", {
           key: 1,
-          class: Q([[
+          class: oe([[
             t.store.hasPinnedColumns ? "sticky-index" : "",
             t.store.isTreeView ? "tree-index" : "",
             t.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
-        }, null, 2)) : U("", !0),
-        i.value && u.value === "after-index" ? (x(), k("th", Do)) : U("", !0),
-        (x(!0), k(ie, null, ve(t.columns, (r, v) => (x(), k("th", {
+        }, null, 2)) : K("", !0),
+        i.value && u.value === "after-index" ? (y(), C("th", Lo)) : K("", !0),
+        (y(!0), C(he, null, ye(t.columns, (r, f) => (y(), C("th", {
           key: `filter-${r.name}`,
-          class: Q(`${r.pinned ? "sticky-column" : ""}`),
-          style: ce(t.store.getHeaderCellStyle(r))
+          class: oe(`${r.pinned ? "sticky-column" : ""}`),
+          style: me(t.store.getHeaderCellStyle(r))
         }, [
-          r.filterable ? (x(), se(Ro, {
+          r.filterable ? (y(), ve($o, {
             key: 0,
             column: r,
-            "col-index": v,
+            "col-index": f,
             store: t.store
-          }, null, 8, ["column", "col-index", "store"])) : U("", !0)
+          }, null, 8, ["column", "col-index", "store"])) : K("", !0)
         ], 6))), 128)),
-        i.value && u.value === "end" ? (x(), k("th", Ho)) : U("", !0)
-      ])) : U("", !0)
-    ])) : U("", !0);
+        i.value && u.value === "end" ? (y(), C("th", Oo)) : K("", !0)
+      ])) : K("", !0)
+    ])) : K("", !0);
   }
-}), Lt = /* @__PURE__ */ ue({
+}), Vt = /* @__PURE__ */ we({
   __name: "ATableModal",
   props: {
     store: {}
   },
   setup(e) {
-    const t = te("amodal"), { width: s, height: i } = pe(t), u = E(() => {
+    const t = re("amodal"), { width: s, height: i } = $e(t), u = T(() => {
       if (!(e.store.modal.height && e.store.modal.width && e.store.modal.left && e.store.modal.bottom)) return;
-      const l = e.store.modal.cell?.closest("table");
-      if (!l) return {};
-      const a = l.offsetHeight || 0, n = l.offsetWidth || 0;
+      const o = e.store.modal.cell?.closest("table");
+      if (!o) return {};
+      const a = o.offsetHeight || 0, n = o.offsetWidth || 0;
       let c = e.store.modal.cell?.offsetTop || 0;
-      const r = l.querySelector("thead")?.offsetHeight || 0;
+      const r = o.querySelector("thead")?.offsetHeight || 0;
       c += r, c = c + i.value < a ? c : c - (i.value + e.store.modal.height);
-      let v = e.store.modal.cell?.offsetLeft || 0;
-      return v = v + s.value <= n ? v : v - (s.value - e.store.modal.width), {
-        left: `${v}px`,
+      let f = e.store.modal.cell?.offsetLeft || 0;
+      return f = f + s.value <= n ? f : f - (s.value - e.store.modal.width), {
+        left: `${f}px`,
         top: `${c}px`
       };
     });
-    return (l, a) => (x(), k("div", {
+    return (o, a) => (y(), C("div", {
       ref: "amodal",
       class: "amodal",
       tabindex: "-1",
-      style: ce(u.value),
-      onClick: a[0] || (a[0] = ye(() => {
+      style: me(u.value),
+      onClick: a[0] || (a[0] = Se(() => {
       }, ["stop"])),
-      onInput: a[1] || (a[1] = ye(() => {
+      onInput: a[1] || (a[1] = Se(() => {
       }, ["stop"]))
     }, [
-      le(l.$slots, "default")
+      fe(o.$slots, "default")
     ], 36));
   }
-}), Oo = (e) => {
-  const t = e.id || Sn();
-  return Yt(`table-${t}`, () => {
+}), Vo = (e) => {
+  const t = e.id || Tn();
+  return qt(`table-${t}`, () => {
     const i = () => {
-      const o = [Object.assign({}, { rowModified: !1 })], d = /* @__PURE__ */ new Set();
-      for (let C = 0; C < l.value.length; C++) {
-        const M = l.value[C];
+      const l = [Object.assign({}, { rowModified: !1 })], d = /* @__PURE__ */ new Set();
+      for (let b = 0; b < o.value.length; b++) {
+        const M = o.value[b];
         M.parent !== null && M.parent !== void 0 && d.add(M.parent);
       }
-      const w = (C) => l.value[C]?.gantt !== void 0, I = (C) => {
-        for (let M = 0; M < l.value.length; M++)
-          if (l.value[M].parent === C && (w(M) || I(M)))
+      const w = (b) => o.value[b]?.gantt !== void 0, R = (b) => {
+        for (let M = 0; M < o.value.length; M++)
+          if (o.value[M].parent === b && (w(M) || R(M)))
             return !0;
         return !1;
-      }, H = (C) => {
-        const M = a.value, B = M.view === "tree" || M.view === "tree-gantt" ? M.defaultTreeExpansion : void 0;
-        if (!B) return !0;
-        switch (B) {
+      }, P = (b) => {
+        const M = a.value, N = M.view === "tree" || M.view === "tree-gantt" ? M.defaultTreeExpansion : void 0;
+        if (!N) return !0;
+        switch (N) {
           case "root":
             return !1;
           // Only root nodes are visible, all children start collapsed
           case "branch":
-            return I(C);
+            return R(b);
           case "leaf":
             return !0;
           // All nodes should be expanded
@@ -1805,343 +1871,343 @@ const fo = { class: "gantt-connection-overlay" }, ho = {
             return !0;
         }
       };
-      for (let C = 0; C < l.value.length; C++) {
-        const M = l.value[C], B = M.parent === null || M.parent === void 0, q = d.has(C);
-        o[C] = {
-          childrenOpen: H(C),
+      for (let b = 0; b < o.value.length; b++) {
+        const M = o.value[b], N = M.parent === null || M.parent === void 0, ee = d.has(b);
+        l[b] = {
+          childrenOpen: P(b),
           expanded: !1,
           indent: M.indent || 0,
-          isParent: q,
-          isRoot: B,
+          isParent: ee,
+          isRoot: N,
           rowModified: !1,
-          open: B,
+          open: N,
           // This will be recalculated later for non-root nodes
           parent: M.parent
         };
       }
-      return o;
-    }, u = N(e.columns), l = N(e.rows), a = N(e.config || {}), n = N({}), c = N({}), r = E(() => {
-      const o = {};
+      return l;
+    }, u = z(e.columns), o = z(e.rows), a = z(e.config || {}), n = z({}), c = z({}), r = T(() => {
+      const l = {};
       for (const [d, w] of u.value.entries())
-        for (const [I, H] of l.value.entries())
-          o[`${d}:${I}`] = H[w.name];
-      return o;
-    }), v = E({
+        for (const [R, P] of o.value.entries())
+          l[`${d}:${R}`] = P[w.name];
+      return l;
+    }), f = T({
       get: () => {
-        const o = i();
-        for (let d = 0; d < o.length; d++)
-          n.value[d] && (o[d].rowModified = n.value[d]), c.value[d] && (c.value[d].childrenOpen !== void 0 && (o[d].childrenOpen = c.value[d].childrenOpen), c.value[d].expanded !== void 0 && (o[d].expanded = c.value[d].expanded));
-        if (T.value) {
-          const d = (w, I) => {
-            const H = I[w];
-            if (H.isRoot || H.parent === null || H.parent === void 0)
+        const l = i();
+        for (let d = 0; d < l.length; d++)
+          n.value[d] && (l[d].rowModified = n.value[d]), c.value[d] && (c.value[d].childrenOpen !== void 0 && (l[d].childrenOpen = c.value[d].childrenOpen), c.value[d].expanded !== void 0 && (l[d].expanded = c.value[d].expanded));
+        if (E.value) {
+          const d = (w, R) => {
+            const P = R[w];
+            if (P.isRoot || P.parent === null || P.parent === void 0)
               return !0;
-            const C = H.parent;
-            return C < 0 || C >= I.length ? !1 : (I[C].childrenOpen || !1) && d(C, I);
+            const b = P.parent;
+            return b < 0 || b >= R.length ? !1 : (R[b].childrenOpen || !1) && d(b, R);
           };
-          for (let w = 0; w < o.length; w++)
-            o[w].isRoot || (o[w].open = d(w, o));
+          for (let w = 0; w < l.length; w++)
+            l[w].isRoot || (l[w].open = d(w, l));
         }
-        return o;
+        return l;
       },
-      set: (o) => {
-        JSON.stringify(o) !== JSON.stringify(v.value) && (v.value = o);
+      set: (l) => {
+        JSON.stringify(l) !== JSON.stringify(f.value) && (f.value = l);
       }
-    }), g = N(e.modal || { visible: !1 }), $ = N({}), A = N([]), y = N([]), p = N([]), f = N({
+    }), g = z(e.modal || { visible: !1 }), $ = z({}), V = z([]), x = z([]), p = z([]), v = z({
       column: null,
       direction: null
-    }), h = N({}), m = E(() => u.value.some((o) => o.pinned)), R = E(() => a.value.view === "gantt" || a.value.view === "tree-gantt"), T = E(() => a.value.view === "tree" || a.value.view === "tree-gantt"), z = E(() => {
-      const o = a.value;
-      return o.view === "gantt" || o.view === "tree-gantt" ? o.dependencyGraph !== !1 : !0;
-    }), L = E(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), b = E(
+    }), h = z({}), m = T(() => u.value.some((l) => l.pinned)), I = T(() => a.value.view === "gantt" || a.value.view === "tree-gantt"), E = T(() => a.value.view === "tree" || a.value.view === "tree-gantt"), H = T(() => {
+      const l = a.value;
+      return l.view === "gantt" || l.view === "tree-gantt" ? l.dependencyGraph !== !1 : !0;
+    }), A = T(() => `${Math.ceil(o.value.length / 100 + 1)}ch`), L = T(
       () => a.value.view ? ["list", "tree", "tree-gantt", "list-expansion"].includes(a.value.view) : !1
-    ), D = E(() => {
-      let o = l.value.map((d, w) => ({
+    ), X = T(() => {
+      let l = o.value.map((d, w) => ({
         ...d,
         originalIndex: w
       }));
       if (Object.entries(h.value).forEach(([d, w]) => {
-        const I = parseInt(d), H = u.value[I];
-        !H || !(w.value || w.startValue || w.endValue || H.filterType === "checkbox" && w.value !== void 0) || (o = o.filter((M) => {
-          const B = M[H.name];
-          return J(B, w, H);
+        const R = parseInt(d), P = u.value[R];
+        !P || !(w.value || w.startValue || w.endValue || P.filterType === "checkbox" && w.value !== void 0) || (l = l.filter((M) => {
+          const N = M[P.name];
+          return _(N, w, P);
         }));
-      }), f.value.column !== null && f.value.direction) {
-        const d = u.value[f.value.column], w = f.value.direction;
-        o.sort((I, H) => {
-          let C = I[d.name], M = H[d.name];
-          C == null && (C = ""), M == null && (M = "");
-          const B = Number(C), q = Number(M);
-          if (!isNaN(B) && !isNaN(q) && C !== "" && M !== "")
-            return w === "asc" ? B - q : q - B;
+      }), v.value.column !== null && v.value.direction) {
+        const d = u.value[v.value.column], w = v.value.direction;
+        l.sort((R, P) => {
+          let b = R[d.name], M = P[d.name];
+          b == null && (b = ""), M == null && (M = "");
+          const N = Number(b), ee = Number(M);
+          if (!isNaN(N) && !isNaN(ee) && b !== "" && M !== "")
+            return w === "asc" ? N - ee : ee - N;
           {
-            const ht = String(C).toLowerCase(), mt = String(M).toLowerCase();
-            return w === "asc" ? ht.localeCompare(mt) : mt.localeCompare(ht);
+            const gt = String(b).toLowerCase(), mt = String(M).toLowerCase();
+            return w === "asc" ? gt.localeCompare(mt) : mt.localeCompare(gt);
           }
         });
       }
-      return o;
-    }), j = (o, d) => r.value[`${o}:${d}`], X = (o, d, w) => {
-      const I = `${o}:${d}`, H = u.value[o];
-      r.value[I] !== w && (n.value[d] = !0), r.value[I] = w, l.value[d] = {
-        ...l.value[d],
-        [H.name]: w
+      return l;
+    }), le = (l, d) => r.value[`${l}:${d}`], j = (l, d, w) => {
+      const R = `${l}:${d}`, P = u.value[l];
+      r.value[R] !== w && (n.value[d] = !0), r.value[R] = w, o.value[d] = {
+        ...o.value[d],
+        [P.name]: w
       };
-    }, F = (o) => {
-      l.value = o;
-    }, ne = (o, d, w) => {
-      const I = `${o}:${d}`;
-      r.value[I] !== w && (n.value[d] = !0, $.value[I] = w);
-    }, me = (o) => {
-      const d = u.value.indexOf(o) === u.value.length - 1, w = a.value.fullWidth ? o.resizable && !d : o.resizable;
+    }, q = (l) => {
+      o.value = l;
+    }, ue = (l, d, w) => {
+      const R = `${l}:${d}`;
+      r.value[R] !== w && (n.value[d] = !0, $.value[R] = w);
+    }, ae = (l) => {
+      const d = u.value.indexOf(l) === u.value.length - 1, w = a.value.fullWidth ? l.resizable && !d : l.resizable;
       return {
-        width: o.width || "40ch",
-        textAlign: o.align || "center",
+        width: l.width || "40ch",
+        textAlign: l.align || "center",
         ...w && {
           resize: "horizontal",
           overflow: "hidden",
           whiteSpace: "nowrap"
         }
       };
-    }, Ae = (o, d) => {
-      if (o < 0 || o >= u.value.length) return;
-      const I = Math.max(d, 40);
-      u.value[o] = {
-        ...u.value[o],
-        width: `${I}px`
+    }, Ae = (l, d) => {
+      if (l < 0 || l >= u.value.length) return;
+      const R = Math.max(d, 40);
+      u.value[l] = {
+        ...u.value[l],
+        width: `${R}px`
       };
-    }, Me = (o) => {
-      const d = l.value[o];
-      return R.value && d.gantt !== void 0;
-    }, Xe = (o) => !T.value || v.value[o].isRoot || v.value[o].open, Ge = (o) => !T.value && a.value.view !== "list-expansion" ? "" : T.value && (v.value[o].isRoot || v.value[o].isParent) ? v.value[o].childrenOpen ? "▼" : "►" : a.value.view === "list-expansion" ? v.value[o].expanded ? "▼" : "►" : "", Ue = (o) => {
-      if (T.value) {
-        const d = c.value[o] || {}, I = !(d.childrenOpen ?? v.value[o].childrenOpen);
-        c.value[o] = {
+    }, ke = (l) => {
+      const d = o.value[l];
+      return I.value && d.gantt !== void 0;
+    }, Oe = (l) => !E.value || f.value[l].isRoot || f.value[l].open, Ve = (l) => !E.value && a.value.view !== "list-expansion" ? "" : E.value && (f.value[l].isRoot || f.value[l].isParent) ? f.value[l].childrenOpen ? "▼" : "►" : a.value.view === "list-expansion" ? f.value[l].expanded ? "▼" : "►" : "", Be = (l) => {
+      if (E.value) {
+        const d = c.value[l] || {}, R = !(d.childrenOpen ?? f.value[l].childrenOpen);
+        c.value[l] = {
           ...d,
-          childrenOpen: I
-        }, I || Te(o);
+          childrenOpen: R
+        }, R || Te(l);
       } else if (a.value.view === "list-expansion") {
-        const d = c.value[o] || {}, w = d.expanded ?? v.value[o].expanded;
-        c.value[o] = {
+        const d = c.value[l] || {}, w = d.expanded ?? f.value[l].expanded;
+        c.value[l] = {
           ...d,
           expanded: !w
         };
       }
-    }, Te = (o) => {
-      for (let d = 0; d < l.value.length; d++)
-        if (v.value[d].parent === o) {
+    }, Te = (l) => {
+      for (let d = 0; d < o.value.length; d++)
+        if (f.value[d].parent === l) {
           const w = c.value[d] || {};
           c.value[d] = {
             ...w,
             childrenOpen: !1
           }, Te(d);
         }
-    }, je = (o, d) => {
-      const w = j(o, d);
-      return De(o, d, w);
-    }, De = (o, d, w) => {
-      const I = u.value[o], H = l.value[d], C = I.format;
-      return C ? typeof C == "function" ? C(w, { table: r.value, row: H, column: I }) : typeof C == "string" ? Function(`"use strict";return (${C})`)()(w, { table: r.value, row: H, column: I }) : w : w;
-    }, Ye = (o) => {
-      o.target instanceof Node && g.value.parent?.contains(o.target) || g.value.visible && (g.value.visible = !1);
-    }, qe = (o, d) => d && o === 0 && d > 0 ? `${d}ch` : "inherit", Je = (o) => {
-      const d = l.value[o.rowIndex]?.gantt;
-      d && (o.type === "resize" ? o.edge === "start" ? (d.startIndex = o.newStart, d.endIndex = o.end, d.colspan = d.endIndex - d.startIndex) : o.edge === "end" && (d.startIndex = o.start, d.endIndex = o.newEnd, d.colspan = d.endIndex - d.startIndex) : o.type === "bar" && (d.startIndex = o.newStart, d.endIndex = o.newEnd, d.colspan = d.endIndex - d.startIndex));
-    }, He = (o) => {
-      const d = A.value.findIndex((w) => w.id === o.id);
-      d >= 0 ? A.value[d] = o : A.value.push(o);
-    }, Oe = (o) => {
-      const d = A.value.findIndex((w) => w.id === o);
-      d >= 0 && A.value.splice(d, 1);
-    }, Le = (o) => {
-      const d = y.value.findIndex((w) => w.id === o.id);
-      d >= 0 ? y.value[d] = o : y.value.push(o);
-    }, Ve = (o) => {
-      const d = y.value.findIndex((w) => w.id === o);
-      d >= 0 && y.value.splice(d, 1);
-    }, S = (o, d, w) => {
-      const I = y.value.find((M) => M.id === o), H = y.value.find((M) => M.id === d);
-      if (!I || !H)
+    }, Pe = (l, d) => {
+      const w = le(l, d);
+      return k(l, d, w);
+    }, k = (l, d, w) => {
+      const R = u.value[l], P = o.value[d], b = R.format;
+      return b ? typeof b == "function" ? b(w, { table: r.value, row: P, column: R }) : typeof b == "string" ? Function(`"use strict";return (${b})`)()(w, { table: r.value, row: P, column: R }) : w : w;
+    }, O = (l) => {
+      l.target instanceof Node && g.value.parent?.contains(l.target) || g.value.visible && (g.value.visible = !1);
+    }, F = (l, d) => d && l === 0 && d > 0 ? `${d}ch` : "inherit", J = (l) => {
+      const d = o.value[l.rowIndex]?.gantt;
+      d && (l.type === "resize" ? l.edge === "start" ? (d.startIndex = l.newStart, d.endIndex = l.end, d.colspan = d.endIndex - d.startIndex) : l.edge === "end" && (d.startIndex = l.start, d.endIndex = l.newEnd, d.colspan = d.endIndex - d.startIndex) : l.type === "bar" && (d.startIndex = l.newStart, d.endIndex = l.newEnd, d.colspan = d.endIndex - d.startIndex));
+    }, G = (l) => {
+      const d = V.value.findIndex((w) => w.id === l.id);
+      d >= 0 ? V.value[d] = l : V.value.push(l);
+    }, te = (l) => {
+      const d = V.value.findIndex((w) => w.id === l);
+      d >= 0 && V.value.splice(d, 1);
+    }, pe = (l) => {
+      const d = x.value.findIndex((w) => w.id === l.id);
+      d >= 0 ? x.value[d] = l : x.value.push(l);
+    }, Me = (l) => {
+      const d = x.value.findIndex((w) => w.id === l);
+      d >= 0 && x.value.splice(d, 1);
+    }, S = (l, d, w) => {
+      const R = x.value.find((M) => M.id === l), P = x.value.find((M) => M.id === d);
+      if (!R || !P)
         return console.warn("Cannot create connection: handle not found"), null;
-      const C = {
-        id: `connection-${o}-${d}`,
+      const b = {
+        id: `connection-${l}-${d}`,
         from: {
-          barId: I.barId,
-          side: I.side
+          barId: R.barId,
+          side: R.side
         },
         to: {
-          barId: H.barId,
-          side: H.side
+          barId: P.barId,
+          side: P.side
         },
         style: w?.style,
         label: w?.label
       };
-      return p.value.push(C), C;
-    }, V = (o) => {
-      const d = p.value.findIndex((w) => w.id === o);
+      return p.value.push(b), b;
+    }, B = (l) => {
+      const d = p.value.findIndex((w) => w.id === l);
       return d >= 0 ? (p.value.splice(d, 1), !0) : !1;
-    }, G = (o) => p.value.filter((d) => d.from.barId === o || d.to.barId === o), W = (o) => y.value.filter((d) => d.barId === o), Y = (o) => {
-      if (u.value[o].sortable === !1) return;
+    }, U = (l) => p.value.filter((d) => d.from.barId === l || d.to.barId === l), Y = (l) => x.value.filter((d) => d.barId === l), Q = (l) => {
+      if (u.value[l].sortable === !1) return;
       let w;
-      f.value.column === o && f.value.direction === "asc" ? w = "desc" : w = "asc", f.value.column = o, f.value.direction = w;
-    }, J = (o, d, w) => {
-      const I = w.filterType || "text", H = d.value;
-      if (!H && I !== "dateRange" && I !== "checkbox") return !0;
-      switch (I) {
+      v.value.column === l && v.value.direction === "asc" ? w = "desc" : w = "asc", v.value.column = l, v.value.direction = w;
+    }, _ = (l, d, w) => {
+      const R = w.filterType || "text", P = d.value;
+      if (!P && R !== "dateRange" && R !== "checkbox") return !0;
+      switch (R) {
         case "text": {
-          let C = "";
-          return typeof o == "object" && o !== null ? C = Object.values(o).join(" ") : C = String(o || ""), C.toLowerCase().includes(String(H).toLowerCase());
+          let b = "";
+          return typeof l == "object" && l !== null ? b = Object.values(l).join(" ") : b = String(l || ""), b.toLowerCase().includes(String(P).toLowerCase());
         }
         case "number": {
-          const C = Number(o), M = Number(H);
-          return !isNaN(C) && !isNaN(M) && C === M;
+          const b = Number(l), M = Number(P);
+          return !isNaN(b) && !isNaN(M) && b === M;
         }
         case "select":
-          return o === H;
+          return l === P;
         case "checkbox":
-          return H === !0 ? !!o : !0;
+          return P === !0 ? !!l : !0;
         case "date": {
-          let C;
-          if (typeof o == "number") {
-            const B = new Date(o), q = (/* @__PURE__ */ new Date()).getFullYear();
-            C = new Date(q, B.getMonth(), B.getDate());
+          let b;
+          if (typeof l == "number") {
+            const N = new Date(l), ee = (/* @__PURE__ */ new Date()).getFullYear();
+            b = new Date(ee, N.getMonth(), N.getDate());
           } else
-            C = new Date(String(o));
-          const M = new Date(String(H));
-          return C.toDateString() === M.toDateString();
+            b = new Date(String(l));
+          const M = new Date(String(P));
+          return b.toDateString() === M.toDateString();
         }
         case "dateRange": {
-          const C = d.startValue, M = d.endValue;
-          if (!C && !M) return !0;
-          let B;
-          if (typeof o == "number") {
-            const q = new Date(o), ft = (/* @__PURE__ */ new Date()).getFullYear();
-            B = new Date(ft, q.getMonth(), q.getDate());
+          const b = d.startValue, M = d.endValue;
+          if (!b && !M) return !0;
+          let N;
+          if (typeof l == "number") {
+            const ee = new Date(l), ht = (/* @__PURE__ */ new Date()).getFullYear();
+            N = new Date(ht, ee.getMonth(), ee.getDate());
           } else
-            B = new Date(String(o));
-          return !(C && B < new Date(String(C)) || M && B > new Date(String(M)));
+            N = new Date(String(l));
+          return !(b && N < new Date(String(b)) || M && N > new Date(String(M)));
         }
         default:
           return !0;
       }
-    }, K = (o, d) => {
-      !d.value && !d.startValue && !d.endValue ? delete h.value[o] : h.value[o] = d;
-    }, _ = (o) => {
-      delete h.value[o];
-    }, Re = (o, d = "end") => {
+    }, ne = (l, d) => {
+      !d.value && !d.startValue && !d.endValue ? delete h.value[l] : h.value[l] = d;
+    }, se = (l) => {
+      delete h.value[l];
+    }, Ze = (l, d = "end") => {
       const w = {};
-      for (const H of u.value)
-        w[H.name] = "";
-      o && Object.assign(w, o);
-      let I;
-      return d === "start" ? (I = 0, l.value.unshift(w)) : d === "end" ? (I = l.value.length, l.value.push(w)) : (I = Math.max(0, Math.min(d, l.value.length)), l.value.splice(I, 0, w)), I;
+      for (const P of u.value)
+        w[P.name] = "";
+      l && Object.assign(w, l);
+      let R;
+      return d === "start" ? (R = 0, o.value.unshift(w)) : d === "end" ? (R = o.value.length, o.value.push(w)) : (R = Math.max(0, Math.min(d, o.value.length)), o.value.splice(R, 0, w)), R;
     };
     return {
       // state
       columns: u,
       config: a,
-      connectionHandles: y,
+      connectionHandles: x,
       connectionPaths: p,
-      display: v,
+      display: f,
       filterState: h,
-      ganttBars: A,
+      ganttBars: V,
       modal: g,
-      rows: l,
-      sortState: f,
+      rows: o,
+      sortState: v,
       table: r,
       updates: $,
       // getters
-      filteredRows: D,
+      filteredRows: X,
       hasPinnedColumns: m,
-      isGanttView: R,
-      isTreeView: T,
-      isDependencyGraphEnabled: z,
-      numberedRowWidth: L,
-      zeroColumn: b,
+      isGanttView: I,
+      isTreeView: E,
+      isDependencyGraphEnabled: H,
+      numberedRowWidth: A,
+      zeroColumn: L,
       // actions
-      addRow: Re,
-      clearFilter: _,
-      closeModal: Ye,
+      addRow: Ze,
+      clearFilter: se,
+      closeModal: O,
       createConnection: S,
-      deleteConnection: V,
-      deleteRow: (o) => {
-        if (o < 0 || o >= l.value.length)
+      deleteConnection: B,
+      deleteRow: (l) => {
+        if (l < 0 || l >= o.value.length)
           return null;
-        const [d] = l.value.splice(o, 1);
-        delete n.value[o], delete c.value[o];
-        const w = {}, I = {};
-        for (const [H, C] of Object.entries(n.value)) {
-          const M = parseInt(H);
-          M > o ? w[M - 1] = C : w[M] = C;
+        const [d] = o.value.splice(l, 1);
+        delete n.value[l], delete c.value[l];
+        const w = {}, R = {};
+        for (const [P, b] of Object.entries(n.value)) {
+          const M = parseInt(P);
+          M > l ? w[M - 1] = b : w[M] = b;
         }
-        for (const [H, C] of Object.entries(c.value)) {
-          const M = parseInt(H);
-          M > o ? I[M - 1] = C : I[M] = C;
+        for (const [P, b] of Object.entries(c.value)) {
+          const M = parseInt(P);
+          M > l ? R[M - 1] = b : R[M] = b;
         }
-        return n.value = w, c.value = I, d;
+        return n.value = w, c.value = R, d;
       },
-      duplicateRow: (o) => {
-        if (o < 0 || o >= l.value.length)
+      duplicateRow: (l) => {
+        if (l < 0 || l >= o.value.length)
           return -1;
-        const d = l.value[o], w = JSON.parse(JSON.stringify(d)), I = o + 1;
-        return l.value.splice(I, 0, w), I;
+        const d = o.value[l], w = JSON.parse(JSON.stringify(d)), R = l + 1;
+        return o.value.splice(R, 0, w), R;
       },
-      getCellData: j,
-      getCellDisplayValue: je,
-      getConnectionsForBar: G,
-      getFormattedValue: De,
-      getHandlesForBar: W,
-      getHeaderCellStyle: me,
-      getIndent: qe,
-      getRowExpandSymbol: Ge,
-      insertRowAbove: (o, d) => {
-        const w = Math.max(0, o);
-        return Re(d, w);
+      getCellData: le,
+      getCellDisplayValue: Pe,
+      getConnectionsForBar: U,
+      getFormattedValue: k,
+      getHandlesForBar: Y,
+      getHeaderCellStyle: ae,
+      getIndent: F,
+      getRowExpandSymbol: Ve,
+      insertRowAbove: (l, d) => {
+        const w = Math.max(0, l);
+        return Ze(d, w);
       },
-      insertRowBelow: (o, d) => {
-        const w = Math.min(o + 1, l.value.length);
-        return Re(d, w);
+      insertRowBelow: (l, d) => {
+        const w = Math.min(l + 1, o.value.length);
+        return Ze(d, w);
       },
-      isRowGantt: Me,
-      isRowVisible: Xe,
-      moveRow: (o, d) => {
-        if (o < 0 || o >= l.value.length || d < 0 || d >= l.value.length || o === d)
+      isRowGantt: ke,
+      isRowVisible: Oe,
+      moveRow: (l, d) => {
+        if (l < 0 || l >= o.value.length || d < 0 || d >= o.value.length || l === d)
           return !1;
-        const [w] = l.value.splice(o, 1);
-        l.value.splice(d, 0, w);
-        const I = {}, H = {};
-        for (const [C, M] of Object.entries(n.value)) {
-          const B = parseInt(C);
-          let q = B;
-          B === o ? q = d : o < d ? B > o && B <= d && (q = B - 1) : B >= d && B < o && (q = B + 1), I[q] = M;
+        const [w] = o.value.splice(l, 1);
+        o.value.splice(d, 0, w);
+        const R = {}, P = {};
+        for (const [b, M] of Object.entries(n.value)) {
+          const N = parseInt(b);
+          let ee = N;
+          N === l ? ee = d : l < d ? N > l && N <= d && (ee = N - 1) : N >= d && N < l && (ee = N + 1), R[ee] = M;
         }
-        for (const [C, M] of Object.entries(c.value)) {
-          const B = parseInt(C);
-          let q = B;
-          B === o ? q = d : o < d ? B > o && B <= d && (q = B - 1) : B >= d && B < o && (q = B + 1), H[q] = M;
+        for (const [b, M] of Object.entries(c.value)) {
+          const N = parseInt(b);
+          let ee = N;
+          N === l ? ee = d : l < d ? N > l && N <= d && (ee = N - 1) : N >= d && N < l && (ee = N + 1), P[ee] = M;
         }
-        return n.value = I, c.value = H, !0;
+        return n.value = R, c.value = P, !0;
       },
-      registerConnectionHandle: Le,
-      registerGanttBar: He,
+      registerConnectionHandle: pe,
+      registerGanttBar: G,
       resizeColumn: Ae,
-      setCellData: X,
-      setCellText: ne,
-      setFilter: K,
-      sortByColumn: Y,
-      toggleRowExpand: Ue,
-      unregisterConnectionHandle: Ve,
-      unregisterGanttBar: Oe,
-      updateGanttBar: Je,
-      updateRows: F
+      setCellData: j,
+      setCellText: ue,
+      setFilter: ne,
+      sortByColumn: Q,
+      toggleRowExpand: Be,
+      unregisterConnectionHandle: Me,
+      unregisterGanttBar: te,
+      updateGanttBar: J,
+      updateRows: q
     };
   })();
-}, Lo = {
+}, Bo = {
   class: "atable-container",
   style: { position: "relative" }
-}, Vo = /* @__PURE__ */ ue({
+}, Po = /* @__PURE__ */ we({
   __name: "ATable",
-  props: /* @__PURE__ */ gt({
+  props: /* @__PURE__ */ yt({
     id: { default: "" },
     config: { default: () => new Object() }
   }, {
@@ -2150,114 +2216,114 @@ const fo = { class: "gantt-connection-overlay" }, ho = {
     columns: { required: !0 },
     columnsModifiers: {}
   }),
-  emits: /* @__PURE__ */ gt(["cellUpdate", "gantt:drag", "connection:event", "columns:update", "row:add", "row:delete", "row:duplicate", "row:insert-above", "row:insert-below", "row:move"], ["update:rows", "update:columns"]),
+  emits: /* @__PURE__ */ yt(["cellUpdate", "gantt:drag", "connection:event", "columns:update", "row:add", "row:delete", "row:duplicate", "row:insert-above", "row:insert-below", "row:move"], ["update:rows", "update:columns"]),
   setup(e, { expose: t, emit: s }) {
-    const i = wt(e, "rows"), u = wt(e, "columns"), l = s, a = te("table"), n = Oo({ columns: u.value, rows: i.value, id: e.id, config: e.config });
-    n.$onAction(({ name: y, store: p, args: f, after: h }) => {
-      if (y === "setCellData" || y === "setCellText") {
-        const [m, R, T] = f, z = p.getCellData(m, R);
+    const i = wt(e, "rows"), u = wt(e, "columns"), o = s, a = re("table"), n = Vo({ columns: u.value, rows: i.value, id: e.id, config: e.config });
+    n.$onAction(({ name: x, store: p, args: v, after: h }) => {
+      if (x === "setCellData" || x === "setCellText") {
+        const [m, I, E] = v, H = p.getCellData(m, I);
         h(() => {
-          i.value = [...p.rows], l("cellUpdate", { colIndex: m, rowIndex: R, newValue: T, oldValue: z });
+          i.value = [...p.rows], o("cellUpdate", { colIndex: m, rowIndex: I, newValue: E, oldValue: H });
         });
-      } else if (y === "updateGanttBar") {
-        const [m] = f;
-        let R = !1;
-        m.type === "resize" ? R = m.oldColspan !== m.newColspan : m.type === "bar" && (R = m.oldStart !== m.newStart || m.oldEnd !== m.newEnd), R && h(() => {
-          l("gantt:drag", m);
+      } else if (x === "updateGanttBar") {
+        const [m] = v;
+        let I = !1;
+        m.type === "resize" ? I = m.oldColspan !== m.newColspan : m.type === "bar" && (I = m.oldStart !== m.newStart || m.oldEnd !== m.newEnd), I && h(() => {
+          o("gantt:drag", m);
         });
-      } else y === "resizeColumn" && h(() => {
-        u.value = [...p.columns], l("columns:update", [...p.columns]);
+      } else x === "resizeColumn" && h(() => {
+        u.value = [...p.columns], o("columns:update", [...p.columns]);
       });
-    }), ae(
+    }), ce(
       () => i.value,
-      (y) => {
-        JSON.stringify(y) !== JSON.stringify(n.rows) && (n.rows = [...y]);
+      (x) => {
+        JSON.stringify(x) !== JSON.stringify(n.rows) && (n.rows = [...x]);
       },
       { deep: !0 }
-    ), ae(
+    ), ce(
       u,
-      (y) => {
-        JSON.stringify(y) !== JSON.stringify(n.columns) && (n.columns = [...y], l("columns:update", [...y]));
+      (x) => {
+        JSON.stringify(x) !== JSON.stringify(n.columns) && (n.columns = [...x], o("columns:update", [...x]));
       },
       { deep: !0 }
-    ), Ce(() => {
-      u.value.some((y) => y.pinned) && (r(), n.isTreeView && Dt(a, r, { childList: !0, subtree: !0 }));
+    ), He(() => {
+      u.value.some((x) => x.pinned) && (r(), n.isTreeView && Ht(a, r, { childList: !0, subtree: !0 }));
     });
-    const c = E(() => n.columns.filter((y) => y.pinned).length), r = () => {
-      const y = a.value, p = y?.rows[0], f = y?.rows[1], h = p ? Array.from(p.cells) : [];
-      for (const [m, R] of h.entries()) {
-        const T = f?.cells[m];
-        T && (R.style.width = `${T.offsetWidth}px`);
+    const c = T(() => n.columns.filter((x) => x.pinned).length), r = () => {
+      const x = a.value, p = x?.rows[0], v = x?.rows[1], h = p ? Array.from(p.cells) : [];
+      for (const [m, I] of h.entries()) {
+        const E = v?.cells[m];
+        E && (I.style.width = `${E.offsetWidth}px`);
       }
-      for (const m of y?.rows || []) {
-        let R = 0;
-        const T = [];
-        for (const z of m.cells)
-          (z.classList.contains("sticky-column") || z.classList.contains("sticky-index")) && (z.style.left = `${R}px`, R += z.offsetWidth, T.push(z));
-        T.length > 0 && T[T.length - 1].classList.add("sticky-column-edge");
+      for (const m of x?.rows || []) {
+        let I = 0;
+        const E = [];
+        for (const H of m.cells)
+          (H.classList.contains("sticky-column") || H.classList.contains("sticky-index")) && (H.style.left = `${I}px`, I += H.offsetWidth, E.push(H));
+        E.length > 0 && E[E.length - 1].classList.add("sticky-column-edge");
       }
     };
-    window.addEventListener("keydown", (y) => {
-      if (y.key === "Escape" && n.modal.visible) {
+    window.addEventListener("keydown", (x) => {
+      if (x.key === "Escape" && n.modal.visible) {
         n.modal.visible = !1;
         const p = n.modal.parent;
-        p && lt().then(() => {
+        p && at().then(() => {
           p.focus();
         });
       }
     });
-    const v = (y) => {
-      if (!y.gantt || c.value === 0)
+    const f = (x) => {
+      if (!x.gantt || c.value === 0)
         return n.columns;
       const p = [];
-      for (let f = 0; f < c.value; f++) {
-        const h = { ...n.columns[f] };
-        h.originalIndex = f, p.push(h);
+      for (let v = 0; v < c.value; v++) {
+        const h = { ...n.columns[v] };
+        h.originalIndex = v, p.push(h);
       }
       return p.push({
         ...n.columns[c.value],
         isGantt: !0,
-        colspan: y.gantt?.colspan || n.columns.length - c.value,
+        colspan: x.gantt?.colspan || n.columns.length - c.value,
         originalIndex: c.value,
         width: "auto"
         // TODO: refactor to API that can detect when data exists in a cell. Might have be custom and not generalizable
       }), p;
-    }, g = (y) => {
-      l("connection:event", { type: "create", connection: y });
-    }, $ = (y) => {
-      l("connection:event", { type: "delete", connection: y });
-    }, A = (y, p) => {
-      switch (y) {
+    }, g = (x) => {
+      o("connection:event", { type: "create", connection: x });
+    }, $ = (x) => {
+      o("connection:event", { type: "delete", connection: x });
+    }, V = (x, p) => {
+      switch (x) {
         case "add": {
-          const f = n.addRow({}, p + 1), h = n.rows[f];
-          i.value = [...n.rows], l("row:add", { rowIndex: f, row: h });
+          const v = n.addRow({}, p + 1), h = n.rows[v];
+          i.value = [...n.rows], o("row:add", { rowIndex: v, row: h });
           break;
         }
         case "delete": {
-          const f = n.deleteRow(p);
-          f && (i.value = [...n.rows], l("row:delete", { rowIndex: p, row: f }));
+          const v = n.deleteRow(p);
+          v && (i.value = [...n.rows], o("row:delete", { rowIndex: p, row: v }));
           break;
         }
         case "duplicate": {
-          const f = n.duplicateRow(p);
-          if (f >= 0) {
-            const h = n.rows[f];
-            i.value = [...n.rows], l("row:duplicate", { sourceIndex: p, newIndex: f, row: h });
+          const v = n.duplicateRow(p);
+          if (v >= 0) {
+            const h = n.rows[v];
+            i.value = [...n.rows], o("row:duplicate", { sourceIndex: p, newIndex: v, row: h });
           }
           break;
         }
         case "insertAbove": {
-          const f = n.insertRowAbove(p), h = n.rows[f];
-          i.value = [...n.rows], l("row:insert-above", { targetIndex: p, newIndex: f, row: h });
+          const v = n.insertRowAbove(p), h = n.rows[v];
+          i.value = [...n.rows], o("row:insert-above", { targetIndex: p, newIndex: v, row: h });
           break;
         }
         case "insertBelow": {
-          const f = n.insertRowBelow(p), h = n.rows[f];
-          i.value = [...n.rows], l("row:insert-below", { targetIndex: p, newIndex: f, row: h });
+          const v = n.insertRowBelow(p), h = n.rows[v];
+          i.value = [...n.rows], o("row:insert-below", { targetIndex: p, newIndex: v, row: h });
           break;
         }
         case "move": {
-          l("row:move", { fromIndex: p, toIndex: -1 });
+          o("row:move", { fromIndex: p, toIndex: -1 });
           break;
         }
       }
@@ -2275,59 +2341,59 @@ const fo = { class: "gantt-connection-overlay" }, ho = {
       insertRowAbove: n.insertRowAbove,
       insertRowBelow: n.insertRowBelow,
       moveRow: n.moveRow
-    }), (y, p) => (x(), k("div", Lo, [
-      oe((x(), k("table", {
+    }), (x, p) => (y(), C("div", Bo, [
+      de((y(), C("table", {
         ref: "table",
         class: "atable",
-        style: ce({
-          width: O(n).config.fullWidth ? "100%" : "auto"
+        style: me({
+          width: Z(n).config.fullWidth ? "100%" : "auto"
         })
       }, [
-        le(y.$slots, "header", { data: O(n) }, () => [
+        fe(x.$slots, "header", { data: Z(n) }, () => [
           pt(Ot, {
-            columns: O(n).columns,
-            store: O(n)
+            columns: Z(n).columns,
+            store: Z(n)
           }, null, 8, ["columns", "store"])
         ], !0),
-        P("tbody", null, [
-          le(y.$slots, "body", { data: O(n) }, () => [
-            (x(!0), k(ie, null, ve(O(n).filteredRows, (f, h) => (x(), se(Ht, {
-              key: `${f.originalIndex}-${h}`,
-              row: f,
-              rowIndex: f.originalIndex,
-              store: O(n),
-              "onRow:action": A
+        W("tbody", null, [
+          fe(x.$slots, "body", { data: Z(n) }, () => [
+            (y(!0), C(he, null, ye(Z(n).filteredRows, (v, h) => (y(), ve(Lt, {
+              key: `${v.originalIndex}-${h}`,
+              row: v,
+              rowIndex: v.originalIndex,
+              store: Z(n),
+              "onRow:action": V
             }, {
               default: xt(() => [
-                (x(!0), k(ie, null, ve(v(f), (m, R) => (x(), k(ie, {
+                (y(!0), C(he, null, ye(f(v), (m, I) => (y(), C(he, {
                   key: m.name
                 }, [
-                  m.isGantt ? (x(), se($e(m.ganttComponent || "AGanttCell"), {
+                  m.isGantt ? (y(), ve(We(m.ganttComponent || "AGanttCell"), {
                     key: 0,
-                    store: O(n),
-                    "columns-count": O(n).columns.length - c.value,
-                    color: f.gantt?.color,
-                    start: f.gantt?.startIndex,
-                    end: f.gantt?.endIndex,
+                    store: Z(n),
+                    "columns-count": Z(n).columns.length - c.value,
+                    color: v.gantt?.color,
+                    start: v.gantt?.startIndex,
+                    end: v.gantt?.endIndex,
                     colspan: m.colspan,
                     pinned: m.pinned,
-                    rowIndex: f.originalIndex,
-                    colIndex: m.originalIndex ?? R,
-                    style: ce({
+                    rowIndex: v.originalIndex,
+                    colIndex: m.originalIndex ?? I,
+                    style: me({
                       textAlign: m?.align || "center",
                       minWidth: m?.width || "40ch",
-                      width: O(n).config.fullWidth ? "auto" : null
+                      width: Z(n).config.fullWidth ? "auto" : null
                     }),
                     "onConnection:create": g
-                  }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "rowIndex", "colIndex", "style"])) : (x(), se($e(m.cellComponent || "ACell"), {
+                  }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "rowIndex", "colIndex", "style"])) : (y(), ve(We(m.cellComponent || "ACell"), {
                     key: 1,
-                    store: O(n),
+                    store: Z(n),
                     pinned: m.pinned,
-                    rowIndex: f.originalIndex,
-                    colIndex: R,
-                    style: ce({
+                    rowIndex: v.originalIndex,
+                    colIndex: I,
+                    style: me({
                       textAlign: m?.align || "center",
-                      width: O(n).config.fullWidth ? "auto" : null
+                      width: Z(n).config.fullWidth ? "auto" : null
                     }),
                     spellcheck: "false"
                   }, null, 8, ["store", "pinned", "rowIndex", "colIndex", "style"]))
@@ -2337,73 +2403,73 @@ const fo = { class: "gantt-connection-overlay" }, ho = {
             }, 1032, ["row", "rowIndex", "store"]))), 128))
           ], !0)
         ]),
-        le(y.$slots, "footer", { data: O(n) }, void 0, !0),
-        le(y.$slots, "modal", { data: O(n) }, () => [
-          oe(pt(Lt, { store: O(n) }, {
+        fe(x.$slots, "footer", { data: Z(n) }, void 0, !0),
+        fe(x.$slots, "modal", { data: Z(n) }, () => [
+          de(pt(Vt, { store: Z(n) }, {
             default: xt(() => [
-              (x(), se($e(O(n).modal.component), at({
-                key: `${O(n).modal.rowIndex}:${O(n).modal.colIndex}`,
-                "col-index": O(n).modal.colIndex,
-                "row-index": O(n).modal.rowIndex,
-                store: O(n)
-              }, O(n).modal.componentProps), null, 16, ["col-index", "row-index", "store"]))
+              (y(), ve(We(Z(n).modal.component), st({
+                key: `${Z(n).modal.rowIndex}:${Z(n).modal.colIndex}`,
+                "col-index": Z(n).modal.colIndex,
+                "row-index": Z(n).modal.rowIndex,
+                store: Z(n)
+              }, Z(n).modal.componentProps), null, 16, ["col-index", "row-index", "store"]))
             ]),
             _: 1
           }, 8, ["store"]), [
-            [st, O(n).modal.visible]
+            [it, Z(n).modal.visible]
           ])
         ], !0)
       ], 4)), [
-        [O(co), O(n).closeModal]
+        [Z(fo), Z(n).closeModal]
       ]),
-      O(n).isGanttView && O(n).isDependencyGraphEnabled ? (x(), se(xo, {
+      Z(n).isGanttView && Z(n).isDependencyGraphEnabled ? (y(), ve(bo, {
         key: 0,
-        store: O(n),
+        store: Z(n),
         "onConnection:delete": $
-      }, null, 8, ["store"])) : U("", !0)
+      }, null, 8, ["store"])) : K("", !0)
     ]));
   }
-}), Bo = /* @__PURE__ */ we(Vo, [["__scopeId", "data-v-3d00d51b"]]), Po = {}, Zo = { class: "aloading" }, No = { class: "aloading-header" };
-function Fo(e, t) {
-  return x(), k("div", Zo, [
-    P("h2", No, [
-      le(e.$slots, "default", {}, void 0, !0)
+}), Zo = /* @__PURE__ */ Ie(Po, [["__scopeId", "data-v-3d00d51b"]]), No = {}, Wo = { class: "aloading" }, Fo = { class: "aloading-header" };
+function zo(e, t) {
+  return y(), C("div", Wo, [
+    W("h2", Fo, [
+      fe(e.$slots, "default", {}, void 0, !0)
     ]),
-    t[0] || (t[0] = P("div", { class: "aloading-bar" }, null, -1))
+    t[0] || (t[0] = W("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const zo = /* @__PURE__ */ we(Po, [["render", Fo], ["__scopeId", "data-v-a930a25b"]]), Wo = {}, Xo = { class: "aloading" }, Go = { class: "aloading-header" };
-function Uo(e, t) {
-  return x(), k("div", Xo, [
-    P("h2", Go, [
-      le(e.$slots, "default", {}, void 0, !0)
+const Xo = /* @__PURE__ */ Ie(No, [["render", zo], ["__scopeId", "data-v-a930a25b"]]), Go = {}, Yo = { class: "aloading" }, Uo = { class: "aloading-header" };
+function jo(e, t) {
+  return y(), C("div", Yo, [
+    W("h2", Uo, [
+      fe(e.$slots, "default", {}, void 0, !0)
     ]),
-    t[0] || (t[0] = P("div", { class: "aloading-bar" }, null, -1))
+    t[0] || (t[0] = W("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const jo = /* @__PURE__ */ we(Wo, [["render", Uo], ["__scopeId", "data-v-e1165876"]]);
-function el(e) {
-  e.component("ACell", Hn), e.component("AExpansionRow", Pn), e.component("AGanttCell", Gn), e.component("ARow", Ht), e.component("ARowActions", Fe), e.component("ATable", Bo), e.component("ATableHeader", Ot), e.component("ATableLoading", zo), e.component("ATableLoadingBar", jo), e.component("ATableModal", Lt);
+const qo = /* @__PURE__ */ Ie(Go, [["render", jo], ["__scopeId", "data-v-e1165876"]]);
+function nl(e) {
+  e.component("ACell", On), e.component("AExpansionRow", Nn), e.component("AGanttCell", Un), e.component("ARow", Lt), e.component("ARowActions", qe), e.component("ATable", Zo), e.component("ATableHeader", Ot), e.component("ATableLoading", Xo), e.component("ATableLoadingBar", qo), e.component("ATableModal", Vt);
 }
 export {
-  Hn as ACell,
-  Pn as AExpansionRow,
-  Gn as AGanttCell,
-  Ht as ARow,
-  Fe as ARowActions,
-  Bo as ATable,
+  On as ACell,
+  Nn as AExpansionRow,
+  Un as AGanttCell,
+  Lt as ARow,
+  qe as ARowActions,
+  Zo as ATable,
   Ot as ATableHeader,
-  zo as ATableLoading,
-  jo as ATableLoadingBar,
-  Lt as ATableModal,
-  Un as AddIcon,
-  jn as DeleteIcon,
-  Yn as DuplicateIcon,
-  qn as InsertAboveIcon,
-  Jn as InsertBelowIcon,
-  Qn as MoveIcon,
-  Kn as actionIcons,
-  Oo as createTableStore,
-  el as install
+  Xo as ATableLoading,
+  qo as ATableLoadingBar,
+  Vt as ATableModal,
+  jn as AddIcon,
+  qn as DeleteIcon,
+  Jn as DuplicateIcon,
+  Qn as InsertAboveIcon,
+  Kn as InsertBelowIcon,
+  _n as MoveIcon,
+  eo as actionIcons,
+  Vo as createTableStore,
+  nl as install
 };
 //# sourceMappingURL=atable.js.map