@iyulab/flex-table 0.39.0 → 0.40.0

package/dist/{flex-table-JGaGcJTl.js → flex-table-CDEu8YQE.js}

@@ -329,12 +329,11 @@ var l = r`
     color: var(--ft-active-color);
   }
 
-  .ft-cell.ft-type-number {
-    text-align: right;
-    font-variant-numeric: tabular-nums;
-  }
+  .ft-cell.ft-type-number { font-variant-numeric: tabular-nums; }
 
-  .ft-cell.ft-type-boolean { text-align: center; }
+  /* 셀 정렬은 열의 실효 정렬(align, 없으면 type 기본값)에서 온다 — 논리값이라 RTL 에서 뒤집힌다. */
+  .ft-cell.ft-align-center { text-align: center; }
+  .ft-cell.ft-align-end { text-align: end; }
   .ft-bool { color: var(--ft-bool-color); }
 
   .ft-empty {
@@ -1628,7 +1627,7 @@ function D(e, t, n) {
 //#endregion
 //#region src/renderers/cell-renderer.ts
 function O(e, t, n) {
-	return n.renderer ? n.renderer(e, t, n) : n.format ? typeof n.format == "function" ? n.format(e, t, n) : b(e, n.format) : ee(e, n);
+	return n.render ? n.render(e, t, n) : n.format ? typeof n.format == "function" ? n.format(e, t, n) : b(e, n.format) : ee(e, n);
 }
 function ee(e, t) {
 	if (e == null) return "";
@@ -2115,27 +2114,27 @@ function L(e) {
 function R(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function z(e) {
+function me(e) {
 	let t = "";
 	for (e++; e > 0;) t = String.fromCharCode(64 + (e % 26 || 26)) + t, e = Math.floor((e - 1) / 26);
 	return t;
 }
-function B(e, t) {
-	return z(t) + (e + 1);
+function z(e, t) {
+	return me(t) + (e + 1);
 }
-function me(e) {
+function he(e) {
 	let t = Date.UTC(1899, 11, 30);
 	return (e.getTime() - t) / 864e5;
 }
-var he = "<?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>", ge = "<?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>", _e = "<?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>", ve = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<Relationships xmlns=\"http://schemas.openxmlformats.org/package/2006/relationships\">\n  <Relationship Id=\"rId1\" Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet\" Target=\"worksheets/sheet1.xml\"/>\n  <Relationship Id=\"rId2\" Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/styles\" Target=\"styles.xml\"/>\n</Relationships>", ye = "<?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 be(e, t) {
-	let n = [], r = t.map((e, t) => `<c r="${B(0, t)}" t="str" s="2"><v>${R(e.header)}</v></c>`);
+var ge = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<Types xmlns=\"http://schemas.openxmlformats.org/package/2006/content-types\">\n  <Default Extension=\"rels\" ContentType=\"application/vnd.openxmlformats-package.relationships+xml\"/>\n  <Default Extension=\"xml\" ContentType=\"application/xml\"/>\n  <Override PartName=\"/xl/workbook.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml\"/>\n  <Override PartName=\"/xl/worksheets/sheet1.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml\"/>\n  <Override PartName=\"/xl/styles.xml\" ContentType=\"application/vnd.openxmlformats-officedocument.spreadsheetml.styles+xml\"/>\n</Types>", _e = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<Relationships xmlns=\"http://schemas.openxmlformats.org/package/2006/relationships\">\n  <Relationship Id=\"rId1\" Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument\" Target=\"xl/workbook.xml\"/>\n</Relationships>", ve = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<workbook xmlns=\"http://schemas.openxmlformats.org/spreadsheetml/2006/main\" xmlns:r=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships\">\n  <sheets><sheet name=\"Sheet1\" sheetId=\"1\" r:id=\"rId1\"/></sheets>\n</workbook>", ye = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<Relationships xmlns=\"http://schemas.openxmlformats.org/package/2006/relationships\">\n  <Relationship Id=\"rId1\" Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet\" Target=\"worksheets/sheet1.xml\"/>\n  <Relationship Id=\"rId2\" Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/styles\" Target=\"styles.xml\"/>\n</Relationships>", be = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<styleSheet xmlns=\"http://schemas.openxmlformats.org/spreadsheetml/2006/main\">\n  <numFmts count=\"1\"><numFmt numFmtId=\"164\" formatCode=\"yyyy-mm-dd\"/></numFmts>\n  <fonts count=\"2\">\n    <font><sz val=\"11\"/><name val=\"Calibri\"/></font>\n    <font><sz val=\"11\"/><b/><name val=\"Calibri\"/></font>\n  </fonts>\n  <fills count=\"2\">\n    <fill><patternFill patternType=\"none\"/></fill>\n    <fill><patternFill patternType=\"gray125\"/></fill>\n  </fills>\n  <borders count=\"1\"><border><left/><right/><top/><bottom/><diagonal/></border></borders>\n  <cellStyleXfs count=\"1\"><xf numFmtId=\"0\" fontId=\"0\" fillId=\"0\" borderId=\"0\"/></cellStyleXfs>\n  <cellXfs count=\"3\">\n    <xf numFmtId=\"0\" fontId=\"0\" fillId=\"0\" borderId=\"0\" xfId=\"0\"/>\n    <xf numFmtId=\"164\" fontId=\"0\" fillId=\"0\" borderId=\"0\" xfId=\"0\" applyNumberFormat=\"1\"/>\n    <xf numFmtId=\"0\" fontId=\"1\" fillId=\"0\" borderId=\"0\" xfId=\"0\" applyFont=\"1\"/>\n  </cellXfs>\n</styleSheet>";
+function xe(e, t) {
+	let n = [], r = t.map((e, t) => `<c r="${z(0, t)}" t="str" s="2"><v>${R(e.label)}</v></c>`);
 	return n.push(`<row r="1">${r.join("")}</row>`), e.forEach((e, r) => {
 		let i = t.map((t, n) => {
-			let i = B(r + 1, n), a = e[t.key];
+			let i = z(r + 1, n), a = e[t.key];
 			if (a == null) return `<c r="${i}" t="str"><v></v></c>`;
 			let o = t.type ?? "text";
-			return o === "number" && typeof a == "number" ? `<c r="${i}"><v>${a}</v></c>` : (o === "date" || o === "datetime") && a instanceof Date ? `<c r="${i}" s="1"><v>${me(a).toFixed(6)}</v></c>` : o === "boolean" ? `<c r="${i}" t="b"><v>${+!!a}</v></c>` : `<c r="${i}" t="str"><v>${R(String(a))}</v></c>`;
+			return o === "number" && typeof a == "number" ? `<c r="${i}"><v>${a}</v></c>` : (o === "date" || o === "datetime") && a instanceof Date ? `<c r="${i}" s="1"><v>${he(a).toFixed(6)}</v></c>` : o === "boolean" ? `<c r="${i}" t="b"><v>${+!!a}</v></c>` : `<c r="${i}" t="str"><v>${R(String(a))}</v></c>`;
 		});
 		n.push(`<row r="${r + 2}">${i.join("")}</row>`);
 	}), `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
