@stonecrop/atable 0.2.23 → 0.2.24

package/dist/atable.js

@@ -1,160 +1,160 @@
-import { onMounted as Te, ref as x, watch as A, onBeforeUnmount as $e, computed as C, unref as d, getCurrentScope as we, onScopeDispose as ve, defineComponent as _, inject as L, openBlock as g, createElementBlock as b, createBlock as j, resolveDynamicComponent as ge, mergeProps as J, toDisplayString as O, Fragment as V, createElementVNode as T, renderSlot as E, createCommentVNode as B, withDirectives as q, vShow as ye, toRef as Re, readonly as Oe, customRef as Le, reactive as S, renderList as G, normalizeStyle as N, createTextVNode as Pe, provide as Me, nextTick as He, createVNode as le, withCtx as re } from "vue";
-function We(t) {
+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 be(t) {
   return typeof t == "function" ? t() : d(t);
 }
-const je = typeof window < "u" && typeof document < "u";
+const We = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Ne = Object.prototype.toString, Ue = (t) => Ne.call(t) === "[object Object]", Ve = () => {
+const je = Object.prototype.toString, Ne = (t) => je.call(t) === "[object Object]", Ue = () => {
 };
-function F(t) {
+function B(t) {
   var e;
   const n = be(t);
   return (e = n == null ? void 0 : n.$el) != null ? e : n;
 }
-const Q = je ? window : void 0;
+const K = We ? window : void 0;
 function Y(...t) {
-  let e, n, o, a;
-  if (typeof t[0] == "string" || Array.isArray(t[0]) ? ([n, o, a] = t, e = Q) : [e, n, o, a] = t, !e)
-    return Ve;
+  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 = [], i = () => {
+  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(
-    () => [F(e), be(a)],
+    () => [B(e), be(i)],
     ([m, f]) => {
-      if (i(), !m)
+      if (a(), !m)
         return;
-      const c = Ue(f) ? { ...f } : f;
+      const c = Ne(f) ? { ...f } : f;
       l.push(
         ...n.flatMap((p) => o.map((v) => r(m, p, v, c)))
       );
     },
     { immediate: !0, flush: "post" }
   ), u = () => {
-    s(), i();
+    s(), a();
   };
-  return We(u), u;
+  return He(u), u;
 }
-function Be(t = {}) {
+function Ve(t = {}) {
   var e;
   const {
-    window: n = Q,
+    window: n = K,
     deep: o = !0
-  } = t, a = (e = t.document) != null ? e : n == null ? void 0 : n.document, l = () => {
+  } = t, i = (e = t.document) != null ? e : n == null ? void 0 : n.document, l = () => {
     var s;
-    let u = a == null ? void 0 : a.activeElement;
+    let u = i == null ? void 0 : i.activeElement;
     if (o)
       for (; u != null && u.shadowRoot; )
         u = (s = u == null ? void 0 : u.shadowRoot) == null ? void 0 : s.activeElement;
     return u;
-  }, i = x(), r = () => {
-    i.value = l();
+  }, a = x(), r = () => {
+    a.value = l();
   };
   return n && (Y(n, "blur", (s) => {
     s.relatedTarget === null && r();
-  }, !0), Y(n, "focus", r, !0)), r(), i;
+  }, !0), Y(n, "focus", r, !0)), r(), a;
 }
-function Fe(t, e = {}) {
-  const n = Be(e), o = C(() => F(t));
-  return { focused: C(() => 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 ze(t, { window: e = Q, 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, i = F(t);
-    if (!i)
+    const l = e.document, a = B(t);
+    if (!a)
       o.value = !1;
     else {
-      const r = i.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 A(
-    () => F(t),
-    () => a(),
+    () => B(t),
+    () => i(),
     { immediate: !0, flush: "post" }
-  ), e && Y(n || e, "scroll", a, {
+  ), e && Y(n || e, "scroll", i, {
     capture: !1,
     passive: !0
   }), o;
 }
-const I = (t) => {
-  let e = ze(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 Z(e);
-}, Z = (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)) ? Z(n) : n;
-}, qe = (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)) ? K(o) : o;
+  return o && (!C(o) || !k(o)) ? Z(o) : o;
 }, ie = (t) => {
   const e = t.target;
-  return K(e);
-}, K = (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)) ? K(n) : n;
-}, Ge = (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)) ? Z(o) : o;
+  return o && (!C(o) || !k(o)) ? Q(o) : o;
 }, se = (t) => {
   const e = t.target;
   return ee(e);
@@ -167,7 +167,7 @@ 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)) ? ee(n) : n;
+  return n && (!C(n) || !k(n)) ? ee(n) : n;
 }, de = (t) => {
   const e = t.target;
   return te(e);
@@ -180,14 +180,14 @@ 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)) ? te(n) : n;
+  return n && (!C(n) || !k(n)) ? te(n) : n;
 }, ce = (t) => {
   const e = t.target.parentElement.firstElementChild;
-  return e && (!k(e) || !I(e)) ? te(e) : e;
+  return e && (!C(e) || !k(e)) ? te(e) : e;
 }, ue = (t) => {
   const e = t.target.parentElement.lastElementChild;
-  return e && (!k(e) || !I(e)) ? ee(e) : e;
-}, M = ["alt", "control", "shift", "meta"], Ye = {
+  return e && (!C(e) || !k(e)) ? ee(e) : e;
+}, P = ["alt", "control", "shift", "meta"], Ge = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
@@ -210,11 +210,11 @@ const I = (t) => {
     t.preventDefault(), t.stopPropagation(), e && e.focus();
   },
   "keydown.control.up": (t) => {
-    const e = qe(t);
+    const e = ze(t);
     e && (t.preventDefault(), t.stopPropagation(), e.focus());
   },
   "keydown.control.down": (t) => {
-    const e = Ge(t);
+    const e = qe(t);
     e && (t.preventDefault(), t.stopPropagation(), e.focus());
   },
   "keydown.control.left": (t) => {
@@ -257,47 +257,47 @@ const I = (t) => {
   }
 };
 function oe(t) {
-  const e = (i) => {
+  const e = (a) => {
     let r = null;
-    return i.parent && (typeof i.parent == "string" ? r = document.querySelector(i.parent) : i.parent instanceof HTMLElement ? r = i.parent : r = i.parent.value), r;
-  }, n = (i) => {
-    const r = e(i);
+    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 i.selectors == "string")
-      s = r ? Array.from(r.querySelectorAll(i.selectors)) : Array.from(document.querySelectorAll(i.selectors));
-    else if (Array.isArray(i.selectors))
-      for (const u of i.selectors)
+    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 (i.selectors instanceof HTMLElement)
-      s.push(i.selectors);
-    else if (Array.isArray(i.selectors.value))
-      for (const u of i.selectors.value)
+    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
-      s.push(i.selectors.value);
+      s.push(a.selectors.value);
     return s;
-  }, o = (i) => {
-    const r = e(i);
+  }, o = (a) => {
+    const r = e(a);
     let s = [];
-    return i.selectors ? s = n(i) : r && (s = Array.from(r.children).filter((u) => k(u) && I(u))), s;
-  }, a = (i) => (r) => {
-    const s = Ye[r.key] || r.key.toLowerCase();
-    if (M.includes(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 = i.handlers || ne;
+    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) => M.includes(w)), h = M.some((w) => {
-          const P = w.charAt(0).toUpperCase() + w.slice(1);
-          return r.getModifierState(P);
+        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 (v.length > 0) {
           if (h) {
-            for (const w of M)
+            for (const w of P)
               if (c.includes(w)) {
-                const P = w.charAt(0).toUpperCase() + w.slice(1);
-                r.getModifierState(P) && p(r);
+                const O = w.charAt(0).toUpperCase() + w.slice(1);
+                r.getModifierState(O) && p(r);
               }
           }
         } else
@@ -305,22 +305,22 @@ function oe(t) {
       }
     }
   }, l = [];
-  Te(() => {
-    for (const i of t) {
-      const r = e(i), s = o(i), u = a(i), m = r ? [r] : s;
+  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 } = Fe(x(f)), p = A(c, (v) => {
+        const { focused: c } = Be(x(f)), p = A(c, (v) => {
           v ? f.addEventListener("keydown", u) : f.removeEventListener("keydown", u);
         });
         l.push(p);
       }
     }
-  }), $e(() => {
-    for (const i of l)
-      i();
+  }), Te(() => {
+    for (const a of l)
+      a();
   });
 }
-const Xe = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Je = { key: 1 }, xe = /* @__PURE__ */ _({
+const Ye = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Xe = { key: 1 }, xe = /* @__PURE__ */ _({
   __name: "ACell",
   props: {
     colIndex: {},
@@ -331,7 +331,7 @@ const Xe = ["data-colindex", "data-rowindex", "data-editable", "contenteditable"
   },
   setup(t) {
     var v;
-    const e = t, n = L(e.tableid), o = x(null), a = x(""), l = x(!1), i = C(() => {
+    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 w = n.columns[e.colIndex].format;
@@ -363,10 +363,10 @@ const Xe = ["data-colindex", "data-rowindex", "data-editable", "contenteditable"
         }
       ]);
     }
-    const s = C(() => n.columns[e.colIndex].align || "center"), u = C(() => 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));
+      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,
@@ -392,13 +392,13 @@ const Xe = ["data-colindex", "data-rowindex", "data-editable", "contenteditable"
       onMousedown: r,
       class: "atable__cell"
     }, [
-      d(n).columns[h.colIndex].cellComponent ? (g(), j(ge(d(n).columns[h.colIndex].cellComponent), J({
+      d(n).columns[h.colIndex].cellComponent ? (g(), W(ge(d(n).columns[h.colIndex].cellComponent), J({
         key: 0,
-        value: i.value
-      }, d(n).columns[h.colIndex].cellComponentProps), null, 16, ["value"])) : (g(), b("span", Je, O(i.value), 1))
-    ], 40, Xe));
+        value: a.value
+      }, d(n).columns[h.colIndex].cellComponentProps), null, 16, ["value"])) : (g(), b("span", Xe, L(a.value), 1))
+    ], 40, Ye));
   }
