@iyulab/flex-table 0.29.0 → 0.31.1

package/dist/{flex-table-DuQWDNlT.js → flex-table-BH1lOINr.js}

@@ -1,7 +1,8 @@
-import { LitElement as e, css as t, html as n, nothing as r } from "lit";
-import { customElement as i, property as a, state as o } from "lit/decorators.js";
+import { n as e, t } from "./sorting-CjfjRxwL.js";
+import { LitElement as n, css as r, html as i, nothing as a } from "lit";
+import { customElement as o, property as s, state as c } from "lit/decorators.js";
 //#region src/styles/flex-table.styles.ts
-var s = t`
+var l = r`
   /* --- Theme Variables (Light defaults) --- */
   :host {
     --ft-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
@@ -866,13 +867,13 @@ var s = t`
 `;
 //#endregion
 //#region src/renderers/format.ts
-function c(e, t) {
-	return e == null ? "" : typeof t == "function" ? t(e) : l(t) ? d(e, t) : u(e, t);
+function u(e, t) {
+	return e == null ? "" : typeof t == "function" ? t(e) : d(t) ? p(e, t) : f(e, t);
 }
-function l(e) {
+function d(e) {
 	return /[yMdHhms]/.test(e);
 }
-function u(e, t) {
+function f(e, t) {
 	let n = typeof e == "number" ? e : Number(e);
 	if (isNaN(n)) return String(e);
 	let r = t.endsWith("%"), i = t.match(/^([^#0.,%]+)/), a = i ? i[1] : "", o = t.replace(/^[^#0.,%]+/, "").replace(/%$/, ""), s = o.match(/\.([0#]+)$/), c = s ? s[1].length : 0, l = {
@@ -885,7 +886,7 @@ function u(e, t) {
 		style: "percent"
 	}).format(n) : (u = new Intl.NumberFormat(void 0, l).format(n), a && (u = a + u)), u + "";
 }
-function d(e, t) {
+function p(e, t) {
 	let n;
 	if (e instanceof Date) n = e;
 	else if (typeof e == "string" || typeof e == "number") n = new Date(e);
@@ -896,29 +897,29 @@ function d(e, t) {
 }
 //#endregion
 //#region src/renderers/cell-renderer.ts
-function f(e, t, n) {
-	return n.renderer ? n.renderer(e, t, n) : n.format ? typeof n.format == "function" ? n.format(e, t, n) : c(e, n.format) : p(e, n);
+function m(e, t, n) {
+	return n.renderer ? n.renderer(e, t, n) : n.format ? typeof n.format == "function" ? n.format(e, t, n) : u(e, n.format) : h(e, n);
 }
-function p(e, t) {
+function h(e, t) {
 	if (e == null) return "";
 	switch (t.type) {
-		case "number": return h(e);
-		case "boolean": return n`<span class="ft-bool">${e ? "✔" : ""}</span>`;
-		case "date": return g(e);
-		case "datetime": return _(e);
-		case "select": return m(e, t);
+		case "number": return _(e);
+		case "boolean": return i`<span class="ft-bool">${e ? "✔" : ""}</span>`;
+		case "date": return v(e);
+		case "datetime": return y(e);
+		case "select": return g(e, t);
 		default: return String(e);
 	}
 }
-function m(e, t) {
+function g(e, t) {
 	if (!t.options || t.options.length === 0 || typeof t.options[0] == "string") return e == null ? "" : String(e);
 	let n = t.options.find((t) => t.value === e);
 	return n ? n.label : e == null ? "" : String(e);
 }
-function h(e) {
+function _(e) {
 	return typeof e == "number" ? Number.isInteger(e) ? e.toLocaleString() : e.toLocaleString(void 0, { minimumFractionDigits: 1 }) : String(e);
 }
-function g(e) {
+function v(e) {
 	if (e instanceof Date) return e.toLocaleDateString();
 	if (typeof e == "string") {
 		let t = new Date(e);
@@ -926,7 +927,7 @@ function g(e) {
 	}
 	return String(e);
 }
-function _(e) {
+function y(e) {
 	if (e instanceof Date) return e.toLocaleString();
 	if (typeof e == "string") {
 		let t = new Date(e);
@@ -936,7 +937,7 @@ function _(e) {
 }
 //#endregion
 //#region src/core/selection.ts
-function v(e) {
+function b(e) {
 	return {
 		startRow: Math.min(e.startRow, e.endRow),
 		startCol: Math.min(e.startCol, e.endCol),
@@ -944,7 +945,7 @@ function v(e) {
 		endCol: Math.max(e.startCol, e.endCol)
 	};
 }
-var y = class {
+var x = class {
 	constructor() {
 		this.activeCell = null, this.rangeAnchor = null, this.range = null, this.extraRanges = [], this._rowCount = 0, this._colCount = 0;
 	}
@@ -971,7 +972,7 @@ var y = class {
 		return e < 0 || e >= this._rowCount || t < 0 || t >= this._colCount ? this.activeCell : (!this.rangeAnchor && this.activeCell && (this.rangeAnchor = { ...this.activeCell }), this.activeCell = {
 			row: e,
 			col: t
-		}, this.rangeAnchor && (this.range = v({
+		}, this.rangeAnchor && (this.range = b({
 			startRow: this.rangeAnchor.row,
 			startCol: this.rangeAnchor.col,
 			endRow: e,
@@ -1042,7 +1043,7 @@ var y = class {
 	shiftMoveRight() {
 		return this.activeCell ? this.setActiveWithRange(this.activeCell.row, this.activeCell.col + 1) : null;
 	}
-}, b = class {
+}, S = class {
 	constructor() {
 		this.current = null;
 	}
@@ -1063,7 +1064,7 @@ var y = class {
 		let e = this.current;
 		return this.current = null, e;
 	}
-}, x = class {
+}, C = class {
 	constructor() {
 		this._selected = /* @__PURE__ */ new Set(), this._mode = "multi", this._rowCount = 0;
 	}
@@ -1123,58 +1124,8 @@ var y = class {
 	}
 };
 //#endregion
-//#region src/core/sorting.ts
-function S(e, t, n) {
-	let r = Array.from({ length: e.length }, (e, t) => t);
-	if (t.length === 0) return r;
-	let i = /* @__PURE__ */ new Map();
-	for (let e of n) i.set(e.key, e.type ?? "text");
-	return r.sort((n, r) => {
-		for (let { key: a, direction: o } of t) {
-			let t = e[n][a], s = e[r][a], c = t == null, l = s == null;
-			if (c && l) continue;
-			if (c) return 1;
-			if (l) return -1;
-			let u = C(t, s, i.get(a) ?? "text");
-			if (u !== 0) return o === "asc" ? u : -u;
-		}
-		return n - r;
-	}), r;
-}
-function C(e, t, n) {
-	switch (n) {
-		case "number": {
-			let n = Number(e), r = Number(t);
-			return isNaN(n) && isNaN(r) ? 0 : isNaN(n) ? 1 : isNaN(r) ? -1 : n - r;
-		}
-		case "boolean": return !!e - +!!t;
-		case "date":
-		case "datetime": {
-			let n = new Date(e).getTime(), r = new Date(t).getTime();
-			return (isNaN(n) ? 0 : n) - (isNaN(r) ? 0 : r);
-		}
-		default: return String(e).localeCompare(String(t));
-	}
-}
-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,
-		direction: "desc"
-	} : e) : e.filter((e) => e.key !== t) : [...e, {
-		key: t,
-		direction: "asc"
-	}] : r ? r.direction === "asc" ? [{
-		key: t,
-		direction: "desc"
-	}] : [] : [{
-		key: t,
-		direction: "asc"
-	}];
-}
-//#endregion
 //#region src/core/filtering.ts
-function T(e, t, n) {
+function w(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++) {
@@ -1193,9 +1144,9 @@ function T(e, t, n) {
 }
 //#endregion
 //#region src/core/undo.ts
-var E = 100, D = class {
+var T = 100, E = class {
 	constructor() {
-		this._undoStack = [], this._redoStack = [], this._maxSize = E;
+		this._undoStack = [], this._redoStack = [], this._maxSize = T;
 	}
 	get maxSize() {
 		return this._maxSize;
@@ -1232,7 +1183,7 @@ var E = 100, D = class {
 };
 //#endregion
 //#region src/clipboard/clipboard.ts
-function ee(e, t, n) {
+function D(e, t, n) {
 	let r = [];
 	for (let i = n.startRow; i <= n.endRow; i++) {
 		let a = e[i], o = [];
@@ -1287,7 +1238,7 @@ function k(e, t) {
 }
 //#endregion
 //#region src/export/xlsx-writer.ts
-var te = (() => {
+var A = (() => {
 	let e = /* @__PURE__ */ new Uint32Array(256);
 	for (let t = 0; t < 256; t++) {
 		let n = t;
@@ -1296,56 +1247,56 @@ var te = (() => {
 	}
 	return e;
 })();
-function A(e) {
+function j(e) {
 	let t = 4294967295;
-	for (let n = 0; n < e.length; n++) t = te[(t ^ e[n]) & 255] ^ t >>> 8;
+	for (let n = 0; n < e.length; n++) t = A[(t ^ e[n]) & 255] ^ t >>> 8;
 	return (t ^ 4294967295) >>> 0;
 }
-var j = new TextEncoder();
-function ne(e) {
+var M = new TextEncoder();
+function ee(e) {
 	let t = [], n = [], r = 0;
 	for (let i of e) {
-		let e = j.encode(i.name), a = A(i.data), o = i.data.length, s = new ArrayBuffer(30 + e.length), c = new DataView(s);
+		let e = M.encode(i.name), a = j(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 = 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([
+	let i = N(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), N([
 		...t,
 		i,
 		new Uint8Array(a)
 	]);
 }
-function M(e) {
+function N(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 N(e) {
+function P(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function P(e) {
+function F(e) {
 	let t = "";
 	for (e++; e > 0;) t = String.fromCharCode(64 + (e % 26 || 26)) + t, e = Math.floor((e - 1) / 26);
 	return t;
 }
-function F(e, t) {
-	return P(t) + (e + 1);
+function I(e, t) {
+	return F(t) + (e + 1);
 }
-function I(e) {
+function te(e) {
 	let t = Date.UTC(1899, 11, 30);
 	return (e.getTime() - t) / 864e5;
 }
-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>`);
+var ne = "<?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>", re = "<?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>", ie = "<?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>", ae = "<?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>", oe = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>\n<styleSheet xmlns=\"http://schemas.openxmlformats.org/spreadsheetml/2006/main\">\n  <numFmts count=\"1\"><numFmt numFmtId=\"164\" formatCode=\"yyyy-mm-dd\"/></numFmts>\n  <fonts count=\"2\">\n    <font><sz val=\"11\"/><name val=\"Calibri\"/></font>\n    <font><sz val=\"11\"/><b/><name val=\"Calibri\"/></font>\n  </fonts>\n  <fills count=\"2\">\n    <fill><patternFill patternType=\"none\"/></fill>\n    <fill><patternFill patternType=\"gray125\"/></fill>\n  </fills>\n  <borders count=\"1\"><border><left/><right/><top/><bottom/><diagonal/></border></borders>\n  <cellStyleXfs count=\"1\"><xf numFmtId=\"0\" fontId=\"0\" fillId=\"0\" borderId=\"0\"/></cellStyleXfs>\n  <cellXfs count=\"3\">\n    <xf numFmtId=\"0\" fontId=\"0\" fillId=\"0\" borderId=\"0\" xfId=\"0\"/>\n    <xf numFmtId=\"164\" fontId=\"0\" fillId=\"0\" borderId=\"0\" xfId=\"0\" applyNumberFormat=\"1\"/>\n    <xf numFmtId=\"0\" fontId=\"1\" fillId=\"0\" borderId=\"0\" xfId=\"0\" applyFont=\"1\"/>\n  </cellXfs>\n</styleSheet>";
+function se(e, t) {
+	let n = [], r = t.map((e, t) => `<c r="${I(0, t)}" t="str" s="2"><v>${P(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 = F(r + 1, n), a = e[t.key];
+			let i = I(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>${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>`;
+			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>${te(a).toFixed(6)}</v></c>` : o === "boolean" ? `<c r="${i}" t="b"><v>${+!!a}</v></c>` : `<c r="${i}" t="str"><v>${P(String(a))}</v></c>`;
 		});
 		n.push(`<row r="${r + 2}">${i.join("")}</row>`);
 	}), `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
@@ -1353,55 +1304,55 @@ function oe(e, t) {
   <sheetData>${n.join("")}</sheetData>
 </worksheet>`;
 }
-function se(e, t) {
-	let n = oe(e, t);
-	return ne([
+function ce(e, t) {
+	let n = se(e, t);
+	return ee([
 		{
 			name: "[Content_Types].xml",
-			data: j.encode(L)
+			data: M.encode(ne)
 		},
 		{
 			name: "_rels/.rels",
-			data: j.encode(R)
+			data: M.encode(re)
 		},
 		{
 			name: "xl/workbook.xml",
-			data: j.encode(re)
+			data: M.encode(ie)
 		},
 		{
 			name: "xl/_rels/workbook.xml.rels",
-			data: j.encode(ie)
+			data: M.encode(ae)
 		},
 		{
 			name: "xl/worksheets/sheet1.xml",
-			data: j.encode(n)
+			data: M.encode(n)
 		},
 		{
 			name: "xl/styles.xml",
-			data: j.encode(ae)
+			data: M.encode(oe)
 		}
 	]);
 }
 //#endregion
 //#region src/export/export.ts
-function z(e, t, n) {
+function L(e, t, n) {
 	switch (n) {
-		case "csv": return V(e, t, ",");
-		case "tsv": return V(e, t, "	");
-		case "json": return U(e, t);
-		case "xlsx": return se(e, t);
+		case "csv": return z(e, t, ",");
+		case "tsv": return z(e, t, "	");
+		case "json": return V(e, t);
+		case "xlsx": return ce(e, t);
 	}
 }
-function B(e, t) {
+function R(e, t) {
 	return e == null ? "" : (t.type === "date" || t.type === "datetime") && e instanceof Date ? e.toISOString() : String(e);
 }
-function V(e, t, n) {
-	return [t.map((e) => H(e.header, n)).join(n), ...e.map((e) => t.map((t) => H(B(e[t.key], t), n)).join(n))].join("\n");
+function z(e, t, n) {
+	return [t.map((e) => B(e.header, n)).join(n), ...e.map((e) => t.map((t) => B(R(e[t.key], t), n)).join(n))].join("\n");
 }
-function H(e, t) {
+function B(e, t) {
 	return e.includes(t) || e.includes("\"") || e.includes("\n") || e.includes("\r") ? "\"" + e.replace(/"/g, "\"\"") + "\"" : e;
 }
-function U(e, t) {
+function V(e, t) {
 	let n = e.map((e) => {
 		let n = {};
 		for (let r of t) {
@@ -1412,26 +1363,26 @@ function U(e, t) {
 	});
 	return JSON.stringify(n, null, 2);
 }
-function W(e, t, n) {
+function H(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 G = {
+var U = {
 	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"
-}, ce = {
+}, W = {
 	csv: ".csv",
 	tsv: ".tsv",
 	json: ".json",
 	xlsx: ".xlsx"
 };
 function le(e) {
-	return G[e];
+	return U[e];
 }
 function ue(e) {
-	return ce[e];
+	return W[e];
 }
 //#endregion
 //#region src/export/xlsx-reader.ts
@@ -1478,13 +1429,13 @@ async function he(e) {
 	return r;
 }
 var ge = new TextDecoder("utf-8");
-function K(e) {
+function G(e) {
 	let t = ge.decode(e);
 	return new DOMParser().parseFromString(t, "application/xml");
 }
 function _e(e) {
 	if (!e) return [];
-	let t = K(e);
+	let t = G(e);
 	return Array.from(t.querySelectorAll("si")).map((e) => Array.from(e.querySelectorAll("t")).map((e) => e.textContent ?? "").join(""));
 }
 function ve(e) {
@@ -1492,7 +1443,7 @@ function ve(e) {
 	return new Date(t).toISOString().slice(0, 10);
 }
 function ye(e, t) {
-	let n = K(e).querySelectorAll("row");
+	let n = G(e).querySelectorAll("row");
 	if (n.length === 0) return [];
 	let r = 0, i = /* @__PURE__ */ new Map();
 	for (let e of n) {
@@ -1527,7 +1478,7 @@ function be(e) {
 	for (; n < e.length && e[n] >= "A" && e[n] <= "Z";) t = t * 26 + (e.charCodeAt(n) - 64), n++;
 	return t - 1;
 }
-async function xe(e) {
+async function K(e) {
 	let t = await he(e), n = _e(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")) {
@@ -1562,14 +1513,14 @@ var J = {
 	lt: "<",
 	gte: "≥",
 	lte: "≤"
-}, Y = 120, X = 40, Z = 32, Q = 5, $ = class extends e {
+}, Y = 120, X = 40, Z = 32, Q = 5, $ = class extends n {
 	constructor(...e) {
-		super(...e), this.columns = [], this._data = [], this._inUndoRedo = !1, this.clearUndoOnDataChange = !1, this.clearSelectionOnDataChange = !1, this._rowHeightFromCss = Z, this.showRowNumbers = !1, this.theme = void 0, this.maxRows = 0, this.editable = !0, this.showFilters = !1, this.showContextMenu = !1, this.frozenRows = 0, this.emptyMessage = "No data", this.noMatchingMessage = "No matching data", this.loading = !1, this.importEnabled = !1, this.selectable = !1, this.dataMode = "client", this.footerData = null, this.stylesheets = [], this._scrollTop = 0, this._scrollLeft = 0, this._viewportHeight = 0, this._viewportWidth = 0, this._colLeftOffsets = [], this._totalRowWidth = 0, this._baseStyleSheets = [], this._activeCell = null, this._editingCell = null, this._sortCriteria = [], this._selection = new 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._lastCheckboxRowIndex = null, this._checkboxShiftPending = !1, this._autocompleteState = null, this._headerMenu = null, this._bodyContextMenu = null, this._commentPopup = null, this._viewDirty = !0, this._isDragging = !1, this._wasDrag = !1, this._resizing = null, this._resizeCleanup = null, this._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._onCommentPopupOutsideClick = () => {
+		super(...e), this.columns = [], this._data = [], this._inUndoRedo = !1, this.clearUndoOnDataChange = !1, this.clearSelectionOnDataChange = !1, this._rowHeightFromCss = Z, this.showRowNumbers = !1, this.theme = void 0, this.maxRows = 0, this.editable = !0, this.showFilters = !1, this.showContextMenu = !1, this.frozenRows = 0, this.emptyMessage = "No data", this.noMatchingMessage = "No matching data", this.loading = !1, this.importEnabled = !1, this.selectable = !1, this.dataMode = "client", this.footerData = null, this.stylesheets = [], this._scrollTop = 0, this._scrollLeft = 0, this._viewportHeight = 0, this._viewportWidth = 0, this._colLeftOffsets = [], this._totalRowWidth = 0, this._baseStyleSheets = [], this._activeCell = null, this._editingCell = null, this._sortCriteria = [], this._selection = new x(), this._editing = new S(), this._rowSelection = new C(), this._undo = new E(), this._filters = [], this._filteredIndices = [], this._sortedIndices = [], this._openFilterKey = null, this._rowSelectionVersion = 0, this._lastCheckboxRowIndex = null, this._checkboxShiftPending = !1, this._autocompleteState = null, this._headerMenu = null, this._bodyContextMenu = null, this._commentPopup = null, this._viewDirty = !0, this._isDragging = !1, this._wasDrag = !1, this._resizing = null, this._resizeCleanup = null, this._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._onCommentPopupOutsideClick = () => {
 			this._commitCommentPopup();
 		}, this._invalidCells = /* @__PURE__ */ new Map(), this._textFilterState = /* @__PURE__ */ new Map(), this._numberFilterState = /* @__PURE__ */ new Map(), this._dateFilterState = /* @__PURE__ */ new Map(), this._emptyFilterState = /* @__PURE__ */ new Map();
 	}
 	static {
-		this.styles = s;
+		this.styles = l;
 	}
 	get data() {
 		return this._data;
@@ -1929,12 +1880,12 @@ var J = {
 			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 z(r, n, e);
+			return L(r, n, e);
 		}
-		return z(this._sortedIndices.map((e) => this.data[e]), this.visibleColumns, e);
+		return L(this._sortedIndices.map((e) => this.data[e]), this.visibleColumns, e);
 	}
 	exportToFile(e, t) {
-		W(this.exportToString(e), t ?? `export${ue(e)}`, le(e));
+		H(this.exportToString(e), t ?? `export${ue(e)}`, le(e));
 	}
 	setComment(e, t, n) {
 		let r = this.getComment(e, t);
@@ -1991,7 +1942,7 @@ var J = {
 	async importFromFile(e) {
 		let t = e.name.toLowerCase();
 		if (t.endsWith(".xlsx")) {
-			let t = await xe(await e.arrayBuffer());
+			let t = await K(await e.arrayBuffer());
 			this._applyImportedSheet(t);
 		} else if (t.endsWith(".csv") || t.endsWith(".tsv")) {
 			let t = O(await e.text());
@@ -2176,7 +2127,7 @@ var J = {
 			this._filteredIndices = Array.from({ length: this.data.length }, (e, t) => t), this._sortedIndices = this._filteredIndices;
 			return;
 		}
-		if (this._filteredIndices = T(this.data, this._filters, (e, t, n) => {
+		if (this._filteredIndices = w(this.data, this._filters, (e, t, n) => {
 			this.dispatchEvent(new CustomEvent("filter-error", {
 				detail: {
 					error: e,
@@ -2189,8 +2140,8 @@ var J = {
 		}), this._filters.length === 0 && this._sortCriteria.length === 0) this._sortedIndices = Array.from({ length: this.data.length }, (e, t) => t);
 		else if (this._sortCriteria.length === 0) this._sortedIndices = [...this._filteredIndices];
 		else {
-			let e = S(this._filteredIndices.map((e) => this.data[e]), this._sortCriteria, this.visibleColumns);
-			this._sortedIndices = e.map((e) => this._filteredIndices[e]);
+			let e = this._filteredIndices.map((e) => this.data[e]), n = t(e, this._sortCriteria, this.visibleColumns);
+			this._sortedIndices = n.map((e) => this._filteredIndices[e]);
 		}
 	}
 	_toDataIndex(e) {
@@ -2553,7 +2504,7 @@ var J = {
 	async _handleCopy(e) {
 		let t = this._selection.getEffectiveRange();
 		if (!t) return;
-		let n = this.visibleColumns, r = ee(this._sortedIndices.map((e) => this.data[e]), n, t);
+		let n = this.visibleColumns, r = D(this._sortedIndices.map((e) => this.data[e]), n, t);
 		try {
 			await navigator.clipboard.writeText(r);
 		} catch (e) {
@@ -2787,13 +2738,13 @@ var J = {
 			composed: !0
 		}));
 	}
-	_onHeaderClick(e, t) {
-		let n = this.visibleColumns.indexOf(t);
-		if (e.ctrlKey || e.metaKey) {
-			this._selectColumn(n);
+	_onHeaderClick(t, n) {
+		let r = this.visibleColumns.indexOf(n);
+		if (t.ctrlKey || t.metaKey) {
+			this._selectColumn(r);
 			return;
 		}
-		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", {
+		n.sortable !== !1 && (this._sortCriteria = e(this._sortCriteria, n.key, t.shiftKey), this.dataMode !== "server" && this._recomputeView(), this.requestUpdate(), this.dispatchEvent(new CustomEvent("sort-change", {
 			detail: { criteria: [...this._sortCriteria] },
 			bubbles: !0,
 			composed: !0
@@ -2829,27 +2780,27 @@ var J = {
 		return n;
 	}
 	_renderHeaderCell(e, t) {
-		let i = e.sortable !== !1, a = this._sortCriteria.find((t) => t.key === e.key), o = this._sortCriteria.length > 1 ? this._sortCriteria.findIndex((t) => t.key === e.key) : -1, s = this._filters.some((t) => t.key === e.key), c = e.pinned === "left", l = e.pinned === "right", u = [
+		let n = e.sortable !== !1, r = this._sortCriteria.find((t) => t.key === e.key), o = this._sortCriteria.length > 1 ? this._sortCriteria.findIndex((t) => t.key === e.key) : -1, s = this._filters.some((t) => t.key === e.key), c = e.pinned === "left", l = e.pinned === "right", u = [
 			"ft-header-cell",
-			i ? "ft-sortable" : "",
+			n ? "ft-sortable" : "",
 			c || l ? "ft-pinned" : "",
 			e.headerAlign === "center" ? "ft-header-align-center" : "",
 			e.headerAlign === "end" ? "ft-header-align-end" : ""
-		].filter(Boolean).join(" "), d = i ? a ? a.direction === "asc" ? "ascending" : "descending" : "none" : void 0, f = this._getColWidth(e), p = this.headerHeight, m = this._colLeftOffsets[t] ?? 0, h;
+		].filter(Boolean).join(" "), d = n ? r ? r.direction === "asc" ? "ascending" : "descending" : "none" : void 0, f = this._getColWidth(e), p = this.headerHeight, m = this._colLeftOffsets[t] ?? 0, h;
 		h = c ? `position: absolute; top: 0; left: ${this._scrollLeft + this._getPinnedLeft(t)}px; width: ${f}px; height: ${p}px; z-index: 4;` : l ? `position: absolute; top: 0; right: ${-this._scrollLeft + this._getPinnedRight(t)}px; width: ${f}px; height: ${p}px; z-index: 4;` : `left: ${m}px; width: ${f}px; height: ${p}px;`;
 		let g = this._colDrag?.active && this._colDrag.colIndex === t, _ = [...u.split(" "), g ? "ft-col-dragging" : ""].filter(Boolean).join(" "), v = this.columns, y = v.findIndex((t) => t.key === e.key), b = [];
 		if (y > 0) for (let e = y - 1; e >= 0 && v[e].hidden; e--) b.push(v[e]);
 		let x = b.length > 0;
-		return n`
+		return i`
       <div class=${_}
         role="columnheader"
         data-col-index=${t}
         style=${h}
-        aria-sort=${d ?? r}
+        aria-sort=${d ?? a}
         @contextmenu=${(t) => this._onHeaderContextMenu(t, e)}
         @mousedown=${(n) => this._onHeaderMouseDown(n, e, t)}
-        @click=${i ? (t) => this._onHeaderClick(t, e) : void 0}>
-        ${x ? n`
+        @click=${n ? (t) => this._onHeaderClick(t, e) : void 0}>
+        ${x ? i`
           <button class="ft-hidden-col-indicator"
             title="Show hidden column(s)"
             @click=${(t) => {
@@ -2857,9 +2808,9 @@ var J = {
 		}}>&#x276F;</button>
         ` : ""}
         <span>${e.header}</span>
-        ${a ? n`<span class="ft-sort-indicator">${a.direction === "asc" ? "▲" : "▼"}</span>` : ""}
-        ${o >= 0 ? n`<span class="ft-sort-order">${o + 1}</span>` : ""}
-        ${this.showFilters ? n`
+        ${r ? i`<span class="ft-sort-indicator">${r.direction === "asc" ? "▲" : "▼"}</span>` : ""}
+        ${o >= 0 ? i`<span class="ft-sort-order">${o + 1}</span>` : ""}
+        ${this.showFilters ? i`
           <button class="ft-filter-btn ${s ? "ft-filter-active" : ""}"
             title="Filter"
             aria-label=${`Filter ${e.header}`}
@@ -2905,10 +2856,10 @@ var J = {
 		for (let e = n - 1; e >= 0 && t[e].hidden; e--) this._setColumnHidden(t[e].key, !1);
 	}
 	_renderHeaderContextMenu() {
-		if (!this._headerMenu) return r;
-		let { key: e, x: t, y: i, hiddenNeighbors: a } = this._headerMenu;
-		return this.columns.find((t) => t.key === e) ? n`
-      <div class="ft-header-menu" style="position: fixed; left: ${t}px; top: ${i}px; z-index: 200;"
+		if (!this._headerMenu) return a;
+		let { key: e, x: t, y: n, hiddenNeighbors: r } = this._headerMenu;
+		return this.columns.find((t) => t.key === e) ? i`
+      <div class="ft-header-menu" style="position: fixed; left: ${t}px; top: ${n}px; z-index: 200;"
         @mousedown=${(e) => e.stopPropagation()}>
         <div class="ft-header-menu-item"
           @click=${() => {
@@ -2916,7 +2867,7 @@ var J = {
 		}}>
           Hide column
         </div>
-        ${a.map((e) => n`
+        ${r.map((e) => i`
           <div class="ft-header-menu-item"
             @click=${() => {
 			this._setColumnHidden(e.key, !1), this._headerMenu = null;
@@ -2925,16 +2876,16 @@ var J = {
           </div>
         `)}
       </div>
-    ` : r;
+    ` : a;
 	}
 	_renderBodyContextMenu() {
-		if (!this._bodyContextMenu) return r;
-		let { colIndex: e, dataIndex: t, x: i, y: a } = this._bodyContextMenu, o = this.visibleColumns[e];
-		if (!o) return r;
+		if (!this._bodyContextMenu) return a;
+		let { colIndex: e, dataIndex: t, x: n, y: r } = this._bodyContextMenu, o = this.visibleColumns[e];
+		if (!o) return a;
 		let s = this.data[t]?.[o.key], c = this._filters.some((e) => e.key === o.key), l = () => {
 			this._bodyContextMenu = null;
-		}, u = i + 200 > window.innerWidth ? i - 200 : i, d = a + 280 > window.innerHeight ? a - 280 : a;
-		return n`
+		}, u = n + 200 > window.innerWidth ? n - 200 : n, d = r + 280 > window.innerHeight ? r - 280 : r;
+		return i`
       <div class="ft-body-context-menu" style="position: fixed; left: ${u}px; top: ${d}px; z-index: 200;"
         @mousedown=${(e) => e.stopPropagation()}>
         <div class="ft-context-menu-item"
@@ -2989,7 +2940,7 @@ var J = {
 		}}>
           Filter by this value
         </div>
-        ${c ? n`
+        ${c ? i`
           <div class="ft-context-menu-item"
             @click=${() => {
 			this.removeFilter(o.key), l();
@@ -3000,11 +2951,11 @@ var J = {
         <div class="ft-context-menu-separator"></div>
         <div class="ft-context-menu-item"
           @click=${() => {
-			this._openCommentPopup(t, o.key, i, a), l();
+			this._openCommentPopup(t, o.key, n, r), l();
 		}}>
           ${this.getComment(t, o.key) ? "Edit Comment" : "Add Comment"}
         </div>
-        ${this.getComment(t, o.key) ? n`
+        ${this.getComment(t, o.key) ? i`
           <div class="ft-context-menu-item ft-context-menu-danger"
             @click=${() => {
 			this.setComment(t, o.key, null), l();
@@ -3035,11 +2986,11 @@ var J = {
 		this._commentPopup &&= (document.removeEventListener("mousedown", this._onCommentPopupOutsideClick), null);
 	}
 	_renderCommentPopup() {
-		if (!this._commentPopup) return r;
-		let { x: e, y: t } = this._commentPopup, i = e + 240 > window.innerWidth ? e - 240 : e, a = t + 150 > window.innerHeight ? t - 150 : t;
-		return n`
+		if (!this._commentPopup) return a;
+		let { x: e, y: t } = this._commentPopup, n = e + 240 > window.innerWidth ? e - 240 : e, r = t + 150 > window.innerHeight ? t - 150 : t;
+		return i`
       <div class="ft-comment-popup"
-        style="position: fixed; left: ${i}px; top: ${a}px; z-index: 201;"
+        style="position: fixed; left: ${n}px; top: ${r}px; z-index: 201;"
         @mousedown=${(e) => e.stopPropagation()}>
         <textarea class="ft-comment-popup-textarea"
           rows="4"
@@ -3054,11 +3005,11 @@ var J = {
       </div>
     `;
 	}
-	_applySortFromMenu(e, t) {
+	_applySortFromMenu(e, n) {
 		this.columns.find((t) => t.key === e) && (this._sortCriteria = [{
 			key: e,
-			direction: t
-		}], this._sortedIndices = S(this.data, this._sortCriteria, this.columns), this.dispatchEvent(new CustomEvent("sort-change", {
+			direction: n
+		}], this._sortedIndices = t(this.data, this._sortCriteria, this.columns), this.dispatchEvent(new CustomEvent("sort-change", {
 			detail: { sortCriteria: [...this._sortCriteria] },
 			bubbles: !0,
 			composed: !0
@@ -3081,7 +3032,7 @@ var J = {
 	}
 	_renderFilterDropdown(e) {
 		let t = e.type ?? "text";
-		return n`
+		return i`
       <div class="ft-filter-dropdown" @click=${(e) => e.stopPropagation()}>
         ${t === "boolean" ? this._renderBooleanFilter(e) : t === "number" ? this._renderNumberFilter(e) : t === "date" || t === "datetime" ? this._renderDateFilter(e) : this._renderTextFilter(e)}
         <div class="ft-filter-actions">
@@ -3115,12 +3066,12 @@ var J = {
 		return e === "empty" ? (e) => e == null || e === "" : (e) => e != null && e !== "";
 	}
 	_renderEmptyFilterRow(e, t) {
-		let r = this._emptyFilterState.get(e) ?? "";
-		return n`
+		let n = this._emptyFilterState.get(e) ?? "";
+		return i`
       <div class="ft-filter-empty-row">
         <label>Blank cells</label>
         <select class="ft-filter-mode-select"
-          .value=${r}
+          .value=${n}
           @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));
@@ -3189,7 +3140,7 @@ var J = {
 			value: "",
 			mode: "contains"
 		};
-		return n`
+		return i`
       <div class="ft-filter-mode-row">
         <select class="ft-filter-mode-select"
           .value=${t.mode}
@@ -3246,11 +3197,11 @@ var J = {
 		};
 	}
 	_renderNumCondRow(e, t) {
-		let r = (this._numberFilterState.get(e) ?? this._defaultNumState())[t];
-		return n`
+		let n = (this._numberFilterState.get(e) ?? this._defaultNumState())[t];
+		return i`
       <div class="ft-num-cond-row">
         <select class="ft-filter-mode-select ft-num-op-select"
-          .value=${r.op}
+          .value=${n.op}
           @change=${(n) => {
 			let r = n.target.value, i = this._numberFilterState.get(e) ?? this._defaultNumState();
 			i[t] = {
@@ -3261,10 +3212,10 @@ var J = {
           @keydown=${(e) => {
 			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
 		}}>
-          ${Object.keys(J).map((e) => n`<option value=${e}>${J[e]}</option>`)}
+          ${Object.keys(J).map((e) => i`<option value=${e}>${J[e]}</option>`)}
         </select>
         <input class="ft-filter-input ft-num-cond-input" type="number" placeholder="Value"
-          .value=${r.value == null ? "" : String(r.value)}
+          .value=${n.value == null ? "" : String(n.value)}
           @input=${(n) => {
 			let r = n.target.value, i = this._numberFilterState.get(e) ?? this._defaultNumState();
 			i[t] = {
@@ -3280,7 +3231,7 @@ var J = {
 	}
 	_renderNumberFilter(e) {
 		let t = this._numberFilterState.get(e.key) ?? this._defaultNumState();
-		return n`
+		return i`
       ${this._renderNumCondRow(e.key, "cond1")}
       <div class="ft-filter-mode-row">
         <select class="ft-filter-mode-select"
@@ -3321,17 +3272,17 @@ var J = {
 		return n ? n.error : null;
 	}
 	_renderDateFilter(e) {
-		let t = e.type === "datetime" ? "datetime-local" : "date", r = this._dateFilterState.get(e.key) ?? {};
-		return n`
+		let t = e.type === "datetime" ? "datetime-local" : "date", n = this._dateFilterState.get(e.key) ?? {};
+		return i`
       <div class="ft-filter-range">
         <input class="ft-filter-input" type=${t} placeholder="From"
-          .value=${r.from ?? ""}
+          .value=${n.from ?? ""}
           @input=${(t) => this._applyDateFilter(e.key, t, "from")}
           @keydown=${(e) => {
 			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
 		}}>
         <input class="ft-filter-input" type=${t} placeholder="To"
-          .value=${r.to ?? ""}
+          .value=${n.to ?? ""}
           @input=${(t) => this._applyDateFilter(e.key, t, "to")}
           @keydown=${(e) => {
 			e.key === "Escape" && (this._openFilterKey = null), e.stopPropagation();
@@ -3347,7 +3298,7 @@ var J = {
 		r === "" ? delete i[n] : i[n] = r, this._dateFilterState.set(e, i), this._emptyFilterState.delete(e), this._applyFilterForKey(e);
 	}
 	_renderBooleanFilter(e) {
-		return n`
+		return i`
       <select class="ft-filter-input"
         @change=${(t) => {
 			let n = t.target.value;
@@ -3564,13 +3515,13 @@ var J = {
 		if (!e) return "";
 		let t = this.visibleColumns;
 		if (e.endCol >= t.length || e.endRow >= this._visibleRowCount) return "";
-		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;
-		if (r < 0 || i < this.headerHeight) return "";
+		let n = (this._colLeftOffsets[e.endCol] ?? 0) + this._getColWidth(t[e.endCol]) - this._scrollLeft - 4, r = this.headerHeight + (e.endRow + 1) * this.rowHeight - this._scrollTop - 4;
+		if (n < 0 || r < this.headerHeight) return "";
 		let a = this._fillDrag?.active && this._fillDrag.targetRange ? this._renderFillPreview(this._fillDrag.targetRange) : "";
-		return n`
+		return i`
       ${a}
       <div class="ft-fill-handle"
-        style="left:${r}px;top:${i}px;"
+        style="left:${n}px;top:${r}px;"
         @mousedown=${(e) => this._onFillHandleMouseDown(e)}>
       </div>
     `;
@@ -3578,8 +3529,8 @@ var J = {
 	_renderFillPreview(e) {
 		let t = this.visibleColumns;
 		if (e.endCol >= t.length || e.endRow >= this._visibleRowCount) return "";
-		let r = (this._colLeftOffsets[e.startCol] ?? 0) - this._scrollLeft, i = this.headerHeight + e.startRow * this.rowHeight - this._scrollTop, a = (this._colLeftOffsets[e.endCol] ?? 0) + this._getColWidth(t[e.endCol]) - (this._colLeftOffsets[e.startCol] ?? 0), o = (e.endRow - e.startRow + 1) * this.rowHeight;
-		return n`<div class="ft-fill-preview" style="left:${r}px;top:${i}px;width:${a}px;height:${o}px;"></div>`;
+		let n = (this._colLeftOffsets[e.startCol] ?? 0) - this._scrollLeft, r = this.headerHeight + e.startRow * this.rowHeight - this._scrollTop, a = (this._colLeftOffsets[e.endCol] ?? 0) + this._getColWidth(t[e.endCol]) - (this._colLeftOffsets[e.startCol] ?? 0), o = (e.endRow - e.startRow + 1) * this.rowHeight;
+		return i`<div class="ft-fill-preview" style="left:${n}px;top:${r}px;width:${a}px;height:${o}px;"></div>`;
 	}
 	_onRowNumMouseDown(e, t) {
 		if (e.button !== 0) return;
@@ -3768,8 +3719,8 @@ var J = {
 	}
 	_renderFindPanel() {
 		if (!this._findState) return "";
-		let { mode: e, query: t, replaceWith: r, matchCase: i, wholeCell: a, results: o, currentIndex: s } = this._findState, c = o.length, l = c > 0 ? s + 1 : 0;
-		return n`
+		let { mode: e, query: t, replaceWith: n, matchCase: r, wholeCell: a, results: o, currentIndex: s } = this._findState, c = o.length, l = c > 0 ? s + 1 : 0;
+		return i`
       <div class="ft-find-panel"
         @keydown=${(e) => {
 			if (e.stopPropagation(), e.key === "Escape") {
@@ -3787,7 +3738,7 @@ var J = {
           <span class="ft-find-count">${c > 0 ? `${l}/${c}` : t ? "0 results" : ""}</span>
           <button @click=${() => this._findPrev()} title="Previous (Shift+Enter)">◀</button>
           <button @click=${() => this._findNext()} title="Next (Enter)">▶</button>
-          <label title="Match case"><input type="checkbox" ?checked=${i} @change=${(e) => {
+          <label title="Match case"><input type="checkbox" ?checked=${r} @change=${(e) => {
 			this._findState.matchCase = e.target.checked, this._findSearch();
 		}}> Aa</label>
           <label title="Whole cell"><input type="checkbox" ?checked=${a} @change=${(e) => {
@@ -3795,10 +3746,10 @@ var J = {
 		}}> [ ]</label>
           <button @click=${() => this._closeFindPanel()} title="Close (Escape)">✕</button>
         </div>
-        ${e === "replace" ? n`
+        ${e === "replace" ? i`
           <div class="ft-find-row">
             <input class="ft-find-replace-input" type="text" placeholder="Replace with..."
-              .value=${r}
+              .value=${n}
               @input=${(e) => {
 			this._findState.replaceWith = e.target.value;
 		}}>
@@ -3810,13 +3761,13 @@ var J = {
     `;
 	}
 	render() {
-		let e = this.visibleColumns, t = this.importEnabled && this._isDragOver ? n`<div class="ft-import-overlay">Drop file to import (.xlsx / .csv)</div>` : r, i = this.loading ? n`<div class="ft-loading-overlay"></div>` : r;
-		if (e.length === 0) return n`${t}${i}<div class="ft-empty">No columns defined</div>`;
-		let a = this.headerHeight, o = this._totalRowWidth, { start: s, end: c } = this.visibleColRange, l = [];
+		let e = this.visibleColumns, t = this.importEnabled && this._isDragOver ? i`<div class="ft-import-overlay">Drop file to import (.xlsx / .csv)</div>` : a, n = this.loading ? i`<div class="ft-loading-overlay"></div>` : a;
+		if (e.length === 0) return i`${t}${n}<div class="ft-empty">No columns defined</div>`;
+		let r = this.headerHeight, o = this._totalRowWidth, { start: s, end: c } = this.visibleColRange, l = [];
 		for (let t = 0; t < e.length; t++) (e[t].pinned === "left" || e[t].pinned === "right") && (t < s || t >= c) && l.push(t);
-		let u = 0, d = this._scrollLeft, f = this.selectable ? n`<div class="ft-checkbox-header"
-            style="position: absolute; top: 0; left: ${d + u}px; width: 36px; height: ${a}px; z-index: 4;">
-          ${this._rowSelection.mode === "multi" ? n`
+		let u = 0, d = this._scrollLeft, f = this.selectable ? i`<div class="ft-checkbox-header"
+            style="position: absolute; top: 0; left: ${d + u}px; width: 36px; height: ${r}px; z-index: 4;">
+          ${this._rowSelection.mode === "multi" ? i`
             <input type="checkbox"
               .checked=${this._rowSelection.isAllSelected}
               .indeterminate=${this._rowSelection.isSomeSelected}
@@ -3824,16 +3775,16 @@ var J = {
           ` : ""}
         </div>` : "";
 		this.selectable && (u += 36);
-		let p = this.showRowNumbers ? n`<div class="ft-row-num-header"
-            style="position: absolute; top: 0; left: ${d + u}px; width: 48px; height: ${a}px; z-index: 4;">#</div>` : "", m = [];
+		let p = this.showRowNumbers ? i`<div class="ft-row-num-header"
+            style="position: absolute; top: 0; left: ${d + u}px; width: 48px; height: ${r}px; z-index: 4;">#</div>` : "", m = [];
 		for (let t of l) m.push(this._renderHeaderCell(e[t], t));
 		for (let t = s; t < c; t++) m.push(this._renderHeaderCell(e[t], t));
-		let h = this._colDragIndicatorLeft == null ? "" : n`<div class="ft-drop-indicator" style="left:${this._colDragIndicatorLeft}px"></div>`;
+		let h = this._colDragIndicatorLeft == null ? "" : i`<div class="ft-drop-indicator" style="left:${this._colDragIndicatorLeft}px"></div>`;
 		if (this.data.length === 0 || this._visibleRowCount === 0) {
 			let e = this.data.length === 0 ? this.emptyMessage : this.noMatchingMessage;
-			return n`
-        ${i}
-        <div class="ft-header" role="row" style="width: ${o}px; height: ${a}px;">
+			return i`
+        ${n}
+        <div class="ft-header" role="row" style="width: ${o}px; height: ${r}px;">
           ${f}${p}
           ${m}
           ${h}
@@ -3843,12 +3794,12 @@ var J = {
 		}
 		let { start: g, end: _ } = this.visibleRange, v = this._frozenRowCount, y = [];
 		for (let e = g; e < _; e++) y.push(this._renderRow(e, s, c, l, (e - v) * this.rowHeight));
-		let b = this._renderFillHandle(), x = this._rowDragIndicatorY == null ? "" : n`<div class="ft-row-drop-indicator" style="top:${this._rowDragIndicatorY}px;width:${o + this._prefixWidth}px;"></div>`;
-		return n`
+		let b = this._renderFillHandle(), x = this._rowDragIndicatorY == null ? "" : i`<div class="ft-row-drop-indicator" style="top:${this._rowDragIndicatorY}px;width:${o + this._prefixWidth}px;"></div>`;
+		return i`
       ${t}
-      ${i}
+      ${n}
       ${this._renderFindPanel()}
-      <div class="ft-header" role="row" style="width: ${o}px; height: ${a}px;">
+      <div class="ft-header" role="row" style="width: ${o}px; height: ${r}px;">
         ${f}${p}
         ${m}
         ${h}
@@ -3874,47 +3825,47 @@ var J = {
 	_onRowCheckboxClick(e) {
 		this._checkboxShiftPending = e.shiftKey;
 	}
-	_renderFrozenRows(e, t, i) {
-		let a = this._frozenRowCount;
-		if (a === 0) return r;
+	_renderFrozenRows(e, t, n) {
+		let r = this._frozenRowCount;
+		if (r === 0) return a;
 		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`
+		for (let i = 0; i < r; i++) s.push(this._renderRow(i, e, t, n, i * this.rowHeight));
+		return i`
       <div class="ft-frozen-rows" style="top: ${this.headerHeight}px; height: ${this.frozenRowsHeight}px; width: ${o}px;">
         ${s}
       </div>
     `;
 	}
-	_renderFooter(e, t, r) {
+	_renderFooter(e, t, n) {
 		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"
+		let r = this.visibleColumns, a = this.rowHeight, o = this._totalRowWidth, s = this._scrollLeft, c = 0, l = this.selectable ? i`<div class="ft-footer-cell ft-checkbox-cell"
             style="position: absolute; top: 0; left: ${s + c}px; width: 36px; height: ${a}px; z-index: 2;"></div>` : "";
 		this.selectable && (c += 36);
-		let u = this.showRowNumbers ? n`<div class="ft-footer-cell ft-row-num"
+		let u = this.showRowNumbers ? i`<div class="ft-footer-cell ft-row-num"
             style="position: absolute; top: 0; left: ${s + c}px; width: 48px; height: ${a}px; z-index: 2;"></div>` : "", d = [];
-		for (let e of r) {
-			let t = i[e], r = this._getColWidth(t), o = t.pinned === "right" ? `position: absolute; top: 0; right: ${-s + this._getPinnedRight(e)}px; width: ${r}px; height: ${a}px; z-index: 2;` : `position: absolute; top: 0; left: ${s + this._getPinnedLeft(e)}px; width: ${r}px; height: ${a}px; z-index: 2;`;
-			d.push(n`
+		for (let e of n) {
+			let t = r[e], n = this._getColWidth(t), o = t.pinned === "right" ? `position: absolute; top: 0; right: ${-s + this._getPinnedRight(e)}px; width: ${n}px; height: ${a}px; z-index: 2;` : `position: absolute; top: 0; left: ${s + this._getPinnedLeft(e)}px; width: ${n}px; height: ${a}px; z-index: 2;`;
+			d.push(i`
         <div class="ft-footer-cell ft-pinned" style=${o}>
           ${this.footerData[t.key] ?? ""}</div>
       `);
 		}
-		for (let r = e; r < t; r++) {
-			let e = i[r], t = this._getColWidth(e), o = this._colLeftOffsets[r] ?? 0, c = e.pinned === "left", l = e.pinned === "right", u = c || l, f;
-			f = c ? `position: absolute; top: 0; left: ${s + this._getPinnedLeft(r)}px; width: ${t}px; height: ${a}px; z-index: 2;` : l ? `position: absolute; top: 0; right: ${-s + this._getPinnedRight(r)}px; width: ${t}px; height: ${a}px; z-index: 2;` : `left: ${o}px; width: ${t}px; height: ${a}px;`, d.push(n`
+		for (let n = e; n < t; n++) {
+			let e = r[n], t = this._getColWidth(e), o = this._colLeftOffsets[n] ?? 0, c = e.pinned === "left", l = e.pinned === "right", u = c || l, f;
+			f = c ? `position: absolute; top: 0; left: ${s + this._getPinnedLeft(n)}px; width: ${t}px; height: ${a}px; z-index: 2;` : l ? `position: absolute; top: 0; right: ${-s + this._getPinnedRight(n)}px; width: ${t}px; height: ${a}px; z-index: 2;` : `left: ${o}px; width: ${t}px; height: ${a}px;`, d.push(i`
         <div class="ft-footer-cell ${u ? "ft-pinned" : ""}" style=${f}>
           ${this.footerData[e.key] ?? ""}</div>
       `);
 		}
-		return n`
+		return i`
       <div class="ft-footer" role="row" style="width: ${o}px; height: ${a}px;">
         ${l}${u}
         ${d}
       </div>
     `;
 	}
-	_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`
+	_renderRow(e, t, n, r, a) {
+		let o = this.visibleColumns, s = this._toDataIndex(e), c = this.data[s], l = a ?? e * this.rowHeight, u = this.rowHeight, d = this._totalRowWidth, f = e % 2 == 0 ? "ft-row-even" : "ft-row-odd", p = this.selectable && this._rowSelection.isSelected(e), m = this._scrollLeft, h = 0, g = this.selectable ? i`
       <div class="ft-checkbox-cell"
         style="position: absolute; top: 0; left: ${m + h}px; width: 36px; height: ${u}px; z-index: 2;">
         <input type="checkbox"
@@ -3924,15 +3875,15 @@ var J = {
       </div>
     ` : "";
 		this.selectable && (h += 36);
-		let _ = this._rowDrag?.active && this._rowDrag.rowIndex === e, v = this.showRowNumbers ? n`
+		let _ = this._rowDrag?.active && this._rowDrag.rowIndex === e, v = this.showRowNumbers ? i`
       <div class="ft-row-num ${_ ? "ft-col-dragging" : ""}"
         style="position: absolute; top: 0; left: ${m + h}px; width: 48px; height: ${u}px; z-index: 2; cursor: grab;"
         @mousedown=${(t) => this._onRowNumMouseDown(t, e)}
         @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`
+		for (let t of r) y.push(this._renderCell(c, o[t], e, t));
+		for (let r = t; r < n; r++) y.push(this._renderCell(c, o[r], e, r));
+		return i`
       <div class="ft-row ${f} ${p ? "ft-row-selected" : ""}" role="row"
         style="top: ${l}px; height: ${u}px; width: ${d}px;">
         ${g}${v}
@@ -3940,9 +3891,9 @@ var J = {
       </div>
     `;
 	}
-	_renderCell(e, t, i, a) {
-		let o = this._activeCell?.row === i && this._activeCell?.col === a, s = this._editingCell?.row === i && this._editingCell?.col === a, c = this._selection.isInRange(i, a), l = t.pinned === "left", u = t.pinned === "right", d = l || u, p = this._getColWidth(t), m = this.rowHeight, h = this._colLeftOffsets[a] ?? 0, g;
-		g = l ? `position: absolute; top: 0; left: ${this._scrollLeft + this._getPinnedLeft(a)}px; width: ${p}px; height: ${m}px; z-index: 2;` : u ? `position: absolute; top: 0; right: ${-this._scrollLeft + this._getPinnedRight(a)}px; width: ${p}px; height: ${m}px; z-index: 2;` : `left: ${h}px; width: ${p}px; height: ${m}px;`;
+	_renderCell(e, t, n, r) {
+		let o = this._activeCell?.row === n && this._activeCell?.col === r, s = this._editingCell?.row === n && this._editingCell?.col === r, c = this._selection.isInRange(n, r), l = t.pinned === "left", u = t.pinned === "right", d = l || u, f = this._getColWidth(t), p = this.rowHeight, h = this._colLeftOffsets[r] ?? 0, g;
+		g = l ? `position: absolute; top: 0; left: ${this._scrollLeft + this._getPinnedLeft(r)}px; width: ${f}px; height: ${p}px; z-index: 2;` : u ? `position: absolute; top: 0; right: ${-this._scrollLeft + this._getPinnedRight(r)}px; width: ${f}px; height: ${p}px; z-index: 2;` : `left: ${h}px; width: ${f}px; height: ${p}px;`;
 		let _ = !this._isCellEditable(t);
 		if (t.conditionalRules && t.conditionalRules.length > 0) {
 			let n = e[t.key], r = {};
@@ -3950,16 +3901,16 @@ var J = {
 			let i = Object.entries(r).map(([e, t]) => `${e}: ${t}`).join("; ");
 			i && (g += " " + i + ";");
 		}
-		if (s) return n`
+		if (s) return i`
         <div class="ft-cell ft-editing ft-active ${d ? "ft-pinned" : ""}" role="gridcell"
-          data-col-index=${a}
+          data-col-index=${r}
           aria-selected="true"
-          aria-readonly=${_ ? "true" : r}
+          aria-readonly=${_ ? "true" : a}
           style=${g}>
           ${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, C = [
+		let v = o || c, y = this._isCellInvalid(n, r), b = (this._findState?.results ?? []).findIndex((e) => e.row === n && e.col === r), x = b >= 0, S = x && b === this._findState.currentIndex, C = [
 			"ft-cell",
 			`ft-type-${t.type ?? "text"}`,
 			o ? "ft-active" : "",
@@ -3967,37 +3918,37 @@ var J = {
 			d ? "ft-pinned" : "",
 			y ? "ft-invalid" : "",
 			S ? "ft-find-current" : x ? "ft-find-match" : ""
-		].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`
+		].filter(Boolean).join(" "), w = this._toDataIndex(n), T = this._comments.get(w)?.get(t.key) ?? null, E = T !== null, D = E ? i`<div class="ft-comment-indicator" title=${T}></div>` : a;
+		return i`
       <div class=${E ? C + " ft-has-comment" : C}
         role="gridcell"
-        data-col-index=${a}
+        data-col-index=${r}
         aria-selected=${v ? "true" : "false"}
-        aria-readonly=${_ ? "true" : r}
-        aria-invalid=${y ? "true" : r}
-        title=${y ?? r}
+        aria-readonly=${_ ? "true" : a}
+        aria-invalid=${y ? "true" : a}
+        title=${y ?? a}
         style=${g}
-        @mousedown=${(e) => this._onCellMouseDown(e, i, a)}
-        @mouseenter=${() => this._onCellMouseEnter(i, a)}
-        @click=${(e) => this._onCellClickEvent(e, i, a)}
-        @dblclick=${() => this._onCellDblClick(i, a)}>
+        @mousedown=${(e) => this._onCellMouseDown(e, n, r)}
+        @mouseenter=${() => this._onCellMouseEnter(n, r)}
+        @click=${(e) => this._onCellClickEvent(e, n, r)}
+        @dblclick=${() => this._onCellDblClick(n, r)}>
         ${D}
-        ${f(e[t.key], e, t)}
+        ${m(e[t.key], e, t)}
       </div>
     `;
 	}
 	_renderEditor(e, t) {
 		if (t.editor) return t.editor(e[t.key], e, t);
-		let i = e[t.key], a = i == null ? "" : String(i);
-		if (t.type === "number") return n`
+		let n = e[t.key], r = n == null ? "" : String(n);
+		if (t.type === "number") return i`
         <input class="ft-editor ft-editor-number" type="number"
-          .value=${a}
+          .value=${r}
           @keydown=${this._onEditorKeyDown}
           @blur=${() => this._commitEdit()}>
       `;
 		if (t.type === "date") {
-			let e = this._toDateInputValue(i);
-			return n`
+			let e = this._toDateInputValue(n);
+			return i`
         <input class="ft-editor" type="date"
           .value=${e}
           @keydown=${this._onEditorKeyDown}
@@ -4005,8 +3956,8 @@ var J = {
       `;
 		}
 		if (t.type === "datetime") {
-			let e = this._toDateTimeInputValue(i);
-			return n`
+			let e = this._toDateTimeInputValue(n);
+			return i`
         <input class="ft-editor" type="datetime-local"
           .value=${e}
           @keydown=${this._onEditorKeyDown}
@@ -4015,27 +3966,27 @@ var J = {
 		}
 		if (t.type === "select" && t.options && t.options.length > 0) {
 			let e = t.options, r = typeof e[0] == "string";
-			return n`
+			return i`
         <select class="ft-editor"
           @keydown=${this._onEditorKeyDown}
           @blur=${() => this._commitEdit()}
           @change=${() => this._commitEdit()}>
-          ${r ? e.map((e) => n`<option value=${e} ?selected=${e === i}>${e}</option>`) : e.map((e) => n`<option value=${String(e.value)} ?selected=${e.value === i}>${e.label}</option>`)}
+          ${r ? e.map((e) => i`<option value=${e} ?selected=${e === n}>${e}</option>`) : e.map((e) => i`<option value=${String(e.value)} ?selected=${e.value === n}>${e.label}</option>`)}
         </select>
       `;
 		}
 		if (t.autocomplete) {
-			let e = this._autocompleteState?.candidates ?? [], i = this._autocompleteState?.activeIndex ?? -1;
-			return n`
+			let e = this._autocompleteState?.candidates ?? [], n = this._autocompleteState?.activeIndex ?? -1;
+			return i`
         <input class="ft-editor" type="text"
-          .value=${a}
+          .value=${r}
           @input=${(e) => this._onAutocompleteInput(e, t)}
           @keydown=${this._onEditorKeyDown}
           @blur=${() => this._commitEdit()}>
-        ${e.length > 0 ? n`
+        ${e.length > 0 ? i`
           <div class="ft-autocomplete-dropdown">
-            ${e.map((e, t) => n`
-              <div class="ft-autocomplete-item ${t === i ? "ft-autocomplete-active" : ""}"
+            ${e.map((e, t) => i`
+              <div class="ft-autocomplete-item ${t === n ? "ft-autocomplete-active" : ""}"
                 @mousedown=${(t) => {
 				t.preventDefault(), this._selectAutocompleteCandidate(e);
 			}}>
@@ -4043,12 +3994,12 @@ var J = {
               </div>
             `)}
           </div>
-        ` : r}
+        ` : a}
       `;
 		}
-		return n`
+		return i`
       <input class="ft-editor" type="text"
-        .value=${a}
+        .value=${r}
         @keydown=${this._onEditorKeyDown}
         @blur=${() => this._commitEdit()}>
     `;
@@ -4064,60 +4015,60 @@ var J = {
 		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")}`;
 	}
 };
-q([a({ type: Array })], $.prototype, "columns", void 0), q([a({
+q([s({ type: Array })], $.prototype, "columns", void 0), q([s({
 	type: Array,
 	hasChanged: () => !0
-})], $.prototype, "data", null), q([a({
+})], $.prototype, "data", null), q([s({
 	type: Boolean,
 	attribute: "clear-undo-on-data-change"
-})], $.prototype, "clearUndoOnDataChange", void 0), q([a({
+})], $.prototype, "clearUndoOnDataChange", void 0), q([s({
 	type: Boolean,
 	attribute: "clear-selection-on-data-change"
-})], $.prototype, "clearSelectionOnDataChange", void 0), q([a({
+})], $.prototype, "clearSelectionOnDataChange", void 0), q([s({
 	type: Number,
 	attribute: "row-height"
-})], $.prototype, "rowHeight", null), q([a({
+})], $.prototype, "rowHeight", null), q([s({
 	type: Boolean,
 	attribute: "show-row-numbers"
-})], $.prototype, "showRowNumbers", void 0), q([a({
+})], $.prototype, "showRowNumbers", void 0), q([s({
 	type: String,
 	reflect: !0
-})], $.prototype, "theme", void 0), q([a({
+})], $.prototype, "theme", void 0), q([s({
 	type: Number,
 	attribute: "max-rows"
-})], $.prototype, "maxRows", void 0), q([a({ type: Boolean })], $.prototype, "editable", void 0), q([a({
+})], $.prototype, "maxRows", void 0), q([s({ type: Boolean })], $.prototype, "editable", void 0), q([s({
 	type: Boolean,
 	attribute: "show-filters"
-})], $.prototype, "showFilters", void 0), q([a({
+})], $.prototype, "showFilters", void 0), q([s({
 	type: Boolean,
 	attribute: "show-context-menu"
-})], $.prototype, "showContextMenu", void 0), q([a({
+})], $.prototype, "showContextMenu", void 0), q([s({
 	type: Number,
 	attribute: "frozen-rows"
-})], $.prototype, "frozenRows", void 0), q([a({
+})], $.prototype, "frozenRows", void 0), q([s({
 	type: String,
 	attribute: "empty-message"
-})], $.prototype, "emptyMessage", void 0), q([a({
+})], $.prototype, "emptyMessage", void 0), q([s({
 	type: String,
 	attribute: "no-matching-message"
-})], $.prototype, "noMatchingMessage", void 0), q([a({
+})], $.prototype, "noMatchingMessage", void 0), q([s({
 	type: Boolean,
 	reflect: !0
-})], $.prototype, "loading", void 0), q([a({
+})], $.prototype, "loading", void 0), q([s({
 	type: Boolean,
 	attribute: "import-enabled"
-})], $.prototype, "importEnabled", void 0), q([a({ type: Boolean })], $.prototype, "selectable", void 0), q([a({
+})], $.prototype, "importEnabled", void 0), q([s({ type: Boolean })], $.prototype, "selectable", void 0), q([s({
 	type: String,
 	attribute: "selection-mode"
-})], $.prototype, "selectionMode", null), q([a({
+})], $.prototype, "selectionMode", null), q([s({
 	type: String,
 	attribute: "data-mode"
-})], $.prototype, "dataMode", void 0), q([a({
+})], $.prototype, "dataMode", void 0), q([s({
 	type: Object,
 	attribute: "footer-data"
-})], $.prototype, "footerData", void 0), q([a({ attribute: !1 })], $.prototype, "stylesheets", void 0), q([a({
+})], $.prototype, "footerData", void 0), q([s({ attribute: !1 })], $.prototype, "stylesheets", void 0), q([s({
 	type: Number,
 	attribute: "max-undo-size"
-})], $.prototype, "maxUndoSize", null), q([o()], $.prototype, "_scrollTop", void 0), q([o()], $.prototype, "_scrollLeft", void 0), q([o()], $.prototype, "_viewportHeight", void 0), q([o()], $.prototype, "_viewportWidth", void 0), q([o()], $.prototype, "_activeCell", void 0), q([o()], $.prototype, "_editingCell", void 0), q([o()], $.prototype, "_sortCriteria", void 0), q([o()], $.prototype, "_openFilterKey", void 0), q([o()], $.prototype, "_rowSelectionVersion", void 0), q([o()], $.prototype, "_autocompleteState", void 0), q([o()], $.prototype, "_headerMenu", void 0), q([o()], $.prototype, "_bodyContextMenu", void 0), q([o()], $.prototype, "_commentPopup", void 0), q([o()], $.prototype, "_isDragOver", void 0), $ = q([i("flex-table")], $);
+})], $.prototype, "maxUndoSize", null), q([c()], $.prototype, "_scrollTop", void 0), q([c()], $.prototype, "_scrollLeft", void 0), q([c()], $.prototype, "_viewportHeight", void 0), q([c()], $.prototype, "_viewportWidth", void 0), q([c()], $.prototype, "_activeCell", void 0), q([c()], $.prototype, "_editingCell", void 0), q([c()], $.prototype, "_sortCriteria", void 0), q([c()], $.prototype, "_openFilterKey", void 0), q([c()], $.prototype, "_rowSelectionVersion", void 0), q([c()], $.prototype, "_autocompleteState", void 0), q([c()], $.prototype, "_headerMenu", void 0), q([c()], $.prototype, "_bodyContextMenu", void 0), q([c()], $.prototype, "_commentPopup", void 0), q([c()], $.prototype, "_isDragOver", void 0), $ = q([o("flex-table")], $);
 //#endregion
-export { f as a, x as i, z as n, D as r, $ as t };
+export { m as a, C as i, L as n, E as r, $ as t };