@stonecrop/atable 0.11.7 → 0.11.9

package/dist/atable.js

@@ -1,7 +1,7 @@
-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 { 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 It, 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;
+  return It() ? (Et(e, t), !0) : !1;
 }
 const Jt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -23,23 +23,23 @@ function De(e) {
   return (t = s?.$el) !== null && t !== void 0 ? t : s;
 }
 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;
+  const t = (i, d, l, o) => (i.addEventListener(d, l, o), () => i.removeEventListener(d, l, o)), s = T(() => {
+    const i = Ue(D(e[0])).filter((d) => d != null);
+    return i.every((d) => typeof d != "string") ? i : void 0;
   });
   return tn(() => {
-    var i, u;
+    var i, d;
     return [
-      (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),
+      (i = (d = s.value) === null || d === void 0 ? void 0 : d.map((l) => De(l))) !== null && i !== void 0 ? i : [Le].filter((l) => l != 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, 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(() => {
-      f.forEach((g) => g());
+  }, ([i, d, l, o], n, r) => {
+    if (!i?.length || !d?.length || !l?.length) return;
+    const c = _t(o) ? { ...o } : o, f = i.flatMap((w) => d.flatMap((E) => l.map((V) => t(w, E, V, c))));
+    r(() => {
+      f.forEach((w) => w());
     });
   }, { flush: "post" });
 }
@@ -56,98 +56,98 @@ function on(e) {
   return T(() => (t.value, !!e()));
 }
 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 && (o = new MutationObserver(t), g.forEach(($) => o.observe($, u)));
+  const { window: i = Le, ...d } = s;
+  let l;
+  const o = /* @__PURE__ */ on(() => i && "MutationObserver" in i), n = () => {
+    l && (l.disconnect(), l = void 0);
+  }, r = ce(T(() => {
+    const w = Ue(D(e)).map(De).filter(Qt);
+    return new Set(w);
+  }), (w) => {
+    n(), o.value && w.size && (l = new MutationObserver(t), w.forEach((E) => l.observe(E, d)));
   }, {
     immediate: !0,
     flush: "post"
-  }), r = () => o?.takeRecords(), f = () => {
-    c(), n();
+  }), c = () => l?.takeRecords(), f = () => {
+    r(), n();
   };
   return At(f), {
-    isSupported: a,
+    isSupported: o,
     stop: f,
-    takeRecords: r
+    takeRecords: c
   };
 }
 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 { window: i = Le, document: d = i?.document, flush: l = "sync" } = s;
+  if (!i || !d) return en;
+  let o;
   const n = (f) => {
-    a?.(), a = f;
-  }, c = Pt(() => {
+    o?.(), o = f;
+  }, r = 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($);
+      const { stop: w } = ln(d, (E) => {
+        E.map((V) => [...V.removedNodes]).flat().some((V) => V === f || V.contains(f)) && t(E);
       }, {
         window: i,
         childList: !0,
         subtree: !0
       });
-      n(g);
+      n(w);
     }
-  }, { flush: o }), r = () => {
-    c(), n();
+  }, { flush: l }), c = () => {
+    r(), n();
   };
-  return At(r), r;
+  return At(c), c;
 }
 // @__NO_SIDE_EFFECTS__
 function sn(e = {}) {
   var t;
-  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;
+  const { window: s = Le, deep: i = !0, triggerOnRemoval: d = !1 } = e, l = (t = e.document) !== null && t !== void 0 ? t : s?.document, o = () => {
+    let c = l?.activeElement;
     if (i)
-      for (var f; r?.shadowRoot; ) r = r == null || (f = r.shadowRoot) === null || f === void 0 ? void 0 : f.activeElement;
-    return r;
-  }, n = ie(), c = () => {
-    n.value = a();
+      for (var f; c?.shadowRoot; ) c = c == null || (f = c.shadowRoot) === null || f === void 0 ? void 0 : f.activeElement;
+    return c;
+  }, n = ie(), r = () => {
+    n.value = o();
   };
   if (s) {
-    const r = {
+    const c = {
       capture: !0,
       passive: !0
     };
     Fe(s, "blur", (f) => {
-      f.relatedTarget === null && c();
-    }, r), Fe(s, "focus", c, r);
+      f.relatedTarget === null && r();
+    }, c), Fe(s, "focus", r, c);
   }
-  return u && an(n, c, { document: o }), c(), n;
+  return d && an(n, r, { document: l }), r(), n;
 }
 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 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, un)) !== null && n !== void 0 ? n : !1;
