@iyulab/flex-table 0.40.3 → 0.41.0

package/dist/{flex-table-DvETrA1w.js → flex-table-BF46G1Uw.js}

@@ -2,11 +2,11 @@ import { n as e, t } from "./sorting-CjfjRxwL.js";
 import { LitElement as n, css as r, html as i, nothing as a } from "lit";
 import { customElement as o, property as s, state as c } from "lit/decorators.js";
 import { Locale as l } from "@iyulab/components/dist/utilities/Locale.js";
-import { formatDate as u, formatNumber as d } from "@iyulab/components/dist/utilities/format.js";
-import { decodeTsv as f, encodeTsv as p } from "@iyulab/components/dist/utilities/tsv.js";
-import { isImeComposing as m } from "@iyulab/components/dist/utilities/keyboard.js";
+import { formatDate as u, formatNumber as d, parseNumber as f } from "@iyulab/components/dist/utilities/format.js";
+import { decodeTsv as p, encodeTsv as m } from "@iyulab/components/dist/utilities/tsv.js";
+import { isImeComposing as h } from "@iyulab/components/dist/utilities/keyboard.js";
 //#region src/styles/flex-table.styles.ts
-var h = r`
+var g = r`
   /* --- Theme Variables (Light defaults) --- */
   :host {
     --ft-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
@@ -262,6 +262,15 @@ var h = r`
   .ft-row-even:hover .ft-cell { background: var(--ft-row-hover-bg); }
   .ft-row-odd:hover .ft-cell { background: var(--ft-row-odd-hover-bg); }
 
+  /* mergeRepeated — one surface per run: the row it starts on sets the background, the lines
+     inside the run go, and the repeated values stay in the DOM (copy, find and screen readers
+     read them) but are not painted. A selected or active cell paints its value again. */
+  .ft-row-even .ft-cell.ft-merge-even:not(.ft-invalid), .ft-row-odd .ft-cell.ft-merge-even:not(.ft-invalid) { background: var(--ft-row-even-bg); }
+  .ft-row-even .ft-cell.ft-merge-odd:not(.ft-invalid), .ft-row-odd .ft-cell.ft-merge-odd:not(.ft-invalid) { background: var(--ft-row-odd-bg); }
+  .ft-cell.ft-merge-open { border-bottom-color: transparent; }
+  .ft-cell.ft-merge-continued:not(.ft-active):not(.ft-selected) { color: transparent; }
+  .ft-cell.ft-merge-continued:not(.ft-active):not(.ft-selected) > :not(.ft-comment-indicator) { opacity: 0; }
+
   .ft-cell.ft-active {
     outline: 2px solid var(--ft-active-color);
     outline-offset: -2px;
@@ -912,13 +921,13 @@ var h = r`
 `;
 //#endregion
 //#region src/renderers/format.ts
-function g(e, t) {
-	return e == null ? "" : typeof t == "function" ? t(e) : _(t) ? y(e, t) : v(e, t);
+function _(e, t) {
+	return e == null ? "" : typeof t == "function" ? t(e) : v(t) ? b(e, t) : y(e, t);
 }
-function _(e) {
+function v(e) {
 	return /[yMdHhms]/.test(e);
 }
-function v(e, t) {
+function y(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 = {
@@ -931,7 +940,7 @@ function v(e, t) {
 		style: "percent"
 	}).format(n) : (d = new Intl.NumberFormat(l.get(), u).format(n), a && (d = a + d)), d + "";
 }
-function y(e, t) {
+function b(e, t) {
 	let n;
 	if (e instanceof Date) n = e;
 	else if (typeof e == "string" || typeof e == "number") n = new Date(e);
@@ -942,26 +951,26 @@ function y(e, t) {
 }
 //#endregion
 //#region src/renderers/cell-renderer.ts
-function b(e, t, n) {
-	return n.render ? n.render(e, t, n) : n.format ? typeof n.format == "function" ? n.format(e, t, n) : g(e, n.format) : x(e, n);
+function x(e, t, n) {
+	return n.render ? n.render(e, t, n) : n.format ? typeof n.format == "function" ? n.format(e, t, n) : _(e, n.format) : S(e, n);
 }
-function x(e, t) {
+function S(e, t) {
 	if (e == null) return "";
 	switch (t.type) {
-		case "number": return w(e);
+		case "number": return T(e);
 		case "boolean": return i`<span class="ft-bool">${e ? "✔" : ""}</span>`;
-		case "date": return T(e);
-		case "datetime": return E(e);
-		case "select": return S(e, t);
+		case "date": return E(e);
+		case "datetime": return D(e);
+		case "select": return C(e, t);
 		default: return String(e);
 	}
 }
-function S(e, t) {
+function C(e, t) {
 	if (!t.options || t.options.length === 0 || typeof t.options[0] == "string") return e == null ? "" : String(e);
 	let n = t.options.find((t) => t.value === e);
 	return n ? n.label : e == null ? "" : String(e);
 }
-var C = {
+var w = {
 	year: "numeric",
 	month: "numeric",
 	day: "numeric",
@@ -969,19 +978,19 @@ var C = {
 	minute: "numeric",
 	second: "numeric"
 };
-function w(e) {
+function T(e) {
 	return typeof e == "number" ? Number.isInteger(e) ? d(e) : d(e, { minimumFractionDigits: 1 }) : String(e);
 }
-function T(e) {
+function E(e) {
 	return e instanceof Date || typeof e == "string" ? u(e) : String(e);
 }
-function E(e) {
-	return e instanceof Date || typeof e == "string" ? u(e, C) : String(e);
+function D(e) {
+	return e instanceof Date || typeof e == "string" ? u(e, w) : String(e);
 }
 //#endregion
 //#region src/locale.ts
-var D = l.namespace("flex-table");
-D.register("en", {
+var O = l.namespace("flex-table");
+O.register("en", {
 	showHiddenColumns: "Show hidden column(s)",
 	columnMenu: "Column menu",
 	cellActions: "Cell actions",
@@ -1033,8 +1042,10 @@ D.register("en", {
 	deleteComment: "Delete Comment",
 	booleanTrue: "True",
 	booleanFalse: "False",
-	dropFileToImport: "Drop file to import (.xlsx / .csv)"
-}), D.register("ko", {
+	dropFileToImport: "Drop file to import (.xlsx / .csv)",
+	notANumber: "Enter a number",
+	notInList: "Value must be from the existing list"
+}), O.register("ko", {
 	showHiddenColumns: "숨긴 열 보기",
 	columnMenu: "열 메뉴",
 	cellActions: "셀 작업",
@@ -1086,9 +1097,11 @@ D.register("en", {
 	deleteComment: "메모 삭제",
 	booleanTrue: "참",
 	booleanFalse: "거짓",
-	dropFileToImport: "가져올 파일을 놓으세요 (.xlsx / .csv)"
+	dropFileToImport: "가져올 파일을 놓으세요 (.xlsx / .csv)",
+	notANumber: "숫자를 입력하세요",
+	notInList: "목록에 있는 값이어야 합니다"
 });
-var O = (e, t) => D.text(e, t);
+var k = (e, t) => O.text(e, t);
 //#endregion
 //#region src/core/selection.ts
 function ee(e) {
@@ -1218,7 +1231,7 @@ var te = class {
 		let e = this.current;
 		return this.current = null, e;
 	}
-}, k = class {
+}, A = class {
 	constructor() {
 		this._selected = /* @__PURE__ */ new Set(), this._mode = "multi", this._rowCount = 0;
 	}
@@ -1298,7 +1311,7 @@ function re(e, t, n) {
 }
 //#endregion
 //#region src/core/undo.ts
-var ie = 100, A = class {
+var ie = 100, j = class {
 	constructor() {
 		this._undoStack = [], this._redoStack = [], this._maxSize = ie;
 	}
@@ -1347,22 +1360,30 @@ function ae(e, t, n) {
 		}
 		r.push(o);
 	}
-	return p(r);
+	return m(r);
 }
-function j(e, t) {
+function M(e, t) {
 	if (e === "") return null;
 	switch (t.type) {
 		case "number": {
-			let t = Number(e);
-			return isNaN(t) ? e : t;
+			let t = f(e);
+			if (t !== null) return t;
+			let n = Number(e.trim());
+			return e.trim() !== "" && Number.isFinite(n) ? n : e;
 		}
 		case "boolean": return e.toLowerCase() === "true" || e === "1";
 		default: return e;
 	}
 }
+function N(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;
+}
 //#endregion
 //#region src/export/xlsx-writer.ts
-var M = (() => {
+var oe = (() => {
 	let e = /* @__PURE__ */ new Uint32Array(256);
 	for (let t = 0; t < 256; t++) {
 		let n = t;
@@ -1371,56 +1392,56 @@ var M = (() => {
 	}
 	return e;
 })();
-function oe(e) {
+function se(e) {
 	let t = 4294967295;
-	for (let n = 0; n < e.length; n++) t = M[(t ^ e[n]) & 255] ^ t >>> 8;
+	for (let n = 0; n < e.length; n++) t = oe[(t ^ e[n]) & 255] ^ t >>> 8;
 	return (t ^ 4294967295) >>> 0;
 }
-var N = new TextEncoder();
-function se(e) {
+var P = new TextEncoder();
+function ce(e) {
 	let t = [], n = [], r = 0;
 	for (let i of e) {
-		let e = N.encode(i.name), a = oe(i.data), o = i.data.length, s = new ArrayBuffer(30 + e.length), c = new DataView(s);
+		let e = P.encode(i.name), a = se(i.data), o = i.data.length, s = new ArrayBuffer(30 + e.length), c = new DataView(s);
 		c.setUint32(0, 67324752, !0), c.setUint16(4, 20, !0), c.setUint16(6, 0, !0), c.setUint16(8, 0, !0), c.setUint16(10, 0, !0), c.setUint16(12, 33, !0), c.setUint32(14, a, !0), c.setUint32(18, o, !0), c.setUint32(22, o, !0), c.setUint16(26, e.length, !0), c.setUint16(28, 0, !0), new Uint8Array(s, 30).set(e), t.push(new Uint8Array(s)), t.push(i.data);
 		let l = new ArrayBuffer(46 + e.length), u = new DataView(l);
 		u.setUint32(0, 33639248, !0), u.setUint16(4, 20, !0), u.setUint16(6, 20, !0), u.setUint16(8, 0, !0), u.setUint16(10, 0, !0), u.setUint16(12, 0, !0), u.setUint16(14, 33, !0), u.setUint32(16, a, !0), u.setUint32(20, o, !0), u.setUint32(24, o, !0), u.setUint16(28, e.length, !0), u.setUint16(30, 0, !0), u.setUint16(32, 0, !0), u.setUint16(34, 0, !0), u.setUint16(36, 0, !0), u.setUint32(38, 0, !0), u.setUint32(42, r, !0), new Uint8Array(l, 46).set(e), n.push(new Uint8Array(l)), r += 30 + e.length + o;
 	}
-	let i = P(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), P([
+	let i = F(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), F([
 		...t,
 		i,
 		new Uint8Array(a)
 	]);
 }
-function P(e) {
+function F(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 F(e) {
+function I(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function ce(e) {
+function le(e) {
 	let t = "";
 	for (e++; e > 0;) t = String.fromCharCode(64 + (e % 26 || 26)) + t, e = Math.floor((e - 1) / 26);
 	return t;
 }
-function I(e, t) {
-	return ce(t) + (e + 1);
+function L(e, t) {
+	return le(t) + (e + 1);
 }
-function le(e) {
+function ue(e) {
 	let t = Date.UTC(1899, 11, 30);
 	return (e.getTime() - t) / 864e5;
 }
-var ue = "<?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>", de = "<?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>", fe = "<?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>", pe = "<?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>", L = "<?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 R(e, t) {
-	let n = [], r = t.map((e, t) => `<c r="${I(0, t)}" t="str" s="2"><v>${F(e.label)}</v></c>`);
+var de = "<?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>", fe = "<?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>", pe = "<?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>", me = "<?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>", R = "<?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 z(e, t) {
+	let n = [], r = t.map((e, t) => `<c r="${L(0, t)}" t="str" s="2"><v>${I(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 = I(r + 1, n), a = e[t.key];
+			let i = L(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>${le(a).toFixed(6)}</v></c>` : o === "boolean" ? `<c r="${i}" t="b"><v>${+!!a}</v></c>` : `<c r="${i}" t="str"><v>${F(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>${ue(a).toFixed(6)}</v></c>` : o === "boolean" ? `<c r="${i}" t="b"><v>${+!!a}</v></c>` : `<c r="${i}" t="str"><v>${I(String(a))}</v></c>`;
 		});
 		n.push(`<row r="${r + 2}">${i.join("")}</row>`);
 	}), `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
@@ -1428,32 +1449,32 @@ function R(e, t) {
   <sheetData>${n.join("")}</sheetData>
 </worksheet>`;
 }
-function z(e, t) {
-	let n = R(e, t);
-	return se([
+function he(e, t) {
+	let n = z(e, t);
+	return ce([
 		{
 			name: "[Content_Types].xml",
-			data: N.encode(ue)
+			data: P.encode(de)
 		},
 		{
 			name: "_rels/.rels",
-			data: N.encode(de)
+			data: P.encode(fe)
 		},
 		{
 			name: "xl/workbook.xml",
-			data: N.encode(fe)
+			data: P.encode(pe)
 		},
 		{
 			name: "xl/_rels/workbook.xml.rels",
-			data: N.encode(pe)
+			data: P.encode(me)
 		},
 		{
 			name: "xl/worksheets/sheet1.xml",
-			data: N.encode(n)
+			data: P.encode(n)
 		},
 		{
 			name: "xl/styles.xml",
-			data: N.encode(L)
+			data: P.encode(R)
 		}
 	]);
 }
@@ -1463,20 +1484,20 @@ function B(e, t, n) {
 	switch (n) {
 		case "csv": return V(e, t, ",");
 		case "tsv": return V(e, t, "	");
-		case "json": return he(e, t);
-		case "xlsx": return z(e, t);
+		case "json": return _e(e, t);
+		case "xlsx": return he(e, t);
 	}
 }
-function me(e, t) {
+function ge(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(me(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(ge(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 he(e, t) {
+function _e(e, t) {
 	let n = e.map((e) => {
 		let n = {};
 		for (let r of t) {
@@ -1487,35 +1508,35 @@ function he(e, t) {
 	});
 	return JSON.stringify(n, null, 2);
 }
-function ge(e, t, n) {
+function ve(e, t, n) {
 	let r = new Blob([e], { type: n }), i = URL.createObjectURL(r), a = document.createElement("a");
 	a.href = i, a.download = t, a.style.display = "none", document.body.appendChild(a), a.click(), document.body.removeChild(a), setTimeout(() => URL.revokeObjectURL(i), 100);
 }
-var _e = {
+var ye = {
 	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"
-}, ve = {
+}, be = {
 	csv: ".csv",
 	tsv: ".tsv",
 	json: ".json",
 	xlsx: ".xlsx"
 };
-function ye(e) {
-	return _e[e];
+function xe(e) {
+	return ye[e];
 }
-function be(e) {
-	return ve[e];
+function Se(e) {
+	return be[e];
 }
 //#endregion
 //#region src/export/xlsx-reader.ts
-function xe(e) {
+function Ce(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 Se(e) {
-	let t = xe(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 we(e) {
+	let t = Ce(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({
@@ -1528,7 +1549,7 @@ function Se(e) {
 	}
 	return a;
 }
-async function Ce(e) {
+async function Te(e) {
 	let t = new DecompressionStream("deflate-raw"), n = t.writable.getWriter(), r = t.readable.getReader();
 	n.write(e), n.close();
 	let i = [];
@@ -1541,28 +1562,28 @@ async function Ce(e) {
 	for (let e of i) o.set(e, s), s += e.length;
 	return o;
 }
-async function we(e, t) {
+async function Ee(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 Ce(o);
+	if (t.compressionMethod === 8) return Te(o);
 	throw Error(`XLSX: Unsupported compression method ${t.compressionMethod}`);
 }
-async function Te(e) {
-	let t = new DataView(e), n = Se(t), r = /* @__PURE__ */ new Map();
-	for (let e of n) e.compressedSize === 0 && e.name.endsWith("/") || r.set(e.name, await we(t, e));
+async function De(e) {
+	let t = new DataView(e), n = we(t), r = /* @__PURE__ */ new Map();
+	for (let e of n) e.compressedSize === 0 && e.name.endsWith("/") || r.set(e.name, await Ee(t, e));
 	return r;
 }
-var Ee = new TextDecoder("utf-8");
+var Oe = new TextDecoder("utf-8");
 function U(e) {
-	let t = Ee.decode(e);
+	let t = Oe.decode(e);
 	return new DOMParser().parseFromString(t, "application/xml");
 }
-function De(e) {
+function ke(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 Oe = /* @__PURE__ */ new Set([
+var Ae = /* @__PURE__ */ new Set([
 	14,
 	15,
 	16,
@@ -1582,29 +1603,29 @@ var Oe = /* @__PURE__ */ new Set([
 	57,
 	58
 ]);
-function ke(e) {
+function je(e) {
 	let t = e.replace(/"[^"]*"/g, "").replace(/\\./g, "").replace(/\[[^\]]*\]/g, "").split(";")[0];
 	return /[dy]/i.test(t);
 }
-function Ae(e) {
+function Me(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 ? Oe.has(i) : ke(a)) && t.add(n);
+		(a === void 0 ? Ae.has(i) : je(a)) && t.add(n);
 	}), t;
 }
-function je(e) {
+function Ne(e) {
 	if (!e) return !1;
 	let t = U(e).querySelector("workbookPr")?.getAttribute("date1904");
 	return t === "1" || t === "true";
 }
-function Me(e, t) {
+function Pe(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 Ne(e, t, n, r) {
+function Fe(e, t, n, r) {
 	let i = U(e).querySelectorAll("row");
 	if (i.length === 0) return [];
 	let a = 0, o = /* @__PURE__ */ new Map();
@@ -1612,7 +1633,7 @@ function Ne(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 = W(i.getAttribute("r") ?? "");
+			let e = Ie(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)] ?? "";
@@ -1621,7 +1642,7 @@ function Ne(e, t, n, r) {
 			else if (l === "") d = "";
 			else {
 				let e = parseFloat(l);
-				d = c !== "" && n.has(parseInt(c, 10)) && !isNaN(e) && e >= 0 ? Me(e, r) : l;
+				d = c !== "" && n.has(parseInt(c, 10)) && !isNaN(e) && e >= 0 ? Pe(e, r) : l;
 			}
 			s.set(e, d);
 		}
@@ -1635,13 +1656,13 @@ function Ne(e, t, n, r) {
 	}
 	return c;
 }
-function W(e) {
+function Ie(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 Pe(e) {
-	let t = await Te(e), n = De(t.get("xl/sharedStrings.xml")), r = t.get("xl/worksheets/sheet1.xml");
+async function W(e) {
+	let t = await De(e), n = ke(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;
@@ -1649,7 +1670,7 @@ async function Pe(e) {
 		}
 	}
 	if (!r) throw Error("XLSX: No worksheet found");
-	let i = Ae(t.get("xl/styles.xml")), a = je(t.get("xl/workbook.xml")), o = Ne(r, n, i, a);
+	let i = Me(t.get("xl/styles.xml")), a = Ne(t.get("xl/workbook.xml")), o = Fe(r, n, i, a);
 	return o.length === 0 ? {
 		headers: [],
 		rows: []
@@ -1664,7 +1685,7 @@ function G(e) {
 	return e.align ? e.align : e.type === "number" ? "end" : e.type === "boolean" ? "center" : "start";
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.151.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.152.0/helpers/esm/decorate.js
 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);
@@ -1680,14 +1701,14 @@ var q = {
 	lt: "<",
 	gte: "≥",
 	lte: "≤"
-}, J = 120, Y = 40, X = 20, Z = 32, Q = 5, Fe = 200, $ = class extends n {
+}, J = 120, Y = 40, X = 20, Z = 32, Q = 5, Le = 200, $ = class extends n {
 	constructor(...e) {
-		super(...e), this.columns = [], this._data = [], this._inUndoRedo = !1, this.clearUndoOnDataChange = !1, this.clearSelectionOnDataChange = !1, this._rowHeightFromCss = Z, 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 te(), this._editing = new ne(), this._rowSelection = new k(), this._undo = new A(), 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 = Z, 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 te(), this._editing = new ne(), 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 = h;
+		this.styles = g;
 	}
 	get data() {
 		return this._data;
@@ -2052,7 +2073,7 @@ var q = {
 		return B(this._sortedIndices.map((e) => this.data[e]), this.visibleColumns, e);
 	}
 	exportToFile(e, t) {
-		ge(this.exportToString(e), t ?? `export${be(e)}`, ye(e));
+		ve(this.exportToString(e), t ?? `export${Se(e)}`, xe(e));
 	}
 	setComment(e, t, n) {
 		let r = this.getComment(e, t);
@@ -2109,10 +2130,10 @@ var q = {
 	async importFromFile(e) {
 		let t = e.name.toLowerCase();
 		if (t.endsWith(".xlsx")) {
-			let t = await Pe(await e.arrayBuffer());
+			let t = await W(await e.arrayBuffer());
 			this._applyImportedSheet(t);
 		} else if (t.endsWith(".csv") || t.endsWith(".tsv")) {
-			let t = await e.text(), n = f(t);
+			let t = await e.text(), n = p(t);
 			this._applyImportedRows(n);
 		} else console.warn(`flex-table importFromFile: unsupported file type "${e.name}"`);
 	}
@@ -2123,7 +2144,7 @@ var q = {
 				let a = t.get(e);
 				if (!a) return;
 				let o = this.columns.find((e) => e.key === a);
-				r[a] = o ? j(n[i] ?? "", o) : n[i] ?? null;
+				r[a] = o ? M(n[i] ?? "", o) : n[i] ?? null;
 			}), r;
 		}), r = [...this.data];
 		this.data = n, this._undo.push({
@@ -2148,7 +2169,7 @@ var q = {
 				let a = n.get(t);
 				if (!a) return;
 				let o = this.columns.find((e) => e.key === a);
-				r[a] = o ? j(e[i] ?? "", o) : e[i] ?? null;
+				r[a] = o ? M(e[i] ?? "", o) : e[i] ?? null;
 			}), r;
 		}), i = [...this.data];
 		this.data = r, this._undo.push({
@@ -2325,14 +2346,14 @@ var q = {
 	_focusEditor() {
 		if (!this._editingCell) return;
 		let e = this.shadowRoot?.querySelector(".ft-editor");
-		e && document.activeElement !== e && (e.focus(), (e.type === "text" || e.type === "number") && e.select());
+		e && document.activeElement !== e && (e.focus(), e.type === "text" && e.select());
 	}
 	_measureViewport() {
 		let e = this.clientHeight, t = this.clientWidth;
 		e !== this._viewportHeight && (this._viewportHeight = e), t !== this._viewportWidth && (this._viewportWidth = t), this._warnIfUnconstrained();
 	}
 	_warnIfUnconstrained() {
-		this._warnedUnconstrained || process.env.NODE_ENV === "production" || this._visibleRowCount < Fe || 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 < Le || 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;
@@ -2462,7 +2483,7 @@ var q = {
 		}
 		let t = this.shadowRoot?.querySelector(".ft-editor");
 		if (t) {
-			let n = j(t.value, e);
+			let n = M(t.value, e);
 			this._applyEdit(n);
 		} else this._cancelEdit();
 	}
@@ -2472,7 +2493,22 @@ var q = {
 		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 = "Value must be from the existing list";
+			let t = k("notInList");
+			this._markCellInvalid(n, r, t), this.dispatchEvent(new CustomEvent("validation-error", {
+				detail: {
+					row: i,
+					col: r,
+					key: a.key,
+					value: e,
+					error: t
+				},
+				bubbles: !0,
+				composed: !0
+			}));
+			return;
+		}
+		if (a.type === "number" && typeof e == "string") {
+			let t = k("notANumber");
 			this._markCellInvalid(n, r, t), this.dispatchEvent(new CustomEvent("validation-error", {
 				detail: {
 					row: i,
@@ -2536,7 +2572,7 @@ var q = {
 		}));
 	}
 	_onEditorKeyDown(e) {
-		if (!m(e)) {
+		if (!h(e)) {
 			if (this._autocompleteState && this._autocompleteState.candidates.length > 0) {
 				if (e.key === "ArrowDown") {
 					e.preventDefault(), e.stopPropagation();
@@ -2604,7 +2640,7 @@ var q = {
 			].includes(t) && this._handleCtrlKey(e)) return;
 		}
 		if (t.length !== 0 && this._visibleRowCount !== 0) {
-			if ((e.key === "Enter" || e.key === "F2") && this._activeCell && !m(e)) {
+			if ((e.key === "Enter" || e.key === "F2") && this._activeCell && !h(e)) {
 				e.preventDefault();
 				let n = t[this._activeCell.col];
 				n && this._isCellEditable(n) ? this._startEdit() : e.key === "Enter" && this._fireRowActivate(n);
@@ -2718,7 +2754,7 @@ var q = {
 		if (!this._activeCell) return;
 		let e = await this._readClipboardText();
 		if (e == null) return;
-		let t = f(e);
+		let t = p(e);
 		if (t.length === 0) return;
 		let n = this._expandRowsForPaste(this._activeCell.row, t.length), r = this._applyPasteData(this._activeCell, t);
 		if (r.length > 0 || n.length > 0) {
@@ -2776,7 +2812,7 @@ var q = {
 			for (let a = 0; a < t[i].length; a++) {
 				let s = e.col + a;
 				if (s >= n.length) break;
-				let c = n[s], l = this.data[o][c.key], u = j(t[i][a], c);
+				let c = n[s], l = this.data[o][c.key], u = M(t[i][a], c);
 				this.data[o][c.key] = u, r.push({
 					row: o,
 					col: s,
@@ -2841,7 +2877,7 @@ var q = {
 			for (let r = e.startCol + 1; r <= e.endCol; r++) {
 				let e = t[r];
 				if (!e || !this._isCellEditable(e)) continue;
-				let a = j(o == null ? "" : String(o), e);
+				let a = M(o == null ? "" : String(o), e);
 				n.push({
 					row: i,
 					key: e.key,
@@ -3001,7 +3037,7 @@ var q = {
         @click=${n ? (t) => this._onHeaderClick(t, e) : void 0}>
         ${C ? i`
           <button class="ft-hidden-col-indicator"
-            title=${O("showHiddenColumns")}
+            title=${k("showHiddenColumns")}
             @click=${(t) => {
 			t.stopPropagation(), this._showHiddenBefore(e);
 		}}>&#x276F;</button>
@@ -3011,8 +3047,8 @@ var q = {
         ${o >= 0 ? i`<span class="ft-sort-order">${o + 1}</span>` : ""}
         <button class="ft-column-menu-btn ${s ? "ft-filter-active" : ""}"
           type="button"
-          title=${O("columnMenu")}
-          aria-label=${O("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()}
@@ -3131,26 +3167,26 @@ var q = {
 		}}>${t}</button>
     `;
 		return i`
-      <div class="ft-header-menu" role="menu" aria-label=${O("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", O("sortAscending"), () => this._applySortFromMenu(e, "asc"))}
-          ${c("sort-desc", O("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", O("filter"), () => this._openFilterFromMenu(e))}
-          ${s ? c("clear-filter", O("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", O("hideColumn"), () => this._setColumnHidden(e, !0))}
-        ${r.map((e) => c("show", O("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", O("autoFitWidth"), () => this._autoFitColumn(e))}
-        ${c("wider", O("wider"), () => this._resizeColumnBy(e, X), !0)}
-        ${c("narrower", O("narrower"), () => this._resizeColumnBy(e, -20), !0)}
+        ${c("autofit", k("autoFitWidth"), () => this._autoFitColumn(e))}
+        ${c("wider", k("wider"), () => this._resizeColumnBy(e, X), !0)}
+        ${c("narrower", k("narrower"), () => this._resizeColumnBy(e, -20), !0)}
       </div>
     `;
 	}
@@ -3168,26 +3204,26 @@ var q = {
 		}}>${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=${O("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(O("copy"), () => this._handleCopy(!1))}
+        ${d(k("copy"), () => this._handleCopy(!1))}
         ${f}
-        ${d(O("insertRowAbove"), () => this.addRow(void 0, t))}
-        ${d(O("insertRowBelow"), () => this.addRow(void 0, t + 1))}
-        ${d(O("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(O("hideColumn"), () => this._setColumnHidden(o.key, !0))}
+        ${d(k("hideColumn"), () => this._setColumnHidden(o.key, !0))}
         ${f}
-        ${d(`${O("sortAscending")} ↑`, () => this._applySortFromMenu(o.key, "asc"))}
-        ${d(`${O("sortDescending")} ↓`, () => this._applySortFromMenu(o.key, "desc"))}
+        ${d(`${k("sortAscending")} ↑`, () => this._applySortFromMenu(o.key, "asc"))}
+        ${d(`${k("sortDescending")} ↓`, () => this._applySortFromMenu(o.key, "desc"))}
         ${f}
-        ${d(O("filterByThisValue"), () => this.setFilter(o.key, (e) => e === s))}
-        ${c ? d(O("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(O(u ? "editComment" : "addComment"), () => this._openCommentPopup(t, o.key, n, r))}
-        ${u ? d(O("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>
     `;
 	}
@@ -3219,13 +3255,13 @@ var q = {
         @mousedown=${(e) => e.stopPropagation()}>
         <textarea class="ft-comment-popup-textarea"
           rows="4"
-          placeholder=${O("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()}>${O("cancel")}</button>
-          <button class="ft-comment-popup-save" @click=${() => this._commitCommentPopup()}>${O("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>
     `;
@@ -3261,7 +3297,7 @@ var q = {
       <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)}>${O("clear")}</button>
+          <button class="ft-filter-clear" @click=${() => this._clearColumnFilter(e.key)}>${k("clear")}</button>
         </div>
       </div>
     `;
@@ -3294,7 +3330,7 @@ var q = {
 		let n = this._emptyFilterState.get(e) ?? "";
 		return i`
       <div class="ft-filter-empty-row">
-        <label>${O("blankCells")}</label>
+        <label>${k("blankCells")}</label>
         <select class="ft-filter-mode-select"
           .value=${n}
           @change=${(n) => {
@@ -3304,9 +3340,9 @@ var q = {
           @keydown=${(e) => {
 			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
 		}}>
-          <option value="">${O("blankAll")}</option>
-          <option value="empty">${O("emptyOnly")}</option>
-          <option value="non-empty">${O("nonEmptyOnly")}</option>
+          <option value="">${k("blankAll")}</option>
+          <option value="empty">${k("emptyOnly")}</option>
+          <option value="non-empty">${k("nonEmptyOnly")}</option>
         </select>
       </div>
     `;
@@ -3382,13 +3418,13 @@ var q = {
           @keydown=${(e) => {
 			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
 		}}>
-          <option value="contains">${O("contains")}</option>
-          <option value="starts">${O("startsWith")}</option>
-          <option value="ends">${O("endsWith")}</option>
-          <option value="wildcard">${O("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=${O("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) ?? {
@@ -3439,13 +3475,15 @@ var q = {
 		}}>
           ${Object.keys(q).map((e) => i`<option value=${e}>${q[e]}</option>`)}
         </select>
-        <input class="ft-filter-input ft-num-cond-input" type="number" placeholder=${O("valuePlaceholder")}
-          .value=${n.value == null ? "" : String(n.value)}
+        <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) => {
 			let r = n.target.value, i = this._numberFilterState.get(e) ?? this._defaultNumState();
 			i[t] = {
 				...i[t],
-				value: r === "" ? null : Number(r)
+				text: r,
+				value: r.trim() === "" ? null : f(r)
 			}, this._numberFilterState.set(e, i), this._emptyFilterState.delete(e), this._applyFilterForKey(e);
 		}}
           @keydown=${(e) => {
@@ -3500,13 +3538,13 @@ var q = {
 		let t = e.type === "datetime" ? "datetime-local" : "date", n = this._dateFilterState.get(e.key) ?? {};
 		return i`
       <div class="ft-filter-range">
-        <input class="ft-filter-input" type=${t} placeholder=${O("fromPlaceholder")}
+        <input class="ft-filter-input" type=${t} placeholder=${k("fromPlaceholder")}
           .value=${n.from ?? ""}
           @input=${(t) => this._applyDateFilter(e.key, t, "from")}
           @keydown=${(e) => {
 			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
 		}}>
-        <input class="ft-filter-input" type=${t} placeholder=${O("toPlaceholder")}
+        <input class="ft-filter-input" type=${t} placeholder=${k("toPlaceholder")}
           .value=${n.to ?? ""}
           @input=${(t) => this._applyDateFilter(e.key, t, "to")}
           @keydown=${(e) => {
@@ -3532,9 +3570,9 @@ var q = {
         @keydown=${(e) => {
 			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
 		}}>
-        <option value="all">${O("all")}</option>
-        <option value="true">\u2714 ${O("booleanTrue")}</option>
-        <option value="false">\u2718 ${O("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)}
     `;
@@ -3951,42 +3989,42 @@ var q = {
 				this._closeFindPanel();
 				return;
 			}
-			e.key === "Enter" && !m(e) && e.target instanceof HTMLInputElement && e.target.classList.contains("ft-find-input") && (e.shiftKey ? this._findPrev() : this._findNext());
+			e.key === "Enter" && !h(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=${O("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=${O("findPrevious")}>◀</button>
-          <button @click=${() => this._findNext()} title=${O("findNext")}>▶</button>
-          <label title=${O("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=${O("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=${O("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=${O("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}>${O("replace")}</button>
-            <button @click=${() => this._replaceAll()} ?disabled=${c === 0}>${O("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">${O("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">${O("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"
@@ -4105,8 +4143,8 @@ var q = {
         @mousedown=${(t) => this._onRowNumMouseDown(t, e)}
         @click=${() => this._onRowNumberClick(e)}>${s + 1}</div>
     ` : "", y = [];
-		for (let t of r) y.push(this._renderCell(c, o[t], e, t));
-		for (let r = t; r < n; r++) y.push(this._renderCell(c, o[r], e, r));
+		for (let t of r) y.push(this._renderCell(c, o[t], e, t, this._mergeState(o[t], e)));
+		for (let r = t; r < n; r++) y.push(this._renderCell(c, o[r], e, r, this._mergeState(o[r], e)));
 		return i`
       <div class="ft-row ${f} ${p ? "ft-row-selected" : ""}" role="row" aria-rowindex=${e + 2}
         style="top: ${l}px; height: ${u}px; width: ${d}px;">
@@ -4115,52 +4153,82 @@ var q = {
       </div>
     `;
 	}
-	_renderCell(e, t, n, r) {
-		let o = this._activeCell?.row === n && this._activeCell?.col === r, s = this._editingCell?.row === n && this._editingCell?.col === r, c = this._selection.isInRange(n, r), l = t.pinned === "left", u = t.pinned === "right", d = l || u, f = this._getColWidth(t), p = this.rowHeight, m = this._colLeftOffsets[r] ?? 0, h;
-		h = l ? `position: absolute; top: 0; left: ${this._scrollLeft + this._getPinnedLeft(r)}px; width: ${f}px; height: ${p}px; z-index: 2;` : u ? `position: absolute; top: 0; left: ${this._getPinnedRightLeft(r)}px; width: ${f}px; height: ${p}px; z-index: 2;` : `left: ${m}px; width: ${f}px; height: ${p}px;`;
-		let g = !this._isCellEditable(t);
+	_continuesRun(e, t) {
+		let n = e.mergeRepeated;
+		if (!n || t <= 0 || t >= this._visibleRowCount) return !1;
+		let r = this.data[this._toDataIndex(t)], i = this.data[this._toDataIndex(t - 1)];
+		if (!r || !i) return !1;
+		if (typeof n == "function") return n(r, i, e);
+		let a = r[e.key];
+		if (a == null || a === "") return !1;
+		let o = i[e.key];
+		return a instanceof Date && o instanceof Date ? a.getTime() === o.getTime() : Object.is(a, o);
+	}
+	_isForcedRunHead(e) {
+		let t = this._frozenRowCount;
+		return e === t ? !0 : e < t ? !1 : e === t + Math.floor((this._scrollTop + this.rowHeight / 2) / this.rowHeight);
+	}
+	_mergeState(e, t) {
+		if (!e.mergeRepeated) return null;
+		let n = !this._isForcedRunHead(t) && this._continuesRun(e, t), r = !this._isForcedRunHead(t + 1) && this._continuesRun(e, t + 1);
+		if (!n && !r) return null;
+		let i = t;
+		for (; i > 0 && !this._isForcedRunHead(i) && this._continuesRun(e, i);) i--;
+		return {
+			continues: n,
+			opensDown: r,
+			headParity: i % 2 == 0 ? "even" : "odd"
+		};
+	}
+	_renderCell(e, t, n, r, o = null) {
+		let s = this._activeCell?.row === n && this._activeCell?.col === r, c = this._editingCell?.row === n && this._editingCell?.col === r, l = this._selection.isInRange(n, r), u = t.pinned === "left", d = t.pinned === "right", f = u || d, p = this._getColWidth(t), m = this.rowHeight, h = this._colLeftOffsets[r] ?? 0, g;
+		g = u ? `position: absolute; top: 0; left: ${this._scrollLeft + this._getPinnedLeft(r)}px; width: ${p}px; height: ${m}px; z-index: 2;` : d ? `position: absolute; top: 0; left: ${this._getPinnedRightLeft(r)}px; width: ${p}px; height: ${m}px; z-index: 2;` : `left: ${h}px; width: ${p}px; height: ${m}px;`;
+		let _ = !this._isCellEditable(t);
 		if (t.conditionalRules && t.conditionalRules.length > 0) {
 			let n = e[t.key], r = {};
 			for (let i of t.conditionalRules) i.when(n, e, t) && (i.style.background && (r.background = i.style.background), i.style.color && (r.color = i.style.color), i.style.fontWeight && (r["font-weight"] = i.style.fontWeight), i.style.fontStyle && (r["font-style"] = i.style.fontStyle));
 			let i = Object.entries(r).map(([e, t]) => `${e}: ${t}`).join("; ");
-			i && (h += " " + i + ";");
+			i && (g += " " + i + ";");
 		}
-		if (s) return i`
-        <div class="ft-cell ft-editing ft-active ${d ? "ft-pinned" : ""}" role="gridcell"
+		if (c) return i`
+        <div class="ft-cell ft-editing ft-active ${f ? "ft-pinned" : ""}" role="gridcell"
           aria-colindex=${r + 1}
           data-col-index=${r}
           aria-selected="true"
-          aria-readonly=${g ? "true" : a}
-          style=${h}>
+          aria-readonly=${_ ? "true" : a}
+          style=${g}>
           ${this._renderEditor(e, t)}
         </div>
       `;
-		let _ = o || c, v = this._isCellInvalid(n, r), y = (this._findState?.results ?? []).findIndex((e) => e.row === n && e.col === r), x = y >= 0, S = x && y === this._findState.currentIndex, C = [
+		let v = s || l, y = this._isCellInvalid(n, r), b = (this._findState?.results ?? []).findIndex((e) => e.row === n && e.col === r), S = b >= 0, C = S && b === this._findState.currentIndex, w = [
 			"ft-cell",
 			`ft-type-${t.type ?? "text"}`,
 			`ft-align-${G(t)}`,
-			o ? "ft-active" : "",
-			c ? "ft-selected" : "",
-			d ? "ft-pinned" : "",
-			v ? "ft-invalid" : "",
-			S ? "ft-find-current" : x ? "ft-find-match" : ""
-		].filter(Boolean).join(" "), w = this._toDataIndex(n), T = this._comments.get(w)?.get(t.key) ?? null, E = T !== null, D = E ? i`<div class="ft-comment-indicator" title=${T}></div>` : a;
+			s ? "ft-active" : "",
+			l ? "ft-selected" : "",
+			f ? "ft-pinned" : "",
+			y ? "ft-invalid" : "",
+			C ? "ft-find-current" : S ? "ft-find-match" : "",
+			o ? `ft-merge-${o.headParity}` : "",
+			o?.continues ? "ft-merge-continued" : "",
+			o?.opensDown ? "ft-merge-open" : ""
+		].filter(Boolean).join(" "), T = this._toDataIndex(n), E = this._comments.get(T)?.get(t.key) ?? null, D = E !== null, O = D ? i`<div class="ft-comment-indicator" title=${E}></div>` : a;
 		return i`
-      <div class=${E ? C + " ft-has-comment" : C}
+      <div class=${D ? w + " ft-has-comment" : w}
         role="gridcell"
         aria-colindex=${r + 1}
         data-col-index=${r}
-        aria-selected=${_ ? "true" : "false"}
-        aria-readonly=${g ? "true" : a}
-        aria-invalid=${v ? "true" : a}
-        title=${v ?? a}
-        style=${h}
+        aria-selected=${v ? "true" : "false"}
+        aria-readonly=${_ ? "true" : a}
+        aria-invalid=${y ? "true" : a}
+        title=${y ?? a}
+        style=${g}
         @mousedown=${(e) => this._onCellMouseDown(e, n, r)}
         @mouseenter=${() => this._onCellMouseEnter(n, r)}
         @click=${(e) => this._onCellClickEvent(e, n, r)}
         @dblclick=${() => this._onCellDblClick(n, r)}>
-        ${D}
-        ${b(e[t.key], e, t)}
+        ${O}
+        ${x(e[t.key], e, t)}
       </div>
     `;
 	}
@@ -4168,8 +4236,8 @@ var q = {
 		if (t.editor) return t.editor(e[t.key], e, t);
 		let n = e[t.key], r = n == null ? "" : String(n);
 		if (t.type === "number") return i`
-        <input class="ft-editor ft-editor-number" type="number"
-          .value=${r}
+        <input class="ft-editor ft-editor-number" type="text" inputmode="decimal"
+          .value=${typeof n == "number" ? N(n) : r}
           @keydown=${this._onEditorKeyDown}
           @blur=${() => this._commitEdit()}>
       `;
@@ -4298,4 +4366,4 @@ K([s({ type: Array })], $.prototype, "columns", void 0), K([s({
 	attribute: "max-undo-size"
 })], $.prototype, "maxUndoSize", null), K([c()], $.prototype, "_scrollTop", void 0), K([c()], $.prototype, "_scrollLeft", void 0), K([c()], $.prototype, "_viewportHeight", void 0), K([c()], $.prototype, "_viewportWidth", void 0), K([c()], $.prototype, "_activeCell", void 0), K([c()], $.prototype, "_editingCell", void 0), K([c()], $.prototype, "_sortCriteria", void 0), K([c()], $.prototype, "_openFilterKey", void 0), K([c()], $.prototype, "_rowSelectionVersion", void 0), K([c()], $.prototype, "_autocompleteState", void 0), K([c()], $.prototype, "_headerMenu", void 0), K([c()], $.prototype, "_bodyContextMenu", void 0), K([c()], $.prototype, "_commentPopup", void 0), K([c()], $.prototype, "_isDragOver", void 0), $ = K([o("flex-table")], $);
 //#endregion
-export { k as a, A as i, G as n, D as o, B as r, b as s, $ as t };
+export { A as a, j as i, G as n, O as o, B as r, x as s, $ as t };