@iyulab/flex-table 0.41.1 → 0.42.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # Changelog
 
+## [0.42.0] - 2026-10-04
+
+### Added
+
+- **`reveal: 'hover'` column option** — the column's content shows only while its row is hovered,
+  holds focus or is selected; for a row-actions column, so a list does not repeat the same buttons
+  on every row. The content stays focusable (Tab reveals it), touch screens always show it, and it
+  is not printed.
+
+### Changed
+
+- **The virtual scroll renders only the rows it needs above the view.** The first row in view was
+  computed as if the header and the frozen rows scrolled away with the body, so up to
+  (header + frozen rows) ÷ row height extra rows were rendered above the view — ten with eight frozen
+  rows. What is visible does not change.
+
+## [0.41.2] - 2026-10-03
+
+### Fixed
+
+- **The `datetime` cell editor shows and takes `YYYY-MM-DD HH:mm` in every browser language.** It was the
+  native `datetime-local` input, which follows the browser's UI language. It is now a text box in local
+  time that reads `2026-10-02 14:05` (`9:05`, a date alone is midnight), stores the local
+  `YYYY-MM-DDTHH:mm` string as before, and rejects text it cannot read with `validation-error`
+  ("Enter a date and time as YYYY-MM-DD HH:mm", new `flexTableLocale` key `notADateTime`).
+- **Pasting `2026-10-02 14:05` into a datetime column stores `2026-10-02T14:05`.** Other text stays text.
+
+### Changed
+
+- **The `@iyulab/components` peer is `>=1.56.0`** — date-times are read with its `parseDateTime`.
+
 ## [0.41.1] - 2026-10-03
 
 ### Fixed

package/README.md

@@ -151,6 +151,7 @@ interface ColumnDefinition {
   validator?: CellValidator; // Validate before commit: (value, row, col) => string | null
   conditionalRules?: ConditionalRule[]; // Per-cell style rules, see below
   mergeRepeated?: boolean | ((row, previousRow, col) => boolean); // Merge runs of repeated values, see below
+  reveal?: 'always' | 'hover';   // 'hover': show only while the row is hovered, focused or selected (row actions)
 }
 ```
 
@@ -160,7 +161,7 @@ The `validator` callback returns `null` if valid, or an error message string. On
 
 A `number` column's built-in editor reads numbers the way people type them in the active `Locale` — `1,5` on a comma-decimal page is 1.5, `1.234,5` is 1234.5 — and shows the value with that locale's decimal separator. Text that is not a number is rejected the same way as a validator failure (`error` is the localized "Enter a number"). The number filter's conditions and pasted values are read the same way; pasted text that is not a number stays text.
 
-A `date` column's built-in editor is a text box that shows and takes `YYYY-MM-DD` in every browser language (the native date input would show the browser's UI language, e.g. `10/02/2026`). It also reads `2026/10/2`, `20261002` and `10-02` (this year), stores the ISO date string, and rejects text that is not a date (`error` is the localized "Enter a date as YYYY-MM-DD"). Pasted dates are read the same way.
+A `date` column's built-in editor is a text box that shows and takes `YYYY-MM-DD` in every browser language (the native date input would show the browser's UI language, e.g. `10/02/2026`). It also reads `2026/10/2`, `20261002` and `10-02` (this year), stores the ISO date string, and rejects text that is not a date (`error` is the localized "Enter a date as YYYY-MM-DD"). Pasted dates are read the same way. A `datetime` column's editor works the same with a time: it shows `YYYY-MM-DD HH:mm` in local time, reads `2026-10-02 14:05` (a date alone is midnight), and stores the local `YYYY-MM-DDTHH:mm` string.
 
 ### `format` vs `render`
 
@@ -198,6 +199,18 @@ const columns: ColumnDefinition<Order>[] = [
 
 Rules are evaluated in order and combined; later matching rules override earlier ones for overlapping style properties.
 
+### Row actions that appear on hover
+
+A column of row actions (edit, a "more" menu) repeated on every row turns a list into a wall of
+buttons. `reveal: 'hover'` shows that column's content only while its row is hovered, holds focus or
+is selected. The controls stay in the DOM and focusable — Tab reveals them — touch screens (no
+hover) always show them, and they are not printed.
+
+```ts
+{ key: 'actions', label: '', width: 72, editable: false, reveal: 'hover',
+  render: (_, row) => html`<u-button size="sm" variant="ghost" aria-label="Edit">…</u-button>` }
+```
+
 ### Merging Repeated Values
 
 A list of child rows under a parent — order lines under an order, boxes under a shipment — repeats the parent's columns on every line. `mergeRepeated` draws each run of repeated values as one merged cell: the value shows once, on the run's first row, and the lines between the run's rows are dropped.

package/dist/clipboard/clipboard.d.ts

@@ -17,3 +17,9 @@ export declare function editableNumber(value: number): string;
  * negative offsets); a `Date` uses its local day. Anything else is shown as it is.
  */
 export declare function editableDate(value: unknown): string;
+/**
+ * A `datetime` cell's value as `YYYY-MM-DD HH:mm` (local) for editing — the form the editor reads
+ * back. A local date-time string (`2026-10-02T14:05`, no offset) keeps its wall-clock time; a `Date`
+ * or a string with an offset (`Z`, `+09:00`) is shown in local time. Anything else is shown as it is.
+ */
+export declare function editableDateTime(value: unknown): string;

package/dist/{flex-table-C6PFutM_.js → flex-table-BdnkC234.js}

@@ -2,11 +2,11 @@ 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";
 import { Locale as l } from "@iyulab/components/dist/utilities/Locale.js";
-import { dateTextPattern as u, formatDate as d, formatNumber as f, parseDate as p, parseNumber as m } from "@iyulab/components/dist/utilities/format.js";
-import { decodeTsv as h, encodeTsv as g } from "@iyulab/components/dist/utilities/tsv.js";
-import { isImeComposing as _ } from "@iyulab/components/dist/utilities/keyboard.js";
+import { dateTextPattern as u, formatDate as d, formatNumber as f, parseDate as p, parseDateTime as m, parseNumber as h } from "@iyulab/components/dist/utilities/format.js";
+import { decodeTsv as g, encodeTsv as _ } from "@iyulab/components/dist/utilities/tsv.js";
+import { isImeComposing as v } from "@iyulab/components/dist/utilities/keyboard.js";
 //#region src/styles/flex-table.styles.ts
-var v = r`
+var y = r`
   /* --- Theme Variables (Light defaults) --- */
   :host {
     --ft-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
@@ -918,16 +918,38 @@ var v = r`
     outline: 2px solid var(--ft-find-color);
     outline-offset: -2px;
   }