-  }, a), { focused: o };
+  const { window: s = Le } = t, i = T(() => De(e)), d = ie(!1), l = T(() => d.value);
+  if (!s || !(/* @__PURE__ */ sn(t)).value) return { focused: l };
+  const o = { passive: !0 };
+  return Fe(i, rn, () => d.value = !0, o), Fe(i, cn, () => {
+    var n, r, c;
+    return d.value = (n = (r = i.value) === null || r === void 0 || (c = r.matches) === null || c === void 0 ? void 0 : c.call(r, un)) !== null && n !== void 0 ? n : !1;
+  }, o), { focused: l };
 }
 function fn(e, { window: t = Le, scrollTarget: s } = {}) {
-  const i = z(!1), u = () => {
+  const i = z(!1), d = () => {
     if (!t) return;
-    const o = t.document, a = De(e);
-    if (!a)
+    const l = t.document, o = De(e);
+    if (!o)
       i.value = !1;
     else {
-      const n = a.getBoundingClientRect();
-      i.value = n.top <= (t.innerHeight || o.documentElement.clientHeight) && n.left <= (t.innerWidth || o.documentElement.clientWidth) && n.bottom >= 0 && n.right >= 0;
+      const n = o.getBoundingClientRect();
+      i.value = n.top <= (t.innerHeight || l.documentElement.clientHeight) && n.left <= (t.innerWidth || l.documentElement.clientWidth) && n.bottom >= 0 && n.right >= 0;
     }
   };
   return ce(
     () => De(e),
-    () => u(),
+    () => d(),
     { immediate: !0, flush: "post" }
-  ), t && Fe(s || t, "scroll", u, {
+  ), t && Fe(s || t, "scroll", d, {
     capture: !1,
     passive: !0
   }), i;
@@ -177,14 +177,14 @@ const be = (e) => {
   if (t instanceof HTMLTableCellElement) {
     const i = t.parentElement?.parentElement;
     if (i) {
-      const u = i.firstElementChild?.children[t.cellIndex];
-      u && (s = u);
+      const d = i.firstElementChild?.children[t.cellIndex];
+      d && (s = d);
     }
   } else if (t instanceof HTMLTableRowElement) {
     const i = t.parentElement;
     if (i) {
-      const u = i.firstElementChild;
-      u && (s = u);
+      const d = i.firstElementChild;
+      d && (s = d);
     }
   }
   return s && (!Ce(s) || !be(s)) ? ct(s) : s;
@@ -210,14 +210,14 @@ const be = (e) => {
   if (t instanceof HTMLTableCellElement) {
     const i = t.parentElement?.parentElement;
     if (i) {
-      const u = i.lastElementChild?.children[t.cellIndex];
-      u && (s = u);
+      const d = i.lastElementChild?.children[t.cellIndex];
+      d && (s = d);
     }
   } else if (t instanceof HTMLTableRowElement) {
     const i = t.parentElement;
     if (i) {
-      const u = i.lastElementChild;
-      u && (s = u);
+      const d = i.lastElementChild;
+      d && (s = d);
     }
   }
   return s && (!Ce(s) || !be(s)) ? rt(s) : s;
@@ -236,7 +236,7 @@ const be = (e) => {
 }, Rt = (e) => {
   const t = e.target.parentElement?.firstElementChild;
   return t && (!Ce(t) || !be(t)) ? dt(t) : t;
-}, It = (e) => {
+}, $t = (e) => {
   const t = e.target.parentElement?.lastElementChild;
   return t && (!Ce(t) || !be(t)) ? ut(t) : t;
 }, Xe = ["alt", "control", "shift", "meta"], gn = {
@@ -274,11 +274,11 @@ const be = (e) => {
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = It(e);
+    const t = $t(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = It(e);
+    const t = $t(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
@@ -309,45 +309,45 @@ const be = (e) => {
   }
 };
 function ft(e) {
-  const t = (a) => {
+  const t = (o) => {
     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;
-  }, s = (a) => {
-    const n = t(a);
-    let c = [];
-    if (typeof a.selectors == "string")
-      c = Array.from(n ? n.querySelectorAll(a.selectors) : document.querySelectorAll(a.selectors));
-    else if (Array.isArray(a.selectors))
-      for (const r of a.selectors)
-        r instanceof HTMLElement ? c.push(r) : c.push(r.$el);
-    else if (a.selectors instanceof HTMLElement)
-      c.push(a.selectors);
-    else if (a.selectors?.value)
-      if (Array.isArray(a.selectors.value))
-        for (const r of a.selectors.value)
-          r instanceof HTMLElement ? c.push(r) : c.push(r.$el);
+    return o.parent && (typeof o.parent == "string" ? n = document.querySelector(o.parent) : o.parent instanceof HTMLElement ? n = o.parent : n = o.parent.value), n;
+  }, s = (o) => {
+    const n = t(o);
+    let r = [];
+    if (typeof o.selectors == "string")
+      r = Array.from(n ? n.querySelectorAll(o.selectors) : document.querySelectorAll(o.selectors));
+    else if (Array.isArray(o.selectors))
+      for (const c of o.selectors)
+        c instanceof HTMLElement ? r.push(c) : r.push(c.$el);
+    else if (o.selectors instanceof HTMLElement)
+      r.push(o.selectors);
+    else if (o.selectors?.value)
+      if (Array.isArray(o.selectors.value))
+        for (const c of o.selectors.value)
+          c instanceof HTMLElement ? r.push(c) : r.push(c.$el);
       else
-        c.push(a.selectors.value);
-    return c;
-  }, i = (a) => {
-    const n = t(a);
-    let 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 = 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 V = r[f], x = $.filter((v) => Xe.includes(v)), p = Xe.some((v) => {
+        r.push(o.selectors.value);
+    return r;
+  }, i = (o) => {
+    const n = t(o);
+    let r = [];
+    return o.selectors ? r = s(o) : n && (r = Array.from(n.children).filter((c) => Ce(c) && be(c))), r;
+  }, d = (o) => (n) => {
+    const r = gn[n.key] || n.key.toLowerCase();
+    if (Xe.includes(r)) return;
+    const c = o.handlers || Qe;
+    for (const f of Object.keys(c)) {
+      const [w, ...E] = f.split(".");
+      if (w === "keydown" && E.includes(r)) {
+        const V = c[f], x = E.filter((v) => Xe.includes(v)), p = Xe.some((v) => {
           const h = v.charAt(0).toUpperCase() + v.slice(1);
           return n.getModifierState(h);
         });
         if (x.length > 0) {
           if (p) {
             for (const v of Xe)
-              if ($.includes(v)) {
+              if (E.includes(v)) {
                 const h = v.charAt(0).toUpperCase() + v.slice(1);
                 n.getModifierState(h) && V(n);
               }
@@ -356,24 +356,24 @@ function ft(e) {
           p || V(n);
       }
     }
-  }, o = [];
+  }, l = [];
   He(() => {
-    for (const a of e) {
-      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);
+    for (const o of e) {
+      const n = t(o), r = i(o), c = d(o), f = n ? [n] : r;
+      for (const w of f) {
+        const { focused: E } = dn(z(w)), V = ce(E, (x) => {
+          x ? w.addEventListener("keydown", c) : w.removeEventListener("keydown", c);
         });
-        o.push(V);
+        l.push(V);
       }
     }
   }), Bt(() => {
-    for (const a of o)
-      a();
+    for (const o of l)
+      o();
   });
 }
 function vt(e, t) {
-  return $t() ? (Et(e, t), !0) : !1;
+  return It() ? (Et(e, t), !0) : !1;
 }
 const Tt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -389,30 +389,30 @@ function xn(...e) {
 }
 function yn(e, t) {
   function s(...i) {
-    return new Promise((u, o) => {
+    return new Promise((d, l) => {
       Promise.resolve(e(() => t.apply(this, i), {
         fn: t,
         thisArg: this,
         args: i
-      })).then(u).catch(o);
+      })).then(d).catch(l);
     });
   }
   return s;
 }
 function bn(e, t = {}) {
-  let s, i, u = Ee;
-  const o = (c) => {
-    clearTimeout(c), u(), u = Ee;
+  let s, i, d = Ee;
+  const l = (r) => {
+    clearTimeout(r), d(), d = Ee;
   };
-  let a;
-  return (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());
+  let o;
+  return (r) => {
+    const c = D(e), f = D(t.maxWait);
+    return s && l(s), c <= 0 || f !== void 0 && f <= 0 ? (i && (l(i), i = void 0), Promise.resolve(r())) : new Promise((w, E) => {
+      d = t.rejectOnCancel ? E : w, o = r, f && !i && (i = setTimeout(() => {
+        s && l(s), i = void 0, w(o());
       }, f)), s = setTimeout(() => {
-        i && o(i), i = void 0, g(c());
-      }, r);
+        i && l(i), i = void 0, w(r());
+      }, c);
     });
   };
 }
@@ -433,19 +433,19 @@ function Mn(e, t = {}) {
     get() {
       return e.value[i];
     },
-    set(u) {
-      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;
+    set(d) {
+      var l;
+      if (!((l = D(t.replaceRef)) !== null && l !== void 0) || l) if (Array.isArray(e.value)) {
+        const o = [...e.value];
+        o[i] = d, e.value = o;
       } else {
-        const a = {
+        const o = {
           ...e.value,
-          [i]: u
+          [i]: d
         };
-        Object.setPrototypeOf(a, Object.getPrototypeOf(e.value)), e.value = a;
+        Object.setPrototypeOf(o, Object.getPrototypeOf(e.value)), e.value = o;
       }
-      else e.value[i] = u;
+      else e.value[i] = d;
     }
   }));
   return s;
@@ -453,7 +453,7 @@ function Mn(e, t = {}) {
 function Rn(e, t = !0, s) {
   Cn() ? He(e, s) : t ? e() : at(e);
 }
-function In(e, t, s) {
+function $n(e, t, s) {
   return ce(e, t, {
     ...s,
     immediate: !0
@@ -466,54 +466,54 @@ function ge(e) {
   return (t = s?.$el) !== null && t !== void 0 ? t : s;
 }
 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;
+  const t = (i, d, l, o) => (i.addEventListener(d, l, o), () => i.removeEventListener(d, l, o)), s = T(() => {
+    const i = je(D(e[0])).filter((d) => d != null);
+    return i.every((d) => typeof d != "string") ? i : void 0;
   });
-  return In(() => {
-    var i, u;
+  return $n(() => {
+    var i, d;
     return [
-      (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),
+      (i = (d = s.value) === null || d === void 0 ? void 0 : d.map((l) => ge(l))) !== null && i !== void 0 ? i : [ze].filter((l) => l != 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, 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(() => {
-      f.forEach((g) => g());
+  }, ([i, d, l, o], n, r) => {
+    if (!i?.length || !d?.length || !l?.length) return;
+    const c = pn(o) ? { ...o } : o, f = i.flatMap((w) => d.flatMap((E) => l.map((V) => t(w, E, V, c))));
+    r(() => {
+      f.forEach((w) => w());
     });
   }, { flush: "post" });
 }
 function ot(e, t, s = {}) {
-  const { window: i = ze, ignore: u = [], capture: o = !0, detectIframe: a = !1, controls: n = !1 } = s;
+  const { window: i = ze, ignore: d = [], capture: l = !0, detectIframe: o = !1, controls: n = !1 } = s;
   if (!i) return n ? {
     stop: Ee,
     cancel: Ee,
     trigger: Ee
   } : Ee;
-  let c = !0;
-  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));
+  let r = !0;
+  const c = (v) => D(d).some((h) => {
+    if (typeof h == "string") return Array.from(i.document.querySelectorAll(h)).some((g) => g === v.target || v.composedPath().includes(g));
     {
-      const m = ge(h);
-      return m && (v.target === m || v.composedPath().includes(m));
+      const g = ge(h);
+      return g && (v.target === g || v.composedPath().includes(g));
     }
   });
   function f(v) {
     const h = D(v);
     return h && h.$.subTree.shapeFlag === 16;
   }
-  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));
+  function w(v, h) {
+    const g = D(v), $ = g.$.subTree && g.$.subTree.children;
+    return $ == null || !Array.isArray($) ? !1 : $.some((I) => I.el === h.target || h.composedPath().includes(I.el));
   }
-  const $ = (v) => {
+  const E = (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;
+    if (v.target != null && !(!(h instanceof Element) && f(e) && w(e, v)) && !(!h || h === v.target || v.composedPath().includes(h))) {
+      if ("detail" in v && v.detail === 0 && (r = !c(v)), !r) {
+        r = !0;
         return;
       }
       t(v);
@@ -524,35 +524,35 @@ function ot(e, t, s = {}) {
     Re(i, "click", (v) => {
       V || (V = !0, setTimeout(() => {
         V = !1;
-      }, 0), $(v));
+      }, 0), E(v));
     }, {
       passive: !0,
-      capture: o
+      capture: l
     }),
     Re(i, "pointerdown", (v) => {
       const h = ge(e);
-      c = !r(v) && !!(h && !v.composedPath().includes(h));
+      r = !c(v) && !!(h && !v.composedPath().includes(h));
     }, { passive: !0 }),
-    a && Re(i, "blur", (v) => {
+    o && Re(i, "blur", (v) => {
       setTimeout(() => {
         var h;
-        const m = ge(e);
-        ((h = i.document.activeElement) === null || h === void 0 ? void 0 : h.tagName) === "IFRAME" && !m?.contains(i.document.activeElement) && t(v);
+        const g = ge(e);
+        ((h = i.document.activeElement) === null || h === void 0 ? void 0 : h.tagName) === "IFRAME" && !g?.contains(i.document.activeElement) && t(v);
       }, 0);
     }, { passive: !0 })
   ].filter(Boolean), p = () => x.forEach((v) => v());
   return n ? {
     stop: p,
     cancel: () => {
-      c = !1;
+      r = !1;
     },
     trigger: (v) => {
-      c = !0, $(v), c = !1;
+      r = !0, E(v), r = !1;
     }
   } : p;
 }
 // @__NO_SIDE_EFFECTS__
-function $n() {
+function In() {
   const e = ie(!1), t = lt();
   return t && He(() => {
     e.value = !0;
@@ -560,29 +560,29 @@ function $n() {
 }
 // @__NO_SIDE_EFFECTS__
 function Dt(e) {
-  const t = /* @__PURE__ */ $n();
+  const t = /* @__PURE__ */ In();
   return T(() => (t.value, !!e()));
 }
 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 && (o = new MutationObserver(t), g.forEach(($) => o.observe($, u)));
+  const { window: i = ze, ...d } = s;
+  let l;
+  const o = /* @__PURE__ */ Dt(() => i && "MutationObserver" in i), n = () => {
+    l && (l.disconnect(), l = void 0);
+  }, r = ce(T(() => {
+    const w = je(D(e)).map(ge).filter(mn);
+    return new Set(w);
+  }), (w) => {
+    n(), o.value && w.size && (l = new MutationObserver(t), w.forEach((E) => l.observe(E, d)));
   }, {
     immediate: !0,
     flush: "post"
-  }), r = () => o?.takeRecords(), f = () => {
-    c(), n();
+  }), c = () => l?.takeRecords(), f = () => {
+    r(), n();
   };
   return vt(f), {
-    isSupported: a,
+    isSupported: o,
     stop: f,
-    takeRecords: r
+    takeRecords: c
   };
 }
 const Ge = {
@@ -594,16 +594,16 @@ 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 : {
+  var s, i, d, l;
+  const { pointerTypes: o, preventDefault: n, stopPropagation: r, exact: c, onMove: f, onEnd: w, onStart: E, initialValue: V, axis: x = "both", draggingElement: p = ze, containerElement: v, handle: h = e, buttons: g = [0], restrictInView: $, autoScroll: I = !1 } = t, H = z((s = D(V)) !== null && s !== void 0 ? s : {
     x: 0,
     y: 0
-  }), 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" ? {
+  }), A = z(), L = (k) => o ? o.includes(k.pointerType) : !0, X = (k) => {
+    D(n) && k.preventDefault(), D(r) && k.stopPropagation();
+  }, le = D(I), 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
+    margin: (d = D(le.margin)) !== null && d !== void 0 ? d : Ge.margin,
+    direction: (l = le.direction) !== null && l !== void 0 ? l : 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;
@@ -638,25 +638,25 @@ function _e(e, t = {}) {
       y: J - k.scrollTop
     }, k, j.margin, O) ? Ae() : ke();
   };
-  D(E) && ce(H, Ve);
+  D(I) && 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;
+    if (!D(g).includes(k.button) || D(t.disabled) || !L(k) || D(c) && 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)
+      x: k.clientX - (F ? G.left - J.left + (I ? 0 : F.scrollLeft) : G.left),
+      y: k.clientY - (F ? G.top - J.top + (I ? 0 : F.scrollTop) : G.top)
     };
-    $?.(te, k) !== !1 && (A.value = te, X(k));
+    E?.(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, {
+    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(I) && O && (ae === null && ue(O, F, {
       x: J,
       y: G
-    }), J += O.scrollLeft, G += O.scrollTop), O && (I || E)) {
+    }), J += O.scrollLeft, G += O.scrollTop), O && ($ || I)) {
       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);
@@ -671,7 +671,7 @@ function _e(e, t = {}) {
       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));
+    D(t.disabled) || !L(k) || A.value && (A.value = void 0, I && ke(), w?.(H.value, k), X(k));
   };
   if (Tt) {
     const k = () => {
@@ -690,60 +690,60 @@ function _e(e, t = {}) {
     style: T(() => `
       left: ${H.value.x}px;
       top: ${H.value.y}px;
-      ${E ? "text-wrap: nowrap;" : ""}
+      ${I ? "text-wrap: nowrap;" : ""}
     `)
   };
 }
 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 { window: i = ze, ...d } = s;
+  let l;
+  const o = /* @__PURE__ */ Dt(() => i && "ResizeObserver" in i), n = () => {
+    l && (l.disconnect(), l = void 0);
+  }, r = ce(T(() => {
     const f = D(e);
-    return Array.isArray(f) ? f.map((g) => ge(g)) : [ge(f)];
+    return Array.isArray(f) ? f.map((w) => ge(w)) : [ge(f)];
   }), (f) => {
-    if (n(), a.value && i) {
-      o = new ResizeObserver(t);
-      for (const g of f) g && o.observe(g, u);
+    if (n(), o.value && i) {
+      l = new ResizeObserver(t);
+      for (const w of f) w && l.observe(w, d);
     }
   }, {
     immediate: !0,
     flush: "post"
-  }), r = () => {
-    n(), c();
+  }), c = () => {
+    n(), r();
   };
-  return vt(r), {
-    isSupported: a,
-    stop: r
+  return vt(c), {
+    isSupported: o,
+    stop: c
   };
 }
-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 Ie(e, t = {}) {
+  const { reset: s = !0, windowResize: i = !0, windowScroll: d = !0, immediate: l = !0, updateTiming: o = "sync" } = t, n = ie(0), r = ie(0), c = ie(0), f = ie(0), w = ie(0), E = ie(0), V = ie(0), x = ie(0);
   function p() {
     const h = ge(e);
     if (!h) {
-      s && (n.value = 0, c.value = 0, r.value = 0, f.value = 0, g.value = 0, $.value = 0, V.value = 0, x.value = 0);
+      s && (n.value = 0, r.value = 0, c.value = 0, f.value = 0, w.value = 0, E.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, f.value = m.right, g.value = m.top, $.value = m.width, V.value = m.x, x.value = m.y;
+    const g = h.getBoundingClientRect();
+    n.value = g.height, r.value = g.bottom, c.value = g.left, f.value = g.right, w.value = g.top, E.value = g.width, V.value = g.x, x.value = g.y;
   }
   function v() {
-    a === "sync" ? p() : a === "next-frame" && requestAnimationFrame(() => p());
+    o === "sync" ? p() : o === "next-frame" && requestAnimationFrame(() => p());
   }
-  return Je(e, v), ce(() => ge(e), (h) => !h && v()), Ht(e, v, { attributeFilter: ["style", "class"] }), u && Re("scroll", v, {
+  return Je(e, v), ce(() => ge(e), (h) => !h && v()), Ht(e, v, { attributeFilter: ["style", "class"] }), d && Re("scroll", v, {
     capture: !0,
     passive: !0
   }), i && Re("resize", v, { passive: !0 }), Rn(() => {
-    o && v();
+    l && v();
   }), {
     height: n,
-    bottom: c,
-    left: r,
+    bottom: r,
+    left: c,
     right: f,
-    top: g,
-    width: $,
+    top: w,
+    width: E,
     x: V,
     y: x,
     update: v
@@ -756,27 +756,27 @@ const tt = /* @__PURE__ */ new WeakMap();
 function Sn(e, t = !1) {
   const s = ie(t);
   let i = "";
-  ce(xn(e), (a) => {
-    const n = et(D(a));
+  ce(xn(e), (o) => {
+    const n = et(D(o));
     if (n) {
-      const c = n;
-      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";
+      const r = n;
+      if (tt.get(r) || tt.set(r, r.style.overflow), r.style.overflow !== "hidden" && (i = r.style.overflow), r.style.overflow === "hidden") return s.value = !0;
+      if (s.value) return r.style.overflow = "hidden";
     }
   }, { immediate: !0 });
-  const u = () => {
-    const a = et(D(e));
-    !a || s.value || (a.style.overflow = "hidden", s.value = !0);
-  }, o = () => {
-    const a = et(D(e));
-    !a || !s.value || (a.style.overflow = i, tt.delete(a), s.value = !1);
+  const d = () => {
+    const o = et(D(e));
+    !o || s.value || (o.style.overflow = "hidden", s.value = !0);
+  }, l = () => {
+    const o = et(D(e));
+    !o || !s.value || (o.style.overflow = i, tt.delete(o), s.value = !1);
   };
-  return vt(o), T({
+  return vt(l), T({
     get() {
       return s.value;
     },
-    set(a) {
-      a ? u() : o();
+    set(o) {
+      o ? d() : l();
     }
   });
 }
@@ -795,20 +795,20 @@ const An = (e) => {
     debounce: { default: 300 }
   },
   setup(e, { expose: t }) {
-    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: o.value ? "bold" : "inherit",
+    const s = re("cell"), i = e.store.getCellData(e.colIndex, e.rowIndex), d = z(""), l = z(!1), o = e.store.columns[e.colIndex], n = e.store.rows[e.rowIndex], r = o.align || "center", c = o.width || "40ch", f = T(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), w = T(() => typeof f.value == "string" ? An(f.value) : !1), E = T(() => ({
+      textAlign: r,
+      width: c,
+      fontWeight: l.value ? "bold" : "inherit",
       paddingLeft: e.store.getIndent(e.colIndex, e.store.display[e.rowIndex]?.indent)
     })), V = T(() => ({
       "sticky-column": e.pinned,
-      "cell-modified": o.value
+      "cell-modified": l.value
     })), x = () => {
       v(), p();
     }, p = () => {
-      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;
+      const { left: A, bottom: L, width: X, height: le } = Ie(s);
+      o.mask, o.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 o.modalComponent == "function" ? j.modal.component = o.modalComponent({ table: j.table, row: n, column: o }) : j.modal.component = o.modalComponent, j.modal.componentProps = o.modalComponentExtraProps;
       });
     };
     if (e.addNavigation) {
@@ -831,7 +831,7 @@ const An = (e) => {
       ]);
     }
     const v = () => {
-      if (s.value && a.edit) {
+      if (s.value && o.edit) {
         const A = window.getSelection();
         if (A)
           try {
@@ -841,8 +841,8 @@ const An = (e) => {
           }
       }
     }, h = () => {
-      s.value && (u.value = s.value.textContent, v());
-    }, m = () => {
+      s.value && (d.value = s.value.textContent, v());
+    }, g = () => {
       try {
         const A = window.getSelection();
         if (A && A.rangeCount > 0 && s.value) {
@@ -853,7 +853,7 @@ const An = (e) => {
       } catch {
       }
       return 0;
-    }, I = (A) => {
+    }, $ = (A) => {
       if (s.value)
         try {
           const L = window.getSelection();
@@ -873,38 +873,38 @@ const An = (e) => {
           q && L.removeAllRanges && L.addRange && (L.removeAllRanges(), L.addRange(q));
         } catch {
         }
-    }, E = (A) => {
-      if (!a.edit) return;
+    }, I = (A) => {
+      if (!o.edit) return;
       const L = A.target;
-      if (L.textContent === u.value)
+      if (L.textContent === d.value)
         return;
-      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);
+      const X = g();
+      d.value = L.textContent, o.format ? (l.value = L.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, i), e.store.setCellText(e.colIndex, e.rowIndex, L.textContent)) : (l.value = L.textContent !== i, e.store.setCellData(e.colIndex, e.rowIndex, L.textContent)), at().then(() => {
+        $(X);
       });
-    }, H = /* @__PURE__ */ kn(E, e.debounce);
+    }, H = /* @__PURE__ */ kn(I, e.debounce);
     return t({
-      currentData: u
+      currentData: d
     }), (A, L) => (y(), C("td", {
       ref: "cell",
       "data-colindex": e.colIndex,
       "data-rowindex": e.rowIndex,
-      "data-editable": Z(a).edit,
-      contenteditable: Z(a).edit,
+      "data-editable": Z(o).edit,
+      contenteditable: Z(o).edit,
       tabindex: e.tabIndex,
       spellcheck: !1,
-      style: me($.value),
+      style: me(E.value),
       class: oe(["atable-cell", V.value]),
       onFocus: h,
-      onPaste: E,
+      onPaste: I,
       onInput: L[0] || (L[0] = //@ts-ignore
       (...X) => Z(H) && Z(H)(...X)),
       onClick: x
     }, [
-      Z(a).cellComponent ? (y(), ve(We(Z(a).cellComponent), st({
+      Z(o).cellComponent ? (y(), ve(We(Z(o).cellComponent), st({
         key: 0,
         value: f.value
-      }, Z(a).cellComponentProps), null, 16, ["value"])) : g.value ? (y(), C("span", {
+      }, Z(o).cellComponentProps), null, 16, ["value"])) : w.value ? (y(), C("span", {
         key: 1,
         innerHTML: f.value
       }, null, 8, Hn)) : (y(), C("span", Ln, xe(f.value), 1))
@@ -922,8 +922,8 @@ const An = (e) => {
     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);
+        "keydown.control.g": (d) => {
+          d.stopPropagation(), d.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
         }
       };
       typeof e.addNavigation == "object" && Object.assign(i, e.addNavigation), ft([
@@ -933,7 +933,7 @@ const An = (e) => {
         }
       ]);
     }
-    return (i, u) => (y(), C(he, null, [
+    return (i, d) => (y(), C(he, null, [
       W("tr", st(i.$attrs, {
         ref: "rowEl",
         tabindex: e.tabIndex,
@@ -942,7 +942,7 @@ const An = (e) => {
         W("td", {
           tabIndex: -1,
           class: "row-index",
-          onClick: u[0] || (u[0] = (o) => e.store.toggleRowExpand(e.rowIndex))
+          onClick: d[0] || (d[0] = (l) => e.store.toggleRowExpand(e.rowIndex))
         }, xe(s.value), 1),
         fe(i.$slots, "row", {}, void 0, !0)
       ], 16, Vn),
@@ -962,12 +962,12 @@ const An = (e) => {
       ], 8, Bn)) : K("", !0)
     ], 64));
   }
-}), Ie = (e, t) => {
+}), $e = (e, t) => {
   const s = e.__vccOpts || e;
-  for (const [i, u] of t)
-    s[i] = u;
+  for (const [i, d] of t)
+    s[i] = d;
   return s;
-}, Nn = /* @__PURE__ */ Ie(Zn, [["__scopeId", "data-v-a42297c7"]]), Wn = ["colspan"], Fn = {
+}, Nn = /* @__PURE__ */ $e(Zn, [["__scopeId", "data-v-a42297c7"]]), Wn = ["colspan"], Fn = {
   ref: "container",
   class: "gantt-container"
 }, zn = ["data-rowindex", "data-colindex"], Xn = {
@@ -989,15 +989,15 @@ const An = (e) => {
   emits: ["connection:create"],
   setup(e, { expose: t, emit: s }) {
     zt((S) => ({
-      v737862e7: u.value,
+      v737862e7: d.value,
       v05f25613: S.colspan
     }));
-    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 i = s, d = z(e.color.length >= 6 ? e.color : "#cccccc"), l = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, o = re("container"), n = re("bar"), r = re("leftResizeHandle"), c = re("rightResizeHandle"), f = re("leftConnectionHandle"), w = re("rightConnectionHandle"), { width: E } = Ie(o), { left: V, right: x } = Ie(n), p = z(e.start), v = z(e.end || p.value + e.colspan), h = z(!1), g = z(!1), $ = z(!1), I = 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 ? E.value / e.colspan : 0), le = T(() => {
       const S = p.value / e.colspan * 100, B = v.value / e.colspan * 100;
       return {
         left: `${S}%`,
         width: `${B - S}%`,
-        backgroundColor: u.value
+        backgroundColor: d.value
       };
     }), j = T(
       () => ({
@@ -1009,12 +1009,12 @@ const An = (e) => {
         pointerEvents: "none",
         zIndex: 1e3
       })
-    ), q = z({ startX: 0, startPos: 0 }), { isDragging: ue } = _e(c, {
+    ), q = z({ startX: 0, startPos: 0 }), { isDragging: ue } = _e(r, {
       axis: "x",
       onStart: () => ke(V.value, p.value),
       onMove: ({ x: S }) => Oe(S),
       onEnd: ({ x: S }) => Ve(S)
-    }), { isDragging: ae } = _e(r, {
+    }), { isDragging: ae } = _e(c, {
       axis: "x",
       onStart: () => ke(x.value, v.value),
       onMove: ({ x: S }) => Be(S),
@@ -1098,46 +1098,46 @@ const An = (e) => {
       });
     }
     function O() {
-      const { x: S, y: B } = $e(n), { x: U, y: Y } = $e(f), { x: Q, y: _ } = $e(g);
+      const { x: S, y: B } = Ie(n), { x: U, y: Y } = Ie(f), { x: Q, y: _ } = Ie(w);
       e.store.registerGanttBar({
-        id: o,
+        id: l,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         startIndex: p,
         endIndex: v,
-        color: u,
+        color: d,
         label: e.label,
         position: { x: S, y: B }
       }), e.store.isDependencyGraphEnabled && (e.store.registerConnectionHandle({
-        id: `${o}-connection-left`,
+        id: `${l}-connection-left`,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "left",
         position: { x: U, y: Y },
         visible: h,
-        barId: o
+        barId: l
       }), e.store.registerConnectionHandle({
-        id: `${o}-connection-right`,
+        id: `${l}-connection-right`,
         rowIndex: e.rowIndex,
         colIndex: e.colIndex,
         side: "right",
         position: { x: Q, y: _ },
-        visible: m,
-        barId: o
+        visible: g,
+        barId: l
       }));
     }
     function F() {
-      e.store.unregisterGanttBar(o), e.store.isDependencyGraphEnabled && (e.store.unregisterConnectionHandle(`${o}-connection-left`), e.store.unregisterConnectionHandle(`${o}-connection-right`));
+      e.store.unregisterGanttBar(l), e.store.isDependencyGraphEnabled && (e.store.unregisterConnectionHandle(`${l}-connection-left`), e.store.unregisterConnectionHandle(`${l}-connection-right`));
     }
     function J() {
-      e.store.isDependencyGraphEnabled && (h.value = !0, m.value = !0);
+      e.store.isDependencyGraphEnabled && (h.value = !0, g.value = !0);
     }
     function G() {
-      !I.value && !E.value && (h.value = !1, m.value = !1);
+      !$.value && !I.value && (h.value = !1, g.value = !1);
     }
     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;
+      B.preventDefault(), B.stopPropagation(), H.value = !0, S === "left" ? $.value = !0 : I.value = !0;
+      const U = S === "left" ? f.value : w.value;
       if (U) {
         const _ = U.getBoundingClientRect(), ne = _.left + _.width / 2, se = _.top + _.height / 2;
         A.value = { startX: ne, startY: se, endX: ne, endY: se };
@@ -1151,11 +1151,11 @@ const An = (e) => {
     }
     function pe(S, B) {
       const Y = document.elementFromPoint(S.clientX, S.clientY)?.closest(".connection-handle");
-      if (Y && Y !== (B === "left" ? f.value : g.value)) {
+      if (Y && Y !== (B === "left" ? f.value : w.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}`,
+            `${l}-connection-${B}`,
             `${Ze}-connection-${se}`
           );
           Ke && i("connection:create", Ke);
@@ -1163,17 +1163,17 @@ const An = (e) => {
       }
     }
     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();
+      H.value = !1, $.value = !1, I.value = !1, document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", B), n.value?.matches(":hover") || G();
     }
     return t({
       barStyle: le,
       cleanupConnectionDrag: Me,
       currentEnd: v,
       handleConnectionDrop: pe,
-      isLeftConnectionDragging: I,
+      isLeftConnectionDragging: $,
       isLeftConnectionVisible: h,
-      isRightConnectionDragging: E,
-      isRightConnectionVisible: m,
+      isRightConnectionDragging: I,
+      isRightConnectionVisible: g,
       showDragPreview: H
     }), (S, B) => (y(), C("td", {
       class: "aganttcell",
@@ -1192,7 +1192,7 @@ const An = (e) => {
           e.store.isDependencyGraphEnabled ? (y(), C("div", {
             key: 0,
             ref: "leftConnectionHandle",
-            class: oe(["connection-handle left-connection-handle", { visible: h.value, "is-dragging": I.value }]),
+            class: oe(["connection-handle left-connection-handle", { visible: h.value, "is-dragging": $.value }]),
             onMousedown: B[0] || (B[0] = Se((U) => te("left", U), ["stop"]))
           }, [...B[2] || (B[2] = [
             W("div", { class: "connection-dot" }, null, -1)
@@ -1200,7 +1200,7 @@ const An = (e) => {
           e.store.isDependencyGraphEnabled ? (y(), C("div", {
             key: 1,
             ref: "rightConnectionHandle",
-            class: oe(["connection-handle right-connection-handle", { visible: m.value, "is-dragging": E.value }]),
+            class: oe(["connection-handle right-connection-handle", { visible: g.value, "is-dragging": I.value }]),
             onMousedown: B[1] || (B[1] = Se((U) => te("right", U), ["stop"]))
           }, [...B[3] || (B[3] = [
             W("div", { class: "connection-dot" }, null, -1)
@@ -1238,7 +1238,7 @@ const An = (e) => {
       ], 4)) : K("", !0)
     ], 8, Wn));
   }
-}), Un = /* @__PURE__ */ Ie(Yn, [["__scopeId", "data-v-c2df3f52"]]), jn = `<?xml version="1.0" encoding="UTF-8"?>
+}), Un = /* @__PURE__ */ $e(Yn, [["__scopeId", "data-v-c2df3f52"]]), 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;"/>
@@ -1305,66 +1305,66 @@ const An = (e) => {
   },
   emits: ["action"],
   setup(e, { emit: t }) {
-    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 = {
+    const s = e, i = t, d = re("actionsCell"), l = re("toggleButton"), o = z(0), n = z(!1), r = z(!1), c = 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 = T(() => {
-      const h = [], m = s.config.actions || {}, I = ["add", "delete", "duplicate", "insertAbove", "insertBelow", "move"];
-      for (const E of I) {
-        const H = m[E];
+    }, w = T(() => {
+      const h = [], g = s.config.actions || {}, $ = ["add", "delete", "duplicate", "insertAbove", "insertBelow", "move"];
+      for (const I of $) {
+        const H = g[I];
         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 });
+        let A = !0, L = f[I], X = eo[I];
+        typeof H == "object" && (A = H.enabled !== !1, L = H.label || L, X = H.icon || X), A && h.push({ type: I, label: L, icon: X });
       }
       return h;
-    }), $ = T(() => {
+    }), E = T(() => {
       if (s.config.forceDropdown) return !0;
       const h = s.config.dropdownThreshold ?? 150;
-      return h === 0 ? !1 : a.value > 0 && a.value < h;
-    }), V = T(() => n.value ? c.value ? {
+      return h === 0 ? !1 : o.value > 0 && o.value < h;
+    }), V = T(() => n.value ? r.value ? {
       position: "fixed",
-      bottom: `${window.innerHeight - r.value.top}px`,
-      left: `${r.value.left}px`,
+      bottom: `${window.innerHeight - c.value.top}px`,
+      left: `${c.value.left}px`,
       top: "auto"
     } : {
       position: "fixed",
-      top: `${r.value.top}px`,
-      left: `${r.value.left}px`
+      top: `${c.value.top}px`,
+      left: `${c.value.left}px`
     } : {});
-    Je(u, (h) => {
-      const m = h[0];
-      m && (a.value = m.contentRect.width);
+    Je(d, (h) => {
+      const g = h[0];
+      g && (o.value = g.contentRect.width);
     });
     const x = () => {
       n.value || p(), n.value = !n.value;
     }, p = () => {
-      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 = {
+      if (!l.value) return;
+      const h = l.value.getBoundingClientRect(), g = window.innerHeight, $ = w.value.length * 40 + 16, I = g - h.bottom, H = h.top;
+      r.value = I < $ && H > $, r.value ? c.value = {
         top: h.top,
         left: h.left
-      } : r.value = {
+      } : c.value = {
         top: h.bottom,
         left: h.left
       };
     };
-    ot(u, () => {
+    ot(d, () => {
       n.value = !1;
     });
     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);
+      const g = s.config.actions?.[h];
+      typeof g == "object" && g.handler && g.handler(s.rowIndex, s.store) === !1 || i("action", h, s.rowIndex);
     };
-    return (h, m) => (y(), C("td", {
+    return (h, g) => (y(), C("td", {
       ref: "actionsCell",
       class: oe(["atable-row-actions", { "sticky-column": e.position === "before-index", "dropdown-active": n.value }])
     }, [
-      $.value ? (y(), C("div", to, [
+      E.value ? (y(), C("div", to, [
         W("button", {
           ref: "toggleButton",
           type: "button",
@@ -1372,42 +1372,42 @@ const An = (e) => {
           "aria-expanded": n.value,
           "aria-haspopup": "true",
           onClick: Se(x, ["stop"])
-        }, [...m[0] || (m[0] = [
+        }, [...g[0] || (g[0] = [
           W("span", { class: "dropdown-icon" }, "⋮", -1)
         ])], 8, no),
         de(W("div", {
-          class: oe(["row-actions-menu", { "menu-flipped": c.value }]),
+          class: oe(["row-actions-menu", { "menu-flipped": r.value }]),
           style: me(V.value),
           role: "menu"
         }, [
-          (y(!0), C(he, null, ye(g.value, (I) => (y(), C("button", {
-            key: I.type,
+          (y(!0), C(he, null, ye(w.value, ($) => (y(), C("button", {
+            key: $.type,
             type: "button",
             class: "row-action-menu-item",
             role: "menuitem",
-            onClick: Se((E) => v(I.type), ["stop"])
+            onClick: Se((I) => v($.type), ["stop"])
           }, [
             W("span", {
               class: "action-icon",
-              innerHTML: I.icon
+              innerHTML: $.icon
             }, null, 8, lo),
-            W("span", ao, xe(I.label), 1)
+            W("span", ao, xe($.label), 1)
           ], 8, oo))), 128))
         ], 6), [
           [it, n.value]
         ])
       ])) : (y(), C("div", so, [
-        (y(!0), C(he, null, ye(g.value, (I) => (y(), C("button", {
-          key: I.type,
+        (y(!0), C(he, null, ye(w.value, ($) => (y(), C("button", {
+          key: $.type,
           type: "button",
           class: "row-action-btn",
-          title: I.label,
-          "aria-label": I.label,
-          onClick: Se((E) => v(I.type), ["stop"])
+          title: $.label,
+          "aria-label": $.label,
+          onClick: Se((I) => v($.type), ["stop"])
         }, [
           W("span", {
             class: "action-icon",
-            innerHTML: I.icon
+            innerHTML: $.icon
           }, null, 8, ro)
         ], 8, io))), 128))
       ]))
@@ -1423,8 +1423,8 @@ const An = (e) => {
   },
   emits: ["row:action"],
   setup(e, { emit: t }) {
-    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);
+    const s = t, i = re("rowEl"), d = T(() => e.store.isRowVisible(e.rowIndex)), l = T(() => e.store.getRowExpandSymbol(e.rowIndex)), o = T(() => e.store.config.rowActions || { enabled: !1 }), n = T(() => o.value.enabled), r = T(() => o.value.position || "before-index"), c = (f, w) => {
+      s("row:action", f, w);
     };
     if (e.addNavigation) {
       let f = Qe;
@@ -1438,18 +1438,18 @@ const An = (e) => {
         }
       ]);
     }
-    return (f, g) => de((y(), C("tr", {
+    return (f, w) => de((y(), C("tr", {
       ref: "rowEl",
       tabindex: e.tabIndex,
       class: "atable-row"
     }, [
-      n.value && c.value === "before-index" ? (y(), ve(qe, {
+      n.value && r.value === "before-index" ? (y(), ve(qe, {
         key: 0,
         "row-index": e.rowIndex,
         store: e.store,
-        config: a.value,
-        position: c.value,
-        onAction: r
+        config: o.value,
+        position: r.value,
+        onAction: c
       }, 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", {
@@ -1460,38 +1460,38 @@ const An = (e) => {
           key: 1,
           tabIndex: -1,
           class: oe(["tree-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
-          onClick: g[0] || (g[0] = ($) => e.store.toggleRowExpand(e.rowIndex))
-        }, xe(o.value), 3)) : K("", !0)
+          onClick: w[0] || (w[0] = (E) => e.store.toggleRowExpand(e.rowIndex))
+        }, xe(l.value), 3)) : K("", !0)
       ], !0) : K("", !0),
-      n.value && c.value === "after-index" ? (y(), ve(qe, {
+      n.value && r.value === "after-index" ? (y(), ve(qe, {
         key: 2,
         "row-index": e.rowIndex,
         store: e.store,
-        config: a.value,
-        position: c.value,
-        onAction: r
+        config: o.value,
+        position: r.value,
+        onAction: c
       }, null, 8, ["row-index", "store", "config", "position"])) : K("", !0),
       fe(f.$slots, "default", {}, void 0, !0),
-      n.value && c.value === "end" ? (y(), ve(qe, {
+      n.value && r.value === "end" ? (y(), ve(qe, {
         key: 3,
         "row-index": e.rowIndex,
         store: e.store,
-        config: a.value,
-        position: c.value,
-        onAction: r
+        config: o.value,
+        position: r.value,
+        onAction: c
       }, null, 8, ["row-index", "store", "config", "position"])) : K("", !0)
     ], 8, co)), [
-      [it, u.value]
+      [it, d.value]
     ]);
   }
-}), Lt = /* @__PURE__ */ Ie(uo, [["__scopeId", "data-v-2e038a9c"]]), nt = /* @__PURE__ */ new WeakMap(), fo = {
+}), Lt = /* @__PURE__ */ $e(uo, [["__scopeId", "data-v-e7ca13d1"]]), nt = /* @__PURE__ */ new WeakMap(), fo = {
   mounted(e, t) {
     const s = !t.modifiers.bubble;
     let i;
     if (typeof t.value == "function") i = ot(e, t.value, { capture: s });
     else {
-      const [u, o] = t.value;
-      i = ot(e, u, Object.assign({ capture: s }, o));
+      const [d, l] = t.value;
+      i = ot(e, d, Object.assign({ capture: s }, l));
     }
     nt.set(e, i);
   },
@@ -1508,8 +1508,8 @@ function ho() {
   return (s, i) => {
     if (t.value = i.value, e) return;
     e = !0;
-    const u = Sn(s, i.value);
-    ce(t, (o) => u.value = o);
+    const d = Sn(s, i.value);
+    ce(t, (l) => d.value = l);
   };
 }
 ho();
@@ -1531,22 +1531,22 @@ const go = { class: "gantt-connection-overlay" }, mo = {
   },
   emits: ["connection:delete"],
   setup(e, { emit: t }) {
-    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 s = t, i = T(() => e.store.connectionPaths.filter((o) => {
+      const n = e.store.ganttBars.find((c) => c.id === o.from.barId), r = e.store.ganttBars.find((c) => c.id === o.to.barId);
+      return n && r;
+    })), d = (o) => {
       const n = e.store.connectionHandles.find(
-        (L) => L.barId === a.from.barId && L.side === a.from.side
-      ), c = e.store.connectionHandles.find(
-        (L) => L.barId === a.to.barId && L.side === a.to.side
+        (L) => L.barId === o.from.barId && L.side === o.from.side
+      ), r = e.store.connectionHandles.find(
+        (L) => L.barId === o.to.barId && L.side === o.to.side
       );
-      if (!n || !c) return "";
-      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);
+      if (!n || !r) return "";
+      const c = n.position.x + Ye / 2, f = n.position.y + Ye / 2, w = r.position.x + Ye / 2, E = r.position.y + Ye / 2, V = Math.abs(w - c), x = Math.max(V * xo, 50), p = c + (o.from.side === "left" ? -x : x), v = w + (o.to.side === "left" ? -x : x), h = { x: 0.5 * c + 0.5 * p, y: 0.5 * f + 0.5 * f }, g = { x: 0.5 * p + 0.5 * v, y: 0.5 * f + 0.5 * E }, $ = { x: 0.5 * v + 0.5 * w, y: 0.5 * E + 0.5 * E }, I = { x: 0.5 * h.x + 0.5 * g.x, y: 0.5 * h.y + 0.5 * g.y }, H = { x: 0.5 * g.x + 0.5 * $.x, y: 0.5 * g.y + 0.5 * $.y }, A = { x: 0.5 * I.x + 0.5 * H.x, y: 0.5 * I.y + 0.5 * H.y };
+      return `M ${c} ${f} Q ${p} ${f}, ${A.x} ${A.y} Q ${v} ${E}, ${w} ${E}`;
+    }, l = (o) => {
+      e.store.deleteConnection(o.id) && s("connection:delete", o);
     };
-    return (a, n) => (y(), C("div", go, [
+    return (o, n) => (y(), C("div", go, [
       (y(), C("svg", mo, [
         n[0] || (n[0] = W("defs", null, [
           W("path", {
@@ -1571,36 +1571,36 @@ const go = { class: "gantt-connection-overlay" }, mo = {
             })
           ])
         ], -1)),
-        (y(!0), C(he, null, ye(i.value, (c) => (y(), C("path", {
-          key: `${c.id}-hitbox`,
-          d: u(c),
+        (y(!0), C(he, null, ye(i.value, (r) => (y(), C("path", {
+          key: `${r.id}-hitbox`,
+          d: d(r),
           stroke: "transparent",
-          "stroke-width": (c.style?.width || 2) + 10,
+          "stroke-width": (r.style?.width || 2) + 10,
           fill: "none",
           class: "connection-hitbox",
-          onDblclick: (r) => o(c)
+          onDblclick: (c) => l(r)
         }, 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),
-          stroke: c.style?.color || "#666",
-          "stroke-width": c.style?.width || 2,
+        (y(!0), C(he, null, ye(i.value, (r) => (y(), C("path", {
+          id: r.id,
+          key: r.id,
+          d: d(r),
+          stroke: r.style?.color || "#666",
+          "stroke-width": r.style?.width || 2,
           fill: "none",
           "marker-mid": "url(#arrowhead-marker)",
           class: "connection-path animated-path",
-          onDblclick: (r) => o(c)
+          onDblclick: (c) => l(r)
         }, null, 40, po))), 128))
       ]))
     ]));
   }
-}), bo = /* @__PURE__ */ Ie(yo, [["__scopeId", "data-v-d5929c98"]]), Co = { class: "column-filter" }, ko = {
+}), bo = /* @__PURE__ */ $e(yo, [["__scopeId", "data-v-d5929c98"]]), Co = { class: "column-filter" }, ko = {
   key: 2,
   class: "checkbox-filter"
 }, Mo = ["value"], Ro = {
   key: 5,
   class: "date-range-filter"
-}, Io = /* @__PURE__ */ we({
+}, $o = /* @__PURE__ */ we({
   __name: "ATableColumnFilter",
   props: {
     column: {},
@@ -1611,20 +1611,20 @@ const go = { class: "gantt-connection-overlay" }, mo = {
     const t = z(""), s = Gt({
       startValue: "",
       endValue: ""
-    }), i = (c) => {
-      if (c.filterOptions) return c.filterOptions;
-      const r = /* @__PURE__ */ new Set();
+    }), i = (r) => {
+      if (r.filterOptions) return r.filterOptions;
+      const c = /* @__PURE__ */ new Set();
       return e.store.rows.forEach((f) => {
-        const g = f[c.name];
-        g != null && g !== "" && r.add(g);
-      }), Array.from(r).map((f) => ({
+        const w = f[r.name];
+        w != null && w !== "" && c.add(w);
+      }), Array.from(c).map((f) => ({
         value: f,
         label: String(f)
       }));
-    }, 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, {
+    }, d = T(() => !!(t.value || s.startValue || s.endValue)), l = (r) => {
+      !r && e.column.filterType !== "checkbox" ? (e.store.clearFilter(e.colIndex), t.value = "") : (t.value = r, e.store.setFilter(e.colIndex, { value: r }));
+    }, o = (r, c) => {
+      r === "start" ? s.startValue = c : s.endValue = c, !s.startValue && !s.endValue ? e.store.clearFilter(e.colIndex) : e.store.setFilter(e.colIndex, {
         value: null,
         startValue: s.startValue,
         endValue: s.endValue
@@ -1632,40 +1632,40 @@ const go = { class: "gantt-connection-overlay" }, mo = {
     }, n = () => {
       t.value = "", s.startValue = "", s.endValue = "", e.store.clearFilter(e.colIndex);
     };
-    return (c, r) => (y(), C("div", Co, [
+    return (r, c) => (y(), C("div", Co, [
       (e.column.filterType || "text") === "text" ? de((y(), C("input", {
         key: 0,
-        "onUpdate:modelValue": r[0] || (r[0] = (f) => t.value = f),
+        "onUpdate:modelValue": c[0] || (c[0] = (f) => t.value = f),
         type: "text",
         class: "filter-input",
-        onInput: r[1] || (r[1] = (f) => o(t.value))
+        onInput: c[1] || (c[1] = (f) => l(t.value))
       }, null, 544)), [
         [Ne, t.value]
       ]) : e.column.filterType === "number" ? de((y(), C("input", {
         key: 1,
-        "onUpdate:modelValue": r[2] || (r[2] = (f) => t.value = f),
+        "onUpdate:modelValue": c[2] || (c[2] = (f) => t.value = f),
         type: "number",
         class: "filter-input",
-        onInput: r[3] || (r[3] = (f) => o(t.value))
+        onInput: c[3] || (c[3] = (f) => l(t.value))
       }, null, 544)), [
         [Ne, t.value]
       ]) : e.column.filterType === "checkbox" ? (y(), C("label", ko, [
         de(W("input", {
-          "onUpdate:modelValue": r[4] || (r[4] = (f) => t.value = f),
+          "onUpdate:modelValue": c[4] || (c[4] = (f) => t.value = f),
           type: "checkbox",
           class: "filter-checkbox",
-          onChange: r[5] || (r[5] = (f) => o(t.value))
+          onChange: c[5] || (c[5] = (f) => l(t.value))
         }, null, 544), [
           [Yt, t.value]
         ]),
         W("span", null, xe(e.column.label), 1)
       ])) : e.column.filterType === "select" ? de((y(), C("select", {
         key: 3,
-        "onUpdate:modelValue": r[6] || (r[6] = (f) => t.value = f),
+        "onUpdate:modelValue": c[6] || (c[6] = (f) => t.value = f),
         class: "filter-select",
-        onChange: r[7] || (r[7] = (f) => o(t.value))
+        onChange: c[7] || (c[7] = (f) => l(t.value))
       }, [
-        r[15] || (r[15] = W("option", { value: "" }, "All", -1)),
+        c[15] || (c[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
@@ -1674,27 +1674,27 @@ const go = { class: "gantt-connection-overlay" }, mo = {
         [Ut, t.value]
       ]) : e.column.filterType === "date" ? de((y(), C("input", {
         key: 4,
-        "onUpdate:modelValue": r[8] || (r[8] = (f) => t.value = f),
+        "onUpdate:modelValue": c[8] || (c[8] = (f) => t.value = f),
         type: "date",
         class: "filter-input",
-        onChange: r[9] || (r[9] = (f) => o(t.value))
+        onChange: c[9] || (c[9] = (f) => l(t.value))
       }, null, 544)), [
         [Ne, t.value]
       ]) : e.column.filterType === "dateRange" ? (y(), C("div", Ro, [
         de(W("input", {
-          "onUpdate:modelValue": r[10] || (r[10] = (f) => s.startValue = f),
+          "onUpdate:modelValue": c[10] || (c[10] = (f) => s.startValue = f),
           type: "date",
           class: "filter-input",
-          onChange: r[11] || (r[11] = (f) => a("start", s.startValue))
+          onChange: c[11] || (c[11] = (f) => o("start", s.startValue))
         }, null, 544), [
           [Ne, s.startValue]
         ]),
-        r[16] || (r[16] = W("span", { class: "date-separator" }, "-", -1)),
+        c[16] || (c[16] = W("span", { class: "date-separator" }, "-", -1)),
         de(W("input", {
-          "onUpdate:modelValue": r[12] || (r[12] = (f) => s.endValue = f),
+          "onUpdate:modelValue": c[12] || (c[12] = (f) => s.endValue = f),
           type: "date",
           class: "filter-input",
-          onChange: r[13] || (r[13] = (f) => a("end", s.endValue))
+          onChange: c[13] || (c[13] = (f) => o("end", s.endValue))
         }, null, 544), [
           [Ne, s.endValue]
         ])
@@ -1702,19 +1702,19 @@ const go = { class: "gantt-connection-overlay" }, mo = {
         key: 6,
         value: t.value,
         column: e.column,
-        colIndex: e.colIndex,
+        "col-index": e.colIndex,
         store: e.store,
-        "onUpdate:value": r[14] || (r[14] = (f) => o(f))
-      }, null, 40, ["value", "column", "colIndex", "store"])) : K("", !0),
-      u.value ? (y(), C("button", {
+        "onUpdate:value": c[14] || (c[14] = (f) => l(f))
+      }, null, 40, ["value", "column", "col-index", "store"])) : K("", !0),
+      d.value ? (y(), C("button", {
         key: 7,
-        onClick: n,
         class: "clear-btn",
-        title: "Clear"
+        title: "Clear",
+        onClick: n
       }, "×")) : K("", !0)
     ]));
   }
-}), $o = /* @__PURE__ */ Ie(Io, [["__scopeId", "data-v-8487462d"]]), Eo = { key: 0 }, So = {
+}), Io = /* @__PURE__ */ $e($o, [["__scopeId", "data-v-a809a3bf"]]), Eo = { key: 0 }, So = {
   class: "atable-header-row",
   tabindex: "-1"
 }, Ao = {
@@ -1739,72 +1739,72 @@ const go = { class: "gantt-connection-overlay" }, mo = {
     store: {}
   },
   setup(e) {
-    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 f = c.borderBoxSize[0].inlineSize, g = Number(c.target.dataset.colindex), $ = t.store.columns[g]?.width;
-        typeof $ == "number" && $ !== f && t.store.resizeColumn(g, f);
+    const t = T(() => e.columns.filter((o) => o.filterable)), s = T(() => e.store.config.rowActions?.enabled ?? !1), i = T(() => e.store.config.rowActions?.position ?? "before-index"), d = (o) => e.store.sortByColumn(o), l = (o) => {
+      for (const n of o) {
+        if (n.borderBoxSize.length === 0) continue;
+        const c = n.borderBoxSize[0].inlineSize, f = Number(n.target.dataset.colindex), w = e.store.columns[f]?.width;
+        typeof w == "number" && w !== c && e.store.resizeColumn(f, c);
       }
     };
-    return (n, c) => t.columns.length ? (y(), C("thead", Eo, [
+    return (o, n) => e.columns.length ? (y(), C("thead", Eo, [
       W("tr", So, [
-        i.value && u.value === "before-index" ? (y(), C("th", {
+        s.value && i.value === "before-index" ? (y(), C("th", {
           key: 0,
-          class: oe(["row-actions-header", { "sticky-column": u.value === "before-index" }])
+          class: oe(["row-actions-header", { "sticky-column": i.value === "before-index" }])
         }, null, 2)) : K("", !0),
-        t.store.zeroColumn ? (y(), C("th", {
+        e.store.zeroColumn ? (y(), C("th", {
           key: 1,
           id: "header-index",
           class: oe([[
-            t.store.hasPinnedColumns ? "sticky-index" : "",
-            t.store.isTreeView ? "tree-index" : "",
-            t.store.config.view === "list-expansion" ? "list-expansion-index" : ""
+            e.store.hasPinnedColumns ? "sticky-index" : "",
+            e.store.isTreeView ? "tree-index" : "",
+            e.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
         }, null, 2)) : 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", {
+        s.value && i.value === "after-index" ? (y(), C("th", Ao)) : K("", !0),
+        (y(!0), C(he, null, ye(e.columns, (r, c) => de((y(), C("th", {
           key: r.name,
-          "data-colindex": f,
+          "data-colindex": c,
           tabindex: "-1",
-          style: me(t.store.getHeaderCellStyle(r)),
+          style: me(e.store.getHeaderCellStyle(r)),
           class: oe(`${r.pinned ? "sticky-column" : ""} ${r.sortable === !1 ? "" : "cursor-pointer"}`),
-          onClick: (g) => r.sortable !== !1 ? o(f) : void 0
+          onClick: (f) => r.sortable !== !1 ? d(c) : void 0
         }, [
-          fe(n.$slots, "default", {}, () => [
-            jt(xe(r.label || String.fromCharCode(f + 97).toUpperCase()), 1)
+          fe(o.$slots, "default", {}, () => [
+            jt(xe(r.label || String.fromCharCode(c + 97).toUpperCase()), 1)
           ])
         ], 14, To)), [
-          [Z(vo), a]
+          [Z(vo), l]
         ])), 128)),
-        i.value && u.value === "end" ? (y(), C("th", Do)) : K("", !0)
+        s.value && i.value === "end" ? (y(), C("th", Do)) : K("", !0)
       ]),
-      s.value.length > 0 ? (y(), C("tr", Ho, [
-        i.value && u.value === "before-index" ? (y(), C("th", {
+      t.value.length > 0 ? (y(), C("tr", Ho, [
+        s.value && i.value === "before-index" ? (y(), C("th", {
           key: 0,
-          class: oe(["row-actions-header", { "sticky-column": u.value === "before-index" }])
+          class: oe(["row-actions-header", { "sticky-column": i.value === "before-index" }])
         }, null, 2)) : K("", !0),
-        t.store.zeroColumn ? (y(), C("th", {
+        e.store.zeroColumn ? (y(), C("th", {
           key: 1,
           class: oe([[
-            t.store.hasPinnedColumns ? "sticky-index" : "",
-            t.store.isTreeView ? "tree-index" : "",
-            t.store.config.view === "list-expansion" ? "list-expansion-index" : ""
+            e.store.hasPinnedColumns ? "sticky-index" : "",
+            e.store.isTreeView ? "tree-index" : "",
+            e.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
         }, null, 2)) : 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", {
+        s.value && i.value === "after-index" ? (y(), C("th", Lo)) : K("", !0),
+        (y(!0), C(he, null, ye(e.columns, (r, c) => (y(), C("th", {
           key: `filter-${r.name}`,
           class: oe(`${r.pinned ? "sticky-column" : ""}`),
-          style: me(t.store.getHeaderCellStyle(r))
+          style: me(e.store.getHeaderCellStyle(r))
         }, [
-          r.filterable ? (y(), ve($o, {
+          r.filterable ? (y(), ve(Io, {
             key: 0,
             column: r,
-            "col-index": f,
-            store: t.store
+            "col-index": c,
+            store: e.store
           }, null, 8, ["column", "col-index", "store"])) : K("", !0)
         ], 6))), 128)),
-        i.value && u.value === "end" ? (y(), C("th", Oo)) : K("", !0)
+        s.value && i.value === "end" ? (y(), C("th", Oo)) : K("", !0)
       ])) : K("", !0)
     ])) : K("", !0);
   }
@@ -1814,49 +1814,49 @@ const go = { class: "gantt-connection-overlay" }, mo = {
     store: {}
   },
   setup(e) {
-    const t = re("amodal"), { width: s, height: i } = $e(t), u = T(() => {
+    const t = re("amodal"), { width: s, height: i } = Ie(t), d = T(() => {
       if (!(e.store.modal.height && e.store.modal.width && e.store.modal.left && e.store.modal.bottom)) return;
-      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 = o.querySelector("thead")?.offsetHeight || 0;
-      c += r, c = c + i.value < a ? c : c - (i.value + e.store.modal.height);
+      const l = e.store.modal.cell?.closest("table");
+      if (!l) return {};
+      const o = l.offsetHeight || 0, n = l.offsetWidth || 0;
+      let r = e.store.modal.cell?.offsetTop || 0;
+      const c = l.querySelector("thead")?.offsetHeight || 0;
+      r += c, r = r + i.value < o ? r : r - (i.value + e.store.modal.height);
       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`
+        top: `${r}px`
       };
     });
-    return (o, a) => (y(), C("div", {
+    return (l, o) => (y(), C("div", {
       ref: "amodal",
       class: "amodal",
       tabindex: "-1",
-      style: me(u.value),
-      onClick: a[0] || (a[0] = Se(() => {
+      style: me(d.value),
+      onClick: o[0] || (o[0] = Se(() => {
       }, ["stop"])),
-      onInput: a[1] || (a[1] = Se(() => {
+      onInput: o[1] || (o[1] = Se(() => {
       }, ["stop"]))
     }, [
-      fe(o.$slots, "default")
+      fe(l.$slots, "default")
     ], 36));
   }
 }), Vo = (e) => {
   const t = e.id || Tn();
   return qt(`table-${t}`, () => {
     const i = () => {
-      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 a = [Object.assign({}, { rowModified: !1 })], u = /* @__PURE__ */ new Set();
+      for (let b = 0; b < l.value.length; b++) {
+        const M = l.value[b];
+        M.parent !== null && M.parent !== void 0 && u.add(M.parent);
       }
-      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)))
+      const m = (b) => l.value[b]?.gantt !== void 0, R = (b) => {
+        for (let M = 0; M < l.value.length; M++)
+          if (l.value[M].parent === b && (m(M) || R(M)))
             return !0;
         return !1;
       }, P = (b) => {
-        const M = a.value, N = M.view === "tree" || M.view === "tree-gantt" ? M.defaultTreeExpansion : void 0;
+        const M = o.value, N = M.view === "tree" || M.view === "tree-gantt" ? M.defaultTreeExpansion : void 0;
         if (!N) return !0;
         switch (N) {
           case "root":
@@ -1871,9 +1871,9 @@ const go = { class: "gantt-connection-overlay" }, mo = {
             return !0;
         }
       };
-      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] = {
+      for (let b = 0; b < l.value.length; b++) {
+        const M = l.value[b], N = M.parent === null || M.parent === void 0, ee = u.has(b);
+        a[b] = {
           childrenOpen: P(b),
           expanded: !1,
           indent: M.indent || 0,
@@ -1885,152 +1885,152 @@ const go = { class: "gantt-connection-overlay" }, mo = {
           parent: M.parent
         };
       }
-      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 [R, P] of o.value.entries())
-          l[`${d}:${R}`] = P[w.name];
-      return l;
+      return a;
+    }, d = z(e.columns), l = z(e.rows), o = z(e.config || {}), n = z({}), r = z({}), c = T(() => {
+      const a = {};
+      for (const [u, m] of d.value.entries())
+        for (const [R, P] of l.value.entries())
+          a[`${u}:${R}`] = P[m.name];
+      return a;
     }), f = T({
       get: () => {
-        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];
+        const a = i();
+        for (let u = 0; u < a.length; u++)
+          n.value[u] && (a[u].rowModified = n.value[u]), r.value[u] && (r.value[u].childrenOpen !== void 0 && (a[u].childrenOpen = r.value[u].childrenOpen), r.value[u].expanded !== void 0 && (a[u].expanded = r.value[u].expanded));
+        if (I.value) {
+          const u = (m, R) => {
+            const P = R[m];
             if (P.isRoot || P.parent === null || P.parent === void 0)
               return !0;
             const b = P.parent;
-            return b < 0 || b >= R.length ? !1 : (R[b].childrenOpen || !1) && d(b, R);
+            return b < 0 || b >= R.length ? !1 : (R[b].childrenOpen || !1) && u(b, R);
           };
-          for (let w = 0; w < l.length; w++)
-            l[w].isRoot || (l[w].open = d(w, l));
+          for (let m = 0; m < a.length; m++)
+            a[m].isRoot || (a[m].open = u(m, a));
         }
-        return l;
+        return a;
       },
-      set: (l) => {
-        JSON.stringify(l) !== JSON.stringify(f.value) && (f.value = l);
+      set: (a) => {
+        JSON.stringify(a) !== JSON.stringify(f.value) && (f.value = a);
       }
-    }), g = z(e.modal || { visible: !1 }), $ = z({}), V = z([]), x = z([]), p = z([]), v = z({
+    }), w = z(e.modal || { visible: !1 }), E = z({}), V = z([]), x = z([]), p = z([]), v = z({
       column: null,
       direction: null
-    }), 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
+    }), h = z({}), g = T(() => d.value.some((a) => a.pinned)), $ = T(() => o.value.view === "gantt" || o.value.view === "tree-gantt"), I = T(() => o.value.view === "tree" || o.value.view === "tree-gantt"), H = T(() => {
+      const a = o.value;
+      return a.view === "gantt" || a.view === "tree-gantt" ? a.dependencyGraph !== !1 : !0;
+    }), A = T(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), L = T(
+      () => o.value.view ? ["list", "tree", "tree-gantt", "list-expansion"].includes(o.value.view) : !1
     ), X = T(() => {
-      let l = o.value.map((d, w) => ({
-        ...d,
-        originalIndex: w
+      let a = l.value.map((u, m) => ({
+        ...u,
+        originalIndex: m
       }));
-      if (Object.entries(h.value).forEach(([d, w]) => {
-        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) => {
+      if (Object.entries(h.value).forEach(([u, m]) => {
+        const R = parseInt(u), P = d.value[R];
+        !P || !(m.value || m.startValue || m.endValue || P.filterType === "checkbox" && m.value !== void 0) || (a = a.filter((M) => {
           const N = M[P.name];
-          return _(N, w, P);
+          return _(N, m, P);
         }));
       }), 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];
+        const u = d.value[v.value.column], m = v.value.direction;
+        a.sort((R, P) => {
+          let b = R[u.name], M = P[u.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;
+            return m === "asc" ? N - ee : ee - N;
           {
             const gt = String(b).toLowerCase(), mt = String(M).toLowerCase();
-            return w === "asc" ? gt.localeCompare(mt) : mt.localeCompare(gt);
+            return m === "asc" ? gt.localeCompare(mt) : mt.localeCompare(gt);
           }
         });
       }
-      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
+      return a;
+    }), le = (a, u) => c.value[`${a}:${u}`], j = (a, u, m) => {
+      const R = `${a}:${u}`, P = d.value[a];
+      c.value[R] !== m && (n.value[u] = !0), c.value[R] = m, l.value[u] = {
+        ...l.value[u],
+        [P.name]: m
       };
-    }, 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;
+    }, q = (a) => {
+      l.value = a;
+    }, ue = (a, u, m) => {
+      const R = `${a}:${u}`;
+      c.value[R] !== m && (n.value[u] = !0, E.value[R] = m);
+    }, ae = (a) => {
+      const u = d.value.indexOf(a) === d.value.length - 1, m = o.value.fullWidth ? a.resizable && !u : a.resizable;
       return {
-        width: l.width || "40ch",
-        textAlign: l.align || "center",
-        ...w && {
+        width: a.width || "40ch",
+        textAlign: a.align || "center",
+        ...m && {
           resize: "horizontal",
           overflow: "hidden",
           whiteSpace: "nowrap"
         }
       };
-    }, Ae = (l, d) => {
-      if (l < 0 || l >= u.value.length) return;
-      const R = Math.max(d, 40);
-      u.value[l] = {
-        ...u.value[l],
+    }, Ae = (a, u) => {
+      if (a < 0 || a >= d.value.length) return;
+      const R = Math.max(u, 40);
+      d.value[a] = {
+        ...d.value[a],
         width: `${R}px`
       };
-    }, 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,
+    }, ke = (a) => {
+      const u = l.value[a];
+      return $.value && u.gantt !== void 0;
+    }, Oe = (a) => !I.value || f.value[a].isRoot || f.value[a].open, Ve = (a) => !I.value && o.value.view !== "list-expansion" ? "" : I.value && (f.value[a].isRoot || f.value[a].isParent) ? f.value[a].childrenOpen ? "▼" : "►" : o.value.view === "list-expansion" ? f.value[a].expanded ? "▼" : "►" : "", Be = (a) => {
+      if (I.value) {
+        const u = r.value[a] || {}, R = !(u.childrenOpen ?? f.value[a].childrenOpen);
+        r.value[a] = {
+          ...u,
           childrenOpen: R
-        }, R || Te(l);
-      } else if (a.value.view === "list-expansion") {
-        const d = c.value[l] || {}, w = d.expanded ?? f.value[l].expanded;
-        c.value[l] = {
-          ...d,
-          expanded: !w
+        }, R || Te(a);
+      } else if (o.value.view === "list-expansion") {
+        const u = r.value[a] || {}, m = u.expanded ?? f.value[a].expanded;
+        r.value[a] = {
+          ...u,
+          expanded: !m
         };
       }
-    }, 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,
+    }, Te = (a) => {
+      for (let u = 0; u < l.value.length; u++)
+        if (f.value[u].parent === a) {
+          const m = r.value[u] || {};
+          r.value[u] = {
+            ...m,
             childrenOpen: !1
-          }, Te(d);
+          }, Te(u);
         }
-    }, 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);
+    }, Pe = (a, u) => {
+      const m = le(a, u);
+      return k(a, u, m);
+    }, k = (a, u, m) => {
+      const R = d.value[a], P = l.value[u], b = R.format;
+      return b ? typeof b == "function" ? b(m, { table: c.value, row: P, column: R }) : typeof b == "string" ? Function(`"use strict";return (${b})`)()(m, { table: c.value, row: P, column: R }) : m : m;
+    }, O = (a) => {
+      a.target instanceof Node && w.value.parent?.contains(a.target) || w.value.visible && (w.value.visible = !1);
+    }, F = (a, u) => u && a === 0 && u > 0 ? `${u}ch` : "inherit", J = (a) => {
+      const u = l.value[a.rowIndex]?.gantt;
+      u && (a.type === "resize" ? a.edge === "start" ? (u.startIndex = a.newStart, u.endIndex = a.end, u.colspan = u.endIndex - u.startIndex) : a.edge === "end" && (u.startIndex = a.start, u.endIndex = a.newEnd, u.colspan = u.endIndex - u.startIndex) : a.type === "bar" && (u.startIndex = a.newStart, u.endIndex = a.newEnd, u.colspan = u.endIndex - u.startIndex));
+    }, G = (a) => {
+      const u = V.value.findIndex((m) => m.id === a.id);
+      u >= 0 ? V.value[u] = a : V.value.push(a);
+    }, te = (a) => {
+      const u = V.value.findIndex((m) => m.id === a);
+      u >= 0 && V.value.splice(u, 1);
+    }, pe = (a) => {
+      const u = x.value.findIndex((m) => m.id === a.id);
+      u >= 0 ? x.value[u] = a : x.value.push(a);
+    }, Me = (a) => {
+      const u = x.value.findIndex((m) => m.id === a);
+      u >= 0 && x.value.splice(u, 1);
+    }, S = (a, u, m) => {
+      const R = x.value.find((M) => M.id === a), P = x.value.find((M) => M.id === u);
       if (!R || !P)
         return console.warn("Cannot create connection: handle not found"), null;
       const b = {
-        id: `connection-${l}-${d}`,
+        id: `connection-${a}-${u}`,
         from: {
           barId: R.barId,
           side: R.side
@@ -2039,88 +2039,86 @@ const go = { class: "gantt-connection-overlay" }, mo = {
           barId: P.barId,
           side: P.side
         },
-        style: w?.style,
-        label: w?.label
+        style: m?.style,
+        label: m?.label
       };
       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;
-    }, 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;
-      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;
+    }, B = (a) => {
+      const u = p.value.findIndex((m) => m.id === a);
+      return u >= 0 ? (p.value.splice(u, 1), !0) : !1;
+    }, U = (a) => p.value.filter((u) => u.from.barId === a || u.to.barId === a), Y = (a) => x.value.filter((u) => u.barId === a), Q = (a) => {
+      if (d.value[a].sortable === !1) return;
+      let m;
+      v.value.column === a && v.value.direction === "asc" ? m = "desc" : m = "asc", v.value.column = a, v.value.direction = m;
+    }, _ = (a, u, m) => {
+      const R = m.filterType || "text", P = u.value;
       if (!P && R !== "dateRange" && R !== "checkbox") return !0;
       switch (R) {
-        case "text": {
-          let b = "";
-          return typeof l == "object" && l !== null ? b = Object.values(l).join(" ") : b = String(l || ""), b.toLowerCase().includes(String(P).toLowerCase());
-        }
+        case "text":
+          return (typeof a == "object" && a !== null ? Object.values(a).join(" ") : String(a || "")).toLowerCase().includes(String(P).toLowerCase());
         case "number": {
-          const b = Number(l), M = Number(P);
+          const b = Number(a), M = Number(P);
           return !isNaN(b) && !isNaN(M) && b === M;
         }
         case "select":
-          return l === P;
+          return a === P;
         case "checkbox":
-          return P === !0 ? !!l : !0;
+          return P === !0 ? !!a : !0;
         case "date": {
           let b;
-          if (typeof l == "number") {
-            const N = new Date(l), ee = (/* @__PURE__ */ new Date()).getFullYear();
+          if (typeof a == "number") {
+            const N = new Date(a), ee = (/* @__PURE__ */ new Date()).getFullYear();
             b = new Date(ee, N.getMonth(), N.getDate());
           } else
-            b = new Date(String(l));
+            b = new Date(String(a));
           const M = new Date(String(P));
           return b.toDateString() === M.toDateString();
         }
         case "dateRange": {
-          const b = d.startValue, M = d.endValue;
+          const b = u.startValue, M = u.endValue;
           if (!b && !M) return !0;
           let N;
-          if (typeof l == "number") {
-            const ee = new Date(l), ht = (/* @__PURE__ */ new Date()).getFullYear();
+          if (typeof a == "number") {
+            const ee = new Date(a), ht = (/* @__PURE__ */ new Date()).getFullYear();
             N = new Date(ht, ee.getMonth(), ee.getDate());
           } else
-            N = new Date(String(l));
+            N = new Date(String(a));
           return !(b && N < new Date(String(b)) || M && N > new Date(String(M)));
         }
         default:
           return !0;
       }
-    }, 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 P of u.value)
-        w[P.name] = "";
-      l && Object.assign(w, l);
+    }, ne = (a, u) => {
+      !u.value && !u.startValue && !u.endValue ? delete h.value[a] : h.value[a] = u;
+    }, se = (a) => {
+      delete h.value[a];
+    }, Ze = (a, u = "end") => {
+      const m = {};
+      for (const P of d.value)
+        m[P.name] = "";
+      a && Object.assign(m, a);
       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 u === "start" ? (R = 0, l.value.unshift(m)) : u === "end" ? (R = l.value.length, l.value.push(m)) : (R = Math.max(0, Math.min(u, l.value.length)), l.value.splice(R, 0, m)), R;
     };
     return {
       // state
-      columns: u,
-      config: a,
+      columns: d,
+      config: o,
       connectionHandles: x,
       connectionPaths: p,
       display: f,
       filterState: h,
       ganttBars: V,
-      modal: g,
-      rows: o,
+      modal: w,
+      rows: l,
       sortState: v,
-      table: r,
-      updates: $,
+      table: c,
+      updates: E,
       // getters
       filteredRows: X,
-      hasPinnedColumns: m,
-      isGanttView: I,
-      isTreeView: E,
+      hasPinnedColumns: g,
+      isGanttView: $,
+      isTreeView: I,
       isDependencyGraphEnabled: H,
       numberedRowWidth: A,
       zeroColumn: L,
@@ -2130,27 +2128,27 @@ const go = { class: "gantt-connection-overlay" }, mo = {
       closeModal: O,
       createConnection: S,
       deleteConnection: B,
-      deleteRow: (l) => {
-        if (l < 0 || l >= o.value.length)
+      deleteRow: (a) => {
+        if (a < 0 || a >= l.value.length)
           return null;
-        const [d] = o.value.splice(l, 1);
-        delete n.value[l], delete c.value[l];
-        const w = {}, R = {};
+        const [u] = l.value.splice(a, 1);
+        delete n.value[a], delete r.value[a];
+        const m = {}, R = {};
         for (const [P, b] of Object.entries(n.value)) {
           const M = parseInt(P);
-          M > l ? w[M - 1] = b : w[M] = b;
+          M > a ? m[M - 1] = b : m[M] = b;
         }
-        for (const [P, b] of Object.entries(c.value)) {
+        for (const [P, b] of Object.entries(r.value)) {
           const M = parseInt(P);
-          M > l ? R[M - 1] = b : R[M] = b;
+          M > a ? R[M - 1] = b : R[M] = b;
         }
-        return n.value = w, c.value = R, d;
+        return n.value = m, r.value = R, u;
       },
-      duplicateRow: (l) => {
-        if (l < 0 || l >= o.value.length)
+      duplicateRow: (a) => {
+        if (a < 0 || a >= l.value.length)
           return -1;
-        const d = o.value[l], w = JSON.parse(JSON.stringify(d)), R = l + 1;
-        return o.value.splice(R, 0, w), R;
+        const u = l.value[a], m = JSON.parse(JSON.stringify(u)), R = a + 1;
+        return l.value.splice(R, 0, m), R;
       },
       getCellData: le,
       getCellDisplayValue: Pe,
@@ -2160,33 +2158,33 @@ const go = { class: "gantt-connection-overlay" }, mo = {
       getHeaderCellStyle: ae,
       getIndent: F,
       getRowExpandSymbol: Ve,
-      insertRowAbove: (l, d) => {
-        const w = Math.max(0, l);
-        return Ze(d, w);
+      insertRowAbove: (a, u) => {
+        const m = Math.max(0, a);
+        return Ze(u, m);
       },
-      insertRowBelow: (l, d) => {
-        const w = Math.min(l + 1, o.value.length);
-        return Ze(d, w);
+      insertRowBelow: (a, u) => {
+        const m = Math.min(a + 1, l.value.length);
+        return Ze(u, m);
       },
       isRowGantt: ke,
       isRowVisible: Oe,
-      moveRow: (l, d) => {
-        if (l < 0 || l >= o.value.length || d < 0 || d >= o.value.length || l === d)
+      moveRow: (a, u) => {
+        if (a < 0 || a >= l.value.length || u < 0 || u >= l.value.length || a === u)
           return !1;
-        const [w] = o.value.splice(l, 1);
-        o.value.splice(d, 0, w);
+        const [m] = l.value.splice(a, 1);
+        l.value.splice(u, 0, m);
         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;
+          N === a ? ee = u : a < u ? N > a && N <= u && (ee = N - 1) : N >= u && N < a && (ee = N + 1), R[ee] = M;
         }
-        for (const [b, M] of Object.entries(c.value)) {
+        for (const [b, M] of Object.entries(r.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;
+          N === a ? ee = u : a < u ? N > a && N <= u && (ee = N - 1) : N >= u && N < a && (ee = N + 1), P[ee] = M;
         }
-        return n.value = R, c.value = P, !0;
+        return n.value = R, r.value = P, !0;
       },
       registerConnectionHandle: pe,
       registerGanttBar: G,
@@ -2218,21 +2216,21 @@ const go = { class: "gantt-connection-overlay" }, mo = {
   }),
   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"), o = s, a = re("table"), n = Vo({ columns: u.value, rows: i.value, id: e.id, config: e.config });
+    const i = wt(e, "rows"), d = wt(e, "columns"), l = s, o = re("table"), n = Vo({ columns: d.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);
+        const [g, $, I] = v, H = p.getCellData(g, $);
         h(() => {
-          i.value = [...p.rows], o("cellUpdate", { colIndex: m, rowIndex: I, newValue: E, oldValue: H });
+          i.value = [...p.rows], l("cellUpdate", { colIndex: g, rowIndex: $, newValue: I, oldValue: H });
         });
       } 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);
+        const [g] = v;
+        let $ = !1;
+        g.type === "resize" ? $ = g.oldColspan !== g.newColspan : g.type === "bar" && ($ = g.oldStart !== g.newStart || g.oldEnd !== g.newEnd), $ && h(() => {
+          l("gantt:drag", g);
         });
       } else x === "resizeColumn" && h(() => {
-        u.value = [...p.columns], o("columns:update", [...p.columns]);
+        d.value = [...p.columns], l("columns:update", [...p.columns]);
       });
     }), ce(
       () => i.value,
@@ -2241,26 +2239,26 @@ const go = { class: "gantt-connection-overlay" }, mo = {
       },
       { deep: !0 }
     ), ce(
-      u,
+      d,
       (x) => {
-        JSON.stringify(x) !== JSON.stringify(n.columns) && (n.columns = [...x], o("columns:update", [...x]));
+        JSON.stringify(x) !== JSON.stringify(n.columns) && (n.columns = [...x], l("columns:update", [...x]));
       },
       { deep: !0 }
     ), He(() => {
-      u.value.some((x) => x.pinned) && (r(), n.isTreeView && Ht(a, r, { childList: !0, subtree: !0 }));
+      d.value.some((x) => x.pinned) && (c(), n.isTreeView && Ht(o, c, { childList: !0, subtree: !0 }));
     });
-    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`);
+    const r = T(() => n.columns.filter((x) => x.pinned).length), c = () => {
+      const x = o.value, p = x?.rows[0], v = x?.rows[1], h = p ? Array.from(p.cells) : [];
+      for (const [g, $] of h.entries()) {
+        const I = v?.cells[g];
+        I && ($.style.width = `${I.offsetWidth}px`);
       }
-      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");
+      for (const g of x?.rows || []) {
+        let $ = 0;
+        const I = [];
+        for (const H of g.cells)
+          (H.classList.contains("sticky-column") || H.classList.contains("sticky-index")) && (H.style.left = `${$}px`, $ += H.offsetWidth, I.push(H));
+        I.length > 0 && I[I.length - 1].classList.add("sticky-column-edge");
       }
     };
     window.addEventListener("keydown", (x) => {
@@ -2273,57 +2271,57 @@ const go = { class: "gantt-connection-overlay" }, mo = {
       }
     });
     const f = (x) => {
-      if (!x.gantt || c.value === 0)
+      if (!x.gantt || r.value === 0)
         return n.columns;
       const p = [];
-      for (let v = 0; v < c.value; v++) {
+      for (let v = 0; v < r.value; v++) {
         const h = { ...n.columns[v] };
         h.originalIndex = v, p.push(h);
       }
       return p.push({
-        ...n.columns[c.value],
+        ...n.columns[r.value],
         isGantt: !0,
-        colspan: x.gantt?.colspan || n.columns.length - c.value,
-        originalIndex: c.value,
+        colspan: x.gantt?.colspan || n.columns.length - r.value,
+        originalIndex: r.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 = (x) => {
-      o("connection:event", { type: "create", connection: x });
-    }, $ = (x) => {
-      o("connection:event", { type: "delete", connection: x });
+    }, w = (x) => {
+      l("connection:event", { type: "create", connection: x });
+    }, E = (x) => {
+      l("connection:event", { type: "delete", connection: x });
     }, V = (x, p) => {
       switch (x) {
         case "add": {
           const v = n.addRow({}, p + 1), h = n.rows[v];
-          i.value = [...n.rows], o("row:add", { rowIndex: v, row: h });
+          i.value = [...n.rows], l("row:add", { rowIndex: v, row: h });
           break;
         }
         case "delete": {
           const v = n.deleteRow(p);
-          v && (i.value = [...n.rows], o("row:delete", { rowIndex: p, row: v }));
+          v && (i.value = [...n.rows], l("row:delete", { rowIndex: p, row: v }));
           break;
         }
         case "duplicate": {
           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 });
+            i.value = [...n.rows], l("row:duplicate", { sourceIndex: p, newIndex: v, row: h });
           }
           break;
         }
         case "insertAbove": {
           const v = n.insertRowAbove(p), h = n.rows[v];
-          i.value = [...n.rows], o("row:insert-above", { targetIndex: p, newIndex: v, row: h });
+          i.value = [...n.rows], l("row:insert-above", { targetIndex: p, newIndex: v, row: h });
           break;
         }
         case "insertBelow": {
           const v = n.insertRowBelow(p), h = n.rows[v];
-          i.value = [...n.rows], o("row:insert-below", { targetIndex: p, newIndex: v, row: h });
+          i.value = [...n.rows], l("row:insert-below", { targetIndex: p, newIndex: v, row: h });
           break;
         }
         case "move": {
-          o("row:move", { fromIndex: p, toIndex: -1 });
+          l("row:move", { fromIndex: p, toIndex: -1 });
           break;
         }
       }
@@ -2360,47 +2358,47 @@ const go = { class: "gantt-connection-overlay" }, mo = {
             (y(!0), C(he, null, ye(Z(n).filteredRows, (v, h) => (y(), ve(Lt, {
               key: `${v.originalIndex}-${h}`,
               row: v,
-              rowIndex: v.originalIndex,
+              "row-index": v.originalIndex,
               store: Z(n),
               "onRow:action": V
             }, {
               default: xt(() => [
-                (y(!0), C(he, null, ye(f(v), (m, I) => (y(), C(he, {
-                  key: m.name
+                (y(!0), C(he, null, ye(f(v), (g, $) => (y(), C(he, {
+                  key: g.name
                 }, [
-                  m.isGantt ? (y(), ve(We(m.ganttComponent || "AGanttCell"), {
+                  g.isGantt ? (y(), ve(We(g.ganttComponent || "AGanttCell"), {
                     key: 0,
                     store: Z(n),
-                    "columns-count": Z(n).columns.length - c.value,
+                    "columns-count": Z(n).columns.length - r.value,
                     color: v.gantt?.color,
                     start: v.gantt?.startIndex,
                     end: v.gantt?.endIndex,
-                    colspan: m.colspan,
-                    pinned: m.pinned,
-                    rowIndex: v.originalIndex,
-                    colIndex: m.originalIndex ?? I,
+                    colspan: g.colspan,
+                    pinned: g.pinned,
+                    "row-index": v.originalIndex,
+                    "col-index": g.originalIndex ?? $,
                     style: me({
-                      textAlign: m?.align || "center",
-                      minWidth: m?.width || "40ch",
+                      textAlign: g?.align || "center",
+                      minWidth: g?.width || "40ch",
                       width: Z(n).config.fullWidth ? "auto" : null
                     }),
-                    "onConnection:create": g
-                  }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "rowIndex", "colIndex", "style"])) : (y(), ve(We(m.cellComponent || "ACell"), {
+                    "onConnection:create": w
+                  }, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "row-index", "col-index", "style"])) : (y(), ve(We(g.cellComponent || "ACell"), {
                     key: 1,
                     store: Z(n),
-                    pinned: m.pinned,
-                    rowIndex: v.originalIndex,
-                    colIndex: I,
+                    pinned: g.pinned,
+                    "row-index": v.originalIndex,
+                    "col-index": $,
                     style: me({
-                      textAlign: m?.align || "center",
+                      textAlign: g?.align || "center",
                       width: Z(n).config.fullWidth ? "auto" : null
                     }),
                     spellcheck: "false"
-                  }, null, 8, ["store", "pinned", "rowIndex", "colIndex", "style"]))
+                  }, null, 8, ["store", "pinned", "row-index", "col-index", "style"]))
                 ], 64))), 128))
               ]),
               _: 2
-            }, 1032, ["row", "rowIndex", "store"]))), 128))
+            }, 1032, ["row", "row-index", "store"]))), 128))
           ], !0)
         ]),
         fe(x.$slots, "footer", { data: Z(n) }, void 0, !0),
@@ -2425,11 +2423,11 @@ const go = { class: "gantt-connection-overlay" }, mo = {
       Z(n).isGanttView && Z(n).isDependencyGraphEnabled ? (y(), ve(bo, {
         key: 0,
         store: Z(n),
-        "onConnection:delete": $
+        "onConnection:delete": E
       }, null, 8, ["store"])) : K("", !0)
     ]));
   }
-}), Zo = /* @__PURE__ */ Ie(Po, [["__scopeId", "data-v-56d7171c"]]), No = {}, Wo = { class: "aloading" }, Fo = { class: "aloading-header" };
+}), Zo = /* @__PURE__ */ $e(Po, [["__scopeId", "data-v-7b50ad21"]]), No = {}, Wo = { class: "aloading" }, Fo = { class: "aloading-header" };
 function zo(e, t) {
   return y(), C("div", Wo, [
     W("h2", Fo, [
@@ -2438,7 +2436,7 @@ function zo(e, t) {
     t[0] || (t[0] = W("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const Xo = /* @__PURE__ */ Ie(No, [["render", zo], ["__scopeId", "data-v-a930a25b"]]), Go = {}, Yo = { class: "aloading" }, Uo = { class: "aloading-header" };
+const Xo = /* @__PURE__ */ $e(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, [
@@ -2447,7 +2445,7 @@ function jo(e, t) {
     t[0] || (t[0] = W("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const qo = /* @__PURE__ */ Ie(Go, [["render", jo], ["__scopeId", "data-v-e1165876"]]);
+const qo = /* @__PURE__ */ $e(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);
 }