@stonecrop/atable 0.4.10 → 0.4.12

package/dist/atable.js

@@ -1,17 +1,17 @@
-import { onMounted as K, ref as M, watch as L, onBeforeUnmount as _e, computed as C, shallowRef as R, toValue as k, watchEffect as et, getCurrentScope as He, onScopeDispose as We, unref as b, getCurrentInstance as de, nextTick as Ne, toRef as tt, readonly as nt, customRef as ot, defineComponent as F, useTemplateRef as _, createElementBlock as $, openBlock as E, normalizeClass as G, normalizeStyle as X, createBlock as oe, resolveDynamicComponent as Ve, mergeProps as fe, toDisplayString as J, Fragment as se, createElementVNode as P, createCommentVNode as Q, renderSlot as O, withDirectives as ie, vShow as je, renderList as ue, createTextVNode as lt, withModifiers as ke, createVNode as Ie, withCtx as $e } from "vue";
-import { defineStore as st } from "pinia";
-import './assets/index.css';function me(e) {
-  return He() ? (We(e), !0) : !1;
+import { onMounted as te, ref as P, watch as N, onBeforeUnmount as ot, computed as A, shallowRef as W, toValue as C, watchEffect as lt, getCurrentScope as Fe, onScopeDispose as je, unref as x, getCurrentInstance as Ee, nextTick as Ge, isRef as at, toRefs as st, customRef as Ue, toRef as rt, readonly as it, defineComponent as J, useTemplateRef as B, createElementBlock as R, openBlock as $, normalizeClass as G, normalizeStyle as Y, createBlock as ae, resolveDynamicComponent as fe, mergeProps as ke, toDisplayString as Z, Fragment as re, createElementVNode as D, createCommentVNode as K, renderSlot as X, useCssVars as ut, withDirectives as be, vShow as Ye, renderList as xe, createTextVNode as ct, withModifiers as Pe, createVNode as Oe, withCtx as Le } from "vue";
+import { defineStore as dt } from "pinia";
+import './assets/index.css';function Me(e) {
+  return Fe() ? (je(e), !0) : !1;
 }
-const rt = typeof window < "u" && typeof document < "u";
+const ft = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const at = (e) => e != null, it = Object.prototype.toString, ut = (e) => it.call(e) === "[object Object]", ct = () => {
+const vt = (e) => e != null, mt = Object.prototype.toString, pt = (e) => mt.call(e) === "[object Object]", ht = () => {
 };
-function le(e) {
+function ve(e) {
   return Array.isArray(e) ? e : [e];
 }
-function dt(e, t, n) {
-  return L(
+function gt(e, t, n) {
+  return N(
     e,
     t,
     {
@@ -20,447 +20,472 @@ function dt(e, t, n) {
     }
   );
 }
-const U = rt ? window : void 0;
-function B(e) {
+const ne = ft ? window : void 0;
+function _(e) {
   var t;
-  const n = k(e);
+  const n = C(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function Z(...e) {
+function ue(...e) {
   const t = [], n = () => {
-    t.forEach((l) => l()), t.length = 0;
-  }, s = (l, o, a, c) => (l.addEventListener(o, a, c), () => l.removeEventListener(o, a, c)), i = C(() => {
-    const l = le(k(e[0])).filter((o) => o != null);
-    return l.every((o) => typeof o != "string") ? l : void 0;
-  }), u = dt(
+    t.forEach((a) => a()), t.length = 0;
+  }, l = (a, r, s, c) => (a.addEventListener(r, s, c), () => a.removeEventListener(r, s, c)), i = A(() => {
+    const a = ve(C(e[0])).filter((r) => r != null);
+    return a.every((r) => typeof r != "string") ? a : void 0;
+  }), u = gt(
     () => {
-      var l, o;
+      var a, r;
       return [
-        (o = (l = i.value) == null ? void 0 : l.map((a) => B(a))) != null ? o : [U].filter((a) => a != null),
-        le(k(i.value ? e[1] : e[0])),
-        le(b(i.value ? e[2] : e[1])),
+        (r = (a = i.value) == null ? void 0 : a.map((s) => _(s))) != null ? r : [ne].filter((s) => s != null),
+        ve(C(i.value ? e[1] : e[0])),
+        ve(x(i.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        k(i.value ? e[3] : e[2])
+        C(i.value ? e[3] : e[2])
       ];
     },
-    ([l, o, a, c]) => {
-      if (n(), !(l != null && l.length) || !(o != null && o.length) || !(a != null && a.length))
+    ([a, r, s, c]) => {
+      if (n(), !(a != null && a.length) || !(r != null && r.length) || !(s != null && s.length))
         return;
-      const v = ut(c) ? { ...c } : c;
+      const v = pt(c) ? { ...c } : c;
       t.push(
-        ...l.flatMap(
-          (f) => o.flatMap(
-            (m) => a.map((g) => s(f, m, g, v))
+        ...a.flatMap(
+          (m) => r.flatMap(
+            (d) => s.map((g) => l(m, d, g, v))
           )
         )
       );
     },
     { flush: "post" }
-  ), r = () => {
+  ), o = () => {
     u(), n();
   };
-  return me(n), r;
+  return Me(n), o;
 }
-function ft() {
-  const e = R(!1), t = de();
-  return t && K(() => {
+function wt() {
+  const e = W(!1), t = Ee();
+  return t && te(() => {
     e.value = !0;
   }, t), e;
 }
-function mt(e) {
-  const t = ft();
-  return C(() => (t.value, !!e()));
+function yt(e) {
+  const t = wt();
+  return A(() => (t.value, !!e()));
 }
-function vt(e, t, n = {}) {
-  const { window: s = U, ...i } = n;
+function bt(e, t, n = {}) {
+  const { window: l = ne, ...i } = n;
   let u;
-  const r = mt(() => s && "MutationObserver" in s), l = () => {
+  const o = yt(() => l && "MutationObserver" in l), a = () => {
     u && (u.disconnect(), u = void 0);
-  }, o = C(() => {
-    const f = k(e), m = le(f).map(B).filter(at);
-    return new Set(m);
-  }), a = L(
-    () => o.value,
-    (f) => {
-      l(), r.value && f.size && (u = new MutationObserver(t), f.forEach((m) => u.observe(m, i)));
+  }, r = A(() => {
+    const m = C(e), d = ve(m).map(_).filter(vt);
+    return new Set(d);
+  }), s = N(
+    () => r.value,
+    (m) => {
+      a(), o.value && m.size && (u = new MutationObserver(t), m.forEach((d) => u.observe(d, i)));
     },
     { immediate: !0, flush: "post" }
   ), c = () => u == null ? void 0 : u.takeRecords(), v = () => {
-    a(), l();
+    s(), a();
   };
-  return me(v), {
-    isSupported: r,
+  return Me(v), {
+    isSupported: o,
     stop: v,
     takeRecords: c
   };
 }
-function pt(e, t, n = {}) {
+function xt(e, t, n = {}) {
   const {
-    window: s = U,
-    document: i = s == null ? void 0 : s.document,
+    window: l = ne,
+    document: i = l == null ? void 0 : l.document,
     flush: u = "sync"
   } = n;
-  if (!s || !i)
-    return ct;
-  let r;
-  const l = (c) => {
-    r == null || r(), r = c;
-  }, o = et(() => {
-    const c = B(e);
+  if (!l || !i)
+    return ht;
+  let o;
+  const a = (c) => {
+    o == null || o(), o = c;
+  }, r = lt(() => {
+    const c = _(e);
     if (c) {
-      const { stop: v } = vt(
+      const { stop: v } = bt(
         i,
-        (f) => {
-          f.map((m) => [...m.removedNodes]).flat().some((m) => m === c || m.contains(c)) && t(f);
+        (m) => {
+          m.map((d) => [...d.removedNodes]).flat().some((d) => d === c || d.contains(c)) && t(m);
         },
         {
-          window: s,
+          window: l,
           childList: !0,
           subtree: !0
         }
       );
-      l(v);
+      a(v);
     }
-  }, { flush: u }), a = () => {
-    o(), l();
+  }, { flush: u }), s = () => {
+    r(), a();
   };
-  return me(a), a;
+  return Me(s), s;
 }
-function ht(e = {}) {
+function Ct(e = {}) {
   var t;
   const {
-    window: n = U,
-    deep: s = !0,
+    window: n = ne,
+    deep: l = !0,
     triggerOnRemoval: i = !1
-  } = e, u = (t = e.document) != null ? t : n == null ? void 0 : n.document, r = () => {
-    var a;
+  } = e, u = (t = e.document) != null ? t : n == null ? void 0 : n.document, o = () => {
+    var s;
     let c = u == null ? void 0 : u.activeElement;
-    if (s)
+    if (l)
       for (; c != null && c.shadowRoot; )
-        c = (a = c == null ? void 0 : c.shadowRoot) == null ? void 0 : a.activeElement;
+        c = (s = c == null ? void 0 : c.shadowRoot) == null ? void 0 : s.activeElement;
     return c;
-  }, l = M(), o = () => {
-    l.value = r();
+  }, a = P(), r = () => {
+    a.value = o();
   };
   if (n) {
-    const a = {
+    const s = {
       capture: !0,
       passive: !0
     };
-    Z(
+    ue(
       n,
       "blur",
       (c) => {
-        c.relatedTarget === null && o();
+        c.relatedTarget === null && r();
       },
-      a
-    ), Z(
+      s
+    ), ue(
       n,
       "focus",
-      o,
-      a
+      r,
+      s
     );
   }
-  return i && pt(l, o, { document: u }), o(), l;
+  return i && xt(a, r, { document: u }), r(), a;
 }
-const wt = "focusin", gt = "focusout", bt = ":focus-within";
-function yt(e, t = {}) {
-  const { window: n = U } = t, s = C(() => B(e)), i = R(!1), u = C(() => i.value), r = ht(t);
-  if (!n || !r.value)
+const Et = "focusin", kt = "focusout", Mt = ":focus-within";
+function $t(e, t = {}) {
+  const { window: n = ne } = t, l = A(() => _(e)), i = W(!1), u = A(() => i.value), o = Ct(t);
+  if (!n || !o.value)
     return { focused: u };
-  const l = { passive: !0 };
-  return Z(s, wt, () => i.value = !0, l), Z(s, gt, () => {
-    var o, a, c;
-    return i.value = (c = (a = (o = s.value) == null ? void 0 : o.matches) == null ? void 0 : a.call(o, bt)) != null ? c : !1;
-  }, l), { focused: u };
+  const a = { passive: !0 };
+  return ue(l, Et, () => i.value = !0, a), ue(l, kt, () => {
+    var r, s, c;
+    return i.value = (c = (s = (r = l.value) == null ? void 0 : r.matches) == null ? void 0 : s.call(r, Mt)) != null ? c : !1;
+  }, a), { focused: u };
 }
-function xt(e, { window: t = U, scrollTarget: n } = {}) {
-  const s = M(!1), i = () => {
+function At(e, { window: t = ne, scrollTarget: n } = {}) {
+  const l = P(!1), i = () => {
     if (!t) return;
-    const u = t.document, r = B(e);
-    if (!r)
-      s.value = !1;
+    const u = t.document, o = _(e);
+    if (!o)
+      l.value = !1;
     else {
-      const l = r.getBoundingClientRect();
-      s.value = l.top <= (t.innerHeight || u.documentElement.clientHeight) && l.left <= (t.innerWidth || u.documentElement.clientWidth) && l.bottom >= 0 && l.right >= 0;
+      const a = o.getBoundingClientRect();
+      l.value = a.top <= (t.innerHeight || u.documentElement.clientHeight) && a.left <= (t.innerWidth || u.documentElement.clientWidth) && a.bottom >= 0 && a.right >= 0;
     }
   };
-  return L(
-    () => B(e),
+  return N(
+    () => _(e),
     () => i(),
     { immediate: !0, flush: "post" }
-  ), t && Z(n || t, "scroll", i, {
+  ), t && ue(n || t, "scroll", i, {
     capture: !1,
     passive: !0
-  }), s;
+  }), l;
 }
-const D = (e) => {
-  let t = xt(e).value;
+const z = (e) => {
+  let t = At(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, H = (e) => e.tabIndex >= 0, Ae = (e) => {
+}, F = (e) => e.tabIndex >= 0, De = (e) => {
   const t = e.target;
-  return ve(t);
-}, ve = (e) => {
+  return $e(t);
+}, $e = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
-    const s = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
-    if (s) {
-      const i = Array.from(s.children)[e.cellIndex];
+    const l = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
+    if (l) {
+      const i = Array.from(l.children)[e.cellIndex];
       i && (n = i);
     }
   } else if (e instanceof HTMLTableRowElement) {
-    const s = e.previousElementSibling;
-    s && (n = s);
+    const l = e.previousElementSibling;
+    l && (n = l);
   }
-  return n && (!H(n) || !D(n)) ? ve(n) : n;
-}, Et = (e) => {
+  return n && (!F(n) || !z(n)) ? $e(n) : n;
+}, It = (e) => {
   var t;
   const n = e.target;
-  let s;
+  let l;
   if (n instanceof HTMLTableCellElement) {
     const i = (t = n.parentElement) == null ? void 0 : t.parentElement;
     if (i) {
-      const u = i.firstElementChild, r = u == null ? void 0 : u.children[n.cellIndex];
-      r && (s = r);
+      const u = i.firstElementChild, o = u == null ? void 0 : u.children[n.cellIndex];
+      o && (l = o);
     }
   } else if (n instanceof HTMLTableRowElement) {
     const i = n.parentElement;
     if (i) {
       const u = i.firstElementChild;
-      u && (s = u);
+      u && (l = u);
     }
   }
-  return s && (!H(s) || !D(s)) ? pe(s) : s;
-}, Se = (e) => {
+  return l && (!F(l) || !z(l)) ? Ae(l) : l;
+}, He = (e) => {
   const t = e.target;
-  return pe(t);
-}, pe = (e) => {
+  return Ae(t);
+}, Ae = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
-    const s = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
-    if (s) {
-      const i = Array.from(s.children)[e.cellIndex];
+    const l = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
+    if (l) {
+      const i = Array.from(l.children)[e.cellIndex];
       i && (n = i);
     }
   } else if (e instanceof HTMLTableRowElement) {
-    const s = e.nextElementSibling;
-    s && (n = s);
+    const l = e.nextElementSibling;
+    l && (n = l);
   }
-  return n && (!H(n) || !D(n)) ? pe(n) : n;
-}, Ct = (e) => {
+  return n && (!F(n) || !z(n)) ? Ae(n) : n;
+}, St = (e) => {
   var t;
   const n = e.target;
-  let s;
+  let l;
   if (n instanceof HTMLTableCellElement) {
     const i = (t = n.parentElement) == null ? void 0 : t.parentElement;
     if (i) {
-      const u = i.lastElementChild, r = u == null ? void 0 : u.children[n.cellIndex];
-      r && (s = r);
+      const u = i.lastElementChild, o = u == null ? void 0 : u.children[n.cellIndex];
+      o && (l = o);
     }
   } else if (n instanceof HTMLTableRowElement) {
     const i = n.parentElement;
     if (i) {
       const u = i.lastElementChild;
-      u && (s = u);
+      u && (l = u);
     }
   }
-  return s && (!H(s) || !D(s)) ? ve(s) : s;
-}, Te = (e) => {
+  return l && (!F(l) || !z(l)) ? $e(l) : l;
+}, We = (e) => {
   const t = e.target;
-  return he(t);
-}, he = (e) => {
+  return Ie(t);
+}, Ie = (e) => {
   var t;
   let n;
   if (e.previousElementSibling)
     n = e.previousElementSibling;
   else {
-    const s = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
-    n = s == null ? void 0 : s.lastElementChild;
+    const l = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
+    n = l == null ? void 0 : l.lastElementChild;
   }
-  return n && (!H(n) || !D(n)) ? he(n) : n;
-}, Me = (e) => {
+  return n && (!F(n) || !z(n)) ? Ie(n) : n;
+}, Xe = (e) => {
   const t = e.target;
-  return we(t);
-}, we = (e) => {
+  return Se(t);
+}, Se = (e) => {
   var t;
   let n;
   if (e.nextElementSibling)
     n = e.nextElementSibling;
   else {
-    const s = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
-    n = s == null ? void 0 : s.firstElementChild;
+    const l = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
+    n = l == null ? void 0 : l.firstElementChild;
   }
-  return n && (!H(n) || !D(n)) ? we(n) : n;
-}, Re = (e) => {
+  return n && (!F(n) || !z(n)) ? Se(n) : n;
+}, Ve = (e) => {
   const t = e.target.parentElement, n = t == null ? void 0 : t.firstElementChild;
-  return n && (!H(n) || !D(n)) ? we(n) : n;
-}, Oe = (e) => {
+  return n && (!F(n) || !z(n)) ? Se(n) : n;
+}, Ne = (e) => {
   const t = e.target.parentElement, n = t == null ? void 0 : t.lastElementChild;
-  return n && (!H(n) || !D(n)) ? he(n) : n;
-}, ne = ["alt", "control", "shift", "meta"], kt = {
+  return n && (!F(n) || !z(n)) ? Ie(n) : n;
+}, de = ["alt", "control", "shift", "meta"], Tt = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, ge = {
+}, Te = {
   "keydown.up": (e) => {
-    const t = Ae(e);
+    const t = De(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
-    const t = Se(e);
+    const t = He(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = Te(e);
+    const t = We(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = Me(e);
+    const t = Xe(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = Et(e);
+    const t = It(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = Ct(e);
+    const t = St(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = Re(e);
+    const t = Ve(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = Oe(e);
+    const t = Ne(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = Oe(e);
+    const t = Ne(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = Se(e);
+      const t = He(e);
       t && t.focus();
     }
   },
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = Ae(e);
+      const t = De(e);
       t && t.focus();
     }
   },
   "keydown.home": (e) => {
-    const t = Re(e);
+    const t = Ve(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = Me(e);
+    const t = Xe(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = Te(e);
+    const t = We(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
-function be(e) {
-  const t = (r) => {
-    let l = null;
-    return r.parent && (typeof r.parent == "string" ? l = document.querySelector(r.parent) : r.parent instanceof HTMLElement ? l = r.parent : l = r.parent.value), l;
-  }, n = (r) => {
-    var l;
-    const o = t(r);
-    let a = [];
-    if (typeof r.selectors == "string")
-      a = o ? Array.from(o.querySelectorAll(r.selectors)) : Array.from(document.querySelectorAll(r.selectors));
-    else if (Array.isArray(r.selectors))
-      for (const c of r.selectors)
-        c instanceof HTMLElement ? a.push(c) : a.push(c.$el);
-    else if (r.selectors instanceof HTMLElement)
-      a.push(r.selectors);
-    else if ((l = r.selectors) != null && l.value)
-      if (Array.isArray(r.selectors.value))
-        for (const c of r.selectors.value)
-          c instanceof HTMLElement ? a.push(c) : a.push(c.$el);
+function Re(e) {
+  const t = (o) => {
+    let a = null;
+    return o.parent && (typeof o.parent == "string" ? a = document.querySelector(o.parent) : o.parent instanceof HTMLElement ? a = o.parent : a = o.parent.value), a;
+  }, n = (o) => {
+    var a;
+    const r = t(o);
+    let s = [];
+    if (typeof o.selectors == "string")
+      s = r ? Array.from(r.querySelectorAll(o.selectors)) : Array.from(document.querySelectorAll(o.selectors));
+    else if (Array.isArray(o.selectors))
+      for (const c of o.selectors)
+        c instanceof HTMLElement ? s.push(c) : s.push(c.$el);
+    else if (o.selectors instanceof HTMLElement)
+      s.push(o.selectors);
+    else if ((a = o.selectors) != null && a.value)
+      if (Array.isArray(o.selectors.value))
+        for (const c of o.selectors.value)
+          c instanceof HTMLElement ? s.push(c) : s.push(c.$el);
       else
-        a.push(r.selectors.value);
-    return a;
-  }, s = (r) => {
-    const l = t(r);
-    let o = [];
-    return r.selectors ? o = n(r) : l && (o = Array.from(l.children).filter((a) => H(a) && D(a))), o;
-  }, i = (r) => (l) => {
-    const o = kt[l.key] || l.key.toLowerCase();
-    if (ne.includes(o)) return;
-    const a = r.handlers || ge;
-    for (const c of Object.keys(a)) {
-      const [v, ...f] = c.split(".");
-      if (v === "keydown" && f.includes(o)) {
-        const m = a[c], g = f.filter((d) => ne.includes(d)), x = ne.some((d) => {
-          const p = d.charAt(0).toUpperCase() + d.slice(1);
-          return l.getModifierState(p);
+        s.push(o.selectors.value);
+    return s;
+  }, l = (o) => {
+    const a = t(o);
+    let r = [];
+    return o.selectors ? r = n(o) : a && (r = Array.from(a.children).filter((s) => F(s) && z(s))), r;
+  }, i = (o) => (a) => {
+    const r = Tt[a.key] || a.key.toLowerCase();
+    if (de.includes(r)) return;
+    const s = o.handlers || Te;
+    for (const c of Object.keys(s)) {
+      const [v, ...m] = c.split(".");
+      if (v === "keydown" && m.includes(r)) {
+        const d = s[c], g = m.filter((f) => de.includes(f)), M = de.some((f) => {
+          const p = f.charAt(0).toUpperCase() + f.slice(1);
+          return a.getModifierState(p);
         });
         if (g.length > 0) {
-          if (x) {
-            for (const d of ne)
-              if (f.includes(d)) {
-                const p = d.charAt(0).toUpperCase() + d.slice(1);
-                l.getModifierState(p) && m(l);
+          if (M) {
+            for (const f of de)
+              if (m.includes(f)) {
+                const p = f.charAt(0).toUpperCase() + f.slice(1);
+                a.getModifierState(p) && d(a);
               }
           }
         } else
-          x || m(l);
+          M || d(a);
       }
     }
   }, u = [];
-  K(() => {
-    for (const r of e) {
-      const l = t(r), o = s(r), a = i(r), c = l ? [l] : o;
+  te(() => {
+    for (const o of e) {
+      const a = t(o), r = l(o), s = i(o), c = a ? [a] : r;
       for (const v of c) {
-        const { focused: f } = yt(M(v)), m = L(f, (g) => {
-          g ? v.addEventListener("keydown", a) : v.removeEventListener("keydown", a);
+        const { focused: m } = $t(P(v)), d = N(m, (g) => {
+          g ? v.addEventListener("keydown", s) : v.removeEventListener("keydown", s);
         });
-        u.push(m);
+        u.push(d);
       }
     }
-  }), _e(() => {
-    for (const r of u)
-      r();
+  }), ot(() => {
+    for (const o of u)
+      o();
   });
 }
-function ee(e) {
-  return He() ? (We(e), !0) : !1;
+function ce(e) {
+  return Fe() ? (je(e), !0) : !1;
 }
-const ye = typeof window < "u" && typeof document < "u";
+const pe = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const It = (e) => e != null, $t = Object.prototype.toString, Be = (e) => $t.call(e) === "[object Object]", N = () => {
-}, ce = /* @__PURE__ */ At();
-function At() {
+const Rt = (e) => e != null, Pt = Object.prototype.toString, qe = (e) => Pt.call(e) === "[object Object]", U = () => {
+}, Ce = /* @__PURE__ */ Ot();
+function Ot() {
   var e, t;
-  return ye && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+  return pe && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
 }
-function St(e) {
-  return de();
+function Lt(e) {
+  return Ee();
 }
-function V(e) {
+function q(e) {
   return Array.isArray(e) ? e : [e];
 }
-function Tt(...e) {
+function Dt(...e) {
   if (e.length !== 1)
-    return tt(...e);
+    return rt(...e);
   const t = e[0];
-  return typeof t == "function" ? nt(ot(() => ({ get: t, set: N }))) : M(t);
+  return typeof t == "function" ? it(Ue(() => ({ get: t, set: U }))) : P(t);
 }
-function Mt(e, t = !0, n) {
-  St() ? K(e, n) : t ? e() : Ne(e);
+function Ht(e, t = {}) {
+  if (!at(e))
+    return st(e);
+  const n = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
+  for (const l in e.value)
+    n[l] = Ue(() => ({
+      get() {
+        return e.value[l];
+      },
+      set(i) {
+        var u;
+        if ((u = C(t.replaceRef)) != null ? u : !0)
+          if (Array.isArray(e.value)) {
+            const a = [...e.value];
+            a[l] = i, e.value = a;
+          } else {
+            const a = { ...e.value, [l]: i };
+            Object.setPrototypeOf(a, Object.getPrototypeOf(e.value)), e.value = a;
+          }
+        else
+          e.value[l] = i;
+      }
+    }));
+  return n;
+}
+function Wt(e, t = !0, n) {
+  Lt() ? te(e, n) : t ? e() : Ge(e);
 }
-function ze(e, t, n) {
-  return L(
+function Je(e, t, n) {
+  return N(
     e,
     t,
     {
@@ -469,146 +494,206 @@ function ze(e, t, n) {
     }
   );
 }
-const xe = ye ? window : void 0;
-function z(e) {
+const he = pe ? window : void 0;
+function ee(e) {
   var t;
-  const n = k(e);
+  const n = C(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function Le(...e) {
+function ie(...e) {
   const t = [], n = () => {
-    t.forEach((l) => l()), t.length = 0;
-  }, s = (l, o, a, c) => (l.addEventListener(o, a, c), () => l.removeEventListener(o, a, c)), i = C(() => {
-    const l = V(k(e[0])).filter((o) => o != null);
-    return l.every((o) => typeof o != "string") ? l : void 0;
-  }), u = ze(
+    t.forEach((a) => a()), t.length = 0;
+  }, l = (a, r, s, c) => (a.addEventListener(r, s, c), () => a.removeEventListener(r, s, c)), i = A(() => {
+    const a = q(C(e[0])).filter((r) => r != null);
+    return a.every((r) => typeof r != "string") ? a : void 0;
+  }), u = Je(
     () => {
-      var l, o;
+      var a, r;
       return [
-        (o = (l = i.value) == null ? void 0 : l.map((a) => z(a))) != null ? o : [xe].filter((a) => a != null),
-        V(k(i.value ? e[1] : e[0])),
-        V(b(i.value ? e[2] : e[1])),
+        (r = (a = i.value) == null ? void 0 : a.map((s) => ee(s))) != null ? r : [he].filter((s) => s != null),
+        q(C(i.value ? e[1] : e[0])),
+        q(x(i.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        k(i.value ? e[3] : e[2])
+        C(i.value ? e[3] : e[2])
       ];
     },
-    ([l, o, a, c]) => {
-      if (n(), !(l != null && l.length) || !(o != null && o.length) || !(a != null && a.length))
+    ([a, r, s, c]) => {
+      if (n(), !(a != null && a.length) || !(r != null && r.length) || !(s != null && s.length))
         return;
-      const v = Be(c) ? { ...c } : c;
+      const v = qe(c) ? { ...c } : c;
       t.push(
-        ...l.flatMap(
-          (f) => o.flatMap(
-            (m) => a.map((g) => s(f, m, g, v))
+        ...a.flatMap(
+          (m) => r.flatMap(
+            (d) => s.map((g) => l(m, d, g, v))
           )
         )
       );
     },
     { flush: "post" }
-  ), r = () => {
+  ), o = () => {
     u(), n();
   };
-  return ee(n), r;
+  return ce(n), o;
 }
-function Rt() {
-  const e = R(!1), t = de();
-  return t && K(() => {
+function Xt() {
+  const e = W(!1), t = Ee();
+  return t && te(() => {
     e.value = !0;
   }, t), e;
 }
-function Fe(e) {
-  const t = Rt();
-  return C(() => (t.value, !!e()));
+function Qe(e) {
+  const t = Xt();
+  return A(() => (t.value, !!e()));
 }
-function Ue(e, t, n = {}) {
-  const { window: s = xe, ...i } = n;
+function Ze(e, t, n = {}) {
+  const { window: l = he, ...i } = n;
   let u;
-  const r = Fe(() => s && "MutationObserver" in s), l = () => {
+  const o = Qe(() => l && "MutationObserver" in l), a = () => {
     u && (u.disconnect(), u = void 0);
-  }, o = C(() => {
-    const f = k(e), m = V(f).map(z).filter(It);
-    return new Set(m);
-  }), a = L(
-    () => o.value,
-    (f) => {
-      l(), r.value && f.size && (u = new MutationObserver(t), f.forEach((m) => u.observe(m, i)));
+  }, r = A(() => {
+    const m = C(e), d = q(m).map(ee).filter(Rt);
+    return new Set(d);
+  }), s = N(
+    () => r.value,
+    (m) => {
+      a(), o.value && m.size && (u = new MutationObserver(t), m.forEach((d) => u.observe(d, i)));
     },
     { immediate: !0, flush: "post" }
   ), c = () => u == null ? void 0 : u.takeRecords(), v = () => {
-    a(), l();
+    s(), a();
   };
-  return ee(v), {
-    isSupported: r,
+  return ce(v), {
+    isSupported: o,
     stop: v,
     takeRecords: c
   };
 }
-function Ot(e, t, n = {}) {
-  const { window: s = xe, ...i } = n;
+function ge(e, t = {}) {
+  var n;
+  const {
+    pointerTypes: l,
+    preventDefault: i,
+    stopPropagation: u,
+    exact: o,
+    onMove: a,
+    onEnd: r,
+    onStart: s,
+    initialValue: c,
+    axis: v = "both",
+    draggingElement: m = he,
+    containerElement: d,
+    handle: g = e,
+    buttons: M = [0]
+  } = t, f = P(
+    (n = C(c)) != null ? n : { x: 0, y: 0 }
+  ), p = P(), w = (b) => l ? l.includes(b.pointerType) : !0, E = (b) => {
+    C(i) && b.preventDefault(), C(u) && b.stopPropagation();
+  }, I = (b) => {
+    var T;
+    if (!C(M).includes(b.button) || C(t.disabled) || !w(b) || C(o) && b.target !== C(e))
+      return;
+    const V = C(d), j = (T = V == null ? void 0 : V.getBoundingClientRect) == null ? void 0 : T.call(V), h = C(e).getBoundingClientRect(), y = {
+      x: b.clientX - (V ? h.left - j.left + V.scrollLeft : h.left),
+      y: b.clientY - (V ? h.top - j.top + V.scrollTop : h.top)
+    };
+    (s == null ? void 0 : s(y, b)) !== !1 && (p.value = y, E(b));
+  }, k = (b) => {
+    if (C(t.disabled) || !w(b) || !p.value)
+      return;
+    const T = C(d), V = C(e).getBoundingClientRect();
+    let { x: j, y: h } = f.value;
+    (v === "x" || v === "both") && (j = b.clientX - p.value.x, T && (j = Math.min(Math.max(0, j), T.scrollWidth - V.width))), (v === "y" || v === "both") && (h = b.clientY - p.value.y, T && (h = Math.min(Math.max(0, h), T.scrollHeight - V.height))), f.value = {
+      x: j,
+      y: h
+    }, a == null || a(f.value, b), E(b);
+  }, S = (b) => {
+    C(t.disabled) || !w(b) || p.value && (p.value = void 0, r == null || r(f.value, b), E(b));
+  };
+  if (pe) {
+    const b = () => {
+      var T;
+      return {
+        capture: (T = t.capture) != null ? T : !0,
+        passive: !C(i)
+      };
+    };
+    ie(g, "pointerdown", I, b), ie(m, "pointermove", k, b), ie(m, "pointerup", S, b);
+  }
+  return {
+    ...Ht(f),
+    position: f,
+    isDragging: A(() => !!p.value),
+    style: A(
+      () => `left:${f.value.x}px;top:${f.value.y}px;`
+    )
+  };
+}
+function Vt(e, t, n = {}) {
+  const { window: l = he, ...i } = n;
   let u;
-  const r = Fe(() => s && "ResizeObserver" in s), l = () => {
+  const o = Qe(() => l && "ResizeObserver" in l), a = () => {
     u && (u.disconnect(), u = void 0);
-  }, o = C(() => {
-    const v = k(e);
-    return Array.isArray(v) ? v.map((f) => z(f)) : [z(v)];
-  }), a = L(
-    o,
+  }, r = A(() => {
+    const v = C(e);
+    return Array.isArray(v) ? v.map((m) => ee(m)) : [ee(v)];
+  }), s = N(
+    r,
     (v) => {
-      if (l(), r.value && s) {
+      if (a(), o.value && l) {
         u = new ResizeObserver(t);
-        for (const f of v)
-          f && u.observe(f, i);
+        for (const m of v)
+          m && u.observe(m, i);
       }
     },
     { immediate: !0, flush: "post" }
   ), c = () => {
-    l(), a();
+    a(), s();
   };
-  return ee(c), {
-    isSupported: r,
+  return ce(c), {
+    isSupported: o,
     stop: c
   };
 }
-function qe(e, t = {}) {
+function me(e, t = {}) {
   const {
     reset: n = !0,
-    windowResize: s = !0,
+    windowResize: l = !0,
     windowScroll: i = !0,
     immediate: u = !0,
-    updateTiming: r = "sync"
-  } = t, l = R(0), o = R(0), a = R(0), c = R(0), v = R(0), f = R(0), m = R(0), g = R(0);
-  function x() {
-    const p = z(e);
+    updateTiming: o = "sync"
+  } = t, a = W(0), r = W(0), s = W(0), c = W(0), v = W(0), m = W(0), d = W(0), g = W(0);
+  function M() {
+    const p = ee(e);
     if (!p) {
-      n && (l.value = 0, o.value = 0, a.value = 0, c.value = 0, v.value = 0, f.value = 0, m.value = 0, g.value = 0);
+      n && (a.value = 0, r.value = 0, s.value = 0, c.value = 0, v.value = 0, m.value = 0, d.value = 0, g.value = 0);
       return;
     }
-    const y = p.getBoundingClientRect();
-    l.value = y.height, o.value = y.bottom, a.value = y.left, c.value = y.right, v.value = y.top, f.value = y.width, m.value = y.x, g.value = y.y;
+    const w = p.getBoundingClientRect();
+    a.value = w.height, r.value = w.bottom, s.value = w.left, c.value = w.right, v.value = w.top, m.value = w.width, d.value = w.x, g.value = w.y;
   }
-  function d() {
-    r === "sync" ? x() : r === "next-frame" && requestAnimationFrame(() => x());
+  function f() {
+    o === "sync" ? M() : o === "next-frame" && requestAnimationFrame(() => M());
   }
-  return Ot(e, d), L(() => z(e), (p) => !p && d()), Ue(e, d, {
+  return Vt(e, f), N(() => ee(e), (p) => !p && f()), Ze(e, f, {
     attributeFilter: ["style", "class"]
-  }), i && Le("scroll", d, { capture: !0, passive: !0 }), s && Le("resize", d, { passive: !0 }), Mt(() => {
-    u && d();
+  }), i && ie("scroll", f, { capture: !0, passive: !0 }), l && ie("resize", f, { passive: !0 }), Wt(() => {
+    u && f();
   }), {
-    height: l,
-    bottom: o,
-    left: a,
+    height: a,
+    bottom: r,
+    left: s,
     right: c,
     top: v,
-    width: f,
-    x: m,
+    width: m,
+    x: d,
     y: g,
-    update: d
+    update: f
   };
 }
-const Lt = (e) => {
+const Nt = (e) => {
   const t = new DOMParser().parseFromString(e, "text/html");
   return Array.from(t.body.childNodes).some((n) => n.nodeType === 1);
-}, Pt = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), Dt = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Ht = ["innerHTML"], Wt = { key: 2 }, Ye = /* @__PURE__ */ F({
+}, Bt = (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 }, Gt = /* @__PURE__ */ J({
   __name: "ACell",
   props: {
     colIndex: {},
@@ -618,74 +703,76 @@ const Lt = (e) => {
     tabIndex: { default: 0 },
     pinned: { type: Boolean, default: !1 }
   },
-  setup(e) {
-    const t = _("cell"), n = e.store.getCellData(e.colIndex, e.rowIndex), s = M(""), i = M(!1), u = e.store.columns[e.colIndex], r = e.store.rows[e.rowIndex], l = u.align || "center", o = u.width || "40ch", a = C(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), c = C(() => typeof a.value == "string" ? Lt(a.value) : !1), v = C(() => {
-      var d;
+  setup(e, { expose: t }) {
+    const n = B("cell"), l = e.store.getCellData(e.colIndex, e.rowIndex), i = P(""), u = P(!1), o = e.store.columns[e.colIndex], a = e.store.rows[e.rowIndex], r = o.align || "center", s = o.width || "40ch", c = A(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), v = A(() => typeof c.value == "string" ? Nt(c.value) : !1), m = A(() => {
+      var p;
       return {
-        textAlign: l,
-        width: o,
-        fontWeight: i.value ? "bold" : "inherit",
-        paddingLeft: e.store.getIndent(e.colIndex, (d = e.store.display[e.rowIndex]) == null ? void 0 : d.indent)
+        textAlign: r,
+        width: s,
+        fontWeight: u.value ? "bold" : "inherit",
+        paddingLeft: e.store.getIndent(e.colIndex, (p = e.store.display[e.rowIndex]) == null ? void 0 : p.indent)
       };
-    }), f = C(() => ({
+    }), d = A(() => ({
       "sticky-column": e.pinned,
-      "cell-modified": i.value
-    })), m = () => {
-      const { left: d, bottom: p, width: y, height: W } = qe(t);
-      u.mask, u.modalComponent && e.store.$patch((A) => {
-        A.modal.visible = !0, A.modal.colIndex = e.colIndex, A.modal.rowIndex = e.rowIndex, A.modal.left = d, A.modal.bottom = p, A.modal.width = y, A.modal.height = W, A.modal.cell = t.value, typeof u.modalComponent == "function" ? A.modal.component = u.modalComponent({ table: A.table, row: r, column: u }) : A.modal.component = u.modalComponent, A.modal.componentProps = u.modalComponentExtraProps;
+      "cell-modified": u.value
+    })), g = () => {
+      const { left: p, bottom: w, width: E, height: I } = me(n);
+      o.mask, o.modalComponent && e.store.$patch((k) => {
+        k.modal.visible = !0, k.modal.colIndex = e.colIndex, k.modal.rowIndex = e.rowIndex, k.modal.left = p, k.modal.bottom = w, k.modal.width = E, k.modal.height = I, k.modal.cell = n.value, typeof o.modalComponent == "function" ? k.modal.component = o.modalComponent({ table: k.table, row: a, column: o }) : k.modal.component = o.modalComponent, k.modal.componentProps = o.modalComponentExtraProps;
       });
     };
     if (e.addNavigation) {
-      let d = {
-        ...ge,
-        "keydown.f2": m,
-        "keydown.alt.up": m,
-        "keydown.alt.down": m,
-        "keydown.alt.left": m,
-        "keydown.alt.right": m
+      let p = {
+        ...Te,
+        "keydown.f2": g,
+        "keydown.alt.up": g,
+        "keydown.alt.down": g,
+        "keydown.alt.left": g,
+        "keydown.alt.right": g
       };
-      typeof e.addNavigation == "object" && (d = {
-        ...d,
+      typeof e.addNavigation == "object" && (p = {
+        ...p,
         ...e.addNavigation
-      }), be([
+      }), Re([
         {
-          selectors: t,
-          handlers: d
+          selectors: n,
+          handlers: p
         }
       ]);
     }
-    const g = () => {
-      t.value && (s.value = t.value.textContent);
-    }, x = (d) => {
-      const p = d.target;
-      p.textContent !== s.value && (s.value = p.textContent, u.format ? (i.value = p.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, n), e.store.setCellText(e.colIndex, e.rowIndex, p.textContent)) : (i.value = p.textContent !== n, e.store.setCellData(e.colIndex, e.rowIndex, p.textContent)));
+    const M = () => {
+      n.value && (i.value = n.value.textContent);
+    }, f = (p) => {
+      const w = p.target;
+      w.textContent !== i.value && (i.value = w.textContent, o.format ? (u.value = w.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, l), e.store.setCellText(e.colIndex, e.rowIndex, w.textContent)) : (u.value = w.textContent !== l, e.store.setCellData(e.colIndex, e.rowIndex, w.textContent)));
     };
-    return (d, p) => (E(), $("td", {
+    return t({
+      currentData: i
+    }), (p, w) => ($(), R("td", {
       ref: "cell",
-      "data-colindex": d.colIndex,
-      "data-rowindex": d.rowIndex,
-      "data-editable": b(u).edit,
-      contenteditable: b(u).edit,
-      tabindex: d.tabIndex,
+      "data-colindex": p.colIndex,
+      "data-rowindex": p.rowIndex,
+      "data-editable": x(o).edit,
+      contenteditable: x(o).edit,
+      tabindex: p.tabIndex,
       spellcheck: !1,
-      style: X(v.value),
-      onFocus: g,
-      onPaste: x,
-      onInput: x,
-      onClick: m,
-      class: G(["atable-cell", f.value])
+      style: Y(m.value),
+      onFocus: M,
+      onPaste: f,
+      onInput: f,
+      onClick: g,
+      class: G(["atable-cell", d.value])
     }, [
-      b(u).cellComponent ? (E(), oe(Ve(b(u).cellComponent), fe({
+      x(o).cellComponent ? ($(), ae(fe(x(o).cellComponent), ke({
         key: 0,
-        value: a.value
-      }, b(u).cellComponentProps), null, 16, ["value"])) : c.value ? (E(), $("span", {
+        value: c.value
+      }, x(o).cellComponentProps), null, 16, ["value"])) : v.value ? ($(), R("span", {
         key: 1,
-        innerHTML: a.value
-      }, null, 8, Ht)) : (E(), $("span", Wt, J(a.value), 1))
-    ], 46, Dt));
+        innerHTML: c.value
+      }, null, 8, Ft)) : ($(), R("span", jt, Z(c.value), 1))
+    ], 46, zt));
   }
-}), Nt = ["tabindex"], Vt = ["tabindex"], jt = ["colspan"], Bt = /* @__PURE__ */ F({
+}), Ut = ["tabindex"], Yt = ["tabindex"], qt = ["colspan"], Jt = /* @__PURE__ */ J({
   __name: "AExpansionRow",
   props: {
     rowIndex: {},
@@ -694,55 +781,180 @@ const Lt = (e) => {
     addNavigation: { type: [Boolean, Object] }
   },
   setup(e) {
-    const t = _("rowEl"), n = C(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
+    const t = B("rowEl"), n = A(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
     if (e.addNavigation) {
-      const s = {
+      const l = {
         "keydown.control.g": (i) => {
           i.stopPropagation(), i.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
         }
       };
-      typeof e.addNavigation == "object" && Object.assign(s, e.addNavigation), be([
+      typeof e.addNavigation == "object" && Object.assign(l, e.addNavigation), Re([
         {
           selectors: t,
-          handlers: s
+          handlers: l
         }
       ]);
     }
-    return (s, i) => (E(), $(se, null, [
-      P("tr", fe(s.$attrs, {
+    return (l, i) => ($(), R(re, null, [
+      D("tr", ke(l.$attrs, {
         ref: "rowEl",
-        tabindex: s.tabIndex,
+        tabindex: l.tabIndex,
         class: "expandable-row"
       }), [
-        P("td", {
+        D("td", {
           tabIndex: -1,
-          onClick: i[0] || (i[0] = (u) => s.store.toggleRowExpand(s.rowIndex)),
+          onClick: i[0] || (i[0] = (u) => l.store.toggleRowExpand(l.rowIndex)),
           class: "row-index"
-        }, J(n.value), 1),
-        O(s.$slots, "row", {}, void 0, !0)
-      ], 16, Nt),
-      s.store.display[s.rowIndex].expanded ? (E(), $("tr", {
+        }, Z(n.value), 1),
+        X(l.$slots, "row", {}, void 0, !0)
+      ], 16, Ut),
+      l.store.display[l.rowIndex].expanded ? ($(), R("tr", {
         key: 0,
         ref: "rowExpanded",
-        tabindex: s.tabIndex,
+        tabindex: l.tabIndex,
         class: "expanded-row"
       }, [
-        P("td", {
+        D("td", {
           tabIndex: -1,
-          colspan: s.store.columns.length + 1,
+          colspan: l.store.columns.length + 1,
           class: "expanded-row-content"
         }, [
-          O(s.$slots, "content", {}, void 0, !0)
-        ], 8, jt)
-      ], 8, Vt)) : Q("", !0)
+          X(l.$slots, "content", {}, void 0, !0)
+        ], 8, qt)
+      ], 8, Yt)) : K("", !0)
     ], 64));
   }
-}), te = (e, t) => {
+}), oe = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [s, i] of t)
-    n[s] = i;
+  for (const [l, i] of t)
+    n[l] = i;
   return n;
-}, zt = /* @__PURE__ */ te(Bt, [["__scopeId", "data-v-60affd71"]]), Ft = ["tabindex"], Ut = /* @__PURE__ */ F({
+}, Qt = /* @__PURE__ */ oe(Jt, [["__scopeId", "data-v-5ad4bb41"]]), Zt = ["colspan"], Kt = {
+  ref: "container",
+  class: "gantt-handler"
+}, _t = {
+  key: 0,
+  class: "gantt-label"
+}, en = /* @__PURE__ */ J({
+  __name: "AGanttCell",
+  props: {
+    start: {},
+    end: {},
+    colspan: { default: 1 },
+    label: {},
+    color: {}
+  },
+  emits: ["update:start", "update:end", "drag"],
+  setup(e, { emit: t }) {
+    ut((E) => ({
+      "00252b09": n.value,
+      "9d36bafe": E.colspan
+    }));
+    const n = P();
+    te(() => {
+      !e.color || e.color == "" || e.color.length < 6 ? n.value = "#cccccc" : n.value = e.color;
+    });
+    const l = t, i = B("container"), u = B("bar"), o = B("leftHandle"), a = B("rightHandle"), { width: r } = me(i), { left: s, right: c } = me(u), v = P(e.start || 0), m = P(e.end || e.colspan), d = P({ startX: 0, startPos: 0 }), g = A(() => e.colspan > 0 ? r.value / e.colspan : 0), M = A(() => {
+      const E = v.value / e.colspan * 100, I = m.value / e.colspan * 100;
+      return {
+        left: `${E}%`,
+        width: `${I - E}%`,
+        backgroundColor: n.value
+      };
+    }), { isDragging: f } = ge(o, {
+      axis: "x",
+      onStart: () => {
+        u.value && (u.value.style.transition = "none"), d.value = {
+          startX: s.value,
+          startPos: v.value
+        };
+      },
+      onMove: ({ x: E }) => {
+        if (f.value && u.value) {
+          const k = (E - d.value.startX) / g.value, S = Math.max(0, Math.min(m.value - 1, d.value.startPos + k));
+          u.value.style.left = `${S / e.colspan * 100}%`, u.value.style.width = `${(m.value - S) / e.colspan * 100}%`;
+        }
+      },
+      onEnd: ({ x: E }) => {
+        if (u.value) {
+          const I = E - d.value.startX, k = Math.round(I / g.value), S = Math.max(0, Math.min(m.value - 1, d.value.startPos + k));
+          v.value = S, l("update:start", S), l("drag", { type: "resize", edge: "start", value: S });
+        }
+      }
+    }), { isDragging: p } = ge(a, {
+      axis: "x",
+      onStart: () => {
+        u.value && (u.value.style.transition = "none"), d.value = {
+          startX: c.value,
+          startPos: m.value
+        };
+      },
+      onMove: ({ x: E }) => {
+        if (p.value && u.value) {
+          const k = (E - d.value.startX) / g.value, S = Math.max(v.value + 1, Math.min(e.colspan, d.value.startPos + k));
+          u.value.style.width = `${(S - v.value) / e.colspan * 100}%`;
+        }
+      },
+      onEnd: ({ x: E }) => {
+        if (u.value) {
+          const I = E - d.value.startX, k = Math.round(I / g.value), S = Math.max(v.value + 1, Math.min(e.colspan, d.value.startPos + k));
+          m.value = S, l("update:end", S), l("drag", { type: "resize", edge: "end", value: S });
+        }
+      }
+    }), { isDragging: w } = ge(u, {
+      exact: !0,
+      // to avoid triggering when the left and right handles are being used
+      axis: "x",
+      onStart: () => {
+        u.value && (u.value.style.transition = "none"), d.value = {
+          startX: s.value,
+          startPos: v.value
+        };
+      },
+      onMove: ({ x: E }) => {
+        if (w.value && u.value) {
+          const k = (E - d.value.startX) / g.value, S = m.value - v.value, b = Math.max(0, Math.min(d.value.startPos + k, e.colspan - S));
+          u.value.style.left = `${b / e.colspan * 100}%`;
+        }
+      },
+      onEnd: ({ x: E }) => {
+        if (u.value) {
+          const I = E - d.value.startX, k = Math.round(I / g.value), S = m.value - v.value;
+          let b = d.value.startPos + k, T = b + S;
+          b < 0 ? (b = 0, T = S) : T > e.colspan && (T = e.colspan, b = T - S), v.value = b, m.value = T, l("update:start", b), l("update:end", T), l("drag", { type: "bar", start: b, end: T });
+        }
+      }
+    });
+    return (E, I) => ($(), R("td", {
+      class: "aganttcell",
+      colspan: E.colspan
+    }, [
+      D("div", Kt, [
+        D("div", {
+          ref: "bar",
+          class: G(["gantt-bar", { "is-dragging": x(w) || x(f) || x(p) }]),
+          style: Y(M.value)
+        }, [
+          D("div", {
+            ref: "leftHandle",
+            class: G(["gantt-handle left-handle", { "is-dragging": x(f) }])
+          }, I[0] || (I[0] = [
+            D("div", { class: "handle-grip" }, null, -1),
+            D("div", { class: "vertical-indicator left-indicator" }, null, -1)
+          ]), 2),
+          E.label ? ($(), R("label", _t, Z(E.label), 1)) : K("", !0),
+          D("div", {
+            ref: "rightHandle",
+            class: G(["gantt-handle right-handle", { "is-dragging": x(p) }])
+          }, I[1] || (I[1] = [
+            D("div", { class: "handle-grip" }, null, -1),
+            D("div", { class: "vertical-indicator right-indicator" }, null, -1)
+          ]), 2)
+        ], 6)
+      ], 512)
+    ], 8, Zt));
+  }
+}), tn = /* @__PURE__ */ oe(en, [["__scopeId", "data-v-630a49bb"]]), nn = ["tabindex"], on = /* @__PURE__ */ J({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -751,245 +963,245 @@ const Lt = (e) => {
     addNavigation: { type: [Boolean, Object], default: !1 }
   },
   setup(e) {
-    const t = _("rowEl"), n = C(() => e.store.isRowVisible(e.rowIndex)), s = C(() => e.store.getRowExpandSymbol(e.rowIndex));
+    const t = B("rowEl"), n = A(() => e.store.isRowVisible(e.rowIndex)), l = A(() => e.store.getRowExpandSymbol(e.rowIndex));
     if (e.addNavigation) {
-      let i = ge;
+      let i = Te;
       typeof e.addNavigation == "object" && (i = {
         ...i,
         ...e.addNavigation
-      }), be([
+      }), Re([
         {
           selectors: t,
           handlers: i
         }
       ]);
     }
-    return (i, u) => ie((E(), $("tr", {
+    return (i, u) => be(($(), R("tr", {
       ref: "rowEl",
       tabindex: i.tabIndex,
       class: "atable-row"
     }, [
-      i.store.config.view !== "uncounted" ? O(i.$slots, "index", { key: 0 }, () => [
-        i.store.config.view === "list" ? (E(), $("td", {
+      i.store.config.view !== "uncounted" ? X(i.$slots, "index", { key: 0 }, () => [
+        i.store.config.view === "list" ? ($(), R("td", {
           key: 0,
           tabIndex: -1,
           class: G(["list-index", i.store.hasPinnedColumns ? "sticky-index" : ""])
-        }, J(i.rowIndex + 1), 3)) : i.store.config.view === "tree" ? (E(), $("td", {
+        }, Z(i.rowIndex + 1), 3)) : i.store.config.view === "tree" ? ($(), R("td", {
           key: 1,
           tabIndex: -1,
           class: G(["tree-index", i.store.hasPinnedColumns ? "sticky-index" : ""]),
-          onClick: u[0] || (u[0] = (r) => i.store.toggleRowExpand(i.rowIndex))
-        }, J(s.value), 3)) : Q("", !0)
-      ], !0) : Q("", !0),
-      O(i.$slots, "default", {}, void 0, !0)
-    ], 8, Ft)), [
-      [je, n.value]
+          onClick: u[0] || (u[0] = (o) => i.store.toggleRowExpand(i.rowIndex))
+        }, Z(l.value), 3)) : K("", !0)
+      ], !0) : K("", !0),
+      X(i.$slots, "default", {}, void 0, !0)
+    ], 8, nn)), [
+      [Ye, n.value]
     ]);
   }
-}), Ge = /* @__PURE__ */ te(Ut, [["__scopeId", "data-v-9c529d3d"]]), Xe = ye ? window : void 0;
-function Y(e) {
+}), Ke = /* @__PURE__ */ oe(on, [["__scopeId", "data-v-4cb4f254"]]), _e = pe ? window : void 0;
+function se(e) {
   var t;
-  const n = k(e);
+  const n = C(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function j(...e) {
+function Q(...e) {
   const t = [], n = () => {
-    t.forEach((l) => l()), t.length = 0;
-  }, s = (l, o, a, c) => (l.addEventListener(o, a, c), () => l.removeEventListener(o, a, c)), i = C(() => {
-    const l = V(k(e[0])).filter((o) => o != null);
-    return l.every((o) => typeof o != "string") ? l : void 0;
-  }), u = ze(
+    t.forEach((a) => a()), t.length = 0;
+  }, l = (a, r, s, c) => (a.addEventListener(r, s, c), () => a.removeEventListener(r, s, c)), i = A(() => {
+    const a = q(C(e[0])).filter((r) => r != null);
+    return a.every((r) => typeof r != "string") ? a : void 0;
+  }), u = Je(
     () => {
-      var l, o;
+      var a, r;
       return [
-        (o = (l = i.value) == null ? void 0 : l.map((a) => Y(a))) != null ? o : [Xe].filter((a) => a != null),
-        V(k(i.value ? e[1] : e[0])),
-        V(b(i.value ? e[2] : e[1])),
+        (r = (a = i.value) == null ? void 0 : a.map((s) => se(s))) != null ? r : [_e].filter((s) => s != null),
+        q(C(i.value ? e[1] : e[0])),
+        q(x(i.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        k(i.value ? e[3] : e[2])
+        C(i.value ? e[3] : e[2])
       ];
     },
-    ([l, o, a, c]) => {
-      if (n(), !(l != null && l.length) || !(o != null && o.length) || !(a != null && a.length))
+    ([a, r, s, c]) => {
+      if (n(), !(a != null && a.length) || !(r != null && r.length) || !(s != null && s.length))
         return;
-      const v = Be(c) ? { ...c } : c;
+      const v = qe(c) ? { ...c } : c;
       t.push(
-        ...l.flatMap(
-          (f) => o.flatMap(
-            (m) => a.map((g) => s(f, m, g, v))
+        ...a.flatMap(
+          (m) => r.flatMap(
+            (d) => s.map((g) => l(m, d, g, v))
           )
         )
       );
     },
     { flush: "post" }
-  ), r = () => {
+  ), o = () => {
     u(), n();
   };
-  return ee(n), r;
+  return ce(n), o;
 }
-let Pe = !1;
-function De(e, t, n = {}) {
-  const { window: s = Xe, ignore: i = [], capture: u = !0, detectIframe: r = !1, controls: l = !1 } = n;
-  if (!s)
-    return l ? { stop: N, cancel: N, trigger: N } : N;
-  if (ce && !Pe) {
-    Pe = !0;
-    const d = { passive: !0 };
-    Array.from(s.document.body.children).forEach((p) => j(p, "click", N, d)), j(s.document.documentElement, "click", N, d);
+let Be = !1;
+function ze(e, t, n = {}) {
+  const { window: l = _e, ignore: i = [], capture: u = !0, detectIframe: o = !1, controls: a = !1 } = n;
+  if (!l)
+    return a ? { stop: U, cancel: U, trigger: U } : U;
+  if (Ce && !Be) {
+    Be = !0;
+    const f = { passive: !0 };
+    Array.from(l.document.body.children).forEach((p) => Q(p, "click", U, f)), Q(l.document.documentElement, "click", U, f);
   }
-  let o = !0;
-  const a = (d) => k(i).some((p) => {
+  let r = !0;
+  const s = (f) => C(i).some((p) => {
     if (typeof p == "string")
-      return Array.from(s.document.querySelectorAll(p)).some((y) => y === d.target || d.composedPath().includes(y));
+      return Array.from(l.document.querySelectorAll(p)).some((w) => w === f.target || f.composedPath().includes(w));
     {
-      const y = Y(p);
-      return y && (d.target === y || d.composedPath().includes(y));
+      const w = se(p);
+      return w && (f.target === w || f.composedPath().includes(w));
     }
   });
-  function c(d) {
-    const p = k(d);
+  function c(f) {
+    const p = C(f);
     return p && p.$.subTree.shapeFlag === 16;
   }
-  function v(d, p) {
-    const y = k(d), W = y.$.subTree && y.$.subTree.children;
-    return W == null || !Array.isArray(W) ? !1 : W.some((A) => A.el === p.target || p.composedPath().includes(A.el));
+  function v(f, p) {
+    const w = C(f), E = w.$.subTree && w.$.subTree.children;
+    return E == null || !Array.isArray(E) ? !1 : E.some((I) => I.el === p.target || p.composedPath().includes(I.el));
   }
-  const f = (d) => {
-    const p = Y(e);
-    if (d.target != null && !(!(p instanceof Element) && c(e) && v(e, d)) && !(!p || p === d.target || d.composedPath().includes(p))) {
-      if ("detail" in d && d.detail === 0 && (o = !a(d)), !o) {
-        o = !0;
+  const m = (f) => {
+    const p = se(e);
+    if (f.target != null && !(!(p instanceof Element) && c(e) && v(e, f)) && !(!p || p === f.target || f.composedPath().includes(p))) {
+      if ("detail" in f && f.detail === 0 && (r = !s(f)), !r) {
+        r = !0;
         return;
       }
-      t(d);
+      t(f);
     }
   };
-  let m = !1;
+  let d = !1;
   const g = [
-    j(s, "click", (d) => {
-      m || (m = !0, setTimeout(() => {
-        m = !1;
-      }, 0), f(d));
+    Q(l, "click", (f) => {
+      d || (d = !0, setTimeout(() => {
+        d = !1;
+      }, 0), m(f));
     }, { passive: !0, capture: u }),
-    j(s, "pointerdown", (d) => {
-      const p = Y(e);
-      o = !a(d) && !!(p && !d.composedPath().includes(p));
+    Q(l, "pointerdown", (f) => {
+      const p = se(e);
+      r = !s(f) && !!(p && !f.composedPath().includes(p));
     }, { passive: !0 }),
-    r && j(s, "blur", (d) => {
+    o && Q(l, "blur", (f) => {
       setTimeout(() => {
         var p;
-        const y = Y(e);
-        ((p = s.document.activeElement) == null ? void 0 : p.tagName) === "IFRAME" && !(y != null && y.contains(s.document.activeElement)) && t(d);
+        const w = se(e);
+        ((p = l.document.activeElement) == null ? void 0 : p.tagName) === "IFRAME" && !(w != null && w.contains(l.document.activeElement)) && t(f);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), x = () => g.forEach((d) => d());
-  return l ? {
-    stop: x,
+  ].filter(Boolean), M = () => g.forEach((f) => f());
+  return a ? {
+    stop: M,
     cancel: () => {
-      o = !1;
+      r = !1;
     },
-    trigger: (d) => {
-      o = !0, f(d), o = !1;
+    trigger: (f) => {
+      r = !0, m(f), r = !1;
     }
-  } : x;
+  } : M;
 }
-const qt = {
+const ln = {
   mounted(e, t) {
     const n = !t.modifiers.bubble;
     if (typeof t.value == "function")
-      e.__onClickOutside_stop = De(e, t.value, { capture: n });
+      e.__onClickOutside_stop = ze(e, t.value, { capture: n });
     else {
-      const [s, i] = t.value;
-      e.__onClickOutside_stop = De(e, s, Object.assign({ capture: n }, i));
+      const [l, i] = t.value;
+      e.__onClickOutside_stop = ze(e, l, Object.assign({ capture: n }, i));
     }
   },
   unmounted(e) {
     e.__onClickOutside_stop();
   }
 };
-function re(e) {
+function we(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
-function Je(e) {
+function et(e) {
   const t = window.getComputedStyle(e);
   if (t.overflowX === "scroll" || t.overflowY === "scroll" || t.overflowX === "auto" && e.clientWidth < e.scrollWidth || t.overflowY === "auto" && e.clientHeight < e.scrollHeight)
     return !0;
   {
     const n = e.parentNode;
-    return !n || n.tagName === "BODY" ? !1 : Je(n);
+    return !n || n.tagName === "BODY" ? !1 : et(n);
   }
 }
-function Yt(e) {
+function an(e) {
   const t = e || window.event, n = t.target;
-  return Je(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
+  return et(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
-const ae = /* @__PURE__ */ new WeakMap();
-function Gt(e, t = !1) {
-  const n = M(t);
-  let s = null, i = "";
-  L(Tt(e), (l) => {
-    const o = re(k(l));
-    if (o) {
-      const a = o;
-      if (ae.get(a) || ae.set(a, a.style.overflow), a.style.overflow !== "hidden" && (i = a.style.overflow), a.style.overflow === "hidden")
+const ye = /* @__PURE__ */ new WeakMap();
+function sn(e, t = !1) {
+  const n = P(t);
+  let l = null, i = "";
+  N(Dt(e), (a) => {
+    const r = we(C(a));
+    if (r) {
+      const s = r;
+      if (ye.get(s) || ye.set(s, s.style.overflow), s.style.overflow !== "hidden" && (i = s.style.overflow), s.style.overflow === "hidden")
         return n.value = !0;
       if (n.value)
-        return a.style.overflow = "hidden";
+        return s.style.overflow = "hidden";
     }
   }, {
     immediate: !0
   });
   const u = () => {
-    const l = re(k(e));
-    !l || n.value || (ce && (s = j(
-      l,
+    const a = we(C(e));
+    !a || n.value || (Ce && (l = Q(
+      a,
       "touchmove",
-      (o) => {
-        Yt(o);
+      (r) => {
+        an(r);
       },
       { passive: !1 }
-    )), l.style.overflow = "hidden", n.value = !0);
-  }, r = () => {
-    const l = re(k(e));
-    !l || !n.value || (ce && (s == null || s()), l.style.overflow = i, ae.delete(l), n.value = !1);
+    )), a.style.overflow = "hidden", n.value = !0);
+  }, o = () => {
+    const a = we(C(e));
+    !a || !n.value || (Ce && (l == null || l()), a.style.overflow = i, ye.delete(a), n.value = !1);
   };
-  return ee(r), C({
+  return ce(o), A({
     get() {
       return n.value;
     },
-    set(l) {
-      l ? u() : r();
+    set(a) {
+      a ? u() : o();
     }
   });
 }
-function Xt() {
+function rn() {
   let e = !1;
-  const t = R(!1);
-  return (n, s) => {
-    if (t.value = s.value, e)
+  const t = W(!1);
+  return (n, l) => {
+    if (t.value = l.value, e)
       return;
     e = !0;
-    const i = Gt(n, s.value);
-    L(t, (u) => i.value = u);
+    const i = sn(n, l.value);
+    N(t, (u) => i.value = u);
   };
 }
-Xt();
-const Jt = {
+rn();
+const un = {
   key: 0,
   id: "resizable"
-}, Qt = {
+}, cn = {
   class: "atable-header-row",
   tabindex: "-1"
-}, Qe = /* @__PURE__ */ F({
+}, tt = /* @__PURE__ */ J({
   __name: "ATableHeader",
   props: {
     columns: {},
     store: {}
   },
   setup(e) {
-    return (t, n) => t.columns.length ? (E(), $("thead", Jt, [
-      P("tr", Qt, [
-        t.store.zeroColumn ? (E(), $("th", {
+    return (t, n) => t.columns.length ? ($(), R("thead", un, [
+      D("tr", cn, [
+        t.store.zeroColumn ? ($(), R("th", {
           key: 0,
           id: "header-index",
           class: G([[
@@ -997,136 +1209,140 @@ const Jt = {
             t.store.config.view === "tree" ? "tree-index" : "",
             t.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
-        }, null, 2)) : Q("", !0),
-        (E(!0), $(se, null, ue(t.columns, (s, i) => (E(), $("th", {
-          key: s.name,
+        }, null, 2)) : K("", !0),
+        ($(!0), R(re, null, xe(t.columns, (l, i) => ($(), R("th", {
+          key: l.name,
           tabindex: "-1",
-          style: X(t.store.getHeaderCellStyle(s)),
-          class: G(s.pinned ? "sticky-column" : "")
+          style: Y(t.store.getHeaderCellStyle(l)),
+          class: G(l.pinned ? "sticky-column" : "")
         }, [
-          O(t.$slots, "default", {}, () => [
-            lt(J(s.label || String.fromCharCode(i + 97).toUpperCase()), 1)
+          X(t.$slots, "default", {}, () => [
+            ct(Z(l.label || String.fromCharCode(i + 97).toUpperCase()), 1)
           ])
         ], 6))), 128))
       ])
-    ])) : Q("", !0);
+    ])) : K("", !0);
   }
-}), Ze = /* @__PURE__ */ F({
+}), nt = /* @__PURE__ */ J({
   __name: "ATableModal",
   props: {
     store: {}
   },
   setup(e) {
-    const t = _("amodal"), { width: n, height: s } = qe(t), i = C(() => {
-      var v, f, m, g;
+    const t = B("amodal"), { width: n, height: l } = me(t), i = A(() => {
+      var v, m, d, g;
       if (!(e.store.modal.height && e.store.modal.width && e.store.modal.left && e.store.modal.bottom)) return;
-      const u = (v = e.store.modal.cell) == null ? void 0 : v.closest("table"), r = u.offsetHeight || 0, l = u.offsetWidth || 0;
-      let o = ((f = e.store.modal.cell) == null ? void 0 : f.offsetTop) || 0;
-      const a = ((m = u.querySelector("thead")) == null ? void 0 : m.offsetHeight) || 0;
-      o += a, o = o + s.value < r ? o : o - (s.value + e.store.modal.height);
+      const u = (v = e.store.modal.cell) == null ? void 0 : v.closest("table"), o = u.offsetHeight || 0, a = u.offsetWidth || 0;
+      let r = ((m = e.store.modal.cell) == null ? void 0 : m.offsetTop) || 0;
+      const s = ((d = u.querySelector("thead")) == null ? void 0 : d.offsetHeight) || 0;
+      r += s, r = r + l.value < o ? r : r - (l.value + e.store.modal.height);
       let c = ((g = e.store.modal.cell) == null ? void 0 : g.offsetLeft) || 0;
-      return c = c + n.value <= l ? c : c - (n.value - e.store.modal.width), {
+      return c = c + n.value <= a ? c : c - (n.value - e.store.modal.width), {
         left: `${c}px`,
-        top: `${o}px`
+        top: `${r}px`
       };
     });
-    return (u, r) => (E(), $("div", {
+    return (u, o) => ($(), R("div", {
       class: "amodal",
       ref: "amodal",
       tabindex: "-1",
-      onClick: r[0] || (r[0] = ke(() => {
+      onClick: o[0] || (o[0] = Pe(() => {
       }, ["stop"])),
-      onInput: r[1] || (r[1] = ke(() => {
+      onInput: o[1] || (o[1] = Pe(() => {
       }, ["stop"])),
-      style: X(i.value)
+      style: Y(i.value)
     }, [
-      O(u.$slots, "default")
+      X(u.$slots, "default")
     ], 36));
   }
-}), Zt = (e) => {
-  const t = e.id || Pt();
-  return st(`table-${t}`, () => {
-    const s = () => {
+}), dn = (e) => {
+  const t = e.id || Bt();
+  return dt(`table-${t}`, () => {
+    const l = () => {
       const h = {};
-      for (const [w, I] of u.value.entries())
-        for (const [S, T] of r.value.entries())
-          h[`${w}:${S}`] = T[I.name];
+      for (const [y, O] of u.value.entries())
+        for (const [L, H] of o.value.entries())
+          h[`${y}:${L}`] = H[O.name];
       return h;
     }, i = (h) => {
-      const w = [Object.assign({}, { rowModified: !1 })];
+      const y = [Object.assign({}, { rowModified: !1 })];
       if (h && "0:0" in h)
         return h;
-      const I = /* @__PURE__ */ new Set();
-      for (let S = r.value.length - 1; S >= 0; S--) {
-        const T = r.value[S];
-        T.parent && I.add(T.parent), w[S] = {
+      const O = /* @__PURE__ */ new Set();
+      for (let L = o.value.length - 1; L >= 0; L--) {
+        const H = o.value[L];
+        H.parent && O.add(H.parent), y[L] = {
           childrenOpen: !1,
           expanded: !1,
-          indent: T.indent || 0,
-          isParent: I.has(S),
-          isRoot: T.parent === null || T.parent === void 0,
+          indent: H.indent || 0,
+          isParent: O.has(L),
+          isRoot: H.parent === null || H.parent === void 0,
           rowModified: !1,
-          open: T.parent === null || T.parent === void 0,
-          parent: T.parent
+          open: H.parent === null || H.parent === void 0,
+          parent: H.parent
         };
       }
-      return w;
-    }, u = M(e.columns), r = M(e.rows), l = M(e.config || {}), o = M(e.table || s()), a = M(i(e.display)), c = M(e.modal || { visible: !1 }), v = M({}), f = C(() => u.value.some((h) => h.pinned)), m = C(() => `${Math.ceil(r.value.length / 100 + 1)}ch`), g = C(
-      () => l.value.view ? ["list", "tree", "list-expansion"].includes(l.value.view) : !1
-    ), x = (h, w) => o.value[`${h}:${w}`], d = (h, w, I) => {
-      const S = `${h}:${w}`, T = u.value[h];
-      o.value[S] !== I && (a.value[w].rowModified = !0), o.value[S] = I, r.value[w][T.name] = I;
-    }, p = (h, w, I) => {
-      const S = `${h}:${w}`;
-      o.value[S] !== I && (a.value[w].rowModified = !0, v.value[S] = I);
-    }, y = (h) => ({
+      return y;
+    }, u = P(e.columns), o = P(e.rows), a = P(e.config || {}), r = P(e.table || l()), s = P(i(e.display)), c = P(e.modal || { visible: !1 }), v = P({}), m = A(() => u.value.some((h) => h.pinned)), d = A(() => `${Math.ceil(o.value.length / 100 + 1)}ch`), g = A(
+      () => a.value.view ? ["list", "tree", "list-expansion"].includes(a.value.view) : !1
+    ), M = (h, y) => r.value[`${h}:${y}`], f = (h, y, O) => {
+      const L = `${h}:${y}`, H = u.value[h];
+      r.value[L] !== O && (s.value[y].rowModified = !0), r.value[L] = O, o.value[y][H.name] = O;
+    }, p = (h, y, O) => {
+      const L = `${h}:${y}`;
+      r.value[L] !== O && (s.value[y].rowModified = !0, v.value[L] = O);
+    }, w = (h) => ({
       minWidth: h.width || "40ch",
       textAlign: h.align || "center",
-      width: l.value.fullWidth ? "auto" : void 0
-    }), W = (h) => l.value.view !== "tree" || a.value[h].isRoot || a.value[h].open, A = (h) => l.value.view !== "tree" ? "" : a.value[h].isRoot || a.value[h].isParent ? a.value[h].childrenOpen ? "-" : "+" : "", Ee = (h) => {
-      if (l.value.view === "tree") {
-        a.value[h].childrenOpen = !a.value[h].childrenOpen;
-        for (let w = r.value.length - 1; w >= 0; w--)
-          a.value[w].parent === h && (a.value[w].open = !a.value[w].open, a.value[w].childrenOpen && Ee(w));
-      } else l.value.view === "list-expansion" && (a.value[h].expanded = !a.value[h].expanded);
-    }, Ke = (h, w) => {
-      const I = x(h, w);
-      return Ce(h, w, I);
-    }, Ce = (h, w, I) => {
-      const S = u.value[h], T = r.value[w], q = S.format;
-      return q ? typeof q == "function" ? q(I, { table: o.value, row: T, column: S }) : typeof q == "string" ? Function(`"use strict";return (${q})`)()(I, { table: o.value, row: T, column: S }) : I : I;
+      width: a.value.fullWidth ? "auto" : void 0
+    }), E = (h) => {
+      const y = o.value[h];
+      return console.log(a.value.view, y.indent), a.value.view === "gantt" && y.indent === 0;
+    }, I = (h) => a.value.view !== "tree" || s.value[h].isRoot || s.value[h].open, k = (h) => a.value.view !== "tree" ? "" : s.value[h].isRoot || s.value[h].isParent ? s.value[h].childrenOpen ? "-" : "+" : "", S = (h) => {
+      if (a.value.view === "tree") {
+        s.value[h].childrenOpen = !s.value[h].childrenOpen;
+        for (let y = o.value.length - 1; y >= 0; y--)
+          s.value[y].parent === h && (s.value[y].open = !s.value[y].open, s.value[y].childrenOpen && S(y));
+      } else a.value.view === "list-expansion" && (s.value[h].expanded = !s.value[h].expanded);
+    }, b = (h, y) => {
+      const O = M(h, y);
+      return T(h, y, O);
+    }, T = (h, y, O) => {
+      const L = u.value[h], H = o.value[y], le = L.format;
+      return le ? typeof le == "function" ? le(O, { table: r.value, row: H, column: L }) : typeof le == "string" ? Function(`"use strict";return (${le})`)()(O, { table: r.value, row: H, column: L }) : O : O;
     };
     return {
       // state
       columns: u,
-      config: l,
-      display: a,
+      config: a,
+      display: s,
       modal: c,
-      rows: r,
-      table: o,
+      rows: o,
+      table: r,
       updates: v,
       // getters
-      hasPinnedColumns: f,
-      numberedRowWidth: m,
+      hasPinnedColumns: m,
+      numberedRowWidth: d,
       zeroColumn: g,
       // actions
       closeModal: (h) => {
-        var w;
-        h.target instanceof Node && (w = c.value.parent) != null && w.contains(h.target) || c.value.visible && (c.value.visible = !1);
+        var y;
+        h.target instanceof Node && (y = c.value.parent) != null && y.contains(h.target) || c.value.visible && (c.value.visible = !1);
       },
-      getCellData: x,
-      getCellDisplayValue: Ke,
-      getFormattedValue: Ce,
-      getHeaderCellStyle: y,
-      getIndent: (h, w) => w && h === 0 && w > 0 ? `${w}ch` : "inherit",
-      getRowExpandSymbol: A,
-      isRowVisible: W,
-      setCellData: d,
+      getCellData: M,
+      getCellDisplayValue: b,
+      getFormattedValue: T,
+      getHeaderCellStyle: w,
+      getIndent: (h, y) => y && h === 0 && y > 0 ? `${y}ch` : "inherit",
+      getRowExpandSymbol: k,
+      isRowGantt: E,
+      isRowVisible: I,
+      setCellData: f,
       setCellText: p,
-      toggleRowExpand: Ee
+      toggleRowExpand: S
     };
   })();
-}, Kt = /* @__PURE__ */ F({
+}, fn = /* @__PURE__ */ J({
   __name: "ATable",
   props: {
     id: {},
@@ -1137,137 +1353,174 @@ const Jt = {
   },
   emits: ["update:modelValue", "cellUpdate"],
   setup(e, { expose: t, emit: n }) {
-    const s = n, i = _("table"), u = e.modelValue ? e.modelValue : e.rows, r = Zt({ columns: e.columns, rows: u, id: e.id, config: e.config });
-    r.$onAction(({ name: o, store: a, args: c, after: v }) => {
-      if (o === "setCellData" || o === "setCellText") {
-        const [f, m, g] = c, x = a.getCellData(f, m);
-        v(() => {
-          s("cellUpdate", { colIndex: f, rowIndex: m, newValue: g, oldValue: x });
+    const l = n, i = B("table"), u = e.modelValue ? e.modelValue : e.rows, o = dn({ columns: e.columns, rows: u, id: e.id, config: e.config });
+    o.$onAction(({ name: s, store: c, args: v, after: m }) => {
+      if (s === "setCellData" || s === "setCellText") {
+        const [d, g, M] = v, f = c.getCellData(d, g);
+        m(() => {
+          l("cellUpdate", { colIndex: d, rowIndex: g, newValue: M, oldValue: f });
         });
       }
-    }), L(
-      () => r.rows,
-      (o) => {
-        s("update:modelValue", o);
+    }), N(
+      () => o.rows,
+      (s) => {
+        l("update:modelValue", s);
       },
       { deep: !0 }
-    ), K(() => {
-      e.columns.some((o) => o.pinned) && (l(), r.config.view === "tree" && Ue(i, l, { childList: !0, subtree: !0 }));
+    ), te(() => {
+      e.columns.some((s) => s.pinned) && (a(), o.config.view === "tree" && Ze(i, a, { childList: !0, subtree: !0 }));
     });
-    const l = () => {
-      const o = i.value, a = o == null ? void 0 : o.rows[0], c = o == null ? void 0 : o.rows[1], v = a ? Array.from(a.cells) : [];
-      for (const [f, m] of v.entries()) {
-        const g = c == null ? void 0 : c.cells[f];
-        g && (m.style.width = `${g.offsetWidth}px`);
+    const a = () => {
+      const s = i.value, c = s == null ? void 0 : s.rows[0], v = s == null ? void 0 : s.rows[1], m = c ? Array.from(c.cells) : [];
+      for (const [d, g] of m.entries()) {
+        const M = v == null ? void 0 : v.cells[d];
+        M && (g.style.width = `${M.offsetWidth}px`);
       }
-      for (const f of (o == null ? void 0 : o.rows) || []) {
-        let m = 0;
-        const g = [];
-        for (const x of f.cells)
-          (x.classList.contains("sticky-column") || x.classList.contains("sticky-index")) && (x.style.left = `${m}px`, m += x.offsetWidth, g.push(x));
-        g.length > 0 && g[g.length - 1].classList.add("sticky-column-edge");
+      for (const d of (s == null ? void 0 : s.rows) || []) {
+        let g = 0;
+        const M = [];
+        for (const f of d.cells)
+          (f.classList.contains("sticky-column") || f.classList.contains("sticky-index")) && (f.style.left = `${g}px`, g += f.offsetWidth, M.push(f));
+        M.length > 0 && M[M.length - 1].classList.add("sticky-column-edge");
       }
     };
-    return window.addEventListener("keydown", (o) => {
-      if (o.key === "Escape" && r.modal.visible) {
-        r.modal.visible = !1;
-        const a = r.modal.parent;
-        a && Ne().then(() => {
-          a.focus();
+    window.addEventListener("keydown", (s) => {
+      if (s.key === "Escape" && o.modal.visible) {
+        o.modal.visible = !1;
+        const c = o.modal.parent;
+        c && Ge().then(() => {
+          c.focus();
         });
       }
-    }), t({ store: r }), (o, a) => ie((E(), $("table", {
+    });
+    const r = (s) => {
+      const c = s.indent === 0, v = o.columns.filter((d) => d.pinned).length;
+      if (!c || v === 0)
+        return o.columns;
+      const m = [];
+      for (let d = 0; d < v; d++) {
+        const g = { ...o.columns[d] };
+        g.originalIndex = d, m.push(g);
+      }
+      return m.push({
+        ...o.columns[v],
+        isGantt: !0,
+        colspan: o.columns.length - v,
+        originalIndex: v,
+        width: "auto"
+        // TODO: refactor to API that can detect when data exists in a cell. Might have be custom and not generalizable
+      }), m;
+    };
+    return t({ store: o }), (s, c) => be(($(), R("table", {
       ref: "table",
       class: "atable",
-      style: X({ width: b(r).config.fullWidth ? "100%" : "auto" })
+      style: Y({
+        width: x(o).config.fullWidth ? "100%" : "auto"
+      })
     }, [
-      O(o.$slots, "header", { data: b(r) }, () => [
-        Ie(Qe, {
-          columns: b(r).columns,
-          store: b(r)
+      X(s.$slots, "header", { data: x(o) }, () => [
+        Oe(tt, {
+          columns: x(o).columns,
+          store: x(o)
         }, null, 8, ["columns", "store"])
       ], !0),
-      P("tbody", null, [
-        O(o.$slots, "body", { data: b(r) }, () => [
-          (E(!0), $(se, null, ue(b(r).rows, (c, v) => (E(), oe(Ge, {
-            key: c.id,
-            row: c,
-            rowIndex: v,
-            store: b(r)
+      D("tbody", null, [
+        X(s.$slots, "body", { data: x(o) }, () => [
+          ($(!0), R(re, null, xe(x(o).rows, (v, m) => ($(), ae(Ke, {
+            key: v.id,
+            row: v,
+            rowIndex: m,
+            store: x(o)
           }, {
-            default: $e(() => [
-              (E(!0), $(se, null, ue(b(r).columns, (f, m) => (E(), oe(Ye, {
-                key: f.name,
-                store: b(r),
-                col: f,
-                spellcheck: "false",
-                pinned: f.pinned,
-                rowIndex: v,
-                colIndex: m,
-                component: f.cellComponent,
-                style: X({
-                  textAlign: (f == null ? void 0 : f.align) || "center",
-                  minWidth: (f == null ? void 0 : f.width) || "40ch",
-                  width: b(r).config.fullWidth ? "auto" : null
-                })
-              }, null, 8, ["store", "col", "pinned", "rowIndex", "colIndex", "component", "style"]))), 128))
+            default: Le(() => [
+              ($(!0), R(re, null, xe(r(v), (d, g) => ($(), R(re, {
+                key: d.name
+              }, [
+                d.isGantt ? ($(), ae(fe(d.ganttComponent || "AGanttCell"), {
+                  key: 0,
+                  store: x(o),
+                  color: v.gantt_color,
+                  colspan: d.colspan,
+                  pinned: d.pinned,
+                  rowIndex: m,
+                  colIndex: d.originalIndex ?? g,
+                  style: Y({
+                    textAlign: (d == null ? void 0 : d.align) || "center",
+                    minWidth: (d == null ? void 0 : d.width) || "40ch",
+                    width: x(o).config.fullWidth ? "auto" : null
+                  })
+                }, null, 8, ["store", "color", "colspan", "pinned", "rowIndex", "colIndex", "style"])) : ($(), ae(fe(d.cellComponent || "ACell"), {
+                  key: 1,
+                  store: x(o),
+                  pinned: d.pinned,
+                  rowIndex: m,
+                  colIndex: g,
+                  style: Y({
+                    textAlign: (d == null ? void 0 : d.align) || "center",
+                    minWidth: (d == null ? void 0 : d.width) || "40ch",
+                    width: x(o).config.fullWidth ? "auto" : null
+                  }),
+                  spellcheck: "false"
+                }, null, 8, ["store", "pinned", "rowIndex", "colIndex", "style"]))
+              ], 64))), 128))
             ]),
             _: 2
           }, 1032, ["row", "rowIndex", "store"]))), 128))
         ], !0)
       ]),
-      O(o.$slots, "footer", { data: b(r) }, void 0, !0),
-      O(o.$slots, "modal", { data: b(r) }, () => [
-        ie(Ie(Ze, { store: b(r) }, {
-          default: $e(() => [
-            (E(), oe(Ve(b(r).modal.component), fe({
-              key: `${b(r).modal.rowIndex}:${b(r).modal.colIndex}`,
-              colIndex: b(r).modal.colIndex,
-              rowIndex: b(r).modal.rowIndex,
-              store: b(r)
-            }, b(r).modal.componentProps), null, 16, ["colIndex", "rowIndex", "store"]))
+      X(s.$slots, "footer", { data: x(o) }, void 0, !0),
+      X(s.$slots, "modal", { data: x(o) }, () => [
+        be(Oe(nt, { store: x(o) }, {
+          default: Le(() => [
+            ($(), ae(fe(x(o).modal.component), ke({
+              key: `${x(o).modal.rowIndex}:${x(o).modal.colIndex}`,
+              colIndex: x(o).modal.colIndex,
+              rowIndex: x(o).modal.rowIndex,
+              store: x(o)
+            }, x(o).modal.componentProps), null, 16, ["colIndex", "rowIndex", "store"]))
           ]),
           _: 1
         }, 8, ["store"]), [
-          [je, b(r).modal.visible]
+          [Ye, x(o).modal.visible]
         ])
       ], !0)
     ], 4)), [
-      [b(qt), b(r).closeModal]
+      [x(ln), x(o).closeModal]
     ]);
   }
-}), _t = /* @__PURE__ */ te(Kt, [["__scopeId", "data-v-ef1d9615"]]), en = {}, tn = { class: "aloading" }, nn = { class: "aloading-header" };
-function on(e, t) {
-  return E(), $("div", tn, [
-    P("h2", nn, [
-      O(e.$slots, "default", {}, void 0, !0)
+}), vn = /* @__PURE__ */ oe(fn, [["__scopeId", "data-v-8ce56718"]]), mn = {}, pn = { class: "aloading" }, hn = { class: "aloading-header" };
+function gn(e, t) {
+  return $(), R("div", pn, [
+    D("h2", hn, [
+      X(e.$slots, "default", {}, void 0, !0)
     ]),
-    t[0] || (t[0] = P("div", { class: "aloading-bar" }, null, -1))
+    t[0] || (t[0] = D("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const ln = /* @__PURE__ */ te(en, [["render", on], ["__scopeId", "data-v-a930a25b"]]), sn = {}, rn = { class: "aloading" }, an = { class: "aloading-header" };
-function un(e, t) {
-  return E(), $("div", rn, [
-    P("h2", an, [
-      O(e.$slots, "default", {}, void 0, !0)
+const wn = /* @__PURE__ */ oe(mn, [["render", gn], ["__scopeId", "data-v-a930a25b"]]), yn = {}, bn = { class: "aloading" }, xn = { class: "aloading-header" };
+function Cn(e, t) {
+  return $(), R("div", bn, [
+    D("h2", xn, [
+      X(e.$slots, "default", {}, void 0, !0)
     ]),
-    t[0] || (t[0] = P("div", { class: "aloading-bar" }, null, -1))
+    t[0] || (t[0] = D("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const cn = /* @__PURE__ */ te(sn, [["render", un], ["__scopeId", "data-v-e1165876"]]);
-function hn(e) {
-  e.component("ACell", Ye), e.component("AExpansionRow", zt), e.component("ARow", Ge), e.component("ATable", _t), e.component("ATableHeader", Qe), e.component("ATableLoading", ln), e.component("ATableLoadingBar", cn), e.component("ATableModal", Ze);
+const En = /* @__PURE__ */ oe(yn, [["render", Cn], ["__scopeId", "data-v-e1165876"]]);
+function An(e) {
+  e.component("ACell", Gt), e.component("AExpansionRow", Qt), e.component("AGanttCell", tn), e.component("ARow", Ke), e.component("ATable", vn), e.component("ATableHeader", tt), e.component("ATableLoading", wn), e.component("ATableLoadingBar", En), e.component("ATableModal", nt);
 }
 export {
-  Ye as ACell,
-  zt as AExpansionRow,
-  Ge as ARow,
-  _t as ATable,
-  Qe as ATableHeader,
-  ln as ATableLoading,
-  cn as ATableLoadingBar,
-  Ze as ATableModal,
-  Zt as createTableStore,
-  hn as install
+  Gt as ACell,
+  Qt as AExpansionRow,
+  tn as AGanttCell,
+  Ke as ARow,
+  vn as ATable,
+  tt as ATableHeader,
+  wn as ATableLoading,
+  En as ATableLoadingBar,
+  nt as ATableModal,
+  dn as createTableStore,
+  An as install
 };
 //# sourceMappingURL=atable.js.map