@stonecrop/atable 0.3.11 → 0.4.0

package/dist/atable.js

@@ -1,6 +1,6 @@
-import { onMounted as G, ref as x, watch as R, onBeforeUnmount as Ge, computed as k, unref as b, getCurrentScope as Re, onScopeDispose as Oe, getCurrentInstance as ue, nextTick as Le, toRef as Je, readonly as Qe, customRef as Ze, defineComponent as N, useTemplateRef as J, openBlock as C, createElementBlock as S, normalizeStyle as z, normalizeClass as F, createBlock as _, resolveDynamicComponent as Pe, mergeProps as de, toDisplayString as U, Fragment as te, createElementVNode as B, renderSlot as O, createCommentVNode as Y, withDirectives as se, vShow as De, renderList as ae, createTextVNode as Ke, createVNode as xe, withCtx as Ee } from "vue";
+import { onMounted as G, ref as x, watch as R, onBeforeUnmount as Ge, computed as k, unref as b, getCurrentScope as Re, onScopeDispose as Oe, getCurrentInstance as ue, nextTick as Le, toRef as Je, readonly as Qe, customRef as Ze, defineComponent as N, useTemplateRef as J, openBlock as C, createElementBlock as S, normalizeStyle as z, normalizeClass as F, createBlock as _, resolveDynamicComponent as Pe, mergeProps as de, toDisplayString as Y, Fragment as te, createElementVNode as B, renderSlot as O, createCommentVNode as U, withDirectives as se, vShow as We, renderList as ae, createTextVNode as Ke, createVNode as xe, withCtx as Ee } from "vue";
 import { defineStore as _e } from "pinia";
