@iyulab/flex-table 0.58.0 → 0.59.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # Changelog
 
+## [0.59.0] - 2026-10-07
+
+### Changed (breaking)
+
+- **A plain click on a body cell fires `row-activate`** (`via: 'click'`), as Enter on a non-editable cell does
+  (`via: 'keyboard'`) and as `u-rich-table` does. A read-only list had no pointer way to open a row, so it opened rows on
+  `cell-select` — which is focus and also fires when Tab arrives on the grid: one Tab into the table opened the first
+  row. A Shift / Ctrl / Cmd click (extends the selection), the click that ends a drag, and a click on a control the
+  cell renders (a link, a button, a field) do not activate. A listener that only wants Enter checks
+  `e.detail.via === 'keyboard'`.
+- `cell-select` carries the row's `id` — `row` is the visible position, which is not the row in `data` once a client
+  sort or filter is on.
+- Requires `@iyulab/components` 2.15.0 (the shared «pressed a control» test, `isFromControl`).
+
+### Migration
+
+- Open rows on `row-activate`, not `cell-select`.
+- If you listened to `row-activate` for Enter only (a picker that confirms on Enter), add
+  `if (e.detail.via !== 'keyboard') return;`.
+
 ## [0.58.0] - 2026-10-07
 
 ### Added

package/README.md

@@ -303,7 +303,7 @@ type-checks without a cast. The React wrapper's `on*` props carry the same types
 
 | Event | Detail | Description |
 |-------|--------|-------------|
-| `cell-select` | `{ row, col }` or `null` | Cell focus changed (`null` when no cell is active) |
+| `cell-select` | `{ row, col, id }` or `null` | Cell focus changed (`null` when no cell is active). `row`/`col` are visible positions, `id` the row's id. Fires when keyboard focus arrives on the grid too — it is focus, not a choice: open rows on `row-activate` |
 | `cell-edit-start` | `{ row, col, key, value }` | Cell editing started |
 | `cell-edit-commit` | `{ row, col, key, oldValue, newValue }` | Cell value committed |
 | `cell-edit-cancel` | `{ row, col }` | Cell edit cancelled (Escape, or its row left `data`). `row` is the data index (`-1` once the row is gone) |
@@ -315,7 +315,7 @@ type-checks without a cast. The React wrapper's `on*` props carry the same types
 |-------|--------|-------------|
 | `row-add` | `{ row, index }` | Row added |
 | `row-delete` | `{ indices, rows }` | Rows deleted |
-| `row-activate` | `{ row, id, index, col, key }` | Enter pressed on a non-editable cell — the grid's own contract for "activate this row" (e.g. navigate to a detail view), guaranteed even though the internal Enter handler prevents the keystroke from reliably reaching a listener the host attaches to the same element |
+| `row-activate` | `{ row, id, via, index, col, key }` | "Open this row" (e.g. navigate to a detail view): a plain click on a body cell (`via: 'click'`), or Enter on a non-editable cell (`via: 'keyboard'`). Not a Shift / Ctrl / Cmd click (those extend the selection), the click that ends a drag, or a click on a control the cell renders (a link, a button). The grid's own contract — its Enter handler keeps the keystroke from reliably reaching a listener the host attaches to the same element |
 | `batch-update` | `{ changes: [{ row, key, oldValue, newValue }] }` | Batch update applied |
 | `row-reorder` | `{ from, to }` | Row dragged to a new place (data indices) |
 | `data-import` | `{ count }` | Rows imported from a file |

package/dist/events.d.ts

@@ -84,11 +84,16 @@ export interface FlexTableEventMap {
         from: number;
         to: number;
     }>;