-}), Qe = ["tabindex"], Ze = ["tabindex"], Ke = ["colspan"], et = /* @__PURE__ */ _({
+}), Je = ["tabindex"], Ke = ["tabindex"], Qe = ["colspan"], Ze = /* @__PURE__ */ _({
   __name: "AExpansionRow",
   props: {
     row: {},
@@ -408,39 +408,39 @@ const Xe = ["data-colindex", "data-rowindex", "data-editable", "contenteditable"
     addNavigation: { type: [Boolean, Object] }
   },
   setup(t) {
-    const e = t, n = L(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 i = {
+      const a = {
         "keydown.control.g": (r) => {
           r.stopPropagation(), r.preventDefault(), n.toggleRowExpand(e.rowIndex);
         }
       };
-      typeof e.addNavigation == "object" && Object.assign(i, e.addNavigation), oe([
+      typeof e.addNavigation == "object" && Object.assign(a, e.addNavigation), oe([
         {
           selectors: o,
-          handlers: i
+          handlers: a
         }
       ]);
     }
-    return (i, r) => (g(), b(V, null, [
-      T("tr", J(i.$attrs, {
+    return (a, r) => (g(), b(U, null, [
+      T("tr", J(a.$attrs, {
         ref_key: "rowEl",
         ref: o,
-        tabindex: i.tabIndex,
+        tabindex: a.tabIndex,
         class: "expandable-row"
       }), [
         T("td", {
           tabIndex: -1,
-          onClick: r[0] || (r[0] = (s) => d(n).toggleRowExpand(i.rowIndex)),
+          onClick: r[0] || (r[0] = (s) => d(n).toggleRowExpand(a.rowIndex)),
           class: "row-index"
-        }, O(l()), 1),
-        E(i.$slots, "row")
-      ], 16, Qe),
+        }, 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: i.tabIndex,
+        ref: i,
+        tabindex: a.tabIndex,
         class: "expanded-row"
       }, [
         T("td", {
@@ -448,12 +448,12 @@ const Xe = ["data-colindex", "data-rowindex", "data-editable", "contenteditable"
           colspan: d(n).columns.length + 1,
           class: "expanded-row-content"
         }, [
-          E(i.$slots, "content")
-        ], 8, Ke)
-      ], 8, Ze)) : B("", !0)
+          E(a.$slots, "content")
+        ], 8, Qe)
+      ], 8, Ke)) : V("", !0)
     ], 64));
   }
-}), tt = ["tabindex"], nt = {
+}), et = ["tabindex"], tt = {
   key: 0,
   tabIndex: -1,
   class: "list-index"
@@ -467,9 +467,9 @@ const Xe = ["data-colindex", "data-rowindex", "data-editable", "contenteditable"
     addNavigation: { type: [Boolean, Object], default: !1 }
   },
   setup(t) {
-    const e = t, n = L(e.tableid), o = x(null);
+    const e = t, n = F(e.tableid), o = x(null);
     n.numberedRowWidth.value;
-    const a = () => n.config.view !== "tree" ? "" : n.display[e.rowIndex].isRoot || n.display[e.rowIndex].isParent ? n.display[e.rowIndex].childrenOpen ? "-" : "+" : "", l = C(() => n.config.view !== "tree" || n.display[e.rowIndex].isRoot || n.display[e.rowIndex].open), i = (r) => {
+    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) {
@@ -491,110 +491,81 @@ const Xe = ["data-colindex", "data-rowindex", "data-editable", "contenteditable"
       class: "table-row"
     }, [
       E(r.$slots, "index", {}, () => [
-        d(n).config.view === "list" ? (g(), b("td", nt, O(r.rowIndex + 1), 1)) : d(n).config.view === "tree" ? (g(), b("td", {
+        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: s[0] || (s[0] = (u) => i(r.rowIndex))
-        }, O(a()), 1)) : B("", !0)
+          onClick: s[0] || (s[0] = (u) => a(r.rowIndex))
+        }, L(l.value), 1)) : V("", !0)
       ]),
       E(r.$slots, "default")
-    ], 8, tt)), [
-      [ye, l.value]
+    ], 8, et)), [
+      [ye, i.value]
     ]);
   }
 });
