@stonecrop/atable 0.3.1 → 0.3.3

package/dist/atable.js

@@ -1,15 +1,15 @@
-import { onMounted as Y, ref as x, watch as M, onBeforeUnmount as qe, computed as $, unref as g, getCurrentScope as Te, onScopeDispose as Me, getCurrentInstance as se, nextTick as Re, toRef as Ge, readonly as Ye, customRef as Xe, defineComponent as W, useTemplateRef as ee, openBlock as E, createElementBlock as k, normalizeStyle as j, normalizeClass as z, createBlock as Z, resolveDynamicComponent as Oe, mergeProps as ae, toDisplayString as F, Fragment as _, createElementVNode as B, renderSlot as R, createCommentVNode as U, withDirectives as oe, vShow as Le, renderList as le, createTextVNode as Je, createVNode as ge, withCtx as ye } from "vue";
-import { defineStore as Qe } from "pinia";
+import { onMounted as Y, ref as x, watch as T, onBeforeUnmount as Ge, computed as S, unref as g, getCurrentScope as Te, onScopeDispose as Me, getCurrentInstance as se, nextTick as Re, toRef as Ye, readonly as Xe, customRef as Je, defineComponent as H, useTemplateRef as X, openBlock as E, createElementBlock as k, normalizeStyle as B, normalizeClass as z, createBlock as K, resolveDynamicComponent as Oe, mergeProps as ae, toDisplayString as F, Fragment as ee, createElementVNode as j, renderSlot as R, createCommentVNode as U, withDirectives as oe, vShow as Le, renderList as le, createTextVNode as Qe, createVNode as ge, withCtx as ye } from "vue";
+import { defineStore as Ze } from "pinia";
 import './assets/index.css';function Pe(e) {
   return Te() ? (Me(e), !0) : !1;
 }
 function ie(e) {
   return typeof e == "function" ? e() : g(e);
 }
-const Ze = typeof window < "u" && typeof document < "u";
+const Ke = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Ke = (e) => e != null, _e = Object.prototype.toString, et = (e) => _e.call(e) === "[object Object]", tt = () => {
-}, X = Ze ? window : void 0;
+const _e = (e) => e != null, et = Object.prototype.toString, tt = (e) => et.call(e) === "[object Object]", nt = () => {
+}, J = Ke ? window : void 0;
 function q(e) {
   var t;
   const n = ie(e);
@@ -17,17 +17,17 @@ function q(e) {
 }
 function G(...e) {
   let t, n, o, r;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, r] = e, t = X) : [t, n, o, r] = e, !t)