+
+  /* reveal: 'hover' — a row-actions column shows while the row is hovered, focused or selected.
+     opacity (not display/visibility) keeps the controls focusable, so Tab reveals them. */
+  .ft-cell.ft-reveal-hover > * {
+    opacity: 0;
+    transition: opacity var(--u-duration-fast, 140ms) ease-out;
+  }
+  .ft-row:hover .ft-cell.ft-reveal-hover > *,
+  .ft-row:focus-within .ft-cell.ft-reveal-hover > *,
+  .ft-row-selected .ft-cell.ft-reveal-hover > *,
+  .ft-cell.ft-reveal-hover.ft-active > * {
+    opacity: 1;
+  }
+  @media (hover: none) {
+    .ft-cell.ft-reveal-hover > * { opacity: 1; }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .ft-cell.ft-reveal-hover > * { transition: none; }
+  }
+  @media print {
+    .ft-cell.ft-reveal-hover > * { visibility: hidden; }
+  }
 `;
 //#endregion
 //#region src/renderers/format.ts
-function y(e, t) {
-	return e == null ? "" : typeof t == "function" ? t(e) : b(t) ? S(e, t) : x(e, t);
+function b(e, t) {
+	return e == null ? "" : typeof t == "function" ? t(e) : x(t) ? C(e, t) : S(e, t);
 }
-function b(e) {
+function x(e) {
 	return /[yMdHhms]/.test(e);
 }
-function x(e, t) {
+function S(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, u = {
@@ -940,7 +962,7 @@ function x(e, t) {
 		style: "percent"
 	}).format(n) : (d = new Intl.NumberFormat(l.get(), u).format(n), a && (d = a + d)), d + "";
 }
-function S(e, t) {
+function C(e, t) {
 	let n;
 	if (e instanceof Date) n = e;
 	else if (typeof e == "string" || typeof e == "number") n = new Date(e);
@@ -951,26 +973,26 @@ function S(e, t) {
 }
 //#endregion
 //#region src/renderers/cell-renderer.ts
-function C(e, t, n) {
-	return n.render ? n.render(e, t, n) : n.format ? typeof n.format == "function" ? n.format(e, t, n) : y(e, n.format) : w(e, n);
+function w(e, t, n) {
+	return n.render ? n.render(e, t, n) : n.format ? typeof n.format == "function" ? n.format(e, t, n) : b(e, n.format) : T(e, n);
 }
-function w(e, t) {
+function T(e, t) {
 	if (e == null) return "";
 	switch (t.type) {
-		case "number": return D(e);
+		case "number": return O(e);
 		case "boolean": return i`<span class="ft-bool">${e ? "✔" : ""}</span>`;
-		case "date": return O(e);
-		case "datetime": return ee(e);
-		case "select": return T(e, t);
+		case "date": return ee(e);
+		case "datetime": return te(e);
+		case "select": return E(e, t);
 		default: return String(e);
 	}
 }
-function T(e, t) {
+function E(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 E = {
+var D = {
 	year: "numeric",
 	month: "numeric",
 	day: "numeric",
@@ -978,14 +1000,14 @@ var E = {
 	minute: "numeric",
 	second: "numeric"
 };
-function D(e) {
+function O(e) {
 	return typeof e == "number" ? Number.isInteger(e) ? f(e) : f(e, { minimumFractionDigits: 1 }) : String(e);
 }
-function O(e) {
+function ee(e) {
 	return e instanceof Date || typeof e == "string" ? d(e) : String(e);
 }
-function ee(e) {
-	return e instanceof Date || typeof e == "string" ? d(e, E) : String(e);
+function te(e) {
+	return e instanceof Date || typeof e == "string" ? d(e, D) : String(e);
 }
 //#endregion
 //#region src/locale.ts
@@ -1045,6 +1067,7 @@ k.register("en", {
 	dropFileToImport: "Drop file to import (.xlsx / .csv)",
 	notANumber: "Enter a number",
 	notADate: "Enter a date as YYYY-MM-DD",
+	notADateTime: "Enter a date and time as YYYY-MM-DD HH:mm",
 	notInList: "Value must be from the existing list"
 }), k.register("ko", {
 	showHiddenColumns: "숨긴 열 보기",
@@ -1101,12 +1124,13 @@ k.register("en", {
 	dropFileToImport: "가져올 파일을 놓으세요 (.xlsx / .csv)",
 	notANumber: "숫자를 입력하세요",
 	notADate: "날짜를 YYYY-MM-DD 로 입력하세요",
+	notADateTime: "날짜와 시간을 YYYY-MM-DD HH:mm 으로 입력하세요",
 	notInList: "목록에 있는 값이어야 합니다"
 });
 var A = (e, t) => k.text(e, t);
 //#endregion
 //#region src/core/selection.ts
-function te(e) {
+function ne(e) {
 	return {
 		startRow: Math.min(e.startRow, e.endRow),
 		startCol: Math.min(e.startCol, e.endCol),
@@ -1114,7 +1138,7 @@ function te(e) {
 		endCol: Math.max(e.startCol, e.endCol)
 	};
 }
-var ne = class {
+var re = class {
 	constructor() {
 		this.activeCell = null, this.rangeAnchor = null, this.range = null, this.extraRanges = [], this._rowCount = 0, this._colCount = 0;
 	}
@@ -1141,7 +1165,7 @@ var ne = 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 = te({
+		}, this.rangeAnchor && (this.range = ne({
 			startRow: this.rangeAnchor.row,
 			startCol: this.rangeAnchor.col,
 			endRow: e,
@@ -1212,7 +1236,7 @@ var ne = class {
 	shiftMoveRight() {
 		return this.activeCell ? this.setActiveWithRange(this.activeCell.row, this.activeCell.col + 1) : null;
 	}
-}, re = class {
+}, ie = class {
 	constructor() {
 		this.current = null;
 	}
@@ -1294,7 +1318,7 @@ var ne = class {
 };
 //#endregion
 //#region src/core/filtering.ts
-function ie(e, t, n) {
+function ae(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++) {
@@ -1313,9 +1337,9 @@ function ie(e, t, n) {
 }
 //#endregion
 //#region src/core/undo.ts
-var ae = 100, M = class {
+var oe = 100, M = class {
 	constructor() {
-		this._undoStack = [], this._redoStack = [], this._maxSize = ae;
+		this._undoStack = [], this._redoStack = [], this._maxSize = oe;
 	}
 	get maxSize() {
 		return this._maxSize;
@@ -1352,7 +1376,7 @@ var ae = 100, M = class {
 };
 //#endregion
 //#region src/clipboard/clipboard.ts
-function oe(e, t, n) {
+function se(e, t, n) {
 	let r = [];
 	for (let i = n.startRow; i <= n.endRow; i++) {
 		let a = e[i], o = [];
@@ -1362,19 +1386,20 @@ function oe(e, t, n) {
 		}
 		r.push(o);
 	}
-	return g(r);
+	return _(r);
 }
 function N(e, t) {
 	if (e === "") return null;
 	switch (t.type) {
 		case "number": {
-			let t = m(e);
+			let t = h(e);
 			if (t !== null) return t;
 			let n = Number(e.trim());
 			return e.trim() !== "" && Number.isFinite(n) ? n : e;
 		}
 		case "boolean": return e.toLowerCase() === "true" || e === "1";
 		case "date": return p(e) ?? e;
+		case "datetime": return m(e) ?? e;
 		default: return e;
 	}
 }
@@ -1384,15 +1409,24 @@ function P(e) {
 	let n = new Intl.NumberFormat(l.get()).formatToParts(1.5).find((e) => e.type === "decimal")?.value;
 	return n && n !== "." ? t.replace(".", n) : t;
 }
-function se(e) {
+function ce(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 le(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]}`;
+	let r = e instanceof Date ? e : /^\d{4}-\d{2}-\d{2}T/.test(t) ? new Date(t) : null;
+	if (!r || Number.isNaN(r.getTime())) return t;
+	let i = (e) => String(e).padStart(2, "0");
+	return `${r.getFullYear()}-${i(r.getMonth() + 1)}-${i(r.getDate())} ${i(r.getHours())}:${i(r.getMinutes())}`;
+}
 //#endregion
 //#region src/export/xlsx-writer.ts
