react-masume-grid 0.1.0

package/dist/masume-grid.js

@@ -0,0 +1,763 @@
+import { jsx as W, jsxs as H } from "react/jsx-runtime";
+import { useMemo as $, useState as z, useRef as I, useEffect as ue, useLayoutEffect as Be, useCallback as U } from "react";
+function S(s, c, d) {
+  return Math.min(Math.max(s, c), d);
+}
+function wt(s) {
+  let c = "", d = s;
+  for (; c = String.fromCharCode(65 + d % 26) + c, d = Math.floor(d / 26) - 1, !(d < 0); )
+    ;
+  return c;
+}
+function gt(s) {
+  const c = new Array(s.length + 1);
+  c[0] = 0;
+  for (let d = 0; d < s.length; d++) c[d + 1] = c[d] + s[d];
+  return c;
+}
+function vt(s, c, d) {
+  const g = Math.max(0, c - 1), x = Math.max(0, d - 1), v = s.anchor, m = s.focus;
+  return {
+    top: S(Math.min(v.row, m.row), 0, g),
+    bottom: S(Math.max(v.row, m.row), 0, g),
+    left: S(Math.min(v.col, m.col), 0, x),
+    right: S(Math.max(v.col, m.col), 0, x)
+  };
+}
+function Ue(s) {
+  return s.replace(/[０-９ａ-ｚＡ-Ｚ]/g, (c) => String.fromCharCode(c.charCodeAt(0) - 65248)).replace(/．/g, ".").replace(/[－ー−]/g, "-").replace(/＋/g, "+").replace(/，/g, ",").replace(/／/g, "/").replace(/　/g, " ");
+}
+function yt(s) {
+  const c = Ue(s).trim().replace(/,/g, "");
+  return c === "" ? "" : /^[+-]?(\d+\.?\d*|\.\d+)([eE][+-]?\d+)?$/.test(c) ? c : null;
+}
+function Fe(s) {
+  const c = Ue(s).trim();
+  if (c === "") return "";
+  const d = /^(\d{4})[/\-.年](\d{1,2})[/\-.月](\d{1,2})日?$/.exec(c) ?? /^(\d{4})(\d{2})(\d{2})$/.exec(c);
+  if (!d) return null;
+  const g = Number(d[1]), x = Number(d[2]), v = Number(d[3]), m = new Date(g, x - 1, v);
+  if (m.getFullYear() !== g || m.getMonth() !== x - 1 || m.getDate() !== v) return null;
+  const q = (Y) => String(Y).padStart(2, "0");
+  return `${g}-${q(x)}-${q(v)}`;
+}
+function bt(s) {
+  return /[\t\n\r"]/.test(s) ? '"' + s.replace(/"/g, '""') + '"' : s;
+}
+function Dt(s) {
+  return s.map((c) => c.map(bt).join("	")).join(`
+`);
+}
+function xt(s) {
+  s.endsWith(`\r
+`) ? s = s.slice(0, -2) : (s.endsWith(`
+`) || s.endsWith("\r")) && (s = s.slice(0, -1));
+  const c = [];
+  let d = [], g = "", x = !1;
+  for (let v = 0; v < s.length; v++) {
+    const m = s[v];
+    x ? m === '"' ? s[v + 1] === '"' ? (g += '"', v++) : x = !1 : g += m : m === '"' && g === "" ? x = !0 : m === "	" ? (d.push(g), g = "") : m === `
+` || m === "\r" ? (m === "\r" && s[v + 1] === `
+` && v++, d.push(g), c.push(d), d = [], g = "") : g += m;
+  }
+  return d.push(g), c.push(d), c;
+}
+const $e = 4, Mt = 24;
+function Ct({
+  data: s,
+  columns: c,
+  onChange: d,
+  onCellChange: g,
+  onSelectionChange: x,
+  onColumnResize: v,
+  showRowNumbers: m = !0,
+  showHeader: q = !0,
+  readOnly: Y = !1,
+  resizableColumns: Xe = !0,
+  rowHeight: y = 28,
+  headerHeight: je = 28,
+  defaultColumnWidth: ge = 120,
+  rowNumberWidth: _e = 48,
+  className: ve,
+  style: qe
+}) {
+  var Oe, Pe;
+  const w = s.length, p = $(
+    () => c ? c.length : s.reduce((e, t) => Math.max(e, t.length), 0),
+    [c, s]
+  ), [ye, be] = z({}), [De, xe] = z(null), L = $(
+    () => Array.from(
+      { length: p },
+      (e, t) => {
+        var r;
+        return ye[t] ?? ((r = c == null ? void 0 : c[t]) == null ? void 0 : r.width) ?? ge;
+      }
+    ),
+    [c, p, ge, ye]
+  ), O = $(() => gt(L), [L]), b = m ? _e : 0, M = q ? je : 0, fe = b + (O[p] ?? 0), Ye = w * y, [ee, A] = z([
+    { anchor: { row: 0, col: 0 }, focus: { row: 0, col: 0 } }
+  ]), [h, de] = z(null), [X, te] = z(""), [Me, Ge] = z(0), [Ee, ke] = z(0), [re, pe] = z(null), [G, oe] = z(0), P = I(null), V = I(null), j = I(null), ne = I(null), ce = I(!1), Ce = I(-1), B = I(h);
+  B.current = h;
+  const Re = I(X);
+  Re.current = X;
+  const le = ee[ee.length - 1], i = {
+    row: S(le.anchor.row, 0, Math.max(0, w - 1)),
+    col: S(le.anchor.col, 0, Math.max(0, p - 1))
+  }, T = $(
+    () => ee.map((e) => vt(e, w, p)),
+    [ee, w, p]
+  );
+  ue(() => {
+    x == null || x(T);
+  }, [T]), Be(() => {
+    const e = P.current;
+    if (!e || (ke(e.clientHeight), typeof ResizeObserver > "u")) return;
+    const t = new ResizeObserver(() => ke(e.clientHeight));
+    return t.observe(e), () => t.disconnect();
+  }, []);
+  const F = U(
+    (e) => {
+      var t;
+      return !Y && !((t = c == null ? void 0 : c[e]) != null && t.readOnly);
+    },
+    [Y, c]
+  ), E = U(
+    (e) => {
+      var t;
+      return ((t = c == null ? void 0 : c[e]) == null ? void 0 : t.type) ?? "text";
+    },
+    [c]
+  ), _ = $(() => {
+    const e = /* @__PURE__ */ new Map();
+    return c == null || c.forEach((t, r) => {
+      t.type === "select" && e.set(
+        r,
+        (t.options ?? []).map(
+          (o) => typeof o == "string" ? { value: o, label: o } : { value: o.value, label: o.label ?? o.value }
+        )
+      );
+    }), e;
+  }, [c]), he = $(() => {
+    const e = /* @__PURE__ */ new Map();
+    for (const [t, r] of _)
+      e.set(t, new Map(r.map((o) => [o.value, o.label])));
+    return e;
+  }, [_]), Se = U(
+    (e, t) => {
+      var r;
+      switch (E(e)) {
+        case "number":
+          return yt(t);
+        case "date":
+          return Fe(t);
+        case "select": {
+          if (t === "") return "";
+          const o = _.get(e);
+          if (o != null && o.some((a) => a.value === t)) return t;
+          const n = o == null ? void 0 : o.find((a) => a.label === t);
+          return n ? n.value : ((r = c == null ? void 0 : c[e]) == null ? void 0 : r.strict) === !1 ? t : null;
+        }
+        default:
+          return t;
+      }
+    },
+    [E, _, c]
+  ), se = U(
+    (e) => {
+      var r;
+      const t = [];
+      for (const o of e) {
+        if (!F(o.col)) continue;
+        const n = Se(o.col, o.value);
+        n !== null && (((r = s[o.row]) == null ? void 0 : r[o.col]) ?? "") !== n && t.push(n === o.value ? o : { ...o, value: n });
+      }
+      if (t.length !== 0) {
+        if (g)
+          for (const o of t) g(o.row, o.col, o.value);
+        if (d) {
+          const o = s.slice(), n = /* @__PURE__ */ new Set();
+          for (const a of t) {
+            n.has(a.row) || (o[a.row] = (o[a.row] ?? []).slice(), n.add(a.row));
+            const l = o[a.row];
+            for (; l.length < a.col; ) l.push("");
+            l[a.col] = a.value;
+          }
+          d(o);
+        }
+      }
+    },
+    [F, Se, s, d, g]
+  ), N = U(
+    (e = !0, t) => {
+      var o, n;
+      const r = B.current;
+      if (r) {
+        if (e && !(E(r.col) === "date" && ((o = j.current) == null ? void 0 : o.validity.badInput) === !0)) {
+          const l = t ?? Re.current, f = ((n = s[r.row]) == null ? void 0 : n[r.col]) ?? "";
+          l !== f && se([{ row: r.row, col: r.col, value: l }]);
+        }
+        de(null), te(""), pe(null), ce.current = !1;
+      }
+    },
+    [E, s, se]
+  ), Q = U(
+    (e) => {
+      const t = P.current;
+      if (!t || p === 0) return;
+      const r = M + e.row * y, o = r + y, n = b + O[e.col], a = n + L[e.col];
+      r - M < t.scrollTop ? t.scrollTop = r - M : o > t.scrollTop + t.clientHeight && (t.scrollTop = o - t.clientHeight), n - b < t.scrollLeft ? t.scrollLeft = n - b : a > t.scrollLeft + t.clientWidth && (t.scrollLeft = a - t.clientWidth);
+    },
+    [p, M, y, b, O, L]
+  ), J = U(
+    (e, t) => {
+      var a, l;
+      const r = t ?? i;
+      if (w === 0 || p === 0 || !F(r.col)) return;
+      const o = E(r.col);
+      let n = e === "edit" ? ((a = s[r.row]) == null ? void 0 : a[r.col]) ?? "" : "";
+      o === "date" && (n = Fe(n) ?? ""), o === "select" && (n = ((l = he.get(r.col)) == null ? void 0 : l.get(n)) ?? n), de({ row: r.row, col: r.col, mode: e }), te(n), pe(null), Q(r), e === "edit" && o !== "date" && requestAnimationFrame(() => {
+        var f;
+        (f = V.current) == null || f.setSelectionRange(n.length, n.length);
+      });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [i.row, i.col, w, p, F, E, he, s, Q]
+  ), Ae = I(i);
+  Ae.current = i;
+  const Ne = I({ rowNumW: b, headerH: M });
+  Be(() => {
+    const e = Ne.current;
+    e.rowNumW === b && e.headerH === M || (Ne.current = { rowNumW: b, headerH: M }, Q(Ae.current));
+  }, [b, M, Q]);
+  const Z = h ? E(h.col) : null, K = $(() => {
+    if (!h || Z !== "select") return null;
+    const e = _.get(h.col) ?? [];
+    if (re === null) return e;
+    const t = re.trim().toLowerCase();
+    return t === "" ? e : e.filter(
+      (r) => r.label.toLowerCase().includes(t) || r.value.toLowerCase().includes(t)
+    );
+  }, [h, Z, _, re]);
+  ue(() => {
+    var t;
+    if (!h || !K) return;
+    let e = K.findIndex((r) => r.value === X || r.label === X);
+    if (e < 0 && re === null) {
+      const r = ((t = s[h.row]) == null ? void 0 : t[h.col]) ?? "";
+      e = K.findIndex((o) => o.value === r);
+    }
+    oe(Math.max(0, e));
+  }, [K]), ue(() => {
+    var t;
+    const e = (t = ne.current) == null ? void 0 : t.children[G];
+    e == null || e.scrollIntoView({ block: "nearest" });
+  }, [G]), ue(() => {
+    var e;
+    h && Z === "date" && ((e = j.current) == null || e.focus({ preventScroll: !0 }));
+  }, [h, Z]);
+  const ae = (e, t) => {
+    const r = e.slice(), o = r[r.length - 1];
+    return r[r.length - 1] = { anchor: o.anchor, focus: t }, r;
+  }, D = (e, t, r) => {
+    if (w === 0 || p === 0) return;
+    const o = { row: S(e, 0, w - 1), col: S(t, 0, p - 1) };
+    r != null && r.extend ? A((n) => ae(n, o)) : A([{ anchor: o, focus: o }]), Q(o);
+  }, Le = () => {
+    w === 0 || p === 0 || A([
+      { anchor: { row: 0, col: 0 }, focus: { row: w - 1, col: p - 1 } }
+    ]);
+  }, me = () => {
+    var r;
+    const e = T[T.length - 1], t = [];
+    for (let o = e.top; o <= e.bottom; o++) {
+      const n = [];
+      for (let a = e.left; a <= e.right; a++) n.push(((r = s[o]) == null ? void 0 : r[a]) ?? "");
+      t.push(n);
+    }
+    return Dt(t);
+  }, Te = async () => {
+    var t;
+    if (w === 0 || p === 0) return;
+    const e = me();
+    try {
+      await navigator.clipboard.writeText(e);
+    } catch {
+      const r = document.createElement("textarea");
+      r.value = e, r.style.position = "fixed", r.style.opacity = "0", document.body.appendChild(r), r.select();
+      try {
+        document.execCommand("copy");
+      } finally {
+        r.remove(), (t = V.current) == null || t.focus({ preventScroll: !0 });
+      }
+    }
+  }, we = () => {
+    var r;
+    const e = [], t = /* @__PURE__ */ new Set();
+    for (const o of T)
+      for (let n = o.top; n <= o.bottom; n++)
+        for (let a = o.left; a <= o.right; a++) {
+          const l = n * Math.max(1, p) + a;
+          t.has(l) || (t.add(l), (((r = s[n]) == null ? void 0 : r[a]) ?? "") !== "" && e.push({ row: n, col: a, value: "" }));
+        }
+    se(e);
+  }, Qe = (e) => {
+    if (Y || w === 0 || p === 0) return;
+    const t = xt(e);
+    if (t.length === 0) return;
+    const r = T[T.length - 1], o = t.length, n = Math.max(...t.map((k) => k.length));
+    if (n === 0) return;
+    const a = r.bottom - r.top + 1, l = r.right - r.left + 1;
+    let f = o, u = n;
+    (a > o || l > n) && a % o === 0 && l % n === 0 && (f = a, u = l), f = Math.min(f, w - r.top), u = Math.min(u, p - r.left);
+    const C = [];
+    for (let k = 0; k < f; k++)
+      for (let R = 0; R < u; R++)
+        C.push({
+          row: r.top + k,
+          col: r.left + R,
+          value: t[k % o][R % n] ?? ""
+        });
+    se(C), A([
+      {
+        anchor: { row: r.top, col: r.left },
+        focus: { row: r.top + f - 1, col: r.left + u - 1 }
+      }
+    ]);
+  }, Je = (e) => {
+    if (ce.current || e.nativeEvent.isComposing || e.keyCode === 229) return;
+    const t = e.shiftKey, r = e.ctrlKey || e.metaKey, o = h;
+    if (o) {
+      if ((e.key === "Enter" || e.key === "Tab" || e.key === "Escape") && e.timeStamp - Ce.current < 80 || e.key === "Enter" && e.altKey) return;
+      if (E(o.col) === "select" && K) {
+        if (e.key === "ArrowDown") {
+          e.preventDefault(), oe((l) => Math.min(l + 1, Math.max(0, K.length - 1)));
+          return;
+        }
+        if (e.key === "ArrowUp") {
+          e.preventDefault(), oe((l) => Math.max(l - 1, 0));
+          return;
+        }
+        if (e.key === "Enter" || e.key === "Tab") {
+          e.preventDefault();
+          const l = K[G];
+          N(!0, l == null ? void 0 : l.value), e.key === "Enter" ? D(i.row + (t ? -1 : 1), i.col) : D(i.row, i.col + (t ? -1 : 1));
+          return;
+        }
+      }
+      switch (e.key) {
+        case "Enter":
+          e.preventDefault(), N(), D(i.row + (t ? -1 : 1), i.col);
+          return;
+        case "Tab":
+          e.preventDefault(), N(), D(i.row, i.col + (t ? -1 : 1));
+          return;
+        case "Escape":
+          e.preventDefault(), N(!1);
+          return;
+        case "ArrowUp":
+        case "ArrowDown":
+        case "ArrowLeft":
+        case "ArrowRight": {
+          if (o.mode !== "replace") return;
+          e.preventDefault(), N();
+          const l = e.key === "ArrowUp" ? -1 : e.key === "ArrowDown" ? 1 : 0, f = e.key === "ArrowLeft" ? -1 : e.key === "ArrowRight" ? 1 : 0;
+          D(i.row + l, i.col + f);
+          return;
+        }
+        default:
+          return;
+      }
+    }
+    const n = (l, f) => {
+      if (e.preventDefault(), t) {
+        const u = {
+          row: S(le.focus.row, 0, Math.max(0, w - 1)),
+          col: S(le.focus.col, 0, Math.max(0, p - 1))
+        };
+        D(u.row + l, u.col + f, { extend: !0 });
+      } else
+        D(i.row + l, i.col + f);
+    };
+    if (e.altKey && !r && e.key === "ArrowDown") {
+      const l = E(i.col);
+      if (l === "select" || l === "date") {
+        e.preventDefault(), J("edit"), l === "date" && requestAnimationFrame(() => {
+          var f, u;
+          try {
+            (u = (f = j.current) == null ? void 0 : f.showPicker) == null || u.call(f);
+          } catch {
+          }
+        });
+        return;
+      }
+    }
+    if (r && !e.altKey) {
+      const l = e.key.toLowerCase();
+      if (l === "a") {
+        e.preventDefault(), Le();
+        return;
+      }
+      if (l === "c") {
+        e.preventDefault(), Te();
+        return;
+      }
+      if (l === "x") {
+        e.preventDefault(), Te(), we();
+        return;
+      }
+      if (l === "v") return;
+      if (e.key === "Home") {
+        e.preventDefault(), D(0, 0, { extend: t });
+        return;
+      }
+      if (e.key === "End") {
+        e.preventDefault(), D(w - 1, p - 1, { extend: t });
+        return;
+      }
+      return;
+    }
+    const a = Math.max(1, Math.floor(Math.max(0, Ee - M) / y) - 1);
+    switch (e.key) {
+      case "ArrowUp":
+        n(-1, 0);
+        return;
+      case "ArrowDown":
+        n(1, 0);
+        return;
+      case "ArrowLeft":
+        n(0, -1);
+        return;
+      case "ArrowRight":
+        n(0, 1);
+        return;
+      case "PageUp":
+        n(-a, 0);
+        return;
+      case "PageDown":
+        n(a, 0);
+        return;
+      case "Tab":
+        e.preventDefault(), D(i.row, i.col + (t ? -1 : 1));
+        return;
+      case "Enter":
+        e.preventDefault(), D(i.row + (t ? -1 : 1), i.col);
+        return;
+      case "F2":
+        e.preventDefault(), J("edit");
+        return;
+      case "Delete":
+      case "Backspace":
+        e.preventDefault(), we();
+        return;
+      case "Home":
+        e.preventDefault(), D(i.row, 0, { extend: t });
+        return;
+      case "End":
+        e.preventDefault(), D(i.row, p - 1, { extend: t });
+        return;
+    }
+    e.key.length === 1 && !r && !e.altKey && (E(i.col) === "date" && e.preventDefault(), J("replace"));
+  }, Ze = (e) => {
+    var t, r, o;
+    switch (e.key) {
+      case "Enter":
+        e.preventDefault(), N(), (t = V.current) == null || t.focus({ preventScroll: !0 }), D(i.row + (e.shiftKey ? -1 : 1), i.col);
+        return;
+      case "Tab":
+        e.preventDefault(), N(), (r = V.current) == null || r.focus({ preventScroll: !0 }), D(i.row, i.col + (e.shiftKey ? -1 : 1));
+        return;
+      case "Escape":
+        e.preventDefault(), N(!1), (o = V.current) == null || o.focus({ preventScroll: !0 });
+        return;
+    }
+  }, He = (e) => {
+    const t = B.current;
+    if (!(t && E(t.col) === "date")) {
+      if (!t) {
+        if (!F(i.col) || E(i.col) === "date") return;
+        de({ row: i.row, col: i.col, mode: "replace" });
+      }
+      te(e.target.value), pe(e.target.value);
+    }
+  }, Ke = (e) => {
+    var t;
+    (t = P.current) != null && t.contains(e.relatedTarget) || N(!0);
+  }, et = () => {
+    ce.current = !0, B.current || J("replace");
+  }, tt = (e) => {
+    ce.current = !1, Ce.current = e.timeStamp;
+  }, rt = (e) => {
+    B.current || (e.preventDefault(), e.clipboardData.setData("text/plain", me()));
+  }, ot = (e) => {
+    B.current || (e.preventDefault(), e.clipboardData.setData("text/plain", me()), we());
+  }, nt = (e) => {
+    if (B.current) return;
+    e.preventDefault();
+    const t = e.clipboardData.getData("text/plain");
+    t && Qe(t);
+  }, ct = (e, t) => {
+    const r = P.current, o = r.getBoundingClientRect(), n = e - o.left + r.scrollLeft - b, a = t - o.top + r.scrollTop - M, l = S(Math.floor(a / y), 0, Math.max(0, w - 1));
+    let f = p - 1;
+    for (let u = 0; u < p; u++)
+      if (n < O[u + 1]) {
+        f = u;
+        break;
+      }
+    return { row: l, col: S(f, 0, Math.max(0, p - 1)) };
+  }, lt = () => {
+    const e = (r) => {
+      if (!P.current) return;
+      const o = ct(r.clientX, r.clientY);
+      A((n) => ae(n, o));
+    }, t = () => {
+      window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", t);
+    };
+    window.addEventListener("mousemove", e), window.addEventListener("mouseup", t);
+  }, We = (e, t, r) => {
+    A(t ? (o) => ae(o, e.focus) : r ? (o) => [...o, e] : [e]);
+  }, st = (e) => {
+    var f;
+    if (e.button !== 0) return;
+    const t = e.target;
+    if (t === V.current || j.current && j.current.contains(t) || ne.current && ne.current.contains(t) || t === P.current || (e.preventDefault(), (f = V.current) == null || f.focus({ preventScroll: !0 }), w === 0 || p === 0)) return;
+    N();
+    const r = e.ctrlKey || e.metaKey, o = t.closest("[data-corner]"), n = t.closest("[data-hcol]"), a = t.closest("[data-rownum]"), l = t.closest("[data-row]");
+    if (o) {
+      Le();
+      return;
+    }
+    if (n) {
+      const u = Number(n.dataset.hcol);
+      We(
+        { anchor: { row: 0, col: u }, focus: { row: w - 1, col: u } },
+        e.shiftKey,
+        r
+      );
+      return;
+    }
+    if (a) {
+      const u = Number(a.dataset.rownum);
+      We(
+        { anchor: { row: u, col: 0 }, focus: { row: u, col: p - 1 } },
+        e.shiftKey,
+        r
+      );
+      return;
+    }
+    if (l) {
+      const u = { row: Number(l.dataset.row), col: Number(l.dataset.col) };
+      e.shiftKey ? A((C) => ae(C, u)) : A(r ? (C) => [...C, { anchor: u, focus: u }] : [{ anchor: u, focus: u }]), lt();
+    }
+  }, at = (e) => {
+    var t;
+    return ((t = c == null ? void 0 : c[e]) == null ? void 0 : t.resizable) ?? Xe;
+  }, it = (e, t) => {
+    var u;
+    if (e.button !== 0) return;
+    e.preventDefault(), e.stopPropagation(), (u = V.current) == null || u.focus({ preventScroll: !0 });
+    const r = e.clientX, o = L[t], n = (C) => Math.max(Mt, o + (C - r));
+    xe(t);
+    const a = document.body.style.cursor;
+    document.body.style.cursor = "col-resize";
+    const l = (C) => {
+      const k = n(C.clientX);
+      be((R) => R[t] === k ? R : { ...R, [t]: k });
+    }, f = (C) => {
+      window.removeEventListener("mousemove", l), window.removeEventListener("mouseup", f), document.body.style.cursor = a, xe(null);
+      const k = n(C.clientX);
+      be((R) => R[t] === k ? R : { ...R, [t]: k }), v == null || v(t, k);
+    };
+    window.addEventListener("mousemove", l), window.addEventListener("mouseup", f);
+  }, ut = (e) => {
+    const t = e.target.closest("[data-row]");
+    t && J("edit", { row: Number(t.dataset.row), col: Number(t.dataset.col) });
+  }, ft = Math.max(0, Math.floor(Me / y) - $e), dt = Math.min(
+    w,
+    Math.ceil((Me + Math.max(0, Ee - M)) / y) + $e
+  ), pt = (e) => T.some((t) => e >= t.left && e <= t.right), ht = (e) => T.some((t) => e >= t.top && e <= t.bottom), Ie = [];
+  for (let e = ft; e < dt; e++) {
+    const t = [];
+    m && t.push(
+      /* @__PURE__ */ W(
+        "div",
+        {
+          "data-rownum": e,
+          className: "masume-grid-rownum" + (ht(e) ? " masume-grid-rownum--sel" : ""),
+          style: { width: b, height: y },
+          children: e + 1
+        },
+        "rownum"
+      )
+    );
+    for (let r = 0; r < p; r++) {
+      const o = T.some(
+        (u) => e >= u.top && e <= u.bottom && r >= u.left && r <= u.right
+      ), n = e === i.row && r === i.col, a = E(r), l = ((Oe = s[e]) == null ? void 0 : Oe[r]) ?? "", f = a === "select" ? ((Pe = he.get(r)) == null ? void 0 : Pe.get(l)) ?? l : l;
+      t.push(
+        /* @__PURE__ */ H(
+          "div",
+          {
+            "data-row": e,
+            "data-col": r,
+            role: "gridcell",
+            "aria-selected": o,
+            className: "masume-grid-cell" + (o ? " masume-grid-cell--sel" : "") + (n ? " masume-grid-cell--active" : "") + (F(r) ? "" : " masume-grid-cell--readonly") + (a === "number" ? " masume-grid-cell--num" : "") + (a === "select" ? " masume-grid-cell--select" : ""),
+            style: { width: L[r], height: y },
+            children: [
+              f,
+              a === "select" && /* @__PURE__ */ W("span", { className: "masume-grid-cell-arrow", children: "▾" })
+            ]
+          },
+          r
+        )
+      );
+    }
+    Ie.push(
+      /* @__PURE__ */ W(
+        "div",
+        {
+          role: "row",
+          className: "masume-grid-row",
+          style: { top: e * y, width: fe, height: y },
+          children: t
+        },
+        e
+      )
+    );
+  }
+  const ie = h ?? i, mt = w > 0 && p > 0, Ve = h !== null && Z === "date", ze = h !== null && !Ve;
+  return /* @__PURE__ */ H(
+    "div",
+    {
+      ref: P,
+      role: "grid",
+      "aria-rowcount": w,
+      "aria-colcount": p,
+      className: "masume-grid" + (De !== null ? " masume-grid--resizing" : "") + (ve ? " " + ve : ""),
+      style: qe,
+      onScroll: (e) => Ge(e.target.scrollTop),
+      onMouseDown: st,
+      onDoubleClick: ut,
+      children: [
+        q && /* @__PURE__ */ H("div", { className: "masume-grid-head", style: { width: fe, height: M }, children: [
+          m && /* @__PURE__ */ W(
+            "div",
+            {
+              "data-corner": !0,
+              className: "masume-grid-corner",
+              style: { width: b, height: M }
+            }
+          ),
+          Array.from({ length: p }, (e, t) => {
+            var r;
+            return /* @__PURE__ */ H(
+              "div",
+              {
+                "data-hcol": t,
+                className: "masume-grid-hcell" + (pt(t) ? " masume-grid-hcell--sel" : ""),
+                style: { width: L[t], height: M },
+                children: [
+                  /* @__PURE__ */ W("span", { className: "masume-grid-hcell-label", children: ((r = c == null ? void 0 : c[t]) == null ? void 0 : r.title) ?? wt(t) }),
+                  at(t) && /* @__PURE__ */ W(
+                    "div",
+                    {
+                      className: "masume-grid-resize-handle" + (De === t ? " masume-grid-resize-handle--active" : ""),
+                      onMouseDown: (o) => it(o, t),
+                      onDoubleClick: (o) => o.stopPropagation()
+                    }
+                  )
+                ]
+              },
+              t
+            );
+          })
+        ] }),
+        /* @__PURE__ */ H("div", { className: "masume-grid-body", style: { width: fe, height: Ye }, children: [
+          Ie,
+          mt && /* @__PURE__ */ W(
+            "textarea",
+            {
+              ref: V,
+              className: "masume-grid-editor" + (ze ? "" : " masume-grid-editor--hidden"),
+              style: {
+                top: ie.row * y,
+                left: b + O[ie.col],
+                width: L[ie.col],
+                height: y
+              },
+              value: ze ? X : "",
+              onChange: He,
+              onKeyDown: Je,
+              onCompositionStart: et,
+              onCompositionEnd: tt,
+              onCopy: rt,
+              onCut: ot,
+              onPaste: nt,
+              onBlur: Ke,
+              readOnly: !h && !F(i.col),
+              inputMode: E(ie.col) === "number" ? "decimal" : void 0,
+              wrap: "off",
+              rows: 1,
+              spellCheck: !1,
+              autoCapitalize: "off",
+              autoCorrect: "off",
+              "aria-label": "cell editor"
+            }
+          ),
+          h && Ve && /* @__PURE__ */ W(
+            "input",
+            {
+              ref: j,
+              type: "date",
+              className: "masume-grid-editor masume-grid-editor--date",
+              style: {
+                top: h.row * y,
+                left: b + O[h.col],
+                width: Math.max(L[h.col], 150),
+                height: y
+              },
+              value: X,
+              onChange: (e) => te(e.target.value),
+              onKeyDown: Ze,
+              onBlur: Ke,
+              "aria-label": "date editor"
+            }
+          ),
+          h && K && K.length > 0 && /* @__PURE__ */ W(
+            "div",
+            {
+              ref: ne,
+              className: "masume-grid-dropdown",
+              role: "listbox",
+              style: {
+                top: (h.row + 1) * y,
+                left: b + O[h.col],
+                minWidth: L[h.col]
+              },
+              children: K.map((e, t) => /* @__PURE__ */ W(
+                "div",
+                {
+                  role: "option",
+                  "aria-selected": t === G,
+                  className: "masume-grid-option" + (t === G ? " masume-grid-option--hi" : ""),
+                  onMouseDown: (r) => {
+                    r.preventDefault(), r.stopPropagation(), N(!0, e.value);
+                  },
+                  onMouseEnter: () => oe(t),
+                  children: e.label
+                },
+                `${e.value}\0${t}`
+              ))
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  Ct as MasumeGrid,
+  Fe as normalizeDateInput,
+  yt as normalizeNumberInput,
+  Ue as toHalfWidth
+};