-    return tt;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, r] = e, t = J) : [t, n, o, r] = e, !t)
+    return nt;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
   const a = [], l = () => {
     a.forEach((u) => u()), a.length = 0;
-  }, i = (u, f, d, v) => (u.addEventListener(f, d, v), () => u.removeEventListener(f, d, v)), s = M(
+  }, i = (u, f, d, v) => (u.addEventListener(f, d, v), () => u.removeEventListener(f, d, v)), s = T(
     () => [q(t), ie(r)],
     ([u, f]) => {
       if (l(), !u)
         return;
-      const d = et(f) ? { ...f } : f;
+      const d = tt(f) ? { ...f } : f;
       a.push(
         ...n.flatMap((v) => o.map((y) => i(u, v, y, d)))
       );
@@ -38,25 +38,25 @@ function G(...e) {
   };
   return Pe(c), c;
 }
-function nt() {
+function ot() {
   const e = x(!1), t = se();
   return t && Y(() => {
     e.value = !0;
   }, t), e;
 }
-function ot(e) {
-  const t = nt();
-  return $(() => (t.value, !!e()));
+function lt(e) {
+  const t = ot();
+  return S(() => (t.value, !!e()));
 }
-function lt(e, t, n = {}) {
-  const { window: o = X, ...r } = n;
+function rt(e, t, n = {}) {
+  const { window: o = J, ...r } = n;
   let a;
-  const l = ot(() => o && "MutationObserver" in o), i = () => {
+  const l = lt(() => o && "MutationObserver" in o), i = () => {
     a && (a.disconnect(), a = void 0);
-  }, s = $(() => {
-    const d = ie(e), v = (Array.isArray(d) ? d : [d]).map(q).filter(Ke);
+  }, s = S(() => {
+    const d = ie(e), v = (Array.isArray(d) ? d : [d]).map(q).filter(_e);
     return new Set(v);
-  }), c = M(
+  }), c = T(
     () => s.value,
     (d) => {
       i(), l.value && d.size && (a = new MutationObserver(t), d.forEach((v) => a.observe(v, r)));
@@ -71,10 +71,10 @@ function lt(e, t, n = {}) {
     takeRecords: u
   };
 }
-function rt(e = {}) {
+function st(e = {}) {
   var t;
   const {
-    window: n = X,
+    window: n = J,
     deep: o = !0,
     triggerOnRemoval: r = !1
   } = e, a = (t = e.document) != null ? t : n == null ? void 0 : n.document, l = () => {
@@ -89,7 +89,7 @@ function rt(e = {}) {
   };
   return n && (G(n, "blur", (c) => {
     c.relatedTarget === null && s();
-  }, !0), G(n, "focus", s, !0)), r && lt(a, (c) => {
+  }, !0), G(n, "focus", s, !0)), r && rt(a, (c) => {
     c.filter((u) => u.removedNodes.length).map((u) => Array.from(u.removedNodes)).flat().forEach((u) => {
       u === i.value && s();
     });
@@ -98,12 +98,12 @@ function rt(e = {}) {
     subtree: !0
   }), s(), i;
 }
-const st = "focusin", at = "focusout";
-function it(e, t = {}) {
-  const { window: n = X } = t, o = $(() => q(e)), r = x(!1), a = $(() => r.value), l = rt(t);
-  return !n || !l.value ? { focused: a } : (G(o, st, () => r.value = !0), G(o, at, () => r.value = !1), { focused: a });
+const at = "focusin", it = "focusout";
+function ct(e, t = {}) {
+  const { window: n = J } = t, o = S(() => q(e)), r = x(!1), a = S(() => r.value), l = st(t);
+  return !n || !l.value ? { focused: a } : (G(o, at, () => r.value = !0), G(o, it, () => r.value = !1), { focused: a });
 }
-function ct(e, { window: t = X, scrollTarget: n } = {}) {
+function ut(e, { window: t = J, scrollTarget: n } = {}) {
   const o = x(!1), r = () => {
     if (!t) return;
     const a = t.document, l = q(e);
@@ -114,7 +114,7 @@ function ct(e, { window: t = X, scrollTarget: n } = {}) {
       o.value = i.top <= (t.innerHeight || a.documentElement.clientHeight) && i.left <= (t.innerWidth || a.documentElement.clientWidth) && i.bottom >= 0 && i.right >= 0;
     }
   };
-  return M(
+  return T(
     () => q(e),
     () => r(),
     { immediate: !0, flush: "post" }
@@ -124,7 +124,7 @@ function ct(e, { window: t = X, scrollTarget: n } = {}) {
   }), o;
 }
 const O = (e) => {
-  let t = ct(e).value;
+  let t = ut(e).value;
   return t = t && e.offsetHeight > 0, t;
 }, L = (e) => e.tabIndex >= 0, be = (e) => {
   const t = e.target;
@@ -143,7 +143,7 @@ const O = (e) => {
     o && (n = o);
   }
   return n && (!L(n) || !O(n)) ? ce(n) : n;
-}, ut = (e) => {
+}, dt = (e) => {
   var t;
   const n = e.target;
   let o;
@@ -178,7 +178,7 @@ const O = (e) => {
     o && (n = o);
   }
   return n && (!L(n) || !O(n)) ? ue(n) : n;
-}, dt = (e) => {
+}, ft = (e) => {
   var t;
   const n = e.target;
   let o;
@@ -225,10 +225,10 @@ const O = (e) => {
 }, Ce = (e) => {
   const t = e.target.parentElement.firstElementChild;
   return t && (!L(t) || !O(t)) ? fe(t) : t;
-}, Ae = (e) => {
+}, Ie = (e) => {
   const t = e.target.parentElement.lastElementChild;
   return t && (!L(t) || !O(t)) ? de(t) : t;
-}, Q = ["alt", "control", "shift", "meta"], ft = {
+}, Z = ["alt", "control", "shift", "meta"], mt = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
@@ -251,11 +251,11 @@ const O = (e) => {
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = ut(e);
+    const t = dt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = dt(e);
+    const t = ft(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
@@ -263,11 +263,11 @@ const O = (e) => {
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = Ae(e);
+    const t = Ie(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = Ae(e);
+    const t = Ie(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
@@ -322,19 +322,19 @@ function ve(e) {
     let s = [];
     return l.selectors ? s = n(l) : i && (s = Array.from(i.children).filter((c) => L(c) && O(c))), s;
   }, r = (l) => (i) => {
-    const s = ft[i.key] || i.key.toLowerCase();
-    if (Q.includes(s)) return;
+    const s = mt[i.key] || i.key.toLowerCase();
+    if (Z.includes(s)) return;
     const c = l.handlers || me;
     for (const u of Object.keys(c)) {
       const [f, ...d] = u.split(".");
       if (f === "keydown" && d.includes(s)) {
-        const v = c[u], y = d.filter((w) => Q.includes(w)), p = Q.some((w) => {
+        const v = c[u], y = d.filter((w) => Z.includes(w)), p = Z.some((w) => {
           const m = w.charAt(0).toUpperCase() + w.slice(1);
           return i.getModifierState(m);
         });
         if (y.length > 0) {
           if (p) {
-            for (const w of Q)
+            for (const w of Z)
               if (d.includes(w)) {
                 const m = w.charAt(0).toUpperCase() + w.slice(1);
                 i.getModifierState(m) && v(i);
@@ -349,58 +349,58 @@ function ve(e) {
     for (const l of e) {
       const i = t(l), s = o(l), c = r(l), u = i ? [i] : s;
       for (const f of u) {
-        const { focused: d } = it(x(f)), v = M(d, (y) => {
+        const { focused: d } = ct(x(f)), v = T(d, (y) => {
           y ? f.addEventListener("keydown", c) : f.removeEventListener("keydown", c);
         });
         a.push(v);
       }
     }
-  }), qe(() => {
+  }), Ge(() => {
     for (const l of a)
       l();
   });
 }
-function J(e) {
+function Q(e) {
   return Te() ? (Me(e), !0) : !1;
 }
-function T(e) {
+function M(e) {
   return typeof e == "function" ? e() : g(e);
 }
 const pe = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const mt = (e) => e != null, vt = Object.prototype.toString, De = (e) => vt.call(e) === "[object Object]", P = () => {
-}, re = /* @__PURE__ */ pt();
-function pt() {
+const vt = (e) => e != null, pt = Object.prototype.toString, De = (e) => pt.call(e) === "[object Object]", P = () => {
+}, re = /* @__PURE__ */ wt();
+function wt() {
   var e, t;
   return pe && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
 }
-function wt(e) {
+function ht(e) {
   return se();
 }
-function ht(...e) {
+function gt(...e) {
   if (e.length !== 1)
-    return Ge(...e);
+    return Ye(...e);
   const t = e[0];
-  return typeof t == "function" ? Ye(Xe(() => ({ get: t, set: P }))) : x(t);
+  return typeof t == "function" ? Xe(Je(() => ({ get: t, set: P }))) : x(t);
 }
-function gt(e, t = !0, n) {
-  wt() ? Y(e, n) : t ? e() : Re(e);
+function yt(e, t = !0, n) {
+  ht() ? Y(e, n) : t ? e() : Re(e);
 }
 const we = pe ? window : void 0;
 function D(e) {
   var t;
-  const n = T(e);
+  const n = M(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function Ie(...e) {
+function Ae(...e) {
   let t, n, o, r;
   if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, r] = e, t = we) : [t, n, o, r] = e, !t)
     return P;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
   const a = [], l = () => {
     a.forEach((u) => u()), a.length = 0;
-  }, i = (u, f, d, v) => (u.addEventListener(f, d, v), () => u.removeEventListener(f, d, v)), s = M(
-    () => [D(t), T(r)],
+  }, i = (u, f, d, v) => (u.addEventListener(f, d, v), () => u.removeEventListener(f, d, v)), s = T(
+    () => [D(t), M(r)],
     ([u, f]) => {
       if (l(), !u)
         return;
@@ -413,27 +413,27 @@ function Ie(...e) {
   ), c = () => {
     s(), l();
   };
-  return J(c), c;
+  return Q(c), c;
 }
-function yt() {
+function bt() {
   const e = x(!1), t = se();
   return t && Y(() => {
     e.value = !0;
   }, t), e;
 }
-function We(e) {
-  const t = yt();
-  return $(() => (t.value, !!e()));
+function He(e) {
+  const t = bt();
+  return S(() => (t.value, !!e()));
 }
-function He(e, t, n = {}) {
+function We(e, t, n = {}) {
   const { window: o = we, ...r } = n;
   let a;
-  const l = We(() => o && "MutationObserver" in o), i = () => {
+  const l = He(() => o && "MutationObserver" in o), i = () => {
     a && (a.disconnect(), a = void 0);
-  }, s = $(() => {
-    const d = T(e), v = (Array.isArray(d) ? d : [d]).map(D).filter(mt);
+  }, s = S(() => {
+    const d = M(e), v = (Array.isArray(d) ? d : [d]).map(D).filter(vt);
     return new Set(v);
-  }), c = M(
+  }), c = T(
     () => s.value,
     (d) => {
       i(), l.value && d.size && (a = new MutationObserver(t), d.forEach((v) => a.observe(v, r)));
@@ -442,21 +442,21 @@ function He(e, t, n = {}) {
   ), u = () => a == null ? void 0 : a.takeRecords(), f = () => {
     c(), i();
   };
-  return J(f), {
+  return Q(f), {
     isSupported: l,
     stop: f,
     takeRecords: u
   };
 }
-function bt(e, t, n = {}) {
+function xt(e, t, n = {}) {
   const { window: o = we, ...r } = n;
   let a;
-  const l = We(() => o && "ResizeObserver" in o), i = () => {
+  const l = He(() => o && "ResizeObserver" in o), i = () => {
     a && (a.disconnect(), a = void 0);
-  }, s = $(() => {
-    const f = T(e);
+  }, s = S(() => {
+    const f = M(e);
     return Array.isArray(f) ? f.map((d) => D(d)) : [D(f)];
-  }), c = M(
+  }), c = T(
     s,
     (f) => {
       if (i(), l.value && o) {
@@ -469,12 +469,12 @@ function bt(e, t, n = {}) {
   ), u = () => {
     i(), c();
   };
-  return J(u), {
+  return Q(u), {
     isSupported: l,
     stop: u
   };
 }
-function xt(e, t = {}) {
+function Ne(e, t = {}) {
   const {
     reset: n = !0,
     windowResize: o = !0,
@@ -494,9 +494,9 @@ function xt(e, t = {}) {
   function w() {
     l === "sync" ? p() : l === "next-frame" && requestAnimationFrame(() => p());
   }
-  return bt(e, w), M(() => D(e), (m) => !m && w()), He(e, w, {
+  return xt(e, w), T(() => D(e), (m) => !m && w()), We(e, w, {
     attributeFilter: ["style", "class"]
-  }), r && Ie("scroll", w, { capture: !0, passive: !0 }), o && Ie("resize", w, { passive: !0 }), gt(() => {
+  }), r && Ae("scroll", w, { capture: !0, passive: !0 }), o && Ae("resize", w, { passive: !0 }), yt(() => {
     a && w();
   }), {
     height: i,
@@ -513,7 +513,7 @@ function xt(e, t = {}) {
 const Et = (e) => {
   const t = new DOMParser().parseFromString(e, "text/html");
   return Array.from(t.body.childNodes).some((n) => n.nodeType === 1);
-}, kt = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Ct = ["innerHTML"], At = { key: 2 }, Ne = /* @__PURE__ */ W({
+}, kt = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], Ct = ["innerHTML"], It = { key: 2 }, Ve = /* @__PURE__ */ H({
   __name: "ACell",
   props: {
     colIndex: {},
@@ -524,7 +524,14 @@ const Et = (e) => {
     pinned: { type: Boolean }
   },
   setup(e) {
-    const t = ee("cell"), { bottom: n, left: o } = xt(t), r = e.store.getCellData(e.colIndex, e.rowIndex), a = e.store.getCellDisplayValue(e.colIndex, e.rowIndex), l = x(""), i = x(!1), s = e.store.columns[e.colIndex], c = e.store.rows[e.rowIndex], u = s.align || "center", f = s.width || "40ch", d = $(() => typeof a == "string" ? Et(a) : !1), v = $(() => {
+    const t = X("cell"), { width: n, height: o } = Ne(t), r = e.store.getCellData(e.colIndex, e.rowIndex), a = x(e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), l = x(""), i = x(!1), s = e.store.columns[e.colIndex], c = e.store.rows[e.rowIndex], u = s.align || "center", f = s.width || "40ch";
+    T(
+      () => e.store.getCellData(e.colIndex, e.rowIndex),
+      (m) => {
+        a.value = e.store.getFormattedValue(e.colIndex, e.rowIndex, m);
+      }
+    );
+    const d = S(() => typeof a.value == "string" ? Et(a.value) : !1), v = S(() => {
       var m;
       return {
         textAlign: u,
@@ -535,7 +542,7 @@ const Et = (e) => {
       };
     }), y = () => {
       s.mask, s.modalComponent && e.store.$patch((m) => {
-        m.modal.visible = !0, m.modal.colIndex = e.colIndex, m.modal.rowIndex = e.rowIndex, m.modal.parent = t.value, m.modal.top = n.value, m.modal.left = o.value, m.modal.width = f, typeof s.modalComponent == "function" ? m.modal.component = s.modalComponent({ table: m.table, row: c, column: s }) : m.modal.component = s.modalComponent, m.modal.componentProps = s.modalComponentExtraProps;
+        m.modal.visible = !0, m.modal.colIndex = e.colIndex, m.modal.rowIndex = e.rowIndex, m.modal.parent = t.value, m.modal.top = t.value.offsetTop + t.value.offsetHeight, m.modal.left = t.value.offsetLeft, m.modal.width = n.value, m.modal.height = o.value, typeof s.modalComponent == "function" ? m.modal.component = s.modalComponent({ table: m.table, row: c, column: s }) : m.modal.component = s.modalComponent, m.modal.componentProps = s.modalComponentExtraProps;
       });
     };
     if (e.addNavigation) {
@@ -570,7 +577,7 @@ const Et = (e) => {
       contenteditable: g(s).edit,
       tabindex: m.tabIndex,
       spellcheck: !1,
-      style: j(v.value),
+      style: B(v.value),
       onFocus: p,
       onPaste: w,
       onBlur: w,
@@ -578,16 +585,16 @@ const Et = (e) => {
       onClick: y,
       class: z(["atable-cell", m.pinned ? "sticky-column" : ""])
     }, [
-      g(s).cellComponent ? (E(), Z(Oe(g(s).cellComponent), ae({
+      g(s).cellComponent ? (E(), K(Oe(g(s).cellComponent), ae({
         key: 0,
-        value: g(a)
+        value: a.value
       }, g(s).cellComponentProps), null, 16, ["value"])) : d.value ? (E(), k("span", {
         key: 1,
-        innerHTML: g(a)
-      }, null, 8, Ct)) : (E(), k("span", At, F(g(a)), 1))
+        innerHTML: a.value
+      }, null, 8, Ct)) : (E(), k("span", It, F(a.value), 1))
     ], 46, kt));
   }
-}), It = ["tabindex"], St = ["tabindex"], $t = ["colspan"], Tt = /* @__PURE__ */ W({
+}), At = ["tabindex"], St = ["tabindex"], $t = ["colspan"], Tt = /* @__PURE__ */ H({
   __name: "AExpansionRow",
   props: {
     rowIndex: {},
@@ -596,7 +603,7 @@ const Et = (e) => {
     addNavigation: { type: [Boolean, Object] }
   },
   setup(e) {
-    const t = ee("rowEl"), n = $(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
+    const t = X("rowEl"), n = S(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
     if (e.addNavigation) {
       const o = {
         "keydown.control.g": (r) => {
@@ -610,26 +617,26 @@ const Et = (e) => {
         }
       ]);
     }
-    return (o, r) => (E(), k(_, null, [
-      B("tr", ae(o.$attrs, {
+    return (o, r) => (E(), k(ee, null, [
+      j("tr", ae(o.$attrs, {
         ref: "rowEl",
         tabindex: o.tabIndex,
         class: "expandable-row"
       }), [
-        B("td", {
+        j("td", {
           tabIndex: -1,
           onClick: r[0] || (r[0] = (a) => o.store.toggleRowExpand(o.rowIndex)),
           class: "row-index"
         }, F(n.value), 1),
         R(o.$slots, "row")
-      ], 16, It),
+      ], 16, At),
       o.store.display[o.rowIndex].expanded ? (E(), k("tr", {
         key: 0,
         ref: "rowExpanded",
         tabindex: o.tabIndex,
         class: "expanded-row"
       }, [
-        B("td", {
+        j("td", {
           tabIndex: -1,
           colspan: o.store.columns.length + 1,
           class: "expanded-row-content"
@@ -639,7 +646,7 @@ const Et = (e) => {
       ], 8, St)) : U("", !0)
     ], 64));
   }
-}), Mt = ["tabindex"], Ve = /* @__PURE__ */ W({
+}), Mt = ["tabindex"], je = /* @__PURE__ */ H({
   __name: "ARow",
   props: {
     rowIndex: {},
@@ -648,7 +655,7 @@ const Et = (e) => {
     addNavigation: { type: [Boolean, Object], default: !1 }
   },
   setup(e) {
-    const t = ee("rowEl"), n = e.store.isRowVisible(e.rowIndex), o = e.store.getRowExpandSymbol(e.rowIndex);
+    const t = X("rowEl"), n = e.store.isRowVisible(e.rowIndex), o = e.store.getRowExpandSymbol(e.rowIndex);
     if (e.addNavigation) {
       let r = me;
       typeof e.addNavigation == "object" && (r = {
@@ -683,21 +690,21 @@ const Et = (e) => {
       [Le, g(n)]
     ]);
   }
-}), je = pe ? window : void 0;
+}), Be = pe ? window : void 0;
 function V(e) {
   var t;
-  const n = T(e);
+  const n = M(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function K(...e) {
+function _(...e) {
   let t, n, o, r;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, r] = e, t = je) : [t, n, o, r] = e, !t)
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, r] = e, t = Be) : [t, n, o, r] = e, !t)
     return P;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
   const a = [], l = () => {
     a.forEach((u) => u()), a.length = 0;
-  }, i = (u, f, d, v) => (u.addEventListener(f, d, v), () => u.removeEventListener(f, d, v)), s = M(
-    () => [V(t), T(r)],
+  }, i = (u, f, d, v) => (u.addEventListener(f, d, v), () => u.removeEventListener(f, d, v)), s = T(
+    () => [V(t), M(r)],
     ([u, f]) => {
       if (l(), !u)
         return;
@@ -710,16 +717,16 @@ function K(...e) {
   ), c = () => {
     s(), l();
   };
-  return J(c), c;
+  return Q(c), c;
 }
 let Se = !1;
 function $e(e, t, n = {}) {
-  const { window: o = je, ignore: r = [], capture: a = !0, detectIframe: l = !1 } = n;
+  const { window: o = Be, ignore: r = [], capture: a = !0, detectIframe: l = !1 } = n;
   if (!o)
     return P;
   re && !Se && (Se = !0, Array.from(o.document.body.children).forEach((p) => p.addEventListener("click", P)), o.document.documentElement.addEventListener("click", P));
   let i = !0;
-  const s = (p) => T(r).some((w) => {
+  const s = (p) => M(r).some((w) => {
     if (typeof w == "string")
       return Array.from(o.document.querySelectorAll(w)).some((m) => m === p.target || p.composedPath().includes(m));
     {
@@ -728,12 +735,12 @@ function $e(e, t, n = {}) {
     }
   });
   function c(p) {
-    const w = T(p);
+    const w = M(p);
     return w && w.$.subTree.shapeFlag === 16;
   }
   function u(p, w) {
-    const m = T(p), C = m.$.subTree && m.$.subTree.children;
-    return C == null || !Array.isArray(C) ? !1 : C.some((H) => H.el === w.target || w.composedPath().includes(H.el));
+    const m = M(p), C = m.$.subTree && m.$.subTree.children;
+    return C == null || !Array.isArray(C) ? !1 : C.some((W) => W.el === w.target || w.composedPath().includes(W.el));
   }
   const f = (p) => {
     const w = V(e);
@@ -747,16 +754,16 @@ function $e(e, t, n = {}) {
   };
   let d = !1;
   const v = [
-    K(o, "click", (p) => {
+    _(o, "click", (p) => {
       d || (d = !0, setTimeout(() => {
         d = !1;
       }, 0), f(p));
     }, { passive: !0, capture: a }),
-    K(o, "pointerdown", (p) => {
+    _(o, "pointerdown", (p) => {
       const w = V(e);
       i = !s(p) && !!(w && !p.composedPath().includes(w));
     }, { passive: !0 }),
-    l && K(o, "blur", (p) => {
+    l && _(o, "blur", (p) => {
       setTimeout(() => {
         var w;
         const m = V(e);
@@ -783,25 +790,25 @@ const Rt = {
 function te(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
-function Be(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 : Be(n);
+    return !n || n.tagName === "BODY" ? !1 : ze(n);
   }
 }
 function Ot(e) {
   const t = e || window.event, n = t.target;
-  return Be(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
+  return ze(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
 const ne = /* @__PURE__ */ new WeakMap();
 function Lt(e, t = !1) {
   const n = x(t);
   let o = null, r = "";
-  M(ht(e), (i) => {
-    const s = te(T(i));
+  T(gt(e), (i) => {
+    const s = te(M(i));
     if (s) {
       const c = s;
       if (ne.get(c) || ne.set(c, c.style.overflow), c.style.overflow !== "hidden" && (r = c.style.overflow), c.style.overflow === "hidden")
@@ -813,8 +820,8 @@ function Lt(e, t = !1) {
     immediate: !0
   });
   const a = () => {
-    const i = te(T(e));
-    !i || n.value || (re && (o = K(
+    const i = te(M(e));
+    !i || n.value || (re && (o = _(
       i,
       "touchmove",
       (s) => {
@@ -823,10 +830,10 @@ function Lt(e, t = !1) {
       { passive: !1 }
     )), i.style.overflow = "hidden", n.value = !0);
   }, l = () => {
-    const i = te(T(e));
+    const i = te(M(e));
     !i || !n.value || (re && (o == null || o()), i.style.overflow = r, ne.delete(i), n.value = !1);
   };
-  return J(l), $({
+  return Q(l), S({
     get() {
       return n.value;
     },
@@ -843,17 +850,17 @@ function Pt() {
       return;
     e = !0;
     const r = Lt(n, o.value);
-    M(t, (a) => r.value = a);
+    T(t, (a) => r.value = a);
   };
 }
 Pt();
 const Dt = {
   key: 0,
   id: "resizable"
-}, Wt = {
+}, Ht = {
   class: "atable-header-row",
   tabindex: "-1"
-}, ze = /* @__PURE__ */ W({
+}, Fe = /* @__PURE__ */ H({
   __name: "ATableHeader",
   props: {
     columns: {},
@@ -861,7 +868,7 @@ const Dt = {
   },
   setup(e) {
     return (t, n) => t.columns.length ? (E(), k("thead", Dt, [
-      B("tr", Wt, [
+      j("tr", Ht, [
         t.store.zeroColumn ? (E(), k("th", {
           key: 0,
           id: "header-index",
@@ -871,86 +878,96 @@ const Dt = {
             t.store.config.view === "list-expansion" ? "list-expansion-index" : ""
           ], "list-index"])
         }, null, 2)) : U("", !0),
-        (E(!0), k(_, null, le(t.columns, (o, r) => (E(), k("th", {
+        (E(!0), k(ee, null, le(t.columns, (o, r) => (E(), k("th", {
           key: o.name,
           tabindex: "-1",
-          style: j(t.store.getHeaderCellStyle(o)),
+          style: B(t.store.getHeaderCellStyle(o)),
           class: z(o.pinned ? "sticky-column" : "")
         }, [
           R(t.$slots, "default", {}, () => [
-            Je(F(o.label || String.fromCharCode(r + 97).toUpperCase()), 1)
+            Qe(F(o.label || String.fromCharCode(r + 97).toUpperCase()), 1)
           ])
         ], 6))), 128))
       ])
     ])) : U("", !0);
   }
-}), Fe = /* @__PURE__ */ W({
+}), Ue = /* @__PURE__ */ H({
   __name: "ATableModal",
   props: {
     colIndex: {},
     rowIndex: {},
-    store: {}
+    store: {},
+    container: {}
   },
   setup(e) {
-    const t = (n) => {
-      n.stopPropagation();
+    const t = X("amodal"), { width: n, height: o } = Ne(t), r = S(() => {
+      var u, f;
+      const l = ((u = e.container) == null ? void 0 : u.offsetWidth) || 0, i = ((f = e.container) == null ? void 0 : f.offsetHeight) || 0, s = e.store.modal.left + n.value > l ? e.store.modal.left - (n.value - e.store.modal.width) : e.store.modal.left, c = e.store.modal.top + o.value > i ? e.store.modal.top - o.value - e.store.modal.height : e.store.modal.top;
+      return {
+        left: `${s}px`,
+        top: `${c}px`
+      };
+    }), a = (l) => {
+      l.stopPropagation();
     };
-    return (n, o) => (E(), k("div", {
+    return (l, i) => (E(), k("div", {
       class: "amodal",
+      ref: "amodal",
       tabindex: "-1",
-      onClick: t,
-      onInput: t
+      onClick: a,
+      onInput: a,
+      style: B(r.value)
     }, [
-      R(n.$slots, "default")
-    ], 32));
+      R(l.$slots, "default")
+    ], 36));
   }
-}), Ht = (e) => {
+}), Wt = (e) => {
   const t = e.id || crypto.randomUUID();
-  return Qe(`table-${t}`, () => {
+  return Ze(`table-${t}`, () => {
     const o = () => {
       const h = {};
-      for (const [b, A] of a.value.entries())
-        for (const [S, I] of l.value.entries())
-          h[`${b}:${S}`] = I[A.name];
+      for (const [b, I] of a.value.entries())
+        for (const [$, A] of l.value.entries())
+          h[`${b}:${$}`] = A[I.name];
       return h;
     }, r = (h) => {
       const b = [Object.assign({}, { rowModified: !1 })];
       if (h && "0:0" in h)
         return h;
-      const A = /* @__PURE__ */ new Set();
-      for (let S = l.value.length - 1; S >= 0; S--) {
-        const I = l.value[S];
-        I.parent && A.add(I.parent), b[S] = {
+      const I = /* @__PURE__ */ new Set();
+      for (let $ = l.value.length - 1; $ >= 0; $--) {
+        const A = l.value[$];
+        A.parent && I.add(A.parent), b[$] = {
           childrenOpen: !1,
           expanded: !1,
-          indent: I.indent || null,
-          isParent: A.has(S),
-          isRoot: I.parent === null || I.parent === void 0,
+          indent: A.indent || null,
+          isParent: I.has($),
+          isRoot: A.parent === null || A.parent === void 0,
           rowModified: !1,
-          open: I.parent === null || I.parent === void 0,
-          parent: I.parent
+          open: A.parent === null || A.parent === void 0,
+          parent: A.parent
         };
       }
       return b;
-    }, a = x(e.columns), l = x(e.rows), i = x(e.config || {}), s = x(e.table || o()), c = x(r(e.display)), u = x(e.modal || { visible: !1 }), f = $(() => a.value.some((h) => h.pinned)), d = $(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), v = $(() => ["list", "tree", "list-expansion"].includes(i.value.view)), y = (h, b) => s.value[`${h}:${b}`], p = (h, b, A) => {
-      const S = `${h}:${b}`, I = a.value[h];
-      s.value[S] !== A && (c.value[b].rowModified = !0), s.value[S] = A, l.value[b][I.name] = A;
+    }, a = x(e.columns), l = x(e.rows), i = x(e.config || {}), s = x(e.table || o()), c = x(r(e.display)), u = x(e.modal || { visible: !1 }), f = S(() => a.value.some((h) => h.pinned)), d = S(() => `${Math.ceil(l.value.length / 100 + 1)}ch`), v = S(() => ["list", "tree", "list-expansion"].includes(i.value.view)), y = (h, b) => s.value[`${h}:${b}`], p = (h, b, I) => {
+      const $ = `${h}:${b}`, A = a.value[h];
+      s.value[$] !== I && (c.value[b].rowModified = !0), s.value[$] = I, l.value[b][A.name] = I;
     }, w = (h) => ({
       minWidth: h.width || "40ch",
       textAlign: h.align || "center",
       width: i.value.fullWidth ? "auto" : null
-    }), m = (h) => i.value.view !== "tree" || c.value[h].isRoot || c.value[h].open, C = (h) => i.value.view !== "tree" ? "" : c.value[h].isRoot || c.value[h].isParent ? c.value[h].childrenOpen ? "-" : "+" : "", H = (h) => {
+    }), m = (h) => i.value.view !== "tree" || c.value[h].isRoot || c.value[h].open, C = (h) => i.value.view !== "tree" ? "" : c.value[h].isRoot || c.value[h].isParent ? c.value[h].childrenOpen ? "-" : "+" : "", W = (h) => {
       if (i.value.view === "tree") {
         c.value[h].childrenOpen = !c.value[h].childrenOpen;
         for (let b = l.value.length - 1; b >= 0; b--)
-          c.value[b].parent === h && (c.value[b].open = !c.value[b].open, c.value[b].childrenOpen && H(b));
+          c.value[b].parent === h && (c.value[b].open = !c.value[b].open, c.value[b].childrenOpen && W(b));
       } else i.value.view === "list-expansion" && (c.value[h].expanded = !c.value[h].expanded);
-    }, Ue = (h, b) => {
-      const A = y(h, b);
-      return he(h, b, A);
-    }, he = (h, b, A) => {
-      const S = a.value[h], I = l.value[b], N = S.format;
-      return N ? typeof N == "function" ? N(A, { table: s.value, row: I, column: S }) : typeof N == "string" ? Function(`"use strict";return (${N})`)()(A, { table: s.value, row: I, column: S }) : A : A;
+    }, qe = (h, b) => {
+      const I = y(h, b);
+      return he(h, b, I);
+    }, he = (h, b, I) => {
+      const $ = a.value[h], A = l.value[b], N = $.format;
+      return N ? typeof N == "function" ? N(I, { table: s.value, row: A, column: $ }) : typeof N == "string" ? Function(`"use strict";return (${N})`)()(I, { table: s.value, row: A, column: $ }) : I : I;
     };
     return {
       // state
@@ -970,17 +987,17 @@ const Dt = {
         h.target instanceof Node && (b = u.value.parent) != null && b.contains(h.target) || u.value.visible && (u.value.visible = !1);
       },
       getCellData: y,
-      getCellDisplayValue: Ue,
+      getCellDisplayValue: qe,
       getFormattedValue: he,
       getHeaderCellStyle: w,
       getIndent: (h, b) => b && h === 0 && b > 0 ? `${b}ch` : "inherit",
       getRowExpandSymbol: C,
       isRowVisible: m,
       setCellData: p,
-      toggleRowExpand: H
+      toggleRowExpand: W
     };
   })();
-}, Nt = /* @__PURE__ */ W({
+}, Nt = /* @__PURE__ */ H({
   __name: "ATable",
   props: {
     id: {},
@@ -991,20 +1008,20 @@ const Dt = {
   },
   emits: ["update:modelValue", "cellUpdate"],
   setup(e, { expose: t, emit: n }) {
-    const o = n, r = ee("table"), a = e.modelValue ? e.modelValue : e.rows, l = Ht({ columns: e.columns, rows: a, id: e.id, config: e.config });
+    const o = n, r = X("table"), a = e.modelValue ? e.modelValue : e.rows, l = Wt({ columns: e.columns, rows: a, id: e.id, config: e.config });
     l.$onAction(({ name: s, store: c, args: u }) => {
       if (s === "setCellData") {
         const [f, d, v] = u, y = c.getCellData(f, d);
         o("cellUpdate", [f, d, v, y]);
       }
-    }), M(
+    }), T(
       () => l.rows,
       (s) => {
         o("update:modelValue", s);
       },
       { deep: !0 }
     ), Y(() => {
-      e.columns.some((s) => s.pinned) && (i(), l.config.view === "tree" && He(r, i, { childList: !0, subtree: !0 }));
+      e.columns.some((s) => s.pinned) && (i(), l.config.view === "tree" && We(r, i, { childList: !0, subtree: !0 }));
     });
     const i = () => {
       const s = r.value, c = s.rows[0], u = s.rows[1], f = c ? Array.from(c.cells) : [];
@@ -1031,24 +1048,24 @@ const Dt = {
     }), t({ store: l }), (s, c) => oe((E(), k("table", {
       ref: "table",
       class: "atable",
-      style: j({ width: g(l).config.fullWidth ? "100%" : "auto" })
+      style: B({ width: g(l).config.fullWidth ? "100%" : "auto" })
     }, [
       R(s.$slots, "header", { data: g(l) }, () => [
-        ge(ze, {
+        ge(Fe, {
           columns: g(l).columns,
           store: g(l)
         }, null, 8, ["columns", "store"])
       ], !0),
-      B("tbody", null, [
+      j("tbody", null, [
         R(s.$slots, "body", { data: g(l) }, () => [
-          (E(!0), k(_, null, le(g(l).rows, (u, f) => (E(), Z(Ve, {
+          (E(!0), k(ee, null, le(g(l).rows, (u, f) => (E(), K(je, {
             key: u.id,
             row: u,
             rowIndex: f,
             store: g(l)
           }, {
             default: ye(() => [
-              (E(!0), k(_, null, le(g(l).columns, (d, v) => (E(), Z(Ne, {
+              (E(!0), k(ee, null, le(g(l).columns, (d, v) => (E(), K(Ve, {
                 key: d.name,
                 store: g(l),
                 col: d,
@@ -1057,7 +1074,7 @@ const Dt = {
                 rowIndex: f,
                 colIndex: v,
                 component: d.cellComponent,
-                style: j({
+                style: B({
                   textAlign: (d == null ? void 0 : d.align) || "center",
                   minWidth: (d == null ? void 0 : d.width) || "40ch",
                   width: g(l).config.fullWidth ? "auto" : null
@@ -1070,18 +1087,14 @@ const Dt = {
       ]),
       R(s.$slots, "footer", { data: g(l) }, void 0, !0),
       R(s.$slots, "modal", { data: g(l) }, () => [
-        oe(ge(Fe, {
+        oe(ge(Ue, {
           colIndex: g(l).modal.colIndex,
           rowIndex: g(l).modal.rowIndex,
           store: g(l),
-          style: j({
-            left: g(l).modal.left + "px",
-            top: g(l).modal.top + "px",
-            maxWidth: g(l).modal.width + "px"
-          })
+          container: g(r)
         }, {
           default: ye(() => [
-            (E(), Z(Oe(g(l).modal.component), ae({
+            (E(), K(Oe(g(l).modal.component), ae({
               key: `${g(l).modal.rowIndex}:${g(l).modal.colIndex}`,
               colIndex: g(l).modal.colIndex,
               rowIndex: g(l).modal.rowIndex,
@@ -1089,7 +1102,7 @@ const Dt = {
             }, g(l).modal.componentProps), null, 16, ["colIndex", "rowIndex", "store"]))
           ]),
           _: 1
-        }, 8, ["colIndex", "rowIndex", "store", "style"]), [
+        }, 8, ["colIndex", "rowIndex", "store", "container"]), [
           [Le, g(l).modal.visible]
         ])
       ], !0)
@@ -1102,18 +1115,18 @@ const Dt = {
   for (const [o, r] of t)
     n[o] = r;
   return n;
-}, jt = /* @__PURE__ */ Vt(Nt, [["__scopeId", "data-v-a7848db7"]]);
+}, jt = /* @__PURE__ */ Vt(Nt, [["__scopeId", "data-v-7a1c014a"]]);
 function Gt(e) {
-  e.component("ACell", Ne), e.component("AExpansionRow", Tt), e.component("ARow", Ve), e.component("ATable", jt), e.component("ATableHeader", ze), e.component("ATableModal", Fe);
+  e.component("ACell", Ve), e.component("AExpansionRow", Tt), e.component("ARow", je), e.component("ATable", jt), e.component("ATableHeader", Fe), e.component("ATableModal", Ue);
 }
 export {
-  Ne as ACell,
+  Ve as ACell,
   Tt as AExpansionRow,
-  Ve as ARow,
+  je as ARow,
   jt as ATable,
-  ze as ATableHeader,
-  Fe as ATableModal,
-  Ht as createTableStore,
+  Fe as ATableHeader,
+  Ue as ATableModal,
+  Wt as createTableStore,
   Gt as install
 };
 //# sourceMappingURL=atable.js.map