@stonecrop/atable 0.2.22 → 0.2.24

package/dist/atable.js

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