-import './assets/index.css';function We(e) {
+import './assets/index.css';function De(e) {
   return Re() ? (Oe(e), !0) : !1;
 }
 function fe(e) {
@@ -36,7 +36,7 @@ function q(...e) {
   ), s = () => {
     d(), l();
   };
-  return We(s), s;
+  return De(s), s;
 }
 function rt() {
   const e = x(!1), t = ue();
@@ -65,7 +65,7 @@ function at(e, t, n = {}) {
   ), c = () => i == null ? void 0 : i.takeRecords(), u = () => {
     s(), r();
   };
-  return We(u), {
+  return De(u), {
     isSupported: l,
     stop: u,
     takeRecords: c
@@ -211,8 +211,8 @@ const L = (e) => {
   return n && (!P(n) || !L(n)) ? pe(n) : n;
 }, Ie = (e) => {
   const t = e.target;
-  return we(t);
-}, we = (e) => {
+  return he(t);
+}, he = (e) => {
   var t;
   let n;
   if (e.nextElementSibling)
@@ -221,10 +221,10 @@ const L = (e) => {
     const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
     n = o == null ? void 0 : o.firstElementChild;
   }
-  return n && (!P(n) || !L(n)) ? we(n) : n;
+  return n && (!P(n) || !L(n)) ? he(n) : n;
 }, Se = (e) => {
   const t = e.target.parentElement, n = t == null ? void 0 : t.firstElementChild;
-  return n && (!P(n) || !L(n)) ? we(n) : n;
+  return n && (!P(n) || !L(n)) ? he(n) : n;
 }, Te = (e) => {
   const t = e.target.parentElement, n = t == null ? void 0 : t.lastElementChild;
   return n && (!P(n) || !L(n)) ? pe(n) : n;
@@ -233,7 +233,7 @@ const L = (e) => {
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, he = {
+}, we = {
   "keydown.up": (e) => {
     const t = Ce(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
@@ -326,20 +326,20 @@ function ge(e) {
   }, a = (l) => (r) => {
     const d = pt[r.key] || r.key.toLowerCase();
     if (K.includes(d)) return;
-    const s = l.handlers || he;
+    const s = l.handlers || we;
     for (const c of Object.keys(s)) {
       const [u, ...f] = c.split(".");
       if (u === "keydown" && f.includes(d)) {
         const m = s[c], g = f.filter((v) => K.includes(v)), p = K.some((v) => {
-          const h = v.charAt(0).toUpperCase() + v.slice(1);
-          return r.getModifierState(h);
+          const w = v.charAt(0).toUpperCase() + v.slice(1);
+          return r.getModifierState(w);
         });
         if (g.length > 0) {
           if (p) {
             for (const v of K)
               if (f.includes(v)) {
-                const h = v.charAt(0).toUpperCase() + v.slice(1);
-                r.getModifierState(h) && m(r);
+                const w = v.charAt(0).toUpperCase() + v.slice(1);
+                r.getModifierState(w) && m(r);
               }
           }
         } else
@@ -370,7 +370,7 @@ function M(e) {
 }
 const ye = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const wt = (e) => e != null, ht = Object.prototype.toString, He = (e) => ht.call(e) === "[object Object]", W = () => {
+const ht = (e) => e != null, wt = Object.prototype.toString, He = (e) => wt.call(e) === "[object Object]", D = () => {
 }, ie = /* @__PURE__ */ gt();
 function gt() {
   var e, t;
@@ -383,7 +383,7 @@ function bt(...e) {
   if (e.length !== 1)
     return Je(...e);
   const t = e[0];
-  return typeof t == "function" ? Qe(Ze(() => ({ get: t, set: W }))) : x(t);
+  return typeof t == "function" ? Qe(Ze(() => ({ get: t, set: D }))) : x(t);
 }
 function xt(e, t = !0, n) {
   yt() ? G(e, n) : t ? e() : Le(e);
@@ -397,7 +397,7 @@ function H(e) {
 function ce(...e) {
   let t, n, o, a;
   if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, a] = e, t = ne) : [t, n, o, a] = e, !t)
-    return W;
+    return D;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
   const i = [], l = () => {
     i.forEach((c) => c()), i.length = 0;
@@ -433,7 +433,7 @@ function Ve(e, t, n = {}) {
   const l = Ne(() => o && "MutationObserver" in o), r = () => {
     i && (i.disconnect(), i = void 0);
   }, d = k(() => {
-    const f = M(e), m = (Array.isArray(f) ? f : [f]).map(H).filter(wt);
+    const f = M(e), m = (Array.isArray(f) ? f : [f]).map(H).filter(ht);
     return new Set(m);
   }), s = R(
     () => d.value,
@@ -485,18 +485,18 @@ function je(e, t = {}) {
     updateTiming: l = "sync"
   } = t, r = x(0), d = x(0), s = x(0), c = x(0), u = x(0), f = x(0), m = x(0), g = x(0);
   function p() {
-    const h = H(e);
-    if (!h) {
+    const w = H(e);
+    if (!w) {
       n && (r.value = 0, d.value = 0, s.value = 0, c.value = 0, u.value = 0, f.value = 0, m.value = 0, g.value = 0);
       return;
     }
-    const E = h.getBoundingClientRect();
+    const E = w.getBoundingClientRect();
     r.value = E.height, d.value = E.bottom, s.value = E.left, c.value = E.right, u.value = E.top, f.value = E.width, m.value = E.x, g.value = E.y;
   }
   function v() {
     l === "sync" ? p() : l === "next-frame" && requestAnimationFrame(() => p());
   }
-  return Ct(e, v), R(() => H(e), (h) => !h && v()), Ve(e, v, {
+  return Ct(e, v), R(() => H(e), (w) => !w && v()), Ve(e, v, {
     attributeFilter: ["style", "class"]
   }), a && ce("scroll", v, { capture: !0, passive: !0 }), o && ce("resize", v, { passive: !0 }), xt(() => {
     i && v();
@@ -549,7 +549,7 @@ function kt(e = {}) {
 const At = (e) => {
   const t = new DOMParser().parseFromString(e, "text/html");
   return Array.from(t.body.childNodes).some((n) => n.nodeType === 1);
-}, It = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], St = ["innerHTML"], Tt = { key: 2 }, Be = /* @__PURE__ */ N({
+}, It = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), St = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Tt = ["innerHTML"], $t = { key: 2 }, Be = /* @__PURE__ */ N({
   __name: "ACell",
   props: {
     colIndex: {},
@@ -562,59 +562,59 @@ const At = (e) => {
   emits: ["cellInput"],
   setup(e, { emit: t }) {
     const n = t, o = J("cell"), a = e.store.getCellData(e.colIndex, e.rowIndex), i = x(""), l = x(!1), r = e.store.columns[e.colIndex], d = e.store.rows[e.rowIndex], s = r.align || "center", c = r.width || "40ch", u = k(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), f = k(() => typeof u.value == "string" ? At(u.value) : !1), m = k(() => {
-      var h;
+      var w;
       return {
         textAlign: s,
         width: c,
         backgroundColor: l.value ? "var(--sc-cell-changed-color)" : "inherit",
         fontWeight: l.value ? "bold" : "inherit",
-        paddingLeft: e.store.getIndent(e.colIndex, (h = e.store.display[e.rowIndex]) == null ? void 0 : h.indent)
+        paddingLeft: e.store.getIndent(e.colIndex, (w = e.store.display[e.rowIndex]) == null ? void 0 : w.indent)
       };
     }), g = () => {
-      const { left: h, bottom: E, width: D, height: oe } = je(o);
+      const { left: w, bottom: E, width: W, height: oe } = je(o);
       r.mask, r.modalComponent && e.store.$patch(($) => {
-        $.modal.visible = !0, $.modal.colIndex = e.colIndex, $.modal.rowIndex = e.rowIndex, $.modal.left = h, $.modal.bottom = E, $.modal.width = D, $.modal.height = oe, typeof r.modalComponent == "function" ? $.modal.component = r.modalComponent({ table: $.table, row: d, column: r }) : $.modal.component = r.modalComponent, $.modal.componentProps = r.modalComponentExtraProps;
+        $.modal.visible = !0, $.modal.colIndex = e.colIndex, $.modal.rowIndex = e.rowIndex, $.modal.left = w, $.modal.bottom = E, $.modal.width = W, $.modal.height = oe, typeof r.modalComponent == "function" ? $.modal.component = r.modalComponent({ table: $.table, row: d, column: r }) : $.modal.component = r.modalComponent, $.modal.componentProps = r.modalComponentExtraProps;
       });
     };
     if (e.addNavigation) {
-      let h = {
-        ...he,
+      let w = {
+        ...we,
         "keydown.f2": g,
         "keydown.alt.up": g,
         "keydown.alt.down": g,
         "keydown.alt.left": g,
         "keydown.alt.right": g
       };
-      typeof e.addNavigation == "object" && (h = {
-        ...h,
+      typeof e.addNavigation == "object" && (w = {
+        ...w,
         ...e.addNavigation
       }), ge([
         {
           selectors: o,
-          handlers: h
+          handlers: w
         }
       ]);
     }
     const p = () => {
       o.value && (i.value = o.value.textContent);
-    }, v = (h) => {
-      const E = h.target;
+    }, v = (w) => {
+      const E = w.target;
       E.textContent !== i.value && (n("cellInput", e.colIndex, e.rowIndex, E.textContent, i.value), i.value = E.textContent, r.format ? (l.value = E.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, a), e.store.setCellText(e.colIndex, e.rowIndex, E.textContent)) : (l.value = E.textContent !== a, e.store.setCellData(e.colIndex, e.rowIndex, E.textContent)));
     };
-    return (h, E) => (C(), S("td", {
+    return (w, E) => (C(), S("td", {
       ref: "cell",
-      "data-colindex": h.colIndex,
-      "data-rowindex": h.rowIndex,
+      "data-colindex": w.colIndex,
+      "data-rowindex": w.rowIndex,
       "data-editable": b(r).edit,
       contenteditable: b(r).edit,
-      tabindex: h.tabIndex,
+      tabindex: w.tabIndex,
       spellcheck: !1,
       style: z(m.value),
       onFocus: p,
       onPaste: v,
       onInput: v,
       onClick: g,
-      class: F(["atable-cell", h.pinned ? "sticky-column" : ""])
+      class: F(["atable-cell", w.pinned ? "sticky-column" : ""])
     }, [
       b(r).cellComponent ? (C(), _(Pe(b(r).cellComponent), de({
         key: 0,
@@ -622,10 +622,10 @@ const At = (e) => {
       }, b(r).cellComponentProps), null, 16, ["value"])) : f.value ? (C(), S("span", {
         key: 1,
         innerHTML: u.value
-      }, null, 8, St)) : (C(), S("span", Tt, U(u.value), 1))
-    ], 46, It));
+      }, null, 8, Tt)) : (C(), S("span", $t, Y(u.value), 1))
+    ], 46, St));
   }
-}), $t = ["tabindex"], Mt = ["tabindex"], Rt = ["colspan"], Ot = /* @__PURE__ */ N({
+}), Mt = ["tabindex"], Rt = ["tabindex"], Ot = ["colspan"], Lt = /* @__PURE__ */ N({
   __name: "AExpansionRow",
   props: {
     rowIndex: {},
@@ -658,9 +658,9 @@ const At = (e) => {
           tabIndex: -1,
           onClick: a[0] || (a[0] = (i) => o.store.toggleRowExpand(o.rowIndex)),
           class: "row-index"
-        }, U(n.value), 1),
+        }, Y(n.value), 1),
         O(o.$slots, "row")
-      ], 16, $t),
+      ], 16, Mt),
       o.store.display[o.rowIndex].expanded ? (C(), S("tr", {
         key: 0,
         ref: "rowExpanded",
@@ -673,11 +673,11 @@ const At = (e) => {
           class: "expanded-row-content"
         }, [
           O(o.$slots, "content")
-        ], 8, Rt)
-      ], 8, Mt)) : Y("", !0)
+        ], 8, Ot)
+      ], 8, Rt)) : U("", !0)
     ], 64));
   }
-}), Lt = ["tabindex"], ze = /* @__PURE__ */ N({
+}), Pt = ["tabindex"], ze = /* @__PURE__ */ N({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -688,7 +688,7 @@ const At = (e) => {
   setup(e) {
     const t = J("rowEl"), n = k(() => e.store.isRowVisible(e.rowIndex)), o = k(() => e.store.getRowExpandSymbol(e.rowIndex));
     if (e.addNavigation) {
-      let a = he;
+      let a = we;
       typeof e.addNavigation == "object" && (a = {
         ...a,
         ...e.addNavigation
@@ -709,16 +709,16 @@ const At = (e) => {
           key: 0,
           tabIndex: -1,
           class: F(["list-index", a.store.hasPinnedColumns ? "sticky-index" : ""])
-        }, U(a.rowIndex + 1), 3)) : a.store.config.view === "tree" ? (C(), S("td", {
+        }, Y(a.rowIndex + 1), 3)) : a.store.config.view === "tree" ? (C(), S("td", {
           key: 1,
           tabIndex: -1,
           class: F(["tree-index", a.store.hasPinnedColumns ? "sticky-index" : ""]),
           onClick: i[0] || (i[0] = (l) => a.store.toggleRowExpand(a.rowIndex))
-        }, U(o.value), 3)) : Y("", !0)
-      ]) : Y("", !0),
+        }, Y(o.value), 3)) : U("", !0)
+      ]) : U("", !0),
       O(a.$slots, "default")
-    ], 8, Lt)), [
-      [De, n.value]
+    ], 8, Pt)), [
+      [We, n.value]
     ]);
   }
 }), Fe = ye ? window : void 0;
