@iyulab/flex-table 0.51.0 → 0.52.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## [0.52.0] - 2026-10-07
+
+### Changed
+
+- **Requires `@iyulab/components` 2.8.0** (peer `>=2.8.0`) — for its locale change notification.
+
+### Fixed
+
+- **`flex-table` follows a runtime locale switch.** `Locale.set()` or registering strings (`flexTableLocale.register`)
+  re-renders the table at once — menus, filters, empty states and a cell's error marker (now looked up when drawn). It
+  kept the old language until a scroll or data change redrew it. A table detached during the switch catches up when
+  attached again.
+
 ## [0.51.0] - 2026-10-06
 
 ### Fixed

package/dist/{flex-table-CEmUq0Rp.js → flex-table-CtlqiwD8.js}

@@ -2443,10 +2443,10 @@ var K = {
 		};
 	}
 	connectedCallback() {
-		super.connectedCallback(), this._onScroll = this._onScroll.bind(this), this._onKeyDown = this._onKeyDown.bind(this), this._onDocumentClick = this._onDocumentClick.bind(this), this._onContextMenu = this._onContextMenu.bind(this), this._onDragover = this._onDragover.bind(this), this._onDragleave = this._onDragleave.bind(this), this._onDrop = this._onDrop.bind(this), this.addEventListener("scroll", this._onScroll, { passive: !0 }), this.addEventListener("keydown", this._onKeyDown), this.addEventListener("focus", this._onHostFocus), this.renderRoot.addEventListener("focusin", this._onFocusIn), this.renderRoot.addEventListener("focusout", this._onFocusOut), this.addEventListener("contextmenu", this._onContextMenu), this.addEventListener("dragover", this._onDragover), this.addEventListener("dragleave", this._onDragleave), this.addEventListener("drop", this._onDrop), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.setAttribute("role", "grid"), typeof ResizeObserver < "u" && (this._hostResizeObserver = new ResizeObserver(() => this._measureViewport()), this._hostResizeObserver.observe(this));
+		super.connectedCallback(), this._unsubscribeLocale = l.subscribe(() => this.requestUpdate()), this._detachedLocaleRevision !== void 0 && this._detachedLocaleRevision !== l.revision && this.requestUpdate(), this._detachedLocaleRevision = void 0, this._onScroll = this._onScroll.bind(this), this._onKeyDown = this._onKeyDown.bind(this), this._onDocumentClick = this._onDocumentClick.bind(this), this._onContextMenu = this._onContextMenu.bind(this), this._onDragover = this._onDragover.bind(this), this._onDragleave = this._onDragleave.bind(this), this._onDrop = this._onDrop.bind(this), this.addEventListener("scroll", this._onScroll, { passive: !0 }), this.addEventListener("keydown", this._onKeyDown), this.addEventListener("focus", this._onHostFocus), this.renderRoot.addEventListener("focusin", this._onFocusIn), this.renderRoot.addEventListener("focusout", this._onFocusOut), this.addEventListener("contextmenu", this._onContextMenu), this.addEventListener("dragover", this._onDragover), this.addEventListener("dragleave", this._onDragleave), this.addEventListener("drop", this._onDrop), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.setAttribute("role", "grid"), typeof ResizeObserver < "u" && (this._hostResizeObserver = new ResizeObserver(() => this._measureViewport()), this._hostResizeObserver.observe(this));
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.removeEventListener("scroll", this._onScroll), this.removeEventListener("keydown", this._onKeyDown), this.removeEventListener("focus", this._onHostFocus), this.renderRoot.removeEventListener("focusin", this._onFocusIn), this.renderRoot.removeEventListener("focusout", this._onFocusOut), this.removeEventListener("contextmenu", this._onContextMenu), this.removeEventListener("dragover", this._onDragover), this.removeEventListener("dragleave", this._onDragleave), this.removeEventListener("drop", this._onDrop), document.removeEventListener("click", this._onDocumentClick), document.removeEventListener("mousedown", this._onCommentPopupOutsideClick), this._isDragging = !1, this._wasDrag = !1, this._resizeCleanup &&= (this._resizeCleanup(), null), this._hostResizeObserver &&= (this._hostResizeObserver.disconnect(), null);
+		super.disconnectedCallback(), this._unsubscribeLocale?.(), this._unsubscribeLocale = void 0, this._detachedLocaleRevision = l.revision, this.removeEventListener("scroll", this._onScroll), this.removeEventListener("keydown", this._onKeyDown), this.removeEventListener("focus", this._onHostFocus), this.renderRoot.removeEventListener("focusin", this._onFocusIn), this.renderRoot.removeEventListener("focusout", this._onFocusOut), this.removeEventListener("contextmenu", this._onContextMenu), this.removeEventListener("dragover", this._onDragover), this.removeEventListener("dragleave", this._onDragleave), this.removeEventListener("drop", this._onDrop), document.removeEventListener("click", this._onDocumentClick), document.removeEventListener("mousedown", this._onCommentPopupOutsideClick), this._isDragging = !1, this._wasDrag = !1, this._resizeCleanup &&= (this._resizeCleanup(), null), this._hostResizeObserver &&= (this._hostResizeObserver.disconnect(), null);
 	}
 	firstUpdated() {
 		this._readDensityTokens(), this._measureViewport(), this.shadowRoot && Array.isArray(this.shadowRoot.adoptedStyleSheets) && (this._baseStyleSheets = [...this.shadowRoot.adoptedStyleSheets]), this._syncStylesheets();
@@ -2693,7 +2693,7 @@ var K = {
 		let { row: n, col: r } = t.position, i = this._toDataIndex(n), a = this.visibleColumns[r], o = t.originalValue;
 		if (a.autocomplete === "strict" && e != null && e !== "" && !this._getAutocompleteCandidates(a, "").includes(String(e))) {
 			let t = k("notInList");
-			this._markCellInvalid(n, r, t), this._emit("validation-error", {
+			this._markCellInvalid(n, r, () => k("notInList")), this._emit("validation-error", {
 				row: i,
 				col: r,
 				key: a.key,
@@ -2703,13 +2703,13 @@ var K = {
 			return;
 		}
 		if (a.type === "number" && typeof e == "string" || a.type === "date" && typeof e == "string" && f(e) === null || a.type === "datetime" && typeof e == "string" && p(e) === null) {
-			let t = k(a.type === "number" ? "notANumber" : a.type === "date" ? "notADate" : "notADateTime");
-			this._markCellInvalid(n, r, t), this._emit("validation-error", {
+			let t = a.type === "number" ? "notANumber" : a.type === "date" ? "notADate" : "notADateTime", o = k(t);
+			this._markCellInvalid(n, r, () => k(t)), this._emit("validation-error", {
 				row: i,
 				col: r,
 				key: a.key,
 				value: e,
-				error: t
+				error: o
 			});
 			return;
 		}
@@ -3809,7 +3809,7 @@ var K = {
 	}
 	_isCellInvalid(e, t) {
 		let n = this._invalidCells.get(this._cellKey(e, t));
-		return n ? n.error : null;
+		return n ? typeof n.error == "function" ? n.error() : n.error : null;
 	}
 	_renderDateFilter(e) {
 		let t = e.type === "datetime", n = this._dateFilterState.get(e.key) ?? {}, r = (e) => e?.slice(0, 10), o = (e) => {

package/dist/flex-table.d.ts

@@ -345,6 +345,9 @@ export declare class FlexTable extends LitElement {
     private _rowBoundaryViewportY;
     private get totalBodyHeight();
     private get visibleRange();
+    /** 런타임 로캘 전환 구독 — 이 요소는 `LitElement` 를 직접 잇기에 `@iyulab/components` 의 `UElement` 구독을 받지 못한다. */
+    private _unsubscribeLocale?;
+    private _detachedLocaleRevision?;
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected firstUpdated(): void;
@@ -556,6 +559,7 @@ export declare class FlexTable extends LitElement {
     private _defaultNumState;
     private _renderNumCondRow;
     private _renderNumberFilter;
+    /** 셀 오류 표시 — 우리 문장은 «그릴 때 찾는» 함수로(로캘 전환에 따라오게), 소비자 `validator` 문장은 그대로. */
     private _invalidCells;
     private _cellKey;
     private _markCellInvalid;

package/dist/flex-table.js

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

package/dist/react.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iyulab/flex-table",
-  "version": "0.51.0",
+  "version": "0.52.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.2.0",
+    "@iyulab/components": ">=2.8.0",
     "@lit/react": "^1.0.8",
     "react": "^18.0.0 || ^19.0.0"
   },