@stonecrop/atable 0.4.10 → 0.4.11

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 ee, ref as P, watch as N, onBeforeUnmount as nt, computed as I, shallowRef as W, toValue as C, watchEffect as ot, getCurrentScope as ze, onScopeDispose as Fe, unref as x, getCurrentInstance as Ce, nextTick as je, isRef as lt, toRefs as at, customRef as Ge, toRef as st, readonly as rt, defineComponent as q, useTemplateRef as B, createElementBlock as R, openBlock as $, normalizeClass as j, normalizeStyle as U, createBlock as le, resolveDynamicComponent as de, mergeProps as Ee, toDisplayString as Q, Fragment as se, createElementVNode as D, createCommentVNode as Z, renderSlot as X, useCssVars as it, withDirectives as ye, vShow as Ue, renderList as be, createTextVNode as ut, withModifiers as Re, createVNode as Pe, withCtx as Oe } from "vue";
+import { defineStore as ct } from "pinia";
+import './assets/index.css';function ke(e) {
+  return ze() ? (Fe(e), !0) : !1;
 }
-const rt = typeof window < "u" && typeof document < "u";
+const dt = 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 ft = (e) => e != null, vt = Object.prototype.toString, mt = (e) => vt.call(e) === "[object Object]", pt = () => {
 };
