@iyulab/components 1.7.0 → 1.7.2

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## [1.7.2] - 2026-07-19
+
+### Fixed
+- **`Dialog.show()`가 영구 대기(hang)에 빠지던 결함 수정** — 프로미스 executor 가 `async` 였던 탓에 `await dialog.updateComplete` 가 reject 되면 예외가 삼켜지고 `hide` 리스너가 등록조차 되지 않아, `await Dialog.show(...)` 호출자가 **영원히 매달렸다**. 이제 리스너를 `await` **이전에** 등록하고(대기 중 발생한 `hide` 를 놓치던 경합도 함께 해소), 업데이트 실패 시 `console.error` 후 문서화된 "닫힘 = null" 규약대로 `null` 로 종료하며 고아 엘리먼트를 DOM 에서 제거한다. 회귀 테스트 3건 추가(정상 resolve / 닫힘 null / updateComplete reject).
+- `UOverlayElement`: 삼항 연산자를 문(statement)으로 사용하던 `open ? setup() : cleanup()` 을 `if/else` 로 교정.
+- `URating`/`USelect`/`UTree`: `switch` case 블록 안의 `const` 선언이 블록 스코프를 벗어나 다른 case 로 누출될 수 있던 형태를 중괄호 블록으로 격리(`no-case-declarations`).
+
+### Changed
+- **이 패키지의 eslint 가 실제로 동작하기 시작했다.** `eslint.config.js` 의 두 결함 — (1) `files: ["src/**/*"]` 가 ESLint 9 에서 universal 패턴으로 취급돼 `.ts` 를 린팅 대상으로 opt-in 하지 못함, (2) 배열 프리셋(`tseslint.configs.recommended`)을 객체 스프레드해 프리셋이 통째로 무력화됨 — 을 수정했다. `build` 스크립트에 `eslint &&` 게이트가 있었으나 매칭 파일이 0개라 **항상 통과**하고 있었다. 위 결함들은 모두 이 복구로 처음 드러난 것이다.
+- `npm run lint` / `npm run lint:fix` 스크립트 추가(flex-table·u-widgets 와 통일).
+- 내부 타입 정밀화: `Dialog`/`Theme`/`UTooltip`/`UInput`/`UTextarea` 의 `any` 캐스팅을 실제 타입(`CloseOnPolicy[]`, `UInput`, `InputType`, `VirtualElement`, `unknown[]`)으로 교체. 공개 API 시그니처 변경 없음.
+
+## [1.7.1] - 2026-07-19
+
+### Fixed
+- `UInput.type` 을 host 요소로 **reflect** 하도록 수정 — 미반영 시 `u-input[type="number"]::part(input)` 같은 속성 셀렉터가 HTML 속성으로 준 경우에만 매칭되고, React/Lit 의 property 바인딩(`.type=`, `el.type=`)에서는 host 에 속성이 나타나지 않아 무효였다. 형제 컴포넌트 `URadio.type` 은 이미 reflect 하고 있어 리포 내 비일관이기도 했다.
+
+### Documentation
+- `docs/theming.md` 에 `::part()` 커스터마이즈 섹션 신설 — 텍스트 정렬 레시피(`text-align` + `font-variant-numeric: tabular-nums`), 숫자 입력 우측정렬을 기본값으로 두지 않는 근거, 비반영 속성용 클래스 셀렉터 대안, 숫자 포맷팅 책임 범위.
+- `docs/architecture.md` CSS Parts 절에서 `theming.md` 로 상호 링크. `UInput` 의 `@csspart input` JSDoc 보강.
+
 ## [1.7.0] - 2026-07-17
 
 ### Fixed

package/dist/components/UOverlayElement.js

@@ -48,7 +48,8 @@ var UOverlayElement = class extends UElement {
 	}
 	updated(changedProperties) {
 		super.updated(changedProperties);
-		if (changedProperties.has("open")) this.open ? this.setup() : this.cleanup();
+		if (changedProperties.has("open")) if (this.open) this.setup();
+		else this.cleanup();
 	}
 	/**
 	* 오버레이를 표시합니다. u-show 이벤트가 취소되면 열리지 않습니다.

package/dist/components/input/UInput.d.ts

@@ -16,7 +16,11 @@ export type InputVariant = 'outlined' | 'filled' | 'underlined' | 'borderless';
  *
  * @csspart field - u-field 요소
  * @csspart container - input과 prefix/suffix를 감싸는 컨테이너
- * @csspart input - 네이티브 input 요소
+ * @csspart input - 네이티브 input 요소.
+ *   text-align 등 표현 관련 속성을 지정하지 않으므로 소비앱이 ::part(input)으로 재정의한다.
+ *   예: `u-input[type="number"]::part(input) { text-align: right; font-variant-numeric: tabular-nums; }`
+ *   (숫자 우측정렬은 값이 열로 쌓여 자릿수를 비교할 때 유효하므로 라이브러리 기본값으로 두지 않는다.
+ *    docs/theming.md 참고)
  * @csspart popover - 드롭다운 팝오버 요소
  *
  * @cssprop --input-popover-width - 드롭다운 팝오버의 너비 (기본값: 앵커(트리거) 너비)
@@ -32,7 +36,7 @@ export declare class UInput extends UFormControlElement<string> {
     variant: InputVariant;
     /** 전체 지우기 버튼 표시 여부 */
     clearable: boolean;
