@iyulab/flex-table 0.55.2 → 0.56.1

package/dist/{flex-table-D3E9npd9.js → flex-table-DKBcfNA4.js}

@@ -1059,25 +1059,25 @@ function E(e, t) {
 //#endregion
 //#region src/renderers/cell-renderer.ts
 function D(e, t, n) {
-	return n.render ? n.render(e, t, n) : n.format ? typeof n.format == "function" ? n.format(e, t, n) : C(e, n.format) : O(e, n);
+	return n.render ? n.render(e, t, n) : n.format ? typeof n.format == "function" ? n.format(e, t, n) : C(e, n.format) : ee(e, n);
 }
-function O(e, t) {
+function ee(e, t) {
 	if (e == null) return "";
 	switch (t.type) {
-		case "number": return ne(e);
+		case "number": return re(e);
 		case "boolean": return a`<span class="ft-bool">${e ? "✔" : ""}</span>`;
-		case "date": return re(e);
-		case "datetime": return ie(e);
-		case "select": return ee(e, t);
+		case "date": return ie(e);
+		case "datetime": return ae(e);
+		case "select": return te(e, t);
 		default: return String(e);
 	}
 }
-function ee(e, t) {
+function te(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);
 }
-var te = {
+var ne = {
 	year: "numeric",
 	month: "numeric",
 	day: "numeric",
@@ -1085,18 +1085,18 @@ var te = {
 	minute: "numeric",
 	second: "numeric"
 };
-function ne(e) {
+function re(e) {
 	return typeof e == "number" ? Number.isInteger(e) ? f(e) : f(e, { minimumFractionDigits: 1 }) : String(e);
 }
-function re(e) {
+function ie(e) {
 	return e instanceof Date || typeof e == "string" ? d(e) : String(e);
 }
-function ie(e) {
-	return e instanceof Date || typeof e == "string" ? d(e, te) : String(e);
+function ae(e) {
+	return e instanceof Date || typeof e == "string" ? d(e, ne) : String(e);
 }
 //#endregion
 //#region src/core/selection.ts
-function ae(e) {
+function oe(e) {
 	return {
 		startRow: Math.min(e.startRow, e.endRow),
 		startCol: Math.min(e.startCol, e.endCol),
@@ -1104,7 +1104,7 @@ function ae(e) {
 		endCol: Math.max(e.startCol, e.endCol)
 	};
 }
-var oe = class {
+var se = class {
 	constructor() {
 		this.activeCell = null, this.rangeAnchor = null, this.range = null, this.extraRanges = [], this._rowCount = 0, this._colCount = 0;
 	}
@@ -1131,7 +1131,7 @@ var oe = class {
 		return e < 0 || e >= this._rowCount || t < 0 || t >= this._colCount ? this.activeCell : (!this.rangeAnchor && this.activeCell && (this.rangeAnchor = { ...this.activeCell }), this.activeCell = {
 			row: e,
 			col: t
-		}, this.rangeAnchor && (this.range = ae({
+		}, this.rangeAnchor && (this.range = oe({
 			startRow: this.rangeAnchor.row,
 			startCol: this.rangeAnchor.col,
 			endRow: e,
@@ -1202,14 +1202,15 @@ var oe = class {
 	shiftMoveRight() {
 		return this.activeCell ? this.setActiveWithRange(this.activeCell.row, this.activeCell.col + 1) : null;
 	}
-}, se = class {
+}, ce = class {
 	constructor() {
 		this.current = null;
 	}
-	start(e, t) {
+	start(e, t, n) {
 		this.current = {
 			position: e,
-			originalValue: t
+			originalValue: t,
+			row: n
 		};
 	}
 	isEditing(e, t) {
@@ -1223,9 +1224,9 @@ var oe = class {
 		let e = this.current;
 		return this.current = null, e;
 	}
-}, k = class {
+}, O = class {
 	constructor() {
-		this._selected = /* @__PURE__ */ new Set(), this._mode = "multi", this._rowCount = 0;
+		this._selected = /* @__PURE__ */ new Set(), this._mode = "multi";
 	}
 	get mode() {
 		return this._mode;
@@ -1236,27 +1237,24 @@ var oe = class {
 			this._selected.clear(), e !== void 0 && this._selected.add(e);
 		}
 	}
-	setRowCount(e) {
-		this._rowCount = e;
-		for (let t of this._selected) t >= e && this._selected.delete(t);
-	}
-	get selectedIndices() {
-		return [...this._selected].sort((e, t) => e - t);
+	get selectedIds() {
+		return [...this._selected];
 	}
 	get selectedCount() {
 		return this._selected.size;
 	}
-	get isAllSelected() {
-		return this._rowCount > 0 && this._selected.size === this._rowCount;
-	}
-	get isSomeSelected() {
-		return this._selected.size > 0 && this._selected.size < this._rowCount;
-	}
 	isSelected(e) {
 		return this._selected.has(e);
 	}
+	isAllSelected(e) {
+		return e.length > 0 && e.every((e) => this._selected.has(e));
+	}
+	isSomeSelected(e) {
+		let t = e.reduce((e, t) => e + +!!this._selected.has(t), 0);
+		return t > 0 && t < e.length;
+	}
 	toggle(e) {
-		this._mode === "single" ? this._selected.has(e) ? this._selected.clear() : (this._selected.clear(), this._selected.add(e)) : this._selected.has(e) ? this._selected.delete(e) : this._selected.add(e);
+		this._selected.has(e) ? this._selected.delete(e) : this.select(e);
 	}
 	select(e) {
 		this._mode === "single" && this._selected.clear(), this._selected.add(e);
@@ -1264,27 +1262,36 @@ var oe = class {
 	deselect(e) {
 		this._selected.delete(e);
 	}
-	selectAll() {
-		if (this._mode !== "single") {
-			this._selected.clear();
-			for (let e = 0; e < this._rowCount; e++) this._selected.add(e);
-		}
+	selectAll(e) {
+		if (this._mode !== "single") for (let t of e) this._selected.add(t);
+	}
+	deselectMany(e) {
+		for (let t of e) this._selected.delete(t);
 	}
 	deselectAll() {
 		this._selected.clear();
 	}
-	selectRange(e, t) {
-		if (this._mode === "single") {
-			this.select(t);
+	set(e) {
+		let t = [...new Set(e)], n = this._mode === "single" ? t.slice(-1) : t;
+		return n.length === this._selected.size && n.every((e) => this._selected.has(e)) ? !1 : (this._selected = new Set(n), !0);
+	}
+	retain(e) {
+		let t = !1;
+		for (let n of this._selected) e(n) || (this._selected.delete(n), t = !0);
+		return t;
+	}
+	selectRange(e, t, n) {
+		let r = e.indexOf(t), i = e.indexOf(n);
+		if (this._mode === "single" || r < 0 || i < 0) {
+			this.select(n);
 			return;
 		}
-		let n = Math.min(e, t), r = Math.max(e, t);
-		for (let e = n; e <= r; e++) e >= 0 && e < this._rowCount && this._selected.add(e);
+		for (let t = Math.min(r, i); t <= Math.max(r, i); t++) this._selected.add(e[t]);
 	}
 };
 //#endregion
 //#region src/core/filtering.ts
-function ce(e, t, n) {
+function k(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++) {
@@ -1756,7 +1763,9 @@ var K = {
 	lte: "≤"
 }, q = 120, J = 40, Y = 20, X = 32, Z = 5, Xe = 200, Q = class extends r {
 	constructor(...e) {
-		super(...e), this.columns = [], this._data = [], this._inUndoRedo = !1, this.clearUndoOnDataChange = !1, this.clearSelectionOnDataChange = !1, this._rowHeightFromCss = X, this._targetFloor = 0, this.showRowNumbers = !1, this.theme = void 0, this.maxRows = 0, this.editable = !0, this.showFilters = !1, this.showContextMenu = !1, this.frozenRows = 0, this.emptyMessage = "", this.noMatchingMessage = "", this.error = null, 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._headerCol = null, this._focusedCellEl = null, this._editingCell = null, this._sortCriteria = [], this._selection = new oe(), this._editing = new se(), this._rowSelection = new k(), this._undo = new A(), this._filters = [], this._filteredIndices = [], this._sortedIndices = [], this._openFilterKey = null, this._rowSelectionVersion = 0, this._lastCheckboxRowIndex = null, this._checkboxShiftPending = !1, this._autocompleteState = null, this._headerMenu = null, this._bodyContextMenu = null, this._commentPopup = null, this._viewDirty = !0, this._isDragging = !1, this._wasDrag = !1, this._resizing = null, this._resizeCleanup = null, this._wasHeaderDrag = !1, this._wasRowDrag = !1, this._colDrag = null, this._colDragIndicatorLeft = null, this._fillDrag = null, this._rowDrag = null, this._rowDragIndicatorY = null, this._findState = null, this._columnWidths = /* @__PURE__ */ new Map(), this._hostResizeObserver = null, this._comments = /* @__PURE__ */ new Map(), this._isDragOver = !1, this._warnedUnconstrained = !1, this._onHostFocus = (e) => {
+		super(...e), this.columns = [], this._data = [], this._inUndoRedo = !1, this.clearUndoOnDataChange = !1, this.clearSelectionOnDataChange = !1, this.rowKey = "_id", this._rowHeightFromCss = X, this._targetFloor = 0, this.showRowNumbers = !1, this.theme = void 0, this.maxRows = 0, this.editable = !0, this.showFilters = !1, this.showContextMenu = !1, this.frozenRows = 0, this.emptyMessage = "", this.noMatchingMessage = "", this.error = null, 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._headerCol = null, this._focusedCellEl = null, this._editingCell = null, this._sortCriteria = [], this._selection = new se(), this._editing = new ce(), this._rowSelection = new O(), this._undo = new A(), this._filters = [], this._filteredIndices = [], this._sortedIndices = [], this._openFilterKey = null, this._rowSelectionVersion = 0, this._lastCheckboxRowId = null, this._unkeyedIds = /* @__PURE__ */ new WeakMap(), this._unkeyedSeq = 0, this._visibleIdsCache = null, this._checkboxShiftPending = !1, this._autocompleteState = null, this._headerMenu = null, this._bodyContextMenu = null, this._commentPopup = null, this._viewDirty = !0, this._isDragging = !1, this._wasDrag = !1, this._resizing = null, this._resizeCleanup = null, this._wasHeaderDrag = !1, this._wasRowDrag = !1, this._colDrag = null, this._colDragIndicatorLeft = null, this._fillDrag = null, this._rowDrag = null, this._rowDragIndicatorY = null, this._findState = null, this._columnWidths = /* @__PURE__ */ new Map(), this._hostResizeObserver = null, this._comments = /* @__PURE__ */ new Map(), this._isDragOver = !1, this._editorMoving = !1, this._onEditorBlur = (e) => {
+			!this._editorMoving && e.currentTarget?.isConnected && this._commitEdit();
+		}, this._warnedUnconstrained = !1, this._onHostFocus = (e) => {
 			e.composedPath()[0] !== this || this._activeCell || this._headerCol !== null || this.visibleColumns.length !== 0 && this.matches(":focus-visible") && (this._visibleRowCount > 0 ? (this._selection.setActive(0, 0), this._syncActiveCell()) : this._headerCol = 0);
 		}, this._onFocusIn = (e) => {
 			let t = e.composedPath()[0];
@@ -1784,7 +1793,7 @@ var K = {
 	}
 	set data(e) {
 		let t = this._data, n = e !== t;
-		this._data = e, n && !this._inUndoRedo && (this.clearUndoOnDataChange && this._undo.clear(), this.clearSelectionOnDataChange && this._rowSelection.selectedCount > 0 && (this._rowSelection.deselectAll(), this._rowSelectionVersion++, this._dispatchRowSelectionEvent())), this.requestUpdate("data", t);
+		this._data = e, n && !this._inUndoRedo && (this.clearUndoOnDataChange && this._undo.clear(), this._comments.size > 0 && this._pruneGoneUnkeyedComments(), this._rowSelection.selectedCount > 0 && (this.clearSelectionOnDataChange ? (this._rowSelection.deselectAll(), 1) : this._pruneGoneUnkeyedRows()) && (this._rowSelectionVersion++, this._dispatchRowSelectionEvent())), this.requestUpdate("data", t);
 	}
 	get rowHeight() {
 		let e = this._rowHeightExplicit ?? this._rowHeightFromCss ?? X;
@@ -1835,14 +1844,28 @@ var K = {
 		return this._filteredIndices.length;
 	}
 	getSelectedRows() {
-		let e = this._rowSelection.selectedIndices.map((e) => this._toDataIndex(e)).filter((e) => e >= 0 && e < this.data.length);
+		let e = [];
+		if (this._rowSelection.selectedCount > 0) for (let t = 0; t < this.data.length; t++) this._rowSelection.isSelected(this.getRowId(this.data[t])) && e.push(t);
 		return {
+			selectedIds: this._rowSelection.selectedIds,
 			selectedIndices: e,
 			selectedRows: e.map((e) => this.data[e])
 		};
 	}
+	getRowId(e) {
+		let t = this.rowKey, n = typeof t == "function" ? t(e) : e[t];
+		if (n != null && n !== "") return String(n);
+		let r = this._unkeyedIds.get(e);
+		return r === void 0 && (r = `#${++this._unkeyedSeq}`, this._unkeyedIds.set(e, r)), r;
+	}
+	get selectedRowIds() {
+		return new Set(this._rowSelection.selectedIds);
+	}
+	setSelection(e) {
+		this.selectable && this._rowSelection.set(e) && (this._rowSelectionVersion++, this._dispatchRowSelectionEvent(), this.requestUpdate());
+	}
 	selectAll() {
-		this.selectable && (this._rowSelection.selectAll(), this._rowSelectionVersion++, this._dispatchRowSelectionEvent());
+		this.selectable && (this._rowSelection.selectAll(this._visibleRowIds()), this._rowSelectionVersion++, this._dispatchRowSelectionEvent());
 	}
 	deselectAll() {
 		this.selectable && (this._rowSelection.deselectAll(), this._rowSelectionVersion++, this._dispatchRowSelectionEvent());
@@ -1851,17 +1874,38 @@ var K = {
 		if (this.selectable) {
 			for (let t = 0; t < this._visibleRowCount; t++) {
 				let n = this._toDataIndex(t), r = this.data[n];
-				r !== void 0 && e(r, n) && this._rowSelection.select(t);
+				r !== void 0 && e(r, n) && this._rowSelection.select(this.getRowId(r));
 			}
 			this._rowSelectionVersion++, this._dispatchRowSelectionEvent(), this.requestUpdate();
 		}
 	}
 	_dispatchRowSelectionEvent() {
-		let { selectedIndices: e, selectedRows: t } = this.getSelectedRows();
-		this._emit("selection-change", {
-			selectedIndices: e,
-			selectedRows: t
-		});
+		this._emit("selection-change", this.getSelectedRows());
+	}
+	_visibleRowIds() {
+		let e = this._visibleIdsCache;
+		if (e && e.order === this._sortedIndices && e.data === this.data && e.key === this.rowKey && e.ids.length === this._visibleRowCount) return e.ids;
+		let t = [];
+		for (let e = 0; e < this._visibleRowCount; e++) {
+			let n = this.data[this._toDataIndex(e)];
+			n !== void 0 && t.push(this.getRowId(n));
+		}
+		return this._visibleIdsCache = {
+			order: this._sortedIndices,
+			data: this.data,
+			key: this.rowKey,
+			ids: t
+		}, t;
+	}
+	_pruneGoneUnkeyedComments() {
+		if (![...this._comments.keys()].some((e) => e.startsWith("#"))) return;
+		let e = new Set(this.data.map((e) => this.getRowId(e)));
+		for (let t of [...this._comments.keys()]) t.startsWith("#") && !e.has(t) && this._comments.delete(t);
+	}
+	_pruneGoneUnkeyedRows() {
+		if (!this._rowSelection.selectedIds.some((e) => e.startsWith("#"))) return !1;
+		let e = new Set(this.data.map((e) => this.getRowId(e)));
+		return this._rowSelection.retain((t) => !t.startsWith("#") || e.has(t));
 	}
 	setFilter(e, t) {
 		this._filters = this._filters.filter((t) => t.key !== e), this._filters.push({
@@ -2037,57 +2081,68 @@ var K = {
 		}), this._dispatchUndoStateEvent(), n;
 	}
 	deleteRows(e) {
-		let t = e ?? this._getSelectedDataRows();
+		let t = e ?? (this.selectable ? this.getSelectedRows().selectedIndices : this._getSelectedDataRows());
 		if (t.length === 0) return;
 		let n = [...t].sort((e, t) => t - e), r = [];
 		for (let e of n) e >= 0 && e < this.data.length && (r.push({
 			index: e,
 			row: this.data[e]
 		}), this.data.splice(e, 1));
-		if (r.length !== 0) {
-			if (r.reverse(), this._undo.push({
-				label: "row-delete",
-				undo: () => {
-					for (let { index: e, row: t } of r) this.data.splice(e, 0, t);
-					this.requestUpdate();
-				},
-				redo: () => {
-					let e = [...r].reverse();
-					for (let { index: t } of e) this.data.splice(t, 1);
-					this.requestUpdate();
-				}
-			}), this._activeCell) {
-				let e = this._toDataIndex(this._activeCell.row);
-				t.includes(e) && (this._selection.clear(), this._activeCell = null);
+		if (r.length === 0) return;
+		r.reverse();
+		let i = /* @__PURE__ */ new Map();
+		for (let { row: e } of r) {
+			let t = this.getRowId(e), n = this._comments.get(t);
+			n && (i.set(t, n), this._comments.delete(t));
+		}
+		this._undo.push({
+			label: "row-delete",
+			undo: () => {
+				for (let { index: e, row: t } of r) this.data.splice(e, 0, t);
+				for (let [e, t] of i) this._comments.set(e, t);
+				this.requestUpdate();
+			},
+			redo: () => {
+				let e = [...r].reverse();
+				for (let { index: t } of e) this.data.splice(t, 1);
+				for (let e of i.keys()) this._comments.delete(e);
+				this.requestUpdate();
 			}
-			this.requestUpdate(), this._emit("row-delete", {
-				indices: r.map((e) => e.index),
-				rows: r.map((e) => e.row)
-			}), this._dispatchUndoStateEvent();
+		});
+		let a = r.map((e) => this.getRowId(e.row)).filter((e) => this._rowSelection.isSelected(e));
+		if (a.length > 0 && (this._rowSelection.deselectMany(a), this._rowSelectionVersion++, this._dispatchRowSelectionEvent()), this._activeCell) {
+			let e = this._toDataIndex(this._activeCell.row);
+			t.includes(e) && (this._selection.clear(), this._activeCell = null);
 		}
+		this.requestUpdate(), this._emit("row-delete", {
+			indices: r.map((e) => e.index),
+			rows: r.map((e) => e.row)
+		}), this._dispatchUndoStateEvent();
 	}
 	updateRows(e) {
 		if (e.length === 0) return;
-		let t = [];
-		for (let n of e) {
-			if (n.row < 0 || n.row >= this.data.length) continue;
-			let e = this.data[n.row][n.key];
-			this.data[n.row][n.key] = n.value, t.push({
-				row: n.row,
-				key: n.key,
+		let t = [], n = [];
+		for (let r of e) {
+			if (r.row < 0 || r.row >= this.data.length) continue;
+			let e = this.data[r.row][r.key];
+			this.data[r.row][r.key] = r.value, t.push({
+				row: r.row,
+				key: r.key,
 				oldValue: e,
-				newValue: n.value
-			});
+				newValue: r.value
+			}), n.push(this.data[r.row]);
 		}
 		t.length !== 0 && (this._undo.push({
 			label: "batch-update",
 			undo: () => {
-				for (let e of t) this.data[e.row][e.key] = e.oldValue;
-				this.requestUpdate();
+				t.forEach((e, t) => {
+					n[t][e.key] = e.oldValue;
+				}), this.requestUpdate();
 			},
 			redo: () => {
-				for (let e of t) this.data[e.row][e.key] = e.newValue;
-				this.requestUpdate();
+				t.forEach((e, t) => {
+					n[t][e.key] = e.newValue;
+				}), this.requestUpdate();
 			}
 		}), this.requestUpdate(), this._emit("batch-update", { changes: t }), this._dispatchUndoStateEvent());
 	}
@@ -2135,14 +2190,16 @@ var K = {
 		};
 	}
 	setComment(e, t, n) {
-		let r = this.getComment(e, t);
-		this._applyComment(e, t, n), this._undo.push({
+		let r = this.data[e];
+		if (!r) return;
+		let i = this.getRowId(r), a = this._comments.get(i)?.get(t) ?? null;
+		this._applyComment(i, t, n), this._undo.push({
 			label: "comment",
 			undo: () => {
-				this._applyComment(e, t, r);
+				this._applyComment(i, t, a);
 			},
 			redo: () => {
-				this._applyComment(e, t, n);
+				this._applyComment(i, t, n);
 			}
 		});
 	}
@@ -2152,23 +2209,29 @@ var K = {
 			let n = this._comments.get(e);
 			n && (n.delete(t), n.size === 0 && this._comments.delete(e));
 		}
+		let r = this.data.findIndex((t) => this.getRowId(t) === e);
 		this._emit("comment-change", {
-			dataIndex: e,
+			dataIndex: r,
+			id: e,
 			colKey: t,
 			text: n ?? null
 		}), this.requestUpdate();
 	}
 	getComment(e, t) {
-		return this._comments.get(e)?.get(t) ?? null;
+		let n = this.data[e];
+		return n ? this._comments.get(this.getRowId(n))?.get(t) ?? null : null;
 	}
 	getAllComments() {
 		let e = [];
-		for (let [t, n] of this._comments) for (let [r, i] of n) e.push({
-			dataIndex: t,
-			colKey: r,
-			text: i
-		});
-		return e;
+		return this._comments.size === 0 || this.data.forEach((t, n) => {
+			let r = this.getRowId(t);
+			for (let [t, i] of this._comments.get(r) ?? []) e.push({
+				dataIndex: n,
+				id: r,
+				colKey: t,
+				text: i
+			});
+		}), e;
 	}
 	clearComments() {
 		let e = new Map([...this._comments].map(([e, t]) => [e, new Map(t)]));
@@ -2354,10 +2417,10 @@ var K = {
 		};
 	}
 	willUpdate(e) {
-		(!(e.size <= 2 && !e.has("data") && !e.has("columns") && !e.has("_openFilterKey") && !e.has("_editingCell") && !e.has("_activeCell") && (e.has("_scrollTop") || e.has("_scrollLeft"))) || this._viewDirty) && (this._recomputeView(), this._viewDirty = !1), this._updateColOffsets(), this._selection.setDimensions(this._visibleRowCount, this.visibleColumns.length), this._rowSelection.setRowCount(this._visibleRowCount);
+		(!(e.size <= 2 && !e.has("data") && !e.has("columns") && !e.has("_openFilterKey") && !e.has("_editingCell") && !e.has("_activeCell") && (e.has("_scrollTop") || e.has("_scrollLeft"))) || this._viewDirty) && (this._recomputeView(), this._viewDirty = !1, this._followEditingRow()), this._updateColOffsets(), this._selection.setDimensions(this._visibleRowCount, this.visibleColumns.length);
 	}
 	updated(e) {
-		this._focusEditor(), this._syncGridFocus(), this._adjustFilterDropdown(), e.has("_headerMenu") && this._keepMenuInView(".ft-header-menu"), e.has("_bodyContextMenu") && this._bodyContextMenu && (this._keepMenuInView(".ft-body-context-menu"), this.shadowRoot?.querySelector(".ft-body-context-menu [role=\"menuitem\"]")?.focus()), e.has("stylesheets") && this._syncStylesheets();
+		this._focusEditor(), this._editorMoving = !1, this._syncGridFocus(), this._adjustFilterDropdown(), e.has("_headerMenu") && this._keepMenuInView(".ft-header-menu"), e.has("_bodyContextMenu") && this._bodyContextMenu && (this._keepMenuInView(".ft-body-context-menu"), this.shadowRoot?.querySelector(".ft-body-context-menu [role=\"menuitem\"]")?.focus()), e.has("stylesheets") && this._syncStylesheets();
 		let t = String(1 + this._visibleRowCount + +!!this.footerData), n = String(this.visibleColumns.length);
 		if (this.getAttribute("aria-rowcount") !== t && this.setAttribute("aria-rowcount", t), this.getAttribute("aria-colcount") !== n && this.setAttribute("aria-colcount", n), this.loading ? this.getAttribute("aria-busy") !== "true" && this.setAttribute("aria-busy", "true") : this.hasAttribute("aria-busy") && this.removeAttribute("aria-busy"), e.has("_commentPopup") && this._commentPopup) {
 			let e = this.shadowRoot?.querySelector(".ft-comment-popup textarea");
@@ -2369,7 +2432,7 @@ var K = {
 			this._filteredIndices = Array.from({ length: this.data.length }, (e, t) => t), this._sortedIndices = this._filteredIndices;
 			return;
 		}
-		if (this._filteredIndices = ce(this.data, this._filters, (e, t, n) => {
+		if (this._filteredIndices = k(this.data, this._filters, (e, t, n) => {
 			this._emit("filter-error", {
 				error: e,
 				row: t,
@@ -2382,12 +2445,32 @@ var K = {
 			this._sortedIndices = t.map((e) => this._filteredIndices[e]);
 		}
 	}
+	_followEditingRow() {
+		let e = this._editing.current;
+		if (!e) return;
+		let t = this.data.indexOf(e.row), n = t < 0 ? -1 : this._sortedIndices.indexOf(t);
+		if (n < 0) {
+			this._cancelEdit();
+			return;
+		}
+		if (n === e.position.row) return;
+		let r = this.shadowRoot?.querySelector(".ft-editor");
+		r && "value" in r && (e.draft = r.value), this._editorMoving = !0, e.position = {
+			row: n,
+			col: e.position.col
+		}, this._editingCell = { ...e.position }, this._activeCell = this._selection.setActive(n, e.position.col);
+	}
 	_toDataIndex(e) {
 		return this._sortedIndices[e] ?? e;
 	}
 	_focusEditor() {
 		if (!this._editingCell) return;
-		let e = this.shadowRoot?.querySelector(".ft-editor");
+		let e = this.shadowRoot?.querySelector(".ft-editor"), t = this._editing.current;
+		if (e && t?.draft !== void 0) {
+			let n = t.draft;
+			t.draft = void 0, e.value = n, e.focus(), e.type === "text" && e.setSelectionRange(e.value.length, e.value.length);
+			return;
+		}
 		if (e && this.shadowRoot.activeElement !== e) {
 			if (e.localName === "u-date-picker") {
 				let t = e;
@@ -2492,6 +2575,7 @@ var K = {
 		let t = this._toDataIndex(this._activeCell.row), n = this.data[t];
 		n && this._emit("row-activate", {
 			row: n,
+			id: this.getRowId(n),
 			index: t,
 			col: this._activeCell.col,
 			key: e?.key
@@ -2507,7 +2591,7 @@ var K = {
 			return;
 		}
 		let t = this._toDataIndex(this._activeCell.row), n = this.data[t];
-		this._editing.start(this._activeCell, n[e.key]), this._editingCell = { ...this._activeCell }, this._emit("cell-edit-start", {
+		this._editing.start(this._activeCell, n[e.key], n), this._editingCell = { ...this._activeCell }, this._emit("cell-edit-start", {
 			row: t,
 			col: this._activeCell.col,
 			key: e.key,
@@ -2550,12 +2634,20 @@ var K = {
 		this._autocompleteState = null;
 		let n = this._editing.commit();
 		if (this._editingCell = null, !n) return;
-		let { row: r, col: i } = n.position, a = this._toDataIndex(r), o = this.visibleColumns[i], s = n.originalValue;
+		let { col: r } = n.position, i = n.row, a = this.data.indexOf(i);
+		if (a < 0) {
+			this._emit("cell-edit-cancel", {
+				row: -1,
+				col: r
+			});
+			return;
+		}
+		let o = this.visibleColumns[r], s = n.originalValue;
 		if (o.autocomplete === "strict" && t != null && t !== "" && !this._getAutocompleteCandidates(o, "").includes(String(t))) {
 			let n = e("notInList");
-			this._markCellInvalid(r, i, () => e("notInList")), this._emit("validation-error", {
+			this._markCellInvalid(i, o, () => e("notInList")), this._emit("validation-error", {
 				row: a,
-				col: i,
+				col: r,
 				key: o.key,
 				value: t,
 				error: n
@@ -2564,9 +2656,9 @@ var K = {
 		}
 		if (o.type === "number" && typeof t == "string" || o.type === "date" && typeof t == "string" && p(t) === null || o.type === "datetime" && typeof t == "string" && m(t) === null) {
 			let n = o.type === "number" ? "notANumber" : o.type === "date" ? "notADate" : "notADateTime", s = e(n);
-			this._markCellInvalid(r, i, () => e(n)), this._emit("validation-error", {
+			this._markCellInvalid(i, o, () => e(n)), this._emit("validation-error", {
 				row: a,
-				col: i,
+				col: r,
 				key: o.key,
 				value: t,
 				error: s
@@ -2574,11 +2666,11 @@ var K = {
 			return;
 		}
 		if (o.validator) {
-			let e = o.validator(t, this.data[a], o);
+			let e = o.validator(t, i, o);
 			if (e) {
-				this._markCellInvalid(r, i, e), this._emit("validation-error", {
+				this._markCellInvalid(i, o, e), this._emit("validation-error", {
 					row: a,
-					col: i,
+					col: r,
 					key: o.key,
 					value: t,
 					error: e
@@ -2586,17 +2678,17 @@ var K = {
 				return;
 			}
 		}
-		this.data[a][o.key] = t, this._undo.push({
+		i[o.key] = t, this._undo.push({
 			label: "cell-edit",
 			undo: () => {
-				this.data[a][o.key] = s, this.requestUpdate();
+				i[o.key] = s, this.requestUpdate();
 			},
 			redo: () => {
-				this.data[a][o.key] = t, this.requestUpdate();
+				i[o.key] = t, this.requestUpdate();
 			}
 		}), this.requestUpdate(), this._emit("cell-edit-commit", {
 			row: a,
-			col: i,
+			col: r,
 			key: o.key,
 			oldValue: s,
 			newValue: t
@@ -2606,7 +2698,7 @@ var K = {
 		this._autocompleteState = null;
 		let e = this._editing.cancel();
 		this._editingCell = null, e && this._emit("cell-edit-cancel", {
-			row: e.position.row,
+			row: this.data.indexOf(e.row),
 			col: e.position.col
 		});
 	}
@@ -2722,7 +2814,11 @@ var K = {
 			}
 			if (!this._handleCtrlKey(e) && !this._handleAltKey(e, t)) {
 				if (e.key === " " && e.shiftKey && this.selectable && this._activeCell && !e.ctrlKey && !e.metaKey && !e.altKey) {
-					e.preventDefault(), this._rowSelection.toggle(this._activeCell.row), this._lastCheckboxRowIndex = this._activeCell.row, this._rowSelectionVersion++, this._dispatchRowSelectionEvent();
+					e.preventDefault();
+					let t = this.data[this._toDataIndex(this._activeCell.row)];
+					if (!t) return;
+					let n = this.getRowId(t);
+					this._rowSelection.toggle(n), this._lastCheckboxRowId = n, this._rowSelectionVersion++, this._dispatchRowSelectionEvent();
 					return;
 				}
 				if (this._activeCell && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
@@ -2887,17 +2983,24 @@ var K = {
 		if (t.length === 0) return;
 		let n = this._expandRowsForPaste(this._activeCell.row, t.length), r = this._applyPasteData(this._activeCell, t);
 		if (this._selectPastedRange(this._activeCell, t), r.length > 0 || n.length > 0) {
-			let e = n.length;
+			let e = r.map((e) => this.data[e.row]), t = n.map((e) => this.data[e]);
 			this._undo.push({
 				label: "paste",
 				undo: () => {
-					for (let e of r) this.data[e.row][e.key] = e.oldValue;
-					e > 0 && this.data.splice(this.data.length - e, e), this.requestUpdate();
+					r.forEach((t, n) => {
+						e[n][t.key] = t.oldValue;
+					});
+					for (let e of t) {
+						let t = this.data.indexOf(e);
+						t >= 0 && this.data.splice(t, 1);
+					}
+					this.requestUpdate();
 				},
 				redo: () => {
-					if (e > 0) for (let t = 0; t < e; t++) this.data.push(this._createEmptyRow());
-					for (let e of r) this.data[e.row][e.key] = e.newValue;
-					this.requestUpdate();
+					for (let e of t) this.data.push(e);
+					r.forEach((t, n) => {
+						e[n][t.key] = t.newValue;
+					}), this.requestUpdate();
 				}
 			}), this._dispatchUndoStateEvent();
 		}
@@ -3021,7 +3124,7 @@ var K = {
 				r.add(i);
 				let o = t[e], s = this.data[a][o.key], c = o.type === "boolean" ? !1 : o.type === "number" ? 0 : "";
 				this.data[a][o.key] = c, n.push({
-					dataRow: a,
+					target: this.data[a],
 					key: o.key,
 					oldValue: s,
 					clearValue: c
@@ -3031,11 +3134,11 @@ var K = {
 		n.length > 0 && (this._undo.push({
 			label: "clear",
 			undo: () => {
-				for (let e of n) this.data[e.dataRow][e.key] = e.oldValue;
+				for (let e of n) e.target[e.key] = e.oldValue;
 				this.requestUpdate();
 			},
 			redo: () => {
-				for (let e of n) this.data[e.dataRow][e.key] = e.clearValue;
+				for (let e of n) e.target[e.key] = e.clearValue;
 				this.requestUpdate();
 			}
 		}), this._dispatchUndoStateEvent()), this.requestUpdate();
@@ -3047,7 +3150,7 @@ var K = {
 			for (let r = e.startCol; r <= e.endCol; r++) {
 				let e = t[r], a = this.data[i][e.key], o = e.type === "boolean" ? !1 : e.type === "number" ? 0 : "";
 				this.data[i][e.key] = o, n.push({
-					dataRow: i,
+					target: this.data[i],
 					key: e.key,
 					oldValue: a,
 					clearValue: o
@@ -3057,11 +3160,11 @@ var K = {
 		n.length > 0 && (this._undo.push({
 			label: "clear",
 			undo: () => {
-				for (let e of n) this.data[e.dataRow][e.key] = e.oldValue;
+				for (let e of n) e.target[e.key] = e.oldValue;
 				this.requestUpdate();
 			},
 			redo: () => {
-				for (let e of n) this.data[e.dataRow][e.key] = e.clearValue;
+				for (let e of n) e.target[e.key] = e.clearValue;
 				this.requestUpdate();
 			}
 		}), this._dispatchUndoStateEvent()), this.requestUpdate();
@@ -3654,7 +3757,7 @@ var K = {
     `;
 	}
 	_cellKey(e, t) {
-		return `${e}:${t}`;
+		return `${this.getRowId(e)}\u0000${t.key}`;
 	}
 	_markCellInvalid(e, t, n) {
 		let r = this._cellKey(e, t), i = this._invalidCells.get(r);
@@ -3846,38 +3949,40 @@ var K = {
 		}, this._fillDrag.targetRange = u, this.requestUpdate();
 	}
 	_applyFillHandle(e, t) {
-		let n = this.visibleColumns, r = [];
-		for (let i = t.startCol; i <= t.endCol; i++) {
-			let a = n[i], o = [];
-			for (let t = e.startRow; t <= e.endRow; t++) o.push(this.data[this._toDataIndex(t)][a.key]);
-			let s = this._detectNumericSeries(o);
+		let n = this.visibleColumns, r = [], i = [];
+		for (let a = t.startCol; a <= t.endCol; a++) {
+			let o = n[a], s = [];
+			for (let t = e.startRow; t <= e.endRow; t++) s.push(this.data[this._toDataIndex(t)][o.key]);
+			let c = this._detectNumericSeries(s);
 			for (let n = t.startRow; n <= t.endRow; n++) {
 				if (n >= e.startRow && n <= e.endRow) continue;
-				let t = this._toDataIndex(n), i = this.data[t][a.key], c;
-				if (s && n > e.endRow) {
-					let t = n - e.endRow, r = s.last + s.diff * t;
-					c = a.type === "number" ? r : String(r);
+				let t = this._toDataIndex(n), a = this.data[t][o.key], l;
+				if (c && n > e.endRow) {
+					let t = n - e.endRow, r = c.last + c.diff * t;
+					l = o.type === "number" ? r : String(r);
 				} else {
-					let t = (n - e.startRow) % o.length;
-					c = o[t < 0 ? t + o.length : t];
+					let t = (n - e.startRow) % s.length;
+					l = s[t < 0 ? t + s.length : t];
 				}
-				this.data[t][a.key] = c, r.push({
+				this.data[t][o.key] = l, r.push({
 					dataRow: t,
-					key: a.key,
-					oldValue: i,
-					newValue: c
-				});
+					key: o.key,
+					oldValue: a,
+					newValue: l
+				}), i.push(this.data[t]);
 			}
 		}
 		r.length > 0 && (this._undo.push({
 			label: "fill-handle",
 			undo: () => {
-				for (let e of r) this.data[e.dataRow][e.key] = e.oldValue;
-				this.requestUpdate();
+				r.forEach((e, t) => {
+					i[t][e.key] = e.oldValue;
+				}), this.requestUpdate();
 			},
 			redo: () => {
-				for (let e of r) this.data[e.dataRow][e.key] = e.newValue;
-				this.requestUpdate();
+				r.forEach((e, t) => {
+					i[t][e.key] = e.newValue;
+				}), this.requestUpdate();
 			}
 		}), this._dispatchUndoStateEvent(), this._emit("fill-handle-apply", {
 			sourceRange: e,
@@ -4041,25 +4146,27 @@ var K = {
 	}
 	_replaceAll() {
 		if (!this._findState || this._findState.results.length === 0) return;
-		let { results: e, replaceWith: t } = this._findState, n = this.visibleColumns, r = [];
-		for (let { row: i, col: a } of e) {
-			let e = this._toDataIndex(i), o = n[a].key, s = this.data[e][o];
-			this.data[e][o] = t, r.push({
+		let { results: e, replaceWith: t } = this._findState, n = this.visibleColumns, r = [], i = [];
+		for (let { row: a, col: o } of e) {
+			let e = this._toDataIndex(a), s = n[o].key, c = this.data[e][s];
+			this.data[e][s] = t, r.push({
 				dataRow: e,
-				key: o,
-				oldValue: s,
+				key: s,
+				oldValue: c,
 				newValue: t
-			});
+			}), i.push(this.data[e]);
 		}
 		r.length > 0 && (this._undo.push({
 			label: "replace-all",
 			undo: () => {
-				for (let e of r) this.data[e.dataRow][e.key] = e.oldValue;
-				this.requestUpdate();
+				r.forEach((e, t) => {
+					i[t][e.key] = e.oldValue;
+				}), this.requestUpdate();
 			},
 			redo: () => {
-				for (let e of r) this.data[e.dataRow][e.key] = e.newValue;
-				this.requestUpdate();
+				r.forEach((e, t) => {
+					i[t][e.key] = e.newValue;
+				}), this.requestUpdate();
 			}
 		}), this._dispatchUndoStateEvent(), this._emit("find-replace", {
 			type: "replace-all",
@@ -4073,21 +4180,21 @@ var K = {
 	}
 	_replaceOne() {
 		if (!this._findState || this._findState.results.length === 0) return;
-		let { currentIndex: e, results: t, replaceWith: n } = this._findState, { row: r, col: i } = t[e], a = this._toDataIndex(r), o = this.visibleColumns[i].key, s = this.data[a][o];
-		this.data[a][o] = n, this._undo.push({
+		let { currentIndex: e, results: t, replaceWith: n } = this._findState, { row: r, col: i } = t[e], a = this._toDataIndex(r), o = this.visibleColumns[i].key, s = this.data[a], c = s[o];
+		s[o] = n, this._undo.push({
 			label: "replace",
 			undo: () => {
-				this.data[a][o] = s, this.requestUpdate();
+				s[o] = c, this.requestUpdate();
 			},
 			redo: () => {
-				this.data[a][o] = n, this.requestUpdate();
+				s[o] = n, this.requestUpdate();
 			}
 		}), this._dispatchUndoStateEvent(), this._emit("find-replace", {
 			type: "replace",
 			cells: [{
 				row: a,
 				col: o,
-				oldValue: s,
+				oldValue: c,
 				newValue: n
 			}]
 		}), this._findSearch(), this._findGoTo(Math.min(e, this._findState.results.length - 1));
@@ -4146,8 +4253,8 @@ var K = {
           ${this._rowSelection.mode === "multi" ? a`
             <!-- 칸 전체가 누르는 자리다(라벨) — 체크 상자는 16px 그대로. -->
             <label class="ft-checkbox-hit"><input type="checkbox" tabindex="-1" aria-label=${e("selectAllRows")}
-              .checked=${this._rowSelection.isAllSelected}
-              .indeterminate=${this._rowSelection.isSomeSelected}
+              .checked=${this._rowSelection.isAllSelected(this._visibleRowIds())}
+              .indeterminate=${this._rowSelection.isSomeSelected(this._visibleRowIds())}
               @change=${this._onSelectAllChange}></label>
           ` : ""}
         </div>` : "";
@@ -4194,10 +4301,14 @@ var K = {
     `;
 	}
 	_onSelectAllChange(e) {
-		e.target.checked ? this._rowSelection.selectAll() : this._rowSelection.deselectAll(), this._rowSelectionVersion++, this._dispatchRowSelectionEvent();
+		e.target.checked ? this._rowSelection.selectAll(this._visibleRowIds()) : this._rowSelection.deselectMany(this._visibleRowIds()), this._rowSelectionVersion++, this._dispatchRowSelectionEvent();
 	}
 	_onRowCheckboxChange(e, t) {
-		e.stopPropagation(), this._checkboxShiftPending && this._lastCheckboxRowIndex !== null ? this._rowSelection.selectRange(this._lastCheckboxRowIndex, t) : this._rowSelection.toggle(t), this._lastCheckboxRowIndex = t, this._checkboxShiftPending = !1, this._rowSelectionVersion++, this._dispatchRowSelectionEvent();
+		e.stopPropagation();
+		let n = this.data[this._toDataIndex(t)];
+		if (!n) return;
+		let r = this.getRowId(n);
+		this._checkboxShiftPending && this._lastCheckboxRowId !== null ? this._rowSelection.selectRange(this._visibleRowIds(), this._lastCheckboxRowId, r) : this._rowSelection.toggle(r), this._lastCheckboxRowId = r, this._checkboxShiftPending = !1, this._rowSelectionVersion++, this._dispatchRowSelectionEvent();
 	}
 	_onRowCheckboxClick(e) {
 		this._checkboxShiftPending = e.shiftKey;
@@ -4242,7 +4353,7 @@ var K = {
     `;
 	}
 	_renderRow(t, n, r, i, o) {
-		let s = this.visibleColumns, c = this._toDataIndex(t), l = this.data[c], u = o ?? t * this.rowHeight, d = this.rowHeight, f = this._totalRowWidth, p = t % 2 == 0 ? "ft-row-even" : "ft-row-odd", m = this.selectable && this._rowSelection.isSelected(t), h = this._scrollLeft, g = 0, _ = this.selectable ? a`
+		let s = this.visibleColumns, c = this._toDataIndex(t), l = this.data[c], u = o ?? t * this.rowHeight, d = this.rowHeight, f = this._totalRowWidth, p = t % 2 == 0 ? "ft-row-even" : "ft-row-odd", m = this.selectable && l !== void 0 && this._rowSelection.isSelected(this.getRowId(l)), h = this._scrollLeft, g = 0, _ = this.selectable ? a`
       <div class="ft-checkbox-cell"
         style="position: absolute; top: 0; left: ${h + g}px; width: ${this._checkboxColWidth}px; height: ${d}px; z-index: 2;">
         <!-- 행 체크박스는 Tab 정지점이 아니다 — 그리드(호스트)가 하나의 정지점이고 행 선택은 Shift+Space 다.
@@ -4317,7 +4428,7 @@ var K = {
           ${this._renderEditor(e, t)}
         </div>
       `;
-		let v = s || l, 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 = [
+		let v = s || l, y = this._isCellInvalid(e, t), 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"}`,
 			`ft-align-${W(t)}`,
@@ -4330,9 +4441,9 @@ var K = {
 			i?.continues ? "ft-merge-continued" : "",
 			i?.opensDown ? "ft-merge-open" : "",
 			t.reveal === "hover" ? "ft-reveal-hover" : ""
-		].filter(Boolean).join(" "), w = this._toDataIndex(n), T = this._comments.get(w)?.get(t.key) ?? null, E = T !== null, O = E ? a`<div class="ft-comment-indicator" title=${T}></div>` : o;
+		].filter(Boolean).join(" "), w = this._comments.size > 0 ? this._comments.get(this.getRowId(e))?.get(t.key) ?? null : null, T = w !== null, E = T ? a`<div class="ft-comment-indicator" title=${w}></div>` : o;
 		return a`
-      <div class=${E ? C + " ft-has-comment" : C}
+      <div class=${T ? C + " ft-has-comment" : C}
         role="gridcell"
         tabindex="-1"
         aria-colindex=${r + 1}
@@ -4346,7 +4457,7 @@ var K = {
         @mouseenter=${() => this._onCellMouseEnter(n, r)}
         @click=${(e) => this._onCellClickEvent(e, n, r)}
         @dblclick=${() => this._onCellDblClick(n, r)}>
-        ${O}
+        ${E}
         ${D(e[t.key], e, t)}
       </div>
     `;
@@ -4358,7 +4469,7 @@ var K = {
         <input class="ft-editor ft-editor-number" type="text" inputmode="decimal" aria-label=${t.label}
           .value=${typeof n == "number" ? M(n) : r}
           @keydown=${this._onEditorKeyDown}
-          @blur=${() => this._commitEdit()}>
+          @blur=${this._onEditorBlur}>
       `;
 		if (t.type === "date" || t.type === "datetime") {
 			let e = t.type === "datetime";
@@ -4368,7 +4479,7 @@ var K = {
           .value=${Ze(n, e)}
           @keydown=${this._onEditorKeyDown}
           @change=${() => this._commitEdit()}
-          @blur=${() => this._commitEdit()}></u-date-picker>
+          @blur=${this._onEditorBlur}></u-date-picker>
       `;
 		}
 		if (t.type === "select" && t.options && t.options.length > 0) {
@@ -4376,7 +4487,7 @@ var K = {
 			return a`
         <select class="ft-editor" aria-label=${t.label}
           @keydown=${this._onEditorKeyDown}
-          @blur=${() => this._commitEdit()}
+          @blur=${this._onEditorBlur}
           @change=${() => this._commitEdit()}>
           ${r ? e.map((e) => a`<option value=${e} ?selected=${e === n}>${e}</option>`) : e.map((e) => a`<option value=${String(e.value)} ?selected=${e.value === n}>${e.label}</option>`)}
         </select>
@@ -4393,7 +4504,7 @@ var K = {
           .value=${r}
           @input=${(e) => this._onAutocompleteInput(e, t)}
           @keydown=${this._onEditorKeyDown}
-          @blur=${() => this._commitEdit()}>
+          @blur=${this._onEditorBlur}>
         ${e.length > 0 ? a`
           <div class="ft-autocomplete-dropdown" id="ft-autocomplete-list" role="listbox" aria-label=${t.label}>
             ${e.map((e, t) => a`
@@ -4413,7 +4524,7 @@ var K = {
       <input class="ft-editor" type="text" aria-label=${t.label}
         .value=${r}
         @keydown=${this._onEditorKeyDown}
-        @blur=${() => this._commitEdit()}>
+        @blur=${this._onEditorBlur}>
     `;
 	}
 };
@@ -4426,7 +4537,7 @@ G([c({ type: Array })], Q.prototype, "columns", void 0), G([c({
 })], Q.prototype, "clearUndoOnDataChange", void 0), G([c({
 	type: Boolean,
 	attribute: "clear-selection-on-data-change"
-})], Q.prototype, "clearSelectionOnDataChange", void 0), G([c({
+})], Q.prototype, "clearSelectionOnDataChange", void 0), G([c({ attribute: "row-key" })], Q.prototype, "rowKey", void 0), G([c({
 	type: Number,
 	attribute: "row-height"
 })], Q.prototype, "rowHeight", null), G([c({
@@ -4488,4 +4599,4 @@ function $(e) {
 	}
 }
 //#endregion
-export { k as a, A as i, W as n, D as o, z as r, Q as t };
+export { O as a, A as i, W as n, D as o, z as r, Q as t };