-function le(e) {
+function fe(e) {
   return Array.isArray(e) ? e : [e];
 }
-function dt(e, t, n) {
-  return L(
+function ht(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 te = dt ? window : void 0;
+function K(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 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 = le(k(e[0])).filter((o) => o != null);
-    return l.every((o) => typeof o != "string") ? l : void 0;
-  }), u = dt(
+    t.forEach((s) => s()), t.length = 0;
+  }, l = (s, r, a, c) => (s.addEventListener(r, a, c), () => s.removeEventListener(r, a, c)), i = I(() => {
+    const s = fe(C(e[0])).filter((r) => r != null);
+    return s.every((r) => typeof r != "string") ? s : void 0;
+  }), u = ht(
     () => {
-      var l, o;
+      var s, 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 = (s = i.value) == null ? void 0 : s.map((a) => K(a))) != null ? r : [te].filter((a) => a != null),
+        fe(C(i.value ? e[1] : e[0])),
+        fe(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))
+    ([s, r, a, c]) => {
+      if (n(), !(s != null && s.length) || !(r != null && r.length) || !(a != null && a.length))
         return;
-      const v = ut(c) ? { ...c } : c;
+      const v = mt(c) ? { ...c } : c;
       t.push(
-        ...l.flatMap(
-          (f) => o.flatMap(
-            (m) => a.map((g) => s(f, m, g, v))
+        ...s.flatMap(
+          (m) => r.flatMap(
+            (d) => a.map((h) => l(m, d, h, v))
           )
         )
       );
     },
     { flush: "post" }
-  ), r = () => {
+  ), o = () => {
     u(), n();
   };
-  return me(n), r;
+  return ke(n), o;
 }
-function ft() {
-  const e = R(!1), t = de();
-  return t && K(() => {
+function gt() {
+  const e = W(!1), t = Ce();
+  return t && ee(() => {
     e.value = !0;
   }, t), e;
 }
-function mt(e) {
-  const t = ft();
-  return C(() => (t.value, !!e()));
+function wt(e) {
+  const t = gt();
+  return I(() => (t.value, !!e()));
 }
-function vt(e, t, n = {}) {
-  const { window: s = U, ...i } = n;
+function yt(e, t, n = {}) {
+  const { window: l = te, ...i } = n;
   let u;
-  const r = mt(() => s && "MutationObserver" in s), l = () => {
+  const o = wt(() => l && "MutationObserver" in l), s = () => {
     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 = I(() => {
+    const m = C(e), d = fe(m).map(K).filter(ft);
+    return new Set(d);
+  }), a = N(
+    () => r.value,
+    (m) => {
+      s(), 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();
+    a(), s();
   };
-  return me(v), {
-    isSupported: r,
+  return ke(v), {
+    isSupported: o,
     stop: v,
     takeRecords: c
   };
 }
-function pt(e, t, n = {}) {
+function bt(e, t, n = {}) {
   const {
-    window: s = U,
-    document: i = s == null ? void 0 : s.document,
+    window: l = te,
+    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 pt;
+  let o;
+  const s = (c) => {
+    o == null || o(), o = c;
+  }, r = ot(() => {
+    const c = K(e);
     if (c) {
-      const { stop: v } = vt(
+      const { stop: v } = yt(
         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);
+      s(v);
     }
   }, { flush: u }), a = () => {
-    o(), l();
+    r(), s();
   };
-  return me(a), a;
+  return ke(a), a;
 }
-function ht(e = {}) {
+function xt(e = {}) {
   var t;
   const {
-    window: n = U,
-    deep: s = !0,
+    window: n = te,
+    deep: l = !0,
     triggerOnRemoval: i = !1
-  } = e, u = (t = e.document) != null ? t : n == null ? void 0 : n.document, r = () => {
+  } = e, u = (t = e.document) != null ? t : n == null ? void 0 : n.document, o = () => {
     var a;
     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;
     return c;
-  }, l = M(), o = () => {
-    l.value = r();
+  }, s = P(), r = () => {
+    s.value = o();
   };
   if (n) {
     const a = {
       capture: !0,
       passive: !0
     };
-    Z(
+    ie(
       n,
       "blur",
       (c) => {
-        c.relatedTarget === null && o();
+        c.relatedTarget === null && r();
       },
       a
-    ), Z(
+    ), ie(
       n,
       "focus",
-      o,
+      r,
       a
     );
   }
-  return i && pt(l, o, { document: u }), o(), l;
+  return i && bt(s, r, { document: u }), r(), s;
 }
-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 Ct = "focusin", Et = "focusout", kt = ":focus-within";
+function Mt(e, t = {}) {
+  const { window: n = te } = t, l = I(() => K(e)), i = W(!1), u = I(() => i.value), o = xt(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 s = { passive: !0 };
+  return ie(l, Ct, () => i.value = !0, s), ie(l, Et, () => {
+    var r, a, c;
+    return i.value = (c = (a = (r = l.value) == null ? void 0 : r.matches) == null ? void 0 : a.call(r, kt)) != null ? c : !1;
+  }, s), { focused: u };
 }
-function xt(e, { window: t = U, scrollTarget: n } = {}) {
-  const s = M(!1), i = () => {
+function $t(e, { window: t = te, 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 = K(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 s = o.getBoundingClientRect();
+      l.value = s.top <= (t.innerHeight || u.documentElement.clientHeight) && s.left <= (t.innerWidth || u.documentElement.clientWidth) && s.bottom >= 0 && s.right >= 0;
     }
   };
-  return L(
-    () => B(e),
+  return N(
+    () => K(e),
     () => i(),
     { immediate: !0, flush: "post" }
-  ), t && Z(n || t, "scroll", i, {
+  ), t && ie(n || t, "scroll", i, {
     capture: !1,
     passive: !0
-  }), s;
+  }), l;
 }
-const D = (e) => {
-  let t = xt(e).value;
+const z = (e) => {
+  let t = $t(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, H = (e) => e.tabIndex >= 0, Ae = (e) => {
+}, F = (e) => e.tabIndex >= 0, Le = (e) => {
   const t = e.target;
-  return ve(t);
-}, ve = (e) => {
+  return Me(t);
+}, Me = (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)) ? Me(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)) ? $e(l) : l;
+}, De = (e) => {
   const t = e.target;
-  return pe(t);
-}, pe = (e) => {
+  return $e(t);
+}, $e = (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)) ? $e(n) : n;
+}, At = (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)) ? Me(l) : l;
+}, He = (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;
+}, We = (e) => {
   const t = e.target;
-  return we(t);
-}, we = (e) => {
+  return Ae(t);
+}, Ae = (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)) ? Ae(n) : n;
+}, Xe = (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)) ? Ae(n) : n;
+}, Ve = (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;
+}, ce = ["alt", "control", "shift", "meta"], St = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, ge = {
+}, Se = {
   "keydown.up": (e) => {
-    const t = Ae(e);
+    const t = Le(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
-    const t = Se(e);
+    const t = De(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = Te(e);
+    const t = He(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = Me(e);
+    const t = We(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 = At(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = Re(e);
+    const t = Xe(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = Oe(e);
+    const t = Ve(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = Oe(e);
+    const t = Ve(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 = De(e);
       t && t.focus();
     }
   },
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = Ae(e);
+      const t = Le(e);
       t && t.focus();
     }
   },
   "keydown.home": (e) => {
-    const t = Re(e);
+    const t = Xe(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = Me(e);
+    const t = We(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = Te(e);
+    const t = He(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);
+function Te(e) {
+  const t = (o) => {
+    let s = null;
+    return o.parent && (typeof o.parent == "string" ? s = document.querySelector(o.parent) : o.parent instanceof HTMLElement ? s = o.parent : s = o.parent.value), s;
+  }, n = (o) => {
+    var s;
+    const r = t(o);
     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)
+    if (typeof o.selectors == "string")
+      a = 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 ? 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)
+    else if (o.selectors instanceof HTMLElement)
+      a.push(o.selectors);
+    else if ((s = o.selectors) != null && s.value)
+      if (Array.isArray(o.selectors.value))
+        for (const c of o.selectors.value)
           c instanceof HTMLElement ? a.push(c) : a.push(c.$el);
       else
-        a.push(r.selectors.value);
+        a.push(o.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;
+  }, l = (o) => {
+    const s = t(o);
+    let r = [];
+    return o.selectors ? r = n(o) : s && (r = Array.from(s.children).filter((a) => F(a) && z(a))), r;
+  }, i = (o) => (s) => {
+    const r = St[s.key] || s.key.toLowerCase();
+    if (ce.includes(r)) return;
+    const a = o.handlers || Se;
     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);
+      const [v, ...m] = c.split(".");
+      if (v === "keydown" && m.includes(r)) {
+        const d = a[c], h = m.filter((f) => ce.includes(f)), M = ce.some((f) => {
+          const p = f.charAt(0).toUpperCase() + f.slice(1);
+          return s.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 (h.length > 0) {
+          if (M) {
+            for (const f of ce)
+              if (m.includes(f)) {
+                const p = f.charAt(0).toUpperCase() + f.slice(1);
+                s.getModifierState(p) && d(s);
               }
           }
         } else
-          x || m(l);
+          M || d(s);
       }
     }
   }, u = [];
-  K(() => {
-    for (const r of e) {
-      const l = t(r), o = s(r), a = i(r), c = l ? [l] : o;
+  ee(() => {
+    for (const o of e) {
+      const s = t(o), r = l(o), a = i(o), c = s ? [s] : 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 } = Mt(P(v)), d = N(m, (h) => {
+          h ? v.addEventListener("keydown", a) : v.removeEventListener("keydown", a);
         });
-        u.push(m);
+        u.push(d);
       }
     }
-  }), _e(() => {
-    for (const r of u)
-      r();
+  }), nt(() => {
+    for (const o of u)
+      o();
   });
 }
-function ee(e) {
-  return He() ? (We(e), !0) : !1;
+function ue(e) {
+  return ze() ? (Fe(e), !0) : !1;
 }
-const ye = typeof window < "u" && typeof document < "u";
+const me = 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 Tt = (e) => e != null, Rt = Object.prototype.toString, Ye = (e) => Rt.call(e) === "[object Object]", G = () => {
+}, xe = /* @__PURE__ */ Pt();
+function Pt() {
   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 me && ((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 Ot(e) {
+  return Ce();
 }
-function V(e) {
+function Y(e) {
   return Array.isArray(e) ? e : [e];
 }
-function Tt(...e) {
+function Lt(...e) {
   if (e.length !== 1)
-    return tt(...e);
+    return st(...e);
   const t = e[0];
-  return typeof t == "function" ? nt(ot(() => ({ get: t, set: N }))) : M(t);
+  return typeof t == "function" ? rt(Ge(() => ({ get: t, set: G }))) : P(t);
+}
+function Dt(e, t = {}) {
+  if (!lt(e))
+    return at(e);
+  const n = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
+  for (const l in e.value)
+    n[l] = Ge(() => ({
+      get() {
+        return e.value[l];
+      },
+      set(i) {
+        var u;
+        if ((u = C(t.replaceRef)) != null ? u : !0)
+          if (Array.isArray(e.value)) {
+            const s = [...e.value];
+            s[l] = i, e.value = s;
+          } else {
+            const s = { ...e.value, [l]: i };
+            Object.setPrototypeOf(s, Object.getPrototypeOf(e.value)), e.value = s;
+          }
+        else
+          e.value[l] = i;
+      }
+    }));
+  return n;
 }
-function Mt(e, t = !0, n) {
-  St() ? K(e, n) : t ? e() : Ne(e);
+function Ht(e, t = !0, n) {
+  Ot() ? ee(e, n) : t ? e() : je(e);
 }
-function ze(e, t, n) {
-  return L(
+function qe(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 pe = me ? 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 Le(...e) {
+function re(...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((s) => s()), t.length = 0;
+  }, l = (s, r, a, c) => (s.addEventListener(r, a, c), () => s.removeEventListener(r, a, c)), i = I(() => {
+    const s = Y(C(e[0])).filter((r) => r != null);
+    return s.every((r) => typeof r != "string") ? s : void 0;
+  }), u = qe(
     () => {
-      var l, o;
+      var s, 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 = (s = i.value) == null ? void 0 : s.map((a) => _(a))) != null ? r : [pe].filter((a) => a != null),
+        Y(C(i.value ? e[1] : e[0])),
+        Y(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))
+    ([s, r, a, c]) => {
+      if (n(), !(s != null && s.length) || !(r != null && r.length) || !(a != null && a.length))
         return;
-      const v = Be(c) ? { ...c } : c;
+      const v = Ye(c) ? { ...c } : c;
       t.push(
-        ...l.flatMap(
-          (f) => o.flatMap(
-            (m) => a.map((g) => s(f, m, g, v))
+        ...s.flatMap(
+          (m) => r.flatMap(
+            (d) => a.map((h) => l(m, d, h, v))
           )
         )
       );
     },
     { flush: "post" }
-  ), r = () => {
+  ), o = () => {
     u(), n();
   };
-  return ee(n), r;
+  return ue(n), o;
 }
-function Rt() {
-  const e = R(!1), t = de();
-  return t && K(() => {
+function Wt() {
+  const e = W(!1), t = Ce();
+  return t && ee(() => {
     e.value = !0;
   }, t), e;
 }
-function Fe(e) {
-  const t = Rt();
-  return C(() => (t.value, !!e()));
+function Je(e) {
+  const t = Wt();
+  return I(() => (t.value, !!e()));
 }
-function Ue(e, t, n = {}) {
-  const { window: s = xe, ...i } = n;
+function Qe(e, t, n = {}) {
+  const { window: l = pe, ...i } = n;
   let u;
-  const r = Fe(() => s && "MutationObserver" in s), l = () => {
+  const o = Je(() => l && "MutationObserver" in l), s = () => {
     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 = I(() => {
+    const m = C(e), d = Y(m).map(_).filter(Tt);
+    return new Set(d);
+  }), a = N(
+    () => r.value,
+    (m) => {
+      s(), 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();
+    a(), s();
   };
-  return ee(v), {
-    isSupported: r,
+  return ue(v), {
+    isSupported: o,
     stop: v,
     takeRecords: c
   };
 }
-function Ot(e, t, n = {}) {
-  const { window: s = xe, ...i } = n;
+function he(e, t = {}) {
+  var n;
+  const {
+    pointerTypes: l,
+    preventDefault: i,
+    stopPropagation: u,
+    exact: o,
+    onMove: s,
+    onEnd: r,
+    onStart: a,
+    initialValue: c,
+    axis: v = "both",
+    draggingElement: m = pe,
+    containerElement: d,
+    handle: h = e,
+    buttons: M = [0]
+  } = t, f = P(
+    (n = C(c)) != null ? n : { x: 0, y: 0 }
+  ), p = P(), y = (b) => l ? l.includes(b.pointerType) : !0, E = (b) => {
+    C(i) && b.preventDefault(), C(u) && b.stopPropagation();
+  }, A = (b) => {
+    var O;
+    if (!C(M).includes(b.button) || C(t.disabled) || !y(b) || C(o) && b.target !== C(e))
+      return;
+    const V = C(d), g = (O = V == null ? void 0 : V.getBoundingClientRect) == null ? void 0 : O.call(V), w = C(e).getBoundingClientRect(), T = {
+      x: b.clientX - (V ? w.left - g.left + V.scrollLeft : w.left),
+      y: b.clientY - (V ? w.top - g.top + V.scrollTop : w.top)
+    };
+    (a == null ? void 0 : a(T, b)) !== !1 && (p.value = T, E(b));
+  }, k = (b) => {
+    if (C(t.disabled) || !y(b) || !p.value)
+      return;
+    const O = C(d), V = C(e).getBoundingClientRect();
+    let { x: g, y: w } = f.value;
+    (v === "x" || v === "both") && (g = b.clientX - p.value.x, O && (g = Math.min(Math.max(0, g), O.scrollWidth - V.width))), (v === "y" || v === "both") && (w = b.clientY - p.value.y, O && (w = Math.min(Math.max(0, w), O.scrollHeight - V.height))), f.value = {
+      x: g,
+      y: w
+    }, s == null || s(f.value, b), E(b);
+  }, S = (b) => {
+    C(t.disabled) || !y(b) || p.value && (p.value = void 0, r == null || r(f.value, b), E(b));
+  };
+  if (me) {
+    const b = () => {
+      var O;
+      return {
+        capture: (O = t.capture) != null ? O : !0,
+        passive: !C(i)
+      };
+    };
+    re(h, "pointerdown", A, b), re(m, "pointermove", k, b), re(m, "pointerup", S, b);
+  }
+  return {
+    ...Dt(f),
+    position: f,
+    isDragging: I(() => !!p.value),
+    style: I(
+      () => `left:${f.value.x}px;top:${f.value.y}px;`
+    )
+  };
+}
+function Xt(e, t, n = {}) {
+  const { window: l = pe, ...i } = n;
   let u;
-  const r = Fe(() => s && "ResizeObserver" in s), l = () => {
+  const o = Je(() => l && "ResizeObserver" in l), s = () => {
     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 = I(() => {
+    const v = C(e);
+    return Array.isArray(v) ? v.map((m) => _(m)) : [_(v)];
+  }), a = N(
+    r,
     (v) => {
-      if (l(), r.value && s) {
+      if (s(), 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();
+    s(), a();
   };
-  return ee(c), {
-    isSupported: r,
+  return ue(c), {
+    isSupported: o,
     stop: c
   };
 }
-function qe(e, t = {}) {
+function ve(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, s = W(0), r = W(0), a = W(0), c = W(0), v = W(0), m = W(0), d = W(0), h = W(0);
+  function M() {
+    const p = _(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 && (s.value = 0, r.value = 0, a.value = 0, c.value = 0, v.value = 0, m.value = 0, d.value = 0, h.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;
+    s.value = y.height, r.value = y.bottom, a.value = y.left, c.value = y.right, v.value = y.top, m.value = y.width, d.value = y.x, h.value = y.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 Xt(e, f), N(() => _(e), (p) => !p && f()), Qe(e, f, {
     attributeFilter: ["style", "class"]
-  }), i && Le("scroll", d, { capture: !0, passive: !0 }), s && Le("resize", d, { passive: !0 }), Mt(() => {
-    u && d();
+  }), i && re("scroll", f, { capture: !0, passive: !0 }), l && re("resize", f, { passive: !0 }), Ht(() => {
+    u && f();
   }), {
-    height: l,
-    bottom: o,
+    height: s,
+    bottom: r,
     left: a,
     right: c,
     top: v,
-    width: f,
-    x: m,
-    y: g,
-    update: d
+    width: m,
+    x: d,
+    y: h,
+    update: f
   };
 }
-const Lt = (e) => {
+const Vt = (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({
+}, Nt = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), Bt = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], zt = ["innerHTML"], Ft = { key: 2 }, jt = /* @__PURE__ */ q({
   __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], s = e.store.rows[e.rowIndex], r = o.align || "center", a = o.width || "40ch", c = I(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), v = I(() => typeof c.value == "string" ? Vt(c.value) : !1), m = I(() => {
+      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: a,
+        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 = I(() => ({
       "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
+    })), h = () => {
+      const { left: p, bottom: y, width: E, height: A } = ve(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 = y, k.modal.width = E, k.modal.height = A, k.modal.cell = n.value, typeof o.modalComponent == "function" ? k.modal.component = o.modalComponent({ table: k.table, row: s, 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 = {
+        ...Se,
+        "keydown.f2": h,
+        "keydown.alt.up": h,
+        "keydown.alt.down": h,
+        "keydown.alt.left": h,
+        "keydown.alt.right": h
       };
-      typeof e.addNavigation == "object" && (d = {
-        ...d,
+      typeof e.addNavigation == "object" && (p = {
+        ...p,
         ...e.addNavigation
-      }), be([
+      }), Te([
         {
-          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 y = p.target;
+      y.textContent !== i.value && (i.value = y.textContent, o.format ? (u.value = y.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, l), e.store.setCellText(e.colIndex, e.rowIndex, y.textContent)) : (u.value = y.textContent !== l, e.store.setCellData(e.colIndex, e.rowIndex, y.textContent)));
     };
-    return (d, p) => (E(), $("td", {
+    return t({
+      currentData: i
+    }), (p, y) => ($(), 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: U(m.value),
+      onFocus: M,
+      onPaste: f,
+      onInput: f,
+      onClick: h,
+      class: j(["atable-cell", d.value])
     }, [
-      b(u).cellComponent ? (E(), oe(Ve(b(u).cellComponent), fe({
+      x(o).cellComponent ? ($(), le(de(x(o).cellComponent), Ee({
         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, zt)) : ($(), R("span", Ft, Q(c.value), 1))
+    ], 46, Bt));
   }
-}), Nt = ["tabindex"], Vt = ["tabindex"], jt = ["colspan"], Bt = /* @__PURE__ */ F({
+}), Gt = ["tabindex"], Ut = ["tabindex"], Yt = ["colspan"], qt = /* @__PURE__ */ q({
   __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 = I(() => 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), Te([
         {
           selectors: t,
-          handlers: s
+          handlers: l
         }
       ]);
     }
-    return (s, i) => (E(), $(se, null, [
-      P("tr", fe(s.$attrs, {
+    return (l, i) => ($(), R(se, null, [
+      D("tr", Ee(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", {
+        }, Q(n.value), 1),
+        X(l.$slots, "row", {}, void 0, !0)
+      ], 16, Gt),
+      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, Yt)
+      ], 8, Ut)) : Z("", !0)
     ], 64));
   }
-}), te = (e, t) => {
+}), ne = (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({
+}, Jt = /* @__PURE__ */ ne(qt, [["__scopeId", "data-v-5ad4bb41"]]), Qt = ["colspan"], Zt = {
+  ref: "container",
+  class: "gantt-handler"
+}, Kt = {
+  key: 0,
+  class: "gantt-label"
+}, _t = /* @__PURE__ */ q({
+  __name: "AGanttCell",
+  props: {
+    start: {},
+    end: {},
+    colspan: { default: 1 },
+    label: {},
+    color: {}
+  },
+  emits: ["update:start", "update:end", "drag"],
+  setup(e, { emit: t }) {
+    it((E) => ({
+      eda8e56e: n.value,
+      "411e94c1": E.colspan
+    }));
+    const n = P();
+    ee(() => {
+      !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"), s = B("rightHandle"), { width: r } = ve(i), { left: a, right: c } = ve(u), v = P(e.start || 1), m = P(e.end || 4), d = P({ startX: 0, startPos: 0 }), h = I(() => e.colspan > 0 ? r.value / e.colspan : 0), M = I(() => {
+      const E = v.value / e.colspan * 100, A = m.value / e.colspan * 100;
+      return {
+        left: `${E}%`,
+        width: `${A - E}%`,
+        backgroundColor: n.value
+      };
+    }), { isDragging: f } = he(o, {
+      axis: "x",
+      onStart: () => {
+        u.value && (u.value.style.transition = "none"), d.value = {
+          startX: a.value,
+          startPos: v.value
+        };
+      },
+      onMove: ({ x: E }) => {
+        if (f.value && u.value) {
+          const k = (E - d.value.startX) / h.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 A = E - d.value.startX, k = Math.round(A / h.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 } = he(s, {
+      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) / h.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 A = E - d.value.startX, k = Math.round(A / h.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: y } = he(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: a.value,
+          startPos: v.value
+        };
+      },
+      onMove: ({ x: E }) => {
+        if (y.value && u.value) {
+          const k = (E - d.value.startX) / h.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 A = E - d.value.startX, k = Math.round(A / h.value), S = m.value - v.value;
+          let b = d.value.startPos + k, O = b + S;
+          b < 0 ? (b = 0, O = S) : O > e.colspan && (O = e.colspan, b = O - S), v.value = b, m.value = O, l("update:start", b), l("update:end", O), l("drag", { type: "bar", start: b, end: O });
+        }
+      }
+    });
+    return (E, A) => ($(), R("td", {
+      class: "aganttcell",
+      colspan: E.colspan
+    }, [
+      D("div", Zt, [
+        D("div", {
+          ref: "bar",
+          class: j(["gantt-bar", { "is-dragging": x(y) || x(f) || x(p) }]),
+          style: U(M.value)
+        }, [
+          D("div", {
+            ref: "leftHandle",
+            class: j(["gantt-handle left-handle", { "is-dragging": x(f) }])
+          }, A[0] || (A[0] = [
+            D("div", { class: "handle-grip" }, null, -1),
+            D("div", { class: "vertical-indicator left-indicator" }, null, -1)
+          ]), 2),
+          E.label ? ($(), R("label", Kt, Q(E.label), 1)) : Z("", !0),
+          D("div", {
+            ref: "rightHandle",
+            class: j(["gantt-handle right-handle", { "is-dragging": x(p) }])
+          }, A[1] || (A[1] = [
+            D("div", { class: "handle-grip" }, null, -1),
+            D("div", { class: "vertical-indicator right-indicator" }, null, -1)
+          ]), 2)
+        ], 6)
+      ], 512)
+    ], 8, Qt));
+  }
+}), en = /* @__PURE__ */ ne(_t, [["__scopeId", "data-v-4fb5a483"]]), tn = ["tabindex"], nn = /* @__PURE__ */ q({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -751,187 +963,187 @@ 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 = I(() => e.store.isRowVisible(e.rowIndex)), l = I(() => e.store.getRowExpandSymbol(e.rowIndex));
     if (e.addNavigation) {
-      let i = ge;
+      let i = Se;
       typeof e.addNavigation == "object" && (i = {
         ...i,
         ...e.addNavigation
-      }), be([
+      }), Te([
         {
           selectors: t,
           handlers: i
         }
       ]);
     }
-    return (i, u) => ie((E(), $("tr", {
+    return (i, u) => ye(($(), 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", {
+          class: j(["list-index", i.store.hasPinnedColumns ? "sticky-index" : ""])
+        }, Q(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]
+          class: j(["tree-index", i.store.hasPinnedColumns ? "sticky-index" : ""]),
+          onClick: u[0] || (u[0] = (o) => i.store.toggleRowExpand(i.rowIndex))
+        }, Q(l.value), 3)) : Z("", !0)
+      ], !0) : Z("", !0),
+      X(i.$slots, "default", {}, void 0, !0)
+    ], 8, tn)), [
+      [Ue, n.value]
     ]);
   }
-}), Ge = /* @__PURE__ */ te(Ut, [["__scopeId", "data-v-9c529d3d"]]), Xe = ye ? window : void 0;
-function Y(e) {
+}), Ze = /* @__PURE__ */ ne(nn, [["__scopeId", "data-v-4cb4f254"]]), Ke = me ? window : void 0;
+function ae(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 J(...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((s) => s()), t.length = 0;
+  }, l = (s, r, a, c) => (s.addEventListener(r, a, c), () => s.removeEventListener(r, a, c)), i = I(() => {
+    const s = Y(C(e[0])).filter((r) => r != null);
+    return s.every((r) => typeof r != "string") ? s : void 0;
+  }), u = qe(
     () => {
-      var l, o;
+      var s, 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 = (s = i.value) == null ? void 0 : s.map((a) => ae(a))) != null ? r : [Ke].filter((a) => a != null),
+        Y(C(i.value ? e[1] : e[0])),
+        Y(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))
+    ([s, r, a, c]) => {
+      if (n(), !(s != null && s.length) || !(r != null && r.length) || !(a != null && a.length))
         return;
-      const v = Be(c) ? { ...c } : c;
+      const v = Ye(c) ? { ...c } : c;
       t.push(
-        ...l.flatMap(
-          (f) => o.flatMap(
-            (m) => a.map((g) => s(f, m, g, v))
+        ...s.flatMap(
+          (m) => r.flatMap(
+            (d) => a.map((h) => l(m, d, h, v))
           )
         )
       );
     },
     { flush: "post" }
-  ), r = () => {
+  ), o = () => {
     u(), n();
   };
-  return ee(n), r;
+  return ue(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 Ne = !1;
+function Be(e, t, n = {}) {
+  const { window: l = Ke, ignore: i = [], capture: u = !0, detectIframe: o = !1, controls: s = !1 } = n;
+  if (!l)
+    return s ? { stop: G, cancel: G, trigger: G } : G;
+  if (xe && !Ne) {
+    Ne = !0;
+    const f = { passive: !0 };
+    Array.from(l.document.body.children).forEach((p) => J(p, "click", G, f)), J(l.document.documentElement, "click", G, f);
   }
-  let o = !0;
-  const a = (d) => k(i).some((p) => {
+  let r = !0;
+  const a = (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((y) => y === f.target || f.composedPath().includes(y));
     {
-      const y = Y(p);
-      return y && (d.target === y || d.composedPath().includes(y));
+      const y = ae(p);
+      return y && (f.target === y || f.composedPath().includes(y));
     }
   });
-  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 y = C(f), E = y.$.subTree && y.$.subTree.children;
+    return E == null || !Array.isArray(E) ? !1 : E.some((A) => A.el === p.target || p.composedPath().includes(A.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 = ae(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 = !a(f)), !r) {
+        r = !0;
         return;
       }
-      t(d);
+      t(f);
     }
   };
-  let m = !1;
-  const g = [
-    j(s, "click", (d) => {
-      m || (m = !0, setTimeout(() => {
-        m = !1;
-      }, 0), f(d));
+  let d = !1;
+  const h = [
+    J(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));
+    J(l, "pointerdown", (f) => {
+      const p = ae(e);
+      r = !a(f) && !!(p && !f.composedPath().includes(p));
     }, { passive: !0 }),
-    r && j(s, "blur", (d) => {
+    o && J(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 y = ae(e);
+        ((p = l.document.activeElement) == null ? void 0 : p.tagName) === "IFRAME" && !(y != null && y.contains(l.document.activeElement)) && t(f);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), x = () => g.forEach((d) => d());
-  return l ? {
-    stop: x,
+  ].filter(Boolean), M = () => h.forEach((f) => f());
+  return s ? {
+    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 on = {
   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 = Be(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 = Be(e, l, Object.assign({ capture: n }, i));
     }
   },
   unmounted(e) {
     e.__onClickOutside_stop();
   }
 };
-function re(e) {
+function ge(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
-function Je(e) {
+function _e(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 : _e(n);
   }
 }
-function Yt(e) {
+function ln(e) {
   const t = e || window.event, n = t.target;
-  return Je(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
+  return _e(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 we = /* @__PURE__ */ new WeakMap();
+function an(e, t = !1) {
+  const n = P(t);
+  let l = null, i = "";
+  N(Lt(e), (s) => {
+    const r = ge(C(s));
+    if (r) {
+      const a = r;
+      if (we.get(a) || we.set(a, a.style.overflow), a.style.overflow !== "hidden" && (i = a.style.overflow), a.style.overflow === "hidden")
         return n.value = !0;
       if (n.value)
         return a.style.overflow = "hidden";
@@ -940,193 +1152,193 @@ function Gt(e, t = !1) {
     immediate: !0
   });
   const u = () => {
-    const l = re(k(e));
-    !l || n.value || (ce && (s = j(
-      l,
+    const s = ge(C(e));
+    !s || n.value || (xe && (l = J(
+      s,
       "touchmove",
-      (o) => {
-        Yt(o);
+      (r) => {
+        ln(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);
+    )), s.style.overflow = "hidden", n.value = !0);
+  }, o = () => {
+    const s = ge(C(e));
+    !s || !n.value || (xe && (l == null || l()), s.style.overflow = i, we.delete(s), n.value = !1);
   };
-  return ee(r), C({
+  return ue(o), I({
     get() {
       return n.value;
     },
-    set(l) {
-      l ? u() : r();
+    set(s) {
+      s ? u() : o();
     }
   });
 }
-function Xt() {
+function sn() {
   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 = an(n, l.value);
+    N(t, (u) => i.value = u);
   };
 }
-Xt();
-const Jt = {
+sn();
+const rn = {
   key: 0,
   id: "resizable"
-}, Qt = {
+}, un = {
   class: "atable-header-row",
   tabindex: "-1"
-}, Qe = /* @__PURE__ */ F({
+}, et = /* @__PURE__ */ q({
   __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", rn, [
+      D("tr", un, [
+        t.store.zeroColumn ? ($(), R("th", {
           key: 0,
           id: "header-index",
-          class: G([[
+          class: j([[
             t.store.hasPinnedColumns ? "sticky-index" : "",
             t.store.config.view === "tree" ? "tree-index" : "",
             t.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
-        }, null, 2)) : Q("", !0),
-        (E(!0), $(se, null, ue(t.columns, (s, i) => (E(), $("th", {
-          key: s.name,
+        }, null, 2)) : Z("", !0),
+        ($(!0), R(se, null, be(t.columns, (l, i) => ($(), R("th", {
+          key: l.name,
           tabindex: "-1",
-          style: X(t.store.getHeaderCellStyle(s)),
-          class: G(s.pinned ? "sticky-column" : "")
+          style: U(t.store.getHeaderCellStyle(l)),
+          class: j(l.pinned ? "sticky-column" : "")
         }, [
-          O(t.$slots, "default", {}, () => [
-            lt(J(s.label || String.fromCharCode(i + 97).toUpperCase()), 1)
+          X(t.$slots, "default", {}, () => [
+            ut(Q(l.label || String.fromCharCode(i + 97).toUpperCase()), 1)
           ])
         ], 6))), 128))
       ])
-    ])) : Q("", !0);
+    ])) : Z("", !0);
   }
-}), Ze = /* @__PURE__ */ F({
+}), tt = /* @__PURE__ */ q({
   __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 } = ve(t), i = I(() => {
+      var v, m, d, h;
       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);
-      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), {
+      const u = (v = e.store.modal.cell) == null ? void 0 : v.closest("table"), o = u.offsetHeight || 0, s = u.offsetWidth || 0;
+      let r = ((m = e.store.modal.cell) == null ? void 0 : m.offsetTop) || 0;
+      const a = ((d = u.querySelector("thead")) == null ? void 0 : d.offsetHeight) || 0;
+      r += a, r = r + l.value < o ? r : r - (l.value + e.store.modal.height);
+      let c = ((h = e.store.modal.cell) == null ? void 0 : h.offsetLeft) || 0;
+      return c = c + n.value <= s ? 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] = Re(() => {
       }, ["stop"])),
-      onInput: r[1] || (r[1] = ke(() => {
+      onInput: o[1] || (o[1] = Re(() => {
       }, ["stop"])),
-      style: X(i.value)
+      style: U(i.value)
     }, [
-      O(u.$slots, "default")
+      X(u.$slots, "default")
     ], 36));
   }
-}), Zt = (e) => {
-  const t = e.id || Pt();
-  return st(`table-${t}`, () => {
-    const s = () => {
-      const h = {};
-      for (const [w, I] of u.value.entries())
-        for (const [S, T] of r.value.entries())
-          h[`${w}:${S}`] = T[I.name];
-      return h;
-    }, i = (h) => {
+}), cn = (e) => {
+  const t = e.id || Nt();
+  return ct(`table-${t}`, () => {
+    const l = () => {
+      const g = {};
+      for (const [w, T] of u.value.entries())
+        for (const [L, H] of o.value.entries())
+          g[`${w}:${L}`] = H[T.name];
+      return g;
+    }, i = (g) => {
       const w = [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] = {
+      if (g && "0:0" in g)
+        return g;
+      const T = /* @__PURE__ */ new Set();
+      for (let L = o.value.length - 1; L >= 0; L--) {
+        const H = o.value[L];
+        H.parent && T.add(H.parent), w[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: T.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) => ({
-      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;
+    }, u = P(e.columns), o = P(e.rows), s = P(e.config || {}), r = P(e.table || l()), a = P(i(e.display)), c = P(e.modal || { visible: !1 }), v = P({}), m = I(() => u.value.some((g) => g.pinned)), d = I(() => `${Math.ceil(o.value.length / 100 + 1)}ch`), h = I(
+      () => s.value.view ? ["list", "tree", "list-expansion"].includes(s.value.view) : !1
+    ), M = (g, w) => r.value[`${g}:${w}`], f = (g, w, T) => {
+      const L = `${g}:${w}`, H = u.value[g];
+      r.value[L] !== T && (a.value[w].rowModified = !0), r.value[L] = T, o.value[w][H.name] = T;
+    }, p = (g, w, T) => {
+      const L = `${g}:${w}`;
+      r.value[L] !== T && (a.value[w].rowModified = !0, v.value[L] = T);
+    }, y = (g) => ({
+      minWidth: g.width || "40ch",
+      textAlign: g.align || "center",
+      width: s.value.fullWidth ? "auto" : void 0
+    }), E = (g) => s.value.view !== "tree" || a.value[g].isRoot || a.value[g].open, A = (g) => s.value.view !== "tree" ? "" : a.value[g].isRoot || a.value[g].isParent ? a.value[g].childrenOpen ? "-" : "+" : "", k = (g) => {
+      if (s.value.view === "tree") {
+        a.value[g].childrenOpen = !a.value[g].childrenOpen;
+        for (let w = o.value.length - 1; w >= 0; w--)
+          a.value[w].parent === g && (a.value[w].open = !a.value[w].open, a.value[w].childrenOpen && k(w));
+      } else s.value.view === "list-expansion" && (a.value[g].expanded = !a.value[g].expanded);
+    }, S = (g, w) => {
+      const T = M(g, w);
+      return b(g, w, T);
+    }, b = (g, w, T) => {
+      const L = u.value[g], H = o.value[w], oe = L.format;
+      return oe ? typeof oe == "function" ? oe(T, { table: r.value, row: H, column: L }) : typeof oe == "string" ? Function(`"use strict";return (${oe})`)()(T, { table: r.value, row: H, column: L }) : T : T;
     };
     return {
       // state
       columns: u,
-      config: l,
+      config: s,
       display: a,
       modal: c,
-      rows: r,
-      table: o,
+      rows: o,
+      table: r,
       updates: v,
       // getters
-      hasPinnedColumns: f,
-      numberedRowWidth: m,
-      zeroColumn: g,
+      hasPinnedColumns: m,
+      numberedRowWidth: d,
+      zeroColumn: h,
       // actions
-      closeModal: (h) => {
+      closeModal: (g) => {
         var w;
-        h.target instanceof Node && (w = c.value.parent) != null && w.contains(h.target) || c.value.visible && (c.value.visible = !1);
+        g.target instanceof Node && (w = c.value.parent) != null && w.contains(g.target) || c.value.visible && (c.value.visible = !1);
       },
-      getCellData: x,
-      getCellDisplayValue: Ke,
-      getFormattedValue: Ce,
+      getCellData: M,
+      getCellDisplayValue: S,
+      getFormattedValue: b,
       getHeaderCellStyle: y,
-      getIndent: (h, w) => w && h === 0 && w > 0 ? `${w}ch` : "inherit",
+      getIndent: (g, w) => w && g === 0 && w > 0 ? `${w}ch` : "inherit",
       getRowExpandSymbol: A,
-      isRowVisible: W,
-      setCellData: d,
+      isRowVisible: E,
+      setCellData: f,
       setCellText: p,
-      toggleRowExpand: Ee
+      toggleRowExpand: k
     };
   })();
-}, Kt = /* @__PURE__ */ F({
+}, dn = /* @__PURE__ */ q({
   __name: "ATable",
   props: {
     id: {},
@@ -1137,137 +1349,177 @@ 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 = cn({ columns: e.columns, rows: u, id: e.id, config: e.config });
+    o.$onAction(({ name: a, store: c, args: v, after: m }) => {
+      if (a === "setCellData" || a === "setCellText") {
+        const [d, h, M] = v, f = c.getCellData(d, h);
+        m(() => {
+          l("cellUpdate", { colIndex: d, rowIndex: h, newValue: M, oldValue: f });
         });
       }
-    }), L(
-      () => r.rows,
-      (o) => {
-        s("update:modelValue", o);
+    }), N(
+      () => o.rows,
+      (a) => {
+        l("update:modelValue", a);
       },
       { deep: !0 }
-    ), K(() => {
-      e.columns.some((o) => o.pinned) && (l(), r.config.view === "tree" && Ue(i, l, { childList: !0, subtree: !0 }));
+    ), ee(() => {
+      e.columns.some((a) => a.pinned) && (s(), o.config.view === "tree" && Qe(i, s, { 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 s = () => {
+      const a = i.value, c = a == null ? void 0 : a.rows[0], v = a == null ? void 0 : a.rows[1], m = c ? Array.from(c.cells) : [];
+      for (const [d, h] of m.entries()) {
+        const M = v == null ? void 0 : v.cells[d];
+        M && (h.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 (a == null ? void 0 : a.rows) || []) {
+        let h = 0;
+        const M = [];
+        for (const f of d.cells)
+          (f.classList.contains("sticky-column") || f.classList.contains("sticky-index")) && (f.style.left = `${h}px`, h += 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", (a) => {
+      if (a.key === "Escape" && o.modal.visible) {
+        o.modal.visible = !1;
+        const c = o.modal.parent;
+        c && je().then(() => {
+          c.focus();
         });
       }
-    }), t({ store: r }), (o, a) => ie((E(), $("table", {
+    });
+    const r = (a) => {
+      const c = a.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 h = { ...o.columns[d] };
+        h.originalIndex = d, m.push(h);
+      }
+      return m.push({
+        ...o.columns[v],
+        colspan: o.columns.length - v,
+        isGantt: !0,
+        originalIndex: v,
+        color: c ? a.resource_name.color : "",
+        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 }), (a, c) => ye(($(), R("table", {
       ref: "table",
       class: "atable",
-      style: X({ width: b(r).config.fullWidth ? "100%" : "auto" })
+      style: U({
+        width: x(o).config.fullWidth ? "100%" : "auto"
+      })
     }, [
-      O(o.$slots, "header", { data: b(r) }, () => [
-        Ie(Qe, {
-          columns: b(r).columns,
-          store: b(r)
+      X(a.$slots, "header", { data: x(o) }, () => [
+        Pe(et, {
+          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(a.$slots, "body", { data: x(o) }, () => [
+          ($(!0), R(se, null, be(x(o).rows, (v, m) => ($(), le(Ze, {
+            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: Oe(() => [
+              ($(!0), R(se, null, be(r(v), (d, h) => ($(), R(se, {
+                key: d.name
+              }, [
+                d.isGantt ? ($(), le(de(d.ganttComponent || "AGanttCell"), {
+                  key: 0,
+                  store: x(o),
+                  color: d.color,
+                  colspan: d.colspan,
+                  pinned: d.pinned,
+                  rowIndex: m,
+                  colIndex: d.originalIndex !== void 0 ? d.originalIndex : h,
+                  style: U({
+                    textAlign: (d == null ? void 0 : d.align) || "center",
+                    minWidth: (d == null ? void 0 : d.width) || "40ch",
+                    width: x(o).config.fullWidth ? "auto" : null
+                    // tabIndex: column.isGantt ? '-1' : '0',
+                  }),
+                  spellcheck: "false"
+                }, null, 8, ["store", "color", "colspan", "pinned", "rowIndex", "colIndex", "style"])) : ($(), le(de(d.cellComponent || "ACell"), {
+                  key: 1,
+                  store: x(o),
+                  pinned: d.pinned,
+                  rowIndex: m,
+                  colIndex: h,
+                  style: U({
+                    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(a.$slots, "footer", { data: x(o) }, void 0, !0),
+      X(a.$slots, "modal", { data: x(o) }, () => [
+        ye(Pe(tt, { store: x(o) }, {
+          default: Oe(() => [
+            ($(), le(de(x(o).modal.component), Ee({
+              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]
+          [Ue, x(o).modal.visible]
         ])
       ], !0)
     ], 4)), [
-      [b(qt), b(r).closeModal]
+      [x(on), 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)
+}), fn = /* @__PURE__ */ ne(dn, [["__scopeId", "data-v-7af486de"]]), vn = {}, mn = { class: "aloading" }, pn = { class: "aloading-header" };
+function hn(e, t) {
+  return $(), R("div", mn, [
+    D("h2", pn, [
+      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 gn = /* @__PURE__ */ ne(vn, [["render", hn], ["__scopeId", "data-v-a930a25b"]]), wn = {}, yn = { class: "aloading" }, bn = { class: "aloading-header" };
+function xn(e, t) {
+  return $(), R("div", yn, [
+    D("h2", bn, [
+      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 Cn = /* @__PURE__ */ ne(wn, [["render", xn], ["__scopeId", "data-v-e1165876"]]);
+function $n(e) {
+  e.component("ACell", jt), e.component("AExpansionRow", Jt), e.component("AGanttCell", en), e.component("ARow", Ze), e.component("ATable", fn), e.component("ATableHeader", et), e.component("ATableLoading", gn), e.component("ATableLoadingBar", Cn), e.component("ATableModal", tt);
 }
 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
+  jt as ACell,
+  Jt as AExpansionRow,
+  en as AGanttCell,
+  Ze as ARow,
+  fn as ATable,
+  et as ATableHeader,
+  gn as ATableLoading,
+  Cn as ATableLoadingBar,
+  tt as ATableModal,
+  cn as createTableStore,
+  $n as install
 };
 //# sourceMappingURL=atable.js.map