@stonecrop/atable 0.4.12 → 0.4.13

package/dist/atable.js

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