@iyulab/flex-table 0.43.0 → 0.45.0

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # Changelog
 
+## [0.45.0] - 2026-10-05
+
+### Added
+
+- **Press targets follow `--u-target-size`** (the host's minimum target size from `@iyulab/components`).
+  When it is set, rows (and so the header row) are at least that tall — it wins over `row-height` and
+  `--ft-row-height`, because it is a floor — and the row-selection column is at least that wide. Column
+  menu buttons, menu items, filter fields and the find panel's fields and buttons follow too. Unset,
+  nothing changes. The column resize handle and the hidden-column marker keep their size: the column menu
+  does the same jobs (Wider · Narrower · Fit to content · Show …) with full-size targets.
+
+### Changed
+
+- **The whole row-selection cell toggles the checkbox**, not just the 16px box (it is now a label). The box
+  itself looks the same.
+
+### Fixed
+
+- **The column filter dropdown is no longer cut off by the table.** It was positioned inside the table's
+  scroll area, so in a short table its lower controls were hidden and could not be pressed. It now floats
+  like the column menu does, below the header (or above it when there is no room).
+
+## [0.44.0] - 2026-10-05
+
+### Added
+
+- **`exportToBlob(format, options?)`** — the export as a `Blob` typed with the format's MIME type.
+  XLSX comes out DEFLATE-compressed (platform `CompressionStream`), a fraction of the stored size —
+  a 500-row sheet is under a quarter of it.
+
+### Changed
+
+- **`exportToFile` returns `Promise<void>` and downloads a compressed XLSX.** It was synchronous and
+  wrote the workbook uncompressed (ZIP STORE). Calling it without `await` still works.
+  `exportToString` stays synchronous and still returns an uncompressed workbook for `'xlsx'` — use
+  `exportToBlob` when the bytes leave the browser.
+
 ## [0.43.0] - 2026-10-04
 
 ### Changed

package/README.md

@@ -276,8 +276,9 @@ Default is `false`, matching `clear-undo-on-data-change`.
 
 | Method | Returns | Description |
 |--------|---------|-------------|
-| `exportToString(format, options?)` | `string \| Uint8Array` | Export to `'csv'` / `'tsv'` / `'json'` (a string) or `'xlsx'` (bytes). Pass `{ selectionOnly: true }` for selection range |
-| `exportToFile(format, filename?)` | `void` | Export and trigger browser file download |
+| `exportToString(format, options?)` | `string \| Uint8Array` | Export to `'csv'` / `'tsv'` / `'json'` (a string) or `'xlsx'` (bytes, uncompressed). Pass `{ selectionOnly: true }` for selection range |
+| `exportToBlob(format, options?)` | `Promise<Blob>` | The same export as a `Blob` of the format's MIME type — `'xlsx'` is DEFLATE-compressed |
+| `exportToFile(format, filename?)` | `Promise<void>` | Export and trigger browser file download (`'xlsx'` compressed) |
 
 ## Events
 

package/dist/export/export.d.ts

@@ -5,9 +5,14 @@ export type ExportFormat = 'csv' | 'tsv' | 'json' | 'xlsx';
  * Returns string for text formats (csv/tsv/json) or Uint8Array for xlsx.
  */
 export declare function exportData(data: DataRow[], columns: ColumnDefinition[], format: ExportFormat): string | Uint8Array<ArrayBuffer>;
+/**
+ * Export data as a `Blob` of the format's MIME type. XLSX is DEFLATE-compressed (unlike `exportData`,
+ * which stays synchronous and therefore stores the workbook uncompressed).
+ */
+export declare function exportDataBlob(data: DataRow[], columns: ColumnDefinition[], format: ExportFormat): Promise<Blob>;
 /**
  * Trigger a file download in the browser.
  */
-export declare function downloadFile(content: string | Uint8Array<ArrayBuffer>, filename: string, mimeType: string): void;
+export declare function downloadBlob(blob: Blob, filename: string): void;
 export declare function getExportMimeType(format: ExportFormat): string;
 export declare function getExportExtension(format: ExportFormat): string;

package/dist/export/xlsx-deflate.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,6 +1,6 @@
 /**
  * Minimal XLSX writer — no external dependencies.
- * Generates OOXML (.xlsx) files using ZIP STORE method (no compression).
+ * Generates OOXML (.xlsx) files — ZIP STORE (sync) or DEFLATE (async, platform CompressionStream).
  * Supports string, number, boolean, and date cell types.
  */
 import type { ColumnDefinition, DataRow } from '../models/types.js';
@@ -10,7 +10,14 @@ export interface ZipFile {
 }
 /** @internal 테스트가 실물에 가까운 통합 문서(스타일·1904 날짜 체계)를 조립하는 데 쓴다. */
 export declare function buildZip(files: ZipFile[]): Uint8Array<ArrayBuffer>;
+/**
+ * DEFLATE 로 압축한 ZIP. 항목마다 압축본이 원본보다 작을 때만 DEFLATE 를 쓰고, 아니면 STORE 로 둔다.
+ * 압축은 플랫폼 `CompressionStream('deflate-raw')` 라 비동기다 — 읽기 쪽이 이미 `DecompressionStream` 을 쓴다.
+ */
+export declare function buildZipDeflated(files: ZipFile[]): Promise<Uint8Array<ArrayBuffer>>;
 /**
  * Build an XLSX file as a Uint8Array.
  */
 export declare function buildXlsx(data: DataRow[], columns: ColumnDefinition[]): Uint8Array<ArrayBuffer>;
+/** Build a DEFLATE-compressed XLSX file — the same workbook as `buildXlsx`, a fraction of the size. */
+export declare function buildXlsxDeflated(data: DataRow[], columns: ColumnDefinition[]): Promise<Uint8Array<ArrayBuffer>>;

package/dist/{flex-table-BdnkC234.js → flex-table-Bv41ls8b.js}

@@ -467,8 +467,9 @@ var y = r`
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    inline-size: 24px;
-    block-size: 24px;
+    /* 호스트 하한(--u-target-size)이 있으면 그 값 — 미설정이면 24px. */
+    inline-size: max(24px, var(--u-target-size, 0px));
+    block-size: max(24px, var(--u-target-size, 0px));
     margin-left: auto;
     flex-shrink: 0;
     border-radius: 4px;
@@ -496,22 +497,23 @@ var y = r`
     opacity: 1;
   }
 
