@iyulab/flex-table 0.47.0 → 0.48.0

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # Changelog
 
+## [0.48.0] - 2026-10-06
+
+### Fixed
+
+- **Ctrl+X no longer clears cells that never reached the clipboard.** The keys called the async
+  Clipboard API; when the write was refused — no permission, a page outside a secure context, a
+  browser without it — the table still cleared the cut range and fired `clipboard-cut`
+  (`clipboard-copy` for Ctrl+C). Ctrl+C, Ctrl+X and Ctrl+V now go through the browser's own
+  copy/cut/paste and `clipboardData`: they need no clipboard permission, work on any page, and a cut
+  range is cleared only once its text is on the clipboard.
+- The context menu's Copy, which still writes through the Clipboard API, fires `clipboard-copy` only
+  when the write succeeds; a refused write fires `clipboard-error` alone.
+
+### Changed
+
+- `clipboard-error` is now only the context menu's Copy (`action: 'copy'`). Paste no longer reads
+  through the Clipboard API, so it has no permission to be refused and never reports `'paste'`.
+- Copy, cut and paste typed in a text field inside the grid (the cell editor, the find panel) are
+  that field's own and leave the cells alone.
+
+### Documentation
+
+- README: the keyboard table covers every key the grid handles, and the column example uses
+  `appearance="plain"` (the `variant` attribute was removed in `@iyulab/components` 2.0).
+
+### Tests
+
+- Real key input for Ctrl+C/X/V, Ctrl+Click on a header, and the column menu's Space / Home / End /
+  Escape, alongside the rest of the keyboard table.
+
 ## [0.47.0] - 2026-10-05
 
 ### Changed

package/README.md

@@ -50,7 +50,7 @@ npm install @iyulab/flex-table
 - **Range Selection** — Shift+Arrow, Shift+Click for multi-cell selection
 - **Column Selection** — Ctrl+Click header or `selectColumn()` API
 - **Row Selection** — Checkbox-based row selection (`selectable`, single/multi mode)
-- **Clipboard** — Ctrl+C/X/V with TSV format (Excel/Google Sheets compatible, RFC 4180)
+- **Clipboard** — Ctrl+C/X/V with TSV format (Excel/Google Sheets compatible, RFC 4180), through the browser's own copy/cut/paste — no clipboard permission needed
 - **Sorting** — Click header to sort (asc/desc/none), Shift+click for multi-sort
 - **Column Menu** — A 24×24 button in every header opens the column's menu: sort, filter, hide/show, auto-fit, wider/narrower (also opens on header right-click)
 - **Column Resize** — Drag header border, double-click to auto-fit, Alt+Arrow keyboard resize, or the column menu
@@ -208,7 +208,7 @@ hover) always show them, and they are not printed.
 
 ```ts
 { key: 'actions', label: '', width: 72, editable: false, reveal: 'hover',
-  render: (_, row) => html`<u-button size="sm" variant="ghost" aria-label="Edit">…</u-button>` }
+  render: (_, row) => html`<u-button size="sm" appearance="plain" aria-label="Edit">…</u-button>` }
 ```
 
 ### Merging Repeated Values
@@ -334,7 +334,7 @@ All events use `CustomEvent` with `bubbles: true, composed: true`.
 | `clipboard-copy` | `{ range, text }` | Range copied as TSV |
 | `clipboard-cut` | `{ range, text }` | Range cut as TSV |
 | `clipboard-paste` | `{ changes, addedRows }` | Data pasted from clipboard |
-| `clipboard-error` | `{ action, error }` | Clipboard API failed (`action`: `'copy'` or `'paste'`) |
+| `clipboard-error` | `{ action, error }` | The context menu's Copy could not write to the clipboard (`action`: `'copy'`); no `clipboard-copy` follows |
 
 ### State Events
 
@@ -429,13 +429,16 @@ package dependency; CSS custom properties are resolved at render time, not impor
 |-----|--------|
 | Arrow keys | Navigate cells |
 | Tab / Shift+Tab | Move to next/previous cell |
-| Enter / F2 | Start editing |
-| Escape | Cancel edit / clear selection |
+| Enter / F2 | Start editing (Enter on a non-editable cell fires `row-activate`) |
+| Typing a printable character | Start editing an editable cell with that character |
+| Escape | Cancel edit / clear selection / close the find panel |
 | Home / End | Row start/end |
 | Ctrl+Home / Ctrl+End | Table start/end |
-| Shift+Arrow | Extend selection range |
+| Shift+Arrow / Shift+Click | Extend selection range |
 | Ctrl+C / Ctrl+X | Copy/Cut selection as TSV |
 | Ctrl+V | Paste TSV data |
+| Ctrl+D / Ctrl+R | Fill down / fill right |
+| Ctrl+F / Ctrl+H | Find / find and replace |
 | Delete / Backspace | Clear selected cells |
 | Ctrl+Z | Undo |
 | Ctrl+Shift+Z / Ctrl+Y | Redo |

package/dist/{flex-table-h2noRChg.js → flex-table-B8ehfxqn.js}

@@ -1477,19 +1477,19 @@ function N(e, t) {
 		default: return e;
 	}
 }
