@iyulab/flex-table 0.14.0 → 0.15.0

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

@@ -174,6 +174,14 @@ var s = t`
 
   .ft-body { position: relative; }
 
+  .ft-frozen-rows {
+    display: block;
+    position: sticky;
+    z-index: 3;
+    border-bottom: 2px solid var(--ft-active-color);
+    background: var(--ft-bg);
+  }
+
   .ft-row {
     display: block;
     position: absolute;
@@ -353,7 +361,7 @@ var s = t`
     position: absolute;
     top: 100%;
     left: 0;
-    min-width: 160px;
+    min-width: 200px;
     background: var(--ft-bg);
     border: 1px solid var(--ft-border-color);
     border-radius: 4px;
@@ -407,6 +415,51 @@ var s = t`
     color: var(--ft-text-color);
   }
 
+  .ft-filter-mode-row {
+    display: flex;
+    gap: 4px;
+    margin-bottom: 4px;
+  }
+
+  .ft-filter-mode-select {
+    flex: 1;
+    padding: 3px 6px;
+    font: inherit;
+    font-size: 12px;
+    border: 1px solid var(--ft-border-color);
+    border-radius: 3px;
+    color: var(--ft-text-color);
+    background: var(--ft-editor-bg);
+    cursor: pointer;
+  }
+
+  .ft-num-cond-row {
+    display: flex;
+    gap: 4px;
+    margin-bottom: 4px;
+  }
+
+  .ft-num-op-select {
+    flex: 0 0 44px;
+  }
+
+  .ft-num-cond-input {
+    flex: 1;
+  }
+
+  .ft-filter-empty-row {
+    margin-top: 6px;
+    padding-top: 6px;
+    border-top: 1px solid var(--ft-border-color);
+  }
+
+  .ft-filter-empty-row label {
+    display: block;
+    font-size: 11px;
+    color: var(--ft-sort-indicator-color);
+    margin-bottom: 3px;
+  }
+
   /* --- Row Selection (Checkbox) --- */
 
   .ft-checkbox-header,
@@ -923,7 +976,7 @@ function ee(e, t, n) {
 		default: return String(e).localeCompare(String(t));
 	}
 }
-function C(e, t, n) {
+function te(e, t, n) {
 	let r = e.find((e) => e.key === t);
 	return n ? r ? r.direction === "asc" ? e.map((e) => e.key === t ? {
 		...e,
@@ -941,7 +994,7 @@ function C(e, t, n) {
 }
 //#endregion
 //#region src/core/filtering.ts
-function w(e, t, n) {
+function ne(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++) {
@@ -960,9 +1013,9 @@ function w(e, t, n) {
 }
 //#endregion
 //#region src/core/undo.ts
-var T = 100, E = class {
+var C = 100, w = class {
 	constructor() {
-		this._undoStack = [], this._redoStack = [], this._maxSize = T;
+		this._undoStack = [], this._redoStack = [], this._maxSize = C;
 	}
 	get maxSize() {
 		return this._maxSize;
@@ -999,7 +1052,7 @@ var T = 100, E = class {
 };
 //#endregion
 //#region src/clipboard/clipboard.ts
-function te(e, t, n) {
+function T(e, t, n) {
 	let r = [];
 	for (let i = n.startRow; i <= n.endRow; i++) {
 		let a = e[i], o = [];
@@ -1011,7 +1064,7 @@ function te(e, t, n) {
 	}
 	return r.join("\n");
 }
-function ne(e) {
+function E(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) {
@@ -1062,56 +1115,56 @@ var re = (() => {
 	}
 	return e;
 })();
-function O(e) {
+function ie(e) {
 	let t = 4294967295;
 	for (let n = 0; n < e.length; n++) t = re[(t ^ e[n]) & 255] ^ t >>> 8;
 	return (t ^ 4294967295) >>> 0;
 }
-var k = new TextEncoder();
-function A(e) {
+var O = new TextEncoder();
+function k(e) {
 	let t = [], n = [], r = 0;
 	for (let i of e) {
-		let e = k.encode(i.name), a = O(i.data), o = i.data.length, s = new ArrayBuffer(30 + e.length), c = new DataView(s);
+		let e = O.encode(i.name), a = ie(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 = j(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), j([
+	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([
 		...t,
 		i,
 		new Uint8Array(a)
 	]);
 }
-function j(e) {
+function A(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 M(e) {
+function j(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function N(e) {
+function ae(e) {
 	let t = "";
 	for (e++; e > 0;) t = String.fromCharCode(64 + (e % 26 || 26)) + t, e = Math.floor((e - 1) / 26);
 	return t;
 }
-function P(e, t) {
-	return N(t) + (e + 1);
+function M(e, t) {
+	return ae(t) + (e + 1);
 }
-function F(e) {
+function N(e) {
 	let t = Date.UTC(1899, 11, 30);
 	return (e.getTime() - t) / 864e5;
 }
-var I = "<?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>", 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/officeDocument\" Target=\"xl/workbook.xml\"/>\n</Relationships>", R = "<?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>", z = "<?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>", B = "<?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 V(e, t) {
-	let n = [], r = t.map((e, t) => `<c r="${P(0, t)}" t="str" s="2"><v>${M(e.header)}</v></c>`);
+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>`);
 	return n.push(`<row r="1">${r.join("")}</row>`), e.forEach((e, r) => {
 		let i = t.map((t, n) => {
-			let i = P(r + 1, n), a = e[t.key];
+			let i = M(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>${F(a).toFixed(6)}</v></c>` : o === "boolean" ? `<c r="${i}" t="b"><v>${+!!a}</v></c>` : `<c r="${i}" t="str"><v>${M(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>${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>`;
 		});
 		n.push(`<row r="${r + 2}">${i.join("")}</row>`);
 	}), `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
@@ -1119,55 +1172,55 @@ function V(e, t) {
   <sheetData>${n.join("")}</sheetData>
 </worksheet>`;
 }
-function H(e, t) {
-	let n = V(e, t);
-	return A([
+function B(e, t) {
+	let n = z(e, t);
+	return k([
 		{
 			name: "[Content_Types].xml",
-			data: k.encode(I)
+			data: O.encode(P)
 		},
 		{
 			name: "_rels/.rels",
-			data: k.encode(L)
+			data: O.encode(F)
 		},
 		{
 			name: "xl/workbook.xml",
-			data: k.encode(R)
+			data: O.encode(I)
 		},
 		{
 			name: "xl/_rels/workbook.xml.rels",
-			data: k.encode(z)
+			data: O.encode(L)
 		},
 		{
 			name: "xl/worksheets/sheet1.xml",
-			data: k.encode(n)
+			data: O.encode(n)
 		},
 		{
 			name: "xl/styles.xml",
-			data: k.encode(B)
+			data: O.encode(R)
 		}
 	]);
 }
 //#endregion
 //#region src/export/export.ts
-function U(e, t, n) {
+function V(e, t, n) {
 	switch (n) {
-		case "csv": return G(e, t, ",");
-		case "tsv": return G(e, t, "	");
-		case "json": return q(e, t);
-		case "xlsx": return H(e, t);
+		case "csv": return U(e, t, ",");
+		case "tsv": return U(e, t, "	");
+		case "json": return G(e, t);
+		case "xlsx": return B(e, t);
 	}
 }
-function W(e, t) {
+function H(e, t) {
 	return e == null ? "" : (t.type === "date" || t.type === "datetime") && e instanceof Date ? e.toISOString() : String(e);
 }
-function G(e, t, n) {
-	return [t.map((e) => K(e.header, n)).join(n), ...e.map((e) => t.map((t) => K(W(e[t.key], t), n)).join(n))].join("\n");
+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 K(e, t) {
+function W(e, t) {
 	return e.includes(t) || e.includes("\"") || e.includes("\n") || e.includes("\r") ? "\"" + e.replace(/"/g, "\"\"") + "\"" : e;
 }
-function q(e, t) {
+function G(e, t) {
 	let n = e.map((e) => {
 		let n = {};
 		for (let r of t) {
@@ -1178,30 +1231,30 @@ function q(e, t) {
 	});
 	return JSON.stringify(n, null, 2);
 }
-function J(e, t, n) {
+function K(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 ie = {
+var q = {
 	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"
-}, ae = {
+}, oe = {
 	csv: ".csv",
 	tsv: ".tsv",
 	json: ".json",
 	xlsx: ".xlsx"
 };
-function oe(e) {
-	return ie[e];
-}
 function se(e) {
-	return ae[e];
+	return q[e];
+}
+function ce(e) {
+	return oe[e];
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.130.0/helpers/decorate.js
-function Y(e, t, n, r) {
+function J(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
 	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
@@ -1209,9 +1262,16 @@ function Y(e, t, n, r) {
 }
 //#endregion
 //#region src/flex-table.ts
-var X = 120, Z = 40, ce = 32, Q = 5, $ = class extends e {
+var Y = {
+	eq: "=",
+	neq: "≠",
+	gt: ">",
+	lt: "<",
+	gte: "≥",
+	lte: "≤"
+}, X = 120, Z = 40, le = 32, Q = 5, $ = class extends e {
 	constructor(...e) {
-		super(...e), this.columns = [], this.data = [], this.rowHeight = ce, this.showRowNumbers = !1, this.theme = void 0, this.maxRows = 0, this.editable = !0, this.showFilters = !1, this.showContextMenu = !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 E(), 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();
+		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();
 	}
 	static {
 		this.styles = s;
@@ -1520,12 +1580,12 @@ var X = 120, Z = 40, ce = 32, Q = 5, $ = class extends e {
 			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 U(r, n, e);
+			return V(r, n, e);
 		}
-		return U(this._sortedIndices.map((e) => this.data[e]), this.visibleColumns, e);
+		return V(this._sortedIndices.map((e) => this.data[e]), this.visibleColumns, e);
 	}
 	exportToFile(e, t) {
-		J(this.exportToString(e), t ?? `export${se(e)}`, oe(e));
+		K(this.exportToString(e), t ?? `export${ce(e)}`, se(e));
 	}
 	_getSelectedDataRows() {
 		let e = this._selection.getEffectiveRange();
@@ -1547,14 +1607,20 @@ var X = 120, Z = 40, ce = 32, Q = 5, $ = class extends e {
 	get _visibleRowCount() {
 		return this._sortedIndices.length;
 	}
+	get _frozenRowCount() {
+		return Math.min(this.frozenRows, this._visibleRowCount);
+	}
+	get frozenRowsHeight() {
+		return this._frozenRowCount * this.rowHeight;
+	}
 	get totalBodyHeight() {
-		return this._visibleRowCount * this.rowHeight;
+		return Math.max(0, this._visibleRowCount - this._frozenRowCount) * this.rowHeight;
 	}
 	get visibleRange() {
-		let e = Math.max(0, this._scrollTop - this.headerHeight), t = Math.max(0, Math.floor(e / this.rowHeight) - Q), n = Math.ceil(this._viewportHeight / this.rowHeight);
+		let e = this._frozenRowCount, t = Math.max(0, this._scrollTop - this.headerHeight - this.frozenRowsHeight), n = e + Math.floor(t / this.rowHeight), r = Math.max(e, n - Q), i = Math.ceil(this._viewportHeight / this.rowHeight);
 		return {
-			start: t,
-			end: Math.min(this._visibleRowCount, Math.floor(e / this.rowHeight) + n + Q)
+			start: r,
+			end: Math.min(this._visibleRowCount, n + i + Q)
 		};
 	}
 	connectedCallback() {
@@ -1609,7 +1675,7 @@ var X = 120, Z = 40, ce = 32, Q = 5, $ = class extends e {
 			this._filteredIndices = Array.from({ length: this.data.length }, (e, t) => t), this._sortedIndices = this._filteredIndices;
 			return;
 		}
-		if (this._filteredIndices = w(this.data, this._filters, (e, t, n) => {
+		if (this._filteredIndices = ne(this.data, this._filters, (e, t, n) => {
 			this.dispatchEvent(new CustomEvent("filter-error", {
 				detail: {
 					error: e,
@@ -1970,7 +2036,7 @@ var X = 120, Z = 40, ce = 32, Q = 5, $ = class extends e {
 	async _handleCopy(e) {
 		let t = this._selection.getEffectiveRange();
 		if (!t) return;
-		let n = this.visibleColumns, r = te(this._sortedIndices.map((e) => this.data[e]), n, t);
+		let n = this.visibleColumns, r = T(this._sortedIndices.map((e) => this.data[e]), n, t);
 		try {
 			await navigator.clipboard.writeText(r);
 		} catch (e) {
@@ -1996,7 +2062,7 @@ var X = 120, Z = 40, ce = 32, Q = 5, $ = class extends e {
 		if (!this._activeCell) return;
 		let e = await this._readClipboardText();
 		if (e == null) return;
-		let t = ne(e);
+		let t = E(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) {
@@ -2193,7 +2259,7 @@ var X = 120, Z = 40, ce = 32, Q = 5, $ = class extends e {
 	_scrollToActiveCell() {
 		if (!this._activeCell) return;
 		let e = this._activeCell.row * this.rowHeight + this.headerHeight, t = e + this.rowHeight;
-		e < this.scrollTop + this.headerHeight ? this.scrollTop = e - this.headerHeight : t > this.scrollTop + this.clientHeight && (this.scrollTop = t - this.clientHeight);
+		this._activeCell.row < this._frozenRowCount || (e < this.scrollTop + this.headerHeight + this.frozenRowsHeight ? this.scrollTop = e - this.headerHeight - this.frozenRowsHeight : t > this.scrollTop + this.clientHeight && (this.scrollTop = t - this.clientHeight));
 		let n = this.visibleColumns, r = this._activeCell.col, i = this._colLeftOffsets[r] ?? 0, a = i + this._getColWidth(n[r]);
 		i < this.scrollLeft ? this.scrollLeft = i : a > this.scrollLeft + this.clientWidth && (this.scrollLeft = a - this.clientWidth);
 	}
@@ -2210,7 +2276,7 @@ var X = 120, Z = 40, ce = 32, Q = 5, $ = class extends e {
 			this._selectColumn(n);
 			return;
 		}
-		t.sortable !== !1 && (this._sortCriteria = C(this._sortCriteria, t.key, e.shiftKey), this.dataMode !== "server" && this._recomputeView(), this.requestUpdate(), this.dispatchEvent(new CustomEvent("sort-change", {
+		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", {
 			detail: { criteria: [...this._sortCriteria] },
 			bubbles: !0,
 			composed: !0
@@ -2451,36 +2517,215 @@ var X = 120, Z = 40, ce = 32, Q = 5, $ = class extends e {
       </div>
     `;
 	}
+	_buildTextPredicate(e, t) {
+		let n = e.toLowerCase();
+		switch (t) {
+			case "starts": return (e) => String(e ?? "").toLowerCase().startsWith(n);
+			case "ends": return (e) => String(e ?? "").toLowerCase().endsWith(n);
+			case "wildcard": {
+				let e = n.replace(/[.+^${}()|[\]\\]/g, "\\$&").replace(/\*/g, ".*").replace(/\?/g, "."), t = RegExp("^" + e + "$", "i");
+				return (e) => t.test(String(e ?? ""));
+			}
+			default: return (e) => String(e ?? "").toLowerCase().includes(n);
+		}
+	}
+	_applyTextFilter(e) {
+		let t = this._emptyFilterState.get(e);
+		if (t) {
+			this.setFilter(e, this._buildEmptyPredicate(t));
+			return;
+		}
+		let n = this._textFilterState.get(e);
+		n?.value ? this.setFilter(e, this._buildTextPredicate(n.value, n.mode)) : this.removeFilter(e);
+	}
+	_buildEmptyPredicate(e) {
+		return e === "empty" ? (e) => e == null || e === "" : (e) => e != null && e !== "";
+	}
+	_renderEmptyFilterRow(e, t) {
+		return n`
+      <div class="ft-filter-empty-row">
+        <label>Blank cells</label>
+        <select class="ft-filter-mode-select"
+          .value=${this._emptyFilterState.get(e) ?? ""}
+          @change=${(n) => {
+			let r = n.target.value;
+			(r === "" || r === "empty" || r === "non-empty") && (r ? this._emptyFilterState.set(e, r) : this._emptyFilterState.delete(e), t?.(), this._applyFilterForKey(e));
+		}}
+          @keydown=${(e) => {
+			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
+		}}>
+          <option value="">— All —</option>
+          <option value="empty">Empty only</option>
+          <option value="non-empty">Non-empty only</option>
+        </select>
+      </div>
+    `;
+	}
+	_evalNumCond(e, t) {
+		let n = t.value;
+		switch (t.op) {
+			case "eq": return e === n;
+			case "neq": return e !== n;
+			case "gt": return e > n;
+			case "lt": return e < n;
+			case "gte": return e >= n;
+			case "lte": return e <= n;
+		}
+	}
+	_buildNumberPredicate(e) {
+		let t = e.cond1.value != null, n = e.cond2.value != null;
+		return !t && !n ? null : (r) => {
+			let i = Number(r);
+			if (isNaN(i)) return !1;
+			if (t && !n) return this._evalNumCond(i, e.cond1);
+			if (!t && n) return this._evalNumCond(i, e.cond2);
+			let a = this._evalNumCond(i, e.cond1), o = this._evalNumCond(i, e.cond2);
+			return e.join === "or" ? a || o : a && o;
+		};
+	}
+	_buildDatePredicate(e) {
+		return e.from == null && e.to == null ? null : (t) => {
+			if (t == null || t === "") return !1;
+			let n = t instanceof Date ? t : new Date(String(t));
+			if (isNaN(n.getTime()) || e.from && n < new Date(e.from)) return !1;
+			if (e.to) {
+				let t = new Date(e.to);
+				if (e.to.length === 10 && t.setHours(23, 59, 59, 999), n > t) return !1;
+			}
+			return !0;
+		};
+	}
+	_applyFilterForKey(e) {
+		let t = this._emptyFilterState.get(e);
+		if (t) {
+			this.setFilter(e, this._buildEmptyPredicate(t));
+			return;
+		}
+		if (this._textFilterState.has(e)) this._applyTextFilter(e);
+		else if (this._numberFilterState.has(e)) {
+			let t = this._buildNumberPredicate(this._numberFilterState.get(e));
+			t ? this.setFilter(e, t) : this.removeFilter(e);
+		} else if (this._dateFilterState.has(e)) {
+			let t = this._buildDatePredicate(this._dateFilterState.get(e));
+			t ? this.setFilter(e, t) : this.removeFilter(e);
+		} else this.removeFilter(e);
+	}
 	_renderTextFilter(e) {
+		let t = this._textFilterState.get(e.key) ?? {
+			value: "",
+			mode: "contains"
+		};
 		return n`
+      <div class="ft-filter-mode-row">
+        <select class="ft-filter-mode-select"
+          .value=${t.mode}
+          @change=${(t) => {
+			let n = t.target.value, r = this._textFilterState.get(e.key) ?? {
+				value: "",
+				mode: "contains"
+			};
+			this._textFilterState.set(e.key, {
+				...r,
+				mode: n
+			}), this._applyTextFilter(e.key);
+		}}
+          @keydown=${(e) => {
+			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
+		}}>
+          <option value="contains">Contains</option>
+          <option value="starts">Starts with</option>
+          <option value="ends">Ends with</option>
+          <option value="wildcard">Wildcard</option>
+        </select>
+      </div>
       <input class="ft-filter-input" type="text" placeholder="Search..."
-        .value=${this._textFilterState.get(e.key) ?? ""}
+        .value=${t.value}
         @input=${(t) => {
-			let n = t.target.value;
-			this._textFilterState.set(e.key, n), n ? this.setFilter(e.key, (e) => String(e ?? "").toLowerCase().includes(n.toLowerCase())) : this.removeFilter(e.key);
+			let n = t.target.value, r = this._textFilterState.get(e.key) ?? {
+				value: "",
+				mode: "contains"
+			};
+			this._textFilterState.set(e.key, {
+				...r,
+				value: n
+			}), this._emptyFilterState.delete(e.key), this._applyTextFilter(e.key);
 		}}
         @keydown=${(e) => {
 			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
 		}}>
+      ${this._renderEmptyFilterRow(e.key, () => {
+			this._textFilterState.delete(e.key);
+		})}
     `;
 	}
-	_renderNumberFilter(e) {
-		let t = this._numberFilterState.get(e.key) ?? {};
+	_defaultNumState() {
+		return {
+			cond1: {
+				op: "gte",
+				value: null
+			},
+			join: "and",
+			cond2: {
+				op: "lte",
+				value: null
+			}
+		};
+	}
+	_renderNumCondRow(e, t) {
+		let r = (this._numberFilterState.get(e) ?? this._defaultNumState())[t];
 		return n`
-      <div class="ft-filter-range">
-        <input class="ft-filter-input" type="number" placeholder="Min"
-          .value=${t.min == null ? "" : String(t.min)}
-          @input=${(t) => this._applyNumberFilter(e.key, t, "min")}
+      <div class="ft-num-cond-row">
+        <select class="ft-filter-mode-select ft-num-op-select"
+          .value=${r.op}
+          @change=${(n) => {
+			let r = n.target.value, i = this._numberFilterState.get(e) ?? this._defaultNumState();
+			i[t] = {
+				...i[t],
+				op: r
+			}, this._numberFilterState.set(e, i), this._emptyFilterState.delete(e), this._applyFilterForKey(e);
+		}}
           @keydown=${(e) => {
 			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
 		}}>
-        <input class="ft-filter-input" type="number" placeholder="Max"
-          .value=${t.max == null ? "" : String(t.max)}
-          @input=${(t) => this._applyNumberFilter(e.key, t, "max")}
+          ${Object.keys(Y).map((e) => n`<option value=${e}>${Y[e]}</option>`)}
+        </select>
+        <input class="ft-filter-input ft-num-cond-input" type="number" placeholder="Value"
+          .value=${r.value == null ? "" : String(r.value)}
+          @input=${(n) => {
+			let r = n.target.value, i = this._numberFilterState.get(e) ?? this._defaultNumState();
+			i[t] = {
+				...i[t],
+				value: r === "" ? null : Number(r)
+			}, this._numberFilterState.set(e, i), this._emptyFilterState.delete(e), this._applyFilterForKey(e);
+		}}
           @keydown=${(e) => {
 			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
 		}}>
       </div>
+    `;
+	}
+	_renderNumberFilter(e) {
+		let t = this._numberFilterState.get(e.key) ?? this._defaultNumState();
+		return n`
+      ${this._renderNumCondRow(e.key, "cond1")}
+      <div class="ft-filter-mode-row">
+        <select class="ft-filter-mode-select"
+          .value=${t.join}
+          @change=${(t) => {
+			let n = t.target.value, r = this._numberFilterState.get(e.key) ?? this._defaultNumState();
+			r.join = n, this._numberFilterState.set(e.key, r), this._emptyFilterState.delete(e.key), this._applyFilterForKey(e.key);
+		}}
+          @keydown=${(e) => {
+			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
+		}}>
+          <option value="and">AND</option>
+          <option value="or">OR</option>
+        </select>
+      </div>
+      ${this._renderNumCondRow(e.key, "cond2")}
+      ${this._renderEmptyFilterRow(e.key, () => {
+			this._numberFilterState.delete(e.key);
+		})}
     `;
 	}
 	_cellKey(e, t) {
@@ -2501,13 +2746,6 @@ var X = 120, Z = 40, ce = 32, Q = 5, $ = class extends e {
 		let n = this._invalidCells.get(this._cellKey(e, t));
 		return n ? n.error : null;
 	}
-	_applyNumberFilter(e, t, n) {
-		let r = t.target.value, i = this._numberFilterState.get(e) ?? {};
-		r === "" ? delete i[n] : i[n] = Number(r), this._numberFilterState.set(e, i), i.min == null && i.max == null ? this.removeFilter(e) : this.setFilter(e, (e) => {
-			let t = Number(e);
-			return !(isNaN(t) || i.min != null && t < i.min || i.max != null && t > i.max);
-		});
-	}
 	_renderDateFilter(e) {
 		let t = e.type === "datetime" ? "datetime-local" : "date", r = this._dateFilterState.get(e.key) ?? {};
 		return n`
@@ -2525,20 +2763,14 @@ var X = 120, Z = 40, ce = 32, Q = 5, $ = class extends e {
 			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
 		}}>
       </div>
+      ${this._renderEmptyFilterRow(e.key, () => {
+			this._dateFilterState.delete(e.key);
+		})}
     `;
 	}
 	_applyDateFilter(e, t, n) {
 		let r = t.target.value, i = this._dateFilterState.get(e) ?? {};
-		r === "" ? delete i[n] : i[n] = r, this._dateFilterState.set(e, i), i.from == null && i.to == null ? this.removeFilter(e) : this.setFilter(e, (e) => {
-			if (e == null || e === "") return !1;
-			let t = e instanceof Date ? e : new Date(String(e));
-			if (isNaN(t.getTime()) || i.from && t < new Date(i.from)) return !1;
-			if (i.to) {
-				let e = new Date(i.to);
-				if (i.to.length === 10 && e.setHours(23, 59, 59, 999), t > e) return !1;
-			}
-			return !0;
-		});
+		r === "" ? delete i[n] : i[n] = r, this._dateFilterState.set(e, i), this._emptyFilterState.delete(e), this._applyFilterForKey(e);
 	}
 	_renderBooleanFilter(e) {
 		return n`
@@ -2554,10 +2786,11 @@ var X = 120, Z = 40, ce = 32, Q = 5, $ = class extends e {
         <option value="true">\u2714 True</option>
         <option value="false">\u2718 False</option>
       </select>
+      ${this._renderEmptyFilterRow(e.key)}
     `;
 	}
 	_clearColumnFilter(e) {
-		this.removeFilter(e), this._textFilterState.delete(e), this._numberFilterState.delete(e), this._dateFilterState.delete(e), this._openFilterKey = null;
+		this.removeFilter(e), this._textFilterState.delete(e), this._numberFilterState.delete(e), this._dateFilterState.delete(e), this._emptyFilterState.delete(e), this._openFilterKey = null;
 	}
 	_onResizeAutoFit(e, t) {
 		e.preventDefault(), e.stopPropagation();
@@ -3026,9 +3259,9 @@ var X = 120, Z = 40, ce = 32, Q = 5, $ = class extends e {
         </div>
         <div class="ft-empty">${this.data.length === 0 ? "No data" : "No matching data"}</div>
       `;
-		let { start: p, end: m } = this.visibleRange, h = [];
-		for (let e = p; e < m; e++) h.push(this._renderRow(e, i, a, o));
-		let g = this._renderFillHandle(), _ = this._rowDragIndicatorY == null ? "" : n`<div class="ft-row-drop-indicator" style="top:${this._rowDragIndicatorY}px;width:${r + this._prefixWidth}px;"></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>`;
 		return n`
       ${this._renderFindPanel()}
       <div class="ft-header" role="row" style="width: ${r}px; height: ${t}px;">
@@ -3036,12 +3269,13 @@ var X = 120, Z = 40, ce = 32, Q = 5, $ = class extends e {
         ${d}
         ${f}
       </div>
+      ${this._renderFrozenRows(i, a, o)}
       <div class="ft-body" style="height: ${this.totalBodyHeight}px; width: ${r}px;">
-        ${h}
+        ${g}
       </div>
       ${this.footerData ? this._renderFooter(i, a, o) : ""}
+      ${v}
       ${_}
-      ${g}
       ${this._renderHeaderContextMenu()}
       ${this._renderBodyContextMenu()}
     `;
@@ -3052,6 +3286,17 @@ var X = 120, Z = 40, ce = 32, Q = 5, $ = class extends e {
 	_onRowCheckboxChange(e, t) {
 		e.stopPropagation(), this._rowSelection.toggle(t), this._rowSelectionVersion++, this._dispatchRowSelectionEvent();
 	}
+	_renderFrozenRows(e, t, i) {
+		let a = this._frozenRowCount;
+		if (a === 0) return r;
+		let o = this._totalRowWidth, s = [];
+		for (let n = 0; n < a; n++) s.push(this._renderRow(n, e, t, i, n * this.rowHeight));
+		return n`
+      <div class="ft-frozen-rows" style="top: ${this.headerHeight}px; height: ${this.frozenRowsHeight}px; width: ${o}px;">
+        ${s}
+      </div>
+    `;
+	}
 	_renderFooter(e, t, r) {
 		if (!this.footerData) return "";
 		let i = this.visibleColumns, a = this.rowHeight, o = this._totalRowWidth, s = this._scrollLeft, c = 0, l = this.selectable ? n`<div class="ft-footer-cell ft-checkbox-cell"
@@ -3080,29 +3325,29 @@ var X = 120, Z = 40, ce = 32, Q = 5, $ = class extends e {
       </div>
     `;
 	}
-	_renderRow(e, t, r, i) {
-		let a = this.visibleColumns, o = this._toDataIndex(e), s = this.data[o], c = e * this.rowHeight, l = this.rowHeight, u = this._totalRowWidth, d = e % 2 == 0 ? "ft-row-even" : "ft-row-odd", f = this.selectable && this._rowSelection.isSelected(e), p = this._scrollLeft, m = 0, h = this.selectable ? n`
+	_renderRow(e, t, r, i, 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 ? n`
       <div class="ft-checkbox-cell"
-        style="position: absolute; top: 0; left: ${p + m}px; width: 36px; height: ${l}px; z-index: 2;">
+        style="position: absolute; top: 0; left: ${m + h}px; width: 36px; height: ${u}px; z-index: 2;">
         <input type="checkbox"
-          .checked=${f}
+          .checked=${p}
           @change=${(t) => this._onRowCheckboxChange(t, e)}>
       </div>
     ` : "";
-		this.selectable && (m += 36);
-		let g = this._rowDrag?.active && this._rowDrag.rowIndex === e, _ = this.showRowNumbers ? n`
-      <div class="ft-row-num ${g ? "ft-col-dragging" : ""}"
-        style="position: absolute; top: 0; left: ${p + m}px; width: 48px; height: ${l}px; z-index: 2; cursor: grab;"
+		this.selectable && (h += 36);
+		let _ = this._rowDrag?.active && this._rowDrag.rowIndex === e, v = this.showRowNumbers ? n`
+      <div class="ft-row-num ${_ ? "ft-col-dragging" : ""}"
+        style="position: absolute; top: 0; left: ${m + h}px; width: 48px; height: ${u}px; z-index: 2; cursor: grab;"
         @mousedown=${(t) => this._onRowNumMouseDown(t, e)}
-        @click=${() => this._onRowNumberClick(e)}>${o + 1}</div>
-    ` : "", v = [];
-		for (let t of i) v.push(this._renderCell(s, a[t], e, t));
-		for (let n = t; n < r; n++) v.push(this._renderCell(s, a[n], e, n));
+        @click=${() => this._onRowNumberClick(e)}>${s + 1}</div>
+    ` : "", y = [];
+		for (let t of i) y.push(this._renderCell(c, o[t], e, t));
+		for (let n = t; n < r; n++) y.push(this._renderCell(c, o[n], e, n));
 		return n`
-      <div class="ft-row ${d} ${f ? "ft-row-selected" : ""}" role="row"
-        style="top: ${c}px; height: ${l}px; width: ${u}px;">
-        ${h}${_}
-        ${v}
+      <div class="ft-row ${f} ${p ? "ft-row-selected" : ""}" role="row"
+        style="top: ${l}px; height: ${u}px; width: ${d}px;">
+        ${g}${v}
+        ${y}
       </div>
     `;
 	}
@@ -3223,39 +3468,42 @@ var X = 120, Z = 40, ce = 32, Q = 5, $ = class extends e {
 		return isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")}T${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}`;
 	}
 };
-Y([a({ type: Array })], $.prototype, "columns", void 0), Y([a({
+J([a({ type: Array })], $.prototype, "columns", void 0), J([a({
 	type: Array,
 	hasChanged: () => !0
-})], $.prototype, "data", void 0), Y([a({
+})], $.prototype, "data", void 0), J([a({
 	type: Number,
 	attribute: "row-height"
-})], $.prototype, "rowHeight", void 0), Y([a({
+})], $.prototype, "rowHeight", void 0), J([a({
 	type: Boolean,
 	attribute: "show-row-numbers"
-})], $.prototype, "showRowNumbers", void 0), Y([a({
+})], $.prototype, "showRowNumbers", void 0), J([a({
 	type: String,
 	reflect: !0
-})], $.prototype, "theme", void 0), Y([a({
+})], $.prototype, "theme", void 0), J([a({
 	type: Number,
 	attribute: "max-rows"
-})], $.prototype, "maxRows", void 0), Y([a({ type: Boolean })], $.prototype, "editable", void 0), Y([a({
+})], $.prototype, "maxRows", void 0), J([a({ type: Boolean })], $.prototype, "editable", void 0), J([a({
 	type: Boolean,
 	attribute: "show-filters"
-})], $.prototype, "showFilters", void 0), Y([a({
+})], $.prototype, "showFilters", void 0), J([a({
 	type: Boolean,
 	attribute: "show-context-menu"
-})], $.prototype, "showContextMenu", void 0), Y([a({ type: Boolean })], $.prototype, "selectable", void 0), Y([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({
 	type: String,
 	attribute: "selection-mode"
-})], $.prototype, "selectionMode", null), Y([a({
+})], $.prototype, "selectionMode", null), J([a({
 	type: String,
 	attribute: "data-mode"
-})], $.prototype, "dataMode", void 0), Y([a({
+})], $.prototype, "dataMode", void 0), J([a({
 	type: Object,
 	attribute: "footer-data"
-})], $.prototype, "footerData", void 0), Y([a({
+})], $.prototype, "footerData", void 0), J([a({
 	type: Number,
 	attribute: "max-undo-size"
-})], $.prototype, "maxUndoSize", null), Y([o()], $.prototype, "_scrollTop", void 0), Y([o()], $.prototype, "_scrollLeft", void 0), Y([o()], $.prototype, "_viewportHeight", void 0), Y([o()], $.prototype, "_viewportWidth", void 0), Y([o()], $.prototype, "_activeCell", void 0), Y([o()], $.prototype, "_editingCell", void 0), Y([o()], $.prototype, "_sortCriteria", void 0), Y([o()], $.prototype, "_openFilterKey", void 0), Y([o()], $.prototype, "_rowSelectionVersion", void 0), Y([o()], $.prototype, "_autocompleteState", void 0), Y([o()], $.prototype, "_headerMenu", void 0), Y([o()], $.prototype, "_bodyContextMenu", void 0), $ = Y([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([i("flex-table")], $);
 //#endregion
-export { f as a, x as i, U as n, E as r, $ as t };
+export { f as a, x as i, V as n, w as r, $ as t };

package/dist/flex-table.d.ts

@@ -17,6 +17,8 @@ export declare class FlexTable extends LitElement {
     showFilters: boolean;
     /** Enable built-in context menu on cell right-click. */
     showContextMenu: boolean;
+    /** Number of rows to freeze at the top (always visible during vertical scroll). */
+    frozenRows: number;
     /** Enable row-level checkbox selection. */
     selectable: boolean;
     /** Row selection mode: 'single' or 'multi' (default: 'multi'). */
@@ -169,6 +171,8 @@ export declare class FlexTable extends LitElement {
     private get headerHeight();
     /** Number of rows visible after filter + sort. */
     private get _visibleRowCount();
+    private get _frozenRowCount();
+    private get frozenRowsHeight();
     private get totalBodyHeight();
     private get visibleRange();
     connectedCallback(): void;
@@ -236,7 +240,17 @@ export declare class FlexTable extends LitElement {
     private _adjustFilterDropdown;
     private _onFilterBtnClick;
     private _renderFilterDropdown;
+    private _buildTextPredicate;
+    private _applyTextFilter;
+    private _buildEmptyPredicate;
+    private _renderEmptyFilterRow;
+    private _evalNumCond;
+    private _buildNumberPredicate;
+    private _buildDatePredicate;
+    private _applyFilterForKey;
     private _renderTextFilter;
+    private _defaultNumState;
+    private _renderNumCondRow;
     private _renderNumberFilter;
     private _invalidCells;
     private _cellKey;
@@ -245,7 +259,7 @@ export declare class FlexTable extends LitElement {
     private _textFilterState;
     private _numberFilterState;
     private _dateFilterState;
-    private _applyNumberFilter;
+    private _emptyFilterState;
     private _renderDateFilter;
     private _applyDateFilter;
     private _renderBooleanFilter;
@@ -279,6 +293,7 @@ export declare class FlexTable extends LitElement {
     render(): TemplateResult<1>;
     private _onSelectAllChange;
     private _onRowCheckboxChange;
+    private _renderFrozenRows;
     private _renderFooter;
     private _renderRow;
     private _renderCell;

package/dist/flex-table.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./flex-table-fp3j2egA.js";
+import { a as e, i as t, n, r, t as i } from "./flex-table-BVzjrFBP.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-fp3j2egA.js";
+import { t as e } from "./flex-table-BVzjrFBP.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.14.0",
+  "version": "0.15.0",
   "description": "A minimalist, input-centric data grid web component",
   "type": "module",
   "main": "./dist/flex-table.js",