@stonecrop/atable 0.2.40 → 0.2.42

package/dist/atable.js

@@ -1,207 +1,207 @@
-var We = Object.defineProperty;
-var He = (e, t, n) => t in e ? We(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var S = (e, t, n) => He(e, typeof t != "symbol" ? t + "" : t, n);
-import { onMounted as ne, ref as I, watch as D, onBeforeUnmount as je, computed as b, unref as m, getCurrentScope as ke, onScopeDispose as Ie, getCurrentInstance as Ne, defineComponent as T, inject as X, useTemplateRef as J, openBlock as h, createElementBlock as y, normalizeClass as P, createBlock as z, resolveDynamicComponent as Ce, mergeProps as oe, toDisplayString as W, Fragment as G, createElementVNode as L, renderSlot as k, createCommentVNode as Y, withDirectives as _, vShow as Ae, toRef as Ve, readonly as Ue, customRef as Be, reactive as $, renderList as ee, normalizeStyle as F, createTextVNode as ze, provide as Fe, nextTick as qe, createVNode as ue, withCtx as fe } from "vue";
-function Se(e) {
-  return ke() ? (Ie(e), !0) : !1;
-}
-function le(e) {
+var Ye = Object.defineProperty;
+var Xe = (e, t, n) => t in e ? Ye(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var D = (e, t, n) => Xe(e, typeof t != "symbol" ? t + "" : t, n);
+import { onMounted as z, ref as w, watch as C, onBeforeUnmount as Je, computed as g, unref as m, getCurrentScope as re, onScopeDispose as ae, getCurrentInstance as ce, nextTick as Le, defineComponent as L, inject as K, useTemplateRef as _, openBlock as h, createElementBlock as k, normalizeClass as N, createBlock as Y, resolveDynamicComponent as Me, mergeProps as de, toDisplayString as V, Fragment as Q, createElementVNode as W, renderSlot as $, createCommentVNode as Z, withDirectives as le, vShow as Pe, toRef as Qe, readonly as Ze, customRef as Ke, reactive as M, renderList as ie, normalizeStyle as X, createTextVNode as _e, provide as et, createVNode as ge, withCtx as xe } from "vue";
+function We(e) {
+  return re() ? (ae(e), !0) : !1;
+}
+function ue(e) {
   return typeof e == "function" ? e() : m(e);
 }
-const Ge = typeof window < "u" && typeof document < "u";
+const tt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Ye = (e) => e != null, Xe = Object.prototype.toString, Je = (e) => Xe.call(e) === "[object Object]", Qe = () => {
-}, N = Ge ? window : void 0;
-function H(e) {
+const nt = (e) => e != null, ot = Object.prototype.toString, lt = (e) => ot.call(e) === "[object Object]", it = () => {
+}, F = tt ? window : void 0;
+function B(e) {
   var t;
-  const n = le(e);
+  const n = ue(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function j(...e) {
-  let t, n, o, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, a] = e, t = N) : [t, n, o, a] = e, !t)
-    return Qe;
+function U(...e) {
+  let t, n, o, i;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, i] = e, t = F) : [t, n, o, i] = e, !t)
+    return it;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
-  const l = [], i = () => {
+  const l = [], c = () => {
     l.forEach((u) => u()), l.length = 0;
-  }, s = (u, p, r, f) => (u.addEventListener(p, r, f), () => u.removeEventListener(p, r, f)), d = D(
-    () => [H(t), le(a)],
+  }, s = (u, p, a, f) => (u.addEventListener(p, a, f), () => u.removeEventListener(p, a, f)), r = C(
+    () => [B(t), ue(i)],
     ([u, p]) => {
-      if (i(), !u)
+      if (c(), !u)
         return;
-      const r = Je(p) ? { ...p } : p;
+      const a = lt(p) ? { ...p } : p;
       l.push(
-        ...n.flatMap((f) => o.map((w) => s(u, f, w, r)))
+        ...n.flatMap((f) => o.map((v) => s(u, f, v, a)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), c = () => {
-    d(), i();
+  ), d = () => {
+    r(), c();
   };
-  return Se(c), c;
+  return We(d), d;
 }
-function Ze() {
-  const e = I(!1), t = Ne();
-  return t && ne(() => {
+function st() {
+  const e = w(!1), t = ce();
+  return t && z(() => {
     e.value = !0;
   }, t), e;
 }
-function Ke(e) {
-  const t = Ze();
-  return b(() => (t.value, !!e()));
+function rt(e) {
+  const t = st();
+  return g(() => (t.value, !!e()));
 }
-function _e(e, t, n = {}) {
-  const { window: o = N, ...a } = n;
+function at(e, t, n = {}) {
+  const { window: o = F, ...i } = n;
   let l;
-  const i = Ke(() => o && "MutationObserver" in o), s = () => {
+  const c = rt(() => o && "MutationObserver" in o), s = () => {
     l && (l.disconnect(), l = void 0);
-  }, d = b(() => {
-    const r = le(e), f = (Array.isArray(r) ? r : [r]).map(H).filter(Ye);
+  }, r = g(() => {
+    const a = ue(e), f = (Array.isArray(a) ? a : [a]).map(B).filter(nt);
     return new Set(f);
-  }), c = D(
-    () => d.value,
-    (r) => {
-      s(), i.value && r.size && (l = new MutationObserver(t), r.forEach((f) => l.observe(f, a)));
+  }), d = C(
+    () => r.value,
+    (a) => {
+      s(), c.value && a.size && (l = new MutationObserver(t), a.forEach((f) => l.observe(f, i)));
     },
     { immediate: !0, flush: "post" }
   ), u = () => l == null ? void 0 : l.takeRecords(), p = () => {
-    c(), s();
+    d(), s();
   };
-  return Se(p), {
-    isSupported: i,
+  return We(p), {
+    isSupported: c,
     stop: p,
     takeRecords: u
   };
 }
-function et(e = {}) {
+function ct(e = {}) {
   var t;
   const {
-    window: n = N,
+    window: n = F,
     deep: o = !0,
-    triggerOnRemoval: a = !1
-  } = e, l = (t = e.document) != null ? t : n == null ? void 0 : n.document, i = () => {
-    var c;
+    triggerOnRemoval: i = !1
+  } = e, l = (t = e.document) != null ? t : n == null ? void 0 : n.document, c = () => {
+    var d;
     let u = l == null ? void 0 : l.activeElement;
     if (o)
       for (; u != null && u.shadowRoot; )
-        u = (c = u == null ? void 0 : u.shadowRoot) == null ? void 0 : c.activeElement;
+        u = (d = u == null ? void 0 : u.shadowRoot) == null ? void 0 : d.activeElement;
     return u;
-  }, s = I(), d = () => {
-    s.value = i();
+  }, s = w(), r = () => {
+    s.value = c();
   };
-  return n && (j(n, "blur", (c) => {
-    c.relatedTarget === null && d();
-  }, !0), j(n, "focus", d, !0)), a && _e(l, (c) => {
-    c.filter((u) => u.removedNodes.length).map((u) => Array.from(u.removedNodes)).flat().forEach((u) => {
-      u === s.value && d();
+  return n && (U(n, "blur", (d) => {
+    d.relatedTarget === null && r();
+  }, !0), U(n, "focus", r, !0)), i && at(l, (d) => {
+    d.filter((u) => u.removedNodes.length).map((u) => Array.from(u.removedNodes)).flat().forEach((u) => {
+      u === s.value && r();
     });
   }, {
     childList: !0,
     subtree: !0
-  }), d(), s;
+  }), r(), s;
 }
-const tt = "focusin", nt = "focusout";
-function ot(e, t = {}) {
-  const { window: n = N } = t, o = b(() => H(e)), a = I(!1), l = b(() => a.value), i = et(t);
-  return !n || !i.value ? { focused: l } : (j(o, tt, () => a.value = !0), j(o, nt, () => a.value = !1), { focused: l });
+const dt = "focusin", ut = "focusout";
+function ft(e, t = {}) {
+  const { window: n = F } = t, o = g(() => B(e)), i = w(!1), l = g(() => i.value), c = ct(t);
+  return !n || !c.value ? { focused: l } : (U(o, dt, () => i.value = !0), U(o, ut, () => i.value = !1), { focused: l });
 }
-function lt(e, { window: t = N, scrollTarget: n } = {}) {
-  const o = I(!1), a = () => {
+function pt(e, { window: t = F, scrollTarget: n } = {}) {
+  const o = w(!1), i = () => {
     if (!t) return;
-    const l = t.document, i = H(e);
-    if (!i)
+    const l = t.document, c = B(e);
+    if (!c)
       o.value = !1;
     else {
-      const s = i.getBoundingClientRect();
+      const s = c.getBoundingClientRect();
       o.value = s.top <= (t.innerHeight || l.documentElement.clientHeight) && s.left <= (t.innerWidth || l.documentElement.clientWidth) && s.bottom >= 0 && s.right >= 0;
     }
   };
-  return D(
-    () => H(e),
-    () => a(),
+  return C(
+    () => B(e),
+    () => i(),
     { immediate: !0, flush: "post" }
-  ), t && j(n || t, "scroll", a, {
+  ), t && U(n || t, "scroll", i, {
     capture: !1,
     passive: !0
   }), o;
 }
-const C = (e) => {
-  let t = lt(e).value;
+const O = (e) => {
+  let t = pt(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, A = (e) => e.tabIndex >= 0, me = (e) => {
+}, R = (e) => e.tabIndex >= 0, Ee = (e) => {
   const t = e.target;
-  return ae(t);
-}, ae = (e) => {
+  return fe(t);
+}, fe = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
     const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
     if (o) {
-      const a = Array.from(o.children)[e.cellIndex];
-      a && (n = a);
+      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 && (!A(n) || !C(n)) ? ae(n) : n;
-}, at = (e) => {
+  return n && (!R(n) || !O(n)) ? fe(n) : n;
+}, mt = (e) => {
   var t;
   const n = e.target;
   let o;
   if (n instanceof HTMLTableCellElement) {
-    const a = (t = n.parentElement) == null ? void 0 : t.parentElement;
-    if (a) {
-      const l = a.firstElementChild.children[n.cellIndex];
+    const i = (t = n.parentElement) == null ? void 0 : t.parentElement;
+    if (i) {
+      const l = i.firstElementChild.children[n.cellIndex];
       l && (o = l);
     }
   } else if (n instanceof HTMLTableRowElement) {
-    const a = n.parentElement;
-    if (a) {
-      const l = a.firstElementChild;
+    const i = n.parentElement;
+    if (i) {
+      const l = i.firstElementChild;
       l && (o = l);
     }
   }
-  return o && (!A(o) || !C(o)) ? ie(o) : o;
-}, pe = (e) => {
+  return o && (!R(o) || !O(o)) ? pe(o) : o;
+}, ke = (e) => {
   const t = e.target;
-  return ie(t);
-}, ie = (e) => {
+  return pe(t);
+}, pe = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
     const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
     if (o) {
-      const a = Array.from(o.children)[e.cellIndex];
-      a && (n = a);
+      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 && (!A(n) || !C(n)) ? ie(n) : n;
-}, it = (e) => {
+  return n && (!R(n) || !O(n)) ? pe(n) : n;
+}, vt = (e) => {
   var t;
   const n = e.target;
   let o;
   if (n instanceof HTMLTableCellElement) {
-    const a = (t = n.parentElement) == null ? void 0 : t.parentElement;
-    if (a) {
-      const l = a.lastElementChild.children[n.cellIndex];
+    const i = (t = n.parentElement) == null ? void 0 : t.parentElement;
+    if (i) {
+      const l = i.lastElementChild.children[n.cellIndex];
       l && (o = l);
     }
   } else if (n instanceof HTMLTableRowElement) {
-    const a = n.parentElement;
-    if (a) {
-      const l = a.lastElementChild;
+    const i = n.parentElement;
+    if (i) {
+      const l = i.lastElementChild;
       l && (o = l);
     }
   }
-  return o && (!A(o) || !C(o)) ? ae(o) : o;
-}, ve = (e) => {
+  return o && (!R(o) || !O(o)) ? fe(o) : o;
+}, Ce = (e) => {
   const t = e.target;
-  return se(t);
-}, se = (e) => {
+  return me(t);
+}, me = (e) => {
   var t;
   let n;
   if (e.previousElementSibling)
@@ -210,11 +210,11 @@ const C = (e) => {
     const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
     n = o == null ? void 0 : o.lastElementChild;
   }
-  return n && (!A(n) || !C(n)) ? se(n) : n;
-}, we = (e) => {
+  return n && (!R(n) || !O(n)) ? me(n) : n;
+}, Ae = (e) => {
   const t = e.target;
-  return re(t);
-}, re = (e) => {
+  return ve(t);
+}, ve = (e) => {
   var t;
   let n;
   if (e.nextElementSibling)
@@ -223,146 +223,286 @@ const C = (e) => {
     const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
     n = o == null ? void 0 : o.firstElementChild;
   }
-  return n && (!A(n) || !C(n)) ? re(n) : n;
-}, he = (e) => {
+  return n && (!R(n) || !O(n)) ? ve(n) : n;
+}, Ie = (e) => {
   const t = e.target.parentElement.firstElementChild;
-  return t && (!A(t) || !C(t)) ? re(t) : t;
-}, ge = (e) => {
+  return t && (!R(t) || !O(t)) ? ve(t) : t;
+}, Se = (e) => {
   const t = e.target.parentElement.lastElementChild;
-  return t && (!A(t) || !C(t)) ? se(t) : t;
-}, U = ["alt", "control", "shift", "meta"], st = {
+  return t && (!R(t) || !O(t)) ? me(t) : t;
+}, G = ["alt", "control", "shift", "meta"], wt = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, de = {
+}, we = {
   "keydown.up": (e) => {
-    const t = me(e);
+    const t = Ee(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
-    const t = pe(e);
+    const t = ke(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = ve(e);
+    const t = Ce(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = we(e);
+    const t = Ae(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = at(e);
+    const t = mt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = it(e);
+    const t = vt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = he(e);
+    const t = Ie(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = ge(e);
+    const t = Se(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = ge(e);
+    const t = Se(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = pe(e);
+      const t = ke(e);
       t && t.focus();
     }
   },
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = me(e);
+      const t = Ee(e);
       t && t.focus();
     }
   },
   "keydown.home": (e) => {
-    const t = he(e);
+    const t = Ie(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = we(e);
+    const t = Ae(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = ve(e);
+    const t = Ce(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
-function ce(e) {
-  const t = (i) => {
+function he(e) {
+  const t = (c) => {
     let s = null;
-    return i.parent && (typeof i.parent == "string" ? s = document.querySelector(i.parent) : i.parent instanceof HTMLElement ? s = i.parent : s = i.parent.value), s;
-  }, n = (i) => {
-    const s = t(i);
-    let d = [];
-    if (typeof i.selectors == "string")
-      d = s ? Array.from(s.querySelectorAll(i.selectors)) : Array.from(document.querySelectorAll(i.selectors));
-    else if (Array.isArray(i.selectors))
-      for (const c of i.selectors)
-        c instanceof HTMLElement ? d.push(c) : d.push(c.$el);
-    else if (i.selectors instanceof HTMLElement)
-      d.push(i.selectors);
-    else if (Array.isArray(i.selectors.value))
-      for (const c of i.selectors.value)
-        c instanceof HTMLElement ? d.push(c) : d.push(c.$el);
+    return c.parent && (typeof c.parent == "string" ? s = document.querySelector(c.parent) : c.parent instanceof HTMLElement ? s = c.parent : s = c.parent.value), s;
+  }, n = (c) => {
+    const s = t(c);
+    let r = [];
+    if (typeof c.selectors == "string")
+      r = s ? Array.from(s.querySelectorAll(c.selectors)) : Array.from(document.querySelectorAll(c.selectors));
+    else if (Array.isArray(c.selectors))
+      for (const d of c.selectors)
+        d instanceof HTMLElement ? r.push(d) : r.push(d.$el);
+    else if (c.selectors instanceof HTMLElement)
+      r.push(c.selectors);
+    else if (Array.isArray(c.selectors.value))
+      for (const d of c.selectors.value)
+        d instanceof HTMLElement ? r.push(d) : r.push(d.$el);
     else
-      d.push(i.selectors.value);
-    return d;
-  }, o = (i) => {
-    const s = t(i);
-    let d = [];
-    return i.selectors ? d = n(i) : s && (d = Array.from(s.children).filter((c) => A(c) && C(c))), d;
-  }, a = (i) => (s) => {
-    const d = st[s.key] || s.key.toLowerCase();
-    if (U.includes(d)) return;
-    const c = i.handlers || de;
-    for (const u of Object.keys(c)) {
-      const [p, ...r] = u.split(".");
-      if (p === "keydown" && r.includes(d)) {
-        const f = c[u], w = r.filter((x) => U.includes(x)), V = U.some((x) => {
-          const v = x.charAt(0).toUpperCase() + x.slice(1);
-          return s.getModifierState(v);
+      r.push(c.selectors.value);
+    return r;
+  }, o = (c) => {
+    const s = t(c);
+    let r = [];
+    return c.selectors ? r = n(c) : s && (r = Array.from(s.children).filter((d) => R(d) && O(d))), r;
+  }, i = (c) => (s) => {
+    const r = wt[s.key] || s.key.toLowerCase();
+    if (G.includes(r)) return;
+    const d = c.handlers || we;
+    for (const u of Object.keys(d)) {
+      const [p, ...a] = u.split(".");
+      if (p === "keydown" && a.includes(r)) {
+        const f = d[u], v = a.filter((y) => G.includes(y)), x = G.some((y) => {
+          const I = y.charAt(0).toUpperCase() + y.slice(1);
+          return s.getModifierState(I);
         });
-        if (w.length > 0) {
-          if (V) {
-            for (const x of U)
-              if (r.includes(x)) {
-                const v = x.charAt(0).toUpperCase() + x.slice(1);
-                s.getModifierState(v) && f(s);
+        if (v.length > 0) {
+          if (x) {
+            for (const y of G)
+              if (a.includes(y)) {
+                const I = y.charAt(0).toUpperCase() + y.slice(1);
+                s.getModifierState(I) && f(s);
               }
           }
         } else
-          V || f(s);
+          x || f(s);
       }
     }
   }, l = [];
-  ne(() => {
-    for (const i of e) {
-      const s = t(i), d = o(i), c = a(i), u = s ? [s] : d;
+  z(() => {
+    for (const c of e) {
+      const s = t(c), r = o(c), d = i(c), u = s ? [s] : r;
       for (const p of u) {
-        const { focused: r } = ot(I(p)), f = D(r, (w) => {
-          w ? p.addEventListener("keydown", c) : p.removeEventListener("keydown", c);
+        const { focused: a } = ft(w(p)), f = C(a, (v) => {
+          v ? p.addEventListener("keydown", d) : p.removeEventListener("keydown", d);
         });
         l.push(f);
       }
     }
-  }), je(() => {
-    for (const i of l)
-      i();
+  }), Je(() => {
+    for (const c of l)
+      c();
   });
 }
-const rt = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], dt = { key: 1 }, De = /* @__PURE__ */ T({
+function ye(e) {
+  return re() ? (ae(e), !0) : !1;
+}
+function ee(e) {
+  return typeof e == "function" ? e() : m(e);
+}
+const ht = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const yt = (e) => e != null, bt = Object.prototype.toString, gt = (e) => bt.call(e) === "[object Object]", xt = () => {
+};
+function Et(e) {
+  return ce();
+}
+function kt(e, t = !0, n) {
+  Et() ? z(e, n) : t ? e() : Le(e);
+}
+const be = ht ? window : void 0;
+function T(e) {
+  var t;
+  const n = ee(e);
+  return (t = n == null ? void 0 : n.$el) != null ? t : n;
+}
+function $e(...e) {
+  let t, n, o, i;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, i] = e, t = be) : [t, n, o, i] = e, !t)
+    return xt;
+  Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
+  const l = [], c = () => {
+    l.forEach((u) => u()), l.length = 0;
+  }, s = (u, p, a, f) => (u.addEventListener(p, a, f), () => u.removeEventListener(p, a, f)), r = C(
+    () => [T(t), ee(i)],
+    ([u, p]) => {
+      if (c(), !u)
+        return;
+      const a = gt(p) ? { ...p } : p;
+      l.push(
+        ...n.flatMap((f) => o.map((v) => s(u, f, v, a)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), d = () => {
+    r(), c();
+  };
+  return ye(d), d;
+}
+function Ct() {
+  const e = w(!1), t = ce();
+  return t && z(() => {
+    e.value = !0;
+  }, t), e;
+}
+function je(e) {
+  const t = Ct();
+  return g(() => (t.value, !!e()));
+}
+function He(e, t, n = {}) {
+  const { window: o = be, ...i } = n;
+  let l;
+  const c = je(() => o && "MutationObserver" in o), s = () => {
+    l && (l.disconnect(), l = void 0);
+  }, r = g(() => {
+    const a = ee(e), f = (Array.isArray(a) ? a : [a]).map(T).filter(yt);
+    return new Set(f);
+  }), d = C(
+    () => r.value,
+    (a) => {
+      s(), c.value && a.size && (l = new MutationObserver(t), a.forEach((f) => l.observe(f, i)));
+    },
+    { immediate: !0, flush: "post" }
+  ), u = () => l == null ? void 0 : l.takeRecords(), p = () => {
+    d(), s();
+  };
+  return ye(p), {
+    isSupported: c,
+    stop: p,
+    takeRecords: u
+  };
+}
+function At(e, t, n = {}) {
+  const { window: o = be, ...i } = n;
+  let l;
+  const c = je(() => o && "ResizeObserver" in o), s = () => {
+    l && (l.disconnect(), l = void 0);
+  }, r = g(() => {
+    const p = ee(e);
+    return Array.isArray(p) ? p.map((a) => T(a)) : [T(p)];
+  }), d = C(
+    r,
+    (p) => {
+      if (s(), c.value && o) {
+        l = new ResizeObserver(t);
+        for (const a of p)
+          a && l.observe(a, i);
+      }
+    },
+    { immediate: !0, flush: "post" }
+  ), u = () => {
+    s(), d();
+  };
+  return ye(u), {
+    isSupported: c,
+    stop: u
+  };
+}
+function It(e, t = {}) {
+  const {
+    reset: n = !0,
+    windowResize: o = !0,
+    windowScroll: i = !0,
+    immediate: l = !0,
+    updateTiming: c = "sync"
+  } = t, s = w(0), r = w(0), d = w(0), u = w(0), p = w(0), a = w(0), f = w(0), v = w(0);
+  function x() {
+    const I = T(e);
+    if (!I) {
+      n && (s.value = 0, r.value = 0, d.value = 0, u.value = 0, p.value = 0, a.value = 0, f.value = 0, v.value = 0);
+      return;
+    }
+    const A = I.getBoundingClientRect();
+    s.value = A.height, r.value = A.bottom, d.value = A.left, u.value = A.right, p.value = A.top, a.value = A.width, f.value = A.x, v.value = A.y;
+  }
+  function y() {
+    c === "sync" ? x() : c === "next-frame" && requestAnimationFrame(() => x());
+  }
+  return At(e, y), C(() => T(e), (I) => !I && y()), He(e, y, {
+    attributeFilter: ["style", "class"]
+  }), i && $e("scroll", y, { capture: !0, passive: !0 }), o && $e("resize", y, { passive: !0 }), kt(() => {
+    l && y();
+  }), {
+    height: s,
+    bottom: r,
+    left: d,
+    right: u,
+    top: p,
+    width: a,
+    x: f,
+    y: v,
+    update: y
+  };
+}
+const St = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], $t = { key: 1 }, Ne = /* @__PURE__ */ L({
   __name: "ACell",
   props: {
     colIndex: {},
@@ -373,70 +513,67 @@ const rt = ["data-colindex", "data-rowindex", "data-editable", "contenteditable"
     pinned: { type: Boolean }
   },
   setup(e) {
-    var x;
-    const t = X(e.tableid), n = J("cell"), o = I(""), a = I(!1), l = t.table, i = t.columns[e.colIndex], s = t.rows[e.rowIndex], d = b(() => {
-      const v = t.cellData(e.colIndex, e.rowIndex), E = i.format;
-      return E ? typeof E == "function" ? E(v, { table: l, row: s, column: i }) : typeof E == "string" ? Function(`"use strict";return (${E})`)()(v, { table: l, row: s, column: i }) : v : v;
-    }), c = () => {
-      if (i.mask, i.modalComponent) {
-        const v = n.value.getBoundingClientRect();
-        t.modal.visible = !0, t.modal.colIndex = e.colIndex, t.modal.rowIndex = e.rowIndex, t.modal.parent = n.value, t.modal.top = v.top + v.height, t.modal.left = v.left, t.modal.width = p.value, typeof i.modalComponent == "function" ? t.modal.component = i.modalComponent({ table: l, row: s, column: i }) : t.modal.component = i.modalComponent, t.modal.componentProps = i.modalComponentExtraProps;
-      }
+    var A;
+    const t = K(e.tableid), n = _("cell"), o = w(""), i = w(!1), { bottom: l, left: c } = It(n), s = t.table, r = t.columns[e.colIndex], d = t.rows[e.rowIndex], u = g(() => r.align || "center"), p = g(() => r.width || "40ch"), a = g(() => {
+      const E = t.cellData(e.colIndex, e.rowIndex), S = r.format;
+      return S ? typeof S == "function" ? S(E, { table: s, row: d, column: r }) : typeof S == "string" ? Function(`"use strict";return (${S})`)()(E, { table: s, row: d, column: r }) : E : E;
+    }), f = () => {
+      r.mask, r.modalComponent && (t.modal.visible = !0, t.modal.colIndex = e.colIndex, t.modal.rowIndex = e.rowIndex, t.modal.parent = n.value, t.modal.top = l.value, t.modal.left = c.value, t.modal.width = p.value, typeof r.modalComponent == "function" ? t.modal.component = r.modalComponent({ table: s, row: d, column: r }) : t.modal.component = r.modalComponent, t.modal.componentProps = r.modalComponentExtraProps);
     };
     if (e.addNavigation) {
-      let v = {
-        ...de,
-        "keydown.f2": c,
-        "keydown.alt.up": c,
-        "keydown.alt.down": c,
-        "keydown.alt.left": c,
-        "keydown.alt.right": c
+      let E = {
+        ...we,
+        "keydown.f2": f,
+        "keydown.alt.up": f,
+        "keydown.alt.down": f,
+        "keydown.alt.left": f,
+        "keydown.alt.right": f
       };
-      typeof e.addNavigation == "object" && (v = {
-        ...v,
+      typeof e.addNavigation == "object" && (E = {
+        ...E,
         ...e.addNavigation
-      }), ce([
+      }), he([
         {
           selectors: n,
-          handlers: v
+          handlers: E
         }
       ]);
     }
-    const u = b(() => i.align || "center"), p = b(() => i.width || "40ch"), r = () => {
+    const v = () => {
       n.value && (o.value = n.value.textContent);
-    }, f = () => {
-      n.value && n.value.textContent !== o.value && (o.value = n.value.textContent, n.value.dispatchEvent(new Event("change")), a.value = !0, i.format || t.setCellData(e.rowIndex, e.colIndex, o.value));
-    }, w = (v, E) => E && v === 0 && E > 0 ? `${E}ch` : "inherit", V = {
+    }, x = () => {
+      n.value && n.value.textContent !== o.value && (o.value = n.value.textContent, n.value.dispatchEvent(new Event("change")), i.value = !0, r.format || t.setCellData(e.rowIndex, e.colIndex, o.value));
+    }, y = (E, S) => S && E === 0 && S > 0 ? `${S}ch` : "inherit", I = {
       textAlign: u.value,
       width: p.value,
-      backgroundColor: a.value ? "var(--cell-modified-color)" : "inherit",
-      fontWeight: a.value ? "bold" : "inherit",
-      paddingLeft: w(e.colIndex, (x = t.display[e.rowIndex]) == null ? void 0 : x.indent)
+      backgroundColor: i.value ? "var(--cell-modified-color)" : "inherit",
+      fontWeight: i.value ? "bold" : "inherit",
+      paddingLeft: y(e.colIndex, (A = t.display[e.rowIndex]) == null ? void 0 : A.indent)
     };
-    return (v, E) => (h(), y("td", {
+    return (E, S) => (h(), k("td", {
       ref: "cell",
-      "data-colindex": v.colIndex,
-      "data-rowindex": v.rowIndex,
-      "data-editable": m(i).edit,
-      contenteditable: m(i).edit,
-      tabindex: v.tabIndex,
+      "data-colindex": E.colIndex,
+      "data-rowindex": E.rowIndex,
+      "data-editable": m(r).edit,
+      contenteditable: m(r).edit,
+      tabindex: E.tabIndex,
       spellcheck: !1,
-      style: V,
-      onFocus: r,
-      onPaste: f,
-      onBlur: f,
-      onInput: f,
-      onClick: c,
-      onMousedown: c,
-      class: P(["atable__cell", v.pinned ? "sticky-column" : ""])
+      style: I,
+      onFocus: v,
+      onPaste: x,
+      onBlur: x,
+      onInput: x,
+      onClick: f,
+      onMousedown: f,
+      class: N(["atable__cell", E.pinned ? "sticky-column" : ""])
     }, [
-      m(i).cellComponent ? (h(), z(Ce(m(i).cellComponent), oe({
+      m(r).cellComponent ? (h(), Y(Me(m(r).cellComponent), de({
         key: 0,
-        value: d.value
-      }, m(i).cellComponentProps), null, 16, ["value"])) : (h(), y("span", dt, W(d.value), 1))
-    ], 42, rt));
+        value: a.value
+      }, m(r).cellComponentProps), null, 16, ["value"])) : (h(), k("span", $t, V(a.value), 1))
+    ], 42, St));
   }
-}), ct = ["tabindex"], ut = ["tabindex"], ft = ["colspan"], mt = /* @__PURE__ */ T({
+}), Ot = ["tabindex"], Rt = ["tabindex"], Dt = ["colspan"], Tt = /* @__PURE__ */ L({
   __name: "AExpansionRow",
   props: {
     rowIndex: {},
@@ -445,50 +582,50 @@ const rt = ["data-colindex", "data-rowindex", "data-editable", "contenteditable"
     addNavigation: { type: [Boolean, Object] }
   },
   setup(e) {
-    const t = X(e.tableid), n = J("rowEl"), o = b(() => t.display[e.rowIndex].expanded ? "▼" : "►");
+    const t = K(e.tableid), n = _("rowEl"), o = g(() => t.display[e.rowIndex].expanded ? "▼" : "►");
     if (e.addNavigation) {
-      const a = {
+      const i = {
         "keydown.control.g": (l) => {
           l.stopPropagation(), l.preventDefault(), t.toggleRowExpand(e.rowIndex);
         }
       };
-      typeof e.addNavigation == "object" && Object.assign(a, e.addNavigation), ce([
+      typeof e.addNavigation == "object" && Object.assign(i, e.addNavigation), he([
         {
           selectors: n,
-          handlers: a
+          handlers: i
         }
       ]);
     }
-    return (a, l) => (h(), y(G, null, [
-      L("tr", oe(a.$attrs, {
+    return (i, l) => (h(), k(Q, null, [
+      W("tr", de(i.$attrs, {
         ref: "rowEl",
-        tabindex: a.tabIndex,
+        tabindex: i.tabIndex,
         class: "expandable-row"
       }), [
-        L("td", {
+        W("td", {
           tabIndex: -1,
-          onClick: l[0] || (l[0] = (i) => m(t).toggleRowExpand(a.rowIndex)),
+          onClick: l[0] || (l[0] = (c) => m(t).toggleRowExpand(i.rowIndex)),
           class: "row-index"
-        }, W(o.value), 1),
-        k(a.$slots, "row")
-      ], 16, ct),
-      m(t).display[a.rowIndex].expanded ? (h(), y("tr", {
+        }, V(o.value), 1),
+        $(i.$slots, "row")
+      ], 16, Ot),
+      m(t).display[i.rowIndex].expanded ? (h(), k("tr", {
         key: 0,
         ref: "rowExpanded",
-        tabindex: a.tabIndex,
+        tabindex: i.tabIndex,
         class: "expanded-row"
       }, [
-        L("td", {
+        W("td", {
           tabIndex: -1,
           colspan: m(t).columns.length + 1,
           class: "expanded-row-content"
         }, [
-          k(a.$slots, "content")
-        ], 8, ft)
-      ], 8, ut)) : Y("", !0)
+          $(i.$slots, "content")
+        ], 8, Dt)
+      ], 8, Rt)) : Z("", !0)
     ], 64));
   }
-}), pt = ["tabindex"], Te = /* @__PURE__ */ T({
+}), Lt = ["tabindex"], Ve = /* @__PURE__ */ L({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -497,257 +634,257 @@ const rt = ["data-colindex", "data-rowindex", "data-editable", "contenteditable"
     addNavigation: { type: [Boolean, Object], default: !1 }
   },
   setup(e) {
-    const t = X(e.tableid), n = J("rowEl"), o = b(() => t.columns.some((s) => s.pinned)), a = b(() => t.config.view !== "tree" || t.display[e.rowIndex].isRoot || t.display[e.rowIndex].open), l = b(() => t.config.view !== "tree" ? "" : t.display[e.rowIndex].isRoot || t.display[e.rowIndex].isParent ? t.display[e.rowIndex].childrenOpen ? "-" : "+" : ""), i = (s) => {
+    const t = K(e.tableid), n = _("rowEl"), o = g(() => t.columns.some((s) => s.pinned)), i = g(() => t.config.view !== "tree" || t.display[e.rowIndex].isRoot || t.display[e.rowIndex].open), l = g(() => t.config.view !== "tree" ? "" : t.display[e.rowIndex].isRoot || t.display[e.rowIndex].isParent ? t.display[e.rowIndex].childrenOpen ? "-" : "+" : ""), c = (s) => {
       t.toggleRowExpand(s);
     };
     if (e.addNavigation) {
-      let s = de;
+      let s = we;
       typeof e.addNavigation == "object" && (s = {
         ...s,
         ...e.addNavigation
-      }), ce([
+      }), he([
         {
           selectors: n,
           handlers: s
         }
       ]);
     }
-    return (s, d) => _((h(), y("tr", {
+    return (s, r) => le((h(), k("tr", {
       ref: "rowEl",
       tabindex: s.tabIndex,
       class: "table-row"
     }, [
-      k(s.$slots, "index", {}, () => [
-        m(t).config.view === "list" ? (h(), y("td", {
+      $(s.$slots, "index", {}, () => [
+        m(t).config.view === "list" ? (h(), k("td", {
           key: 0,
           tabIndex: -1,
-          class: P(["list-index", o.value ? "sticky-index" : ""])
-        }, W(s.rowIndex + 1), 3)) : m(t).config.view === "tree" ? (h(), y("td", {
+          class: N(["list-index", o.value ? "sticky-index" : ""])
+        }, V(s.rowIndex + 1), 3)) : m(t).config.view === "tree" ? (h(), k("td", {
           key: 1,
           tabIndex: -1,
-          class: P(["tree-index", o.value ? "sticky-index" : ""]),
-          onClick: d[0] || (d[0] = (c) => i(s.rowIndex))
-        }, W(l.value), 3)) : Y("", !0)
+          class: N(["tree-index", o.value ? "sticky-index" : ""]),
+          onClick: r[0] || (r[0] = (d) => c(s.rowIndex))
+        }, V(l.value), 3)) : Z("", !0)
       ]),
-      k(s.$slots, "default")
-    ], 8, pt)), [
-      [Ae, a.value]
+      $(s.$slots, "default")
+    ], 8, Lt)), [
+      [Pe, i.value]
     ]);
   }
 });
-function $e(e) {
-  return ke() ? (Ie(e), !0) : !1;
+function Be(e) {
+  return re() ? (ae(e), !0) : !1;
 }
-function O(e) {
+function j(e) {
   return typeof e == "function" ? e() : m(e);
 }
-const Re = typeof window < "u" && typeof document < "u";
+const Ue = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const vt = Object.prototype.toString, wt = (e) => vt.call(e) === "[object Object]", M = () => {
-}, te = /* @__PURE__ */ ht();
-function ht() {
+const Mt = Object.prototype.toString, Pt = (e) => Mt.call(e) === "[object Object]", H = () => {
+}, se = /* @__PURE__ */ Wt();
+function Wt() {
   var e, t;
-  return Re && ((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 Ue && ((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));
 }
-const ye = {
+const Oe = {
   mounted: "mounted",
   updated: "updated",
   unmounted: "unmounted"
 };
-function gt(...e) {
+function jt(...e) {
   if (e.length !== 1)
-    return Ve(...e);
+    return Qe(...e);
   const t = e[0];
-  return typeof t == "function" ? Ue(Be(() => ({ get: t, set: M }))) : I(t);
+  return typeof t == "function" ? Ze(Ke(() => ({ get: t, set: H }))) : w(t);
 }
-function R(e) {
+function P(e) {
   var t;
-  const n = O(e);
+  const n = j(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-const Le = Re ? window : void 0;
-function q(...e) {
-  let t, n, o, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, a] = e, t = Le) : [t, n, o, a] = e, !t)
-    return M;
+const ze = Ue ? window : void 0;
+function J(...e) {
+  let t, n, o, i;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, i] = e, t = ze) : [t, n, o, i] = e, !t)
+    return H;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
-  const l = [], i = () => {
+  const l = [], c = () => {
     l.forEach((u) => u()), l.length = 0;
-  }, s = (u, p, r, f) => (u.addEventListener(p, r, f), () => u.removeEventListener(p, r, f)), d = D(
-    () => [R(t), O(a)],
+  }, s = (u, p, a, f) => (u.addEventListener(p, a, f), () => u.removeEventListener(p, a, f)), r = C(
+    () => [P(t), j(i)],
     ([u, p]) => {
-      if (i(), !u)
+      if (c(), !u)
         return;
-      const r = wt(p) ? { ...p } : p;
+      const a = Pt(p) ? { ...p } : p;
       l.push(
-        ...n.flatMap((f) => o.map((w) => s(u, f, w, r)))
+        ...n.flatMap((f) => o.map((v) => s(u, f, v, a)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), c = () => {
-    d(), i();
+  ), d = () => {
+    r(), c();
   };
-  return $e(c), c;
+  return Be(d), d;
 }
-let be = !1;
-function xe(e, t, n = {}) {
-  const { window: o = Le, ignore: a = [], capture: l = !0, detectIframe: i = !1 } = n;
+let Re = !1;
+function De(e, t, n = {}) {
+  const { window: o = ze, ignore: i = [], capture: l = !0, detectIframe: c = !1 } = n;
   if (!o)
-    return M;
-  te && !be && (be = !0, Array.from(o.document.body.children).forEach((r) => r.addEventListener("click", M)), o.document.documentElement.addEventListener("click", M));
+    return H;
+  se && !Re && (Re = !0, Array.from(o.document.body.children).forEach((a) => a.addEventListener("click", H)), o.document.documentElement.addEventListener("click", H));
   let s = !0;
-  const d = (r) => a.some((f) => {
+  const r = (a) => i.some((f) => {
     if (typeof f == "string")
-      return Array.from(o.document.querySelectorAll(f)).some((w) => w === r.target || r.composedPath().includes(w));
+      return Array.from(o.document.querySelectorAll(f)).some((v) => v === a.target || a.composedPath().includes(v));
     {
-      const w = R(f);
-      return w && (r.target === w || r.composedPath().includes(w));
+      const v = P(f);
+      return v && (a.target === v || a.composedPath().includes(v));
     }
   }), u = [
-    q(o, "click", (r) => {
-      const f = R(e);
-      if (!(!f || f === r.target || r.composedPath().includes(f))) {
-        if (r.detail === 0 && (s = !d(r)), !s) {
+    J(o, "click", (a) => {
+      const f = P(e);
+      if (!(!f || f === a.target || a.composedPath().includes(f))) {
+        if (a.detail === 0 && (s = !r(a)), !s) {
           s = !0;
           return;
         }
-        t(r);
+        t(a);
       }
     }, { passive: !0, capture: l }),
-    q(o, "pointerdown", (r) => {
-      const f = R(e);
-      s = !d(r) && !!(f && !r.composedPath().includes(f));
+    J(o, "pointerdown", (a) => {
+      const f = P(e);
+      s = !r(a) && !!(f && !a.composedPath().includes(f));
     }, { passive: !0 }),
-    i && q(o, "blur", (r) => {
+    c && J(o, "blur", (a) => {
       setTimeout(() => {
         var f;
-        const w = R(e);
-        ((f = o.document.activeElement) == null ? void 0 : f.tagName) === "IFRAME" && !(w != null && w.contains(o.document.activeElement)) && t(r);
+        const v = P(e);
+        ((f = o.document.activeElement) == null ? void 0 : f.tagName) === "IFRAME" && !(v != null && v.contains(o.document.activeElement)) && t(a);
       }, 0);
     })
   ].filter(Boolean);
-  return () => u.forEach((r) => r());
+  return () => u.forEach((a) => a());
 }
-const yt = {
-  [ye.mounted](e, t) {
+const Ht = {
+  [Oe.mounted](e, t) {
     const n = !t.modifiers.bubble;
     if (typeof t.value == "function")
-      e.__onClickOutside_stop = xe(e, t.value, { capture: n });
+      e.__onClickOutside_stop = De(e, t.value, { capture: n });
     else {
-      const [o, a] = t.value;
-      e.__onClickOutside_stop = xe(e, o, Object.assign({ capture: n }, a));
+      const [o, i] = t.value;
+      e.__onClickOutside_stop = De(e, o, Object.assign({ capture: n }, i));
     }
   },
-  [ye.unmounted](e) {
+  [Oe.unmounted](e) {
     e.__onClickOutside_stop();
   }
 };
-function Q(e) {
+function te(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
-function Oe(e) {
+function Fe(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 : Oe(n);
+    return !n || n.tagName === "BODY" ? !1 : Fe(n);
   }
 }
-function bt(e) {
+function Nt(e) {
   const t = e || window.event, n = t.target;
-  return Oe(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
-}
-const Z = /* @__PURE__ */ new WeakMap();
-function xt(e, t = !1) {
-  const n = I(t);
-  let o = null, a = "";
-  D(gt(e), (s) => {
-    const d = Q(O(s));
-    if (d) {
-      const c = d;
-      if (Z.get(c) || Z.set(c, c.style.overflow), c.style.overflow !== "hidden" && (a = c.style.overflow), c.style.overflow === "hidden")
+  return Fe(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
+}
+const ne = /* @__PURE__ */ new WeakMap();
+function Vt(e, t = !1) {
+  const n = w(t);
+  let o = null, i = "";
+  C(jt(e), (s) => {
+    const r = te(j(s));
+    if (r) {
+      const d = r;
+      if (ne.get(d) || ne.set(d, d.style.overflow), d.style.overflow !== "hidden" && (i = d.style.overflow), d.style.overflow === "hidden")
         return n.value = !0;
       if (n.value)
-        return c.style.overflow = "hidden";
+        return d.style.overflow = "hidden";
     }
   }, {
     immediate: !0
   });
   const l = () => {
-    const s = Q(O(e));
-    !s || n.value || (te && (o = q(
+    const s = te(j(e));
+    !s || n.value || (se && (o = J(
       s,
       "touchmove",
-      (d) => {
-        bt(d);
+      (r) => {
+        Nt(r);
       },
       { passive: !1 }
     )), s.style.overflow = "hidden", n.value = !0);
-  }, i = () => {
-    const s = Q(O(e));
-    !s || !n.value || (te && (o == null || o()), s.style.overflow = a, Z.delete(s), n.value = !1);
+  }, c = () => {
+    const s = te(j(e));
+    !s || !n.value || (se && (o == null || o()), s.style.overflow = i, ne.delete(s), n.value = !1);
   };
-  return $e(i), b({
+  return Be(c), g({
     get() {
       return n.value;
     },
     set(s) {
-      s ? l() : i();
+      s ? l() : c();
     }
   });
 }
-function Et() {
+function Bt() {
   let e = !1;
-  const t = I(!1);
+  const t = w(!1);
   return (n, o) => {
     if (t.value = o.value, e)
       return;
     e = !0;
-    const a = xt(n, o.value);
-    D(t, (l) => a.value = l);
+    const i = Vt(n, o.value);
+    C(t, (l) => i.value = l);
   };
 }
-Et();
-var g = [];
-for (var K = 0; K < 256; ++K)
-  g.push((K + 256).toString(16).slice(1));
-function kt(e, t = 0) {
-  return (g[e[t + 0]] + g[e[t + 1]] + g[e[t + 2]] + g[e[t + 3]] + "-" + g[e[t + 4]] + g[e[t + 5]] + "-" + g[e[t + 6]] + g[e[t + 7]] + "-" + g[e[t + 8]] + g[e[t + 9]] + "-" + g[e[t + 10]] + g[e[t + 11]] + g[e[t + 12]] + g[e[t + 13]] + g[e[t + 14]] + g[e[t + 15]]).toLowerCase();
+Bt();
+var b = [];
+for (var oe = 0; oe < 256; ++oe)
+  b.push((oe + 256).toString(16).slice(1));
+function Ut(e, t = 0) {
+  return (b[e[t + 0]] + b[e[t + 1]] + b[e[t + 2]] + b[e[t + 3]] + "-" + b[e[t + 4]] + b[e[t + 5]] + "-" + b[e[t + 6]] + b[e[t + 7]] + "-" + b[e[t + 8]] + b[e[t + 9]] + "-" + b[e[t + 10]] + b[e[t + 11]] + b[e[t + 12]] + b[e[t + 13]] + b[e[t + 14]] + b[e[t + 15]]).toLowerCase();
 }
-var B, It = new Uint8Array(16);
-function Ct() {
-  if (!B && (B = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !B))
+var q, zt = new Uint8Array(16);
+function Ft() {
+  if (!q && (q = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !q))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return B(It);
+  return q(zt);
 }
-var At = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const Ee = {
-  randomUUID: At
+var Gt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const Te = {
+  randomUUID: Gt
 };
-function St(e, t, n) {
-  if (Ee.randomUUID && !t && !e)
-    return Ee.randomUUID();
+function qt(e, t, n) {
+  if (Te.randomUUID && !t && !e)
+    return Te.randomUUID();
   e = e || {};
-  var o = e.random || (e.rng || Ct)();
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, kt(o);
-}
-class Dt {
-  constructor(t, n, o, a, l, i) {
-    S(this, "id");
-    S(this, "rows");
-    S(this, "columns");
-    S(this, "config");
-    S(this, "table");
-    S(this, "display");
-    S(this, "modal");
-    this.id = t || St(), this.rows = o, this.columns = $(n), this.config = $(a), this.table = l || $(this.createTableObject()), this.display = this.createDisplayObject(i), this.modal = $({ visible: !1 });
+  var o = e.random || (e.rng || Ft)();
+  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, Ut(o);
+}
+class Yt {
+  constructor(t, n, o, i, l, c) {
+    D(this, "id");
+    D(this, "rows");
+    D(this, "columns");
+    D(this, "config");
+    D(this, "table");
+    D(this, "display");
+    D(this, "modal");
+    this.id = t || qt(), this.rows = o, this.columns = M(n), this.config = M(i), this.table = l || M(this.createTableObject()), this.display = this.createDisplayObject(c), this.modal = M({ visible: !1 });
   }
   createTableObject() {
     const t = {};
     for (const [n, o] of this.columns.entries())
-      for (const [a, l] of this.rows.entries())
-        t[`${n}:${a}`] = l[o.name];
+      for (const [i, l] of this.rows.entries())
+        t[`${n}:${i}`] = l[o.name];
     return t;
   }
   createDisplayObject(t) {
@@ -755,34 +892,34 @@ class Dt {
     if (t && "0:0" in t)
       return t;
     const o = /* @__PURE__ */ new Set();
-    for (let a = this.rows.length - 1; a >= 0; a--) {
-      const l = this.rows[a];
-      l.parent && o.add(l.parent), n[a] = {
+    for (let i = this.rows.length - 1; i >= 0; i--) {
+      const l = this.rows[i];
+      l.parent && o.add(l.parent), n[i] = {
         childrenOpen: !1,
         expanded: !1,
         indent: l.indent || null,
-        isParent: o.has(a),
+        isParent: o.has(i),
         isRoot: l.parent === null || l.parent === void 0,
         modified: !1,
         open: l.parent === null || l.parent === void 0,
         parent: l.parent
       };
     }
-    return $(n);
+    return M(n);
   }
   get zeroColumn() {
     return ["list", "tree", "list-expansion"].includes(this.config.view);
   }
   get numberedRowWidth() {
-    return b(() => String(Math.ceil(this.rows.length / 100) + 1) + "ch");
+    return g(() => String(Math.ceil(this.rows.length / 100) + 1) + "ch");
   }
   cellData(t, n) {
     return this.table[`${t}:${n}`];
   }
   setCellData(t, n, o) {
     this.table[`${n}:${t}`] !== o && (this.display[t].modified = !0), this.table[`${n}:${t}`] = o;
-    const a = this.columns[n];
-    return this.rows[t][a.name] = o, this.table[`${n}:${t}`];
+    const i = this.columns[n];
+    return this.rows[t][i.name] = o, this.table[`${n}:${t}`];
   }
   toggleRowExpand(t) {
     if (this.config.view === "tree") {
@@ -792,45 +929,45 @@ class Dt {
     } else this.config.view === "list-expansion" && (this.display[t].expanded = !this.display[t].expanded);
   }
 }
-const Tt = {
+const Xt = {
   key: 0,
   id: "resizable"
-}, $t = {
+}, Jt = {
   class: "atable-header-row",
   tabindex: "-1"
-}, Me = /* @__PURE__ */ T({
+}, Ge = /* @__PURE__ */ L({
   __name: "ATableHeader",
   props: {
     columns: {},
     tableid: {}
   },
   setup(e) {
-    const t = X(e.tableid), n = b(() => t.columns.some((a) => a.pinned)), o = (a) => ({
-      minWidth: a.width || "40ch",
-      textAlign: a.align || "center",
+    const t = K(e.tableid), n = g(() => t.columns.some((i) => i.pinned)), o = (i) => ({
+      minWidth: i.width || "40ch",
+      textAlign: i.align || "center",
       width: t.config.fullWidth ? "auto" : null
     });
-    return (a, l) => a.columns.length ? (h(), y("thead", Tt, [
-      L("tr", $t, [
-        m(t).zeroColumn ? (h(), y("th", {
+    return (i, l) => i.columns.length ? (h(), k("thead", Xt, [
+      W("tr", Jt, [
+        m(t).zeroColumn ? (h(), k("th", {
           key: 0,
           id: "header-index",
-          class: P(n.value ? "sticky-index" : "")
-        }, null, 2)) : Y("", !0),
-        (h(!0), y(G, null, ee(a.columns, (i, s) => (h(), y("th", {
-          key: i.name,
+          class: N(n.value ? "sticky-index" : "")
+        }, null, 2)) : Z("", !0),
+        (h(!0), k(Q, null, ie(i.columns, (c, s) => (h(), k("th", {
+          key: c.name,
           tabindex: "-1",
-          style: F(o(i)),
-          class: P(i.pinned ? "sticky-column" : "")
+          style: X(o(c)),
+          class: N(c.pinned ? "sticky-column" : "")
         }, [
-          k(a.$slots, "default", {}, () => [
-            ze(W(i.label || String.fromCharCode(s + 97).toUpperCase()), 1)
+          $(i.$slots, "default", {}, () => [
+            _e(V(c.label || String.fromCharCode(s + 97).toUpperCase()), 1)
           ])
         ], 6))), 128))
       ])
-    ])) : Y("", !0);
+    ])) : Z("", !0);
   }
-}), Pe = /* @__PURE__ */ T({
+}), qe = /* @__PURE__ */ L({
   __name: "ATableModal",
   props: {
     colIndex: {},
@@ -841,16 +978,16 @@ const Tt = {
     const t = (n) => {
       n.stopPropagation();
     };
-    return (n, o) => (h(), y("div", {
+    return (n, o) => (h(), k("div", {
       class: "amodal",
       tabindex: "-1",
       onClick: t,
       onInput: t
     }, [
-      k(n.$slots, "default")
+      $(n.$slots, "default")
     ], 32));
   }
-}), Rt = /* @__PURE__ */ T({
+}), Qt = /* @__PURE__ */ L({
   __name: "ATable",
   props: {
     id: {},
@@ -861,73 +998,73 @@ const Tt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = t, o = J("table"), a = e.modelValue ? e.modelValue : e.rows, l = new Dt(e.id, e.columns, a, e.config);
-    Fe(l.id, l), D(
+    const n = t, o = _("table"), i = e.modelValue ? e.modelValue : e.rows, l = new Yt(e.id, e.columns, i, e.config);
+    et(l.id, l), C(
       () => l.rows,
-      (d) => {
-        n("update:modelValue", d);
+      (r) => {
+        n("update:modelValue", r);
       },
       { deep: !0 }
-    ), ne(() => {
-      i(), l.config.view === "tree" && new MutationObserver(() => i()).observe(o.value, { childList: !0, subtree: !0 });
+    ), z(() => {
+      e.columns.some((r) => r.pinned) && (c(), l.config.view === "tree" && He(o, c, { childList: !0, subtree: !0 }));
     });
-    const i = () => {
-      const d = o.value, c = Array.from(d.rows[0].cells);
-      for (const [u, p] of c.entries()) {
-        const r = d.rows[1].cells[u];
-        p.style.width = `${r.offsetWidth}px`;
+    const c = () => {
+      const r = o.value, d = r.rows[0], u = r.rows[1], p = d ? Array.from(d.cells) : [];
+      for (const [a, f] of p.entries()) {
+        const v = u.cells[a];
+        v && (f.style.width = `${v.offsetWidth}px`);
       }
-      for (const u of d.rows) {
-        let p = 0;
-        const r = [];
-        for (const f of u.cells)
-          (f.classList.contains("sticky-column") || f.classList.contains("sticky-index")) && (f.style.left = `${p}px`, p += f.offsetWidth, r.push(f));
-        r.length > 0 && r[r.length - 1].classList.add("sticky-column-edge");
+      for (const a of r.rows) {
+        let f = 0;
+        const v = [];
+        for (const x of a.cells)
+          (x.classList.contains("sticky-column") || x.classList.contains("sticky-index")) && (x.style.left = `${f}px`, f += x.offsetWidth, v.push(x));
+        v.length > 0 && v[v.length - 1].classList.add("sticky-column-edge");
       }
-    }, s = (d) => {
-      var c;
-      d.target instanceof Node && (c = l.modal.parent) != null && c.contains(d.target) || l.modal.visible && (l.modal.visible = !1);
+    }, s = (r) => {
+      var d;
+      r.target instanceof Node && (d = l.modal.parent) != null && d.contains(r.target) || l.modal.visible && (l.modal.visible = !1);
     };
-    return window.addEventListener("keydown", (d) => {
-      if (d.key === "Escape" && l.modal.visible) {
+    return window.addEventListener("keydown", (r) => {
+      if (r.key === "Escape" && l.modal.visible) {
         l.modal.visible = !1;
-        const c = l.modal.parent;
-        c && qe().then(() => {
-          c.focus();
+        const d = l.modal.parent;
+        d && Le().then(() => {
+          d.focus();
         });
       }
-    }), (d, c) => _((h(), y("table", {
+    }), (r, d) => le((h(), k("table", {
       ref: "table",
       class: "atable",
-      style: F({ width: m(l).config.fullWidth ? "100%" : "auto" })
+      style: X({ width: m(l).config.fullWidth ? "100%" : "auto" })
     }, [
-      k(d.$slots, "header", { data: m(l) }, () => [
-        ue(Me, {
+      $(r.$slots, "header", { data: m(l) }, () => [
+        ge(Ge, {
           columns: m(l).columns,
           tableid: m(l).id
         }, null, 8, ["columns", "tableid"])
       ]),
-      L("tbody", null, [
-        k(d.$slots, "body", { data: m(l) }, () => [
-          (h(!0), y(G, null, ee(m(l).rows, (u, p) => (h(), z(Te, {
+      W("tbody", null, [
+        $(r.$slots, "body", { data: m(l) }, () => [
+          (h(!0), k(Q, null, ie(m(l).rows, (u, p) => (h(), Y(Ve, {
             key: u.id,
             row: u,
             rowIndex: p,
             tableid: m(l).id
           }, {
-            default: fe(() => [
-              (h(!0), y(G, null, ee(m(l).columns, (r, f) => (h(), z(De, {
-                key: r.name,
+            default: xe(() => [
+              (h(!0), k(Q, null, ie(m(l).columns, (a, f) => (h(), Y(Ne, {
+                key: a.name,
                 tableid: m(l).id,
-                col: r,
+                col: a,
                 spellcheck: "false",
-                pinned: r.pinned,
+                pinned: a.pinned,
                 rowIndex: p,
                 colIndex: f + (m(l).zeroColumn ? 0 : -1),
-                component: r.cellComponent,
-                style: F({
-                  textAlign: (r == null ? void 0 : r.align) || "center",
-                  minWidth: (r == null ? void 0 : r.width) || "40ch",
+                component: a.cellComponent,
+                style: X({
+                  textAlign: (a == null ? void 0 : a.align) || "center",
+                  minWidth: (a == null ? void 0 : a.width) || "40ch",
                   width: m(l).config.fullWidth ? "auto" : null
                 })
               }, null, 8, ["tableid", "col", "pinned", "rowIndex", "colIndex", "component", "style"]))), 128))
@@ -936,20 +1073,20 @@ const Tt = {
           }, 1032, ["row", "rowIndex", "tableid"]))), 128))
         ])
       ]),
-      k(d.$slots, "footer", { data: m(l) }),
-      k(d.$slots, "modal", { data: m(l) }, () => [
-        _(ue(Pe, {
+      $(r.$slots, "footer", { data: m(l) }),
+      $(r.$slots, "modal", { data: m(l) }, () => [
+        le(ge(qe, {
           colIndex: m(l).modal.colIndex,
           rowIndex: m(l).modal.rowIndex,
           tableid: m(l).id,
-          style: F({
+          style: X({
             left: m(l).modal.left + "px",
             top: m(l).modal.top + "px",
             maxWidth: m(l).modal.width + "px"
           })
         }, {
-          default: fe(() => [
-            (h(), z(Ce(m(l).modal.component), oe({
+          default: xe(() => [
+            (h(), Y(Me(m(l).modal.component), de({
               key: `${m(l).modal.rowIndex}:${m(l).modal.colIndex}`,
               colIndex: m(l).modal.colIndex,
               rowIndex: m(l).modal.rowIndex,
@@ -958,25 +1095,25 @@ const Tt = {
           ]),
           _: 1
         }, 8, ["colIndex", "rowIndex", "tableid", "style"]), [
-          [Ae, m(l).modal.visible]
+          [Pe, m(l).modal.visible]
         ])
       ])
     ], 4)), [
-      [m(yt), s]
+      [m(Ht), s]
     ]);
   }
 });
-function Pt(e) {
-  e.component("ACell", De), e.component("AExpansionRow", mt), e.component("ARow", Te), e.component("ATable", Rt), e.component("ATableHeader", Me), e.component("ATableModal", Pe);
+function en(e) {
+  e.component("ACell", Ne), e.component("AExpansionRow", Tt), e.component("ARow", Ve), e.component("ATable", Qt), e.component("ATableHeader", Ge), e.component("ATableModal", qe);
 }
 export {
-  De as ACell,
-  mt as AExpansionRow,
-  Te as ARow,
-  Rt as ATable,
-  Me as ATableHeader,
-  Pe as ATableModal,
-  Dt as TableDataStore,
-  Pt as install
+  Ne as ACell,
+  Tt as AExpansionRow,
+  Ve as ARow,
+  Qt as ATable,
+  Ge as ATableHeader,
+  qe as ATableModal,
+  Yt as TableDataStore,
+  en as install
 };
 //# sourceMappingURL=atable.js.map