@stonecrop/atable 0.4.14 → 0.4.15

package/dist/atable.js

@@ -1,4 +1,4 @@
-import { onMounted as ne, ref as P, watch as B, onBeforeUnmount as lt, computed as I, shallowRef as H, toValue as C, 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 T, 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 { 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 B(
+  return X(
     e,
     t,
     {
@@ -23,24 +23,24 @@ 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;
   }), 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(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]) => {
@@ -69,17 +69,17 @@ 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 c;
   const l = bt(() => o && "MutationObserver" in o), a = () => {
     c && (c.disconnect(), c = void 0);
-  }, i = I(() => {
-    const m = C(e), w = me(m).map(ee).filter(mt);
+  }, i = k(() => {
+    const m = E(e), w = me(m).map(ee).filter(mt);
     return new Set(w);
-  }), r = B(
+  }), r = X(
     () => i.value,
     (m) => {
       a(), l.value && m.size && (c = new MutationObserver(t), m.forEach((w) => c.observe(w, u)));
@@ -165,7 +165,7 @@ function Et(e = {}) {
 }
 const It = "focusin", kt = "focusout", Mt = ":focus-within";
 function St(e, t = {}) {
-  const { window: n = oe } = t, o = I(() => ee(e)), u = H(!1), c = I(() => u.value), l = Et(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: c };
   const a = { passive: !0 };
@@ -185,7 +185,7 @@ function $t(e, { window: t = oe, scrollTarget: n } = {}) {
       o.value = a.top <= (t.innerHeight || c.documentElement.clientHeight) && a.left <= (t.innerWidth || c.documentElement.clientWidth) && a.bottom >= 0 && a.right >= 0;
     }
   };
-  return B(
+  return X(
     () => ee(e),
     () => u(),
     { immediate: !0, flush: "post" }
@@ -267,7 +267,7 @@ const G = (e) => {
     }
   }
   return o && (!z(o) || !G(o)) ? Se(o) : o;
-}, Ve = (e) => {
+}, Be = (e) => {
   const t = e.target;
   return Ae(t);
 }, Ae = (e) => {
@@ -280,7 +280,7 @@ const G = (e) => {
     n = o == null ? void 0 : o.lastElementChild;
   }
   return n && (!z(n) || !G(n)) ? Ae(n) : n;
-}, Be = (e) => {
+}, Xe = (e) => {
   const t = e.target;
   return Te(t);
 }, Te = (e) => {
@@ -293,7 +293,7 @@ const G = (e) => {
     n = o == null ? void 0 : o.firstElementChild;
   }
   return n && (!z(n) || !G(n)) ? Te(n) : n;
-}, Xe = (e) => {
+}, Ve = (e) => {
   const t = e.target.parentElement, n = t == null ? void 0 : t.firstElementChild;
   return n && (!z(n) || !G(n)) ? Te(n) : n;
 }, Ne = (e) => {
@@ -314,11 +314,11 @@ const G = (e) => {
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = Ve(e);
+    const t = Be(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = Be(e);
+    const t = Xe(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
@@ -330,7 +330,7 @@ const G = (e) => {
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = Xe(e);
+    const t = Ve(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
@@ -356,15 +356,15 @@ const G = (e) => {
     }
   },
   "keydown.home": (e) => {
-    const t = Xe(e);
+    const t = Ve(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = Be(e);
+    const t = Xe(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = Ve(e);
+    const t = Be(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
@@ -422,7 +422,7 @@ function Pe(e) {
     for (const l of e) {
       const a = t(l), i = o(l), r = u(l), s = a ? [a] : i;
       for (const g of s) {
-        const { focused: m } = St(P(g)), w = B(m, (v) => {
+        const { focused: m } = St(P(g)), w = X(m, (v) => {
           v ? g.addEventListener("keydown", r) : g.removeEventListener("keydown", r);
         });
         c.push(w);
@@ -467,7 +467,7 @@ function Wt(e, t = {}) {
       },
       set(u) {
         var c;
-        if ((c = C(t.replaceRef)) != null ? c : !0)
+        if ((c = E(t.replaceRef)) != null ? c : !0)
           if (Array.isArray(e.value)) {
             const a = [...e.value];
             a[o] = u, e.value = a;
@@ -481,11 +481,11 @@ function Wt(e, t = {}) {
     }));
   return n;
 }
-function Vt(e, t = !0, n) {
+function Bt(e, t = !0, n) {
   Dt() ? ne(e, n) : t ? e() : Ue(e);
 }
 function Qe(e, t, n) {
-  return B(
+  return X(
     e,
     t,
     {
@@ -497,24 +497,24 @@ 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 = q(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;
   }), 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),
-        q(C(u.value ? e[1] : e[0])),
+        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]) => {
@@ -535,25 +535,25 @@ function ue(...e) {
   };
   return de(n), l;
 }
-function Bt() {
+function Xt() {
   const e = H(!1), t = Ie();
   return t && ne(() => {
     e.value = !0;
   }, t), e;
 }
 function Ze(e) {
-  const t = Bt();
-  return I(() => (t.value, !!e()));
+  const t = Xt();
+  return k(() => (t.value, !!e()));
 }
 function Ke(e, t, n = {}) {
   const { window: o = pe, ...u } = n;
   let c;
   const l = Ze(() => o && "MutationObserver" in o), a = () => {
     c && (c.disconnect(), c = void 0);
-  }, i = I(() => {
-    const m = C(e), w = q(m).map(te).filter(Pt);
+  }, i = k(() => {
+    const m = E(e), w = q(m).map(te).filter(Pt);
     return new Set(w);
-  }), r = B(
+  }), r = X(
     () => i.value,
     (m) => {
       a(), l.value && m.size && (c = new MutationObserver(t), m.forEach((w) => c.observe(w, u)));
@@ -585,58 +585,58 @@ function we(e, t = {}) {
     handle: v = e,
     buttons: x = [0]
   } = t, f = P(
-    (n = C(s)) != null ? n : { x: 0, y: 0 }
-  ), d = P(), p = (E) => o ? o.includes(E.pointerType) : !0, k = (E) => {
-    C(u) && E.preventDefault(), C(c) && E.stopPropagation();
-  }, $ = (E) => {
-    var R;
-    if (!C(x).includes(E.button) || C(t.disabled) || !p(E) || C(l) && E.target !== C(e))
+    (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 V = C(w), F = (R = V == null ? void 0 : V.getBoundingClientRect) == null ? void 0 : R.call(V), X = C(e).getBoundingClientRect(), h = {
-      x: E.clientX - (V ? X.left - F.left + V.scrollLeft : X.left),
-      y: E.clientY - (V ? X.top - F.top + V.scrollTop : X.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(h, E)) !== !1 && (d.value = h, k(E));
-  }, M = (E) => {
-    if (C(t.disabled) || !p(E) || !d.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 R = C(w), V = C(e).getBoundingClientRect();
-    let { x: F, y: X } = f.value;
-    (g === "x" || g === "both") && (F = E.clientX - d.value.x, R && (F = Math.min(Math.max(0, F), R.scrollWidth - V.width))), (g === "y" || g === "both") && (X = E.clientY - d.value.y, R && (X = Math.min(Math.max(0, X), R.scrollHeight - V.height))), f.value = {
+    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: X
-    }, a == null || a(f.value, E), k(E);
-  }, Q = (E) => {
-    C(t.disabled) || !p(E) || d.value && (d.value = void 0, i == null || i(f.value, E), k(E));
+      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 R;
+    const C = () => {
+      var A;
       return {
-        capture: (R = t.capture) != null ? R : !0,
-        passive: !C(u)
+        capture: (A = t.capture) != null ? A : !0,
+        passive: !E(u)
       };
     };
-    ue(v, "pointerdown", $, E), ue(m, "pointermove", M, E), ue(m, "pointerup", Q, E);
+    ue(v, "pointerdown", $, C), ue(m, "pointermove", I, C), ue(m, "pointerup", Q, C);
   }
   return {
     ...Wt(f),
     position: f,
-    isDragging: I(() => !!d.value),
-    style: I(
+    isDragging: k(() => !!d.value),
+    style: k(
       () => `left:${f.value.x}px;top:${f.value.y}px;`
     )
   };
 }
-function Xt(e, t, n = {}) {
+function Vt(e, t, n = {}) {
   const { window: o = pe, ...u } = n;
   let c;
   const l = Ze(() => o && "ResizeObserver" in o), a = () => {
     c && (c.disconnect(), c = void 0);
-  }, i = I(() => {
-    const g = C(e);
+  }, i = k(() => {
+    const g = E(e);
     return Array.isArray(g) ? g.map((m) => te(m)) : [te(g)];
-  }), r = B(
+  }), r = X(
     i,
     (g) => {
       if (a(), l.value && o) {
@@ -674,9 +674,9 @@ function ge(e, t = {}) {
   function f() {
     l === "sync" ? x() : l === "next-frame" && requestAnimationFrame(() => x());
   }
-  return Xt(e, f), B(() => te(e), (d) => !d && 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 }), Vt(() => {
+  }), u && ue("scroll", f, { capture: !0, passive: !0 }), o && ue("resize", f, { passive: !0 }), Bt(() => {
     c && f();
   }), {
     height: a,
@@ -704,7 +704,7 @@ const Nt = (e) => {
     pinned: { type: Boolean, default: !1 }
   },
   setup(e, { expose: t }) {
-    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 = I(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), g = I(() => typeof s.value == "string" ? Nt(s.value) : !1), m = I(() => {
+    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,
@@ -712,13 +712,13 @@ const Nt = (e) => {
         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": c.value
     })), v = () => {
-      const { left: d, bottom: p, width: k, height: $ } = ge(n);
-      l.mask, l.modalComponent && e.store.$patch((M) => {
-        M.modal.visible = !0, M.modal.colIndex = e.colIndex, M.modal.rowIndex = e.rowIndex, M.modal.left = d, M.modal.bottom = p, M.modal.width = k, M.modal.height = $, M.modal.cell = n.value, typeof l.modalComponent == "function" ? M.modal.component = l.modalComponent({ table: M.table, row: a, column: l }) : M.modal.component = l.modalComponent, M.modal.componentProps = l.modalComponentExtraProps;
+      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) {
@@ -748,7 +748,7 @@ const Nt = (e) => {
     };
     return t({
       currentData: u
-    }), (d, p) => (S(), T("td", {
+    }), (d, p) => (S(), R("td", {
       ref: "cell",
       "data-colindex": d.colIndex,
       "data-rowindex": d.rowIndex,
@@ -766,10 +766,10 @@ const Nt = (e) => {
       b(l).cellComponent ? (S(), se(ve(b(l).cellComponent), ke({
         key: 0,
         value: s.value
-      }, b(l).cellComponentProps), null, 16, ["value"])) : g.value ? (S(), T("span", {
+      }, b(l).cellComponentProps), null, 16, ["value"])) : g.value ? (S(), R("span", {
         key: 1,
         innerHTML: s.value
-      }, null, 8, Ft)) : (S(), 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__ */ J({
@@ -781,7 +781,7 @@ const Nt = (e) => {
     addNavigation: { type: [Boolean, Object] }
   },
   setup(e) {
-    const t = N("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,7 +795,7 @@ const Nt = (e) => {
         }
       ]);
     }
-    return (o, u) => (S(), T(ie, null, [
+    return (o, u) => (S(), R(ie, null, [
       L("tr", ke(o.$attrs, {
         ref: "rowEl",
         tabindex: o.tabIndex,
@@ -808,7 +808,7 @@ const Nt = (e) => {
         }, K(n.value), 1),
         W(o.$slots, "row", {}, void 0, !0)
       ], 16, Yt),
-      o.store.display[o.rowIndex].expanded ? (S(), T("tr", {
+      o.store.display[o.rowIndex].expanded ? (S(), R("tr", {
         key: 0,
         ref: "rowExpanded",
         tabindex: o.tabIndex,
@@ -850,14 +850,14 @@ const Nt = (e) => {
   },
   setup(e) {
     ct((d) => ({
-      "40a169f6": t.value,
-      "08a2dd06": d.colspan
+      "78862e08": t.value,
+      "18ad7d98": d.colspan
     }));
     const t = P();
     ne(() => {
       !e.color || e.color == "" || e.color.length < 6 ? t.value = "#cccccc" : t.value = e.color;
     });
-    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 = I(() => e.colspan > 0 ? l.value / e.colspan : 0), w = I(() => {
+    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: `${d}%`,
@@ -874,21 +874,24 @@ const Nt = (e) => {
       },
       onMove: ({ x: d }) => {
         if (v.value && o.value) {
-          const k = (d - g.value.startX) / m.value, $ = Math.max(0, Math.min(s.value - 1, g.value.startPos + k));
+          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: d }) => {
         if (o.value) {
-          const p = d - g.value.startX, k = Math.round(p / m.value), $ = r.value, M = Math.max(0, Math.min(s.value - 1, g.value.startPos + k));
-          r.value = M, e.store.updateGanttBar({
+          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",
-            oldValue: $,
-            newValue: M,
-            delta: k
+            oldStart: $,
+            newStart: I,
+            end: s.value,
+            delta: M,
+            oldColspan: s.value - $,
+            newColspan: s.value - I
           });
         }
       }
@@ -902,27 +905,30 @@ const Nt = (e) => {
       },
       onMove: ({ x: d }) => {
         if (x.value && o.value) {
-          const k = (d - g.value.startX) / m.value, $ = Math.max(
+          const M = (d - g.value.startX) / m.value, $ = Math.max(
             r.value + 1,
-            Math.min(e.columnsCount, g.value.startPos + k)
+            Math.min(e.columnsCount, g.value.startPos + M)
           );
           o.value.style.width = `${($ - r.value) / e.colspan * 100}%`;
         }
       },
       onEnd: ({ x: d }) => {
         if (o.value) {
-          const p = d - g.value.startX, k = Math.round(p / m.value), $ = s.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, g.value.startPos + k)
+            Math.min(e.columnsCount, g.value.startPos + M)
           );
-          s.value = M, e.store.updateGanttBar({
+          s.value = I, e.store.updateGanttBar({
             rowIndex: e.rowIndex,
             colIndex: e.colIndex,
             type: "resize",
             edge: "end",
-            oldValue: $,
-            newValue: M,
-            delta: k
+            oldEnd: $,
+            newEnd: I,
+            start: r.value,
+            delta: M,
+            oldColspan: $ - r.value,
+            newColspan: I - r.value
           });
         }
       }
@@ -938,19 +944,29 @@ const Nt = (e) => {
       },
       onMove: ({ x: d }) => {
         if (f.value && o.value) {
-          const k = (d - g.value.startX) / m.value, $ = s.value - r.value, M = Math.max(0, Math.min(g.value.startPos + k, e.columnsCount - $));
-          o.value.style.left = `${M / 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: d }) => {
         if (o.value) {
-          const p = d - g.value.startX, k = Math.round(p / m.value), $ = s.value - r.value, M = r.value, Q = s.value;
-          let E = g.value.startPos + k, R = E + $;
-          E < 0 ? (E = 0, R = $) : R > e.columnsCount && (R = e.columnsCount, E = R - $), r.value = E, s.value = R, e.store.updateGanttBar({ rowIndex: e.rowIndex, colIndex: e.colIndex, type: "bar", oldStart: M, oldEnd: Q, newStart: E, newEnd: R, delta: k });
+          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 (d, p) => (S(), T("td", {
+    return (d, p) => (S(), R("td", {
       class: "aganttcell",
       colspan: d.colspan
     }, [
@@ -967,7 +983,7 @@ const Nt = (e) => {
             L("div", { class: "handle-grip" }, null, -1),
             L("div", { class: "vertical-indicator left-indicator" }, null, -1)
           ]), 2),
-          d.label ? (S(), T("label", en, K(d.label), 1)) : _("", !0),
+          d.label ? (S(), R("label", en, K(d.label), 1)) : _("", !0),
           L("div", {
             ref: "rightHandle",
             class: j(["gantt-handle right-handle", { "is-dragging": b(x) }])
@@ -979,7 +995,7 @@ const Nt = (e) => {
       ], 512)
     ], 8, Kt));
   }
-}), nn = /* @__PURE__ */ le(tn, [["__scopeId", "data-v-90b147f4"]]), on = ["tabindex"], ln = /* @__PURE__ */ J({
+}), nn = /* @__PURE__ */ le(tn, [["__scopeId", "data-v-a929e8e3"]]), on = ["tabindex"], ln = /* @__PURE__ */ J({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -988,7 +1004,7 @@ const Nt = (e) => {
     addNavigation: { type: [Boolean, Object], default: !1 }
   },
   setup(e) {
-    const t = N("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 = {
@@ -1001,17 +1017,17 @@ const Nt = (e) => {
         }
       ]);
     }
-    return (u, c) => xe((S(), 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" ? (S(), T("td", {
+        u.store.config.view === "list" ? (S(), R("td", {
           key: 0,
           tabIndex: -1,
           class: j(["list-index", u.store.hasPinnedColumns ? "sticky-index" : ""])
-        }, K(u.rowIndex + 1), 3)) : u.store.config.view === "tree" ? (S(), T("td", {
+        }, K(u.rowIndex + 1), 3)) : u.store.config.view === "tree" ? (S(), R("td", {
           key: 1,
           tabIndex: -1,
           class: j(["tree-index", u.store.hasPinnedColumns ? "sticky-index" : ""]),
@@ -1026,24 +1042,24 @@ 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 = q(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;
   }), 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),
-        q(C(u.value ? e[1] : e[0])),
+        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]) => {
@@ -1075,7 +1091,7 @@ function ze(e, t, n = {}) {
     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((d) => {
+  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));
     {
@@ -1084,12 +1100,12 @@ function ze(e, t, n = {}) {
     }
   });
   function s(f) {
-    const d = C(f);
+    const d = E(f);
     return d && d.$.subTree.shapeFlag === 16;
   }
   function g(f, d) {
-    const p = C(f), k = p.$.subTree && p.$.subTree.children;
-    return k == null || !Array.isArray(k) ? !1 : k.some(($) => $.el === d.target || d.composedPath().includes($.el));
+    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 d = re(e);
@@ -1164,8 +1180,8 @@ const be = /* @__PURE__ */ new WeakMap();
 function rn(e, t = !1) {
   const n = P(t);
   let o = null, u = "";
-  B(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")
@@ -1177,7 +1193,7 @@ function rn(e, t = !1) {
     immediate: !0
   });
   const c = () => {
-    const a = ye(C(e));
+    const a = ye(E(e));
     !a || n.value || (Ee && (o = Z(
       a,
       "touchmove",
@@ -1187,10 +1203,10 @@ 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;
     },
@@ -1207,7 +1223,7 @@ function un() {
       return;
     e = !0;
     const u = rn(n, o.value);
-    B(t, (c) => u.value = c);
+    X(t, (c) => u.value = c);
   };
 }
 un();
@@ -1224,9 +1240,9 @@ const cn = {
     store: {}
   },
   setup(e) {
-    return (t, n) => t.columns.length ? (S(), T("thead", cn, [
+    return (t, n) => t.columns.length ? (S(), R("thead", cn, [
       L("tr", dn, [
-        t.store.zeroColumn ? (S(), T("th", {
+        t.store.zeroColumn ? (S(), R("th", {
           key: 0,
           id: "header-index",
           class: j([[
@@ -1235,7 +1251,7 @@ const cn = {
             t.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
         }, null, 2)) : _("", !0),
-        (S(!0), T(ie, null, Ce(t.columns, (o, u) => (S(), T("th", {
+        (S(!0), R(ie, null, Ce(t.columns, (o, u) => (S(), R("th", {
           key: o.name,
           tabindex: "-1",
           style: Y(t.store.getHeaderCellStyle(o)),
@@ -1254,7 +1270,7 @@ const cn = {
     store: {}
   },
   setup(e) {
-    const t = N("amodal"), { width: n, height: o } = ge(t), u = I(() => {
+    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 c = (g = e.store.modal.cell) == null ? void 0 : g.closest("table"), l = c.offsetHeight || 0, a = c.offsetWidth || 0;
@@ -1267,7 +1283,7 @@ const cn = {
         top: `${i}px`
       };
     });
-    return (c, l) => (S(), T("div", {
+    return (c, l) => (S(), R("div", {
       class: "amodal",
       ref: "amodal",
       tabindex: "-1",
@@ -1285,22 +1301,22 @@ const cn = {
   return ft(`table-${t}`, () => {
     const o = () => {
       const h = {};
-      for (const [y, A] of c.value.entries())
+      for (const [y, T] of c.value.entries())
         for (const [O, D] of l.value.entries())
-          h[`${y}:${O}`] = D[A.name];
+          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 A = /* @__PURE__ */ new Set();
+      const T = /* @__PURE__ */ new Set();
       for (let O = l.value.length - 1; O >= 0; O--) {
         const D = l.value[O];
-        D.parent && A.add(D.parent), y[O] = {
+        D.parent && T.add(D.parent), y[O] = {
           childrenOpen: !1,
           expanded: !1,
           indent: D.indent || 0,
-          isParent: A.has(O),
+          isParent: T.has(O),
           isRoot: D.parent === null || D.parent === void 0,
           rowModified: !1,
           open: D.parent === null || D.parent === void 0,
@@ -1308,33 +1324,33 @@ const cn = {
         };
       }
       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 = I(() => c.value.some((h) => h.pinned)), w = I(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), v = I(
+    }, 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
-    ), x = (h, y) => i.value[`${h}:${y}`], f = (h, y, A) => {
+    ), x = (h, y) => i.value[`${h}:${y}`], f = (h, y, T) => {
       const O = `${h}:${y}`, D = c.value[h];
-      i.value[O] !== A && (r.value[y].rowModified = !0), i.value[O] = A, l.value[y][D.name] = A;
-    }, d = (h, y, A) => {
+      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] !== A && (r.value[y].rowModified = !0, g.value[O] = A);
+      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
-    }), k = (h) => {
+    }), 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, M = (h) => a.value.view !== "tree" ? "" : r.value[h].isRoot || r.value[h].isParent ? r.value[h].childrenOpen ? "-" : "+" : "", Q = (h) => {
+    }, $ = (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[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);
-    }, E = (h, y) => {
-      const A = x(h, y);
-      return R(h, y, A);
-    }, R = (h, y, A) => {
+    }, 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(A, { table: i.value, row: D, column: O }) : typeof ae == "string" ? Function(`"use strict";return (${ae})`)()(A, { table: i.value, row: D, column: O }) : A : A;
+      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
@@ -1355,20 +1371,20 @@ const cn = {
         h.target instanceof Node && (y = s.value.parent) != null && y.contains(h.target) || s.value.visible && (s.value.visible = !1);
       },
       getCellData: x,
-      getCellDisplayValue: E,
-      getFormattedValue: R,
+      getCellDisplayValue: C,
+      getFormattedValue: A,
       getHeaderCellStyle: p,
       getIndent: (h, y) => y && h === 0 && y > 0 ? `${y}ch` : "inherit",
-      getRowExpandSymbol: M,
-      isRowGantt: k,
+      getRowExpandSymbol: I,
+      isRowGantt: M,
       isRowVisible: $,
       setCellData: f,
       setCellText: d,
       toggleRowExpand: Q,
       updateGanttBar: (h) => {
-        var A;
-        const y = (A = l.value[h.rowIndex]) == null ? void 0 : A.gantt;
-        y && (h.type === "resize" ? h.edge === "start" ? y.startIndex = h.newValue : h.edge === "end" && (y.endIndex = h.newValue) : h.type === "bar" && (y.startIndex = h.newStart, y.endIndex = h.newEnd));
+        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));
       }
     };
   })();
@@ -1393,11 +1409,11 @@ const cn = {
       } else if (s === "updateGanttBar") {
         const [v] = m;
         let x = !1;
-        v.type === "resize" ? x = v.oldValue !== v.newValue : v.type === "bar" && (x = v.oldStart !== v.newStart || v.oldEnd !== v.newEnd), x && w(() => {
+        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);
         });
       }
-    }), B(
+    }), X(
       () => l.rows,
       (s) => {
         o("update:modelValue", s);
@@ -1406,7 +1422,7 @@ 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 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];
@@ -1447,7 +1463,7 @@ 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, g) => xe((S(), T("table", {
+    return t({ store: l }), (s, g) => xe((S(), R("table", {
       ref: "table",
       class: "atable",
       style: Y({
@@ -1462,16 +1478,16 @@ const cn = {
       ], !0),
       L("tbody", null, [
         W(s.$slots, "body", { data: b(l) }, () => [
-          (S(!0), T(ie, null, Ce(b(l).rows, (m, w) => (S(), se(_e, {
+          (S(!0), R(ie, null, Ce(b(l).rows, (m, w) => (S(), se(_e, {
             key: m.id,
             row: m,
             rowIndex: w,
             store: b(l)
           }, {
             default: De(() => [
-              (S(!0), T(ie, null, Ce(r(m), (v, x) => {
+              (S(!0), R(ie, null, Ce(r(m), (v, x) => {
                 var f, d, p;
-                return S(), T(ie, {
+                return S(), R(ie, {
                   key: v.name
                 }, [
                   v.isGantt ? (S(), se(ve(v.ganttComponent || "AGanttCell"), {
@@ -1530,9 +1546,9 @@ const cn = {
       [b(an), b(l).closeModal]
     ]);
   }
-}), mn = /* @__PURE__ */ le(vn, [["__scopeId", "data-v-7d899652"]]), 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 S(), T("div", hn, [
+  return S(), R("div", hn, [
     L("h2", pn, [
       W(e.$slots, "default", {}, void 0, !0)
     ]),
@@ -1541,7 +1557,7 @@ function wn(e, t) {
 }
 const yn = /* @__PURE__ */ le(gn, [["render", wn], ["__scopeId", "data-v-a930a25b"]]), bn = {}, xn = { class: "aloading" }, Cn = { class: "aloading-header" };
 function En(e, t) {
-  return S(), T("div", xn, [
+  return S(), R("div", xn, [
     L("h2", Cn, [
       W(e.$slots, "default", {}, void 0, !0)
     ]),