-    /** input 요소의 type 속성 */
+    /** input 요소의 type 속성. 외부 `u-input[type="..."]` 스타일 훅을 위해 reflect 한다 (URadio.type 과 동일). */
     type: InputType;
     /** 최소 글자 수 */
     minlength?: number;

package/dist/components/input/UInput.js

@@ -276,7 +276,10 @@ __decorate([property({
 	type: Boolean,
 	reflect: true
 }), __decorateMetadata("design:type", Boolean)], UInput.prototype, "clearable", void 0);
-__decorate([property({ type: String }), __decorateMetadata("design:type", Object)], UInput.prototype, "type", void 0);
+__decorate([property({
+	type: String,
+	reflect: true
+}), __decorateMetadata("design:type", Object)], UInput.prototype, "type", void 0);
 __decorate([property({ type: Number }), __decorateMetadata("design:type", Number)], UInput.prototype, "minlength", void 0);
 __decorate([property({ type: Number }), __decorateMetadata("design:type", Number)], UInput.prototype, "maxlength", void 0);
 __decorate([property({ type: String }), __decorateMetadata("design:type", String)], UInput.prototype, "min", void 0);

package/dist/components/tree/UTree.js

@@ -119,11 +119,12 @@ var UTree = class UTree extends UElement {
 					items[items.length - 1]?.focus();
 					break;
 				case "Enter":
-				case " ":
+				case " ": {
 					e.preventDefault();
 					const header = focused.shadowRoot?.querySelector(".header");
 					if (header) header.click();
 					break;
+				}
 			}
 		};
 	}

package/dist/utilities/Dialog.js

@@ -81,39 +81,46 @@ var Dialog = class {
 	* 커스텀 다이얼로그를 표시합니다.
 	* @returns 클릭된 액션의 value 또는 닫힌 경우 null
 	*/
-	static show(options) {
-		return new Promise(async (resolve) => {
-			let closeValue = null;
-			const dialog = this.createDialog(options);
-			const content = typeof options.content === "string" ? unsafeHTML(options.content) : options.content;
-			const actions = options.actions && options.actions.length > 0 ? options.actions : null;
-			render(html`
-        <div style="min-width: 320px; font-size: 14px; line-height: 1.6;">
-          ${content}
-          ${actions ? html`
-            <div style="display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px;">
-              ${actions.map((action) => html`
-                <u-button
-                  variant=${action.variant || "solid"}
-                  @click=${() => {
-				closeValue = action.value;
-				dialog.hide();
-			}}
-                >${action.label}</u-button>
-              `)}
-            </div>
-          ` : nothing}
-        </div>
-      `, dialog);
-			(options.target || document.body).appendChild(dialog);
-			await dialog.updateComplete;
-			dialog.show();
+	static async show(options) {
+		let closeValue = null;
+		const dialog = this.createDialog(options);
+		const content = typeof options.content === "string" ? unsafeHTML(options.content) : options.content;
+		const actions = options.actions && options.actions.length > 0 ? options.actions : null;
+		render(html`
+      <div style="min-width: 320px; font-size: 14px; line-height: 1.6;">
+        ${content}
+        ${actions ? html`
+          <div style="display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px;">
+            ${actions.map((action) => html`
+              <u-button
+                variant=${action.variant || "solid"}
+                @click=${() => {
+			closeValue = action.value;
+			dialog.hide();
+		}}
+              >${action.label}</u-button>
+            `)}
+          </div>
+        ` : nothing}
+      </div>
+    `, dialog);
+		(options.target || document.body).appendChild(dialog);
+		const closed = new Promise((resolve) => {
 			dialog.addEventListener("hide", (e) => {
 				if (e.target !== dialog) return;
 				setTimeout(() => dialog.remove(), 300);
 				resolve(closeValue);
 			});
 		});
+		try {
+			await dialog.updateComplete;
+		} catch (error) {
+			console.error("[Dialog] 다이얼로그를 표시하지 못했습니다.", error);
+			dialog.remove();
+			return null;
+		}
+		dialog.show();
+		return closed;
 	}
 	/** 다이얼로그 엘리먼트를 생성하고 옵션을 적용합니다. */
 	static createDialog(options) {

package/dist/utilities/Theme.js

@@ -51,7 +51,7 @@ var Theme = class {
 		}
 		if (options?.useBuiltIn ?? true) {
 			this.log("Import enabled: loading styles via internal assets");
-			for (let [name, module] of internalStyleBundle) {
+			for (const [name, module] of internalStyleBundle) {
 				const style = document.createElement("style");
 				style.setAttribute("data-name", name);
 				style.textContent = module;

package/dist/utilities/icons.js

@@ -189,7 +189,7 @@ IconRegistry.register("bootstrap", async (name) => {
 		const svg = await response.text();
 		IconCache.set("bootstrap", name, svg);
 		return svg;
-	} catch (error) {
+	} catch {
 		return;
 	}
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/components",
   "description": "web-components library based on lit-element made by iyulab",
-  "version": "1.7.0",
+  "version": "1.7.2",
   "keywords": [
     "iyulab",
     "components",
@@ -42,6 +42,8 @@
     "start": "vite --force",
     "test": "vitest run",
     "test:browser": "vitest run --project=browser",
+    "lint": "eslint src/",
+    "lint:fix": "eslint src/ --fix",
     "build:plugins": "tsc -p plugins/tsconfig.json",
     "build": "eslint && vite build && npm run build:plugins"
   },