@stonecrop/atable 0.2.39 → 0.2.41

package/dist/atable.js

@@ -1,789 +1,928 @@
-var Pe = Object.defineProperty;
-var He = (e, t, n) => t in e ? Pe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var S = (e, t, n) => He(e, typeof t != "symbol" ? t + "" : t, n);
-import { onMounted as xe, ref as k, watch as D, onBeforeUnmount as je, computed as y, unref as f, getCurrentScope as Ee, onScopeDispose as Ie, getCurrentInstance as Ne, defineComponent as T, inject as Y, useTemplateRef as ee, openBlock as h, createElementBlock as b, createBlock as B, resolveDynamicComponent as ke, mergeProps as te, toDisplayString as P, Fragment as q, createElementVNode as O, renderSlot as I, createCommentVNode as G, withDirectives as Z, vShow as Ce, toRef as We, readonly as Ve, customRef as Ue, reactive as $, renderList as K, normalizeStyle as z, createTextVNode as Be, provide as ze, nextTick as Fe, createVNode as de, withCtx as ce } from "vue";
-function Ae(e) {
-  return Ee() ? (Ie(e), !0) : !1;
+var qe = Object.defineProperty;
+var Ye = (e, t, n) => t in e ? qe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var O = (e, t, n) => Ye(e, typeof t != "symbol" ? t + "" : t, n);
+import { onMounted as B, ref as g, watch as A, onBeforeUnmount as Xe, computed as E, unref as m, getCurrentScope as ie, onScopeDispose as se, getCurrentInstance as re, nextTick as Te, defineComponent as D, inject as Q, useTemplateRef as Z, openBlock as b, createElementBlock as k, normalizeClass as j, createBlock as G, resolveDynamicComponent as Le, mergeProps as ae, toDisplayString as H, Fragment as X, createElementVNode as M, renderSlot as I, createCommentVNode as J, withDirectives as ne, vShow as Me, toRef as Je, readonly as Qe, customRef as Ze, reactive as T, renderList as oe, normalizeStyle as q, createTextVNode as Ke, provide as _e, createVNode as ge, withCtx as be } from "vue";
+function Pe(e) {
+  return ie() ? (se(e), !0) : !1;
 }
-function ne(e) {
-  return typeof e == "function" ? e() : f(e);
+function ce(e) {
+  return typeof e == "function" ? e() : m(e);
 }
-const qe = typeof window < "u" && typeof document < "u";
+const et = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Ge = (e) => e != null, Ye = Object.prototype.toString, Xe = (e) => Ye.call(e) === "[object Object]", Je = () => {
-}, N = qe ? window : void 0;
-function H(e) {
+const tt = (e) => e != null, nt = Object.prototype.toString, ot = (e) => nt.call(e) === "[object Object]", lt = () => {
+}, U = et ? window : void 0;
+function N(e) {
   var t;
-  const n = ne(e);
+  const n = ce(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function j(...e) {
-  let t, n, o, l;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, l] = e, t = N) : [t, n, o, l] = e, !t)
-    return Je;
-  Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
-  const i = [], a = () => {
-    i.forEach((d) => d()), i.length = 0;
-  }, r = (d, p, c, m) => (d.addEventListener(p, c, m), () => d.removeEventListener(p, c, m)), u = D(
-    () => [H(t), ne(l)],
-    ([d, p]) => {
-      if (a(), !d)
+function V(...e) {
+  let t, n, l, i;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, l, i] = e, t = U) : [t, n, l, i] = e, !t)
+    return lt;
+  Array.isArray(n) || (n = [n]), Array.isArray(l) || (l = [l]);
+  const o = [], s = () => {
+    o.forEach((u) => u()), o.length = 0;
+  }, r = (u, f, a, p) => (u.addEventListener(f, a, p), () => u.removeEventListener(f, a, p)), c = A(
+    () => [N(t), ce(i)],
+    ([u, f]) => {
+      if (s(), !u)
         return;
-      const c = Xe(p) ? { ...p } : p;
-      i.push(
-        ...n.flatMap((m) => o.map((w) => r(d, m, w, c)))
+      const a = ot(f) ? { ...f } : f;
+      o.push(
+        ...n.flatMap((p) => l.map((v) => r(u, p, v, a)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), s = () => {
-    u(), a();
+  ), d = () => {
+    c(), s();
   };
-  return Ae(s), s;
+  return Pe(d), d;
 }
-function Qe() {
-  const e = k(!1), t = Ne();
-  return t && xe(() => {
+function it() {
+  const e = g(!1), t = re();
+  return t && B(() => {
     e.value = !0;
   }, t), e;
 }
-function Ze(e) {
-  const t = Qe();
-  return y(() => (t.value, !!e()));
-}
-function Ke(e, t, n = {}) {
-  const { window: o = N, ...l } = n;
-  let i;
-  const a = Ze(() => o && "MutationObserver" in o), r = () => {
-    i && (i.disconnect(), i = void 0);
-  }, u = y(() => {
-    const c = ne(e), m = (Array.isArray(c) ? c : [c]).map(H).filter(Ge);
-    return new Set(m);
-  }), s = D(
-    () => u.value,
-    (c) => {
-      r(), a.value && c.size && (i = new MutationObserver(t), c.forEach((m) => i.observe(m, l)));
+function st(e) {
+  const t = it();
+  return E(() => (t.value, !!e()));
+}
+function rt(e, t, n = {}) {
+  const { window: l = U, ...i } = n;
+  let o;
+  const s = st(() => l && "MutationObserver" in l), r = () => {
+    o && (o.disconnect(), o = void 0);
+  }, c = E(() => {
+    const a = ce(e), p = (Array.isArray(a) ? a : [a]).map(N).filter(tt);
+    return new Set(p);
+  }), d = A(
+    () => c.value,
+    (a) => {
+      r(), s.value && a.size && (o = new MutationObserver(t), a.forEach((p) => o.observe(p, i)));
     },
     { immediate: !0, flush: "post" }
-  ), d = () => i == null ? void 0 : i.takeRecords(), p = () => {
-    s(), r();
+  ), u = () => o == null ? void 0 : o.takeRecords(), f = () => {
+    d(), r();
   };
-  return Ae(p), {
-    isSupported: a,
-    stop: p,
-    takeRecords: d
+  return Pe(f), {
+    isSupported: s,
+    stop: f,
+    takeRecords: u
   };
 }
-function _e(e = {}) {
+function at(e = {}) {
   var t;
   const {
-    window: n = N,
-    deep: o = !0,
-    triggerOnRemoval: l = !1
-  } = e, i = (t = e.document) != null ? t : n == null ? void 0 : n.document, a = () => {
-    var s;
-    let d = i == null ? void 0 : i.activeElement;
-    if (o)
-      for (; d != null && d.shadowRoot; )
-        d = (s = d == null ? void 0 : d.shadowRoot) == null ? void 0 : s.activeElement;
-    return d;
-  }, r = k(), u = () => {
-    r.value = a();
+    window: n = U,
+    deep: l = !0,
+    triggerOnRemoval: i = !1
+  } = e, o = (t = e.document) != null ? t : n == null ? void 0 : n.document, s = () => {
+    var d;
+    let u = o == null ? void 0 : o.activeElement;
+    if (l)
+      for (; u != null && u.shadowRoot; )
+        u = (d = u == null ? void 0 : u.shadowRoot) == null ? void 0 : d.activeElement;
+    return u;
+  }, r = g(), c = () => {
+    r.value = s();
   };
-  return n && (j(n, "blur", (s) => {
-    s.relatedTarget === null && u();
-  }, !0), j(n, "focus", u, !0)), l && Ke(i, (s) => {
-    s.filter((d) => d.removedNodes.length).map((d) => Array.from(d.removedNodes)).flat().forEach((d) => {
-      d === r.value && u();
+  return n && (V(n, "blur", (d) => {
+    d.relatedTarget === null && c();
+  }, !0), V(n, "focus", c, !0)), i && rt(o, (d) => {
+    d.filter((u) => u.removedNodes.length).map((u) => Array.from(u.removedNodes)).flat().forEach((u) => {
+      u === r.value && c();
     });
   }, {
     childList: !0,
     subtree: !0
-  }), u(), r;
+  }), c(), r;
 }
-const et = "focusin", tt = "focusout";
-function nt(e, t = {}) {
-  const { window: n = N } = t, o = y(() => H(e)), l = k(!1), i = y(() => l.value), a = _e(t);
-  return !n || !a.value ? { focused: i } : (j(o, et, () => l.value = !0), j(o, tt, () => l.value = !1), { focused: i });
+const ct = "focusin", dt = "focusout";
+function ut(e, t = {}) {
+  const { window: n = U } = t, l = E(() => N(e)), i = g(!1), o = E(() => i.value), s = at(t);
+  return !n || !s.value ? { focused: o } : (V(l, ct, () => i.value = !0), V(l, dt, () => i.value = !1), { focused: o });
 }
-function ot(e, { window: t = N, scrollTarget: n } = {}) {
-  const o = k(!1), l = () => {
+function ft(e, { window: t = U, scrollTarget: n } = {}) {
+  const l = g(!1), i = () => {
     if (!t) return;
-    const i = t.document, a = H(e);
-    if (!a)
-      o.value = !1;
+    const o = t.document, s = N(e);
+    if (!s)
+      l.value = !1;
     else {
-      const r = a.getBoundingClientRect();
-      o.value = r.top <= (t.innerHeight || i.documentElement.clientHeight) && r.left <= (t.innerWidth || i.documentElement.clientWidth) && r.bottom >= 0 && r.right >= 0;
+      const r = s.getBoundingClientRect();
+      l.value = r.top <= (t.innerHeight || o.documentElement.clientHeight) && r.left <= (t.innerWidth || o.documentElement.clientWidth) && r.bottom >= 0 && r.right >= 0;
     }
   };
-  return D(
-    () => H(e),
-    () => l(),
+  return A(
+    () => N(e),
+    () => i(),
     { immediate: !0, flush: "post" }
-  ), t && j(n || t, "scroll", l, {
+  ), t && V(n || t, "scroll", i, {
     capture: !1,
     passive: !0
-  }), o;
+  }), l;
 }
-const C = (e) => {
-  let t = ot(e).value;
+const S = (e) => {
+  let t = ft(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, A = (e) => e.tabIndex >= 0, ue = (e) => {
+}, $ = (e) => e.tabIndex >= 0, xe = (e) => {
   const t = e.target;
-  return oe(t);
-}, oe = (e) => {
+  return de(t);
+}, de = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
-    const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
-    if (o) {
-      const l = Array.from(o.children)[e.cellIndex];
-      l && (n = l);
+    const l = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
+    if (l) {
+      const i = Array.from(l.children)[e.cellIndex];
+      i && (n = i);
     }
   } else if (e instanceof HTMLTableRowElement) {
-    const o = e.previousElementSibling;
-    o && (n = o);
+    const l = e.previousElementSibling;
+    l && (n = l);
   }
-  return n && (!A(n) || !C(n)) ? oe(n) : n;
-}, lt = (e) => {
+  return n && (!$(n) || !S(n)) ? de(n) : n;
+}, pt = (e) => {
   var t;
   const n = e.target;
-  let o;
+  let l;
   if (n instanceof HTMLTableCellElement) {
-    const l = (t = n.parentElement) == null ? void 0 : t.parentElement;
-    if (l) {
-      const i = l.firstElementChild.children[n.cellIndex];
-      i && (o = i);
+    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 l = n.parentElement;
-    if (l) {
-      const i = l.firstElementChild;
-      i && (o = i);
+    const i = n.parentElement;
+    if (i) {
+      const o = i.firstElementChild;
+      o && (l = o);
     }
   }
-  return o && (!A(o) || !C(o)) ? le(o) : o;
-}, fe = (e) => {
+  return l && (!$(l) || !S(l)) ? ue(l) : l;
+}, Ee = (e) => {
   const t = e.target;
-  return le(t);
-}, le = (e) => {
+  return ue(t);
+}, ue = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
-    const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
-    if (o) {
-      const l = Array.from(o.children)[e.cellIndex];
-      l && (n = l);
+    const l = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
+    if (l) {
+      const i = Array.from(l.children)[e.cellIndex];
+      i && (n = i);
     }
   } else if (e instanceof HTMLTableRowElement) {
-    const o = e.nextElementSibling;
-    o && (n = o);
+    const l = e.nextElementSibling;
+    l && (n = l);
   }
-  return n && (!A(n) || !C(n)) ? le(n) : n;
-}, at = (e) => {
+  return n && (!$(n) || !S(n)) ? ue(n) : n;
+}, mt = (e) => {
   var t;
   const n = e.target;
-  let o;
+  let l;
   if (n instanceof HTMLTableCellElement) {
-    const l = (t = n.parentElement) == null ? void 0 : t.parentElement;
-    if (l) {
-      const i = l.lastElementChild.children[n.cellIndex];
-      i && (o = i);
+    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 l = n.parentElement;
-    if (l) {
-      const i = l.lastElementChild;
-      i && (o = i);
+    const i = n.parentElement;
+    if (i) {
+      const o = i.lastElementChild;
+      o && (l = o);
     }
   }
-  return o && (!A(o) || !C(o)) ? oe(o) : o;
-}, me = (e) => {
+  return l && (!$(l) || !S(l)) ? de(l) : l;
+}, ke = (e) => {
   const t = e.target;
-  return ae(t);
-}, ae = (e) => {
+  return fe(t);
+}, fe = (e) => {
   var t;
   let n;
   if (e.previousElementSibling)
     n = e.previousElementSibling;
   else {
-    const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
-    n = o == null ? void 0 : o.lastElementChild;
+    const l = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
+    n = l == null ? void 0 : l.lastElementChild;
   }
-  return n && (!A(n) || !C(n)) ? ae(n) : n;
-}, pe = (e) => {
+  return n && (!$(n) || !S(n)) ? fe(n) : n;
+}, Ce = (e) => {
   const t = e.target;
-  return ie(t);
-}, ie = (e) => {
+  return pe(t);
+}, pe = (e) => {
   var t;
   let n;
   if (e.nextElementSibling)
     n = e.nextElementSibling;
   else {
-    const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
-    n = o == null ? void 0 : o.firstElementChild;
+    const l = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
+    n = l == null ? void 0 : l.firstElementChild;
   }
-  return n && (!A(n) || !C(n)) ? ie(n) : n;
-}, ve = (e) => {
+  return n && (!$(n) || !S(n)) ? pe(n) : n;
+}, Ae = (e) => {
   const t = e.target.parentElement.firstElementChild;
-  return t && (!A(t) || !C(t)) ? ie(t) : t;
-}, we = (e) => {
+  return t && (!$(t) || !S(t)) ? pe(t) : t;
+}, Ie = (e) => {
   const t = e.target.parentElement.lastElementChild;
-  return t && (!A(t) || !C(t)) ? ae(t) : t;
-}, V = ["alt", "control", "shift", "meta"], it = {
+  return t && (!$(t) || !S(t)) ? fe(t) : t;
+}, z = ["alt", "control", "shift", "meta"], vt = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, re = {
+}, me = {
   "keydown.up": (e) => {
-    const t = ue(e);
+    const t = xe(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
-    const t = fe(e);
+    const t = Ee(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = me(e);
+    const t = ke(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = pe(e);
+    const t = Ce(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = lt(e);
+    const t = pt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = at(e);
+    const t = mt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = ve(e);
+    const t = Ae(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = we(e);
+    const t = Ie(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = we(e);
+    const t = Ie(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = fe(e);
+      const t = Ee(e);
       t && t.focus();
     }
   },
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = ue(e);
+      const t = xe(e);
       t && t.focus();
     }
   },
   "keydown.home": (e) => {
-    const t = ve(e);
+    const t = Ae(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = pe(e);
+    const t = Ce(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = me(e);
+    const t = ke(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
-function se(e) {
-  const t = (a) => {
+function ve(e) {
+  const t = (s) => {
     let r = null;
-    return a.parent && (typeof a.parent == "string" ? r = document.querySelector(a.parent) : a.parent instanceof HTMLElement ? r = a.parent : r = a.parent.value), r;
-  }, n = (a) => {
-    const r = t(a);
-    let u = [];
-    if (typeof a.selectors == "string")
-      u = r ? Array.from(r.querySelectorAll(a.selectors)) : Array.from(document.querySelectorAll(a.selectors));
-    else if (Array.isArray(a.selectors))
-      for (const s of a.selectors)
-        s instanceof HTMLElement ? u.push(s) : u.push(s.$el);
-    else if (a.selectors instanceof HTMLElement)
-      u.push(a.selectors);
-    else if (Array.isArray(a.selectors.value))
-      for (const s of a.selectors.value)
-        s instanceof HTMLElement ? u.push(s) : u.push(s.$el);
+    return s.parent && (typeof s.parent == "string" ? r = document.querySelector(s.parent) : s.parent instanceof HTMLElement ? r = s.parent : r = s.parent.value), r;
+  }, n = (s) => {
+    const r = t(s);
+    let c = [];
+    if (typeof s.selectors == "string")
+      c = r ? Array.from(r.querySelectorAll(s.selectors)) : Array.from(document.querySelectorAll(s.selectors));
+    else if (Array.isArray(s.selectors))
+      for (const d of s.selectors)
+        d instanceof HTMLElement ? c.push(d) : c.push(d.$el);
+    else if (s.selectors instanceof HTMLElement)
+      c.push(s.selectors);
+    else if (Array.isArray(s.selectors.value))
+      for (const d of s.selectors.value)
+        d instanceof HTMLElement ? c.push(d) : c.push(d.$el);
     else
-      u.push(a.selectors.value);
-    return u;
-  }, o = (a) => {
-    const r = t(a);
-    let u = [];
-    return a.selectors ? u = n(a) : r && (u = Array.from(r.children).filter((s) => A(s) && C(s))), u;
-  }, l = (a) => (r) => {
-    const u = it[r.key] || r.key.toLowerCase();
-    if (V.includes(u)) return;
-    const s = a.handlers || re;
-    for (const d of Object.keys(s)) {
-      const [p, ...c] = d.split(".");
-      if (p === "keydown" && c.includes(u)) {
-        const m = s[d], w = c.filter((x) => V.includes(x)), W = V.some((x) => {
-          const v = x.charAt(0).toUpperCase() + x.slice(1);
-          return r.getModifierState(v);
+      c.push(s.selectors.value);
+    return c;
+  }, l = (s) => {
+    const r = t(s);
+    let c = [];
+    return s.selectors ? c = n(s) : r && (c = Array.from(r.children).filter((d) => $(d) && S(d))), c;
+  }, i = (s) => (r) => {
+    const c = vt[r.key] || r.key.toLowerCase();
+    if (z.includes(c)) return;
+    const d = s.handlers || me;
+    for (const u of Object.keys(d)) {
+      const [f, ...a] = u.split(".");
+      if (f === "keydown" && a.includes(c)) {
+        const p = d[u], v = a.filter((y) => z.includes(y)), C = z.some((y) => {
+          const h = y.charAt(0).toUpperCase() + y.slice(1);
+          return r.getModifierState(h);
         });
-        if (w.length > 0) {
-          if (W) {
-            for (const x of V)
-              if (c.includes(x)) {
-                const v = x.charAt(0).toUpperCase() + x.slice(1);
-                r.getModifierState(v) && m(r);
+        if (v.length > 0) {
+          if (C) {
+            for (const y of z)
+              if (a.includes(y)) {
+                const h = y.charAt(0).toUpperCase() + y.slice(1);
+                r.getModifierState(h) && p(r);
               }
           }
         } else
-          W || m(r);
+          C || p(r);
       }
     }
-  }, i = [];
-  xe(() => {
-    for (const a of e) {
-      const r = t(a), u = o(a), s = l(a), d = r ? [r] : u;
-      for (const p of d) {
-        const { focused: c } = nt(k(p)), m = D(c, (w) => {
-          w ? p.addEventListener("keydown", s) : p.removeEventListener("keydown", s);
+  }, o = [];
+  B(() => {
+    for (const s of e) {
+      const r = t(s), c = l(s), d = i(s), u = r ? [r] : c;
+      for (const f of u) {
+        const { focused: a } = ut(g(f)), p = A(a, (v) => {
+          v ? f.addEventListener("keydown", d) : f.removeEventListener("keydown", d);
         });
-        i.push(m);
+        o.push(p);
       }
     }
-  }), je(() => {
-    for (const a of i)
-      a();
+  }), Xe(() => {
+    for (const s of o)
+      s();
   });
 }
-const rt = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], st = { key: 1 }, Se = /* @__PURE__ */ T({
+function he(e) {
+  return ie() ? (se(e), !0) : !1;
+}
+function K(e) {
+  return typeof e == "function" ? e() : m(e);
+}
+const ht = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const wt = (e) => e != null, yt = Object.prototype.toString, gt = (e) => yt.call(e) === "[object Object]", bt = () => {
+};
+function xt(e) {
+  return re();
+}
+function Et(e, t = !0, n) {
+  xt() ? B(e, n) : t ? e() : Te(e);
+}
+const we = ht ? window : void 0;
+function R(e) {
+  var t;
+  const n = K(e);
+  return (t = n == null ? void 0 : n.$el) != null ? t : n;
+}
+function Se(...e) {
+  let t, n, l, i;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, l, i] = e, t = we) : [t, n, l, i] = e, !t)
+    return bt;
+  Array.isArray(n) || (n = [n]), Array.isArray(l) || (l = [l]);
+  const o = [], s = () => {
+    o.forEach((u) => u()), o.length = 0;
+  }, r = (u, f, a, p) => (u.addEventListener(f, a, p), () => u.removeEventListener(f, a, p)), c = A(
+    () => [R(t), K(i)],
+    ([u, f]) => {
+      if (s(), !u)
+        return;
+      const a = gt(f) ? { ...f } : f;
+      o.push(
+        ...n.flatMap((p) => l.map((v) => r(u, p, v, a)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), d = () => {
+    c(), s();
+  };
+  return he(d), d;
+}
+function kt() {
+  const e = g(!1), t = re();
+  return t && B(() => {
+    e.value = !0;
+  }, t), e;
+}
+function We(e) {
+  const t = kt();
+  return E(() => (t.value, !!e()));
+}
+function je(e, t, n = {}) {
+  const { window: l = we, ...i } = n;
+  let o;
+  const s = We(() => l && "MutationObserver" in l), r = () => {
+    o && (o.disconnect(), o = void 0);
+  }, c = E(() => {
+    const a = K(e), p = (Array.isArray(a) ? a : [a]).map(R).filter(wt);
+    return new Set(p);
+  }), d = A(
+    () => c.value,
+    (a) => {
+      r(), s.value && a.size && (o = new MutationObserver(t), a.forEach((p) => o.observe(p, i)));
+    },
+    { immediate: !0, flush: "post" }
+  ), u = () => o == null ? void 0 : o.takeRecords(), f = () => {
+    d(), r();
+  };
+  return he(f), {
+    isSupported: s,
+    stop: f,
+    takeRecords: u
+  };
+}
+function Ct(e, t, n = {}) {
+  const { window: l = we, ...i } = n;
+  let o;
+  const s = We(() => l && "ResizeObserver" in l), r = () => {
+    o && (o.disconnect(), o = void 0);
+  }, c = E(() => {
+    const f = K(e);
+    return Array.isArray(f) ? f.map((a) => R(a)) : [R(f)];
+  }), d = A(
+    c,
+    (f) => {
+      if (r(), s.value && l) {
+        o = new ResizeObserver(t);
+        for (const a of f)
+          a && o.observe(a, i);
+      }
+    },
+    { immediate: !0, flush: "post" }
+  ), u = () => {
+    r(), d();
+  };
+  return he(u), {
+    isSupported: s,
+    stop: u
+  };
+}
+function At(e, t = {}) {
+  const {
+    reset: n = !0,
+    windowResize: l = !0,
+    windowScroll: i = !0,
+    immediate: o = !0,
+    updateTiming: s = "sync"
+  } = t, r = g(0), c = g(0), d = g(0), u = g(0), f = g(0), a = g(0), p = g(0), v = g(0);
+  function C() {
+    const h = R(e);
+    if (!h) {
+      n && (r.value = 0, c.value = 0, d.value = 0, u.value = 0, f.value = 0, a.value = 0, p.value = 0, v.value = 0);
+      return;
+    }
+    const w = h.getBoundingClientRect();
+    r.value = w.height, c.value = w.bottom, d.value = w.left, u.value = w.right, f.value = w.top, a.value = w.width, p.value = w.x, v.value = w.y;
+  }
+  function y() {
+    s === "sync" ? C() : s === "next-frame" && requestAnimationFrame(() => C());
+  }
+  return Ct(e, y), A(() => R(e), (h) => !h && y()), je(e, y, {
+    attributeFilter: ["style", "class"]
+  }), i && Se("scroll", y, { capture: !0, passive: !0 }), l && Se("resize", y, { passive: !0 }), Et(() => {
+    o && y();
+  }), {
+    height: r,
+    bottom: c,
+    left: d,
+    right: u,
+    top: f,
+    width: a,
+    x: p,
+    y: v,
+    update: y
+  };
+}
+const It = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], St = { key: 1 }, He = /* @__PURE__ */ D({
   __name: "ACell",
   props: {
     colIndex: {},
     rowIndex: {},
     tableid: {},
     addNavigation: { type: [Boolean, Object], default: !0 },
-    tabIndex: { default: 0 }
+    tabIndex: { default: 0 },
+    pinned: { type: Boolean }
   },
   setup(e) {
-    var x;
-    const t = Y(e.tableid), n = ee("cell"), o = k(""), l = k(!1), i = t.table, a = t.columns[e.colIndex], r = t.rows[e.rowIndex], u = y(() => {
-      const v = t.cellData(e.colIndex, e.rowIndex), E = a.format;
-      return E ? typeof E == "function" ? E(v, { table: i, row: r, column: a }) : typeof E == "string" ? Function(`"use strict";return (${E})`)()(v, { table: i, row: r, column: a }) : v : v;
-    }), s = () => {
-      if (a.mask, a.modalComponent) {
-        const v = n.value.getBoundingClientRect();
-        t.modal.visible = !0, t.modal.colIndex = e.colIndex, t.modal.rowIndex = e.rowIndex, t.modal.parent = n.value, t.modal.top = v.top + v.height, t.modal.left = v.left, t.modal.width = p.value, typeof a.modalComponent == "function" ? t.modal.component = a.modalComponent({ table: i, row: r, column: a }) : t.modal.component = a.modalComponent, t.modal.componentProps = a.modalComponentExtraProps;
+    var y;
+    const t = Q(e.tableid), n = Z("cell"), l = g(""), i = g(!1), o = t.table, s = t.columns[e.colIndex], r = t.rows[e.rowIndex], c = E(() => s.align || "center"), d = E(() => s.width || "40ch"), u = E(() => {
+      const h = t.cellData(e.colIndex, e.rowIndex), w = s.format;
+      return w ? typeof w == "function" ? w(h, { table: o, row: r, column: s }) : typeof w == "string" ? Function(`"use strict";return (${w})`)()(h, { table: o, row: r, column: s }) : h : h;
+    }), f = () => {
+      if (s.mask, s.modalComponent) {
+        const { top: h, left: w, height: ye } = At(n);
+        t.modal.visible = !0, t.modal.colIndex = e.colIndex, t.modal.rowIndex = e.rowIndex, t.modal.parent = n.value, t.modal.top = h.value + ye.value, t.modal.left = w.value, t.modal.width = d.value, typeof s.modalComponent == "function" ? t.modal.component = s.modalComponent({ table: o, row: r, column: s }) : t.modal.component = s.modalComponent, t.modal.componentProps = s.modalComponentExtraProps;
       }
     };
     if (e.addNavigation) {
-      let v = {
-        ...re,
-        "keydown.f2": s,
-        "keydown.alt.up": s,
-        "keydown.alt.down": s,
-        "keydown.alt.left": s,
-        "keydown.alt.right": s
+      let h = {
+        ...me,
+        "keydown.f2": f,
+        "keydown.alt.up": f,
+        "keydown.alt.down": f,
+        "keydown.alt.left": f,
+        "keydown.alt.right": f
       };
-      typeof e.addNavigation == "object" && (v = {
-        ...v,
+      typeof e.addNavigation == "object" && (h = {
+        ...h,
         ...e.addNavigation
-      }), se([
+      }), ve([
         {
           selectors: n,
-          handlers: v
+          handlers: h
         }
       ]);
     }
-    const d = y(() => a.align || "center"), p = y(() => a.width || "40ch"), c = () => {
-      n.value && (o.value = n.value.textContent);
-    }, m = () => {
-      n.value && n.value.textContent !== o.value && (o.value = n.value.textContent, n.value.dispatchEvent(new Event("change")), l.value = !0, a.format || t.setCellData(e.rowIndex, e.colIndex, o.value));
-    }, w = (v, E) => E && v === 0 && E > 0 ? `${E}ch` : "inherit", W = {
-      textAlign: d.value,
-      width: p.value,
-      backgroundColor: l.value ? "var(--cell-modified-color)" : "inherit",
-      fontWeight: l.value ? "bold" : "inherit",
-      paddingLeft: w(e.colIndex, (x = t.display[e.rowIndex]) == null ? void 0 : x.indent)
+    const a = () => {
+      n.value && (l.value = n.value.textContent);
+    }, p = () => {
+      n.value && n.value.textContent !== l.value && (l.value = n.value.textContent, n.value.dispatchEvent(new Event("change")), i.value = !0, s.format || t.setCellData(e.rowIndex, e.colIndex, l.value));
+    }, v = (h, w) => w && h === 0 && w > 0 ? `${w}ch` : "inherit", C = {
+      textAlign: c.value,
+      width: d.value,
+      backgroundColor: i.value ? "var(--cell-modified-color)" : "inherit",
+      fontWeight: i.value ? "bold" : "inherit",
+      paddingLeft: v(e.colIndex, (y = t.display[e.rowIndex]) == null ? void 0 : y.indent)
     };
-    return (v, E) => (h(), b("td", {
+    return (h, w) => (b(), k("td", {
       ref: "cell",
-      "data-colindex": v.colIndex,
-      "data-rowindex": v.rowIndex,
-      "data-editable": f(t).columns[v.colIndex].edit,
-      contenteditable: f(t).columns[v.colIndex].edit,
-      tabindex: v.tabIndex,
+      "data-colindex": h.colIndex,
+      "data-rowindex": h.rowIndex,
+      "data-editable": m(s).edit,
+      contenteditable: m(s).edit,
+      tabindex: h.tabIndex,
       spellcheck: !1,
-      style: W,
-      onFocus: c,
-      onPaste: m,
-      onBlur: m,
-      onInput: m,
-      onClick: s,
-      onMousedown: s,
-      class: "atable__cell"
+      style: C,
+      onFocus: a,
+      onPaste: p,
+      onBlur: p,
+      onInput: p,
+      onClick: f,
+      onMousedown: f,
+      class: j(["atable__cell", h.pinned ? "sticky-column" : ""])
     }, [
-      f(t).columns[v.colIndex].cellComponent ? (h(), B(ke(f(t).columns[v.colIndex].cellComponent), te({
+      m(s).cellComponent ? (b(), G(Le(m(s).cellComponent), ae({
         key: 0,
         value: u.value
-      }, f(t).columns[v.colIndex].cellComponentProps), null, 16, ["value"])) : (h(), b("span", st, P(u.value), 1))
-    ], 40, rt));
+      }, m(s).cellComponentProps), null, 16, ["value"])) : (b(), k("span", St, H(u.value), 1))
+    ], 42, It));
   }
-}), dt = ["tabindex"], ct = ["tabindex"], ut = ["colspan"], ft = /* @__PURE__ */ T({
+}), $t = ["tabindex"], Ot = ["tabindex"], Rt = ["colspan"], Dt = /* @__PURE__ */ D({
   __name: "AExpansionRow",
   props: {
-    row: {},
     rowIndex: {},
     tableid: {},
     tabIndex: { default: () => -1 },
     addNavigation: { type: [Boolean, Object] }
   },
   setup(e) {
-    const t = Y(e.tableid), n = ee("rowEl"), o = y(() => t.display[e.rowIndex].expanded ? "▼" : "►");
+    const t = Q(e.tableid), n = Z("rowEl"), l = E(() => t.display[e.rowIndex].expanded ? "▼" : "►");
     if (e.addNavigation) {
-      const l = {
-        "keydown.control.g": (i) => {
-          i.stopPropagation(), i.preventDefault(), t.toggleRowExpand(e.rowIndex);
+      const i = {
+        "keydown.control.g": (o) => {
+          o.stopPropagation(), o.preventDefault(), t.toggleRowExpand(e.rowIndex);
         }
       };
-      typeof e.addNavigation == "object" && Object.assign(l, e.addNavigation), se([
+      typeof e.addNavigation == "object" && Object.assign(i, e.addNavigation), ve([
         {
           selectors: n,
-          handlers: l
+          handlers: i
         }
       ]);
     }
-    return (l, i) => (h(), b(q, null, [
-      O("tr", te(l.$attrs, {
+    return (i, o) => (b(), k(X, null, [
+      M("tr", ae(i.$attrs, {
         ref: "rowEl",
-        tabindex: l.tabIndex,
+        tabindex: i.tabIndex,
         class: "expandable-row"
       }), [
-        O("td", {
+        M("td", {
           tabIndex: -1,
-          onClick: i[0] || (i[0] = (a) => f(t).toggleRowExpand(l.rowIndex)),
+          onClick: o[0] || (o[0] = (s) => m(t).toggleRowExpand(i.rowIndex)),
           class: "row-index"
-        }, P(o.value), 1),
-        I(l.$slots, "row")
-      ], 16, dt),
-      f(t).display[l.rowIndex].expanded ? (h(), b("tr", {
+        }, H(l.value), 1),
+        I(i.$slots, "row")
+      ], 16, $t),
+      m(t).display[i.rowIndex].expanded ? (b(), k("tr", {
         key: 0,
         ref: "rowExpanded",
-        tabindex: l.tabIndex,
+        tabindex: i.tabIndex,
         class: "expanded-row"
       }, [
-        O("td", {
+        M("td", {
           tabIndex: -1,
-          colspan: f(t).columns.length + 1,
+          colspan: m(t).columns.length + 1,
           class: "expanded-row-content"
         }, [
-          I(l.$slots, "content")
-        ], 8, ut)
-      ], 8, ct)) : G("", !0)
+          I(i.$slots, "content")
+        ], 8, Rt)
+      ], 8, Ot)) : J("", !0)
     ], 64));
   }
-}), mt = ["tabindex"], pt = {
-  key: 0,
-  tabIndex: -1,
-  class: "list-index"
-}, De = /* @__PURE__ */ T({
+}), Tt = ["tabindex"], Ne = /* @__PURE__ */ D({
   __name: "ARow",
   props: {
-    row: {},
     rowIndex: {},
     tableid: {},
     tabIndex: { default: () => -1 },
     addNavigation: { type: [Boolean, Object], default: !1 }
   },
   setup(e) {
-    const t = Y(e.tableid), n = ee("rowEl"), o = y(() => t.config.view !== "tree" || t.display[e.rowIndex].isRoot || t.display[e.rowIndex].open), l = y(() => t.config.view !== "tree" ? "" : t.display[e.rowIndex].isRoot || t.display[e.rowIndex].isParent ? t.display[e.rowIndex].childrenOpen ? "-" : "+" : ""), i = (a) => {
-      t.toggleRowExpand(a);
+    const t = Q(e.tableid), n = Z("rowEl"), l = E(() => t.columns.some((r) => r.pinned)), i = E(() => t.config.view !== "tree" || t.display[e.rowIndex].isRoot || t.display[e.rowIndex].open), o = E(() => t.config.view !== "tree" ? "" : t.display[e.rowIndex].isRoot || t.display[e.rowIndex].isParent ? t.display[e.rowIndex].childrenOpen ? "-" : "+" : ""), s = (r) => {
+      t.toggleRowExpand(r);
     };
     if (e.addNavigation) {
-      let a = re;
-      typeof e.addNavigation == "object" && (a = {
-        ...a,
+      let r = me;
+      typeof e.addNavigation == "object" && (r = {
+        ...r,
         ...e.addNavigation
-      }), se([
+      }), ve([
         {
           selectors: n,
-          handlers: a
+          handlers: r
         }
       ]);
     }
-    return (a, r) => Z((h(), b("tr", {
+    return (r, c) => ne((b(), k("tr", {
       ref: "rowEl",
-      tabindex: a.tabIndex,
+      tabindex: r.tabIndex,
       class: "table-row"
     }, [
-      I(a.$slots, "index", {}, () => [
-        f(t).config.view === "list" ? (h(), b("td", pt, P(a.rowIndex + 1), 1)) : f(t).config.view === "tree" ? (h(), b("td", {
+      I(r.$slots, "index", {}, () => [
+        m(t).config.view === "list" ? (b(), k("td", {
+          key: 0,
+          tabIndex: -1,
+          class: j(["list-index", l.value ? "sticky-index" : ""])
+        }, H(r.rowIndex + 1), 3)) : m(t).config.view === "tree" ? (b(), k("td", {
           key: 1,
           tabIndex: -1,
-          class: "tree-index",
-          onClick: r[0] || (r[0] = (u) => i(a.rowIndex))
-        }, P(l.value), 1)) : G("", !0)
+          class: j(["tree-index", l.value ? "sticky-index" : ""]),
+          onClick: c[0] || (c[0] = (d) => s(r.rowIndex))
+        }, H(o.value), 3)) : J("", !0)
       ]),
-      I(a.$slots, "default")
-    ], 8, mt)), [
-      [Ce, o.value]
+      I(r.$slots, "default")
+    ], 8, Tt)), [
+      [Me, i.value]
     ]);
   }
 });
-function Te(e) {
-  return Ee() ? (Ie(e), !0) : !1;
+function Ve(e) {
+  return ie() ? (se(e), !0) : !1;
 }
-function L(e) {
-  return typeof e == "function" ? e() : f(e);
+function P(e) {
+  return typeof e == "function" ? e() : m(e);
 }
-const $e = typeof window < "u" && typeof document < "u";
+const Be = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const vt = Object.prototype.toString, wt = (e) => vt.call(e) === "[object Object]", M = () => {
-}, _ = /* @__PURE__ */ ht();
-function ht() {
+const Lt = Object.prototype.toString, Mt = (e) => Lt.call(e) === "[object Object]", W = () => {
+}, le = /* @__PURE__ */ Pt();
+function Pt() {
   var e, t;
-  return $e && ((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 Be && ((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));
 }
-const he = {
+const $e = {
   mounted: "mounted",
   updated: "updated",
   unmounted: "unmounted"
 };
-function gt(...e) {
+function Wt(...e) {
   if (e.length !== 1)
-    return We(...e);
+    return Je(...e);
   const t = e[0];
-  return typeof t == "function" ? Ve(Ue(() => ({ get: t, set: M }))) : k(t);
+  return typeof t == "function" ? Qe(Ze(() => ({ get: t, set: W }))) : g(t);
 }
-function R(e) {
+function L(e) {
   var t;
-  const n = L(e);
+  const n = P(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-const Re = $e ? window : void 0;
-function F(...e) {
-  let t, n, o, l;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, l] = e, t = Re) : [t, n, o, l] = e, !t)
-    return M;
-  Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
-  const i = [], a = () => {
-    i.forEach((d) => d()), i.length = 0;
-  }, r = (d, p, c, m) => (d.addEventListener(p, c, m), () => d.removeEventListener(p, c, m)), u = D(
-    () => [R(t), L(l)],
-    ([d, p]) => {
-      if (a(), !d)
+const Ue = Be ? window : void 0;
+function Y(...e) {
+  let t, n, l, i;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, l, i] = e, t = Ue) : [t, n, l, i] = e, !t)
+    return W;
+  Array.isArray(n) || (n = [n]), Array.isArray(l) || (l = [l]);
+  const o = [], s = () => {
+    o.forEach((u) => u()), o.length = 0;
+  }, r = (u, f, a, p) => (u.addEventListener(f, a, p), () => u.removeEventListener(f, a, p)), c = A(
+    () => [L(t), P(i)],
+    ([u, f]) => {
+      if (s(), !u)
         return;
-      const c = wt(p) ? { ...p } : p;
-      i.push(
-        ...n.flatMap((m) => o.map((w) => r(d, m, w, c)))
+      const a = Mt(f) ? { ...f } : f;
+      o.push(
+        ...n.flatMap((p) => l.map((v) => r(u, p, v, a)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), s = () => {
-    u(), a();
+  ), d = () => {
+    c(), s();
   };
-  return Te(s), s;
-}
-let ge = !1;
-function be(e, t, n = {}) {
-  const { window: o = Re, ignore: l = [], capture: i = !0, detectIframe: a = !1 } = n;
-  if (!o)
-    return M;
-  _ && !ge && (ge = !0, Array.from(o.document.body.children).forEach((c) => c.addEventListener("click", M)), o.document.documentElement.addEventListener("click", M));
+  return Ve(d), d;
+}
+let Oe = !1;
+function Re(e, t, n = {}) {
+  const { window: l = Ue, ignore: i = [], capture: o = !0, detectIframe: s = !1 } = n;
+  if (!l)
+    return W;
+  le && !Oe && (Oe = !0, Array.from(l.document.body.children).forEach((a) => a.addEventListener("click", W)), l.document.documentElement.addEventListener("click", W));
   let r = !0;
-  const u = (c) => l.some((m) => {
-    if (typeof m == "string")
-      return Array.from(o.document.querySelectorAll(m)).some((w) => w === c.target || c.composedPath().includes(w));
+  const c = (a) => i.some((p) => {
+    if (typeof p == "string")
+      return Array.from(l.document.querySelectorAll(p)).some((v) => v === a.target || a.composedPath().includes(v));
     {
-      const w = R(m);
-      return w && (c.target === w || c.composedPath().includes(w));
+      const v = L(p);
+      return v && (a.target === v || a.composedPath().includes(v));
     }
-  }), d = [
-    F(o, "click", (c) => {
-      const m = R(e);
-      if (!(!m || m === c.target || c.composedPath().includes(m))) {
-        if (c.detail === 0 && (r = !u(c)), !r) {
+  }), u = [
+    Y(l, "click", (a) => {
+      const p = L(e);
+      if (!(!p || p === a.target || a.composedPath().includes(p))) {
+        if (a.detail === 0 && (r = !c(a)), !r) {
           r = !0;
           return;
         }
-        t(c);
+        t(a);
       }
-    }, { passive: !0, capture: i }),
-    F(o, "pointerdown", (c) => {
-      const m = R(e);
-      r = !u(c) && !!(m && !c.composedPath().includes(m));
+    }, { passive: !0, capture: o }),
+    Y(l, "pointerdown", (a) => {
+      const p = L(e);
+      r = !c(a) && !!(p && !a.composedPath().includes(p));
     }, { passive: !0 }),
-    a && F(o, "blur", (c) => {
+    s && Y(l, "blur", (a) => {
       setTimeout(() => {
-        var m;
-        const w = R(e);
-        ((m = o.document.activeElement) == null ? void 0 : m.tagName) === "IFRAME" && !(w != null && w.contains(o.document.activeElement)) && t(c);
+        var p;
+        const v = L(e);
+        ((p = l.document.activeElement) == null ? void 0 : p.tagName) === "IFRAME" && !(v != null && v.contains(l.document.activeElement)) && t(a);
       }, 0);
     })
   ].filter(Boolean);
-  return () => d.forEach((c) => c());
+  return () => u.forEach((a) => a());
 }
-const bt = {
-  [he.mounted](e, t) {
+const jt = {
+  [$e.mounted](e, t) {
     const n = !t.modifiers.bubble;
     if (typeof t.value == "function")
-      e.__onClickOutside_stop = be(e, t.value, { capture: n });
+      e.__onClickOutside_stop = Re(e, t.value, { capture: n });
     else {
-      const [o, l] = t.value;
-      e.__onClickOutside_stop = be(e, o, Object.assign({ capture: n }, l));
+      const [l, i] = t.value;
+      e.__onClickOutside_stop = Re(e, l, Object.assign({ capture: n }, i));
     }
   },
-  [he.unmounted](e) {
+  [$e.unmounted](e) {
     e.__onClickOutside_stop();
   }
 };
-function X(e) {
+function _(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
-function Oe(e) {
+function ze(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 : Oe(n);
+    return !n || n.tagName === "BODY" ? !1 : ze(n);
   }
 }
-function yt(e) {
+function Ht(e) {
   const t = e || window.event, n = t.target;
-  return Oe(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
-}
-const J = /* @__PURE__ */ new WeakMap();
-function xt(e, t = !1) {
-  const n = k(t);
-  let o = null, l = "";
-  D(gt(e), (r) => {
-    const u = X(L(r));
-    if (u) {
-      const s = u;
-      if (J.get(s) || J.set(s, s.style.overflow), s.style.overflow !== "hidden" && (l = s.style.overflow), s.style.overflow === "hidden")
+  return ze(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
+}
+const ee = /* @__PURE__ */ new WeakMap();
+function Nt(e, t = !1) {
+  const n = g(t);
+  let l = null, i = "";
+  A(Wt(e), (r) => {
+    const c = _(P(r));
+    if (c) {
+      const d = c;
+      if (ee.get(d) || ee.set(d, d.style.overflow), d.style.overflow !== "hidden" && (i = d.style.overflow), d.style.overflow === "hidden")
         return n.value = !0;
       if (n.value)
-        return s.style.overflow = "hidden";
+        return d.style.overflow = "hidden";
     }
   }, {
     immediate: !0
   });
-  const i = () => {
-    const r = X(L(e));
-    !r || n.value || (_ && (o = F(
+  const o = () => {
+    const r = _(P(e));
+    !r || n.value || (le && (l = Y(
       r,
       "touchmove",
-      (u) => {
-        yt(u);
+      (c) => {
+        Ht(c);
       },
       { passive: !1 }
     )), r.style.overflow = "hidden", n.value = !0);
-  }, a = () => {
-    const r = X(L(e));
-    !r || !n.value || (_ && (o == null || o()), r.style.overflow = l, J.delete(r), n.value = !1);
+  }, s = () => {
+    const r = _(P(e));
+    !r || !n.value || (le && (l == null || l()), r.style.overflow = i, ee.delete(r), n.value = !1);
   };
-  return Te(a), y({
+  return Ve(s), E({
     get() {
       return n.value;
     },
     set(r) {
-      r ? i() : a();
+      r ? o() : s();
     }
   });
 }
-function Et() {
+function Vt() {
   let e = !1;
-  const t = k(!1);
-  return (n, o) => {
-    if (t.value = o.value, e)
+  const t = g(!1);
+  return (n, l) => {
+    if (t.value = l.value, e)
       return;
     e = !0;
-    const l = xt(n, o.value);
-    D(t, (i) => l.value = i);
+    const i = Nt(n, l.value);
+    A(t, (o) => i.value = o);
   };
 }
-Et();
-var g = [];
-for (var Q = 0; Q < 256; ++Q)
-  g.push((Q + 256).toString(16).slice(1));
-function It(e, t = 0) {
-  return (g[e[t + 0]] + g[e[t + 1]] + g[e[t + 2]] + g[e[t + 3]] + "-" + g[e[t + 4]] + g[e[t + 5]] + "-" + g[e[t + 6]] + g[e[t + 7]] + "-" + g[e[t + 8]] + g[e[t + 9]] + "-" + g[e[t + 10]] + g[e[t + 11]] + g[e[t + 12]] + g[e[t + 13]] + g[e[t + 14]] + g[e[t + 15]]).toLowerCase();
+Vt();
+var x = [];
+for (var te = 0; te < 256; ++te)
+  x.push((te + 256).toString(16).slice(1));
+function Bt(e, t = 0) {
+  return (x[e[t + 0]] + x[e[t + 1]] + x[e[t + 2]] + x[e[t + 3]] + "-" + x[e[t + 4]] + x[e[t + 5]] + "-" + x[e[t + 6]] + x[e[t + 7]] + "-" + x[e[t + 8]] + x[e[t + 9]] + "-" + x[e[t + 10]] + x[e[t + 11]] + x[e[t + 12]] + x[e[t + 13]] + x[e[t + 14]] + x[e[t + 15]]).toLowerCase();
 }
-var U, kt = new Uint8Array(16);
-function Ct() {
-  if (!U && (U = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !U))
+var F, Ut = new Uint8Array(16);
+function zt() {
+  if (!F && (F = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !F))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return U(kt);
+  return F(Ut);
 }
-var At = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const ye = {
-  randomUUID: At
+var Ft = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const De = {
+  randomUUID: Ft
 };
-function St(e, t, n) {
-  if (ye.randomUUID && !t && !e)
-    return ye.randomUUID();
+function Gt(e, t, n) {
+  if (De.randomUUID && !t && !e)
+    return De.randomUUID();
   e = e || {};
-  var o = e.random || (e.rng || Ct)();
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, It(o);
-}
-class Dt {
-  constructor(t, n, o, l, i, a) {
-    S(this, "id");
-    S(this, "rows");
-    S(this, "columns");
-    S(this, "config");
-    S(this, "table");
-    S(this, "display");
-    S(this, "modal");
-    this.id = t || St(), this.rows = o, this.columns = $(n), this.config = $(l), this.table = i || $(this.createTableObject()), this.display = this.createDisplayObject(a), this.modal = $({ visible: !1 });
+  var l = e.random || (e.rng || zt)();
+  return l[6] = l[6] & 15 | 64, l[8] = l[8] & 63 | 128, Bt(l);
+}
+class qt {
+  constructor(t, n, l, i, o, s) {
+    O(this, "id");
+    O(this, "rows");
+    O(this, "columns");
+    O(this, "config");
+    O(this, "table");
+    O(this, "display");
+    O(this, "modal");
+    this.id = t || Gt(), this.rows = l, this.columns = T(n), this.config = T(i), this.table = o || T(this.createTableObject()), this.display = this.createDisplayObject(s), this.modal = T({ visible: !1 });
   }
   createTableObject() {
     const t = {};
-    for (const [n, o] of this.columns.entries())
-      for (const [l, i] of this.rows.entries())
-        t[`${n}:${l}`] = i[o.name];
+    for (const [n, l] of this.columns.entries())
+      for (const [i, o] of this.rows.entries())
+        t[`${n}:${i}`] = o[l.name];
     return t;
   }
   createDisplayObject(t) {
     const n = [Object.assign({}, { modified: !1 })];
     if (t && "0:0" in t)
       return t;
-    const o = /* @__PURE__ */ new Set();
-    for (let l = this.rows.length - 1; l >= 0; l--) {
-      const i = this.rows[l];
-      i.parent && o.add(i.parent), n[l] = {
+    const l = /* @__PURE__ */ new Set();
+    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: i.indent || null,
-        isParent: o.has(l),
-        isRoot: i.parent === null || i.parent === void 0,
+        indent: o.indent || null,
+        isParent: l.has(i),
+        isRoot: o.parent === null || o.parent === void 0,
         modified: !1,
-        open: i.parent === null || i.parent === void 0,
-        parent: i.parent
+        open: o.parent === null || o.parent === void 0,
+        parent: o.parent
       };
     }
-    return $(n);
+    return T(n);
   }
   get zeroColumn() {
     return ["list", "tree", "list-expansion"].includes(this.config.view);
   }
   get numberedRowWidth() {
-    return y(() => String(Math.ceil(this.rows.length / 100) + 1) + "ch");
+    return E(() => String(Math.ceil(this.rows.length / 100) + 1) + "ch");
   }
   cellData(t, n) {
     return this.table[`${t}:${n}`];
   }
-  setCellData(t, n, o) {
-    this.table[`${n}:${t}`] !== o && (this.display[t].modified = !0), this.table[`${n}:${t}`] = o;
-    const l = this.columns[n];
-    return this.rows[t][l.name] = o, this.table[`${n}:${t}`];
+  setCellData(t, n, l) {
+    this.table[`${n}:${t}`] !== l && (this.display[t].modified = !0), this.table[`${n}:${t}`] = l;
+    const i = this.columns[n];
+    return this.rows[t][i.name] = l, this.table[`${n}:${t}`];
   }
   toggleRowExpand(t) {
     if (this.config.view === "tree") {
@@ -793,43 +932,45 @@ class Dt {
     } else this.config.view === "list-expansion" && (this.display[t].expanded = !this.display[t].expanded);
   }
 }
-const Tt = {
+const Yt = {
   key: 0,
   id: "resizable"
-}, $t = {
+}, Xt = {
   class: "atable-header-row",
   tabindex: "-1"
-}, Rt = {
-  key: 0,
-  id: "header-index"
-}, Le = /* @__PURE__ */ T({
+}, Fe = /* @__PURE__ */ D({
   __name: "ATableHeader",
   props: {
     columns: {},
     tableid: {}
   },
   setup(e) {
-    const t = Y(e.tableid), n = (o) => ({
-      minWidth: o.width || "40ch",
-      textAlign: o.align || "center",
+    const t = Q(e.tableid), n = E(() => t.columns.some((i) => i.pinned)), l = (i) => ({
+      minWidth: i.width || "40ch",
+      textAlign: i.align || "center",
       width: t.config.fullWidth ? "auto" : null
     });
-    return (o, l) => o.columns.length ? (h(), b("thead", Tt, [
-      O("tr", $t, [
-        f(t).zeroColumn ? (h(), b("th", Rt)) : G("", !0),
-        (h(!0), b(q, null, K(o.columns, (i, a) => (h(), b("th", {
-          key: i.name,
+    return (i, o) => i.columns.length ? (b(), k("thead", Yt, [
+      M("tr", Xt, [
+        m(t).zeroColumn ? (b(), k("th", {
+          key: 0,
+          id: "header-index",
+          class: j(n.value ? "sticky-index" : "")
+        }, null, 2)) : J("", !0),
+        (b(!0), k(X, null, oe(i.columns, (s, r) => (b(), k("th", {
+          key: s.name,
           tabindex: "-1",
-          style: z(n(i))
+          style: q(l(s)),
+          class: j(s.pinned ? "sticky-column" : "")
         }, [
-          I(o.$slots, "default", {}, () => [
-            Be(P(i.label || String.fromCharCode(a + 97).toUpperCase()), 1)
+          I(i.$slots, "default", {}, () => [
+            Ke(H(s.label || String.fromCharCode(r + 97).toUpperCase()), 1)
           ])
-        ], 4))), 128))
+        ], 6))), 128))
       ])
-    ])) : G("", !0);
+    ])) : J("", !0);
   }
-}), Me = /* @__PURE__ */ T({
+}), Ge = /* @__PURE__ */ D({
   __name: "ATableModal",
   props: {
     colIndex: {},
@@ -840,7 +981,7 @@ const Tt = {
     const t = (n) => {
       n.stopPropagation();
     };
-    return (n, o) => (h(), b("div", {
+    return (n, l) => (b(), k("div", {
       class: "amodal",
       tabindex: "-1",
       onClick: t,
@@ -849,117 +990,133 @@ const Tt = {
       I(n.$slots, "default")
     ], 32));
   }
-}), Ot = /* @__PURE__ */ T({
+}), Jt = /* @__PURE__ */ D({
   __name: "ATable",
   props: {
     id: {},
     modelValue: {},
     columns: {},
     rows: { default: () => [] },
-    config: { default: () => new Object() },
-    tableid: {}
+    config: { default: () => new Object() }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = t, o = e.modelValue ? e.modelValue : e.rows, l = new Dt(e.id, e.columns, o, e.config);
-    ze(l.id, l), D(
-      () => l.rows,
-      (a) => {
-        n("update:modelValue", a);
+    const n = t, l = Z("table"), i = e.modelValue ? e.modelValue : e.rows, o = new qt(e.id, e.columns, i, e.config);
+    _e(o.id, o), A(
+      () => o.rows,
+      (c) => {
+        n("update:modelValue", c);
       },
       { deep: !0 }
-    );
-    const i = (a) => {
-      var r;
-      a.target instanceof Node && (r = l.modal.parent) != null && r.contains(a.target) || l.modal.visible && (l.modal.visible = !1);
+    ), B(() => {
+      e.columns.some((c) => c.pinned) && (s(), o.config.view === "tree" && je(l, s, { childList: !0, subtree: !0 }));
+    });
+    const s = () => {
+      const c = l.value, d = c.rows[0], u = c.rows[1], f = d ? Array.from(d.cells) : [];
+      for (const [a, p] of f.entries()) {
+        const v = u.cells[a];
+        v && (p.style.width = `${v.offsetWidth}px`);
+      }
+      for (const a of c.rows) {
+        let p = 0;
+        const v = [];
+        for (const C of a.cells)
+          (C.classList.contains("sticky-column") || C.classList.contains("sticky-index")) && (C.style.left = `${p}px`, p += C.offsetWidth, v.push(C));
+        v.length > 0 && v[v.length - 1].classList.add("sticky-column-edge");
+      }
+    }, r = (c) => {
+      var d;
+      c.target instanceof Node && (d = o.modal.parent) != null && d.contains(c.target) || o.modal.visible && (o.modal.visible = !1);
     };
-    return window.addEventListener("keydown", (a) => {
-      if (a.key === "Escape" && l.modal.visible) {
-        l.modal.visible = !1;
-        const r = l.modal.parent;
-        r && Fe().then(() => {
-          r.focus();
+    return window.addEventListener("keydown", (c) => {
+      if (c.key === "Escape" && o.modal.visible) {
+        o.modal.visible = !1;
+        const d = o.modal.parent;
+        d && Te().then(() => {
+          d.focus();
         });
       }
-    }), (a, r) => Z((h(), b("table", {
+    }), (c, d) => ne((b(), k("table", {
+      ref: "table",
       class: "atable",
-      style: z({ width: f(l).config.fullWidth ? "100%" : "auto" })
+      style: q({ width: m(o).config.fullWidth ? "100%" : "auto" })
     }, [
-      I(a.$slots, "header", { data: f(l) }, () => [
-        de(Le, {
-          columns: f(l).columns,
-          tableid: f(l).id
+      I(c.$slots, "header", { data: m(o) }, () => [
+        ge(Fe, {
+          columns: m(o).columns,
+          tableid: m(o).id
         }, null, 8, ["columns", "tableid"])
       ]),
-      O("tbody", null, [
-        I(a.$slots, "body", { data: f(l) }, () => [
-          (h(!0), b(q, null, K(f(l).rows, (u, s) => (h(), B(De, {
+      M("tbody", null, [
+        I(c.$slots, "body", { data: m(o) }, () => [
+          (b(!0), k(X, null, oe(m(o).rows, (u, f) => (b(), G(Ne, {
             key: u.id,
             row: u,
-            rowIndex: s,
-            tableid: f(l).id
+            rowIndex: f,
+            tableid: m(o).id
           }, {
-            default: ce(() => [
-              (h(!0), b(q, null, K(f(l).columns, (d, p) => (h(), B(Se, {
-                key: d.name,
-                tableid: f(l).id,
-                col: d,
+            default: be(() => [
+              (b(!0), k(X, null, oe(m(o).columns, (a, p) => (b(), G(He, {
+                key: a.name,
+                tableid: m(o).id,
+                col: a,
                 spellcheck: "false",
-                rowIndex: s,
-                colIndex: p + (f(l).zeroColumn ? 0 : -1),
-                component: d.cellComponent,
-                style: z({
-                  textAlign: (d == null ? void 0 : d.align) || "center",
-                  minWidth: (d == null ? void 0 : d.width) || "40ch",
-                  width: f(l).config.fullWidth ? "auto" : null
+                pinned: a.pinned,
+                rowIndex: f,
+                colIndex: p + (m(o).zeroColumn ? 0 : -1),
+                component: a.cellComponent,
+                style: q({
+                  textAlign: (a == null ? void 0 : a.align) || "center",
+                  minWidth: (a == null ? void 0 : a.width) || "40ch",
+                  width: m(o).config.fullWidth ? "auto" : null
                 })
-              }, null, 8, ["tableid", "col", "rowIndex", "colIndex", "component", "style"]))), 128))
+              }, null, 8, ["tableid", "col", "pinned", "rowIndex", "colIndex", "component", "style"]))), 128))
             ]),
             _: 2
           }, 1032, ["row", "rowIndex", "tableid"]))), 128))
         ])
       ]),
-      I(a.$slots, "footer", { data: f(l) }),
-      I(a.$slots, "modal", { data: f(l) }, () => [
-        Z(de(Me, {
-          colIndex: f(l).modal.colIndex,
-          rowIndex: f(l).modal.rowIndex,
-          tableid: f(l).id,
-          style: z({
-            left: f(l).modal.left + "px",
-            top: f(l).modal.top + "px",
-            maxWidth: f(l).modal.width + "px"
+      I(c.$slots, "footer", { data: m(o) }),
+      I(c.$slots, "modal", { data: m(o) }, () => [
+        ne(ge(Ge, {
+          colIndex: m(o).modal.colIndex,
+          rowIndex: m(o).modal.rowIndex,
+          tableid: m(o).id,
+          style: q({
+            left: m(o).modal.left + "px",
+            top: m(o).modal.top + "px",
+            maxWidth: m(o).modal.width + "px"
           })
         }, {
-          default: ce(() => [
-            (h(), B(ke(f(l).modal.component), te({
-              key: `${f(l).modal.rowIndex}:${f(l).modal.colIndex}`,
-              colIndex: f(l).modal.colIndex,
-              rowIndex: f(l).modal.rowIndex,
-              tableid: f(l).id
-            }, f(l).modal.componentProps), null, 16, ["colIndex", "rowIndex", "tableid"]))
+          default: be(() => [
+            (b(), G(Le(m(o).modal.component), ae({
+              key: `${m(o).modal.rowIndex}:${m(o).modal.colIndex}`,
+              colIndex: m(o).modal.colIndex,
+              rowIndex: m(o).modal.rowIndex,
+              tableid: m(o).id
+            }, m(o).modal.componentProps), null, 16, ["colIndex", "rowIndex", "tableid"]))
           ]),
           _: 1
         }, 8, ["colIndex", "rowIndex", "tableid", "style"]), [
-          [Ce, f(l).modal.visible]
+          [Me, m(o).modal.visible]
         ])
       ])
     ], 4)), [
-      [f(bt), i]
+      [m(jt), r]
     ]);
   }
 });
-function Ht(e) {
-  e.component("ACell", Se), e.component("AExpansionRow", ft), e.component("ARow", De), e.component("ATable", Ot), e.component("ATableHeader", Le), e.component("ATableModal", Me);
+function Kt(e) {
+  e.component("ACell", He), e.component("AExpansionRow", Dt), e.component("ARow", Ne), e.component("ATable", Jt), e.component("ATableHeader", Fe), e.component("ATableModal", Ge);
 }
 export {
-  Se as ACell,
-  ft as AExpansionRow,
-  De as ARow,
-  Ot as ATable,
-  Le as ATableHeader,
-  Me as ATableModal,
-  Dt as TableDataStore,
-  Ht as install
+  He as ACell,
+  Dt as AExpansionRow,
+  Ne as ARow,
+  Jt as ATable,
+  Fe as ATableHeader,
+  Ge as ATableModal,
+  qt as TableDataStore,
+  Kt as install
 };
 //# sourceMappingURL=atable.js.map