@stonecrop/atable 0.2.55 → 0.2.57

package/dist/atable.js

@@ -1,9 +1,9 @@
 import './assets/index.css';var Ue = Object.defineProperty;
 var qe = (e, t, n) => t in e ? Ue(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var T = (e, t, n) => qe(e, typeof t != "symbol" ? t + "" : t, n);
-import { onMounted as F, ref as b, watch as C, onBeforeUnmount as Ye, computed as x, unref as m, getCurrentScope as se, onScopeDispose as ie, getCurrentInstance as re, nextTick as Te, defineComponent as M, inject as Q, useTemplateRef as Z, openBlock as h, createElementBlock as k, normalizeStyle as P, normalizeClass as N, createBlock as q, resolveDynamicComponent as De, mergeProps as ae, toDisplayString as B, Fragment as X, createElementVNode as W, renderSlot as S, createCommentVNode as J, withDirectives as ne, vShow as Me, toRef as Xe, readonly as Je, customRef as Qe, reactive as R, renderList as oe, createTextVNode as Ze, provide as Ke, createVNode as ye, withCtx as be } from "vue";
+import { onMounted as F, ref as b, watch as C, onBeforeUnmount as Ye, computed as x, unref as m, getCurrentScope as ie, onScopeDispose as se, getCurrentInstance as re, nextTick as Te, defineComponent as M, inject as Q, useTemplateRef as Z, openBlock as h, createElementBlock as k, normalizeStyle as P, normalizeClass as N, createBlock as q, resolveDynamicComponent as De, mergeProps as ae, toDisplayString as B, Fragment as X, createElementVNode as W, renderSlot as S, createCommentVNode as J, withDirectives as ne, vShow as Me, toRef as Xe, readonly as Je, customRef as Qe, reactive as R, renderList as oe, createTextVNode as Ze, provide as Ke, createVNode as ye, withCtx as be } from "vue";
 function Re(e) {
-  return se() ? (ie(e), !0) : !1;
+  return ie() ? (se(e), !0) : !1;
 }
 function ce(e) {
   return typeof e == "function" ? e() : m(e);
@@ -18,20 +18,20 @@ function V(e) {
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 function z(...e) {
-  let t, n, l, s;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, l, s] = e, t = G) : [t, n, l, s] = e, !t)
+  let t, n, l, i;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, l, i] = e, t = G) : [t, n, l, i] = e, !t)
     return ot;
   Array.isArray(n) || (n = [n]), Array.isArray(l) || (l = [l]);
   const o = [], a = () => {
     o.forEach((u) => u()), o.length = 0;
-  }, i = (u, p, c, f) => (u.addEventListener(p, c, f), () => u.removeEventListener(p, c, f)), d = C(
-    () => [V(t), ce(s)],
+  }, s = (u, p, c, f) => (u.addEventListener(p, c, f), () => u.removeEventListener(p, c, f)), d = C(
+    () => [V(t), ce(i)],
     ([u, p]) => {
       if (a(), !u)
         return;
       const c = nt(p) ? { ...p } : p;
       o.push(
-        ...n.flatMap((f) => l.map((v) => i(u, f, v, c)))
+        ...n.flatMap((f) => l.map((v) => s(u, f, v, c)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -46,14 +46,14 @@ function lt() {
     e.value = !0;
   }, t), e;
 }
-function st(e) {
+function it(e) {
   const t = lt();
   return x(() => (t.value, !!e()));
 }
-function it(e, t, n = {}) {
-  const { window: l = G, ...s } = n;
+function st(e, t, n = {}) {
+  const { window: l = G, ...i } = n;
   let o;
-  const a = st(() => l && "MutationObserver" in l), i = () => {
+  const a = it(() => l && "MutationObserver" in l), s = () => {
     o && (o.disconnect(), o = void 0);
   }, d = x(() => {
     const c = ce(e), f = (Array.isArray(c) ? c : [c]).map(V).filter(et);
@@ -61,11 +61,11 @@ function it(e, t, n = {}) {
   }), r = C(
     () => d.value,
     (c) => {
-      i(), a.value && c.size && (o = new MutationObserver(t), c.forEach((f) => o.observe(f, s)));
+      s(), a.value && c.size && (o = new MutationObserver(t), c.forEach((f) => o.observe(f, i)));
     },
     { immediate: !0, flush: "post" }
   ), u = () => o == null ? void 0 : o.takeRecords(), p = () => {
-    r(), i();
+    r(), s();
   };
   return Re(p), {
     isSupported: a,
@@ -78,7 +78,7 @@ function rt(e = {}) {
   const {
     window: n = G,
     deep: l = !0,
-    triggerOnRemoval: s = !1
+    triggerOnRemoval: i = !1
   } = e, o = (t = e.document) != null ? t : n == null ? void 0 : n.document, a = () => {
     var r;
     let u = o == null ? void 0 : o.activeElement;
@@ -86,41 +86,41 @@ function rt(e = {}) {
       for (; u != null && u.shadowRoot; )
         u = (r = u == null ? void 0 : u.shadowRoot) == null ? void 0 : r.activeElement;
     return u;
-  }, i = b(), d = () => {
-    i.value = a();
+  }, s = b(), d = () => {
+    s.value = a();
   };
   return n && (z(n, "blur", (r) => {
     r.relatedTarget === null && d();
-  }, !0), z(n, "focus", d, !0)), s && it(o, (r) => {
+  }, !0), z(n, "focus", d, !0)), i && st(o, (r) => {
     r.filter((u) => u.removedNodes.length).map((u) => Array.from(u.removedNodes)).flat().forEach((u) => {
-      u === i.value && d();
+      u === s.value && d();
     });
   }, {
     childList: !0,
     subtree: !0
-  }), d(), i;
+  }), d(), s;
 }
 const at = "focusin", ct = "focusout";
 function dt(e, t = {}) {
-  const { window: n = G } = t, l = x(() => V(e)), s = b(!1), o = x(() => s.value), a = rt(t);
-  return !n || !a.value ? { focused: o } : (z(l, at, () => s.value = !0), z(l, ct, () => s.value = !1), { focused: o });
+  const { window: n = G } = t, l = x(() => V(e)), i = b(!1), o = x(() => i.value), a = rt(t);
+  return !n || !a.value ? { focused: o } : (z(l, at, () => i.value = !0), z(l, ct, () => i.value = !1), { focused: o });
 }
 function ut(e, { window: t = G, scrollTarget: n } = {}) {
-  const l = b(!1), s = () => {
+  const l = b(!1), i = () => {
     if (!t) return;
     const o = t.document, a = V(e);
     if (!a)
       l.value = !1;
     else {
-      const i = a.getBoundingClientRect();
-      l.value = i.top <= (t.innerHeight || o.documentElement.clientHeight) && i.left <= (t.innerWidth || o.documentElement.clientWidth) && i.bottom >= 0 && i.right >= 0;
+      const s = a.getBoundingClientRect();
+      l.value = s.top <= (t.innerHeight || o.documentElement.clientHeight) && s.left <= (t.innerWidth || o.documentElement.clientWidth) && s.bottom >= 0 && s.right >= 0;
     }
   };
   return C(
     () => V(e),
-    () => s(),
+    () => i(),
     { immediate: !0, flush: "post" }
-  ), t && z(n || t, "scroll", s, {
+  ), t && z(n || t, "scroll", i, {
     capture: !1,
     passive: !0
   }), l;
@@ -137,8 +137,8 @@ const O = (e) => {
   if (e instanceof HTMLTableCellElement) {
     const l = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
     if (l) {
-      const s = Array.from(l.children)[e.cellIndex];
-      s && (n = s);
+      const i = Array.from(l.children)[e.cellIndex];
+      i && (n = i);
     }
   } else if (e instanceof HTMLTableRowElement) {
     const l = e.previousElementSibling;
@@ -150,15 +150,15 @@ const O = (e) => {
   const n = e.target;
   let l;
   if (n instanceof HTMLTableCellElement) {
-    const s = (t = n.parentElement) == null ? void 0 : t.parentElement;
-    if (s) {
-      const o = s.firstElementChild.children[n.cellIndex];
+    const i = (t = n.parentElement) == null ? void 0 : t.parentElement;
+    if (i) {
+      const o = i.firstElementChild.children[n.cellIndex];
       o && (l = o);
     }
   } else if (n instanceof HTMLTableRowElement) {
-    const s = n.parentElement;
-    if (s) {
-      const o = s.firstElementChild;
+    const i = n.parentElement;
+    if (i) {
+      const o = i.firstElementChild;
       o && (l = o);
     }
   }
@@ -172,8 +172,8 @@ const O = (e) => {
   if (e instanceof HTMLTableCellElement) {
     const l = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
     if (l) {
-      const s = Array.from(l.children)[e.cellIndex];
-      s && (n = s);
+      const i = Array.from(l.children)[e.cellIndex];
+      i && (n = i);
     }
   } else if (e instanceof HTMLTableRowElement) {
     const l = e.nextElementSibling;
@@ -185,15 +185,15 @@ const O = (e) => {
   const n = e.target;
   let l;
   if (n instanceof HTMLTableCellElement) {
-    const s = (t = n.parentElement) == null ? void 0 : t.parentElement;
-    if (s) {
-      const o = s.lastElementChild.children[n.cellIndex];
+    const i = (t = n.parentElement) == null ? void 0 : t.parentElement;
+    if (i) {
+      const o = i.lastElementChild.children[n.cellIndex];
       o && (l = o);
     }
   } else if (n instanceof HTMLTableRowElement) {
-    const s = n.parentElement;
-    if (s) {
-      const o = s.lastElementChild;
+    const i = n.parentElement;
+    if (i) {
+      const o = i.lastElementChild;
       o && (l = o);
     }
   }
@@ -301,13 +301,13 @@ const O = (e) => {
 };
 function ve(e) {
   const t = (a) => {
-    let i = null;
-    return a.parent && (typeof a.parent == "string" ? i = document.querySelector(a.parent) : a.parent instanceof HTMLElement ? i = a.parent : i = a.parent.value), i;
+    let s = null;
+    return a.parent && (typeof a.parent == "string" ? s = document.querySelector(a.parent) : a.parent instanceof HTMLElement ? s = a.parent : s = a.parent.value), s;
   }, n = (a) => {
-    const i = t(a);
+    const s = t(a);
     let d = [];
     if (typeof a.selectors == "string")
-      d = i ? Array.from(i.querySelectorAll(a.selectors)) : Array.from(document.querySelectorAll(a.selectors));
+      d = s ? Array.from(s.querySelectorAll(a.selectors)) : Array.from(document.querySelectorAll(a.selectors));
     else if (Array.isArray(a.selectors))
       for (const r of a.selectors)
         r instanceof HTMLElement ? d.push(r) : d.push(r.$el);
@@ -320,11 +320,11 @@ function ve(e) {
       d.push(a.selectors.value);
     return d;
   }, l = (a) => {
-    const i = t(a);
+    const s = t(a);
     let d = [];
-    return a.selectors ? d = n(a) : i && (d = Array.from(i.children).filter((r) => $(r) && O(r))), d;
-  }, s = (a) => (i) => {
-    const d = mt[i.key] || i.key.toLowerCase();
+    return a.selectors ? d = n(a) : s && (d = Array.from(s.children).filter((r) => $(r) && O(r))), d;
+  }, i = (a) => (s) => {
+    const d = mt[s.key] || s.key.toLowerCase();
     if (U.includes(d)) return;
     const r = a.handlers || me;
     for (const u of Object.keys(r)) {
@@ -332,24 +332,24 @@ function ve(e) {
       if (p === "keydown" && c.includes(d)) {
         const f = r[u], v = c.filter((y) => U.includes(y)), g = U.some((y) => {
           const E = y.charAt(0).toUpperCase() + y.slice(1);
-          return i.getModifierState(E);
+          return s.getModifierState(E);
         });
         if (v.length > 0) {
           if (g) {
             for (const y of U)
               if (c.includes(y)) {
                 const E = y.charAt(0).toUpperCase() + y.slice(1);
-                i.getModifierState(E) && f(i);
+                s.getModifierState(E) && f(s);
               }
           }
         } else
-          g || f(i);
+          g || f(s);
       }
     }
   }, o = [];
   F(() => {
     for (const a of e) {
-      const i = t(a), d = l(a), r = s(a), u = i ? [i] : d;
+      const s = t(a), d = l(a), r = i(a), u = s ? [s] : d;
       for (const p of u) {
         const { focused: c } = dt(b(p)), f = C(c, (v) => {
           v ? p.addEventListener("keydown", r) : p.removeEventListener("keydown", r);
@@ -363,7 +363,7 @@ function ve(e) {
   });
 }
 function we(e) {
-  return se() ? (ie(e), !0) : !1;
+  return ie() ? (se(e), !0) : !1;
 }
 function K(e) {
   return typeof e == "function" ? e() : m(e);
@@ -385,20 +385,20 @@ function D(e) {
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 function Ae(...e) {
-  let t, n, l, s;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, l, s] = e, t = he) : [t, n, l, s] = e, !t)
+  let t, n, l, i;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, l, i] = e, t = he) : [t, n, l, i] = e, !t)
     return bt;
   Array.isArray(n) || (n = [n]), Array.isArray(l) || (l = [l]);
   const o = [], a = () => {
     o.forEach((u) => u()), o.length = 0;
-  }, i = (u, p, c, f) => (u.addEventListener(p, c, f), () => u.removeEventListener(p, c, f)), d = C(
-    () => [D(t), K(s)],
+  }, s = (u, p, c, f) => (u.addEventListener(p, c, f), () => u.removeEventListener(p, c, f)), d = C(
+    () => [D(t), K(i)],
     ([u, p]) => {
       if (a(), !u)
         return;
       const c = yt(p) ? { ...p } : p;
       o.push(
-        ...n.flatMap((f) => l.map((v) => i(u, f, v, c)))
+        ...n.flatMap((f) => l.map((v) => s(u, f, v, c)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -418,9 +418,9 @@ function Le(e) {
   return x(() => (t.value, !!e()));
 }
 function Pe(e, t, n = {}) {
-  const { window: l = he, ...s } = n;
+  const { window: l = he, ...i } = n;
   let o;
-  const a = Le(() => l && "MutationObserver" in l), i = () => {
+  const a = Le(() => l && "MutationObserver" in l), s = () => {
     o && (o.disconnect(), o = void 0);
   }, d = x(() => {
     const c = K(e), f = (Array.isArray(c) ? c : [c]).map(D).filter(wt);
@@ -428,11 +428,11 @@ function Pe(e, t, n = {}) {
   }), r = C(
     () => d.value,
     (c) => {
-      i(), a.value && c.size && (o = new MutationObserver(t), c.forEach((f) => o.observe(f, s)));
+      s(), a.value && c.size && (o = new MutationObserver(t), c.forEach((f) => o.observe(f, i)));
     },
     { immediate: !0, flush: "post" }
   ), u = () => o == null ? void 0 : o.takeRecords(), p = () => {
-    r(), i();
+    r(), s();
   };
   return we(p), {
     isSupported: a,
@@ -441,9 +441,9 @@ function Pe(e, t, n = {}) {
   };
 }
 function kt(e, t, n = {}) {
-  const { window: l = he, ...s } = n;
+  const { window: l = he, ...i } = n;
   let o;
-  const a = Le(() => l && "ResizeObserver" in l), i = () => {
+  const a = Le(() => l && "ResizeObserver" in l), s = () => {
     o && (o.disconnect(), o = void 0);
   }, d = x(() => {
     const p = K(e);
@@ -451,15 +451,15 @@ function kt(e, t, n = {}) {
   }), r = C(
     d,
     (p) => {
-      if (i(), a.value && l) {
+      if (s(), a.value && l) {
         o = new ResizeObserver(t);
         for (const c of p)
-          c && o.observe(c, s);
+          c && o.observe(c, i);
       }
     },
     { immediate: !0, flush: "post" }
   ), u = () => {
-    i(), r();
+    s(), r();
   };
   return we(u), {
     isSupported: a,
@@ -470,28 +470,28 @@ function Ct(e, t = {}) {
   const {
     reset: n = !0,
     windowResize: l = !0,
-    windowScroll: s = !0,
+    windowScroll: i = !0,
     immediate: o = !0,
     updateTiming: a = "sync"
-  } = t, i = b(0), d = b(0), r = b(0), u = b(0), p = b(0), c = b(0), f = b(0), v = b(0);
+  } = t, s = b(0), d = b(0), r = b(0), u = b(0), p = b(0), c = b(0), f = b(0), v = b(0);
   function g() {
     const E = D(e);
     if (!E) {
-      n && (i.value = 0, d.value = 0, r.value = 0, u.value = 0, p.value = 0, c.value = 0, f.value = 0, v.value = 0);
+      n && (s.value = 0, d.value = 0, r.value = 0, u.value = 0, p.value = 0, c.value = 0, f.value = 0, v.value = 0);
       return;
     }
     const I = E.getBoundingClientRect();
-    i.value = I.height, d.value = I.bottom, r.value = I.left, u.value = I.right, p.value = I.top, c.value = I.width, f.value = I.x, v.value = I.y;
+    s.value = I.height, d.value = I.bottom, r.value = I.left, u.value = I.right, p.value = I.top, c.value = I.width, f.value = I.x, v.value = I.y;
   }
   function y() {
     a === "sync" ? g() : a === "next-frame" && requestAnimationFrame(() => g());
   }
   return kt(e, y), C(() => D(e), (E) => !E && y()), Pe(e, y, {
     attributeFilter: ["style", "class"]
-  }), s && Ae("scroll", y, { capture: !0, passive: !0 }), l && Ae("resize", y, { passive: !0 }), xt(() => {
+  }), i && Ae("scroll", y, { capture: !0, passive: !0 }), l && Ae("resize", y, { passive: !0 }), xt(() => {
     o && y();
   }), {
-    height: i,
+    height: s,
     bottom: d,
     left: r,
     right: u,
@@ -516,13 +516,13 @@ const It = (e) => {
     pinned: { type: Boolean }
   },
   setup(e) {
-    const t = Q(e.tableid), n = Z("cell"), { bottom: l, left: s } = Ct(n), o = t.cellData(e.colIndex, e.rowIndex), a = b(""), i = b(!1), d = t.table, r = t.columns[e.colIndex], u = t.rows[e.rowIndex], p = r.align || "center", c = r.width || "40ch", f = x(() => typeof g.value == "string" ? It(g.value) : !1), v = x(() => {
+    const t = Q(e.tableid), n = Z("cell"), { bottom: l, left: i } = Ct(n), o = t.cellData(e.colIndex, e.rowIndex), a = b(""), s = b(!1), d = t.table, r = t.columns[e.colIndex], u = t.rows[e.rowIndex], p = r.align || "center", c = r.width || "40ch", f = x(() => typeof g.value == "string" ? It(g.value) : !1), v = x(() => {
       var w;
       return {
         textAlign: p,
         width: c,
-        backgroundColor: i.value ? "var(--sc-cell-modified)" : "inherit",
-        fontWeight: i.value ? "bold" : "inherit",
+        backgroundColor: s.value ? "var(--sc-cell-modified)" : "inherit",
+        fontWeight: s.value ? "bold" : "inherit",
         paddingLeft: Ge(e.colIndex, (w = t.display[e.rowIndex]) == null ? void 0 : w.indent)
       };
     }), g = x(() => {
@@ -532,7 +532,7 @@ const It = (e) => {
       const A = r.format;
       return A ? typeof A == "function" ? A(w, { table: d, row: u, column: r }) : typeof A == "string" ? Function(`"use strict";return (${A})`)()(w, { table: d, row: u, column: r }) : w : w;
     }, E = () => {
-      r.mask, r.modalComponent && (t.modal.visible = !0, t.modal.colIndex = e.colIndex, t.modal.rowIndex = e.rowIndex, t.modal.parent = n.value, t.modal.top = l.value, t.modal.left = s.value, t.modal.width = c, typeof r.modalComponent == "function" ? t.modal.component = r.modalComponent({ table: d, row: u, column: r }) : t.modal.component = r.modalComponent, t.modal.componentProps = r.modalComponentExtraProps);
+      r.mask, r.modalComponent && (t.modal.visible = !0, t.modal.colIndex = e.colIndex, t.modal.rowIndex = e.rowIndex, t.modal.parent = n.value, t.modal.top = l.value, t.modal.left = i.value, t.modal.width = c, typeof r.modalComponent == "function" ? t.modal.component = r.modalComponent({ table: d, row: u, column: r }) : t.modal.component = r.modalComponent, t.modal.componentProps = r.modalComponentExtraProps);
     };
     if (e.addNavigation) {
       let w = {
@@ -556,7 +556,7 @@ const It = (e) => {
     const I = () => {
       n.value && (a.value = n.value.textContent);
     }, _ = () => {
-      n.value && (r.format ? i.value = n.value.textContent !== y(o) : i.value = n.value.textContent !== o, n.value.textContent !== a.value && (a.value = n.value.textContent, n.value.dispatchEvent(new Event("change")), r.format || t.setCellData(e.rowIndex, e.colIndex, a.value)));
+      n.value && (r.format ? s.value = n.value.textContent !== y(o) : s.value = n.value.textContent !== o, n.value.textContent !== a.value && (a.value = n.value.textContent, n.value.dispatchEvent(new Event("change")), r.format || t.setCellData(e.rowIndex, e.colIndex, a.value)));
     }, Ge = (w, A) => A && w === 0 && A > 0 ? `${A}ch` : "inherit";
     return (w, A) => (h(), k("td", {
       ref: "cell",
@@ -573,7 +573,7 @@ const It = (e) => {
       onInput: _,
       onClick: E,
       onMousedown: E,
-      class: N(["atable__cell", w.pinned ? "sticky-column" : ""])
+      class: N(["atable-cell", w.pinned ? "sticky-column" : ""])
     }, [
       m(r).cellComponent ? (h(), q(De(m(r).cellComponent), ae({
         key: 0,
@@ -595,35 +595,35 @@ const It = (e) => {
   setup(e) {
     const t = Q(e.tableid), n = Z("rowEl"), l = x(() => t.display[e.rowIndex].expanded ? "▼" : "►");
     if (e.addNavigation) {
-      const s = {
+      const i = {
         "keydown.control.g": (o) => {
           o.stopPropagation(), o.preventDefault(), t.toggleRowExpand(e.rowIndex);
         }
       };
-      typeof e.addNavigation == "object" && Object.assign(s, e.addNavigation), ve([
+      typeof e.addNavigation == "object" && Object.assign(i, e.addNavigation), ve([
         {
           selectors: n,
-          handlers: s
+          handlers: i
         }
       ]);
     }
-    return (s, o) => (h(), k(X, null, [
-      W("tr", ae(s.$attrs, {
+    return (i, o) => (h(), k(X, null, [
+      W("tr", ae(i.$attrs, {
         ref: "rowEl",
-        tabindex: s.tabIndex,
+        tabindex: i.tabIndex,
         class: "expandable-row"
       }), [
         W("td", {
           tabIndex: -1,
-          onClick: o[0] || (o[0] = (a) => m(t).toggleRowExpand(s.rowIndex)),
+          onClick: o[0] || (o[0] = (a) => m(t).toggleRowExpand(i.rowIndex)),
           class: "row-index"
         }, B(l.value), 1),
-        S(s.$slots, "row")
+        S(i.$slots, "row")
       ], 16, $t),
-      m(t).display[s.rowIndex].expanded ? (h(), k("tr", {
+      m(t).display[i.rowIndex].expanded ? (h(), k("tr", {
         key: 0,
         ref: "rowExpanded",
-        tabindex: s.tabIndex,
+        tabindex: i.tabIndex,
         class: "expanded-row"
       }, [
         W("td", {
@@ -631,7 +631,7 @@ const It = (e) => {
           colspan: m(t).columns.length + 1,
           class: "expanded-row-content"
         }, [
-          S(s.$slots, "content")
+          S(i.$slots, "content")
         ], 8, Dt)
       ], 8, Tt)) : J("", !0)
     ], 64));
@@ -645,46 +645,46 @@ const It = (e) => {
     addNavigation: { type: [Boolean, Object], default: !1 }
   },
   setup(e) {
-    const t = Q(e.tableid), n = Z("rowEl"), l = x(() => t.columns.some((i) => i.pinned)), s = x(() => t.config.view !== "tree" || t.display[e.rowIndex].isRoot || t.display[e.rowIndex].open), o = x(() => t.config.view !== "tree" ? "" : t.display[e.rowIndex].isRoot || t.display[e.rowIndex].isParent ? t.display[e.rowIndex].childrenOpen ? "-" : "+" : ""), a = (i) => {
-      t.toggleRowExpand(i);
+    const t = Q(e.tableid), n = Z("rowEl"), l = x(() => t.columns.some((s) => s.pinned)), i = x(() => t.config.view !== "tree" || t.display[e.rowIndex].isRoot || t.display[e.rowIndex].open), o = x(() => t.config.view !== "tree" ? "" : t.display[e.rowIndex].isRoot || t.display[e.rowIndex].isParent ? t.display[e.rowIndex].childrenOpen ? "-" : "+" : ""), a = (s) => {
+      t.toggleRowExpand(s);
     };
     if (e.addNavigation) {
-      let i = me;
-      typeof e.addNavigation == "object" && (i = {
-        ...i,
+      let s = me;
+      typeof e.addNavigation == "object" && (s = {
+        ...s,
         ...e.addNavigation
       }), ve([
         {
           selectors: n,
-          handlers: i
+          handlers: s
         }
       ]);
     }
-    return (i, d) => ne((h(), k("tr", {
+    return (s, d) => ne((h(), k("tr", {
       ref: "rowEl",
-      tabindex: i.tabIndex,
+      tabindex: s.tabIndex,
       class: "table-row"
     }, [
-      S(i.$slots, "index", {}, () => [
+      S(s.$slots, "index", {}, () => [
         m(t).config.view === "list" ? (h(), k("td", {
           key: 0,
           tabIndex: -1,
           class: N(["list-index", l.value ? "sticky-index" : ""])
-        }, B(i.rowIndex + 1), 3)) : m(t).config.view === "tree" ? (h(), k("td", {
+        }, B(s.rowIndex + 1), 3)) : m(t).config.view === "tree" ? (h(), k("td", {
           key: 1,
           tabIndex: -1,
           class: N(["tree-index", l.value ? "sticky-index" : ""]),
-          onClick: d[0] || (d[0] = (r) => a(i.rowIndex))
+          onClick: d[0] || (d[0] = (r) => a(s.rowIndex))
         }, B(o.value), 3)) : J("", !0)
       ]),
-      S(i.$slots, "default")
+      S(s.$slots, "default")
     ], 8, Rt)), [
-      [Me, s.value]
+      [Me, i.value]
     ]);
   }
 });
 function je(e) {
-  return se() ? (ie(e), !0) : !1;
+  return ie() ? (se(e), !0) : !1;
 }
 function H(e) {
   return typeof e == "function" ? e() : m(e);
@@ -715,20 +715,20 @@ function L(e) {
 }
 const Be = Ne ? window : void 0;
 function Y(...e) {
-  let t, n, l, s;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, l, s] = e, t = Be) : [t, n, l, s] = e, !t)
+  let t, n, l, i;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, l, i] = e, t = Be) : [t, n, l, i] = e, !t)
     return j;
   Array.isArray(n) || (n = [n]), Array.isArray(l) || (l = [l]);
   const o = [], a = () => {
     o.forEach((u) => u()), o.length = 0;
-  }, i = (u, p, c, f) => (u.addEventListener(p, c, f), () => u.removeEventListener(p, c, f)), d = C(
-    () => [L(t), H(s)],
+  }, s = (u, p, c, f) => (u.addEventListener(p, c, f), () => u.removeEventListener(p, c, f)), d = C(
+    () => [L(t), H(i)],
     ([u, p]) => {
       if (a(), !u)
         return;
       const c = Pt(p) ? { ...p } : p;
       o.push(
-        ...n.flatMap((f) => l.map((v) => i(u, f, v, c)))
+        ...n.flatMap((f) => l.map((v) => s(u, f, v, c)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -739,12 +739,12 @@ function Y(...e) {
 }
 let Oe = !1;
 function $e(e, t, n = {}) {
-  const { window: l = Be, ignore: s = [], capture: o = !0, detectIframe: a = !1 } = n;
+  const { window: l = Be, ignore: i = [], capture: o = !0, detectIframe: a = !1 } = n;
   if (!l)
     return j;
   le && !Oe && (Oe = !0, Array.from(l.document.body.children).forEach((c) => c.addEventListener("click", j)), l.document.documentElement.addEventListener("click", j));
-  let i = !0;
-  const d = (c) => s.some((f) => {
+  let s = !0;
+  const d = (c) => i.some((f) => {
     if (typeof f == "string")
       return Array.from(l.document.querySelectorAll(f)).some((v) => v === c.target || c.composedPath().includes(v));
     {
@@ -755,8 +755,8 @@ function $e(e, t, n = {}) {
     Y(l, "click", (c) => {
       const f = L(e);
       if (!(!f || f === c.target || c.composedPath().includes(f))) {
-        if (c.detail === 0 && (i = !d(c)), !i) {
-          i = !0;
+        if (c.detail === 0 && (s = !d(c)), !s) {
+          s = !0;
           return;
         }
         t(c);
@@ -764,7 +764,7 @@ function $e(e, t, n = {}) {
     }, { passive: !0, capture: o }),
     Y(l, "pointerdown", (c) => {
       const f = L(e);
-      i = !d(c) && !!(f && !c.composedPath().includes(f));
+      s = !d(c) && !!(f && !c.composedPath().includes(f));
     }, { passive: !0 }),
     a && Y(l, "blur", (c) => {
       setTimeout(() => {
@@ -782,8 +782,8 @@ const jt = {
     if (typeof t.value == "function")
       e.__onClickOutside_stop = $e(e, t.value, { capture: n });
     else {
-      const [l, s] = t.value;
-      e.__onClickOutside_stop = $e(e, l, Object.assign({ capture: n }, s));
+      const [l, i] = t.value;
+      e.__onClickOutside_stop = $e(e, l, Object.assign({ capture: n }, i));
     }
   },
   [Se.unmounted](e) {
@@ -809,12 +809,12 @@ function Nt(e) {
 const te = /* @__PURE__ */ new WeakMap();
 function Bt(e, t = !1) {
   const n = b(t);
-  let l = null, s = "";
-  C(Ht(e), (i) => {
-    const d = ee(H(i));
+  let l = null, i = "";
+  C(Ht(e), (s) => {
+    const d = ee(H(s));
     if (d) {
       const r = d;
-      if (te.get(r) || te.set(r, r.style.overflow), r.style.overflow !== "hidden" && (s = r.style.overflow), r.style.overflow === "hidden")
+      if (te.get(r) || te.set(r, r.style.overflow), r.style.overflow !== "hidden" && (i = r.style.overflow), r.style.overflow === "hidden")
         return n.value = !0;
       if (n.value)
         return r.style.overflow = "hidden";
@@ -823,25 +823,25 @@ function Bt(e, t = !1) {
     immediate: !0
   });
   const o = () => {
-    const i = ee(H(e));
-    !i || n.value || (le && (l = Y(
-      i,
+    const s = ee(H(e));
+    !s || n.value || (le && (l = Y(
+      s,
       "touchmove",
       (d) => {
         Nt(d);
       },
       { passive: !1 }
-    )), i.style.overflow = "hidden", n.value = !0);
+    )), s.style.overflow = "hidden", n.value = !0);
   }, a = () => {
-    const i = ee(H(e));
-    !i || !n.value || (le && (l == null || l()), i.style.overflow = s, te.delete(i), n.value = !1);
+    const s = ee(H(e));
+    !s || !n.value || (le && (l == null || l()), s.style.overflow = i, te.delete(s), n.value = !1);
   };
   return je(a), x({
     get() {
       return n.value;
     },
-    set(i) {
-      i ? o() : a();
+    set(s) {
+      s ? o() : a();
     }
   });
 }
@@ -852,13 +852,13 @@ function Vt() {
     if (t.value = l.value, e)
       return;
     e = !0;
-    const s = Bt(n, l.value);
-    C(t, (o) => s.value = o);
+    const i = Bt(n, l.value);
+    C(t, (o) => i.value = o);
   };
 }
 Vt();
 class zt {
-  constructor(t, n, l, s, o, a) {
+  constructor(t, n, l, i, o, a) {
     T(this, "id");
     T(this, "rows");
     T(this, "columns");
@@ -866,13 +866,13 @@ class zt {
     T(this, "table");
     T(this, "display");
     T(this, "modal");
-    this.id = t || crypto.randomUUID(), this.rows = l, this.columns = R(n), this.config = R(s), this.table = o || R(this.createTableObject()), this.display = this.createDisplayObject(a), this.modal = R({ visible: !1 });
+    this.id = t || crypto.randomUUID(), this.rows = l, this.columns = R(n), this.config = R(i), this.table = o || R(this.createTableObject()), this.display = this.createDisplayObject(a), this.modal = R({ visible: !1 });
   }
   createTableObject() {
     const t = {};
     for (const [n, l] of this.columns.entries())
-      for (const [s, o] of this.rows.entries())
-        t[`${n}:${s}`] = o[l.name];
+      for (const [i, o] of this.rows.entries())
+        t[`${n}:${i}`] = o[l.name];
     return t;
   }
   createDisplayObject(t) {
@@ -880,13 +880,13 @@ class zt {
     if (t && "0:0" in t)
       return t;
     const l = /* @__PURE__ */ new Set();
-    for (let s = this.rows.length - 1; s >= 0; s--) {
-      const o = this.rows[s];
-      o.parent && l.add(o.parent), n[s] = {
+    for (let i = this.rows.length - 1; i >= 0; i--) {
+      const o = this.rows[i];
+      o.parent && l.add(o.parent), n[i] = {
         childrenOpen: !1,
         expanded: !1,
         indent: o.indent || null,
-        isParent: l.has(s),
+        isParent: l.has(i),
         isRoot: o.parent === null || o.parent === void 0,
         rowModified: !1,
         open: o.parent === null || o.parent === void 0,
@@ -905,8 +905,8 @@ class zt {
     return this.table[`${t}:${n}`];
   }
   setCellData(t, n, l) {
-    const s = `${n}:${t}`, o = this.columns[n];
-    return this.table[s] !== l && (this.display[t].rowModified = !0), this.table[s] = l, this.rows[t][o.name] = l, this.table[s];
+    const i = `${n}:${t}`, o = this.columns[n];
+    return this.table[i] !== l && (this.display[t].rowModified = !0), this.table[i] = l, this.rows[t][o.name] = l, this.table[i];
   }
   toggleRowExpand(t) {
     if (this.config.view === "tree") {
@@ -929,26 +929,30 @@ const Ft = {
     tableid: {}
   },
   setup(e) {
-    const t = Q(e.tableid), n = x(() => t.columns.some((s) => s.pinned)), l = (s) => ({
-      minWidth: s.width || "40ch",
-      textAlign: s.align || "center",
+    const t = Q(e.tableid), n = x(() => t.columns.some((i) => i.pinned)), l = (i) => ({
+      minWidth: i.width || "40ch",
+      textAlign: i.align || "center",
       width: t.config.fullWidth ? "auto" : null
     });
-    return (s, o) => s.columns.length ? (h(), k("thead", Ft, [
+    return (i, o) => i.columns.length ? (h(), k("thead", Ft, [
       W("tr", Gt, [
         m(t).zeroColumn ? (h(), k("th", {
           key: 0,
           id: "header-index",
-          class: N(n.value ? "sticky-index" : "")
+          class: N([[
+            n.value ? "sticky-index" : "",
+            m(t).config.view === "tree" ? "tree-index" : "",
+            m(t).config.view === "list-expansion" ? "list-expansion-index" : ""
+          ], "list-index"])
         }, null, 2)) : J("", !0),
-        (h(!0), k(X, null, oe(s.columns, (a, i) => (h(), k("th", {
+        (h(!0), k(X, null, oe(i.columns, (a, s) => (h(), k("th", {
           key: a.name,
           tabindex: "-1",
           style: P(l(a)),
           class: N(a.pinned ? "sticky-column" : "")
         }, [
-          S(s.$slots, "default", {}, () => [
-            Ze(B(a.label || String.fromCharCode(i + 97).toUpperCase()), 1)
+          S(i.$slots, "default", {}, () => [
+            Ze(B(a.label || String.fromCharCode(s + 97).toUpperCase()), 1)
           ])
         ], 6))), 128))
       ])
@@ -985,7 +989,7 @@ const Ft = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = t, l = Z("table"), s = e.modelValue ? e.modelValue : e.rows, o = new zt(e.id, e.columns, s, e.config);
+    const n = t, l = Z("table"), i = e.modelValue ? e.modelValue : e.rows, o = new zt(e.id, e.columns, i, e.config);
     Ke(o.id, o), C(
       () => o.rows,
       (d) => {
@@ -1008,7 +1012,7 @@ const Ft = {
           (g.classList.contains("sticky-column") || g.classList.contains("sticky-index")) && (g.style.left = `${f}px`, f += g.offsetWidth, v.push(g));
         v.length > 0 && v[v.length - 1].classList.add("sticky-column-edge");
       }
-    }, i = (d) => {
+    }, s = (d) => {
       var r;
       d.target instanceof Node && (r = o.modal.parent) != null && r.contains(d.target) || o.modal.visible && (o.modal.visible = !1);
     };
@@ -1086,15 +1090,15 @@ const Ft = {
         ])
       ], !0)
     ], 4)), [
-      [m(jt), i]
+      [m(jt), s]
     ]);
   }
 }), qt = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [l, s] of t)
-    n[l] = s;
+  for (const [l, i] of t)
+    n[l] = i;
   return n;
-}, Yt = /* @__PURE__ */ qt(Ut, [["__scopeId", "data-v-2896bed9"]]);
+}, Yt = /* @__PURE__ */ qt(Ut, [["__scopeId", "data-v-3b613fb3"]]);
 function Zt(e) {
   e.component("ACell", We), e.component("AExpansionRow", Mt), e.component("ARow", He), e.component("ATable", Yt), e.component("ATableHeader", ze), e.component("ATableModal", Fe);
 }