@iyulab/flex-table 0.38.0 → 0.38.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## [0.38.1] - 2026-09-23
+
+### Fixed
+
+- 🔴 **XLSX import no longer turns styled numbers into dates.** A number was read as a date whenever
+  its cell had any non-default style and its value fell between 1 and 73050 — so bold figures,
+  thousands separators, currency and percentage formats (most numbers in a real business
+  spreadsheet) came in as dates: a price of 12,450 became `1934-01-30`. Whether a number is a date
+  is now decided by the cell style's number format, read from `styles.xml`: the built-in date
+  formats, and custom formats whose code draws a day or a year (text in quotes, escaped characters
+  and bracketed sections such as `[Red]` or `[$-409]` are not counted). Time-only formats stay
+  numbers.
+- 🔴 **Imported dates are no longer one day early.** The serial-to-date conversion subtracted a day,
+  so a date exported by the table and imported back came in as the day before.
+- **Row drag and the fill handle hit the frozen row under the pointer while the table is
+  scrolled.** Frozen rows stay put as a sticky band, but both gestures added the scroll offset to
+  the pointer position everywhere, so over the band they pointed at the body row hidden behind
+  it: a row dropped onto a frozen row landed further down, and a fill dragged up into the band
+  stopped short of it. The drop indicator is drawn at the right place too.
+- **XLSX import honors the 1904 date system** (`workbookPr date1904`, used by workbooks created on
+  a Mac), which otherwise shifts every date by four years.
+
 ## [0.38.0] - 2026-09-23
 
 ### Fixed

package/dist/export/xlsx-writer.d.ts

@@ -4,6 +4,12 @@
  * Supports string, number, boolean, and date cell types.
  */
 import type { ColumnDefinition, DataRow } from '../models/types.js';
+export interface ZipFile {
+    name: string;
+    data: Uint8Array;
+}
+/** @internal 테스트가 실물에 가까운 통합 문서(스타일·1904 날짜 체계)를 조립하는 데 쓴다. */
+export declare function buildZip(files: ZipFile[]): Uint8Array<ArrayBuffer>;
 /**
  * Build an XLSX file as a Uint8Array.
  */

package/dist/{flex-table-DcIjmfEK.js → flex-table-DbbqD5Jn.js}

@@ -946,7 +946,9 @@ var l = r`
 		alertMessage: "رسالة",
 		remove: "إزالة",
 		closeTab: "إغلاق علامة التبويب",
-		breadcrumb: "مسار التنقل"
+		breadcrumb: "مسار التنقل",
+		confirm: "تأكيد",
+		cancel: "إلغاء"
 	},
 	"../assets/locales/de.json": {
 		valueMissing: "Dieses Feld ist erforderlich",
@@ -987,7 +989,9 @@ var l = r`
 		alertMessage: "Nachricht",
 		remove: "Entfernen",
 		closeTab: "Tab schließen",
