@iyulab/flex-table 0.61.0 → 0.63.0

package/dist/{flex-table-BD_T3SqO.js → flex-table-BufHlQ2v.js}

@@ -1,16 +1,16 @@
-import { n as e } from "./locale-D9g0ksXq.js";
-import { n as t, t as n } from "./sorting-CjfjRxwL.js";
-import { LitElement as r, css as i, html as a, nothing as o } from "lit";
-import { customElement as s, property as c, state as l } from "lit/decorators.js";
-import { Locale as u } from "@iyulab/components/dist/utilities/Locale.js";
-import { formatDate as d, formatNumber as f, parseDate as p, parseDateTime as m, parseNumber as h } from "@iyulab/components/dist/utilities/format.js";
-import { decodeTsv as g, encodeTsv as _ } from "@iyulab/components/dist/utilities/tsv.js";
+import { n as e } from "./locale-Covm8PfH.js";
+import { i as t, n, r, t as i } from "./sorting-BJszwEHw.js";
+import { LitElement as a, css as o, html as s, nothing as c } from "lit";
+import { customElement as l, property as u, state as d } from "lit/decorators.js";
+import { Locale as f } from "@iyulab/components/dist/utilities/Locale.js";
+import { formatDate as p, formatNumber as m, parseDate as h, parseDateTime as g, parseNumber as _ } from "@iyulab/components/dist/utilities/format.js";
+import { decodeDelimited as v, decodeTsv as y, encodeTsv as b } from "@iyulab/components/dist/utilities/tsv.js";
 import "@iyulab/components/dist/components/date-picker/UDatePicker.js";
-import { isImeComposing as v } from "@iyulab/components/dist/utilities/keyboard.js";
-import { copyFromKey as y, isTextEntry as b, pasteFromKey as x } from "@iyulab/components/dist/utilities/clipboard.js";
-import { isFromControl as S } from "@iyulab/components/dist/utilities/elements.js";
+import { isImeComposing as x } from "@iyulab/components/dist/utilities/keyboard.js";
+import { copyFromKey as S, isTextEntry as C, pasteFromKey as w } from "@iyulab/components/dist/utilities/clipboard.js";
+import { isFromControl as T } from "@iyulab/components/dist/utilities/elements.js";
 //#region src/styles/flex-table.styles.ts
-var C = i`
+var E = o`
   /* --- Theme Variables (Light defaults) --- */
   :host {
     --ft-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
@@ -120,6 +120,11 @@ var C = i`
   }
 
   /* --- Layout --- */
+  /* 아래 display 가 [hidden] 의 UA 규칙을 이긴다 — 숨긴 표가 그려지지 않게(목록 골격이 보이지 않는 뷰에 hidden 을 건다). */
+  :host([hidden]) {
+    display: none !important;
+  }
+
   :host {
     display: block;
     position: relative;
@@ -1029,26 +1034,26 @@ var C = i`
 `;
 //#endregion
 //#region src/renderers/format.ts
-function w(e, t) {
-	return e == null ? "" : typeof t == "function" ? t(e) : T(t) ? ee(e, t) : E(e, t);
+function ee(e, t) {
+	return e == null ? "" : typeof t == "function" ? t(e) : te(t) ? re(e, t) : ne(e, t);
 }
-function T(e) {
+function te(e) {
 	return /[yMdHhms]/.test(e);
 }
-function E(e, t) {
+function ne(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, l = {
 		minimumFractionDigits: c,
 		maximumFractionDigits: c,
 		useGrouping: o.includes(",")
-	}, d;
-	return r ? d = new Intl.NumberFormat(u.get(), {
+	}, u;
+	return r ? u = new Intl.NumberFormat(f.get(), {
 		...l,
 		style: "percent"
-	}).format(n) : (d = new Intl.NumberFormat(u.get(), l).format(n), a && (d = a + d)), d + "";
+	}).format(n) : (u = new Intl.NumberFormat(f.get(), l).format(n), a && (u = a + u)), u + "";
 }
-function ee(e, t) {
+function re(e, t) {
 	let n;
 	if (e instanceof Date) n = e;
 	else if (typeof e == "string" || typeof e == "number") n = new Date(e);
@@ -1059,26 +1064,26 @@ function ee(e, t) {
 }
 //#endregion
 //#region src/renderers/cell-renderer.ts
-function D(e, t, n) {
-	return n.render ? n.render(e, t, n) : n.format ? typeof n.format == "function" ? n.format(e, t, n) : w(e, n.format) : te(e, n);
+function ie(e, t, n) {
+	return n.render ? n.render(e, t, n) : n.format ? typeof n.format == "function" ? n.format(e, t, n) : ee(e, n.format) : ae(e, n);
 }
-function te(e, t) {
+function ae(e, t) {
 	if (e == null) return "";
 	switch (t.type) {
-		case "number": return ie(e);
-		case "boolean": return a`<span class="ft-bool">${e ? "✔" : ""}</span>`;
-		case "date": return ae(e);
-		case "datetime": return oe(e);
-		case "select": return ne(e, t);
+		case "number": return ce(e);
+		case "boolean": return s`<span class="ft-bool">${e ? "✔" : ""}</span>`;
+		case "date": return le(e);
+		case "datetime": return ue(e);
+		case "select": return oe(e, t);
 		default: return String(e);
 	}
 }
-function ne(e, t) {
+function oe(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 re = {
+var se = {
 	year: "numeric",
 	month: "numeric",
 	day: "numeric",
@@ -1086,18 +1091,18 @@ var re = {
 	minute: "numeric",
 	second: "numeric"
 };
-function ie(e) {
-	return typeof e == "number" ? Number.isInteger(e) ? f(e) : f(e, { minimumFractionDigits: 1 }) : String(e);
+function ce(e) {
+	return typeof e == "number" ? Number.isInteger(e) ? m(e) : m(e, { minimumFractionDigits: 1 }) : String(e);
 }
-function ae(e) {
-	return e instanceof Date || typeof e == "string" ? d(e) : String(e);
+function le(e) {
+	return e instanceof Date || typeof e == "string" ? p(e) : String(e);
 }
-function oe(e) {
-	return e instanceof Date || typeof e == "string" ? d(e, re) : String(e);
+function ue(e) {
+	return e instanceof Date || typeof e == "string" ? p(e, se) : String(e);
 }
 //#endregion
 //#region src/core/selection.ts
-function se(e) {
+function de(e) {
 	return {
 		startRow: Math.min(e.startRow, e.endRow),
 		startCol: Math.min(e.startCol, e.endCol),
@@ -1105,7 +1110,7 @@ function se(e) {
 		endCol: Math.max(e.startCol, e.endCol)
 	};
 }
-var ce = class {
+var fe = class {
 	constructor() {
 		this.activeCell = null, this.rangeAnchor = null, this.range = null, this.extraRanges = [], this._rowCount = 0, this._colCount = 0;
 	}
@@ -1113,10 +1118,10 @@ var ce = class {
 		this._rowCount = e, this._colCount = t;
 	}
 	setActive(e, t) {
-		return e < 0 || e >= this._rowCount || t < 0 || t >= this._colCount ? this.activeCell : (this.activeCell = {
+		return e < 0 || e >= this._rowCount || t < 0 || t >= this._colCount || (this.activeCell = {
 			row: e,
 			col: t
-		}, this.rangeAnchor = null, this.range = null, this.extraRanges = [], this.activeCell);
+		}, this.rangeAnchor = null, this.range = null, this.extraRanges = []), this.activeCell;
 	}
 	toggleCell(e, t) {
 		if (e < 0 || e >= this._rowCount || t < 0 || t >= this._colCount) return;
@@ -1129,15 +1134,15 @@ var ce = class {
 		});
 	}
 	setActiveWithRange(e, t) {
-		return e < 0 || e >= this._rowCount || t < 0 || t >= this._colCount ? this.activeCell : (!this.rangeAnchor && this.activeCell && (this.rangeAnchor = { ...this.activeCell }), this.activeCell = {
+		return e < 0 || e >= this._rowCount || t < 0 || t >= this._colCount || (!this.rangeAnchor && this.activeCell && (this.rangeAnchor = { ...this.activeCell }), this.activeCell = {
 			row: e,
 			col: t
-		}, this.rangeAnchor && (this.range = se({
+		}, this.rangeAnchor && (this.range = de({
 			startRow: this.rangeAnchor.row,
 			startCol: this.rangeAnchor.col,
 			endRow: e,
 			endCol: t
-		})), this.activeCell);
+		}))), this.activeCell;
 	}
 	isInRange(e, t) {
 		if (this.range) {
@@ -1203,7 +1208,7 @@ var ce = class {
 	shiftMoveRight() {
 		return this.activeCell ? this.setActiveWithRange(this.activeCell.row, this.activeCell.col + 1) : null;
 	}
-}, le = class {
+}, pe = class {
 	constructor() {
 		this.current = null;
 	}
@@ -1225,7 +1230,7 @@ var ce = class {
 		let e = this.current;
 		return this.current = null, e;
 	}
-}, O = class {
+}, D = class {
 	constructor() {
 		this._selected = /* @__PURE__ */ new Set(), this._mode = "multi";
 	}
@@ -1283,37 +1288,34 @@ var ce = class {
 	}
 	selectRange(e, t, n) {
 		let r = e.indexOf(t), i = e.indexOf(n);
-		if (this._mode === "single" || r < 0 || i < 0) {
-			this.select(n);
-			return;
-		}
-		for (let t = Math.min(r, i); t <= Math.max(r, i); t++) this._selected.add(e[t]);
+		if (this._mode === "single" || r < 0 || i < 0) this.select(n);
+		else for (let t = Math.min(r, i); t <= Math.max(r, i); t++) this._selected.add(e[t]);
 	}
 };
 //#endregion
 //#region src/core/filtering.ts
-function ue(e, t, n) {
+function me(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++) {
-		let a = e[i], o = !0;
+	let i = [];
+	for (let a = 0; a < e.length; a++) {
+		let o = e[a], s = !0;
 		for (let e of t) try {
-			if (!e.predicate(a[e.key], a)) {
-				o = !1;
+			if (!e.predicate(r(o, e.key), o)) {
+				s = !1;
 				break;
 			}
 		} catch (t) {
-			console.warn("Filter predicate error for key \"%s\":", e.key, t), n && n(t, a, e);
+			console.warn("Filter predicate error for key \"%s\":", e.key, t), n && n(t, o, e);
 		}
-		o && r.push(i);
+		s && i.push(a);
 	}
-	return r;
+	return i;
 }
 //#endregion
 //#region src/core/undo.ts
-var de = 100, k = class {
+var he = 100, O = class {
 	constructor() {
-		this._undoStack = [], this._redoStack = [], this._maxSize = de;
+		this._undoStack = [], this._redoStack = [], this._maxSize = he;
 	}
 	get maxSize() {
 		return this._maxSize;
@@ -1350,46 +1352,88 @@ var de = 100, k = class {
 };
 //#endregion
 //#region src/clipboard/clipboard.ts
-function fe(e, t, n) {
-	let r = [];
-	for (let i = n.startRow; i <= n.endRow; i++) {
-		let a = e[i], o = [];
+function ge(e, t, n) {
+	let i = [];
+	for (let a = n.startRow; a <= n.endRow; a++) {
+		let o = e[a], s = [];
 		for (let e = n.startCol; e <= n.endCol; e++) {
-			let n = a[t[e].key];
-			o.push(n == null ? "" : String(n));
+			let n = t[e], i = r(o, n.key);
+			s.push(i == null ? "" : String(i));
 		}
-		r.push(o);
+		i.push(s);
 	}
-	return _(r);
+	return b(i);
+}
+function k(e, t) {
+	return A(e, t).value;
 }
 function A(e, t) {
-	if (e === "") return null;
+	if (e === "") return {
+		value: null,
+		failed: !1
+	};
+	let n = (t) => t === null ? {
+		value: e,
+		failed: !0
+	} : {
+		value: t,
+		failed: !1
+	};
 	switch (t.type) {
 		case "number": {
-			let t = h(e);
-			if (t !== null) return t;
+			let t = _(e);
+			if (t !== null) return {
+				value: t,
+				failed: !1
+			};
 			let n = Number(e.trim());
-			return e.trim() !== "" && Number.isFinite(n) ? n : e;
+			return e.trim() !== "" && Number.isFinite(n) ? {
+				value: n,
+				failed: !1
+			} : {
+				value: e,
+				failed: !0
+			};
 		}
-		case "boolean": return e.toLowerCase() === "true" || e === "1";
-		case "date": return p(e) ?? e;
-		case "datetime": return m(e) ?? e;
-		default: return e;
+		case "boolean": {
+			let t = _e(e);
+			return t === null ? {
+				value: e,
+				failed: !0
+			} : {
+				value: t,
+				failed: !1
+			};
+		}
+		case "date": return n(h(e));
+		case "datetime": return n(g(e));
+		default: return {
+			value: e,
+			failed: !1
+		};
 	}
 }
+function _e(t) {
+	let n = t.trim().toLowerCase(), r = (t, n, r) => new Set([
+		...r,
+		e(n),
+		...e(t).split(",")
+	].map((e) => e.trim().toLowerCase()).filter(Boolean));
+	return r("booleanTrueWords", "booleanTrue", ["true", "1"]).has(n) ? !0 : !r("booleanFalseWords", "booleanFalse", ["false", "0"]).has(n) && null;
+}
 function j(e) {
 	let t = String(e);
 	if (!Number.isFinite(e) || t.includes("e")) return t;
-	let n = new Intl.NumberFormat(u.get()).formatToParts(1.5).find((e) => e.type === "decimal")?.value;
+	let n = new Intl.NumberFormat(f.get()).formatToParts(1.5).find((e) => e.type === "decimal")?.value;
 	return n && n !== "." ? t.replace(".", n) : t;
 }
-function pe(e) {
+function ve(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 me(e) {
+function ye(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]}`;
@@ -1399,8 +1443,23 @@ function me(e) {
 	return `${r.getFullYear()}-${i(r.getMonth() + 1)}-${i(r.getDate())} ${i(r.getHours())}:${i(r.getMinutes())}`;
 }
 //#endregion
+//#region src/export/values.ts
+function M(e, t) {
+	let n = r(e, t.key);
+	return t.exportValue ? t.exportValue(n, e) : n;
+}
+function N(e, t) {
+	if (e instanceof Date) return Number.isNaN(e.getTime()) ? null : e;
+	if (typeof e != "string" || t.type !== "date" && t.type !== "datetime") return null;
+	let n = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e), r = n ? new Date(Number(n[1]), Number(n[2]) - 1, Number(n[3])) : new Date(e);
+	return Number.isNaN(r.getTime()) ? null : r;
+}
+function be(e) {
+	return (Date.UTC(e.getFullYear(), e.getMonth(), e.getDate(), e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds()) - Date.UTC(1899, 11, 30)) / 864e5;
+}
+//#endregion
 //#region src/export/xlsx-writer.ts
