@iyulab/flex-table 0.52.0 → 0.53.0

package/dist/{flex-table-CtlqiwD8.js → flex-table-DUAMhXCS.js}

@@ -1,14 +1,15 @@
-import { n as e, t } from "./sorting-CjfjRxwL.js";
-import { LitElement as n, css as r, html as i, nothing as a } from "lit";
-import { customElement as o, property as s, state as c } from "lit/decorators.js";
-import { Locale as l } from "@iyulab/components/dist/utilities/Locale.js";
-import { formatDate as u, formatNumber as d, parseDate as f, parseDateTime as p, parseNumber as m } from "@iyulab/components/dist/utilities/format.js";
-import { decodeTsv as h, encodeTsv as g } from "@iyulab/components/dist/utilities/tsv.js";
+import { n as e } from "./locale-B1SiVDS1.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 "@iyulab/components/dist/components/date-picker/UDatePicker.js";
-import { isImeComposing as _ } from "@iyulab/components/dist/utilities/keyboard.js";
-import { copyFromKey as v, isTextEntry as y, pasteFromKey as b } from "@iyulab/components/dist/utilities/clipboard.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";
 //#region src/styles/flex-table.styles.ts
-var x = r`
+var S = i`
   /* --- Theme Variables (Light defaults) --- */
   :host {
     --ft-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
@@ -1023,26 +1024,26 @@ var x = r`
 `;
 //#endregion
 //#region src/renderers/format.ts
-function S(e, t) {
-	return e == null ? "" : typeof t == "function" ? t(e) : C(t) ? w(e, t) : ee(e, t);
+function C(e, t) {
+	return e == null ? "" : typeof t == "function" ? t(e) : w(t) ? E(e, t) : T(e, t);
 }
-function C(e) {
+function w(e) {
 	return /[yMdHhms]/.test(e);
 }
-function ee(e, t) {
+function T(e, t) {
 	let n = typeof e == "number" ? e : Number(e);
 	if (isNaN(n)) return String(e);
-	let r = t.endsWith("%"), i = t.match(/^([^#0.,%]+)/), a = i ? i[1] : "", o = t.replace(/^[^#0.,%]+/, "").replace(/%$/, ""), s = o.match(/\.([0#]+)$/), c = s ? s[1].length : 0, u = {
+	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(l.get(), {
-		...u,
+	return r ? d = new Intl.NumberFormat(u.get(), {
+		...l,
 		style: "percent"
-	}).format(n) : (d = new Intl.NumberFormat(l.get(), u).format(n), a && (d = a + d)), d + "";
+	}).format(n) : (d = new Intl.NumberFormat(u.get(), l).format(n), a && (d = a + d)), d + "";
 }
-function w(e, t) {
+function E(e, t) {
 	let n;
 	if (e instanceof Date) n = e;
 	else if (typeof e == "string" || typeof e == "number") n = new Date(e);
@@ -1053,21 +1054,21 @@ function w(e, t) {
 }
 //#endregion
 //#region src/renderers/cell-renderer.ts
-function T(e, t, n) {
-	return n.render ? n.render(e, t, n) : n.format ? typeof n.format == "function" ? n.format(e, t, n) : S(e, n.format) : E(e, n);
+function D(e, t, n) {
+	return n.render ? n.render(e, t, n) : n.format ? typeof n.format == "function" ? n.format(e, t, n) : C(e, n.format) : O(e, n);
 }
-function E(e, t) {
+function O(e, t) {
 	if (e == null) return "";
 	switch (t.type) {
 		case "number": return ne(e);
-		case "boolean": return i`<span class="ft-bool">${e ? "✔" : ""}</span>`;
+		case "boolean": return a`<span class="ft-bool">${e ? "✔" : ""}</span>`;
 		case "date": return re(e);
 		case "datetime": return ie(e);
-		case "select": return D(e, t);
+		case "select": return ee(e, t);
 		default: return String(e);
 	}
 }
-function D(e, t) {
+function ee(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);
@@ -1081,160 +1082,15 @@ var te = {
 	second: "numeric"
 };
 function ne(e) {
-	return typeof e == "number" ? Number.isInteger(e) ? d(e) : d(e, { minimumFractionDigits: 1 }) : String(e);
+	return typeof e == "number" ? Number.isInteger(e) ? f(e) : f(e, { minimumFractionDigits: 1 }) : String(e);
 }
 function re(e) {
-	return e instanceof Date || typeof e == "string" ? u(e) : String(e);
+	return e instanceof Date || typeof e == "string" ? d(e) : String(e);
 }
 function ie(e) {
-	return e instanceof Date || typeof e == "string" ? u(e, te) : String(e);
+	return e instanceof Date || typeof e == "string" ? d(e, te) : String(e);
 }
 //#endregion
-//#region src/locale.ts
-var O = l.namespace("flex-table");
-O.register("en", {
-	showHiddenColumns: "Show hidden column(s)",
-	columnMenu: "Column menu",
-	cellActions: "Cell actions",
-	noColumnsDefined: "No columns defined",
-	addCommentPlaceholder: "Add a comment… (Ctrl+Enter to save)",
-	cancel: "Cancel",
-	save: "Save",
-	clear: "Clear",
-	blankCells: "Blank cells",
-	emptyOnly: "Empty only",
-	nonEmptyOnly: "Non-empty only",
-	blankAll: "— All —",
-	all: "All",
-	contains: "Contains",
-	startsWith: "Starts with",
-	endsWith: "Ends with",
-	wildcard: "Wildcard",
-	searchPlaceholder: "Search...",
-	valuePlaceholder: "Value",
-	fromPlaceholder: "From",
-	toPlaceholder: "To",
-	findPlaceholder: "Find...",
-	findPrevious: "Previous match",
-	findNext: "Next match",
-	matchCase: "Match case",
-	wholeCell: "Whole cell",
-	closeFind: "Close find",
-	findNoResults: "No results",
-	replaceWithPlaceholder: "Replace with...",
-	replace: "Replace",
-	replaceAll: "Replace all",
-	findInput: "Find",
-	replaceInput: "Replace with",
-	filterFor: "Filter {header}",
-	filterMatchMode: "Match",
-	filterText: "Filter text",
-	conditionOperator: "Condition {n}",
-	conditionValue: "Condition {n} value",
-	conditionJoin: "Combine conditions",
-	sortAscending: "Sort ascending",
-	sortDescending: "Sort descending",
-	filter: "Filter…",
-	clearFilter: "Clear filter",
-	hideColumn: "Hide column",
-	showColumn: "Show: {header}",
-	autoFitWidth: "Auto-fit width",
-	wider: "Wider",
-	narrower: "Narrower",
-	columnMenuFor: "Column menu: {header}",
-	columnMenuRegion: "{header} column",
-	copy: "Copy",
-	insertRowAbove: "Insert row above",
-	insertRowBelow: "Insert row below",
-	deleteRow: "Delete row",
-	selectRow: "Select row",
-	selectAllRows: "Select all rows",
-	filterByThisValue: "Filter by this value",
-	addComment: "Add Comment",
-	editComment: "Edit Comment",
-	deleteComment: "Delete Comment",
-	booleanTrue: "True",
-	booleanFalse: "False",
-	dropFileToImport: "Drop file to import (.xlsx / .csv)",
-	notANumber: "Enter a number",
-	notADate: "Enter a date as YYYY-MM-DD",
-	notADateTime: "Enter a date and time as YYYY-MM-DD HH:mm",
-	notInList: "Value must be from the existing list",
-	requestFailed: "Request failed ({status})",
-	networkFailed: "Could not reach the server."
-}), O.register("ko", {
-	showHiddenColumns: "숨긴 열 보기",
-	columnMenu: "열 메뉴",
-	cellActions: "셀 작업",
-	noColumnsDefined: "정의된 열이 없습니다",
-	addCommentPlaceholder: "메모 입력… (Ctrl+Enter 로 저장)",
-	cancel: "취소",
-	save: "저장",
-	clear: "지우기",
-	blankCells: "빈 셀",
-	emptyOnly: "빈 값만",
-	nonEmptyOnly: "빈 값 제외",
-	blankAll: "— 전체 —",
-	all: "전체",
-	contains: "포함",
-	startsWith: "시작 문자",
-	endsWith: "끝 문자",
-	wildcard: "와일드카드",
-	searchPlaceholder: "검색...",
-	valuePlaceholder: "값",
-	fromPlaceholder: "시작",
-	toPlaceholder: "끝",
-	findPlaceholder: "찾기...",
-	findPrevious: "이전 일치",
-	findNext: "다음 일치",
-	matchCase: "대/소문자 구분",
-	wholeCell: "셀 전체 일치",
-	closeFind: "찾기 닫기",
-	findNoResults: "결과 없음",
-	replaceWithPlaceholder: "바꿀 내용...",
-	replace: "바꾸기",
-	replaceAll: "모두 바꾸기",
-	findInput: "찾을 내용",
-	replaceInput: "바꿀 내용",
-	filterFor: "{header} 필터",
-	filterMatchMode: "일치 방식",
-	filterText: "필터 텍스트",
-	conditionOperator: "조건 {n}",
-	conditionValue: "조건 {n} 값",
-	conditionJoin: "조건 결합",
-	sortAscending: "오름차순 정렬",
-	sortDescending: "내림차순 정렬",
-	filter: "필터…",
-	clearFilter: "필터 지우기",
-	hideColumn: "열 숨기기",
-	showColumn: "{header} 보기",
-	autoFitWidth: "너비 자동 맞춤",
-	wider: "넓게",
-	narrower: "좁게",
-	columnMenuFor: "{header} 열 메뉴",
-	columnMenuRegion: "{header} 열",
-	copy: "복사",
-	insertRowAbove: "위에 행 삽입",
-	insertRowBelow: "아래에 행 삽입",
-	deleteRow: "행 삭제",
-	selectRow: "행 선택",
-	selectAllRows: "모든 행 선택",
-	filterByThisValue: "이 값으로 필터",
-	addComment: "메모 추가",
-	editComment: "메모 편집",
-	deleteComment: "메모 삭제",
-	booleanTrue: "참",
-	booleanFalse: "거짓",
-	dropFileToImport: "가져올 파일을 놓으세요 (.xlsx / .csv)",
-	notANumber: "숫자를 입력하세요",
-	notADate: "날짜를 YYYY-MM-DD 로 입력하세요",
-	notADateTime: "날짜와 시간을 YYYY-MM-DD HH:mm 으로 입력하세요",
-	notInList: "목록에 있는 값이어야 합니다",
-	requestFailed: "요청이 실패했습니다 ({status})",
-	networkFailed: "서버에 연결하지 못했습니다."
-});
-var k = (e, t) => O.text(e, t);
-//#endregion
 //#region src/core/selection.ts
 function ae(e) {
 	return {
@@ -1363,7 +1219,7 @@ var oe = class {
 		let e = this.current;
 		return this.current = null, e;
 	}
-}, A = class {
+}, k = class {
 	constructor() {
 		this._selected = /* @__PURE__ */ new Set(), this._mode = "multi", this._rowCount = 0;
 	}
@@ -1443,7 +1299,7 @@ function ce(e, t, n) {
 }
 //#endregion
 //#region src/core/undo.ts
-var le = 100, j = class {
+var le = 100, A = class {
 	constructor() {
 		this._undoStack = [], this._redoStack = [], this._maxSize = le;
 	}
@@ -1492,27 +1348,27 @@ function ue(e, t, n) {
 		}
 		r.push(o);
 	}
-	return g(r);
+	return _(r);
 }
-function M(e, t) {
+function j(e, t) {
 	if (e === "") return null;
 	switch (t.type) {
 		case "number": {
-			let t = m(e);
+			let t = h(e);
 			if (t !== null) return t;
 			let n = Number(e.trim());
 			return e.trim() !== "" && Number.isFinite(n) ? n : e;
 		}
 		case "boolean": return e.toLowerCase() === "true" || e === "1";
-		case "date": return f(e) ?? e;
-		case "datetime": return p(e) ?? e;
+		case "date": return p(e) ?? e;
+		case "datetime": return m(e) ?? e;
 		default: return e;
 	}
 }
-function N(e) {
+function M(e) {
 	let t = String(e);
 	if (!Number.isFinite(e) || t.includes("e")) return t;
-	let n = new Intl.NumberFormat(l.get()).formatToParts(1.5).find((e) => e.type === "decimal")?.value;
+	let n = new Intl.NumberFormat(u.get()).formatToParts(1.5).find((e) => e.type === "decimal")?.value;
 	return n && n !== "." ? t.replace(".", n) : t;
 }
 function de(e) {
@@ -1546,9 +1402,9 @@ function me(e) {
 	for (let n = 0; n < e.length; n++) t = pe[(t ^ e[n]) & 255] ^ t >>> 8;
 	return (t ^ 4294967295) >>> 0;
 }
-var P = new TextEncoder();
+var N = new TextEncoder();
 function he(e) {
-	return F(e.map((e) => ({
+	return P(e.map((e) => ({
 		...e,
 		body: e.data,
 		method: 0
@@ -1568,7 +1424,7 @@ async function ge(e) {
 			method: 0
 		});
 	}
-	return F(t);
+	return P(t);
 }
 async function _e(e) {
 	let t = new CompressionStream("deflate-raw"), n = t.writable.getWriter(), r = t.readable.getReader();
@@ -1579,29 +1435,29 @@ async function _e(e) {
 		if (e) break;
 		i.push(t);
 	}
-	return I(i);
+	return F(i);
 }
-function F(e) {
+function P(e) {
 	let t = [], n = [], r = 0;
 	for (let i of e) {
-		let e = P.encode(i.name), a = me(i.data), o = i.data.length, s = i.body.length, c = i.method === 8 ? 20 : 10, l = new ArrayBuffer(30 + e.length), u = new DataView(l);
+		let e = N.encode(i.name), a = me(i.data), o = i.data.length, s = i.body.length, c = i.method === 8 ? 20 : 10, l = new ArrayBuffer(30 + e.length), u = new DataView(l);
 		u.setUint32(0, 67324752, !0), u.setUint16(4, c, !0), u.setUint16(6, 0, !0), u.setUint16(8, i.method, !0), u.setUint16(10, 0, !0), u.setUint16(12, 33, !0), u.setUint32(14, a, !0), u.setUint32(18, s, !0), u.setUint32(22, o, !0), u.setUint16(26, e.length, !0), u.setUint16(28, 0, !0), new Uint8Array(l, 30).set(e), t.push(new Uint8Array(l)), t.push(i.body);
 		let d = new ArrayBuffer(46 + e.length), f = new DataView(d);
 		f.setUint32(0, 33639248, !0), f.setUint16(4, 20, !0), f.setUint16(6, c, !0), f.setUint16(8, 0, !0), f.setUint16(10, i.method, !0), f.setUint16(12, 0, !0), f.setUint16(14, 33, !0), f.setUint32(16, a, !0), f.setUint32(20, s, !0), f.setUint32(24, o, !0), f.setUint16(28, e.length, !0), f.setUint16(30, 0, !0), f.setUint16(32, 0, !0), f.setUint16(34, 0, !0), f.setUint16(36, 0, !0), f.setUint32(38, 0, !0), f.setUint32(42, r, !0), new Uint8Array(d, 46).set(e), n.push(new Uint8Array(d)), r += 30 + e.length + s;
 	}
-	let i = I(n), a = /* @__PURE__ */ new ArrayBuffer(22), o = new DataView(a);
-	return o.setUint32(0, 101010256, !0), o.setUint16(4, 0, !0), o.setUint16(6, 0, !0), o.setUint16(8, e.length, !0), o.setUint16(10, e.length, !0), o.setUint32(12, i.length, !0), o.setUint32(16, r, !0), o.setUint16(20, 0, !0), I([
+	let i = F(n), a = /* @__PURE__ */ new ArrayBuffer(22), o = new DataView(a);
+	return o.setUint32(0, 101010256, !0), o.setUint16(4, 0, !0), o.setUint16(6, 0, !0), o.setUint16(8, e.length, !0), o.setUint16(10, e.length, !0), o.setUint32(12, i.length, !0), o.setUint32(16, r, !0), o.setUint16(20, 0, !0), F([
 		...t,
 		i,
 		new Uint8Array(a)
 	]);
 }
-function I(e) {
+function F(e) {
 	let t = e.reduce((e, t) => e + t.length, 0), n = new Uint8Array(t), r = 0;
 	for (let t of e) n.set(t, r), r += t.length;
 	return n;
 }
-function L(e) {
+function I(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
 function ve(e) {
@@ -1609,7 +1465,7 @@ function ve(e) {
 	for (e++; e > 0;) t = String.fromCharCode(64 + (e % 26 || 26)) + t, e = Math.floor((e - 1) / 26);
 	return t;
 }
-function R(e, t) {
+function L(e, t) {
 	return ve(t) + (e + 1);
 }
 function ye(e) {
@@ -1618,13 +1474,13 @@ function ye(e) {
 }
 var be = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<Types xmlns=\"http://schemas.openxmlformats.org/package/2006/content-types\">\n  <Default Extension=\"rels\" ContentType=\"application/vnd.openxmlformats-package.relationships+xml\"/>\n  <Default Extension=\"xml\" ContentType=\"application/xml\"/>\n  <Override PartName=\"/xl/workbook.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml\"/>\n  <Override PartName=\"/xl/worksheets/sheet1.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml\"/>\n  <Override PartName=\"/xl/styles.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.spreadsheetml.styles+xml\"/>\n</Types>", xe = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<Relationships xmlns=\"http://schemas.openxmlformats.org/package/2006/relationships\">\n  <Relationship Id=\"rId1\" Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument\" Target=\"xl/workbook.xml\"/>\n</Relationships>", Se = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<workbook xmlns=\"http://schemas.openxmlformats.org/spreadsheetml/2006/main\" xmlns:r=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships\">\n  <sheets><sheet name=\"Sheet1\" sheetId=\"1\" r:id=\"rId1\"/></sheets>\n</workbook>", Ce = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<Relationships xmlns=\"http://schemas.openxmlformats.org/package/2006/relationships\">\n  <Relationship Id=\"rId1\" Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet\" Target=\"worksheets/sheet1.xml\"/>\n  <Relationship Id=\"rId2\" Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/styles\" Target=\"styles.xml\"/>\n</Relationships>", we = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<styleSheet xmlns=\"http://schemas.openxmlformats.org/spreadsheetml/2006/main\">\n  <numFmts count=\"1\"><numFmt numFmtId=\"164\" formatCode=\"yyyy-mm-dd\"/></numFmts>\n  <fonts count=\"2\">\n    <font><sz val=\"11\"/><name val=\"Calibri\"/></font>\n    <font><sz val=\"11\"/><b/><name val=\"Calibri\"/></font>\n  </fonts>\n  <fills count=\"2\">\n    <fill><patternFill patternType=\"none\"/></fill>\n    <fill><patternFill patternType=\"gray125\"/></fill>\n  </fills>\n  <borders count=\"1\"><border><left/><right/><top/><bottom/><diagonal/></border></borders>\n  <cellStyleXfs count=\"1\"><xf numFmtId=\"0\" fontId=\"0\" fillId=\"0\" borderId=\"0\"/></cellStyleXfs>\n  <cellXfs count=\"3\">\n    <xf numFmtId=\"0\" fontId=\"0\" fillId=\"0\" borderId=\"0\" xfId=\"0\"/>\n    <xf numFmtId=\"164\" fontId=\"0\" fillId=\"0\" borderId=\"0\" xfId=\"0\" applyNumberFormat=\"1\"/>\n    <xf numFmtId=\"0\" fontId=\"1\" fillId=\"0\" borderId=\"0\" xfId=\"0\" applyFont=\"1\"/>\n  </cellXfs>\n</styleSheet>";
 function Te(e, t) {
-	let n = [], r = t.map((e, t) => `<c r="${R(0, t)}" t="str" s="2"><v>${L(e.label)}</v></c>`);
+	let n = [], r = t.map((e, t) => `<c r="${L(0, t)}" t="str" s="2"><v>${I(e.label)}</v></c>`);
 	return n.push(`<row r="1">${r.join("")}</row>`), e.forEach((e, r) => {
 		let i = t.map((t, n) => {
-			let i = R(r + 1, n), a = e[t.key];
+			let i = L(r + 1, n), a = e[t.key];
 			if (a == null) return `<c r="${i}" t="str"><v></v></c>`;
 			let o = t.type ?? "text";
-			return o === "number" && typeof a == "number" ? `<c r="${i}"><v>${a}</v></c>` : (o === "date" || o === "datetime") && a instanceof Date ? `<c r="${i}" s="1"><v>${ye(a).toFixed(6)}</v></c>` : o === "boolean" ? `<c r="${i}" t="b"><v>${+!!a}</v></c>` : `<c r="${i}" t="str"><v>${L(String(a))}</v></c>`;
+			return o === "number" && typeof a == "number" ? `<c r="${i}"><v>${a}</v></c>` : (o === "date" || o === "datetime") && a instanceof Date ? `<c r="${i}" s="1"><v>${ye(a).toFixed(6)}</v></c>` : o === "boolean" ? `<c r="${i}" t="b"><v>${+!!a}</v></c>` : `<c r="${i}" t="str"><v>${I(String(a))}</v></c>`;
 		});
 		n.push(`<row r="${r + 2}">${i.join("")}</row>`);
 	}), `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
@@ -1633,64 +1489,64 @@ function Te(e, t) {
 </worksheet>`;
 }
 function Ee(e, t) {
-	return he(z(e, t));
+	return he(R(e, t));
 }
 function De(e, t) {
-	return ge(z(e, t));
+	return ge(R(e, t));
 }
-function z(e, t) {
+function R(e, t) {
 	let n = Te(e, t);
 	return [
 		{
 			name: "[Content_Types].xml",
-			data: P.encode(be)
+			data: N.encode(be)
 		},
 		{
 			name: "_rels/.rels",
-			data: P.encode(xe)
+			data: N.encode(xe)
 		},
 		{
 			name: "xl/workbook.xml",
-			data: P.encode(Se)
+			data: N.encode(Se)
 		},
 		{
 			name: "xl/_rels/workbook.xml.rels",
-			data: P.encode(Ce)
+			data: N.encode(Ce)
 		},
 		{
 			name: "xl/worksheets/sheet1.xml",
-			data: P.encode(n)
+			data: N.encode(n)
 		},
 		{
 			name: "xl/styles.xml",
-			data: P.encode(we)
+			data: N.encode(we)
 		}
 	];
 }
 //#endregion
 //#region src/export/export.ts
-function B(e, t, n) {
+function z(e, t, n) {
 	switch (n) {
 		case "csv": return V(e, t, ",");
 		case "tsv": return V(e, t, "	");
-		case "json": return Ae(e, t);
+		case "json": return ke(e, t);
 		case "xlsx": return Ee(e, t);
 	}
 }
 async function Oe(e, t, n) {
-	let r = n === "xlsx" ? await De(e, t) : B(e, t, n);
-	return new Blob([r], { type: Pe(n) });
+	let r = n === "xlsx" ? await De(e, t) : z(e, t, n);
+	return new Blob([r], { type: Ne(n) });
 }
-function ke(e, t) {
+function B(e, t) {
 	return e == null ? "" : (t.type === "date" || t.type === "datetime") && e instanceof Date ? e.toISOString() : String(e);
 }
 function V(e, t, n) {
-	return [t.map((e) => H(e.label, n)).join(n), ...e.map((e) => t.map((t) => H(ke(e[t.key], t), n)).join(n))].join("\n");
+	return [t.map((e) => H(e.label, n)).join(n), ...e.map((e) => t.map((t) => H(B(e[t.key], t), n)).join(n))].join("\n");
 }
 function H(e, t) {
 	return e.includes(t) || e.includes("\"") || e.includes("\n") || e.includes("\r") ? "\"" + e.replace(/"/g, "\"\"") + "\"" : e;
 }
-function Ae(e, t) {
+function ke(e, t) {
 	let n = e.map((e) => {
 		let n = {};
 		for (let r of t) {
@@ -1701,35 +1557,35 @@ function Ae(e, t) {
 	});
 	return JSON.stringify(n, null, 2);
 }
-function je(e, t) {
+function Ae(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 je = {
 	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 = {
+}, Me = {
 	csv: ".csv",
 	tsv: ".tsv",
 	json: ".json",
 	xlsx: ".xlsx"
 };
+function Ne(e) {
+	return je[e];
+}
 function Pe(e) {
 	return Me[e];
 }
-function Fe(e) {
-	return Ne[e];
-}
 //#endregion
 //#region src/export/xlsx-reader.ts
-function Ie(e) {
+function Fe(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 Ie(e) {
+	let t = Fe(e), n = e.getUint32(t + 16, !0), r = e.getUint32(t + 12, !0), i = new TextDecoder("utf-8"), a = [], o = n, s = n + r;
 	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({
@@ -1742,7 +1598,7 @@ function Le(e) {
 	}
 	return a;
 }
-async function Re(e) {
+async function Le(e) {
 	let t = new DecompressionStream("deflate-raw"), n = t.writable.getWriter(), r = t.readable.getReader();
 	n.write(e), n.close();
 	let i = [];
@@ -1755,28 +1611,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 Re(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 Le(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 ze(e) {
+	let t = new DataView(e), n = Ie(t), r = /* @__PURE__ */ new Map();
+	for (let e of n) e.compressedSize === 0 && e.name.endsWith("/") || r.set(e.name, await Re(t, e));
 	return r;
 }
-var Ve = new TextDecoder("utf-8");
+var Be = new TextDecoder("utf-8");
 function U(e) {
-	let t = Ve.decode(e);
+	let t = Be.decode(e);
 	return new DOMParser().parseFromString(t, "application/xml");
 }
-function He(e) {
+function Ve(e) {
 	if (!e) return [];
 	let t = U(e);
 	return Array.from(t.querySelectorAll("si")).map((e) => Array.from(e.querySelectorAll("t")).map((e) => e.textContent ?? "").join(""));
 }
-var Ue = /* @__PURE__ */ new Set([
+var He = /* @__PURE__ */ new Set([
 	14,
 	15,
 	16,
@@ -1796,29 +1652,29 @@ var Ue = /* @__PURE__ */ new Set([
 	57,
 	58
 ]);
-function We(e) {
+function Ue(e) {
 	let t = e.replace(/"[^"]*"/g, "").replace(/\\./g, "").replace(/\[[^\]]*\]/g, "").split(";")[0];
 	return /[dy]/i.test(t);
 }
-function Ge(e) {
+function We(e) {
 	let t = /* @__PURE__ */ new Set();
 	if (!e) return t;
 	let n = U(e), r = /* @__PURE__ */ new Map();
 	for (let e of Array.from(n.querySelectorAll("numFmts > numFmt"))) r.set(parseInt(e.getAttribute("numFmtId") ?? "", 10), e.getAttribute("formatCode") ?? "");
 	return Array.from(n.querySelectorAll("cellXfs > xf")).forEach((e, n) => {
 		let i = parseInt(e.getAttribute("numFmtId") ?? "0", 10), a = r.get(i);
-		(a === void 0 ? Ue.has(i) : We(a)) && t.add(n);
+		(a === void 0 ? He.has(i) : Ue(a)) && t.add(n);
 	}), t;
 }
-function Ke(e) {
+function Ge(e) {
 	if (!e) return !1;
 	let t = U(e).querySelector("workbookPr")?.getAttribute("date1904");
 	return t === "1" || t === "true";
 }
-function qe(e, t) {
+function Ke(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) {
+function qe(e, t, n, r) {
 	let i = U(e).querySelectorAll("row");
 	if (i.length === 0) return [];
 	let a = 0, o = /* @__PURE__ */ new Map();
@@ -1826,7 +1682,7 @@ function Je(e, t, n, r) {
 		let i = parseInt(e.getAttribute("r") ?? "1", 10) - 1, s = /* @__PURE__ */ new Map();
 		o.set(i, s);
 		for (let i of e.querySelectorAll("c")) {
-			let e = Ye(i.getAttribute("r") ?? "");
+			let e = Je(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)] ?? "";
@@ -1835,7 +1691,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 ? Ke(e, r) : l;
 			}
 			s.set(e, d);
 		}
@@ -1849,13 +1705,13 @@ function Je(e, t, n, r) {
 	}
 	return c;
 }
-function Ye(e) {
+function Je(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 Ye(e) {
+	let t = await ze(e), n = Ve(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;
@@ -1863,7 +1719,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 = We(t.get("xl/styles.xml")), a = Ge(t.get("xl/workbook.xml")), o = qe(r, n, i, a);
 	return o.length === 0 ? {
 		headers: [],
 		rows: []
@@ -1894,9 +1750,9 @@ var K = {
 	lt: "<",
 	gte: "≥",
 	lte: "≤"
-}, q = 120, J = 40, Y = 20, X = 32, Z = 5, Ze = 200, Q = class extends n {
+}, q = 120, J = 40, Y = 20, X = 32, Z = 5, Xe = 200, Q = class extends r {
 	constructor(...e) {
-		super(...e), this.columns = [], this._data = [], this._inUndoRedo = !1, this.clearUndoOnDataChange = !1, this.clearSelectionOnDataChange = !1, this._rowHeightFromCss = X, this._targetFloor = 0, this.showRowNumbers = !1, this.theme = void 0, this.maxRows = 0, this.editable = !0, this.showFilters = !1, this.showContextMenu = !1, this.frozenRows = 0, this.emptyMessage = "No data", this.noMatchingMessage = "No matching data", this.loading = !1, this.importEnabled = !1, this.selectable = !1, this.dataMode = "client", this.footerData = null, this.stylesheets = [], this._scrollTop = 0, this._scrollLeft = 0, this._viewportHeight = 0, this._viewportWidth = 0, this._colLeftOffsets = [], this._totalRowWidth = 0, this._baseStyleSheets = [], this._activeCell = null, this._headerCol = null, this._focusedCellEl = null, this._editingCell = null, this._sortCriteria = [], this._selection = new oe(), this._editing = new se(), this._rowSelection = new A(), this._undo = new j(), this._filters = [], this._filteredIndices = [], this._sortedIndices = [], this._openFilterKey = null, this._rowSelectionVersion = 0, this._lastCheckboxRowIndex = null, this._checkboxShiftPending = !1, this._autocompleteState = null, this._headerMenu = null, this._bodyContextMenu = null, this._commentPopup = null, this._viewDirty = !0, this._isDragging = !1, this._wasDrag = !1, this._resizing = null, this._resizeCleanup = null, this._wasHeaderDrag = !1, this._wasRowDrag = !1, this._colDrag = null, this._colDragIndicatorLeft = null, this._fillDrag = null, this._rowDrag = null, this._rowDragIndicatorY = null, this._findState = null, this._columnWidths = /* @__PURE__ */ new Map(), this._hostResizeObserver = null, this._comments = /* @__PURE__ */ new Map(), this._isDragOver = !1, this._warnedUnconstrained = !1, this._onHostFocus = (e) => {
+		super(...e), this.columns = [], this._data = [], this._inUndoRedo = !1, this.clearUndoOnDataChange = !1, this.clearSelectionOnDataChange = !1, this._rowHeightFromCss = X, this._targetFloor = 0, this.showRowNumbers = !1, this.theme = void 0, this.maxRows = 0, this.editable = !0, this.showFilters = !1, this.showContextMenu = !1, this.frozenRows = 0, this.emptyMessage = "No data", this.noMatchingMessage = "No matching data", this.loading = !1, this.importEnabled = !1, this.selectable = !1, this.dataMode = "client", this.footerData = null, this.stylesheets = [], this._scrollTop = 0, this._scrollLeft = 0, this._viewportHeight = 0, this._viewportWidth = 0, this._colLeftOffsets = [], this._totalRowWidth = 0, this._baseStyleSheets = [], this._activeCell = null, this._headerCol = null, this._focusedCellEl = null, this._editingCell = null, this._sortCriteria = [], this._selection = new oe(), this._editing = new se(), this._rowSelection = new k(), this._undo = new A(), this._filters = [], this._filteredIndices = [], this._sortedIndices = [], this._openFilterKey = null, this._rowSelectionVersion = 0, this._lastCheckboxRowIndex = null, this._checkboxShiftPending = !1, this._autocompleteState = null, this._headerMenu = null, this._bodyContextMenu = null, this._commentPopup = null, this._viewDirty = !0, this._isDragging = !1, this._wasDrag = !1, this._resizing = null, this._resizeCleanup = null, this._wasHeaderDrag = !1, this._wasRowDrag = !1, this._colDrag = null, this._colDragIndicatorLeft = null, this._fillDrag = null, this._rowDrag = null, this._rowDragIndicatorY = null, this._findState = null, this._columnWidths = /* @__PURE__ */ new Map(), this._hostResizeObserver = null, this._comments = /* @__PURE__ */ new Map(), this._isDragOver = !1, this._warnedUnconstrained = !1, this._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);
 		}, this._onFocusIn = (e) => {
 			let t = e.composedPath()[0];
@@ -1917,7 +1773,7 @@ var K = {
 		}, 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 = x;
+		this.styles = S;
 	}
 	get data() {
 		return this._data;
@@ -2246,7 +2102,7 @@ var K = {
 	}
 	exportToString(e, t) {
 		let n = this._exportSlice(t);
-		return n ? B(n.rows, n.cols, e) : "";
+		return n ? z(n.rows, n.cols, e) : "";
 	}
 	async exportToBlob(e, t) {
 		let n = this._exportSlice(t) ?? {
@@ -2256,7 +2112,7 @@ var K = {
 		return Oe(n.rows, n.cols, e);
 	}
 	async exportToFile(e, t) {
-		je(await this.exportToBlob(e), t ?? `export${Fe(e)}`);
+		Ae(await this.exportToBlob(e), t ?? `export${Pe(e)}`);
 	}
 	_exportSlice(e) {
 		if (e?.selectionOnly) {
@@ -2325,10 +2181,10 @@ var K = {
 	async importFromFile(e) {
 		let t = e.name.toLowerCase();
 		if (t.endsWith(".xlsx")) {
-			let t = await Xe(await e.arrayBuffer());
+			let t = await Ye(await e.arrayBuffer());
 			this._applyImportedSheet(t);
 		} else if (t.endsWith(".csv") || t.endsWith(".tsv")) {
-			let t = await e.text(), n = h(t);
+			let t = await e.text(), n = g(t);
 			this._applyImportedRows(n);
 		} else console.warn(`flex-table importFromFile: unsupported file type "${e.name}"`);
 	}
@@ -2339,7 +2195,7 @@ var K = {
 				let a = t.get(e);
 				if (!a) return;
 				let o = this.columns.find((e) => e.key === a);
-				r[a] = o ? M(n[i] ?? "", o) : n[i] ?? null;
+				r[a] = o ? j(n[i] ?? "", o) : n[i] ?? null;
 			}), r;
 		}), r = [...this.data];
 		this.data = n, this._undo.push({
@@ -2360,7 +2216,7 @@ var K = {
 				let a = n.get(t);
 				if (!a) return;
 				let o = this.columns.find((e) => e.key === a);
-				r[a] = o ? M(e[i] ?? "", o) : e[i] ?? null;
+				r[a] = o ? j(e[i] ?? "", o) : e[i] ?? null;
 			}), r;
 		}), i = [...this.data];
 		this.data = r, this._undo.push({
@@ -2443,10 +2299,10 @@ var K = {
 		};
 	}
 	connectedCallback() {
-		super.connectedCallback(), this._unsubscribeLocale = l.subscribe(() => this.requestUpdate()), this._detachedLocaleRevision !== void 0 && this._detachedLocaleRevision !== l.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 = 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));
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this._unsubscribeLocale?.(), this._unsubscribeLocale = void 0, this._detachedLocaleRevision = l.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 = 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);
 	}
 	firstUpdated() {
 		this._readDensityTokens(), this._measureViewport(), this.shadowRoot && Array.isArray(this.shadowRoot.adoptedStyleSheets) && (this._baseStyleSheets = [...this.shadowRoot.adoptedStyleSheets]), this._syncStylesheets();
@@ -2518,8 +2374,8 @@ 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]), n = t(e, this._sortCriteria, this.visibleColumns);
-			this._sortedIndices = n.map((e) => this._filteredIndices[e]);
+			let e = this._filteredIndices.map((e) => this.data[e]), t = n(e, this._sortCriteria, this.visibleColumns);
+			this._sortedIndices = t.map((e) => this._filteredIndices[e]);
 		}
 	}
 	_toDataIndex(e) {
@@ -2544,7 +2400,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 < Xe || 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;
@@ -2682,64 +2538,64 @@ var K = {
 		}
 		let t = this.shadowRoot?.querySelector(".ft-editor");
 		if (t) {
-			let n = M(t.value, e);
+			let n = j(t.value, e);
 			this._applyEdit(n);
 		} else this._cancelEdit();
 	}
-	_applyEdit(e) {
+	_applyEdit(t) {
 		this._autocompleteState = null;
-		let t = this._editing.commit();
-		if (this._editingCell = null, !t) return;
-		let { row: n, col: r } = t.position, i = this._toDataIndex(n), a = this.visibleColumns[r], o = t.originalValue;
-		if (a.autocomplete === "strict" && e != null && e !== "" && !this._getAutocompleteCandidates(a, "").includes(String(e))) {
-			let t = k("notInList");
-			this._markCellInvalid(n, r, () => k("notInList")), this._emit("validation-error", {
-				row: i,
-				col: r,
-				key: a.key,
-				value: e,
-				error: t
+		let n = this._editing.commit();
+		if (this._editingCell = null, !n) return;
+		let { row: r, col: i } = n.position, a = this._toDataIndex(r), o = this.visibleColumns[i], s = n.originalValue;
+		if (o.autocomplete === "strict" && t != null && t !== "" && !this._getAutocompleteCandidates(o, "").includes(String(t))) {
+			let n = e("notInList");
+			this._markCellInvalid(r, i, () => e("notInList")), this._emit("validation-error", {
+				row: a,
+				col: i,
+				key: o.key,
+				value: t,
+				error: n
 			});
 			return;
 		}
-		if (a.type === "number" && typeof e == "string" || a.type === "date" && typeof e == "string" && f(e) === null || a.type === "datetime" && typeof e == "string" && p(e) === null) {
-			let t = a.type === "number" ? "notANumber" : a.type === "date" ? "notADate" : "notADateTime", o = k(t);
-			this._markCellInvalid(n, r, () => k(t)), this._emit("validation-error", {
-				row: i,
-				col: r,
-				key: a.key,
-				value: e,
-				error: o
+		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(r, i, () => e(n)), this._emit("validation-error", {
+				row: a,
+				col: i,
+				key: o.key,
+				value: t,
+				error: s
 			});
 			return;
 		}
-		if (a.validator) {
-			let t = a.validator(e, this.data[i], a);
-			if (t) {
-				this._markCellInvalid(n, r, t), this._emit("validation-error", {
-					row: i,
-					col: r,
-					key: a.key,
-					value: e,
-					error: t
+		if (o.validator) {
+			let e = o.validator(t, this.data[a], o);
+			if (e) {
+				this._markCellInvalid(r, i, e), this._emit("validation-error", {
+					row: a,
+					col: i,
+					key: o.key,
+					value: t,
+					error: e
 				});
 				return;
 			}
 		}
-		this.data[i][a.key] = e, this._undo.push({
+		this.data[a][o.key] = t, this._undo.push({
 			label: "cell-edit",
 			undo: () => {
-				this.data[i][a.key] = o, this.requestUpdate();
+				this.data[a][o.key] = s, this.requestUpdate();
 			},
 			redo: () => {
-				this.data[i][a.key] = e, this.requestUpdate();
+				this.data[a][o.key] = t, this.requestUpdate();
 			}
 		}), this.requestUpdate(), this._emit("cell-edit-commit", {
-			row: i,
-			col: r,
-			key: a.key,
-			oldValue: o,
-			newValue: e
+			row: a,
+			col: i,
+			key: o.key,
+			oldValue: s,
+			newValue: t
 		}), this._dispatchUndoStateEvent();
 	}
 	_cancelEdit() {
@@ -2751,7 +2607,7 @@ var K = {
 		});
 	}
 	_onEditorKeyDown(e) {
-		if (_(e)) return;
+		if (v(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) {
@@ -2836,7 +2692,7 @@ var K = {
 				].includes(e.key) && (e.preventDefault(), this._headerCol = 0);
 				return;
 			}
-			if ((e.key === "Enter" || e.key === "F2") && this._activeCell && !_(e)) {
+			if ((e.key === "Enter" || e.key === "F2") && this._activeCell && !v(e)) {
 				e.preventDefault();
 				let n = t[this._activeCell.col];
 				n && this._isCellEditable(n) ? this._startEdit() : e.key === "Enter" && this._fireRowActivate(n);
@@ -2901,7 +2757,7 @@ var K = {
 				return;
 			case "Enter":
 			case " ":
-				if (_(e)) return;
+				if (v(e)) return;
 				e.preventDefault(), r.sortable !== !1 && this._toggleSort(r, e.shiftKey);
 				return;
 			default: return;
@@ -2940,15 +2796,15 @@ var K = {
 			case "y": return e.preventDefault(), this.redo(), !0;
 			case "c":
 			case "x": {
-				if (y(e.composedPath()[0])) return !0;
+				if (b(e.composedPath()[0])) return !0;
 				let t = this._selectionTsv();
 				if (!t) return !0;
 				let n = e.key.toLowerCase() === "x" && this.editable;
-				return v(t.text).then((e) => {
+				return y(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 y(e.composedPath()[0]) || !this.editable || !this._activeCell || b().then((e) => this._pasteText(e), (e) => this._clipboardError("paste", e)), !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 "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;
@@ -3023,7 +2879,7 @@ var K = {
 	}
 	_pasteText(e) {
 		if (!this._activeCell) return;
-		let t = h(e);
+		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) {
@@ -3070,7 +2926,7 @@ var K = {
 			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 = M(t[i][a], c);
+				let c = n[s], l = this.data[o][c.key], u = j(t[i][a], c);
 				this.data[o][c.key] = u, r.push({
 					row: o,
 					col: s,
@@ -3135,7 +2991,7 @@ var K = {
 			for (let r = e.startCol + 1; r <= e.endCol; r++) {
 				let e = t[r];
 				if (!e || !this._isCellEditable(e)) continue;
-				let a = M(o == null ? "" : String(o), e);
+				let a = j(o == null ? "" : String(o), e);
 				n.push({
 					row: i,
 					key: e.key,
@@ -3230,8 +3086,8 @@ var K = {
 		}
 		t.sortable !== !1 && this._toggleSort(t, e.shiftKey);
 	}
-	_toggleSort(t, n) {
-		this._sortCriteria = e(this._sortCriteria, t.key, n), this.dataMode !== "server" && this._recomputeView(), this.requestUpdate(), this._emit("sort-change", { criteria: [...this._sortCriteria] });
+	_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] });
 	}
 	_selectColumn(e) {
 		let t = this._visibleRowCount;
@@ -3264,61 +3120,61 @@ var K = {
 		let r = this._getColWidth(t[e]), i = this._scrollLeft + this._viewportWidth - this._getPinnedRight(e) - r;
 		return Math.min(n, i);
 	}
-	_renderHeaderCell(e, t) {
-		let n = e.sortable !== !1, r = this._sortCriteria.find((t) => t.key === e.key), o = this._sortCriteria.length > 1 ? this._sortCriteria.findIndex((t) => t.key === e.key) : -1, s = this._filters.some((t) => t.key === e.key), c = e.pinned === "left", l = e.pinned === "right", u = c || l, d = e.headerAlign ?? W(e), f = [
+	_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 = [
 			"ft-header-cell",
-			n ? "ft-sortable" : "",
-			u ? "ft-pinned" : "",
-			d === "center" ? "ft-header-align-center" : "",
-			d === "end" ? "ft-header-align-end" : "",
-			this._headerCol === t ? "ft-header-active" : ""
-		].filter(Boolean).join(" "), p = n ? r ? r.direction === "asc" ? "ascending" : "descending" : "none" : void 0, m = this._getColWidth(e), h = this.headerHeight, g = this._colLeftOffsets[t] ?? 0, _;
-		_ = c ? `position: absolute; top: 0; left: ${this._scrollLeft + this._getPinnedLeft(t)}px; width: ${m}px; height: ${h}px; z-index: 4;` : l ? `position: absolute; top: 0; left: ${this._getPinnedRightLeft(t)}px; width: ${m}px; height: ${h}px; z-index: 4;` : `left: ${g}px; width: ${m}px; height: ${h}px;`;
-		let v = this._colDrag?.active && this._colDrag.colIndex === t, y = [...f.split(" "), v ? "ft-col-dragging" : ""].filter(Boolean).join(" "), b = this.columns, x = b.findIndex((t) => t.key === e.key), S = [];
-		if (x > 0) for (let e = x - 1; e >= 0 && b[e].hidden; e--) S.push(b[e]);
-		let C = S.length > 0;
-		return i`
-      <div class=${y}
+			r ? "ft-sortable" : "",
+			d ? "ft-pinned" : "",
+			f === "center" ? "ft-header-align-center" : "",
+			f === "end" ? "ft-header-align-end" : "",
+			this._headerCol === n ? "ft-header-active" : ""
+		].filter(Boolean).join(" "), m = r ? i ? i.direction === "asc" ? "ascending" : "descending" : "none" : void 0, h = this._getColWidth(t), g = this.headerHeight, _ = this._colLeftOffsets[n] ?? 0, v;
+		v = l ? `position: absolute; top: 0; left: ${this._scrollLeft + this._getPinnedLeft(n)}px; width: ${h}px; height: ${g}px; z-index: 4;` : u ? `position: absolute; top: 0; left: ${this._getPinnedRightLeft(n)}px; width: ${h}px; height: ${g}px; z-index: 4;` : `left: ${_}px; width: ${h}px; height: ${g}px;`;
+		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`
+      <div class=${b}
         role="columnheader"
         tabindex="-1"
-        aria-colindex=${t + 1}
-        data-col-index=${t}
-        style=${_}
-        aria-sort=${p ?? a}
-        @contextmenu=${(t) => this._onHeaderContextMenu(t, e)}
-        @mousedown=${(n) => this._onHeaderMouseDown(n, e, t)}
-        @click=${n ? (t) => this._onHeaderClick(t, e) : void 0}>
-        ${C ? i`
+        aria-colindex=${n + 1}
+        data-col-index=${n}
+        style=${v}
+        aria-sort=${m ?? o}
+        @contextmenu=${(e) => this._onHeaderContextMenu(e, t)}
+        @mousedown=${(e) => this._onHeaderMouseDown(e, t, n)}
+        @click=${r ? (e) => this._onHeaderClick(e, t) : void 0}>
+        ${w ? a`
           <button class="ft-hidden-col-indicator" tabindex="-1"
-            title=${k("showHiddenColumns")}
-            @click=${(t) => {
-			t.stopPropagation(), this._showHiddenBefore(e);
+            title=${e("showHiddenColumns")}
+            @click=${(e) => {
+			e.stopPropagation(), this._showHiddenBefore(t);
 		}}>&#x276F;</button>
         ` : ""}
-        <span>${e.label}</span>
-        ${r ? i`<span class="ft-sort-indicator">${r.direction === "asc" ? "▲" : "▼"}</span>` : ""}
-        ${o >= 0 ? i`<span class="ft-sort-order">${o + 1}</span>` : ""}
-        <button class="ft-column-menu-btn ${s ? "ft-filter-active" : ""}"
+        <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" : ""}"
           type="button"
           tabindex="-1"
-          data-key=${e.key}
-          title=${k("columnMenu")}
-          aria-label=${k("columnMenuFor", { header: e.label })}
+          data-key=${t.key}
+          title=${e("columnMenu")}
+          aria-label=${e("columnMenuFor", { header: t.label })}
           aria-haspopup="menu"
-          aria-expanded=${this._headerMenu?.key === e.key ? "true" : "false"}
+          aria-expanded=${this._headerMenu?.key === t.key ? "true" : "false"}
           @mousedown=${(e) => e.stopPropagation()}
-          @click=${(t) => this._onColumnMenuBtnClick(t, e)}>
+          @click=${(e) => this._onColumnMenuBtnClick(e, t)}>
           \u22EE
         </button>
         <div class="ft-resize-handle"
           @mousedown=${(e) => {
-			e.stopPropagation(), this._wasHeaderDrag = !0, this._onResizeStart(e, t);
+			e.stopPropagation(), this._wasHeaderDrag = !0, this._onResizeStart(e, n);
 		}}
-          @dblclick=${(t) => {
-			t.preventDefault(), t.stopPropagation(), this._autoFitColumn(e.key);
+          @dblclick=${(e) => {
+			e.preventDefault(), e.stopPropagation(), this._autoFitColumn(t.key);
 		}}></div>
       </div>
-      ${this._openFilterKey === e.key ? this._renderFilterDropdown(e) : ""}
+      ${this._openFilterKey === t.key ? this._renderFilterDropdown(t) : ""}
     `;
 	}
 	_hiddenNeighbors(e) {
@@ -3412,73 +3268,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 a;
-		let { key: e, x: t, y: n, hiddenNeighbors: r } = this._headerMenu, o = this.columns.find((t) => t.key === e);
-		if (!o) return a;
-		let s = this._filters.some((t) => t.key === e), c = (e, t, n, r = !1) => i`
+		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`
       <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 i`
-      <div class="ft-header-menu" role="menu" aria-label=${k("columnMenuRegion", { header: o.label })}
-        style="position: fixed; left: ${t}px; top: ${n}px; z-index: var(--u-layer-floating, 1000);"
+		return a`
+      <div class="ft-header-menu" role="menu" aria-label=${e("columnMenuRegion", { header: s.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)}>
-        ${o.sortable === !1 ? a : i`
-          ${c("sort-asc", k("sortAscending"), () => this._applySortFromMenu(e, "asc"))}
-          ${c("sort-desc", k("sortDescending"), () => this._applySortFromMenu(e, "desc"))}
+        ${s.sortable === !1 ? o : a`
+          ${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 ? i`
-          ${c("filter", k("filter"), () => this._openFilterFromMenu(e))}
-          ${s ? c("clear-filter", k("clearFilter"), () => this._clearColumnFilter(e)) : a}
+        ${this.showFilters ? a`
+          ${l("filter", e("filter"), () => this._openFilterFromMenu(t))}
+          ${c ? l("clear-filter", e("clearFilter"), () => this._clearColumnFilter(t)) : o}
           <div class="ft-header-menu-separator" role="separator"></div>
-        ` : a}
-        ${c("hide", k("hideColumn"), () => this._setColumnHidden(e, !0))}
-        ${r.map((e) => c("show", k("showColumn", { header: e.label }), () => this._setColumnHidden(e.key, !1)))}
+        ` : o}
+        ${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>
-        ${c("autofit", k("autoFitWidth"), () => this._autoFitColumn(e))}
-        ${c("wider", k("wider"), () => this._resizeColumnBy(e, Y), !0)}
-        ${c("narrower", k("narrower"), () => this._resizeColumnBy(e, -20), !0)}
+        ${l("autofit", e("autoFitWidth"), () => this._autoFitColumn(t))}
+        ${l("wider", e("wider"), () => this._resizeColumnBy(t, Y), !0)}
+        ${l("narrower", e("narrower"), () => this._resizeColumnBy(t, -20), !0)}
       </div>
     `;
 	}
 	_renderBodyContextMenu() {
-		if (!this._bodyContextMenu) return a;
-		let { colIndex: e, dataIndex: t, x: n, y: r } = this._bodyContextMenu, o = this.visibleColumns[e];
-		if (!o) return a;
-		let s = this.data[t]?.[o.key], c = this._filters.some((e) => e.key === o.key), l = (e = !1) => {
+		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) => {
 			this._bodyContextMenu = null, e && this.focus();
-		}, u = !!this.getComment(t, o.key), d = (e, t, n = !1) => i`
+		}, d = !!this.getComment(n, s.key), f = (e, t, n = !1) => a`
       <button type="button" role="menuitem"
         class="ft-context-menu-item ${n ? "ft-context-menu-danger" : ""}"
         @click=${() => {
-			t(), l();
+			t(), u();
 		}}>${e}</button>
-    `, f = i`<div class="ft-context-menu-separator" role="separator"></div>`;
-		return i`
-      <div class="ft-body-context-menu" role="menu" aria-label=${k("cellActions")}
-        style="position: fixed; left: ${n}px; top: ${r}px; z-index: var(--u-layer-floating, 1000);"
+    `, p = a`<div class="ft-context-menu-separator" role="separator"></div>`;
+		return a`
+      <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);"
         @mousedown=${(e) => e.stopPropagation()}
-        @keydown=${(e) => this._onMenuKeydown(e, ".ft-body-context-menu", l)}>
-        ${d(k("copy"), () => this._copyFromMenu())}
-        ${f}
-        ${d(k("insertRowAbove"), () => this.addRow(void 0, t))}
-        ${d(k("insertRowBelow"), () => this.addRow(void 0, t + 1))}
-        ${d(k("deleteRow"), () => this.deleteRows([t]), !0)}
-        ${f}
-        ${d(k("hideColumn"), () => this._setColumnHidden(o.key, !0))}
-        ${f}
-        ${d(`${k("sortAscending")} ↑`, () => this._applySortFromMenu(o.key, "asc"))}
-        ${d(`${k("sortDescending")} ↓`, () => this._applySortFromMenu(o.key, "desc"))}
-        ${f}
-        ${d(k("filterByThisValue"), () => this.setFilter(o.key, (e) => e === s))}
-        ${c ? d(k("clearFilter"), () => this.removeFilter(o.key)) : a}
-        ${f}
-        ${d(k(u ? "editComment" : "addComment"), () => this._openCommentPopup(t, o.key, n, r))}
-        ${u ? d(k("deleteComment"), () => this.setComment(t, o.key, null), !0) : a}
+        @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}
       </div>
     `;
 	}
@@ -3502,21 +3358,21 @@ var K = {
 		this._commentPopup &&= (document.removeEventListener("mousedown", this._onCommentPopupOutsideClick), null);
 	}
 	_renderCommentPopup() {
-		if (!this._commentPopup) return a;
-		let { x: e, y: t } = this._commentPopup, n = e + 240 > window.innerWidth ? e - 240 : e, r = t + 150 > window.innerHeight ? t - 150 : t;
-		return i`
+		if (!this._commentPopup) return o;
+		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`
       <div class="ft-comment-popup"
-        style="position: fixed; left: ${n}px; top: ${r}px; z-index: calc(var(--u-layer-floating, 1000) + 1);"
+        style="position: fixed; left: ${r}px; top: ${i}px; z-index: calc(var(--u-layer-floating, 1000) + 1);"
         @mousedown=${(e) => e.stopPropagation()}>
-        <textarea class="ft-comment-popup-textarea" aria-label=${k("addComment")}
+        <textarea class="ft-comment-popup-textarea" aria-label=${e("addComment")}
           rows="4"
-          placeholder=${k("addCommentPlaceholder")}
+          placeholder=${e("addCommentPlaceholder")}
           @keydown=${(e) => {
 			e.key === "Escape" && (e.preventDefault(), this._cancelCommentPopup()), e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), this._commitCommentPopup());
 		}}></textarea>
         <div class="ft-comment-popup-buttons">
-          <button class="ft-comment-popup-cancel" @click=${() => this._cancelCommentPopup()}>${k("cancel")}</button>
-          <button class="ft-comment-popup-save" @click=${() => this._commitCommentPopup()}>${k("save")}</button>
+          <button class="ft-comment-popup-cancel" @click=${() => this._cancelCommentPopup()}>${e("cancel")}</button>
+          <button class="ft-comment-popup-save" @click=${() => this._commitCommentPopup()}>${e("save")}</button>
         </div>
       </div>
     `;
@@ -3562,18 +3418,18 @@ var K = {
 		let n = e.composedPath(), r = t.findIndex((e) => n.includes(e)), i = t.length - 1;
 		e.shiftKey && r <= 0 ? (e.preventDefault(), t[i].focus()) : !e.shiftKey && (r === i || r === -1) && (e.preventDefault(), t[0].focus());
 	}
-	_renderFilterDropdown(e) {
-		let t = e.type ?? "text";
-		return i`
-      <div class="ft-filter-dropdown" role="dialog" aria-label=${k("filterFor", { header: e.label })}
+	_renderFilterDropdown(t) {
+		let n = t.type ?? "text";
+		return a`
+      <div class="ft-filter-dropdown" role="dialog" aria-label=${e("filterFor", { header: t.label })}
         @click=${(e) => e.stopPropagation()}
         @keydown=${{
 			handleEvent: (e) => this._onFilterDialogKeydown(e),
 			capture: !0
 		}}>
-        ${t === "boolean" ? this._renderBooleanFilter(e) : t === "number" ? this._renderNumberFilter(e) : t === "date" || t === "datetime" ? this._renderDateFilter(e) : this._renderTextFilter(e)}
+        ${n === "boolean" ? this._renderBooleanFilter(t) : n === "number" ? this._renderNumberFilter(t) : n === "date" || n === "datetime" ? this._renderDateFilter(t) : this._renderTextFilter(t)}
         <div class="ft-filter-actions">
-          <button class="ft-filter-clear" @click=${() => this._clearColumnFilter(e.key)}>${k("clear")}</button>
+          <button class="ft-filter-clear" @click=${() => this._clearColumnFilter(t.key)}>${e("clear")}</button>
         </div>
       </div>
     `;
@@ -3602,23 +3458,23 @@ var K = {
 	_buildEmptyPredicate(e) {
 		return e === "empty" ? (e) => e == null || e === "" : (e) => e != null && e !== "";
 	}
-	_renderEmptyFilterRow(e, t) {
-		let n = this._emptyFilterState.get(e) ?? "";
-		return i`
+	_renderEmptyFilterRow(t, n) {
+		let r = this._emptyFilterState.get(t) ?? "";
+		return a`
       <div class="ft-filter-empty-row">
-        <label>${k("blankCells")}</label>
-        <select class="ft-filter-mode-select" aria-label=${k("blankCells")}
-          .value=${n}
-          @change=${(n) => {
-			let r = n.target.value;
-			(r === "" || r === "empty" || r === "non-empty") && (r ? this._emptyFilterState.set(e, r) : this._emptyFilterState.delete(e), t?.(), this._applyFilterForKey(e));
+        <label>${e("blankCells")}</label>
+        <select class="ft-filter-mode-select" aria-label=${e("blankCells")}
+          .value=${r}
+          @change=${(e) => {
+			let r = e.target.value;
+			(r === "" || r === "empty" || r === "non-empty") && (r ? this._emptyFilterState.set(t, r) : this._emptyFilterState.delete(t), n?.(), this._applyFilterForKey(t));
 		}}
           @keydown=${(e) => {
 			e.key === "Escape" && this._closeFilterDropdown(), e.stopPropagation();
 		}}>
-          <option value="">${k("blankAll")}</option>
-          <option value="empty">${k("emptyOnly")}</option>
-          <option value="non-empty">${k("nonEmptyOnly")}</option>
+          <option value="">${e("blankAll")}</option>
+          <option value="empty">${e("emptyOnly")}</option>
+          <option value="non-empty">${e("nonEmptyOnly")}</option>
         </select>
       </div>
     `;
@@ -3672,51 +3528,51 @@ var K = {
 			t ? this.setFilter(e, t) : this.removeFilter(e);
 		} else this.removeFilter(e);
 	}
-	_renderTextFilter(e) {
-		let t = this._textFilterState.get(e.key) ?? {
+	_renderTextFilter(t) {
+		let n = this._textFilterState.get(t.key) ?? {
 			value: "",
 			mode: "contains"
 		};
-		return i`
+		return a`
       <div class="ft-filter-mode-row">
-        <select class="ft-filter-mode-select" aria-label=${k("filterMatchMode")}
-          .value=${t.mode}
-          @change=${(t) => {
-			let n = t.target.value, r = this._textFilterState.get(e.key) ?? {
+        <select class="ft-filter-mode-select" aria-label=${e("filterMatchMode")}
+          .value=${n.mode}
+          @change=${(e) => {
+			let n = e.target.value, r = this._textFilterState.get(t.key) ?? {
 				value: "",
 				mode: "contains"
 			};
-			this._textFilterState.set(e.key, {
+			this._textFilterState.set(t.key, {
 				...r,
 				mode: n
-			}), this._applyTextFilter(e.key);
+			}), this._applyTextFilter(t.key);
 		}}
           @keydown=${(e) => {
 			e.key === "Escape" && this._closeFilterDropdown(), e.stopPropagation();
 		}}>
-          <option value="contains">${k("contains")}</option>
-          <option value="starts">${k("startsWith")}</option>
-          <option value="ends">${k("endsWith")}</option>
-          <option value="wildcard">${k("wildcard")}</option>
+          <option value="contains">${e("contains")}</option>
+          <option value="starts">${e("startsWith")}</option>
+          <option value="ends">${e("endsWith")}</option>
+          <option value="wildcard">${e("wildcard")}</option>
         </select>
       </div>
-      <input class="ft-filter-input" type="text" placeholder=${k("searchPlaceholder")} aria-label=${k("filterText")}
-        .value=${t.value}
-        @input=${(t) => {
-			let n = t.target.value, r = this._textFilterState.get(e.key) ?? {
+      <input class="ft-filter-input" type="text" placeholder=${e("searchPlaceholder")} aria-label=${e("filterText")}
+        .value=${n.value}
+        @input=${(e) => {
+			let n = e.target.value, r = this._textFilterState.get(t.key) ?? {
 				value: "",
 				mode: "contains"
 			};
-			this._textFilterState.set(e.key, {
+			this._textFilterState.set(t.key, {
 				...r,
 				value: n
-			}), this._emptyFilterState.delete(e.key), this._applyTextFilter(e.key);
+			}), this._emptyFilterState.delete(t.key), this._applyTextFilter(t.key);
 		}}
         @keydown=${(e) => {
 			e.key === "Escape" && this._closeFilterDropdown(), e.stopPropagation();
 		}}>
-      ${this._renderEmptyFilterRow(e.key, () => {
-			this._textFilterState.delete(e.key);
+      ${this._renderEmptyFilterRow(t.key, () => {
+			this._textFilterState.delete(t.key);
 		})}
     `;
 	}
@@ -3733,35 +3589,35 @@ var K = {
 			}
 		};
 	}
-	_renderNumCondRow(e, t) {
-		let n = (this._numberFilterState.get(e) ?? this._defaultNumState())[t];
-		return i`
+	_renderNumCondRow(t, n) {
+		let r = (this._numberFilterState.get(t) ?? this._defaultNumState())[n];
+		return a`
       <div class="ft-num-cond-row">
-        <select class="ft-filter-mode-select ft-num-op-select" aria-label=${k("conditionOperator", { n: t === "cond1" ? 1 : 2 })}
-          .value=${n.op}
-          @change=${(n) => {
-			let r = n.target.value, i = this._numberFilterState.get(e) ?? this._defaultNumState();
-			i[t] = {
-				...i[t],
+        <select class="ft-filter-mode-select ft-num-op-select" aria-label=${e("conditionOperator", { n: n === "cond1" ? 1 : 2 })}
+          .value=${r.op}
+          @change=${(e) => {
+			let r = e.target.value, i = this._numberFilterState.get(t) ?? this._defaultNumState();
+			i[n] = {
+				...i[n],
 				op: r
-			}, this._numberFilterState.set(e, i), this._emptyFilterState.delete(e), this._applyFilterForKey(e);
+			}, this._numberFilterState.set(t, i), this._emptyFilterState.delete(t), this._applyFilterForKey(t);
 		}}
           @keydown=${(e) => {
 			e.key === "Escape" && this._closeFilterDropdown(), e.stopPropagation();
 		}}>
-          ${Object.keys(K).map((e) => i`<option value=${e}>${K[e]}</option>`)}
+          ${Object.keys(K).map((e) => a`<option value=${e}>${K[e]}</option>`)}
         </select>
-        <input class="ft-filter-input ft-num-cond-input" type="text" inputmode="decimal" placeholder=${k("valuePlaceholder")}
-          aria-label=${k("conditionValue", { n: t === "cond1" ? 1 : 2 })}
-          .value=${n.text ?? (n.value == null ? "" : N(n.value))}
-          aria-invalid=${n.text && n.value == null ? "true" : "false"}
-          @input=${(n) => {
-			let r = n.target.value, i = this._numberFilterState.get(e) ?? this._defaultNumState();
-			i[t] = {
-				...i[t],
+        <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 })}
+          .value=${r.text ?? (r.value == null ? "" : M(r.value))}
+          aria-invalid=${r.text && r.value == null ? "true" : "false"}
+          @input=${(e) => {
+			let r = e.target.value, i = this._numberFilterState.get(t) ?? this._defaultNumState();
+			i[n] = {
+				...i[n],
 				text: r,
-				value: r.trim() === "" ? null : m(r)
-			}, this._numberFilterState.set(e, i), this._emptyFilterState.delete(e), this._applyFilterForKey(e);
+				value: r.trim() === "" ? null : h(r)
+			}, this._numberFilterState.set(t, i), this._emptyFilterState.delete(t), this._applyFilterForKey(t);
 		}}
           @keydown=${(e) => {
 			e.key === "Escape" && this._closeFilterDropdown(), e.stopPropagation();
@@ -3769,16 +3625,16 @@ var K = {
       </div>
     `;
 	}
-	_renderNumberFilter(e) {
-		let t = this._numberFilterState.get(e.key) ?? this._defaultNumState();
-		return i`
-      ${this._renderNumCondRow(e.key, "cond1")}
+	_renderNumberFilter(t) {
+		let n = this._numberFilterState.get(t.key) ?? this._defaultNumState();
+		return a`
+      ${this._renderNumCondRow(t.key, "cond1")}
       <div class="ft-filter-mode-row">
-        <select class="ft-filter-mode-select" aria-label=${k("conditionJoin")}
-          .value=${t.join}
-          @change=${(t) => {
-			let n = t.target.value, r = this._numberFilterState.get(e.key) ?? this._defaultNumState();
-			r.join = n, this._numberFilterState.set(e.key, r), this._emptyFilterState.delete(e.key), this._applyFilterForKey(e.key);
+        <select class="ft-filter-mode-select" aria-label=${e("conditionJoin")}
+          .value=${n.join}
+          @change=${(e) => {
+			let n = e.target.value, r = this._numberFilterState.get(t.key) ?? this._defaultNumState();
+			r.join = n, this._numberFilterState.set(t.key, r), this._emptyFilterState.delete(t.key), this._applyFilterForKey(t.key);
 		}}
           @keydown=${(e) => {
 			e.key === "Escape" && this._closeFilterDropdown(), e.stopPropagation();
@@ -3787,9 +3643,9 @@ var K = {
           <option value="or">OR</option>
         </select>
       </div>
-      ${this._renderNumCondRow(e.key, "cond2")}
-      ${this._renderEmptyFilterRow(e.key, () => {
-			this._numberFilterState.delete(e.key);
+      ${this._renderNumCondRow(t.key, "cond2")}
+      ${this._renderEmptyFilterRow(t.key, () => {
+			this._numberFilterState.delete(t.key);
 		})}
     `;
 	}
@@ -3811,25 +3667,25 @@ var K = {
 		let n = this._invalidCells.get(this._cellKey(e, t));
 		return n ? typeof n.error == "function" ? n.error() : n.error : null;
 	}
-	_renderDateFilter(e) {
-		let t = e.type === "datetime", n = this._dateFilterState.get(e.key) ?? {}, r = (e) => e?.slice(0, 10), o = (e) => {
+	_renderDateFilter(t) {
+		let n = t.type === "datetime", r = this._dateFilterState.get(t.key) ?? {}, i = (e) => e?.slice(0, 10), s = (e) => {
 			e.key === "Escape" && $(e.currentTarget) || (e.stopPropagation(), e.key === "Escape" && this._closeFilterDropdown());
 		};
-		return i`
+		return a`
       <div class="ft-filter-range ft-filter-range-dates">
         <u-date-picker class="ft-filter-date" size="sm" clearable
-          mode=${t ? "datetime" : "date"} label=${k("fromPlaceholder")}
-          .value=${n.from ?? ""} max=${r(n.to) ?? a}
-          @change=${(t) => this._applyDateFilter(e.key, t, "from")}
-          @keydown=${o}></u-date-picker>
+          mode=${n ? "datetime" : "date"} label=${e("fromPlaceholder")}
+          .value=${r.from ?? ""} max=${i(r.to) ?? o}
+          @change=${(e) => this._applyDateFilter(t.key, e, "from")}
+          @keydown=${s}></u-date-picker>
         <u-date-picker class="ft-filter-date" size="sm" clearable
-          mode=${t ? "datetime" : "date"} label=${k("toPlaceholder")}
-          .value=${n.to ?? ""} min=${r(n.from) ?? a}
-          @change=${(t) => this._applyDateFilter(e.key, t, "to")}
-          @keydown=${o}></u-date-picker>
+          mode=${n ? "datetime" : "date"} label=${e("toPlaceholder")}
+          .value=${r.to ?? ""} min=${i(r.from) ?? o}
+          @change=${(e) => this._applyDateFilter(t.key, e, "to")}
+          @keydown=${s}></u-date-picker>
       </div>
-      ${this._renderEmptyFilterRow(e.key, () => {
-			this._dateFilterState.delete(e.key);
+      ${this._renderEmptyFilterRow(t.key, () => {
+			this._dateFilterState.delete(t.key);
 		})}
     `;
 	}
@@ -3837,21 +3693,21 @@ var K = {
 		let r = t.target.value ?? "", i = this._dateFilterState.get(e) ?? {};
 		r === "" ? delete i[n] : i[n] = r, this._dateFilterState.set(e, i), this._emptyFilterState.delete(e), this._applyFilterForKey(e);
 	}
-	_renderBooleanFilter(e) {
-		return i`
-      <select class="ft-filter-input" aria-label=${k("filterFor", { header: e.label })}
-        @change=${(t) => {
-			let n = t.target.value;
-			n === "all" ? this.removeFilter(e.key) : this.setFilter(e.key, (e) => !!e == (n === "true"));
+	_renderBooleanFilter(t) {
+		return a`
+      <select class="ft-filter-input" aria-label=${e("filterFor", { header: t.label })}
+        @change=${(e) => {
+			let n = e.target.value;
+			n === "all" ? this.removeFilter(t.key) : this.setFilter(t.key, (e) => !!e == (n === "true"));
 		}}
         @keydown=${(e) => {
 			e.key === "Escape" && this._closeFilterDropdown(), e.stopPropagation();
 		}}>
-        <option value="all">${k("all")}</option>
-        <option value="true">\u2714 ${k("booleanTrue")}</option>
-        <option value="false">\u2718 ${k("booleanFalse")}</option>
+        <option value="all">${e("all")}</option>
+        <option value="true">\u2714 ${e("booleanTrue")}</option>
+        <option value="false">\u2718 ${e("booleanFalse")}</option>
       </select>
-      ${this._renderEmptyFilterRow(e.key)}
+      ${this._renderEmptyFilterRow(t.key)}
     `;
 	}
 	_clearColumnFilter(e) {
@@ -4044,9 +3900,9 @@ var K = {
 		if (e.endCol >= t.length || e.endRow >= this._visibleRowCount) return "";
 		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 a = this._fillDrag?.active && this._fillDrag.targetRange ? this._renderFillPreview(this._fillDrag.targetRange) : "";
-		return i`
-      ${a}
+		let i = this._fillDrag?.active && this._fillDrag.targetRange ? this._renderFillPreview(this._fillDrag.targetRange) : "";
+		return a`
+      ${i}
       <div class="ft-fill-handle"
         style="left:${n}px;top:${r}px;"
         @mousedown=${(e) => this._onFillHandleMouseDown(e)}>
@@ -4056,8 +3912,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, a = (this._colLeftOffsets[e.endCol] ?? 0) + this._getColWidth(t[e.endCol]) - (this._colLeftOffsets[e.startCol] ?? 0), o = (e.endRow - e.startRow + 1) * this.rowHeight;
-		return i`<div class="ft-fill-preview" style="left:${n}px;top:${r}px;width:${a}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), 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>`;
 	}
 	_onRowNumMouseDown(e, t) {
 		if (e.button !== 0) return;
@@ -4234,100 +4090,100 @@ var K = {
 	}
 	_renderFindPanel() {
 		if (!this._findState) return "";
-		let { mode: e, query: t, replaceWith: n, matchCase: r, wholeCell: a, results: o, currentIndex: s } = this._findState, c = o.length, l = c > 0 ? s + 1 : 0;
-		return i`
+		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`
       <div class="ft-find-panel"
         @keydown=${(e) => {
 			if (e.stopPropagation(), e.key === "Escape") {
 				this._closeFindPanel();
 				return;
 			}
-			e.key === "Enter" && !_(e) && e.target instanceof HTMLInputElement && e.target.classList.contains("ft-find-input") && (e.shiftKey ? this._findPrev() : this._findNext());
+			e.key === "Enter" && !v(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=${k("findPlaceholder")} aria-label=${k("findInput")}
-            .value=${t}
+          <input class="ft-find-input" type="text" placeholder=${e("findPlaceholder")} aria-label=${e("findInput")}
+            .value=${n}
             @input=${(e) => {
 			this._findState.query = e.target.value, this._findSearch();
 		}}>
-          <span class="ft-find-count">${c > 0 ? `${l}/${c}` : t ? k("findNoResults") : ""}</span>
+          <span class="ft-find-count">${l > 0 ? `${u}/${l}` : n ? e("findNoResults") : ""}</span>
           <!-- 글리프는 이름이 아니다(«◀» 는 «black left-pointing triangle» 로 읽힌다) — 이름은 aria-label, 키는 aria-keyshortcuts -->
-          <button @click=${() => this._findPrev()} aria-label=${k("findPrevious")} aria-keyshortcuts="Shift+Enter" title=${`${k("findPrevious")} (Shift+Enter)`}>◀</button>
-          <button @click=${() => this._findNext()} aria-label=${k("findNext")} aria-keyshortcuts="Enter" title=${`${k("findNext")} (Enter)`}>▶</button>
-          <label title=${k("matchCase")}><input type="checkbox" aria-label=${k("matchCase")} ?checked=${r} @change=${(e) => {
+          <button @click=${() => this._findPrev()} aria-label=${e("findPrevious")} aria-keyshortcuts="Shift+Enter" title=${`${e("findPrevious")} (Shift+Enter)`}>◀</button>
+          <button @click=${() => this._findNext()} aria-label=${e("findNext")} aria-keyshortcuts="Enter" title=${`${e("findNext")} (Enter)`}>▶</button>
+          <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=${k("wholeCell")}><input type="checkbox" aria-label=${k("wholeCell")} ?checked=${a} @change=${(e) => {
+          <label title=${e("wholeCell")}><input type="checkbox" aria-label=${e("wholeCell")} ?checked=${o} @change=${(e) => {
 			this._findState.wholeCell = e.target.checked, this._findSearch();
 		}}> [ ]</label>
-          <button @click=${() => this._closeFindPanel()} aria-label=${k("closeFind")} aria-keyshortcuts="Escape" title=${`${k("closeFind")} (Escape)`}>✕</button>
+          <button @click=${() => this._closeFindPanel()} aria-label=${e("closeFind")} aria-keyshortcuts="Escape" title=${`${e("closeFind")} (Escape)`}>✕</button>
         </div>
-        ${e === "replace" ? i`
+        ${t === "replace" ? a`
           <div class="ft-find-row">
-            <input class="ft-find-replace-input" type="text" placeholder=${k("replaceWithPlaceholder")} aria-label=${k("replaceInput")}
-              .value=${n}
+            <input class="ft-find-replace-input" type="text" placeholder=${e("replaceWithPlaceholder")} aria-label=${e("replaceInput")}
+              .value=${r}
               @input=${(e) => {
 			this._findState.replaceWith = e.target.value;
 		}}>
-            <button @click=${() => this._replaceOne()} ?disabled=${c === 0}>${k("replace")}</button>
-            <button @click=${() => this._replaceAll()} ?disabled=${c === 0}>${k("replaceAll")}</button>
+            <button @click=${() => this._replaceOne()} ?disabled=${l === 0}>${e("replace")}</button>
+            <button @click=${() => this._replaceAll()} ?disabled=${l === 0}>${e("replaceAll")}</button>
           </div>
         ` : ""}
       </div>
     `;
 	}
 	render() {
-		let e = this.visibleColumns, t = this.importEnabled && this._isDragOver ? i`<div class="ft-import-overlay">${k("dropFileToImport")}</div>` : a, n = this.loading ? i`<div class="ft-loading-overlay"></div>` : a;
-		if (e.length === 0) return i`${t}${n}<div class="ft-empty">${k("noColumnsDefined")}</div>`;
-		let r = this.headerHeight, o = this._totalRowWidth, { start: s, end: c } = this.visibleColRange, l = [];
-		for (let t = 0; t < e.length; t++) (e[t].pinned === "left" || e[t].pinned === "right") && (t < s || t >= c) && l.push(t);
-		let u = 0, d = this._scrollLeft, f = this.selectable ? i`<div class="ft-checkbox-header"
-            style="position: absolute; top: 0; left: ${d + u}px; width: ${this._checkboxColWidth}px; height: ${r}px; z-index: 4;">
-          ${this._rowSelection.mode === "multi" ? i`
+		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"
+            style="position: absolute; top: 0; left: ${f + d}px; width: ${this._checkboxColWidth}px; height: ${i}px; z-index: 4;">
+          ${this._rowSelection.mode === "multi" ? a`
             <!-- 칸 전체가 누르는 자리다(라벨) — 체크 상자는 16px 그대로. -->
-            <label class="ft-checkbox-hit"><input type="checkbox" tabindex="-1" aria-label=${k("selectAllRows")}
+            <label class="ft-checkbox-hit"><input type="checkbox" tabindex="-1" aria-label=${e("selectAllRows")}
               .checked=${this._rowSelection.isAllSelected}
               .indeterminate=${this._rowSelection.isSomeSelected}
               @change=${this._onSelectAllChange}></label>
           ` : ""}
         </div>` : "";
-		this.selectable && (u += this._checkboxColWidth);
-		let p = this.showRowNumbers ? i`<div class="ft-row-num-header"
-            style="position: absolute; top: 0; left: ${d + u}px; width: 48px; height: ${r}px; z-index: 4;">#</div>` : "", m = [];
-		for (let t of l) m.push(this._renderHeaderCell(e[t], t));
-		for (let t = s; t < c; t++) m.push(this._renderHeaderCell(e[t], t));
-		let h = this._colDragIndicatorLeft == null ? "" : i`<div class="ft-drop-indicator" style="left:${this._colDragIndicatorLeft}px"></div>`;
+		this.selectable && (d += this._checkboxColWidth);
+		let m = this.showRowNumbers ? a`<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>`;
 		if (this.data.length === 0 || this._visibleRowCount === 0) {
 			let e = this.data.length === 0 ? this.emptyMessage : this.noMatchingMessage;
-			return i`
-        ${n}
-        <div class="ft-header" role="row" aria-rowindex="1" style="width: ${o}px; height: ${r}px;">
-          ${f}${p}
-          ${m}
+			return a`
+        ${r}
+        <div class="ft-header" role="row" aria-rowindex="1" style="width: ${s}px; height: ${i}px;">
+          ${p}${m}
           ${h}
+          ${g}
         </div>
         <div class="ft-empty">${e}</div>
       `;
 		}
-		let { start: g, end: _ } = this.visibleRange, v = this._frozenRowCount, y = [];
-		for (let e = g; e < _; e++) y.push(this._renderRow(e, s, c, l, (e - v) * this.rowHeight));
-		let b = this._renderFillHandle(), x = this._rowDragIndicatorY == null ? "" : i`<div class="ft-row-drop-indicator" style="top:${this._rowDragIndicatorY}px;width:${o}px;"></div>`;
-		return i`
-      ${t}
+		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`
       ${n}
+      ${r}
       ${this._renderFindPanel()}
-      <div class="ft-header" role="row" aria-rowindex="1" style="width: ${o}px; height: ${r}px;">
-        ${f}${p}
-        ${m}
+      <div class="ft-header" role="row" aria-rowindex="1" style="width: ${s}px; height: ${i}px;">
+        ${p}${m}
         ${h}
+        ${g}
       </div>
-      ${this._renderFrozenRows(s, c, l)}
-      <div class="ft-body" style="height: ${this.totalBodyHeight}px; width: ${o}px;">
-        ${y}
+      ${this._renderFrozenRows(c, l, u)}
+      <div class="ft-body" style="height: ${this.totalBodyHeight}px; width: ${s}px;">
+        ${b}
       </div>
-      ${this.footerData ? this._renderFooter(s, c, l) : ""}
+      ${this.footerData ? this._renderFooter(c, l, u) : ""}
+      ${S}
       ${x}
-      ${b}
       ${this._renderHeaderContextMenu()}
       ${this._renderBodyContextMenu()}
       ${this._renderCommentPopup()}
@@ -4344,69 +4200,69 @@ var K = {
 	}
 	_renderFrozenRows(e, t, n) {
 		let r = this._frozenRowCount;
-		if (r === 0) return a;
-		let o = this._totalRowWidth, s = [];
+		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 i`
-      <div class="ft-frozen-rows" style="top: ${this.headerHeight}px; height: ${this.frozenRowsHeight}px; width: ${o}px;">
+		return a`
+      <div class="ft-frozen-rows" style="top: ${this.headerHeight}px; height: ${this.frozenRowsHeight}px; width: ${i}px;">
         ${s}
       </div>
     `;
 	}
 	_renderFooter(e, t, n) {
 		if (!this.footerData) return "";
-		let r = this.visibleColumns, a = this.rowHeight, o = this._totalRowWidth, s = this._scrollLeft, c = 0, l = this.selectable ? i`<div class="ft-footer-cell ft-checkbox-cell"
-            style="position: absolute; top: 0; left: ${s + c}px; width: ${this._checkboxColWidth}px; height: ${a}px; z-index: 2;"></div>` : "";
+		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>` : "";
 		this.selectable && (c += this._checkboxColWidth);
-		let u = this.showRowNumbers ? i`<div class="ft-footer-cell ft-row-num"
-            style="position: absolute; top: 0; left: ${s + c}px; width: 48px; height: ${a}px; z-index: 2;"></div>` : "", d = [];
+		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 = [];
 		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: ${a}px; z-index: 2;` : `position: absolute; top: 0; left: ${s + this._getPinnedLeft(e)}px; width: ${n}px; height: ${a}px; z-index: 2;`;
-			d.push(i`
+			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}>
           ${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: ${a}px; z-index: 2;` : l ? `position: absolute; top: 0; right: ${-s + this._getPinnedRight(n)}px; width: ${t}px; height: ${a}px; z-index: 2;` : `left: ${o}px; width: ${t}px; height: ${a}px;`, d.push(i`
+			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`
         <div class="ft-footer-cell ${u ? "ft-pinned" : ""}" role="gridcell" aria-colindex=${n + 1} style=${f}>
           ${this.footerData[e.key] ?? ""}</div>
       `);
 		}
-		return i`
-      <div class="ft-footer" role="row" aria-rowindex=${this._visibleRowCount + 2} style="width: ${o}px; height: ${a}px;">
+		return a`
+      <div class="ft-footer" role="row" aria-rowindex=${this._visibleRowCount + 2} style="width: ${o}px; height: ${i}px;">
         ${l}${u}
         ${d}
       </div>
     `;
 	}
-	_renderRow(e, t, n, r, a) {
-		let o = this.visibleColumns, s = this._toDataIndex(e), c = this.data[s], l = a ?? e * this.rowHeight, u = this.rowHeight, d = this._totalRowWidth, f = e % 2 == 0 ? "ft-row-even" : "ft-row-odd", p = this.selectable && this._rowSelection.isSelected(e), m = this._scrollLeft, h = 0, g = this.selectable ? i`
+	_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 && this._rowSelection.isSelected(t), h = this._scrollLeft, g = 0, _ = this.selectable ? a`
       <div class="ft-checkbox-cell"
-        style="position: absolute; top: 0; left: ${m + h}px; width: ${this._checkboxColWidth}px; height: ${u}px; z-index: 2;">
+        style="position: absolute; top: 0; left: ${h + g}px; width: ${this._checkboxColWidth}px; height: ${d}px; z-index: 2;">
         <!-- 행 체크박스는 Tab 정지점이 아니다 — 그리드(호스트)가 하나의 정지점이고 행 선택은 Shift+Space 다.
              렌더된 행마다 정지점이면 표 하나를 지나는 데 Tab 이 행 수만큼 든다. -->
-        <label class="ft-checkbox-hit"><input type="checkbox" tabindex="-1" aria-label=${k("selectRow")}
-          .checked=${p}
+        <label class="ft-checkbox-hit"><input type="checkbox" tabindex="-1" aria-label=${e("selectRow")}
+          .checked=${m}
           @click=${(e) => this._onRowCheckboxClick(e)}
-          @change=${(t) => this._onRowCheckboxChange(t, e)}></label>
+          @change=${(e) => this._onRowCheckboxChange(e, t)}></label>
       </div>
     ` : "";
-		this.selectable && (h += this._checkboxColWidth);
-		let _ = this._rowDrag?.active && this._rowDrag.rowIndex === e, v = this.showRowNumbers ? i`
-      <div class="ft-row-num ${_ ? "ft-col-dragging" : ""}"
-        style="position: absolute; top: 0; left: ${m + h}px; width: 48px; height: ${u}px; z-index: 2; cursor: grab;"
-        @mousedown=${(t) => this._onRowNumMouseDown(t, e)}
-        @click=${() => this._onRowNumberClick(e)}>${s + 1}</div>
-    ` : "", y = [];
-		for (let t of r) y.push(this._renderCell(c, o[t], e, t, this._mergeState(o[t], e)));
-		for (let r = t; r < n; r++) y.push(this._renderCell(c, o[r], e, r, this._mergeState(o[r], e)));
-		return i`
-      <div class="ft-row ${f} ${p ? "ft-row-selected" : ""}" role="row" aria-rowindex=${e + 2}
-        style="top: ${l}px; height: ${u}px; width: ${d}px;">
-        ${g}${v}
-        ${y}
+		this.selectable && (g += this._checkboxColWidth);
+		let v = this._rowDrag?.active && this._rowDrag.rowIndex === t, y = this.showRowNumbers ? a`
+      <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`
+      <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}
+        ${b}
       </div>
     `;
 	}
@@ -4437,7 +4293,7 @@ var K = {
 			headParity: i % 2 == 0 ? "even" : "odd"
 		};
 	}
-	_renderCell(e, t, n, r, o = null) {
+	_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);
@@ -4447,12 +4303,12 @@ var K = {
 			let i = Object.entries(r).map(([e, t]) => `${e}: ${t}`).join("; ");
 			i && (g += " " + i + ";");
 		}
-		if (c) return i`
+		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}
           aria-selected="true"
-          aria-readonly=${_ ? "true" : a}
+          aria-readonly=${_ ? "true" : o}
           style=${g}>
           ${this._renderEditor(e, t)}
         </div>
@@ -4466,46 +4322,46 @@ var K = {
 			f ? "ft-pinned" : "",
 			y ? "ft-invalid" : "",
 			S ? "ft-find-current" : x ? "ft-find-match" : "",
-			o ? `ft-merge-${o.headParity}` : "",
-			o?.continues ? "ft-merge-continued" : "",
-			o?.opensDown ? "ft-merge-open" : "",
+			i ? `ft-merge-${i.headParity}` : "",
+			i?.continues ? "ft-merge-continued" : "",
+			i?.opensDown ? "ft-merge-open" : "",
 			t.reveal === "hover" ? "ft-reveal-hover" : ""
-		].filter(Boolean).join(" "), ee = this._toDataIndex(n), w = this._comments.get(ee)?.get(t.key) ?? null, E = w !== null, D = E ? i`<div class="ft-comment-indicator" title=${w}></div>` : a;
-		return i`
+		].filter(Boolean).join(" "), w = this._toDataIndex(n), T = this._comments.get(w)?.get(t.key) ?? null, E = T !== null, O = E ? a`<div class="ft-comment-indicator" title=${T}></div>` : o;
+		return a`
       <div class=${E ? C + " ft-has-comment" : C}
         role="gridcell"
         tabindex="-1"
         aria-colindex=${r + 1}
         data-col-index=${r}
         aria-selected=${v ? "true" : "false"}
-        aria-readonly=${_ ? "true" : a}
-        aria-invalid=${y ? "true" : a}
-        title=${y ?? a}
+        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)}>
-        ${D}
-        ${T(e[t.key], e, t)}
+        ${O}
+        ${D(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 i`
+		if (t.type === "number") return a`
         <input class="ft-editor ft-editor-number" type="text" inputmode="decimal" aria-label=${t.label}
-          .value=${typeof n == "number" ? N(n) : r}
+          .value=${typeof n == "number" ? M(n) : r}
           @keydown=${this._onEditorKeyDown}
           @blur=${() => this._commitEdit()}>
       `;
 		if (t.type === "date" || t.type === "datetime") {
 			let e = t.type === "datetime";
-			return i`
+			return a`
         <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=${Ze(n, e)}
           @keydown=${this._onEditorKeyDown}
           @change=${() => this._commitEdit()}
           @blur=${() => this._commitEdit()}></u-date-picker>
@@ -4513,30 +4369,30 @@ var K = {
 		}
 		if (t.type === "select" && t.options && t.options.length > 0) {
 			let e = t.options, r = typeof e[0] == "string";
-			return i`
+			return a`
         <select class="ft-editor" aria-label=${t.label}
           @keydown=${this._onEditorKeyDown}
           @blur=${() => this._commitEdit()}
           @change=${() => this._commitEdit()}>
-          ${r ? e.map((e) => i`<option value=${e} ?selected=${e === n}>${e}</option>`) : e.map((e) => i`<option value=${String(e.value)} ?selected=${e.value === n}>${e.label}</option>`)}
+          ${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>`)}
         </select>
       `;
 		}
 		if (t.autocomplete) {
 			let e = this._autocompleteState?.candidates ?? [], n = this._autocompleteState?.activeIndex ?? -1;
-			return i`
+			return a`
         <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}` : a}
+          aria-activedescendant=${n >= 0 && e.length > 0 ? `ft-autocomplete-${n}` : o}
           .value=${r}
           @input=${(e) => this._onAutocompleteInput(e, t)}
           @keydown=${this._onEditorKeyDown}
           @blur=${() => this._commitEdit()}>
-        ${e.length > 0 ? i`
+        ${e.length > 0 ? a`
           <div class="ft-autocomplete-dropdown" id="ft-autocomplete-list" role="listbox" aria-label=${t.label}>
-            ${e.map((e, t) => i`
+            ${e.map((e, t) => a`
               <div class="ft-autocomplete-item ${t === n ? "ft-autocomplete-active" : ""}"
                 id=${`ft-autocomplete-${t}`} role="option" aria-selected=${t === n ? "true" : "false"}
                 @mousedown=${(t) => {
@@ -4546,10 +4402,10 @@ var K = {
               </div>
             `)}
           </div>
-        ` : a}
+        ` : o}
       `;
 		}
-		return i`
+		return a`
       <input class="ft-editor" type="text" aria-label=${t.label}
         .value=${r}
         @keydown=${this._onEditorKeyDown}
@@ -4557,62 +4413,62 @@ var K = {
     `;
 	}
 };
-G([s({ type: Array })], Q.prototype, "columns", void 0), G([s({
+G([c({ type: Array })], Q.prototype, "columns", void 0), G([c({
 	type: Array,
 	hasChanged: () => !0
-})], Q.prototype, "data", null), G([s({
+})], Q.prototype, "data", null), G([c({
 	type: Boolean,
 	attribute: "clear-undo-on-data-change"
-})], Q.prototype, "clearUndoOnDataChange", void 0), G([s({
+})], Q.prototype, "clearUndoOnDataChange", void 0), G([c({
 	type: Boolean,
 	attribute: "clear-selection-on-data-change"
-})], Q.prototype, "clearSelectionOnDataChange", void 0), G([s({
+})], Q.prototype, "clearSelectionOnDataChange", void 0), G([c({
 	type: Number,
 	attribute: "row-height"
-})], Q.prototype, "rowHeight", null), G([s({
+})], Q.prototype, "rowHeight", null), G([c({
 	type: Boolean,
 	attribute: "show-row-numbers"
-})], Q.prototype, "showRowNumbers", void 0), G([s({
+})], Q.prototype, "showRowNumbers", void 0), G([c({
 	type: String,
 	reflect: !0
-})], Q.prototype, "theme", void 0), G([s({
+})], Q.prototype, "theme", void 0), G([c({
 	type: Number,
 	attribute: "max-rows"
-})], Q.prototype, "maxRows", void 0), G([s({ type: Boolean })], Q.prototype, "editable", void 0), G([s({
+})], Q.prototype, "maxRows", void 0), G([c({ type: Boolean })], Q.prototype, "editable", void 0), G([c({
 	type: Boolean,
 	attribute: "show-filters"
-})], Q.prototype, "showFilters", void 0), G([s({
+})], Q.prototype, "showFilters", void 0), G([c({
 	type: Boolean,
 	attribute: "show-context-menu"
-})], Q.prototype, "showContextMenu", void 0), G([s({
+})], Q.prototype, "showContextMenu", void 0), G([c({
 	type: Number,
 	attribute: "frozen-rows"
-})], Q.prototype, "frozenRows", void 0), G([s({
+})], Q.prototype, "frozenRows", void 0), G([c({
 	type: String,
 	attribute: "empty-message"
-})], Q.prototype, "emptyMessage", void 0), G([s({
+})], Q.prototype, "emptyMessage", void 0), G([c({
 	type: String,
 	attribute: "no-matching-message"
-})], Q.prototype, "noMatchingMessage", void 0), G([s({
+})], Q.prototype, "noMatchingMessage", void 0), G([c({
 	type: Boolean,
 	reflect: !0
-})], Q.prototype, "loading", void 0), G([s({
+})], Q.prototype, "loading", void 0), G([c({
 	type: Boolean,
 	attribute: "import-enabled"
-})], Q.prototype, "importEnabled", void 0), G([s({ type: Boolean })], Q.prototype, "selectable", void 0), G([s({
+})], Q.prototype, "importEnabled", void 0), G([c({ type: Boolean })], Q.prototype, "selectable", void 0), G([c({
 	type: String,
 	attribute: "selection-mode"
-})], Q.prototype, "selectionMode", null), G([s({
+})], Q.prototype, "selectionMode", null), G([c({
 	type: String,
 	attribute: "data-mode"
-})], Q.prototype, "dataMode", void 0), G([s({
+})], Q.prototype, "dataMode", void 0), G([c({
 	type: Object,
 	attribute: "footer-data"
-})], Q.prototype, "footerData", void 0), G([s({ attribute: !1 })], Q.prototype, "stylesheets", void 0), G([s({
+})], Q.prototype, "footerData", void 0), G([c({ attribute: !1 })], Q.prototype, "stylesheets", void 0), G([c({
 	type: Number,
 	attribute: "max-undo-size"
-})], Q.prototype, "maxUndoSize", null), G([c()], Q.prototype, "_scrollTop", void 0), G([c()], Q.prototype, "_scrollLeft", void 0), G([c()], Q.prototype, "_viewportHeight", void 0), G([c()], Q.prototype, "_viewportWidth", void 0), G([c()], Q.prototype, "_activeCell", void 0), G([c()], Q.prototype, "_headerCol", void 0), G([c()], Q.prototype, "_editingCell", void 0), G([c()], Q.prototype, "_sortCriteria", void 0), G([c()], Q.prototype, "_openFilterKey", void 0), G([c()], Q.prototype, "_rowSelectionVersion", void 0), G([c()], Q.prototype, "_autocompleteState", void 0), G([c()], Q.prototype, "_headerMenu", void 0), G([c()], Q.prototype, "_bodyContextMenu", void 0), G([c()], Q.prototype, "_commentPopup", void 0), G([c()], Q.prototype, "_isDragOver", void 0), Q = G([o("flex-table")], Q);
-function Qe(e, t) {
+})], 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 Ze(e, t) {
 	if (t) {
 		let t = fe(e);
 		return /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/.test(t) ? t.replace(" ", "T") : void 0;
@@ -4628,4 +4484,4 @@ function $(e) {
 	}
 }
 //#endregion
-export { A as a, T as c, j as i, W as n, O as o, B as r, k as s, Q as t };
+export { k as a, A as i, W as n, D as o, z as r, Q as t };