@stonecrop/atable 0.3.7 → 0.3.8

package/dist/atable.js

@@ -1,10 +1,10 @@
-import { onMounted as X, ref as x, watch as R, onBeforeUnmount as Xe, computed as $, unref as h, getCurrentScope as Re, onScopeDispose as Oe, getCurrentInstance as ae, 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 ie, toDisplayString as U, Fragment as te, createElementVNode as B, renderSlot as L, createCommentVNode as q, withDirectives as le, vShow as De, renderList as re, createTextVNode as Ke, createVNode as be, withCtx as xe } from "vue";
+import { onMounted as X, ref as x, watch as R, onBeforeUnmount as Xe, computed as I, unref as g, getCurrentScope as Re, onScopeDispose as Oe, getCurrentInstance as ae, nextTick as Le, toRef as Je, readonly as Qe, customRef as Ze, defineComponent as N, useTemplateRef as J, openBlock as C, createElementBlock as T, normalizeStyle as z, normalizeClass as F, createBlock as _, resolveDynamicComponent as Pe, mergeProps as ie, toDisplayString as U, Fragment as te, createElementVNode as B, renderSlot as L, createCommentVNode as q, withDirectives as le, vShow as De, renderList as re, createTextVNode as Ke, createVNode as be, withCtx as xe } from "vue";
 import { defineStore as _e } from "pinia";
 import './assets/index.css';function He(e) {
   return Re() ? (Oe(e), !0) : !1;
 }
 function ce(e) {
-  return typeof e == "function" ? e() : h(e);
+  return typeof e == "function" ? e() : g(e);
 }
 const et = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -12,29 +12,29 @@ const tt = (e) => e != null, nt = Object.prototype.toString, ot = (e) => nt.call
 }, Q = et ? window : void 0;
 function G(e) {
   var t;
-  const o = ce(e);
-  return (t = o == null ? void 0 : o.$el) != null ? t : o;
+  const n = ce(e);
+  return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 function Y(...e) {
-  let t, o, n, s;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([o, n, s] = e, t = Q) : [t, o, n, s] = e, !t)
+  let t, n, o, s;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, s] = e, t = Q) : [t, n, o, s] = e, !t)
     return lt;
