@stonecrop/atable 0.4.9 → 0.4.11

package/dist/atable.js

@@ -1,17 +1,17 @@
-import { onMounted as _, ref as R, watch as P, onBeforeUnmount as _e, computed as C, shallowRef as O, toValue as k, watchEffect as et, getCurrentScope as We, onScopeDispose as Ne, unref as y, getCurrentInstance as me, nextTick as Ve, toRef as tt, readonly as nt, customRef as ot, defineComponent as U, useTemplateRef as ee, createElementBlock as $, openBlock as E, normalizeClass as X, normalizeStyle as J, createBlock as se, resolveDynamicComponent as je, mergeProps as ve, toDisplayString as Q, Fragment as ae, createElementVNode as D, createCommentVNode as Z, renderSlot as L, withDirectives as ce, vShow as Be, renderList as de, createTextVNode as lt, withModifiers as Ie, createVNode as $e, withCtx as Ae } from "vue";
-import { defineStore as st } from "pinia";
-import './assets/index.css';function pe(e) {
-  return We() ? (Ne(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 re(e) {
+function fe(e) {
   return Array.isArray(e) ? e : [e];
 }
-function dt(e, t, n) {
-  return P(
+function ht(e, t, n) {
+  return N(
     e,
     t,
     {
@@ -20,447 +20,472 @@ function dt(e, t, n) {
     }
   );
 }
-const q = rt ? window : void 0;
-function z(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 K(...e) {
+function ie(...e) {
   const t = [], n = () => {
-    t.forEach((o) => o()), t.length = 0;
-  }, s = (o, a, l, u) => (o.addEventListener(a, l, u), () => o.removeEventListener(a, l, u)), i = C(() => {
-    const o = re(k(e[0])).filter((a) => a != null);
-    return o.every((a) => typeof a != "string") ? o : void 0;
-  }), c = 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 o, a;
+      var s, r;
       return [
-        (a = (o = i.value) == null ? void 0 : o.map((l) => z(l))) != null ? a : [q].filter((l) => l != null),
-        re(k(i.value ? e[1] : e[0])),
-        re(y(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])
       ];
     },
-    ([o, a, l, u]) => {
-      if (n(), !(o != null && o.length) || !(a != null && a.length) || !(l != null && l.length))
+    ([s, r, a, c]) => {
+      if (n(), !(s != null && s.length) || !(r != null && r.length) || !(a != null && a.length))
         return;
-      const m = ut(u) ? { ...u } : u;
+      const v = mt(c) ? { ...c } : c;
       t.push(
-        ...o.flatMap(
-          (v) => a.flatMap(
-            (f) => l.map((b) => s(v, f, b, m))
+        ...s.flatMap(
+          (m) => r.flatMap(
+            (d) => a.map((h) => l(m, d, h, v))
           )
         )
       );
     },
     { flush: "post" }
-  ), r = () => {
-    c(), n();
+  ), o = () => {
+    u(), n();
   };
-  return pe(n), r;
+  return ke(n), o;
 }
-function ft() {
-  const e = O(!1), t = me();
-  return t && _(() => {
+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 = q, ...i } = n;
-  let c;
-  const r = mt(() => s && "MutationObserver" in s), o = () => {
-    c && (c.disconnect(), c = void 0);
-  }, a = C(() => {
-    const v = k(e), f = re(v).map(z).filter(at);
-    return new Set(f);
-  }), l = P(
-    () => a.value,
-    (v) => {
-      o(), r.value && v.size && (c = new MutationObserver(t), v.forEach((f) => c.observe(f, i)));
+function yt(e, t, n = {}) {
+  const { window: l = te, ...i } = n;
+  let u;
+  const o = wt(() => l && "MutationObserver" in l), s = () => {
+    u && (u.disconnect(), u = void 0);
+  }, 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" }
-  ), u = () => c == null ? void 0 : c.takeRecords(), m = () => {
-    l(), o();
+  ), c = () => u == null ? void 0 : u.takeRecords(), v = () => {
+    a(), s();
   };
-  return pe(m), {
-    isSupported: r,
-    stop: m,
-    takeRecords: u
+  return ke(v), {
+    isSupported: o,
+    stop: v,
+    takeRecords: c
   };
 }
-function pt(e, t, n = {}) {
+function bt(e, t, n = {}) {
   const {
-    window: s = q,
-    document: i = s == null ? void 0 : s.document,
-    flush: c = "sync"
+    window: l = te,
+    document: i = l == null ? void 0 : l.document,
+    flush: u = "sync"
   } = n;
-  if (!s || !i)
-    return ct;
-  let r;
-  const o = (u) => {
-    r == null || r(), r = u;
-  }, a = et(() => {
-    const u = z(e);
-    if (u) {
-      const { stop: m } = vt(
+  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 } = yt(
         i,
-        (v) => {
-          v.map((f) => [...f.removedNodes]).flat().some((f) => f === u || f.contains(u)) && t(v);
+        (m) => {
+          m.map((d) => [...d.removedNodes]).flat().some((d) => d === c || d.contains(c)) && t(m);
         },
         {
-          window: s,
+          window: l,
           childList: !0,
           subtree: !0
         }
       );
-      o(m);
+      s(v);
     }
-  }, { flush: c }), l = () => {
-    a(), o();
+  }, { flush: u }), a = () => {
+    r(), s();
   };
-  return pe(l), l;
+  return ke(a), a;
 }
-function ht(e = {}) {
+function xt(e = {}) {
   var t;
   const {
-    window: n = q,
-    deep: s = !0,
+    window: n = te,
+    deep: l = !0,
     triggerOnRemoval: i = !1
-  } = e, c = (t = e.document) != null ? t : n == null ? void 0 : n.document, r = () => {
-    var l;
-    let u = c == null ? void 0 : c.activeElement;
-    if (s)
-      for (; u != null && u.shadowRoot; )
-        u = (l = u == null ? void 0 : u.shadowRoot) == null ? void 0 : l.activeElement;
-    return u;
-  }, o = R(), a = () => {
-    o.value = 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 (l)
+      for (; c != null && c.shadowRoot; )
+        c = (a = c == null ? void 0 : c.shadowRoot) == null ? void 0 : a.activeElement;
+    return c;
+  }, s = P(), r = () => {
+    s.value = o();
   };
   if (n) {
-    const l = {
+    const a = {
       capture: !0,
       passive: !0
     };
-    K(
+    ie(
       n,
       "blur",
-      (u) => {
-        u.relatedTarget === null && a();
+      (c) => {
+        c.relatedTarget === null && r();
       },
-      l
-    ), K(
+      a
+    ), ie(
       n,
       "focus",
-      a,
-      l
+      r,
+      a
     );
   }
-  return i && pt(o, a, { document: c }), a(), o;
+  return i && bt(s, r, { document: u }), r(), s;
 }
-const wt = "focusin", gt = "focusout", bt = ":focus-within";
-function yt(e, t = {}) {
-  const { window: n = q } = t, s = C(() => z(e)), i = O(!1), c = C(() => i.value), r = ht(t);
-  if (!n || !r.value)
-    return { focused: c };
-  const o = { passive: !0 };
-  return K(s, wt, () => i.value = !0, o), K(s, gt, () => {
-    var a, l, u;
-    return i.value = (u = (l = (a = s.value) == null ? void 0 : a.matches) == null ? void 0 : l.call(a, bt)) != null ? u : !1;
-  }, o), { focused: c };
+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 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 = q, scrollTarget: n } = {}) {
-  const s = R(!1), i = () => {
+function $t(e, { window: t = te, scrollTarget: n } = {}) {
+  const l = P(!1), i = () => {
     if (!t) return;
-    const c = t.document, r = z(e);
-    if (!r)
-      s.value = !1;
+    const u = t.document, o = K(e);
+    if (!o)
+      l.value = !1;
     else {
-      const o = r.getBoundingClientRect();
-      s.value = o.top <= (t.innerHeight || c.documentElement.clientHeight) && o.left <= (t.innerWidth || c.documentElement.clientWidth) && o.bottom >= 0 && o.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 P(
-    () => z(e),
+  return N(
+    () => K(e),
     () => i(),
     { immediate: !0, flush: "post" }
-  ), t && K(n || t, "scroll", i, {
+  ), t && ie(n || t, "scroll", i, {
     capture: !1,
     passive: !0
-  }), s;
+  }), l;
 }
-const H = (e) => {
-  let t = xt(e).value;
+const z = (e) => {
+  let t = $t(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, W = (e) => e.tabIndex >= 0, Se = (e) => {
+}, F = (e) => e.tabIndex >= 0, Le = (e) => {
   const t = e.target;
-  return he(t);
-}, he = (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 && (!W(n) || !H(n)) ? he(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 c = i.firstElementChild, r = c == null ? void 0 : c.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 c = i.firstElementChild;
-      c && (s = c);
+      const u = i.firstElementChild;
+      u && (l = u);
     }
   }
-  return s && (!W(s) || !H(s)) ? we(s) : s;
-}, Te = (e) => {
+  return l && (!F(l) || !z(l)) ? $e(l) : l;
+}, De = (e) => {
   const t = e.target;
-  return we(t);
-}, we = (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 && (!W(n) || !H(n)) ? we(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 c = i.lastElementChild, r = c == null ? void 0 : c.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 c = i.lastElementChild;
-      c && (s = c);
+      const u = i.lastElementChild;
+      u && (l = u);
     }
   }
-  return s && (!W(s) || !H(s)) ? he(s) : s;
-}, Me = (e) => {
+  return l && (!F(l) || !z(l)) ? Me(l) : l;
+}, He = (e) => {
   const t = e.target;
-  return ge(t);
-}, ge = (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 && (!W(n) || !H(n)) ? ge(n) : n;
-}, Re = (e) => {
+  return n && (!F(n) || !z(n)) ? Ie(n) : n;
+}, We = (e) => {
   const t = e.target;
-  return be(t);
-}, be = (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 && (!W(n) || !H(n)) ? be(n) : n;
-}, Oe = (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 && (!W(n) || !H(n)) ? be(n) : n;
-}, Le = (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 && (!W(n) || !H(n)) ? ge(n) : n;
-}, le = ["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"
-}, ye = {
+}, Se = {
   "keydown.up": (e) => {
-    const t = Se(e);
+    const t = Le(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
-    const t = Te(e);
+    const t = De(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = Me(e);
+    const t = He(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = Re(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 = Oe(e);
+    const t = Xe(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = Le(e);
+    const t = Ve(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = Le(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 = Te(e);
+      const t = De(e);
       t && t.focus();
     }
   },
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = Se(e);
+      const t = Le(e);
       t && t.focus();
     }
   },
   "keydown.home": (e) => {
-    const t = Oe(e);
+    const t = Xe(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = Re(e);
+    const t = We(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = Me(e);
+    const t = He(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
-function xe(e) {
-  const t = (r) => {
-    let o = null;
-    return r.parent && (typeof r.parent == "string" ? o = document.querySelector(r.parent) : r.parent instanceof HTMLElement ? o = r.parent : o = r.parent.value), o;
-  }, n = (r) => {
-    var o;
-    const a = t(r);
-    let l = [];
-    if (typeof r.selectors == "string")
-      l = a ? Array.from(a.querySelectorAll(r.selectors)) : Array.from(document.querySelectorAll(r.selectors));
-    else if (Array.isArray(r.selectors))
-      for (const u of r.selectors)
-        u instanceof HTMLElement ? l.push(u) : l.push(u.$el);
-    else if (r.selectors instanceof HTMLElement)
-      l.push(r.selectors);
-    else if ((o = r.selectors) != null && o.value)
-      if (Array.isArray(r.selectors.value))
-        for (const u of r.selectors.value)
-          u instanceof HTMLElement ? l.push(u) : l.push(u.$el);
-      else
-        l.push(r.selectors.value);
-    return l;
-  }, s = (r) => {
-    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 = [];
-    return r.selectors ? a = n(r) : o && (a = Array.from(o.children).filter((l) => W(l) && H(l))), a;
-  }, i = (r) => (o) => {
-    const a = kt[o.key] || o.key.toLowerCase();
-    if (le.includes(a)) return;
-    const l = r.handlers || ye;
-    for (const u of Object.keys(l)) {
-      const [m, ...v] = u.split(".");
-      if (m === "keydown" && v.includes(a)) {
-        const f = l[u], b = v.filter((d) => le.includes(d)), x = le.some((d) => {
-          const w = d.charAt(0).toUpperCase() + d.slice(1);
-          return o.getModifierState(w);
+    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 (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(o.selectors.value);
+    return a;
+  }, 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, ...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 (b.length > 0) {
-          if (x) {
-            for (const d of le)
-              if (v.includes(d)) {
-                const w = d.charAt(0).toUpperCase() + d.slice(1);
-                o.getModifierState(w) && f(o);
+        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 || f(o);
+          M || d(s);
       }
     }
-  }, c = [];
-  _(() => {
-    for (const r of e) {
-      const o = t(r), a = s(r), l = i(r), u = o ? [o] : a;
-      for (const m of u) {
-        const { focused: v } = yt(R(m)), f = P(v, (b) => {
-          b ? m.addEventListener("keydown", l) : m.removeEventListener("keydown", l);
+  }, u = [];
+  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: m } = Mt(P(v)), d = N(m, (h) => {
+          h ? v.addEventListener("keydown", a) : v.removeEventListener("keydown", a);
         });
-        c.push(f);
+        u.push(d);
       }
     }
-  }), _e(() => {
-    for (const r of c)
-      r();
+  }), nt(() => {
+    for (const o of u)
+      o();
   });
 }
-function te(e) {
-  return We() ? (Ne(e), !0) : !1;
+function ue(e) {
+  return ze() ? (Fe(e), !0) : !1;
 }
-const Ee = 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, ze = (e) => $t.call(e) === "[object Object]", N = () => {
-}, fe = /* @__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 Ee && ((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 me();
+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 }))) : R(t);
+  return typeof t == "function" ? rt(Ge(() => ({ get: t, set: G }))) : P(t);
 }
-function Mt(e, t = !0, n) {
-  St() ? _(e, n) : t ? e() : Ve(e);
+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 Ht(e, t = !0, n) {
+  Ot() ? ee(e, n) : t ? e() : je(e);
 }
-function Fe(e, t, n) {
-  return P(
+function qe(e, t, n) {
+  return N(
     e,
     t,
     {
@@ -469,146 +494,206 @@ function Fe(e, t, n) {
     }
   );
 }
-const Ce = Ee ? window : void 0;
-function F(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 Pe(...e) {
+function re(...e) {
   const t = [], n = () => {
-    t.forEach((o) => o()), t.length = 0;
-  }, s = (o, a, l, u) => (o.addEventListener(a, l, u), () => o.removeEventListener(a, l, u)), i = C(() => {
-    const o = V(k(e[0])).filter((a) => a != null);
-    return o.every((a) => typeof a != "string") ? o : void 0;
-  }), c = Fe(
+    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 o, a;
+      var s, r;
       return [
-        (a = (o = i.value) == null ? void 0 : o.map((l) => F(l))) != null ? a : [Ce].filter((l) => l != null),
-        V(k(i.value ? e[1] : e[0])),
-        V(y(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])
       ];
     },
-    ([o, a, l, u]) => {
-      if (n(), !(o != null && o.length) || !(a != null && a.length) || !(l != null && l.length))
+    ([s, r, a, c]) => {
+      if (n(), !(s != null && s.length) || !(r != null && r.length) || !(a != null && a.length))
         return;
-      const m = ze(u) ? { ...u } : u;
+      const v = Ye(c) ? { ...c } : c;
       t.push(
-        ...o.flatMap(
-          (v) => a.flatMap(
-            (f) => l.map((b) => s(v, f, b, m))
+        ...s.flatMap(
+          (m) => r.flatMap(
+            (d) => a.map((h) => l(m, d, h, v))
           )
         )
       );
     },
     { flush: "post" }
-  ), r = () => {
-    c(), n();
+  ), o = () => {
+    u(), n();
   };
-  return te(n), r;
+  return ue(n), o;
 }
-function Rt() {
-  const e = O(!1), t = me();
-  return t && _(() => {
+function Wt() {
+  const e = W(!1), t = Ce();
+  return t && ee(() => {
     e.value = !0;
   }, t), e;
 }
-function Ue(e) {
-  const t = Rt();
-  return C(() => (t.value, !!e()));
+function Je(e) {
+  const t = Wt();
+  return I(() => (t.value, !!e()));
 }
-function qe(e, t, n = {}) {
-  const { window: s = Ce, ...i } = n;
-  let c;
-  const r = Ue(() => s && "MutationObserver" in s), o = () => {
-    c && (c.disconnect(), c = void 0);
-  }, a = C(() => {
-    const v = k(e), f = V(v).map(F).filter(It);
-    return new Set(f);
-  }), l = P(
-    () => a.value,
-    (v) => {
-      o(), r.value && v.size && (c = new MutationObserver(t), v.forEach((f) => c.observe(f, i)));
+function Qe(e, t, n = {}) {
+  const { window: l = pe, ...i } = n;
+  let u;
+  const o = Je(() => l && "MutationObserver" in l), s = () => {
+    u && (u.disconnect(), u = void 0);
+  }, 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" }
-  ), u = () => c == null ? void 0 : c.takeRecords(), m = () => {
-    l(), o();
+  ), c = () => u == null ? void 0 : u.takeRecords(), v = () => {
+    a(), s();
   };
-  return te(m), {
-    isSupported: r,
-    stop: m,
-    takeRecords: u
+  return ue(v), {
+    isSupported: o,
+    stop: v,
+    takeRecords: c
   };
 }
-function Ot(e, t, n = {}) {
-  const { window: s = Ce, ...i } = n;
-  let c;
-  const r = Ue(() => s && "ResizeObserver" in s), o = () => {
-    c && (c.disconnect(), c = void 0);
-  }, a = C(() => {
-    const m = k(e);
-    return Array.isArray(m) ? m.map((v) => F(v)) : [F(m)];
-  }), l = P(
-    a,
-    (m) => {
-      if (o(), r.value && s) {
-        c = new ResizeObserver(t);
-        for (const v of m)
-          v && c.observe(v, i);
+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 o = Je(() => l && "ResizeObserver" in l), s = () => {
+    u && (u.disconnect(), u = void 0);
+  }, r = I(() => {
+    const v = C(e);
+    return Array.isArray(v) ? v.map((m) => _(m)) : [_(v)];
+  }), a = N(
+    r,
+    (v) => {
+      if (s(), o.value && l) {
+        u = new ResizeObserver(t);
+        for (const m of v)
+          m && u.observe(m, i);
       }
     },
     { immediate: !0, flush: "post" }
-  ), u = () => {
-    o(), l();
+  ), c = () => {
+    s(), a();
   };
-  return te(u), {
-    isSupported: r,
-    stop: u
+  return ue(c), {
+    isSupported: o,
+    stop: c
   };
 }
-function Ye(e, t = {}) {
+function ve(e, t = {}) {
   const {
     reset: n = !0,
-    windowResize: s = !0,
+    windowResize: l = !0,
     windowScroll: i = !0,
-    immediate: c = !0,
-    updateTiming: r = "sync"
-  } = t, o = O(0), a = O(0), l = O(0), u = O(0), m = O(0), v = O(0), f = O(0), b = O(0);
-  function x() {
-    const w = F(e);
-    if (!w) {
-      n && (o.value = 0, a.value = 0, l.value = 0, u.value = 0, m.value = 0, v.value = 0, f.value = 0, b.value = 0);
+    immediate: u = !0,
+    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 && (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 h = w.getBoundingClientRect();
-    o.value = h.height, a.value = h.bottom, l.value = h.left, u.value = h.right, m.value = h.top, v.value = h.width, f.value = h.x, b.value = h.y;
+    const y = p.getBoundingClientRect();
+    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), P(() => F(e), (w) => !w && d()), qe(e, d, {
+  return Xt(e, f), N(() => _(e), (p) => !p && f()), Qe(e, f, {
     attributeFilter: ["style", "class"]
-  }), i && Pe("scroll", d, { capture: !0, passive: !0 }), s && Pe("resize", d, { passive: !0 }), Mt(() => {
-    c && d();
+  }), i && re("scroll", f, { capture: !0, passive: !0 }), l && re("resize", f, { passive: !0 }), Ht(() => {
+    u && f();
   }), {
-    height: o,
-    bottom: a,
-    left: l,
-    right: u,
-    top: m,
-    width: v,
-    x: f,
-    y: b,
-    update: d
+    height: s,
+    bottom: r,
+    left: a,
+    right: c,
+    top: v,
+    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 }, Ge = /* @__PURE__ */ U({
+}, 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,75 +703,76 @@ const Lt = (e) => {
     tabIndex: { default: 0 },
     pinned: { type: Boolean, default: !1 }
   },
-  emits: ["cellInput"],
-  setup(e, { emit: t }) {
-    const n = t, s = ee("cell"), i = e.store.getCellData(e.colIndex, e.rowIndex), c = R(""), r = R(!1), o = e.store.columns[e.colIndex], a = e.store.rows[e.rowIndex], l = o.align || "center", u = o.width || "40ch", m = C(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), v = C(() => typeof m.value == "string" ? Lt(m.value) : !1), f = C(() => {
-      var h;
+  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: u,
-        fontWeight: r.value ? "bold" : "inherit",
-        paddingLeft: e.store.getIndent(e.colIndex, (h = e.store.display[e.rowIndex]) == null ? void 0 : h.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)
       };
-    }), b = C(() => ({
+    }), d = I(() => ({
       "sticky-column": e.pinned,
-      "cell-modified": r.value
-    })), x = () => {
-      const { left: h, bottom: S, width: j, height: oe } = Ye(s);
-      o.mask, o.modalComponent && e.store.$patch((M) => {
-        M.modal.visible = !0, M.modal.colIndex = e.colIndex, M.modal.rowIndex = e.rowIndex, M.modal.left = h, M.modal.bottom = S, M.modal.width = j, M.modal.height = oe, M.modal.cell = s.value, typeof o.modalComponent == "function" ? M.modal.component = o.modalComponent({ table: M.table, row: a, column: o }) : M.modal.component = o.modalComponent, M.modal.componentProps = o.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 h = {
-        ...ye,
-        "keydown.f2": x,
-        "keydown.alt.up": x,
-        "keydown.alt.down": x,
-        "keydown.alt.left": x,
-        "keydown.alt.right": x
+      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" && (h = {
-        ...h,
+      typeof e.addNavigation == "object" && (p = {
+        ...p,
         ...e.addNavigation
-      }), xe([
+      }), Te([
         {
-          selectors: s,
-          handlers: h
+          selectors: n,
+          handlers: p
         }
       ]);
     }
-    const d = () => {
-      s.value && (c.value = s.value.textContent);
-    }, w = (h) => {
-      const S = h.target;
-      S.textContent !== c.value && (n("cellInput", e.colIndex, e.rowIndex, S.textContent, c.value), c.value = S.textContent, o.format ? (r.value = S.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, i), e.store.setCellText(e.colIndex, e.rowIndex, S.textContent)) : (r.value = S.textContent !== i, e.store.setCellData(e.colIndex, e.rowIndex, S.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 (h, S) => (E(), $("td", {
+    return t({
+      currentData: i
+    }), (p, y) => ($(), R("td", {
       ref: "cell",
-      "data-colindex": h.colIndex,
-      "data-rowindex": h.rowIndex,
-      "data-editable": y(o).edit,
-      contenteditable: y(o).edit,
-      tabindex: h.tabIndex,
+      "data-colindex": p.colIndex,
+      "data-rowindex": p.rowIndex,
+      "data-editable": x(o).edit,
+      contenteditable: x(o).edit,
+      tabindex: p.tabIndex,
       spellcheck: !1,
-      style: J(f.value),
-      onFocus: d,
-      onPaste: w,
-      onInput: w,
-      onClick: x,
-      class: X(["atable-cell", b.value])
+      style: U(m.value),
+      onFocus: M,
+      onPaste: f,
+      onInput: f,
+      onClick: h,
+      class: j(["atable-cell", d.value])
     }, [
-      y(o).cellComponent ? (E(), se(je(y(o).cellComponent), ve({
+      x(o).cellComponent ? ($(), le(de(x(o).cellComponent), Ee({
         key: 0,
-        value: m.value
-      }, y(o).cellComponentProps), null, 16, ["value"])) : v.value ? (E(), $("span", {
+        value: c.value
+      }, x(o).cellComponentProps), null, 16, ["value"])) : v.value ? ($(), R("span", {
         key: 1,
-        innerHTML: m.value
-      }, null, 8, Ht)) : (E(), $("span", Wt, Q(m.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__ */ U({
+}), Gt = ["tabindex"], Ut = ["tabindex"], Yt = ["colspan"], qt = /* @__PURE__ */ q({
   __name: "AExpansionRow",
   props: {
     rowIndex: {},
@@ -695,55 +781,180 @@ const Lt = (e) => {
     addNavigation: { type: [Boolean, Object] }
   },
   setup(e) {
-    const t = ee("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), xe([
+      typeof e.addNavigation == "object" && Object.assign(l, e.addNavigation), Te([
         {
           selectors: t,
-          handlers: s
+          handlers: l
         }
       ]);
     }
-    return (s, i) => (E(), $(ae, null, [
-      D("tr", ve(s.$attrs, {
+    return (l, i) => ($(), R(se, null, [
+      D("tr", Ee(l.$attrs, {
         ref: "rowEl",
-        tabindex: s.tabIndex,
+        tabindex: l.tabIndex,
         class: "expandable-row"
       }), [
         D("td", {
           tabIndex: -1,
-          onClick: i[0] || (i[0] = (c) => s.store.toggleRowExpand(s.rowIndex)),
+          onClick: i[0] || (i[0] = (u) => l.store.toggleRowExpand(l.rowIndex)),
           class: "row-index"
         }, Q(n.value), 1),
-        L(s.$slots, "row", {}, void 0, !0)
-      ], 16, Nt),
-      s.store.display[s.rowIndex].expanded ? (E(), $("tr", {
+        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"
       }, [
         D("td", {
           tabIndex: -1,
-          colspan: s.store.columns.length + 1,
+          colspan: l.store.columns.length + 1,
           class: "expanded-row-content"
         }, [
-          L(s.$slots, "content", {}, void 0, !0)
-        ], 8, jt)
-      ], 8, Vt)) : Z("", !0)
+          X(l.$slots, "content", {}, void 0, !0)
+        ], 8, Yt)
+      ], 8, Ut)) : Z("", !0)
     ], 64));
   }
 }), 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__ */ ne(Bt, [["__scopeId", "data-v-60affd71"]]), Ft = ["tabindex"], Ut = /* @__PURE__ */ U({
+}, 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: {},
@@ -752,382 +963,382 @@ const Lt = (e) => {
     addNavigation: { type: [Boolean, Object], default: !1 }
   },
   setup(e) {
-    const t = ee("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 = ye;
+      let i = Se;
       typeof e.addNavigation == "object" && (i = {
         ...i,
         ...e.addNavigation
-      }), xe([
+      }), Te([
         {
           selectors: t,
           handlers: i
         }
       ]);
     }
-    return (i, c) => ce((E(), $("tr", {
+    return (i, u) => ye(($(), R("tr", {
       ref: "rowEl",
       tabindex: i.tabIndex,
       class: "atable-row"
     }, [
-      i.store.config.view !== "uncounted" ? L(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: X(["list-index", i.store.hasPinnedColumns ? "sticky-index" : ""])
-        }, Q(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: X(["tree-index", i.store.hasPinnedColumns ? "sticky-index" : ""]),
-          onClick: c[0] || (c[0] = (r) => i.store.toggleRowExpand(i.rowIndex))
-        }, Q(s.value), 3)) : Z("", !0)
+          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),
-      L(i.$slots, "default", {}, void 0, !0)
-    ], 8, Ft)), [
-      [Be, n.value]
+      X(i.$slots, "default", {}, void 0, !0)
+    ], 8, tn)), [
+      [Ue, n.value]
     ]);
   }
-}), Xe = /* @__PURE__ */ ne(Ut, [["__scopeId", "data-v-9c529d3d"]]), Je = Ee ? window : void 0;
-function G(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 B(...e) {
+function J(...e) {
   const t = [], n = () => {
-    t.forEach((o) => o()), t.length = 0;
-  }, s = (o, a, l, u) => (o.addEventListener(a, l, u), () => o.removeEventListener(a, l, u)), i = C(() => {
-    const o = V(k(e[0])).filter((a) => a != null);
-    return o.every((a) => typeof a != "string") ? o : void 0;
-  }), c = Fe(
+    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 o, a;
+      var s, r;
       return [
-        (a = (o = i.value) == null ? void 0 : o.map((l) => G(l))) != null ? a : [Je].filter((l) => l != null),
-        V(k(i.value ? e[1] : e[0])),
-        V(y(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])
       ];
     },
-    ([o, a, l, u]) => {
-      if (n(), !(o != null && o.length) || !(a != null && a.length) || !(l != null && l.length))
+    ([s, r, a, c]) => {
+      if (n(), !(s != null && s.length) || !(r != null && r.length) || !(a != null && a.length))
         return;
-      const m = ze(u) ? { ...u } : u;
+      const v = Ye(c) ? { ...c } : c;
       t.push(
-        ...o.flatMap(
-          (v) => a.flatMap(
-            (f) => l.map((b) => s(v, f, b, m))
+        ...s.flatMap(
+          (m) => r.flatMap(
+            (d) => a.map((h) => l(m, d, h, v))
           )
         )
       );
     },
     { flush: "post" }
-  ), r = () => {
-    c(), n();
+  ), o = () => {
+    u(), n();
   };
-  return te(n), r;
+  return ue(n), o;
 }
-let De = !1;
-function He(e, t, n = {}) {
-  const { window: s = Je, ignore: i = [], capture: c = !0, detectIframe: r = !1, controls: o = !1 } = n;
-  if (!s)
-    return o ? { stop: N, cancel: N, trigger: N } : N;
-  if (fe && !De) {
-    De = !0;
-    const d = { passive: !0 };
-    Array.from(s.document.body.children).forEach((w) => B(w, "click", N, d)), B(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 a = !0;
-  const l = (d) => k(i).some((w) => {
-    if (typeof w == "string")
-      return Array.from(s.document.querySelectorAll(w)).some((h) => h === d.target || d.composedPath().includes(h));
+  let r = !0;
+  const a = (f) => C(i).some((p) => {
+    if (typeof p == "string")
+      return Array.from(l.document.querySelectorAll(p)).some((y) => y === f.target || f.composedPath().includes(y));
     {
-      const h = G(w);
-      return h && (d.target === h || d.composedPath().includes(h));
+      const y = ae(p);
+      return y && (f.target === y || f.composedPath().includes(y));
     }
   });
-  function u(d) {
-    const w = k(d);
-    return w && w.$.subTree.shapeFlag === 16;
+  function c(f) {
+    const p = C(f);
+    return p && p.$.subTree.shapeFlag === 16;
   }
-  function m(d, w) {
-    const h = k(d), S = h.$.subTree && h.$.subTree.children;
-    return S == null || !Array.isArray(S) ? !1 : S.some((j) => j.el === w.target || w.composedPath().includes(j.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 v = (d) => {
-    const w = G(e);
-    if (d.target != null && !(!(w instanceof Element) && u(e) && m(e, d)) && !(!w || w === d.target || d.composedPath().includes(w))) {
-      if ("detail" in d && d.detail === 0 && (a = !l(d)), !a) {
-        a = !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 f = !1;
-  const b = [
-    B(s, "click", (d) => {
-      f || (f = !0, setTimeout(() => {
-        f = !1;
-      }, 0), v(d));
-    }, { passive: !0, capture: c }),
-    B(s, "pointerdown", (d) => {
-      const w = G(e);
-      a = !l(d) && !!(w && !d.composedPath().includes(w));
+  let d = !1;
+  const h = [
+    J(l, "click", (f) => {
+      d || (d = !0, setTimeout(() => {
+        d = !1;
+      }, 0), m(f));
+    }, { passive: !0, capture: u }),
+    J(l, "pointerdown", (f) => {
+      const p = ae(e);
+      r = !a(f) && !!(p && !f.composedPath().includes(p));
     }, { passive: !0 }),
-    r && B(s, "blur", (d) => {
+    o && J(l, "blur", (f) => {
       setTimeout(() => {
-        var w;
-        const h = G(e);
-        ((w = s.document.activeElement) == null ? void 0 : w.tagName) === "IFRAME" && !(h != null && h.contains(s.document.activeElement)) && t(d);
+        var p;
+        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 = () => b.forEach((d) => d());
-  return o ? {
-    stop: x,
+  ].filter(Boolean), M = () => h.forEach((f) => f());
+  return s ? {
+    stop: M,
     cancel: () => {
-      a = !1;
+      r = !1;
     },
-    trigger: (d) => {
-      a = !0, v(d), a = !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 = He(e, t.value, { capture: n });
+      e.__onClickOutside_stop = Be(e, t.value, { capture: n });
     else {
-      const [s, i] = t.value;
-      e.__onClickOutside_stop = He(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 ie(e) {
+function ge(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
-function Qe(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 : Qe(n);
+    return !n || n.tagName === "BODY" ? !1 : _e(n);
   }
 }
-function Yt(e) {
+function ln(e) {
   const t = e || window.event, n = t.target;
-  return Qe(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 ue = /* @__PURE__ */ new WeakMap();
-function Gt(e, t = !1) {
-  const n = R(t);
-  let s = null, i = "";
-  P(Tt(e), (o) => {
-    const a = ie(k(o));
-    if (a) {
-      const l = a;
-      if (ue.get(l) || ue.set(l, l.style.overflow), l.style.overflow !== "hidden" && (i = l.style.overflow), l.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 l.style.overflow = "hidden";
+        return a.style.overflow = "hidden";
     }
   }, {
     immediate: !0
   });
-  const c = () => {
-    const o = ie(k(e));
-    !o || n.value || (fe && (s = B(
-      o,
+  const u = () => {
+    const s = ge(C(e));
+    !s || n.value || (xe && (l = J(
+      s,
       "touchmove",
-      (a) => {
-        Yt(a);
+      (r) => {
+        ln(r);
       },
       { passive: !1 }
-    )), o.style.overflow = "hidden", n.value = !0);
-  }, r = () => {
-    const o = ie(k(e));
-    !o || !n.value || (fe && (s == null || s()), o.style.overflow = i, ue.delete(o), 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 te(r), C({
+  return ue(o), I({
     get() {
       return n.value;
     },
-    set(o) {
-      o ? c() : r();
+    set(s) {
+      s ? u() : o();
     }
   });
 }
-function Xt() {
+function sn() {
   let e = !1;
-  const t = O(!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);
-    P(t, (c) => i.value = c);
+    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"
-}, Ze = /* @__PURE__ */ U({
+}, et = /* @__PURE__ */ q({
   __name: "ATableHeader",
   props: {
     columns: {},
     store: {}
   },
   setup(e) {
-    return (t, n) => t.columns.length ? (E(), $("thead", Jt, [
-      D("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: X([[
+          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)) : Z("", !0),
-        (E(!0), $(ae, null, de(t.columns, (s, i) => (E(), $("th", {
-          key: s.name,
+        ($(!0), R(se, null, be(t.columns, (l, i) => ($(), R("th", {
+          key: l.name,
           tabindex: "-1",
-          style: J(t.store.getHeaderCellStyle(s)),
-          class: X(s.pinned ? "sticky-column" : "")
+          style: U(t.store.getHeaderCellStyle(l)),
+          class: j(l.pinned ? "sticky-column" : "")
         }, [
-          L(t.$slots, "default", {}, () => [
-            lt(Q(s.label || String.fromCharCode(i + 97).toUpperCase()), 1)
+          X(t.$slots, "default", {}, () => [
+            ut(Q(l.label || String.fromCharCode(i + 97).toUpperCase()), 1)
           ])
         ], 6))), 128))
       ])
     ])) : Z("", !0);
   }
-}), Ke = /* @__PURE__ */ U({
+}), tt = /* @__PURE__ */ q({
   __name: "ATableModal",
   props: {
     store: {}
   },
   setup(e) {
-    const t = ee("amodal"), { width: n, height: s } = Ye(t), i = C(() => {
-      var m, v, f, b;
+    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 c = (m = e.store.modal.cell) == null ? void 0 : m.closest("table"), r = c.offsetHeight || 0, o = c.offsetWidth || 0;
-      let a = ((v = e.store.modal.cell) == null ? void 0 : v.offsetTop) || 0;
-      const l = ((f = c.querySelector("thead")) == null ? void 0 : f.offsetHeight) || 0;
-      a += l, a = a + s.value < r ? a : a - (s.value + e.store.modal.height);
-      let u = ((b = e.store.modal.cell) == null ? void 0 : b.offsetLeft) || 0;
-      return u = u + n.value <= o ? u : u - (n.value - e.store.modal.width), {
-        left: `${u}px`,
-        top: `${a}px`
+      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: `${r}px`
       };
     });
-    return (c, r) => (E(), $("div", {
+    return (u, o) => ($(), R("div", {
       class: "amodal",
       ref: "amodal",
       tabindex: "-1",
-      onClick: r[0] || (r[0] = Ie(() => {
+      onClick: o[0] || (o[0] = Re(() => {
       }, ["stop"])),
-      onInput: r[1] || (r[1] = Ie(() => {
+      onInput: o[1] || (o[1] = Re(() => {
       }, ["stop"])),
-      style: J(i.value)
+      style: U(i.value)
     }, [
-      L(c.$slots, "default")
+      X(u.$slots, "default")
     ], 36));
   }
-}), Zt = (e) => {
-  const t = e.id || Pt();
-  return st(`table-${t}`, () => {
-    const s = () => {
-      const p = {};
-      for (const [g, I] of c.value.entries())
-        for (const [A, T] of r.value.entries())
-          p[`${g}:${A}`] = T[I.name];
-      return p;
-    }, i = (p) => {
-      const g = [Object.assign({}, { rowModified: !1 })];
-      if (p && "0:0" in p)
-        return p;
-      const I = /* @__PURE__ */ new Set();
-      for (let A = r.value.length - 1; A >= 0; A--) {
-        const T = r.value[A];
-        T.parent && I.add(T.parent), g[A] = {
+}), 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 (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(A),
-          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 g;
-    }, c = R(e.columns), r = R(e.rows), o = R(e.config || {}), a = R(e.table || s()), l = R(i(e.display)), u = R(e.modal || { visible: !1 }), m = R({}), v = C(() => c.value.some((p) => p.pinned)), f = C(() => `${Math.ceil(r.value.length / 100 + 1)}ch`), b = C(
-      () => o.value.view ? ["list", "tree", "list-expansion"].includes(o.value.view) : !1
-    ), x = (p, g) => a.value[`${p}:${g}`], d = (p, g, I) => {
-      const A = `${p}:${g}`, T = c.value[p];
-      a.value[A] !== I && (l.value[g].rowModified = !0), a.value[A] = I, r.value[g][T.name] = I;
-    }, w = (p, g, I) => {
-      const A = `${p}:${g}`;
-      a.value[A] !== I && (l.value[g].rowModified = !0, m.value[A] = I);
-    }, h = (p) => ({
-      minWidth: p.width || "40ch",
-      textAlign: p.align || "center",
-      width: o.value.fullWidth ? "auto" : void 0
-    }), S = (p) => o.value.view !== "tree" || l.value[p].isRoot || l.value[p].open, j = (p) => o.value.view !== "tree" ? "" : l.value[p].isRoot || l.value[p].isParent ? l.value[p].childrenOpen ? "-" : "+" : "", oe = (p) => {
-      if (o.value.view === "tree") {
-        l.value[p].childrenOpen = !l.value[p].childrenOpen;
-        for (let g = r.value.length - 1; g >= 0; g--)
-          l.value[g].parent === p && (l.value[g].open = !l.value[g].open, l.value[g].childrenOpen && oe(g));
-      } else o.value.view === "list-expansion" && (l.value[p].expanded = !l.value[p].expanded);
-    }, M = (p, g) => {
-      const I = x(p, g);
-      return ke(p, g, I);
-    }, ke = (p, g, I) => {
-      const A = c.value[p], T = r.value[g], Y = A.format;
-      return Y ? typeof Y == "function" ? Y(I, { table: a.value, row: T, column: A }) : typeof Y == "string" ? Function(`"use strict";return (${Y})`)()(I, { table: a.value, row: T, column: A }) : I : I;
+      return w;
+    }, 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: c,
-      config: o,
-      display: l,
-      modal: u,
-      rows: r,
-      table: a,
-      updates: m,
+      columns: u,
+      config: s,
+      display: a,
+      modal: c,
+      rows: o,
+      table: r,
+      updates: v,
       // getters
-      hasPinnedColumns: v,
-      numberedRowWidth: f,
-      zeroColumn: b,
+      hasPinnedColumns: m,
+      numberedRowWidth: d,
+      zeroColumn: h,
       // actions
-      closeModal: (p) => {
-        var g;
-        p.target instanceof Node && (g = u.value.parent) != null && g.contains(p.target) || u.value.visible && (u.value.visible = !1);
+      closeModal: (g) => {
+        var w;
+        g.target instanceof Node && (w = c.value.parent) != null && w.contains(g.target) || c.value.visible && (c.value.visible = !1);
       },
-      getCellData: x,
-      getCellDisplayValue: M,
-      getFormattedValue: ke,
-      getHeaderCellStyle: h,
-      getIndent: (p, g) => g && p === 0 && g > 0 ? `${g}ch` : "inherit",
-      getRowExpandSymbol: j,
-      isRowVisible: S,
-      setCellData: d,
-      setCellText: w,
-      toggleRowExpand: oe
+      getCellData: M,
+      getCellDisplayValue: S,
+      getFormattedValue: b,
+      getHeaderCellStyle: y,
+      getIndent: (g, w) => w && g === 0 && w > 0 ? `${w}ch` : "inherit",
+      getRowExpandSymbol: A,
+      isRowVisible: E,
+      setCellData: f,
+      setCellText: p,
+      toggleRowExpand: k
     };
   })();
-}, Kt = /* @__PURE__ */ U({
+}, dn = /* @__PURE__ */ q({
   __name: "ATable",
   props: {
     id: {},
@@ -1138,140 +1349,177 @@ const Jt = {
   },
   emits: ["update:modelValue", "cellUpdate"],
   setup(e, { expose: t, emit: n }) {
-    const s = n, i = ee("table"), c = e.modelValue ? e.modelValue : e.rows, r = Zt({ columns: e.columns, rows: c, id: e.id, config: e.config });
-    r.$onAction(({ name: l, store: u, args: m, after: v }) => {
-      if (l === "setCellData") {
-        const [f, b, x] = m, d = u.getCellData(f, b);
-        v(() => {
-          s("cellUpdate", f, b, x, d);
+    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 });
         });
       }
-    }), P(
-      () => r.rows,
-      (l) => {
-        s("update:modelValue", l);
+    }), N(
+      () => o.rows,
+      (a) => {
+        l("update:modelValue", a);
       },
       { deep: !0 }
-    ), _(() => {
-      e.columns.some((l) => l.pinned) && (a(), r.config.view === "tree" && qe(i, a, { childList: !0, subtree: !0 }));
+    ), ee(() => {
+      e.columns.some((a) => a.pinned) && (s(), o.config.view === "tree" && Qe(i, s, { childList: !0, subtree: !0 }));
     });
-    const o = (l, u, m, v) => {
-      s("cellUpdate", l, u, m, v);
-    }, a = () => {
-      const l = i.value, u = l == null ? void 0 : l.rows[0], m = l == null ? void 0 : l.rows[1], v = u ? Array.from(u.cells) : [];
-      for (const [f, b] of v.entries()) {
-        const x = m == null ? void 0 : m.cells[f];
-        x && (b.style.width = `${x.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 (l == null ? void 0 : l.rows) || []) {
-        let b = 0;
-        const x = [];
-        for (const d of f.cells)
-          (d.classList.contains("sticky-column") || d.classList.contains("sticky-index")) && (d.style.left = `${b}px`, b += d.offsetWidth, x.push(d));
-        x.length > 0 && x[x.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", (l) => {
-      if (l.key === "Escape" && r.modal.visible) {
-        r.modal.visible = !1;
-        const u = r.modal.parent;
-        u && Ve().then(() => {
-          u.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 }), (l, u) => ce((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: J({ width: y(r).config.fullWidth ? "100%" : "auto" })
+      style: U({
+        width: x(o).config.fullWidth ? "100%" : "auto"
+      })
     }, [
-      L(l.$slots, "header", { data: y(r) }, () => [
-        $e(Ze, {
-          columns: y(r).columns,
-          store: y(r)
+      X(a.$slots, "header", { data: x(o) }, () => [
+        Pe(et, {
+          columns: x(o).columns,
+          store: x(o)
         }, null, 8, ["columns", "store"])
       ], !0),
       D("tbody", null, [
-        L(l.$slots, "body", { data: y(r) }, () => [
-          (E(!0), $(ae, null, de(y(r).rows, (m, v) => (E(), se(Xe, {
-            key: m.id,
-            row: m,
-            rowIndex: v,
-            store: y(r)
+        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: Ae(() => [
-              (E(!0), $(ae, null, de(y(r).columns, (f, b) => (E(), se(Ge, {
-                key: f.name,
-                store: y(r),
-                col: f,
-                spellcheck: "false",
-                pinned: f.pinned,
-                rowIndex: v,
-                colIndex: b,
-                component: f.cellComponent,
-                style: J({
-                  textAlign: (f == null ? void 0 : f.align) || "center",
-                  minWidth: (f == null ? void 0 : f.width) || "40ch",
-                  width: y(r).config.fullWidth ? "auto" : null
-                }),
-                onCellInput: o
-              }, 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)
       ]),
-      L(l.$slots, "footer", { data: y(r) }, void 0, !0),
-      L(l.$slots, "modal", { data: y(r) }, () => [
-        ce($e(Ke, { store: y(r) }, {
-          default: Ae(() => [
-            (E(), se(je(y(r).modal.component), ve({
-              key: `${y(r).modal.rowIndex}:${y(r).modal.colIndex}`,
-              colIndex: y(r).modal.colIndex,
-              rowIndex: y(r).modal.rowIndex,
-              store: y(r)
-            }, y(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"]), [
-          [Be, y(r).modal.visible]
+          [Ue, x(o).modal.visible]
         ])
       ], !0)
     ], 4)), [
-      [y(qt), y(r).closeModal]
+      [x(on), x(o).closeModal]
     ]);
   }
-}), _t = /* @__PURE__ */ ne(Kt, [["__scopeId", "data-v-37bee2a6"]]), en = {}, tn = { class: "aloading" }, nn = { class: "aloading-header" };
-function on(e, t) {
-  return E(), $("div", tn, [
-    D("h2", nn, [
-      L(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] = D("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const ln = /* @__PURE__ */ ne(en, [["render", on], ["__scopeId", "data-v-a930a25b"]]), sn = {}, rn = { class: "aloading" }, an = { class: "aloading-header" };
-function un(e, t) {
-  return E(), $("div", rn, [
-    D("h2", an, [
-      L(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] = D("div", { class: "aloading-bar" }, null, -1))
   ]);
 }
-const cn = /* @__PURE__ */ ne(sn, [["render", un], ["__scopeId", "data-v-e1165876"]]);
-function hn(e) {
-  e.component("ACell", Ge), e.component("AExpansionRow", zt), e.component("ARow", Xe), e.component("ATable", _t), e.component("ATableHeader", Ze), e.component("ATableLoading", ln), e.component("ATableLoadingBar", cn), e.component("ATableModal", Ke);
+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 {
-  Ge as ACell,
-  zt as AExpansionRow,
-  Xe as ARow,
-  _t as ATable,
-  Ze as ATableHeader,
-  ln as ATableLoading,
-  cn as ATableLoadingBar,
-  Ke 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