-var he = (() => {
+var xe = (() => {
 	let e = /* @__PURE__ */ new Uint32Array(256);
 	for (let t = 0; t < 256; t++) {
 		let n = t;
@@ -1409,23 +1468,23 @@ var he = (() => {
 	}
 	return e;
 })();
-function ge(e) {
+function Se(e) {
 	let t = 4294967295;
-	for (let n = 0; n < e.length; n++) t = he[(t ^ e[n]) & 255] ^ t >>> 8;
+	for (let n = 0; n < e.length; n++) t = xe[(t ^ e[n]) & 255] ^ t >>> 8;
 	return (t ^ 4294967295) >>> 0;
 }
-var M = new TextEncoder();
-function _e(e) {
-	return N(e.map((e) => ({
+var P = new TextEncoder();
+function Ce(e) {
+	return F(e.map((e) => ({
 		...e,
 		body: e.data,
 		method: 0
 	})));
 }
-async function ve(e) {
+async function we(e) {
 	let t = [];
 	for (let n of e) {
-		let e = await ye(n.data);
+		let e = await Te(n.data);
 		t.push(e.length < n.data.length ? {
 			...n,
 			body: e,
@@ -1436,9 +1495,9 @@ async function ve(e) {
 			method: 0
 		});
 	}
-	return N(t);
+	return F(t);
 }
-async function ye(e) {
+async function Te(e) {
 	let t = new CompressionStream("deflate-raw"), n = t.writable.getWriter(), r = t.readable.getReader();
 	n.write(e), n.close();
 	let i = [];
@@ -1447,52 +1506,50 @@ async function ye(e) {
 		if (e) break;
 		i.push(t);
 	}
-	return P(i);
+	return I(i);
 }
-function N(e) {
+function F(e) {
 	let t = [], n = [], r = 0;
 	for (let i of e) {
-		let e = M.encode(i.name), a = ge(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 = Se(i.data), o = i.data.length, s = i.body.length, c = i.method === 8 ? 20 : 10, l = new ArrayBuffer(30 + e.length), u = new DataView(l);
 		u.setUint32(0, 67324752, !0), u.setUint16(4, c, !0), u.setUint16(6, 0, !0), u.setUint16(8, i.method, !0), u.setUint16(10, 0, !0), u.setUint16(12, 33, !0), u.setUint32(14, a, !0), u.setUint32(18, s, !0), u.setUint32(22, o, !0), u.setUint16(26, e.length, !0), u.setUint16(28, 0, !0), new Uint8Array(l, 30).set(e), t.push(new Uint8Array(l)), t.push(i.body);
 		let d = new ArrayBuffer(46 + e.length), f = new DataView(d);
 		f.setUint32(0, 33639248, !0), f.setUint16(4, 20, !0), f.setUint16(6, c, !0), f.setUint16(8, 0, !0), f.setUint16(10, i.method, !0), f.setUint16(12, 0, !0), f.setUint16(14, 33, !0), f.setUint32(16, a, !0), f.setUint32(20, s, !0), f.setUint32(24, o, !0), f.setUint16(28, e.length, !0), f.setUint16(30, 0, !0), f.setUint16(32, 0, !0), f.setUint16(34, 0, !0), f.setUint16(36, 0, !0), f.setUint32(38, 0, !0), f.setUint32(42, r, !0), new Uint8Array(d, 46).set(e), n.push(new Uint8Array(d)), r += 30 + e.length + s;
 	}
-	let i = 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 = I(n), a = /* @__PURE__ */ new ArrayBuffer(22), o = new DataView(a);
+	return o.setUint32(0, 101010256, !0), o.setUint16(4, 0, !0), o.setUint16(6, 0, !0), o.setUint16(8, e.length, !0), o.setUint16(10, e.length, !0), o.setUint32(12, i.length, !0), o.setUint32(16, r, !0), o.setUint16(20, 0, !0), I([
 		...t,
 		i,
 		new Uint8Array(a)
 	]);
 }
-function P(e) {
+function I(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 L(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function be(e) {
+function Ee(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 be(t) + (e + 1);
-}
-function xe(e) {
-	let t = Date.UTC(1899, 11, 30);
-	return (e.getTime() - t) / 864e5;
+function R(e, t) {
+	return Ee(t) + (e + 1);
 }
-var Se = "<?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>", 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/officeDocument\" Target=\"xl/workbook.xml\"/>\n</Relationships>", we = "<?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>", Te = "<?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>", Ee = "<?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 De(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>", Oe = "<?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>", ke = "<?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>", Ae = "<?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>", je = "<?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 Me(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 = I(r + 1, n), a = e[t.key];
+			let i = R(r + 1, n), a = M(e, t);
 			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>${xe(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>`;
+			if (o === "number" && typeof a == "number") return `<c r="${i}"><v>${a}</v></c>`;
+			let s = N(a, t);
+			return s ? `<c r="${i}" s="1"><v>${be(s).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"?>
@@ -1500,104 +1557,106 @@ function De(e, t) {
   <sheetData>${n.join("")}</sheetData>
 </worksheet>`;
 }
-function Oe(e, t) {
-	return _e(L(e, t));
+function Ne(e, t) {
+	return Ce(z(e, t));
 }
-function ke(e, t) {
-	return ve(L(e, t));
+function Pe(e, t) {
+	return we(z(e, t));
 }
-function L(e, t) {
-	let n = De(e, t);
+function z(e, t) {
+	let n = Me(e, t);
 	return [
 		{
 			name: "[Content_Types].xml",
-			data: M.encode(Se)
+			data: P.encode(De)
 		},
 		{
 			name: "_rels/.rels",
-			data: M.encode(Ce)
+			data: P.encode(Oe)
 		},
 		{
 			name: "xl/workbook.xml",
-			data: M.encode(we)
+			data: P.encode(ke)
 		},
 		{
 			name: "xl/_rels/workbook.xml.rels",
-			data: M.encode(Te)
+			data: P.encode(Ae)
 		},
 		{
 			name: "xl/worksheets/sheet1.xml",
-			data: M.encode(n)
+			data: P.encode(n)
 		},
 		{
 			name: "xl/styles.xml",
-			data: M.encode(Ee)
+			data: P.encode(je)
 		}
 	];
 }
 //#endregion
 //#region src/export/export.ts
-function R(e, t, n) {
+var Fe = "";
+function B(e, t, n, r = {}) {
+	let i = r.bom ? Fe : "";
 	switch (n) {
-		case "csv": return B(e, t, ",");
-		case "tsv": return B(e, t, "	");
-		case "json": return je(e, t);
-		case "xlsx": return Oe(e, t);
+		case "csv": return i + H(e, t, ",");
+		case "tsv": return i + H(e, t, "	");
+		case "json": return Le(e, t);
+		case "xlsx": return Ne(e, t);
 	}
 }
-async function z(e, t, n) {
-	let r = n === "xlsx" ? await ke(e, t) : R(e, t, n);
-	return new Blob([r], { type: Pe(n) });
+async function V(e, t, n, r = {}) {
+	let i = n === "xlsx" ? await Pe(e, t) : B(e, t, n, r);
+	return new Blob([i], { type: Be(n) });
 }
-function Ae(e, t) {
-	return e == null ? "" : (t.type === "date" || t.type === "datetime") && e instanceof Date ? e.toISOString() : String(e);
+function Ie(e) {
+	return e == null ? "" : e instanceof Date ? e.toISOString() : String(e);
 }
-function B(e, t, n) {
-	return [t.map((e) => V(e.label, n)).join(n), ...e.map((e) => t.map((t) => V(Ae(e[t.key], t), n)).join(n))].join("\n");
+function H(e, t, n) {
+	return [t.map((e) => U(e.label, n)).join(n), ...e.map((e) => t.map((t) => U(Ie(M(e, t)), n)).join(n))].join("\n");
 }
-function V(e, t) {
+function U(e, t) {
 	return e.includes(t) || e.includes("\"") || e.includes("\n") || e.includes("\r") ? "\"" + e.replace(/"/g, "\"\"") + "\"" : e;
 }
-function je(e, t) {
+function Le(e, t) {
 	let n = e.map((e) => {
 		let n = {};
 		for (let r of t) {
-			let t = e[r.key];
-			(r.type === "date" || r.type === "datetime") && t instanceof Date ? n[r.key] = t.toISOString() : n[r.key] = t ?? null;
+			let t = M(e, r);
+			n[r.key] = t instanceof Date ? N(t, r)?.toISOString() ?? null : t ?? null;
 		}
 		return n;
 	});
 	return JSON.stringify(n, null, 2);
 }
-function H(e, t) {
+function W(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 Me = {
+var Re = {
 	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"
-}, Ne = {
+}, ze = {
 	csv: ".csv",
 	tsv: ".tsv",
 	json: ".json",
 	xlsx: ".xlsx"
 };
-function Pe(e) {
-	return Me[e];
+function Be(e) {
+	return Re[e];
 }
-function Fe(e) {
-	return Ne[e];
+function Ve(e) {
+	return ze[e];
 }
 //#endregion
 //#region src/export/xlsx-reader.ts
-function Ie(e) {
+function He(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 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;
+function Ue(e) {
+	let t = He(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({
@@ -1610,7 +1669,7 @@ function Le(e) {
 	}
 	return a;
 }
-async function Re(e) {
+async function We(e) {
 	let t = new DecompressionStream("deflate-raw"), n = t.writable.getWriter(), r = t.readable.getReader();
 	n.write(e), n.close();
 	let i = [];
@@ -1623,28 +1682,28 @@ async function Re(e) {
 	for (let e of i) o.set(e, s), s += e.length;
 	return o;
 }
-async function ze(e, t) {
+async function Ge(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 Re(o);
+	if (t.compressionMethod === 8) return We(o);
 	throw Error(`XLSX: Unsupported compression method ${t.compressionMethod}`);
 }
-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));
+async function Ke(e) {
+	let t = new DataView(e), n = Ue(t), r = /* @__PURE__ */ new Map();
+	for (let e of n) e.compressedSize === 0 && e.name.endsWith("/") || r.set(e.name, await Ge(t, e));
 	return r;
 }
-var Ve = new TextDecoder("utf-8");
-function U(e) {
-	let t = Ve.decode(e);
+var qe = new TextDecoder("utf-8");
+function G(e) {
+	let t = qe.decode(e);
 	return new DOMParser().parseFromString(t, "application/xml");
 }
-function He(e) {
+function Je(e) {
 	if (!e) return [];
-	let t = U(e);
+	let t = G(e);
 	return Array.from(t.querySelectorAll("si")).map((e) => Array.from(e.querySelectorAll("t")).map((e) => e.textContent ?? "").join(""));
 }
-var Ue = /* @__PURE__ */ new Set([
+var Ye = /* @__PURE__ */ new Set([
 	14,
 	15,
 	16,
@@ -1664,37 +1723,37 @@ var Ue = /* @__PURE__ */ new Set([
 	57,
 	58
 ]);
-function We(e) {
+function Xe(e) {
 	let t = e.replace(/"[^"]*"/g, "").replace(/\\./g, "").replace(/\[[^\]]*\]/g, "").split(";")[0];
 	return /[dy]/i.test(t);
 }
-function Ge(e) {
+function Ze(e) {
 	let t = /* @__PURE__ */ new Set();
 	if (!e) return t;
-	let n = U(e), r = /* @__PURE__ */ new Map();
+	let n = G(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 ? Ue.has(i) : We(a)) && t.add(n);
+		(a === void 0 ? Ye.has(i) : Xe(a)) && t.add(n);
 	}), t;
 }
-function Ke(e) {
+function Qe(e) {
 	if (!e) return !1;
-	let t = U(e).querySelector("workbookPr")?.getAttribute("date1904");
+	let t = G(e).querySelector("workbookPr")?.getAttribute("date1904");
 	return t === "1" || t === "true";
 }
-function qe(e, t) {
+function $e(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 Je(e, t, n, r) {
-	let i = U(e).querySelectorAll("row");
+function et(e, t, n, r) {
+	let i = G(e).querySelectorAll("row");
 	if (i.length === 0) return [];
 	let a = 0, o = /* @__PURE__ */ new Map();
 	for (let e of i) {
 		let i = parseInt(e.getAttribute("r") ?? "1", 10) - 1, s = /* @__PURE__ */ new Map();
 		o.set(i, s);
 		for (let i of e.querySelectorAll("c")) {
-			let e = Ye(i.getAttribute("r") ?? "");
+			let e = tt(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)] ?? "";
@@ -1703,7 +1762,7 @@ function Je(e, t, n, r) {
 			else if (l === "") d = "";
 			else {
 				let e = parseFloat(l);
-				d = c !== "" && n.has(parseInt(c, 10)) && !isNaN(e) && e >= 0 ? qe(e, r) : l;
+				d = c !== "" && n.has(parseInt(c, 10)) && !isNaN(e) && e >= 0 ? $e(e, r) : l;
 			}
 			s.set(e, d);
 		}
@@ -1717,13 +1776,13 @@ function Je(e, t, n, r) {
 	}
 	return c;
 }
-function Ye(e) {
+function tt(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 Xe(e) {
-	let t = await Be(e), n = He(t.get("xl/sharedStrings.xml")), r = t.get("xl/worksheets/sheet1.xml");
+async function nt(e) {
+	let t = await Ke(e), n = Je(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;
@@ -1731,7 +1790,7 @@ async function Xe(e) {
 		}
 	}
 	if (!r) throw Error("XLSX: No worksheet found");
-	let i = Ge(t.get("xl/styles.xml")), a = Ke(t.get("xl/workbook.xml")), o = Je(r, n, i, a);
+	let i = Ze(t.get("xl/styles.xml")), a = Qe(t.get("xl/workbook.xml")), o = et(r, n, i, a);
 	return o.length === 0 ? {
 		headers: [],
 		rows: []
@@ -1741,13 +1800,69 @@ async function Xe(e) {
 	};
 }
 //#endregion
+//#region src/export/delimited-reader.ts
+var rt = [
+	",",
+	";",
+	"	"
+];
+function it(e) {
+	let t = new Map(rt.map((e) => [e, 0])), n = !1;
+	for (let r of e) if (r === "\"") n = !n;
+	else if (!n && (r === "\n" || r === "\r")) break;
+	else !n && t.has(r) && t.set(r, t.get(r) + 1);
+	let r = ",", i = 0;
+	for (let [e, n] of t) n > i && (r = e, i = n);
+	return r;
+}
+function at(e, t) {
+	let n = e.charCodeAt(0) === 65279 ? e.slice(1) : e, r = v(n, t === "tsv" ? "	" : it(n));
+	return {
+		headers: r[0] ?? [],
+		rows: r.slice(1)
+	};
+}
+//#endregion
+//#region src/export/import.ts
+var ot = (e) => e.trim().toLowerCase();
+function st(e, t) {
+	let n = (e) => [e.label, ...e.importAliases ?? []], r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
+	return e.forEach((e, a) => {
+		let o = t.find((t) => !i.has(t.key) && n(t).includes(e)) ?? t.find((t) => !i.has(t.key) && n(t).some((t) => ot(t) === ot(e)));
+		o && (i.add(o.key), r.set(a, o.key));
+	}), r;
+}
+function ct(e, n) {
+	let r = st(e.headers, n), i = new Map(n.map((e) => [e.key, e])), a = [], o = e.rows.map((e, n) => {
+		let o = {};
+		for (let [s, c] of r) {
+			let { value: r, failed: l } = A(e[s] ?? "", i.get(c));
+			t(o, c, r), l && a.push({
+				row: n,
+				key: c,
+				raw: e[s] ?? ""
+			});
+		}
+		return o;
+	}), s = new Set(r.values());
+	return {
+		rows: o,
+		report: {
+			count: o.length,
+			unmatchedHeaders: e.headers.filter((e, t) => !r.has(t) && e.trim() !== ""),
+			missingColumns: n.filter((e) => !s.has(e.key)).map((e) => e.key),
+			coercionFailures: a
+		}
+	};
+}
+//#endregion
 //#region src/models/types.ts
-function W(e) {
+function K(e) {
 	return e.align ? e.align : e.type === "number" ? "end" : e.type === "boolean" ? "center" : "start";
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.152.0/helpers/esm/decorate.js
-function G(e, t, n, r) {
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorate.js
+function q(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
 	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
@@ -1755,16 +1870,16 @@ function G(e, t, n, r) {
 }
 //#endregion
 //#region src/flex-table.ts
-var K = {
+var lt = {
 	eq: "=",
 	neq: "≠",
 	gt: ">",
 	lt: "<",
 	gte: "≥",
 	lte: "≤"
-}, q = 120, J = 40, Y = 20, X = 32, Z = 5, Ze = 200, Q = class extends r {
+}, J = 120, Y = 40, X = 20, ut = 32, Z = 5, dt = 200, Q = class extends a {
 	constructor(...e) {
-		super(...e), this.columns = [], this._data = [], this._inUndoRedo = !1, this.clearUndoOnDataChange = !1, this.clearSelectionOnDataChange = !1, this.rowKey = "_id", 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 = "", this.noMatchingMessage = "", this.error = null, 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._headerCol = null, this._focusedCellEl = null, this._editingCell = null, this._sortCriteria = [], this._selection = new ce(), this._editing = new le(), this._rowSelection = new O(), this._undo = new k(), this._filters = [], this._filteredIndices = [], this._sortedIndices = [], this._openFilterKey = null, this._rowSelectionVersion = 0, this._lastCheckboxRowId = null, this._unkeyedIds = /* @__PURE__ */ new WeakMap(), this._unkeyedSeq = 0, this._visibleIdsCache = 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._editorMoving = !1, this._onEditorBlur = (e) => {
+		super(...e), this.columns = [], this._data = [], this._inUndoRedo = !1, this.clearUndoOnDataChange = !1, this.clearSelectionOnDataChange = !1, this.rowKey = "_id", this._rowHeightFromCss = ut, 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 = "", this.noMatchingMessage = "", this.error = null, 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._headerCol = null, this._focusedCellEl = null, this._editingCell = null, this._sortCriteria = [], this._selection = new fe(), this._editing = new pe(), this._rowSelection = new D(), this._undo = new O(), this._filters = [], this._filteredIndices = [], this._sortedIndices = [], this._openFilterKey = null, this._rowSelectionVersion = 0, this._lastCheckboxRowId = null, this._unkeyedIds = /* @__PURE__ */ new WeakMap(), this._unkeyedSeq = 0, this._visibleIdsCache = 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._editorMoving = !1, this._onEditorBlur = (e) => {
 			!this._editorMoving && e.currentTarget?.isConnected && this._commitEdit();
 		}, this._warnedUnconstrained = !1, this._onHostFocus = (e) => {
 			e.composedPath()[0] !== this || this._activeCell || this._headerCol !== null || this.visibleColumns.length !== 0 && this.matches(":focus-visible") && (this._visibleRowCount > 0 ? (this._selection.setActive(0, 0), this._syncActiveCell()) : this._headerCol = 0);
@@ -1776,18 +1891,14 @@ var K = {
 			if (t && (t === this || this.contains(t) || this.shadowRoot?.contains(t))) return;
 			let n = e.composedPath()[0];
 			requestAnimationFrame(() => {
-				if (n instanceof HTMLElement && n === this._focusedCellEl && !n.isConnected) {
-					this._syncGridFocus();
-					return;
-				}
-				document.activeElement !== this && (this._focusedCellEl = null, this._hostTabIndexLowered && (this._hostTabIndexLowered = !1, this.tabIndex = 0));
+				n instanceof HTMLElement && n === this._focusedCellEl && !n.isConnected ? this._syncGridFocus() : document.activeElement !== this && (this._focusedCellEl = null, this._hostTabIndexLowered && (this._hostTabIndexLowered = !1, this.tabIndex = 0));
 			});
 		}, this._hostTabIndexLowered = !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 = C;
+		this.styles = E;
 	}
 	get data() {
 		return this._data;
@@ -1797,7 +1908,7 @@ var K = {
 		this._data = e, n && !this._inUndoRedo && (this.clearUndoOnDataChange && this._undo.clear(), this._comments.size > 0 && this._pruneGoneUnkeyedComments(), this._rowSelection.selectedCount > 0 && (this.clearSelectionOnDataChange ? (this._rowSelection.deselectAll(), 1) : this._pruneGoneUnkeyedRows()) && (this._rowSelectionVersion++, this._dispatchRowSelectionEvent())), this.requestUpdate("data", t);
 	}
 	get rowHeight() {
-		let e = this._rowHeightExplicit ?? this._rowHeightFromCss ?? X;
+		let e = this._rowHeightExplicit ?? this._rowHeightFromCss ?? ut;
 		return Math.max(e, this._targetFloor);
 	}
 	set rowHeight(e) {
@@ -2128,57 +2239,60 @@ var K = {
 	}
 	updateRows(e) {
 		if (e.length === 0) return;
-		let t = [], n = [];
-		for (let r of e) {
-			if (r.row < 0 || r.row >= this.data.length) continue;
-			let e = this.data[r.row][r.key];
-			this.data[r.row][r.key] = r.value, t.push({
-				row: r.row,
-				key: r.key,
+		let n = [], i = [];
+		for (let a of e) {
+			if (a.row < 0 || a.row >= this.data.length) continue;
+			let e = r(this.data[a.row], a.key);
+			t(this.data[a.row], a.key, a.value), n.push({
+				row: a.row,
+				key: a.key,
 				oldValue: e,
-				newValue: r.value
-			}), n.push(this.data[r.row]);
+				newValue: a.value
+			}), i.push(this.data[a.row]);
 		}
-		t.length !== 0 && (this._undo.push({
+		n.length !== 0 && (this._undo.push({
 			label: "batch-update",
 			undo: () => {
-				t.forEach((e, t) => {
-					n[t][e.key] = e.oldValue;
+				n.forEach((e, n) => {
+					t(i[n], e.key, e.oldValue);
 				}), this.requestUpdate();
 			},
 			redo: () => {
-				t.forEach((e, t) => {
-					n[t][e.key] = e.newValue;
+				n.forEach((e, n) => {
+					t(i[n], e.key, e.newValue);
 				}), this.requestUpdate();
 			}
-		}), this.requestUpdate(), this._emit("batch-update", { changes: t }), this._dispatchUndoStateEvent());
+		}), this.requestUpdate(), this._emit("batch-update", { changes: n }), this._dispatchUndoStateEvent());
 	}
 	_createEmptyRow() {
 		let e = {};
-		for (let t of this.columns) switch (t.type) {
+		for (let n of this.columns) switch (n.type) {
 			case "number":
-				e[t.key] = 0;
+				t(e, n.key, 0);
 				break;
 			case "boolean":
-				e[t.key] = !1;
+				t(e, n.key, !1);
 				break;
-			default: e[t.key] = "";
+			default: t(e, n.key, "");
 		}
 		return e;
 	}
 	exportToString(e, t) {
 		let n = this._exportSlice(t);
-		return n ? R(n.rows, n.cols, e) : "";
+		return n ? B(n.rows, n.cols, e, { bom: t?.bom }) : "";
 	}
 	async exportToBlob(e, t) {
 		let n = this._exportSlice(t) ?? {
 			rows: [],
 			cols: []
 		};
-		return z(n.rows, n.cols, e);
+		return V(n.rows, n.cols, e, { bom: t?.bom });
 	}
 	async exportToFile(e, t, n) {
-		H(await this.exportToBlob(e, n), t ?? `export${Fe(e)}`);
+		W(await this.exportToBlob(e, {
+			...n,
+			bom: n?.bom ?? !0
+		}), t ?? `export${Ve(e)}`);
 	}
 	_exportSlice(e) {
 		if (e && "rows" in e && e.rows) return {
@@ -2257,68 +2371,23 @@ var K = {
 		});
 	}
 	async importFromFile(e) {
-		let t = e.name.toLowerCase();
-		if (t.endsWith(".xlsx")) {
-			let t = await Xe(await e.arrayBuffer());
-			this._applyImportedSheet(t);
-		} else if (t.endsWith(".csv") || t.endsWith(".tsv")) {
-			let t = await e.text(), n = g(t);
-			this._applyImportedRows(n);
-		} else console.warn(`flex-table importFromFile: unsupported file type "${e.name}"`);
+		let t = e.name.toLowerCase(), n;
+		if (t.endsWith(".xlsx")) n = await nt(await e.arrayBuffer());
+		else if (t.endsWith(".csv") || t.endsWith(".tsv")) n = at(await e.text(), t.endsWith(".tsv") ? "tsv" : "csv");
+		else return console.warn(`flex-table importFromFile: unsupported file type "${e.name}"`), null;
+		return this._applyImportedSheet(n);
 	}
 	_applyImportedSheet(e) {
-		let t = this._buildHeaderColumnMap(e.headers), n = e.rows.map((n) => {
-			let r = {};
-			return e.headers.forEach((e, i) => {
-				let a = t.get(e);
-				if (!a) return;
-				let o = this.columns.find((e) => e.key === a);
-				r[a] = o ? A(n[i] ?? "", o) : n[i] ?? null;
-			}), r;
-		}), r = [...this.data];
-		this.data = n, this._undo.push({
+		let { rows: t, report: n } = ct(e, this.columns), r = [...this.data];
+		return this.data = t, this._undo.push({
 			label: "import",
 			undo: () => {
 				this.data = r, this.requestUpdate();
 			},
 			redo: () => {
-				this.data = n, this.requestUpdate();
+				this.data = t, this.requestUpdate();
 			}
-		}), this._emit("data-import", { count: n.length });
-	}
-	_applyImportedRows(e) {
-		if (e.length === 0) return;
-		let t = e[0], n = this._buildHeaderColumnMap(t), r = e.slice(1).map((e) => {
-			let r = {};
-			return t.forEach((t, i) => {
-				let a = n.get(t);
-				if (!a) return;
-				let o = this.columns.find((e) => e.key === a);
-				r[a] = o ? A(e[i] ?? "", o) : e[i] ?? null;
-			}), r;
-		}), i = [...this.data];
-		this.data = r, this._undo.push({
-			label: "import",
-			undo: () => {
-				this.data = i, this.requestUpdate();
-			},
-			redo: () => {
-				this.data = r, this.requestUpdate();
-			}
-		}), this._emit("data-import", { count: r.length });
-	}
-	_buildHeaderColumnMap(e) {
-		let t = /* @__PURE__ */ new Map();
-		for (let n of e) {
-			let e = this.columns.find((e) => e.label === n);
-			if (e) {
-				t.set(n, e.key);
-				continue;
-			}
-			let r = this.columns.find((e) => e.label.toLowerCase() === n.toLowerCase());
-			r && t.set(n, r.key);
-		}
-		return t;
+		}), this._emit("data-import", n), n;
 	}
 	_onDragover(e) {
 		this.importEnabled && (e.dataTransfer?.types.includes("Files") ?? !1) && (e.preventDefault(), e.dataTransfer.dropEffect = "copy", this._isDragOver = !0);
@@ -2343,8 +2412,8 @@ var K = {
 		return this._columnWidths.get(e);
 	}
 	_getColWidth(e) {
-		let t = this._columnWidths.get(e.key) ?? e.width ?? q;
-		return Math.max(t, e.minWidth ?? J);
+		let t = this._columnWidths.get(e.key) ?? e.width ?? J;
+		return Math.max(t, e.minWidth ?? Y);
 	}
 	get headerHeight() {
 		return this.rowHeight + 8;
@@ -2377,10 +2446,10 @@ var K = {
 		};
 	}
 	connectedCallback() {
-		super.connectedCallback(), this._unsubscribeLocale = u.subscribe(() => this.requestUpdate()), this._detachedLocaleRevision !== void 0 && this._detachedLocaleRevision !== u.revision && this.requestUpdate(), this._detachedLocaleRevision = void 0, this._onScroll = this._onScroll.bind(this), this._onKeyDown = this._onKeyDown.bind(this), this._onDocumentClick = this._onDocumentClick.bind(this), this._onContextMenu = this._onContextMenu.bind(this), this._onDragover = this._onDragover.bind(this), this._onDragleave = this._onDragleave.bind(this), this._onDrop = this._onDrop.bind(this), this.addEventListener("scroll", this._onScroll, { passive: !0 }), this.addEventListener("keydown", this._onKeyDown), this.addEventListener("focus", this._onHostFocus), this.renderRoot.addEventListener("focusin", this._onFocusIn), this.renderRoot.addEventListener("focusout", this._onFocusOut), this.addEventListener("contextmenu", this._onContextMenu), this.addEventListener("dragover", this._onDragover), this.addEventListener("dragleave", this._onDragleave), this.addEventListener("drop", this._onDrop), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.setAttribute("role", "grid"), typeof ResizeObserver < "u" && (this._hostResizeObserver = new ResizeObserver(() => this._measureViewport()), this._hostResizeObserver.observe(this));
+		super.connectedCallback(), this._unsubscribeLocale = f.subscribe(() => this.requestUpdate()), this._detachedLocaleRevision !== void 0 && this._detachedLocaleRevision !== f.revision && this.requestUpdate(), this._detachedLocaleRevision = void 0, this._onScroll = this._onScroll.bind(this), this._onKeyDown = this._onKeyDown.bind(this), this._onDocumentClick = this._onDocumentClick.bind(this), this._onContextMenu = this._onContextMenu.bind(this), this._onDragover = this._onDragover.bind(this), this._onDragleave = this._onDragleave.bind(this), this._onDrop = this._onDrop.bind(this), this.addEventListener("scroll", this._onScroll, { passive: !0 }), this.addEventListener("keydown", this._onKeyDown), this.addEventListener("focus", this._onHostFocus), this.renderRoot.addEventListener("focusin", this._onFocusIn), this.renderRoot.addEventListener("focusout", this._onFocusOut), this.addEventListener("contextmenu", this._onContextMenu), this.addEventListener("dragover", this._onDragover), this.addEventListener("dragleave", this._onDragleave), this.addEventListener("drop", this._onDrop), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.setAttribute("role", "grid"), typeof ResizeObserver < "u" && (this._hostResizeObserver = new ResizeObserver(() => this._measureViewport()), this._hostResizeObserver.observe(this));
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this._unsubscribeLocale?.(), this._unsubscribeLocale = void 0, this._detachedLocaleRevision = u.revision, this.removeEventListener("scroll", this._onScroll), this.removeEventListener("keydown", this._onKeyDown), this.removeEventListener("focus", this._onHostFocus), this.renderRoot.removeEventListener("focusin", this._onFocusIn), this.renderRoot.removeEventListener("focusout", this._onFocusOut), this.removeEventListener("contextmenu", this._onContextMenu), this.removeEventListener("dragover", this._onDragover), this.removeEventListener("dragleave", this._onDragleave), this.removeEventListener("drop", this._onDrop), document.removeEventListener("click", this._onDocumentClick), document.removeEventListener("mousedown", this._onCommentPopupOutsideClick), this._isDragging = !1, this._wasDrag = !1, this._resizeCleanup &&= (this._resizeCleanup(), null), this._hostResizeObserver &&= (this._hostResizeObserver.disconnect(), null);
+		super.disconnectedCallback(), this._unsubscribeLocale?.(), this._unsubscribeLocale = void 0, this._detachedLocaleRevision = f.revision, this.removeEventListener("scroll", this._onScroll), this.removeEventListener("keydown", this._onKeyDown), this.removeEventListener("focus", this._onHostFocus), this.renderRoot.removeEventListener("focusin", this._onFocusIn), this.renderRoot.removeEventListener("focusout", this._onFocusOut), this.removeEventListener("contextmenu", this._onContextMenu), this.removeEventListener("dragover", this._onDragover), this.removeEventListener("dragleave", this._onDragleave), this.removeEventListener("drop", this._onDrop), document.removeEventListener("click", this._onDocumentClick), document.removeEventListener("mousedown", this._onCommentPopupOutsideClick), this._isDragging = !1, this._wasDrag = !1, this._resizeCleanup &&= (this._resizeCleanup(), null), this._hostResizeObserver &&= (this._hostResizeObserver.disconnect(), null);
 	}
 	firstUpdated() {
 		this._readDensityTokens(), this._measureViewport(), this.shadowRoot && Array.isArray(this.shadowRoot.adoptedStyleSheets) && (this._baseStyleSheets = [...this.shadowRoot.adoptedStyleSheets]), this._syncStylesheets();
@@ -2439,11 +2508,8 @@ var K = {
 		}
 	}
 	_recomputeView() {
-		if (this.dataMode === "server") {
-			this._filteredIndices = Array.from({ length: this.data.length }, (e, t) => t), this._sortedIndices = this._filteredIndices;
-			return;
-		}
-		if (this._filteredIndices = ue(this.data, this._filters, (e, t, n) => {
+		if (this.dataMode === "server") this._filteredIndices = Array.from({ length: this.data.length }, (e, t) => t), this._sortedIndices = this._filteredIndices;
+		else if (this._filteredIndices = me(this.data, this._filters, (e, t, n) => {
 			this._emit("filter-error", {
 				error: e,
 				row: t,
@@ -2452,7 +2518,7 @@ var K = {
 		}), this._filters.length === 0 && this._sortCriteria.length === 0) this._sortedIndices = Array.from({ length: this.data.length }, (e, t) => t);
 		else if (this._sortCriteria.length === 0) this._sortedIndices = [...this._filteredIndices];
 		else {
-			let e = this._filteredIndices.map((e) => this.data[e]), t = n(e, this._sortCriteria, this.visibleColumns);
+			let e = this._filteredIndices.map((e) => this.data[e]), t = i(e, this._sortCriteria, this.visibleColumns);
 			this._sortedIndices = t.map((e) => this._filteredIndices[e]);
 		}
 	}
@@ -2480,17 +2546,13 @@ var K = {
 		if (e && t?.draft !== void 0) {
 			let n = t.draft;
 			t.draft = void 0, e.value = n, e.focus(), e.type === "text" && e.setSelectionRange(e.value.length, e.value.length);
-			return;
-		}
-		if (e && this.shadowRoot.activeElement !== e) {
+		} else if (e && this.shadowRoot.activeElement !== e) {
 			if (e.localName === "u-date-picker") {
 				let t = e;
 				t.updateComplete.then(() => {
 					t.isConnected && this.shadowRoot.activeElement !== t && (t.focus(), t.shadowRoot?.querySelector("[part~=\"input\"]")?.select());
 				});
-				return;
-			}
-			e.focus(), e.type === "text" && e.select();
+			} else e.focus(), e.type === "text" && e.select();
 		}
 	}
 	_measureViewport() {
@@ -2498,7 +2560,7 @@ var K = {
 		e !== this._viewportHeight && (this._viewportHeight = e), t !== this._viewportWidth && (this._viewportWidth = t), this._warnIfUnconstrained();
 	}
 	_warnIfUnconstrained() {
-		this._warnedUnconstrained || process.env.NODE_ENV === "production" || this._visibleRowCount < Ze || 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 < dt || 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;
@@ -2516,25 +2578,25 @@ var K = {
 			return;
 		}
 		e.preventDefault();
-		let r = n.parentElement;
-		if (!r || !r.classList.contains("ft-row")) return;
-		let i = parseInt(n.dataset.colIndex ?? "-1", 10), a = r.style.top, o = Math.round(parseInt(a, 10) / this.rowHeight);
-		if (i < 0 || o < 0) return;
-		let s = this._toDataIndex(o), c = this.visibleColumns[i];
-		if (!c) return;
-		let l = this._emit("context-menu", {
+		let i = n.parentElement;
+		if (!i || !i.classList.contains("ft-row")) return;
+		let a = parseInt(n.dataset.colIndex ?? "-1", 10), o = i.style.top, s = Math.round(parseInt(o, 10) / this.rowHeight);
+		if (a < 0 || s < 0) return;
+		let c = this._toDataIndex(s), l = this.visibleColumns[a];
+		if (!l) return;
+		let u = this._emit("context-menu", {
 			x: e.clientX,
 			y: e.clientY,
-			row: s,
-			col: i,
-			key: c.key,
-			value: this.data[s]?.[c.key],
-			rowData: this.data[s]
+			row: c,
+			col: a,
+			key: l.key,
+			value: r(this.data[c], l.key),
+			rowData: this.data[c]
 		}, { cancelable: !0 });
-		this._cancelCommentPopup(), this.showContextMenu && !l.defaultPrevented && (this._bodyContextMenu = {
-			rowIndex: o,
-			colIndex: i,
-			dataIndex: s,
+		this._cancelCommentPopup(), this.showContextMenu && !u.defaultPrevented && (this._bodyContextMenu = {
+			rowIndex: s,
+			colIndex: a,
+			dataIndex: c,
 			x: e.clientX,
 			y: e.clientY
 		}, requestAnimationFrame(() => {
@@ -2548,7 +2610,7 @@ var K = {
 		}
 		this._isDragging = !1, this._editing.current && this._commitEdit();
 		let r = e.shiftKey || e.ctrlKey || e.metaKey;
-		e.shiftKey ? this._selection.setActiveWithRange(t, n) : e.ctrlKey || e.metaKey ? this._selection.toggleCell(t, n) : this._selection.setActive(t, n), this._activeCell = this._selection.activeCell ? { ...this._selection.activeCell } : null, this._dispatchSelectionEvent(), this.requestUpdate(), !r && !S(e, e.currentTarget) && this._fireRowActivate(this.visibleColumns[n], "click");
+		e.shiftKey ? this._selection.setActiveWithRange(t, n) : e.ctrlKey || e.metaKey ? this._selection.toggleCell(t, n) : this._selection.setActive(t, n), this._activeCell = this._selection.activeCell ? { ...this._selection.activeCell } : null, this._dispatchSelectionEvent(), this.requestUpdate(), !r && !T(e, e.currentTarget) && this._fireRowActivate(this.visibleColumns[n], "click");
 	}
 	_onCellMouseDown(e, t, n) {
 		if (e.button !== 0 || e.shiftKey) return;
@@ -2600,16 +2662,16 @@ var K = {
 		let e = this.visibleColumns[this._activeCell.col];
 		if (!e || !this._isCellEditable(e)) return;
 		if (e.type === "boolean") {
-			let t = this.data[this._toDataIndex(this._activeCell.row)][e.key];
-			this._applyEdit(!t);
+			let t = this.data[this._toDataIndex(this._activeCell.row)], n = r(t, e.key);
+			this._applyEdit(!n);
 			return;
 		}
 		let t = this._toDataIndex(this._activeCell.row), n = this.data[t];
-		this._editing.start(this._activeCell, n[e.key], n), this._editingCell = { ...this._activeCell }, this._emit("cell-edit-start", {
+		this._editing.start(this._activeCell, r(n, e.key), n), this._editingCell = { ...this._activeCell }, this._emit("cell-edit-start", {
 			row: t,
 			col: this._activeCell.col,
 			key: e.key,
-			value: n[e.key]
+			value: r(n, e.key)
 		});
 	}
 	_commitEdit() {
@@ -2640,73 +2702,71 @@ var K = {
 		}
 		let t = this.shadowRoot?.querySelector(".ft-editor");
 		if (t) {
-			let n = A(t.value, e);
+			let n = k(t.value, e);
 			this._applyEdit(n);
 		} else this._cancelEdit();
 	}
-	_applyEdit(t) {
+	_applyEdit(n) {
 		this._autocompleteState = null;
-		let n = this._editing.commit();
-		if (this._editingCell = null, !n) return;
-		let { col: r } = n.position, i = n.row, a = this.data.indexOf(i);
-		if (a < 0) {
+		let r = this._editing.commit();
+		if (this._editingCell = null, !r) return;
+		let { col: i } = r.position, a = r.row, o = this.data.indexOf(a);
+		if (o < 0) {
 			this._emit("cell-edit-cancel", {
 				row: -1,
-				col: r
+				col: i
 			});
 			return;
 		}
-		let o = this.visibleColumns[r], s = n.originalValue;
-		if (o.autocomplete === "strict" && t != null && t !== "" && !this._getAutocompleteCandidates(o, "").includes(String(t))) {
-			let n = e("notInList");
-			this._markCellInvalid(i, o, () => e("notInList")), this._emit("validation-error", {
-				row: a,
-				col: r,
-				key: o.key,
-				value: t,
-				error: n
+		let s = this.visibleColumns[i], c = r.originalValue;
+		if (s.autocomplete === "strict" && n != null && n !== "" && !this._getAutocompleteCandidates(s, "").includes(String(n))) {
+			let t = e("notInList");
+			this._markCellInvalid(a, s, () => e("notInList")), this._emit("validation-error", {
+				row: o,
+				col: i,
+				key: s.key,
+				value: n,
+				error: t
 			});
-			return;
-		}
-		if (o.type === "number" && typeof t == "string" || o.type === "date" && typeof t == "string" && p(t) === null || o.type === "datetime" && typeof t == "string" && m(t) === null) {
-			let n = o.type === "number" ? "notANumber" : o.type === "date" ? "notADate" : "notADateTime", s = e(n);
-			this._markCellInvalid(i, o, () => e(n)), this._emit("validation-error", {
-				row: a,
-				col: r,
-				key: o.key,
-				value: t,
-				error: s
+		} else if (s.type === "number" && typeof n == "string" || s.type === "date" && typeof n == "string" && h(n) === null || s.type === "datetime" && typeof n == "string" && g(n) === null) {
+			let t = s.type === "number" ? "notANumber" : s.type === "date" ? "notADate" : "notADateTime", r = e(t);
+			this._markCellInvalid(a, s, () => e(t)), this._emit("validation-error", {
+				row: o,
+				col: i,
+				key: s.key,
+				value: n,
+				error: r
 			});
-			return;
-		}
-		if (o.validator) {
-			let e = o.validator(t, i, o);
-			if (e) {
-				this._markCellInvalid(i, o, e), this._emit("validation-error", {
-					row: a,
-					col: r,
-					key: o.key,
-					value: t,
-					error: e
-				});
-				return;
+		} else {
+			if (s.validator) {
+				let e = s.validator(n, a, s);
+				if (e) {
+					this._markCellInvalid(a, s, e), this._emit("validation-error", {
+						row: o,
+						col: i,
+						key: s.key,
+						value: n,
+						error: e
+					});
+					return;
+				}
 			}
+			t(a, s.key, n), this._undo.push({
+				label: "cell-edit",
+				undo: () => {
+					t(a, s.key, c), this.requestUpdate();
+				},
+				redo: () => {
+					t(a, s.key, n), this.requestUpdate();
+				}
+			}), this.requestUpdate(), this._emit("cell-edit-commit", {
+				row: o,
+				col: i,
+				key: s.key,
+				oldValue: c,
+				newValue: n
+			}), this._dispatchUndoStateEvent();
 		}
-		i[o.key] = t, this._undo.push({
-			label: "cell-edit",
-			undo: () => {
-				i[o.key] = s, this.requestUpdate();
-			},
-			redo: () => {
-				i[o.key] = t, this.requestUpdate();
-			}
-		}), this.requestUpdate(), this._emit("cell-edit-commit", {
-			row: a,
-			col: r,
-			key: o.key,
-			oldValue: s,
-			newValue: t
-		}), this._dispatchUndoStateEvent();
 	}
 	_cancelEdit() {
 		this._autocompleteState = null;
@@ -2717,7 +2777,7 @@ var K = {
 		});
 	}
 	_onEditorKeyDown(e) {
-		if (v(e)) return;
+		if (x(e)) return;
 		let t = e.currentTarget;
 		if (!(t?.localName === "u-date-picker" && (e.composedPath().some((e) => e instanceof Element && e.part?.contains("popover")) || e.key === "Escape" && $(t)))) {
 			if (this._autocompleteState && this._autocompleteState.candidates.length > 0) {
@@ -2752,14 +2812,14 @@ var K = {
 		}
 	}
 	_getAutocompleteCandidates(e, t) {
-		let n = t.toLowerCase(), r = /* @__PURE__ */ new Set(), i = [];
-		for (let a of this.data) {
-			let o = a[e.key];
-			if (o == null) continue;
-			let s = String(o);
-			if (!r.has(s) && (t === "" || s.toLowerCase().includes(n)) && (r.add(s), i.push(s), i.length >= 20)) break;
+		let n = t.toLowerCase(), i = /* @__PURE__ */ new Set(), a = [];
+		for (let o of this.data) {
+			let s = r(o, e.key);
+			if (s == null) continue;
+			let c = String(s);
+			if (!i.has(c) && (t === "" || c.toLowerCase().includes(n)) && (i.add(c), a.push(c), a.length >= 20)) break;
 		}
-		return i;
+		return a;
 	}
 	_onAutocompleteInput(e, t) {
 		let n = e.target.value, r = this._getAutocompleteCandidates(t, n).filter((e) => e !== n);
@@ -2787,28 +2847,20 @@ var K = {
 			].includes(t) && this._handleCtrlKey(e)) return;
 		}
 		if (t.length !== 0 && (this._isGridSurface(e.composedPath()[0]) || e.ctrlKey || e.metaKey)) {
-			if (this._headerCol !== null) {
-				this._onHeaderKeyDown(e, t);
-				return;
-			}
-			if (this._visibleRowCount === 0) {
-				[
-					"ArrowDown",
-					"ArrowUp",
-					"ArrowLeft",
-					"ArrowRight",
-					"Home",
-					"End"
-				].includes(e.key) && (e.preventDefault(), this._headerCol = 0);
-				return;
-			}
-			if ((e.key === "Enter" || e.key === "F2") && this._activeCell && !v(e)) {
+			if (this._headerCol !== null) this._onHeaderKeyDown(e, t);
+			else if (this._visibleRowCount === 0) [
+				"ArrowDown",
+				"ArrowUp",
+				"ArrowLeft",
+				"ArrowRight",
+				"Home",
+				"End"
+			].includes(e.key) && (e.preventDefault(), this._headerCol = 0);
+			else if ((e.key === "Enter" || e.key === "F2") && this._activeCell && !x(e)) {
 				e.preventDefault();
 				let n = t[this._activeCell.col];
 				n && this._isCellEditable(n) ? this._startEdit() : e.key === "Enter" && this._fireRowActivate(n, "keyboard");
-				return;
-			}
-			if (!this._selection.activeCell) {
+			} else if (!this._selection.activeCell) {
 				if ([
 					"ArrowDown",
 					"ArrowUp",
@@ -2824,27 +2876,17 @@ var K = {
 					this._closeFindPanel(), e.preventDefault();
 					return;
 				}
-				return;
-			}
-			if (!this._handleCtrlKey(e) && !this._handleAltKey(e, t)) {
+			} else if (!this._handleCtrlKey(e) && !this._handleAltKey(e, t)) {
 				if (e.key === " " && e.shiftKey && this.selectable && this._activeCell && !e.ctrlKey && !e.metaKey && !e.altKey) {
 					e.preventDefault();
 					let t = this.data[this._toDataIndex(this._activeCell.row)];
 					if (!t) return;
 					let n = this.getRowId(t);
 					this._rowSelection.toggle(n), this._lastCheckboxRowId = n, this._rowSelectionVersion++, this._dispatchRowSelectionEvent();
-					return;
-				}
-				if (this._activeCell && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
+				} else if (this._activeCell && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
 					let e = t[this._activeCell.col];
 					e && this._isCellEditable(e) && this._startEdit();
-					return;
-				}
-				if (e.key === "ArrowUp" && !e.shiftKey && !e.altKey && this._activeCell?.row === 0) {
-					e.preventDefault(), this._enterHeader(this._activeCell.col);
-					return;
-				}
-				this._handleNavigation(e) && (e.preventDefault(), this._syncActiveCell());
+				} else e.key === "ArrowUp" && !e.shiftKey && !e.altKey && this._activeCell?.row === 0 ? (e.preventDefault(), this._enterHeader(this._activeCell.col)) : this._handleNavigation(e) && (e.preventDefault(), this._syncActiveCell());
 			}
 		}
 	}
@@ -2855,7 +2897,7 @@ var K = {
 			case "ArrowLeft":
 			case "ArrowRight":
 				if (e.altKey) {
-					e.preventDefault(), this._resizeColumnBy(r.key, e.key === "ArrowRight" ? Y : -20);
+					e.preventDefault(), this._resizeColumnBy(r.key, e.key === "ArrowRight" ? X : -20);
 					return;
 				}
 				i = e.key === "ArrowLeft" ? Math.max(0, n - 1) : Math.min(t.length - 1, n + 1);
@@ -2871,7 +2913,7 @@ var K = {
 				return;
 			case "Enter":
 			case " ":
-				if (v(e)) return;
+				if (x(e)) return;
 				e.preventDefault(), r.sortable !== !1 && this._toggleSort(r, e.shiftKey);
 				return;
 			default: return;
@@ -2910,15 +2952,15 @@ var K = {
 			case "y": return e.preventDefault(), this.redo(), !0;
 			case "c":
 			case "x": {
-				if (b(e.composedPath()[0])) return !0;
+				if (C(e.composedPath()[0])) return !0;
 				let t = this._selectionTsv();
 				if (!t) return !0;
 				let n = e.key.toLowerCase() === "x" && this.editable;
-				return y(t.text).then((e) => {
+				return S(t.text).then((e) => {
 					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 b(e.composedPath()[0]) || !this.editable || !this._activeCell || x().then((e) => this._pasteText(e), (e) => this._clipboardError("paste", e)), !0;
+			case "v": return C(e.composedPath()[0]) || !this.editable || !this._activeCell || w().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;
@@ -2930,12 +2972,12 @@ var K = {
 		if (!e.altKey || !this._activeCell || e.key !== "ArrowLeft" && e.key !== "ArrowRight") return !1;
 		e.preventDefault();
 		let n = t[this._activeCell.col];
-		return n && this._resizeColumnBy(n.key, e.key === "ArrowRight" ? Y : -20), !0;
+		return n && this._resizeColumnBy(n.key, e.key === "ArrowRight" ? X : -20), !0;
 	}
 	_resizeColumnBy(e, t) {
 		let n = this.visibleColumns.findIndex((t) => t.key === e), r = this.visibleColumns[n];
 		if (!r) return;
-		let i = this._columnWidths.get(r.key) ?? r.width ?? q, a = r.minWidth ?? J, o = Math.max(a, i + t);
+		let i = this._columnWidths.get(r.key) ?? r.width ?? J, a = r.minWidth ?? Y, o = Math.max(a, i + t);
 		this._columnWidths.set(r.key, o), this.requestUpdate(), this._emit("column-resize", {
 			key: r.key,
 			width: o,
@@ -2964,7 +3006,7 @@ var K = {
 		let e = this._selection.getEffectiveRange();
 		return e ? {
 			range: e,
-			text: fe(this._sortedIndices.map((e) => this.data[e]), this.visibleColumns, e)
+			text: ge(this._sortedIndices.map((e) => this.data[e]), this.visibleColumns, e)
 		} : null;
 	}
 	async _copyFromMenu() {
@@ -2993,34 +3035,34 @@ var K = {
 	}
 	_pasteText(e) {
 		if (!this._activeCell) return;
-		let t = g(e);
-		if (t.length === 0) return;
-		let n = this._expandRowsForPaste(this._activeCell.row, t.length), r = this._applyPasteData(this._activeCell, t);
-		if (this._selectPastedRange(this._activeCell, t), r.length > 0 || n.length > 0) {
-			let e = r.map((e) => this.data[e.row]), t = n.map((e) => this.data[e]);
+		let n = y(e);
+		if (n.length === 0) return;
+		let r = this._expandRowsForPaste(this._activeCell.row, n.length), i = this._applyPasteData(this._activeCell, n);
+		if (this._selectPastedRange(this._activeCell, n), i.length > 0 || r.length > 0) {
+			let e = i.map((e) => this.data[e.row]), n = r.map((e) => this.data[e]);
 			this._undo.push({
 				label: "paste",
 				undo: () => {
-					r.forEach((t, n) => {
-						e[n][t.key] = t.oldValue;
+					i.forEach((n, r) => {
+						t(e[r], n.key, n.oldValue);
 					});
-					for (let e of t) {
+					for (let e of n) {
 						let t = this.data.indexOf(e);
 						t >= 0 && this.data.splice(t, 1);
 					}
 					this.requestUpdate();
 				},
 				redo: () => {
-					for (let e of t) this.data.push(e);
-					r.forEach((t, n) => {
-						e[n][t.key] = t.newValue;
+					for (let e of n) this.data.push(e);
+					i.forEach((n, r) => {
+						t(e[r], n.key, n.newValue);
 					}), this.requestUpdate();
 				}
 			}), this._dispatchUndoStateEvent();
 		}
 		this.requestUpdate(), this._emit("clipboard-paste", {
-			changes: r,
-			addedRows: n.length
+			changes: i,
+			addedRows: r.length
 		});
 	}
 	_selectPastedRange(e, t) {
@@ -3038,26 +3080,26 @@ var K = {
 		}
 		return n.length > 0 && this._recomputeView(), n;
 	}
-	_applyPasteData(e, t) {
-		let n = this.visibleColumns, r = [];
-		for (let i = 0; i < t.length; i++) {
-			let a = e.row + i;
-			if (a >= this._visibleRowCount) break;
-			let o = this._toDataIndex(a);
-			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 = A(t[i][a], c);
-				this.data[o][c.key] = u, r.push({
-					row: o,
-					col: s,
-					key: c.key,
-					oldValue: l,
-					newValue: u
+	_applyPasteData(e, n) {
+		let i = this.visibleColumns, a = [];
+		for (let o = 0; o < n.length; o++) {
+			let s = e.row + o;
+			if (s >= this._visibleRowCount) break;
+			let c = this._toDataIndex(s);
+			for (let s = 0; s < n[o].length; s++) {
+				let l = e.col + s;
+				if (l >= i.length) break;
+				let u = i[l], d = r(this.data[c], u.key), f = k(n[o][s], u);
+				t(this.data[c], u.key, f), a.push({
+					row: c,
+					col: l,
+					key: u.key,
+					oldValue: d,
+					newValue: f
 				});
 			}
 		}
-		return r;
+		return a;
 	}
 	_handleFillDown() {
 		let e = this._selection.getEffectiveRange();
@@ -3067,23 +3109,23 @@ var K = {
 			if (e.startRow === 0) return;
 			let n = t[e.startCol];
 			if (!n || !this._isCellEditable(n)) return;
-			let r = this._toDataIndex(e.startRow - 1), i = this._toDataIndex(e.startRow);
+			let i = this._toDataIndex(e.startRow - 1), a = this._toDataIndex(e.startRow);
 			this.updateRows([{
-				row: i,
+				row: a,
 				key: n.key,
-				value: this.data[r][n.key]
+				value: r(this.data[i], n.key)
 			}]);
 			return;
 		}
 		let n = [];
-		for (let r = e.startCol; r <= e.endCol; r++) {
-			let i = t[r];
-			if (!i || !this._isCellEditable(i)) continue;
-			let a = this.data[this._toDataIndex(e.startRow)][i.key];
+		for (let i = e.startCol; i <= e.endCol; i++) {
+			let a = t[i];
+			if (!a || !this._isCellEditable(a)) continue;
+			let o = r(this.data[this._toDataIndex(e.startRow)], a.key);
 			for (let t = e.startRow + 1; t <= e.endRow; t++) n.push({
 				row: this._toDataIndex(t),
-				key: i.key,
-				value: a
+				key: a.key,
+				value: o
 			});
 		}
 		n.length > 0 && this.updateRows(n);
@@ -3094,29 +3136,29 @@ var K = {
 		let t = this.visibleColumns;
 		if (e.startRow === e.endRow && e.startCol === e.endCol) {
 			if (e.startCol === 0) return;
-			let n = t[e.startCol], r = t[e.startCol - 1];
-			if (!n || !this._isCellEditable(n) || !r) return;
-			let i = this._toDataIndex(e.startRow);
+			let n = t[e.startCol], i = t[e.startCol - 1];
+			if (!n || !this._isCellEditable(n) || !i) return;
+			let a = this._toDataIndex(e.startRow);
 			this.updateRows([{
-				row: i,
+				row: a,
 				key: n.key,
-				value: this.data[i][r.key]
+				value: r(this.data[a], i.key)
 			}]);
 			return;
 		}
 		let n = [];
-		for (let r = e.startRow; r <= e.endRow; r++) {
-			let i = this._toDataIndex(r), a = t[e.startCol];
-			if (!a) continue;
-			let o = this.data[i][a.key];
+		for (let i = e.startRow; i <= e.endRow; i++) {
+			let a = this._toDataIndex(i), o = t[e.startCol];
+			if (!o) continue;
+			let s = r(this.data[a], o.key);
 			for (let r = e.startCol + 1; r <= e.endCol; r++) {
 				let e = t[r];
 				if (!e || !this._isCellEditable(e)) continue;
-				let a = A(o == null ? "" : String(o), e);
+				let i = k(s == null ? "" : String(s), e);
 				n.push({
-					row: i,
+					row: a,
 					key: e.key,
-					value: a
+					value: i
 				});
 			}
 		}
@@ -3129,56 +3171,56 @@ var K = {
 		this._clearRanges(n);
 	}
 	_clearRanges(e) {
-		let t = this.visibleColumns, n = [], r = /* @__PURE__ */ new Set();
-		for (let i of e) for (let e = i.startRow; e <= i.endRow; e++) {
-			let a = this._toDataIndex(e);
-			for (let e = i.startCol; e <= i.endCol; e++) {
-				let i = `${a}:${e}`;
-				if (r.has(i)) continue;
-				r.add(i);
-				let o = t[e], s = this.data[a][o.key], c = o.type === "boolean" ? !1 : o.type === "number" ? 0 : "";
-				this.data[a][o.key] = c, n.push({
-					target: this.data[a],
-					key: o.key,
-					oldValue: s,
-					clearValue: c
+		let n = this.visibleColumns, i = [], a = /* @__PURE__ */ new Set();
+		for (let o of e) for (let e = o.startRow; e <= o.endRow; e++) {
+			let s = this._toDataIndex(e);
+			for (let e = o.startCol; e <= o.endCol; e++) {
+				let o = `${s}:${e}`;
+				if (a.has(o)) continue;
+				a.add(o);
+				let c = n[e], l = r(this.data[s], c.key), u = c.type === "boolean" ? !1 : c.type === "number" ? 0 : "";
+				t(this.data[s], c.key, u), i.push({
+					target: this.data[s],
+					key: c.key,
+					oldValue: l,
+					clearValue: u
 				});
 			}
 		}
-		n.length > 0 && (this._undo.push({
+		i.length > 0 && (this._undo.push({
 			label: "clear",
 			undo: () => {
-				for (let e of n) e.target[e.key] = e.oldValue;
+				for (let e of i) t(e.target, e.key, e.oldValue);
 				this.requestUpdate();
 			},
 			redo: () => {
-				for (let e of n) e.target[e.key] = e.clearValue;
+				for (let e of i) t(e.target, e.key, e.clearValue);
 				this.requestUpdate();
 			}
 		}), this._dispatchUndoStateEvent()), this.requestUpdate();
 	}
 	_clearRange(e) {
-		let t = this.visibleColumns, n = [];
-		for (let r = e.startRow; r <= e.endRow; r++) {
-			let i = this._toDataIndex(r);
-			for (let r = e.startCol; r <= e.endCol; r++) {
-				let e = t[r], a = this.data[i][e.key], o = e.type === "boolean" ? !1 : e.type === "number" ? 0 : "";
-				this.data[i][e.key] = o, n.push({
-					target: this.data[i],
+		let n = this.visibleColumns, i = [];
+		for (let a = e.startRow; a <= e.endRow; a++) {
+			let o = this._toDataIndex(a);
+			for (let a = e.startCol; a <= e.endCol; a++) {
+				let e = n[a], s = r(this.data[o], e.key), c = e.type === "boolean" ? !1 : e.type === "number" ? 0 : "";
+				t(this.data[o], e.key, c), i.push({
+					target: this.data[o],
 					key: e.key,
-					oldValue: a,
-					clearValue: o
+					oldValue: s,
+					clearValue: c
 				});
 			}
 		}
-		n.length > 0 && (this._undo.push({
+		i.length > 0 && (this._undo.push({
 			label: "clear",
 			undo: () => {
-				for (let e of n) e.target[e.key] = e.oldValue;
+				for (let e of i) t(e.target, e.key, e.oldValue);
 				this.requestUpdate();
 			},
 			redo: () => {
-				for (let e of n) e.target[e.key] = e.clearValue;
+				for (let e of i) t(e.target, e.key, e.clearValue);
 				this.requestUpdate();
 			}
 		}), this._dispatchUndoStateEvent()), this.requestUpdate();
@@ -3205,14 +3247,10 @@ var K = {
 			return;
 		}
 		let n = this.visibleColumns.indexOf(t);
-		if (e.ctrlKey || e.metaKey) {
-			this._selectColumn(n);
-			return;
-		}
-		t.sortable !== !1 && this._toggleSort(t, e.shiftKey);
+		e.ctrlKey || e.metaKey ? this._selectColumn(n) : t.sortable !== !1 && this._toggleSort(t, e.shiftKey);
 	}
-	_toggleSort(e, n) {
-		this._sortCriteria = t(this._sortCriteria, e.key, n), this.dataMode !== "server" && this._recomputeView(), this.requestUpdate(), this._emit("sort-change", { criteria: [...this._sortCriteria] });
+	_toggleSort(e, t) {
+		this._sortCriteria = n(this._sortCriteria, e.key, t), this.dataMode !== "server" && this._recomputeView(), this.requestUpdate(), this._emit("sort-change", { criteria: [...this._sortCriteria] });
 	}
 	_selectColumn(e) {
 		let t = this._visibleRowCount;
@@ -3246,7 +3284,7 @@ var K = {
 		return Math.min(n, i);
 	}
 	_renderHeaderCell(t, n) {
-		let r = t.sortable !== !1, i = this._sortCriteria.find((e) => e.key === t.key), s = this._sortCriteria.length > 1 ? this._sortCriteria.findIndex((e) => e.key === t.key) : -1, c = this._filters.some((e) => e.key === t.key), l = t.pinned === "left", u = t.pinned === "right", d = l || u, f = t.headerAlign ?? W(t), p = [
+		let r = t.sortable !== !1, i = this._sortCriteria.find((e) => e.key === t.key), a = this._sortCriteria.length > 1 ? this._sortCriteria.findIndex((e) => e.key === t.key) : -1, o = this._filters.some((e) => e.key === t.key), l = t.pinned === "left", u = t.pinned === "right", d = l || u, f = t.headerAlign ?? K(t), p = [
 			"ft-header-cell",
 			r ? "ft-sortable" : "",
 			d ? "ft-pinned" : "",
@@ -3258,18 +3296,18 @@ var K = {
 		let y = this._colDrag?.active && this._colDrag.colIndex === n, b = [...p.split(" "), y ? "ft-col-dragging" : ""].filter(Boolean).join(" "), x = this.columns, S = x.findIndex((e) => e.key === t.key), C = [];
 		if (S > 0) for (let e = S - 1; e >= 0 && x[e].hidden; e--) C.push(x[e]);
 		let w = C.length > 0;
-		return a`
+		return s`
       <div class=${b}
         role="columnheader"
         tabindex="-1"
         aria-colindex=${n + 1}
         data-col-index=${n}
         style=${v}
-        aria-sort=${m ?? o}
+        aria-sort=${m ?? c}
         @contextmenu=${(e) => this._onHeaderContextMenu(e, t)}
         @mousedown=${(e) => this._onHeaderMouseDown(e, t, n)}
         @click=${r ? (e) => this._onHeaderClick(e, t) : void 0}>
-        ${w ? a`
+        ${w ? s`
           <button class="ft-hidden-col-indicator" tabindex="-1"
             title=${e("showHiddenColumns")}
             @click=${(e) => {
@@ -3277,9 +3315,9 @@ var K = {
 		}}>&#x276F;</button>
         ` : ""}
         <span>${t.label}</span>
-        ${i ? a`<span class="ft-sort-indicator">${i.direction === "asc" ? "▲" : "▼"}</span>` : ""}
-        ${s >= 0 ? a`<span class="ft-sort-order">${s + 1}</span>` : ""}
-        <button class="ft-column-menu-btn ${c ? "ft-filter-active" : ""}"
+        ${i ? s`<span class="ft-sort-indicator">${i.direction === "asc" ? "▲" : "▼"}</span>` : ""}
+        ${a >= 0 ? s`<span class="ft-sort-order">${a + 1}</span>` : ""}
+        <button class="ft-column-menu-btn ${o ? "ft-filter-active" : ""}"
           type="button"
           tabindex="-1"
           data-key=${t.key}
@@ -3324,11 +3362,7 @@ var K = {
 		});
 	}
 	_onColumnMenuBtnClick(e, t) {
-		if (e.preventDefault(), e.stopPropagation(), this._headerMenu?.key === t.key) {
-			this._headerMenu = null;
-			return;
-		}
-		this._openColumnMenu(t, e.currentTarget);
+		e.preventDefault(), e.stopPropagation(), this._headerMenu?.key === t.key ? this._headerMenu = null : this._openColumnMenu(t, e.currentTarget);
 	}
 	_openColumnMenu(e, t = this._columnMenuButton(e.key)) {
 		let n = t?.getBoundingClientRect();
@@ -3393,73 +3427,73 @@ var K = {
 		for (let e = n - 1; e >= 0 && t[e].hidden; e--) this._setColumnHidden(t[e].key, !1);
 	}
 	_renderHeaderContextMenu() {
-		if (!this._headerMenu) return o;
-		let { key: t, x: n, y: r, hiddenNeighbors: i } = this._headerMenu, s = this.columns.find((e) => e.key === t);
-		if (!s) return o;
-		let c = this._filters.some((e) => e.key === t), l = (e, t, n, r = !1) => a`
+		if (!this._headerMenu) return c;
+		let { key: t, x: n, y: r, hiddenNeighbors: i } = this._headerMenu, a = this.columns.find((e) => e.key === t);
+		if (!a) return c;
+		let o = this._filters.some((e) => e.key === t), l = (e, t, n, r = !1) => s`
       <button type="button" role="menuitem" class="ft-header-menu-item" data-action=${e}
         @click=${(e) => {
 			e.stopPropagation(), r || (this._headerMenu = null), n();
 		}}>${t}</button>
     `;
-		return a`
-      <div class="ft-header-menu" role="menu" aria-label=${e("columnMenuRegion", { header: s.label })}
+		return s`
+      <div class="ft-header-menu" role="menu" aria-label=${e("columnMenuRegion", { header: a.label })}
         style="position: fixed; left: ${n}px; top: ${r}px; z-index: var(--u-layer-floating, 1000);"
         @mousedown=${(e) => e.stopPropagation()}
         @keydown=${(e) => this._onHeaderMenuKeydown(e)}>
-        ${s.sortable === !1 ? o : a`
+        ${a.sortable === !1 ? c : s`
           ${l("sort-asc", e("sortAscending"), () => this._applySortFromMenu(t, "asc"))}
           ${l("sort-desc", e("sortDescending"), () => this._applySortFromMenu(t, "desc"))}
           <div class="ft-header-menu-separator" role="separator"></div>
         `}
-        ${this.showFilters ? a`
+        ${this.showFilters ? s`
           ${l("filter", e("filter"), () => this._openFilterFromMenu(t))}
-          ${c ? l("clear-filter", e("clearFilter"), () => this._clearColumnFilter(t)) : o}
+          ${o ? l("clear-filter", e("clearFilter"), () => this._clearColumnFilter(t)) : c}
           <div class="ft-header-menu-separator" role="separator"></div>
-        ` : o}
+        ` : c}
         ${l("hide", e("hideColumn"), () => this._setColumnHidden(t, !0))}
         ${i.map((t) => l("show", e("showColumn", { header: t.label }), () => this._setColumnHidden(t.key, !1)))}
         <div class="ft-header-menu-separator" role="separator"></div>
         ${l("autofit", e("autoFitWidth"), () => this._autoFitColumn(t))}
-        ${l("wider", e("wider"), () => this._resizeColumnBy(t, Y), !0)}
+        ${l("wider", e("wider"), () => this._resizeColumnBy(t, X), !0)}
         ${l("narrower", e("narrower"), () => this._resizeColumnBy(t, -20), !0)}
       </div>
     `;
 	}
 	_renderBodyContextMenu() {
-		if (!this._bodyContextMenu) return o;
-		let { colIndex: t, dataIndex: n, x: r, y: i } = this._bodyContextMenu, s = this.visibleColumns[t];
-		if (!s) return o;
-		let c = this.data[n]?.[s.key], l = this._filters.some((e) => e.key === s.key), u = (e = !1) => {
+		if (!this._bodyContextMenu) return c;
+		let { colIndex: t, dataIndex: n, x: i, y: a } = this._bodyContextMenu, o = this.visibleColumns[t];
+		if (!o) return c;
+		let l = r(this.data[n], o.key), u = this._filters.some((e) => e.key === o.key), d = (e = !1) => {
 			this._bodyContextMenu = null, e && this.focus();
-		}, d = !!this.getComment(n, s.key), f = (e, t, n = !1) => a`
+		}, f = !!this.getComment(n, o.key), p = (e, t, n = !1) => s`
       <button type="button" role="menuitem"
         class="ft-context-menu-item ${n ? "ft-context-menu-danger" : ""}"
         @click=${() => {
-			t(), u();
+			t(), d();
 		}}>${e}</button>
-    `, p = a`<div class="ft-context-menu-separator" role="separator"></div>`;
-		return a`
+    `, m = s`<div class="ft-context-menu-separator" role="separator"></div>`;
+		return s`
       <div class="ft-body-context-menu" role="menu" aria-label=${e("cellActions")}
-        style="position: fixed; left: ${r}px; top: ${i}px; z-index: var(--u-layer-floating, 1000);"
+        style="position: fixed; left: ${i}px; top: ${a}px; z-index: var(--u-layer-floating, 1000);"
         @mousedown=${(e) => e.stopPropagation()}
-        @keydown=${(e) => this._onMenuKeydown(e, ".ft-body-context-menu", u)}>
-        ${f(e("copy"), () => this._copyFromMenu())}
-        ${p}
-        ${f(e("insertRowAbove"), () => this.addRow(void 0, n))}
-        ${f(e("insertRowBelow"), () => this.addRow(void 0, n + 1))}
-        ${f(e("deleteRow"), () => this.deleteRows([n]), !0)}
-        ${p}
-        ${f(e("hideColumn"), () => this._setColumnHidden(s.key, !0))}
-        ${p}
-        ${f(`${e("sortAscending")} ↑`, () => this._applySortFromMenu(s.key, "asc"))}
-        ${f(`${e("sortDescending")} ↓`, () => this._applySortFromMenu(s.key, "desc"))}
-        ${p}
-        ${f(e("filterByThisValue"), () => this.setFilter(s.key, (e) => e === c))}
-        ${l ? f(e("clearFilter"), () => this.removeFilter(s.key)) : o}
-        ${p}
-        ${f(e(d ? "editComment" : "addComment"), () => this._openCommentPopup(n, s.key, r, i))}
-        ${d ? f(e("deleteComment"), () => this.setComment(n, s.key, null), !0) : o}
+        @keydown=${(e) => this._onMenuKeydown(e, ".ft-body-context-menu", d)}>
+        ${p(e("copy"), () => this._copyFromMenu())}
+        ${m}
+        ${p(e("insertRowAbove"), () => this.addRow(void 0, n))}
+        ${p(e("insertRowBelow"), () => this.addRow(void 0, n + 1))}
+        ${p(e("deleteRow"), () => this.deleteRows([n]), !0)}
+        ${m}
+        ${p(e("hideColumn"), () => this._setColumnHidden(o.key, !0))}
+        ${m}
+        ${p(`${e("sortAscending")} ↑`, () => this._applySortFromMenu(o.key, "asc"))}
+        ${p(`${e("sortDescending")} ↓`, () => this._applySortFromMenu(o.key, "desc"))}
+        ${m}
+        ${p(e("filterByThisValue"), () => this.setFilter(o.key, (e) => e === l))}
+        ${u ? p(e("clearFilter"), () => this.removeFilter(o.key)) : c}
+        ${m}
+        ${p(e(f ? "editComment" : "addComment"), () => this._openCommentPopup(n, o.key, i, a))}
+        ${f ? p(e("deleteComment"), () => this.setComment(n, o.key, null), !0) : c}
       </div>
     `;
 	}
@@ -3483,9 +3517,9 @@ var K = {
 		this._commentPopup &&= (document.removeEventListener("mousedown", this._onCommentPopupOutsideClick), null);
 	}
 	_renderCommentPopup() {
-		if (!this._commentPopup) return o;
+		if (!this._commentPopup) return c;
 		let { x: t, y: n } = this._commentPopup, r = t + 240 > window.innerWidth ? t - 240 : t, i = n + 150 > window.innerHeight ? n - 150 : n;
-		return a`
+		return s`
       <div class="ft-comment-popup"
         style="position: fixed; left: ${r}px; top: ${i}px; z-index: calc(var(--u-layer-floating, 1000) + 1);"
         @mousedown=${(e) => e.stopPropagation()}>
@@ -3526,15 +3560,9 @@ var K = {
 	}
 	_closeFilterDropdown(e = !0) {
 		let t = this._openFilterKey;
-		if (this._openFilterKey = null, e && t !== null) {
-			if (this._headerCol !== null) {
-				this.focus();
-				return;
-			}
-			this.updateComplete.then(() => {
-				[...this.shadowRoot?.querySelectorAll(".ft-column-menu-btn") ?? []].find((e) => e.dataset.key === t)?.focus();
-			});
-		}
+		this._openFilterKey = null, e && t !== null && (this._headerCol === null ? this.updateComplete.then(() => {
+			[...this.shadowRoot?.querySelectorAll(".ft-column-menu-btn") ?? []].find((e) => e.dataset.key === t)?.focus();
+		}) : this.focus());
 	}
 	_onFilterDialogKeydown(e) {
 		if (e.key !== "Tab") return;
@@ -3545,7 +3573,7 @@ var K = {
 	}
 	_renderFilterDropdown(t) {
 		let n = t.type ?? "text";
-		return a`
+		return s`
       <div class="ft-filter-dropdown" role="dialog" aria-label=${e("filterFor", { header: t.label })}
         @click=${(e) => e.stopPropagation()}
         @keydown=${{
@@ -3585,7 +3613,7 @@ var K = {
 	}
 	_renderEmptyFilterRow(t, n) {
 		let r = this._emptyFilterState.get(t) ?? "";
-		return a`
+		return s`
       <div class="ft-filter-empty-row">
         <label>${e("blankCells")}</label>
         <select class="ft-filter-mode-select" aria-label=${e("blankCells")}
@@ -3640,11 +3668,8 @@ var K = {
 	}
 	_applyFilterForKey(e) {
 		let t = this._emptyFilterState.get(e);
-		if (t) {
-			this.setFilter(e, this._buildEmptyPredicate(t));
-			return;
-		}
-		if (this._textFilterState.has(e)) this._applyTextFilter(e);
+		if (t) this.setFilter(e, this._buildEmptyPredicate(t));
+		else if (this._textFilterState.has(e)) this._applyTextFilter(e);
 		else if (this._numberFilterState.has(e)) {
 			let t = this._buildNumberPredicate(this._numberFilterState.get(e));
 			t ? this.setFilter(e, t) : this.removeFilter(e);
@@ -3658,7 +3683,7 @@ var K = {
 			value: "",
 			mode: "contains"
 		};
-		return a`
+		return s`
       <div class="ft-filter-mode-row">
         <select class="ft-filter-mode-select" aria-label=${e("filterMatchMode")}
           .value=${n.mode}
@@ -3716,7 +3741,7 @@ var K = {
 	}
 	_renderNumCondRow(t, n) {
 		let r = (this._numberFilterState.get(t) ?? this._defaultNumState())[n];
-		return a`
+		return s`
       <div class="ft-num-cond-row">
         <select class="ft-filter-mode-select ft-num-op-select" aria-label=${e("conditionOperator", { n: n === "cond1" ? 1 : 2 })}
           .value=${r.op}
@@ -3730,7 +3755,7 @@ var K = {
           @keydown=${(e) => {
 			e.key === "Escape" && this._closeFilterDropdown(), e.stopPropagation();
 		}}>
-          ${Object.keys(K).map((e) => a`<option value=${e}>${K[e]}</option>`)}
+          ${Object.keys(lt).map((e) => s`<option value=${e}>${lt[e]}</option>`)}
         </select>
         <input class="ft-filter-input ft-num-cond-input" type="text" inputmode="decimal" placeholder=${e("valuePlaceholder")}
           aria-label=${e("conditionValue", { n: n === "cond1" ? 1 : 2 })}
@@ -3741,7 +3766,7 @@ var K = {
 			i[n] = {
 				...i[n],
 				text: r,
-				value: r.trim() === "" ? null : h(r)
+				value: r.trim() === "" ? null : _(r)
 			}, this._numberFilterState.set(t, i), this._emptyFilterState.delete(t), this._applyFilterForKey(t);
 		}}
           @keydown=${(e) => {
@@ -3752,7 +3777,7 @@ var K = {
 	}
 	_renderNumberFilter(t) {
 		let n = this._numberFilterState.get(t.key) ?? this._defaultNumState();
-		return a`
+		return s`
       ${this._renderNumCondRow(t.key, "cond1")}
       <div class="ft-filter-mode-row">
         <select class="ft-filter-mode-select" aria-label=${e("conditionJoin")}
@@ -3793,21 +3818,21 @@ var K = {
 		return n ? typeof n.error == "function" ? n.error() : n.error : null;
 	}
 	_renderDateFilter(t) {
-		let n = t.type === "datetime", r = this._dateFilterState.get(t.key) ?? {}, i = (e) => e?.slice(0, 10), s = (e) => {
+		let n = t.type === "datetime", r = this._dateFilterState.get(t.key) ?? {}, i = (e) => e?.slice(0, 10), a = (e) => {
 			e.key === "Escape" && $(e.currentTarget) || (e.stopPropagation(), e.key === "Escape" && this._closeFilterDropdown());
 		};
-		return a`
+		return s`
       <div class="ft-filter-range ft-filter-range-dates">
         <u-date-picker class="ft-filter-date" size="sm" clearable
           mode=${n ? "datetime" : "date"} label=${e("fromPlaceholder")}
-          .value=${r.from ?? ""} max=${i(r.to) ?? o}
+          .value=${r.from ?? ""} max=${i(r.to) ?? c}
           @change=${(e) => this._applyDateFilter(t.key, e, "from")}
-          @keydown=${s}></u-date-picker>
+          @keydown=${a}></u-date-picker>
         <u-date-picker class="ft-filter-date" size="sm" clearable
           mode=${n ? "datetime" : "date"} label=${e("toPlaceholder")}
-          .value=${r.to ?? ""} min=${i(r.from) ?? o}
+          .value=${r.to ?? ""} min=${i(r.from) ?? c}
           @change=${(e) => this._applyDateFilter(t.key, e, "to")}
-          @keydown=${s}></u-date-picker>
+          @keydown=${a}></u-date-picker>
       </div>
       ${this._renderEmptyFilterRow(t.key, () => {
 			this._dateFilterState.delete(t.key);
@@ -3819,7 +3844,7 @@ var K = {
 		r === "" ? delete i[n] : i[n] = r, this._dateFilterState.set(e, i), this._emptyFilterState.delete(e), this._applyFilterForKey(e);
 	}
 	_renderBooleanFilter(t) {
-		return a`
+		return s`
       <select class="ft-filter-input" aria-label=${e("filterFor", { header: t.label })}
         @change=${(e) => {
 			let n = e.target.value;
@@ -3843,7 +3868,7 @@ var K = {
 		if (!n) return;
 		let r = this.shadowRoot?.querySelectorAll(`.ft-cell[data-col-index="${t}"]`), i = 0, a = this.shadowRoot?.querySelector(`.ft-header-cell[data-col-index="${t}"]`);
 		if (a && (i = Math.max(i, a.scrollWidth)), r) for (let e of r) i = Math.max(i, e.scrollWidth);
-		let o = n.minWidth ?? J, s = Math.max(o, i + 8);
+		let o = n.minWidth ?? Y, s = Math.max(o, i + 8);
 		this._columnWidths.set(n.key, s), this.requestUpdate(), this._emit("column-resize", {
 			key: n.key,
 			width: s,
@@ -3852,7 +3877,7 @@ var K = {
 	}
 	_onResizeStart(e, t) {
 		e.preventDefault(), e.stopPropagation();
-		let n = this.visibleColumns[t], r = this._columnWidths.get(n.key) ?? n.width ?? q;
+		let n = this.visibleColumns[t], r = this._columnWidths.get(n.key) ?? n.width ?? J;
 		this._resizing = {
 			colIndex: t,
 			startX: e.clientX,
@@ -3860,13 +3885,13 @@ var K = {
 		};
 		let i = (e) => {
 			if (!this._resizing) return;
-			let t = e.clientX - this._resizing.startX, r = n.minWidth ?? J, i = Math.max(r, this._resizing.startWidth + t);
+			let t = e.clientX - this._resizing.startX, r = n.minWidth ?? Y, i = Math.max(r, this._resizing.startWidth + t);
 			this._columnWidths.set(n.key, i), this.requestUpdate();
 		}, a = () => {
 			document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", o), this._resizeCleanup = null;
 		}, o = () => {
 			if (a(), this._resizing) {
-				let e = this._columnWidths.get(n.key) ?? q;
+				let e = this._columnWidths.get(n.key) ?? J;
 				this._emit("column-resize", {
 					key: n.key,
 					width: e,
@@ -3966,46 +3991,46 @@ var K = {
 			startCol: Math.min(a, s.startCol)
 		}, this._fillDrag.targetRange = u, this.requestUpdate();
 	}
-	_applyFillHandle(e, t) {
-		let n = this.visibleColumns, r = [], i = [];
-		for (let a = t.startCol; a <= t.endCol; a++) {
-			let o = n[a], s = [];
-			for (let t = e.startRow; t <= e.endRow; t++) s.push(this.data[this._toDataIndex(t)][o.key]);
-			let c = this._detectNumericSeries(s);
-			for (let n = t.startRow; n <= t.endRow; n++) {
-				if (n >= e.startRow && n <= e.endRow) continue;
-				let t = this._toDataIndex(n), a = this.data[t][o.key], l;
-				if (c && n > e.endRow) {
-					let t = n - e.endRow, r = c.last + c.diff * t;
-					l = o.type === "number" ? r : String(r);
+	_applyFillHandle(e, n) {
+		let i = this.visibleColumns, a = [], o = [];
+		for (let s = n.startCol; s <= n.endCol; s++) {
+			let c = i[s], l = [];
+			for (let t = e.startRow; t <= e.endRow; t++) l.push(r(this.data[this._toDataIndex(t)], c.key));
+			let u = this._detectNumericSeries(l);
+			for (let i = n.startRow; i <= n.endRow; i++) {
+				if (i >= e.startRow && i <= e.endRow) continue;
+				let n = this._toDataIndex(i), s = r(this.data[n], c.key), d;
+				if (u && i > e.endRow) {
+					let t = i - e.endRow, n = u.last + u.diff * t;
+					d = c.type === "number" ? n : String(n);
 				} else {
-					let t = (n - e.startRow) % s.length;
-					l = s[t < 0 ? t + s.length : t];
+					let t = (i - e.startRow) % l.length;
+					d = l[t < 0 ? t + l.length : t];
 				}
-				this.data[t][o.key] = l, r.push({
-					dataRow: t,
-					key: o.key,
-					oldValue: a,
-					newValue: l
-				}), i.push(this.data[t]);
+				t(this.data[n], c.key, d), a.push({
+					dataRow: n,
+					key: c.key,
+					oldValue: s,
+					newValue: d
+				}), o.push(this.data[n]);
 			}
 		}
-		r.length > 0 && (this._undo.push({
+		a.length > 0 && (this._undo.push({
 			label: "fill-handle",
 			undo: () => {
-				r.forEach((e, t) => {
-					i[t][e.key] = e.oldValue;
+				a.forEach((e, n) => {
+					t(o[n], e.key, e.oldValue);
 				}), this.requestUpdate();
 			},
 			redo: () => {
-				r.forEach((e, t) => {
-					i[t][e.key] = e.newValue;
+				a.forEach((e, n) => {
+					t(o[n], e.key, e.newValue);
 				}), this.requestUpdate();
 			}
 		}), this._dispatchUndoStateEvent(), this._emit("fill-handle-apply", {
 			sourceRange: e,
-			targetRange: t,
-			cells: r
+			targetRange: n,
+			cells: a
 		})), this.requestUpdate();
 	}
 	_detectNumericSeries(e) {
@@ -4028,7 +4053,7 @@ var K = {
 		let n = (this._colLeftOffsets[e.endCol] ?? 0) + this._getColWidth(t[e.endCol]) - this._scrollLeft - 4, r = this.headerHeight + (e.endRow + 1) * this.rowHeight - this._scrollTop - 4;
 		if (n < 0 || r < this.headerHeight) return "";
 		let i = this._fillDrag?.active && this._fillDrag.targetRange ? this._renderFillPreview(this._fillDrag.targetRange) : "";
-		return a`
+		return s`
       ${i}
       <div class="ft-fill-handle"
         style="left:${n}px;top:${r}px;"
@@ -4039,8 +4064,8 @@ var K = {
 	_renderFillPreview(e) {
 		let t = this.visibleColumns;
 		if (e.endCol >= t.length || e.endRow >= this._visibleRowCount) return "";
-		let n = (this._colLeftOffsets[e.startCol] ?? 0) - this._scrollLeft, r = this.headerHeight + e.startRow * this.rowHeight - this._scrollTop, i = (this._colLeftOffsets[e.endCol] ?? 0) + this._getColWidth(t[e.endCol]) - (this._colLeftOffsets[e.startCol] ?? 0), o = (e.endRow - e.startRow + 1) * this.rowHeight;
-		return a`<div class="ft-fill-preview" style="left:${n}px;top:${r}px;width:${i}px;height:${o}px;"></div>`;
+		let n = (this._colLeftOffsets[e.startCol] ?? 0) - this._scrollLeft, r = this.headerHeight + e.startRow * this.rowHeight - this._scrollTop, i = (this._colLeftOffsets[e.endCol] ?? 0) + this._getColWidth(t[e.endCol]) - (this._colLeftOffsets[e.startCol] ?? 0), a = (e.endRow - e.startRow + 1) * this.rowHeight;
+		return s`<div class="ft-fill-preview" style="left:${n}px;top:${r}px;width:${i}px;height:${a}px;"></div>`;
 	}
 	_onRowNumMouseDown(e, t) {
 		if (e.button !== 0) return;
@@ -4104,11 +4129,7 @@ var K = {
 		});
 	}
 	_toggleFindPanel(e) {
-		if (this._findState?.mode === e) {
-			this._closeFindPanel();
-			return;
-		}
-		this._openFindPanel(e);
+		this._findState?.mode === e ? this._closeFindPanel() : this._openFindPanel(e);
 	}
 	_openFindPanel(e) {
 		this._findState = {
@@ -4164,31 +4185,31 @@ var K = {
 	}
 	_replaceAll() {
 		if (!this._findState || this._findState.results.length === 0) return;
-		let { results: e, replaceWith: t } = this._findState, n = this.visibleColumns, r = [], i = [];
-		for (let { row: a, col: o } of e) {
-			let e = this._toDataIndex(a), s = n[o].key, c = this.data[e][s];
-			this.data[e][s] = t, r.push({
+		let { results: e, replaceWith: n } = this._findState, i = this.visibleColumns, a = [], o = [];
+		for (let { row: s, col: c } of e) {
+			let e = this._toDataIndex(s), l = i[c].key, u = r(this.data[e], l);
+			t(this.data[e], l, n), a.push({
 				dataRow: e,
-				key: s,
-				oldValue: c,
-				newValue: t
-			}), i.push(this.data[e]);
+				key: l,
+				oldValue: u,
+				newValue: n
+			}), o.push(this.data[e]);
 		}
-		r.length > 0 && (this._undo.push({
+		a.length > 0 && (this._undo.push({
 			label: "replace-all",
 			undo: () => {
-				r.forEach((e, t) => {
-					i[t][e.key] = e.oldValue;
+				a.forEach((e, n) => {
+					t(o[n], e.key, e.oldValue);
 				}), this.requestUpdate();
 			},
 			redo: () => {
-				r.forEach((e, t) => {
-					i[t][e.key] = e.newValue;
+				a.forEach((e, n) => {
+					t(o[n], e.key, e.newValue);
 				}), this.requestUpdate();
 			}
 		}), this._dispatchUndoStateEvent(), this._emit("find-replace", {
 			type: "replace-all",
-			cells: r.map((e) => ({
+			cells: a.map((e) => ({
 				row: e.dataRow,
 				col: e.key,
 				oldValue: e.oldValue,
@@ -4198,36 +4219,32 @@ var K = {
 	}
 	_replaceOne() {
 		if (!this._findState || this._findState.results.length === 0) return;
-		let { currentIndex: e, results: t, replaceWith: n } = this._findState, { row: r, col: i } = t[e], a = this._toDataIndex(r), o = this.visibleColumns[i].key, s = this.data[a], c = s[o];
-		s[o] = n, this._undo.push({
+		let { currentIndex: e, results: n, replaceWith: i } = this._findState, { row: a, col: o } = n[e], s = this._toDataIndex(a), c = this.visibleColumns[o].key, l = this.data[s], u = r(l, c);
+		t(l, c, i), this._undo.push({
 			label: "replace",
 			undo: () => {
-				s[o] = c, this.requestUpdate();
+				t(l, c, u), this.requestUpdate();
 			},
 			redo: () => {
-				s[o] = n, this.requestUpdate();
+				t(l, c, i), this.requestUpdate();
 			}
 		}), this._dispatchUndoStateEvent(), this._emit("find-replace", {
 			type: "replace",
 			cells: [{
-				row: a,
-				col: o,
-				oldValue: c,
-				newValue: n
+				row: s,
+				col: c,
+				oldValue: u,
+				newValue: i
 			}]
 		}), this._findSearch(), this._findGoTo(Math.min(e, this._findState.results.length - 1));
 	}
 	_renderFindPanel() {
 		if (!this._findState) return "";
-		let { mode: t, query: n, replaceWith: r, matchCase: i, wholeCell: o, results: s, currentIndex: c } = this._findState, l = s.length, u = l > 0 ? c + 1 : 0;
-		return a`
+		let { mode: t, query: n, replaceWith: r, matchCase: i, wholeCell: a, results: o, currentIndex: c } = this._findState, l = o.length, u = l > 0 ? c + 1 : 0;
+		return s`
       <div class="ft-find-panel"
         @keydown=${(e) => {
-			if (e.stopPropagation(), e.key === "Escape") {
-				this._closeFindPanel();
-				return;
-			}
-			e.key === "Enter" && !v(e) && e.target instanceof HTMLInputElement && e.target.classList.contains("ft-find-input") && (e.shiftKey ? this._findPrev() : this._findNext());
+			e.stopPropagation(), e.key === "Escape" ? this._closeFindPanel() : e.key === "Enter" && !x(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=${e("findPlaceholder")} aria-label=${e("findInput")}
@@ -4242,12 +4259,12 @@ var K = {
           <label title=${e("matchCase")}><input type="checkbox" aria-label=${e("matchCase")} ?checked=${i} @change=${(e) => {
 			this._findState.matchCase = e.target.checked, this._findSearch();
 		}}> Aa</label>
-          <label title=${e("wholeCell")}><input type="checkbox" aria-label=${e("wholeCell")} ?checked=${o} @change=${(e) => {
+          <label title=${e("wholeCell")}><input type="checkbox" aria-label=${e("wholeCell")} ?checked=${a} @change=${(e) => {
 			this._findState.wholeCell = e.target.checked, this._findSearch();
 		}}> [ ]</label>
           <button @click=${() => this._closeFindPanel()} aria-label=${e("closeFind")} aria-keyshortcuts="Escape" title=${`${e("closeFind")} (Escape)`}>✕</button>
         </div>
-        ${t === "replace" ? a`
+        ${t === "replace" ? s`
           <div class="ft-find-row">
             <input class="ft-find-replace-input" type="text" placeholder=${e("replaceWithPlaceholder")} aria-label=${e("replaceInput")}
               .value=${r}
@@ -4262,13 +4279,13 @@ var K = {
     `;
 	}
 	render() {
-		let t = this.visibleColumns, n = this.importEnabled && this._isDragOver ? a`<div class="ft-import-overlay">${e("dropFileToImport")}</div>` : o, r = this.loading ? a`<div class="ft-loading-overlay"></div>` : o;
-		if (t.length === 0) return a`${n}${r}<div class="ft-empty">${e("noColumnsDefined")}</div>`;
-		let i = this.headerHeight, s = this._totalRowWidth, { start: c, end: l } = this.visibleColRange, u = [];
-		for (let e = 0; e < t.length; e++) (t[e].pinned === "left" || t[e].pinned === "right") && (e < c || e >= l) && u.push(e);
-		let d = 0, f = this._scrollLeft, p = this.selectable ? a`<div class="ft-checkbox-header"
+		let t = this.visibleColumns, n = this.importEnabled && this._isDragOver ? s`<div class="ft-import-overlay">${e("dropFileToImport")}</div>` : c, r = this.loading ? s`<div class="ft-loading-overlay"></div>` : c;
+		if (t.length === 0) return s`${n}${r}<div class="ft-empty">${e("noColumnsDefined")}</div>`;
+		let i = this.headerHeight, a = this._totalRowWidth, { start: o, end: l } = this.visibleColRange, u = [];
+		for (let e = 0; e < t.length; e++) (t[e].pinned === "left" || t[e].pinned === "right") && (e < o || e >= l) && u.push(e);
+		let d = 0, f = this._scrollLeft, p = this.selectable ? s`<div class="ft-checkbox-header"
             style="position: absolute; top: 0; left: ${f + d}px; width: ${this._checkboxColWidth}px; height: ${i}px; z-index: 4;">
-          ${this._rowSelection.mode === "multi" ? a`
+          ${this._rowSelection.mode === "multi" ? s`
             <!-- 칸 전체가 누르는 자리다(라벨) — 체크 상자는 16px 그대로. -->
             <label class="ft-checkbox-hit"><input type="checkbox" tabindex="-1" aria-label=${e("selectAllRows")}
               .checked=${this._rowSelection.isAllSelected(this._visibleRowIds())}
@@ -4277,16 +4294,16 @@ var K = {
           ` : ""}
         </div>` : "";
 		this.selectable && (d += this._checkboxColWidth);
-		let m = this.showRowNumbers ? a`<div class="ft-row-num-header"
+		let m = this.showRowNumbers ? s`<div class="ft-row-num-header"
             style="position: absolute; top: 0; left: ${f + d}px; width: 48px; height: ${i}px; z-index: 4;">#</div>` : "", h = [];
 		for (let e of u) h.push(this._renderHeaderCell(t[e], e));
-		for (let e = c; e < l; e++) h.push(this._renderHeaderCell(t[e], e));
-		let g = this._colDragIndicatorLeft == null ? "" : a`<div class="ft-drop-indicator" style="left:${this._colDragIndicatorLeft}px"></div>`;
+		for (let e = o; e < l; e++) h.push(this._renderHeaderCell(t[e], e));
+		let g = this._colDragIndicatorLeft == null ? "" : s`<div class="ft-drop-indicator" style="left:${this._colDragIndicatorLeft}px"></div>`;
 		if (this.error || this.data.length === 0 || this._visibleRowCount === 0) {
-			let t = this.error ? a`<div class="ft-empty ft-error" role="alert">${this.error.message}</div>` : a`<div class="ft-empty">${this.data.length === 0 ? this.emptyMessage || e("noData") : this.noMatchingMessage || e("noMatchingData")}</div>`;
-			return a`
+			let t = this.error ? s`<div class="ft-empty ft-error" role="alert">${this.error.message}</div>` : s`<div class="ft-empty">${this.data.length === 0 ? this.emptyMessage || e("noData") : this.noMatchingMessage || e("noMatchingData")}</div>`;
+			return s`
         ${r}
-        <div class="ft-header" role="row" aria-rowindex="1" style="width: ${s}px; height: ${i}px;">
+        <div class="ft-header" role="row" aria-rowindex="1" style="width: ${a}px; height: ${i}px;">
           ${p}${m}
           ${h}
           ${g}
@@ -4295,22 +4312,22 @@ var K = {
       `;
 		}
 		let { start: _, end: v } = this.visibleRange, y = this._frozenRowCount, b = [];
-		for (let e = _; e < v; e++) b.push(this._renderRow(e, c, l, u, (e - y) * this.rowHeight));
-		let x = this._renderFillHandle(), S = this._rowDragIndicatorY == null ? "" : a`<div class="ft-row-drop-indicator" style="top:${this._rowDragIndicatorY}px;width:${s}px;"></div>`;
-		return a`
+		for (let e = _; e < v; e++) b.push(this._renderRow(e, o, l, u, (e - y) * this.rowHeight));
+		let x = this._renderFillHandle(), S = this._rowDragIndicatorY == null ? "" : s`<div class="ft-row-drop-indicator" style="top:${this._rowDragIndicatorY}px;width:${a}px;"></div>`;
+		return s`
       ${n}
       ${r}
       ${this._renderFindPanel()}
-      <div class="ft-header" role="row" aria-rowindex="1" style="width: ${s}px; height: ${i}px;">
+      <div class="ft-header" role="row" aria-rowindex="1" style="width: ${a}px; height: ${i}px;">
         ${p}${m}
         ${h}
         ${g}
       </div>
-      ${this._renderFrozenRows(c, l, u)}
-      <div class="ft-body" style="height: ${this.totalBodyHeight}px; width: ${s}px;">
+      ${this._renderFrozenRows(o, l, u)}
+      <div class="ft-body" style="height: ${this.totalBodyHeight}px; width: ${a}px;">
         ${b}
       </div>
-      ${this.footerData ? this._renderFooter(c, l, u) : ""}
+      ${this.footerData ? this._renderFooter(o, l, u) : ""}
       ${S}
       ${x}
       ${this._renderHeaderContextMenu()}
@@ -4333,45 +4350,45 @@ var K = {
 	}
 	_renderFrozenRows(e, t, n) {
 		let r = this._frozenRowCount;
-		if (r === 0) return o;
-		let i = this._totalRowWidth, s = [];
-		for (let i = 0; i < r; i++) s.push(this._renderRow(i, e, t, n, i * this.rowHeight));
-		return a`
+		if (r === 0) return c;
+		let i = this._totalRowWidth, a = [];
+		for (let i = 0; i < r; i++) a.push(this._renderRow(i, e, t, n, i * this.rowHeight));
+		return s`
       <div class="ft-frozen-rows" style="top: ${this.headerHeight}px; height: ${this.frozenRowsHeight}px; width: ${i}px;">
-        ${s}
+        ${a}
       </div>
     `;
 	}
 	_renderFooter(e, t, n) {
 		if (!this.footerData) return "";
-		let r = this.visibleColumns, i = this.rowHeight, o = this._totalRowWidth, s = this._scrollLeft, c = 0, l = this.selectable ? a`<div class="ft-footer-cell ft-checkbox-cell"
-            style="position: absolute; top: 0; left: ${s + c}px; width: ${this._checkboxColWidth}px; height: ${i}px; z-index: 2;"></div>` : "";
+		let r = this.visibleColumns, i = this.rowHeight, a = this._totalRowWidth, o = this._scrollLeft, c = 0, l = this.selectable ? s`<div class="ft-footer-cell ft-checkbox-cell"
+            style="position: absolute; top: 0; left: ${o + c}px; width: ${this._checkboxColWidth}px; height: ${i}px; z-index: 2;"></div>` : "";
 		this.selectable && (c += this._checkboxColWidth);
-		let u = this.showRowNumbers ? a`<div class="ft-footer-cell ft-row-num"
-            style="position: absolute; top: 0; left: ${s + c}px; width: 48px; height: ${i}px; z-index: 2;"></div>` : "", d = [];
+		let u = this.showRowNumbers ? s`<div class="ft-footer-cell ft-row-num"
+            style="position: absolute; top: 0; left: ${o + c}px; width: 48px; height: ${i}px; z-index: 2;"></div>` : "", d = [];
 		for (let e of n) {
-			let t = r[e], n = this._getColWidth(t), o = t.pinned === "right" ? `position: absolute; top: 0; left: ${this._getPinnedRightLeft(e)}px; width: ${n}px; height: ${i}px; z-index: 2;` : `position: absolute; top: 0; left: ${s + this._getPinnedLeft(e)}px; width: ${n}px; height: ${i}px; z-index: 2;`;
-			d.push(a`
-        <div class="ft-footer-cell ft-pinned" role="gridcell" aria-colindex=${e + 1} style=${o}>
+			let t = r[e], n = this._getColWidth(t), a = t.pinned === "right" ? `position: absolute; top: 0; left: ${this._getPinnedRightLeft(e)}px; width: ${n}px; height: ${i}px; z-index: 2;` : `position: absolute; top: 0; left: ${o + this._getPinnedLeft(e)}px; width: ${n}px; height: ${i}px; z-index: 2;`;
+			d.push(s`
+        <div class="ft-footer-cell ft-pinned" role="gridcell" aria-colindex=${e + 1} style=${a}>
           ${this.footerData[t.key] ?? ""}</div>
       `);
 		}
 		for (let n = e; n < t; n++) {
-			let e = r[n], t = this._getColWidth(e), o = this._colLeftOffsets[n] ?? 0, c = e.pinned === "left", l = e.pinned === "right", u = c || l, f;
-			f = c ? `position: absolute; top: 0; left: ${s + this._getPinnedLeft(n)}px; width: ${t}px; height: ${i}px; z-index: 2;` : l ? `position: absolute; top: 0; right: ${-s + this._getPinnedRight(n)}px; width: ${t}px; height: ${i}px; z-index: 2;` : `left: ${o}px; width: ${t}px; height: ${i}px;`, d.push(a`
+			let e = r[n], t = this._getColWidth(e), a = this._colLeftOffsets[n] ?? 0, c = e.pinned === "left", l = e.pinned === "right", u = c || l, f;
+			f = c ? `position: absolute; top: 0; left: ${o + this._getPinnedLeft(n)}px; width: ${t}px; height: ${i}px; z-index: 2;` : l ? `position: absolute; top: 0; right: ${-o + this._getPinnedRight(n)}px; width: ${t}px; height: ${i}px; z-index: 2;` : `left: ${a}px; width: ${t}px; height: ${i}px;`, d.push(s`
         <div class="ft-footer-cell ${u ? "ft-pinned" : ""}" role="gridcell" aria-colindex=${n + 1} style=${f}>
           ${this.footerData[e.key] ?? ""}</div>
       `);
 		}
-		return a`
-      <div class="ft-footer" role="row" aria-rowindex=${this._visibleRowCount + 2} style="width: ${o}px; height: ${i}px;">
+		return s`
+      <div class="ft-footer" role="row" aria-rowindex=${this._visibleRowCount + 2} style="width: ${a}px; height: ${i}px;">
         ${l}${u}
         ${d}
       </div>
     `;
 	}
-	_renderRow(t, n, r, i, o) {
-		let s = this.visibleColumns, c = this._toDataIndex(t), l = this.data[c], u = o ?? t * this.rowHeight, d = this.rowHeight, f = this._totalRowWidth, p = t % 2 == 0 ? "ft-row-even" : "ft-row-odd", m = this.selectable && l !== void 0 && this._rowSelection.isSelected(this.getRowId(l)), h = this._scrollLeft, g = 0, _ = this.selectable ? a`
+	_renderRow(t, n, r, i, a) {
+		let o = this.visibleColumns, c = this._toDataIndex(t), l = this.data[c], u = a ?? t * this.rowHeight, d = this.rowHeight, f = this._totalRowWidth, p = t % 2 == 0 ? "ft-row-even" : "ft-row-odd", m = this.selectable && l !== void 0 && this._rowSelection.isSelected(this.getRowId(l)), h = this._scrollLeft, g = 0, _ = this.selectable ? s`
       <div class="ft-checkbox-cell"
         style="position: absolute; top: 0; left: ${h + g}px; width: ${this._checkboxColWidth}px; height: ${d}px; z-index: 2;">
         <!-- 행 체크박스는 Tab 정지점이 아니다 — 그리드(호스트)가 하나의 정지점이고 행 선택은 Shift+Space 다.
@@ -4383,15 +4400,15 @@ var K = {
       </div>
     ` : "";
 		this.selectable && (g += this._checkboxColWidth);
-		let v = this._rowDrag?.active && this._rowDrag.rowIndex === t, y = this.showRowNumbers ? a`
+		let v = this._rowDrag?.active && this._rowDrag.rowIndex === t, y = this.showRowNumbers ? s`
       <div class="ft-row-num ${v ? "ft-col-dragging" : ""}"
         style="position: absolute; top: 0; left: ${h + g}px; width: 48px; height: ${d}px; z-index: 2; cursor: grab;"
         @mousedown=${(e) => this._onRowNumMouseDown(e, t)}
         @click=${() => this._onRowNumberClick(t)}>${c + 1}</div>
     ` : "", b = [];
-		for (let e of i) b.push(this._renderCell(l, s[e], t, e, this._mergeState(s[e], t)));
-		for (let e = n; e < r; e++) b.push(this._renderCell(l, s[e], t, e, this._mergeState(s[e], t)));
-		return a`
+		for (let e of i) b.push(this._renderCell(l, o[e], t, e, this._mergeState(o[e], t)));
+		for (let e = n; e < r; e++) b.push(this._renderCell(l, o[e], t, e, this._mergeState(o[e], t)));
+		return s`
       <div class="ft-row ${p} ${m ? "ft-row-selected" : ""}" role="row" aria-rowindex=${t + 2}
         style="top: ${u}px; height: ${d}px; width: ${f}px;">
         ${_}${y}
@@ -4402,13 +4419,13 @@ var K = {
 	_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);
+		let i = this.data[this._toDataIndex(t)], a = this.data[this._toDataIndex(t - 1)];
+		if (!i || !a) return !1;
+		if (typeof n == "function") return n(i, a, e);
+		let o = r(i, e.key);
+		if (o == null || o === "") return !1;
+		let s = r(a, e.key);
+		return o instanceof Date && s instanceof Date ? o.getTime() === s.getTime() : Object.is(o, s);
 	}
 	_isForcedRunHead(e) {
 		let t = this._frozenRowCount;
@@ -4426,75 +4443,75 @@ var K = {
 			headParity: i % 2 == 0 ? "even" : "odd"
 		};
 	}
-	_renderCell(e, t, n, r, i = 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);
+	_renderCell(e, t, n, i, a = null) {
+		let o = this._activeCell?.row === n && this._activeCell?.col === i, l = this._editingCell?.row === n && this._editingCell?.col === i, u = this._selection.isInRange(n, i), d = t.pinned === "left", f = t.pinned === "right", p = d || f, m = this._getColWidth(t), h = this.rowHeight, g = this._colLeftOffsets[i] ?? 0, _;
+		_ = d ? `position: absolute; top: 0; left: ${this._scrollLeft + this._getPinnedLeft(i)}px; width: ${m}px; height: ${h}px; z-index: 2;` : f ? `position: absolute; top: 0; left: ${this._getPinnedRightLeft(i)}px; width: ${m}px; height: ${h}px; z-index: 2;` : `left: ${g}px; width: ${m}px; height: ${h}px;`;
+		let v = !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 && (g += " " + i + ";");
+			let n = r(e, t.key), i = {};
+			for (let r of t.conditionalRules) r.when(n, e, t) && (r.style.background && (i.background = r.style.background), r.style.color && (i.color = r.style.color), r.style.fontWeight && (i["font-weight"] = r.style.fontWeight), r.style.fontStyle && (i["font-style"] = r.style.fontStyle));
+			let a = Object.entries(i).map(([e, t]) => `${e}: ${t}`).join("; ");
+			a && (_ += " " + a + ";");
 		}
-		if (c) return a`
-        <div class="ft-cell ft-editing ft-active ${f ? "ft-pinned" : ""}" role="gridcell"
-          aria-colindex=${r + 1}
-          data-col-index=${r}
+		if (l) return s`
+        <div class="ft-cell ft-editing ft-active ${p ? "ft-pinned" : ""}" role="gridcell"
+          aria-colindex=${i + 1}
+          data-col-index=${i}
           aria-selected="true"
-          aria-readonly=${_ ? "true" : o}
-          style=${g}>
+          aria-readonly=${v ? "true" : c}
+          style=${_}>
           ${this._renderEditor(e, t)}
         </div>
       `;
-		let v = s || l, y = this._isCellInvalid(e, t), b = (this._findState?.results ?? []).findIndex((e) => e.row === n && e.col === r), x = b >= 0, S = x && b === this._findState.currentIndex, C = [
+		let y = o || u, b = this._isCellInvalid(e, t), x = (this._findState?.results ?? []).findIndex((e) => e.row === n && e.col === i), S = x >= 0, C = S && x === this._findState.currentIndex, w = [
 			"ft-cell",
 			`ft-type-${t.type ?? "text"}`,
-			`ft-align-${W(t)}`,
-			s ? "ft-active" : "",
-			l ? "ft-selected" : "",
-			f ? "ft-pinned" : "",
-			y ? "ft-invalid" : "",
-			S ? "ft-find-current" : x ? "ft-find-match" : "",
-			i ? `ft-merge-${i.headParity}` : "",
-			i?.continues ? "ft-merge-continued" : "",
-			i?.opensDown ? "ft-merge-open" : "",
+			`ft-align-${K(t)}`,
+			o ? "ft-active" : "",
+			u ? "ft-selected" : "",
+			p ? "ft-pinned" : "",
+			b ? "ft-invalid" : "",
+			C ? "ft-find-current" : S ? "ft-find-match" : "",
+			a ? `ft-merge-${a.headParity}` : "",
+			a?.continues ? "ft-merge-continued" : "",
+			a?.opensDown ? "ft-merge-open" : "",
 			t.reveal === "hover" ? "ft-reveal-hover" : ""
-		].filter(Boolean).join(" "), w = this._comments.size > 0 ? this._comments.get(this.getRowId(e))?.get(t.key) ?? null : null, T = w !== null, E = T ? a`<div class="ft-comment-indicator" title=${w}></div>` : o;
-		return a`
-      <div class=${T ? C + " ft-has-comment" : C}
+		].filter(Boolean).join(" "), T = this._comments.size > 0 ? this._comments.get(this.getRowId(e))?.get(t.key) ?? null : null, E = T !== null, ee = E ? s`<div class="ft-comment-indicator" title=${T}></div>` : c;
+		return s`
+      <div class=${E ? w + " ft-has-comment" : w}
         role="gridcell"
         tabindex="-1"
-        aria-colindex=${r + 1}
-        data-col-index=${r}
-        aria-selected=${v ? "true" : "false"}
-        aria-readonly=${_ ? "true" : o}
-        aria-invalid=${y ? "true" : o}
-        title=${y ?? o}
-        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)}>
-        ${E}
-        ${D(e[t.key], e, t)}
+        aria-colindex=${i + 1}
+        data-col-index=${i}
+        aria-selected=${y ? "true" : "false"}
+        aria-readonly=${v ? "true" : c}
+        aria-invalid=${b ? "true" : c}
+        title=${b ?? c}
+        style=${_}
+        @mousedown=${(e) => this._onCellMouseDown(e, n, i)}
+        @mouseenter=${() => this._onCellMouseEnter(n, i)}
+        @click=${(e) => this._onCellClickEvent(e, n, i)}
+        @dblclick=${() => this._onCellDblClick(n, i)}>
+        ${ee}
+        ${ie(r(e, t.key), e, t)}
       </div>
     `;
 	}
 	_renderEditor(e, t) {
-		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 a`
+		if (t.editor) return t.editor(r(e, t.key), e, t);
+		let n = r(e, t.key), i = n == null ? "" : String(n);
+		if (t.type === "number") return s`
         <input class="ft-editor ft-editor-number" type="text" inputmode="decimal" aria-label=${t.label}
-          .value=${typeof n == "number" ? j(n) : r}
+          .value=${typeof n == "number" ? j(n) : i}
           @keydown=${this._onEditorKeyDown}
           @blur=${this._onEditorBlur}>
       `;
 		if (t.type === "date" || t.type === "datetime") {
 			let e = t.type === "datetime";
-			return a`
+			return s`
         <u-date-picker class="ft-editor ft-editor-${t.type}" size="sm" aria-label=${t.label}
           mode=${e ? "datetime" : "date"} ?confirm=${e}
-          .value=${Qe(n, e)}
+          .value=${ft(n, e)}
           @keydown=${this._onEditorKeyDown}
           @change=${() => this._commitEdit()}
           @blur=${this._onEditorBlur}></u-date-picker>
@@ -4502,30 +4519,30 @@ var K = {
 		}
 		if (t.type === "select" && t.options && t.options.length > 0) {
 			let e = t.options, r = typeof e[0] == "string";
-			return a`
+			return s`
         <select class="ft-editor" aria-label=${t.label}
           @keydown=${this._onEditorKeyDown}
           @blur=${this._onEditorBlur}
           @change=${() => this._commitEdit()}>
-          ${r ? e.map((e) => a`<option value=${e} ?selected=${e === n}>${e}</option>`) : e.map((e) => a`<option value=${String(e.value)} ?selected=${e.value === n}>${e.label}</option>`)}
+          ${r ? e.map((e) => s`<option value=${e} ?selected=${e === n}>${e}</option>`) : e.map((e) => s`<option value=${String(e.value)} ?selected=${e.value === n}>${e.label}</option>`)}
         </select>
       `;
 		}
 		if (t.autocomplete) {
 			let e = this._autocompleteState?.candidates ?? [], n = this._autocompleteState?.activeIndex ?? -1;
-			return a`
+			return s`
         <input class="ft-editor" type="text" aria-label=${t.label}
           role="combobox" aria-autocomplete="list"
           aria-expanded=${e.length > 0 ? "true" : "false"}
           aria-controls="ft-autocomplete-list"
-          aria-activedescendant=${n >= 0 && e.length > 0 ? `ft-autocomplete-${n}` : o}
-          .value=${r}
+          aria-activedescendant=${n >= 0 && e.length > 0 ? `ft-autocomplete-${n}` : c}
+          .value=${i}
           @input=${(e) => this._onAutocompleteInput(e, t)}
           @keydown=${this._onEditorKeyDown}
           @blur=${this._onEditorBlur}>
-        ${e.length > 0 ? a`
+        ${e.length > 0 ? s`
           <div class="ft-autocomplete-dropdown" id="ft-autocomplete-list" role="listbox" aria-label=${t.label}>
-            ${e.map((e, t) => a`
+            ${e.map((e, t) => s`
               <div class="ft-autocomplete-item ${t === n ? "ft-autocomplete-active" : ""}"
                 id=${`ft-autocomplete-${t}`} role="option" aria-selected=${t === n ? "true" : "false"}
                 @mousedown=${(t) => {
@@ -4535,78 +4552,78 @@ var K = {
               </div>
             `)}
           </div>
-        ` : o}
+        ` : c}
       `;
 		}
-		return a`
+		return s`
       <input class="ft-editor" type="text" aria-label=${t.label}
-        .value=${r}
+        .value=${i}
         @keydown=${this._onEditorKeyDown}
         @blur=${this._onEditorBlur}>
     `;
 	}
 };
-G([c({ type: Array })], Q.prototype, "columns", void 0), G([c({
+q([u({ type: Array })], Q.prototype, "columns", void 0), q([u({
 	type: Array,
 	hasChanged: () => !0
-})], Q.prototype, "data", null), G([c({
+})], Q.prototype, "data", null), q([u({
 	type: Boolean,
 	attribute: "clear-undo-on-data-change"
-})], Q.prototype, "clearUndoOnDataChange", void 0), G([c({
+})], Q.prototype, "clearUndoOnDataChange", void 0), q([u({
 	type: Boolean,
 	attribute: "clear-selection-on-data-change"
-})], Q.prototype, "clearSelectionOnDataChange", void 0), G([c({ attribute: "row-key" })], Q.prototype, "rowKey", void 0), G([c({
+})], Q.prototype, "clearSelectionOnDataChange", void 0), q([u({ attribute: "row-key" })], Q.prototype, "rowKey", void 0), q([u({
 	type: Number,
 	attribute: "row-height"
-})], Q.prototype, "rowHeight", null), G([c({
+})], Q.prototype, "rowHeight", null), q([u({
 	type: Boolean,
 	attribute: "show-row-numbers"
-})], Q.prototype, "showRowNumbers", void 0), G([c({
+})], Q.prototype, "showRowNumbers", void 0), q([u({
 	type: String,
 	reflect: !0
-})], Q.prototype, "theme", void 0), G([c({
+})], Q.prototype, "theme", void 0), q([u({
 	type: Number,
 	attribute: "max-rows"
-})], Q.prototype, "maxRows", void 0), G([c({ type: Boolean })], Q.prototype, "editable", void 0), G([c({
+})], Q.prototype, "maxRows", void 0), q([u({ type: Boolean })], Q.prototype, "editable", void 0), q([u({
 	type: Boolean,
 	attribute: "show-filters"
-})], Q.prototype, "showFilters", void 0), G([c({
+})], Q.prototype, "showFilters", void 0), q([u({
 	type: Boolean,
 	attribute: "show-context-menu"
-})], Q.prototype, "showContextMenu", void 0), G([c({
+})], Q.prototype, "showContextMenu", void 0), q([u({
 	type: Number,
 	attribute: "frozen-rows"
-})], Q.prototype, "frozenRows", void 0), G([c({
+})], Q.prototype, "frozenRows", void 0), q([u({
 	type: String,
 	attribute: "empty-message"
-})], Q.prototype, "emptyMessage", void 0), G([c({
+})], Q.prototype, "emptyMessage", void 0), q([u({
 	type: String,
 	attribute: "no-matching-message"
-})], Q.prototype, "noMatchingMessage", void 0), G([c({ attribute: !1 })], Q.prototype, "error", void 0), G([c({
+})], Q.prototype, "noMatchingMessage", void 0), q([u({ attribute: !1 })], Q.prototype, "error", void 0), q([u({
 	type: Boolean,
 	reflect: !0
-})], Q.prototype, "loading", void 0), G([c({
+})], Q.prototype, "loading", void 0), q([u({
 	type: Boolean,
 	attribute: "import-enabled"
-})], Q.prototype, "importEnabled", void 0), G([c({ type: Boolean })], Q.prototype, "selectable", void 0), G([c({
+})], Q.prototype, "importEnabled", void 0), q([u({ type: Boolean })], Q.prototype, "selectable", void 0), q([u({
 	type: String,
 	attribute: "selection-mode"
-})], Q.prototype, "selectionMode", null), G([c({
+})], Q.prototype, "selectionMode", null), q([u({
 	type: String,
 	attribute: "data-mode"
-})], Q.prototype, "dataMode", void 0), G([c({
+})], Q.prototype, "dataMode", void 0), q([u({
 	type: Object,
 	attribute: "footer-data"
-})], Q.prototype, "footerData", void 0), G([c({ attribute: !1 })], Q.prototype, "stylesheets", void 0), G([c({
+})], Q.prototype, "footerData", void 0), q([u({ attribute: !1 })], Q.prototype, "stylesheets", void 0), q([u({
 	type: Number,
 	attribute: "max-undo-size"
-})], Q.prototype, "maxUndoSize", null), G([l()], Q.prototype, "_scrollTop", void 0), G([l()], Q.prototype, "_scrollLeft", void 0), G([l()], Q.prototype, "_viewportHeight", void 0), G([l()], Q.prototype, "_viewportWidth", void 0), G([l()], Q.prototype, "_activeCell", void 0), G([l()], Q.prototype, "_headerCol", void 0), G([l()], Q.prototype, "_editingCell", void 0), G([l()], Q.prototype, "_sortCriteria", void 0), G([l()], Q.prototype, "_openFilterKey", void 0), G([l()], Q.prototype, "_rowSelectionVersion", void 0), G([l()], Q.prototype, "_autocompleteState", void 0), G([l()], Q.prototype, "_headerMenu", void 0), G([l()], Q.prototype, "_bodyContextMenu", void 0), G([l()], Q.prototype, "_commentPopup", void 0), G([l()], Q.prototype, "_isDragOver", void 0), Q = G([s("flex-table")], Q);
-function Qe(e, t) {
+})], Q.prototype, "maxUndoSize", null), q([d()], Q.prototype, "_scrollTop", void 0), q([d()], Q.prototype, "_scrollLeft", void 0), q([d()], Q.prototype, "_viewportHeight", void 0), q([d()], Q.prototype, "_viewportWidth", void 0), q([d()], Q.prototype, "_activeCell", void 0), q([d()], Q.prototype, "_headerCol", void 0), q([d()], Q.prototype, "_editingCell", void 0), q([d()], Q.prototype, "_sortCriteria", void 0), q([d()], Q.prototype, "_openFilterKey", void 0), q([d()], Q.prototype, "_rowSelectionVersion", void 0), q([d()], Q.prototype, "_autocompleteState", void 0), q([d()], Q.prototype, "_headerMenu", void 0), q([d()], Q.prototype, "_bodyContextMenu", void 0), q([d()], Q.prototype, "_commentPopup", void 0), q([d()], Q.prototype, "_isDragOver", void 0), Q = q([l("flex-table")], Q);
+function ft(e, t) {
 	if (t) {
-		let t = me(e);
+		let t = ye(e);
 		return /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/.test(t) ? t.replace(" ", "T") : void 0;
 	}
-	let n = pe(e);
+	let n = ve(e);
 	return /^\d{4}-\d{2}-\d{2}$/.test(n) ? n : void 0;
 }
 function $(e) {
@@ -4617,4 +4634,4 @@ function $(e) {
 	}
 }
 //#endregion
-export { z as a, D as c, R as i, W as n, k as o, H as r, O as s, Q as t };
+export { V as a, ie as c, B as i, K as n, O as o, W as r, D as s, Q as t };