@stonecrop/atable 0.4.15 → 0.4.16

package/dist/atable.js

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