@stonecrop/atable 0.2.24 → 0.2.26

package/dist/atable.js

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