-  Array.isArray(o) || (o = [o]), Array.isArray(n) || (n = [n]);
-  const a = [], l = () => {
-    a.forEach((c) => c()), a.length = 0;
-  }, i = (c, d, f, m) => (c.addEventListener(d, f, m), () => c.removeEventListener(d, f, m)), u = R(
+  Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
+  const c = [], l = () => {
+    c.forEach((a) => a()), c.length = 0;
+  }, i = (a, u, d, f) => (a.addEventListener(u, d, f), () => a.removeEventListener(u, d, f)), m = R(
     () => [G(t), ce(s)],
-    ([c, d]) => {
-      if (l(), !c)
+    ([a, u]) => {
+      if (l(), !a)
         return;
-      const f = ot(d) ? { ...d } : d;
-      a.push(
-        ...o.flatMap((m) => n.map((b) => i(c, m, b, f)))
+      const d = ot(u) ? { ...u } : u;
+      c.push(
+        ...n.flatMap((f) => o.map((b) => i(a, f, b, d)))
       );
     },
     { immediate: !0, flush: "post" }
   ), r = () => {
-    u(), l();
+    m(), l();
   };
   return He(r), r;
 }
@@ -46,82 +46,82 @@ function rt() {
 }
 function st(e) {
   const t = rt();
-  return $(() => (t.value, !!e()));
+  return I(() => (t.value, !!e()));
 }
-function at(e, t, o = {}) {
-  const { window: n = Q, ...s } = o;
-  let a;
-  const l = st(() => n && "MutationObserver" in n), i = () => {
-    a && (a.disconnect(), a = void 0);
-  }, u = $(() => {
-    const f = ce(e), m = (Array.isArray(f) ? f : [f]).map(G).filter(tt);
-    return new Set(m);
+function at(e, t, n = {}) {
+  const { window: o = Q, ...s } = n;
+  let c;
+  const l = st(() => o && "MutationObserver" in o), i = () => {
+    c && (c.disconnect(), c = void 0);
+  }, m = I(() => {
+    const d = ce(e), f = (Array.isArray(d) ? d : [d]).map(G).filter(tt);
+    return new Set(f);
   }), r = R(
-    () => u.value,
-    (f) => {
-      i(), l.value && f.size && (a = new MutationObserver(t), f.forEach((m) => a.observe(m, s)));
+    () => m.value,
+    (d) => {
+      i(), l.value && d.size && (c = new MutationObserver(t), d.forEach((f) => c.observe(f, s)));
     },
     { immediate: !0, flush: "post" }
-  ), c = () => a == null ? void 0 : a.takeRecords(), d = () => {
+  ), a = () => c == null ? void 0 : c.takeRecords(), u = () => {
     r(), i();
   };
-  return He(d), {
+  return He(u), {
     isSupported: l,
-    stop: d,
-    takeRecords: c
+    stop: u,
+    takeRecords: a
   };
 }
 function it(e = {}) {
   var t;
   const {
-    window: o = Q,
-    deep: n = !0,
+    window: n = Q,
+    deep: o = !0,
     triggerOnRemoval: s = !1
-  } = e, a = (t = e.document) != null ? t : o == null ? void 0 : o.document, l = () => {
+  } = e, c = (t = e.document) != null ? t : n == null ? void 0 : n.document, l = () => {
     var r;
-    let c = a == null ? void 0 : a.activeElement;
-    if (n)
-      for (; c != null && c.shadowRoot; )
-        c = (r = c == null ? void 0 : c.shadowRoot) == null ? void 0 : r.activeElement;
-    return c;
-  }, i = x(), u = () => {
+    let a = c == null ? void 0 : c.activeElement;
+    if (o)
+      for (; a != null && a.shadowRoot; )
+        a = (r = a == null ? void 0 : a.shadowRoot) == null ? void 0 : r.activeElement;
+    return a;
+  }, i = x(), m = () => {
     i.value = l();
   };
-  return o && (Y(o, "blur", (r) => {
-    r.relatedTarget === null && u();
-  }, !0), Y(o, "focus", u, !0)), s && at(a, (r) => {
-    r.filter((c) => c.removedNodes.length).map((c) => Array.from(c.removedNodes)).flat().forEach((c) => {
-      c === i.value && u();
+  return n && (Y(n, "blur", (r) => {
+    r.relatedTarget === null && m();
+  }, !0), Y(n, "focus", m, !0)), s && at(c, (r) => {
+    r.filter((a) => a.removedNodes.length).map((a) => Array.from(a.removedNodes)).flat().forEach((a) => {
+      a === i.value && m();
     });
   }, {
     childList: !0,
     subtree: !0
-  }), u(), i;
+  }), m(), i;
 }
 const ct = "focusin", ut = "focusout";
 function dt(e, t = {}) {
-  const { window: o = Q } = t, n = $(() => G(e)), s = x(!1), a = $(() => s.value), l = it(t);
-  return !o || !l.value ? { focused: a } : (Y(n, ct, () => s.value = !0), Y(n, ut, () => s.value = !1), { focused: a });
+  const { window: n = Q } = t, o = I(() => G(e)), s = x(!1), c = I(() => s.value), l = it(t);
+  return !n || !l.value ? { focused: c } : (Y(o, ct, () => s.value = !0), Y(o, ut, () => s.value = !1), { focused: c });
 }
-function ft(e, { window: t = Q, scrollTarget: o } = {}) {
-  const n = x(!1), s = () => {
+function ft(e, { window: t = Q, scrollTarget: n } = {}) {
+  const o = x(!1), s = () => {
     if (!t) return;
-    const a = t.document, l = G(e);
+    const c = t.document, l = G(e);
     if (!l)
-      n.value = !1;
+      o.value = !1;
     else {
       const i = l.getBoundingClientRect();
-      n.value = i.top <= (t.innerHeight || a.documentElement.clientHeight) && i.left <= (t.innerWidth || a.documentElement.clientWidth) && i.bottom >= 0 && i.right >= 0;
+      o.value = i.top <= (t.innerHeight || c.documentElement.clientHeight) && i.left <= (t.innerWidth || c.documentElement.clientWidth) && i.bottom >= 0 && i.right >= 0;
     }
   };
   return R(
     () => G(e),
     () => s(),
     { immediate: !0, flush: "post" }
-  ), t && Y(o || t, "scroll", s, {
+  ), t && Y(n || t, "scroll", s, {
     capture: !1,
     passive: !0
-  }), n;
+  }), o;
 }
 const P = (e) => {
   let t = ft(e).value;
@@ -131,103 +131,103 @@ const P = (e) => {
   return ue(t);
 }, ue = (e) => {
   var t;
-  let o;
+  let n;
   if (e instanceof HTMLTableCellElement) {
-    const n = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
-    if (n) {
-      const s = Array.from(n.children)[e.cellIndex];
-      s && (o = s);
+    const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
+    if (o) {
+      const s = Array.from(o.children)[e.cellIndex];
+      s && (n = s);
     }
   } else if (e instanceof HTMLTableRowElement) {
-    const n = e.previousElementSibling;
-    n && (o = n);
+    const o = e.previousElementSibling;
+    o && (n = o);
   }
-  return o && (!D(o) || !P(o)) ? ue(o) : o;
+  return n && (!D(n) || !P(n)) ? ue(n) : n;
 }, mt = (e) => {
   var t;
-  const o = e.target;
-  let n;
-  if (o instanceof HTMLTableCellElement) {
-    const s = (t = o.parentElement) == null ? void 0 : t.parentElement;
+  const n = e.target;
+  let o;
+  if (n instanceof HTMLTableCellElement) {
+    const s = (t = n.parentElement) == null ? void 0 : t.parentElement;
     if (s) {
-      const a = s.firstElementChild.children[o.cellIndex];
-      a && (n = a);
+      const c = s.firstElementChild, l = c == null ? void 0 : c.children[n.cellIndex];
+      l && (o = l);
     }
-  } else if (o instanceof HTMLTableRowElement) {
-    const s = o.parentElement;
+  } else if (n instanceof HTMLTableRowElement) {
+    const s = n.parentElement;
     if (s) {
-      const a = s.firstElementChild;
-      a && (n = a);
+      const c = s.firstElementChild;
+      c && (o = c);
     }
   }
-  return n && (!D(n) || !P(n)) ? de(n) : n;
+  return o && (!D(o) || !P(o)) ? de(o) : o;
 }, Ce = (e) => {
   const t = e.target;
   return de(t);
 }, de = (e) => {
   var t;
-  let o;
+  let n;
   if (e instanceof HTMLTableCellElement) {
-    const n = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
-    if (n) {
-      const s = Array.from(n.children)[e.cellIndex];
-      s && (o = s);
+    const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
+    if (o) {
+      const s = Array.from(o.children)[e.cellIndex];
+      s && (n = s);
     }
   } else if (e instanceof HTMLTableRowElement) {
-    const n = e.nextElementSibling;
-    n && (o = n);
+    const o = e.nextElementSibling;
+    o && (n = o);
   }
-  return o && (!D(o) || !P(o)) ? de(o) : o;
+  return n && (!D(n) || !P(n)) ? de(n) : n;
 }, vt = (e) => {
   var t;
-  const o = e.target;
-  let n;
-  if (o instanceof HTMLTableCellElement) {
-    const s = (t = o.parentElement) == null ? void 0 : t.parentElement;
+  const n = e.target;
+  let o;
+  if (n instanceof HTMLTableCellElement) {
+    const s = (t = n.parentElement) == null ? void 0 : t.parentElement;
     if (s) {
-      const a = s.lastElementChild.children[o.cellIndex];
-      a && (n = a);
+      const c = s.lastElementChild, l = c == null ? void 0 : c.children[n.cellIndex];
+      l && (o = l);
     }
-  } else if (o instanceof HTMLTableRowElement) {
-    const s = o.parentElement;
+  } else if (n instanceof HTMLTableRowElement) {
+    const s = n.parentElement;
     if (s) {
-      const a = s.lastElementChild;
-      a && (n = a);
+      const c = s.lastElementChild;
+      c && (o = c);
     }
   }
-  return n && (!D(n) || !P(n)) ? ue(n) : n;
+  return o && (!D(o) || !P(o)) ? ue(o) : o;
 }, ke = (e) => {
   const t = e.target;
   return fe(t);
 }, fe = (e) => {
   var t;
-  let o;
+  let n;
   if (e.previousElementSibling)
-    o = e.previousElementSibling;
+    n = e.previousElementSibling;
   else {
-    const n = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
-    o = n == null ? void 0 : n.lastElementChild;
+    const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
+    n = o == null ? void 0 : o.lastElementChild;
   }
-  return o && (!D(o) || !P(o)) ? fe(o) : o;
+  return n && (!D(n) || !P(n)) ? fe(n) : n;
 }, Ie = (e) => {
   const t = e.target;
   return me(t);
 }, me = (e) => {
   var t;
-  let o;
+  let n;
   if (e.nextElementSibling)
-    o = e.nextElementSibling;
+    n = e.nextElementSibling;
   else {
-    const n = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
-    o = n == null ? void 0 : n.firstElementChild;
+    const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
+    n = o == null ? void 0 : o.firstElementChild;
   }
-  return o && (!D(o) || !P(o)) ? me(o) : o;
+  return n && (!D(n) || !P(n)) ? me(n) : n;
 }, Ae = (e) => {
-  const t = e.target.parentElement.firstElementChild;
-  return t && (!D(t) || !P(t)) ? me(t) : t;
+  const t = e.target.parentElement, n = t == null ? void 0 : t.firstElementChild;
+  return n && (!D(n) || !P(n)) ? me(n) : n;
 }, Se = (e) => {
-  const t = e.target.parentElement.lastElementChild;
-  return t && (!D(t) || !P(t)) ? fe(t) : t;
+  const t = e.target.parentElement, n = t == null ? void 0 : t.lastElementChild;
+  return n && (!D(n) || !P(n)) ? fe(n) : n;
 }, K = ["alt", "control", "shift", "meta"], pt = {
   ArrowUp: "up",
   ArrowDown: "down",
@@ -301,62 +301,64 @@ function pe(e) {
   const t = (l) => {
     let i = null;
     return l.parent && (typeof l.parent == "string" ? i = document.querySelector(l.parent) : l.parent instanceof HTMLElement ? i = l.parent : i = l.parent.value), i;
-  }, o = (l) => {
-    const i = t(l);
-    let u = [];
+  }, n = (l) => {
+    var i;
+    const m = t(l);
+    let r = [];
     if (typeof l.selectors == "string")
-      u = i ? Array.from(i.querySelectorAll(l.selectors)) : Array.from(document.querySelectorAll(l.selectors));
+      r = m ? Array.from(m.querySelectorAll(l.selectors)) : Array.from(document.querySelectorAll(l.selectors));
     else if (Array.isArray(l.selectors))
-      for (const r of l.selectors)
-        r instanceof HTMLElement ? u.push(r) : u.push(r.$el);
+      for (const a of l.selectors)
+        a instanceof HTMLElement ? r.push(a) : r.push(a.$el);
     else if (l.selectors instanceof HTMLElement)
-      u.push(l.selectors);
-    else if (Array.isArray(l.selectors.value))
-      for (const r of l.selectors.value)
-        r instanceof HTMLElement ? u.push(r) : u.push(r.$el);
-    else
-      u.push(l.selectors.value);
-    return u;
-  }, n = (l) => {
+      r.push(l.selectors);
+    else if ((i = l.selectors) != null && i.value)
+      if (Array.isArray(l.selectors.value))
+        for (const a of l.selectors.value)
+          a instanceof HTMLElement ? r.push(a) : r.push(a.$el);
+      else
+        r.push(l.selectors.value);
+    return r;
+  }, o = (l) => {
     const i = t(l);
-    let u = [];
-    return l.selectors ? u = o(l) : i && (u = Array.from(i.children).filter((r) => D(r) && P(r))), u;
+    let m = [];
+    return l.selectors ? m = n(l) : i && (m = Array.from(i.children).filter((r) => D(r) && P(r))), m;
   }, s = (l) => (i) => {
-    const u = pt[i.key] || i.key.toLowerCase();
-    if (K.includes(u)) return;
+    const m = pt[i.key] || i.key.toLowerCase();
+    if (K.includes(m)) return;
     const r = l.handlers || ve;
-    for (const c of Object.keys(r)) {
-      const [d, ...f] = c.split(".");
-      if (d === "keydown" && f.includes(u)) {
-        const m = r[c], b = f.filter((v) => K.includes(v)), p = K.some((v) => {
+    for (const a of Object.keys(r)) {
+      const [u, ...d] = a.split(".");
+      if (u === "keydown" && d.includes(m)) {
+        const f = r[a], b = d.filter((v) => K.includes(v)), p = K.some((v) => {
           const E = v.charAt(0).toUpperCase() + v.slice(1);
           return i.getModifierState(E);
         });
         if (b.length > 0) {
           if (p) {
             for (const v of K)
-              if (f.includes(v)) {
+              if (d.includes(v)) {
                 const E = v.charAt(0).toUpperCase() + v.slice(1);
-                i.getModifierState(E) && m(i);
+                i.getModifierState(E) && f(i);
               }
           }
         } else
-          p || m(i);
+          p || f(i);
       }
     }
-  }, a = [];
+  }, c = [];
   X(() => {
     for (const l of e) {
-      const i = t(l), u = n(l), r = s(l), c = i ? [i] : u;
-      for (const d of c) {
-        const { focused: f } = dt(x(d)), m = R(f, (b) => {
-          b ? d.addEventListener("keydown", r) : d.removeEventListener("keydown", r);
+      const i = t(l), m = o(l), r = s(l), a = i ? [i] : m;
+      for (const u of a) {
+        const { focused: d } = dt(x(u)), f = R(d, (b) => {
+          b ? u.addEventListener("keydown", r) : u.removeEventListener("keydown", r);
         });
-        a.push(m);
+        c.push(f);
       }
     }
   }), Xe(() => {
-    for (const l of a)
+    for (const l of c)
       l();
   });
 }
@@ -364,7 +366,7 @@ function Z(e) {
   return Re() ? (Oe(e), !0) : !1;
 }
 function M(e) {
-  return typeof e == "function" ? e() : h(e);
+  return typeof e == "function" ? e() : g(e);
 }
 const we = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -383,35 +385,35 @@ function bt(...e) {
   const t = e[0];
   return typeof t == "function" ? Qe(Ze(() => ({ get: t, set: H }))) : x(t);
 }
-function xt(e, t = !0, o) {
-  yt() ? X(e, o) : t ? e() : Le(e);
+function xt(e, t = !0, n) {
+  yt() ? X(e, n) : t ? e() : Le(e);
 }
 const he = we ? window : void 0;
 function W(e) {
   var t;
-  const o = M(e);
-  return (t = o == null ? void 0 : o.$el) != null ? t : o;
+  const n = M(e);
+  return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function $e(...e) {
-  let t, o, n, s;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([o, n, s] = e, t = he) : [t, o, n, s] = e, !t)
+function Te(...e) {
+  let t, n, o, s;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, s] = e, t = he) : [t, n, o, s] = e, !t)
     return H;
-  Array.isArray(o) || (o = [o]), Array.isArray(n) || (n = [n]);
-  const a = [], l = () => {
-    a.forEach((c) => c()), a.length = 0;
-  }, i = (c, d, f, m) => (c.addEventListener(d, f, m), () => c.removeEventListener(d, f, m)), u = R(
+  Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
+  const c = [], l = () => {
+    c.forEach((a) => a()), c.length = 0;
+  }, i = (a, u, d, f) => (a.addEventListener(u, d, f), () => a.removeEventListener(u, d, f)), m = R(
     () => [W(t), M(s)],
-    ([c, d]) => {
-      if (l(), !c)
+    ([a, u]) => {
+      if (l(), !a)
         return;
-      const f = We(d) ? { ...d } : d;
-      a.push(
-        ...o.flatMap((m) => n.map((b) => i(c, m, b, f)))
+      const d = We(u) ? { ...u } : u;
+      c.push(
+        ...n.flatMap((f) => o.map((b) => i(a, f, b, d)))
       );
     },
     { immediate: !0, flush: "post" }
   ), r = () => {
-    u(), l();
+    m(), l();
   };
   return Z(r), r;
 }
@@ -423,96 +425,96 @@ function Et() {
 }
 function Ne(e) {
   const t = Et();
-  return $(() => (t.value, !!e()));
+  return I(() => (t.value, !!e()));
 }
-function Ve(e, t, o = {}) {
-  const { window: n = he, ...s } = o;
-  let a;
-  const l = Ne(() => n && "MutationObserver" in n), i = () => {
-    a && (a.disconnect(), a = void 0);
-  }, u = $(() => {
-    const f = M(e), m = (Array.isArray(f) ? f : [f]).map(W).filter(wt);
-    return new Set(m);
+function Ve(e, t, n = {}) {
+  const { window: o = he, ...s } = n;
+  let c;
+  const l = Ne(() => o && "MutationObserver" in o), i = () => {
+    c && (c.disconnect(), c = void 0);
+  }, m = I(() => {
+    const d = M(e), f = (Array.isArray(d) ? d : [d]).map(W).filter(wt);
+    return new Set(f);
   }), r = R(
-    () => u.value,
-    (f) => {
-      i(), l.value && f.size && (a = new MutationObserver(t), f.forEach((m) => a.observe(m, s)));
+    () => m.value,
+    (d) => {
+      i(), l.value && d.size && (c = new MutationObserver(t), d.forEach((f) => c.observe(f, s)));
     },
     { immediate: !0, flush: "post" }
-  ), c = () => a == null ? void 0 : a.takeRecords(), d = () => {
+  ), a = () => c == null ? void 0 : c.takeRecords(), u = () => {
     r(), i();
   };
-  return Z(d), {
+  return Z(u), {
     isSupported: l,
-    stop: d,
-    takeRecords: c
+    stop: u,
+    takeRecords: a
   };
 }
-function Ct(e, t, o = {}) {
-  const { window: n = he, ...s } = o;
-  let a;
-  const l = Ne(() => n && "ResizeObserver" in n), i = () => {
-    a && (a.disconnect(), a = void 0);
-  }, u = $(() => {
-    const d = M(e);
-    return Array.isArray(d) ? d.map((f) => W(f)) : [W(d)];
+function Ct(e, t, n = {}) {
+  const { window: o = he, ...s } = n;
+  let c;
+  const l = Ne(() => o && "ResizeObserver" in o), i = () => {
+    c && (c.disconnect(), c = void 0);
+  }, m = I(() => {
+    const u = M(e);
+    return Array.isArray(u) ? u.map((d) => W(d)) : [W(u)];
   }), r = R(
-    u,
-    (d) => {
-      if (i(), l.value && n) {
-        a = new ResizeObserver(t);
-        for (const f of d)
-          f && a.observe(f, s);
+    m,
+    (u) => {
+      if (i(), l.value && o) {
+        c = new ResizeObserver(t);
+        for (const d of u)
+          d && c.observe(d, s);
       }
     },
     { immediate: !0, flush: "post" }
-  ), c = () => {
+  ), a = () => {
     i(), r();
   };
-  return Z(c), {
+  return Z(a), {
     isSupported: l,
-    stop: c
+    stop: a
   };
 }
 function je(e, t = {}) {
   const {
-    reset: o = !0,
-    windowResize: n = !0,
+    reset: n = !0,
+    windowResize: o = !0,
     windowScroll: s = !0,
-    immediate: a = !0,
+    immediate: c = !0,
     updateTiming: l = "sync"
-  } = t, i = x(0), u = x(0), r = x(0), c = x(0), d = x(0), f = x(0), m = x(0), b = x(0);
+  } = t, i = x(0), m = x(0), r = x(0), a = x(0), u = x(0), d = x(0), f = x(0), b = x(0);
   function p() {
     const E = W(e);
     if (!E) {
-      o && (i.value = 0, u.value = 0, r.value = 0, c.value = 0, d.value = 0, f.value = 0, m.value = 0, b.value = 0);
+      n && (i.value = 0, m.value = 0, r.value = 0, a.value = 0, u.value = 0, d.value = 0, f.value = 0, b.value = 0);
       return;
     }
-    const I = E.getBoundingClientRect();
-    i.value = I.height, u.value = I.bottom, r.value = I.left, c.value = I.right, d.value = I.top, f.value = I.width, m.value = I.x, b.value = I.y;
+    const A = E.getBoundingClientRect();
+    i.value = A.height, m.value = A.bottom, r.value = A.left, a.value = A.right, u.value = A.top, d.value = A.width, f.value = A.x, b.value = A.y;
   }
   function v() {
     l === "sync" ? p() : l === "next-frame" && requestAnimationFrame(() => p());
   }
   return Ct(e, v), R(() => W(e), (E) => !E && v()), Ve(e, v, {
     attributeFilter: ["style", "class"]
-  }), s && $e("scroll", v, { capture: !0, passive: !0 }), n && $e("resize", v, { passive: !0 }), xt(() => {
-    a && v();
+  }), s && Te("scroll", v, { capture: !0, passive: !0 }), o && Te("resize", v, { passive: !0 }), xt(() => {
+    c && v();
   }), {
     height: i,
-    bottom: u,
+    bottom: m,
     left: r,
-    right: c,
-    top: d,
-    width: f,
-    x: m,
+    right: a,
+    top: u,
+    width: d,
+    x: f,
     y: b,
     update: v
   };
 }
 const kt = (e) => {
   const t = new DOMParser().parseFromString(e, "text/html");
-  return Array.from(t.body.childNodes).some((o) => o.nodeType === 1);
+  return Array.from(t.body.childNodes).some((n) => n.nodeType === 1);
 }, It = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], At = ["innerHTML"], St = { key: 2 }, Be = /* @__PURE__ */ N({
   __name: "ACell",
   props: {
@@ -525,18 +527,18 @@ const kt = (e) => {
   },
   emits: ["cellInput"],
   setup(e, { emit: t }) {
-    const o = t, n = J("cell"), { width: s, height: a } = je(n), l = e.store.getCellData(e.colIndex, e.rowIndex), i = x(""), u = x(!1), r = e.store.columns[e.colIndex], c = e.store.rows[e.rowIndex], d = r.align || "center", f = r.width || "40ch", m = $(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), b = $(() => typeof m.value == "string" ? kt(m.value) : !1), p = $(() => {
+    const n = t, o = J("cell"), { width: s, height: c } = je(o), l = e.store.getCellData(e.colIndex, e.rowIndex), i = x(""), m = x(!1), r = e.store.columns[e.colIndex], a = e.store.rows[e.rowIndex], u = r.align || "center", d = r.width || "40ch", f = I(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), b = I(() => typeof f.value == "string" ? kt(f.value) : !1), p = I(() => {
       var y;
       return {
-        textAlign: d,
-        width: f,
-        backgroundColor: u.value ? "var(--sc-cell-changed-color)" : "inherit",
-        fontWeight: u.value ? "bold" : "inherit",
+        textAlign: u,
+        width: d,
+        backgroundColor: m.value ? "var(--sc-cell-changed-color)" : "inherit",
+        fontWeight: m.value ? "bold" : "inherit",
         paddingLeft: e.store.getIndent(e.colIndex, (y = e.store.display[e.rowIndex]) == null ? void 0 : y.indent)
       };
     }), v = () => {
       r.mask, r.modalComponent && e.store.$patch((y) => {
-        y.modal.visible = !0, y.modal.colIndex = e.colIndex, y.modal.rowIndex = e.rowIndex, y.modal.parent = n.value, y.modal.top = n.value.offsetTop + n.value.offsetHeight, y.modal.left = n.value.offsetLeft, y.modal.width = s.value, y.modal.height = a.value, typeof r.modalComponent == "function" ? y.modal.component = r.modalComponent({ table: y.table, row: c, column: r }) : y.modal.component = r.modalComponent, y.modal.componentProps = r.modalComponentExtraProps;
+        y.modal.visible = !0, y.modal.colIndex = e.colIndex, y.modal.rowIndex = e.rowIndex, y.modal.parent = o.value, y.modal.top = o.value.offsetTop + o.value.offsetHeight, y.modal.left = o.value.offsetLeft, y.modal.width = s.value, y.modal.height = c.value, typeof r.modalComponent == "function" ? y.modal.component = r.modalComponent({ table: y.table, row: a, column: r }) : y.modal.component = r.modalComponent, y.modal.componentProps = r.modalComponentExtraProps;
       });
     };
     if (e.addNavigation) {
@@ -553,42 +555,42 @@ const kt = (e) => {
         ...e.addNavigation
       }), pe([
         {
-          selectors: n,
+          selectors: o,
           handlers: y
         }
       ]);
     }
     const E = () => {
-      n.value && (i.value = n.value.textContent);
-    }, I = (y) => {
+      o.value && (i.value = o.value.textContent);
+    }, A = (y) => {
       const O = y.target;
-      O.textContent !== i.value && (o("cellInput", e.colIndex, e.rowIndex, O.textContent, i.value), i.value = O.textContent, r.format ? (u.value = O.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, l), e.store.setCellText(e.colIndex, e.rowIndex, O.textContent)) : (u.value = O.textContent !== l, e.store.setCellData(e.colIndex, e.rowIndex, O.textContent)));
+      O.textContent !== i.value && (n("cellInput", e.colIndex, e.rowIndex, O.textContent, i.value), i.value = O.textContent, r.format ? (m.value = O.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, l), e.store.setCellText(e.colIndex, e.rowIndex, O.textContent)) : (m.value = O.textContent !== l, e.store.setCellData(e.colIndex, e.rowIndex, O.textContent)));
     };
-    return (y, O) => (C(), S("td", {
+    return (y, O) => (C(), T("td", {
       ref: "cell",
       "data-colindex": y.colIndex,
       "data-rowindex": y.rowIndex,
-      "data-editable": h(r).edit,
-      contenteditable: h(r).edit,
+      "data-editable": g(r).edit,
+      contenteditable: g(r).edit,
       tabindex: y.tabIndex,
       spellcheck: !1,
       style: z(p.value),
       onFocus: E,
-      onPaste: I,
-      onInput: I,
+      onPaste: A,
+      onInput: A,
       onClick: v,
       class: F(["atable-cell", y.pinned ? "sticky-column" : ""])
     }, [
-      h(r).cellComponent ? (C(), _(Pe(h(r).cellComponent), ie({
+      g(r).cellComponent ? (C(), _(Pe(g(r).cellComponent), ie({
         key: 0,
-        value: m.value
-      }, h(r).cellComponentProps), null, 16, ["value"])) : b.value ? (C(), S("span", {
+        value: f.value
+      }, g(r).cellComponentProps), null, 16, ["value"])) : b.value ? (C(), T("span", {
         key: 1,
-        innerHTML: m.value
-      }, null, 8, At)) : (C(), S("span", St, U(m.value), 1))
+        innerHTML: f.value
+      }, null, 8, At)) : (C(), T("span", St, U(f.value), 1))
     ], 46, It));
   }
-}), $t = ["tabindex"], Tt = ["tabindex"], Mt = ["colspan"], Rt = /* @__PURE__ */ N({
+}), Tt = ["tabindex"], $t = ["tabindex"], Mt = ["colspan"], Rt = /* @__PURE__ */ N({
   __name: "AExpansionRow",
   props: {
     rowIndex: {},
@@ -597,47 +599,47 @@ const kt = (e) => {
     addNavigation: { type: [Boolean, Object] }
   },
   setup(e) {
-    const t = J("rowEl"), o = $(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
+    const t = J("rowEl"), n = I(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
     if (e.addNavigation) {
-      const n = {
+      const o = {
         "keydown.control.g": (s) => {
           s.stopPropagation(), s.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
         }
       };
-      typeof e.addNavigation == "object" && Object.assign(n, e.addNavigation), pe([
+      typeof e.addNavigation == "object" && Object.assign(o, e.addNavigation), pe([
         {
           selectors: t,
-          handlers: n
+          handlers: o
         }
       ]);
     }
-    return (n, s) => (C(), S(te, null, [
-      B("tr", ie(n.$attrs, {
+    return (o, s) => (C(), T(te, null, [
+      B("tr", ie(o.$attrs, {
         ref: "rowEl",
-        tabindex: n.tabIndex,
+        tabindex: o.tabIndex,
         class: "expandable-row"
       }), [
         B("td", {
           tabIndex: -1,
-          onClick: s[0] || (s[0] = (a) => n.store.toggleRowExpand(n.rowIndex)),
+          onClick: s[0] || (s[0] = (c) => o.store.toggleRowExpand(o.rowIndex)),
           class: "row-index"
-        }, U(o.value), 1),
-        L(n.$slots, "row")
-      ], 16, $t),
-      n.store.display[n.rowIndex].expanded ? (C(), S("tr", {
+        }, U(n.value), 1),
+        L(o.$slots, "row")
+      ], 16, Tt),
+      o.store.display[o.rowIndex].expanded ? (C(), T("tr", {
         key: 0,
         ref: "rowExpanded",
-        tabindex: n.tabIndex,
+        tabindex: o.tabIndex,
         class: "expanded-row"
       }, [
         B("td", {
           tabIndex: -1,
-          colspan: n.store.columns.length + 1,
+          colspan: o.store.columns.length + 1,
           class: "expanded-row-content"
         }, [
-          L(n.$slots, "content")
+          L(o.$slots, "content")
         ], 8, Mt)
-      ], 8, Tt)) : q("", !0)
+      ], 8, $t)) : q("", !0)
     ], 64));
   }
 }), Ot = ["tabindex"], ze = /* @__PURE__ */ N({
@@ -649,7 +651,7 @@ const kt = (e) => {
     addNavigation: { type: [Boolean, Object], default: !1 }
   },
   setup(e) {
-    const t = J("rowEl"), o = e.store.isRowVisible(e.rowIndex), n = e.store.getRowExpandSymbol(e.rowIndex);
+    const t = J("rowEl"), n = I(() => e.store.isRowVisible(e.rowIndex)), o = I(() => e.store.getRowExpandSymbol(e.rowIndex));
     if (e.addNavigation) {
       let s = ve;
       typeof e.addNavigation == "object" && (s = {
@@ -662,67 +664,67 @@ const kt = (e) => {
         }
       ]);
     }
-    return (s, a) => le((C(), S("tr", {
+    return (s, c) => le((C(), T("tr", {
       ref: "rowEl",
       tabindex: s.tabIndex,
       class: "table-row"
     }, [
       s.store.config.view !== "uncounted" ? L(s.$slots, "index", { key: 0 }, () => [
-        s.store.config.view === "list" ? (C(), S("td", {
+        s.store.config.view === "list" ? (C(), T("td", {
           key: 0,
           tabIndex: -1,
           class: F(["list-index", s.store.hasPinnedColumns ? "sticky-index" : ""])
-        }, U(s.rowIndex + 1), 3)) : s.store.config.view === "tree" ? (C(), S("td", {
+        }, U(s.rowIndex + 1), 3)) : s.store.config.view === "tree" ? (C(), T("td", {
           key: 1,
           tabIndex: -1,
           class: F(["tree-index", s.store.hasPinnedColumns ? "sticky-index" : ""]),
-          onClick: a[0] || (a[0] = (l) => s.store.toggleRowExpand(s.rowIndex))
-        }, U(h(n)), 3)) : q("", !0)
+          onClick: c[0] || (c[0] = (l) => s.store.toggleRowExpand(s.rowIndex))
+        }, U(o.value), 3)) : q("", !0)
       ]) : q("", !0),
       L(s.$slots, "default")
     ], 8, Ot)), [
-      [De, h(o)]
+      [De, n.value]
     ]);
   }
 }), Fe = we ? window : void 0;
 function j(e) {
   var t;
-  const o = M(e);
-  return (t = o == null ? void 0 : o.$el) != null ? t : o;
+  const n = M(e);
+  return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 function ee(...e) {
-  let t, o, n, s;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([o, n, s] = e, t = Fe) : [t, o, n, s] = e, !t)
+  let t, n, o, s;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, s] = e, t = Fe) : [t, n, o, s] = e, !t)
     return H;
-  Array.isArray(o) || (o = [o]), Array.isArray(n) || (n = [n]);
-  const a = [], l = () => {
-    a.forEach((c) => c()), a.length = 0;
-  }, i = (c, d, f, m) => (c.addEventListener(d, f, m), () => c.removeEventListener(d, f, m)), u = R(
+  Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
+  const c = [], l = () => {
+    c.forEach((a) => a()), c.length = 0;
+  }, i = (a, u, d, f) => (a.addEventListener(u, d, f), () => a.removeEventListener(u, d, f)), m = R(
     () => [j(t), M(s)],
-    ([c, d]) => {
-      if (l(), !c)
+    ([a, u]) => {
+      if (l(), !a)
         return;
-      const f = We(d) ? { ...d } : d;
-      a.push(
-        ...o.flatMap((m) => n.map((b) => i(c, m, b, f)))
+      const d = We(u) ? { ...u } : u;
+      c.push(
+        ...n.flatMap((f) => o.map((b) => i(a, f, b, d)))
       );
     },
     { immediate: !0, flush: "post" }
   ), r = () => {
-    u(), l();
+    m(), l();
   };
   return Z(r), r;
 }
-let Te = !1;
-function Me(e, t, o = {}) {
-  const { window: n = Fe, ignore: s = [], capture: a = !0, detectIframe: l = !1 } = o;
-  if (!n)
+let $e = !1;
+function Me(e, t, n = {}) {
+  const { window: o = Fe, ignore: s = [], capture: c = !0, detectIframe: l = !1 } = n;
+  if (!o)
     return H;
-  se && !Te && (Te = !0, Array.from(n.document.body.children).forEach((p) => p.addEventListener("click", H)), n.document.documentElement.addEventListener("click", H));
+  se && !$e && ($e = !0, Array.from(o.document.body.children).forEach((p) => p.addEventListener("click", H)), o.document.documentElement.addEventListener("click", H));
   let i = !0;
-  const u = (p) => M(s).some((v) => {
+  const m = (p) => M(s).some((v) => {
     if (typeof v == "string")
-      return Array.from(n.document.querySelectorAll(v)).some((E) => E === p.target || p.composedPath().includes(E));
+      return Array.from(o.document.querySelectorAll(v)).some((E) => E === p.target || p.composedPath().includes(E));
     {
       const E = j(v);
       return E && (p.target === E || p.composedPath().includes(E));
@@ -732,49 +734,49 @@ function Me(e, t, o = {}) {
     const v = M(p);
     return v && v.$.subTree.shapeFlag === 16;
   }
-  function c(p, v) {
-    const E = M(p), I = E.$.subTree && E.$.subTree.children;
-    return I == null || !Array.isArray(I) ? !1 : I.some((y) => y.el === v.target || v.composedPath().includes(y.el));
+  function a(p, v) {
+    const E = M(p), A = E.$.subTree && E.$.subTree.children;
+    return A == null || !Array.isArray(A) ? !1 : A.some((y) => y.el === v.target || v.composedPath().includes(y.el));
   }
-  const d = (p) => {
+  const u = (p) => {
     const v = j(e);
-    if (p.target != null && !(!(v instanceof Element) && r(e) && c(e, p)) && !(!v || v === p.target || p.composedPath().includes(v))) {
-      if (p.detail === 0 && (i = !u(p)), !i) {
+    if (p.target != null && !(!(v instanceof Element) && r(e) && a(e, p)) && !(!v || v === p.target || p.composedPath().includes(v))) {
+      if (p.detail === 0 && (i = !m(p)), !i) {
         i = !0;
         return;
       }
       t(p);
     }
   };
-  let f = !1;
-  const m = [
-    ee(n, "click", (p) => {
-      f || (f = !0, setTimeout(() => {
-        f = !1;
-      }, 0), d(p));
-    }, { passive: !0, capture: a }),
-    ee(n, "pointerdown", (p) => {
+  let d = !1;
+  const f = [
+    ee(o, "click", (p) => {
+      d || (d = !0, setTimeout(() => {
+        d = !1;
+      }, 0), u(p));
+    }, { passive: !0, capture: c }),
+    ee(o, "pointerdown", (p) => {
       const v = j(e);
-      i = !u(p) && !!(v && !p.composedPath().includes(v));
+      i = !m(p) && !!(v && !p.composedPath().includes(v));
     }, { passive: !0 }),
-    l && ee(n, "blur", (p) => {
+    l && ee(o, "blur", (p) => {
       setTimeout(() => {
         var v;
         const E = j(e);
-        ((v = n.document.activeElement) == null ? void 0 : v.tagName) === "IFRAME" && !(E != null && E.contains(n.document.activeElement)) && t(p);
+        ((v = o.document.activeElement) == null ? void 0 : v.tagName) === "IFRAME" && !(E != null && E.contains(o.document.activeElement)) && t(p);
       }, 0);
     })
   ].filter(Boolean);
-  return () => m.forEach((p) => p());
+  return () => f.forEach((p) => p());
 }
 const Lt = {
   mounted(e, t) {
-    const o = !t.modifiers.bubble;
+    const n = !t.modifiers.bubble;
     if (typeof t.value == "function")
-      e.__onClickOutside_stop = Me(e, t.value, { capture: o });
+      e.__onClickOutside_stop = Me(e, t.value, { capture: n });
     else {
-      const [n, s] = t.value;
-      e.__onClickOutside_stop = Me(e, n, Object.assign({ capture: o }, s));
+      const [o, s] = t.value;
+      e.__onClickOutside_stop = Me(e, o, Object.assign({ capture: n }, s));
     }
   },
   unmounted(e) {
@@ -789,62 +791,62 @@ function Ue(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 o = e.parentNode;
-    return !o || o.tagName === "BODY" ? !1 : Ue(o);
+    const n = e.parentNode;
+    return !n || n.tagName === "BODY" ? !1 : Ue(n);
   }
 }
 function Pt(e) {
-  const t = e || window.event, o = t.target;
-  return Ue(o) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
+  const t = e || window.event, n = t.target;
+  return Ue(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
 const oe = /* @__PURE__ */ new WeakMap();
 function Dt(e, t = !1) {
-  const o = x(t);
-  let n = null, s = "";
+  const n = x(t);
+  let o = null, s = "";
   R(bt(e), (i) => {
-    const u = ne(M(i));
-    if (u) {
-      const r = u;
+    const m = ne(M(i));
+    if (m) {
+      const r = m;
       if (oe.get(r) || oe.set(r, r.style.overflow), r.style.overflow !== "hidden" && (s = r.style.overflow), r.style.overflow === "hidden")
-        return o.value = !0;
-      if (o.value)
+        return n.value = !0;
+      if (n.value)
         return r.style.overflow = "hidden";
     }
   }, {
     immediate: !0
   });
-  const a = () => {
+  const c = () => {
     const i = ne(M(e));
-    !i || o.value || (se && (n = ee(
+    !i || n.value || (se && (o = ee(
       i,
       "touchmove",
-      (u) => {
-        Pt(u);
+      (m) => {
+        Pt(m);
       },
       { passive: !1 }
-    )), i.style.overflow = "hidden", o.value = !0);
+    )), i.style.overflow = "hidden", n.value = !0);
   }, l = () => {
     const i = ne(M(e));
-    !i || !o.value || (se && (n == null || n()), i.style.overflow = s, oe.delete(i), o.value = !1);
+    !i || !n.value || (se && (o == null || o()), i.style.overflow = s, oe.delete(i), n.value = !1);
   };
-  return Z(l), $({
+  return Z(l), I({
     get() {
-      return o.value;
+      return n.value;
     },
     set(i) {
-      i ? a() : l();
+      i ? c() : l();
     }
   });
 }
 function Ht() {
   let e = !1;
   const t = x(!1);
-  return (o, n) => {
-    if (t.value = n.value, e)
+  return (n, o) => {
+    if (t.value = o.value, e)
       return;
     e = !0;
-    const s = Dt(o, n.value);
-    R(t, (a) => s.value = a);
+    const s = Dt(n, o.value);
+    R(t, (c) => s.value = c);
   };
 }
 Ht();
@@ -861,9 +863,9 @@ const Wt = {
     store: {}
   },
   setup(e) {
-    return (t, o) => t.columns.length ? (C(), S("thead", Wt, [
+    return (t, n) => t.columns.length ? (C(), T("thead", Wt, [
       B("tr", Nt, [
-        t.store.zeroColumn ? (C(), S("th", {
+        t.store.zeroColumn ? (C(), T("th", {
           key: 0,
           id: "header-index",
           class: F([[
@@ -872,14 +874,14 @@ const Wt = {
             t.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
         }, null, 2)) : q("", !0),
-        (C(!0), S(te, null, re(t.columns, (n, s) => (C(), S("th", {
-          key: n.name,
+        (C(!0), T(te, null, re(t.columns, (o, s) => (C(), T("th", {
+          key: o.name,
           tabindex: "-1",
-          style: z(t.store.getHeaderCellStyle(n)),
-          class: F(n.pinned ? "sticky-column" : "")
+          style: z(t.store.getHeaderCellStyle(o)),
+          class: F(o.pinned ? "sticky-column" : "")
         }, [
           L(t.$slots, "default", {}, () => [
-            Ke(U(n.label || String.fromCharCode(s + 97).toUpperCase()), 1)
+            Ke(U(o.label || String.fromCharCode(s + 97).toUpperCase()), 1)
           ])
         ], 6))), 128))
       ])
@@ -894,22 +896,22 @@ const Wt = {
     container: {}
   },
   setup(e) {
-    const t = J("amodal"), { width: o, height: n } = je(t), s = $(() => {
-      var c, d;
-      const l = ((c = e.container) == null ? void 0 : c.offsetWidth) || 0, i = ((d = e.container) == null ? void 0 : d.offsetHeight) || 0, u = e.store.modal.left + o.value > l ? e.store.modal.left - (o.value - e.store.modal.width) : e.store.modal.left, r = e.store.modal.top + n.value > i ? e.store.modal.top - n.value - e.store.modal.height : e.store.modal.top;
+    const t = J("amodal"), { width: n, height: o } = je(t), s = I(() => {
+      var a, u;
+      const l = ((a = e.container) == null ? void 0 : a.offsetWidth) || 0, i = ((u = e.container) == null ? void 0 : u.offsetHeight) || 0, m = e.store.modal.left + n.value > l ? e.store.modal.left - (n.value - e.store.modal.width) : e.store.modal.left, r = e.store.modal.top + o.value > i ? e.store.modal.top - o.value - e.store.modal.height : e.store.modal.top;
       return {
-        left: `${u}px`,
+        left: `${m}px`,
         top: `${r}px`
       };
-    }), a = (l) => {
+    }), c = (l) => {
       l.stopPropagation();
     };
-    return (l, i) => (C(), S("div", {
+    return (l, i) => (C(), T("div", {
       class: "amodal",
       ref: "amodal",
       tabindex: "-1",
-      onClick: a,
-      onInput: a,
+      onClick: c,
+      onInput: c,
       style: z(s.value)
     }, [
       L(l.$slots, "default")
@@ -918,77 +920,79 @@ const Wt = {
 }), Vt = (e) => {
   const t = e.id || crypto.randomUUID();
   return _e(`table-${t}`, () => {
-    const n = () => {
+    const o = () => {
       const w = {};
-      for (const [g, k] of a.value.entries())
-        for (const [A, T] of l.value.entries())
-          w[`${g}:${A}`] = T[k.name];
+      for (const [h, k] of c.value.entries())
+        for (const [S, $] of l.value.entries())
+          w[`${h}:${S}`] = $[k.name];
       return w;
     }, s = (w) => {
-      const g = [Object.assign({}, { rowModified: !1 })];
+      const h = [Object.assign({}, { rowModified: !1 })];
       if (w && "0:0" in w)
         return w;
       const k = /* @__PURE__ */ new Set();
-      for (let A = l.value.length - 1; A >= 0; A--) {
-        const T = l.value[A];
-        T.parent && k.add(T.parent), g[A] = {
+      for (let S = l.value.length - 1; S >= 0; S--) {
+        const $ = l.value[S];
+        $.parent && k.add($.parent), h[S] = {
           childrenOpen: !1,
           expanded: !1,
-          indent: T.indent || null,
-          isParent: k.has(A),
-          isRoot: T.parent === null || T.parent === void 0,
+          indent: $.indent || 0,
+          isParent: k.has(S),
+          isRoot: $.parent === null || $.parent === void 0,
           rowModified: !1,
-          open: T.parent === null || T.parent === void 0,
-          parent: T.parent
+          open: $.parent === null || $.parent === void 0,
+          parent: $.parent
         };
       }
-      return g;
-    }, a = x(e.columns), l = x(e.rows), i = x(e.config || {}), u = x(e.table || n()), r = x(s(e.display)), c = x(e.modal || { visible: !1 }), d = x({}), f = $(() => a.value.some((w) => w.pinned)), m = $(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), b = $(() => ["list", "tree", "list-expansion"].includes(i.value.view)), p = (w, g) => u.value[`${w}:${g}`], v = (w, g, k) => {
-      const A = `${w}:${g}`, T = a.value[w];
-      u.value[A] !== k && (r.value[g].rowModified = !0), u.value[A] = k, l.value[g][T.name] = k;
-    }, E = (w, g, k) => {
-      const A = `${w}:${g}`;
-      u.value[A] !== k && (r.value[g].rowModified = !0, d.value[A] = k);
-    }, I = (w) => ({
+      return h;
+    }, c = x(e.columns), l = x(e.rows), i = x(e.config || {}), m = x(e.table || o()), r = x(s(e.display)), a = x(e.modal || { visible: !1 }), u = x({}), d = I(() => c.value.some((w) => w.pinned)), f = I(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), b = I(
+      () => i.value.view ? ["list", "tree", "list-expansion"].includes(i.value.view) : !1
+    ), p = (w, h) => m.value[`${w}:${h}`], v = (w, h, k) => {
+      const S = `${w}:${h}`, $ = c.value[w];
+      m.value[S] !== k && (r.value[h].rowModified = !0), m.value[S] = k, l.value[h][$.name] = k;
+    }, E = (w, h, k) => {
+      const S = `${w}:${h}`;
+      m.value[S] !== k && (r.value[h].rowModified = !0, u.value[S] = k);
+    }, A = (w) => ({
       minWidth: w.width || "40ch",
       textAlign: w.align || "center",
-      width: i.value.fullWidth ? "auto" : null
+      width: i.value.fullWidth ? "auto" : void 0
     }), y = (w) => i.value.view !== "tree" || r.value[w].isRoot || r.value[w].open, O = (w) => i.value.view !== "tree" ? "" : r.value[w].isRoot || r.value[w].isParent ? r.value[w].childrenOpen ? "-" : "+" : "", ge = (w) => {
       if (i.value.view === "tree") {
         r.value[w].childrenOpen = !r.value[w].childrenOpen;
-        for (let g = l.value.length - 1; g >= 0; g--)
-          r.value[g].parent === w && (r.value[g].open = !r.value[g].open, r.value[g].childrenOpen && ge(g));
+        for (let h = l.value.length - 1; h >= 0; h--)
+          r.value[h].parent === w && (r.value[h].open = !r.value[h].open, r.value[h].childrenOpen && ge(h));
       } else i.value.view === "list-expansion" && (r.value[w].expanded = !r.value[w].expanded);
-    }, Ye = (w, g) => {
-      const k = p(w, g);
-      return ye(w, g, k);
-    }, ye = (w, g, k) => {
-      const A = a.value[w], T = l.value[g], V = A.format;
-      return V ? typeof V == "function" ? V(k, { table: u.value, row: T, column: A }) : typeof V == "string" ? Function(`"use strict";return (${V})`)()(k, { table: u.value, row: T, column: A }) : k : k;
+    }, Ye = (w, h) => {
+      const k = p(w, h);
+      return ye(w, h, k);
+    }, ye = (w, h, k) => {
+      const S = c.value[w], $ = l.value[h], V = S.format;
+      return V ? typeof V == "function" ? V(k, { table: m.value, row: $, column: S }) : typeof V == "string" ? Function(`"use strict";return (${V})`)()(k, { table: m.value, row: $, column: S }) : k : k;
     };
     return {
       // state
-      columns: a,
+      columns: c,
       config: i,
       display: r,
-      modal: c,
+      modal: a,
       rows: l,
-      table: u,
-      updates: d,
+      table: m,
+      updates: u,
       // getters
-      hasPinnedColumns: f,
-      numberedRowWidth: m,
+      hasPinnedColumns: d,
+      numberedRowWidth: f,
       zeroColumn: b,
       // actions
       closeModal: (w) => {
-        var g;
-        w.target instanceof Node && (g = c.value.parent) != null && g.contains(w.target) || c.value.visible && (c.value.visible = !1);
+        var h;
+        w.target instanceof Node && (h = a.value.parent) != null && h.contains(w.target) || a.value.visible && (a.value.visible = !1);
       },
       getCellData: p,
       getCellDisplayValue: Ye,
       getFormattedValue: ye,
-      getHeaderCellStyle: I,
-      getIndent: (w, g) => g && w === 0 && g > 0 ? `${g}ch` : "inherit",
+      getHeaderCellStyle: A,
+      getIndent: (w, h) => h && w === 0 && h > 0 ? `${h}ch` : "inherit",
       getRowExpandSymbol: O,
       isRowVisible: y,
       setCellData: v,
@@ -1006,36 +1010,36 @@ const Wt = {
     config: { default: () => new Object() }
   },
   emits: ["update:modelValue", "cellUpdate"],
-  setup(e, { expose: t, emit: o }) {
-    const n = o, s = J("table"), a = e.modelValue ? e.modelValue : e.rows, l = Vt({ columns: e.columns, rows: a, id: e.id, config: e.config });
-    l.$onAction(({ name: r, store: c, args: d, after: f }) => {
+  setup(e, { expose: t, emit: n }) {
+    const o = n, s = J("table"), c = e.modelValue ? e.modelValue : e.rows, l = Vt({ columns: e.columns, rows: c, id: e.id, config: e.config });
+    l.$onAction(({ name: r, store: a, args: u, after: d }) => {
       if (r === "setCellData") {
-        const [m, b, p] = d, v = c.getCellData(m, b);
-        f(() => {
-          n("cellUpdate", m, b, p, v);
+        const [f, b, p] = u, v = a.getCellData(f, b);
+        d(() => {
+          o("cellUpdate", f, b, p, v);
         });
       }
     }), R(
       () => l.rows,
       (r) => {
-        n("update:modelValue", r);
+        o("update:modelValue", r);
       },
       { deep: !0 }
     ), X(() => {
-      e.columns.some((r) => r.pinned) && (u(), l.config.view === "tree" && Ve(s, u, { childList: !0, subtree: !0 }));
+      e.columns.some((r) => r.pinned) && (m(), l.config.view === "tree" && Ve(s, m, { childList: !0, subtree: !0 }));
     });
-    const i = (r, c, d, f) => {
-      n("cellUpdate", r, c, d, f);
-    }, u = () => {
-      const r = s.value, c = r.rows[0], d = r.rows[1], f = c ? Array.from(c.cells) : [];
-      for (const [m, b] of f.entries()) {
-        const p = d == null ? void 0 : d.cells[m];
+    const i = (r, a, u, d) => {
+      o("cellUpdate", r, a, u, d);
+    }, m = () => {
+      const r = s.value, a = r.rows[0], u = r.rows[1], d = a ? Array.from(a.cells) : [];
+      for (const [f, b] of d.entries()) {
+        const p = u == null ? void 0 : u.cells[f];
         p && (b.style.width = `${p.offsetWidth}px`);
       }
-      for (const m of r.rows) {
+      for (const f of r.rows) {
         let b = 0;
         const p = [];
-        for (const v of m.cells)
+        for (const v of f.cells)
           (v.classList.contains("sticky-column") || v.classList.contains("sticky-index")) && (v.style.left = `${b}px`, b += v.offsetWidth, p.push(v));
         p.length > 0 && p[p.length - 1].classList.add("sticky-column-edge");
       }
@@ -1043,44 +1047,44 @@ const Wt = {
     return window.addEventListener("keydown", (r) => {
       if (r.key === "Escape" && l.modal.visible) {
         l.modal.visible = !1;
-        const c = l.modal.parent;
-        c && Le().then(() => {
-          c.focus();
+        const a = l.modal.parent;
+        a && Le().then(() => {
+          a.focus();
         });
       }
-    }), t({ store: l }), (r, c) => le((C(), S("table", {
+    }), t({ store: l }), (r, a) => le((C(), T("table", {
       ref: "table",
       class: "atable",
-      style: z({ width: h(l).config.fullWidth ? "100%" : "auto" })
+      style: z({ width: g(l).config.fullWidth ? "100%" : "auto" })
     }, [
-      L(r.$slots, "header", { data: h(l) }, () => [
+      L(r.$slots, "header", { data: g(l) }, () => [
         be(qe, {
-          columns: h(l).columns,
-          store: h(l)
+          columns: g(l).columns,
+          store: g(l)
         }, null, 8, ["columns", "store"])
       ], !0),
       B("tbody", null, [
-        L(r.$slots, "body", { data: h(l) }, () => [
-          (C(!0), S(te, null, re(h(l).rows, (d, f) => (C(), _(ze, {
-            key: d.id,
-            row: d,
-            rowIndex: f,
-            store: h(l)
+        L(r.$slots, "body", { data: g(l) }, () => [
+          (C(!0), T(te, null, re(g(l).rows, (u, d) => (C(), _(ze, {
+            key: u.id,
+            row: u,
+            rowIndex: d,
+            store: g(l)
           }, {
             default: xe(() => [
-              (C(!0), S(te, null, re(h(l).columns, (m, b) => (C(), _(Be, {
-                key: m.name,
-                store: h(l),
-                col: m,
+              (C(!0), T(te, null, re(g(l).columns, (f, b) => (C(), _(Be, {
+                key: f.name,
+                store: g(l),
+                col: f,
                 spellcheck: "false",
-                pinned: m.pinned,
-                rowIndex: f,
+                pinned: f.pinned,
+                rowIndex: d,
                 colIndex: b,
-                component: m.cellComponent,
+                component: f.cellComponent,
                 style: z({
-                  textAlign: (m == null ? void 0 : m.align) || "center",
-                  minWidth: (m == null ? void 0 : m.width) || "40ch",
-                  width: h(l).config.fullWidth ? "auto" : null
+                  textAlign: (f == null ? void 0 : f.align) || "center",
+                  minWidth: (f == null ? void 0 : f.width) || "40ch",
+                  width: g(l).config.fullWidth ? "auto" : null
                 }),
                 onCellInput: i
               }, null, 8, ["store", "col", "pinned", "rowIndex", "colIndex", "component", "style"]))), 128))
@@ -1089,36 +1093,36 @@ const Wt = {
           }, 1032, ["row", "rowIndex", "store"]))), 128))
         ], !0)
       ]),
-      L(r.$slots, "footer", { data: h(l) }, void 0, !0),
-      L(r.$slots, "modal", { data: h(l) }, () => [
+      L(r.$slots, "footer", { data: g(l) }, void 0, !0),
+      L(r.$slots, "modal", { data: g(l) }, () => [
         le(be(Ge, {
-          colIndex: h(l).modal.colIndex,
-          rowIndex: h(l).modal.rowIndex,
-          store: h(l),
-          container: h(s)
+          colIndex: g(l).modal.colIndex,
+          rowIndex: g(l).modal.rowIndex,
+          store: g(l),
+          container: g(s)
         }, {
           default: xe(() => [
-            (C(), _(Pe(h(l).modal.component), ie({
-              key: `${h(l).modal.rowIndex}:${h(l).modal.colIndex}`,
-              colIndex: h(l).modal.colIndex,
-              rowIndex: h(l).modal.rowIndex,
-              store: h(l)
-            }, h(l).modal.componentProps), null, 16, ["colIndex", "rowIndex", "store"]))
+            (C(), _(Pe(g(l).modal.component), ie({
+              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, ["colIndex", "rowIndex", "store", "container"]), [
-          [De, h(l).modal.visible]
+          [De, g(l).modal.visible]
         ])
       ], !0)
     ], 4)), [
-      [h(Lt), h(l).closeModal]
+      [g(Lt), g(l).closeModal]
     ]);
   }
 }), Bt = (e, t) => {
-  const o = e.__vccOpts || e;
-  for (const [n, s] of t)
-    o[n] = s;
-  return o;
+  const n = e.__vccOpts || e;
+  for (const [o, s] of t)
+    n[o] = s;
+  return n;
 }, zt = /* @__PURE__ */ Bt(jt, [["__scopeId", "data-v-7480394f"]]);
 function Xt(e) {
   e.component("ACell", Be), e.component("AExpansionRow", Rt), e.component("ARow", ze), e.component("ATable", zt), e.component("ATableHeader", qe), e.component("ATableModal", Ge);