@stonecrop/atable 0.2.17 → 0.2.20

package/dist/atable.js

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