-		breadcrumb: "Navigationspfad"
+		breadcrumb: "Navigationspfad",
+		confirm: "Bestätigen",
+		cancel: "Abbrechen"
 	},
 	"../assets/locales/en.json": {
 		valueMissing: "This field is required",
@@ -1028,7 +1032,9 @@ var l = r`
 		alertMessage: "Message",
 		remove: "Remove",
 		closeTab: "Close tab",
-		breadcrumb: "Breadcrumb"
+		breadcrumb: "Breadcrumb",
+		confirm: "Confirm",
+		cancel: "Cancel"
 	},
 	"../assets/locales/es.json": {
 		valueMissing: "Este campo es obligatorio",
@@ -1069,7 +1075,9 @@ var l = r`
 		alertMessage: "Mensaje",
 		remove: "Quitar",
 		closeTab: "Cerrar pestaña",
-		breadcrumb: "Ruta de navegación"
+		breadcrumb: "Ruta de navegación",
+		confirm: "Confirmar",
+		cancel: "Cancelar"
 	},
 	"../assets/locales/fr.json": {
 		valueMissing: "Ce champ est obligatoire",
@@ -1110,7 +1118,9 @@ var l = r`
 		alertMessage: "Message",
 		remove: "Supprimer",
 		closeTab: "Fermer l'onglet",
-		breadcrumb: "Fil d'Ariane"
+		breadcrumb: "Fil d'Ariane",
+		confirm: "Confirmer",
+		cancel: "Annuler"
 	},
 	"../assets/locales/id.json": {
 		valueMissing: "Kolom ini wajib diisi",
@@ -1151,7 +1161,9 @@ var l = r`
 		alertMessage: "Pesan",
 		remove: "Hapus",
 		closeTab: "Tutup tab",
-		breadcrumb: "Navigasi remah roti"
+		breadcrumb: "Navigasi remah roti",
+		confirm: "Konfirmasi",
+		cancel: "Batal"
 	},
 	"../assets/locales/ja.json": {
 		valueMissing: "この項目は必須です",
@@ -1192,7 +1204,9 @@ var l = r`
 		alertMessage: "メッセージ",
 		remove: "削除",
 		closeTab: "タブを閉じる",
-		breadcrumb: "パンくずリスト"
+		breadcrumb: "パンくずリスト",
+		confirm: "OK",
+		cancel: "キャンセル"
 	},
 	"../assets/locales/ko.json": {
 		valueMissing: "필수 항목입니다",
@@ -1233,7 +1247,9 @@ var l = r`
 		alertMessage: "메시지",
 		remove: "제거",
 		closeTab: "탭 닫기",
-		breadcrumb: "탐색 경로"
+		breadcrumb: "탐색 경로",
+		confirm: "확인",
+		cancel: "취소"
 	},
 	"../assets/locales/pt-BR.json": {
 		valueMissing: "Este campo é obrigatório",
@@ -1274,7 +1290,9 @@ var l = r`
 		alertMessage: "Mensagem",
 		remove: "Remover",
 		closeTab: "Fechar aba",
-		breadcrumb: "Trilha de navegação"
+		breadcrumb: "Trilha de navegação",
+		confirm: "Confirmar",
+		cancel: "Cancelar"
 	},
 	"../assets/locales/ru.json": {
 		valueMissing: "Это поле обязательно для заполнения",
@@ -1315,7 +1333,9 @@ var l = r`
 		alertMessage: "Сообщение",
 		remove: "Удалить",
 		closeTab: "Закрыть вкладку",
-		breadcrumb: "Навигационная цепочка"
+		breadcrumb: "Навигационная цепочка",
+		confirm: "Подтвердить",
+		cancel: "Отмена"
 	},
 	"../assets/locales/th.json": {
 		valueMissing: "จำเป็นต้องกรอกข้อมูลนี้",
@@ -1356,7 +1376,9 @@ var l = r`
 		alertMessage: "ข้อความ",
 		remove: "ลบ",
 		closeTab: "ปิดแท็บ",
-		breadcrumb: "เส้นทางการนำทาง"
+		breadcrumb: "เส้นทางการนำทาง",
+		confirm: "ยืนยัน",
+		cancel: "ยกเลิก"
 	},
 	"../assets/locales/vi.json": {
 		valueMissing: "Trường này là bắt buộc",
@@ -1397,7 +1419,9 @@ var l = r`
 		alertMessage: "Thông báo",
 		remove: "Xóa",
 		closeTab: "Đóng tab",
-		breadcrumb: "Đường dẫn điều hướng"
+		breadcrumb: "Đường dẫn điều hướng",
+		confirm: "Xác nhận",
+		cancel: "Hủy"
 	},
 	"../assets/locales/zh-CN.json": {
 		valueMissing: "此项为必填项",
@@ -1438,7 +1462,9 @@ var l = r`
 		alertMessage: "消息",
 		remove: "移除",
 		closeTab: "关闭标签页",
-		breadcrumb: "面包屑导航"
+		breadcrumb: "面包屑导航",
+		confirm: "确定",
+		cancel: "取消"
 	},
 	"../assets/locales/zh-TW.json": {
 		valueMissing: "此欄位為必填",
@@ -1479,7 +1505,9 @@ var l = r`
 		alertMessage: "訊息",
 		remove: "移除",
 		closeTab: "關閉分頁",
-		breadcrumb: "麵包屑導覽"
+		breadcrumb: "麵包屑導覽",
+		confirm: "確定",
+		cancel: "取消"
 	}
 })).map(([e, t]) => [(e.split("/").pop()?.replace(".json", "") || "").toLowerCase(), t])), d = /* @__PURE__ */ new Map();
 function f() {
@@ -1600,7 +1628,7 @@ function ee(e, t) {
 		case "number": return re(e);
 		case "boolean": return i`<span class="ft-bool">${e ? "✔" : ""}</span>`;
 		case "date": return ie(e);
-		case "datetime": return O(e);
+		case "datetime": return ae(e);
 		case "select": return te(e, t);
 		default: return String(e);
 	}
@@ -1624,13 +1652,13 @@ function re(e) {
 function ie(e) {
 	return e instanceof Date || typeof e == "string" ? E(e) : String(e);
 }
-function O(e) {
+function ae(e) {
 	return e instanceof Date || typeof e == "string" ? E(e, ne) : String(e);
 }
 //#endregion
 //#region src/locale.ts
-var k = v.namespace("flex-table");
-k.register("en", {
+var O = v.namespace("flex-table");
+O.register("en", {
 	showHiddenColumns: "Show hidden column(s)",
 	columnMenu: "Column menu",
 	cellActions: "Cell actions",
@@ -1683,7 +1711,7 @@ k.register("en", {
 	booleanTrue: "True",
 	booleanFalse: "False",
 	dropFileToImport: "Drop file to import (.xlsx / .csv)"
-}), k.register("ko", {
+}), O.register("ko", {
 	showHiddenColumns: "숨긴 열 보기",
 	columnMenu: "열 메뉴",
 	cellActions: "셀 작업",
@@ -1737,10 +1765,10 @@ k.register("en", {
 	booleanFalse: "거짓",
 	dropFileToImport: "가져올 파일을 놓으세요 (.xlsx / .csv)"
 });
-var A = (e, t) => k.text(e, t);
+var k = (e, t) => O.text(e, t);
 //#endregion
 //#region src/core/selection.ts
-function ae(e) {
+function oe(e) {
 	return {
 		startRow: Math.min(e.startRow, e.endRow),
 		startCol: Math.min(e.startCol, e.endCol),
@@ -1748,7 +1776,7 @@ function ae(e) {
 		endCol: Math.max(e.startCol, e.endCol)
 	};
 }
-var oe = class {
+var se = class {
 	constructor() {
 		this.activeCell = null, this.rangeAnchor = null, this.range = null, this.extraRanges = [], this._rowCount = 0, this._colCount = 0;
 	}
@@ -1775,7 +1803,7 @@ var oe = class {
 		return e < 0 || e >= this._rowCount || t < 0 || t >= this._colCount ? this.activeCell : (!this.rangeAnchor && this.activeCell && (this.rangeAnchor = { ...this.activeCell }), this.activeCell = {
 			row: e,
 			col: t
-		}, this.rangeAnchor && (this.range = ae({
+		}, this.rangeAnchor && (this.range = oe({
 			startRow: this.rangeAnchor.row,
 			startCol: this.rangeAnchor.col,
 			endRow: e,
@@ -1846,7 +1874,7 @@ var oe = class {
 	shiftMoveRight() {
 		return this.activeCell ? this.setActiveWithRange(this.activeCell.row, this.activeCell.col + 1) : null;
 	}
-}, se = class {
+}, A = class {
 	constructor() {
 		this.current = null;
 	}
@@ -1986,7 +2014,7 @@ var le = 100, M = class {
 };
 //#endregion
 //#region src/clipboard/clipboard.ts
-function N(e, t, n) {
+function ue(e, t, n) {
 	let r = [];
 	for (let i = n.startRow; i <= n.endRow; i++) {
 		let a = e[i], o = [];
@@ -1998,7 +2026,7 @@ function N(e, t, n) {
 	}
 	return r.join("\n");
 }
-function P(e) {
+function N(e) {
 	let t = e.replace(/\r\n/g, "\n").replace(/\r/g, "\n"), n = [], r = [], i = 0, a = t.length;
 	for (; i <= a;) {
 		if (i === a) {
@@ -2028,7 +2056,7 @@ function P(e) {
 	}
 	return n;
 }
-function F(e, t) {
+function P(e, t) {
 	if (e === "") return null;
 	switch (t.type) {
 		case "number": {
@@ -2041,7 +2069,7 @@ function F(e, t) {
 }
 //#endregion
 //#region src/export/xlsx-writer.ts
-var ue = (() => {
+var de = (() => {
 	let e = /* @__PURE__ */ new Uint32Array(256);
 	for (let t = 0; t < 256; t++) {
 		let n = t;
@@ -2050,56 +2078,56 @@ var ue = (() => {
 	}
 	return e;
 })();
-function de(e) {
+function fe(e) {
 	let t = 4294967295;
-	for (let n = 0; n < e.length; n++) t = ue[(t ^ e[n]) & 255] ^ t >>> 8;
+	for (let n = 0; n < e.length; n++) t = de[(t ^ e[n]) & 255] ^ t >>> 8;
 	return (t ^ 4294967295) >>> 0;
 }
-var I = new TextEncoder();
-function fe(e) {
+var F = new TextEncoder();
+function pe(e) {
 	let t = [], n = [], r = 0;
 	for (let i of e) {
-		let e = I.encode(i.name), a = de(i.data), o = i.data.length, s = new ArrayBuffer(30 + e.length), c = new DataView(s);
+		let e = F.encode(i.name), a = fe(i.data), o = i.data.length, s = new ArrayBuffer(30 + e.length), c = new DataView(s);
 		c.setUint32(0, 67324752, !0), c.setUint16(4, 20, !0), c.setUint16(6, 0, !0), c.setUint16(8, 0, !0), c.setUint16(10, 0, !0), c.setUint16(12, 33, !0), c.setUint32(14, a, !0), c.setUint32(18, o, !0), c.setUint32(22, o, !0), c.setUint16(26, e.length, !0), c.setUint16(28, 0, !0), new Uint8Array(s, 30).set(e), t.push(new Uint8Array(s)), t.push(i.data);
 		let l = new ArrayBuffer(46 + e.length), u = new DataView(l);
 		u.setUint32(0, 33639248, !0), u.setUint16(4, 20, !0), u.setUint16(6, 20, !0), u.setUint16(8, 0, !0), u.setUint16(10, 0, !0), u.setUint16(12, 0, !0), u.setUint16(14, 33, !0), u.setUint32(16, a, !0), u.setUint32(20, o, !0), u.setUint32(24, o, !0), u.setUint16(28, e.length, !0), u.setUint16(30, 0, !0), u.setUint16(32, 0, !0), u.setUint16(34, 0, !0), u.setUint16(36, 0, !0), u.setUint32(38, 0, !0), u.setUint32(42, r, !0), new Uint8Array(l, 46).set(e), n.push(new Uint8Array(l)), r += 30 + e.length + o;
 	}
-	let i = L(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), L([
+	let i = I(n), a = /* @__PURE__ */ new ArrayBuffer(22), o = new DataView(a);
+	return o.setUint32(0, 101010256, !0), o.setUint16(4, 0, !0), o.setUint16(6, 0, !0), o.setUint16(8, e.length, !0), o.setUint16(10, e.length, !0), o.setUint32(12, i.length, !0), o.setUint32(16, r, !0), o.setUint16(20, 0, !0), I([
 		...t,
 		i,
 		new Uint8Array(a)
 	]);
 }
-function L(e) {
+function I(e) {
 	let t = e.reduce((e, t) => e + t.length, 0), n = new Uint8Array(t), r = 0;
 	for (let t of e) n.set(t, r), r += t.length;
 	return n;
 }
-function R(e) {
+function L(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function z(e) {
+function R(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 R(t) + (e + 1);
 }
-function V(e) {
+function B(e) {
 	let t = Date.UTC(1899, 11, 30);
 	return (e.getTime() - t) / 864e5;
 }
-var pe = "<?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>", me = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<Relationships xmlns=\"http://schemas.openxmlformats.org/package/2006/relationships\">\n  <Relationship Id=\"rId1\" Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument\" Target=\"xl/workbook.xml\"/>\n</Relationships>", he = "<?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>", 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/worksheet\" Target=\"worksheets/sheet1.xml\"/>\n  <Relationship Id=\"rId2\" Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/styles\" Target=\"styles.xml\"/>\n</Relationships>", _e = "<?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 ve(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 me = "<?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>", he = "<?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>", ge = "<?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>", _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/worksheet\" Target=\"worksheets/sheet1.xml\"/>\n  <Relationship Id=\"rId2\" Type=\"http://schemas.openxmlformats.org/officeDocument/2006/relationships/styles\" Target=\"styles.xml\"/>\n</Relationships>", ve = "<?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 ye(e, t) {
+	let n = [], r = t.map((e, t) => `<c r="${z(0, t)}" t="str" s="2"><v>${L(e.header)}</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>${V(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>${B(a).toFixed(6)}</v></c>` : o === "boolean" ? `<c r="${i}" t="b"><v>${+!!a}</v></c>` : `<c r="${i}" t="str"><v>${L(String(a))}</v></c>`;
 		});
 		n.push(`<row r="${r + 2}">${i.join("")}</row>`);
 	}), `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
@@ -2107,55 +2135,55 @@ function ve(e, t) {
   <sheetData>${n.join("")}</sheetData>
 </worksheet>`;
 }
-function ye(e, t) {
-	let n = ve(e, t);
-	return fe([
+function be(e, t) {
+	let n = ye(e, t);
+	return pe([
 		{
 			name: "[Content_Types].xml",
-			data: I.encode(pe)
+			data: F.encode(me)
 		},
 		{
 			name: "_rels/.rels",
-			data: I.encode(me)
+			data: F.encode(he)
 		},
 		{
 			name: "xl/workbook.xml",
-			data: I.encode(he)
+			data: F.encode(ge)
 		},
 		{
 			name: "xl/_rels/workbook.xml.rels",
-			data: I.encode(ge)
+			data: F.encode(_e)
 		},
 		{
 			name: "xl/worksheets/sheet1.xml",
-			data: I.encode(n)
+			data: F.encode(n)
 		},
 		{
 			name: "xl/styles.xml",
-			data: I.encode(_e)
+			data: F.encode(ve)
 		}
 	]);
 }
 //#endregion
 //#region src/export/export.ts
-function H(e, t, n) {
+function V(e, t, n) {
 	switch (n) {
-		case "csv": return U(e, t, ",");
-		case "tsv": return U(e, t, "	");
-		case "json": return xe(e, t);
-		case "xlsx": return ye(e, t);
+		case "csv": return H(e, t, ",");
+		case "tsv": return H(e, t, "	");
+		case "json": return Se(e, t);
+		case "xlsx": return be(e, t);
 	}
 }
-function be(e, t) {
+function xe(e, t) {
 	return e == null ? "" : (t.type === "date" || t.type === "datetime") && e instanceof Date ? e.toISOString() : String(e);
 }
-function U(e, t, n) {
-	return [t.map((e) => W(e.header, n)).join(n), ...e.map((e) => t.map((t) => W(be(e[t.key], t), n)).join(n))].join("\n");
+function H(e, t, n) {
+	return [t.map((e) => U(e.header, n)).join(n), ...e.map((e) => t.map((t) => U(xe(e[t.key], t), n)).join(n))].join("\n");
 }
-function W(e, t) {
+function U(e, t) {
 	return e.includes(t) || e.includes("\"") || e.includes("\n") || e.includes("\r") ? "\"" + e.replace(/"/g, "\"\"") + "\"" : e;
 }
-function xe(e, t) {
+function Se(e, t) {
 	let n = e.map((e) => {
 		let n = {};
 		for (let r of t) {
@@ -2166,35 +2194,35 @@ function xe(e, t) {
 	});
 	return JSON.stringify(n, null, 2);
 }
-function Se(e, t, n) {
+function Ce(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 Ce = {
+var we = {
 	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"
-}, we = {
+}, Te = {
 	csv: ".csv",
 	tsv: ".tsv",
 	json: ".json",
 	xlsx: ".xlsx"
 };
-function Te(e) {
-	return Ce[e];
-}
 function Ee(e) {
 	return we[e];
 }
+function De(e) {
+	return Te[e];
+}
 //#endregion
 //#region src/export/xlsx-reader.ts
-function De(e) {
+function Oe(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 Oe(e) {
-	let t = De(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 ke(e) {
+	let t = Oe(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({
@@ -2207,7 +2235,7 @@ function Oe(e) {
 	}
 	return a;
 }
-async function ke(e) {
+async function Ae(e) {
 	let t = new DecompressionStream("deflate-raw"), n = t.writable.getWriter(), r = t.readable.getReader();
 	n.write(e), n.close();
 	let i = [];
@@ -2220,69 +2248,107 @@ async function ke(e) {
 	for (let e of i) o.set(e, s), s += e.length;
 	return o;
 }
-async function Ae(e, t) {
+async function je(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 ke(o);
+	if (t.compressionMethod === 8) return Ae(o);
 	throw Error(`XLSX: Unsupported compression method ${t.compressionMethod}`);
 }
-async function je(e) {
-	let t = new DataView(e), n = Oe(t), r = /* @__PURE__ */ new Map();
-	for (let e of n) e.compressedSize === 0 && e.name.endsWith("/") || r.set(e.name, await Ae(t, e));
+async function Me(e) {
+	let t = new DataView(e), n = ke(t), r = /* @__PURE__ */ new Map();
+	for (let e of n) e.compressedSize === 0 && e.name.endsWith("/") || r.set(e.name, await je(t, e));
 	return r;
 }
-var Me = new TextDecoder("utf-8");
-function G(e) {
-	let t = Me.decode(e);
+var Ne = new TextDecoder("utf-8");
+function W(e) {
+	let t = Ne.decode(e);
 	return new DOMParser().parseFromString(t, "application/xml");
 }
-function Ne(e) {
+function Pe(e) {
 	if (!e) return [];
-	let t = G(e);
+	let t = W(e);
 	return Array.from(t.querySelectorAll("si")).map((e) => Array.from(e.querySelectorAll("t")).map((e) => e.textContent ?? "").join(""));
 }
-function Pe(e) {
-	let t = (e - 1) * 864e5 + Date.UTC(1899, 11, 30);
-	return new Date(t).toISOString().slice(0, 10);
+var Fe = /* @__PURE__ */ new Set([
+	14,
+	15,
+	16,
+	17,
+	22,
+	27,
+	28,
+	29,
+	30,
+	31,
+	36,
+	50,
+	51,
+	52,
+	53,
+	54,
+	57,
+	58
+]);
+function Ie(e) {
+	let t = e.replace(/"[^"]*"/g, "").replace(/\\./g, "").replace(/\[[^\]]*\]/g, "").split(";")[0];
+	return /[dy]/i.test(t);
+}
+function Le(e) {
+	let t = /* @__PURE__ */ new Set();
+	if (!e) return t;
+	let n = W(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 ? Fe.has(i) : Ie(a)) && t.add(n);
+	}), t;
+}
+function Re(e) {
+	if (!e) return !1;
+	let t = W(e).querySelector("workbookPr")?.getAttribute("date1904");
+	return t === "1" || t === "true";
+}
+function ze(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 Fe(e, t) {
-	let n = G(e).querySelectorAll("row");
-	if (n.length === 0) return [];
-	let r = 0, i = /* @__PURE__ */ new Map();
-	for (let e of n) {
-		let n = parseInt(e.getAttribute("r") ?? "1", 10) - 1, a = /* @__PURE__ */ new Map();
-		i.set(n, a);
-		for (let n of e.querySelectorAll("c")) {
-			let e = Ie(n.getAttribute("r") ?? "");
-			e > r && (r = e);
-			let i = n.getAttribute("t") ?? "", o = n.getAttribute("s") ?? "", s = n.querySelector("v")?.textContent ?? "", c = n.querySelector("is > t")?.textContent ?? null, l;
-			if (i === "s") l = t[parseInt(s, 10)] ?? "";
-			else if (i === "str" || i === "inlineStr") l = c ?? s;
-			else if (i === "b") l = s === "1" ? "true" : "false";
-			else if (s === "") l = "";
+function Be(e, t, n, r) {
+	let i = W(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 = Ve(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)] ?? "";
+			else if (o === "str" || o === "inlineStr") d = u ?? l;
+			else if (o === "b") d = l === "1" ? "true" : "false";
+			else if (l === "") d = "";
 			else {
-				let e = parseFloat(s);
-				l = !isNaN(e) && o !== "" && parseInt(o, 10) > 0 && e >= 1 && e <= 73050 ? Pe(e) : s;
+				let e = parseFloat(l);
+				d = c !== "" && n.has(parseInt(c, 10)) && !isNaN(e) && e >= 0 ? ze(e, r) : l;
 			}
-			a.set(e, l);
+			s.set(e, d);
 		}
 	}
-	if (i.size === 0) return [];
-	let a = Math.max(...i.keys()), o = [];
-	for (let e = 0; e <= a; e++) {
-		let t = i.get(e) ?? /* @__PURE__ */ new Map(), n = [];
-		for (let e = 0; e <= r; e++) n.push(t.get(e) ?? "");
-		o.push(n);
+	if (o.size === 0) return [];
+	let s = Math.max(...o.keys()), c = [];
+	for (let e = 0; e <= s; e++) {
+		let t = o.get(e) ?? /* @__PURE__ */ new Map(), n = [];
+		for (let e = 0; e <= a; e++) n.push(t.get(e) ?? "");
+		c.push(n);
 	}
-	return o;
+	return c;
 }
-function Ie(e) {
+function Ve(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 Le(e) {
-	let t = await je(e), n = Ne(t.get("xl/sharedStrings.xml")), r = t.get("xl/worksheets/sheet1.xml");
+async function G(e) {
+	let t = await Me(e), n = Pe(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;
@@ -2290,13 +2356,13 @@ async function Le(e) {
 		}
 	}
 	if (!r) throw Error("XLSX: No worksheet found");
-	let i = Fe(r, n);
-	return i.length === 0 ? {
+	let i = Le(t.get("xl/styles.xml")), a = Re(t.get("xl/workbook.xml")), o = Be(r, n, i, a);
+	return o.length === 0 ? {
 		headers: [],
 		rows: []
 	} : {
-		headers: i[0],
-		rows: i.slice(1)
+		headers: o[0],
+		rows: o.slice(1)
 	};
 }
 //#endregion
@@ -2316,9 +2382,9 @@ var q = {
 	lt: "<",
 	gte: "≥",
 	lte: "≤"
-}, J = 120, Y = 40, X = 20, Z = 32, Q = 5, Re = 200, $ = class extends n {
+}, J = 120, Y = 40, X = 20, Z = 32, Q = 5, He = 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 oe(), this._editing = new se(), this._rowSelection = new j(), this._undo = new M(), this._filters = [], this._filteredIndices = [], this._sortedIndices = [], this._openFilterKey = null, this._rowSelectionVersion = 0, this._lastCheckboxRowIndex = null, this._checkboxShiftPending = !1, this._autocompleteState = null, this._headerMenu = null, this._bodyContextMenu = null, this._commentPopup = null, this._viewDirty = !0, this._isDragging = !1, this._wasDrag = !1, this._resizing = null, this._resizeCleanup = null, this._wasHeaderDrag = !1, this._wasRowDrag = !1, this._colDrag = null, this._colDragIndicatorLeft = null, this._fillDrag = null, this._rowDrag = null, this._rowDragIndicatorY = null, this._findState = null, this._columnWidths = /* @__PURE__ */ new Map(), this._hostResizeObserver = null, this._comments = /* @__PURE__ */ new Map(), this._isDragOver = !1, this._warnedUnconstrained = !1, this._onCommentPopupOutsideClick = () => {
+		super(...e), this.columns = [], this._data = [], this._inUndoRedo = !1, this.clearUndoOnDataChange = !1, this.clearSelectionOnDataChange = !1, this._rowHeightFromCss = Z, this.showRowNumbers = !1, this.theme = void 0, this.maxRows = 0, this.editable = !0, this.showFilters = !1, this.showContextMenu = !1, this.frozenRows = 0, this.emptyMessage = "No data", this.noMatchingMessage = "No matching data", this.loading = !1, this.importEnabled = !1, this.selectable = !1, this.dataMode = "client", this.footerData = null, this.stylesheets = [], this._scrollTop = 0, this._scrollLeft = 0, this._viewportHeight = 0, this._viewportWidth = 0, this._colLeftOffsets = [], this._totalRowWidth = 0, this._baseStyleSheets = [], this._activeCell = null, this._editingCell = null, this._sortCriteria = [], this._selection = new se(), this._editing = new A(), this._rowSelection = new j(), this._undo = new M(), this._filters = [], this._filteredIndices = [], this._sortedIndices = [], this._openFilterKey = null, this._rowSelectionVersion = 0, this._lastCheckboxRowIndex = null, this._checkboxShiftPending = !1, this._autocompleteState = null, this._headerMenu = null, this._bodyContextMenu = null, this._commentPopup = null, this._viewDirty = !0, this._isDragging = !1, this._wasDrag = !1, this._resizing = null, this._resizeCleanup = null, this._wasHeaderDrag = !1, this._wasRowDrag = !1, this._colDrag = null, this._colDragIndicatorLeft = null, this._fillDrag = null, this._rowDrag = null, this._rowDragIndicatorY = null, this._findState = null, this._columnWidths = /* @__PURE__ */ new Map(), this._hostResizeObserver = null, this._comments = /* @__PURE__ */ new Map(), this._isDragOver = !1, this._warnedUnconstrained = !1, this._onCommentPopupOutsideClick = () => {
 			this._commitCommentPopup();
 		}, this._invalidCells = /* @__PURE__ */ new Map(), this._textFilterState = /* @__PURE__ */ new Map(), this._numberFilterState = /* @__PURE__ */ new Map(), this._dateFilterState = /* @__PURE__ */ new Map(), this._emptyFilterState = /* @__PURE__ */ new Map();
 	}
@@ -2683,12 +2749,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 H(r, n, e);
+			return V(r, n, e);
 		}
-		return H(this._sortedIndices.map((e) => this.data[e]), this.visibleColumns, e);
+		return V(this._sortedIndices.map((e) => this.data[e]), this.visibleColumns, e);
 	}
 	exportToFile(e, t) {
-		Se(this.exportToString(e), t ?? `export${Ee(e)}`, Te(e));
+		Ce(this.exportToString(e), t ?? `export${De(e)}`, Ee(e));
 	}
 	setComment(e, t, n) {
 		let r = this.getComment(e, t);
@@ -2745,10 +2811,10 @@ var q = {
 	async importFromFile(e) {
 		let t = e.name.toLowerCase();
 		if (t.endsWith(".xlsx")) {
-			let t = await Le(await e.arrayBuffer());
+			let t = await G(await e.arrayBuffer());
 			this._applyImportedSheet(t);
 		} else if (t.endsWith(".csv") || t.endsWith(".tsv")) {
-			let t = P(await e.text());
+			let t = N(await e.text());
 			this._applyImportedRows(t);
 		} else console.warn(`flex-table importFromFile: unsupported file type "${e.name}"`);
 	}
@@ -2759,7 +2825,7 @@ var q = {
 				let a = t.get(e);
 				if (!a) return;
 				let o = this.columns.find((e) => e.key === a);
-				r[a] = o ? F(n[i] ?? "", o) : n[i] ?? null;
+				r[a] = o ? P(n[i] ?? "", o) : n[i] ?? null;
 			}), r;
 		}), r = [...this.data];
 		this.data = n, this._undo.push({
@@ -2784,7 +2850,7 @@ var q = {
 				let a = n.get(t);
 				if (!a) return;
 				let o = this.columns.find((e) => e.key === a);
-				r[a] = o ? F(e[i] ?? "", o) : e[i] ?? null;
+				r[a] = o ? P(e[i] ?? "", o) : e[i] ?? null;
 			}), r;
 		}), i = [...this.data];
 		this.data = r, this._undo.push({
@@ -2852,6 +2918,14 @@ var q = {
 	get frozenRowsHeight() {
 		return this._frozenRowCount * this.rowHeight;
 	}
+	_rowSpaceY(e) {
+		let t = e - this.getBoundingClientRect().top - this.headerHeight;
+		return t < this.frozenRowsHeight ? t : t + this._scrollTop;
+	}
+	_rowBoundaryViewportY(e) {
+		let t = this.headerHeight + e * this.rowHeight;
+		return e <= this._frozenRowCount ? t : Math.max(this.headerHeight + this.frozenRowsHeight, t - this._scrollTop);
+	}
 	get totalBodyHeight() {
 		return Math.max(0, this._visibleRowCount - this._frozenRowCount) * this.rowHeight;
 	}
@@ -2960,7 +3034,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 < Re || 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 < He || 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;
@@ -3090,7 +3164,7 @@ var q = {
 		}
 		let t = this.shadowRoot?.querySelector(".ft-editor");
 		if (t) {
-			let n = F(t.value, e);
+			let n = P(t.value, e);
 			this._applyEdit(n);
 		} else this._cancelEdit();
 	}
@@ -3318,7 +3392,7 @@ var q = {
 	async _handleCopy(e) {
 		let t = this._selection.getEffectiveRange();
 		if (!t) return;
-		let n = this.visibleColumns, r = N(this._sortedIndices.map((e) => this.data[e]), n, t);
+		let n = this.visibleColumns, r = ue(this._sortedIndices.map((e) => this.data[e]), n, t);
 		try {
 			await navigator.clipboard.writeText(r);
 		} catch (e) {
@@ -3344,7 +3418,7 @@ var q = {
 		if (!this._activeCell) return;
 		let e = await this._readClipboardText();
 		if (e == null) return;
-		let t = P(e);
+		let t = N(e);
 		if (t.length === 0) return;
 		let n = this._expandRowsForPaste(this._activeCell.row, t.length), r = this._applyPasteData(this._activeCell, t);
 		if (r.length > 0 || n.length > 0) {
@@ -3402,7 +3476,7 @@ var q = {
 			for (let a = 0; a < t[i].length; a++) {
 				let s = e.col + a;
 				if (s >= n.length) break;
-				let c = n[s], l = this.data[o][c.key], u = F(t[i][a], c);
+				let c = n[s], l = this.data[o][c.key], u = P(t[i][a], c);
 				this.data[o][c.key] = u, r.push({
 					row: o,
 					col: s,
@@ -3467,7 +3541,7 @@ var q = {
 			for (let r = e.startCol + 1; r <= e.endCol; r++) {
 				let e = t[r];
 				if (!e || !this._isCellEditable(e)) continue;
-				let a = F(o == null ? "" : String(o), e);
+				let a = P(o == null ? "" : String(o), e);
 				n.push({
 					row: i,
 					key: e.key,
@@ -3626,7 +3700,7 @@ var q = {
         @click=${n ? (t) => this._onHeaderClick(t, e) : void 0}>
         ${x ? i`
           <button class="ft-hidden-col-indicator"
-            title=${A("showHiddenColumns")}
+            title=${k("showHiddenColumns")}
             @click=${(t) => {
 			t.stopPropagation(), this._showHiddenBefore(e);
 		}}>&#x276F;</button>
@@ -3636,8 +3710,8 @@ var q = {
         ${o >= 0 ? i`<span class="ft-sort-order">${o + 1}</span>` : ""}
         <button class="ft-column-menu-btn ${s ? "ft-filter-active" : ""}"
           type="button"
-          title=${A("columnMenu")}
-          aria-label=${A("columnMenuFor", { header: e.header })}
+          title=${k("columnMenu")}
+          aria-label=${k("columnMenuFor", { header: e.header })}
           aria-haspopup="menu"
           aria-expanded=${this._headerMenu?.key === e.key ? "true" : "false"}
           @mousedown=${(e) => e.stopPropagation()}
@@ -3756,26 +3830,26 @@ var q = {
 		}}>${t}</button>
     `;
 		return i`
-      <div class="ft-header-menu" role="menu" aria-label=${A("columnMenuRegion", { header: o.header })}
+      <div class="ft-header-menu" role="menu" aria-label=${k("columnMenuRegion", { header: o.header })}
         style="position: fixed; left: ${t}px; top: ${n}px; z-index: 200;"
         @mousedown=${(e) => e.stopPropagation()}
         @keydown=${(e) => this._onHeaderMenuKeydown(e)}>
         ${o.sortable === !1 ? a : i`
-          ${c("sort-asc", A("sortAscending"), () => this._applySortFromMenu(e, "asc"))}
-          ${c("sort-desc", A("sortDescending"), () => this._applySortFromMenu(e, "desc"))}
+          ${c("sort-asc", k("sortAscending"), () => this._applySortFromMenu(e, "asc"))}
+          ${c("sort-desc", k("sortDescending"), () => this._applySortFromMenu(e, "desc"))}
           <div class="ft-header-menu-separator" role="separator"></div>
         `}
         ${this.showFilters ? i`
-          ${c("filter", A("filter"), () => this._openFilterFromMenu(e))}
-          ${s ? c("clear-filter", A("clearFilter"), () => this._clearColumnFilter(e)) : a}
+          ${c("filter", k("filter"), () => this._openFilterFromMenu(e))}
+          ${s ? c("clear-filter", k("clearFilter"), () => this._clearColumnFilter(e)) : a}
           <div class="ft-header-menu-separator" role="separator"></div>
         ` : a}
-        ${c("hide", A("hideColumn"), () => this._setColumnHidden(e, !0))}
-        ${r.map((e) => c("show", A("showColumn", { header: e.header }), () => this._setColumnHidden(e.key, !1)))}
+        ${c("hide", k("hideColumn"), () => this._setColumnHidden(e, !0))}
+        ${r.map((e) => c("show", k("showColumn", { header: e.header }), () => this._setColumnHidden(e.key, !1)))}
         <div class="ft-header-menu-separator" role="separator"></div>
-        ${c("autofit", A("autoFitWidth"), () => this._autoFitColumn(e))}
-        ${c("wider", A("wider"), () => this._resizeColumnBy(e, X), !0)}
-        ${c("narrower", A("narrower"), () => this._resizeColumnBy(e, -20), !0)}
+        ${c("autofit", k("autoFitWidth"), () => this._autoFitColumn(e))}
+        ${c("wider", k("wider"), () => this._resizeColumnBy(e, X), !0)}
+        ${c("narrower", k("narrower"), () => this._resizeColumnBy(e, -20), !0)}
       </div>
     `;
 	}
@@ -3793,26 +3867,26 @@ var q = {
 		}}>${e}</button>
     `, f = i`<div class="ft-context-menu-separator" role="separator"></div>`;
 		return i`
-      <div class="ft-body-context-menu" role="menu" aria-label=${A("cellActions")}
+      <div class="ft-body-context-menu" role="menu" aria-label=${k("cellActions")}
         style="position: fixed; left: ${n}px; top: ${r}px; z-index: 200;"
         @mousedown=${(e) => e.stopPropagation()}
         @keydown=${(e) => this._onMenuKeydown(e, ".ft-body-context-menu", l)}>
-        ${d(A("copy"), () => this._handleCopy(!1))}
+        ${d(k("copy"), () => this._handleCopy(!1))}
         ${f}
-        ${d(A("insertRowAbove"), () => this.addRow(void 0, t))}
-        ${d(A("insertRowBelow"), () => this.addRow(void 0, t + 1))}
-        ${d(A("deleteRow"), () => this.deleteRows([t]), !0)}
+        ${d(k("insertRowAbove"), () => this.addRow(void 0, t))}
+        ${d(k("insertRowBelow"), () => this.addRow(void 0, t + 1))}
+        ${d(k("deleteRow"), () => this.deleteRows([t]), !0)}
         ${f}
-        ${d(A("hideColumn"), () => this._setColumnHidden(o.key, !0))}
+        ${d(k("hideColumn"), () => this._setColumnHidden(o.key, !0))}
         ${f}
-        ${d(`${A("sortAscending")} ↑`, () => this._applySortFromMenu(o.key, "asc"))}
-        ${d(`${A("sortDescending")} ↓`, () => this._applySortFromMenu(o.key, "desc"))}
+        ${d(`${k("sortAscending")} ↑`, () => this._applySortFromMenu(o.key, "asc"))}
+        ${d(`${k("sortDescending")} ↓`, () => this._applySortFromMenu(o.key, "desc"))}
         ${f}
-        ${d(A("filterByThisValue"), () => this.setFilter(o.key, (e) => e === s))}
-        ${c ? d(A("clearFilter"), () => this.removeFilter(o.key)) : a}
+        ${d(k("filterByThisValue"), () => this.setFilter(o.key, (e) => e === s))}
+        ${c ? d(k("clearFilter"), () => this.removeFilter(o.key)) : a}
         ${f}
-        ${d(A(u ? "editComment" : "addComment"), () => this._openCommentPopup(t, o.key, n, r))}
-        ${u ? d(A("deleteComment"), () => this.setComment(t, o.key, null), !0) : a}
+        ${d(k(u ? "editComment" : "addComment"), () => this._openCommentPopup(t, o.key, n, r))}
+        ${u ? d(k("deleteComment"), () => this.setComment(t, o.key, null), !0) : a}
       </div>
     `;
 	}
@@ -3844,13 +3918,13 @@ var q = {
         @mousedown=${(e) => e.stopPropagation()}>
         <textarea class="ft-comment-popup-textarea"
           rows="4"
-          placeholder=${A("addCommentPlaceholder")}
+          placeholder=${k("addCommentPlaceholder")}
           @keydown=${(e) => {
 			e.key === "Escape" && (e.preventDefault(), this._cancelCommentPopup()), e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), this._commitCommentPopup());
 		}}></textarea>
         <div class="ft-comment-popup-buttons">
-          <button class="ft-comment-popup-cancel" @click=${() => this._cancelCommentPopup()}>${A("cancel")}</button>
-          <button class="ft-comment-popup-save" @click=${() => this._commitCommentPopup()}>${A("save")}</button>
+          <button class="ft-comment-popup-cancel" @click=${() => this._cancelCommentPopup()}>${k("cancel")}</button>
+          <button class="ft-comment-popup-save" @click=${() => this._commitCommentPopup()}>${k("save")}</button>
         </div>
       </div>
     `;
@@ -3886,7 +3960,7 @@ var q = {
       <div class="ft-filter-dropdown" @click=${(e) => e.stopPropagation()}>
         ${t === "boolean" ? this._renderBooleanFilter(e) : t === "number" ? this._renderNumberFilter(e) : t === "date" || t === "datetime" ? this._renderDateFilter(e) : this._renderTextFilter(e)}
         <div class="ft-filter-actions">
-          <button class="ft-filter-clear" @click=${() => this._clearColumnFilter(e.key)}>${A("clear")}</button>
+          <button class="ft-filter-clear" @click=${() => this._clearColumnFilter(e.key)}>${k("clear")}</button>
         </div>
       </div>
     `;
@@ -3919,7 +3993,7 @@ var q = {
 		let n = this._emptyFilterState.get(e) ?? "";
 		return i`
       <div class="ft-filter-empty-row">
-        <label>${A("blankCells")}</label>
+        <label>${k("blankCells")}</label>
         <select class="ft-filter-mode-select"
           .value=${n}
           @change=${(n) => {
@@ -3929,9 +4003,9 @@ var q = {
           @keydown=${(e) => {
 			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
 		}}>
-          <option value="">${A("blankAll")}</option>
-          <option value="empty">${A("emptyOnly")}</option>
-          <option value="non-empty">${A("nonEmptyOnly")}</option>
+          <option value="">${k("blankAll")}</option>
+          <option value="empty">${k("emptyOnly")}</option>
+          <option value="non-empty">${k("nonEmptyOnly")}</option>
         </select>
       </div>
     `;
@@ -4007,13 +4081,13 @@ var q = {
           @keydown=${(e) => {
 			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
 		}}>
-          <option value="contains">${A("contains")}</option>
-          <option value="starts">${A("startsWith")}</option>
-          <option value="ends">${A("endsWith")}</option>
-          <option value="wildcard">${A("wildcard")}</option>
+          <option value="contains">${k("contains")}</option>
+          <option value="starts">${k("startsWith")}</option>
+          <option value="ends">${k("endsWith")}</option>
+          <option value="wildcard">${k("wildcard")}</option>
         </select>
       </div>
-      <input class="ft-filter-input" type="text" placeholder=${A("searchPlaceholder")}
+      <input class="ft-filter-input" type="text" placeholder=${k("searchPlaceholder")}
         .value=${t.value}
         @input=${(t) => {
 			let n = t.target.value, r = this._textFilterState.get(e.key) ?? {
@@ -4064,7 +4138,7 @@ var q = {
 		}}>
           ${Object.keys(q).map((e) => i`<option value=${e}>${q[e]}</option>`)}
         </select>
-        <input class="ft-filter-input ft-num-cond-input" type="number" placeholder=${A("valuePlaceholder")}
+        <input class="ft-filter-input ft-num-cond-input" type="number" placeholder=${k("valuePlaceholder")}
           .value=${n.value == null ? "" : String(n.value)}
           @input=${(n) => {
 			let r = n.target.value, i = this._numberFilterState.get(e) ?? this._defaultNumState();
@@ -4125,13 +4199,13 @@ var q = {
 		let t = e.type === "datetime" ? "datetime-local" : "date", n = this._dateFilterState.get(e.key) ?? {};
 		return i`
       <div class="ft-filter-range">
-        <input class="ft-filter-input" type=${t} placeholder=${A("fromPlaceholder")}
+        <input class="ft-filter-input" type=${t} placeholder=${k("fromPlaceholder")}
           .value=${n.from ?? ""}
           @input=${(t) => this._applyDateFilter(e.key, t, "from")}
           @keydown=${(e) => {
 			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
 		}}>
-        <input class="ft-filter-input" type=${t} placeholder=${A("toPlaceholder")}
+        <input class="ft-filter-input" type=${t} placeholder=${k("toPlaceholder")}
           .value=${n.to ?? ""}
           @input=${(t) => this._applyDateFilter(e.key, t, "to")}
           @keydown=${(e) => {
@@ -4157,9 +4231,9 @@ var q = {
         @keydown=${(e) => {
 			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
 		}}>
-        <option value="all">${A("all")}</option>
-        <option value="true">\u2714 ${A("booleanTrue")}</option>
-        <option value="false">\u2718 ${A("booleanFalse")}</option>
+        <option value="all">${k("all")}</option>
+        <option value="true">\u2714 ${k("booleanTrue")}</option>
+        <option value="false">\u2718 ${k("booleanFalse")}</option>
       </select>
       ${this._renderEmptyFilterRow(e.key)}
     `;
@@ -4286,7 +4360,7 @@ var q = {
 	}
 	_updateFillDrag(e) {
 		if (!this._fillDrag) return;
-		let t = this.getBoundingClientRect(), n = e.clientX - t.left + this._scrollLeft - this._prefixWidth, r = e.clientY - t.top + this._scrollTop - this.headerHeight, i = this.visibleColumns, a = 0;
+		let t = this.getBoundingClientRect(), n = e.clientX - t.left + this._scrollLeft - this._prefixWidth, r = this._rowSpaceY(e.clientY), i = this.visibleColumns, a = 0;
 		for (let e = 0; e < i.length; e++) (this._colLeftOffsets[e] ?? 0) <= n && (a = e);
 		let o = Math.max(0, Math.min(this._visibleRowCount - 1, Math.floor(r / this.rowHeight))), { sourceRange: s } = this._fillDrag, c = o - s.endRow, l = a - s.endCol, u;
 		u = Math.abs(c) >= Math.abs(l) ? c >= 0 ? {
@@ -4419,9 +4493,9 @@ var q = {
 	_updateRowDrag(e) {
 		if (!this._rowDrag) return;
 		this._rowDrag.ghost && (this._rowDrag.ghost.style.left = `${e.clientX + 12}px`, this._rowDrag.ghost.style.top = `${e.clientY - 10}px`);
-		let t = this.getBoundingClientRect(), n = e.clientY - t.top + this._scrollTop - this.headerHeight, r = this.rowHeight, i = Math.round(n / r);
+		let t = this.getBoundingClientRect(), n = this._rowSpaceY(e.clientY), r = this.rowHeight, i = Math.round(n / r);
 		i = Math.max(0, Math.min(this._visibleRowCount, i)), this._rowDrag.rowIndex < i && i--, this._rowDrag.targetIndex = i;
-		let a = this.headerHeight + i * r - this._scrollTop;
+		let a = this._rowBoundaryViewportY(i);
 		this._rowDragIndicatorY = Math.max(this.headerHeight, Math.min(a, t.height)), this.requestUpdate();
 	}
 	_finishRowDrag() {
@@ -4579,39 +4653,39 @@ var q = {
 			e.key === "Enter" && e.target instanceof HTMLInputElement && e.target.classList.contains("ft-find-input") && (e.shiftKey ? this._findPrev() : this._findNext());
 		}}>
         <div class="ft-find-row">
-          <input class="ft-find-input" type="text" placeholder=${A("findPlaceholder")}
+          <input class="ft-find-input" type="text" placeholder=${k("findPlaceholder")}
             .value=${t}
             @input=${(e) => {
 			this._findState.query = e.target.value, this._findSearch();
 		}}>
           <span class="ft-find-count">${c > 0 ? `${l}/${c}` : t ? "0 results" : ""}</span>
-          <button @click=${() => this._findPrev()} title=${A("findPrevious")}>◀</button>
-          <button @click=${() => this._findNext()} title=${A("findNext")}>▶</button>
-          <label title=${A("matchCase")}><input type="checkbox" ?checked=${r} @change=${(e) => {
+          <button @click=${() => this._findPrev()} title=${k("findPrevious")}>◀</button>
+          <button @click=${() => this._findNext()} title=${k("findNext")}>▶</button>
+          <label title=${k("matchCase")}><input type="checkbox" ?checked=${r} @change=${(e) => {
 			this._findState.matchCase = e.target.checked, this._findSearch();
 		}}> Aa</label>
-          <label title=${A("wholeCell")}><input type="checkbox" ?checked=${a} @change=${(e) => {
+          <label title=${k("wholeCell")}><input type="checkbox" ?checked=${a} @change=${(e) => {
 			this._findState.wholeCell = e.target.checked, this._findSearch();
 		}}> [ ]</label>
-          <button @click=${() => this._closeFindPanel()} title=${A("closeFind")}>✕</button>
+          <button @click=${() => this._closeFindPanel()} title=${k("closeFind")}>✕</button>
         </div>
         ${e === "replace" ? i`
           <div class="ft-find-row">
-            <input class="ft-find-replace-input" type="text" placeholder=${A("replaceWithPlaceholder")}
+            <input class="ft-find-replace-input" type="text" placeholder=${k("replaceWithPlaceholder")}
               .value=${n}
               @input=${(e) => {
 			this._findState.replaceWith = e.target.value;
 		}}>
-            <button @click=${() => this._replaceOne()} ?disabled=${c === 0}>${A("replace")}</button>
-            <button @click=${() => this._replaceAll()} ?disabled=${c === 0}>${A("replaceAll")}</button>
+            <button @click=${() => this._replaceOne()} ?disabled=${c === 0}>${k("replace")}</button>
+            <button @click=${() => this._replaceAll()} ?disabled=${c === 0}>${k("replaceAll")}</button>
           </div>
         ` : ""}
       </div>
     `;
 	}
 	render() {
-		let e = this.visibleColumns, t = this.importEnabled && this._isDragOver ? i`<div class="ft-import-overlay">${A("dropFileToImport")}</div>` : a, n = this.loading ? i`<div class="ft-loading-overlay"></div>` : a;
-		if (e.length === 0) return i`${t}${n}<div class="ft-empty">${A("noColumnsDefined")}</div>`;
+		let e = this.visibleColumns, t = this.importEnabled && this._isDragOver ? i`<div class="ft-import-overlay">${k("dropFileToImport")}</div>` : a, n = this.loading ? i`<div class="ft-loading-overlay"></div>` : a;
+		if (e.length === 0) return i`${t}${n}<div class="ft-empty">${k("noColumnsDefined")}</div>`;
 		let r = this.headerHeight, o = this._totalRowWidth, { start: s, end: c } = this.visibleColRange, l = [];
 		for (let t = 0; t < e.length; t++) (e[t].pinned === "left" || e[t].pinned === "right") && (t < s || t >= c) && l.push(t);
 		let u = 0, d = this._scrollLeft, f = this.selectable ? i`<div class="ft-checkbox-header"
@@ -4920,4 +4994,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, j as i, H as n, D as o, M as r, $ as t };
+export { O as a, j as i, V as n, D as o, M as r, $ as t };

package/dist/flex-table.d.ts

@@ -306,6 +306,14 @@ export declare class FlexTable extends LitElement {
     private get _visibleRowCount();
     private get _frozenRowCount();
     private get frozenRowsHeight();
+    /**
+     * 포인터의 뷰포트 y → 행 좌표(행 영역 맨 위 = 0, 픽셀). 고정 행 띠는 `position: sticky` 라
+     * 스크롤해도 제자리이므로, 그 띠 위에서는 스크롤 양을 더하지 않는다 — 더하면 띠 뒤에 가려진
+     * 본문 행을 가리킨다. 행 끌기·채우기 핸들이 같은 식을 쓴다.
+     */
+    private _rowSpaceY;
+    /** 행 경계 `index`(행 `index` 의 위 선)의 뷰포트 y(호스트 기준). 고정 띠 뒤로 가려지는 본문 경계는 띠 아래 선에 붙인다. */
+    private _rowBoundaryViewportY;
     private get totalBodyHeight();
     private get visibleRange();
     connectedCallback(): void;

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-DcIjmfEK.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "./flex-table-DbbqD5Jn.js";
 export { a as FlexTable, t as RowSelectionState, i as UndoStack, n as exportData, e as flexTableLocale, r as renderCell };

package/dist/react.js

@@ -1,4 +1,4 @@
-import { t as e } from "./flex-table-DcIjmfEK.js";
+import { t as e } from "./flex-table-DbbqD5Jn.js";
 import t from "react";
 import { createComponent as n } from "@lit/react";
 var r = n({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iyulab/flex-table",
-  "version": "0.38.0",
+  "version": "0.38.1",
   "description": "A minimalist, input-centric data grid web component",
   "type": "module",
   "main": "./dist/flex-table.js",