@iyulab/flex-table 0.15.0 → 0.16.1

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

@@ -0,0 +1,19 @@
+/**
+ * Minimal XLSX reader — no external dependencies.
+ * Reads OOXML (.xlsx) files using ZIP central directory + DOMParser.
+ * Handles STORE (no compression) and DEFLATE compression.
+ * Supports string, number, boolean, and date cell types.
+ */
+/** Parsed sheet data from an XLSX file */
+export interface ImportedSheet {
+    /** Column header strings from the first row */
+    headers: string[];
+    /** Data rows as raw string values (one string per cell) */
+    rows: string[][];
+}
+/**
+ * Parse an XLSX file buffer into a structured ImportedSheet.
+ * The first row is treated as headers; subsequent rows are data.
+ * All values are returned as raw strings — type coercion is left to the consumer.
+ */
+export declare function readXlsx(buffer: ArrayBuffer): Promise<ImportedSheet>;

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

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

package/dist/{flex-table-BVzjrFBP.js → flex-table-C06mZOgA.js}

@@ -288,6 +288,39 @@ var s = t`
     color: var(--ft-empty-color);
   }
 
+  .ft-has-comment {
+    position: relative;
+  }
+
+  .ft-comment-indicator {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 0;
+    height: 0;
+    border-style: solid;
+    border-width: 0 7px 7px 0;
+    border-color: transparent #f59e0b transparent transparent;
+    pointer-events: none;
+    z-index: 1;
+  }
+
+  .ft-import-overlay {
+    position: absolute;
+    inset: 0;
+    z-index: 100;
+    background: rgba(59, 130, 246, 0.15);
+    border: 2px dashed rgba(59, 130, 246, 0.8);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 14px;
+    font-weight: 500;
+    color: rgb(37, 99, 235);
+    pointer-events: none;
+    border-radius: 4px;
+  }
+
   .ft-row-num-header,
   .ft-row-num {
     position: absolute;
@@ -955,13 +988,13 @@ function S(e, t, n) {
 			if (c && l) continue;
 			if (c) return 1;
 			if (l) return -1;
-			let u = ee(t, s, i.get(a) ?? "text");
+			let u = C(t, s, i.get(a) ?? "text");
 			if (u !== 0) return o === "asc" ? u : -u;
 		}
 		return n - r;
 	}), r;
 }
-function ee(e, t, n) {
+function C(e, t, n) {
 	switch (n) {
 		case "number": {
 			let n = Number(e), r = Number(t);
@@ -976,7 +1009,7 @@ function ee(e, t, n) {
 		default: return String(e).localeCompare(String(t));
 	}
 }
-function te(e, t, n) {
+function w(e, t, n) {
 	let r = e.find((e) => e.key === t);
 	return n ? r ? r.direction === "asc" ? e.map((e) => e.key === t ? {
 		...e,
@@ -994,7 +1027,7 @@ function te(e, t, n) {
 }
 //#endregion
 //#region src/core/filtering.ts
-function ne(e, t, n) {
+function T(e, t, n) {
 	if (t.length === 0) return Array.from({ length: e.length }, (e, t) => t);
 	let r = [];
 	for (let i = 0; i < e.length; i++) {
@@ -1013,9 +1046,9 @@ function ne(e, t, n) {
 }
 //#endregion
 //#region src/core/undo.ts
-var C = 100, w = class {
+var E = 100, D = class {
 	constructor() {
-		this._undoStack = [], this._redoStack = [], this._maxSize = C;
+		this._undoStack = [], this._redoStack = [], this._maxSize = E;
 	}
 	get maxSize() {
 		return this._maxSize;
@@ -1052,7 +1085,7 @@ var C = 100, w = class {
 };
 //#endregion
 //#region src/clipboard/clipboard.ts
-function T(e, t, n) {
+function ee(e, t, n) {
 	let r = [];
 	for (let i = n.startRow; i <= n.endRow; i++) {
 		let a = e[i], o = [];
@@ -1064,7 +1097,7 @@ function T(e, t, n) {
 	}
 	return r.join("\n");
 }
-function E(e) {
+function O(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) {
@@ -1093,7 +1126,7 @@ function E(e) {
 	}
 	return n;
 }
-function D(e, t) {
+function k(e, t) {
 	if (e === "") return null;
 	switch (t.type) {
 		case "number": {
@@ -1106,7 +1139,7 @@ function D(e, t) {
 }
 //#endregion
 //#region src/export/xlsx-writer.ts
-var re = (() => {
+var te = (() => {
 	let e = new Uint32Array(256);
 	for (let t = 0; t < 256; t++) {
 		let n = t;
@@ -1115,56 +1148,56 @@ var re = (() => {
 	}
 	return e;
 })();
-function ie(e) {
+function A(e) {
 	let t = 4294967295;
-	for (let n = 0; n < e.length; n++) t = re[(t ^ e[n]) & 255] ^ t >>> 8;
+	for (let n = 0; n < e.length; n++) t = te[(t ^ e[n]) & 255] ^ t >>> 8;
 	return (t ^ 4294967295) >>> 0;
 }
-var O = new TextEncoder();
-function k(e) {
+var j = new TextEncoder();
+function ne(e) {
 	let t = [], n = [], r = 0;
 	for (let i of e) {
-		let e = O.encode(i.name), a = ie(i.data), o = i.data.length, s = new ArrayBuffer(30 + e.length), c = new DataView(s);
+		let e = j.encode(i.name), a = A(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 = A(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), A([
+	let i = M(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), M([
 		...t,
 		i,
 		new Uint8Array(a)
 	]);
 }
-function A(e) {
+function M(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 j(e) {
+function N(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function ae(e) {
+function P(e) {
 	let t = "";
 	for (e++; e > 0;) t = String.fromCharCode(64 + (e % 26 || 26)) + t, e = Math.floor((e - 1) / 26);
 	return t;
 }
-function M(e, t) {
-	return ae(t) + (e + 1);
+function F(e, t) {
+	return P(t) + (e + 1);
 }
-function N(e) {
+function I(e) {
 	let t = Date.UTC(1899, 11, 30);
 	return (e.getTime() - t) / 864e5;
 }
-var P = "<?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>", F = "<?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>", I = "<?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>", L = "<?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>", R = "<?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 z(e, t) {
-	let n = [], r = t.map((e, t) => `<c r="${M(0, t)}" t="str" s="2"><v>${j(e.header)}</v></c>`);
+var L = "<?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>", R = "<?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>", re = "<?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>", ie = "<?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>", ae = "<?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 oe(e, t) {
+	let n = [], r = t.map((e, t) => `<c r="${F(0, t)}" t="str" s="2"><v>${N(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 = M(r + 1, n), a = e[t.key];
+			let i = F(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>${N(a).toFixed(6)}</v></c>` : o === "boolean" ? `<c r="${i}" t="b"><v>${+!!a}</v></c>` : `<c r="${i}" t="str"><v>${j(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>${I(a).toFixed(6)}</v></c>` : o === "boolean" ? `<c r="${i}" t="b"><v>${+!!a}</v></c>` : `<c r="${i}" t="str"><v>${N(String(a))}</v></c>`;
 		});
 		n.push(`<row r="${r + 2}">${i.join("")}</row>`);
 	}), `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
@@ -1172,55 +1205,55 @@ function z(e, t) {
   <sheetData>${n.join("")}</sheetData>
 </worksheet>`;
 }
-function B(e, t) {
-	let n = z(e, t);
-	return k([
+function z(e, t) {
+	let n = oe(e, t);
+	return ne([
 		{
 			name: "[Content_Types].xml",
-			data: O.encode(P)
+			data: j.encode(L)
 		},
 		{
 			name: "_rels/.rels",
-			data: O.encode(F)
+			data: j.encode(R)
 		},
 		{
 			name: "xl/workbook.xml",
-			data: O.encode(I)
+			data: j.encode(re)
 		},
 		{
 			name: "xl/_rels/workbook.xml.rels",
-			data: O.encode(L)
+			data: j.encode(ie)
 		},
 		{
 			name: "xl/worksheets/sheet1.xml",
-			data: O.encode(n)
+			data: j.encode(n)
 		},
 		{
 			name: "xl/styles.xml",
-			data: O.encode(R)
+			data: j.encode(ae)
 		}
 	]);
 }
 //#endregion
 //#region src/export/export.ts
-function V(e, t, n) {
+function B(e, t, n) {
 	switch (n) {
-		case "csv": return U(e, t, ",");
-		case "tsv": return U(e, t, "	");
-		case "json": return G(e, t);
-		case "xlsx": return B(e, t);
+		case "csv": return H(e, t, ",");
+		case "tsv": return H(e, t, "	");
+		case "json": return W(e, t);
+		case "xlsx": return z(e, t);
 	}
 }
-function H(e, t) {
+function V(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(H(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(V(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 G(e, t) {
+function W(e, t) {
 	let n = e.map((e) => {
 		let n = {};
 		for (let r of t) {
@@ -1231,26 +1264,138 @@ function G(e, t) {
 	});
 	return JSON.stringify(n, null, 2);
 }
-function K(e, t, n) {
+function G(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 q = {
+var K = {
 	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"
-}, oe = {
+}, se = {
 	csv: ".csv",
 	tsv: ".tsv",
 	json: ".json",
 	xlsx: ".xlsx"
 };
-function se(e) {
-	return q[e];
-}
 function ce(e) {
-	return oe[e];
+	return K[e];
+}
+function le(e) {
+	return se[e];
+}
+//#endregion
+//#region src/export/xlsx-reader.ts
+function ue(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 de(e) {
+	let t = ue(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({
+			name: d,
+			compressionMethod: t,
+			compressedSize: n,
+			uncompressedSize: r,
+			localHeaderOffset: u
+		}), o += 46 + s + c + l;
+	}
+	return a;
+}
+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 = [];
+	for (;;) {
+		let { done: e, value: t } = await r.read();
+		if (e) break;
+		i.push(t);
+	}
+	let a = i.reduce((e, t) => e + t.length, 0), o = new Uint8Array(a), s = 0;
+	for (let e of i) o.set(e, s), s += e.length;
+	return o;
+}
+async function pe(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 fe(o);
+	throw Error(`XLSX: Unsupported compression method ${t.compressionMethod}`);
+}
+async function me(e) {
+	let t = new DataView(e), n = de(t), r = /* @__PURE__ */ new Map();
+	for (let e of n) e.compressedSize === 0 && e.name.endsWith("/") || r.set(e.name, await pe(t, e));
+	return r;
+}
+var he = new TextDecoder("utf-8");
+function q(e) {
+	let t = he.decode(e);
+	return new DOMParser().parseFromString(t, "application/xml");
+}
+function ge(e) {
+	if (!e) return [];
+	let t = q(e);
+	return Array.from(t.querySelectorAll("si")).map((e) => Array.from(e.querySelectorAll("t")).map((e) => e.textContent ?? "").join(""));
+}
+function _e(e) {
+	let t = (e - 1) * 864e5 + Date.UTC(1899, 11, 30);
+	return new Date(t).toISOString().slice(0, 10);
+}
+function ve(e, t) {
+	let n = q(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 = ye(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 = "";
+			else {
+				let e = parseFloat(s);
+				l = !isNaN(e) && o !== "" && parseInt(o, 10) > 0 && e >= 1 && e <= 73050 ? _e(e) : s;
+			}
+			a.set(e, l);
+		}
+	}
+	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);
+	}
+	return o;
+}
+function ye(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 be(e) {
+	let t = await me(e), n = ge(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;
+			break;
+		}
+	}
+	if (!r) throw Error("XLSX: No worksheet found");
+	let i = ve(r, n);
+	return i.length === 0 ? {
+		headers: [],
+		rows: []
+	} : {
+		headers: i[0],
+		rows: i.slice(1)
+	};
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.130.0/helpers/decorate.js
@@ -1269,9 +1414,9 @@ var Y = {
 	lt: "<",
 	gte: "≥",
 	lte: "≤"
-}, X = 120, Z = 40, le = 32, Q = 5, $ = class extends e {
+}, X = 120, Z = 40, xe = 32, Q = 5, $ = class extends e {
 	constructor(...e) {
-		super(...e), this.columns = [], this.data = [], this.rowHeight = le, this.showRowNumbers = !1, this.theme = void 0, this.maxRows = 0, this.editable = !0, this.showFilters = !1, this.showContextMenu = !1, this.frozenRows = 0, this.selectable = !1, this.dataMode = "client", this.footerData = null, this._scrollTop = 0, this._scrollLeft = 0, this._viewportHeight = 0, this._viewportWidth = 0, this._colLeftOffsets = [], this._totalRowWidth = 0, this._activeCell = null, this._editingCell = null, this._sortCriteria = [], this._selection = new y(), this._editing = new b(), this._rowSelection = new x(), this._undo = new w(), this._filters = [], this._filteredIndices = [], this._sortedIndices = [], this._openFilterKey = null, this._rowSelectionVersion = 0, this._autocompleteState = null, this._headerMenu = null, this._bodyContextMenu = null, this._viewDirty = !0, this._isDragging = !1, this._wasDrag = !1, this._resizing = null, this._resizeCleanup = null, 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._invalidCells = /* @__PURE__ */ new Map(), this._textFilterState = /* @__PURE__ */ new Map(), this._numberFilterState = /* @__PURE__ */ new Map(), this._dateFilterState = /* @__PURE__ */ new Map(), this._emptyFilterState = /* @__PURE__ */ new Map();
+		super(...e), this.columns = [], this.data = [], this.rowHeight = xe, this.showRowNumbers = !1, this.theme = void 0, this.maxRows = 0, this.editable = !0, this.showFilters = !1, this.showContextMenu = !1, this.frozenRows = 0, this.importEnabled = !1, this.selectable = !1, this.dataMode = "client", this.footerData = null, this._scrollTop = 0, this._scrollLeft = 0, this._viewportHeight = 0, this._viewportWidth = 0, this._colLeftOffsets = [], this._totalRowWidth = 0, this._activeCell = null, this._editingCell = null, this._sortCriteria = [], this._selection = new y(), this._editing = new b(), this._rowSelection = new x(), this._undo = new D(), this._filters = [], this._filteredIndices = [], this._sortedIndices = [], this._openFilterKey = null, this._rowSelectionVersion = 0, this._autocompleteState = null, this._headerMenu = null, this._bodyContextMenu = null, this._viewDirty = !0, this._isDragging = !1, this._wasDrag = !1, this._resizing = null, this._resizeCleanup = null, 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._invalidCells = /* @__PURE__ */ new Map(), this._textFilterState = /* @__PURE__ */ new Map(), this._numberFilterState = /* @__PURE__ */ new Map(), this._dateFilterState = /* @__PURE__ */ new Map(), this._emptyFilterState = /* @__PURE__ */ new Map();
 	}
 	static {
 		this.styles = s;
@@ -1580,12 +1725,111 @@ var Y = {
 			if (!t) return "";
 			let n = this.visibleColumns.slice(t.startCol, t.endCol + 1), r = [];
 			for (let e = t.startRow; e <= t.endRow; e++) r.push(this.data[this._toDataIndex(e)]);
-			return V(r, n, e);
+			return B(r, n, e);
 		}
-		return V(this._sortedIndices.map((e) => this.data[e]), this.visibleColumns, e);
+		return B(this._sortedIndices.map((e) => this.data[e]), this.visibleColumns, e);
 	}
 	exportToFile(e, t) {
-		K(this.exportToString(e), t ?? `export${ce(e)}`, se(e));
+		G(this.exportToString(e), t ?? `export${le(e)}`, ce(e));
+	}
+	setComment(e, t, n) {
+		if (n) this._comments.has(e) || this._comments.set(e, /* @__PURE__ */ new Map()), this._comments.get(e).set(t, n);
+		else {
+			let n = this._comments.get(e);
+			n && (n.delete(t), n.size === 0 && this._comments.delete(e));
+		}
+		this.dispatchEvent(new CustomEvent("comment-change", {
+			detail: {
+				dataIndex: e,
+				colKey: t,
+				text: n ?? null
+			},
+			bubbles: !0,
+			composed: !0
+		})), this.requestUpdate();
+	}
+	getComment(e, t) {
+		return this._comments.get(e)?.get(t) ?? null;
+	}
+	getAllComments() {
+		let e = [];
+		for (let [t, n] of this._comments) for (let [r, i] of n) e.push({
+			dataIndex: t,
+			colKey: r,
+			text: i
+		});
+		return e;
+	}
+	clearComments() {
+		this._comments.clear(), this.requestUpdate();
+	}
+	async importFromFile(e) {
+		let t = e.name.toLowerCase();
+		if (t.endsWith(".xlsx")) {
+			let t = await be(await e.arrayBuffer());
+			this._applyImportedSheet(t);
+		} else if (t.endsWith(".csv") || t.endsWith(".tsv")) {
+			let t = O(await e.text());
+			this._applyImportedRows(t);
+		} else console.warn(`flex-table importFromFile: unsupported file type "${e.name}"`);
+	}
+	_applyImportedSheet(e) {
+		let t = this._buildHeaderColumnMap(e.headers), n = e.rows.map((n) => {
+			let r = {};
+			return e.headers.forEach((e, i) => {
+				let a = t.get(e);
+				if (!a) return;
+				let o = this.columns.find((e) => e.key === a);
+				r[a] = o ? k(n[i] ?? "", o) : n[i] ?? null;
+			}), r;
+		});
+		this.data = n, this.dispatchEvent(new CustomEvent("data-import", {
+			detail: { count: n.length },
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	_applyImportedRows(e) {
+		if (e.length === 0) return;
+		let t = e[0], n = this._buildHeaderColumnMap(t), r = e.slice(1).map((e) => {
+			let r = {};
+			return t.forEach((t, i) => {
+				let a = n.get(t);
+				if (!a) return;
+				let o = this.columns.find((e) => e.key === a);
+				r[a] = o ? k(e[i] ?? "", o) : e[i] ?? null;
+			}), r;
+		});
+		this.data = r, this.dispatchEvent(new CustomEvent("data-import", {
+			detail: { count: r.length },
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	_buildHeaderColumnMap(e) {
+		let t = /* @__PURE__ */ new Map();
+		for (let n of e) {
+			let e = this.columns.find((e) => e.header === n);
+			if (e) {
+				t.set(n, e.key);
+				continue;
+			}
+			let r = this.columns.find((e) => e.header.toLowerCase() === n.toLowerCase());
+			r && t.set(n, r.key);
+		}
+		return t;
+	}
+	_onDragover(e) {
+		this.importEnabled && (e.dataTransfer?.types.includes("Files") ?? !1) && (e.preventDefault(), e.dataTransfer.dropEffect = "copy", this._isDragOver = !0);
+	}
+	_onDragleave() {
+		this._isDragOver = !1;
+	}
+	async _onDrop(e) {
+		if (this._isDragOver = !1, !this.importEnabled) return;
+		e.preventDefault();
+		let t = e.dataTransfer?.files[0];
+		t && await this.importFromFile(t);
 	}
 	_getSelectedDataRows() {
 		let e = this._selection.getEffectiveRange();
@@ -1624,10 +1868,10 @@ var Y = {
 		};
 	}
 	connectedCallback() {
-		super.connectedCallback(), this._onScroll = this._onScroll.bind(this), this._onKeyDown = this._onKeyDown.bind(this), this._onDocumentClick = this._onDocumentClick.bind(this), this._onContextMenu = this._onContextMenu.bind(this), this.addEventListener("scroll", this._onScroll, { passive: !0 }), this.addEventListener("keydown", this._onKeyDown), this.addEventListener("contextmenu", this._onContextMenu), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.setAttribute("role", "grid"), typeof ResizeObserver < "u" && (this._hostResizeObserver = new ResizeObserver(() => this._measureViewport()), this._hostResizeObserver.observe(this));
+		super.connectedCallback(), this._onScroll = this._onScroll.bind(this), this._onKeyDown = this._onKeyDown.bind(this), this._onDocumentClick = this._onDocumentClick.bind(this), this._onContextMenu = this._onContextMenu.bind(this), this._onDragover = this._onDragover.bind(this), this._onDragleave = this._onDragleave.bind(this), this._onDrop = this._onDrop.bind(this), this.addEventListener("scroll", this._onScroll, { passive: !0 }), this.addEventListener("keydown", this._onKeyDown), this.addEventListener("contextmenu", this._onContextMenu), this.addEventListener("dragover", this._onDragover), this.addEventListener("dragleave", this._onDragleave), this.addEventListener("drop", this._onDrop), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.setAttribute("role", "grid"), typeof ResizeObserver < "u" && (this._hostResizeObserver = new ResizeObserver(() => this._measureViewport()), this._hostResizeObserver.observe(this));
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.removeEventListener("scroll", this._onScroll), this.removeEventListener("keydown", this._onKeyDown), this.removeEventListener("contextmenu", this._onContextMenu), document.removeEventListener("click", this._onDocumentClick), this._isDragging = !1, this._wasDrag = !1, this._resizeCleanup &&= (this._resizeCleanup(), null), this._hostResizeObserver &&= (this._hostResizeObserver.disconnect(), null);
+		super.disconnectedCallback(), this.removeEventListener("scroll", this._onScroll), this.removeEventListener("keydown", this._onKeyDown), this.removeEventListener("contextmenu", this._onContextMenu), this.removeEventListener("dragover", this._onDragover), this.removeEventListener("dragleave", this._onDragleave), this.removeEventListener("drop", this._onDrop), document.removeEventListener("click", this._onDocumentClick), this._isDragging = !1, this._wasDrag = !1, this._resizeCleanup &&= (this._resizeCleanup(), null), this._hostResizeObserver &&= (this._hostResizeObserver.disconnect(), null);
 	}
 	firstUpdated() {
 		this._measureViewport();
@@ -1675,7 +1919,7 @@ var Y = {
 			this._filteredIndices = Array.from({ length: this.data.length }, (e, t) => t), this._sortedIndices = this._filteredIndices;
 			return;
 		}
-		if (this._filteredIndices = ne(this.data, this._filters, (e, t, n) => {
+		if (this._filteredIndices = T(this.data, this._filters, (e, t, n) => {
 			this.dispatchEvent(new CustomEvent("filter-error", {
 				detail: {
 					error: e,
@@ -1814,7 +2058,7 @@ var Y = {
 		}
 		let t = this.shadowRoot?.querySelector(".ft-editor");
 		if (t) {
-			let n = D(t.value, e);
+			let n = k(t.value, e);
 			this._applyEdit(n);
 		} else this._cancelEdit();
 	}
@@ -2036,7 +2280,7 @@ var Y = {
 	async _handleCopy(e) {
 		let t = this._selection.getEffectiveRange();
 		if (!t) return;
-		let n = this.visibleColumns, r = T(this._sortedIndices.map((e) => this.data[e]), n, t);
+		let n = this.visibleColumns, r = ee(this._sortedIndices.map((e) => this.data[e]), n, t);
 		try {
 			await navigator.clipboard.writeText(r);
 		} catch (e) {
@@ -2062,7 +2306,7 @@ var Y = {
 		if (!this._activeCell) return;
 		let e = await this._readClipboardText();
 		if (e == null) return;
-		let t = E(e);
+		let t = O(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) {
@@ -2120,7 +2364,7 @@ var Y = {
 			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 = D(t[i][a], c);
+				let c = n[s], l = this.data[o][c.key], u = k(t[i][a], c);
 				this.data[o][c.key] = u, r.push({
 					row: o,
 					col: s,
@@ -2185,7 +2429,7 @@ var Y = {
 			for (let r = e.startCol + 1; r <= e.endCol; r++) {
 				let e = t[r];
 				if (!e || !this._isCellEditable(e)) continue;
-				let a = D(o == null ? "" : String(o), e);
+				let a = k(o == null ? "" : String(o), e);
 				n.push({
 					row: i,
 					key: e.key,
@@ -2276,7 +2520,7 @@ var Y = {
 			this._selectColumn(n);
 			return;
 		}
-		t.sortable !== !1 && (this._sortCriteria = te(this._sortCriteria, t.key, e.shiftKey), this.dataMode !== "server" && this._recomputeView(), this.requestUpdate(), this.dispatchEvent(new CustomEvent("sort-change", {
+		t.sortable !== !1 && (this._sortCriteria = w(this._sortCriteria, t.key, e.shiftKey), this.dataMode !== "server" && this._recomputeView(), this.requestUpdate(), this.dispatchEvent(new CustomEvent("sort-change", {
 			detail: { criteria: [...this._sortCriteria] },
 			bubbles: !0,
 			composed: !0
@@ -2990,7 +3234,7 @@ var Y = {
 		if (!e) return "";
 		let t = this.visibleColumns;
 		if (e.endCol >= t.length || e.endRow >= this._visibleRowCount) return "";
-		let r = this._prefixWidth + (this._colLeftOffsets[e.endCol] ?? 0) + this._getColWidth(t[e.endCol]) - this._scrollLeft - 4, i = this.headerHeight + (e.endRow + 1) * this.rowHeight - this._scrollTop - 4;
+		let r = (this._colLeftOffsets[e.endCol] ?? 0) + this._getColWidth(t[e.endCol]) - this._scrollLeft - 4, i = this.headerHeight + (e.endRow + 1) * this.rowHeight - this._scrollTop - 4;
 		return r < 0 || i < this.headerHeight ? "" : n`
       ${this._fillDrag?.active && this._fillDrag.targetRange ? this._renderFillPreview(this._fillDrag.targetRange) : ""}
       <div class="ft-fill-handle"
@@ -3001,7 +3245,7 @@ var Y = {
 	}
 	_renderFillPreview(e) {
 		let t = this.visibleColumns;
-		return e.endCol >= t.length || e.endRow >= this._visibleRowCount ? "" : n`<div class="ft-fill-preview" style="left:${this._prefixWidth + (this._colLeftOffsets[e.startCol] ?? 0) - this._scrollLeft}px;top:${this.headerHeight + e.startRow * this.rowHeight - this._scrollTop}px;width:${(this._colLeftOffsets[e.endCol] ?? 0) + this._getColWidth(t[e.endCol]) - (this._colLeftOffsets[e.startCol] ?? 0)}px;height:${(e.endRow - e.startRow + 1) * this.rowHeight}px;"></div>`;
+		return e.endCol >= t.length || e.endRow >= this._visibleRowCount ? "" : n`<div class="ft-fill-preview" style="left:${(this._colLeftOffsets[e.startCol] ?? 0) - this._scrollLeft}px;top:${this.headerHeight + e.startRow * this.rowHeight - this._scrollTop}px;width:${(this._colLeftOffsets[e.endCol] ?? 0) + this._getColWidth(t[e.endCol]) - (this._colLeftOffsets[e.startCol] ?? 0)}px;height:${(e.endRow - e.startRow + 1) * this.rowHeight}px;"></div>`;
 	}
 	_onRowNumMouseDown(e, t) {
 		if (e.button !== 0) return;
@@ -3232,12 +3476,12 @@ var Y = {
     `;
 	}
 	render() {
-		let e = this.visibleColumns;
-		if (e.length === 0) return n`<div class="ft-empty">No columns defined</div>`;
-		let t = this.headerHeight, r = this._totalRowWidth, { start: i, end: a } = this.visibleColRange, o = [];
-		for (let t = 0; t < e.length; t++) (e[t].pinned === "left" || e[t].pinned === "right") && (t < i || t >= a) && o.push(t);
-		let s = 0, c = this._scrollLeft, l = this.selectable ? n`<div class="ft-checkbox-header"
-            style="position: absolute; top: 0; left: ${c + s}px; width: 36px; height: ${t}px; z-index: 4;">
+		let e = this.visibleColumns, t = this.importEnabled && this._isDragOver ? n`<div class="ft-import-overlay">Drop file to import (.xlsx / .csv)</div>` : r;
+		if (e.length === 0) return n`${t}<div class="ft-empty">No columns defined</div>`;
+		let i = this.headerHeight, a = this._totalRowWidth, { start: o, end: s } = this.visibleColRange, c = [];
+		for (let t = 0; t < e.length; t++) (e[t].pinned === "left" || e[t].pinned === "right") && (t < o || t >= s) && c.push(t);
+		let l = 0, u = this._scrollLeft, d = this.selectable ? n`<div class="ft-checkbox-header"
+            style="position: absolute; top: 0; left: ${u + l}px; width: 36px; height: ${i}px; z-index: 4;">
           ${this._rowSelection.mode === "multi" ? n`
             <input type="checkbox"
               .checked=${this._rowSelection.isAllSelected}
@@ -3245,37 +3489,38 @@ var Y = {
               @change=${this._onSelectAllChange}>
           ` : ""}
         </div>` : "";
-		this.selectable && (s += 36);
-		let u = this.showRowNumbers ? n`<div class="ft-row-num-header"
-            style="position: absolute; top: 0; left: ${c + s}px; width: 48px; height: ${t}px; z-index: 4;">#</div>` : "", d = [];
-		for (let t of o) d.push(this._renderHeaderCell(e[t], t));
-		for (let t = i; t < a; t++) d.push(this._renderHeaderCell(e[t], t));
-		let f = this._colDragIndicatorLeft == null ? "" : n`<div class="ft-drop-indicator" style="left:${this._colDragIndicatorLeft}px"></div>`;
+		this.selectable && (l += 36);
+		let f = this.showRowNumbers ? n`<div class="ft-row-num-header"
+            style="position: absolute; top: 0; left: ${u + l}px; width: 48px; height: ${i}px; z-index: 4;">#</div>` : "", p = [];
+		for (let t of c) p.push(this._renderHeaderCell(e[t], t));
+		for (let t = o; t < s; t++) p.push(this._renderHeaderCell(e[t], t));
+		let m = this._colDragIndicatorLeft == null ? "" : n`<div class="ft-drop-indicator" style="left:${this._colDragIndicatorLeft}px"></div>`;
 		if (this.data.length === 0 || this._visibleRowCount === 0) return n`
-        <div class="ft-header" role="row" style="width: ${r}px; height: ${t}px;">
-          ${l}${u}
-          ${d}
-          ${f}
+        <div class="ft-header" role="row" style="width: ${a}px; height: ${i}px;">
+          ${d}${f}
+          ${p}
+          ${m}
         </div>
         <div class="ft-empty">${this.data.length === 0 ? "No data" : "No matching data"}</div>
       `;
-		let { start: p, end: m } = this.visibleRange, h = this._frozenRowCount, g = [];
-		for (let e = p; e < m; e++) g.push(this._renderRow(e, i, a, o, (e - h) * this.rowHeight));
-		let _ = this._renderFillHandle(), v = this._rowDragIndicatorY == null ? "" : n`<div class="ft-row-drop-indicator" style="top:${this._rowDragIndicatorY}px;width:${r + this._prefixWidth}px;"></div>`;
+		let { start: h, end: g } = this.visibleRange, _ = this._frozenRowCount, v = [];
+		for (let e = h; e < g; e++) v.push(this._renderRow(e, o, s, c, (e - _) * this.rowHeight));
+		let y = this._renderFillHandle(), b = this._rowDragIndicatorY == null ? "" : n`<div class="ft-row-drop-indicator" style="top:${this._rowDragIndicatorY}px;width:${a + this._prefixWidth}px;"></div>`;
 		return n`
+      ${t}
       ${this._renderFindPanel()}
-      <div class="ft-header" role="row" style="width: ${r}px; height: ${t}px;">
-        ${l}${u}
-        ${d}
-        ${f}
+      <div class="ft-header" role="row" style="width: ${a}px; height: ${i}px;">
+        ${d}${f}
+        ${p}
+        ${m}
       </div>
-      ${this._renderFrozenRows(i, a, o)}
-      <div class="ft-body" style="height: ${this.totalBodyHeight}px; width: ${r}px;">
-        ${g}
+      ${this._renderFrozenRows(o, s, c)}
+      <div class="ft-body" style="height: ${this.totalBodyHeight}px; width: ${a}px;">
+        ${v}
       </div>
-      ${this.footerData ? this._renderFooter(i, a, o) : ""}
-      ${v}
-      ${_}
+      ${this.footerData ? this._renderFooter(o, s, c) : ""}
+      ${b}
+      ${y}
       ${this._renderHeaderContextMenu()}
       ${this._renderBodyContextMenu()}
     `;
@@ -3370,9 +3615,7 @@ var Y = {
           ${this._renderEditor(e, t)}
         </div>
       `;
-		let v = o || c, y = this._isCellInvalid(i, a), b = (this._findState?.results ?? []).findIndex((e) => e.row === i && e.col === a), x = b >= 0, S = x && b === this._findState.currentIndex;
-		return n`
-      <div class=${[
+		let v = o || c, y = this._isCellInvalid(i, a), b = (this._findState?.results ?? []).findIndex((e) => e.row === i && e.col === a), x = b >= 0, S = x && b === this._findState.currentIndex, C = [
 			"ft-cell",
 			`ft-type-${t.type ?? "text"}`,
 			o ? "ft-active" : "",
@@ -3380,7 +3623,9 @@ var Y = {
 			d ? "ft-pinned" : "",
 			y ? "ft-invalid" : "",
 			S ? "ft-find-current" : x ? "ft-find-match" : ""
-		].filter(Boolean).join(" ")}
+		].filter(Boolean).join(" "), w = this._toDataIndex(i), T = this._comments.get(w)?.get(t.key) ?? null, E = T !== null, D = E ? n`<div class="ft-comment-indicator" title=${T}></div>` : r;
+		return n`
+      <div class=${E ? C + " ft-has-comment" : C}
         role="gridcell"
         data-col-index=${a}
         aria-selected=${v ? "true" : "false"}
@@ -3392,6 +3637,7 @@ var Y = {
         @mouseenter=${() => this._onCellMouseEnter(i, a)}
         @click=${(e) => this._onCellClickEvent(e, i, a)}
         @dblclick=${() => this._onCellDblClick(i, a)}>
+        ${D}
         ${f(e[t.key], e, t)}
       </div>
     `;
@@ -3492,7 +3738,10 @@ J([a({ type: Array })], $.prototype, "columns", void 0), J([a({
 })], $.prototype, "showContextMenu", void 0), J([a({
 	type: Number,
 	attribute: "frozen-rows"
-})], $.prototype, "frozenRows", void 0), J([a({ type: Boolean })], $.prototype, "selectable", void 0), J([a({
+})], $.prototype, "frozenRows", void 0), J([a({
+	type: Boolean,
+	attribute: "import-enabled"
+})], $.prototype, "importEnabled", void 0), J([a({ type: Boolean })], $.prototype, "selectable", void 0), J([a({
 	type: String,
 	attribute: "selection-mode"
 })], $.prototype, "selectionMode", null), J([a({
@@ -3504,6 +3753,6 @@ J([a({ type: Array })], $.prototype, "columns", void 0), J([a({
 })], $.prototype, "footerData", void 0), J([a({
 	type: Number,
 	attribute: "max-undo-size"
-})], $.prototype, "maxUndoSize", null), J([o()], $.prototype, "_scrollTop", void 0), J([o()], $.prototype, "_scrollLeft", void 0), J([o()], $.prototype, "_viewportHeight", void 0), J([o()], $.prototype, "_viewportWidth", void 0), J([o()], $.prototype, "_activeCell", void 0), J([o()], $.prototype, "_editingCell", void 0), J([o()], $.prototype, "_sortCriteria", void 0), J([o()], $.prototype, "_openFilterKey", void 0), J([o()], $.prototype, "_rowSelectionVersion", void 0), J([o()], $.prototype, "_autocompleteState", void 0), J([o()], $.prototype, "_headerMenu", void 0), J([o()], $.prototype, "_bodyContextMenu", void 0), $ = J([i("flex-table")], $);
+})], $.prototype, "maxUndoSize", null), J([o()], $.prototype, "_scrollTop", void 0), J([o()], $.prototype, "_scrollLeft", void 0), J([o()], $.prototype, "_viewportHeight", void 0), J([o()], $.prototype, "_viewportWidth", void 0), J([o()], $.prototype, "_activeCell", void 0), J([o()], $.prototype, "_editingCell", void 0), J([o()], $.prototype, "_sortCriteria", void 0), J([o()], $.prototype, "_openFilterKey", void 0), J([o()], $.prototype, "_rowSelectionVersion", void 0), J([o()], $.prototype, "_autocompleteState", void 0), J([o()], $.prototype, "_headerMenu", void 0), J([o()], $.prototype, "_bodyContextMenu", void 0), J([o()], $.prototype, "_isDragOver", void 0), $ = J([i("flex-table")], $);
 //#endregion
-export { f as a, x as i, V as n, w as r, $ as t };
+export { f as a, x as i, B as n, D as r, $ as t };

package/dist/flex-table.d.ts

@@ -19,6 +19,8 @@ export declare class FlexTable extends LitElement {
     showContextMenu: boolean;
     /** Number of rows to freeze at the top (always visible during vertical scroll). */
     frozenRows: number;
+    /** Enable file drag-and-drop import (.xlsx, .csv). */
+    importEnabled: boolean;
     /** Enable row-level checkbox selection. */
     selectable: boolean;
     /** Row selection mode: 'single' or 'multi' (default: 'multi'). */
@@ -64,6 +66,9 @@ export declare class FlexTable extends LitElement {
     private _findState;
     private _columnWidths;
     private _hostResizeObserver;
+    /** Keyed by dataIndex → colKey → comment text */
+    private _comments;
+    private _isDragOver;
     get visibleColumns(): ColumnDefinition[];
     private get _prefixWidth();
     /** Whether an undo operation is available. */
@@ -162,6 +167,39 @@ export declare class FlexTable extends LitElement {
      * Export table data and trigger file download.
      */
     exportToFile(format: ExportFormat, filename?: string): void;
+    /**
+     * Set a comment on the cell at the given data index and column key.
+     * Pass an empty string or null to remove the comment.
+     */
+    setComment(dataIndex: number, colKey: string, text: string | null): void;
+    /**
+     * Get the comment for a cell (by data index and column key). Returns null if none.
+     */
+    getComment(dataIndex: number, colKey: string): string | null;
+    /**
+     * Get all comments as a flat array.
+     */
+    getAllComments(): Array<{
+        dataIndex: number;
+        colKey: string;
+        text: string;
+    }>;
+    /**
+     * Clear all comments.
+     */
+    clearComments(): void;
+    /**
+     * Import data from an xlsx or csv File.
+     * Dispatches 'data-import' event with { count } on success.
+     */
+    importFromFile(file: File): Promise<void>;
+    private _applyImportedSheet;
+    private _applyImportedRows;
+    /** Map header text → column key using exact header match (case-insensitive fallback). */
+    private _buildHeaderColumnMap;
+    private _onDragover;
+    private _onDragleave;
+    private _onDrop;
     private _getSelectedDataRows;
     /**
      * Get the effective width for a column, checking internal overrides first.

package/dist/flex-table.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./flex-table-BVzjrFBP.js";
+import { a as e, i as t, n, r, t as i } from "./flex-table-C06mZOgA.js";
 export { i as FlexTable, t as RowSelectionState, r as UndoStack, n as exportData, e as renderCell };

package/dist/react.js

@@ -1,4 +1,4 @@
-import { t as e } from "./flex-table-BVzjrFBP.js";
+import { t as e } from "./flex-table-C06mZOgA.js";
 import t from "react";
 import { createComponent as n } from "@lit/react";
 //#region src/react.ts

package/package.json

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