-var ce = (() => {
+var ue = (() => {
 	let e = /* @__PURE__ */ new Uint32Array(256);
 	for (let t = 0; t < 256; t++) {
 		let n = t;
@@ -1401,16 +1435,16 @@ var ce = (() => {
 	}
 	return e;
 })();
-function le(e) {
+function de(e) {
 	let t = 4294967295;
-	for (let n = 0; n < e.length; n++) t = ce[(t ^ e[n]) & 255] ^ t >>> 8;
+	for (let n = 0; n < e.length; n++) t = ue[(t ^ e[n]) & 255] ^ t >>> 8;
 	return (t ^ 4294967295) >>> 0;
 }
 var F = new TextEncoder();
-function ue(e) {
+function fe(e) {
 	let t = [], n = [], r = 0;
 	for (let i of e) {
-		let e = F.encode(i.name), a = le(i.data), o = i.data.length, s = new ArrayBuffer(30 + e.length), c = new DataView(s);
+		let e = F.encode(i.name), a = de(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;
@@ -1430,27 +1464,27 @@ function I(e) {
 function L(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function de(e) {
+function pe(e) {
 	let t = "";
 	for (e++; e > 0;) t = String.fromCharCode(64 + (e % 26 || 26)) + t, e = Math.floor((e - 1) / 26);
 	return t;
 }
 function R(e, t) {
-	return de(t) + (e + 1);
+	return pe(t) + (e + 1);
 }
-function fe(e) {
+function me(e) {
 	let t = Date.UTC(1899, 11, 30);
 	return (e.getTime() - t) / 864e5;
 }
-var pe = "<?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>", me = "<?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>", z = "<?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>", he = "<?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>", ge = "<?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 _e(e, t) {
+var z = "<?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>", he = "<?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>", ge = "<?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>", _e = "<?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>", ve = "<?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 ye(e, t) {
 	let n = [], r = t.map((e, t) => `<c r="${R(0, t)}" t="str" s="2"><v>${L(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 = R(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>${fe(a).toFixed(6)}</v></c>` : o === "boolean" ? `<c r="${i}" t="b"><v>${+!!a}</v></c>` : `<c r="${i}" t="str"><v>${L(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>${me(a).toFixed(6)}</v></c>` : o === "boolean" ? `<c r="${i}" t="b"><v>${+!!a}</v></c>` : `<c r="${i}" t="str"><v>${L(String(a))}</v></c>`;
 		});
 		n.push(`<row r="${r + 2}">${i.join("")}</row>`);
 	}), `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
@@ -1458,24 +1492,24 @@ function _e(e, t) {
   <sheetData>${n.join("")}</sheetData>
 </worksheet>`;
 }
-function ve(e, t) {
-	let n = _e(e, t);
-	return ue([
+function be(e, t) {
+	let n = ye(e, t);
+	return fe([
 		{
 			name: "[Content_Types].xml",
-			data: F.encode(pe)
+			data: F.encode(z)
 		},
 		{
 			name: "_rels/.rels",
-			data: F.encode(me)
+			data: F.encode(he)
 		},
 		{
 			name: "xl/workbook.xml",
-			data: F.encode(z)
+			data: F.encode(ge)
 		},
 		{
 			name: "xl/_rels/workbook.xml.rels",
-			data: F.encode(he)
+			data: F.encode(_e)
 		},
 		{
 			name: "xl/worksheets/sheet1.xml",
@@ -1483,7 +1517,7 @@ function ve(e, t) {
 		},
 		{
 			name: "xl/styles.xml",
-			data: F.encode(ge)
+			data: F.encode(ve)
 		}
 	]);
 }
@@ -1493,20 +1527,20 @@ function B(e, t, n) {
 	switch (n) {
 		case "csv": return V(e, t, ",");
 		case "tsv": return V(e, t, "	");
-		case "json": return be(e, t);
-		case "xlsx": return ve(e, t);
+		case "json": return Se(e, t);
+		case "xlsx": return be(e, t);
 	}
 }
-function ye(e, t) {
+function xe(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(ye(e[t.key], t), n)).join(n))].join("\n");
+	return [t.map((e) => H(e.label, n)).join(n), ...e.map((e) => t.map((t) => H(xe(e[t.key], t), n)).join(n))].join("\n");
 }
 function H(e, t) {
 	return e.includes(t) || e.includes("\"") || e.includes("\n") || e.includes("\r") ? "\"" + e.replace(/"/g, "\"\"") + "\"" : e;
 }
-function be(e, t) {
+function Se(e, t) {
 	let n = e.map((e) => {
 		let n = {};
 		for (let r of t) {
@@ -1517,35 +1551,35 @@ function be(e, t) {
 	});
 	return JSON.stringify(n, null, 2);
 }
-function xe(e, t, n) {
+function Ce(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 Se = {
+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 = {
+}, we = {
 	csv: ".csv",
 	tsv: ".tsv",
 	json: ".json",
 	xlsx: ".xlsx"
 };
-function we(e) {
-	return Se[e];
-}
 function Te(e) {
-	return Ce[e];
+	return U[e];
+}
+function Ee(e) {
+	return we[e];
 }
 //#endregion
 //#region src/export/xlsx-reader.ts
-function Ee(e) {
+function De(e) {
 	for (let t = e.byteLength - 22; t >= 0; t--) if (e.getUint32(t, !0) === 101010256) return t;
 	throw Error("XLSX: End of central directory not found — not a valid ZIP file");
 }
-function De(e) {
-	let t = Ee(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 Oe(e) {
+	let t = De(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({
@@ -1558,7 +1592,7 @@ function De(e) {
 	}
 	return a;
 }
-async function Oe(e) {
+async function ke(e) {
 	let t = new DecompressionStream("deflate-raw"), n = t.writable.getWriter(), r = t.readable.getReader();
 	n.write(e), n.close();
 	let i = [];
@@ -1571,28 +1605,28 @@ async function Oe(e) {
 	for (let e of i) o.set(e, s), s += e.length;
 	return o;
 }
-async function ke(e, t) {
+async function Ae(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 Oe(o);
+	if (t.compressionMethod === 8) return ke(o);
 	throw Error(`XLSX: Unsupported compression method ${t.compressionMethod}`);
 }
-async function Ae(e) {
-	let t = new DataView(e), n = De(t), r = /* @__PURE__ */ new Map();
-	for (let e of n) e.compressedSize === 0 && e.name.endsWith("/") || r.set(e.name, await ke(t, e));
+async function je(e) {
+	let t = new DataView(e), n = Oe(t), r = /* @__PURE__ */ new Map();
+	for (let e of n) e.compressedSize === 0 && e.name.endsWith("/") || r.set(e.name, await Ae(t, e));
 	return r;
 }
-var je = new TextDecoder("utf-8");
-function U(e) {
-	let t = je.decode(e);
+var Me = new TextDecoder("utf-8");
+function W(e) {
+	let t = Me.decode(e);
 	return new DOMParser().parseFromString(t, "application/xml");
 }
-function Me(e) {
+function Ne(e) {
 	if (!e) return [];
-	let t = U(e);
+	let t = W(e);
 	return Array.from(t.querySelectorAll("si")).map((e) => Array.from(e.querySelectorAll("t")).map((e) => e.textContent ?? "").join(""));
 }
-var Ne = /* @__PURE__ */ new Set([
+var Pe = /* @__PURE__ */ new Set([
 	14,
 	15,
 	16,
@@ -1612,37 +1646,37 @@ var Ne = /* @__PURE__ */ new Set([
 	57,
 	58
 ]);
-function Pe(e) {
+function Fe(e) {
 	let t = e.replace(/"[^"]*"/g, "").replace(/\\./g, "").replace(/\[[^\]]*\]/g, "").split(";")[0];
 	return /[dy]/i.test(t);
 }
-function Fe(e) {
+function Ie(e) {
 	let t = /* @__PURE__ */ new Set();
 	if (!e) return t;
-	let n = U(e), r = /* @__PURE__ */ new Map();
+	let n = W(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 ? Ne.has(i) : Pe(a)) && t.add(n);
+		(a === void 0 ? Pe.has(i) : Fe(a)) && t.add(n);
 	}), t;
 }
-function Ie(e) {
+function Le(e) {
 	if (!e) return !1;
-	let t = U(e).querySelector("workbookPr")?.getAttribute("date1904");
+	let t = W(e).querySelector("workbookPr")?.getAttribute("date1904");
 	return t === "1" || t === "true";
 }
-function W(e, t) {
+function Re(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 Le(e, t, n, r) {
-	let i = U(e).querySelectorAll("row");
+function ze(e, t, n, r) {
+	let i = W(e).querySelectorAll("row");
 	if (i.length === 0) return [];
 	let a = 0, o = /* @__PURE__ */ new Map();
 	for (let e of i) {
 		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 = Re(i.getAttribute("r") ?? "");
+			let e = Be(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)] ?? "";
@@ -1651,7 +1685,7 @@ function Le(e, t, n, r) {
 			else if (l === "") d = "";
 			else {
 				let e = parseFloat(l);
-				d = c !== "" && n.has(parseInt(c, 10)) && !isNaN(e) && e >= 0 ? W(e, r) : l;
+				d = c !== "" && n.has(parseInt(c, 10)) && !isNaN(e) && e >= 0 ? Re(e, r) : l;
 			}
 			s.set(e, d);
 		}
@@ -1665,13 +1699,13 @@ function Le(e, t, n, r) {
 	}
 	return c;
 }
-function Re(e) {
+function Be(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 ze(e) {
-	let t = await Ae(e), n = Me(t.get("xl/sharedStrings.xml")), r = t.get("xl/worksheets/sheet1.xml");
+async function Ve(e) {
+	let t = await je(e), n = Ne(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;
@@ -1679,7 +1713,7 @@ async function ze(e) {
 		}
 	}
 	if (!r) throw Error("XLSX: No worksheet found");
-	let i = Fe(t.get("xl/styles.xml")), a = Ie(t.get("xl/workbook.xml")), o = Le(r, n, i, a);
+	let i = Ie(t.get("xl/styles.xml")), a = Le(t.get("xl/workbook.xml")), o = ze(r, n, i, a);
 	return o.length === 0 ? {
 		headers: [],
 		rows: []
@@ -1710,14 +1744,14 @@ var q = {
 	lt: "<",
 	gte: "≥",
 	lte: "≤"
-}, J = 120, Y = 40, X = 20, Z = 32, Q = 5, Be = 200, $ = class extends n {
+}, J = 120, Y = 40, X = 20, Z = 32, Q = 5, He = 200, $ = 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 ne(), this._editing = new re(), this._rowSelection = new j(), this._undo = new M(), 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._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 re(), this._editing = new ie(), this._rowSelection = new j(), this._undo = new M(), 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._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 = v;
+		this.styles = y;
 	}
 	get data() {
 		return this._data;
@@ -2082,7 +2116,7 @@ var q = {
 		return B(this._sortedIndices.map((e) => this.data[e]), this.visibleColumns, e);
 	}
 	exportToFile(e, t) {
-		xe(this.exportToString(e), t ?? `export${Te(e)}`, we(e));
+		Ce(this.exportToString(e), t ?? `export${Ee(e)}`, Te(e));
 	}
 	setComment(e, t, n) {
 		let r = this.getComment(e, t);
@@ -2139,10 +2173,10 @@ var q = {
 	async importFromFile(e) {
 		let t = e.name.toLowerCase();
 		if (t.endsWith(".xlsx")) {
-			let t = await ze(await e.arrayBuffer());
+			let t = await Ve(await e.arrayBuffer());
 			this._applyImportedSheet(t);
 		} else if (t.endsWith(".csv") || t.endsWith(".tsv")) {
-			let t = await e.text(), n = h(t);
+			let t = await e.text(), n = g(t);
 			this._applyImportedRows(n);
 		} else console.warn(`flex-table importFromFile: unsupported file type "${e.name}"`);
 	}
@@ -2258,10 +2292,10 @@ var q = {
 		return Math.max(0, this._visibleRowCount - this._frozenRowCount) * this.rowHeight;
 	}
 	get visibleRange() {
-		let e = this._frozenRowCount, t = Math.max(0, this._scrollTop - this.headerHeight - this.frozenRowsHeight), n = e + Math.floor(t / this.rowHeight), r = Math.max(e, n - Q), i = Math.ceil(this._viewportHeight / this.rowHeight);
+		let e = this._frozenRowCount, t = e + Math.floor(Math.max(0, this._scrollTop) / this.rowHeight), n = Math.max(e, t - Q), r = Math.max(0, this._viewportHeight - this.headerHeight - this.frozenRowsHeight), i = Math.ceil(r / this.rowHeight) + 1;
 		return {
-			start: r,
-			end: Math.min(this._visibleRowCount, n + i + Q)
+			start: n,
+			end: Math.min(this._visibleRowCount, t + i + Q)
 		};
 	}
 	connectedCallback() {
@@ -2332,7 +2366,7 @@ var q = {
 			this._filteredIndices = Array.from({ length: this.data.length }, (e, t) => t), this._sortedIndices = this._filteredIndices;
 			return;
 		}
-		if (this._filteredIndices = ie(this.data, this._filters, (e, t, n) => {
+		if (this._filteredIndices = ae(this.data, this._filters, (e, t, n) => {
 			this.dispatchEvent(new CustomEvent("filter-error", {
 				detail: {
 					error: e,
@@ -2362,7 +2396,7 @@ var q = {
 		e !== this._viewportHeight && (this._viewportHeight = e), t !== this._viewportWidth && (this._viewportWidth = t), this._warnIfUnconstrained();
 	}
 	_warnIfUnconstrained() {
-		this._warnedUnconstrained || process.env.NODE_ENV === "production" || this._visibleRowCount < Be || 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 < He || 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;
@@ -2516,8 +2550,8 @@ var q = {
 			}));
 			return;
 		}
-		if (a.type === "number" && typeof e == "string" || a.type === "date" && typeof e == "string" && p(e) === null) {
-			let t = A(a.type === "number" ? "notANumber" : "notADate");
+		if (a.type === "number" && typeof e == "string" || a.type === "date" && typeof e == "string" && p(e) === null || a.type === "datetime" && typeof e == "string" && m(e) === null) {
+			let t = A(a.type === "number" ? "notANumber" : a.type === "date" ? "notADate" : "notADateTime");
 			this._markCellInvalid(n, r, t), this.dispatchEvent(new CustomEvent("validation-error", {
 				detail: {
 					row: i,
@@ -2581,7 +2615,7 @@ var q = {
 		}));
 	}
 	_onEditorKeyDown(e) {
-		if (!_(e)) {
+		if (!v(e)) {
 			if (this._autocompleteState && this._autocompleteState.candidates.length > 0) {
 				if (e.key === "ArrowDown") {
 					e.preventDefault(), e.stopPropagation();
@@ -2649,7 +2683,7 @@ var q = {
 			].includes(t) && this._handleCtrlKey(e)) return;
 		}
 		if (t.length !== 0 && this._visibleRowCount !== 0) {
-			if ((e.key === "Enter" || e.key === "F2") && this._activeCell && !_(e)) {
+			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);
@@ -2737,7 +2771,7 @@ var q = {
 	async _handleCopy(e) {
 		let t = this._selection.getEffectiveRange();
 		if (!t) return;
-		let n = this.visibleColumns, r = oe(this._sortedIndices.map((e) => this.data[e]), n, t);
+		let n = this.visibleColumns, r = se(this._sortedIndices.map((e) => this.data[e]), n, t);
 		try {
 			await navigator.clipboard.writeText(r);
 		} catch (e) {
@@ -2763,7 +2797,7 @@ var q = {
 		if (!this._activeCell) return;
 		let e = await this._readClipboardText();
 		if (e == null) return;
-		let t = h(e);
+		let t = g(e);
 		if (t.length === 0) return;
 		let n = this._expandRowsForPaste(this._activeCell.row, t.length), r = this._applyPasteData(this._activeCell, t);
 		if (r.length > 0 || n.length > 0) {
@@ -3492,7 +3526,7 @@ var q = {
 			i[t] = {
 				...i[t],
 				text: r,
-				value: r.trim() === "" ? null : m(r)
+				value: r.trim() === "" ? null : h(r)
 			}, this._numberFilterState.set(e, i), this._emptyFilterState.delete(e), this._applyFilterForKey(e);
 		}}
           @keydown=${(e) => {
@@ -3998,7 +4032,7 @@ var q = {
 				this._closeFindPanel();
 				return;
 			}
-			e.key === "Enter" && !_(e) && e.target instanceof HTMLInputElement && e.target.classList.contains("ft-find-input") && (e.shiftKey ? this._findPrev() : this._findNext());
+			e.key === "Enter" && !v(e) && e.target instanceof HTMLInputElement && e.target.classList.contains("ft-find-input") && (e.shiftKey ? this._findPrev() : this._findNext());
 		}}>
         <div class="ft-find-row">
           <input class="ft-find-input" type="text" placeholder=${A("findPlaceholder")}
@@ -4209,7 +4243,7 @@ var q = {
           ${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, w = [
+		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 = [
 			"ft-cell",
 			`ft-type-${t.type ?? "text"}`,
 			`ft-align-${G(t)}`,
@@ -4220,10 +4254,11 @@ var q = {
 			S ? "ft-find-current" : x ? "ft-find-match" : "",
 			o ? `ft-merge-${o.headParity}` : "",
 			o?.continues ? "ft-merge-continued" : "",
-			o?.opensDown ? "ft-merge-open" : ""
+			o?.opensDown ? "ft-merge-open" : "",
+			t.reveal === "hover" ? "ft-reveal-hover" : ""
 		].filter(Boolean).join(" "), T = this._toDataIndex(n), E = this._comments.get(T)?.get(t.key) ?? null, D = E !== null, O = D ? i`<div class="ft-comment-indicator" title=${E}></div>` : a;
 		return i`
-      <div class=${D ? w + " ft-has-comment" : w}
+      <div class=${D ? C + " ft-has-comment" : C}
         role="gridcell"
         aria-colindex=${r + 1}
         data-col-index=${r}
@@ -4237,7 +4272,7 @@ var q = {
         @click=${(e) => this._onCellClickEvent(e, n, r)}
         @dblclick=${() => this._onCellDblClick(n, r)}>
         ${O}
-        ${C(e[t.key], e, t)}
+        ${w(e[t.key], e, t)}
       </div>
     `;
 	}
@@ -4252,19 +4287,16 @@ var q = {
       `;
 		if (t.type === "date") return i`
         <input class="ft-editor ft-editor-date" type="text" inputmode="numeric" placeholder=${u()}
-          .value=${se(n)}
+          .value=${ce(n)}
           @keydown=${this._onEditorKeyDown}
           @blur=${() => this._commitEdit()}>
       `;
-		if (t.type === "datetime") {
-			let e = this._toDateTimeInputValue(n);
-			return i`
-        <input class="ft-editor" type="datetime-local"
-          .value=${e}
+		if (t.type === "datetime") return i`
+        <input class="ft-editor ft-editor-datetime" type="text" placeholder=${`${u()} HH:mm`}
+          .value=${le(n)}
           @keydown=${this._onEditorKeyDown}
           @blur=${() => this._commitEdit()}>
       `;
-		}
 		if (t.type === "select" && t.options && t.options.length > 0) {
 			let e = t.options, r = typeof e[0] == "string";
 			return i`
@@ -4305,11 +4337,6 @@ var q = {
         @blur=${() => this._commitEdit()}>
     `;
 	}
-	_toDateTimeInputValue(e) {
-		if (!e) return "";
-		let t = e instanceof Date ? e : new Date(String(e));
-		return isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")}T${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}`;
-	}
 };
 K([s({ type: Array })], $.prototype, "columns", void 0), K([s({
 	type: Array,
@@ -4367,4 +4394,4 @@ K([s({ type: Array })], $.prototype, "columns", void 0), K([s({
 	attribute: "max-undo-size"
 })], $.prototype, "maxUndoSize", null), K([c()], $.prototype, "_scrollTop", void 0), K([c()], $.prototype, "_scrollLeft", void 0), K([c()], $.prototype, "_viewportHeight", void 0), K([c()], $.prototype, "_viewportWidth", void 0), K([c()], $.prototype, "_activeCell", void 0), K([c()], $.prototype, "_editingCell", void 0), K([c()], $.prototype, "_sortCriteria", void 0), K([c()], $.prototype, "_openFilterKey", void 0), K([c()], $.prototype, "_rowSelectionVersion", void 0), K([c()], $.prototype, "_autocompleteState", void 0), K([c()], $.prototype, "_headerMenu", void 0), K([c()], $.prototype, "_bodyContextMenu", void 0), K([c()], $.prototype, "_commentPopup", void 0), K([c()], $.prototype, "_isDragOver", void 0), $ = K([o("flex-table")], $);
 //#endregion
-export { j as a, M as i, G as n, k as o, B as r, C as s, $ as t };
+export { j as a, M as i, G as n, k as o, B as r, w as s, $ as t };

package/dist/flex-table.d.ts

@@ -525,9 +525,6 @@ export declare class FlexTable extends LitElement {
     private _mergeState;
     private _renderCell;
     private _renderEditor;
-    /** Convert value to YYYY-MM-DD for date input (local timezone) */
-    /** Convert value to YYYY-MM-DDTHH:mm for datetime-local input (local timezone) */
-    private _toDateTimeInputValue;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/flex-table.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./flex-table-C6PFutM_.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./flex-table-BdnkC234.js";
 export { o as FlexTable, e as RowSelectionState, t as UndoStack, n as effectiveAlign, i as exportData, r as flexTableLocale, a as renderCell };

package/dist/locale.d.ts

@@ -25,7 +25,7 @@
  *   (아이콘 자리의 글리프)는 어느 로케일에서도 같은 것을 뜻하며, 번역하면 오히려 읽히지 않는다.
  *   그 판단은 «번역하지 않기로 한 것»이지 «빠뜨린 것»이 아니다.
  */
-export type FlexTableMessageKey = 'showHiddenColumns' | 'columnMenu' | 'cellActions' | 'noColumnsDefined' | 'addCommentPlaceholder' | 'cancel' | 'save' | 'clear' | 'blankCells' | 'emptyOnly' | 'nonEmptyOnly' | 'blankAll' | 'all' | 'contains' | 'startsWith' | 'endsWith' | 'wildcard' | 'searchPlaceholder' | 'valuePlaceholder' | 'fromPlaceholder' | 'toPlaceholder' | 'findPlaceholder' | 'findPrevious' | 'findNext' | 'matchCase' | 'wholeCell' | 'closeFind' | 'replaceWithPlaceholder' | 'replace' | 'replaceAll' | 'sortAscending' | 'sortDescending' | 'filter' | 'clearFilter' | 'hideColumn' | 'showColumn' | 'autoFitWidth' | 'wider' | 'narrower' | 'columnMenuFor' | 'columnMenuRegion' | 'copy' | 'insertRowAbove' | 'insertRowBelow' | 'deleteRow' | 'filterByThisValue' | 'addComment' | 'editComment' | 'deleteComment' | 'booleanTrue' | 'booleanFalse' | 'dropFileToImport' | 'notANumber' | 'notADate' | 'notInList';
+export type FlexTableMessageKey = 'showHiddenColumns' | 'columnMenu' | 'cellActions' | 'noColumnsDefined' | 'addCommentPlaceholder' | 'cancel' | 'save' | 'clear' | 'blankCells' | 'emptyOnly' | 'nonEmptyOnly' | 'blankAll' | 'all' | 'contains' | 'startsWith' | 'endsWith' | 'wildcard' | 'searchPlaceholder' | 'valuePlaceholder' | 'fromPlaceholder' | 'toPlaceholder' | 'findPlaceholder' | 'findPrevious' | 'findNext' | 'matchCase' | 'wholeCell' | 'closeFind' | 'replaceWithPlaceholder' | 'replace' | 'replaceAll' | 'sortAscending' | 'sortDescending' | 'filter' | 'clearFilter' | 'hideColumn' | 'showColumn' | 'autoFitWidth' | 'wider' | 'narrower' | 'columnMenuFor' | 'columnMenuRegion' | 'copy' | 'insertRowAbove' | 'insertRowBelow' | 'deleteRow' | 'filterByThisValue' | 'addComment' | 'editComment' | 'deleteComment' | 'booleanTrue' | 'booleanFalse' | 'dropFileToImport' | 'notANumber' | 'notADate' | 'notADateTime' | 'notInList';
 /** 이 패키지의 chrome 문자열 묶음. 소비자가 `register()` 로 언어를 더하거나 문구를 덮을 수 있다. */
 export declare const flexTableLocale: import("@iyulab/components/dist/utilities/Locale.js").LocaleNamespace<FlexTableMessageKey>;
 /** 짧은 조회 별칭 — 렌더 코드가 읽히게 유지한다. */

package/dist/models/types.d.ts

@@ -115,6 +115,15 @@ export interface ColumnDefinition<T = DataRow> {
      * the top of the scrolled view and below frozen rows, so it never scrolls out of sight.
      */
     mergeRepeated?: boolean | ((row: T, previousRow: T, col: ColumnDefinition<T>) => boolean);
+    /**
+     * When the column's content shows.
+     * - `'always'` (default)
+     * - `'hover'`: only while the row is hovered, holds focus, or is selected — for a row-actions
+     *   column (edit, a "more" menu), so a list does not repeat the same buttons on every row. The
+     *   content stays in the DOM and keyboard focus reveals it; on touch screens (no hover) it is
+     *   always shown, and it is not printed.
+     */
+    reveal?: 'always' | 'hover';
 }
 /** Style applied to a cell by a conditional formatting rule */
 export interface CellStyle {

package/dist/react.js

@@ -1,4 +1,4 @@
-import { t as e } from "./flex-table-C6PFutM_.js";
+import { t as e } from "./flex-table-BdnkC234.js";
 import { i as t, t as n } from "./query-Dw4iO0ir.js";
 import { t as r } from "./view-DiLr-TdY.js";
 import i, { useCallback as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";

package/package.json

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

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

@@ -4,7 +4,6 @@ description: Spreadsheet-grade data grid web component (`<flex-table>`, built wi
 license: MIT
 metadata:
   author: iyulab
-  version: "0.40.1"
 ---
 
 # @iyulab/flex-table
@@ -67,7 +66,7 @@ as `text`). See `references/api.md` for every field.
 - `editor` returns a Lit template containing an element with class `ft-editor`; its `.value` is committed.
 - `validator` returns `null` when valid, or an error message (the edit is rejected and `validation-error` fires).
 - `number` cells, the number filter and paste read numbers in the active `Locale` (`1,5` is 1.5 on a comma-decimal page); an edit that is not a number is rejected with `validation-error`.
-- `date` cells edit as a `YYYY-MM-DD` text box in every browser language (also `20261002`, `2026/10/2`, `10-02`); pasted dates are normalized to ISO.
+- `date` cells edit as a `YYYY-MM-DD` text box in every browser language (also `20261002`, `2026/10/2`, `10-02`); pasted dates are normalized to ISO. `datetime` cells edit as `YYYY-MM-DD HH:mm` (local) and store `YYYY-MM-DDTHH:mm`.
 - `conditionalRules` applies `{ when, style }` rules in order; later matches override earlier ones.
 - `pinned: 'left' | 'right'` freezes a column during horizontal scroll.
 

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

@@ -66,6 +66,7 @@ Replacing `data` with the same array reference does not trigger the clear-on-cha
 | `validator` | `CellValidator<T>` | `(value, row, col) => string \| null \| undefined` |
 | `conditionalRules` | `ConditionalRule<T>[]` | `{ when(value, row, col): boolean, style: CellStyle }` |
 | `mergeRepeated` | `boolean \| (row, previousRow, col) => boolean` | Draw a run of repeated values as one merged cell; values, sort, filter and export are unchanged |
+| `reveal` | `'always' \| 'hover'` | `'hover'`: content shows only while the row is hovered, focused or selected — for a row-actions column; stays focusable, always shown without hover, not printed |
 
 `CellStyle` = `{ background?, color?, fontWeight?: 'bold' | 'normal', fontStyle?: 'italic' | 'normal' }`.