@stonecrop/atable 0.4.2 → 0.4.4

package/dist/atable.js

@@ -1,62 +1,62 @@
-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 De(e) {
-  return Re() ? (Oe(e), !0) : !1;
+import { onMounted as G, ref as y, watch as L, onBeforeUnmount as Je, computed as k, unref as g, getCurrentScope as Le, onScopeDispose as Pe, getCurrentInstance as fe, nextTick as We, toRef as Qe, readonly as Ze, customRef as Ke, defineComponent as V, useTemplateRef as J, openBlock as C, createElementBlock as I, normalizeStyle as z, normalizeClass as F, createBlock as te, resolveDynamicComponent as De, mergeProps as me, toDisplayString as Y, Fragment as oe, createElementVNode as P, renderSlot as R, createCommentVNode as U, withDirectives as ie, vShow as He, renderList as ce, createTextVNode as _e, createVNode as Ce, withCtx as ke } from "vue";
+import { defineStore as et } from "pinia";
+import './assets/index.css';function Ne(e) {
+  return Le() ? (Pe(e), !0) : !1;
 }
-function fe(e) {
-  return typeof e == "function" ? e() : b(e);
+function ve(e) {
+  return typeof e == "function" ? e() : g(e);
 }
-const et = typeof window < "u" && typeof document < "u";
+const tt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const tt = (e) => e != null, nt = Object.prototype.toString, ot = (e) => nt.call(e) === "[object Object]", lt = () => {
-}, Q = et ? window : void 0;
+const nt = (e) => e != null, ot = Object.prototype.toString, lt = (e) => ot.call(e) === "[object Object]", rt = () => {
+}, Q = tt ? window : void 0;
 function X(e) {
   var t;
-  const n = fe(e);
+  const n = ve(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 function q(...e) {
   let t, n, o, a;
   if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, a] = e, t = Q) : [t, n, o, a] = e, !t)
-    return lt;
+    return rt;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
   const i = [], l = () => {
     i.forEach((c) => c()), i.length = 0;
-  }, r = (c, u, f, m) => (c.addEventListener(u, f, m), () => c.removeEventListener(u, f, m)), d = R(
-    () => [X(t), fe(a)],
+  }, r = (c, u, f, m) => (c.addEventListener(u, f, m), () => c.removeEventListener(u, f, m)), d = L(
+    () => [X(t), ve(a)],
     ([c, u]) => {
       if (l(), !c)
         return;
-      const f = ot(u) ? { ...u } : u;
+      const f = lt(u) ? { ...u } : u;
       i.push(
-        ...n.flatMap((m) => o.map((g) => r(c, m, g, f)))
+        ...n.flatMap((m) => o.map((x) => r(c, m, x, f)))
       );
     },
     { immediate: !0, flush: "post" }
   ), s = () => {
     d(), l();
   };
-  return De(s), s;
+  return Ne(s), s;
 }
-function rt() {
-  const e = x(!1), t = ue();
+function st() {
+  const e = y(!1), t = fe();
   return t && G(() => {
     e.value = !0;
   }, t), e;
 }
-function st(e) {
-  const t = rt();
+function at(e) {
+  const t = st();
   return k(() => (t.value, !!e()));
 }
-function at(e, t, n = {}) {
+function it(e, t, n = {}) {
   const { window: o = Q, ...a } = n;
   let i;
-  const l = st(() => o && "MutationObserver" in o), r = () => {
+  const l = at(() => o && "MutationObserver" in o), r = () => {
     i && (i.disconnect(), i = void 0);
   }, d = k(() => {
-    const f = fe(e), m = (Array.isArray(f) ? f : [f]).map(X).filter(tt);
+    const f = ve(e), m = (Array.isArray(f) ? f : [f]).map(X).filter(nt);
     return new Set(m);
-  }), s = R(
+  }), s = L(
     () => d.value,
     (f) => {
       r(), l.value && f.size && (i = new MutationObserver(t), f.forEach((m) => i.observe(m, a)));
@@ -65,13 +65,13 @@ function at(e, t, n = {}) {
   ), c = () => i == null ? void 0 : i.takeRecords(), u = () => {
     s(), r();
   };
-  return De(u), {
+  return Ne(u), {
     isSupported: l,
     stop: u,
     takeRecords: c
   };
 }
-function it(e = {}) {
+function ct(e = {}) {
   var t;
   const {
     window: n = Q,
@@ -84,12 +84,12 @@ function it(e = {}) {
       for (; c != null && c.shadowRoot; )
         c = (s = c == null ? void 0 : c.shadowRoot) == null ? void 0 : s.activeElement;
     return c;
-  }, r = x(), d = () => {
+  }, r = y(), d = () => {
     r.value = l();
   };
   return n && (q(n, "blur", (s) => {
     s.relatedTarget === null && d();
-  }, !0), q(n, "focus", d, !0)), a && at(i, (s) => {
+  }, !0), q(n, "focus", d, !0)), a && it(i, (s) => {
     s.filter((c) => c.removedNodes.length).map((c) => Array.from(c.removedNodes)).flat().forEach((c) => {
       c === r.value && d();
     });
@@ -98,13 +98,13 @@ function it(e = {}) {
     subtree: !0
   }), d(), r;
 }
-const ct = "focusin", ut = "focusout";
-function dt(e, t = {}) {
-  const { window: n = Q } = t, o = k(() => X(e)), a = x(!1), i = k(() => a.value), l = it(t);
-  return !n || !l.value ? { focused: i } : (q(o, ct, () => a.value = !0), q(o, ut, () => a.value = !1), { focused: i });
+const ut = "focusin", dt = "focusout";
+function ft(e, t = {}) {
+  const { window: n = Q } = t, o = k(() => X(e)), a = y(!1), i = k(() => a.value), l = ct(t);
+  return !n || !l.value ? { focused: i } : (q(o, ut, () => a.value = !0), q(o, dt, () => a.value = !1), { focused: i });
 }
-function ft(e, { window: t = Q, scrollTarget: n } = {}) {
-  const o = x(!1), a = () => {
+function mt(e, { window: t = Q, scrollTarget: n } = {}) {
+  const o = y(!1), a = () => {
     if (!t) return;
     const i = t.document, l = X(e);
     if (!l)
@@ -114,7 +114,7 @@ function ft(e, { window: t = Q, scrollTarget: n } = {}) {
       o.value = r.top <= (t.innerHeight || i.documentElement.clientHeight) && r.left <= (t.innerWidth || i.documentElement.clientWidth) && r.bottom >= 0 && r.right >= 0;
     }
   };
-  return R(
+  return L(
     () => X(e),
     () => a(),
     { immediate: !0, flush: "post" }
@@ -123,13 +123,13 @@ function ft(e, { window: t = Q, scrollTarget: n } = {}) {
     passive: !0
   }), o;
 }
-const L = (e) => {
-  let t = ft(e).value;
+const W = (e) => {
+  let t = mt(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, P = (e) => e.tabIndex >= 0, Ce = (e) => {
+}, D = (e) => e.tabIndex >= 0, Ae = (e) => {
   const t = e.target;
-  return me(t);
-}, me = (e) => {
+  return pe(t);
+}, pe = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
@@ -142,8 +142,8 @@ const L = (e) => {
     const o = e.previousElementSibling;
     o && (n = o);
   }
-  return n && (!P(n) || !L(n)) ? me(n) : n;
-}, mt = (e) => {
+  return n && (!D(n) || !W(n)) ? pe(n) : n;
+}, vt = (e) => {
   var t;
   const n = e.target;
   let o;
@@ -160,11 +160,11 @@ const L = (e) => {
       i && (o = i);
     }
   }
-  return o && (!P(o) || !L(o)) ? ve(o) : o;
-}, ke = (e) => {
+  return o && (!D(o) || !W(o)) ? he(o) : o;
+}, Ie = (e) => {
   const t = e.target;
-  return ve(t);
-}, ve = (e) => {
+  return he(t);
+}, he = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
@@ -177,8 +177,8 @@ const L = (e) => {
     const o = e.nextElementSibling;
     o && (n = o);
   }
-  return n && (!P(n) || !L(n)) ? ve(n) : n;
-}, vt = (e) => {
+  return n && (!D(n) || !W(n)) ? he(n) : n;
+}, pt = (e) => {
   var t;
   const n = e.target;
   let o;
@@ -195,11 +195,11 @@ const L = (e) => {
       i && (o = i);
     }
   }
-  return o && (!P(o) || !L(o)) ? me(o) : o;
-}, Ae = (e) => {
+  return o && (!D(o) || !W(o)) ? pe(o) : o;
+}, $e = (e) => {
   const t = e.target;
-  return pe(t);
-}, pe = (e) => {
+  return we(t);
+}, we = (e) => {
   var t;
   let n;
   if (e.previousElementSibling)
@@ -208,11 +208,11 @@ const L = (e) => {
     const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
     n = o == null ? void 0 : o.lastElementChild;
   }
-  return n && (!P(n) || !L(n)) ? pe(n) : n;
-}, Ie = (e) => {
+  return n && (!D(n) || !W(n)) ? we(n) : n;
+}, Se = (e) => {
   const t = e.target;
-  return he(t);
-}, he = (e) => {
+  return ge(t);
+}, ge = (e) => {
   var t;
   let n;
   if (e.nextElementSibling)
@@ -221,83 +221,83 @@ 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)) ? he(n) : n;
-}, Se = (e) => {
-  const t = e.target.parentElement, n = t == null ? void 0 : t.firstElementChild;
-  return n && (!P(n) || !L(n)) ? he(n) : n;
+  return n && (!D(n) || !W(n)) ? ge(n) : n;
 }, Te = (e) => {
+  const t = e.target.parentElement, n = t == null ? void 0 : t.firstElementChild;
+  return n && (!D(n) || !W(n)) ? ge(n) : n;
+}, Me = (e) => {
   const t = e.target.parentElement, n = t == null ? void 0 : t.lastElementChild;
-  return n && (!P(n) || !L(n)) ? pe(n) : n;
-}, K = ["alt", "control", "shift", "meta"], pt = {
+  return n && (!D(n) || !W(n)) ? we(n) : n;
+}, ee = ["alt", "control", "shift", "meta"], ht = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, we = {
+}, ye = {
   "keydown.up": (e) => {
-    const t = Ce(e);
+    const t = Ae(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
-    const t = ke(e);
+    const t = Ie(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = Ae(e);
+    const t = $e(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = Ie(e);
+    const t = Se(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = mt(e);
+    const t = vt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = vt(e);
+    const t = pt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = Se(e);
+    const t = Te(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = Te(e);
+    const t = Me(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = Te(e);
+    const t = Me(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = ke(e);
+      const t = Ie(e);
       t && t.focus();
     }
   },
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = Ce(e);
+      const t = Ae(e);
       t && t.focus();
     }
   },
   "keydown.home": (e) => {
-    const t = Se(e);
+    const t = Te(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = Ie(e);
+    const t = Se(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = Ae(e);
+    const t = $e(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
-function ge(e) {
+function be(e) {
   const t = (l) => {
     let r = null;
     return l.parent && (typeof l.parent == "string" ? r = document.querySelector(l.parent) : l.parent instanceof HTMLElement ? r = l.parent : r = l.parent.value), r;
@@ -322,28 +322,28 @@ function ge(e) {
   }, o = (l) => {
     const r = t(l);
     let d = [];
-    return l.selectors ? d = n(l) : r && (d = Array.from(r.children).filter((s) => P(s) && L(s))), d;
+    return l.selectors ? d = n(l) : r && (d = Array.from(r.children).filter((s) => D(s) && W(s))), d;
   }, a = (l) => (r) => {
-    const d = pt[r.key] || r.key.toLowerCase();
-    if (K.includes(d)) return;
-    const s = l.handlers || we;
+    const d = ht[r.key] || r.key.toLowerCase();
+    if (ee.includes(d)) return;
+    const s = l.handlers || ye;
     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 w = v.charAt(0).toUpperCase() + v.slice(1);
-          return r.getModifierState(w);
+        const m = s[c], x = f.filter((p) => ee.includes(p)), v = ee.some((p) => {
+          const E = p.charAt(0).toUpperCase() + p.slice(1);
+          return r.getModifierState(E);
         });
-        if (g.length > 0) {
-          if (p) {
-            for (const v of K)
-              if (f.includes(v)) {
-                const w = v.charAt(0).toUpperCase() + v.slice(1);
-                r.getModifierState(w) && m(r);
+        if (x.length > 0) {
+          if (v) {
+            for (const p of ee)
+              if (f.includes(p)) {
+                const E = p.charAt(0).toUpperCase() + p.slice(1);
+                r.getModifierState(E) && m(r);
               }
           }
         } else
-          p || m(r);
+          v || m(r);
       }
     }
   }, i = [];
@@ -351,64 +351,64 @@ function ge(e) {
     for (const l of e) {
       const r = t(l), d = o(l), s = a(l), c = r ? [r] : d;
       for (const u of c) {
-        const { focused: f } = dt(x(u)), m = R(f, (g) => {
-          g ? u.addEventListener("keydown", s) : u.removeEventListener("keydown", s);
+        const { focused: f } = ft(y(u)), m = L(f, (x) => {
+          x ? u.addEventListener("keydown", s) : u.removeEventListener("keydown", s);
         });
         i.push(m);
       }
     }
-  }), Ge(() => {
+  }), Je(() => {
     for (const l of i)
       l();
   });
 }
 function Z(e) {
-  return Re() ? (Oe(e), !0) : !1;
+  return Le() ? (Pe(e), !0) : !1;
 }
-function M(e) {
-  return typeof e == "function" ? e() : b(e);
+function O(e) {
+  return typeof e == "function" ? e() : g(e);
 }
-const ye = typeof window < "u" && typeof document < "u";
+const xe = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const ht = (e) => e != null, wt = Object.prototype.toString, He = (e) => wt.call(e) === "[object Object]", D = () => {
-}, ie = /* @__PURE__ */ gt();
-function gt() {
+const wt = (e) => e != null, gt = Object.prototype.toString, Ve = (e) => gt.call(e) === "[object Object]", H = () => {
+}, ue = /* @__PURE__ */ yt();
+function yt() {
   var e, t;
-  return ye && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+  return xe && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
 }
-function yt(e) {
-  return ue();
+function bt(e) {
+  return fe();
 }
-function bt(...e) {
+function xt(...e) {
   if (e.length !== 1)
-    return Je(...e);
+    return Qe(...e);
   const t = e[0];
-  return typeof t == "function" ? Qe(Ze(() => ({ get: t, set: D }))) : x(t);
+  return typeof t == "function" ? Ze(Ke(() => ({ get: t, set: H }))) : y(t);
 }
-function xt(e, t = !0, n) {
-  yt() ? G(e, n) : t ? e() : Le(e);
+function Et(e, t = !0, n) {
+  bt() ? G(e, n) : t ? e() : We(e);
 }
-const ne = ye ? window : void 0;
-function H(e) {
+const le = xe ? window : void 0;
+function N(e) {
   var t;
-  const n = M(e);
+  const n = O(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function ce(...e) {
+function de(...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 D;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, a] = e, t = le) : [t, n, o, a] = e, !t)
+    return H;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
   const i = [], l = () => {
     i.forEach((c) => c()), i.length = 0;
-  }, r = (c, u, f, m) => (c.addEventListener(u, f, m), () => c.removeEventListener(u, f, m)), d = R(
-    () => [H(t), M(a)],
+  }, r = (c, u, f, m) => (c.addEventListener(u, f, m), () => c.removeEventListener(u, f, m)), d = L(
+    () => [N(t), O(a)],
     ([c, u]) => {
       if (l(), !c)
         return;
-      const f = He(u) ? { ...u } : u;
+      const f = Ve(u) ? { ...u } : u;
       i.push(
-        ...n.flatMap((m) => o.map((g) => r(c, m, g, f)))
+        ...n.flatMap((m) => o.map((x) => r(c, m, x, f)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -417,25 +417,25 @@ function ce(...e) {
   };
   return Z(s), s;
 }
-function Et() {
-  const e = x(!1), t = ue();
+function Ct() {
+  const e = y(!1), t = fe();
   return t && G(() => {
     e.value = !0;
   }, t), e;
 }
-function Ne(e) {
-  const t = Et();
+function je(e) {
+  const t = Ct();
   return k(() => (t.value, !!e()));
 }
-function Ve(e, t, n = {}) {
-  const { window: o = ne, ...a } = n;
+function Be(e, t, n = {}) {
+  const { window: o = le, ...a } = n;
   let i;
-  const l = Ne(() => o && "MutationObserver" in o), r = () => {
+  const l = je(() => 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(ht);
+    const f = O(e), m = (Array.isArray(f) ? f : [f]).map(N).filter(wt);
     return new Set(m);
-  }), s = R(
+  }), s = L(
     () => d.value,
     (f) => {
       r(), l.value && f.size && (i = new MutationObserver(t), f.forEach((m) => i.observe(m, a)));
@@ -450,15 +450,15 @@ function Ve(e, t, n = {}) {
     takeRecords: c
   };
 }
-function Ct(e, t, n = {}) {
-  const { window: o = ne, ...a } = n;
+function kt(e, t, n = {}) {
+  const { window: o = le, ...a } = n;
   let i;
-  const l = Ne(() => o && "ResizeObserver" in o), r = () => {
+  const l = je(() => o && "ResizeObserver" in o), r = () => {
     i && (i.disconnect(), i = void 0);
   }, d = k(() => {
-    const u = M(e);
-    return Array.isArray(u) ? u.map((f) => H(f)) : [H(u)];
-  }), s = R(
+    const u = O(e);
+    return Array.isArray(u) ? u.map((f) => N(f)) : [N(u)];
+  }), s = L(
     d,
     (u) => {
       if (r(), l.value && o) {
@@ -476,30 +476,30 @@ function Ct(e, t, n = {}) {
     stop: c
   };
 }
-function je(e, t = {}) {
+function ze(e, t = {}) {
   const {
     reset: n = !0,
     windowResize: o = !0,
     windowScroll: a = !0,
     immediate: i = !0,
     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 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);
+  } = t, r = y(0), d = y(0), s = y(0), c = y(0), u = y(0), f = y(0), m = y(0), x = y(0);
+  function v() {
+    const E = N(e);
+    if (!E) {
+      n && (r.value = 0, d.value = 0, s.value = 0, c.value = 0, u.value = 0, f.value = 0, m.value = 0, x.value = 0);
       return;
     }
-    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;
+    const b = E.getBoundingClientRect();
+    r.value = b.height, d.value = b.bottom, s.value = b.left, c.value = b.right, u.value = b.top, f.value = b.width, m.value = b.x, x.value = b.y;
   }
-  function v() {
-    l === "sync" ? p() : l === "next-frame" && requestAnimationFrame(() => p());
+  function p() {
+    l === "sync" ? v() : l === "next-frame" && requestAnimationFrame(() => v());
   }
-  return Ct(e, v), R(() => H(e), (w) => !w && v()), Ve(e, v, {
+  return kt(e, p), L(() => N(e), (E) => !E && p()), Be(e, p, {
     attributeFilter: ["style", "class"]
-  }), a && ce("scroll", v, { capture: !0, passive: !0 }), o && ce("resize", v, { passive: !0 }), xt(() => {
-    i && v();
+  }), a && de("scroll", p, { capture: !0, passive: !0 }), o && de("resize", p, { passive: !0 }), Et(() => {
+    i && p();
   }), {
     height: r,
     bottom: d,
@@ -508,18 +508,18 @@ function je(e, t = {}) {
     top: u,
     width: f,
     x: m,
-    y: g,
-    update: v
+    y: x,
+    update: p
   };
 }
-function kt(e = {}) {
-  const { window: t = ne, behavior: n = "auto" } = e;
+function At(e = {}) {
+  const { window: t = le, behavior: n = "auto" } = e;
   if (!t)
     return {
-      x: x(0),
-      y: x(0)
+      x: y(0),
+      y: y(0)
     };
-  const o = x(t.scrollX), a = x(t.scrollY), i = k({
+  const o = y(t.scrollX), a = y(t.scrollY), i = k({
     get() {
       return o.value;
     },
@@ -534,7 +534,7 @@ function kt(e = {}) {
       scrollTo({ top: r, behavior: n });
     }
   });
-  return ce(
+  return de(
     t,
     "scroll",
     () => {
@@ -546,10 +546,10 @@ function kt(e = {}) {
     }
   ), { x: i, y: l };
 }
-const At = (e) => {
+const It = (e) => {
   const t = new DOMParser().parseFromString(e, "text/html");
   return Array.from(t.body.childNodes).some((n) => n.nodeType === 1);
-}, 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({
+}, $t = (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"], Mt = { key: 2 }, Fe = /* @__PURE__ */ V({
   __name: "ACell",
   props: {
     colIndex: {},
@@ -557,75 +557,77 @@ const At = (e) => {
     store: {},
     addNavigation: { type: [Boolean, Object], default: !0 },
     tabIndex: { default: 0 },
-    pinned: { type: Boolean }
+    pinned: { type: Boolean, default: !1 }
   },
   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 w;
+    const n = t, o = J("cell"), a = e.store.getCellData(e.colIndex, e.rowIndex), i = y(""), l = y(!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" ? It(u.value) : !1), m = k(() => {
+      var b;
       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, (w = e.store.display[e.rowIndex]) == null ? void 0 : w.indent)
+        paddingLeft: e.store.getIndent(e.colIndex, (b = e.store.display[e.rowIndex]) == null ? void 0 : b.indent)
       };
-    }), g = () => {
-      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 = 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;
+    }), x = k(() => ({
+      "sticky-column": e.pinned,
+      "cell-modified": l.value
+    })), v = () => {
+      const { left: b, bottom: S, width: re, height: _ } = ze(o);
+      r.mask, r.modalComponent && e.store.$patch((M) => {
+        M.modal.visible = !0, M.modal.colIndex = e.colIndex, M.modal.rowIndex = e.rowIndex, M.modal.left = b, M.modal.bottom = S, M.modal.width = re, M.modal.height = _, typeof r.modalComponent == "function" ? M.modal.component = r.modalComponent({ table: M.table, row: d, column: r }) : M.modal.component = r.modalComponent, M.modal.componentProps = r.modalComponentExtraProps;
       });
     };
     if (e.addNavigation) {
-      let w = {
-        ...we,
-        "keydown.f2": g,
-        "keydown.alt.up": g,
-        "keydown.alt.down": g,
-        "keydown.alt.left": g,
-        "keydown.alt.right": g
+      let b = {
+        ...ye,
+        "keydown.f2": v,
+        "keydown.alt.up": v,
+        "keydown.alt.down": v,
+        "keydown.alt.left": v,
+        "keydown.alt.right": v
       };
-      typeof e.addNavigation == "object" && (w = {
-        ...w,
+      typeof e.addNavigation == "object" && (b = {
+        ...b,
         ...e.addNavigation
-      }), ge([
+      }), be([
         {
           selectors: o,
-          handlers: w
+          handlers: b
         }
       ]);
     }
     const p = () => {
       o.value && (i.value = o.value.textContent);
-    }, 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)));
+    }, E = (b) => {
+      const S = b.target;
+      S.textContent !== i.value && (n("cellInput", e.colIndex, e.rowIndex, S.textContent, i.value), i.value = S.textContent, r.format ? (l.value = S.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, a), e.store.setCellText(e.colIndex, e.rowIndex, S.textContent)) : (l.value = S.textContent !== a, e.store.setCellData(e.colIndex, e.rowIndex, S.textContent)));
     };
-    return (w, E) => (C(), S("td", {
+    return (b, S) => (C(), I("td", {
       ref: "cell",
-      "data-colindex": w.colIndex,
-      "data-rowindex": w.rowIndex,
-      "data-editable": b(r).edit,
-      contenteditable: b(r).edit,
-      tabindex: w.tabIndex,
+      "data-colindex": b.colIndex,
+      "data-rowindex": b.rowIndex,
+      "data-editable": g(r).edit,
+      contenteditable: g(r).edit,
+      tabindex: b.tabIndex,
       spellcheck: !1,
       style: z(m.value),
       onFocus: p,
-      onPaste: v,
-      onInput: v,
-      onClick: g,
-      class: F(["atable-cell", w.pinned ? "sticky-column" : ""])
+      onPaste: E,
+      onInput: E,
+      onClick: v,
+      class: F(["atable-cell", x.value])
     }, [
-      b(r).cellComponent ? (C(), _(Pe(b(r).cellComponent), de({
+      g(r).cellComponent ? (C(), te(De(g(r).cellComponent), me({
         key: 0,
         value: u.value
-      }, b(r).cellComponentProps), null, 16, ["value"])) : f.value ? (C(), S("span", {
+      }, g(r).cellComponentProps), null, 16, ["value"])) : f.value ? (C(), I("span", {
         key: 1,
         innerHTML: u.value
-      }, null, 8, Tt)) : (C(), S("span", $t, Y(u.value), 1))
+      }, null, 8, Tt)) : (C(), I("span", Mt, Y(u.value), 1))
     ], 46, St));
   }
-}), Mt = ["tabindex"], Rt = ["tabindex"], Ot = ["colspan"], Lt = /* @__PURE__ */ N({
+}), Rt = ["tabindex"], Ot = ["tabindex"], Lt = ["colspan"], Pt = /* @__PURE__ */ V({
   __name: "AExpansionRow",
   props: {
     rowIndex: {},
@@ -641,43 +643,48 @@ const At = (e) => {
           a.stopPropagation(), a.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
         }
       };
-      typeof e.addNavigation == "object" && Object.assign(o, e.addNavigation), ge([
+      typeof e.addNavigation == "object" && Object.assign(o, e.addNavigation), be([
         {
           selectors: t,
           handlers: o
         }
       ]);
     }
-    return (o, a) => (C(), S(te, null, [
-      B("tr", de(o.$attrs, {
+    return (o, a) => (C(), I(oe, null, [
+      P("tr", me(o.$attrs, {
         ref: "rowEl",
         tabindex: o.tabIndex,
         class: "expandable-row"
       }), [
-        B("td", {
+        P("td", {
           tabIndex: -1,
           onClick: a[0] || (a[0] = (i) => o.store.toggleRowExpand(o.rowIndex)),
           class: "row-index"
         }, Y(n.value), 1),
-        O(o.$slots, "row")
-      ], 16, Mt),
-      o.store.display[o.rowIndex].expanded ? (C(), S("tr", {
+        R(o.$slots, "row", {}, void 0, !0)
+      ], 16, Rt),
+      o.store.display[o.rowIndex].expanded ? (C(), I("tr", {
         key: 0,
         ref: "rowExpanded",
         tabindex: o.tabIndex,
         class: "expanded-row"
       }, [
-        B("td", {
+        P("td", {
           tabIndex: -1,
           colspan: o.store.columns.length + 1,
           class: "expanded-row-content"
         }, [
-          O(o.$slots, "content")
-        ], 8, Ot)
-      ], 8, Rt)) : U("", !0)
+          R(o.$slots, "content", {}, void 0, !0)
+        ], 8, Lt)
+      ], 8, Ot)) : U("", !0)
     ], 64));
   }
-}), Pt = ["tabindex"], ze = /* @__PURE__ */ N({
+}), K = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, a] of t)
+    n[o] = a;
+  return n;
+}, Wt = /* @__PURE__ */ K(Pt, [["__scopeId", "data-v-60affd71"]]), Dt = ["tabindex"], Ht = /* @__PURE__ */ V({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -688,60 +695,60 @@ 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 = we;
+      let a = ye;
       typeof e.addNavigation == "object" && (a = {
         ...a,
         ...e.addNavigation
-      }), ge([
+      }), be([
         {
           selectors: t,
           handlers: a
         }
       ]);
     }
-    return (a, i) => se((C(), S("tr", {
+    return (a, i) => ie((C(), I("tr", {
       ref: "rowEl",
       tabindex: a.tabIndex,
-      class: "table-row"
+      class: "atable-row"
     }, [
-      a.store.config.view !== "uncounted" ? O(a.$slots, "index", { key: 0 }, () => [
-        a.store.config.view === "list" ? (C(), S("td", {
+      a.store.config.view !== "uncounted" ? R(a.$slots, "index", { key: 0 }, () => [
+        a.store.config.view === "list" ? (C(), I("td", {
           key: 0,
           tabIndex: -1,
           class: F(["list-index", a.store.hasPinnedColumns ? "sticky-index" : ""])
-        }, Y(a.rowIndex + 1), 3)) : a.store.config.view === "tree" ? (C(), S("td", {
+        }, Y(a.rowIndex + 1), 3)) : a.store.config.view === "tree" ? (C(), I("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))
         }, Y(o.value), 3)) : U("", !0)
-      ]) : U("", !0),
-      O(a.$slots, "default")
-    ], 8, Pt)), [
-      [We, n.value]
+      ], !0) : U("", !0),
+      R(a.$slots, "default", {}, void 0, !0)
+    ], 8, Dt)), [
+      [He, n.value]
     ]);
   }
-}), Fe = ye ? window : void 0;
-function j(e) {
+}), Ye = /* @__PURE__ */ K(Ht, [["__scopeId", "data-v-e02365ea"]]), Ue = xe ? window : void 0;
+function B(e) {
   var t;
-  const n = M(e);
+  const n = O(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function ee(...e) {
+function ne(...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 D;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, a] = e, t = Ue) : [t, n, o, a] = e, !t)
+    return H;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
   const i = [], l = () => {
     i.forEach((c) => c()), i.length = 0;
-  }, r = (c, u, f, m) => (c.addEventListener(u, f, m), () => c.removeEventListener(u, f, m)), d = R(
-    () => [j(t), M(a)],
+  }, r = (c, u, f, m) => (c.addEventListener(u, f, m), () => c.removeEventListener(u, f, m)), d = L(
+    () => [B(t), O(a)],
     ([c, u]) => {
       if (l(), !c)
         return;
-      const f = He(u) ? { ...u } : u;
+      const f = Ve(u) ? { ...u } : u;
       i.push(
-        ...n.flatMap((m) => o.map((g) => r(c, m, g, f)))
+        ...n.flatMap((m) => o.map((x) => r(c, m, x, f)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -750,99 +757,99 @@ function ee(...e) {
   };
   return Z(s), s;
 }
-let $e = !1;
-function Me(e, t, n = {}) {
-  const { window: o = Fe, ignore: a = [], capture: i = !0, detectIframe: l = !1 } = n;
+let Re = !1;
+function Oe(e, t, n = {}) {
+  const { window: o = Ue, ignore: a = [], capture: i = !0, detectIframe: l = !1 } = n;
   if (!o)
-    return D;
-  ie && !$e && ($e = !0, Array.from(o.document.body.children).forEach((p) => p.addEventListener("click", D)), o.document.documentElement.addEventListener("click", D));
+    return H;
+  ue && !Re && (Re = !0, Array.from(o.document.body.children).forEach((v) => v.addEventListener("click", H)), o.document.documentElement.addEventListener("click", H));
   let r = !0;
-  const d = (p) => M(a).some((v) => {
-    if (typeof v == "string")
-      return Array.from(o.document.querySelectorAll(v)).some((w) => w === p.target || p.composedPath().includes(w));
+  const d = (v) => O(a).some((p) => {
+    if (typeof p == "string")
+      return Array.from(o.document.querySelectorAll(p)).some((E) => E === v.target || v.composedPath().includes(E));
     {
-      const w = j(v);
-      return w && (p.target === w || p.composedPath().includes(w));
+      const E = B(p);
+      return E && (v.target === E || v.composedPath().includes(E));
     }
   });
-  function s(p) {
-    const v = M(p);
-    return v && v.$.subTree.shapeFlag === 16;
+  function s(v) {
+    const p = O(v);
+    return p && p.$.subTree.shapeFlag === 16;
   }
-  function c(p, v) {
-    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));
+  function c(v, p) {
+    const E = O(v), b = E.$.subTree && E.$.subTree.children;
+    return b == null || !Array.isArray(b) ? !1 : b.some((S) => S.el === p.target || p.composedPath().includes(S.el));
   }
-  const u = (p) => {
-    const v = j(e);
-    if (p.target != null && !(!(v instanceof Element) && s(e) && c(e, p)) && !(!v || v === p.target || p.composedPath().includes(v))) {
-      if (p.detail === 0 && (r = !d(p)), !r) {
+  const u = (v) => {
+    const p = B(e);
+    if (v.target != null && !(!(p instanceof Element) && s(e) && c(e, v)) && !(!p || p === v.target || v.composedPath().includes(p))) {
+      if (v.detail === 0 && (r = !d(v)), !r) {
         r = !0;
         return;
       }
-      t(p);
+      t(v);
     }
   };
   let f = !1;
   const m = [
-    ee(o, "click", (p) => {
+    ne(o, "click", (v) => {
       f || (f = !0, setTimeout(() => {
         f = !1;
-      }, 0), u(p));
+      }, 0), u(v));
     }, { passive: !0, capture: i }),
-    ee(o, "pointerdown", (p) => {
-      const v = j(e);
-      r = !d(p) && !!(v && !p.composedPath().includes(v));
+    ne(o, "pointerdown", (v) => {
+      const p = B(e);
+      r = !d(v) && !!(p && !v.composedPath().includes(p));
     }, { passive: !0 }),
-    l && ee(o, "blur", (p) => {
+    l && ne(o, "blur", (v) => {
       setTimeout(() => {
-        var v;
-        const w = j(e);
-        ((v = o.document.activeElement) == null ? void 0 : v.tagName) === "IFRAME" && !(w != null && w.contains(o.document.activeElement)) && t(p);
+        var p;
+        const E = B(e);
+        ((p = o.document.activeElement) == null ? void 0 : p.tagName) === "IFRAME" && !(E != null && E.contains(o.document.activeElement)) && t(v);
       }, 0);
     })
   ].filter(Boolean);
-  return () => m.forEach((p) => p());
+  return () => m.forEach((v) => v());
 }
-const Wt = {
+const Nt = {
   mounted(e, t) {
     const n = !t.modifiers.bubble;
     if (typeof t.value == "function")
-      e.__onClickOutside_stop = Me(e, t.value, { capture: n });
+      e.__onClickOutside_stop = Oe(e, t.value, { capture: n });
     else {
       const [o, a] = t.value;
-      e.__onClickOutside_stop = Me(e, o, Object.assign({ capture: n }, a));
+      e.__onClickOutside_stop = Oe(e, o, Object.assign({ capture: n }, a));
     }
   },
   unmounted(e) {
     e.__onClickOutside_stop();
   }
 };
-function le(e) {
+function se(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
-function Ye(e) {
+function Xe(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 : Ye(n);
+    return !n || n.tagName === "BODY" ? !1 : Xe(n);
   }
 }
-function Dt(e) {
+function Vt(e) {
   const t = e || window.event, n = t.target;
-  return Ye(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
+  return Xe(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
-const re = /* @__PURE__ */ new WeakMap();
-function Ht(e, t = !1) {
-  const n = x(t);
+const ae = /* @__PURE__ */ new WeakMap();
+function jt(e, t = !1) {
+  const n = y(t);
   let o = null, a = "";
-  R(bt(e), (r) => {
-    const d = le(M(r));
+  L(xt(e), (r) => {
+    const d = se(O(r));
     if (d) {
       const s = d;
-      if (re.get(s) || re.set(s, s.style.overflow), s.style.overflow !== "hidden" && (a = s.style.overflow), s.style.overflow === "hidden")
+      if (ae.get(s) || ae.set(s, s.style.overflow), s.style.overflow !== "hidden" && (a = s.style.overflow), s.style.overflow === "hidden")
         return n.value = !0;
       if (n.value)
         return s.style.overflow = "hidden";
@@ -851,18 +858,18 @@ function Ht(e, t = !1) {
     immediate: !0
   });
   const i = () => {
-    const r = le(M(e));
-    !r || n.value || (ie && (o = ee(
+    const r = se(O(e));
+    !r || n.value || (ue && (o = ne(
       r,
       "touchmove",
       (d) => {
-        Dt(d);
+        Vt(d);
       },
       { passive: !1 }
     )), r.style.overflow = "hidden", n.value = !0);
   }, l = () => {
-    const r = le(M(e));
-    !r || !n.value || (ie && (o == null || o()), r.style.overflow = a, re.delete(r), n.value = !1);
+    const r = se(O(e));
+    !r || !n.value || (ue && (o == null || o()), r.style.overflow = a, ae.delete(r), n.value = !1);
   };
   return Z(l), k({
     get() {
@@ -873,34 +880,34 @@ function Ht(e, t = !1) {
     }
   });
 }
-function Nt() {
+function Bt() {
   let e = !1;
-  const t = x(!1);
+  const t = y(!1);
   return (n, o) => {
     if (t.value = o.value, e)
       return;
     e = !0;
-    const a = Ht(n, o.value);
-    R(t, (i) => a.value = i);
+    const a = jt(n, o.value);
+    L(t, (i) => a.value = i);
   };
 }
-Nt();
-const Vt = {
+Bt();
+const zt = {
   key: 0,
   id: "resizable"
-}, jt = {
+}, Ft = {
   class: "atable-header-row",
   tabindex: "-1"
-}, Ue = /* @__PURE__ */ N({
+}, qe = /* @__PURE__ */ V({
   __name: "ATableHeader",
   props: {
     columns: {},
     store: {}
   },
   setup(e) {
-    return (t, n) => t.columns.length ? (C(), S("thead", Vt, [
-      B("tr", jt, [
-        t.store.zeroColumn ? (C(), S("th", {
+    return (t, n) => t.columns.length ? (C(), I("thead", zt, [
+      P("tr", Ft, [
+        t.store.zeroColumn ? (C(), I("th", {
           key: 0,
           id: "header-index",
           class: F([[
@@ -909,26 +916,26 @@ const Vt = {
             t.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
         }, null, 2)) : U("", !0),
-        (C(!0), S(te, null, ae(t.columns, (o, a) => (C(), S("th", {
+        (C(!0), I(oe, null, ce(t.columns, (o, a) => (C(), I("th", {
           key: o.name,
           tabindex: "-1",
           style: z(t.store.getHeaderCellStyle(o)),
           class: F(o.pinned ? "sticky-column" : "")
         }, [
-          O(t.$slots, "default", {}, () => [
-            Ke(Y(o.label || String.fromCharCode(a + 97).toUpperCase()), 1)
+          R(t.$slots, "default", {}, () => [
+            _e(Y(o.label || String.fromCharCode(a + 97).toUpperCase()), 1)
           ])
         ], 6))), 128))
       ])
     ])) : U("", !0);
   }
-}), Xe = /* @__PURE__ */ N({
+}), Ge = /* @__PURE__ */ V({
   __name: "ATableModal",
   props: {
     store: {}
   },
   setup(e) {
-    const t = J("amodal"), { width: n, height: o } = je(t), { y: a } = kt(), i = k(() => {
+    const t = J("amodal"), { width: n, height: o } = ze(t), { y: a } = At(), i = k(() => {
       if (!(e.store.modal.height && e.store.modal.width && e.store.modal.left && e.store.modal.bottom)) return;
       const r = document.body, d = document.documentElement, s = Math.max(
         r.scrollHeight,
@@ -944,7 +951,7 @@ const Vt = {
     }), l = (r) => {
       r.stopPropagation();
     };
-    return (r, d) => (C(), S("div", {
+    return (r, d) => (C(), I("div", {
       class: "amodal",
       ref: "amodal",
       tabindex: "-1",
@@ -952,61 +959,61 @@ const Vt = {
       onInput: l,
       style: z(i.value)
     }, [
-      O(r.$slots, "default")
+      R(r.$slots, "default")
     ], 36));
   }
-}), Bt = (e) => {
-  const t = e.id || It();
-  return _e(`table-${t}`, () => {
+}), Yt = (e) => {
+  const t = e.id || $t();
+  return et(`table-${t}`, () => {
     const o = () => {
       const h = {};
-      for (const [y, A] of i.value.entries())
-        for (const [I, T] of l.value.entries())
-          h[`${y}:${I}`] = T[A.name];
+      for (const [w, A] of i.value.entries())
+        for (const [$, T] of l.value.entries())
+          h[`${w}:${$}`] = T[A.name];
       return h;
     }, a = (h) => {
-      const y = [Object.assign({}, { rowModified: !1 })];
+      const w = [Object.assign({}, { rowModified: !1 })];
       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];
-        T.parent && A.add(T.parent), y[I] = {
+      for (let $ = l.value.length - 1; $ >= 0; $--) {
+        const T = l.value[$];
+        T.parent && A.add(T.parent), w[$] = {
           childrenOpen: !1,
           expanded: !1,
           indent: T.indent || 0,
-          isParent: A.has(I),
+          isParent: A.has($),
           isRoot: T.parent === null || T.parent === void 0,
           rowModified: !1,
           open: T.parent === null || T.parent === void 0,
           parent: T.parent
         };
       }
-      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((h) => h.pinned)), m = k(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), g = k(
+      return w;
+    }, i = y(e.columns), l = y(e.rows), r = y(e.config || {}), d = y(e.table || o()), s = y(a(e.display)), c = y(e.modal || { visible: !1 }), u = y({}), f = k(() => i.value.some((h) => h.pinned)), m = k(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), x = k(
       () => r.value.view ? ["list", "tree", "list-expansion"].includes(r.value.view) : !1
-    ), 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;
-    }, w = (h, y, A) => {
-      const I = `${h}:${y}`;
-      d.value[I] !== A && (s.value[y].rowModified = !0, u.value[I] = A);
-    }, E = (h) => ({
+    ), v = (h, w) => d.value[`${h}:${w}`], p = (h, w, A) => {
+      const $ = `${h}:${w}`, T = i.value[h];
+      d.value[$] !== A && (s.value[w].rowModified = !0), d.value[$] = A, l.value[w][T.name] = A;
+    }, E = (h, w, A) => {
+      const $ = `${h}:${w}`;
+      d.value[$] !== A && (s.value[w].rowModified = !0, u.value[$] = A);
+    }, b = (h) => ({
       minWidth: h.width || "40ch",
       textAlign: h.align || "center",
       width: r.value.fullWidth ? "auto" : void 0
-    }), 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) => {
+    }), S = (h) => r.value.view !== "tree" || s.value[h].isRoot || s.value[h].open, re = (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[h].childrenOpen = !s.value[h].childrenOpen;
-        for (let y = l.value.length - 1; y >= 0; y--)
-          s.value[y].parent === h && (s.value[y].open = !s.value[y].open, s.value[y].childrenOpen && $(y));
+        for (let w = l.value.length - 1; w >= 0; w--)
+          s.value[w].parent === h && (s.value[w].open = !s.value[w].open, s.value[w].childrenOpen && _(w));
       } 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;
+    }, M = (h, w) => {
+      const A = v(h, w);
+      return Ee(h, w, A);
+    }, Ee = (h, w, A) => {
+      const $ = i.value[h], T = l.value[w], j = $.format;
+      return j ? typeof j == "function" ? j(A, { table: d.value, row: T, column: $ }) : typeof j == "string" ? Function(`"use strict";return (${j})`)()(A, { table: d.value, row: T, column: $ }) : A : A;
     };
     return {
       // state
@@ -1020,25 +1027,25 @@ const Vt = {
       // getters
       hasPinnedColumns: f,
       numberedRowWidth: m,
-      zeroColumn: g,
+      zeroColumn: x,
       // actions
       closeModal: (h) => {
-        var y;
-        h.target instanceof Node && (y = c.value.parent) != null && y.contains(h.target) || c.value.visible && (c.value.visible = !1);
+        var w;
+        h.target instanceof Node && (w = c.value.parent) != null && w.contains(h.target) || c.value.visible && (c.value.visible = !1);
       },
-      getCellData: p,
-      getCellDisplayValue: qe,
-      getFormattedValue: be,
-      getHeaderCellStyle: E,
-      getIndent: (h, y) => y && h === 0 && y > 0 ? `${y}ch` : "inherit",
-      getRowExpandSymbol: oe,
-      isRowVisible: W,
-      setCellData: v,
-      setCellText: w,
-      toggleRowExpand: $
+      getCellData: v,
+      getCellDisplayValue: M,
+      getFormattedValue: Ee,
+      getHeaderCellStyle: b,
+      getIndent: (h, w) => w && h === 0 && w > 0 ? `${w}ch` : "inherit",
+      getRowExpandSymbol: re,
+      isRowVisible: S,
+      setCellData: p,
+      setCellText: E,
+      toggleRowExpand: _
     };
   })();
-}, zt = /* @__PURE__ */ N({
+}, Ut = /* @__PURE__ */ V({
   __name: "ATable",
   props: {
     id: {},
@@ -1049,80 +1056,80 @@ const Vt = {
   },
   emits: ["update:modelValue", "cellUpdate"],
   setup(e, { expose: t, emit: n }) {
-    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 });
+    const o = n, a = J("table"), i = e.modelValue ? e.modelValue : e.rows, l = Yt({ 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);
+        const [m, x, v] = u, p = c.getCellData(m, x);
         f(() => {
-          o("cellUpdate", m, g, p, v);
+          o("cellUpdate", m, x, v, p);
         });
       }
-    }), R(
+    }), L(
       () => l.rows,
       (s) => {
         o("update:modelValue", s);
       },
       { deep: !0 }
     ), G(() => {
-      e.columns.some((s) => s.pinned) && (d(), l.config.view === "tree" && Ve(a, d, { childList: !0, subtree: !0 }));
+      e.columns.some((s) => s.pinned) && (d(), l.config.view === "tree" && Be(a, d, { childList: !0, subtree: !0 }));
     });
     const r = (s, c, u, f) => {
       o("cellUpdate", s, c, u, f);
     }, d = () => {
       const s = a.value, c = s == null ? void 0 : s.rows[0], u = s == null ? void 0 : s.rows[1], f = c ? Array.from(c.cells) : [];
-      for (const [m, g] of f.entries()) {
-        const p = u == null ? void 0 : u.cells[m];
-        p && (g.style.width = `${p.offsetWidth}px`);
+      for (const [m, x] of f.entries()) {
+        const v = u == null ? void 0 : u.cells[m];
+        v && (x.style.width = `${v.offsetWidth}px`);
       }
       for (const m of (s == null ? void 0 : s.rows) || []) {
-        let g = 0;
-        const p = [];
-        for (const v of m.cells)
-          (v.classList.contains("sticky-column") || v.classList.contains("sticky-index")) && (v.style.left = `${g}px`, g += v.offsetWidth, p.push(v));
-        p.length > 0 && p[p.length - 1].classList.add("sticky-column-edge");
+        let x = 0;
+        const v = [];
+        for (const p of m.cells)
+          (p.classList.contains("sticky-column") || p.classList.contains("sticky-index")) && (p.style.left = `${x}px`, x += p.offsetWidth, v.push(p));
+        v.length > 0 && v[v.length - 1].classList.add("sticky-column-edge");
       }
     };
     return window.addEventListener("keydown", (s) => {
       if (s.key === "Escape" && l.modal.visible) {
         l.modal.visible = !1;
         const c = l.modal.parent;
-        c && Le().then(() => {
+        c && We().then(() => {
           c.focus();
         });
       }
-    }), t({ store: l }), (s, c) => se((C(), S("table", {
+    }), t({ store: l }), (s, c) => ie((C(), I("table", {
       ref: "table",
       class: "atable",
-      style: z({ width: b(l).config.fullWidth ? "100%" : "auto" })
+      style: z({ width: g(l).config.fullWidth ? "100%" : "auto" })
     }, [
-      O(s.$slots, "header", { data: b(l) }, () => [
-        xe(Ue, {
-          columns: b(l).columns,
-          store: b(l)
+      R(s.$slots, "header", { data: g(l) }, () => [
+        Ce(qe, {
+          columns: g(l).columns,
+          store: g(l)
         }, null, 8, ["columns", "store"])
       ], !0),
-      B("tbody", null, [
-        O(s.$slots, "body", { data: b(l) }, () => [
-          (C(!0), S(te, null, ae(b(l).rows, (u, f) => (C(), _(ze, {
+      P("tbody", null, [
+        R(s.$slots, "body", { data: g(l) }, () => [
+          (C(!0), I(oe, null, ce(g(l).rows, (u, f) => (C(), te(Ye, {
             key: u.id,
             row: u,
             rowIndex: f,
-            store: b(l)
+            store: g(l)
           }, {
-            default: Ee(() => [
-              (C(!0), S(te, null, ae(b(l).columns, (m, g) => (C(), _(Be, {
+            default: ke(() => [
+              (C(!0), I(oe, null, ce(g(l).columns, (m, x) => (C(), te(Fe, {
                 key: m.name,
-                store: b(l),
+                store: g(l),
                 col: m,
                 spellcheck: "false",
                 pinned: m.pinned,
                 rowIndex: f,
-                colIndex: g,
+                colIndex: x,
                 component: m.cellComponent,
                 style: z({
                   textAlign: (m == null ? void 0 : m.align) || "center",
                   minWidth: (m == null ? void 0 : m.width) || "40ch",
-                  width: b(l).config.fullWidth ? "auto" : null
+                  width: g(l).config.fullWidth ? "auto" : null
                 }),
                 onCellInput: r
               }, null, 8, ["store", "col", "pinned", "rowIndex", "colIndex", "component", "style"]))), 128))
@@ -1131,43 +1138,58 @@ const Vt = {
           }, 1032, ["row", "rowIndex", "store"]))), 128))
         ], !0)
       ]),
-      O(s.$slots, "footer", { data: b(l) }, void 0, !0),
-      O(s.$slots, "modal", { data: b(l) }, () => [
-        se(xe(Xe, { store: b(l) }, {
-          default: Ee(() => [
-            (C(), _(Pe(b(l).modal.component), de({
-              key: `${b(l).modal.rowIndex}:${b(l).modal.colIndex}`,
-              colIndex: b(l).modal.colIndex,
-              rowIndex: b(l).modal.rowIndex,
-              store: b(l)
-            }, b(l).modal.componentProps), null, 16, ["colIndex", "rowIndex", "store"]))
+      R(s.$slots, "footer", { data: g(l) }, void 0, !0),
+      R(s.$slots, "modal", { data: g(l) }, () => [
+        ie(Ce(Ge, { store: g(l) }, {
+          default: ke(() => [
+            (C(), te(De(g(l).modal.component), me({
+              key: `${g(l).modal.rowIndex}:${g(l).modal.colIndex}`,
+              colIndex: g(l).modal.colIndex,
+              rowIndex: g(l).modal.rowIndex,
+              store: g(l)
+            }, g(l).modal.componentProps), null, 16, ["colIndex", "rowIndex", "store"]))
           ]),
           _: 1
         }, 8, ["store"]), [
-          [We, b(l).modal.visible]
+          [He, g(l).modal.visible]
         ])
       ], !0)
     ], 4)), [
-      [b(Wt), b(l).closeModal]
+      [g(Nt), g(l).closeModal]
     ]);
   }
-}), Ft = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [o, a] of t)
-    n[o] = a;
-  return n;
-}, 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);
+}), Xt = /* @__PURE__ */ K(Ut, [["__scopeId", "data-v-bd5101d3"]]), qt = {}, Gt = { class: "aloading" }, Jt = { class: "aloading-header" };
+function Qt(e, t) {
+  return C(), I("div", Gt, [
+    P("h2", Jt, [
+      R(e.$slots, "default", {}, void 0, !0)
+    ]),
+    t[0] || (t[0] = P("div", { class: "aloading-bar" }, null, -1))
+  ]);
+}
+const Zt = /* @__PURE__ */ K(qt, [["render", Qt], ["__scopeId", "data-v-a930a25b"]]), Kt = {}, _t = { class: "aloading" }, en = { class: "aloading-header" };
+function tn(e, t) {
+  return C(), I("div", _t, [
+    P("h2", en, [
+      R(e.$slots, "default", {}, void 0, !0)
+    ]),
+    t[0] || (t[0] = P("div", { class: "aloading-bar" }, null, -1))
+  ]);
+}
+const nn = /* @__PURE__ */ K(Kt, [["render", tn], ["__scopeId", "data-v-e1165876"]]);
+function cn(e) {
+  e.component("ACell", Fe), e.component("AExpansionRow", Wt), e.component("ARow", Ye), e.component("ATable", Xt), e.component("ATableHeader", qe), e.component("ATableLoading", Zt), e.component("ATableLoadingBar", nn), e.component("ATableModal", Ge);
 }
 export {
-  Be as ACell,
-  Lt as AExpansionRow,
-  ze as ARow,
-  Yt as ATable,
-  Ue as ATableHeader,
-  Xe as ATableModal,
-  Bt as createTableStore,
-  Qt as install
+  Fe as ACell,
+  Wt as AExpansionRow,
+  Ye as ARow,
+  Xt as ATable,
+  qe as ATableHeader,
+  Zt as ATableLoading,
+  nn as ATableLoadingBar,
+  Ge as ATableModal,
+  Yt as createTableStore,
+  cn as install
 };
 //# sourceMappingURL=atable.js.map