@c-time/simple-ex-grid 1.0.0

package/dist/index.js

@@ -0,0 +1,1525 @@
+import { useCallback as e, useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/utils/colspan.ts
+function s(e, t, n, r) {
+	let i = 0;
+	for (; i < n && i <= t;) {
+		let a = Math.max(1, Math.min(r(e, i), n - i));
+		if (t < i + a) return i;
+		i += a;
+	}
+	return t;
+}
+function c(e, t, n, r) {
+	let i = s(e, t, n, r);
+	return i + Math.max(1, Math.min(r(e, i), n - i));
+}
+function l(e, t, n, r) {
+	let i = s(e, t, n, r);
+	return i === 0 ? -1 : s(e, i - 1, n, r);
+}
+function u(e, t, n) {
+	return s(e, t - 1, t, n);
+}
+//#endregion
+//#region src/hooks/useSelection.ts
+function d(t) {
+	let { rowCount: a, colCount: o, selection: d, onSelectionChange: f, onActiveCellChange: p, colSpan: m, hiddenColumns: h } = t, [g, _] = i(null), [v, y] = i(null), [b, x] = i(null), S = r(null), C = e((e) => {
+		let t = S.current;
+		(t?.row !== e.row || t?.col !== e.col) && p?.(e.row, e.col), S.current = e, _(e);
+	}, [p]), w = d !== void 0, T = w ? d ?? null : v, E = g, D = e((e) => {
+		w ? f?.(e) : y(e);
+	}, [w, f]), O = e((e, t) => ({
+		row: Math.max(0, Math.min(e, a - 1)),
+		col: Math.max(0, Math.min(t, o - 1))
+	}), [a, o]), k = e((e, t) => {
+		if (!h || h.size === 0) return e;
+		let n = e;
+		for (; n >= 0 && n < o && h.has(n);) n += t;
+		return n;
+	}, [h, o]), A = e(() => {
+		if (!h || h.size === 0) return 0;
+		for (let e = 0; e < o; e++) if (!h.has(e)) return e;
+		return 0;
+	}, [h, o]), j = e(() => {
+		if (!h || h.size === 0) return o - 1;
+		for (let e = o - 1; e >= 0; e--) if (!h.has(e)) return e;
+		return o - 1;
+	}, [h, o]), M = e((e, t) => {
+		let n = O(e, t);
+		h?.has(n.col) && (n.col = k(n.col, 1), n.col >= o && (n.col = k(t, -1)), n.col < 0) || (C(n), x(n), D({
+			start: n,
+			end: n
+		}));
+	}, [
+		O,
+		D,
+		C,
+		h,
+		k,
+		o
+	]), N = e((e, t) => {
+		let n = O(e, t), r = b ?? g ?? n;
+		C(n), D({
+			start: r,
+			end: n
+		});
+	}, [
+		b,
+		g,
+		O,
+		D,
+		C
+	]), P = e((e, t) => {
+		let n = O(e, t);
+		D({
+			start: b ?? g ?? n,
+			end: n
+		});
+	}, [
+		b,
+		g,
+		O,
+		D
+	]), F = e(() => {
+		a === 0 || o === 0 || (C({
+			row: 0,
+			col: 0
+		}), x({
+			row: 0,
+			col: 0
+		}), D({
+			start: {
+				row: 0,
+				col: 0
+			},
+			end: {
+				row: a - 1,
+				col: o - 1
+			}
+		}));
+	}, [
+		a,
+		o,
+		D,
+		C
+	]), ee = e(() => {
+		S.current = null, _(null), x(null), D(null);
+	}, [D]), I = e((e, t) => {
+		let n = g ?? {
+			row: 0,
+			col: 0
+		}, r = n.row + e, i = n.col + t;
+		if (m) {
+			if (t > 0 && e === 0) i = c(n.row, n.col, o, m);
+			else if (t < 0 && e === 0) {
+				let e = l(n.row, n.col, o, m);
+				i = e >= 0 ? e : n.col;
+			}
+			i >= o ? (i = 0, r = n.row + 1) : i < 0 && (r = n.row - 1, i = r >= 0 ? u(r, o, m) : o - 1), e !== 0 && (i = s(Math.max(0, Math.min(r, a - 1)), Math.max(0, Math.min(i, o - 1)), o, m));
+		} else h && h.size > 0 && t !== 0 && e === 0 && (i = k(i, t > 0 ? 1 : -1)), i >= o ? (i = A(), r += 1) : i < 0 && (i = j(), --r), h && h.size > 0 && e !== 0 && (i = k(i, 1), i >= o && (i = j()));
+		let d = O(r, i);
+		C(d), x(d), D({
+			start: d,
+			end: d
+		});
+	}, [
+		g,
+		o,
+		a,
+		O,
+		D,
+		C,
+		m,
+		h,
+		k,
+		A,
+		j
+	]), L = e((e, t) => {
+		let n = O(e, t);
+		m && (n.col = s(n.row, n.col, o, m)), !(h?.has(n.col) && (n.col = k(n.col, 1), n.col >= o && (n.col = k(t, -1)), n.col < 0)) && (C(n), x(n), D({
+			start: n,
+			end: n
+		}));
+	}, [
+		O,
+		o,
+		D,
+		C,
+		m,
+		h,
+		k
+	]), R = e((e) => {
+		let t = Math.max(0, Math.min(e, a - 1));
+		S.current || C({
+			row: t,
+			col: 0
+		}), x({
+			row: t,
+			col: 0
+		}), D({
+			start: {
+				row: t,
+				col: 0
+			},
+			end: {
+				row: t,
+				col: o - 1
+			}
+		});
+	}, [
+		a,
+		o,
+		D,
+		C
+	]), z = e((e) => {
+		let t = Math.max(0, Math.min(e, a - 1));
+		D({
+			start: {
+				row: (b ?? {
+					row: t,
+					col: 0
+				}).row,
+				col: 0
+			},
+			end: {
+				row: t,
+				col: o - 1
+			}
+		});
+	}, [
+		b,
+		a,
+		o,
+		D
+	]), B = e((e) => {
+		let t = Math.max(0, Math.min(e, o - 1));
+		S.current || C({
+			row: 0,
+			col: t
+		}), x({
+			row: 0,
+			col: t
+		}), D({
+			start: {
+				row: 0,
+				col: t
+			},
+			end: {
+				row: a - 1,
+				col: t
+			}
+		});
+	}, [
+		a,
+		o,
+		D,
+		C
+	]), V = e((e) => {
+		let t = Math.max(0, Math.min(e, o - 1));
+		D({
+			start: {
+				row: 0,
+				col: (b ?? {
+					row: 0,
+					col: t
+				}).col
+			},
+			end: {
+				row: a - 1,
+				col: t
+			}
+		});
+	}, [
+		b,
+		a,
+		o,
+		D
+	]), H = e((e, t) => {
+		if (!T) return !1;
+		let n = Math.min(T.start.row, T.end.row), r = Math.max(T.start.row, T.end.row), i = Math.min(T.start.col, T.end.col), a = Math.max(T.start.col, T.end.col);
+		return e >= n && e <= r && t >= i && t <= a;
+	}, [T]), U = e((e, t) => E?.row === e && E?.col === t, [E]), te = e((e, t) => {
+		t ? (S.current = t, _(t), x(t)) : (S.current = null, _(null), x(null)), D(e);
+	}, [D]);
+	return n(() => ({
+		activeCell: E,
+		selectionRange: T,
+		selectCell: M,
+		extendSelection: N,
+		setRangeEnd: P,
+		selectAll: F,
+		clearSelection: ee,
+		moveActiveCell: I,
+		moveActiveCellTo: L,
+		isSelected: H,
+		isActiveCell: U,
+		selectEntireRow: R,
+		selectEntireCol: B,
+		extendRowSelection: z,
+		extendColSelection: V,
+		restoreSelection: te
+	}), [
+		E,
+		T,
+		M,
+		N,
+		P,
+		F,
+		ee,
+		I,
+		L,
+		H,
+		U,
+		R,
+		B,
+		z,
+		V,
+		te
+	]);
+}
+//#endregion
+//#region src/hooks/usePointerSelection.ts
+function f(e) {
+	let t = e.target.closest("[data-row][data-col]");
+	if (!t) return null;
+	let n = parseInt(t.dataset.row, 10), r = parseInt(t.dataset.col, 10);
+	return isNaN(n) || isNaN(r) ? null : {
+		row: n,
+		col: r
+	};
+}
+function p(e, t) {
+	let n = document.elementFromPoint(e, t)?.closest("[data-row][data-col]");
+	if (!n) return null;
+	let r = parseInt(n.dataset.row, 10), i = parseInt(n.dataset.col, 10);
+	return isNaN(r) || isNaN(i) ? null : {
+		row: r,
+		col: i
+	};
+}
+function m(t) {
+	let { mode: i, selection: a, editing: o } = t, s = r(!1), c = r(!1), l = r(null), u = r(null), d = r(null), m = r(null), h = e((e, t) => {
+		let n = e.closest(".seg-scroll-inner");
+		n && (n.setPointerCapture?.(t), l.current = n);
+	}, []), g = e((e) => {
+		let t = e.target;
+		if (t.closest("[data-grip-row]") || t.closest("[data-grip-col]")) return;
+		let n = f(e);
+		if (n && (u.current = null, c.current = !1, !(e.button === 2 && a.isSelected(n.row, n.col)))) {
+			if (i === "edit") {
+				m.current = null;
+				let r = d.current;
+				if (r !== null && r.row === n.row && r.col === n.col && !o.editingCell) {
+					m.current = n;
+					return;
+				}
+				o.editingCell && o.commitEdit(), a.selectCell(n.row, n.col), d.current = n, s.current = !0, h(t, e.pointerId);
+				return;
+			}
+			if (o.editingCell && o.commitEdit(), e.shiftKey) {
+				a.extendSelection(n.row, n.col);
+				return;
+			}
+			if (a.isSelected(n.row, n.col)) {
+				u.current = n, s.current = !0, h(t, e.pointerId);
+				return;
+			}
+			a.selectCell(n.row, n.col), d.current = n, s.current = !0, h(t, e.pointerId);
+		}
+	}, [
+		i,
+		a,
+		o,
+		h
+	]), _ = e((e) => {
+		if (!s.current) return;
+		let t = p(e.clientX, e.clientY);
+		t && (u.current &&= (a.selectCell(u.current.row, u.current.col), null), c.current = !0, a.setRangeEnd(t.row, t.col));
+	}, [a]), v = e((e) => {
+		if (m.current) {
+			let e = m.current;
+			m.current = null, o.startEditing(e.row, e.col);
+			return;
+		}
+		u.current && !c.current && (a.selectCell(u.current.row, u.current.col), d.current = u.current, u.current = null), u.current = null, s.current && (s.current = !1, c.current = !1, l.current &&= (l.current.releasePointerCapture?.(e.pointerId), null));
+	}, [a, o]);
+	return n(() => ({
+		onPointerDown: g,
+		onPointerMove: _,
+		onPointerUp: v
+	}), [
+		g,
+		_,
+		v
+	]);
+}
+//#endregion
+//#region src/hooks/useGripSelection.ts
+function h(t) {
+	let { selection: i, colCount: a, rowCount: o } = t, s = r(!1), c = r(!1), l = r(!1), u = r(!1), d = r(null), f = r(null), p = e((e) => {
+		let t = i.selectionRange;
+		if (!t) return !1;
+		let n = Math.min(t.start.row, t.end.row), r = Math.max(t.start.row, t.end.row), o = Math.min(t.start.col, t.end.col), s = Math.max(t.start.col, t.end.col);
+		return e >= n && e <= r && o === 0 && s === a - 1;
+	}, [i.selectionRange, a]), m = e((e) => {
+		let t = i.selectionRange;
+		if (!t) return !1;
+		let n = Math.min(t.start.row, t.end.row), r = Math.max(t.start.row, t.end.row), a = Math.min(t.start.col, t.end.col), s = Math.max(t.start.col, t.end.col);
+		return e >= a && e <= s && n === 0 && r === o - 1;
+	}, [i.selectionRange, o]), h = e((e) => {
+		let t = e.currentTarget, n = parseInt(t.dataset.gripRow, 10);
+		isNaN(n) || e.button === 2 && p(n) || (t.setPointerCapture?.(e.pointerId), s.current = !0, l.current = !1, d.current = null, e.shiftKey ? i.extendRowSelection(n) : p(n) ? d.current = n : i.selectEntireRow(n));
+	}, [i, p]), g = e((e) => {
+		if (!s.current) return;
+		let t = document.elementFromPoint(e.clientX, e.clientY)?.closest("[data-grip-row]");
+		if (!t) return;
+		let n = parseInt(t.dataset.gripRow, 10);
+		isNaN(n) || (d.current !== null && (i.selectEntireRow(d.current), d.current = null), l.current = !0, i.extendRowSelection(n));
+	}, [i]), _ = e((e) => {
+		d.current !== null && !l.current && i.selectEntireRow(d.current), d.current = null, s.current = !1, l.current = !1, e.currentTarget.releasePointerCapture?.(e.pointerId);
+	}, [i]), v = e((e) => {
+		let t = e.currentTarget, n = parseInt(t.dataset.gripCol, 10);
+		isNaN(n) || e.button === 2 && m(n) || (t.setPointerCapture?.(e.pointerId), c.current = !0, u.current = !1, f.current = null, e.shiftKey ? i.extendColSelection(n) : m(n) ? f.current = n : i.selectEntireCol(n));
+	}, [i, m]), y = e((e) => {
+		if (!c.current) return;
+		let t = document.elementFromPoint(e.clientX, e.clientY)?.closest("[data-grip-col]");
+		if (!t) return;
+		let n = parseInt(t.dataset.gripCol, 10);
+		isNaN(n) || (f.current !== null && (i.selectEntireCol(f.current), f.current = null), u.current = !0, i.extendColSelection(n));
+	}, [i]), b = e((e) => {
+		f.current !== null && !u.current && i.selectEntireCol(f.current), f.current = null, c.current = !1, u.current = !1, e.currentTarget.releasePointerCapture?.(e.pointerId);
+	}, [i]);
+	return n(() => ({
+		onRowGripPointerDown: h,
+		onRowGripPointerMove: g,
+		onRowGripPointerUp: _,
+		onColGripPointerDown: v,
+		onColGripPointerMove: y,
+		onColGripPointerUp: b
+	}), [
+		h,
+		g,
+		_,
+		v,
+		y,
+		b
+	]);
+}
+//#endregion
+//#region src/hooks/useKeyboardNavigation.ts
+function g(t) {
+	let { selection: r, editing: i, mode: a, rowCount: o, colCount: s } = t, c = e((e) => {
+		if (i.editingCell) return;
+		let { key: t, shiftKey: n, ctrlKey: c, metaKey: l } = e, u = c || l;
+		switch (t) {
+			case "ArrowUp":
+				e.preventDefault(), n ? r.extendSelection((r.activeCell?.row ?? 0) - 1, r.activeCell?.col ?? 0) : r.moveActiveCell(-1, 0);
+				break;
+			case "ArrowDown":
+				e.preventDefault(), n ? r.extendSelection((r.activeCell?.row ?? 0) + 1, r.activeCell?.col ?? 0) : r.moveActiveCell(1, 0);
+				break;
+			case "ArrowLeft":
+				e.preventDefault(), n ? r.extendSelection(r.activeCell?.row ?? 0, (r.activeCell?.col ?? 0) - 1) : r.moveActiveCell(0, -1);
+				break;
+			case "ArrowRight":
+				e.preventDefault(), n ? r.extendSelection(r.activeCell?.row ?? 0, (r.activeCell?.col ?? 0) + 1) : r.moveActiveCell(0, 1);
+				break;
+			case "Tab":
+				e.preventDefault(), r.moveActiveCell(0, n ? -1 : 1);
+				break;
+			case "Enter":
+				e.preventDefault(), a === "edit" && r.activeCell ? i.startEditing(r.activeCell.row, r.activeCell.col) : r.moveActiveCell(1, 0);
+				break;
+			case "F2":
+				e.preventDefault(), a === "edit" && r.activeCell && i.startEditing(r.activeCell.row, r.activeCell.col);
+				break;
+			case "Escape":
+				e.preventDefault(), r.clearSelection();
+				break;
+			case "Home":
+				e.preventDefault(), u ? r.moveActiveCellTo(0, 0) : r.moveActiveCellTo(r.activeCell?.row ?? 0, 0);
+				break;
+			case "End":
+				e.preventDefault(), u ? r.moveActiveCellTo(o - 1, s - 1) : r.moveActiveCellTo(r.activeCell?.row ?? 0, s - 1);
+				break;
+			case "a":
+				u && (e.preventDefault(), r.selectAll());
+				break;
+			default:
+				a === "edit" && r.activeCell && t.length === 1 && !u && i.startEditing(r.activeCell.row, r.activeCell.col, t);
+				break;
+		}
+	}, [
+		r,
+		i,
+		a,
+		o,
+		s
+	]);
+	return n(() => ({ onKeyDown: c }), [c]);
+}
+//#endregion
+//#region src/hooks/useEditing.ts
+function _(t) {
+	let { rows: r, columns: a, mode: o, onChange: s, onCommitMove: c, onEditStart: l, onEditCommit: u, onEditCancel: d } = t, [f, p] = i(null), [m, h] = i(""), [g, _] = i(!1), v = e((e, t, n) => {
+		if (o === "readonly" || o === "select") return;
+		let i = a[t];
+		if (i?.editable === !1 || l?.(e, t) === !1) return;
+		let s = r[e]?.[i.key], c = n ?? String(s ?? "");
+		p({
+			row: e,
+			col: t
+		}), h(c);
+	}, [
+		o,
+		a,
+		r,
+		l
+	]), y = e(() => {
+		if (!f) return;
+		let { row: e, col: t } = f, n = a[t];
+		if (!n) {
+			p(null);
+			return;
+		}
+		let i = n.parser ? n.parser(m) : m, o = r[e]?.[n.key];
+		if (u?.(e, t, o, i) === !1) {
+			p(null);
+			return;
+		}
+		if (o !== i && s) {
+			let a = {
+				...r[e],
+				[n.key]: i
+			}, c = [...r];
+			c[e] = a, s(c, [{
+				row: e,
+				col: t,
+				before: o,
+				after: i
+			}]);
+		}
+		p(null);
+	}, [
+		f,
+		a,
+		m,
+		r,
+		s,
+		u
+	]), b = e(() => {
+		f && d?.(f.row, f.col), p(null);
+	}, [f, d]), x = e((e, t) => f?.row === e && f?.col === t, [f]), S = e((e) => {
+		if (e.nativeEvent.type === "compositionstart") {
+			_(!0);
+			return;
+		}
+		if (e.nativeEvent.type === "compositionend") {
+			_(!1);
+			return;
+		}
+		if (!g) switch (e.key) {
+			case "Enter":
+				e.preventDefault(), e.stopPropagation(), y(), c(1, 0);
+				break;
+			case "Tab":
+				e.preventDefault(), e.stopPropagation(), y(), c(0, e.shiftKey ? -1 : 1);
+				break;
+			case "Escape":
+				e.preventDefault(), e.stopPropagation(), b();
+				break;
+		}
+	}, [
+		g,
+		y,
+		b,
+		c
+	]);
+	return n(() => ({
+		editingCell: f,
+		editValue: m,
+		setEditValue: h,
+		startEditing: v,
+		commitEdit: y,
+		cancelEdit: b,
+		isEditing: x,
+		onEditorKeyDown: S
+	}), [
+		f,
+		m,
+		v,
+		y,
+		b,
+		x,
+		S
+	]);
+}
+//#endregion
+//#region src/utils/tsv.ts
+function v(e) {
+	return e.includes("	") || e.includes("\n") || e.includes("\r") || e.includes("\"") ? `"${e.replace(/"/g, "\"\"")}"` : e;
+}
+function y(e) {
+	return e.map((e) => e.map(v).join("	")).join("\r\n");
+}
+function b(e) {
+	let t = [], n = "", r = !1, i = [];
+	for (let a = 0; a < e.length; a++) {
+		let o = e[a];
+		r ? o === "\"" ? e[a + 1] === "\"" ? (n += "\"", a++) : r = !1 : n += o : o === "\"" ? r = !0 : o === "	" ? (i.push(n), n = "") : o === "\r" ? (e[a + 1] === "\n" && a++, i.push(n), n = "", t.push(i), i = []) : o === "\n" ? (i.push(n), n = "", t.push(i), i = []) : n += o;
+	}
+	return (n || i.length > 0) && (i.push(n), t.push(i)), t;
+}
+//#endregion
+//#region src/utils/html.ts
+function x(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function S(e, t) {
+	let n = t?.colSpan, r = t?.startRow ?? 0, i = t?.startCol ?? 0;
+	return `<table>${e.map((e, t) => {
+		let a = r + t, o = "", s = 0;
+		for (; s < e.length;) {
+			let t = i + s, r = n ? Math.max(1, Math.min(n(a, t), e.length - s)) : 1, c = r > 1 ? ` colspan="${r}"` : "";
+			o += `<td${c}>${x(e[s])}</td>`, s += r;
+		}
+		return `<tr>${o}</tr>`;
+	}).join("")}</table>`;
+}
+//#endregion
+//#region src/hooks/useClipboard.ts
+function C(e) {
+	let t = e.selectionRange;
+	return t ? {
+		minRow: Math.min(t.start.row, t.end.row),
+		maxRow: Math.max(t.start.row, t.end.row),
+		minCol: Math.min(t.start.col, t.end.col),
+		maxCol: Math.max(t.start.col, t.end.col)
+	} : null;
+}
+function w(t) {
+	let { rows: r, columns: i, mode: a, selection: o, onChange: s, clipboardFormat: c, allowRowAdd: l, allowRowDelete: u, onRowsAdd: d, onRowsDelete: f, colSpan: p } = t, m = e(() => {
+		let e = C(o);
+		if (!e) return null;
+		let t = [];
+		for (let n = e.minRow; n <= e.maxRow; n++) {
+			let a = [];
+			for (let t = e.minCol; t <= e.maxCol; t++) {
+				let e = i[t], o = r[n]?.[e.key];
+				a.push(String(o ?? ""));
+			}
+			t.push(a);
+		}
+		return t;
+	}, [
+		r,
+		i,
+		o
+	]), h = e(async (e, t, n) => {
+		let r = y(e), i = {};
+		if ((c === "tsv" || c === "both") && (i["text/plain"] = new Blob([r], { type: "text/plain" })), c === "html" || c === "both") {
+			let a = S(e, {
+				colSpan: p,
+				startRow: t,
+				startCol: n
+			});
+			i["text/html"] = new Blob([a], { type: "text/html" }), i["text/plain"] ||= new Blob([r], { type: "text/plain" });
+		}
+		await navigator.clipboard.write([new ClipboardItem(i)]);
+	}, [c, p]), g = e(async () => {
+		let e = m();
+		if (!e) return;
+		let t = C(o);
+		await h(e, t?.minRow, t?.minCol);
+	}, [
+		m,
+		h,
+		o
+	]), _ = e(async () => {
+		if (a === "readonly") return;
+		let e = C(o);
+		if (!e) return;
+		let t = m();
+		if (t) if (await h(t, e.minRow, e.minCol), u) {
+			let t = e.minRow, n = e.maxRow, a = n - t + 1, c = [...r];
+			c.splice(t, a);
+			let l = [];
+			for (let e = t; e <= n; e++) for (let t = 0; t < i.length; t++) l.push({
+				row: e,
+				col: t,
+				before: r[e][i[t].key],
+				after: void 0
+			});
+			if (s?.(c, l), f?.(t, a), c.length === 0) o.clearSelection();
+			else {
+				let n = Math.min(t, c.length - 1);
+				o.selectCell(n, e.minCol);
+			}
+		} else {
+			let t = [...r], n = [];
+			for (let r = e.minRow; r <= e.maxRow; r++) {
+				t[r] = { ...t[r] };
+				for (let a = e.minCol; a <= e.maxCol; a++) {
+					let e = i[a];
+					if (e.editable === !1) continue;
+					let o = t[r][e.key], s = e.parser ? e.parser("") : "";
+					t[r][e.key] = s, n.push({
+						row: r,
+						col: a,
+						before: o,
+						after: s
+					});
+				}
+			}
+			n.length > 0 && s?.(t, n);
+		}
+	}, [
+		a,
+		r,
+		i,
+		o,
+		m,
+		h,
+		s,
+		u,
+		f
+	]), v = e(async () => {
+		if (a === "readonly") return;
+		let e = C(o) ?? {
+			minRow: 0,
+			maxRow: 0,
+			minCol: 0,
+			maxCol: 0
+		}, t;
+		try {
+			t = await navigator.clipboard.readText();
+		} catch {
+			return;
+		}
+		let n = b(t);
+		if (n.length === 0) return;
+		let c = [...r], u = [], f = e.minRow, p = e.minCol;
+		for (let e = 0; e < n.length; e++) {
+			let t = f + e;
+			if (t >= c.length) {
+				if (!l) break;
+				let e = {};
+				for (let t of i) e[t.key] = t.parser ? t.parser("") : "";
+				c.push(e);
+			}
+			c[t] = { ...c[t] };
+			for (let r = 0; r < n[e].length; r++) {
+				let a = p + r;
+				if (a >= i.length) break;
+				let o = i[a];
+				if (o.editable === !1) continue;
+				let s = c[t][o.key], l = o.parser ? o.parser(n[e][r]) : n[e][r];
+				c[t][o.key] = l, u.push({
+					row: t,
+					col: a,
+					before: s,
+					after: l
+				});
+			}
+		}
+		u.length > 0 && s?.(c, u);
+		let m = c.length - r.length;
+		m > 0 && d?.(r.length, m);
+	}, [
+		a,
+		r,
+		i,
+		o,
+		s,
+		l,
+		d
+	]), x = e(async () => {
+		if (a === "readonly" || !l) return;
+		let e = C(o) ?? {
+			minRow: 0,
+			maxRow: -1,
+			minCol: 0,
+			maxCol: 0
+		}, t;
+		try {
+			t = await navigator.clipboard.readText();
+		} catch {
+			return;
+		}
+		let n = b(t);
+		if (n.length === 0) return;
+		let c = e.minCol, u = e.maxRow + 1, f = r[e.minRow] ?? {}, p = n.map((e) => {
+			let t = { ...f };
+			for (let n = 0; n < e.length; n++) {
+				let r = c + n;
+				if (r >= i.length) break;
+				let a = i[r];
+				a.editable !== !1 && (t[a.key] = a.parser ? a.parser(e[n]) : e[n]);
+			}
+			return t;
+		}), m = [...r];
+		m.splice(u, 0, ...p);
+		let h = [];
+		for (let e = 0; e < p.length; e++) for (let t = 0; t < (n[e]?.length ?? 0); t++) {
+			let n = c + t;
+			if (n >= i.length) break;
+			let r = i[n];
+			r.editable !== !1 && h.push({
+				row: u + e,
+				col: n,
+				before: void 0,
+				after: p[e][r.key]
+			});
+		}
+		s && s(m, h), d?.(u, p.length);
+	}, [
+		a,
+		l,
+		r,
+		i,
+		o,
+		s,
+		d
+	]), w = e(() => {
+		if (a === "readonly" || !l) return;
+		let e = C(o) ?? {
+			minRow: 0,
+			maxRow: -1,
+			minCol: 0,
+			maxCol: 0
+		}, t = Math.max(1, e.maxRow - e.minRow + 1), n = e.maxRow + 1, c = [...r], u = Array.from({ length: t }, () => {
+			let e = {};
+			for (let t of i) e[t.key] = t.parser ? t.parser("") : "";
+			return e;
+		});
+		c.splice(n, 0, ...u), s?.(c, []), d?.(n, t);
+	}, [
+		a,
+		l,
+		r,
+		i,
+		o,
+		s,
+		d
+	]), T = e(() => {
+		if (a === "readonly" || !u) return;
+		let e = C(o);
+		if (!e) return;
+		let t = e.minRow, n = e.maxRow, c = n - t + 1, l = [...r];
+		l.splice(t, c);
+		let d = [];
+		for (let e = t; e <= n; e++) for (let t = 0; t < i.length; t++) d.push({
+			row: e,
+			col: t,
+			before: r[e][i[t].key],
+			after: void 0
+		});
+		if (s?.(l, d), f?.(t, c), l.length === 0) o.clearSelection();
+		else {
+			let n = Math.min(t, l.length - 1);
+			o.selectCell(n, e.minCol);
+		}
+	}, [
+		a,
+		u,
+		r,
+		i,
+		o,
+		s,
+		f
+	]), E = o.selectionRange !== null;
+	return n(() => ({
+		copy: g,
+		cut: _,
+		paste: v,
+		pasteInsert: x,
+		addRows: w,
+		deleteRows: T,
+		hasSelection: E,
+		allowRowAdd: l,
+		allowRowDelete: u
+	}), [
+		g,
+		_,
+		v,
+		x,
+		w,
+		T,
+		E,
+		l,
+		u
+	]);
+}
+//#endregion
+//#region src/hooks/useHistory.ts
+function T(a) {
+	let { rows: o, selection: s, onChange: c, onRowsAdd: l, onRowsDelete: u, maxHistory: d, shouldRecordHistory: f, historyApiRef: p } = a, [m, h] = i([]), [g, _] = i([]), v = r(null), y = r(!1), b = e(() => ({
+		activeCell: s.activeCell,
+		range: s.selectionRange
+	}), [s]), x = e((e) => {
+		h((t) => {
+			let n = [...t, e];
+			return n.length > d && n.splice(0, n.length - d), n;
+		}), _([]);
+	}, [d]), S = e((e, t) => {
+		y.current || (v.current = {
+			entry: {
+				beforeRows: o,
+				afterRows: e,
+				beforeSelection: b()
+			},
+			changes: t
+		}, queueMicrotask(() => {
+			let e = v.current;
+			e && (v.current = null, !(f && !f(e.changes, e.entry.rowEvent)) && x(e.entry));
+		})), c?.(e, t);
+	}, [
+		o,
+		c,
+		b,
+		f,
+		x
+	]), C = e((e, t) => {
+		!y.current && v.current && (v.current.entry.rowEvent = {
+			kind: "add",
+			startRow: e,
+			count: t
+		}), l?.(e, t);
+	}, [l]), w = e((e, t) => {
+		!y.current && v.current && (v.current.entry.rowEvent = {
+			kind: "delete",
+			startRow: e,
+			count: t
+		}), u?.(e, t);
+	}, [u]), T = e(() => {
+		h((e) => {
+			if (e.length === 0) return e;
+			let t = e[e.length - 1], n = e.slice(0, -1);
+			return _((e) => [...e, t]), y.current = !0, c?.(t.beforeRows, []), t.rowEvent && (t.rowEvent.kind === "add" ? u?.(t.rowEvent.startRow, t.rowEvent.count) : l?.(t.rowEvent.startRow, t.rowEvent.count)), s.restoreSelection(t.beforeSelection.range, t.beforeSelection.activeCell), y.current = !1, n;
+		});
+	}, [
+		c,
+		l,
+		u,
+		s
+	]), E = e(() => {
+		_((e) => {
+			if (e.length === 0) return e;
+			let t = e[e.length - 1], n = e.slice(0, -1);
+			return h((e) => {
+				let n = [...e, t];
+				return n.length > d && n.splice(0, n.length - d), n;
+			}), y.current = !0, c?.(t.afterRows, []), t.rowEvent && (t.rowEvent.kind === "add" ? l?.(t.rowEvent.startRow, t.rowEvent.count) : u?.(t.rowEvent.startRow, t.rowEvent.count)), y.current = !1, n;
+		});
+	}, [
+		d,
+		c,
+		l,
+		u
+	]), D = e((e, t) => {
+		x({
+			beforeRows: e,
+			afterRows: t,
+			beforeSelection: b()
+		});
+	}, [b, x]), O = m.length > 0, k = g.length > 0;
+	return t(() => {
+		p && (p.current = {
+			pushHistory: D,
+			undo: T,
+			redo: E,
+			canUndo: O,
+			canRedo: k
+		});
+	}, [
+		p,
+		D,
+		T,
+		E,
+		O,
+		k
+	]), n(() => ({
+		wrappedOnChange: S,
+		wrappedOnRowsAdd: C,
+		wrappedOnRowsDelete: w,
+		undo: T,
+		redo: E,
+		canUndo: O,
+		canRedo: k
+	}), [
+		S,
+		C,
+		w,
+		T,
+		E,
+		O,
+		k
+	]);
+}
+//#endregion
+//#region src/hooks/useOverlayScrollbar.ts
+function E() {
+	let n = r(null), a = r(null), [o, s] = i({
+		vTop: 0,
+		vHeight: 0,
+		showV: !1,
+		hLeft: 0,
+		hWidth: 0,
+		showH: !1
+	}), c = r(null), l = r(null), u = r({
+		pos: 0,
+		scroll: 0
+	}), d = e(() => {
+		let e = n.current;
+		if (!e) return;
+		let { scrollTop: t, scrollLeft: r, scrollWidth: i, scrollHeight: o, clientWidth: l, clientHeight: u } = e, d = o > u + 1, f = i > l + 1, p = u / o, m = l / i;
+		s({
+			showV: d,
+			vTop: d ? t / o * u : 0,
+			vHeight: d ? Math.max(p * u, 24) : 0,
+			showH: f,
+			hLeft: f ? r / i * l : 0,
+			hWidth: f ? Math.max(m * l, 24) : 0
+		});
+		let h = a.current;
+		h && (h.classList.add("seg-scrolling"), c.current && clearTimeout(c.current), c.current = setTimeout(() => {
+			h.classList.remove("seg-scrolling");
+		}, 800));
+	}, []);
+	return t(() => {
+		let e = n.current;
+		if (!e) return;
+		e.addEventListener("scroll", d, { passive: !0 });
+		let t = new ResizeObserver(d);
+		return t.observe(e), e.firstElementChild && t.observe(e.firstElementChild), d(), () => {
+			e.removeEventListener("scroll", d), t.disconnect();
+		};
+	}, [d]), {
+		scrollRef: n,
+		areaRef: a,
+		state: o,
+		onVBarPointerDown: e((e) => {
+			e.preventDefault(), e.stopPropagation(), l.current = "v", u.current = {
+				pos: e.clientY,
+				scroll: n.current?.scrollTop ?? 0
+			}, e.target.setPointerCapture?.(e.pointerId);
+		}, []),
+		onHBarPointerDown: e((e) => {
+			e.preventDefault(), e.stopPropagation(), l.current = "h", u.current = {
+				pos: e.clientX,
+				scroll: n.current?.scrollLeft ?? 0
+			}, e.target.setPointerCapture?.(e.pointerId);
+		}, []),
+		onBarPointerMove: e((e) => {
+			let t = n.current;
+			if (!(!t || !l.current)) if (l.current === "v") {
+				let n = e.clientY - u.current.pos, r = t.scrollHeight / t.clientHeight;
+				t.scrollTop = u.current.scroll + n * r;
+			} else {
+				let n = e.clientX - u.current.pos, r = t.scrollWidth / t.clientWidth;
+				t.scrollLeft = u.current.scroll + n * r;
+			}
+		}, []),
+		onBarPointerUp: e((e) => {
+			l.current = null, e.target.releasePointerCapture?.(e.pointerId);
+		}, [])
+	};
+}
+//#endregion
+//#region src/hooks/usePagination.ts
+function D(t) {
+	let { totalRows: r, pageSize: a, page: o, onPageChange: s, onPageSizeChange: c } = t, [l, u] = i(0), [d, f] = i(a), p = o !== void 0, m = p ? o : l, h = d, g = Math.max(1, Math.ceil(r / h)), _ = e((e) => {
+		let t = Math.max(0, Math.min(e, g - 1));
+		p || u(t), s?.(t);
+	}, [
+		g,
+		p,
+		s
+	]), v = e((e) => {
+		let t = Math.max(1, e);
+		f(t), c?.(t), _(0);
+	}, [c, _]), y = e(() => _(0), [_]), b = e(() => _(m - 1), [_, m]), x = e(() => _(m + 1), [_, m]), S = e(() => _(g - 1), [_, g]), C = m * h, w = Math.min(C + h, r);
+	return n(() => ({
+		currentPage: m,
+		pageSize: h,
+		totalPages: g,
+		startRow: C,
+		endRow: w,
+		setPage: _,
+		setPageSize: v,
+		goFirst: y,
+		goPrev: b,
+		goNext: x,
+		goLast: S
+	}), [
+		m,
+		h,
+		g,
+		C,
+		w,
+		_,
+		v,
+		y,
+		b,
+		x,
+		S
+	]);
+}
+//#endregion
+//#region src/components/CellEditor.tsx
+function O({ value: e, onChange: n, onCommit: i, onKeyDown: o }) {
+	let s = r(null);
+	return t(() => {
+		let e = s.current;
+		e && (e.focus(), e.select());
+	}, []), /* @__PURE__ */ a("input", {
+		ref: s,
+		className: "seg-cell-editor",
+		value: e,
+		onChange: (e) => n(e.target.value),
+		onKeyDown: o,
+		onBlur: i,
+		onPointerDown: (e) => e.stopPropagation()
+	});
+}
+//#endregion
+//#region src/components/ContextMenu.tsx
+function k({ x: e, y: n, items: i, onClose: s }) {
+	let c = r(null);
+	return t(() => {
+		let e = (e) => {
+			c.current && !c.current.contains(e.target) && s();
+		}, t = (e) => {
+			e.key === "Escape" && s();
+		};
+		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		};
+	}, [s]), t(() => {
+		let t = c.current;
+		if (!t) return;
+		let r = t.getBoundingClientRect();
+		r.right > window.innerWidth && (t.style.left = `${e - r.width}px`), r.bottom > window.innerHeight && (t.style.top = `${n - r.height}px`);
+	}, [e, n]), /* @__PURE__ */ a("div", {
+		ref: c,
+		className: "seg-context-menu",
+		style: {
+			left: e,
+			top: n
+		},
+		children: i.map((e, t) => "type" in e && e.type === "separator" ? /* @__PURE__ */ a("hr", { className: "seg-context-menu-separator" }, t) : /* @__PURE__ */ o("button", {
+			className: "seg-context-menu-item",
+			disabled: "disabled" in e ? e.disabled : !1,
+			onClick: () => {
+				"onClick" in e && e.onClick(), s();
+			},
+			children: [/* @__PURE__ */ a("span", {
+				className: "seg-context-menu-label",
+				children: "label" in e ? e.label : ""
+			}), "shortcut" in e && e.shortcut && /* @__PURE__ */ a("span", {
+				className: "seg-context-menu-shortcut",
+				children: e.shortcut
+			})]
+		}, t))
+	});
+}
+//#endregion
+//#region src/SimpleExGrid.tsx
+function A(t) {
+	let { rows: s, columns: c, mode: l = "select", onChange: u, showRowGripHeader: f = !0, showColumnGripHeader: p = !0, rowHeight: v = "single-line", allowRowAdd: y = !1, allowRowDelete: b = !1, onEditStart: x, onEditCommit: S, onEditCancel: C, onActiveCellChange: A, onRowsAdd: j, onRowsDelete: M, pagination: N = !1, pageSize: P = 20, page: F, onPageChange: ee, onPageSizeChange: I, clipboard: L, colSpan: R, cellAlign: z, maxHistory: B = 200, shouldRecordHistory: V, historyApiRef: H } = t, U = L?.enabled !== !1, te = L?.format ?? "both", ne = r(null), W = D({
+		totalRows: s.length,
+		pageSize: P,
+		page: F,
+		onPageChange: ee,
+		onPageSizeChange: I
+	}), re = N ? s.slice(W.startRow, W.endRow) : s, ie = N ? W.startRow : 0, G = s.length, K = c.length, ae = n(() => {
+		let e = /* @__PURE__ */ new Set();
+		return c.forEach((t, n) => {
+			t.hidden && e.add(n);
+		}), e;
+	}, [c]), q = d({
+		rowCount: G,
+		colCount: K,
+		selection: t.selection,
+		onSelectionChange: t.onSelectionChange,
+		onActiveCellChange: A,
+		colSpan: R,
+		hiddenColumns: ae
+	}), J = T({
+		rows: s,
+		selection: q,
+		onChange: u,
+		onRowsAdd: j,
+		onRowsDelete: M,
+		maxHistory: B,
+		shouldRecordHistory: V,
+		historyApiRef: H
+	}), Y = _({
+		rows: s,
+		columns: c,
+		mode: l,
+		activeCell: q.activeCell,
+		onChange: J.wrappedOnChange,
+		onCommitMove: q.moveActiveCell,
+		onEditStart: x,
+		onEditCommit: S,
+		onEditCancel: C
+	}), X = w({
+		rows: s,
+		columns: c,
+		mode: l,
+		selection: q,
+		onChange: J.wrappedOnChange,
+		clipboardFormat: te,
+		allowRowAdd: y,
+		allowRowDelete: b,
+		onRowsAdd: J.wrappedOnRowsAdd,
+		onRowsDelete: J.wrappedOnRowsDelete,
+		colSpan: R
+	}), Z = m({
+		mode: l,
+		selection: q,
+		editing: Y
+	}), Q = h({
+		selection: q,
+		rowCount: G,
+		colCount: K
+	}), oe = g({
+		selection: q,
+		editing: Y,
+		mode: l,
+		rowCount: G,
+		colCount: K
+	}), { scrollRef: se, areaRef: ce, state: $, onVBarPointerDown: le, onHBarPointerDown: ue, onBarPointerMove: de, onBarPointerUp: fe } = E(), [pe, me] = i(null), he = e((e) => {
+		e.preventDefault();
+		let t = e.target.closest("[data-row][data-col]");
+		if (t) {
+			let e = parseInt(t.dataset.row, 10), n = parseInt(t.dataset.col, 10);
+			!isNaN(e) && !isNaN(n) && !q.isSelected(e, n) && q.selectCell(e, n);
+		}
+		me({
+			x: e.clientX,
+			y: e.clientY
+		});
+	}, [q]), ge = e(() => me(null), []), _e = n(() => {
+		let e = l !== "readonly", t = X.hasSelection;
+		return [
+			{
+				label: "元に戻す",
+				shortcut: "Ctrl+Z",
+				disabled: !J.canUndo,
+				onClick: () => J.undo()
+			},
+			{
+				label: "やり直す",
+				shortcut: "Ctrl+Y",
+				disabled: !J.canRedo,
+				onClick: () => J.redo()
+			},
+			{ type: "separator" },
+			{
+				label: "コピー",
+				shortcut: "Ctrl+C",
+				disabled: !t || !U,
+				onClick: () => void X.copy()
+			},
+			{
+				label: "切り取り",
+				shortcut: "Ctrl+X",
+				disabled: !t || !e || !U,
+				onClick: () => void X.cut()
+			},
+			{
+				label: "貼り付け",
+				shortcut: "Ctrl+V",
+				disabled: !e || !U || !y,
+				onClick: () => void X.pasteInsert()
+			},
+			{
+				label: "貼り付け（上書き）",
+				shortcut: "Ctrl+Shift+V",
+				disabled: !t || !e || !U,
+				onClick: () => void X.paste()
+			},
+			{ type: "separator" },
+			{
+				label: "行を追加",
+				shortcut: "Ctrl+I",
+				disabled: !e || !y,
+				onClick: () => X.addRows()
+			},
+			{
+				label: "行を削除",
+				shortcut: "Ctrl+D",
+				disabled: !t || !e || !b,
+				onClick: () => X.deleteRows()
+			},
+			{ type: "separator" },
+			{
+				label: "全選択",
+				shortcut: "Ctrl+A",
+				disabled: G === 0,
+				onClick: () => q.selectAll()
+			},
+			{
+				label: "選択解除",
+				shortcut: "Esc",
+				disabled: !t,
+				onClick: () => q.clearSelection()
+			}
+		];
+	}, [
+		l,
+		X,
+		U,
+		y,
+		b,
+		G,
+		q,
+		J
+	]), ve = e((e) => {
+		if (!Y.editingCell) {
+			if (e.ctrlKey || e.metaKey) {
+				if (e.key === "z" || e.key === "Z") {
+					e.preventDefault(), e.shiftKey ? J.redo() : J.undo();
+					return;
+				}
+				if (e.key === "y") {
+					e.preventDefault(), J.redo();
+					return;
+				}
+				if (U) switch (e.key) {
+					case "c":
+						e.preventDefault(), X.copy();
+						return;
+					case "x":
+						e.preventDefault(), X.cut();
+						return;
+					case "v":
+						e.preventDefault(), e.shiftKey ? X.paste() : X.pasteInsert();
+						return;
+				}
+				if (l !== "readonly") switch (e.key) {
+					case "i":
+						y && (e.preventDefault(), X.addRows());
+						return;
+					case "d":
+						b && X.hasSelection && (e.preventDefault(), X.deleteRows());
+						return;
+				}
+			}
+			if (e.key === "Escape") {
+				e.preventDefault(), q.clearSelection();
+				return;
+			}
+			if ((e.key === "Delete" || e.key === "Backspace") && l !== "readonly") {
+				e.preventDefault(), X.cut().catch(() => {});
+				return;
+			}
+			oe.onKeyDown(e);
+		}
+	}, [
+		Y.editingCell,
+		U,
+		X,
+		l,
+		oe,
+		y,
+		b,
+		q,
+		J
+	]), ye = e((e, t, n = 1) => {
+		let r = ["seg-cell"], i = !1;
+		for (let r = t; r < t + n; r++) if (q.isSelected(e, r)) {
+			i = !0;
+			break;
+		}
+		return i && r.push("seg-selected"), q.isActiveCell(e, t) && r.push("seg-active"), Y.isEditing(e, t) && r.push("seg-editing"), r.join(" ");
+	}, [q, Y]), be = e((e) => {
+		let t = q.selectionRange;
+		if (!t) return !1;
+		let n = Math.min(t.start.row, t.end.row), r = Math.max(t.start.row, t.end.row), i = Math.min(t.start.col, t.end.col), a = Math.max(t.start.col, t.end.col);
+		return e >= n && e <= r && i === 0 && a === K - 1;
+	}, [q.selectionRange, K]), xe = n(() => c.map((e) => {
+		let t = e.width;
+		return t === void 0 ? { width: 120 } : t === "fit-content" ? { width: "auto" } : { width: t };
+	}), [c]), Se = v === "single-line", Ce = c.some((e) => e.width === "fit-content" || e.width === void 0) ? void 0 : "fixed";
+	return /* @__PURE__ */ o("div", {
+		ref: ne,
+		className: `seg-container${Se ? " seg-single-line" : ""}`,
+		role: "grid",
+		"data-mode": l,
+		tabIndex: 0,
+		onKeyDown: ve,
+		onContextMenu: he,
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: "seg-scroll-area",
+				ref: ce,
+				children: [
+					/* @__PURE__ */ a("div", {
+						className: "seg-scroll-inner",
+						ref: se,
+						onPointerDown: Z.onPointerDown,
+						onPointerMove: Z.onPointerMove,
+						onPointerUp: Z.onPointerUp,
+						children: /* @__PURE__ */ o("table", {
+							className: "seg-table",
+							style: Ce ? { tableLayout: Ce } : void 0,
+							children: [
+								/* @__PURE__ */ o("colgroup", { children: [f && /* @__PURE__ */ a("col", { style: { width: 32 } }), c.map((e, t) => e.hidden ? null : /* @__PURE__ */ a("col", { style: xe[t] }, e.key))] }),
+								/* @__PURE__ */ o("thead", { children: [p && /* @__PURE__ */ o("tr", {
+									className: "seg-grip-col-row",
+									children: [f && /* @__PURE__ */ a("th", {
+										className: "seg-corner",
+										onClick: () => q.clearSelection()
+									}), c.map((e, t) => e.hidden ? null : /* @__PURE__ */ a("th", {
+										"data-grip-col": t,
+										onPointerDown: Q.onColGripPointerDown,
+										onPointerMove: Q.onColGripPointerMove,
+										onPointerUp: Q.onColGripPointerUp
+									}, e.key))]
+								}), /* @__PURE__ */ o("tr", {
+									className: "seg-header-row",
+									children: [f && /* @__PURE__ */ a("th", {
+										className: "seg-grip-placeholder",
+										onClick: () => q.clearSelection()
+									}), c.map((e) => e.hidden ? null : /* @__PURE__ */ a("th", {
+										style: e.headerAlign ? { textAlign: e.headerAlign } : void 0,
+										children: /* @__PURE__ */ o("span", {
+											className: "seg-header-content",
+											children: [
+												e.header,
+												e.sortMark === "asc" && /* @__PURE__ */ a("span", {
+													className: "seg-sort-indicator",
+													children: " ▲"
+												}),
+												e.sortMark === "desc" && /* @__PURE__ */ a("span", {
+													className: "seg-sort-indicator",
+													children: " ▼"
+												})
+											]
+										})
+									}, e.key))]
+								})] }),
+								/* @__PURE__ */ a("tbody", { children: re.map((e, t) => {
+									let n = t + ie;
+									return /* @__PURE__ */ o("tr", {
+										"data-row": n,
+										children: [f && /* @__PURE__ */ a("td", {
+											className: `seg-grip-row${be(n) ? " seg-selected" : ""}`,
+											"data-grip-row": n,
+											onPointerDown: Q.onRowGripPointerDown,
+											onPointerMove: Q.onRowGripPointerMove,
+											onPointerUp: Q.onRowGripPointerUp
+										}), (() => {
+											let t = [], r = 0;
+											for (; r < c.length;) {
+												let i = R ? Math.max(1, Math.min(R(n, r), c.length - r)) : 1, o = c[r];
+												if (o.hidden) {
+													r += i;
+													continue;
+												}
+												let s = 0;
+												for (let e = 0; e < i; e++) c[r + e]?.hidden || s++;
+												let l = e[o.key], u = o.render ? o.render(l, e, n) : o.formatter ? o.formatter(l, e) : String(l ?? ""), d = z?.(n, r) ?? o.align;
+												t.push(/* @__PURE__ */ a("td", {
+													className: ye(n, r, i),
+													"data-row": n,
+													"data-col": r,
+													colSpan: s > 1 ? s : void 0,
+													style: d ? { textAlign: d } : void 0,
+													onDoubleClick: () => Y.startEditing(n, r),
+													children: Y.isEditing(n, r) ? /* @__PURE__ */ a(O, {
+														value: Y.editValue,
+														onChange: Y.setEditValue,
+														onCommit: Y.commitEdit,
+														onCancel: Y.cancelEdit,
+														onKeyDown: Y.onEditorKeyDown
+													}) : u
+												}, o.key)), r += i;
+											}
+											return t;
+										})()]
+									}, n);
+								}) })
+							]
+						})
+					}),
+					$.showV && /* @__PURE__ */ a("div", {
+						className: "seg-scrollbar seg-scrollbar-v",
+						style: {
+							top: $.vTop,
+							height: $.vHeight
+						},
+						onPointerDown: le,
+						onPointerMove: de,
+						onPointerUp: fe
+					}),
+					$.showH && /* @__PURE__ */ a("div", {
+						className: "seg-scrollbar seg-scrollbar-h",
+						style: {
+							left: $.hLeft,
+							width: $.hWidth
+						},
+						onPointerDown: ue,
+						onPointerMove: de,
+						onPointerUp: fe
+					})
+				]
+			}),
+			N && /* @__PURE__ */ o("div", {
+				className: "seg-pagination",
+				children: [/* @__PURE__ */ a("div", {
+					className: "seg-pagination-info",
+					children: s.length === 0 ? "0 件" : `${W.startRow + 1}–${W.endRow} / ${s.length} 件`
+				}), /* @__PURE__ */ o("div", {
+					className: "seg-pagination-controls",
+					children: [
+						/* @__PURE__ */ a("button", {
+							className: "seg-pagination-btn",
+							disabled: W.currentPage === 0,
+							onClick: W.goFirst,
+							children: "«"
+						}),
+						/* @__PURE__ */ a("button", {
+							className: "seg-pagination-btn",
+							disabled: W.currentPage === 0,
+							onClick: W.goPrev,
+							children: "‹"
+						}),
+						/* @__PURE__ */ o("span", {
+							className: "seg-pagination-page",
+							children: [
+								W.currentPage + 1,
+								" / ",
+								W.totalPages
+							]
+						}),
+						/* @__PURE__ */ a("button", {
+							className: "seg-pagination-btn",
+							disabled: W.currentPage >= W.totalPages - 1,
+							onClick: W.goNext,
+							children: "›"
+						}),
+						/* @__PURE__ */ a("button", {
+							className: "seg-pagination-btn",
+							disabled: W.currentPage >= W.totalPages - 1,
+							onClick: W.goLast,
+							children: "»"
+						})
+					]
+				})]
+			}),
+			pe && /* @__PURE__ */ a(k, {
+				x: pe.x,
+				y: pe.y,
+				items: _e,
+				onClose: ge
+			})
+		]
+	});
+}
+//#endregion
+export { A as SimpleExGrid };