+  /* 표 밖에 띄운다 — 자리는 머리 칸에 맞춰 스크립트가 정한다(_adjustFilterDropdown). 표의 스크롤 영역에 잘리지 않는다. */
   .ft-filter-dropdown {
-    position: absolute;
-    top: 100%;
-    left: 0;
+    position: fixed;
     min-width: 200px;
     background: var(--ft-bg);
     border: 1px solid var(--ft-border-color);
     border-radius: 4px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
     padding: 8px;
-    z-index: 10;
+    z-index: var(--u-layer-floating, 1000);
     box-sizing: border-box;
   }
 
   .ft-filter-input {
     width: 100%;
+    /* 호스트 하한(--u-target-size, 미설정 = 0) — 아래 필터·찾기 패널의 입력·버튼도 같다. */
+    min-height: var(--u-target-size, 0px);
     padding: 4px 8px;
     font: inherit;
     font-size: 13px;
@@ -547,6 +549,12 @@ var y = r`
     color: var(--ft-sort-indicator-color);
     padding: 2px 8px;
     border-radius: 3px;
+    box-sizing: border-box;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-height: var(--u-target-size, 0px);
+    min-width: var(--u-target-size, 0px);
   }
 
   .ft-filter-clear:hover {
@@ -562,6 +570,9 @@ var y = r`
 
   .ft-filter-mode-select {
     flex: 1;
+    box-sizing: border-box;
+    min-height: var(--u-target-size, 0px);
+    min-width: var(--u-target-size, 0px);
     padding: 3px 6px;
     font: inherit;
     font-size: 12px;
@@ -616,7 +627,7 @@ var y = r`
   .ft-checkbox-header {
     background: var(--ft-header-bg);
     border-bottom: 2px solid var(--ft-border-color);
-  }
+  }\n  .ft-checkbox-header .ft-checkbox-hit {\n    margin-block-end: -2px;\n  }
 
   .ft-checkbox-cell {
     border-bottom: 1px solid var(--ft-border-color);
@@ -630,6 +641,19 @@ var y = r`
   .ft-row-selected .ft-cell { background: var(--ft-selection-bg) !important; }
   .ft-row-selected .ft-row-num { background: var(--ft-selection-bg); }
 
+  /* 누르는 자리는 칸 전체다(라벨이 입력을 토글한다) — 체크 상자는 16px 그대로. 칸의 좌우 여백(4px)까지 덮는다. */
+  .ft-checkbox-hit {
+    flex: 1;
+    align-self: stretch;
+    margin-inline: -4px;
+    /* 칸 아래 경계선(본문 1px · 머리 2px)까지 — 행 높이가 곧 누르는 높이가 되게. */
+    margin-block-end: -1px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+  }
+
   .ft-checkbox-header input[type="checkbox"],
   .ft-checkbox-cell input[type="checkbox"] {
     width: 16px;
@@ -679,7 +703,7 @@ var y = r`
     all: unset;
     box-sizing: border-box;
     display: block;
-    min-block-size: 28px;
+    min-block-size: max(28px, var(--u-target-size, 0px));
     padding: 6px 12px;
     cursor: pointer;
     font-size: var(--ft-font-size, 14px);
@@ -743,7 +767,7 @@ var y = r`
     box-sizing: border-box;
     display: block;
     inline-size: 100%;
-    min-block-size: 28px;
+    min-block-size: max(28px, var(--u-target-size, 0px));
     padding: 6px 14px;
     cursor: pointer;
     font-size: var(--ft-font-size, 14px);
@@ -859,6 +883,8 @@ var y = r`
   .ft-find-input, .ft-find-replace-input {
     flex: 1;
     min-width: 120px;
+    /* content-box 다(최소 폭 120px 의 뜻을 바꾸지 않으려고) — 여백 3px ×2 와 테두리 1px ×2 를 뺀다. */
+    min-height: max(0px, calc(var(--u-target-size, 0px) - 8px));
     padding: 3px 6px;
     border: 1px solid var(--ft-border-color);
     border-radius: 3px;
@@ -881,6 +907,9 @@ var y = r`
   }
 
   .ft-find-panel button {
+    box-sizing: border-box;
+    min-height: var(--u-target-size, 0px);
+    min-width: var(--u-target-size, 0px);
     padding: 2px 8px;
     border: 1px solid var(--ft-border-color);
     border-radius: 3px;
@@ -902,6 +931,8 @@ var y = r`
   .ft-find-panel label {
     display: flex;
     align-items: center;
+    min-height: var(--u-target-size, 0px);
+    min-width: var(--u-target-size, 0px);
     gap: 2px;
     font-size: 12px;
     cursor: pointer;
@@ -1442,49 +1473,83 @@ function de(e) {
 }
 var F = new TextEncoder();
 function fe(e) {
+	return I(e.map((e) => ({
+		...e,
+		body: e.data,
+		method: 0
+	})));
+}
+async function pe(e) {
+	let t = [];
+	for (let n of e) {
+		let e = await me(n.data);
+		t.push(e.length < n.data.length ? {
+			...n,
+			body: e,
+			method: 8
+		} : {
+			...n,
+			body: n.data,
+			method: 0
+		});
+	}
+	return I(t);
+}
+async function me(e) {
+	let t = new CompressionStream("deflate-raw"), n = t.writable.getWriter(), r = t.readable.getReader();
+	n.write(e), n.close();
+	let i = [];
+	for (;;) {
+		let { done: e, value: t } = await r.read();
+		if (e) break;
+		i.push(t);
+	}
+	return L(i);
+}
+function I(e) {
 	let t = [], n = [], r = 0;
 	for (let i of e) {
-		let e = F.encode(i.name), a = de(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 e = F.encode(i.name), a = de(i.data), o = i.data.length, s = i.body.length, c = i.method === 8 ? 20 : 10, l = new ArrayBuffer(30 + e.length), u = new DataView(l);
+		u.setUint32(0, 67324752, !0), u.setUint16(4, c, !0), u.setUint16(6, 0, !0), u.setUint16(8, i.method, !0), u.setUint16(10, 0, !0), u.setUint16(12, 33, !0), u.setUint32(14, a, !0), u.setUint32(18, s, !0), u.setUint32(22, o, !0), u.setUint16(26, e.length, !0), u.setUint16(28, 0, !0), new Uint8Array(l, 30).set(e), t.push(new Uint8Array(l)), t.push(i.body);
+		let d = new ArrayBuffer(46 + e.length), f = new DataView(d);
+		f.setUint32(0, 33639248, !0), f.setUint16(4, 20, !0), f.setUint16(6, c, !0), f.setUint16(8, 0, !0), f.setUint16(10, i.method, !0), f.setUint16(12, 0, !0), f.setUint16(14, 33, !0), f.setUint32(16, a, !0), f.setUint32(20, s, !0), f.setUint32(24, o, !0), f.setUint16(28, e.length, !0), f.setUint16(30, 0, !0), f.setUint16(32, 0, !0), f.setUint16(34, 0, !0), f.setUint16(36, 0, !0), f.setUint32(38, 0, !0), f.setUint32(42, r, !0), new Uint8Array(d, 46).set(e), n.push(new Uint8Array(d)), r += 30 + e.length + s;
 	}
-	let i = I(n), a = /* @__PURE__ */ new ArrayBuffer(22), o = new DataView(a);
-	return o.setUint32(0, 101010256, !0), o.setUint16(4, 0, !0), o.setUint16(6, 0, !0), o.setUint16(8, e.length, !0), o.setUint16(10, e.length, !0), o.setUint32(12, i.length, !0), o.setUint32(16, r, !0), o.setUint16(20, 0, !0), I([
+	let i = 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([
 		...t,
 		i,
 		new Uint8Array(a)
 	]);
 }
-function I(e) {
+function L(e) {
 	let t = e.reduce((e, t) => e + t.length, 0), n = new Uint8Array(t), r = 0;
 	for (let t of e) n.set(t, r), r += t.length;
 	return n;
 }
-function L(e) {
+function R(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function pe(e) {
+function he(e) {
 	let t = "";
 	for (e++; e > 0;) t = String.fromCharCode(64 + (e % 26 || 26)) + t, e = Math.floor((e - 1) / 26);
 	return t;
 }
-function R(e, t) {
-	return pe(t) + (e + 1);
+function z(e, t) {
+	return he(t) + (e + 1);
 }
-function me(e) {
+function ge(e) {
 	let t = Date.UTC(1899, 11, 30);
 	return (e.getTime() - t) / 864e5;
 }
-var z = "<?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="${R(0, t)}" t="str" s="2"><v>${L(e.label)}</v></c>`);
+var _e = "<?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>", 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/officeDocument\" Target=\"xl/workbook.xml\"/>\n</Relationships>", ye = "<?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>", be = "<?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>", xe = "<?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 Se(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 = R(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>${L(String(a))}</v></c>`;
+			return o === "number" && typeof a == "number" ? `<c r="${i}"><v>${a}</v></c>` : (o === "date" || o === "datetime") && a instanceof Date ? `<c r="${i}" s="1"><v>${ge(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"?>
@@ -1492,24 +1557,30 @@ function ye(e, t) {
   <sheetData>${n.join("")}</sheetData>
 </worksheet>`;
 }
-function be(e, t) {
-	let n = ye(e, t);
-	return fe([
+function Ce(e, t) {
+	return fe(B(e, t));
+}
+function we(e, t) {
+	return pe(B(e, t));
+}
+function B(e, t) {
+	let n = Se(e, t);
+	return [
 		{
 			name: "[Content_Types].xml",
-			data: F.encode(z)
+			data: F.encode(_e)
 		},
 		{
 			name: "_rels/.rels",
-			data: F.encode(he)
+			data: F.encode(ve)
 		},
 		{
 			name: "xl/workbook.xml",
-			data: F.encode(ge)
+			data: F.encode(ye)
 		},
 		{
 			name: "xl/_rels/workbook.xml.rels",
-			data: F.encode(_e)
+			data: F.encode(be)
 		},
 		{
 			name: "xl/worksheets/sheet1.xml",
@@ -1517,30 +1588,34 @@ function be(e, t) {
 		},
 		{
 			name: "xl/styles.xml",
-			data: F.encode(ve)
+			data: F.encode(xe)
 		}
-	]);
+	];
 }
 //#endregion
 //#region src/export/export.ts
-function B(e, t, n) {
+function V(e, t, n) {
 	switch (n) {
-		case "csv": return V(e, t, ",");
-		case "tsv": return V(e, t, "	");
-		case "json": return Se(e, t);
-		case "xlsx": return be(e, t);
+		case "csv": return H(e, t, ",");
+		case "tsv": return H(e, t, "	");
+		case "json": return De(e, t);
+		case "xlsx": return Ce(e, t);
 	}
 }
-function xe(e, t) {
+async function Te(e, t, n) {
+	let r = n === "xlsx" ? await we(e, t) : V(e, t, n);
+	return new Blob([r], { type: je(n) });
+}
+function Ee(e, t) {
 	return e == null ? "" : (t.type === "date" || t.type === "datetime") && e instanceof Date ? e.toISOString() : String(e);
 }
-function V(e, t, n) {
-	return [t.map((e) => H(e.label, n)).join(n), ...e.map((e) => t.map((t) => H(xe(e[t.key], t), n)).join(n))].join("\n");
+function H(e, t, n) {
+	return [t.map((e) => U(e.label, n)).join(n), ...e.map((e) => t.map((t) => U(Ee(e[t.key], t), n)).join(n))].join("\n");
 }
-function H(e, t) {
+function U(e, t) {
 	return e.includes(t) || e.includes("\"") || e.includes("\n") || e.includes("\r") ? "\"" + e.replace(/"/g, "\"\"") + "\"" : e;
 }
-function Se(e, t) {
+function De(e, t) {
 	let n = e.map((e) => {
 		let n = {};
 		for (let r of t) {
@@ -1551,35 +1626,35 @@ function Se(e, t) {
 	});
 	return JSON.stringify(n, null, 2);
 }
-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);
+function Oe(e, t) {
+	let n = URL.createObjectURL(e), r = document.createElement("a");
+	r.href = n, r.download = t, r.style.display = "none", document.body.appendChild(r), r.click(), document.body.removeChild(r), setTimeout(() => URL.revokeObjectURL(n), 100);
 }
-var U = {
+var ke = {
 	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 = {
+}, Ae = {
 	csv: ".csv",
 	tsv: ".tsv",
 	json: ".json",
 	xlsx: ".xlsx"
 };
-function Te(e) {
-	return U[e];
+function je(e) {
+	return ke[e];
 }
-function Ee(e) {
-	return we[e];
+function Me(e) {
+	return Ae[e];
 }
 //#endregion
 //#region src/export/xlsx-reader.ts
-function De(e) {
+function Ne(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 Pe(e) {
+	let t = Ne(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({
@@ -1592,7 +1667,7 @@ function Oe(e) {
 	}
 	return a;
 }
-async function ke(e) {
+async function Fe(e) {
 	let t = new DecompressionStream("deflate-raw"), n = t.writable.getWriter(), r = t.readable.getReader();
 	n.write(e), n.close();
 	let i = [];
@@ -1605,28 +1680,28 @@ 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 Ie(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 Fe(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 Le(e) {
+	let t = new DataView(e), n = Pe(t), r = /* @__PURE__ */ new Map();
+	for (let e of n) e.compressedSize === 0 && e.name.endsWith("/") || r.set(e.name, await Ie(t, e));
 	return r;
 }
-var Me = new TextDecoder("utf-8");
+var Re = new TextDecoder("utf-8");
 function W(e) {
-	let t = Me.decode(e);
+	let t = Re.decode(e);
 	return new DOMParser().parseFromString(t, "application/xml");
 }
-function Ne(e) {
+function ze(e) {
 	if (!e) return [];
 	let t = W(e);
 	return Array.from(t.querySelectorAll("si")).map((e) => Array.from(e.querySelectorAll("t")).map((e) => e.textContent ?? "").join(""));
 }
-var Pe = /* @__PURE__ */ new Set([
+var Be = /* @__PURE__ */ new Set([
 	14,
 	15,
 	16,
@@ -1646,29 +1721,29 @@ var Pe = /* @__PURE__ */ new Set([
 	57,
 	58
 ]);
-function Fe(e) {
+function Ve(e) {
 	let t = e.replace(/"[^"]*"/g, "").replace(/\\./g, "").replace(/\[[^\]]*\]/g, "").split(";")[0];
 	return /[dy]/i.test(t);
 }
-function Ie(e) {
+function He(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 ? Pe.has(i) : Fe(a)) && t.add(n);
+		(a === void 0 ? Be.has(i) : Ve(a)) && t.add(n);
 	}), t;
 }
-function Le(e) {
+function Ue(e) {
 	if (!e) return !1;
 	let t = W(e).querySelector("workbookPr")?.getAttribute("date1904");
 	return t === "1" || t === "true";
 }
-function Re(e, t) {
+function We(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 ze(e, t, n, r) {
+function Ge(e, t, n, r) {
 	let i = W(e).querySelectorAll("row");
 	if (i.length === 0) return [];
 	let a = 0, o = /* @__PURE__ */ new Map();
@@ -1676,7 +1751,7 @@ function ze(e, t, n, r) {
 		let i = parseInt(e.getAttribute("r") ?? "1", 10) - 1, s = /* @__PURE__ */ new Map();
 		o.set(i, s);
 		for (let i of e.querySelectorAll("c")) {
-			let e = Be(i.getAttribute("r") ?? "");
+			let e = Ke(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)] ?? "";
@@ -1685,7 +1760,7 @@ function ze(e, t, n, r) {
 			else if (l === "") d = "";
 			else {
 				let e = parseFloat(l);
-				d = c !== "" && n.has(parseInt(c, 10)) && !isNaN(e) && e >= 0 ? Re(e, r) : l;
+				d = c !== "" && n.has(parseInt(c, 10)) && !isNaN(e) && e >= 0 ? We(e, r) : l;
 			}
 			s.set(e, d);
 		}
@@ -1699,13 +1774,13 @@ function ze(e, t, n, r) {
 	}
 	return c;
 }
-function Be(e) {
+function Ke(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 Ve(e) {
-	let t = await je(e), n = Ne(t.get("xl/sharedStrings.xml")), r = t.get("xl/worksheets/sheet1.xml");
+async function qe(e) {
+	let t = await Le(e), n = ze(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;
@@ -1713,7 +1788,7 @@ async function Ve(e) {
 		}
 	}
 	if (!r) throw Error("XLSX: No worksheet found");
-	let i = Ie(t.get("xl/styles.xml")), a = Le(t.get("xl/workbook.xml")), o = ze(r, n, i, a);
+	let i = He(t.get("xl/styles.xml")), a = Ue(t.get("xl/workbook.xml")), o = Ge(r, n, i, a);
 	return o.length === 0 ? {
 		headers: [],
 		rows: []
@@ -1744,9 +1819,9 @@ var q = {
 	lt: "<",
 	gte: "≥",
 	lte: "≤"
-}, J = 120, Y = 40, X = 20, Z = 32, Q = 5, He = 200, $ = class extends n {
+}, J = 120, Y = 40, X = 20, Z = 32, Q = 5, Je = 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 re(), this._editing = new ie(), 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._targetFloor = 0, this.showRowNumbers = !1, this.theme = void 0, this.maxRows = 0, this.editable = !0, this.showFilters = !1, this.showContextMenu = !1, this.frozenRows = 0, this.emptyMessage = "No data", this.noMatchingMessage = "No matching data", this.loading = !1, this.importEnabled = !1, this.selectable = !1, this.dataMode = "client", this.footerData = null, this.stylesheets = [], this._scrollTop = 0, this._scrollLeft = 0, this._viewportHeight = 0, this._viewportWidth = 0, this._colLeftOffsets = [], this._totalRowWidth = 0, this._baseStyleSheets = [], this._activeCell = null, this._editingCell = null, this._sortCriteria = [], this._selection = new re(), this._editing = new ie(), 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();
 	}
@@ -1761,7 +1836,8 @@ var q = {
 		this._data = e, n && !this._inUndoRedo && (this.clearUndoOnDataChange && this._undo.clear(), this.clearSelectionOnDataChange && this._rowSelection.selectedCount > 0 && (this._rowSelection.deselectAll(), this._rowSelectionVersion++, this._dispatchRowSelectionEvent())), this.requestUpdate("data", t);
 	}
 	get rowHeight() {
-		return this._rowHeightExplicit ?? this._rowHeightFromCss ?? Z;
+		let e = this._rowHeightExplicit ?? this._rowHeightFromCss ?? Z;
+		return Math.max(e, this._targetFloor);
 	}
 	set rowHeight(e) {
 		let t = this.rowHeight;
@@ -1782,9 +1858,12 @@ var q = {
 	get visibleColumns() {
 		return this.columns.filter((e) => !e.hidden);
 	}
+	get _checkboxColWidth() {
+		return Math.max(36, this._targetFloor);
+	}
 	get _prefixWidth() {
 		let e = 0;
-		return this.selectable && (e += 36), this.showRowNumbers && (e += 48), e;
+		return this.selectable && (e += this._checkboxColWidth), this.showRowNumbers && (e += 48), e;
 	}
 	get canUndo() {
 		return this._undo.canUndo;
@@ -2106,17 +2185,34 @@ var q = {
 		return e;
 	}
 	exportToString(e, t) {
-		if (t?.selectionOnly) {
-			let t = this._selection.getEffectiveRange();
-			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 B(r, n, e);
-		}
-		return B(this._sortedIndices.map((e) => this.data[e]), this.visibleColumns, e);
+		let n = this._exportSlice(t);
+		return n ? V(n.rows, n.cols, e) : "";
 	}
-	exportToFile(e, t) {
-		Ce(this.exportToString(e), t ?? `export${Ee(e)}`, Te(e));
+	async exportToBlob(e, t) {
+		let n = this._exportSlice(t) ?? {
+			rows: [],
+			cols: []
+		};
+		return Te(n.rows, n.cols, e);
+	}
+	async exportToFile(e, t) {
+		Oe(await this.exportToBlob(e), t ?? `export${Me(e)}`);
+	}
+	_exportSlice(e) {
+		if (e?.selectionOnly) {
+			let e = this._selection.getEffectiveRange();
+			if (!e) return null;
+			let t = this.visibleColumns.slice(e.startCol, e.endCol + 1), n = [];
+			for (let t = e.startRow; t <= e.endRow; t++) n.push(this.data[this._toDataIndex(t)]);
+			return {
+				rows: n,
+				cols: t
+			};
+		}
+		return {
+			rows: this._sortedIndices.map((e) => this.data[e]),
+			cols: this.visibleColumns
+		};
 	}
 	setComment(e, t, n) {
 		let r = this.getComment(e, t);
@@ -2173,7 +2269,7 @@ var q = {
 	async importFromFile(e) {
 		let t = e.name.toLowerCase();
 		if (t.endsWith(".xlsx")) {
-			let t = await Ve(await e.arrayBuffer());
+			let t = await qe(await e.arrayBuffer());
 			this._applyImportedSheet(t);
 		} else if (t.endsWith(".csv") || t.endsWith(".tsv")) {
 			let t = await e.text(), n = g(t);
@@ -2311,12 +2407,11 @@ var q = {
 		this.shadowRoot && Array.isArray(this.shadowRoot.adoptedStyleSheets) && (this.shadowRoot.adoptedStyleSheets = [...this._baseStyleSheets, ...this.stylesheets]);
 	}
 	_readDensityTokens() {
-		let e = getComputedStyle(this).getPropertyValue("--ft-row-height").trim();
-		if (!e) return;
-		let t = parseFloat(e);
-		if (!Number.isFinite(t) || t <= 0 || !/px\s*$/.test(e) || t === this._rowHeightFromCss) return;
-		let n = this.rowHeight;
-		this._rowHeightFromCss = t, this._rowHeightExplicit === void 0 && this.requestUpdate("rowHeight", n);
+		let e = getComputedStyle(this), t = (t) => {
+			let n = e.getPropertyValue(t).trim(), r = parseFloat(n);
+			return n && Number.isFinite(r) && r > 0 && /px\s*$/.test(n) ? r : void 0;
+		}, n = this.rowHeight, r = t("--ft-row-height");
+		r !== void 0 && (this._rowHeightFromCss = r), this._targetFloor = t("--u-target-size") ?? 0, this.rowHeight !== n && this.requestUpdate("rowHeight", n);
 	}
 	_updateColOffsets() {
 		let e = this.visibleColumns, t = [], n = this._prefixWidth;
@@ -2396,7 +2491,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 < 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.`));
+		this._warnedUnconstrained || process.env.NODE_ENV === "production" || this._visibleRowCount < Je || 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;
@@ -3041,7 +3136,7 @@ var q = {
 	}
 	_getPinnedLeft(e) {
 		let t = this.visibleColumns, n = 0;
-		this.selectable && (n += 36), this.showRowNumbers && (n += 48);
+		this.selectable && (n += this._checkboxColWidth), this.showRowNumbers && (n += 48);
 		for (let r = 0; r < e; r++) t[r].pinned === "left" && (n += this._getColWidth(t[r]));
 		return n;
 	}
@@ -3328,11 +3423,12 @@ var q = {
 	}
 	_adjustFilterDropdown() {
 		if (!this._openFilterKey) return;
-		let e = this.shadowRoot?.querySelector(".ft-filter-dropdown");
-		if (!e) return;
-		e.style.top = "", e.style.bottom = "";
-		let t = e.getBoundingClientRect(), n = window.innerHeight;
-		t.bottom > n && (e.style.top = "auto", e.style.bottom = "100%");
+		let e = this.shadowRoot?.querySelector(".ft-filter-dropdown"), t = e?.previousElementSibling;
+		if (!e || !t) return;
+		let n = t.getBoundingClientRect(), r = e.getBoundingClientRect(), i = document.documentElement.clientWidth, a = document.documentElement.clientHeight, o = n.bottom;
+		o + r.height > a - 4 && (o = n.top - r.height >= 4 ? n.top - r.height : Math.max(4, a - r.height - 4));
+		let s = Math.max(4, Math.min(n.left, i - r.width - 4));
+		e.style.left = `${s}px`, e.style.top = `${o}px`;
 	}
 	_renderFilterDropdown(e) {
 		let t = e.type ?? "text";
@@ -4071,15 +4167,16 @@ var q = {
 		let r = this.headerHeight, o = this._totalRowWidth, { start: s, end: c } = this.visibleColRange, l = [];
 		for (let t = 0; t < e.length; t++) (e[t].pinned === "left" || e[t].pinned === "right") && (t < s || t >= c) && l.push(t);
 		let u = 0, d = this._scrollLeft, f = this.selectable ? i`<div class="ft-checkbox-header"
-            style="position: absolute; top: 0; left: ${d + u}px; width: 36px; height: ${r}px; z-index: 4;">
+            style="position: absolute; top: 0; left: ${d + u}px; width: ${this._checkboxColWidth}px; height: ${r}px; z-index: 4;">
           ${this._rowSelection.mode === "multi" ? i`
-            <input type="checkbox"
+            <!-- 칸 전체가 누르는 자리다(라벨) — 체크 상자는 16px 그대로. -->
+            <label class="ft-checkbox-hit"><input type="checkbox"
               .checked=${this._rowSelection.isAllSelected}
               .indeterminate=${this._rowSelection.isSomeSelected}
-              @change=${this._onSelectAllChange}>
+              @change=${this._onSelectAllChange}></label>
           ` : ""}
         </div>` : "";
-		this.selectable && (u += 36);
+		this.selectable && (u += this._checkboxColWidth);
 		let p = this.showRowNumbers ? i`<div class="ft-row-num-header"
             style="position: absolute; top: 0; left: ${d + u}px; width: 48px; height: ${r}px; z-index: 4;">#</div>` : "", m = [];
 		for (let t of l) m.push(this._renderHeaderCell(e[t], t));
@@ -4144,8 +4241,8 @@ var q = {
 	_renderFooter(e, t, n) {
 		if (!this.footerData) return "";
 		let r = this.visibleColumns, a = this.rowHeight, o = this._totalRowWidth, s = this._scrollLeft, c = 0, l = this.selectable ? i`<div class="ft-footer-cell ft-checkbox-cell"
-            style="position: absolute; top: 0; left: ${s + c}px; width: 36px; height: ${a}px; z-index: 2;"></div>` : "";
-		this.selectable && (c += 36);
+            style="position: absolute; top: 0; left: ${s + c}px; width: ${this._checkboxColWidth}px; height: ${a}px; z-index: 2;"></div>` : "";
+		this.selectable && (c += this._checkboxColWidth);
 		let u = this.showRowNumbers ? i`<div class="ft-footer-cell ft-row-num"
             style="position: absolute; top: 0; left: ${s + c}px; width: 48px; height: ${a}px; z-index: 2;"></div>` : "", d = [];
 		for (let e of n) {
@@ -4172,14 +4269,14 @@ var q = {
 	_renderRow(e, t, n, r, a) {
 		let o = this.visibleColumns, s = this._toDataIndex(e), c = this.data[s], l = a ?? e * this.rowHeight, u = this.rowHeight, d = this._totalRowWidth, f = e % 2 == 0 ? "ft-row-even" : "ft-row-odd", p = this.selectable && this._rowSelection.isSelected(e), m = this._scrollLeft, h = 0, g = this.selectable ? i`
       <div class="ft-checkbox-cell"
-        style="position: absolute; top: 0; left: ${m + h}px; width: 36px; height: ${u}px; z-index: 2;">
-        <input type="checkbox"
+        style="position: absolute; top: 0; left: ${m + h}px; width: ${this._checkboxColWidth}px; height: ${u}px; z-index: 2;">
+        <label class="ft-checkbox-hit"><input type="checkbox"
           .checked=${p}
           @click=${(e) => this._onRowCheckboxClick(e)}
-          @change=${(t) => this._onRowCheckboxChange(t, e)}>
+          @change=${(t) => this._onRowCheckboxChange(t, e)}></label>
       </div>
     ` : "";
-		this.selectable && (h += 36);
+		this.selectable && (h += this._checkboxColWidth);
 		let _ = this._rowDrag?.active && this._rowDrag.rowIndex === e, v = this.showRowNumbers ? i`
       <div class="ft-row-num ${_ ? "ft-col-dragging" : ""}"
         style="position: absolute; top: 0; left: ${m + h}px; width: 48px; height: ${u}px; z-index: 2; cursor: grab;"
@@ -4394,4 +4491,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 { j as a, M as i, G as n, k as o, B as r, w as s, $ as t };
+export { j as a, M as i, G as n, k as o, V as r, w as s, $ as t };

package/dist/flex-table.d.ts

@@ -52,6 +52,8 @@ export declare class FlexTable extends LitElement {
     private _rowHeightExplicit?;
     /** `--ft-row-height` 판독 결과. 판독 전·판독 실패 시 기본값. */
     private _rowHeightFromCss;
+    /** 호스트 하한 `--u-target-size`(px) 판독 결과 — 행(그러므로 머리행)과 선택 열 폭의 하한. 미설정이면 0. */
+    private _targetFloor;
     showRowNumbers: boolean;
     theme: 'light' | 'dark' | undefined;
     maxRows: number;
@@ -147,6 +149,8 @@ export declare class FlexTable extends LitElement {
     private _comments;
     private _isDragOver;
     get visibleColumns(): ColumnDefinition[];
+    /** 행 선택 열의 폭 — 36px, 호스트 하한(`--u-target-size`)이 더 크면 그 값. */
+    private get _checkboxColWidth();
     private get _prefixWidth();
     /** Whether an undo operation is available. */
     get canUndo(): boolean;
@@ -251,16 +255,27 @@ export declare class FlexTable extends LitElement {
     }>): void;
     private _createEmptyRow;
     /**
-     * Export table data to string in the specified format.
+     * Export table data to string in the specified format. Synchronous — XLSX comes back as an
+     * uncompressed workbook; use `exportToBlob` for a compressed one.
      * @param options.selectionOnly - Export only the currently selected range
      */
     exportToString(format: ExportFormat, options?: {
         selectionOnly?: boolean;
     }): string | Uint8Array<ArrayBuffer>;
     /**
-     * Export table data and trigger file download.
+     * Export table data as a `Blob` of the format's MIME type. XLSX is DEFLATE-compressed.
+     * @param options.selectionOnly - Export only the currently selected range
+     */
+    exportToBlob(format: ExportFormat, options?: {
+        selectionOnly?: boolean;
+    }): Promise<Blob>;
+    /**
+     * Export table data and trigger file download. XLSX is DEFLATE-compressed; the promise settles
+     * once the download has been handed to the browser.
      */
-    exportToFile(format: ExportFormat, filename?: string): void;
+    exportToFile(format: ExportFormat, filename?: string): Promise<void>;
+    /** 내보낼 행·열 — 선택만이면 선택 범위(없으면 `null`), 아니면 정렬 순서의 전체 행 · 보이는 열. */
+    private _exportSlice;
     /**
      * Set a comment on the cell at the given data index and column key.
      * Pass an empty string or null to remove the comment.

package/dist/flex-table.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./flex-table-BdnkC234.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./flex-table-Bv41ls8b.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/react.js

@@ -1,4 +1,4 @@
-import { t as e } from "./flex-table-BdnkC234.js";
+import { t as e } from "./flex-table-Bv41ls8b.js";
 import { i as t, t as n } from "./query-Dw4iO0ir.js";
 import { t as r } from "./view-DiLr-TdY.js";
 import i, { useCallback as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";

package/package.json

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

package/skills/iyulab-flex-table/references/api.md

@@ -127,8 +127,9 @@ Enter/Escape and blur-to-commit behavior.
 | `setComment(dataIndex, colKey, text)` | `null` or `''` removes; undoable |
 | `getComment(dataIndex, colKey)` / `clearComments()` | |
 | `importFromFile(file)` | `Promise<void>`; `.xlsx`, `.csv`, `.tsv`; fires `data-import` |
-| `exportToString(format, { selectionOnly? })` | `string \| Uint8Array`; format `'csv' \| 'tsv' \| 'json' \| 'xlsx'` (xlsx returns bytes) |
-| `exportToFile(format, filename?)` | Triggers a download |
+| `exportToString(format, { selectionOnly? })` | `string \| Uint8Array`; format `'csv' \| 'tsv' \| 'json' \| 'xlsx'` (xlsx returns uncompressed bytes — synchronous) |
+| `exportToBlob(format, { selectionOnly? })` | `Promise<Blob>` typed with the format's MIME; xlsx is DEFLATE-compressed |
+| `exportToFile(format, filename?)` | `Promise<void>` — triggers a download (xlsx compressed) |
 
 ## Events