-let H;
-const ot = new Uint8Array(16);
-function lt() {
-  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(ot);
-}
-const y = [];
-for (let t = 0; t < 256; ++t)
-  y.push((t + 256).toString(16).slice(1));
-function rt(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 at = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), fe = {
-  randomUUID: at
-};
-function Ie(t, e, n) {
-  if (fe.randomUUID && !e && !t)
-    return fe.randomUUID();
-  t = t || {};
-  const o = t.random || (t.rng || lt)();
-  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 rt(o);
-}
-function ke(t) {
+function Ie(t) {
   return we() ? (ve(t), !0) : !1;
 }
 function $(t) {
   return typeof t == "function" ? t() : d(t);
 }
-const Ce = typeof window < "u" && typeof document < "u";
+const ke = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const it = Object.prototype.toString, st = (t) => it.call(t) === "[object Object]", R = () => {
-}, X = /* @__PURE__ */ dt();
-function dt() {
+const nt = Object.prototype.toString, ot = (t) => nt.call(t) === "[object Object]", R = () => {
+}, X = /* @__PURE__ */ lt();
+function lt() {
   var t, e;
-  return Ce && ((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 pe = {
+const fe = {
   mounted: "mounted",
   updated: "updated",
   unmounted: "unmounted"
 };
-function ct(...t) {
+function rt(...t) {
   if (t.length !== 1)
-    return Re(...t);
+    return $e(...t);
   const e = t[0];
-  return typeof e == "function" ? Oe(Le(() => ({ get: e, set: R }))) : x(e);
+  return typeof e == "function" ? Re(Le(() => ({ get: e, set: R }))) : x(e);
 }
 function D(t) {
   var e;
   const n = $(t);
   return (e = n == null ? void 0 : n.$el) != null ? e : n;
 }
-const Ae = Ce ? 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 = Ae) : [e, n, o, a] = t, !e)
+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 = [], i = () => {
+  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), $(a)],
+    () => [D(e), $(i)],
     ([m, f]) => {
-      if (i(), !m)
+      if (a(), !m)
         return;
-      const c = st(f) ? { ...f } : f;
+      const c = ot(f) ? { ...f } : f;
       l.push(
         ...n.flatMap((p) => o.map((v) => r(m, p, v, c)))
       );
     },
     { immediate: !0, flush: "post" }
   ), u = () => {
-    s(), i();
+    s(), a();
   };
-  return ke(u), u;
+  return Ie(u), u;
 }
-let me = !1;
-function he(t, e, n = {}) {
-  const { window: o = Ae, ignore: a = [], capture: l = !0, detectIframe: i = !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 R;
-  X && !me && (me = !0, Array.from(o.document.body.children).forEach((c) => c.addEventListener("click", R)), o.document.documentElement.addEventListener("click", 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 s = (c) => a.some((p) => {
+  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));
     {
@@ -602,7 +573,7 @@ function he(t, e, n = {}) {
       return v && (c.target === v || c.composedPath().includes(v));
     }
   }), m = [
-    U(o, "click", (c) => {
+    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) {
@@ -612,11 +583,11 @@ function he(t, e, n = {}) {
         e(c);
       }
     }, { passive: !0, capture: l }),
-    U(o, "pointerdown", (c) => {
+    N(o, "pointerdown", (c) => {
       const p = D(t);
       r = !s(c) && !!(p && !c.composedPath().includes(p));
     }, { passive: !0 }),
-    i && U(o, "blur", (c) => {
+    a && N(o, "blur", (c) => {
       setTimeout(() => {
         var p;
         const v = D(t);
@@ -626,94 +597,123 @@ function he(t, e, n = {}) {
   ].filter(Boolean);
   return () => m.forEach((c) => c());
 }
-const ut = {
-  [pe.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));
     }
   },
-  [pe.unmounted](t) {
+  [fe.unmounted](t) {
     t.__onClickOutside_stop();
   }
 };
 function z(t) {
   return typeof Window < "u" && t instanceof Window ? t.document.documentElement : typeof Document < "u" && t instanceof Document ? t.documentElement : t;
 }
-function _e(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 : _e(n);
+    return !n || n.tagName === "BODY" ? !1 : Ae(n);
   }
 }
-function ft(t) {
+function it(t) {
   const e = t || window.event, n = e.target;
-  return _e(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 W = /* @__PURE__ */ new WeakMap();
-function pt(t, e = !1) {
+const M = /* @__PURE__ */ new WeakMap();
+function st(t, e = !1) {
   const n = x(e);
   let o = null;
-  A(ct(t), (i) => {
-    const r = z($(i));
+  A(rt(t), (a) => {
+    const r = z($(a));
     if (r) {
       const s = r;
-      W.get(s) || W.set(s, s.style.overflow), n.value && (s.style.overflow = "hidden");
+      M.get(s) || M.set(s, s.style.overflow), n.value && (s.style.overflow = "hidden");
     }
   }, {
     immediate: !0
   });
-  const a = () => {
-    const i = z($(t));
-    !i || n.value || (X && (o = U(
-      i,
+  const i = () => {
+    const a = z($(t));
+    !a || n.value || (X && (o = N(
+      a,
       "touchmove",
       (r) => {
-        ft(r);
+        it(r);
       },
       { passive: !1 }
-    )), i.style.overflow = "hidden", n.value = !0);
+    )), a.style.overflow = "hidden", n.value = !0);
   }, l = () => {
-    var i;
+    var a;
     const r = z($(t));
-    !r || !n.value || (X && (o == null || o()), r.style.overflow = (i = W.get(r)) != null ? i : "", W.delete(r), n.value = !1);
+    !r || !n.value || (X && (o == null || o()), r.style.overflow = (a = M.get(r)) != null ? a : "", M.delete(r), n.value = !1);
   };
-  return ke(l), C({
+  return Ie(l), I({
     get() {
       return n.value;
     },
-    set(i) {
-      i ? a() : l();
+    set(a) {
+      a ? i() : l();
     }
   });
 }
-function mt() {
+function dt() {
   let t = !1;
   const e = x(!1);
   return (n, o) => {
     if (e.value = o.value, t)
       return;
     t = !0;
-    const a = pt(n, o.value);
-    A(e, (l) => a.value = l);
+    const i = st(n, o.value);
+    A(e, (l) => i.value = l);
   };
 }
-mt();
+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, a, l, i) {
-    this.id = e || Ie(), this.rows = o, this.columns = S(n), this.config = S(a), this.table = l || S(this.createTableObject()), this.display = this.createDisplayObject(i), this.modal = S({ visible: !1 });
+  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) {
@@ -721,13 +721,13 @@ class ht {
     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,
@@ -740,15 +740,15 @@ class ht {
     return ["list", "tree", "list-expansion"].includes(this.config.view);
   }
   get numberedRowWidth() {
-    return C(() => 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") {
@@ -768,7 +768,7 @@ const wt = {
 }, gt = {
   key: 0,
   id: "header-index"
-}, Se = /* @__PURE__ */ _({
+}, _e = /* @__PURE__ */ _({
   __name: "ATableHeader",
   props: {
     columns: {},
@@ -776,29 +776,29 @@ const wt = {
     tableid: {}
   },
   setup(t) {
-    const n = L(t.tableid);
+    const n = F(t.tableid);
     n.numberedRowWidth.value;
-    const o = (a) => ({
-      minWidth: a.width || "40ch",
-      textAlign: a.align || "center",
+    const o = (i) => ({
+      minWidth: i.width || "40ch",
+      textAlign: i.align || "center",
       width: n.config.fullWidth ? "auto" : null
     });
-    return (a, l) => a.columns.length ? (g(), b("thead", wt, [
+    return (i, l) => i.columns.length ? (g(), b("thead", wt, [
       T("tr", vt, [
-        d(n).zeroColumn ? (g(), b("th", gt)) : B("", !0),
-        (g(!0), b(V, null, G(a.columns, (i, r) => (g(), b("th", {
-          key: r,
+        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: N(o(i))
+          style: j(o(a))
         }, [
-          E(a.$slots, "default", {}, () => [
-            Pe(O(i.label || String.fromCharCode(r + 97).toUpperCase()), 1)
+          E(i.$slots, "default", {}, () => [
+            Oe(L(a.label || String.fromCharCode(r + 97).toUpperCase()), 1)
           ])
         ], 4))), 128))
       ])
-    ])) : B("", !0);
+    ])) : V("", !0);
   }
-}), De = /* @__PURE__ */ _({
+}), Se = /* @__PURE__ */ _({
   __name: "ATableModal",
   props: {
     colIndex: {},
@@ -806,18 +806,17 @@ const wt = {
     tableid: {}
   },
   setup(t) {
-    L(t.tableid);
-    const n = (o) => {
-      o.stopPropagation();
+    const e = (n) => {
+      n.stopPropagation();
     };
-    return (o, a) => (g(), b("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")
+      E(n.$slots, "default")
     ], 544));
   }
 }), yt = /* @__PURE__ */ _({
@@ -833,15 +832,15 @@ const wt = {
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
     const n = t, o = e;
-    let a = n.modelValue ? n.modelValue : n.rows, l = new ht(n.id, n.columns, a, n.config);
-    Me(l.id, l), A(
+    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 i = (r) => {
+    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);
     };
@@ -849,14 +848,14 @@ const wt = {
       if (r.key === "Escape" && l.modal.visible) {
         l.modal.visible = !1;
         const s = l.modal.parent;
-        s && (await He(), s.focus());
+        s && (await Me(), s.focus());
       }
     }), (r, s) => q((g(), b("table", {
       class: "atable",
-      style: N({ width: d(l).config.fullWidth ? "100%" : "auto" })
+      style: j({ width: d(l).config.fullWidth ? "100%" : "auto" })
     }, [
       E(r.$slots, "header", { data: d(l) }, () => [
-        le(Se, {
+        le(_e, {
           columns: d(l).columns,
           config: d(l).config,
           tableid: d(l).id
@@ -864,22 +863,22 @@ const wt = {
       ]),
       T("tbody", null, [
         E(r.$slots, "body", { data: d(l) }, () => [
-          (g(!0), b(V, null, G(d(l).rows, (u, m) => (g(), j(Ee, {
-            key: u.id || d(Ie)(),
+          (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: re(() => [
-              (g(!0), b(V, null, G(d(l).columns, (f, c) => (g(), j(xe, {
-                key: `${c}:${m}`,
+              (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: N({
+                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
@@ -892,18 +891,18 @@ const wt = {
       ]),
       E(r.$slots, "footer", { data: d(l) }),
       E(r.$slots, "modal", { data: d(l) }, () => [
-        q(le(De, {
+        q(le(Se, {
           colIndex: d(l).modal.colIndex,
           rowIndex: d(l).modal.rowIndex,
           tableid: d(l).id,
-          style: N({
+          style: j({
             left: d(l).modal.left + "px",
             top: d(l).modal.top + "px",
             maxWidth: d(l).modal.width + "px"
           })
         }, {
           default: re(() => [
-            (g(), j(ge(d(l).modal.component), J({
+            (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,
@@ -916,20 +915,20 @@ const wt = {
         ])
       ])
     ], 4)), [
-      [d(ut), i]
+      [d(at), a]
     ]);
   }
 });
 function xt(t) {
-  t.component("ACell", xe), t.component("AExpansionRow", et), t.component("ARow", Ee), t.component("ATable", yt), t.component("ATableHeader", Se), t.component("ATableModal", De);
+  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 {
   xe as ACell,
-  et as AExpansionRow,
+  Ze as AExpansionRow,
   Ee as ARow,
   yt as ATable,
-  Se as ATableHeader,
-  De as ATableModal,
+  _e as ATableHeader,
+  Se as ATableModal,
   ht as TableDataStore,
   xt as install
 };