@@ -730,7 +730,7 @@ function j(e) {
 function ee(...e) {
   let t, n, o, a;
   if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, a] = e, t = Fe) : [t, n, o, a] = e, !t)
-    return W;
+    return D;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
   const i = [], l = () => {
     i.forEach((c) => c()), i.length = 0;
@@ -754,15 +754,15 @@ let $e = !1;
 function Me(e, t, n = {}) {
   const { window: o = Fe, ignore: a = [], capture: i = !0, detectIframe: l = !1 } = n;
   if (!o)
-    return W;
-  ie && !$e && ($e = !0, Array.from(o.document.body.children).forEach((p) => p.addEventListener("click", W)), o.document.documentElement.addEventListener("click", W));
+    return D;
+  ie && !$e && ($e = !0, Array.from(o.document.body.children).forEach((p) => p.addEventListener("click", D)), o.document.documentElement.addEventListener("click", D));
   let r = !0;
   const d = (p) => M(a).some((v) => {
     if (typeof v == "string")
-      return Array.from(o.document.querySelectorAll(v)).some((h) => h === p.target || p.composedPath().includes(h));
+      return Array.from(o.document.querySelectorAll(v)).some((w) => w === p.target || p.composedPath().includes(w));
     {
-      const h = j(v);
-      return h && (p.target === h || p.composedPath().includes(h));
+      const w = j(v);
+      return w && (p.target === w || p.composedPath().includes(w));
     }
   });
   function s(p) {
@@ -770,8 +770,8 @@ function Me(e, t, n = {}) {
     return v && v.$.subTree.shapeFlag === 16;
   }
   function c(p, v) {
-    const h = M(p), E = h.$.subTree && h.$.subTree.children;
-    return E == null || !Array.isArray(E) ? !1 : E.some((D) => D.el === v.target || v.composedPath().includes(D.el));
+    const w = M(p), E = w.$.subTree && w.$.subTree.children;
+    return E == null || !Array.isArray(E) ? !1 : E.some((W) => W.el === v.target || v.composedPath().includes(W.el));
   }
   const u = (p) => {
     const v = j(e);
@@ -797,14 +797,14 @@ function Me(e, t, n = {}) {
     l && ee(o, "blur", (p) => {
       setTimeout(() => {
         var v;
-        const h = j(e);
-        ((v = o.document.activeElement) == null ? void 0 : v.tagName) === "IFRAME" && !(h != null && h.contains(o.document.activeElement)) && t(p);
+        const w = j(e);
+        ((v = o.document.activeElement) == null ? void 0 : v.tagName) === "IFRAME" && !(w != null && w.contains(o.document.activeElement)) && t(p);
       }, 0);
     })
   ].filter(Boolean);
   return () => m.forEach((p) => p());
 }
-const Pt = {
+const Wt = {
   mounted(e, t) {
     const n = !t.modifiers.bubble;
     if (typeof t.value == "function")
@@ -821,21 +821,21 @@ const Pt = {
 function le(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
-function Ue(e) {
+function Ye(e) {
   const t = window.getComputedStyle(e);
   if (t.overflowX === "scroll" || t.overflowY === "scroll" || t.overflowX === "auto" && e.clientWidth < e.scrollWidth || t.overflowY === "auto" && e.clientHeight < e.scrollHeight)
     return !0;
   {
     const n = e.parentNode;
-    return !n || n.tagName === "BODY" ? !1 : Ue(n);
+    return !n || n.tagName === "BODY" ? !1 : Ye(n);
   }
 }
 function Dt(e) {
   const t = e || window.event, n = t.target;
-  return Ue(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
+  return Ye(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
 const re = /* @__PURE__ */ new WeakMap();
-function Wt(e, t = !1) {
+function Ht(e, t = !1) {
   const n = x(t);
   let o = null, a = "";
   R(bt(e), (r) => {
@@ -873,33 +873,33 @@ function Wt(e, t = !1) {
     }
   });
 }
-function Ht() {
+function Nt() {
   let e = !1;
   const t = x(!1);
   return (n, o) => {
     if (t.value = o.value, e)
       return;
     e = !0;
-    const a = Wt(n, o.value);
+    const a = Ht(n, o.value);
     R(t, (i) => a.value = i);
   };
 }
-Ht();
-const Nt = {
+Nt();
+const Vt = {
   key: 0,
   id: "resizable"
-}, Vt = {
+}, jt = {
   class: "atable-header-row",
   tabindex: "-1"
-}, Ye = /* @__PURE__ */ N({
+}, Ue = /* @__PURE__ */ N({
   __name: "ATableHeader",
   props: {
     columns: {},
     store: {}
   },
   setup(e) {
-    return (t, n) => t.columns.length ? (C(), S("thead", Nt, [
-      B("tr", Vt, [
+    return (t, n) => t.columns.length ? (C(), S("thead", Vt, [
+      B("tr", jt, [
         t.store.zeroColumn ? (C(), S("th", {
           key: 0,
           id: "header-index",
@@ -908,7 +908,7 @@ const Nt = {
             t.store.config.view === "tree" ? "tree-index" : "",
             t.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
-        }, null, 2)) : Y("", !0),
+        }, null, 2)) : U("", !0),
         (C(!0), S(te, null, ae(t.columns, (o, a) => (C(), S("th", {
           key: o.name,
           tabindex: "-1",
@@ -916,11 +916,11 @@ const Nt = {
           class: F(o.pinned ? "sticky-column" : "")
         }, [
           O(t.$slots, "default", {}, () => [
-            Ke(U(o.label || String.fromCharCode(a + 97).toUpperCase()), 1)
+            Ke(Y(o.label || String.fromCharCode(a + 97).toUpperCase()), 1)
           ])
         ], 6))), 128))
       ])
-    ])) : Y("", !0);
+    ])) : U("", !0);
   }
 }), Xe = /* @__PURE__ */ N({
   __name: "ATableModal",
@@ -955,19 +955,19 @@ const Nt = {
       O(r.$slots, "default")
     ], 36));
   }
-}), jt = (e) => {
-  const t = e.id || crypto.randomUUID();
+}), Bt = (e) => {
+  const t = e.id || It();
   return _e(`table-${t}`, () => {
     const o = () => {
-      const w = {};
+      const h = {};
       for (const [y, A] of i.value.entries())
         for (const [I, T] of l.value.entries())
-          w[`${y}:${I}`] = T[A.name];
-      return w;
-    }, a = (w) => {
+          h[`${y}:${I}`] = T[A.name];
+      return h;
+    }, a = (h) => {
       const y = [Object.assign({}, { rowModified: !1 })];
-      if (w && "0:0" in w)
-        return w;
+      if (h && "0:0" in h)
+        return h;
       const A = /* @__PURE__ */ new Set();
       for (let I = l.value.length - 1; I >= 0; I--) {
         const T = l.value[I];
@@ -983,29 +983,29 @@ const Nt = {
         };
       }
       return y;
-    }, i = x(e.columns), l = x(e.rows), r = x(e.config || {}), d = x(e.table || o()), s = x(a(e.display)), c = x(e.modal || { visible: !1 }), u = x({}), f = k(() => i.value.some((w) => w.pinned)), m = k(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), g = k(
+    }, i = x(e.columns), l = x(e.rows), r = x(e.config || {}), d = x(e.table || o()), s = x(a(e.display)), c = x(e.modal || { visible: !1 }), u = x({}), f = k(() => i.value.some((h) => h.pinned)), m = k(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), g = k(
       () => r.value.view ? ["list", "tree", "list-expansion"].includes(r.value.view) : !1
-    ), p = (w, y) => d.value[`${w}:${y}`], v = (w, y, A) => {
-      const I = `${w}:${y}`, T = i.value[w];
+    ), p = (h, y) => d.value[`${h}:${y}`], v = (h, y, A) => {
+      const I = `${h}:${y}`, T = i.value[h];
       d.value[I] !== A && (s.value[y].rowModified = !0), d.value[I] = A, l.value[y][T.name] = A;
-    }, h = (w, y, A) => {
-      const I = `${w}:${y}`;
+    }, w = (h, y, A) => {
+      const I = `${h}:${y}`;
       d.value[I] !== A && (s.value[y].rowModified = !0, u.value[I] = A);
-    }, E = (w) => ({
-      minWidth: w.width || "40ch",
-      textAlign: w.align || "center",
+    }, E = (h) => ({
+      minWidth: h.width || "40ch",
+      textAlign: h.align || "center",
       width: r.value.fullWidth ? "auto" : void 0
-    }), D = (w) => r.value.view !== "tree" || s.value[w].isRoot || s.value[w].open, oe = (w) => r.value.view !== "tree" ? "" : s.value[w].isRoot || s.value[w].isParent ? s.value[w].childrenOpen ? "-" : "+" : "", $ = (w) => {
+    }), W = (h) => r.value.view !== "tree" || s.value[h].isRoot || s.value[h].open, oe = (h) => r.value.view !== "tree" ? "" : s.value[h].isRoot || s.value[h].isParent ? s.value[h].childrenOpen ? "-" : "+" : "", $ = (h) => {
       if (r.value.view === "tree") {
-        s.value[w].childrenOpen = !s.value[w].childrenOpen;
+        s.value[h].childrenOpen = !s.value[h].childrenOpen;
         for (let y = l.value.length - 1; y >= 0; y--)
-          s.value[y].parent === w && (s.value[y].open = !s.value[y].open, s.value[y].childrenOpen && $(y));
-      } else r.value.view === "list-expansion" && (s.value[w].expanded = !s.value[w].expanded);
-    }, qe = (w, y) => {
-      const A = p(w, y);
-      return be(w, y, A);
-    }, be = (w, y, A) => {
-      const I = i.value[w], T = l.value[y], V = I.format;
+          s.value[y].parent === h && (s.value[y].open = !s.value[y].open, s.value[y].childrenOpen && $(y));
+      } else r.value.view === "list-expansion" && (s.value[h].expanded = !s.value[h].expanded);
+    }, qe = (h, y) => {
+      const A = p(h, y);
+      return be(h, y, A);
+    }, be = (h, y, A) => {
+      const I = i.value[h], T = l.value[y], V = I.format;
       return V ? typeof V == "function" ? V(A, { table: d.value, row: T, column: I }) : typeof V == "string" ? Function(`"use strict";return (${V})`)()(A, { table: d.value, row: T, column: I }) : A : A;
     };
     return {
@@ -1022,23 +1022,23 @@ const Nt = {
       numberedRowWidth: m,
       zeroColumn: g,
       // actions
-      closeModal: (w) => {
+      closeModal: (h) => {
         var y;
-        w.target instanceof Node && (y = c.value.parent) != null && y.contains(w.target) || c.value.visible && (c.value.visible = !1);
+        h.target instanceof Node && (y = c.value.parent) != null && y.contains(h.target) || c.value.visible && (c.value.visible = !1);
       },
       getCellData: p,
       getCellDisplayValue: qe,
       getFormattedValue: be,
       getHeaderCellStyle: E,
-      getIndent: (w, y) => y && w === 0 && y > 0 ? `${y}ch` : "inherit",
+      getIndent: (h, y) => y && h === 0 && y > 0 ? `${y}ch` : "inherit",
       getRowExpandSymbol: oe,
-      isRowVisible: D,
+      isRowVisible: W,
       setCellData: v,
-      setCellText: h,
+      setCellText: w,
       toggleRowExpand: $
     };
   })();
-}, Bt = /* @__PURE__ */ N({
+}, zt = /* @__PURE__ */ N({
   __name: "ATable",
   props: {
     id: {},
@@ -1049,7 +1049,7 @@ const Nt = {
   },
   emits: ["update:modelValue", "cellUpdate"],
   setup(e, { expose: t, emit: n }) {
-    const o = n, a = J("table"), i = e.modelValue ? e.modelValue : e.rows, l = jt({ columns: e.columns, rows: i, id: e.id, config: e.config });
+    const o = n, a = J("table"), i = e.modelValue ? e.modelValue : e.rows, l = Bt({ columns: e.columns, rows: i, id: e.id, config: e.config });
     l.$onAction(({ name: s, store: c, args: u, after: f }) => {
       if (s === "setCellData") {
         const [m, g, p] = u, v = c.getCellData(m, g);
@@ -1096,7 +1096,7 @@ const Nt = {
       style: z({ width: b(l).config.fullWidth ? "100%" : "auto" })
     }, [
       O(s.$slots, "header", { data: b(l) }, () => [
-        xe(Ye, {
+        xe(Ue, {
           columns: b(l).columns,
           store: b(l)
         }, null, 8, ["columns", "store"])
@@ -1144,30 +1144,30 @@ const Nt = {
           ]),
           _: 1
         }, 8, ["store"]), [
-          [De, b(l).modal.visible]
+          [We, b(l).modal.visible]
         ])
       ], !0)
     ], 4)), [
-      [b(Pt), b(l).closeModal]
+      [b(Wt), b(l).closeModal]
     ]);
   }
-}), zt = (e, t) => {
+}), Ft = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, a] of t)
     n[o] = a;
   return n;
-}, Ft = /* @__PURE__ */ zt(Bt, [["__scopeId", "data-v-bd5101d3"]]);
-function Jt(e) {
-  e.component("ACell", Be), e.component("AExpansionRow", Ot), e.component("ARow", ze), e.component("ATable", Ft), e.component("ATableHeader", Ye), e.component("ATableModal", Xe);
+}, Yt = /* @__PURE__ */ Ft(zt, [["__scopeId", "data-v-bd5101d3"]]);
+function Qt(e) {
+  e.component("ACell", Be), e.component("AExpansionRow", Lt), e.component("ARow", ze), e.component("ATable", Yt), e.component("ATableHeader", Ue), e.component("ATableModal", Xe);
 }
 export {
   Be as ACell,
-  Ot as AExpansionRow,
+  Lt as AExpansionRow,
   ze as ARow,
-  Ft as ATable,
-  Ye as ATableHeader,
+  Yt as ATable,
+  Ue as ATableHeader,
   Xe as ATableModal,
-  jt as createTableStore,
-  Jt as install
+  Bt as createTableStore,
+  Qt as install
 };
 //# sourceMappingURL=atable.js.map