@iyulab/flex-table 0.48.1 → 0.48.3

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## [0.48.3] - 2026-10-06
+
+### Fixed
+
+- **Enter and Space on a column menu button open the menu while a cell is active.** The grid read
+  the key as its own and started editing the active cell instead. Keys pressed on a control inside
+  the grid — a column menu button, a row checkbox, a button a cell renders — are now that control's;
+  the grid's cell keys apply while the grid itself has focus. Ctrl/Cmd shortcuts still apply.
+
+## [0.48.2] - 2026-10-06
+
+### Fixed
+
+- **Ctrl+C / Ctrl+X / Ctrl+V apply again while a row checkbox has focus.** 0.48.0 treated every
+  `<input>` as a text field with its own clipboard, so with focus on a row checkbox the keys did
+  nothing. Only text fields (the cell editor, the find panel's search box, a filter input) keep
+  their own clipboard now (`isTextEntry` from `@iyulab/components` 2.2.0).
+
+### Changed
+
+- Requires `@iyulab/components` 2.2.0 or later.
+
 ## [0.48.1] - 2026-10-06
 
 ### Fixed

package/dist/{flex-table-CQNVaL0x.js → flex-table-CLw2o8sr.js}

@@ -6,9 +6,9 @@ import { formatDate as u, formatNumber as d, parseDate as f, parseDateTime as p,
 import { decodeTsv as h, encodeTsv as g } from "@iyulab/components/dist/utilities/tsv.js";
 import "@iyulab/components/dist/components/date-picker/UDatePicker.js";
 import { isImeComposing as _ } from "@iyulab/components/dist/utilities/keyboard.js";
-import { copyFromKey as v, pasteFromKey as y } from "@iyulab/components/dist/utilities/clipboard.js";
+import { copyFromKey as v, isTextEntry as y, pasteFromKey as b } from "@iyulab/components/dist/utilities/clipboard.js";
 //#region src/styles/flex-table.styles.ts
-var b = r`
+var x = r`
   /* --- Theme Variables (Light defaults) --- */
   :host {
     --ft-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
@@ -1018,13 +1018,13 @@ var b = r`
 `;
 //#endregion
 //#region src/renderers/format.ts
-function x(e, t) {
-	return e == null ? "" : typeof t == "function" ? t(e) : S(t) ? w(e, t) : C(e, t);
+function S(e, t) {
+	return e == null ? "" : typeof t == "function" ? t(e) : C(t) ? w(e, t) : ee(e, t);
 }
-function S(e) {
+function C(e) {
 	return /[yMdHhms]/.test(e);
 }
-function C(e, t) {
+function ee(e, t) {
 	let n = typeof e == "number" ? e : Number(e);
 	if (isNaN(n)) return String(e);
 	let r = t.endsWith("%"), i = t.match(/^([^#0.,%]+)/), a = i ? i[1] : "", o = t.replace(/^[^#0.,%]+/, "").replace(/%$/, ""), s = o.match(/\.([0#]+)$/), c = s ? s[1].length : 0, u = {
@@ -1049,15 +1049,15 @@ function w(e, t) {
 //#endregion
 //#region src/renderers/cell-renderer.ts
 function T(e, t, n) {
-	return n.render ? n.render(e, t, n) : n.format ? typeof n.format == "function" ? n.format(e, t, n) : x(e, n.format) : E(e, n);
+	return n.render ? n.render(e, t, n) : n.format ? typeof n.format == "function" ? n.format(e, t, n) : S(e, n.format) : E(e, n);
 }
 function E(e, t) {
 	if (e == null) return "";
 	switch (t.type) {
-		case "number": return ee(e);
+		case "number": return ne(e);
 		case "boolean": return i`<span class="ft-bool">${e ? "✔" : ""}</span>`;
-		case "date": return te(e);
-		case "datetime": return ne(e);
+		case "date": return re(e);
+		case "datetime": return ie(e);
 		case "select": return D(e, t);
 		default: return String(e);
 	}
@@ -1067,7 +1067,7 @@ function D(e, t) {
 	let n = t.options.find((t) => t.value === e);
 	return n ? n.label : e == null ? "" : String(e);
 }
-var O = {
+var te = {
 	year: "numeric",
 	month: "numeric",
 	day: "numeric",
@@ -1075,19 +1075,19 @@ var O = {
 	minute: "numeric",
 	second: "numeric"
 };
-function ee(e) {
+function ne(e) {
 	return typeof e == "number" ? Number.isInteger(e) ? d(e) : d(e, { minimumFractionDigits: 1 }) : String(e);
 }
-function te(e) {
+function re(e) {
 	return e instanceof Date || typeof e == "string" ? u(e) : String(e);
 }
-function ne(e) {
-	return e instanceof Date || typeof e == "string" ? u(e, O) : String(e);
+function ie(e) {
+	return e instanceof Date || typeof e == "string" ? u(e, te) : String(e);
 }
 //#endregion
 //#region src/locale.ts
-var k = l.namespace("flex-table");
-k.register("en", {
+var O = l.namespace("flex-table");
+O.register("en", {
 	showHiddenColumns: "Show hidden column(s)",
 	columnMenu: "Column menu",
 	cellActions: "Cell actions",
@@ -1144,7 +1144,7 @@ k.register("en", {
 	notADate: "Enter a date as YYYY-MM-DD",
 	notADateTime: "Enter a date and time as YYYY-MM-DD HH:mm",
 	notInList: "Value must be from the existing list"
-}), k.register("ko", {
+}), O.register("ko", {
 	showHiddenColumns: "숨긴 열 보기",
 	columnMenu: "열 메뉴",
 	cellActions: "셀 작업",
@@ -1202,10 +1202,10 @@ k.register("en", {
 	notADateTime: "날짜와 시간을 YYYY-MM-DD HH:mm 으로 입력하세요",
 	notInList: "목록에 있는 값이어야 합니다"
 });
-var A = (e, t) => k.text(e, t);
+var k = (e, t) => O.text(e, t);
 //#endregion
 //#region src/core/selection.ts
-function re(e) {
+function ae(e) {
 	return {
 		startRow: Math.min(e.startRow, e.endRow),
 		startCol: Math.min(e.startCol, e.endCol),
@@ -1213,7 +1213,7 @@ function re(e) {
 		endCol: Math.max(e.startCol, e.endCol)
 	};
 }
-var ie = class {
+var oe = class {
 	constructor() {
 		this.activeCell = null, this.rangeAnchor = null, this.range = null, this.extraRanges = [], this._rowCount = 0, this._colCount = 0;
 	}
@@ -1240,7 +1240,7 @@ var ie = class {
 		return e < 0 || e >= this._rowCount || t < 0 || t >= this._colCount ? this.activeCell : (!this.rangeAnchor && this.activeCell && (this.rangeAnchor = { ...this.activeCell }), this.activeCell = {
 			row: e,
 			col: t
-		}, this.rangeAnchor && (this.range = re({
+		}, this.rangeAnchor && (this.range = ae({
 			startRow: this.rangeAnchor.row,
 			startCol: this.rangeAnchor.col,
 			endRow: e,
@@ -1311,7 +1311,7 @@ var ie = class {
 	shiftMoveRight() {
 		return this.activeCell ? this.setActiveWithRange(this.activeCell.row, this.activeCell.col + 1) : null;
 	}
-}, ae = class {
+}, se = class {
 	constructor() {
 		this.current = null;
 	}
@@ -1332,7 +1332,7 @@ var ie = class {
 		let e = this.current;
 		return this.current = null, e;
 	}
-}, j = class {
+}, A = class {
 	constructor() {
 		this._selected = /* @__PURE__ */ new Set(), this._mode = "multi", this._rowCount = 0;
 	}
@@ -1393,7 +1393,7 @@ var ie = class {
 };
 //#endregion
 //#region src/core/filtering.ts
-function oe(e, t, n) {
+function ce(e, t, n) {
 	if (t.length === 0) return Array.from({ length: e.length }, (e, t) => t);
 	let r = [];
 	for (let i = 0; i < e.length; i++) {
@@ -1412,9 +1412,9 @@ function oe(e, t, n) {
 }
 //#endregion
 //#region src/core/undo.ts
-var se = 100, ce = class {
+var le = 100, j = class {
 	constructor() {
-		this._undoStack = [], this._redoStack = [], this._maxSize = se;
+		this._undoStack = [], this._redoStack = [], this._maxSize = le;
 	}
 	get maxSize() {
 		return this._maxSize;
@@ -1451,7 +1451,7 @@ var se = 100, ce = class {
 };
 //#endregion
 //#region src/clipboard/clipboard.ts
-function le(e, t, n) {
+function ue(e, t, n) {
 	let r = [];
 	for (let i = n.startRow; i <= n.endRow; i++) {
 		let a = e[i], o = [];
@@ -1484,13 +1484,13 @@ function N(e) {
 	let n = new Intl.NumberFormat(l.get()).formatToParts(1.5).find((e) => e.type === "decimal")?.value;
 	return n && n !== "." ? t.replace(".", n) : t;
 }
-function ue(e) {
+function de(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 de(e) {
+function fe(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]}`;
@@ -1501,7 +1501,7 @@ function de(e) {
 }
 //#endregion
 //#region src/export/xlsx-writer.ts
-var fe = (() => {
+var pe = (() => {
 	let e = /* @__PURE__ */ new Uint32Array(256);
 	for (let t = 0; t < 256; t++) {
 		let n = t;
@@ -1510,23 +1510,23 @@ var fe = (() => {
 	}
 	return e;
 })();
-function pe(e) {
+function me(e) {
 	let t = 4294967295;
-	for (let n = 0; n < e.length; n++) t = fe[(t ^ e[n]) & 255] ^ t >>> 8;
+	for (let n = 0; n < e.length; n++) t = pe[(t ^ e[n]) & 255] ^ t >>> 8;
 	return (t ^ 4294967295) >>> 0;
 }
 var P = new TextEncoder();
-function me(e) {
+function he(e) {
 	return F(e.map((e) => ({
 		...e,
 		body: e.data,
 		method: 0
 	})));
 }
-async function he(e) {
+async function ge(e) {
 	let t = [];
 	for (let n of e) {
-		let e = await ge(n.data);
+		let e = await _e(n.data);
 		t.push(e.length < n.data.length ? {
 			...n,
 			body: e,
@@ -1539,7 +1539,7 @@ async function he(e) {
 	}
 	return F(t);
 }
-async function ge(e) {
+async function _e(e) {
 	let t = new CompressionStream("deflate-raw"), n = t.writable.getWriter(), r = t.readable.getReader();
 	n.write(e), n.close();
 	let i = [];
@@ -1553,7 +1553,7 @@ async function ge(e) {
 function F(e) {
 	let t = [], n = [], r = 0;
 	for (let i of e) {
-		let e = P.encode(i.name), a = pe(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 = P.encode(i.name), a = me(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;
@@ -1573,27 +1573,27 @@ function I(e) {
 function L(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function _e(e) {
+function ve(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 _e(t) + (e + 1);
+	return ve(t) + (e + 1);
 }
-function ve(e) {
+function ye(e) {
 	let t = Date.UTC(1899, 11, 30);
 	return (e.getTime() - t) / 864e5;
 }
-var ye = "<?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>", 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/officeDocument\" Target=\"xl/workbook.xml\"/>\n</Relationships>", xe = "<?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>", Se = "<?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>", Ce = "<?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 we(e, t) {
+var be = "<?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>", xe = "<?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>", Se = "<?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>", Ce = "<?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>", we = "<?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 Te(e, t) {
 	let n = [], r = t.map((e, t) => `<c r="${R(0, t)}" t="str" s="2"><v>${L(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];
 			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>${ve(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>${ye(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>`;
 		});
 		n.push(`<row r="${r + 2}">${i.join("")}</row>`);
 	}), `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
@@ -1601,30 +1601,30 @@ function we(e, t) {
   <sheetData>${n.join("")}</sheetData>
 </worksheet>`;
 }
-function Te(e, t) {
-	return me(z(e, t));
-}
 function Ee(e, t) {
 	return he(z(e, t));
 }
+function De(e, t) {
+	return ge(z(e, t));
+}
 function z(e, t) {
-	let n = we(e, t);
+	let n = Te(e, t);
 	return [
 		{
 			name: "[Content_Types].xml",
-			data: P.encode(ye)
+			data: P.encode(be)
 		},
 		{
 			name: "_rels/.rels",
-			data: P.encode(be)
+			data: P.encode(xe)
 		},
 		{
 			name: "xl/workbook.xml",
-			data: P.encode(xe)
+			data: P.encode(Se)
 		},
 		{
 			name: "xl/_rels/workbook.xml.rels",
-			data: P.encode(Se)
+			data: P.encode(Ce)
 		},
 		{
 			name: "xl/worksheets/sheet1.xml",
@@ -1632,7 +1632,7 @@ function z(e, t) {
 		},
 		{
 			name: "xl/styles.xml",
-			data: P.encode(Ce)
+			data: P.encode(we)
 		}
 	];
 }
@@ -1642,24 +1642,24 @@ function B(e, t, n) {
 	switch (n) {
 		case "csv": return V(e, t, ",");
 		case "tsv": return V(e, t, "	");
-		case "json": return ke(e, t);
-		case "xlsx": return Te(e, t);
+		case "json": return Ae(e, t);
+		case "xlsx": return Ee(e, t);
 	}
 }
-async function De(e, t, n) {
-	let r = n === "xlsx" ? await Ee(e, t) : B(e, t, n);
-	return new Blob([r], { type: Ne(n) });
+async function Oe(e, t, n) {
+	let r = n === "xlsx" ? await De(e, t) : B(e, t, n);
+	return new Blob([r], { type: Pe(n) });
 }
-function Oe(e, t) {
+function ke(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(Oe(e[t.key], t), n)).join(n))].join("\n");
+	return [t.map((e) => H(e.label, n)).join(n), ...e.map((e) => t.map((t) => H(ke(e[t.key], t), n)).join(n))].join("\n");
 }
 function H(e, t) {
 	return e.includes(t) || e.includes("\"") || e.includes("\n") || e.includes("\r") ? "\"" + e.replace(/"/g, "\"\"") + "\"" : e;
 }
-function ke(e, t) {
+function Ae(e, t) {
 	let n = e.map((e) => {
 		let n = {};
 		for (let r of t) {
@@ -1670,35 +1670,35 @@ function ke(e, t) {
 	});
 	return JSON.stringify(n, null, 2);
 }
-function Ae(e, t) {
+function je(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 je = {
+var Me = {
 	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"
-}, Me = {
+}, Ne = {
 	csv: ".csv",
 	tsv: ".tsv",
 	json: ".json",
 	xlsx: ".xlsx"
 };
-function Ne(e) {
-	return je[e];
-}
 function Pe(e) {
 	return Me[e];
 }
+function Fe(e) {
+	return Ne[e];
+}
 //#endregion
 //#region src/export/xlsx-reader.ts
-function Fe(e) {
+function Ie(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 Ie(e) {
-	let t = Fe(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 Le(e) {
+	let t = Ie(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({
@@ -1711,7 +1711,7 @@ function Ie(e) {
 	}
 	return a;
 }
-async function Le(e) {
+async function Re(e) {
 	let t = new DecompressionStream("deflate-raw"), n = t.writable.getWriter(), r = t.readable.getReader();
 	n.write(e), n.close();
 	let i = [];
@@ -1724,28 +1724,28 @@ async function Le(e) {
 	for (let e of i) o.set(e, s), s += e.length;
 	return o;
 }
-async function Re(e, t) {
+async function ze(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 Le(o);
+	if (t.compressionMethod === 8) return Re(o);
 	throw Error(`XLSX: Unsupported compression method ${t.compressionMethod}`);
 }
-async function ze(e) {
-	let t = new DataView(e), n = Ie(t), r = /* @__PURE__ */ new Map();
-	for (let e of n) e.compressedSize === 0 && e.name.endsWith("/") || r.set(e.name, await Re(t, e));
+async function Be(e) {
+	let t = new DataView(e), n = Le(t), r = /* @__PURE__ */ new Map();
+	for (let e of n) e.compressedSize === 0 && e.name.endsWith("/") || r.set(e.name, await ze(t, e));
 	return r;
 }
-var Be = new TextDecoder("utf-8");
+var Ve = new TextDecoder("utf-8");
 function U(e) {
-	let t = Be.decode(e);
+	let t = Ve.decode(e);
 	return new DOMParser().parseFromString(t, "application/xml");
 }
-function Ve(e) {
+function He(e) {
 	if (!e) return [];
 	let t = U(e);
 	return Array.from(t.querySelectorAll("si")).map((e) => Array.from(e.querySelectorAll("t")).map((e) => e.textContent ?? "").join(""));
 }
-var He = /* @__PURE__ */ new Set([
+var Ue = /* @__PURE__ */ new Set([
 	14,
 	15,
 	16,
@@ -1765,29 +1765,29 @@ var He = /* @__PURE__ */ new Set([
 	57,
 	58
 ]);
-function Ue(e) {
+function We(e) {
 	let t = e.replace(/"[^"]*"/g, "").replace(/\\./g, "").replace(/\[[^\]]*\]/g, "").split(";")[0];
 	return /[dy]/i.test(t);
 }
-function We(e) {
+function Ge(e) {
 	let t = /* @__PURE__ */ new Set();
 	if (!e) return t;
 	let n = U(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 ? He.has(i) : Ue(a)) && t.add(n);
+		(a === void 0 ? Ue.has(i) : We(a)) && t.add(n);
 	}), t;
 }
-function Ge(e) {
+function Ke(e) {
 	if (!e) return !1;
 	let t = U(e).querySelector("workbookPr")?.getAttribute("date1904");
 	return t === "1" || t === "true";
 }
-function Ke(e, t) {
+function qe(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 qe(e, t, n, r) {
+function Je(e, t, n, r) {
 	let i = U(e).querySelectorAll("row");
 	if (i.length === 0) return [];
 	let a = 0, o = /* @__PURE__ */ new Map();
@@ -1795,7 +1795,7 @@ function qe(e, t, n, r) {
 		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 = Je(i.getAttribute("r") ?? "");
+			let e = Ye(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)] ?? "";
@@ -1804,7 +1804,7 @@ function qe(e, t, n, r) {
 			else if (l === "") d = "";
 			else {
 				let e = parseFloat(l);
-				d = c !== "" && n.has(parseInt(c, 10)) && !isNaN(e) && e >= 0 ? Ke(e, r) : l;
+				d = c !== "" && n.has(parseInt(c, 10)) && !isNaN(e) && e >= 0 ? qe(e, r) : l;
 			}
 			s.set(e, d);
 		}
@@ -1818,13 +1818,13 @@ function qe(e, t, n, r) {
 	}
 	return c;
 }
-function Je(e) {
+function Ye(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 Ye(e) {
-	let t = await ze(e), n = Ve(t.get("xl/sharedStrings.xml")), r = t.get("xl/worksheets/sheet1.xml");
+async function Xe(e) {
+	let t = await Be(e), n = He(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;
@@ -1832,7 +1832,7 @@ async function Ye(e) {
 		}
 	}
 	if (!r) throw Error("XLSX: No worksheet found");
-	let i = We(t.get("xl/styles.xml")), a = Ge(t.get("xl/workbook.xml")), o = qe(r, n, i, a);
+	let i = Ge(t.get("xl/styles.xml")), a = Ke(t.get("xl/workbook.xml")), o = Je(r, n, i, a);
 	return o.length === 0 ? {
 		headers: [],
 		rows: []
@@ -1856,21 +1856,21 @@ function G(e, t, n, r) {
 }
 //#endregion
 //#region src/flex-table.ts
-var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLElement && e.isContentEditable, q = {
+var K = {
 	eq: "=",
 	neq: "≠",
 	gt: ">",
 	lt: "<",
 	gte: "≥",
 	lte: "≤"
-}, J = 120, Y = 40, X = 20, Xe = 32, Z = 5, Ze = 200, Q = class extends n {
+}, q = 120, J = 40, Y = 20, X = 32, Z = 5, Ze = 200, Q = class extends n {
 	constructor(...e) {
-		super(...e), this.columns = [], this._data = [], this._inUndoRedo = !1, this.clearUndoOnDataChange = !1, this.clearSelectionOnDataChange = !1, this._rowHeightFromCss = Xe, 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 ie(), this._editing = new ae(), this._rowSelection = new j(), this._undo = new ce(), 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 = 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 oe(), this._editing = new se(), this._rowSelection = new A(), this._undo = new j(), 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();
 	}
 	static {
-		this.styles = b;
+		this.styles = x;
 	}
 	get data() {
 		return this._data;
@@ -1880,7 +1880,7 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
 		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 ?? Xe;
+		let e = this._rowHeightExplicit ?? this._rowHeightFromCss ?? X;
 		return Math.max(e, this._targetFloor);
 	}
 	set rowHeight(e) {
@@ -2237,10 +2237,10 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
 			rows: [],
 			cols: []
 		};
-		return De(n.rows, n.cols, e);
+		return Oe(n.rows, n.cols, e);
 	}
 	async exportToFile(e, t) {
-		Ae(await this.exportToBlob(e), t ?? `export${Pe(e)}`);
+		je(await this.exportToBlob(e), t ?? `export${Fe(e)}`);
 	}
 	_exportSlice(e) {
 		if (e?.selectionOnly) {
@@ -2313,7 +2313,7 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
 	async importFromFile(e) {
 		let t = e.name.toLowerCase();
 		if (t.endsWith(".xlsx")) {
-			let t = await Ye(await e.arrayBuffer());
+			let t = await Xe(await e.arrayBuffer());
 			this._applyImportedSheet(t);
 		} else if (t.endsWith(".csv") || t.endsWith(".tsv")) {
 			let t = await e.text(), n = h(t);
@@ -2405,8 +2405,8 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
 		return this._columnWidths.get(e);
 	}
 	_getColWidth(e) {
-		let t = this._columnWidths.get(e.key) ?? e.width ?? J;
-		return Math.max(t, e.minWidth ?? Y);
+		let t = this._columnWidths.get(e.key) ?? e.width ?? q;
+		return Math.max(t, e.minWidth ?? J);
 	}
 	get headerHeight() {
 		return this.rowHeight + 8;
@@ -2505,7 +2505,7 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
 			this._filteredIndices = Array.from({ length: this.data.length }, (e, t) => t), this._sortedIndices = this._filteredIndices;
 			return;
 		}
-		if (this._filteredIndices = oe(this.data, this._filters, (e, t, n) => {
+		if (this._filteredIndices = ce(this.data, this._filters, (e, t, n) => {
 			this.dispatchEvent(new CustomEvent("filter-error", {
 				detail: {
 					error: e,
@@ -2699,7 +2699,7 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
 		if (this._editingCell = null, !t) return;
 		let { row: n, col: r } = t.position, i = this._toDataIndex(n), a = this.visibleColumns[r], o = t.originalValue;
 		if (a.autocomplete === "strict" && e != null && e !== "" && !this._getAutocompleteCandidates(a, "").includes(String(e))) {
-			let t = A("notInList");
+			let t = k("notInList");
 			this._markCellInvalid(n, r, t), this.dispatchEvent(new CustomEvent("validation-error", {
 				detail: {
 					row: i,
@@ -2714,7 +2714,7 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
 			return;
 		}
 		if (a.type === "number" && typeof e == "string" || a.type === "date" && typeof e == "string" && f(e) === null || a.type === "datetime" && typeof e == "string" && p(e) === null) {
-			let t = A(a.type === "number" ? "notANumber" : a.type === "date" ? "notADate" : "notADateTime");
+			let t = k(a.type === "number" ? "notANumber" : a.type === "date" ? "notADate" : "notADateTime");
 			this._markCellInvalid(n, r, t), this.dispatchEvent(new CustomEvent("validation-error", {
 				detail: {
 					row: i,
@@ -2847,7 +2847,7 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
 				"y"
 			].includes(t) && this._handleCtrlKey(e)) return;
 		}
-		if (t.length !== 0 && this._visibleRowCount !== 0) {
+		if (t.length !== 0 && this._visibleRowCount !== 0 && (e.composedPath()[0] === this || e.ctrlKey || e.metaKey)) {
 			if ((e.key === "Enter" || e.key === "F2") && this._activeCell && !_(e)) {
 				e.preventDefault();
 				let n = t[this._activeCell.col];
@@ -2890,7 +2890,7 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
 			case "y": return e.preventDefault(), this.redo(), !0;
 			case "c":
 			case "x": {
-				if (K(e.composedPath()[0])) return !0;
+				if (y(e.composedPath()[0])) return !0;
 				let t = this._selectionTsv();
 				if (!t) return !0;
 				let n = e.key.toLowerCase() === "x" && this.editable;
@@ -2898,7 +2898,7 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
 					e ? this._afterCopy(t.range, t.text, n) : this._clipboardError("copy", /* @__PURE__ */ Error("The clipboard did not take the copied text"));
 				}), !0;
 			}
-			case "v": return K(e.composedPath()[0]) || !this.editable || !this._activeCell || y().then((e) => this._pasteText(e), (e) => this._clipboardError("paste", e)), !0;
+			case "v": return y(e.composedPath()[0]) || !this.editable || !this._activeCell || b().then((e) => this._pasteText(e), (e) => this._clipboardError("paste", e)), !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;
@@ -2910,12 +2910,12 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
 		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" ? X : -20), !0;
+		return n && this._resizeColumnBy(n.key, e.key === "ArrowRight" ? Y : -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 ?? J, a = r.minWidth ?? Y, o = Math.max(a, i + t);
+		let i = this._columnWidths.get(r.key) ?? r.width ?? q, a = r.minWidth ?? J, o = Math.max(a, i + t);
 		this._columnWidths.set(r.key, o), this.requestUpdate(), this.dispatchEvent(new CustomEvent("column-resize", {
 			detail: {
 				key: r.key,
@@ -2945,7 +2945,7 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
 		let e = this._selection.getEffectiveRange();
 		return e ? {
 			range: e,
-			text: le(this._sortedIndices.map((e) => this.data[e]), this.visibleColumns, e)
+			text: ue(this._sortedIndices.map((e) => this.data[e]), this.visibleColumns, e)
 		} : null;
 	}
 	async _copyFromMenu() {
@@ -3258,7 +3258,7 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
         @click=${n ? (t) => this._onHeaderClick(t, e) : void 0}>
         ${C ? i`
           <button class="ft-hidden-col-indicator"
-            title=${A("showHiddenColumns")}
+            title=${k("showHiddenColumns")}
             @click=${(t) => {
 			t.stopPropagation(), this._showHiddenBefore(e);
 		}}>&#x276F;</button>
@@ -3268,8 +3268,8 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
         ${o >= 0 ? i`<span class="ft-sort-order">${o + 1}</span>` : ""}
         <button class="ft-column-menu-btn ${s ? "ft-filter-active" : ""}"
           type="button"
-          title=${A("columnMenu")}
-          aria-label=${A("columnMenuFor", { header: e.label })}
+          title=${k("columnMenu")}
+          aria-label=${k("columnMenuFor", { header: e.label })}
           aria-haspopup="menu"
           aria-expanded=${this._headerMenu?.key === e.key ? "true" : "false"}
           @mousedown=${(e) => e.stopPropagation()}
@@ -3389,26 +3389,26 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
 		}}>${t}</button>
     `;
 		return i`
-      <div class="ft-header-menu" role="menu" aria-label=${A("columnMenuRegion", { header: o.label })}
+      <div class="ft-header-menu" role="menu" aria-label=${k("columnMenuRegion", { header: o.label })}
         style="position: fixed; left: ${t}px; top: ${n}px; z-index: var(--u-layer-floating, 1000);"
         @mousedown=${(e) => e.stopPropagation()}
         @keydown=${(e) => this._onHeaderMenuKeydown(e)}>
         ${o.sortable === !1 ? a : i`
-          ${c("sort-asc", A("sortAscending"), () => this._applySortFromMenu(e, "asc"))}
-          ${c("sort-desc", A("sortDescending"), () => this._applySortFromMenu(e, "desc"))}
+          ${c("sort-asc", k("sortAscending"), () => this._applySortFromMenu(e, "asc"))}
+          ${c("sort-desc", k("sortDescending"), () => this._applySortFromMenu(e, "desc"))}
           <div class="ft-header-menu-separator" role="separator"></div>
         `}
         ${this.showFilters ? i`
-          ${c("filter", A("filter"), () => this._openFilterFromMenu(e))}
-          ${s ? c("clear-filter", A("clearFilter"), () => this._clearColumnFilter(e)) : a}
+          ${c("filter", k("filter"), () => this._openFilterFromMenu(e))}
+          ${s ? c("clear-filter", k("clearFilter"), () => this._clearColumnFilter(e)) : a}
           <div class="ft-header-menu-separator" role="separator"></div>
         ` : a}
-        ${c("hide", A("hideColumn"), () => this._setColumnHidden(e, !0))}
-        ${r.map((e) => c("show", A("showColumn", { header: e.label }), () => this._setColumnHidden(e.key, !1)))}
+        ${c("hide", k("hideColumn"), () => this._setColumnHidden(e, !0))}
+        ${r.map((e) => c("show", k("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, X), !0)}
-        ${c("narrower", A("narrower"), () => this._resizeColumnBy(e, -20), !0)}
+        ${c("autofit", k("autoFitWidth"), () => this._autoFitColumn(e))}
+        ${c("wider", k("wider"), () => this._resizeColumnBy(e, Y), !0)}
+        ${c("narrower", k("narrower"), () => this._resizeColumnBy(e, -20), !0)}
       </div>
     `;
 	}
@@ -3426,26 +3426,26 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
 		}}>${e}</button>
     `, f = i`<div class="ft-context-menu-separator" role="separator"></div>`;
 		return i`
-      <div class="ft-body-context-menu" role="menu" aria-label=${A("cellActions")}
+      <div class="ft-body-context-menu" role="menu" aria-label=${k("cellActions")}
         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._copyFromMenu())}
+        ${d(k("copy"), () => this._copyFromMenu())}
         ${f}
-        ${d(A("insertRowAbove"), () => this.addRow(void 0, t))}
-        ${d(A("insertRowBelow"), () => this.addRow(void 0, t + 1))}
-        ${d(A("deleteRow"), () => this.deleteRows([t]), !0)}
+        ${d(k("insertRowAbove"), () => this.addRow(void 0, t))}
+        ${d(k("insertRowBelow"), () => this.addRow(void 0, t + 1))}
+        ${d(k("deleteRow"), () => this.deleteRows([t]), !0)}
         ${f}
-        ${d(A("hideColumn"), () => this._setColumnHidden(o.key, !0))}
+        ${d(k("hideColumn"), () => this._setColumnHidden(o.key, !0))}
         ${f}
-        ${d(`${A("sortAscending")} ↑`, () => this._applySortFromMenu(o.key, "asc"))}
-        ${d(`${A("sortDescending")} ↓`, () => this._applySortFromMenu(o.key, "desc"))}
+        ${d(`${k("sortAscending")} ↑`, () => this._applySortFromMenu(o.key, "asc"))}
+        ${d(`${k("sortDescending")} ↓`, () => this._applySortFromMenu(o.key, "desc"))}
         ${f}
-        ${d(A("filterByThisValue"), () => this.setFilter(o.key, (e) => e === s))}
-        ${c ? d(A("clearFilter"), () => this.removeFilter(o.key)) : a}
+        ${d(k("filterByThisValue"), () => this.setFilter(o.key, (e) => e === s))}
+        ${c ? d(k("clearFilter"), () => this.removeFilter(o.key)) : a}
         ${f}
-        ${d(A(u ? "editComment" : "addComment"), () => this._openCommentPopup(t, o.key, n, r))}
-        ${u ? d(A("deleteComment"), () => this.setComment(t, o.key, null), !0) : a}
+        ${d(k(u ? "editComment" : "addComment"), () => this._openCommentPopup(t, o.key, n, r))}
+        ${u ? d(k("deleteComment"), () => this.setComment(t, o.key, null), !0) : a}
       </div>
     `;
 	}
@@ -3477,13 +3477,13 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
         @mousedown=${(e) => e.stopPropagation()}>
         <textarea class="ft-comment-popup-textarea"
           rows="4"
-          placeholder=${A("addCommentPlaceholder")}
+          placeholder=${k("addCommentPlaceholder")}
           @keydown=${(e) => {
 			e.key === "Escape" && (e.preventDefault(), this._cancelCommentPopup()), e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), this._commitCommentPopup());
 		}}></textarea>
         <div class="ft-comment-popup-buttons">
-          <button class="ft-comment-popup-cancel" @click=${() => this._cancelCommentPopup()}>${A("cancel")}</button>
-          <button class="ft-comment-popup-save" @click=${() => this._commitCommentPopup()}>${A("save")}</button>
+          <button class="ft-comment-popup-cancel" @click=${() => this._cancelCommentPopup()}>${k("cancel")}</button>
+          <button class="ft-comment-popup-save" @click=${() => this._commitCommentPopup()}>${k("save")}</button>
         </div>
       </div>
     `;
@@ -3520,7 +3520,7 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
       <div class="ft-filter-dropdown" @click=${(e) => e.stopPropagation()}>
         ${t === "boolean" ? this._renderBooleanFilter(e) : t === "number" ? this._renderNumberFilter(e) : t === "date" || t === "datetime" ? this._renderDateFilter(e) : this._renderTextFilter(e)}
         <div class="ft-filter-actions">
-          <button class="ft-filter-clear" @click=${() => this._clearColumnFilter(e.key)}>${A("clear")}</button>
+          <button class="ft-filter-clear" @click=${() => this._clearColumnFilter(e.key)}>${k("clear")}</button>
         </div>
       </div>
     `;
@@ -3553,7 +3553,7 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
 		let n = this._emptyFilterState.get(e) ?? "";
 		return i`
       <div class="ft-filter-empty-row">
-        <label>${A("blankCells")}</label>
+        <label>${k("blankCells")}</label>
         <select class="ft-filter-mode-select"
           .value=${n}
           @change=${(n) => {
@@ -3563,9 +3563,9 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
           @keydown=${(e) => {
 			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
 		}}>
-          <option value="">${A("blankAll")}</option>
-          <option value="empty">${A("emptyOnly")}</option>
-          <option value="non-empty">${A("nonEmptyOnly")}</option>
+          <option value="">${k("blankAll")}</option>
+          <option value="empty">${k("emptyOnly")}</option>
+          <option value="non-empty">${k("nonEmptyOnly")}</option>
         </select>
       </div>
     `;
@@ -3641,13 +3641,13 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
           @keydown=${(e) => {
 			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
 		}}>
-          <option value="contains">${A("contains")}</option>
-          <option value="starts">${A("startsWith")}</option>
-          <option value="ends">${A("endsWith")}</option>
-          <option value="wildcard">${A("wildcard")}</option>
+          <option value="contains">${k("contains")}</option>
+          <option value="starts">${k("startsWith")}</option>
+          <option value="ends">${k("endsWith")}</option>
+          <option value="wildcard">${k("wildcard")}</option>
         </select>
       </div>
-      <input class="ft-filter-input" type="text" placeholder=${A("searchPlaceholder")}
+      <input class="ft-filter-input" type="text" placeholder=${k("searchPlaceholder")}
         .value=${t.value}
         @input=${(t) => {
 			let n = t.target.value, r = this._textFilterState.get(e.key) ?? {
@@ -3696,9 +3696,9 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
           @keydown=${(e) => {
 			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
 		}}>
-          ${Object.keys(q).map((e) => i`<option value=${e}>${q[e]}</option>`)}
+          ${Object.keys(K).map((e) => i`<option value=${e}>${K[e]}</option>`)}
         </select>
-        <input class="ft-filter-input ft-num-cond-input" type="text" inputmode="decimal" placeholder=${A("valuePlaceholder")}
+        <input class="ft-filter-input ft-num-cond-input" type="text" inputmode="decimal" placeholder=${k("valuePlaceholder")}
           .value=${n.text ?? (n.value == null ? "" : N(n.value))}
           aria-invalid=${n.text && n.value == null ? "true" : "false"}
           @input=${(n) => {
@@ -3764,12 +3764,12 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
 		return i`
       <div class="ft-filter-range ft-filter-range-dates">
         <u-date-picker class="ft-filter-date" size="sm" clearable
-          mode=${t ? "datetime" : "date"} label=${A("fromPlaceholder")}
+          mode=${t ? "datetime" : "date"} label=${k("fromPlaceholder")}
           .value=${n.from ?? ""} max=${r(n.to) ?? a}
           @change=${(t) => this._applyDateFilter(e.key, t, "from")}
           @keydown=${o}></u-date-picker>
         <u-date-picker class="ft-filter-date" size="sm" clearable
-          mode=${t ? "datetime" : "date"} label=${A("toPlaceholder")}
+          mode=${t ? "datetime" : "date"} label=${k("toPlaceholder")}
           .value=${n.to ?? ""} min=${r(n.from) ?? a}
           @change=${(t) => this._applyDateFilter(e.key, t, "to")}
           @keydown=${o}></u-date-picker>
@@ -3793,9 +3793,9 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
         @keydown=${(e) => {
 			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
 		}}>
-        <option value="all">${A("all")}</option>
-        <option value="true">\u2714 ${A("booleanTrue")}</option>
-        <option value="false">\u2718 ${A("booleanFalse")}</option>
+        <option value="all">${k("all")}</option>
+        <option value="true">\u2714 ${k("booleanTrue")}</option>
+        <option value="false">\u2718 ${k("booleanFalse")}</option>
       </select>
       ${this._renderEmptyFilterRow(e.key)}
     `;
@@ -3808,7 +3808,7 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
 		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 ?? Y, s = Math.max(o, i + 8);
+		let o = n.minWidth ?? J, s = Math.max(o, i + 8);
 		this._columnWidths.set(n.key, s), this.requestUpdate(), this.dispatchEvent(new CustomEvent("column-resize", {
 			detail: {
 				key: n.key,
@@ -3821,7 +3821,7 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
 	}
 	_onResizeStart(e, t) {
 		e.preventDefault(), e.stopPropagation();
-		let n = this.visibleColumns[t], r = this._columnWidths.get(n.key) ?? n.width ?? J;
+		let n = this.visibleColumns[t], r = this._columnWidths.get(n.key) ?? n.width ?? q;
 		this._resizing = {
 			colIndex: t,
 			startX: e.clientX,
@@ -3829,13 +3829,13 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
 		};
 		let i = (e) => {
 			if (!this._resizing) return;
-			let t = e.clientX - this._resizing.startX, r = n.minWidth ?? Y, i = Math.max(r, this._resizing.startWidth + t);
+			let t = e.clientX - this._resizing.startX, r = n.minWidth ?? J, 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) ?? J;
+				let e = this._columnWidths.get(n.key) ?? q;
 				this.dispatchEvent(new CustomEvent("column-resize", {
 					detail: {
 						key: n.key,
@@ -4215,39 +4215,39 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
 			e.key === "Enter" && !_(e) && e.target instanceof HTMLInputElement && e.target.classList.contains("ft-find-input") && (e.shiftKey ? this._findPrev() : this._findNext());
 		}}>
         <div class="ft-find-row">
-          <input class="ft-find-input" type="text" placeholder=${A("findPlaceholder")}
+          <input class="ft-find-input" type="text" placeholder=${k("findPlaceholder")}
             .value=${t}
             @input=${(e) => {
 			this._findState.query = e.target.value, this._findSearch();
 		}}>
           <span class="ft-find-count">${c > 0 ? `${l}/${c}` : t ? "0 results" : ""}</span>
-          <button @click=${() => this._findPrev()} title=${A("findPrevious")}>◀</button>
-          <button @click=${() => this._findNext()} title=${A("findNext")}>▶</button>
-          <label title=${A("matchCase")}><input type="checkbox" ?checked=${r} @change=${(e) => {
+          <button @click=${() => this._findPrev()} title=${k("findPrevious")}>◀</button>
+          <button @click=${() => this._findNext()} title=${k("findNext")}>▶</button>
+          <label title=${k("matchCase")}><input type="checkbox" ?checked=${r} @change=${(e) => {
 			this._findState.matchCase = e.target.checked, this._findSearch();
 		}}> Aa</label>
-          <label title=${A("wholeCell")}><input type="checkbox" ?checked=${a} @change=${(e) => {
+          <label title=${k("wholeCell")}><input type="checkbox" ?checked=${a} @change=${(e) => {
 			this._findState.wholeCell = e.target.checked, this._findSearch();
 		}}> [ ]</label>
-          <button @click=${() => this._closeFindPanel()} title=${A("closeFind")}>✕</button>
+          <button @click=${() => this._closeFindPanel()} title=${k("closeFind")}>✕</button>
         </div>
         ${e === "replace" ? i`
           <div class="ft-find-row">
-            <input class="ft-find-replace-input" type="text" placeholder=${A("replaceWithPlaceholder")}
+            <input class="ft-find-replace-input" type="text" placeholder=${k("replaceWithPlaceholder")}
               .value=${n}
               @input=${(e) => {
 			this._findState.replaceWith = e.target.value;
 		}}>
-            <button @click=${() => this._replaceOne()} ?disabled=${c === 0}>${A("replace")}</button>
-            <button @click=${() => this._replaceAll()} ?disabled=${c === 0}>${A("replaceAll")}</button>
+            <button @click=${() => this._replaceOne()} ?disabled=${c === 0}>${k("replace")}</button>
+            <button @click=${() => this._replaceAll()} ?disabled=${c === 0}>${k("replaceAll")}</button>
           </div>
         ` : ""}
       </div>
     `;
 	}
 	render() {
-		let e = this.visibleColumns, t = this.importEnabled && this._isDragOver ? i`<div class="ft-import-overlay">${A("dropFileToImport")}</div>` : a, n = this.loading ? i`<div class="ft-loading-overlay"></div>` : a;
-		if (e.length === 0) return i`${t}${n}<div class="ft-empty">${A("noColumnsDefined")}</div>`;
+		let e = this.visibleColumns, t = this.importEnabled && this._isDragOver ? i`<div class="ft-import-overlay">${k("dropFileToImport")}</div>` : a, n = this.loading ? i`<div class="ft-loading-overlay"></div>` : a;
+		if (e.length === 0) return i`${t}${n}<div class="ft-empty">${k("noColumnsDefined")}</div>`;
 		let r = this.headerHeight, o = this._totalRowWidth, { start: s, end: c } = this.visibleColRange, l = [];
 		for (let t = 0; t < e.length; t++) (e[t].pinned === "left" || e[t].pinned === "right") && (t < s || t >= c) && l.push(t);
 		let u = 0, d = this._scrollLeft, f = this.selectable ? i`<div class="ft-checkbox-header"
@@ -4437,9 +4437,9 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
 			o?.continues ? "ft-merge-continued" : "",
 			o?.opensDown ? "ft-merge-open" : "",
 			t.reveal === "hover" ? "ft-reveal-hover" : ""
-		].filter(Boolean).join(" "), w = this._toDataIndex(n), E = this._comments.get(w)?.get(t.key) ?? null, D = E !== null, O = D ? i`<div class="ft-comment-indicator" title=${E}></div>` : a;
+		].filter(Boolean).join(" "), ee = this._toDataIndex(n), w = this._comments.get(ee)?.get(t.key) ?? null, E = w !== null, D = E ? i`<div class="ft-comment-indicator" title=${w}></div>` : a;
 		return i`
-      <div class=${D ? C + " ft-has-comment" : C}
+      <div class=${E ? C + " ft-has-comment" : C}
         role="gridcell"
         aria-colindex=${r + 1}
         data-col-index=${r}
@@ -4452,7 +4452,7 @@ var K = (e) => e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement
         @mouseenter=${() => this._onCellMouseEnter(n, r)}
         @click=${(e) => this._onCellClickEvent(e, n, r)}
         @dblclick=${() => this._onCellDblClick(n, r)}>
-        ${O}
+        ${D}
         ${T(e[t.key], e, t)}
       </div>
     `;
@@ -4575,10 +4575,10 @@ G([s({ type: Array })], Q.prototype, "columns", void 0), G([s({
 })], 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 Qe(e, t) {
 	if (t) {
-		let t = de(e);
+		let t = fe(e);
 		return /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/.test(t) ? t.replace(" ", "T") : void 0;
 	}
-	let n = ue(e);
+	let n = de(e);
 	return /^\d{4}-\d{2}-\d{2}$/.test(n) ? n : void 0;
 }
 function $(e) {
@@ -4589,4 +4589,4 @@ function $(e) {
 	}
 }
 //#endregion
-export { j as a, ce as i, W as n, k as o, B as r, T as s, Q as t };
+export { A as a, j as i, W as n, O as o, B as r, T as s, Q as t };

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-CQNVaL0x.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./flex-table-CLw2o8sr.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-CQNVaL0x.js";
+import { t as e } from "./flex-table-CLw2o8sr.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.48.1",
+  "version": "0.48.3",
   "description": "A minimalist, input-centric data grid web component",
   "type": "module",
   "main": "./dist/flex-table.js",
@@ -73,7 +73,7 @@
     "odata-query": "^8.1.0"
   },
   "peerDependencies": {
-    "@iyulab/components": ">=2.1.0",
+    "@iyulab/components": ">=2.2.0",
     "@lit/react": "^1.0.8",
     "react": "^18.0.0 || ^19.0.0"
   },