-function se(e) {
+function P(e) {
 	let t = String(e);
 	if (!Number.isFinite(e) || t.includes("e")) return t;
 	let n = new Intl.NumberFormat(l.get()).formatToParts(1.5).find((e) => e.type === "decimal")?.value;
 	return n && n !== "." ? t.replace(".", n) : t;
 }
-function ce(e) {
+function se(e) {
 	if (e == null || e === "") return "";
 	if (e instanceof Date) return Number.isNaN(e.getTime()) ? "" : `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 	let t = String(e), n = /^(\d{4}-\d{2}-\d{2})(?:$|T)/.exec(t);
 	return n ? n[1] : t;
 }
-function le(e) {
+function ce(e) {
 	if (e == null || e === "") return "";
 	let t = e instanceof Date ? "" : String(e), n = /^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2})(?::\d{2}(?:\.\d+)?)?$/.exec(t);
 	if (n) return `${n[1]} ${n[2]}`;
@@ -1500,7 +1500,7 @@ function le(e) {
 }
 //#endregion
 //#region src/export/xlsx-writer.ts
-var ue = (() => {
+var le = (() => {
 	let e = /* @__PURE__ */ new Uint32Array(256);
 	for (let t = 0; t < 256; t++) {
 		let n = t;
@@ -1509,23 +1509,23 @@ var ue = (() => {
 	}
 	return e;
 })();
-function de(e) {
+function ue(e) {
 	let t = 4294967295;
-	for (let n = 0; n < e.length; n++) t = ue[(t ^ e[n]) & 255] ^ t >>> 8;
+	for (let n = 0; n < e.length; n++) t = le[(t ^ e[n]) & 255] ^ t >>> 8;
 	return (t ^ 4294967295) >>> 0;
 }
-var P = new TextEncoder();
-function fe(e) {
-	return F(e.map((e) => ({
+var F = new TextEncoder();
+function de(e) {
+	return I(e.map((e) => ({
 		...e,
 		body: e.data,
 		method: 0
 	})));
 }
-async function pe(e) {
+async function fe(e) {
 	let t = [];
 	for (let n of e) {
-		let e = await me(n.data);
+		let e = await pe(n.data);
 		t.push(e.length < n.data.length ? {
 			...n,
 			body: e,
@@ -1536,9 +1536,9 @@ async function pe(e) {
 			method: 0
 		});
 	}
-	return F(t);
+	return I(t);
 }
-async function me(e) {
+async function pe(e) {
 	let t = new CompressionStream("deflate-raw"), n = t.writable.getWriter(), r = t.readable.getReader();
 	n.write(e), n.close();
 	let i = [];
@@ -1547,52 +1547,52 @@ async function me(e) {
 		if (e) break;
 		i.push(t);
 	}
-	return I(i);
+	return L(i);
 }
-function F(e) {
+function I(e) {
 	let t = [], n = [], r = 0;
 	for (let i of e) {
-		let e = P.encode(i.name), a = de(i.data), o = i.data.length, s = i.body.length, c = i.method === 8 ? 20 : 10, l = new ArrayBuffer(30 + e.length), u = new DataView(l);
+		let e = F.encode(i.name), a = ue(i.data), o = i.data.length, s = i.body.length, c = i.method === 8 ? 20 : 10, l = new ArrayBuffer(30 + e.length), u = new DataView(l);
 		u.setUint32(0, 67324752, !0), u.setUint16(4, c, !0), u.setUint16(6, 0, !0), u.setUint16(8, i.method, !0), u.setUint16(10, 0, !0), u.setUint16(12, 33, !0), u.setUint32(14, a, !0), u.setUint32(18, s, !0), u.setUint32(22, o, !0), u.setUint16(26, e.length, !0), u.setUint16(28, 0, !0), new Uint8Array(l, 30).set(e), t.push(new Uint8Array(l)), t.push(i.body);
 		let d = new ArrayBuffer(46 + e.length), f = new DataView(d);
 		f.setUint32(0, 33639248, !0), f.setUint16(4, 20, !0), f.setUint16(6, c, !0), f.setUint16(8, 0, !0), f.setUint16(10, i.method, !0), f.setUint16(12, 0, !0), f.setUint16(14, 33, !0), f.setUint32(16, a, !0), f.setUint32(20, s, !0), f.setUint32(24, o, !0), f.setUint16(28, e.length, !0), f.setUint16(30, 0, !0), f.setUint16(32, 0, !0), f.setUint16(34, 0, !0), f.setUint16(36, 0, !0), f.setUint32(38, 0, !0), f.setUint32(42, r, !0), new Uint8Array(d, 46).set(e), n.push(new Uint8Array(d)), r += 30 + e.length + s;
 	}
-	let i = I(n), a = /* @__PURE__ */ new ArrayBuffer(22), o = new DataView(a);
-	return o.setUint32(0, 101010256, !0), o.setUint16(4, 0, !0), o.setUint16(6, 0, !0), o.setUint16(8, e.length, !0), o.setUint16(10, e.length, !0), o.setUint32(12, i.length, !0), o.setUint32(16, r, !0), o.setUint16(20, 0, !0), I([
+	let i = L(n), a = /* @__PURE__ */ new ArrayBuffer(22), o = new DataView(a);
+	return o.setUint32(0, 101010256, !0), o.setUint16(4, 0, !0), o.setUint16(6, 0, !0), o.setUint16(8, e.length, !0), o.setUint16(10, e.length, !0), o.setUint32(12, i.length, !0), o.setUint32(16, r, !0), o.setUint16(20, 0, !0), L([
 		...t,
 		i,
 		new Uint8Array(a)
 	]);
 }
-function I(e) {
+function L(e) {
 	let t = e.reduce((e, t) => e + t.length, 0), n = new Uint8Array(t), r = 0;
 	for (let t of e) n.set(t, r), r += t.length;
 	return n;
 }
-function L(e) {
+function R(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function he(e) {
+function me(e) {
 	let t = "";
 	for (e++; e > 0;) t = String.fromCharCode(64 + (e % 26 || 26)) + t, e = Math.floor((e - 1) / 26);
 	return t;
 }
-function R(e, t) {
-	return he(t) + (e + 1);
+function z(e, t) {
+	return me(t) + (e + 1);
 }
-function ge(e) {
+function he(e) {
 	let t = Date.UTC(1899, 11, 30);
 	return (e.getTime() - t) / 864e5;
 }
-var _e = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<Types xmlns=\"http://schemas.openxmlformats.org/package/2006/content-types\">\n  <Default Extension=\"rels\" ContentType=\"application/vnd.openxmlformats-package.relationships+xml\"/>\n  <Default Extension=\"xml\" ContentType=\"application/xml\"/>\n  <Override PartName=\"/xl/workbook.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml\"/>\n  <Override PartName=\"/xl/worksheets/sheet1.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml\"/>\n  <Override PartName=\"/xl/styles.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.spreadsheetml.styles+xml\"/>\n</Types>", ve = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<Relationships xmlns=\"http://schemas.openxmlformats.org/package/2006/relationships\">\n  <Relationship Id=\"rId1\" Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument\" Target=\"xl/workbook.xml\"/>\n</Relationships>", ye = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<workbook xmlns=\"http://schemas.openxmlformats.org/spreadsheetml/2006/main\" xmlns:r=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships\">\n  <sheets><sheet name=\"Sheet1\" sheetId=\"1\" r:id=\"rId1\"/></sheets>\n</workbook>", be = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<Relationships xmlns=\"http://schemas.openxmlformats.org/package/2006/relationships\">\n  <Relationship Id=\"rId1\" Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet\" Target=\"worksheets/sheet1.xml\"/>\n  <Relationship Id=\"rId2\" Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/styles\" Target=\"styles.xml\"/>\n</Relationships>", xe = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<styleSheet xmlns=\"http://schemas.openxmlformats.org/spreadsheetml/2006/main\">\n  <numFmts count=\"1\"><numFmt numFmtId=\"164\" formatCode=\"yyyy-mm-dd\"/></numFmts>\n  <fonts count=\"2\">\n    <font><sz val=\"11\"/><name val=\"Calibri\"/></font>\n    <font><sz val=\"11\"/><b/><name val=\"Calibri\"/></font>\n  </fonts>\n  <fills count=\"2\">\n    <fill><patternFill patternType=\"none\"/></fill>\n    <fill><patternFill patternType=\"gray125\"/></fill>\n  </fills>\n  <borders count=\"1\"><border><left/><right/><top/><bottom/><diagonal/></border></borders>\n  <cellStyleXfs count=\"1\"><xf numFmtId=\"0\" fontId=\"0\" fillId=\"0\" borderId=\"0\"/></cellStyleXfs>\n  <cellXfs count=\"3\">\n    <xf numFmtId=\"0\" fontId=\"0\" fillId=\"0\" borderId=\"0\" xfId=\"0\"/>\n    <xf numFmtId=\"164\" fontId=\"0\" fillId=\"0\" borderId=\"0\" xfId=\"0\" applyNumberFormat=\"1\"/>\n    <xf numFmtId=\"0\" fontId=\"1\" fillId=\"0\" borderId=\"0\" xfId=\"0\" applyFont=\"1\"/>\n  </cellXfs>\n</styleSheet>";
-function Se(e, t) {
-	let n = [], r = t.map((e, t) => `<c r="${R(0, t)}" t="str" s="2"><v>${L(e.label)}</v></c>`);
+var ge = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<Types xmlns=\"http://schemas.openxmlformats.org/package/2006/content-types\">\n  <Default Extension=\"rels\" ContentType=\"application/vnd.openxmlformats-package.relationships+xml\"/>\n  <Default Extension=\"xml\" ContentType=\"application/xml\"/>\n  <Override PartName=\"/xl/workbook.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml\"/>\n  <Override PartName=\"/xl/worksheets/sheet1.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml\"/>\n  <Override PartName=\"/xl/styles.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.spreadsheetml.styles+xml\"/>\n</Types>", _e = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<Relationships xmlns=\"http://schemas.openxmlformats.org/package/2006/relationships\">\n  <Relationship Id=\"rId1\" Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument\" Target=\"xl/workbook.xml\"/>\n</Relationships>", ve = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<workbook xmlns=\"http://schemas.openxmlformats.org/spreadsheetml/2006/main\" xmlns:r=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships\">\n  <sheets><sheet name=\"Sheet1\" sheetId=\"1\" r:id=\"rId1\"/></sheets>\n</workbook>", ye = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<Relationships xmlns=\"http://schemas.openxmlformats.org/package/2006/relationships\">\n  <Relationship Id=\"rId1\" Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet\" Target=\"worksheets/sheet1.xml\"/>\n  <Relationship Id=\"rId2\" Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/styles\" Target=\"styles.xml\"/>\n</Relationships>", be = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<styleSheet xmlns=\"http://schemas.openxmlformats.org/spreadsheetml/2006/main\">\n  <numFmts count=\"1\"><numFmt numFmtId=\"164\" formatCode=\"yyyy-mm-dd\"/></numFmts>\n  <fonts count=\"2\">\n    <font><sz val=\"11\"/><name val=\"Calibri\"/></font>\n    <font><sz val=\"11\"/><b/><name val=\"Calibri\"/></font>\n  </fonts>\n  <fills count=\"2\">\n    <fill><patternFill patternType=\"none\"/></fill>\n    <fill><patternFill patternType=\"gray125\"/></fill>\n  </fills>\n  <borders count=\"1\"><border><left/><right/><top/><bottom/><diagonal/></border></borders>\n  <cellStyleXfs count=\"1\"><xf numFmtId=\"0\" fontId=\"0\" fillId=\"0\" borderId=\"0\"/></cellStyleXfs>\n  <cellXfs count=\"3\">\n    <xf numFmtId=\"0\" fontId=\"0\" fillId=\"0\" borderId=\"0\" xfId=\"0\"/>\n    <xf numFmtId=\"164\" fontId=\"0\" fillId=\"0\" borderId=\"0\" xfId=\"0\" applyNumberFormat=\"1\"/>\n    <xf numFmtId=\"0\" fontId=\"1\" fillId=\"0\" borderId=\"0\" xfId=\"0\" applyFont=\"1\"/>\n  </cellXfs>\n</styleSheet>";
+function xe(e, t) {
+	let n = [], r = t.map((e, t) => `<c r="${z(0, t)}" t="str" s="2"><v>${R(e.label)}</v></c>`);
 	return n.push(`<row r="1">${r.join("")}</row>`), e.forEach((e, r) => {
 		let i = t.map((t, n) => {
-			let i = R(r + 1, n), a = e[t.key];
+			let i = z(r + 1, n), a = e[t.key];
 			if (a == null) return `<c r="${i}" t="str"><v></v></c>`;
 			let o = t.type ?? "text";
-			return o === "number" && typeof a == "number" ? `<c r="${i}"><v>${a}</v></c>` : (o === "date" || o === "datetime") && a instanceof Date ? `<c r="${i}" s="1"><v>${ge(a).toFixed(6)}</v></c>` : o === "boolean" ? `<c r="${i}" t="b"><v>${+!!a}</v></c>` : `<c r="${i}" t="str"><v>${L(String(a))}</v></c>`;
+			return o === "number" && typeof a == "number" ? `<c r="${i}"><v>${a}</v></c>` : (o === "date" || o === "datetime") && a instanceof Date ? `<c r="${i}" s="1"><v>${he(a).toFixed(6)}</v></c>` : o === "boolean" ? `<c r="${i}" t="b"><v>${+!!a}</v></c>` : `<c r="${i}" t="str"><v>${R(String(a))}</v></c>`;
 		});
 		n.push(`<row r="${r + 2}">${i.join("")}</row>`);
 	}), `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
@@ -1600,65 +1600,65 @@ function Se(e, t) {
   <sheetData>${n.join("")}</sheetData>
 </worksheet>`;
 }
-function Ce(e, t) {
-	return fe(z(e, t));
+function Se(e, t) {
+	return de(B(e, t));
 }
-function we(e, t) {
-	return pe(z(e, t));
+function Ce(e, t) {
+	return fe(B(e, t));
 }
-function z(e, t) {
-	let n = Se(e, t);
+function B(e, t) {
+	let n = xe(e, t);
 	return [
 		{
 			name: "[Content_Types].xml",
-			data: P.encode(_e)
+			data: F.encode(ge)
 		},
 		{
 			name: "_rels/.rels",
-			data: P.encode(ve)
+			data: F.encode(_e)
 		},
 		{
 			name: "xl/workbook.xml",
-			data: P.encode(ye)
+			data: F.encode(ve)
 		},
 		{
 			name: "xl/_rels/workbook.xml.rels",
-			data: P.encode(be)
+			data: F.encode(ye)
 		},
 		{
 			name: "xl/worksheets/sheet1.xml",
-			data: P.encode(n)
+			data: F.encode(n)
 		},
 		{
 			name: "xl/styles.xml",
-			data: P.encode(xe)
+			data: F.encode(be)
 		}
 	];
 }
 //#endregion
 //#region src/export/export.ts
-function B(e, t, n) {
+function V(e, t, n) {
 	switch (n) {
-		case "csv": return V(e, t, ",");
-		case "tsv": return V(e, t, "	");
-		case "json": return De(e, t);
-		case "xlsx": return Ce(e, t);
+		case "csv": return H(e, t, ",");
+		case "tsv": return H(e, t, "	");
+		case "json": return Ee(e, t);
+		case "xlsx": return Se(e, t);
 	}
 }
-async function Te(e, t, n) {
-	let r = n === "xlsx" ? await we(e, t) : B(e, t, n);
-	return new Blob([r], { type: je(n) });
+async function we(e, t, n) {
+	let r = n === "xlsx" ? await Ce(e, t) : V(e, t, n);
+	return new Blob([r], { type: Ae(n) });
 }
-function Ee(e, t) {
+function Te(e, t) {
 	return e == null ? "" : (t.type === "date" || t.type === "datetime") && e instanceof Date ? e.toISOString() : String(e);
 }
-function V(e, t, n) {
-	return [t.map((e) => H(e.label, n)).join(n), ...e.map((e) => t.map((t) => H(Ee(e[t.key], t), n)).join(n))].join("\n");
+function H(e, t, n) {
+	return [t.map((e) => U(e.label, n)).join(n), ...e.map((e) => t.map((t) => U(Te(e[t.key], t), n)).join(n))].join("\n");
 }
-function H(e, t) {
+function U(e, t) {
 	return e.includes(t) || e.includes("\"") || e.includes("\n") || e.includes("\r") ? "\"" + e.replace(/"/g, "\"\"") + "\"" : e;
 }
-function De(e, t) {
+function Ee(e, t) {
 	let n = e.map((e) => {
 		let n = {};
 		for (let r of t) {
@@ -1669,35 +1669,35 @@ function De(e, t) {
 	});
 	return JSON.stringify(n, null, 2);
 }
-function Oe(e, t) {
+function De(e, t) {
 	let n = URL.createObjectURL(e), r = document.createElement("a");
 	r.href = n, r.download = t, r.style.display = "none", document.body.appendChild(r), r.click(), document.body.removeChild(r), setTimeout(() => URL.revokeObjectURL(n), 100);
 }
-var ke = {
+var Oe = {
 	csv: "text/csv;charset=utf-8",
 	tsv: "text/tab-separated-values;charset=utf-8",
 	json: "application/json;charset=utf-8",
 	xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-}, Ae = {
+}, ke = {
 	csv: ".csv",
 	tsv: ".tsv",
 	json: ".json",
 	xlsx: ".xlsx"
 };
+function Ae(e) {
+	return Oe[e];
+}
 function je(e) {
 	return ke[e];
 }
-function Me(e) {
-	return Ae[e];
-}
 //#endregion
 //#region src/export/xlsx-reader.ts
-function Ne(e) {
+function Me(e) {
 	for (let t = e.byteLength - 22; t >= 0; t--) if (e.getUint32(t, !0) === 101010256) return t;
 	throw Error("XLSX: End of central directory not found — not a valid ZIP file");
 }
-function Pe(e) {
-	let t = Ne(e), n = e.getUint32(t + 16, !0), r = e.getUint32(t + 12, !0), i = new TextDecoder("utf-8"), a = [], o = n, s = n + r;
+function Ne(e) {
+	let t = Me(e), n = e.getUint32(t + 16, !0), r = e.getUint32(t + 12, !0), i = new TextDecoder("utf-8"), a = [], o = n, s = n + r;
 	for (; o < s && e.getUint32(o, !0) === 33639248;) {
 		let t = e.getUint16(o + 10, !0), n = e.getUint32(o + 20, !0), r = e.getUint32(o + 24, !0), s = e.getUint16(o + 28, !0), c = e.getUint16(o + 30, !0), l = e.getUint16(o + 32, !0), u = e.getUint32(o + 42, !0), d = i.decode(new Uint8Array(e.buffer, o + 46, s));
 		a.push({
@@ -1710,7 +1710,7 @@ function Pe(e) {
 	}
 	return a;
 }
-async function Fe(e) {
+async function Pe(e) {
 	let t = new DecompressionStream("deflate-raw"), n = t.writable.getWriter(), r = t.readable.getReader();
 	n.write(e), n.close();
 	let i = [];
@@ -1723,28 +1723,28 @@ async function Fe(e) {
 	for (let e of i) o.set(e, s), s += e.length;
 	return o;
 }
-async function Ie(e, t) {
+async function Fe(e, t) {
 	let n = t.localHeaderOffset, r = e.getUint16(n + 26, !0), i = e.getUint16(n + 28, !0), a = n + 30 + r + i, o = new Uint8Array(e.buffer, a, t.compressedSize);
 	if (t.compressionMethod === 0) return o.slice();
-	if (t.compressionMethod === 8) return Fe(o);
+	if (t.compressionMethod === 8) return Pe(o);
 	throw Error(`XLSX: Unsupported compression method ${t.compressionMethod}`);
 }
-async function Le(e) {
-	let t = new DataView(e), n = Pe(t), r = /* @__PURE__ */ new Map();
-	for (let e of n) e.compressedSize === 0 && e.name.endsWith("/") || r.set(e.name, await Ie(t, e));
+async function Ie(e) {
+	let t = new DataView(e), n = Ne(t), r = /* @__PURE__ */ new Map();
+	for (let e of n) e.compressedSize === 0 && e.name.endsWith("/") || r.set(e.name, await Fe(t, e));
 	return r;
 }
-var Re = new TextDecoder("utf-8");
-function U(e) {
-	let t = Re.decode(e);
+var Le = new TextDecoder("utf-8");
+function W(e) {
+	let t = Le.decode(e);
 	return new DOMParser().parseFromString(t, "application/xml");
 }
-function ze(e) {
+function Re(e) {
 	if (!e) return [];
-	let t = U(e);
+	let t = W(e);
 	return Array.from(t.querySelectorAll("si")).map((e) => Array.from(e.querySelectorAll("t")).map((e) => e.textContent ?? "").join(""));
 }
-var Be = /* @__PURE__ */ new Set([
+var ze = /* @__PURE__ */ new Set([
 	14,
 	15,
 	16,
@@ -1764,37 +1764,37 @@ var Be = /* @__PURE__ */ new Set([
 	57,
 	58
 ]);
-function Ve(e) {
+function Be(e) {
 	let t = e.replace(/"[^"]*"/g, "").replace(/\\./g, "").replace(/\[[^\]]*\]/g, "").split(";")[0];
 	return /[dy]/i.test(t);
 }
-function He(e) {
+function Ve(e) {
 	let t = /* @__PURE__ */ new Set();
 	if (!e) return t;
-	let n = U(e), r = /* @__PURE__ */ new Map();
+	let n = W(e), r = /* @__PURE__ */ new Map();
 	for (let e of Array.from(n.querySelectorAll("numFmts > numFmt"))) r.set(parseInt(e.getAttribute("numFmtId") ?? "", 10), e.getAttribute("formatCode") ?? "");
 	return Array.from(n.querySelectorAll("cellXfs > xf")).forEach((e, n) => {
 		let i = parseInt(e.getAttribute("numFmtId") ?? "0", 10), a = r.get(i);
-		(a === void 0 ? Be.has(i) : Ve(a)) && t.add(n);
+		(a === void 0 ? ze.has(i) : Be(a)) && t.add(n);
 	}), t;
 }
-function Ue(e) {
+function He(e) {
 	if (!e) return !1;
-	let t = U(e).querySelector("workbookPr")?.getAttribute("date1904");
+	let t = W(e).querySelector("workbookPr")?.getAttribute("date1904");
 	return t === "1" || t === "true";
 }
-function We(e, t) {
+function Ue(e, t) {
 	return new Date((t ? Date.UTC(1904, 0, 1) : Date.UTC(1899, 11, 30)) + Math.floor(e) * 864e5).toISOString().slice(0, 10);
 }
-function Ge(e, t, n, r) {
-	let i = U(e).querySelectorAll("row");
+function We(e, t, n, r) {
+	let i = W(e).querySelectorAll("row");
 	if (i.length === 0) return [];
 	let a = 0, o = /* @__PURE__ */ new Map();
 	for (let e of i) {
 		let i = parseInt(e.getAttribute("r") ?? "1", 10) - 1, s = /* @__PURE__ */ new Map();
 		o.set(i, s);
 		for (let i of e.querySelectorAll("c")) {
-			let e = Ke(i.getAttribute("r") ?? "");
+			let e = Ge(i.getAttribute("r") ?? "");
 			e > a && (a = e);
 			let o = i.getAttribute("t") ?? "", c = i.getAttribute("s") ?? "", l = i.querySelector("v")?.textContent ?? "", u = i.querySelector("is > t")?.textContent ?? null, d;
 			if (o === "s") d = t[parseInt(l, 10)] ?? "";
@@ -1803,7 +1803,7 @@ function Ge(e, t, n, r) {
 			else if (l === "") d = "";
 			else {
 				let e = parseFloat(l);
-				d = c !== "" && n.has(parseInt(c, 10)) && !isNaN(e) && e >= 0 ? We(e, r) : l;
+				d = c !== "" && n.has(parseInt(c, 10)) && !isNaN(e) && e >= 0 ? Ue(e, r) : l;
 			}
 			s.set(e, d);
 		}
@@ -1817,13 +1817,13 @@ function Ge(e, t, n, r) {
 	}
 	return c;
 }
-function Ke(e) {
+function Ge(e) {
 	let t = 0, n = 0;
 	for (; n < e.length && e[n] >= "A" && e[n] <= "Z";) t = t * 26 + (e.charCodeAt(n) - 64), n++;
 	return t - 1;
 }
-async function qe(e) {
-	let t = await Le(e), n = ze(t.get("xl/sharedStrings.xml")), r = t.get("xl/worksheets/sheet1.xml");
+async function Ke(e) {
+	let t = await Ie(e), n = Re(t.get("xl/sharedStrings.xml")), r = t.get("xl/worksheets/sheet1.xml");
 	if (!r) {
 		for (let [e, n] of t) if (e.toLowerCase().includes("worksheets/sheet")) {
 			r = n;
@@ -1831,7 +1831,7 @@ async function qe(e) {
 		}
 	}
 	if (!r) throw Error("XLSX: No worksheet found");
-	let i = He(t.get("xl/styles.xml")), a = Ue(t.get("xl/workbook.xml")), o = Ge(r, n, i, a);
+	let i = Ve(t.get("xl/styles.xml")), a = He(t.get("xl/workbook.xml")), o = We(r, n, i, a);
 	return o.length === 0 ? {
 		headers: [],
 		rows: []
@@ -1842,12 +1842,12 @@ async function qe(e) {
 }
 //#endregion
 //#region src/models/types.ts
-function W(e) {
+function G(e) {
 	return e.align ? e.align : e.type === "number" ? "end" : e.type === "boolean" ? "center" : "start";
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.152.0/helpers/esm/decorate.js
-function G(e, t, n, r) {
+function K(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
 	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
@@ -1855,16 +1855,20 @@ function G(e, t, n, r) {
 }
 //#endregion
 //#region src/flex-table.ts
-var K = {
+var q = [
+	"copy",
+	"cut",
+	"paste"
+], J = {
 	eq: "=",
 	neq: "≠",
 	gt: ">",
 	lt: "<",
 	gte: "≥",
 	lte: "≤"
-}, q = 120, J = 40, Y = 20, X = 32, Z = 5, Je = 200, Q = class extends n {
+}, Y = 120, X = 40, qe = 20, Je = 32, Z = 5, Ye = 200, Q = class extends n {
 	constructor(...e) {
-		super(...e), this.columns = [], this._data = [], this._inUndoRedo = !1, this.clearUndoOnDataChange = !1, this.clearSelectionOnDataChange = !1, this._rowHeightFromCss = X, this._targetFloor = 0, this.showRowNumbers = !1, this.theme = void 0, this.maxRows = 0, this.editable = !0, this.showFilters = !1, this.showContextMenu = !1, this.frozenRows = 0, this.emptyMessage = "No data", this.noMatchingMessage = "No matching data", this.loading = !1, this.importEnabled = !1, this.selectable = !1, this.dataMode = "client", this.footerData = null, this.stylesheets = [], this._scrollTop = 0, this._scrollLeft = 0, this._viewportHeight = 0, this._viewportWidth = 0, this._colLeftOffsets = [], this._totalRowWidth = 0, this._baseStyleSheets = [], this._activeCell = null, this._editingCell = null, this._sortCriteria = [], this._selection = new ne(), this._editing = new re(), this._rowSelection = new j(), this._undo = new M(), this._filters = [], this._filteredIndices = [], this._sortedIndices = [], this._openFilterKey = null, this._rowSelectionVersion = 0, this._lastCheckboxRowIndex = null, this._checkboxShiftPending = !1, this._autocompleteState = null, this._headerMenu = null, this._bodyContextMenu = null, this._commentPopup = null, this._viewDirty = !0, this._isDragging = !1, this._wasDrag = !1, this._resizing = null, this._resizeCleanup = null, this._wasHeaderDrag = !1, this._wasRowDrag = !1, this._colDrag = null, this._colDragIndicatorLeft = null, this._fillDrag = null, this._rowDrag = null, this._rowDragIndicatorY = null, this._findState = null, this._columnWidths = /* @__PURE__ */ new Map(), this._hostResizeObserver = null, this._comments = /* @__PURE__ */ new Map(), this._isDragOver = !1, this._warnedUnconstrained = !1, this._onCommentPopupOutsideClick = () => {
+		super(...e), this.columns = [], this._data = [], this._inUndoRedo = !1, this.clearUndoOnDataChange = !1, this.clearSelectionOnDataChange = !1, this._rowHeightFromCss = Je, this._targetFloor = 0, this.showRowNumbers = !1, this.theme = void 0, this.maxRows = 0, this.editable = !0, this.showFilters = !1, this.showContextMenu = !1, this.frozenRows = 0, this.emptyMessage = "No data", this.noMatchingMessage = "No matching data", this.loading = !1, this.importEnabled = !1, this.selectable = !1, this.dataMode = "client", this.footerData = null, this.stylesheets = [], this._scrollTop = 0, this._scrollLeft = 0, this._viewportHeight = 0, this._viewportWidth = 0, this._colLeftOffsets = [], this._totalRowWidth = 0, this._baseStyleSheets = [], this._activeCell = null, this._editingCell = null, this._sortCriteria = [], this._selection = new ne(), this._editing = new re(), this._rowSelection = new j(), this._undo = new M(), this._filters = [], this._filteredIndices = [], this._sortedIndices = [], this._openFilterKey = null, this._rowSelectionVersion = 0, this._lastCheckboxRowIndex = null, this._checkboxShiftPending = !1, this._autocompleteState = null, this._headerMenu = null, this._bodyContextMenu = null, this._commentPopup = null, this._viewDirty = !0, this._isDragging = !1, this._wasDrag = !1, this._resizing = null, this._resizeCleanup = null, this._wasHeaderDrag = !1, this._wasRowDrag = !1, this._colDrag = null, this._colDragIndicatorLeft = null, this._fillDrag = null, this._rowDrag = null, this._rowDragIndicatorY = null, this._findState = null, this._columnWidths = /* @__PURE__ */ new Map(), this._hostResizeObserver = null, this._comments = /* @__PURE__ */ new Map(), this._isDragOver = !1, this._warnedUnconstrained = !1, this._onCommentPopupOutsideClick = () => {
 			this._commitCommentPopup();
 		}, this._invalidCells = /* @__PURE__ */ new Map(), this._textFilterState = /* @__PURE__ */ new Map(), this._numberFilterState = /* @__PURE__ */ new Map(), this._dateFilterState = /* @__PURE__ */ new Map(), this._emptyFilterState = /* @__PURE__ */ new Map();
 	}
@@ -1879,7 +1883,7 @@ var K = {
 		this._data = e, n && !this._inUndoRedo && (this.clearUndoOnDataChange && this._undo.clear(), this.clearSelectionOnDataChange && this._rowSelection.selectedCount > 0 && (this._rowSelection.deselectAll(), this._rowSelectionVersion++, this._dispatchRowSelectionEvent())), this.requestUpdate("data", t);
 	}
 	get rowHeight() {
-		let e = this._rowHeightExplicit ?? this._rowHeightFromCss ?? X;
+		let e = this._rowHeightExplicit ?? this._rowHeightFromCss ?? Je;
 		return Math.max(e, this._targetFloor);
 	}
 	set rowHeight(e) {
@@ -2229,17 +2233,17 @@ var K = {
 	}
 	exportToString(e, t) {
 		let n = this._exportSlice(t);
-		return n ? B(n.rows, n.cols, e) : "";
+		return n ? V(n.rows, n.cols, e) : "";
 	}
 	async exportToBlob(e, t) {
 		let n = this._exportSlice(t) ?? {
 			rows: [],
 			cols: []
 		};
-		return Te(n.rows, n.cols, e);
+		return we(n.rows, n.cols, e);
 	}
 	async exportToFile(e, t) {
-		Oe(await this.exportToBlob(e), t ?? `export${Me(e)}`);
+		De(await this.exportToBlob(e), t ?? `export${je(e)}`);
 	}
 	_exportSlice(e) {
 		if (e?.selectionOnly) {
@@ -2312,7 +2316,7 @@ var K = {
 	async importFromFile(e) {
 		let t = e.name.toLowerCase();
 		if (t.endsWith(".xlsx")) {
-			let t = await qe(await e.arrayBuffer());
+			let t = await Ke(await e.arrayBuffer());
 			this._applyImportedSheet(t);
 		} else if (t.endsWith(".csv") || t.endsWith(".tsv")) {
 			let t = await e.text(), n = h(t);
@@ -2404,8 +2408,8 @@ var K = {
 		return this._columnWidths.get(e);
 	}
 	_getColWidth(e) {
-		let t = this._columnWidths.get(e.key) ?? e.width ?? q;
-		return Math.max(t, e.minWidth ?? J);
+		let t = this._columnWidths.get(e.key) ?? e.width ?? Y;
+		return Math.max(t, e.minWidth ?? X);
 	}
 	get headerHeight() {
 		return this.rowHeight + 8;
@@ -2438,10 +2442,14 @@ var K = {
 		};
 	}
 	connectedCallback() {
-		super.connectedCallback(), this._onScroll = this._onScroll.bind(this), this._onKeyDown = this._onKeyDown.bind(this), this._onDocumentClick = this._onDocumentClick.bind(this), this._onContextMenu = this._onContextMenu.bind(this), this._onDragover = this._onDragover.bind(this), this._onDragleave = this._onDragleave.bind(this), this._onDrop = this._onDrop.bind(this), this.addEventListener("scroll", this._onScroll, { passive: !0 }), this.addEventListener("keydown", this._onKeyDown), this.addEventListener("contextmenu", this._onContextMenu), this.addEventListener("dragover", this._onDragover), this.addEventListener("dragleave", this._onDragleave), this.addEventListener("drop", this._onDrop), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.setAttribute("role", "grid"), typeof ResizeObserver < "u" && (this._hostResizeObserver = new ResizeObserver(() => this._measureViewport()), this._hostResizeObserver.observe(this));
+		super.connectedCallback(), this._onScroll = this._onScroll.bind(this), this._onKeyDown = this._onKeyDown.bind(this), this._onDocumentClick = this._onDocumentClick.bind(this), this._onContextMenu = this._onContextMenu.bind(this), this._onDragover = this._onDragover.bind(this), this._onDragleave = this._onDragleave.bind(this), this._onDrop = this._onDrop.bind(this), this._onClipboard = this._onClipboard.bind(this), this.addEventListener("scroll", this._onScroll, { passive: !0 }), this.addEventListener("keydown", this._onKeyDown);
+		for (let e of q) this.addEventListener(e, this._onClipboard);
+		this.addEventListener("contextmenu", this._onContextMenu), this.addEventListener("dragover", this._onDragover), this.addEventListener("dragleave", this._onDragleave), this.addEventListener("drop", this._onDrop), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.setAttribute("role", "grid"), typeof ResizeObserver < "u" && (this._hostResizeObserver = new ResizeObserver(() => this._measureViewport()), this._hostResizeObserver.observe(this));
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.removeEventListener("scroll", this._onScroll), this.removeEventListener("keydown", this._onKeyDown), this.removeEventListener("contextmenu", this._onContextMenu), this.removeEventListener("dragover", this._onDragover), this.removeEventListener("dragleave", this._onDragleave), this.removeEventListener("drop", this._onDrop), document.removeEventListener("click", this._onDocumentClick), document.removeEventListener("mousedown", this._onCommentPopupOutsideClick), this._isDragging = !1, this._wasDrag = !1, this._resizeCleanup &&= (this._resizeCleanup(), null), this._hostResizeObserver &&= (this._hostResizeObserver.disconnect(), null);
+		super.disconnectedCallback(), this.removeEventListener("scroll", this._onScroll), this.removeEventListener("keydown", this._onKeyDown);
+		for (let e of q) this.removeEventListener(e, this._onClipboard);
+		this.removeEventListener("contextmenu", this._onContextMenu), this.removeEventListener("dragover", this._onDragover), this.removeEventListener("dragleave", this._onDragleave), this.removeEventListener("drop", this._onDrop), document.removeEventListener("click", this._onDocumentClick), document.removeEventListener("mousedown", this._onCommentPopupOutsideClick), this._isDragging = !1, this._wasDrag = !1, this._resizeCleanup &&= (this._resizeCleanup(), null), this._hostResizeObserver &&= (this._hostResizeObserver.disconnect(), null);
 	}
 	firstUpdated() {
 		this._readDensityTokens(), this._measureViewport(), this.shadowRoot && Array.isArray(this.shadowRoot.adoptedStyleSheets) && (this._baseStyleSheets = [...this.shadowRoot.adoptedStyleSheets]), this._syncStylesheets();
@@ -2543,7 +2551,7 @@ var K = {
 		e !== this._viewportHeight && (this._viewportHeight = e), t !== this._viewportWidth && (this._viewportWidth = t), this._warnIfUnconstrained();
 	}
 	_warnIfUnconstrained() {
-		this._warnedUnconstrained || process.env.NODE_ENV === "production" || this._visibleRowCount < Je || this.scrollHeight > this.clientHeight + 1 || (this._warnedUnconstrained = !0, console.warn(`[@iyulab/flex-table] ${this._visibleRowCount} rows but the host has no height constraint — it grew to fit every row, so virtual scrolling is off and all rows are rendered. Give the host a height (e.g. height: 400px, or flex: 1 1 auto with min-height: 0 inside a sized parent) so it becomes the scroll container.`));
+		this._warnedUnconstrained || process.env.NODE_ENV === "production" || this._visibleRowCount < Ye || this.scrollHeight > this.clientHeight + 1 || (this._warnedUnconstrained = !0, console.warn(`[@iyulab/flex-table] ${this._visibleRowCount} rows but the host has no height constraint — it grew to fit every row, so virtual scrolling is off and all rows are rendered. Give the host a height (e.g. height: 400px, or flex: 1 1 auto with min-height: 0 inside a sized parent) so it becomes the scroll container.`));
 	}
 	_onScroll() {
 		this._scrollTop = this.scrollTop, this._scrollLeft = this.scrollLeft;
@@ -2887,9 +2895,9 @@ var K = {
 		switch (e.key.toLowerCase()) {
 			case "z": return e.preventDefault(), e.shiftKey ? this.redo() : this.undo(), !0;
 			case "y": return e.preventDefault(), this.redo(), !0;
-			case "c": return e.preventDefault(), this._handleCopy(!1), !0;
-			case "x": return e.preventDefault(), this._handleCopy(this.editable), !0;
-			case "v": return e.preventDefault(), this.editable && this._handlePaste(), !0;
+			case "c":
+			case "x":
+			case "v": return !0;
 			case "d": return e.preventDefault(), this.editable && this._handleFillDown(), !0;
 			case "r": return e.preventDefault(), this.editable && this._handleFillRight(), !0;
 			case "f": return e.preventDefault(), this._toggleFindPanel("find"), !0;
@@ -2901,12 +2909,12 @@ var K = {
 		if (!e.altKey || !this._activeCell || e.key !== "ArrowLeft" && e.key !== "ArrowRight") return !1;
 		e.preventDefault();
 		let n = t[this._activeCell.col];
-		return n && this._resizeColumnBy(n.key, e.key === "ArrowRight" ? Y : -20), !0;
+		return n && this._resizeColumnBy(n.key, e.key === "ArrowRight" ? qe : -20), !0;
 	}
 	_resizeColumnBy(e, t) {
 		let n = this.visibleColumns.findIndex((t) => t.key === e), r = this.visibleColumns[n];
 		if (!r) return;
-		let i = this._columnWidths.get(r.key) ?? r.width ?? q, a = r.minWidth ?? J, o = Math.max(a, i + t);
+		let i = this._columnWidths.get(r.key) ?? r.width ?? Y, a = r.minWidth ?? X, o = Math.max(a, i + t);
 		this._columnWidths.set(r.key, o), this.requestUpdate(), this.dispatchEvent(new CustomEvent("column-resize", {
 			detail: {
 				key: r.key,
@@ -2932,35 +2940,55 @@ var K = {
 			default: return !1;
 		}
 	}
-	async _handleCopy(e) {
-		let t = this._selection.getEffectiveRange();
-		if (!t) return;
-		let n = this.visibleColumns, r = oe(this._sortedIndices.map((e) => this.data[e]), n, t);
-		try {
-			await navigator.clipboard.writeText(r);
-		} catch (e) {
-			this.dispatchEvent(new CustomEvent("clipboard-error", {
-				detail: {
-					action: "copy",
-					error: e
-				},
-				bubbles: !0,
-				composed: !0
-			}));
+	_selectionTsv() {
+		let e = this._selection.getEffectiveRange();
+		return e ? {
+			range: e,
+			text: oe(this._sortedIndices.map((e) => this.data[e]), this.visibleColumns, e)
+		} : null;
+	}
+	_onClipboard(e) {
+		let t = e.composedPath()[0];
+		if (t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement || t instanceof HTMLElement && t.isContentEditable || !e.clipboardData) return;
+		if (e.type === "paste") {
+			if (!this.editable || !this._activeCell) return;
+			e.preventDefault(), this._pasteText(e.clipboardData.getData("text/plain"));
+			return;
+		}
+		let n = this._selectionTsv();
+		n && (e.preventDefault(), e.clipboardData.setData("text/plain", n.text), this._afterCopy(n.range, n.text, e.type === "cut" && this.editable));
+	}
+	async _copyFromMenu() {
+		let e = this._selectionTsv();
+		if (e) {
+			try {
+				await navigator.clipboard.writeText(e.text);
+			} catch (e) {
+				this.dispatchEvent(new CustomEvent("clipboard-error", {
+					detail: {
+						action: "copy",
+						error: e
+					},
+					bubbles: !0,
+					composed: !0
+				}));
+				return;
+			}
+			this._afterCopy(e.range, e.text, !1);
 		}
-		e && this._clearRange(t), this.dispatchEvent(new CustomEvent(e ? "clipboard-cut" : "clipboard-copy", {
+	}
+	_afterCopy(e, t, n) {
+		n && this._clearRange(e), this.dispatchEvent(new CustomEvent(n ? "clipboard-cut" : "clipboard-copy", {
 			detail: {
-				range: t,
-				text: r
+				range: e,
+				text: t
 			},
 			bubbles: !0,
 			composed: !0
 		}));
 	}
-	async _handlePaste() {
+	_pasteText(e) {
 		if (!this._activeCell) return;
-		let e = await this._readClipboardText();
-		if (e == null) return;
 		let t = h(e);
 		if (t.length === 0) return;
 		let n = this._expandRowsForPaste(this._activeCell.row, t.length), r = this._applyPasteData(this._activeCell, t);
@@ -2988,20 +3016,6 @@ var K = {
 			composed: !0
 		}));
 	}
-	async _readClipboardText() {
-		try {
-			return await navigator.clipboard.readText();
-		} catch (e) {
-			return this.dispatchEvent(new CustomEvent("clipboard-error", {
-				detail: {
-					action: "paste",
-					error: e
-				},
-				bubbles: !0,
-				composed: !0
-			})), null;
-		}
-	}
 	_selectPastedRange(e, t) {
 		let n = Math.max(...t.map((e) => e.length)), r = Math.min(e.row + t.length, this._visibleRowCount) - 1, i = Math.min(e.col + n, this.visibleColumns.length) - 1;
 		(r !== e.row || i !== e.col) && (this._selection.setDimensions(this._visibleRowCount, this.visibleColumns.length), this._selection.setActive(e.row, e.col), this._selection.setActiveWithRange(r, i), this._activeCell = {
@@ -3228,7 +3242,7 @@ var K = {
 		return Math.min(n, i);
 	}
 	_renderHeaderCell(e, t) {
-		let n = e.sortable !== !1, r = this._sortCriteria.find((t) => t.key === e.key), o = this._sortCriteria.length > 1 ? this._sortCriteria.findIndex((t) => t.key === e.key) : -1, s = this._filters.some((t) => t.key === e.key), c = e.pinned === "left", l = e.pinned === "right", u = c || l, d = e.headerAlign ?? W(e), f = [
+		let n = e.sortable !== !1, r = this._sortCriteria.find((t) => t.key === e.key), o = this._sortCriteria.length > 1 ? this._sortCriteria.findIndex((t) => t.key === e.key) : -1, s = this._filters.some((t) => t.key === e.key), c = e.pinned === "left", l = e.pinned === "right", u = c || l, d = e.headerAlign ?? G(e), f = [
 			"ft-header-cell",
 			n ? "ft-sortable" : "",
 			u ? "ft-pinned" : "",
@@ -3400,7 +3414,7 @@ var K = {
         ${r.map((e) => c("show", A("showColumn", { header: e.label }), () => this._setColumnHidden(e.key, !1)))}
         <div class="ft-header-menu-separator" role="separator"></div>
         ${c("autofit", A("autoFitWidth"), () => this._autoFitColumn(e))}
-        ${c("wider", A("wider"), () => this._resizeColumnBy(e, Y), !0)}
+        ${c("wider", A("wider"), () => this._resizeColumnBy(e, qe), !0)}
         ${c("narrower", A("narrower"), () => this._resizeColumnBy(e, -20), !0)}
       </div>
     `;
@@ -3423,7 +3437,7 @@ var K = {
         style="position: fixed; left: ${n}px; top: ${r}px; z-index: var(--u-layer-floating, 1000);"
         @mousedown=${(e) => e.stopPropagation()}
         @keydown=${(e) => this._onMenuKeydown(e, ".ft-body-context-menu", l)}>
-        ${d(A("copy"), () => this._handleCopy(!1))}
+        ${d(A("copy"), () => this._copyFromMenu())}
         ${f}
         ${d(A("insertRowAbove"), () => this.addRow(void 0, t))}
         ${d(A("insertRowBelow"), () => this.addRow(void 0, t + 1))}
@@ -3689,10 +3703,10 @@ var K = {
           @keydown=${(e) => {
 			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
 		}}>
-          ${Object.keys(K).map((e) => i`<option value=${e}>${K[e]}</option>`)}
+          ${Object.keys(J).map((e) => i`<option value=${e}>${J[e]}</option>`)}
         </select>
         <input class="ft-filter-input ft-num-cond-input" type="text" inputmode="decimal" placeholder=${A("valuePlaceholder")}
-          .value=${n.text ?? (n.value == null ? "" : se(n.value))}
+          .value=${n.text ?? (n.value == null ? "" : P(n.value))}
           aria-invalid=${n.text && n.value == null ? "true" : "false"}
           @input=${(n) => {
 			let r = n.target.value, i = this._numberFilterState.get(e) ?? this._defaultNumState();
@@ -3801,7 +3815,7 @@ var K = {
 		if (!n) return;
 		let r = this.shadowRoot?.querySelectorAll(`.ft-cell[data-col-index="${t}"]`), i = 0, a = this.shadowRoot?.querySelector(`.ft-header-cell[data-col-index="${t}"]`);
 		if (a && (i = Math.max(i, a.scrollWidth)), r) for (let e of r) i = Math.max(i, e.scrollWidth);
-		let o = n.minWidth ?? J, s = Math.max(o, i + 8);
+		let o = n.minWidth ?? X, s = Math.max(o, i + 8);
 		this._columnWidths.set(n.key, s), this.requestUpdate(), this.dispatchEvent(new CustomEvent("column-resize", {
 			detail: {
 				key: n.key,
@@ -3814,7 +3828,7 @@ var K = {
 	}
 	_onResizeStart(e, t) {
 		e.preventDefault(), e.stopPropagation();
-		let n = this.visibleColumns[t], r = this._columnWidths.get(n.key) ?? n.width ?? q;
+		let n = this.visibleColumns[t], r = this._columnWidths.get(n.key) ?? n.width ?? Y;
 		this._resizing = {
 			colIndex: t,
 			startX: e.clientX,
@@ -3822,13 +3836,13 @@ var K = {
 		};
 		let i = (e) => {
 			if (!this._resizing) return;
-			let t = e.clientX - this._resizing.startX, r = n.minWidth ?? J, i = Math.max(r, this._resizing.startWidth + t);
+			let t = e.clientX - this._resizing.startX, r = n.minWidth ?? X, i = Math.max(r, this._resizing.startWidth + t);
 			this._columnWidths.set(n.key, i), this.requestUpdate();
 		}, a = () => {
 			document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", o), this._resizeCleanup = null;
 		}, o = () => {
 			if (a(), this._resizing) {
-				let e = this._columnWidths.get(n.key) ?? q;
+				let e = this._columnWidths.get(n.key) ?? Y;
 				this.dispatchEvent(new CustomEvent("column-resize", {
 					detail: {
 						key: n.key,
@@ -4420,7 +4434,7 @@ var K = {
 		let v = s || l, y = this._isCellInvalid(n, r), b = (this._findState?.results ?? []).findIndex((e) => e.row === n && e.col === r), x = b >= 0, S = x && b === this._findState.currentIndex, w = [
 			"ft-cell",
 			`ft-type-${t.type ?? "text"}`,
-			`ft-align-${W(t)}`,
+			`ft-align-${G(t)}`,
 			s ? "ft-active" : "",
 			l ? "ft-selected" : "",
 			f ? "ft-pinned" : "",
@@ -4455,7 +4469,7 @@ var K = {
 		let n = e[t.key], r = n == null ? "" : String(n);
 		if (t.type === "number") return i`
         <input class="ft-editor ft-editor-number" type="text" inputmode="decimal"
-          .value=${typeof n == "number" ? se(n) : r}
+          .value=${typeof n == "number" ? P(n) : r}
           @keydown=${this._onEditorKeyDown}
           @blur=${() => this._commitEdit()}>
       `;
@@ -4464,7 +4478,7 @@ var K = {
 			return i`
         <u-date-picker class="ft-editor ft-editor-${t.type}" size="sm"
           mode=${e ? "datetime" : "date"} ?confirm=${e}
-          .value=${Ye(n, e)}
+          .value=${Xe(n, e)}
           @keydown=${this._onEditorKeyDown}
           @change=${() => this._commitEdit()}
           @blur=${() => this._commitEdit()}></u-date-picker>
@@ -4511,67 +4525,67 @@ var K = {
     `;
 	}
 };
-G([s({ type: Array })], Q.prototype, "columns", void 0), G([s({
+K([s({ type: Array })], Q.prototype, "columns", void 0), K([s({
 	type: Array,
 	hasChanged: () => !0
-})], Q.prototype, "data", null), G([s({
+})], Q.prototype, "data", null), K([s({
 	type: Boolean,
 	attribute: "clear-undo-on-data-change"
-})], Q.prototype, "clearUndoOnDataChange", void 0), G([s({
+})], Q.prototype, "clearUndoOnDataChange", void 0), K([s({
 	type: Boolean,
 	attribute: "clear-selection-on-data-change"
-})], Q.prototype, "clearSelectionOnDataChange", void 0), G([s({
+})], Q.prototype, "clearSelectionOnDataChange", void 0), K([s({
 	type: Number,
 	attribute: "row-height"
-})], Q.prototype, "rowHeight", null), G([s({
+})], Q.prototype, "rowHeight", null), K([s({
 	type: Boolean,
 	attribute: "show-row-numbers"
-})], Q.prototype, "showRowNumbers", void 0), G([s({
+})], Q.prototype, "showRowNumbers", void 0), K([s({
 	type: String,
 	reflect: !0
-})], Q.prototype, "theme", void 0), G([s({
+})], Q.prototype, "theme", void 0), K([s({
 	type: Number,
 	attribute: "max-rows"
-})], Q.prototype, "maxRows", void 0), G([s({ type: Boolean })], Q.prototype, "editable", void 0), G([s({
+})], Q.prototype, "maxRows", void 0), K([s({ type: Boolean })], Q.prototype, "editable", void 0), K([s({
 	type: Boolean,
 	attribute: "show-filters"
-})], Q.prototype, "showFilters", void 0), G([s({
+})], Q.prototype, "showFilters", void 0), K([s({
 	type: Boolean,
 	attribute: "show-context-menu"
-})], Q.prototype, "showContextMenu", void 0), G([s({
+})], Q.prototype, "showContextMenu", void 0), K([s({
 	type: Number,
 	attribute: "frozen-rows"
-})], Q.prototype, "frozenRows", void 0), G([s({
+})], Q.prototype, "frozenRows", void 0), K([s({
 	type: String,
 	attribute: "empty-message"
-})], Q.prototype, "emptyMessage", void 0), G([s({
+})], Q.prototype, "emptyMessage", void 0), K([s({
 	type: String,
 	attribute: "no-matching-message"
-})], Q.prototype, "noMatchingMessage", void 0), G([s({
+})], Q.prototype, "noMatchingMessage", void 0), K([s({
 	type: Boolean,
 	reflect: !0
-})], Q.prototype, "loading", void 0), G([s({
+})], Q.prototype, "loading", void 0), K([s({
 	type: Boolean,
 	attribute: "import-enabled"
-})], Q.prototype, "importEnabled", void 0), G([s({ type: Boolean })], Q.prototype, "selectable", void 0), G([s({
+})], Q.prototype, "importEnabled", void 0), K([s({ type: Boolean })], Q.prototype, "selectable", void 0), K([s({
 	type: String,
 	attribute: "selection-mode"
-})], Q.prototype, "selectionMode", null), G([s({
+})], Q.prototype, "selectionMode", null), K([s({
 	type: String,
 	attribute: "data-mode"
-})], Q.prototype, "dataMode", void 0), G([s({
+})], Q.prototype, "dataMode", void 0), K([s({
 	type: Object,
 	attribute: "footer-data"
-})], Q.prototype, "footerData", void 0), G([s({ attribute: !1 })], Q.prototype, "stylesheets", void 0), G([s({
+})], Q.prototype, "footerData", void 0), K([s({ attribute: !1 })], Q.prototype, "stylesheets", void 0), K([s({
 	type: Number,
 	attribute: "max-undo-size"
-})], Q.prototype, "maxUndoSize", null), G([c()], Q.prototype, "_scrollTop", void 0), G([c()], Q.prototype, "_scrollLeft", void 0), G([c()], Q.prototype, "_viewportHeight", void 0), G([c()], Q.prototype, "_viewportWidth", void 0), G([c()], Q.prototype, "_activeCell", void 0), G([c()], Q.prototype, "_editingCell", void 0), G([c()], Q.prototype, "_sortCriteria", void 0), G([c()], Q.prototype, "_openFilterKey", void 0), G([c()], Q.prototype, "_rowSelectionVersion", void 0), G([c()], Q.prototype, "_autocompleteState", void 0), G([c()], Q.prototype, "_headerMenu", void 0), G([c()], Q.prototype, "_bodyContextMenu", void 0), G([c()], Q.prototype, "_commentPopup", void 0), G([c()], Q.prototype, "_isDragOver", void 0), Q = G([o("flex-table")], Q);
-function Ye(e, t) {
+})], Q.prototype, "maxUndoSize", null), K([c()], Q.prototype, "_scrollTop", void 0), K([c()], Q.prototype, "_scrollLeft", void 0), K([c()], Q.prototype, "_viewportHeight", void 0), K([c()], Q.prototype, "_viewportWidth", void 0), K([c()], Q.prototype, "_activeCell", void 0), K([c()], Q.prototype, "_editingCell", void 0), K([c()], Q.prototype, "_sortCriteria", void 0), K([c()], Q.prototype, "_openFilterKey", void 0), K([c()], Q.prototype, "_rowSelectionVersion", void 0), K([c()], Q.prototype, "_autocompleteState", void 0), K([c()], Q.prototype, "_headerMenu", void 0), K([c()], Q.prototype, "_bodyContextMenu", void 0), K([c()], Q.prototype, "_commentPopup", void 0), K([c()], Q.prototype, "_isDragOver", void 0), Q = K([o("flex-table")], Q);
+function Xe(e, t) {
 	if (t) {
-		let t = le(e);
+		let t = ce(e);
 		return /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/.test(t) ? t.replace(" ", "T") : void 0;
 	}
-	let n = ce(e);
+	let n = se(e);
 	return /^\d{4}-\d{2}-\d{2}$/.test(n) ? n : void 0;
 }
 function $(e) {
@@ -4582,4 +4596,4 @@ function $(e) {
 	}
 }
 //#endregion
-export { j as a, M as i, W as n, k as o, B as r, C as s, Q as t };
+export { j as a, M as i, G as n, k as o, V as r, C as s, Q as t };

package/dist/flex-table.d.ts

@@ -393,9 +393,20 @@ export declare class FlexTable extends LitElement {
     /** Widen (positive) or narrow (negative) a visible column by `delta` px, never below its minimum. */
     private _resizeColumnBy;
     private _handleNavigation;
-    private _handleCopy;
-    private _handlePaste;
-    private _readClipboardText;
+    /**
+     * The selection as TSV in display (sorted) order, or `null` without a selection.
+     */
+    private _selectionTsv;
+    /**
+     * The browser's copy / cut / paste on the grid. Events from a text field inside the grid (the cell
+     * editor, the find panel, a filter input) are that field's own and pass through untouched.
+     */
+    private _onClipboard;
+    /** The context menu's Copy — no clipboard event to fill, so it goes through the async Clipboard API. */
+    private _copyFromMenu;
+    /** Runs once the text is on the clipboard — only then is a cut range cleared. */
+    private _afterCopy;
+    private _pasteText;
     /**
      * After a paste, the cells it wrote are the selection — as in spreadsheets — so the reader sees
      * what changed and can copy, clear or undo it as one block. The active cell stays where the

package/dist/flex-table.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./flex-table-h2noRChg.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./flex-table-B8ehfxqn.js";
 export { o as FlexTable, e as RowSelectionState, t as UndoStack, n as effectiveAlign, i as exportData, r as flexTableLocale, a as renderCell };

package/dist/react.js

@@ -1,4 +1,4 @@
-import { t as e } from "./flex-table-h2noRChg.js";
+import { t as e } from "./flex-table-B8ehfxqn.js";
 import { i as t, t as n } from "./query-Dw4iO0ir.js";
 import { t as r } from "./view-DiLr-TdY.js";
 import i, { useCallback as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iyulab/flex-table",
-  "version": "0.47.0",
+  "version": "0.48.0",
   "description": "A minimalist, input-centric data grid web component",
   "type": "module",
   "main": "./dist/flex-table.js",

package/skills/iyulab-flex-table/references/api.md

@@ -159,7 +159,7 @@ All are `CustomEvent`s with `bubbles: true, composed: true`. `row`/`index` are d
 | `selection-change` | `{ selectedIndices, selectedRows }` |
 | `clipboard-copy` / `clipboard-cut` | `{ range, text }` (TSV) |
 | `clipboard-paste` | `{ changes, addedRows }` |
-| `clipboard-error` | `{ action: 'copy' \| 'paste', error }` |
+| `clipboard-error` | `{ action: 'copy', error }` — the context menu's Copy could not write; no `clipboard-copy` follows |
 | `fill-handle-apply` | `{ sourceRange, targetRange, cells }` |
 | `find-replace` | `{ type: 'replace' \| 'replace-all', cells }` |
 | `comment-change` | `{ dataIndex, colKey, text }` |