@@ -2143,24 +2142,24 @@ function be(e, t) {
   <sheetData>${n.join("")}</sheetData>
 </worksheet>`;
 }
-function xe(e, t) {
-	let n = be(e, t);
+function Se(e, t) {
+	let n = xe(e, t);
 	return pe([
 		{
 			name: "[Content_Types].xml",
-			data: I.encode(he)
+			data: I.encode(ge)
 		},
 		{
 			name: "_rels/.rels",
-			data: I.encode(ge)
+			data: I.encode(_e)
 		},
 		{
 			name: "xl/workbook.xml",
-			data: I.encode(_e)
+			data: I.encode(ve)
 		},
 		{
 			name: "xl/_rels/workbook.xml.rels",
-			data: I.encode(ve)
+			data: I.encode(ye)
 		},
 		{
 			name: "xl/worksheets/sheet1.xml",
@@ -2168,30 +2167,30 @@ function xe(e, t) {
 		},
 		{
 			name: "xl/styles.xml",
-			data: I.encode(ye)
+			data: I.encode(be)
 		}
 	]);
 }
 //#endregion
 //#region src/export/export.ts
-function V(e, t, n) {
+function B(e, t, n) {
 	switch (n) {
-		case "csv": return H(e, t, ",");
-		case "tsv": return H(e, t, "	");
-		case "json": return Ce(e, t);
-		case "xlsx": return xe(e, t);
+		case "csv": return V(e, t, ",");
+		case "tsv": return V(e, t, "	");
+		case "json": return we(e, t);
+		case "xlsx": return Se(e, t);
 	}
 }
-function Se(e, t) {
+function Ce(e, t) {
 	return e == null ? "" : (t.type === "date" || t.type === "datetime") && e instanceof Date ? e.toISOString() : String(e);
 }
-function H(e, t, n) {
-	return [t.map((e) => U(e.header, n)).join(n), ...e.map((e) => t.map((t) => U(Se(e[t.key], t), n)).join(n))].join("\n");
+function V(e, t, n) {
+	return [t.map((e) => H(e.label, n)).join(n), ...e.map((e) => t.map((t) => H(Ce(e[t.key], t), n)).join(n))].join("\n");
 }
-function U(e, t) {
+function H(e, t) {
 	return e.includes(t) || e.includes("\"") || e.includes("\n") || e.includes("\r") ? "\"" + e.replace(/"/g, "\"\"") + "\"" : e;
 }
-function Ce(e, t) {
+function we(e, t) {
 	let n = e.map((e) => {
 		let n = {};
 		for (let r of t) {
@@ -2202,35 +2201,35 @@ function Ce(e, t) {
 	});
 	return JSON.stringify(n, null, 2);
 }
-function we(e, t, n) {
+function Te(e, t, n) {
 	let r = new Blob([e], { type: n }), i = URL.createObjectURL(r), a = document.createElement("a");
 	a.href = i, a.download = t, a.style.display = "none", document.body.appendChild(a), a.click(), document.body.removeChild(a), setTimeout(() => URL.revokeObjectURL(i), 100);
 }
-var Te = {
+var Ee = {
 	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"
-}, Ee = {
+}, De = {
 	csv: ".csv",
 	tsv: ".tsv",
 	json: ".json",
 	xlsx: ".xlsx"
 };
-function De(e) {
-	return Te[e];
-}
 function Oe(e) {
 	return Ee[e];
 }
+function ke(e) {
+	return De[e];
+}
 //#endregion
 //#region src/export/xlsx-reader.ts
-function ke(e) {
+function Ae(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 Ae(e) {
-	let t = ke(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 je(e) {
+	let t = Ae(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({
@@ -2243,7 +2242,7 @@ function Ae(e) {
 	}
 	return a;
 }
-async function je(e) {
+async function Me(e) {
 	let t = new DecompressionStream("deflate-raw"), n = t.writable.getWriter(), r = t.readable.getReader();
 	n.write(e), n.close();
 	let i = [];
@@ -2256,28 +2255,28 @@ async function je(e) {
 	for (let e of i) o.set(e, s), s += e.length;
 	return o;
 }
-async function Me(e, t) {
+async function Ne(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 je(o);
+	if (t.compressionMethod === 8) return Me(o);
 	throw Error(`XLSX: Unsupported compression method ${t.compressionMethod}`);
 }
-async function Ne(e) {
-	let t = new DataView(e), n = Ae(t), r = /* @__PURE__ */ new Map();
-	for (let e of n) e.compressedSize === 0 && e.name.endsWith("/") || r.set(e.name, await Me(t, e));
+async function Pe(e) {
+	let t = new DataView(e), n = je(t), r = /* @__PURE__ */ new Map();
+	for (let e of n) e.compressedSize === 0 && e.name.endsWith("/") || r.set(e.name, await Ne(t, e));
 	return r;
 }
-var Pe = new TextDecoder("utf-8");
-function W(e) {
-	let t = Pe.decode(e);
+var Fe = new TextDecoder("utf-8");
+function U(e) {
+	let t = Fe.decode(e);
 	return new DOMParser().parseFromString(t, "application/xml");
 }
-function Fe(e) {
+function Ie(e) {
 	if (!e) return [];
-	let t = W(e);
+	let t = U(e);
 	return Array.from(t.querySelectorAll("si")).map((e) => Array.from(e.querySelectorAll("t")).map((e) => e.textContent ?? "").join(""));
 }
-var Ie = /* @__PURE__ */ new Set([
+var Le = /* @__PURE__ */ new Set([
 	14,
 	15,
 	16,
@@ -2297,37 +2296,37 @@ var Ie = /* @__PURE__ */ new Set([
 	57,
 	58
 ]);
-function Le(e) {
+function Re(e) {
 	let t = e.replace(/"[^"]*"/g, "").replace(/\\./g, "").replace(/\[[^\]]*\]/g, "").split(";")[0];
 	return /[dy]/i.test(t);
 }
-function Re(e) {
+function ze(e) {
 	let t = /* @__PURE__ */ new Set();
 	if (!e) return t;
-	let n = W(e), r = /* @__PURE__ */ new Map();
+	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 ? Ie.has(i) : Le(a)) && t.add(n);
+		(a === void 0 ? Le.has(i) : Re(a)) && t.add(n);
 	}), t;
 }
-function ze(e) {
+function Be(e) {
 	if (!e) return !1;
-	let t = W(e).querySelector("workbookPr")?.getAttribute("date1904");
+	let t = U(e).querySelector("workbookPr")?.getAttribute("date1904");
 	return t === "1" || t === "true";
 }
-function Be(e, t) {
+function Ve(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 Ve(e, t, n, r) {
-	let i = W(e).querySelectorAll("row");
+function He(e, t, n, r) {
+	let i = U(e).querySelectorAll("row");
 	if (i.length === 0) return [];
 	let a = 0, o = /* @__PURE__ */ new Map();
 	for (let e of i) {
 		let i = parseInt(e.getAttribute("r") ?? "1", 10) - 1, s = /* @__PURE__ */ new Map();
 		o.set(i, s);
 		for (let i of e.querySelectorAll("c")) {
-			let e = He(i.getAttribute("r") ?? "");
+			let e = Ue(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)] ?? "";
@@ -2336,7 +2335,7 @@ function Ve(e, t, n, r) {
 			else if (l === "") d = "";
 			else {
 				let e = parseFloat(l);
-				d = c !== "" && n.has(parseInt(c, 10)) && !isNaN(e) && e >= 0 ? Be(e, r) : l;
+				d = c !== "" && n.has(parseInt(c, 10)) && !isNaN(e) && e >= 0 ? Ve(e, r) : l;
 			}
 			s.set(e, d);
 		}
@@ -2350,13 +2349,13 @@ function Ve(e, t, n, r) {
 	}
 	return c;
 }
-function He(e) {
+function Ue(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 G(e) {
-	let t = await Ne(e), n = Fe(t.get("xl/sharedStrings.xml")), r = t.get("xl/worksheets/sheet1.xml");
+async function W(e) {
+	let t = await Pe(e), n = Ie(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;
@@ -2364,7 +2363,7 @@ async function G(e) {
 		}
 	}
 	if (!r) throw Error("XLSX: No worksheet found");
-	let i = Re(t.get("xl/styles.xml")), a = ze(t.get("xl/workbook.xml")), o = Ve(r, n, i, a);
+	let i = ze(t.get("xl/styles.xml")), a = Be(t.get("xl/workbook.xml")), o = He(r, n, i, a);
 	return o.length === 0 ? {
 		headers: [],
 		rows: []
@@ -2374,6 +2373,11 @@ async function G(e) {
 	};
 }
 //#endregion
+//#region src/models/types.ts
+function G(e) {
+	return e.align ? e.align : e.type === "number" ? "end" : e.type === "boolean" ? "center" : "start";
+}
+//#endregion
 //#region \0@oxc-project+runtime@0.151.0/helpers/esm/decorate.js
 function K(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
@@ -2390,7 +2394,7 @@ var q = {
 	lt: "<",
 	gte: "≥",
 	lte: "≤"
-}, J = 120, Y = 40, X = 20, Z = 32, Q = 5, Ue = 200, $ = class extends n {
+}, J = 120, Y = 40, X = 20, Z = 32, Q = 5, We = 200, $ = class extends n {
 	constructor(...e) {
 		super(...e), this.columns = [], this._data = [], this._inUndoRedo = !1, this.clearUndoOnDataChange = !1, this.clearSelectionOnDataChange = !1, this._rowHeightFromCss = Z, this.showRowNumbers = !1, this.theme = void 0, this.maxRows = 0, this.editable = !0, this.showFilters = !1, this.showContextMenu = !1, this.frozenRows = 0, this.emptyMessage = "No data", this.noMatchingMessage = "No matching data", this.loading = !1, this.importEnabled = !1, this.selectable = !1, this.dataMode = "client", this.footerData = null, this.stylesheets = [], this._scrollTop = 0, this._scrollLeft = 0, this._viewportHeight = 0, this._viewportWidth = 0, this._colLeftOffsets = [], this._totalRowWidth = 0, this._baseStyleSheets = [], this._activeCell = null, this._editingCell = null, this._sortCriteria = [], this._selection = new j(), this._editing = new se(), this._rowSelection = new M(), this._undo = new N(), this._filters = [], this._filteredIndices = [], this._sortedIndices = [], this._openFilterKey = null, this._rowSelectionVersion = 0, this._lastCheckboxRowIndex = null, this._checkboxShiftPending = !1, this._autocompleteState = null, this._headerMenu = null, this._bodyContextMenu = null, this._commentPopup = null, this._viewDirty = !0, this._isDragging = !1, this._wasDrag = !1, this._resizing = null, this._resizeCleanup = null, this._wasHeaderDrag = !1, this._wasRowDrag = !1, this._colDrag = null, this._colDragIndicatorLeft = null, this._fillDrag = null, this._rowDrag = null, this._rowDragIndicatorY = null, this._findState = null, this._columnWidths = /* @__PURE__ */ new Map(), this._hostResizeObserver = null, this._comments = /* @__PURE__ */ new Map(), this._isDragOver = !1, this._warnedUnconstrained = !1, this._onCommentPopupOutsideClick = () => {
 			this._commitCommentPopup();
@@ -2757,12 +2761,12 @@ var q = {
 			if (!t) return "";
 			let n = this.visibleColumns.slice(t.startCol, t.endCol + 1), r = [];
 			for (let e = t.startRow; e <= t.endRow; e++) r.push(this.data[this._toDataIndex(e)]);
-			return V(r, n, e);
+			return B(r, n, e);
 		}
-		return V(this._sortedIndices.map((e) => this.data[e]), this.visibleColumns, e);
+		return B(this._sortedIndices.map((e) => this.data[e]), this.visibleColumns, e);
 	}
 	exportToFile(e, t) {
-		we(this.exportToString(e), t ?? `export${Oe(e)}`, De(e));
+		Te(this.exportToString(e), t ?? `export${ke(e)}`, Oe(e));
 	}
 	setComment(e, t, n) {
 		let r = this.getComment(e, t);
@@ -2819,7 +2823,7 @@ var q = {
 	async importFromFile(e) {
 		let t = e.name.toLowerCase();
 		if (t.endsWith(".xlsx")) {
-			let t = await G(await e.arrayBuffer());
+			let t = await W(await e.arrayBuffer());
 			this._applyImportedSheet(t);
 		} else if (t.endsWith(".csv") || t.endsWith(".tsv")) {
 			let t = P(await e.text());
@@ -2878,12 +2882,12 @@ var q = {
 	_buildHeaderColumnMap(e) {
 		let t = /* @__PURE__ */ new Map();
 		for (let n of e) {
-			let e = this.columns.find((e) => e.header === n);
+			let e = this.columns.find((e) => e.label === n);
 			if (e) {
 				t.set(n, e.key);
 				continue;
 			}
-			let r = this.columns.find((e) => e.header.toLowerCase() === n.toLowerCase());
+			let r = this.columns.find((e) => e.label.toLowerCase() === n.toLowerCase());
 			r && t.set(n, r.key);
 		}
 		return t;
@@ -3042,7 +3046,7 @@ var q = {
 		e !== this._viewportHeight && (this._viewportHeight = e), t !== this._viewportWidth && (this._viewportWidth = t), this._warnIfUnconstrained();
 	}
 	_warnIfUnconstrained() {
-		this._warnedUnconstrained || process.env.NODE_ENV === "production" || this._visibleRowCount < Ue || 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 < We || 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;
@@ -3686,40 +3690,40 @@ var q = {
 		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 = [
+		let n = e.sortable !== !1, r = this._sortCriteria.find((t) => t.key === e.key), o = this._sortCriteria.length > 1 ? this._sortCriteria.findIndex((t) => t.key === e.key) : -1, s = this._filters.some((t) => t.key === e.key), c = e.pinned === "left", l = e.pinned === "right", u = c || l, d = e.headerAlign ?? G(e), f = [
 			"ft-header-cell",
 			n ? "ft-sortable" : "",
-			c || l ? "ft-pinned" : "",
-			e.headerAlign === "center" ? "ft-header-align-center" : "",
-			e.headerAlign === "end" ? "ft-header-align-end" : ""
-		].filter(Boolean).join(" "), d = n ? r ? r.direction === "asc" ? "ascending" : "descending" : "none" : void 0, f = this._getColWidth(e), p = this.headerHeight, m = this._colLeftOffsets[t] ?? 0, h;
-		h = c ? `position: absolute; top: 0; left: ${this._scrollLeft + this._getPinnedLeft(t)}px; width: ${f}px; height: ${p}px; z-index: 4;` : l ? `position: absolute; top: 0; left: ${this._getPinnedRightLeft(t)}px; width: ${f}px; height: ${p}px; z-index: 4;` : `left: ${m}px; width: ${f}px; height: ${p}px;`;
-		let g = this._colDrag?.active && this._colDrag.colIndex === t, _ = [...u.split(" "), g ? "ft-col-dragging" : ""].filter(Boolean).join(" "), v = this.columns, y = v.findIndex((t) => t.key === e.key), b = [];
-		if (y > 0) for (let e = y - 1; e >= 0 && v[e].hidden; e--) b.push(v[e]);
-		let x = b.length > 0;
+			u ? "ft-pinned" : "",
+			d === "center" ? "ft-header-align-center" : "",
+			d === "end" ? "ft-header-align-end" : ""
+		].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=${_}
+      <div class=${y}
         role="columnheader"
         data-col-index=${t}
-        style=${h}
-        aria-sort=${d ?? a}
+        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}>
-        ${x ? i`
+        ${C ? i`
           <button class="ft-hidden-col-indicator"
             title=${A("showHiddenColumns")}
             @click=${(t) => {
 			t.stopPropagation(), this._showHiddenBefore(e);
 		}}>&#x276F;</button>
         ` : ""}
-        <span>${e.header}</span>
+        <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" : ""}"
           type="button"
           title=${A("columnMenu")}
-          aria-label=${A("columnMenuFor", { header: e.header })}
+          aria-label=${A("columnMenuFor", { header: e.label })}
           aria-haspopup="menu"
           aria-expanded=${this._headerMenu?.key === e.key ? "true" : "false"}
           @mousedown=${(e) => e.stopPropagation()}
@@ -3752,7 +3756,7 @@ var q = {
 		}, this.dispatchEvent(new CustomEvent("header-context-menu", {
 			detail: {
 				key: t.key,
-				header: t.header,
+				label: t.label,
 				x: e.clientX,
 				y: e.clientY
 			},
@@ -3838,8 +3842,8 @@ var q = {
 		}}>${t}</button>
     `;
 		return i`
-      <div class="ft-header-menu" role="menu" aria-label=${A("columnMenuRegion", { header: o.header })}
-        style="position: fixed; left: ${t}px; top: ${n}px; z-index: 200;"
+      <div class="ft-header-menu" role="menu" aria-label=${A("columnMenuRegion", { header: o.label })}
+        style="position: fixed; left: ${t}px; top: ${n}px; z-index: var(--u-layer-floating, 1000);"
         @mousedown=${(e) => e.stopPropagation()}
         @keydown=${(e) => this._onHeaderMenuKeydown(e)}>
         ${o.sortable === !1 ? a : i`
@@ -3853,7 +3857,7 @@ var q = {
           <div class="ft-header-menu-separator" role="separator"></div>
         ` : a}
         ${c("hide", A("hideColumn"), () => this._setColumnHidden(e, !0))}
-        ${r.map((e) => c("show", A("showColumn", { header: e.header }), () => this._setColumnHidden(e.key, !1)))}
+        ${r.map((e) => c("show", A("showColumn", { header: e.label }), () => this._setColumnHidden(e.key, !1)))}
         <div class="ft-header-menu-separator" role="separator"></div>
         ${c("autofit", A("autoFitWidth"), () => this._autoFitColumn(e))}
         ${c("wider", A("wider"), () => this._resizeColumnBy(e, X), !0)}
@@ -3876,7 +3880,7 @@ var q = {
     `, f = i`<div class="ft-context-menu-separator" role="separator"></div>`;
 		return i`
       <div class="ft-body-context-menu" role="menu" aria-label=${A("cellActions")}
-        style="position: fixed; left: ${n}px; top: ${r}px; z-index: 200;"
+        style="position: fixed; left: ${n}px; top: ${r}px; z-index: var(--u-layer-floating, 1000);"
         @mousedown=${(e) => e.stopPropagation()}
         @keydown=${(e) => this._onMenuKeydown(e, ".ft-body-context-menu", l)}>
         ${d(A("copy"), () => this._handleCopy(!1))}
@@ -3922,7 +3926,7 @@ var q = {
 		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`
       <div class="ft-comment-popup"
-        style="position: fixed; left: ${n}px; top: ${r}px; z-index: 201;"
+        style="position: fixed; left: ${n}px; top: ${r}px; z-index: calc(var(--u-layer-floating, 1000) + 1);"
         @mousedown=${(e) => e.stopPropagation()}>
         <textarea class="ft-comment-popup-textarea"
           rows="4"
@@ -4316,10 +4320,10 @@ var q = {
 	}
 	_startColumnGhost(e) {
 		let t = document.createElement("div");
-		t.textContent = this._colDrag.col.header ?? this._colDrag.col.key, t.style.cssText = [
+		t.textContent = this._colDrag.col.label ?? this._colDrag.col.key, t.style.cssText = [
 			"position:fixed",
 			"pointer-events:none",
-			"z-index:9999",
+			"z-index:var(--u-layer-overlay, 9999)",
 			"opacity:0.85",
 			`background:${getComputedStyle(this).getPropertyValue("--ft-header-bg") || "#f0f0f0"}`,
 			`border:2px solid ${getComputedStyle(this).getPropertyValue("--ft-active-color") || "#3b82f6"}`,
@@ -4486,7 +4490,7 @@ var q = {
 		a.textContent = i, a.style.cssText = [
 			"position:fixed",
 			"pointer-events:none",
-			"z-index:9999",
+			"z-index:var(--u-layer-overlay, 9999)",
 			"opacity:0.85",
 			"background:#e8f0fe",
 			"border:2px solid #3b82f6",
@@ -4844,6 +4848,7 @@ var q = {
 		let _ = o || c, v = this._isCellInvalid(n, r), y = (this._findState?.results ?? []).findIndex((e) => e.row === n && e.col === r), b = y >= 0, x = b && y === this._findState.currentIndex, S = [
 			"ft-cell",
 			`ft-type-${t.type ?? "text"}`,
+			`ft-align-${G(t)}`,
 			o ? "ft-active" : "",
 			c ? "ft-selected" : "",
 			d ? "ft-pinned" : "",
@@ -5002,4 +5007,4 @@ K([s({ type: Array })], $.prototype, "columns", void 0), K([s({
 	attribute: "max-undo-size"
 })], $.prototype, "maxUndoSize", null), K([c()], $.prototype, "_scrollTop", void 0), K([c()], $.prototype, "_scrollLeft", void 0), K([c()], $.prototype, "_viewportHeight", void 0), K([c()], $.prototype, "_viewportWidth", void 0), K([c()], $.prototype, "_activeCell", void 0), K([c()], $.prototype, "_editingCell", void 0), K([c()], $.prototype, "_sortCriteria", void 0), K([c()], $.prototype, "_openFilterKey", void 0), K([c()], $.prototype, "_rowSelectionVersion", void 0), K([c()], $.prototype, "_autocompleteState", void 0), K([c()], $.prototype, "_headerMenu", void 0), K([c()], $.prototype, "_bodyContextMenu", void 0), K([c()], $.prototype, "_commentPopup", void 0), K([c()], $.prototype, "_isDragOver", void 0), $ = K([o("flex-table")], $);
 //#endregion
-export { k as a, M as i, V as n, O as o, N as r, $ as t };
+export { M as a, N as i, G as n, k as o, B as r, O as s, $ as t };

package/dist/flex-table.d.ts

@@ -88,7 +88,7 @@ export declare class FlexTable extends LitElement {
     /**
      * Constructable stylesheets adopted into this element's shadow root, in addition to the
      * grid's own styles. Cell renderers run inside the shadow root, so external document
-     * stylesheets (class-based utilities, design-system CSS) don't reach elements a `renderer`
+     * stylesheets (class-based utilities, design-system CSS) don't reach elements a `render` function
      * returns — this is the escape hatch for that. Not an attribute (a `CSSStyleSheet` can't be
      * serialized to one) — set it as a property.
      */

package/dist/flex-table.js

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

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { FlexTable } from './flex-table.js';
-export type { ColumnDefinition, ColumnType, DataRow, CellRenderer, CellEditor, CellValidator, SelectionMode, DataMode, CellStyle, ConditionalRule } from './models/types.js';
+export type { ColumnDefinition, ColumnType, ColumnAlign, DataRow, CellRenderer, CellEditor, CellValidator, SelectionMode, DataMode, CellStyle, ConditionalRule } from './models/types.js';
+export { effectiveAlign } from './models/types.js';
 export type { CellPosition, CellRange } from './core/selection.js';
 export type { SortCriteria, SortDirection } from './core/sorting.js';
 export type { ColumnFilter, FilterPredicate, FilterErrorCallback } from './core/filtering.js';

package/dist/models/types.d.ts

@@ -4,6 +4,13 @@ import type { TemplateResult } from 'lit';
  * Any string is accepted as a type — unknown types fall back to 'text' behavior.
  */
 export type ColumnType = 'text' | 'number' | 'boolean' | 'date' | 'datetime' | 'select' | (string & {});
+/** Logical horizontal alignment — `start`/`end` follow the writing direction. */
+export type ColumnAlign = 'start' | 'center' | 'end';
+/** The alignment a column's cells render with: `align`, or the default derived from `type`. */
+export declare function effectiveAlign(col: {
+    align?: ColumnAlign;
+    type?: ColumnType;
+}): ColumnAlign;
 /** Option item for select columns */
 export interface SelectOption {
     label: string;
@@ -47,8 +54,8 @@ export type DataMode = 'client' | 'server';
 export interface ColumnDefinition<T = DataRow> {
     /** Unique key matching data property names */
     key: string;
-    /** Display header text */
-    header: string;
+    /** Column header text */
+    label: string;
     /** Data type for rendering/editing (default: 'text'). Unknown types fall back to 'text'. */
     type?: ColumnType;
     /** Column width in pixels (default: auto) */
@@ -60,14 +67,19 @@ export interface ColumnDefinition<T = DataRow> {
     /** Whether the column is sortable (default: true) */
     sortable?: boolean;
     /**
-     * Horizontal alignment of the header label (default: 'start').
-     * Independent of cell content alignment — a consumer centering cell content
-     * via a custom `renderer` (e.g. an icon-only action column) sets this to
-     * 'center' so the header visually matches.
+     * Horizontal alignment of cell content. Logical values, so right-to-left locales mirror.
+     * Default: derived from `type` — 'end' for 'number', 'center' for 'boolean', 'start' otherwise.
+     */
+    align?: ColumnAlign;
+    /**
+     * Horizontal alignment of the header label.
+     * Default: the column's effective cell alignment (`align`, or the `type` default above), so a
+     * right-aligned number column gets a right-aligned header. Set it only when the header should
+     * differ from its values.
      */
-    headerAlign?: 'start' | 'center' | 'end';
+    headerAlign?: ColumnAlign;
     /** Custom cell renderer — overrides built-in type rendering */
-    renderer?: CellRenderer<T>;
+    render?: CellRenderer<T>;
     /** Whether the column is editable (default: true — follows global editable setting) */
     editable?: boolean;
     /** Custom cell editor — overrides built-in type editing */

package/dist/odata/index.d.ts

@@ -1,2 +1,2 @@
-export { useODataSource, buildSearchExpression, parseOrderBy } from './use-odata-source.js';
-export type { UseODataSourceOptions, UseODataSourceResult } from './types.js';
+export { buildSearchExpression, parseOrderBy, buildODataQuery } from './query.js';
+export type { ODataQueryState } from './query.js';

package/dist/odata/index.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, t as n } from "../use-odata-source-BiZrIEVV.js";
-export { n as buildSearchExpression, t as parseOrderBy, e as useODataSource };
+import { n as e, r as t, t as n } from "../query-Dw4iO0ir.js";
+export { n as buildODataQuery, e as buildSearchExpression, t as parseOrderBy };