@stonecrop/atable 0.4.13 → 0.4.15

package/dist/atable.js

@@ -1,4 +1,4 @@
-import { onMounted as ne, ref as R, watch as V, onBeforeUnmount as lt, computed as I, shallowRef as H, toValue as C, watchEffect as at, getCurrentScope as Fe, onScopeDispose as je, unref as x, getCurrentInstance as Ie, nextTick as Ue, isRef as st, toRefs as rt, customRef as Ye, toRef as it, readonly as ut, defineComponent as Q, useTemplateRef as G, createElementBlock as T, openBlock as k, normalizeClass as U, normalizeStyle as q, createBlock as se, resolveDynamicComponent as ve, mergeProps as ke, toDisplayString as K, Fragment as ie, createElementVNode as O, createCommentVNode as _, renderSlot as W, useCssVars as ct, withDirectives as xe, vShow as qe, renderList as Ce, createTextVNode as dt, withModifiers as Oe, createVNode as Le, withCtx as De } from "vue";
+import { onMounted as ne, ref as P, watch as X, onBeforeUnmount as lt, computed as k, shallowRef as H, toValue as E, watchEffect as at, getCurrentScope as Fe, onScopeDispose as je, unref as b, getCurrentInstance as Ie, nextTick as Ue, isRef as st, toRefs as rt, customRef as Ye, toRef as it, readonly as ut, defineComponent as J, useTemplateRef as N, createElementBlock as R, openBlock as S, normalizeClass as j, normalizeStyle as Y, createBlock as se, resolveDynamicComponent as ve, mergeProps as ke, toDisplayString as K, Fragment as ie, createElementVNode as L, createCommentVNode as _, renderSlot as W, useCssVars as ct, withDirectives as xe, vShow as qe, renderList as Ce, createTextVNode as dt, withModifiers as Oe, createVNode as Le, withCtx as De } from "vue";
 import { defineStore as ft } from "pinia";
 import './assets/index.css';function Me(e) {
   return Fe() ? (je(e), !0) : !1;
@@ -11,7 +11,7 @@ function me(e) {
   return Array.isArray(e) ? e : [e];
 }
 function wt(e, t, n) {
-  return V(
+  return X(
     e,
     t,
     {
@@ -23,41 +23,41 @@ function wt(e, t, n) {
 const oe = vt ? window : void 0;
 function ee(e) {
   var t;
-  const n = C(e);
+  const n = E(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 function ce(...e) {
   const t = [], n = () => {
     t.forEach((a) => a()), t.length = 0;
-  }, o = (a, i, r, s) => (a.addEventListener(i, r, s), () => a.removeEventListener(i, r, s)), u = I(() => {
-    const a = me(C(e[0])).filter((i) => i != null);
+  }, o = (a, i, r, s) => (a.addEventListener(i, r, s), () => a.removeEventListener(i, r, s)), u = k(() => {
+    const a = me(E(e[0])).filter((i) => i != null);
     return a.every((i) => typeof i != "string") ? a : void 0;
-  }), d = wt(
+  }), c = wt(
     () => {
       var a, i;
       return [
         (i = (a = u.value) == null ? void 0 : a.map((r) => ee(r))) != null ? i : [oe].filter((r) => r != null),
-        me(C(u.value ? e[1] : e[0])),
-        me(x(u.value ? e[2] : e[1])),
+        me(E(u.value ? e[1] : e[0])),
+        me(b(u.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        C(u.value ? e[3] : e[2])
+        E(u.value ? e[3] : e[2])
       ];
     },
     ([a, i, r, s]) => {
       if (n(), !(a != null && a.length) || !(i != null && i.length) || !(r != null && r.length))
         return;
-      const v = ht(s) ? { ...s } : s;
+      const g = ht(s) ? { ...s } : s;
       t.push(
         ...a.flatMap(
           (m) => i.flatMap(
-            (w) => r.map((g) => o(m, w, g, v))
+            (w) => r.map((v) => o(m, w, v, g))
           )
         )
       );
     },
     { flush: "post" }
   ), l = () => {
-    d(), n();
+    c(), n();
   };
   return Me(n), l;
 }
@@ -69,28 +69,28 @@ function yt() {
 }
 function bt(e) {
   const t = yt();
-  return I(() => (t.value, !!e()));
+  return k(() => (t.value, !!e()));
 }
 function xt(e, t, n = {}) {
   const { window: o = oe, ...u } = n;
-  let d;
+  let c;
   const l = bt(() => o && "MutationObserver" in o), a = () => {
-    d && (d.disconnect(), d = void 0);
-  }, i = I(() => {
-    const m = C(e), w = me(m).map(ee).filter(mt);
+    c && (c.disconnect(), c = void 0);
+  }, i = k(() => {
+    const m = E(e), w = me(m).map(ee).filter(mt);
     return new Set(w);
-  }), r = V(
+  }), r = X(
     () => i.value,
     (m) => {
-      a(), l.value && m.size && (d = new MutationObserver(t), m.forEach((w) => d.observe(w, u)));
+      a(), l.value && m.size && (c = new MutationObserver(t), m.forEach((w) => c.observe(w, u)));
     },
     { immediate: !0, flush: "post" }
-  ), s = () => d == null ? void 0 : d.takeRecords(), v = () => {
+  ), s = () => c == null ? void 0 : c.takeRecords(), g = () => {
     r(), a();
   };
-  return Me(v), {
+  return Me(g), {
     isSupported: l,
-    stop: v,
+    stop: g,
     takeRecords: s
   };
 }
@@ -98,7 +98,7 @@ function Ct(e, t, n = {}) {
   const {
     window: o = oe,
     document: u = o == null ? void 0 : o.document,
-    flush: d = "sync"
+    flush: c = "sync"
   } = n;
   if (!o || !u)
     return pt;
@@ -108,7 +108,7 @@ function Ct(e, t, n = {}) {
   }, i = at(() => {
     const s = ee(e);
     if (s) {
-      const { stop: v } = xt(
+      const { stop: g } = xt(
         u,
         (m) => {
           m.map((w) => [...w.removedNodes]).flat().some((w) => w === s || w.contains(s)) && t(m);
@@ -119,9 +119,9 @@ function Ct(e, t, n = {}) {
           subtree: !0
         }
       );
-      a(v);
+      a(g);
     }
-  }, { flush: d }), r = () => {
+  }, { flush: c }), r = () => {
     i(), a();
   };
   return Me(r), r;
@@ -132,14 +132,14 @@ function Et(e = {}) {
     window: n = oe,
     deep: o = !0,
     triggerOnRemoval: u = !1
-  } = e, d = (t = e.document) != null ? t : n == null ? void 0 : n.document, l = () => {
+  } = e, c = (t = e.document) != null ? t : n == null ? void 0 : n.document, l = () => {
     var r;
-    let s = d == null ? void 0 : d.activeElement;
+    let s = c == null ? void 0 : c.activeElement;
     if (o)
       for (; s != null && s.shadowRoot; )
         s = (r = s == null ? void 0 : s.shadowRoot) == null ? void 0 : r.activeElement;
     return s;
-  }, a = R(), i = () => {
+  }, a = P(), i = () => {
     a.value = l();
   };
   if (n) {
@@ -161,31 +161,31 @@ function Et(e = {}) {
       r
     );
   }
-  return u && Ct(a, i, { document: d }), i(), a;
+  return u && Ct(a, i, { document: c }), i(), a;
 }
 const It = "focusin", kt = "focusout", Mt = ":focus-within";
-function $t(e, t = {}) {
-  const { window: n = oe } = t, o = I(() => ee(e)), u = H(!1), d = I(() => u.value), l = Et(t);
+function St(e, t = {}) {
+  const { window: n = oe } = t, o = k(() => ee(e)), u = H(!1), c = k(() => u.value), l = Et(t);
   if (!n || !l.value)
-    return { focused: d };
+    return { focused: c };
   const a = { passive: !0 };
   return ce(o, It, () => u.value = !0, a), ce(o, kt, () => {
     var i, r, s;
     return u.value = (s = (r = (i = o.value) == null ? void 0 : i.matches) == null ? void 0 : r.call(i, Mt)) != null ? s : !1;
-  }, a), { focused: d };
+  }, a), { focused: c };
 }
-function At(e, { window: t = oe, scrollTarget: n } = {}) {
-  const o = R(!1), u = () => {
+function $t(e, { window: t = oe, scrollTarget: n } = {}) {
+  const o = P(!1), u = () => {
     if (!t) return;
-    const d = t.document, l = ee(e);
+    const c = t.document, l = ee(e);
     if (!l)
       o.value = !1;
     else {
       const a = l.getBoundingClientRect();
-      o.value = a.top <= (t.innerHeight || d.documentElement.clientHeight) && a.left <= (t.innerWidth || d.documentElement.clientWidth) && a.bottom >= 0 && a.right >= 0;
+      o.value = a.top <= (t.innerHeight || c.documentElement.clientHeight) && a.left <= (t.innerWidth || c.documentElement.clientWidth) && a.bottom >= 0 && a.right >= 0;
     }
   };
-  return V(
+  return X(
     () => ee(e),
     () => u(),
     { immediate: !0, flush: "post" }
@@ -194,13 +194,13 @@ function At(e, { window: t = oe, scrollTarget: n } = {}) {
     passive: !0
   }), o;
 }
-const z = (e) => {
-  let t = At(e).value;
+const G = (e) => {
+  let t = $t(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, F = (e) => e.tabIndex >= 0, He = (e) => {
+}, z = (e) => e.tabIndex >= 0, He = (e) => {
   const t = e.target;
-  return $e(t);
-}, $e = (e) => {
+  return Se(t);
+}, Se = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
@@ -213,29 +213,29 @@ const z = (e) => {
     const o = e.previousElementSibling;
     o && (n = o);
   }
-  return n && (!F(n) || !z(n)) ? $e(n) : n;
-}, St = (e) => {
+  return n && (!z(n) || !G(n)) ? Se(n) : n;
+}, At = (e) => {
   var t;
   const n = e.target;
   let o;
   if (n instanceof HTMLTableCellElement) {
     const u = (t = n.parentElement) == null ? void 0 : t.parentElement;
     if (u) {
-      const d = u.firstElementChild, l = d == null ? void 0 : d.children[n.cellIndex];
+      const c = u.firstElementChild, l = c == null ? void 0 : c.children[n.cellIndex];
       l && (o = l);
     }
   } else if (n instanceof HTMLTableRowElement) {
     const u = n.parentElement;
     if (u) {
-      const d = u.firstElementChild;
-      d && (o = d);
+      const c = u.firstElementChild;
+      c && (o = c);
     }
   }
-  return o && (!F(o) || !z(o)) ? Ae(o) : o;
+  return o && (!z(o) || !G(o)) ? $e(o) : o;
 }, We = (e) => {
   const t = e.target;
-  return Ae(t);
-}, Ae = (e) => {
+  return $e(t);
+}, $e = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
@@ -248,7 +248,7 @@ const z = (e) => {
     const o = e.nextElementSibling;
     o && (n = o);
   }
-  return n && (!F(n) || !z(n)) ? Ae(n) : n;
+  return n && (!z(n) || !G(n)) ? $e(n) : n;
 }, Tt = (e) => {
   var t;
   const n = e.target;
@@ -256,21 +256,21 @@ const z = (e) => {
   if (n instanceof HTMLTableCellElement) {
     const u = (t = n.parentElement) == null ? void 0 : t.parentElement;
     if (u) {
-      const d = u.lastElementChild, l = d == null ? void 0 : d.children[n.cellIndex];
+      const c = u.lastElementChild, l = c == null ? void 0 : c.children[n.cellIndex];
       l && (o = l);
     }
   } else if (n instanceof HTMLTableRowElement) {
     const u = n.parentElement;
     if (u) {
-      const d = u.lastElementChild;
-      d && (o = d);
+      const c = u.lastElementChild;
+      c && (o = c);
     }
   }
-  return o && (!F(o) || !z(o)) ? $e(o) : o;
+  return o && (!z(o) || !G(o)) ? Se(o) : o;
 }, Be = (e) => {
   const t = e.target;
-  return Se(t);
-}, Se = (e) => {
+  return Ae(t);
+}, Ae = (e) => {
   var t;
   let n;
   if (e.previousElementSibling)
@@ -279,7 +279,7 @@ const z = (e) => {
     const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
     n = o == null ? void 0 : o.lastElementChild;
   }
-  return n && (!F(n) || !z(n)) ? Se(n) : n;
+  return n && (!z(n) || !G(n)) ? Ae(n) : n;
 }, Xe = (e) => {
   const t = e.target;
   return Te(t);
@@ -292,13 +292,13 @@ const z = (e) => {
     const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
     n = o == null ? void 0 : o.firstElementChild;
   }
-  return n && (!F(n) || !z(n)) ? Te(n) : n;
+  return n && (!z(n) || !G(n)) ? Te(n) : n;
 }, Ve = (e) => {
   const t = e.target.parentElement, n = t == null ? void 0 : t.firstElementChild;
-  return n && (!F(n) || !z(n)) ? Te(n) : n;
+  return n && (!z(n) || !G(n)) ? Te(n) : n;
 }, Ne = (e) => {
   const t = e.target.parentElement, n = t == null ? void 0 : t.lastElementChild;
-  return n && (!F(n) || !z(n)) ? Se(n) : n;
+  return n && (!z(n) || !G(n)) ? Ae(n) : n;
 }, fe = ["alt", "control", "shift", "meta"], Rt = {
   ArrowUp: "up",
   ArrowDown: "down",
@@ -322,7 +322,7 @@ const z = (e) => {
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = St(e);
+    const t = At(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
@@ -393,43 +393,43 @@ function Pe(e) {
   }, o = (l) => {
     const a = t(l);
     let i = [];
-    return l.selectors ? i = n(l) : a && (i = Array.from(a.children).filter((r) => F(r) && z(r))), i;
+    return l.selectors ? i = n(l) : a && (i = Array.from(a.children).filter((r) => z(r) && G(r))), i;
   }, u = (l) => (a) => {
     const i = Rt[a.key] || a.key.toLowerCase();
     if (fe.includes(i)) return;
     const r = l.handlers || Re;
     for (const s of Object.keys(r)) {
-      const [v, ...m] = s.split(".");
-      if (v === "keydown" && m.includes(i)) {
-        const w = r[s], g = m.filter((f) => fe.includes(f)), y = fe.some((f) => {
-          const c = f.charAt(0).toUpperCase() + f.slice(1);
-          return a.getModifierState(c);
+      const [g, ...m] = s.split(".");
+      if (g === "keydown" && m.includes(i)) {
+        const w = r[s], v = m.filter((f) => fe.includes(f)), x = fe.some((f) => {
+          const d = f.charAt(0).toUpperCase() + f.slice(1);
+          return a.getModifierState(d);
         });
-        if (g.length > 0) {
-          if (y) {
+        if (v.length > 0) {
+          if (x) {
             for (const f of fe)
               if (m.includes(f)) {
-                const c = f.charAt(0).toUpperCase() + f.slice(1);
-                a.getModifierState(c) && w(a);
+                const d = f.charAt(0).toUpperCase() + f.slice(1);
+                a.getModifierState(d) && w(a);
               }
           }
         } else
-          y || w(a);
+          x || w(a);
       }
     }
-  }, d = [];
+  }, c = [];
   ne(() => {
     for (const l of e) {
       const a = t(l), i = o(l), r = u(l), s = a ? [a] : i;
-      for (const v of s) {
-        const { focused: m } = $t(R(v)), w = V(m, (g) => {
-          g ? v.addEventListener("keydown", r) : v.removeEventListener("keydown", r);
+      for (const g of s) {
+        const { focused: m } = St(P(g)), w = X(m, (v) => {
+          v ? g.addEventListener("keydown", r) : g.removeEventListener("keydown", r);
         });
-        d.push(w);
+        c.push(w);
       }
     }
   }), lt(() => {
-    for (const l of d)
+    for (const l of c)
       l();
   });
 }
@@ -438,7 +438,7 @@ function de(e) {
 }
 const he = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Pt = (e) => e != null, Ot = Object.prototype.toString, Je = (e) => Ot.call(e) === "[object Object]", Y = () => {
+const Pt = (e) => e != null, Ot = Object.prototype.toString, Je = (e) => Ot.call(e) === "[object Object]", U = () => {
 }, Ee = /* @__PURE__ */ Lt();
 function Lt() {
   var e, t;
@@ -447,14 +447,14 @@ function Lt() {
 function Dt(e) {
   return Ie();
 }
-function J(e) {
+function q(e) {
   return Array.isArray(e) ? e : [e];
 }
 function Ht(...e) {
   if (e.length !== 1)
     return it(...e);
   const t = e[0];
-  return typeof t == "function" ? ut(Ye(() => ({ get: t, set: Y }))) : R(t);
+  return typeof t == "function" ? ut(Ye(() => ({ get: t, set: U }))) : P(t);
 }
 function Wt(e, t = {}) {
   if (!st(e))
@@ -466,8 +466,8 @@ function Wt(e, t = {}) {
         return e.value[o];
       },
       set(u) {
-        var d;
-        if ((d = C(t.replaceRef)) != null ? d : !0)
+        var c;
+        if ((c = E(t.replaceRef)) != null ? c : !0)
           if (Array.isArray(e.value)) {
             const a = [...e.value];
             a[o] = u, e.value = a;
@@ -485,7 +485,7 @@ function Bt(e, t = !0, n) {
   Dt() ? ne(e, n) : t ? e() : Ue(e);
 }
 function Qe(e, t, n) {
-  return V(
+  return X(
     e,
     t,
     {
@@ -497,41 +497,41 @@ function Qe(e, t, n) {
 const pe = he ? window : void 0;
 function te(e) {
   var t;
-  const n = C(e);
+  const n = E(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 function ue(...e) {
   const t = [], n = () => {
     t.forEach((a) => a()), t.length = 0;
-  }, o = (a, i, r, s) => (a.addEventListener(i, r, s), () => a.removeEventListener(i, r, s)), u = I(() => {
-    const a = J(C(e[0])).filter((i) => i != null);
+  }, o = (a, i, r, s) => (a.addEventListener(i, r, s), () => a.removeEventListener(i, r, s)), u = k(() => {
+    const a = q(E(e[0])).filter((i) => i != null);
     return a.every((i) => typeof i != "string") ? a : void 0;
-  }), d = Qe(
+  }), c = Qe(
     () => {
       var a, i;
       return [
         (i = (a = u.value) == null ? void 0 : a.map((r) => te(r))) != null ? i : [pe].filter((r) => r != null),
-        J(C(u.value ? e[1] : e[0])),
-        J(x(u.value ? e[2] : e[1])),
+        q(E(u.value ? e[1] : e[0])),
+        q(b(u.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        C(u.value ? e[3] : e[2])
+        E(u.value ? e[3] : e[2])
       ];
     },
     ([a, i, r, s]) => {
       if (n(), !(a != null && a.length) || !(i != null && i.length) || !(r != null && r.length))
         return;
-      const v = Je(s) ? { ...s } : s;
+      const g = Je(s) ? { ...s } : s;
       t.push(
         ...a.flatMap(
           (m) => i.flatMap(
-            (w) => r.map((g) => o(m, w, g, v))
+            (w) => r.map((v) => o(m, w, v, g))
           )
         )
       );
     },
     { flush: "post" }
   ), l = () => {
-    d(), n();
+    c(), n();
   };
   return de(n), l;
 }
@@ -543,28 +543,28 @@ function Xt() {
 }
 function Ze(e) {
   const t = Xt();
-  return I(() => (t.value, !!e()));
+  return k(() => (t.value, !!e()));
 }
 function Ke(e, t, n = {}) {
   const { window: o = pe, ...u } = n;
-  let d;
+  let c;
   const l = Ze(() => o && "MutationObserver" in o), a = () => {
-    d && (d.disconnect(), d = void 0);
-  }, i = I(() => {
-    const m = C(e), w = J(m).map(te).filter(Pt);
+    c && (c.disconnect(), c = void 0);
+  }, i = k(() => {
+    const m = E(e), w = q(m).map(te).filter(Pt);
     return new Set(w);
-  }), r = V(
+  }), r = X(
     () => i.value,
     (m) => {
-      a(), l.value && m.size && (d = new MutationObserver(t), m.forEach((w) => d.observe(w, u)));
+      a(), l.value && m.size && (c = new MutationObserver(t), m.forEach((w) => c.observe(w, u)));
     },
     { immediate: !0, flush: "post" }
-  ), s = () => d == null ? void 0 : d.takeRecords(), v = () => {
+  ), s = () => c == null ? void 0 : c.takeRecords(), g = () => {
     r(), a();
   };
-  return de(v), {
+  return de(g), {
     isSupported: l,
-    stop: v,
+    stop: g,
     takeRecords: s
   };
 }
@@ -573,76 +573,76 @@ function we(e, t = {}) {
   const {
     pointerTypes: o,
     preventDefault: u,
-    stopPropagation: d,
+    stopPropagation: c,
     exact: l,
     onMove: a,
     onEnd: i,
     onStart: r,
     initialValue: s,
-    axis: v = "both",
+    axis: g = "both",
     draggingElement: m = pe,
     containerElement: w,
-    handle: g = e,
-    buttons: y = [0]
-  } = t, f = R(
-    (n = C(s)) != null ? n : { x: 0, y: 0 }
-  ), c = R(), h = (E) => o ? o.includes(E.pointerType) : !0, A = (E) => {
-    C(u) && E.preventDefault(), C(d) && E.stopPropagation();
-  }, M = (E) => {
-    var D;
-    if (!C(y).includes(E.button) || C(t.disabled) || !h(E) || C(l) && E.target !== C(e))
+    handle: v = e,
+    buttons: x = [0]
+  } = t, f = P(
+    (n = E(s)) != null ? n : { x: 0, y: 0 }
+  ), d = P(), p = (C) => o ? o.includes(C.pointerType) : !0, M = (C) => {
+    E(u) && C.preventDefault(), E(c) && C.stopPropagation();
+  }, $ = (C) => {
+    var A;
+    if (!E(x).includes(C.button) || E(t.disabled) || !p(C) || E(l) && C.target !== E(e))
       return;
-    const X = C(w), j = (D = X == null ? void 0 : X.getBoundingClientRect) == null ? void 0 : D.call(X), N = C(e).getBoundingClientRect(), p = {
-      x: E.clientX - (X ? N.left - j.left + X.scrollLeft : N.left),
-      y: E.clientY - (X ? N.top - j.top + X.scrollTop : N.top)
+    const B = E(w), F = (A = B == null ? void 0 : B.getBoundingClientRect) == null ? void 0 : A.call(B), V = E(e).getBoundingClientRect(), h = {
+      x: C.clientX - (B ? V.left - F.left + B.scrollLeft : V.left),
+      y: C.clientY - (B ? V.top - F.top + B.scrollTop : V.top)
     };
-    (r == null ? void 0 : r(p, E)) !== !1 && (c.value = p, A(E));
-  }, $ = (E) => {
-    if (C(t.disabled) || !h(E) || !c.value)
+    (r == null ? void 0 : r(h, C)) !== !1 && (d.value = h, M(C));
+  }, I = (C) => {
+    if (E(t.disabled) || !p(C) || !d.value)
       return;
-    const D = C(w), X = C(e).getBoundingClientRect();
-    let { x: j, y: N } = f.value;
-    (v === "x" || v === "both") && (j = E.clientX - c.value.x, D && (j = Math.min(Math.max(0, j), D.scrollWidth - X.width))), (v === "y" || v === "both") && (N = E.clientY - c.value.y, D && (N = Math.min(Math.max(0, N), D.scrollHeight - X.height))), f.value = {
-      x: j,
-      y: N
-    }, a == null || a(f.value, E), A(E);
-  }, B = (E) => {
-    C(t.disabled) || !h(E) || c.value && (c.value = void 0, i == null || i(f.value, E), A(E));
+    const A = E(w), B = E(e).getBoundingClientRect();
+    let { x: F, y: V } = f.value;
+    (g === "x" || g === "both") && (F = C.clientX - d.value.x, A && (F = Math.min(Math.max(0, F), A.scrollWidth - B.width))), (g === "y" || g === "both") && (V = C.clientY - d.value.y, A && (V = Math.min(Math.max(0, V), A.scrollHeight - B.height))), f.value = {
+      x: F,
+      y: V
+    }, a == null || a(f.value, C), M(C);
+  }, Q = (C) => {
+    E(t.disabled) || !p(C) || d.value && (d.value = void 0, i == null || i(f.value, C), M(C));
   };
   if (he) {
-    const E = () => {
-      var D;
+    const C = () => {
+      var A;
       return {
-        capture: (D = t.capture) != null ? D : !0,
-        passive: !C(u)
+        capture: (A = t.capture) != null ? A : !0,
+        passive: !E(u)
       };
     };
-    ue(g, "pointerdown", M, E), ue(m, "pointermove", $, E), ue(m, "pointerup", B, E);
+    ue(v, "pointerdown", $, C), ue(m, "pointermove", I, C), ue(m, "pointerup", Q, C);
   }
   return {
     ...Wt(f),
     position: f,
-    isDragging: I(() => !!c.value),
-    style: I(
+    isDragging: k(() => !!d.value),
+    style: k(
       () => `left:${f.value.x}px;top:${f.value.y}px;`
     )
   };
 }
 function Vt(e, t, n = {}) {
   const { window: o = pe, ...u } = n;
-  let d;
+  let c;
   const l = Ze(() => o && "ResizeObserver" in o), a = () => {
-    d && (d.disconnect(), d = void 0);
-  }, i = I(() => {
-    const v = C(e);
-    return Array.isArray(v) ? v.map((m) => te(m)) : [te(v)];
-  }), r = V(
+    c && (c.disconnect(), c = void 0);
+  }, i = k(() => {
+    const g = E(e);
+    return Array.isArray(g) ? g.map((m) => te(m)) : [te(g)];
+  }), r = X(
     i,
-    (v) => {
+    (g) => {
       if (a(), l.value && o) {
-        d = new ResizeObserver(t);
-        for (const m of v)
-          m && d.observe(m, u);
+        c = new ResizeObserver(t);
+        for (const m of g)
+          m && c.observe(m, u);
       }
     },
     { immediate: !0, flush: "post" }
@@ -659,41 +659,41 @@ function ge(e, t = {}) {
     reset: n = !0,
     windowResize: o = !0,
     windowScroll: u = !0,
-    immediate: d = !0,
+    immediate: c = !0,
     updateTiming: l = "sync"
-  } = t, a = H(0), i = H(0), r = H(0), s = H(0), v = H(0), m = H(0), w = H(0), g = H(0);
-  function y() {
-    const c = te(e);
-    if (!c) {
-      n && (a.value = 0, i.value = 0, r.value = 0, s.value = 0, v.value = 0, m.value = 0, w.value = 0, g.value = 0);
+  } = t, a = H(0), i = H(0), r = H(0), s = H(0), g = H(0), m = H(0), w = H(0), v = H(0);
+  function x() {
+    const d = te(e);
+    if (!d) {
+      n && (a.value = 0, i.value = 0, r.value = 0, s.value = 0, g.value = 0, m.value = 0, w.value = 0, v.value = 0);
       return;
     }
-    const h = c.getBoundingClientRect();
-    a.value = h.height, i.value = h.bottom, r.value = h.left, s.value = h.right, v.value = h.top, m.value = h.width, w.value = h.x, g.value = h.y;
+    const p = d.getBoundingClientRect();
+    a.value = p.height, i.value = p.bottom, r.value = p.left, s.value = p.right, g.value = p.top, m.value = p.width, w.value = p.x, v.value = p.y;
   }
   function f() {
-    l === "sync" ? y() : l === "next-frame" && requestAnimationFrame(() => y());
+    l === "sync" ? x() : l === "next-frame" && requestAnimationFrame(() => x());
   }
-  return Vt(e, f), V(() => te(e), (c) => !c && f()), Ke(e, f, {
+  return Vt(e, f), X(() => te(e), (d) => !d && f()), Ke(e, f, {
     attributeFilter: ["style", "class"]
   }), u && ue("scroll", f, { capture: !0, passive: !0 }), o && ue("resize", f, { passive: !0 }), Bt(() => {
-    d && f();
+    c && f();
   }), {
     height: a,
     bottom: i,
     left: r,
     right: s,
-    top: v,
+    top: g,
     width: m,
     x: w,
-    y: g,
+    y: v,
     update: f
   };
 }
 const Nt = (e) => {
   const t = new DOMParser().parseFromString(e, "text/html");
   return Array.from(t.body.childNodes).some((n) => n.nodeType === 1);
-}, Gt = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), zt = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Ft = ["innerHTML"], jt = { key: 2 }, Ut = /* @__PURE__ */ Q({
+}, Gt = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), zt = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Ft = ["innerHTML"], jt = { key: 2 }, Ut = /* @__PURE__ */ J({
   __name: "ACell",
   props: {
     colIndex: {},
@@ -704,75 +704,75 @@ const Nt = (e) => {
     pinned: { type: Boolean, default: !1 }
   },
   setup(e, { expose: t }) {
-    const n = G("cell"), o = e.store.getCellData(e.colIndex, e.rowIndex), u = R(""), d = R(!1), l = e.store.columns[e.colIndex], a = e.store.rows[e.rowIndex], i = l.align || "center", r = l.width || "40ch", s = I(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), v = I(() => typeof s.value == "string" ? Nt(s.value) : !1), m = I(() => {
-      var c;
+    const n = N("cell"), o = e.store.getCellData(e.colIndex, e.rowIndex), u = P(""), c = P(!1), l = e.store.columns[e.colIndex], a = e.store.rows[e.rowIndex], i = l.align || "center", r = l.width || "40ch", s = k(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), g = k(() => typeof s.value == "string" ? Nt(s.value) : !1), m = k(() => {
+      var d;
       return {
         textAlign: i,
         width: r,
-        fontWeight: d.value ? "bold" : "inherit",
-        paddingLeft: e.store.getIndent(e.colIndex, (c = e.store.display[e.rowIndex]) == null ? void 0 : c.indent)
+        fontWeight: c.value ? "bold" : "inherit",
+        paddingLeft: e.store.getIndent(e.colIndex, (d = e.store.display[e.rowIndex]) == null ? void 0 : d.indent)
       };
-    }), w = I(() => ({
+    }), w = k(() => ({
       "sticky-column": e.pinned,
-      "cell-modified": d.value
-    })), g = () => {
-      const { left: c, bottom: h, width: A, height: M } = ge(n);
-      l.mask, l.modalComponent && e.store.$patch(($) => {
-        $.modal.visible = !0, $.modal.colIndex = e.colIndex, $.modal.rowIndex = e.rowIndex, $.modal.left = c, $.modal.bottom = h, $.modal.width = A, $.modal.height = M, $.modal.cell = n.value, typeof l.modalComponent == "function" ? $.modal.component = l.modalComponent({ table: $.table, row: a, column: l }) : $.modal.component = l.modalComponent, $.modal.componentProps = l.modalComponentExtraProps;
+      "cell-modified": c.value
+    })), v = () => {
+      const { left: d, bottom: p, width: M, height: $ } = ge(n);
+      l.mask, l.modalComponent && e.store.$patch((I) => {
+        I.modal.visible = !0, I.modal.colIndex = e.colIndex, I.modal.rowIndex = e.rowIndex, I.modal.left = d, I.modal.bottom = p, I.modal.width = M, I.modal.height = $, I.modal.cell = n.value, typeof l.modalComponent == "function" ? I.modal.component = l.modalComponent({ table: I.table, row: a, column: l }) : I.modal.component = l.modalComponent, I.modal.componentProps = l.modalComponentExtraProps;
       });
     };
     if (e.addNavigation) {
-      let c = {
+      let d = {
         ...Re,
-        "keydown.f2": g,
-        "keydown.alt.up": g,
-        "keydown.alt.down": g,
-        "keydown.alt.left": g,
-        "keydown.alt.right": g
+        "keydown.f2": v,
+        "keydown.alt.up": v,
+        "keydown.alt.down": v,
+        "keydown.alt.left": v,
+        "keydown.alt.right": v
       };
-      typeof e.addNavigation == "object" && (c = {
-        ...c,
+      typeof e.addNavigation == "object" && (d = {
+        ...d,
         ...e.addNavigation
       }), Pe([
         {
           selectors: n,
-          handlers: c
+          handlers: d
         }
       ]);
     }
-    const y = () => {
+    const x = () => {
       n.value && (u.value = n.value.textContent);
-    }, f = (c) => {
-      const h = c.target;
-      h.textContent !== u.value && (u.value = h.textContent, l.format ? (d.value = h.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, o), e.store.setCellText(e.colIndex, e.rowIndex, h.textContent)) : (d.value = h.textContent !== o, e.store.setCellData(e.colIndex, e.rowIndex, h.textContent)));
+    }, f = (d) => {
+      const p = d.target;
+      p.textContent !== u.value && (u.value = p.textContent, l.format ? (c.value = p.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, o), e.store.setCellText(e.colIndex, e.rowIndex, p.textContent)) : (c.value = p.textContent !== o, e.store.setCellData(e.colIndex, e.rowIndex, p.textContent)));
     };
     return t({
       currentData: u
-    }), (c, h) => (k(), T("td", {
+    }), (d, p) => (S(), R("td", {
       ref: "cell",
-      "data-colindex": c.colIndex,
-      "data-rowindex": c.rowIndex,
-      "data-editable": x(l).edit,
-      contenteditable: x(l).edit,
-      tabindex: c.tabIndex,
+      "data-colindex": d.colIndex,
+      "data-rowindex": d.rowIndex,
+      "data-editable": b(l).edit,
+      contenteditable: b(l).edit,
+      tabindex: d.tabIndex,
       spellcheck: !1,
-      style: q(m.value),
-      onFocus: y,
+      style: Y(m.value),
+      onFocus: x,
       onPaste: f,
       onInput: f,
-      onClick: g,
-      class: U(["atable-cell", w.value])
+      onClick: v,
+      class: j(["atable-cell", w.value])
     }, [
-      x(l).cellComponent ? (k(), se(ve(x(l).cellComponent), ke({
+      b(l).cellComponent ? (S(), se(ve(b(l).cellComponent), ke({
         key: 0,
         value: s.value
-      }, x(l).cellComponentProps), null, 16, ["value"])) : v.value ? (k(), T("span", {
+      }, b(l).cellComponentProps), null, 16, ["value"])) : g.value ? (S(), R("span", {
         key: 1,
         innerHTML: s.value
-      }, null, 8, Ft)) : (k(), T("span", jt, K(s.value), 1))
+      }, null, 8, Ft)) : (S(), R("span", jt, K(s.value), 1))
     ], 46, zt));
   }
-}), Yt = ["tabindex"], qt = ["tabindex"], Jt = ["colspan"], Qt = /* @__PURE__ */ Q({
+}), Yt = ["tabindex"], qt = ["tabindex"], Jt = ["colspan"], Qt = /* @__PURE__ */ J({
   __name: "AExpansionRow",
   props: {
     rowIndex: {},
@@ -781,7 +781,7 @@ const Nt = (e) => {
     addNavigation: { type: [Boolean, Object] }
   },
   setup(e) {
-    const t = G("rowEl"), n = I(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
+    const t = N("rowEl"), n = k(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
     if (e.addNavigation) {
       const o = {
         "keydown.control.g": (u) => {
@@ -795,26 +795,26 @@ const Nt = (e) => {
         }
       ]);
     }
-    return (o, u) => (k(), T(ie, null, [
-      O("tr", ke(o.$attrs, {
+    return (o, u) => (S(), R(ie, null, [
+      L("tr", ke(o.$attrs, {
         ref: "rowEl",
         tabindex: o.tabIndex,
         class: "expandable-row"
       }), [
-        O("td", {
+        L("td", {
           tabIndex: -1,
-          onClick: u[0] || (u[0] = (d) => o.store.toggleRowExpand(o.rowIndex)),
+          onClick: u[0] || (u[0] = (c) => o.store.toggleRowExpand(o.rowIndex)),
           class: "row-index"
         }, K(n.value), 1),
         W(o.$slots, "row", {}, void 0, !0)
       ], 16, Yt),
-      o.store.display[o.rowIndex].expanded ? (k(), T("tr", {
+      o.store.display[o.rowIndex].expanded ? (S(), R("tr", {
         key: 0,
         ref: "rowExpanded",
         tabindex: o.tabIndex,
         class: "expanded-row"
       }, [
-        O("td", {
+        L("td", {
           tabIndex: -1,
           colspan: o.store.columns.length + 1,
           class: "expanded-row-content"
@@ -835,7 +835,7 @@ const Nt = (e) => {
 }, en = {
   key: 0,
   class: "gantt-label"
-}, tn = /* @__PURE__ */ Q({
+}, tn = /* @__PURE__ */ J({
   __name: "AGanttCell",
   props: {
     store: {},
@@ -849,65 +849,87 @@ const Nt = (e) => {
     color: {}
   },
   setup(e) {
-    ct((c) => ({
-      e3124eea: t.value,
-      "58306efa": c.colspan
+    ct((d) => ({
+      "78862e08": t.value,
+      "18ad7d98": d.colspan
     }));
-    const t = R();
+    const t = P();
     ne(() => {
       !e.color || e.color == "" || e.color.length < 6 ? t.value = "#cccccc" : t.value = e.color;
     });
-    const n = G("container"), o = G("bar"), u = G("leftHandle"), d = G("rightHandle"), { width: l } = ge(n), { left: a, right: i } = ge(o), r = R(e.start || 0), s = R(e.end || r.value + e.colspan), v = R({ startX: 0, startPos: 0 }), m = I(() => e.colspan > 0 ? l.value / e.colspan : 0), w = I(() => {
-      const c = r.value / e.colspan * 100, h = s.value / e.colspan * 100;
+    const n = N("container"), o = N("bar"), u = N("leftHandle"), c = N("rightHandle"), { width: l } = ge(n), { left: a, right: i } = ge(o), r = P(e.start || 0), s = P(e.end || r.value + e.colspan), g = P({ startX: 0, startPos: 0 }), m = k(() => e.colspan > 0 ? l.value / e.colspan : 0), w = k(() => {
+      const d = r.value / e.colspan * 100, p = s.value / e.colspan * 100;
       return {
-        left: `${c}%`,
-        width: `${h - c}%`,
+        left: `${d}%`,
+        width: `${p - d}%`,
         backgroundColor: t.value
       };
-    }), { isDragging: g } = we(u, {
+    }), { isDragging: v } = we(u, {
       axis: "x",
       onStart: () => {
-        o.value && (o.value.style.transition = "none"), v.value = {
+        o.value && (o.value.style.transition = "none"), g.value = {
           startX: a.value,
           startPos: r.value
         };
       },
-      onMove: ({ x: c }) => {
-        if (g.value && o.value) {
-          const A = (c - v.value.startX) / m.value, M = Math.max(0, Math.min(s.value - 1, v.value.startPos + A));
-          o.value.style.left = `${M / e.colspan * 100}%`, o.value.style.width = `${(s.value - M) / e.colspan * 100}%`;
+      onMove: ({ x: d }) => {
+        if (v.value && o.value) {
+          const M = (d - g.value.startX) / m.value, $ = Math.max(0, Math.min(s.value - 1, g.value.startPos + M));
+          o.value.style.left = `${$ / e.colspan * 100}%`, o.value.style.width = `${(s.value - $) / e.colspan * 100}%`;
         }
       },
-      onEnd: ({ x: c }) => {
+      onEnd: ({ x: d }) => {
         if (o.value) {
-          const h = c - v.value.startX, A = Math.round(h / m.value), M = Math.max(0, Math.min(s.value - 1, v.value.startPos + A));
-          r.value = M, e.store.updateGanttBar({ rowIndex: e.rowIndex, colIndex: e.colIndex, type: "resize", edge: "start", value: M });
+          const p = d - g.value.startX, M = Math.round(p / m.value), $ = r.value, I = Math.max(0, Math.min(s.value - 1, g.value.startPos + M));
+          r.value = I, e.store.updateGanttBar({
+            rowIndex: e.rowIndex,
+            colIndex: e.colIndex,
+            type: "resize",
+            edge: "start",
+            oldStart: $,
+            newStart: I,
+            end: s.value,
+            delta: M,
+            oldColspan: s.value - $,
+            newColspan: s.value - I
+          });
         }
       }
-    }), { isDragging: y } = we(d, {
+    }), { isDragging: x } = we(c, {
       axis: "x",
       onStart: () => {
-        o.value && (o.value.style.transition = "none"), v.value = {
+        o.value && (o.value.style.transition = "none"), g.value = {
           startX: i.value,
           startPos: s.value
         };
       },
-      onMove: ({ x: c }) => {
-        if (y.value && o.value) {
-          const A = (c - v.value.startX) / m.value, M = Math.max(
+      onMove: ({ x: d }) => {
+        if (x.value && o.value) {
+          const M = (d - g.value.startX) / m.value, $ = Math.max(
             r.value + 1,
-            Math.min(e.columnsCount, v.value.startPos + A)
+            Math.min(e.columnsCount, g.value.startPos + M)
           );
-          o.value.style.width = `${(M - r.value) / e.colspan * 100}%`;
+          o.value.style.width = `${($ - r.value) / e.colspan * 100}%`;
         }
       },
-      onEnd: ({ x: c }) => {
+      onEnd: ({ x: d }) => {
         if (o.value) {
-          const h = c - v.value.startX, A = Math.round(h / m.value), M = Math.max(
+          const p = d - g.value.startX, M = Math.round(p / m.value), $ = s.value, I = Math.max(
             r.value + 1,
-            Math.min(e.columnsCount, v.value.startPos + A)
+            Math.min(e.columnsCount, g.value.startPos + M)
           );
-          s.value = M, e.store.updateGanttBar({ rowIndex: e.rowIndex, colIndex: e.colIndex, type: "resize", edge: "end", value: M });
+          s.value = I, e.store.updateGanttBar({
+            rowIndex: e.rowIndex,
+            colIndex: e.colIndex,
+            type: "resize",
+            edge: "end",
+            oldEnd: $,
+            newEnd: I,
+            start: r.value,
+            delta: M,
+            oldColspan: $ - r.value,
+            newColspan: I - r.value
+          });
         }
       }
     }), { isDragging: f } = we(o, {
@@ -915,55 +937,65 @@ const Nt = (e) => {
       // to avoid triggering when the left and right handles are being used
       axis: "x",
       onStart: () => {
-        o.value && (o.value.style.transition = "none"), v.value = {
+        o.value && (o.value.style.transition = "none"), g.value = {
           startX: a.value,
           startPos: r.value
         };
       },
-      onMove: ({ x: c }) => {
+      onMove: ({ x: d }) => {
         if (f.value && o.value) {
-          const A = (c - v.value.startX) / m.value, M = s.value - r.value, $ = Math.max(0, Math.min(v.value.startPos + A, e.columnsCount - M));
-          o.value.style.left = `${$ / e.colspan * 100}%`;
+          const M = (d - g.value.startX) / m.value, $ = s.value - r.value, I = Math.max(0, Math.min(g.value.startPos + M, e.columnsCount - $));
+          o.value.style.left = `${I / e.colspan * 100}%`;
         }
       },
-      onEnd: ({ x: c }) => {
+      onEnd: ({ x: d }) => {
         if (o.value) {
-          const h = c - v.value.startX, A = Math.round(h / m.value), M = s.value - r.value;
-          let $ = v.value.startPos + A, B = $ + M;
-          $ < 0 ? ($ = 0, B = M) : B > e.columnsCount && (B = e.columnsCount, $ = B - M), r.value = $, s.value = B, e.store.updateGanttBar({ rowIndex: e.rowIndex, colIndex: e.colIndex, type: "bar", start: $, end: B });
+          const p = d - g.value.startX, M = Math.round(p / m.value), $ = s.value - r.value, I = r.value, Q = s.value;
+          let C = g.value.startPos + M, A = C + $;
+          C < 0 ? (C = 0, A = $) : A > e.columnsCount && (A = e.columnsCount, C = A - $), r.value = C, s.value = A, e.store.updateGanttBar({
+            rowIndex: e.rowIndex,
+            colIndex: e.colIndex,
+            type: "bar",
+            oldStart: I,
+            oldEnd: Q,
+            newStart: C,
+            newEnd: A,
+            delta: M,
+            colspan: A - C
+          });
         }
       }
     });
-    return (c, h) => (k(), T("td", {
+    return (d, p) => (S(), R("td", {
       class: "aganttcell",
-      colspan: c.colspan
+      colspan: d.colspan
     }, [
-      O("div", _t, [
-        O("div", {
+      L("div", _t, [
+        L("div", {
           ref: "bar",
-          class: U(["gantt-bar", { "is-dragging": x(f) || x(g) || x(y) }]),
-          style: q(w.value)
+          class: j(["gantt-bar", { "is-dragging": b(f) || b(v) || b(x) }]),
+          style: Y(w.value)
         }, [
-          O("div", {
+          L("div", {
             ref: "leftHandle",
-            class: U(["gantt-handle left-handle", { "is-dragging": x(g) }])
-          }, h[0] || (h[0] = [
-            O("div", { class: "handle-grip" }, null, -1),
-            O("div", { class: "vertical-indicator left-indicator" }, null, -1)
+            class: j(["gantt-handle left-handle", { "is-dragging": b(v) }])
+          }, p[0] || (p[0] = [
+            L("div", { class: "handle-grip" }, null, -1),
+            L("div", { class: "vertical-indicator left-indicator" }, null, -1)
           ]), 2),
-          c.label ? (k(), T("label", en, K(c.label), 1)) : _("", !0),
-          O("div", {
+          d.label ? (S(), R("label", en, K(d.label), 1)) : _("", !0),
+          L("div", {
             ref: "rightHandle",
-            class: U(["gantt-handle right-handle", { "is-dragging": x(y) }])
-          }, h[1] || (h[1] = [
-            O("div", { class: "handle-grip" }, null, -1),
-            O("div", { class: "vertical-indicator right-indicator" }, null, -1)
+            class: j(["gantt-handle right-handle", { "is-dragging": b(x) }])
+          }, p[1] || (p[1] = [
+            L("div", { class: "handle-grip" }, null, -1),
+            L("div", { class: "vertical-indicator right-indicator" }, null, -1)
           ]), 2)
         ], 6)
       ], 512)
     ], 8, Kt));
   }
-}), nn = /* @__PURE__ */ le(tn, [["__scopeId", "data-v-133983c1"]]), on = ["tabindex"], ln = /* @__PURE__ */ Q({
+}), nn = /* @__PURE__ */ le(tn, [["__scopeId", "data-v-a929e8e3"]]), on = ["tabindex"], ln = /* @__PURE__ */ J({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -972,7 +1004,7 @@ const Nt = (e) => {
     addNavigation: { type: [Boolean, Object], default: !1 }
   },
   setup(e) {
-    const t = G("rowEl"), n = I(() => e.store.isRowVisible(e.rowIndex)), o = I(() => e.store.getRowExpandSymbol(e.rowIndex));
+    const t = N("rowEl"), n = k(() => e.store.isRowVisible(e.rowIndex)), o = k(() => e.store.getRowExpandSymbol(e.rowIndex));
     if (e.addNavigation) {
       let u = Re;
       typeof e.addNavigation == "object" && (u = {
@@ -985,21 +1017,21 @@ const Nt = (e) => {
         }
       ]);
     }
-    return (u, d) => xe((k(), T("tr", {
+    return (u, c) => xe((S(), R("tr", {
       ref: "rowEl",
       tabindex: u.tabIndex,
       class: "atable-row"
     }, [
       u.store.config.view !== "uncounted" ? W(u.$slots, "index", { key: 0 }, () => [
-        u.store.config.view === "list" ? (k(), T("td", {
+        u.store.config.view === "list" ? (S(), R("td", {
           key: 0,
           tabIndex: -1,
-          class: U(["list-index", u.store.hasPinnedColumns ? "sticky-index" : ""])
-        }, K(u.rowIndex + 1), 3)) : u.store.config.view === "tree" ? (k(), T("td", {
+          class: j(["list-index", u.store.hasPinnedColumns ? "sticky-index" : ""])
+        }, K(u.rowIndex + 1), 3)) : u.store.config.view === "tree" ? (S(), R("td", {
           key: 1,
           tabIndex: -1,
-          class: U(["tree-index", u.store.hasPinnedColumns ? "sticky-index" : ""]),
-          onClick: d[0] || (d[0] = (l) => u.store.toggleRowExpand(u.rowIndex))
+          class: j(["tree-index", u.store.hasPinnedColumns ? "sticky-index" : ""]),
+          onClick: c[0] || (c[0] = (l) => u.store.toggleRowExpand(u.rowIndex))
         }, K(o.value), 3)) : _("", !0)
       ], !0) : _("", !0),
       W(u.$slots, "default", {}, void 0, !0)
@@ -1010,74 +1042,74 @@ const Nt = (e) => {
 }), _e = /* @__PURE__ */ le(ln, [["__scopeId", "data-v-4cb4f254"]]), et = he ? window : void 0;
 function re(e) {
   var t;
-  const n = C(e);
+  const n = E(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 function Z(...e) {
   const t = [], n = () => {
     t.forEach((a) => a()), t.length = 0;
-  }, o = (a, i, r, s) => (a.addEventListener(i, r, s), () => a.removeEventListener(i, r, s)), u = I(() => {
-    const a = J(C(e[0])).filter((i) => i != null);
+  }, o = (a, i, r, s) => (a.addEventListener(i, r, s), () => a.removeEventListener(i, r, s)), u = k(() => {
+    const a = q(E(e[0])).filter((i) => i != null);
     return a.every((i) => typeof i != "string") ? a : void 0;
-  }), d = Qe(
+  }), c = Qe(
     () => {
       var a, i;
       return [
         (i = (a = u.value) == null ? void 0 : a.map((r) => re(r))) != null ? i : [et].filter((r) => r != null),
-        J(C(u.value ? e[1] : e[0])),
-        J(x(u.value ? e[2] : e[1])),
+        q(E(u.value ? e[1] : e[0])),
+        q(b(u.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        C(u.value ? e[3] : e[2])
+        E(u.value ? e[3] : e[2])
       ];
     },
     ([a, i, r, s]) => {
       if (n(), !(a != null && a.length) || !(i != null && i.length) || !(r != null && r.length))
         return;
-      const v = Je(s) ? { ...s } : s;
+      const g = Je(s) ? { ...s } : s;
       t.push(
         ...a.flatMap(
           (m) => i.flatMap(
-            (w) => r.map((g) => o(m, w, g, v))
+            (w) => r.map((v) => o(m, w, v, g))
           )
         )
       );
     },
     { flush: "post" }
   ), l = () => {
-    d(), n();
+    c(), n();
   };
   return de(n), l;
 }
 let Ge = !1;
 function ze(e, t, n = {}) {
-  const { window: o = et, ignore: u = [], capture: d = !0, detectIframe: l = !1, controls: a = !1 } = n;
+  const { window: o = et, ignore: u = [], capture: c = !0, detectIframe: l = !1, controls: a = !1 } = n;
   if (!o)
-    return a ? { stop: Y, cancel: Y, trigger: Y } : Y;
+    return a ? { stop: U, cancel: U, trigger: U } : U;
   if (Ee && !Ge) {
     Ge = !0;
     const f = { passive: !0 };
-    Array.from(o.document.body.children).forEach((c) => Z(c, "click", Y, f)), Z(o.document.documentElement, "click", Y, f);
+    Array.from(o.document.body.children).forEach((d) => Z(d, "click", U, f)), Z(o.document.documentElement, "click", U, f);
   }
   let i = !0;
-  const r = (f) => C(u).some((c) => {
-    if (typeof c == "string")
-      return Array.from(o.document.querySelectorAll(c)).some((h) => h === f.target || f.composedPath().includes(h));
+  const r = (f) => E(u).some((d) => {
+    if (typeof d == "string")
+      return Array.from(o.document.querySelectorAll(d)).some((p) => p === f.target || f.composedPath().includes(p));
     {
-      const h = re(c);
-      return h && (f.target === h || f.composedPath().includes(h));
+      const p = re(d);
+      return p && (f.target === p || f.composedPath().includes(p));
     }
   });
   function s(f) {
-    const c = C(f);
-    return c && c.$.subTree.shapeFlag === 16;
+    const d = E(f);
+    return d && d.$.subTree.shapeFlag === 16;
   }
-  function v(f, c) {
-    const h = C(f), A = h.$.subTree && h.$.subTree.children;
-    return A == null || !Array.isArray(A) ? !1 : A.some((M) => M.el === c.target || c.composedPath().includes(M.el));
+  function g(f, d) {
+    const p = E(f), M = p.$.subTree && p.$.subTree.children;
+    return M == null || !Array.isArray(M) ? !1 : M.some(($) => $.el === d.target || d.composedPath().includes($.el));
   }
   const m = (f) => {
-    const c = re(e);
-    if (f.target != null && !(!(c instanceof Element) && s(e) && v(e, f)) && !(!c || c === f.target || f.composedPath().includes(c))) {
+    const d = re(e);
+    if (f.target != null && !(!(d instanceof Element) && s(e) && g(e, f)) && !(!d || d === f.target || f.composedPath().includes(d))) {
       if ("detail" in f && f.detail === 0 && (i = !r(f)), !i) {
         i = !0;
         return;
@@ -1086,33 +1118,33 @@ function ze(e, t, n = {}) {
     }
   };
   let w = !1;
-  const g = [
+  const v = [
     Z(o, "click", (f) => {
       w || (w = !0, setTimeout(() => {
         w = !1;
       }, 0), m(f));
-    }, { passive: !0, capture: d }),
+    }, { passive: !0, capture: c }),
     Z(o, "pointerdown", (f) => {
-      const c = re(e);
-      i = !r(f) && !!(c && !f.composedPath().includes(c));
+      const d = re(e);
+      i = !r(f) && !!(d && !f.composedPath().includes(d));
     }, { passive: !0 }),
     l && Z(o, "blur", (f) => {
       setTimeout(() => {
-        var c;
-        const h = re(e);
-        ((c = o.document.activeElement) == null ? void 0 : c.tagName) === "IFRAME" && !(h != null && h.contains(o.document.activeElement)) && t(f);
+        var d;
+        const p = re(e);
+        ((d = o.document.activeElement) == null ? void 0 : d.tagName) === "IFRAME" && !(p != null && p.contains(o.document.activeElement)) && t(f);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), y = () => g.forEach((f) => f());
+  ].filter(Boolean), x = () => v.forEach((f) => f());
   return a ? {
-    stop: y,
+    stop: x,
     cancel: () => {
       i = !1;
     },
     trigger: (f) => {
       i = !0, m(f), i = !1;
     }
-  } : y;
+  } : x;
 }
 const an = {
   mounted(e, t) {
@@ -1146,10 +1178,10 @@ function sn(e) {
 }
 const be = /* @__PURE__ */ new WeakMap();
 function rn(e, t = !1) {
-  const n = R(t);
+  const n = P(t);
   let o = null, u = "";
-  V(Ht(e), (a) => {
-    const i = ye(C(a));
+  X(Ht(e), (a) => {
+    const i = ye(E(a));
     if (i) {
       const r = i;
       if (be.get(r) || be.set(r, r.style.overflow), r.style.overflow !== "hidden" && (u = r.style.overflow), r.style.overflow === "hidden")
@@ -1160,8 +1192,8 @@ function rn(e, t = !1) {
   }, {
     immediate: !0
   });
-  const d = () => {
-    const a = ye(C(e));
+  const c = () => {
+    const a = ye(E(e));
     !a || n.value || (Ee && (o = Z(
       a,
       "touchmove",
@@ -1171,15 +1203,15 @@ function rn(e, t = !1) {
       { passive: !1 }
     )), a.style.overflow = "hidden", n.value = !0);
   }, l = () => {
-    const a = ye(C(e));
+    const a = ye(E(e));
     !a || !n.value || (Ee && (o == null || o()), a.style.overflow = u, be.delete(a), n.value = !1);
   };
-  return de(l), I({
+  return de(l), k({
     get() {
       return n.value;
     },
     set(a) {
-      a ? d() : l();
+      a ? c() : l();
     }
   });
 }
@@ -1191,7 +1223,7 @@ function un() {
       return;
     e = !0;
     const u = rn(n, o.value);
-    V(t, (d) => u.value = d);
+    X(t, (c) => u.value = c);
   };
 }
 un();
@@ -1201,29 +1233,29 @@ const cn = {
 }, dn = {
   class: "atable-header-row",
   tabindex: "-1"
-}, nt = /* @__PURE__ */ Q({
+}, nt = /* @__PURE__ */ J({
   __name: "ATableHeader",
   props: {
     columns: {},
     store: {}
   },
   setup(e) {
-    return (t, n) => t.columns.length ? (k(), T("thead", cn, [
-      O("tr", dn, [
-        t.store.zeroColumn ? (k(), T("th", {
+    return (t, n) => t.columns.length ? (S(), R("thead", cn, [
+      L("tr", dn, [
+        t.store.zeroColumn ? (S(), R("th", {
           key: 0,
           id: "header-index",
-          class: U([[
+          class: j([[
             t.store.hasPinnedColumns ? "sticky-index" : "",
             t.store.config.view === "tree" ? "tree-index" : "",
             t.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
         }, null, 2)) : _("", !0),
-        (k(!0), T(ie, null, Ce(t.columns, (o, u) => (k(), T("th", {
+        (S(!0), R(ie, null, Ce(t.columns, (o, u) => (S(), R("th", {
           key: o.name,
           tabindex: "-1",
-          style: q(t.store.getHeaderCellStyle(o)),
-          class: U(o.pinned ? "sticky-column" : "")
+          style: Y(t.store.getHeaderCellStyle(o)),
+          class: j(o.pinned ? "sticky-column" : "")
         }, [
           W(t.$slots, "default", {}, () => [
             dt(K(o.label || String.fromCharCode(u + 97).toUpperCase()), 1)
@@ -1232,26 +1264,26 @@ const cn = {
       ])
     ])) : _("", !0);
   }
-}), ot = /* @__PURE__ */ Q({
+}), ot = /* @__PURE__ */ J({
   __name: "ATableModal",
   props: {
     store: {}
   },
   setup(e) {
-    const t = G("amodal"), { width: n, height: o } = ge(t), u = I(() => {
-      var v, m, w, g;
+    const t = N("amodal"), { width: n, height: o } = ge(t), u = k(() => {
+      var g, m, w, v;
       if (!(e.store.modal.height && e.store.modal.width && e.store.modal.left && e.store.modal.bottom)) return;
-      const d = (v = e.store.modal.cell) == null ? void 0 : v.closest("table"), l = d.offsetHeight || 0, a = d.offsetWidth || 0;
+      const c = (g = e.store.modal.cell) == null ? void 0 : g.closest("table"), l = c.offsetHeight || 0, a = c.offsetWidth || 0;
       let i = ((m = e.store.modal.cell) == null ? void 0 : m.offsetTop) || 0;
-      const r = ((w = d.querySelector("thead")) == null ? void 0 : w.offsetHeight) || 0;
+      const r = ((w = c.querySelector("thead")) == null ? void 0 : w.offsetHeight) || 0;
       i += r, i = i + o.value < l ? i : i - (o.value + e.store.modal.height);
-      let s = ((g = e.store.modal.cell) == null ? void 0 : g.offsetLeft) || 0;
+      let s = ((v = e.store.modal.cell) == null ? void 0 : v.offsetLeft) || 0;
       return s = s + n.value <= a ? s : s - (n.value - e.store.modal.width), {
         left: `${s}px`,
         top: `${i}px`
       };
     });
-    return (d, l) => (k(), T("div", {
+    return (c, l) => (S(), R("div", {
       class: "amodal",
       ref: "amodal",
       tabindex: "-1",
@@ -1259,104 +1291,104 @@ const cn = {
       }, ["stop"])),
       onInput: l[1] || (l[1] = Oe(() => {
       }, ["stop"])),
-      style: q(u.value)
+      style: Y(u.value)
     }, [
-      W(d.$slots, "default")
+      W(c.$slots, "default")
     ], 36));
   }
 }), fn = (e) => {
   const t = e.id || Gt();
   return ft(`table-${t}`, () => {
     const o = () => {
-      const p = {};
-      for (const [b, S] of d.value.entries())
-        for (const [P, L] of l.value.entries())
-          p[`${b}:${P}`] = L[S.name];
-      return p;
-    }, u = (p) => {
-      const b = [Object.assign({}, { rowModified: !1 })];
-      if (p && "0:0" in p)
-        return p;
-      const S = /* @__PURE__ */ new Set();
-      for (let P = l.value.length - 1; P >= 0; P--) {
-        const L = l.value[P];
-        L.parent && S.add(L.parent), b[P] = {
+      const h = {};
+      for (const [y, T] of c.value.entries())
+        for (const [O, D] of l.value.entries())
+          h[`${y}:${O}`] = D[T.name];
+      return h;
+    }, u = (h) => {
+      const y = [Object.assign({}, { rowModified: !1 })];
+      if (h && "0:0" in h)
+        return h;
+      const T = /* @__PURE__ */ new Set();
+      for (let O = l.value.length - 1; O >= 0; O--) {
+        const D = l.value[O];
+        D.parent && T.add(D.parent), y[O] = {
           childrenOpen: !1,
           expanded: !1,
-          indent: L.indent || 0,
-          isParent: S.has(P),
-          isRoot: L.parent === null || L.parent === void 0,
+          indent: D.indent || 0,
+          isParent: T.has(O),
+          isRoot: D.parent === null || D.parent === void 0,
           rowModified: !1,
-          open: L.parent === null || L.parent === void 0,
-          parent: L.parent
+          open: D.parent === null || D.parent === void 0,
+          parent: D.parent
         };
       }
-      return b;
-    }, d = R(e.columns), l = R(e.rows), a = R(e.config || {}), i = R(e.table || o()), r = R(u(e.display)), s = R(e.modal || { visible: !1 }), v = R({}), m = I(() => d.value.some((p) => p.pinned)), w = I(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), g = I(
+      return y;
+    }, c = P(e.columns), l = P(e.rows), a = P(e.config || {}), i = P(e.table || o()), r = P(u(e.display)), s = P(e.modal || { visible: !1 }), g = P({}), m = k(() => c.value.some((h) => h.pinned)), w = k(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), v = k(
       () => a.value.view ? ["list", "tree", "list-expansion"].includes(a.value.view) : !1
-    ), y = (p, b) => i.value[`${p}:${b}`], f = (p, b, S) => {
-      const P = `${p}:${b}`, L = d.value[p];
-      i.value[P] !== S && (r.value[b].rowModified = !0), i.value[P] = S, l.value[b][L.name] = S;
-    }, c = (p, b, S) => {
-      const P = `${p}:${b}`;
-      i.value[P] !== S && (r.value[b].rowModified = !0, v.value[P] = S);
-    }, h = (p) => ({
-      minWidth: p.width || "40ch",
-      textAlign: p.align || "center",
+    ), x = (h, y) => i.value[`${h}:${y}`], f = (h, y, T) => {
+      const O = `${h}:${y}`, D = c.value[h];
+      i.value[O] !== T && (r.value[y].rowModified = !0), i.value[O] = T, l.value[y][D.name] = T;
+    }, d = (h, y, T) => {
+      const O = `${h}:${y}`;
+      i.value[O] !== T && (r.value[y].rowModified = !0, g.value[O] = T);
+    }, p = (h) => ({
+      minWidth: h.width || "40ch",
+      textAlign: h.align || "center",
       width: a.value.fullWidth ? "auto" : void 0
-    }), A = (p) => {
-      const b = l.value[p];
-      return a.value.view === "gantt" && b.indent === 0;
-    }, M = (p) => a.value.view !== "tree" || r.value[p].isRoot || r.value[p].open, $ = (p) => a.value.view !== "tree" ? "" : r.value[p].isRoot || r.value[p].isParent ? r.value[p].childrenOpen ? "-" : "+" : "", B = (p) => {
+    }), M = (h) => {
+      const y = l.value[h];
+      return a.value.view === "gantt" && y.indent === 0;
+    }, $ = (h) => a.value.view !== "tree" || r.value[h].isRoot || r.value[h].open, I = (h) => a.value.view !== "tree" ? "" : r.value[h].isRoot || r.value[h].isParent ? r.value[h].childrenOpen ? "-" : "+" : "", Q = (h) => {
       if (a.value.view === "tree") {
-        r.value[p].childrenOpen = !r.value[p].childrenOpen;
-        for (let b = l.value.length - 1; b >= 0; b--)
-          r.value[b].parent === p && (r.value[b].open = !r.value[b].open, r.value[b].childrenOpen && B(b));
-      } else a.value.view === "list-expansion" && (r.value[p].expanded = !r.value[p].expanded);
-    }, E = (p, b) => {
-      const S = y(p, b);
-      return D(p, b, S);
-    }, D = (p, b, S) => {
-      const P = d.value[p], L = l.value[b], ae = P.format;
-      return ae ? typeof ae == "function" ? ae(S, { table: i.value, row: L, column: P }) : typeof ae == "string" ? Function(`"use strict";return (${ae})`)()(S, { table: i.value, row: L, column: P }) : S : S;
+        r.value[h].childrenOpen = !r.value[h].childrenOpen;
+        for (let y = l.value.length - 1; y >= 0; y--)
+          r.value[y].parent === h && (r.value[y].open = !r.value[y].open, r.value[y].childrenOpen && Q(y));
+      } else a.value.view === "list-expansion" && (r.value[h].expanded = !r.value[h].expanded);
+    }, C = (h, y) => {
+      const T = x(h, y);
+      return A(h, y, T);
+    }, A = (h, y, T) => {
+      const O = c.value[h], D = l.value[y], ae = O.format;
+      return ae ? typeof ae == "function" ? ae(T, { table: i.value, row: D, column: O }) : typeof ae == "string" ? Function(`"use strict";return (${ae})`)()(T, { table: i.value, row: D, column: O }) : T : T;
     };
     return {
       // state
-      columns: d,
+      columns: c,
       config: a,
       display: r,
       modal: s,
       rows: l,
       table: i,
-      updates: v,
+      updates: g,
       // getters
       hasPinnedColumns: m,
       numberedRowWidth: w,
-      zeroColumn: g,
+      zeroColumn: v,
       // actions
-      closeModal: (p) => {
-        var b;
-        p.target instanceof Node && (b = s.value.parent) != null && b.contains(p.target) || s.value.visible && (s.value.visible = !1);
+      closeModal: (h) => {
+        var y;
+        h.target instanceof Node && (y = s.value.parent) != null && y.contains(h.target) || s.value.visible && (s.value.visible = !1);
       },
-      getCellData: y,
-      getCellDisplayValue: E,
-      getFormattedValue: D,
-      getHeaderCellStyle: h,
-      getIndent: (p, b) => b && p === 0 && b > 0 ? `${b}ch` : "inherit",
-      getRowExpandSymbol: $,
-      isRowGantt: A,
-      isRowVisible: M,
+      getCellData: x,
+      getCellDisplayValue: C,
+      getFormattedValue: A,
+      getHeaderCellStyle: p,
+      getIndent: (h, y) => y && h === 0 && y > 0 ? `${y}ch` : "inherit",
+      getRowExpandSymbol: I,
+      isRowGantt: M,
+      isRowVisible: $,
       setCellData: f,
-      setCellText: c,
-      toggleRowExpand: B,
-      updateGanttBar: (p) => {
-        var S;
-        const b = (S = l.value[p.rowIndex]) == null ? void 0 : S.gantt;
-        b && (p.type === "resize" ? p.edge === "start" ? b.startIndex = p.value : p.edge === "end" && (b.endIndex = p.value) : p.type === "bar" && (b.startIndex = p.start, b.endIndex = p.end));
+      setCellText: d,
+      toggleRowExpand: Q,
+      updateGanttBar: (h) => {
+        var T;
+        const y = (T = l.value[h.rowIndex]) == null ? void 0 : T.gantt;
+        y && (h.type === "resize" ? h.edge === "start" ? (y.startIndex = h.newStart, y.endIndex = h.end, y.colspan = y.endIndex - y.startIndex) : h.edge === "end" && (y.startIndex = h.start, y.endIndex = h.newEnd, y.colspan = y.endIndex - y.startIndex) : h.type === "bar" && (y.startIndex = h.newStart, y.endIndex = h.newEnd, y.colspan = y.endIndex - y.startIndex));
       }
     };
   })();
-}, vn = /* @__PURE__ */ Q({
+}, vn = /* @__PURE__ */ J({
   __name: "ATable",
   props: {
     id: {},
@@ -1367,24 +1399,21 @@ const cn = {
   },
   emits: ["update:modelValue", "cellUpdate", "gantt:drag"],
   setup(e, { expose: t, emit: n }) {
-    const o = n, u = G("table"), d = e.modelValue ? e.modelValue : e.rows, l = fn({ columns: e.columns, rows: d, id: e.id, config: e.config });
-    l.$onAction(({ name: s, store: v, args: m, after: w }) => {
-      var g;
+    const o = n, u = N("table"), c = e.modelValue ? e.modelValue : e.rows, l = fn({ columns: e.columns, rows: c, id: e.id, config: e.config });
+    l.$onAction(({ name: s, store: g, args: m, after: w }) => {
       if (s === "setCellData" || s === "setCellText") {
-        const [y, f, c] = m, h = v.getCellData(y, f);
+        const [v, x, f] = m, d = g.getCellData(v, x);
         w(() => {
-          o("cellUpdate", { colIndex: y, rowIndex: f, newValue: c, oldValue: h });
+          o("cellUpdate", { colIndex: v, rowIndex: x, newValue: f, oldValue: d });
         });
       } else if (s === "updateGanttBar") {
-        const [y] = m, f = (g = v.rows[y.rowIndex]) == null ? void 0 : g.gantt;
-        if (f) {
-          let c = !1;
-          y.type === "resize" ? y.edge === "start" ? c = f.startIndex !== y.value : y.edge === "end" && (c = f.endIndex !== y.value) : y.type === "bar" && (c = f.startIndex !== y.start || f.endIndex !== y.end), c && w(() => {
-            o("gantt:drag", y);
-          });
-        }
+        const [v] = m;
+        let x = !1;
+        v.type === "resize" ? x = v.oldColspan !== v.newColspan : v.type === "bar" && (x = v.oldStart !== v.newStart || v.oldEnd !== v.newEnd), x && w(() => {
+          o("gantt:drag", v);
+        });
       }
-    }), V(
+    }), X(
       () => l.rows,
       (s) => {
         o("update:modelValue", s);
@@ -1393,26 +1422,26 @@ const cn = {
     ), ne(() => {
       e.columns.some((s) => s.pinned) && (i(), l.config.view === "tree" && Ke(u, i, { childList: !0, subtree: !0 }));
     });
-    const a = I(() => l.columns.filter((s) => s.pinned).length), i = () => {
-      const s = u.value, v = s == null ? void 0 : s.rows[0], m = s == null ? void 0 : s.rows[1], w = v ? Array.from(v.cells) : [];
-      for (const [g, y] of w.entries()) {
-        const f = m == null ? void 0 : m.cells[g];
-        f && (y.style.width = `${f.offsetWidth}px`);
+    const a = k(() => l.columns.filter((s) => s.pinned).length), i = () => {
+      const s = u.value, g = s == null ? void 0 : s.rows[0], m = s == null ? void 0 : s.rows[1], w = g ? Array.from(g.cells) : [];
+      for (const [v, x] of w.entries()) {
+        const f = m == null ? void 0 : m.cells[v];
+        f && (x.style.width = `${f.offsetWidth}px`);
       }
-      for (const g of (s == null ? void 0 : s.rows) || []) {
-        let y = 0;
+      for (const v of (s == null ? void 0 : s.rows) || []) {
+        let x = 0;
         const f = [];
-        for (const c of g.cells)
-          (c.classList.contains("sticky-column") || c.classList.contains("sticky-index")) && (c.style.left = `${y}px`, y += c.offsetWidth, f.push(c));
+        for (const d of v.cells)
+          (d.classList.contains("sticky-column") || d.classList.contains("sticky-index")) && (d.style.left = `${x}px`, x += d.offsetWidth, f.push(d));
         f.length > 0 && f[f.length - 1].classList.add("sticky-column-edge");
       }
     };
     window.addEventListener("keydown", (s) => {
       if (s.key === "Escape" && l.modal.visible) {
         l.modal.visible = !1;
-        const v = l.modal.parent;
-        v && Ue().then(() => {
-          v.focus();
+        const g = l.modal.parent;
+        g && Ue().then(() => {
+          g.focus();
         });
       }
     });
@@ -1421,9 +1450,9 @@ const cn = {
       if (!(s.indent === 0) || a.value === 0)
         return l.columns;
       const m = [];
-      for (let g = 0; g < a.value; g++) {
-        const y = { ...l.columns[g] };
-        y.originalIndex = g, m.push(y);
+      for (let v = 0; v < a.value; v++) {
+        const x = { ...l.columns[v] };
+        x.originalIndex = v, m.push(x);
       }
       return m.push({
         ...l.columns[a.value],
@@ -1434,59 +1463,59 @@ const cn = {
         // TODO: refactor to API that can detect when data exists in a cell. Might have be custom and not generalizable
       }), m;
     };
-    return t({ store: l }), (s, v) => xe((k(), T("table", {
+    return t({ store: l }), (s, g) => xe((S(), R("table", {
       ref: "table",
       class: "atable",
-      style: q({
-        width: x(l).config.fullWidth ? "100%" : "auto"
+      style: Y({
+        width: b(l).config.fullWidth ? "100%" : "auto"
       })
     }, [
-      W(s.$slots, "header", { data: x(l) }, () => [
+      W(s.$slots, "header", { data: b(l) }, () => [
         Le(nt, {
-          columns: x(l).columns,
-          store: x(l)
+          columns: b(l).columns,
+          store: b(l)
         }, null, 8, ["columns", "store"])
       ], !0),
-      O("tbody", null, [
-        W(s.$slots, "body", { data: x(l) }, () => [
-          (k(!0), T(ie, null, Ce(x(l).rows, (m, w) => (k(), se(_e, {
+      L("tbody", null, [
+        W(s.$slots, "body", { data: b(l) }, () => [
+          (S(!0), R(ie, null, Ce(b(l).rows, (m, w) => (S(), se(_e, {
             key: m.id,
             row: m,
             rowIndex: w,
-            store: x(l)
+            store: b(l)
           }, {
             default: De(() => [
-              (k(!0), T(ie, null, Ce(r(m), (g, y) => {
-                var f, c, h;
-                return k(), T(ie, {
-                  key: g.name
+              (S(!0), R(ie, null, Ce(r(m), (v, x) => {
+                var f, d, p;
+                return S(), R(ie, {
+                  key: v.name
                 }, [
-                  g.isGantt ? (k(), se(ve(g.ganttComponent || "AGanttCell"), {
+                  v.isGantt ? (S(), se(ve(v.ganttComponent || "AGanttCell"), {
                     key: 0,
-                    store: x(l),
-                    columnsCount: x(l).columns.length - a.value,
+                    store: b(l),
+                    columnsCount: b(l).columns.length - a.value,
                     color: (f = m.gantt) == null ? void 0 : f.color,
-                    start: (c = m.gantt) == null ? void 0 : c.startIndex,
-                    end: (h = m.gantt) == null ? void 0 : h.endIndex,
-                    colspan: g.colspan,
-                    pinned: g.pinned,
+                    start: (d = m.gantt) == null ? void 0 : d.startIndex,
+                    end: (p = m.gantt) == null ? void 0 : p.endIndex,
+                    colspan: v.colspan,
+                    pinned: v.pinned,
                     rowIndex: w,
-                    colIndex: g.originalIndex ?? y,
-                    style: q({
-                      textAlign: (g == null ? void 0 : g.align) || "center",
-                      minWidth: (g == null ? void 0 : g.width) || "40ch",
-                      width: x(l).config.fullWidth ? "auto" : null
+                    colIndex: v.originalIndex ?? x,
+                    style: Y({
+                      textAlign: (v == null ? void 0 : v.align) || "center",
+                      minWidth: (v == null ? void 0 : v.width) || "40ch",
+                      width: b(l).config.fullWidth ? "auto" : null
                     })
-                  }, null, 8, ["store", "columnsCount", "color", "start", "end", "colspan", "pinned", "rowIndex", "colIndex", "style"])) : (k(), se(ve(g.cellComponent || "ACell"), {
+                  }, null, 8, ["store", "columnsCount", "color", "start", "end", "colspan", "pinned", "rowIndex", "colIndex", "style"])) : (S(), se(ve(v.cellComponent || "ACell"), {
                     key: 1,
-                    store: x(l),
-                    pinned: g.pinned,
+                    store: b(l),
+                    pinned: v.pinned,
                     rowIndex: w,
-                    colIndex: y,
-                    style: q({
-                      textAlign: (g == null ? void 0 : g.align) || "center",
-                      minWidth: (g == null ? void 0 : g.width) || "40ch",
-                      width: x(l).config.fullWidth ? "auto" : null
+                    colIndex: x,
+                    style: Y({
+                      textAlign: (v == null ? void 0 : v.align) || "center",
+                      minWidth: (v == null ? void 0 : v.width) || "40ch",
+                      width: b(l).config.fullWidth ? "auto" : null
                     }),
                     spellcheck: "false"
                   }, null, 8, ["store", "pinned", "rowIndex", "colIndex", "style"]))
@@ -1497,46 +1526,46 @@ const cn = {
           }, 1032, ["row", "rowIndex", "store"]))), 128))
         ], !0)
       ]),
-      W(s.$slots, "footer", { data: x(l) }, void 0, !0),
-      W(s.$slots, "modal", { data: x(l) }, () => [
-        xe(Le(ot, { store: x(l) }, {
+      W(s.$slots, "footer", { data: b(l) }, void 0, !0),
+      W(s.$slots, "modal", { data: b(l) }, () => [
+        xe(Le(ot, { store: b(l) }, {
           default: De(() => [
-            (k(), se(ve(x(l).modal.component), ke({
-              key: `${x(l).modal.rowIndex}:${x(l).modal.colIndex}`,
-              colIndex: x(l).modal.colIndex,
-              rowIndex: x(l).modal.rowIndex,
-              store: x(l)
-            }, x(l).modal.componentProps), null, 16, ["colIndex", "rowIndex", "store"]))
+            (S(), se(ve(b(l).modal.component), ke({
+              key: `${b(l).modal.rowIndex}:${b(l).modal.colIndex}`,
+              colIndex: b(l).modal.colIndex,
+              rowIndex: b(l).modal.rowIndex,
+              store: b(l)
+            }, b(l).modal.componentProps), null, 16, ["colIndex", "rowIndex", "store"]))
           ]),
           _: 1
         }, 8, ["store"]), [
-          [qe, x(l).modal.visible]
+          [qe, b(l).modal.visible]
         ])
       ], !0)
     ], 4)), [
-      [x(an), x(l).closeModal]
+      [b(an), b(l).closeModal]
     ]);
   }
-}), mn = /* @__PURE__ */ le(vn, [["__scopeId", "data-v-40408c70"]]), gn = {}, hn = { class: "aloading" }, pn = { class: "aloading-header" };
+}), mn = /* @__PURE__ */ le(vn, [["__scopeId", "data-v-fcb81c06"]]), gn = {}, hn = { class: "aloading" }, pn = { class: "aloading-header" };
 function wn(e, t) {
-  return k(), T("div", hn, [
-    O("h2", pn, [
+  return S(), R("div", hn, [
+    L("h2", pn, [
       W(e.$slots, "default", {}, void 0, !0)
     ]),
-    t[0] || (t[0] = O("div", { class: "aloading-bar" }, null, -1))
+    t[0] || (t[0] = L("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
 const yn = /* @__PURE__ */ le(gn, [["render", wn], ["__scopeId", "data-v-a930a25b"]]), bn = {}, xn = { class: "aloading" }, Cn = { class: "aloading-header" };
 function En(e, t) {
-  return k(), T("div", xn, [
-    O("h2", Cn, [
+  return S(), R("div", xn, [
+    L("h2", Cn, [
       W(e.$slots, "default", {}, void 0, !0)
     ]),
-    t[0] || (t[0] = O("div", { class: "aloading-bar" }, null, -1))
+    t[0] || (t[0] = L("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
 const In = /* @__PURE__ */ le(bn, [["render", En], ["__scopeId", "data-v-e1165876"]]);
-function An(e) {
+function $n(e) {
   e.component("ACell", Ut), e.component("AExpansionRow", Zt), e.component("AGanttCell", nn), e.component("ARow", _e), e.component("ATable", mn), e.component("ATableHeader", nt), e.component("ATableLoading", yn), e.component("ATableLoadingBar", In), e.component("ATableModal", ot);
 }
 export {
@@ -1550,6 +1579,6 @@ export {
   In as ATableLoadingBar,
   ot as ATableModal,
   fn as createTableStore,
-  An as install
+  $n as install
 };
 //# sourceMappingURL=atable.js.map