-    /** Enter on a non-editable cell — "activate this row". `index` is the data index, `col` the visible column index. */
-    /** `id` — the row's id (`getRowId`); `index` — its position in `data`; `key` — the active column's key. */
+    /**
+     * "Open this row": a plain click on a body cell, or Enter on a non-editable cell. `via` tells them apart.
+     * Not a click that selects a range (Shift / Ctrl / Cmd), ends a drag, or presses a control the cell renders.
+     * `id` — the row's id (`getRowId`); `index` — its position in `data`; `col` — the visible column index;
+     * `key` — that column's key.
+     */
     'row-activate': CustomEvent<{
         row: DataRow;
         id: string;
+        via: 'click' | 'keyboard';
         index: number;
         col: number;
         key: string | undefined;
@@ -97,8 +102,13 @@ export interface FlexTableEventMap {
     'batch-update': CustomEvent<{
         changes: CellChange[];
     }>;
-    /** The active cell moved; `null` when there is none. */
-    'cell-select': CustomEvent<CellPosition | null>;
+    /**
+     * The active cell moved — by pointer, keyboard, or focus arriving on the grid; `null` when there is none.
+     * `row`/`col` are visible positions, `id` the row's id. This is focus, not a choice: open a row on `row-activate`.
+     */
+    'cell-select': CustomEvent<(CellPosition & {
+        id: string;
+    }) | null>;
     /** `row` is the data index, `col` the visible column index. */
     'cell-edit-start': CustomEvent<{
         row: number;

package/dist/{flex-table-B1W8VEBa.js → flex-table-BDTykqUE.js}

@@ -8,8 +8,9 @@ import { decodeTsv as g, encodeTsv as _ } from "@iyulab/components/dist/utilitie
 import "@iyulab/components/dist/components/date-picker/UDatePicker.js";
 import { isImeComposing as v } from "@iyulab/components/dist/utilities/keyboard.js";
 import { copyFromKey as y, isTextEntry as b, pasteFromKey as x } from "@iyulab/components/dist/utilities/clipboard.js";
+import { isFromControl as S } from "@iyulab/components/dist/utilities/elements.js";
 //#region src/styles/flex-table.styles.ts
-var S = i`
+var C = i`
   /* --- Theme Variables (Light defaults) --- */
   :host {
     --ft-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
@@ -1028,13 +1029,13 @@ var S = i`
 `;
 //#endregion
 //#region src/renderers/format.ts
-function C(e, t) {
-	return e == null ? "" : typeof t == "function" ? t(e) : w(t) ? E(e, t) : T(e, t);
+function w(e, t) {
+	return e == null ? "" : typeof t == "function" ? t(e) : T(t) ? ee(e, t) : E(e, t);
 }
-function w(e) {
+function T(e) {
 	return /[yMdHhms]/.test(e);
 }
-function T(e, t) {
+function E(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 = {
@@ -1047,7 +1048,7 @@ function T(e, t) {
 		style: "percent"
 	}).format(n) : (d = new Intl.NumberFormat(u.get(), l).format(n), a && (d = a + d)), d + "";
 }
-function E(e, t) {
+function ee(e, t) {
 	let n;
 	if (e instanceof Date) n = e;
 	else if (typeof e == "string" || typeof e == "number") n = new Date(e);
@@ -1059,25 +1060,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) : ee(e, n);
+	return n.render ? n.render(e, t, n) : n.format ? typeof n.format == "function" ? n.format(e, t, n) : w(e, n.format) : te(e, n);
 }
-function ee(e, t) {
+function te(e, t) {
 	if (e == null) return "";
 	switch (t.type) {
-		case "number": return re(e);
+		case "number": return ie(e);
 		case "boolean": return a`<span class="ft-bool">${e ? "✔" : ""}</span>`;
-		case "date": return ie(e);
-		case "datetime": return ae(e);
-		case "select": return te(e, t);
+		case "date": return ae(e);
+		case "datetime": return oe(e);
+		case "select": return ne(e, t);
 		default: return String(e);
 	}
 }
-function te(e, t) {
+function ne(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 ne = {
+var re = {
 	year: "numeric",
 	month: "numeric",
 	day: "numeric",
@@ -1085,18 +1086,18 @@ var ne = {
 	minute: "numeric",
 	second: "numeric"
 };
-function re(e) {
+function ie(e) {
 	return typeof e == "number" ? Number.isInteger(e) ? f(e) : f(e, { minimumFractionDigits: 1 }) : String(e);
 }
-function ie(e) {
+function ae(e) {
 	return e instanceof Date || typeof e == "string" ? d(e) : String(e);
 }
-function ae(e) {
-	return e instanceof Date || typeof e == "string" ? d(e, ne) : String(e);
+function oe(e) {
+	return e instanceof Date || typeof e == "string" ? d(e, re) : String(e);
 }
 //#endregion
 //#region src/core/selection.ts
-function oe(e) {
+function se(e) {
 	return {
 		startRow: Math.min(e.startRow, e.endRow),
 		startCol: Math.min(e.startCol, e.endCol),
@@ -1104,7 +1105,7 @@ function oe(e) {
 		endCol: Math.max(e.startCol, e.endCol)
 	};
 }
-var se = class {
+var ce = class {
 	constructor() {
 		this.activeCell = null, this.rangeAnchor = null, this.range = null, this.extraRanges = [], this._rowCount = 0, this._colCount = 0;
 	}
@@ -1131,7 +1132,7 @@ var se = 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 = oe({
+		}, this.rangeAnchor && (this.range = se({
 			startRow: this.rangeAnchor.row,
 			startCol: this.rangeAnchor.col,
 			endRow: e,
@@ -1202,7 +1203,7 @@ var se = class {
 	shiftMoveRight() {
 		return this.activeCell ? this.setActiveWithRange(this.activeCell.row, this.activeCell.col + 1) : null;
 	}
-}, ce = class {
+}, O = class {
 	constructor() {
 		this.current = null;
 	}
@@ -1224,7 +1225,7 @@ var se = class {
 		let e = this.current;
 		return this.current = null, e;
 	}
-}, O = class {
+}, k = class {
 	constructor() {
 		this._selected = /* @__PURE__ */ new Set(), this._mode = "multi";
 	}
@@ -1291,7 +1292,7 @@ var se = class {
 };
 //#endregion
 //#region src/core/filtering.ts
-function k(e, t, n) {
+function le(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++) {
@@ -1310,9 +1311,9 @@ function k(e, t, n) {
 }
 //#endregion
 //#region src/core/undo.ts
-var le = 100, A = class {
+var ue = 100, A = class {
 	constructor() {
-		this._undoStack = [], this._redoStack = [], this._maxSize = le;
+		this._undoStack = [], this._redoStack = [], this._maxSize = ue;
 	}
 	get maxSize() {
 		return this._maxSize;
@@ -1349,7 +1350,7 @@ var le = 100, A = class {
 };
 //#endregion
 //#region src/clipboard/clipboard.ts
-function ue(e, t, n) {
+function de(e, t, n) {
 	let r = [];
 	for (let i = n.startRow; i <= n.endRow; i++) {
 		let a = e[i], o = [];
@@ -1382,13 +1383,13 @@ function M(e) {
 	let n = new Intl.NumberFormat(u.get()).formatToParts(1.5).find((e) => e.type === "decimal")?.value;
 	return n && n !== "." ? t.replace(".", n) : t;
 }
-function de(e) {
+function fe(e) {
 	if (e == null || e === "") return "";
 	if (e instanceof Date) return Number.isNaN(e.getTime()) ? "" : `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 	let t = String(e), n = /^(\d{4}-\d{2}-\d{2})(?:$|T)/.exec(t);
 	return n ? n[1] : t;
 }
-function fe(e) {
+function pe(e) {
 	if (e == null || e === "") return "";
 	let t = e instanceof Date ? "" : String(e), n = /^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2})(?::\d{2}(?:\.\d+)?)?$/.exec(t);
 	if (n) return `${n[1]} ${n[2]}`;
@@ -1399,7 +1400,7 @@ function fe(e) {
 }
 //#endregion
 //#region src/export/xlsx-writer.ts
-var pe = (() => {
+var me = (() => {
 	let e = /* @__PURE__ */ new Uint32Array(256);
 	for (let t = 0; t < 256; t++) {
 		let n = t;
@@ -1408,23 +1409,23 @@ var pe = (() => {
 	}
 	return e;
 })();
-function me(e) {
+function he(e) {
 	let t = 4294967295;
-	for (let n = 0; n < e.length; n++) t = pe[(t ^ e[n]) & 255] ^ t >>> 8;
+	for (let n = 0; n < e.length; n++) t = me[(t ^ e[n]) & 255] ^ t >>> 8;
 	return (t ^ 4294967295) >>> 0;
 }
 var N = new TextEncoder();
-function he(e) {
+function ge(e) {
 	return P(e.map((e) => ({
 		...e,
 		body: e.data,
 		method: 0
 	})));
 }
-async function ge(e) {
+async function _e(e) {
 	let t = [];
 	for (let n of e) {
-		let e = await _e(n.data);
+		let e = await ve(n.data);
 		t.push(e.length < n.data.length ? {
 			...n,
 			body: e,
@@ -1437,7 +1438,7 @@ async function ge(e) {
 	}
 	return P(t);
 }
-async function _e(e) {
+async function ve(e) {
 	let t = new CompressionStream("deflate-raw"), n = t.writable.getWriter(), r = t.readable.getReader();
 	n.write(e), n.close();
 	let i = [];
@@ -1451,7 +1452,7 @@ async function _e(e) {
 function P(e) {
 	let t = [], n = [], r = 0;
 	for (let i of e) {
-		let e = N.encode(i.name), a = me(i.data), o = i.data.length, s = i.body.length, c = i.method === 8 ? 20 : 10, l = new ArrayBuffer(30 + e.length), u = new DataView(l);
+		let e = N.encode(i.name), a = he(i.data), o = i.data.length, s = i.body.length, c = i.method === 8 ? 20 : 10, l = new ArrayBuffer(30 + e.length), u = new DataView(l);
 		u.setUint32(0, 67324752, !0), u.setUint16(4, c, !0), u.setUint16(6, 0, !0), u.setUint16(8, i.method, !0), u.setUint16(10, 0, !0), u.setUint16(12, 33, !0), u.setUint32(14, a, !0), u.setUint32(18, s, !0), u.setUint32(22, o, !0), u.setUint16(26, e.length, !0), u.setUint16(28, 0, !0), new Uint8Array(l, 30).set(e), t.push(new Uint8Array(l)), t.push(i.body);
 		let d = new ArrayBuffer(46 + e.length), f = new DataView(d);
 		f.setUint32(0, 33639248, !0), f.setUint16(4, 20, !0), f.setUint16(6, c, !0), f.setUint16(8, 0, !0), f.setUint16(10, i.method, !0), f.setUint16(12, 0, !0), f.setUint16(14, 33, !0), f.setUint32(16, a, !0), f.setUint32(20, s, !0), f.setUint32(24, o, !0), f.setUint16(28, e.length, !0), f.setUint16(30, 0, !0), f.setUint16(32, 0, !0), f.setUint16(34, 0, !0), f.setUint16(36, 0, !0), f.setUint32(38, 0, !0), f.setUint32(42, r, !0), new Uint8Array(d, 46).set(e), n.push(new Uint8Array(d)), r += 30 + e.length + s;
@@ -1471,27 +1472,27 @@ function F(e) {
 function I(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function ve(e) {
+function ye(e) {
 	let t = "";
 	for (e++; e > 0;) t = String.fromCharCode(64 + (e % 26 || 26)) + t, e = Math.floor((e - 1) / 26);
 	return t;
 }
 function L(e, t) {
-	return ve(t) + (e + 1);
+	return ye(t) + (e + 1);
 }
-function ye(e) {
+function be(e) {
 	let t = Date.UTC(1899, 11, 30);
 	return (e.getTime() - t) / 864e5;
 }
-var be = "<?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>", xe = "<?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>", Se = "<?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>", Ce = "<?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>", we = "<?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 Te(e, t) {
+var xe = "<?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>", Se = "<?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>", Ce = "<?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>", we = "<?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>", Te = "<?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 Ee(e, t) {
 	let n = [], r = t.map((e, t) => `<c r="${L(0, t)}" t="str" s="2"><v>${I(e.label)}</v></c>`);
 	return n.push(`<row r="1">${r.join("")}</row>`), e.forEach((e, r) => {
 		let i = t.map((t, n) => {
 			let i = L(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>${ye(a).toFixed(6)}</v></c>` : o === "boolean" ? `<c r="${i}" t="b"><v>${+!!a}</v></c>` : `<c r="${i}" t="str"><v>${I(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>${be(a).toFixed(6)}</v></c>` : o === "boolean" ? `<c r="${i}" t="b"><v>${+!!a}</v></c>` : `<c r="${i}" t="str"><v>${I(String(a))}</v></c>`;
 		});
 		n.push(`<row r="${r + 2}">${i.join("")}</row>`);
 	}), `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
@@ -1499,30 +1500,30 @@ function Te(e, t) {
   <sheetData>${n.join("")}</sheetData>
 </worksheet>`;
 }
-function Ee(e, t) {
-	return he(R(e, t));
-}
 function De(e, t) {
 	return ge(R(e, t));
 }
+function Oe(e, t) {
+	return _e(R(e, t));
+}
 function R(e, t) {
-	let n = Te(e, t);
+	let n = Ee(e, t);
 	return [
 		{
 			name: "[Content_Types].xml",
-			data: N.encode(be)
+			data: N.encode(xe)
 		},
 		{
 			name: "_rels/.rels",
-			data: N.encode(xe)
+			data: N.encode(Se)
 		},
 		{
 			name: "xl/workbook.xml",
-			data: N.encode(Se)
+			data: N.encode(Ce)
 		},
 		{
 			name: "xl/_rels/workbook.xml.rels",
-			data: N.encode(Ce)
+			data: N.encode(we)
 		},
 		{
 			name: "xl/worksheets/sheet1.xml",
@@ -1530,7 +1531,7 @@ function R(e, t) {
 		},
 		{
 			name: "xl/styles.xml",
-			data: N.encode(we)
+			data: N.encode(Te)
 		}
 	];
 }
@@ -1538,26 +1539,26 @@ function R(e, t) {
 //#region src/export/export.ts
 function z(e, t, n) {
 	switch (n) {
-		case "csv": return V(e, t, ",");
-		case "tsv": return V(e, t, "	");
-		case "json": return ke(e, t);
-		case "xlsx": return Ee(e, t);
+		case "csv": return B(e, t, ",");
+		case "tsv": return B(e, t, "	");
+		case "json": return je(e, t);
+		case "xlsx": return De(e, t);
 	}
 }
-async function Oe(e, t, n) {
-	let r = n === "xlsx" ? await De(e, t) : z(e, t, n);
-	return new Blob([r], { type: Ne(n) });
+async function ke(e, t, n) {
+	let r = n === "xlsx" ? await Oe(e, t) : z(e, t, n);
+	return new Blob([r], { type: Fe(n) });
 }
-function B(e, t) {
+function Ae(e, t) {
 	return e == null ? "" : (t.type === "date" || t.type === "datetime") && e instanceof Date ? e.toISOString() : String(e);
 }
-function V(e, t, n) {
-	return [t.map((e) => H(e.label, n)).join(n), ...e.map((e) => t.map((t) => H(B(e[t.key], t), n)).join(n))].join("\n");
+function B(e, t, n) {
+	return [t.map((e) => V(e.label, n)).join(n), ...e.map((e) => t.map((t) => V(Ae(e[t.key], t), n)).join(n))].join("\n");
 }
-function H(e, t) {
+function V(e, t) {
 	return e.includes(t) || e.includes("\"") || e.includes("\n") || e.includes("\r") ? "\"" + e.replace(/"/g, "\"\"") + "\"" : e;
 }
-function ke(e, t) {
+function je(e, t) {
 	let n = e.map((e) => {
 		let n = {};
 		for (let r of t) {
@@ -1568,35 +1569,35 @@ function ke(e, t) {
 	});
 	return JSON.stringify(n, null, 2);
 }
-function Ae(e, t) {
+function Me(e, t) {
 	let n = URL.createObjectURL(e), r = document.createElement("a");
 	r.href = n, r.download = t, r.style.display = "none", document.body.appendChild(r), r.click(), document.body.removeChild(r), setTimeout(() => URL.revokeObjectURL(n), 100);
 }
-var je = {
+var Ne = {
 	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"
-}, Me = {
+}, Pe = {
 	csv: ".csv",
 	tsv: ".tsv",
 	json: ".json",
 	xlsx: ".xlsx"
 };
-function Ne(e) {
-	return je[e];
+function Fe(e) {
+	return Ne[e];
 }
-function Pe(e) {
-	return Me[e];
+function H(e) {
+	return Pe[e];
 }
 //#endregion
 //#region src/export/xlsx-reader.ts
-function Fe(e) {
+function Ie(e) {
 	for (let t = e.byteLength - 22; t >= 0; t--) if (e.getUint32(t, !0) === 101010256) return t;
 	throw Error("XLSX: End of central directory not found — not a valid ZIP file");
 }
-function Ie(e) {
-	let t = Fe(e), n = e.getUint32(t + 16, !0), r = e.getUint32(t + 12, !0), i = new TextDecoder("utf-8"), a = [], o = n, s = n + r;
+function Le(e) {
+	let t = Ie(e), n = e.getUint32(t + 16, !0), r = e.getUint32(t + 12, !0), i = new TextDecoder("utf-8"), a = [], o = n, s = n + r;
 	for (; o < s && e.getUint32(o, !0) === 33639248;) {
 		let t = e.getUint16(o + 10, !0), n = e.getUint32(o + 20, !0), r = e.getUint32(o + 24, !0), s = e.getUint16(o + 28, !0), c = e.getUint16(o + 30, !0), l = e.getUint16(o + 32, !0), u = e.getUint32(o + 42, !0), d = i.decode(new Uint8Array(e.buffer, o + 46, s));
 		a.push({
@@ -1609,7 +1610,7 @@ function Ie(e) {
 	}
 	return a;
 }
-async function Le(e) {
+async function Re(e) {
 	let t = new DecompressionStream("deflate-raw"), n = t.writable.getWriter(), r = t.readable.getReader();
 	n.write(e), n.close();
 	let i = [];
@@ -1622,28 +1623,28 @@ async function Le(e) {
 	for (let e of i) o.set(e, s), s += e.length;
 	return o;
 }
-async function Re(e, t) {
+async function ze(e, t) {
 	let n = t.localHeaderOffset, r = e.getUint16(n + 26, !0), i = e.getUint16(n + 28, !0), a = n + 30 + r + i, o = new Uint8Array(e.buffer, a, t.compressedSize);
 	if (t.compressionMethod === 0) return o.slice();
-	if (t.compressionMethod === 8) return Le(o);
+	if (t.compressionMethod === 8) return Re(o);
 	throw Error(`XLSX: Unsupported compression method ${t.compressionMethod}`);
 }
-async function ze(e) {
-	let t = new DataView(e), n = Ie(t), r = /* @__PURE__ */ new Map();
-	for (let e of n) e.compressedSize === 0 && e.name.endsWith("/") || r.set(e.name, await Re(t, e));
+async function Be(e) {
+	let t = new DataView(e), n = Le(t), r = /* @__PURE__ */ new Map();
+	for (let e of n) e.compressedSize === 0 && e.name.endsWith("/") || r.set(e.name, await ze(t, e));
 	return r;
 }
-var Be = new TextDecoder("utf-8");
+var Ve = new TextDecoder("utf-8");
 function U(e) {
-	let t = Be.decode(e);
+	let t = Ve.decode(e);
 	return new DOMParser().parseFromString(t, "application/xml");
 }
-function Ve(e) {
+function He(e) {
 	if (!e) return [];
 	let t = U(e);
 	return Array.from(t.querySelectorAll("si")).map((e) => Array.from(e.querySelectorAll("t")).map((e) => e.textContent ?? "").join(""));
 }
-var He = /* @__PURE__ */ new Set([
+var Ue = /* @__PURE__ */ new Set([
 	14,
 	15,
 	16,
@@ -1663,29 +1664,29 @@ var He = /* @__PURE__ */ new Set([
 	57,
 	58
 ]);
-function Ue(e) {
+function We(e) {
 	let t = e.replace(/"[^"]*"/g, "").replace(/\\./g, "").replace(/\[[^\]]*\]/g, "").split(";")[0];
 	return /[dy]/i.test(t);
 }
-function We(e) {
+function Ge(e) {
 	let t = /* @__PURE__ */ new Set();
 	if (!e) return t;
 	let n = U(e), r = /* @__PURE__ */ new Map();
 	for (let e of Array.from(n.querySelectorAll("numFmts > numFmt"))) r.set(parseInt(e.getAttribute("numFmtId") ?? "", 10), e.getAttribute("formatCode") ?? "");
 	return Array.from(n.querySelectorAll("cellXfs > xf")).forEach((e, n) => {
 		let i = parseInt(e.getAttribute("numFmtId") ?? "0", 10), a = r.get(i);
-		(a === void 0 ? He.has(i) : Ue(a)) && t.add(n);
+		(a === void 0 ? Ue.has(i) : We(a)) && t.add(n);
 	}), t;
 }
-function Ge(e) {
+function Ke(e) {
 	if (!e) return !1;
 	let t = U(e).querySelector("workbookPr")?.getAttribute("date1904");
 	return t === "1" || t === "true";
 }
-function Ke(e, t) {
+function qe(e, t) {
 	return new Date((t ? Date.UTC(1904, 0, 1) : Date.UTC(1899, 11, 30)) + Math.floor(e) * 864e5).toISOString().slice(0, 10);
 }
-function qe(e, t, n, r) {
+function Je(e, t, n, r) {
 	let i = U(e).querySelectorAll("row");
 	if (i.length === 0) return [];
 	let a = 0, o = /* @__PURE__ */ new Map();
@@ -1693,7 +1694,7 @@ function qe(e, t, n, r) {
 		let i = parseInt(e.getAttribute("r") ?? "1", 10) - 1, s = /* @__PURE__ */ new Map();
 		o.set(i, s);
 		for (let i of e.querySelectorAll("c")) {
-			let e = Je(i.getAttribute("r") ?? "");
+			let e = Ye(i.getAttribute("r") ?? "");
 			e > a && (a = e);
 			let o = i.getAttribute("t") ?? "", c = i.getAttribute("s") ?? "", l = i.querySelector("v")?.textContent ?? "", u = i.querySelector("is > t")?.textContent ?? null, d;
 			if (o === "s") d = t[parseInt(l, 10)] ?? "";
@@ -1702,7 +1703,7 @@ function qe(e, t, n, r) {
 			else if (l === "") d = "";
 			else {
 				let e = parseFloat(l);
-				d = c !== "" && n.has(parseInt(c, 10)) && !isNaN(e) && e >= 0 ? Ke(e, r) : l;
+				d = c !== "" && n.has(parseInt(c, 10)) && !isNaN(e) && e >= 0 ? qe(e, r) : l;
 			}
 			s.set(e, d);
 		}
@@ -1716,13 +1717,13 @@ function qe(e, t, n, r) {
 	}
 	return c;
 }
-function Je(e) {
+function Ye(e) {
 	let t = 0, n = 0;
 	for (; n < e.length && e[n] >= "A" && e[n] <= "Z";) t = t * 26 + (e.charCodeAt(n) - 64), n++;
 	return t - 1;
 }
-async function Ye(e) {
-	let t = await ze(e), n = Ve(t.get("xl/sharedStrings.xml")), r = t.get("xl/worksheets/sheet1.xml");
+async function Xe(e) {
+	let t = await Be(e), n = He(t.get("xl/sharedStrings.xml")), r = t.get("xl/worksheets/sheet1.xml");
 	if (!r) {
 		for (let [e, n] of t) if (e.toLowerCase().includes("worksheets/sheet")) {
 			r = n;
@@ -1730,7 +1731,7 @@ async function Ye(e) {
 		}
 	}
 	if (!r) throw Error("XLSX: No worksheet found");
-	let i = We(t.get("xl/styles.xml")), a = Ge(t.get("xl/workbook.xml")), o = qe(r, n, i, a);
+	let i = Ge(t.get("xl/styles.xml")), a = Ke(t.get("xl/workbook.xml")), o = Je(r, n, i, a);
 	return o.length === 0 ? {
 		headers: [],
 		rows: []
@@ -1761,9 +1762,9 @@ var K = {
 	lt: "<",
 	gte: "≥",
 	lte: "≤"
-}, q = 120, J = 40, Y = 20, X = 32, Z = 5, Xe = 200, Q = class extends r {
+}, q = 120, J = 40, Y = 20, X = 32, Z = 5, Ze = 200, Q = class extends r {
 	constructor(...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) => {
+		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 ce(), this._editing = new O(), this._rowSelection = new k(), 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);
@@ -1786,7 +1787,7 @@ var K = {
 		}, 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 = C;
 	}
 	get data() {
 		return this._data;
@@ -2171,10 +2172,10 @@ var K = {
 			rows: [],
 			cols: []
 		};
-		return Oe(n.rows, n.cols, e);
+		return ke(n.rows, n.cols, e);
 	}
 	async exportToFile(e, t) {
-		Ae(await this.exportToBlob(e), t ?? `export${Pe(e)}`);
+		Me(await this.exportToBlob(e), t ?? `export${H(e)}`);
 	}
 	_exportSlice(e) {
 		if (e?.selectionOnly) {
@@ -2251,7 +2252,7 @@ var K = {
 	async importFromFile(e) {
 		let t = e.name.toLowerCase();
 		if (t.endsWith(".xlsx")) {
-			let t = await Ye(await e.arrayBuffer());
+			let t = await Xe(await e.arrayBuffer());
 			this._applyImportedSheet(t);
 		} else if (t.endsWith(".csv") || t.endsWith(".tsv")) {
 			let t = await e.text(), n = g(t);
@@ -2435,7 +2436,7 @@ var K = {
 			this._filteredIndices = Array.from({ length: this.data.length }, (e, t) => t), this._sortedIndices = this._filteredIndices;
 			return;
 		}
-		if (this._filteredIndices = k(this.data, this._filters, (e, t, n) => {
+		if (this._filteredIndices = le(this.data, this._filters, (e, t, n) => {
 			this._emit("filter-error", {
 				error: e,
 				row: t,
@@ -2490,7 +2491,7 @@ var K = {
 		e !== this._viewportHeight && (this._viewportHeight = e), t !== this._viewportWidth && (this._viewportWidth = t), this._warnIfUnconstrained();
 	}
 	_warnIfUnconstrained() {
-		this._warnedUnconstrained || process.env.NODE_ENV === "production" || this._visibleRowCount < Xe || this.scrollHeight > this.clientHeight + 1 || (this._warnedUnconstrained = !0, console.warn(`[@iyulab/flex-table] ${this._visibleRowCount} rows but the host has no height constraint — it grew to fit every row, so virtual scrolling is off and all rows are rendered. Give the host a height (e.g. height: 400px, or flex: 1 1 auto with min-height: 0 inside a sized parent) so it becomes the scroll container.`));
+		this._warnedUnconstrained || process.env.NODE_ENV === "production" || this._visibleRowCount < Ze || this.scrollHeight > this.clientHeight + 1 || (this._warnedUnconstrained = !0, console.warn(`[@iyulab/flex-table] ${this._visibleRowCount} rows but the host has no height constraint — it grew to fit every row, so virtual scrolling is off and all rows are rendered. Give the host a height (e.g. height: 400px, or flex: 1 1 auto with min-height: 0 inside a sized parent) so it becomes the scroll container.`));
 	}
 	_onScroll() {
 		this._scrollTop = this.scrollTop, this._scrollLeft = this.scrollLeft;
@@ -2538,7 +2539,9 @@ var K = {
 			this._wasDrag = !1;
 			return;
 		}
-		this._isDragging = !1, this._editing.current && this._commitEdit(), e.shiftKey ? this._selection.setActiveWithRange(t, n) : e.ctrlKey || e.metaKey ? this._selection.toggleCell(t, n) : this._selection.setActive(t, n), this._activeCell = this._selection.activeCell ? { ...this._selection.activeCell } : null, this._dispatchSelectionEvent(), this.requestUpdate();
+		this._isDragging = !1, this._editing.current && this._commitEdit();
+		let r = e.shiftKey || e.ctrlKey || e.metaKey;
+		e.shiftKey ? this._selection.setActiveWithRange(t, n) : e.ctrlKey || e.metaKey ? this._selection.toggleCell(t, n) : this._selection.setActive(t, n), this._activeCell = this._selection.activeCell ? { ...this._selection.activeCell } : null, this._dispatchSelectionEvent(), this.requestUpdate(), !r && !S(e, e.currentTarget) && this._fireRowActivate(this.visibleColumns[n], "click");
 	}
 	_onCellMouseDown(e, t, n) {
 		if (e.button !== 0 || e.shiftKey) return;
@@ -2573,13 +2576,14 @@ var K = {
 	_isCellEditable(e) {
 		return !(!this.editable || e.editable === !1);
 	}
-	_fireRowActivate(e) {
+	_fireRowActivate(e, t) {
 		if (!this._activeCell) return;
-		let t = this._toDataIndex(this._activeCell.row), n = this.data[t];
-		n && this._emit("row-activate", {
-			row: n,
-			id: this.getRowId(n),
-			index: t,
+		let n = this._toDataIndex(this._activeCell.row), r = this.data[n];
+		r && this._emit("row-activate", {
+			row: r,
+			id: this.getRowId(r),
+			via: t,
+			index: n,
 			col: this._activeCell.col,
 			key: e?.key
 		});
@@ -2794,7 +2798,7 @@ var K = {
 			if ((e.key === "Enter" || e.key === "F2") && this._activeCell && !v(e)) {
 				e.preventDefault();
 				let n = t[this._activeCell.col];
-				n && this._isCellEditable(n) ? this._startEdit() : e.key === "Enter" && this._fireRowActivate(n);
+				n && this._isCellEditable(n) ? this._startEdit() : e.key === "Enter" && this._fireRowActivate(n, "keyboard");
 				return;
 			}
 			if (!this._selection.activeCell) {
@@ -2953,7 +2957,7 @@ var K = {
 		let e = this._selection.getEffectiveRange();
 		return e ? {
 			range: e,
-			text: ue(this._sortedIndices.map((e) => this.data[e]), this.visibleColumns, e)
+			text: de(this._sortedIndices.map((e) => this.data[e]), this.visibleColumns, e)
 		} : null;
 	}
 	async _copyFromMenu() {
@@ -3182,7 +3186,11 @@ var K = {
 		n < this.scrollLeft ? this.scrollLeft = n : r > this.scrollLeft + this.clientWidth && (this.scrollLeft = r - this.clientWidth);
 	}
 	_dispatchSelectionEvent() {
-		this._emit("cell-select", this._activeCell ? { ...this._activeCell } : null);
+		let e = this._activeCell, t = e ? this.data[this._toDataIndex(e.row)] : void 0;
+		this._emit("cell-select", e ? {
+			...e,
+			id: t ? this.getRowId(t) : ""
+		} : null);
 	}
 	_onHeaderClick(e, t) {
 		if (this._wasHeaderDrag) {
@@ -4479,7 +4487,7 @@ var K = {
 			return a`
         <u-date-picker class="ft-editor ft-editor-${t.type}" size="sm" aria-label=${t.label}
           mode=${e ? "datetime" : "date"} ?confirm=${e}
-          .value=${Ze(n, e)}
+          .value=${Qe(n, e)}
           @keydown=${this._onEditorKeyDown}
           @change=${() => this._commitEdit()}
           @blur=${this._onEditorBlur}></u-date-picker>
@@ -4586,12 +4594,12 @@ G([c({ type: Array })], Q.prototype, "columns", void 0), G([c({
 	type: Number,
 	attribute: "max-undo-size"
 })], Q.prototype, "maxUndoSize", null), G([l()], Q.prototype, "_scrollTop", void 0), G([l()], Q.prototype, "_scrollLeft", void 0), G([l()], Q.prototype, "_viewportHeight", void 0), G([l()], Q.prototype, "_viewportWidth", void 0), G([l()], Q.prototype, "_activeCell", void 0), G([l()], Q.prototype, "_headerCol", void 0), G([l()], Q.prototype, "_editingCell", void 0), G([l()], Q.prototype, "_sortCriteria", void 0), G([l()], Q.prototype, "_openFilterKey", void 0), G([l()], Q.prototype, "_rowSelectionVersion", void 0), G([l()], Q.prototype, "_autocompleteState", void 0), G([l()], Q.prototype, "_headerMenu", void 0), G([l()], Q.prototype, "_bodyContextMenu", void 0), G([l()], Q.prototype, "_commentPopup", void 0), G([l()], Q.prototype, "_isDragOver", void 0), Q = G([s("flex-table")], Q);
-function Ze(e, t) {
+function Qe(e, t) {
 	if (t) {
-		let t = fe(e);
+		let t = pe(e);
 		return /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/.test(t) ? t.replace(" ", "T") : void 0;
 	}
-	let n = de(e);
+	let n = fe(e);
 	return /^\d{4}-\d{2}-\d{2}$/.test(n) ? n : void 0;
 }
 function $(e) {
@@ -4602,4 +4610,4 @@ function $(e) {
 	}
 }
 //#endregion
-export { O as a, A as i, W as n, D as o, z as r, Q as t };
+export { k as a, A as i, W as n, D as o, z as r, Q as t };

package/dist/flex-table.js

@@ -1,3 +1,3 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "./flex-table-B1W8VEBa.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "./flex-table-BDTykqUE.js";
 import { t as o } from "./locale-Cfm-vJji.js";
 export { a as FlexTable, e as RowSelectionState, t as UndoStack, n as effectiveAlign, i as exportData, o as flexTableLocale, r as renderCell };

package/dist/react.js

@@ -1,4 +1,4 @@
-import { t as e } from "./flex-table-B1W8VEBa.js";
+import { t as e } from "./flex-table-BDTykqUE.js";
 import { i as t } from "./query-Dw4iO0ir.js";
 import { t as n } from "./source-DOue0Ti3.js";
 import { t as r } from "./view-DiLr-TdY.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iyulab/flex-table",
-  "version": "0.58.0",
+  "version": "0.59.0",
   "description": "A minimalist, input-centric data grid web component",
   "type": "module",
   "main": "./dist/flex-table.js",
@@ -74,7 +74,7 @@
     "odata-query": "^8.1.0"
   },
   "peerDependencies": {
-    "@iyulab/components": ">=2.8.0",
+    "@iyulab/components": ">=2.15.0",
     "@lit/react": "^1.0.8",
     "react": "^18.0.0 || ^19.0.0"
   },

package/skills/iyulab-flex-table/SKILL.md

@@ -76,7 +76,8 @@ Use `updateRows([{ row, key, value }])` for programmatic edits (undoable, fires
 
 **Editing and read-only.** `editable` defaults to `true`. For a read-only grid set
 `table.editable = false` (a property, since a boolean attribute cannot express `false`) — Enter on a non-editable cell then fires
-`row-activate`, the grid's "open this row" contract.
+`row-activate`, the grid's "open this row" contract; a plain click on a cell fires it too (`via: 'click'`).
+Open a row's detail on `row-activate`, never on `cell-select` — that one is focus and fires when Tab arrives on the grid.
 
 **Row selection is kept by row id.** Enable with `selectable` (`selection-mode="single|multi"`).
 The id is the row's `row-key` field (`_id` by default, as in `u-rich-table`) or a `rowKey` function, so

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

@@ -143,14 +143,14 @@ cast, and the React `on*` props carry the same types.
 
 | Event | `detail` |
 |---|---|
-| `cell-select` | `{ row, col }` (or `null`) |
+| `cell-select` | `{ row, col, id }` (or `null`) — focus moved (also when the keyboard arrives); `row`/`col` visible positions |
 | `cell-edit-start` | `{ row, col, key, value }` |
 | `cell-edit-commit` | `{ row, col, key, oldValue, newValue }` |
 | `cell-edit-cancel` | `{ row, col }` — `row`: data index (`-1` once the row left `data`) |
 | `validation-error` | `{ row, col, key, value, error }` |
 | `row-add` | `{ row, index }` |
 | `row-delete` | `{ indices, rows }` |
-| `row-activate` | `{ row, id, index, col, key }` — Enter on a non-editable cell |
+| `row-activate` | `{ row, id, via, index, col, key }` — a plain click on a cell (`via: 'click'`) or Enter on a non-editable cell (`'keyboard'`); not a Shift/Ctrl/Cmd click, a drag, or a control in the cell |
 | `row-reorder` | `{ from, to }` |
 | `batch-update` | `{ changes }` |
 | `column-add` | `{ column, index }` |