@simplysm/angular 14.0.85 → 14.0.87

package/dist/layout/sidebar/sd-sidebar-user.js

@@ -7,45 +7,41 @@ import { SdListItem } from "../../controls/list/sd-list-item";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
 const _forTrack0 = ($index, $item) => $item.title;
+function SdSidebarUser_Conditional_2_For_6_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-list-item", 5);
+    i0.ɵɵlistener("click", function SdSidebarUser_Conditional_2_For_6_Template_sd_list_item_click_0_listener() { const menu_r4 = i0.ɵɵrestoreView(_r3).$implicit; return i0.ɵɵresetView(menu_r4.onClick()); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const menu_r4 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", menu_r4.title, " ");
+} }
 function SdSidebarUser_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵelementStart(0, "div", 1);
     i0.ɵɵlistener("click", function SdSidebarUser_Conditional_2_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onMenuOpenButtonClick()); })("keydown.enter", function SdSidebarUser_Conditional_2_Template_div_keydown_enter_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onMenuOpenButtonClick()); });
     i0.ɵɵtext(1);
-    i0.ɵɵelement(2, "sd-collapse-icon", 4);
+    i0.ɵɵelement(2, "sd-collapse-icon", 2);
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "sd-collapse", 3)(4, "sd-list", 4);
+    i0.ɵɵrepeaterCreate(5, SdSidebarUser_Conditional_2_For_6_Template, 2, 1, "sd-list-item", null, _forTrack0);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    let tmp_2_0;
+    const _userMenu_r5 = ctx;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("sdRipple", true);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", (tmp_2_0 = ctx_r1.userMenu()) == null ? null : tmp_2_0.title, " ");
+    i0.ɵɵtextInterpolate1(" ", _userMenu_r5.title, " ");
     i0.ɵɵadvance();
     i0.ɵɵproperty("open", ctx_r1.menuOpen())("openRotate", 180);
-} }
-function SdSidebarUser_Conditional_3_For_3_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-list-item", 6);
-    i0.ɵɵlistener("click", function SdSidebarUser_Conditional_3_For_3_Template_sd_list_item_click_0_listener() { const menu_r4 = i0.ɵɵrestoreView(_r3).$implicit; return i0.ɵɵresetView(menu_r4.onClick()); });
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const menu_r4 = ctx.$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", menu_r4.title, " ");
-} }
-function SdSidebarUser_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "sd-collapse", 2)(1, "sd-list", 5);
-    i0.ɵɵrepeaterCreate(2, SdSidebarUser_Conditional_3_For_3_Template, 2, 1, "sd-list-item", null, _forTrack0);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    let tmp_3_0;
-    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("open", ctx_r1.menuOpen());
     i0.ɵɵadvance();
     i0.ɵɵproperty("inset", true);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater((tmp_3_0 = ctx_r1.userMenu()) == null ? null : tmp_3_0.menus);
+    i0.ɵɵrepeater(_userMenu_r5.menus);
 } }
 export class SdSidebarUser {
     userMenu = input(...(ngDevMode ? [undefined, { debugName: "userMenu" }] : /* istanbul ignore next */ []));
@@ -54,20 +50,16 @@ export class SdSidebarUser {
         this.menuOpen.update((v) => !v);
     }
     static ɵfac = function SdSidebarUser_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSidebarUser)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSidebarUser, selectors: [["sd-sidebar-user"]], inputs: { userMenu: [1, "userMenu"] }, ngContentSelectors: _c0, decls: 4, vars: 2, consts: [[1, "p-lg"], ["tabindex", "0", 1, "_menu-button", 3, "sdRipple"], [3, "open"], ["tabindex", "0", 1, "_menu-button", 3, "click", "keydown.enter", "sdRipple"], [2, "float", "right", 3, "open", "openRotate"], [3, "inset"], [3, "click"]], template: function SdSidebarUser_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSidebarUser, selectors: [["sd-sidebar-user"]], inputs: { userMenu: [1, "userMenu"] }, ngContentSelectors: _c0, decls: 3, vars: 1, consts: [[1, "p-lg"], ["tabindex", "0", 1, "_menu-button", 3, "click", "keydown.enter", "sdRipple"], [2, "float", "right", 3, "open", "openRotate"], [3, "open"], [3, "inset"], [3, "click"]], template: function SdSidebarUser_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵprojection(1);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(2, SdSidebarUser_Conditional_2_Template, 3, 4, "div", 1);
-            i0.ɵɵconditionalCreate(3, SdSidebarUser_Conditional_3_Template, 4, 2, "sd-collapse", 2);
+            i0.ɵɵconditionalCreate(2, SdSidebarUser_Conditional_2_Template, 7, 6);
         } if (rf & 2) {
             let tmp_0_0;
-            let tmp_1_0;
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(((tmp_0_0 = ctx.userMenu()) == null ? null : tmp_0_0.title) ? 2 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(((tmp_1_0 = ctx.userMenu()) == null ? null : tmp_1_0.title) ? 3 : -1);
+            i0.ɵɵconditional((tmp_0_0 = ctx.userMenu()) ? 2 : -1, tmp_0_0);
         } }, dependencies: [SdCollapseIcon,
             SdCollapse,
             SdRipple,
@@ -86,17 +78,15 @@ export class SdSidebarUser {
     <div class="p-lg">
       <ng-content />
     </div>
-    @if (userMenu()?.title) {
+    @if (userMenu(); as _userMenu) {
       <div class="_menu-button" tabindex="0" (click)="onMenuOpenButtonClick()" (keydown.enter)="onMenuOpenButtonClick()" [sdRipple]="true">
-        {{ userMenu()?.title }}
+        {{ _userMenu.title }}
         <sd-collapse-icon [open]="menuOpen()" style="float: right;" [openRotate]="180" />
       </div>
-    }
 
-    @if (userMenu()?.title) {
       <sd-collapse [open]="menuOpen()">
         <sd-list [inset]="true">
-          @for (menu of userMenu()?.menus; track menu.title) {
+          @for (menu of _userMenu.menus; track menu.title) {
             <sd-list-item (click)="menu.onClick()">
               {{ menu.title }}
             </sd-list-item>
@@ -106,4 +96,4 @@ export class SdSidebarUser {
     }
   `, styles: ["sd-sidebar-user {\n  display: block;\n}\nsd-sidebar-user > ._menu-button {\n  display: block;\n  cursor: pointer;\n  user-select: none;\n  padding: var(--gap-default);\n}\nsd-sidebar-user > ._menu-button:hover {\n  background: var(--trans-lighter);\n}\nsd-sidebar-user > sd-collapse > ._content > sd-list {\n  background: var(--trans-lightest);\n  padding: var(--gap-xs) 0;\n}"] }]
     }], null, { userMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "userMenu", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSidebarUser, { className: "SdSidebarUser", filePath: "packages/angular/src/layout/sidebar/sd-sidebar-user.ts", lineNumber: 68 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSidebarUser, { className: "SdSidebarUser", filePath: "packages/angular/src/layout/sidebar/sd-sidebar-user.ts", lineNumber: 66 }); })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplysm/angular",
-  "version": "14.0.85",
+  "version": "14.0.87",
   "description": "심플리즘 패키지 - Angular",
   "author": "심플리즘",
   "license": "Apache-2.0",
@@ -24,40 +24,40 @@
     "./dist/**/*.css"
   ],
   "dependencies": {
-    "@angular/animations": "^21.2.14",
-    "@angular/common": "^21.2.14",
-    "@angular/core": "^21.2.14",
-    "@angular/platform-browser": "^21.2.14",
-    "@angular/router": "^21.2.14",
-    "@angular/service-worker": "^21.2.14",
-    "@ng-icons/core": "^33.2.2",
-    "@ng-icons/tabler-icons": "^33.2.2",
-    "@tiptap/core": "^3.23.6",
-    "@tiptap/extension-color": "^3.23.6",
-    "@tiptap/extension-document": "^3.23.6",
-    "@tiptap/extension-highlight": "^3.23.6",
-    "@tiptap/extension-image": "^3.23.6",
-    "@tiptap/extension-paragraph": "^3.23.6",
-    "@tiptap/extension-placeholder": "^3.23.6",
-    "@tiptap/extension-text": "^3.23.6",
-    "@tiptap/extension-text-align": "^3.23.6",
-    "@tiptap/extension-text-style": "^3.23.6",
-    "@tiptap/extension-underline": "^3.23.6",
-    "@tiptap/starter-kit": "^3.23.6",
-    "bwip-js": "^4.10.1",
+    "@angular/animations": "^21.2.15",
+    "@angular/common": "^21.2.15",
+    "@angular/core": "^21.2.15",
+    "@angular/platform-browser": "^21.2.15",
+    "@angular/router": "^21.2.15",
+    "@angular/service-worker": "^21.2.15",
+    "@ng-icons/core": "^33.2.3",
+    "@ng-icons/tabler-icons": "^33.2.3",
+    "@tiptap/core": "^3.24.0",
+    "@tiptap/extension-color": "^3.24.0",
+    "@tiptap/extension-document": "^3.24.0",
+    "@tiptap/extension-highlight": "^3.24.0",
+    "@tiptap/extension-image": "^3.24.0",
+    "@tiptap/extension-paragraph": "^3.24.0",
+    "@tiptap/extension-placeholder": "^3.24.0",
+    "@tiptap/extension-text": "^3.24.0",
+    "@tiptap/extension-text-align": "^3.24.0",
+    "@tiptap/extension-text-style": "^3.24.0",
+    "@tiptap/extension-underline": "^3.24.0",
+    "@tiptap/starter-kit": "^3.24.0",
+    "bwip-js": "^4.11.1",
     "echarts": "^6.1.0",
     "html-to-image": "^1.11.13",
     "jspdf": "^4.2.1",
     "rxjs": "^7.8.2",
     "tabbable": "^6.4.0",
-    "@simplysm/core-common": "14.0.85",
-    "@simplysm/service-common": "14.0.85",
-    "@simplysm/service-client": "14.0.85",
-    "@simplysm/core-browser": "14.0.85"
+    "@simplysm/core-browser": "14.0.87",
+    "@simplysm/core-common": "14.0.87",
+    "@simplysm/service-client": "14.0.87",
+    "@simplysm/service-common": "14.0.87"
   },
   "devDependencies": {
-    "@angular/compiler": "^21.2.14",
-    "@angular/platform-browser-dynamic": "^21.2.14"
+    "@angular/compiler": "^21.2.15",
+    "@angular/platform-browser-dynamic": "^21.2.15"
   },
   "scripts": {}
 }

package/src/controls/button/sd-modal-select-button.ts

@@ -184,7 +184,7 @@ export class SdModalSelectButton<
   }
 
   onEraseClick(): void {
-    this.value.set((this.selectMode() === "multi" ? [] : undefined) as any);
+    this.value.set((this.selectMode() === "multi" ? [] : undefined) as SelectModeValue<K>[M]);
   }
 
   async onSearchClick(event: MouseEvent): Promise<void> {

package/src/controls/form/sd-form.ts

@@ -21,7 +21,7 @@ import {
   `,
 })
 export class SdForm {
-  formElRef = viewChild.required<any, ElementRef<HTMLFormElement>>("formEl", {
+  formElRef = viewChild.required<unknown, ElementRef<HTMLFormElement>>("formEl", {
     read: ElementRef,
   });
 

package/src/controls/input/sd-textfield-type-handlers.ts

@@ -409,10 +409,10 @@ function createTimeHandler(withSeconds: boolean): TextfieldTypeHandler {
       }
     },
     toControlValue(value) {
-      return (value as DateTime | Time).toFormatString(controlFormat);
+      return (value as Time).toFormatString(controlFormat);
     },
     toDisplayText(value) {
-      return (value as DateTime | Time).toFormatString(displayFormat);
+      return (value as Time).toFormatString(displayFormat);
     },
     validate(value, opts) {
       const errors: string[] = [];

package/src/controls/pagination/sd-pagination.ts

@@ -108,6 +108,7 @@ export class SdPagination {
   }
 
   goToNextGroup(): void {
+    if (!this.hasNext()) return;
     this.currentPage.set((this._groupIndex() + 1) * Math.max(this.visiblePageCount(), 1));
   }
 

package/src/controls/select/sd-select-item.ts

@@ -101,7 +101,7 @@ export class SdSelectItem<T> {
     const itemValue = this.value();
     if (this._parentControl.selectMode() === "multi") {
       const arr = parentValue as T[] | undefined;
-      return arr != null && arr.includes(itemValue as T);
+      return arr != null && arr.some((x) => x === itemValue);
     }
     return parentValue === itemValue;
   });

package/src/controls/select/sd-select.ts

@@ -404,7 +404,7 @@ export class SdSelect<M extends "single" | "multi", T> {
     } else {
       this.value.update((v) => {
         const arr: T[] = Array.isArray(v) ? v : [];
-        if (arr.includes(itemValue as T)) {
+        if (arr.some((x) => x === itemValue)) {
           return arr.filter((item) => item !== itemValue);
         } else {
           return [...arr, itemValue];

package/src/core/app-structure/sd-app-structure.provider.ts

@@ -1,10 +1,8 @@
 import { computed, inject, Injectable, signal } from "@angular/core";
 import type { Signal } from "@angular/core";
-import type { AppStructureItem, AppStructureService } from "@simplysm/service-common";
+import type { AppStructureItem } from "@simplysm/service-common";
 import type { SdFlatMenu } from "./sd-app-structure.types";
 import { SdAppStructureUtils } from "./sd-app-structure.utils";
-import { SdServiceClientFactoryProvider } from "../service-client/sd-service-client-factory.provider";
-import { SdAngularConfigProvider } from "../config/sd-angular-config.provider";
 
 export function injectPermsSignal<K extends string>(viewCodes: string[], keys: K[]): Signal<K[]> {
   const sdAppStructure = inject(SdAppStructureProvider);
@@ -15,20 +13,12 @@ export function injectPermsSignal<K extends string>(viewCodes: string[], keys: K
 // 메뉴는 모듈/권한 모두 체크함
 @Injectable({ providedIn: "root" })
 export class SdAppStructureProvider<TModule = unknown> {
-  private readonly _sdServiceClientFactory = inject(SdServiceClientFactoryProvider);
-  private readonly _sdAngularConfig = inject(SdAngularConfigProvider);
-
   readonly usableModules = signal<TModule[] | undefined>(undefined);
   readonly permRecord = signal<Record<string, boolean> | undefined>(undefined);
   readonly items = signal<AppStructureItem<TModule>[]>([]);
 
-  async initialize(serviceKey: string): Promise<void> {
-    const client = this._sdServiceClientFactory.get(serviceKey);
-    const svc = client.getService<AppStructureService>("AppStructure");
-    const itemsMap = await svc.getItems();
-    this.items.set(
-      (itemsMap[this._sdAngularConfig.clientName] ?? []) as AppStructureItem<TModule>[],
-    );
+  initialize(items: AppStructureItem<TModule>[]): void {
+    this.items.set(items);
   }
 
   usableMenus = computed(() =>
@@ -46,6 +36,10 @@ export class SdAppStructureProvider<TModule = unknown> {
     return SdAppStructureUtils.getTitleByFullCode(this.items(), fullCode);
   }
 
+  findTitleByFullCode(fullCode: string) {
+    return SdAppStructureUtils.findTitleByFullCode(this.items(), fullCode);
+  }
+
   getItemChainByFullCode(fullCode: string) {
     return SdAppStructureUtils.getItemChainByFullCode(this.items(), fullCode);
   }

package/src/core/app-structure/sd-app-structure.utils.ts

@@ -9,10 +9,22 @@ import type { SdMenu, SdFlatMenu, SdPermission } from "./sd-app-structure.types"
 export abstract class SdAppStructureUtils {
   //---------- Info
 
-  static getTitleByFullCode<TModule>(items: AppStructureItem<TModule>[], fullCode: string) {
+  static getTitleByFullCode<TModule>(items: AppStructureItem<TModule>[], fullCode: string): string {
+    const title = this.findTitleByFullCode(items, fullCode);
+    if (title == null) {
+      throw new Error(`Item not found for fullCode: ${fullCode}`);
+    }
+    return title;
+  }
+
+  /** 항목을 못 찾으면 throw 대신 undefined 반환 (결측 보존). */
+  static findTitleByFullCode<TModule>(
+    items: AppStructureItem<TModule>[],
+    fullCode: string,
+  ): string | undefined {
     const itemChain = this.getItemChainByFullCode(items, fullCode);
     if (itemChain.length === 0) {
-      throw new Error(`Item not found for fullCode: ${fullCode}`);
+      return undefined;
     }
     const parent = itemChain
       .slice(0, -1)

package/src/core/busy/sd-busy-container.ts

@@ -3,7 +3,6 @@ import {
   ChangeDetectionStrategy,
   Component,
   computed,
-  ElementRef,
   inject,
   input,
   ViewEncapsulation,
@@ -18,6 +17,7 @@ import { SdBusyProvider, type SdBusyType } from "./sd-busy.provider";
   host: {
     "[attr.data-sd-busy]": "busy() || undefined",
     "[attr.data-sd-type]": "currType()",
+    "(keydown.capture)": "onKeydownCapture($event)",
   },
   template: `
     <div class="_screen">
@@ -339,17 +339,10 @@ export class SdBusyContainer {
 
   currType = computed(() => this.type() ?? this._sdBusy.type());
 
-  constructor() {
-    const el = inject(ElementRef).nativeElement as HTMLElement;
-    el.addEventListener(
-      "keydown",
-      (event) => {
-        if (this.busy()) {
-          event.preventDefault();
-          event.stopPropagation();
-        }
-      },
-      true,
-    );
+  onKeydownCapture(event: Event): void {
+    if (this.busy()) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
   }
 }

package/src/core/busy/sd-busy.provider.ts

@@ -44,6 +44,10 @@ export class SdBusyProvider {
   constructor() {
     effect(() => {
       const busy = this.globalBusyCount() > 0;
+
+      // busy 가 처음 true 가 되기 전엔 컨테이너를 생성하지 않음 (lazy)
+      if (!busy && this._containerRef == null) return;
+
       const ref = this.containerRef;
       const el = ref.location.nativeElement as HTMLElement;
 

package/src/core/config/injectSdSystemConfigResource.ts

@@ -20,7 +20,7 @@ export function injectSdSystemConfigResource<T>(options: { key: Signal<string |
     const key = options.key();
     if (key == null) return;
     queueMicrotask(() => {
-      sdSystemConfig.setAsync(`${elTag}.${key}`, value as T).catch((err) => {
+      sdSystemConfig.setAsync(`${elTag}.${key}`, value).catch((err) => {
         errorHandler.handleError(err);
       });
     });

package/src/core/config/sd-system-config.provider.ts

@@ -6,13 +6,15 @@ export class SdSystemConfigProvider<T> {
   private readonly _sdLocalStorage = inject<SdLocalStorageProvider<T>>(SdLocalStorageProvider);
 
   fn?: {
-    set<K extends keyof T & string>(key: K, data: T[K]): Promise<void> | void;
-    get(key: keyof T & string): PromiseLike<any>;
+    set<K extends keyof T & string>(key: K, data: T[K] | undefined): Promise<void> | void;
+    get(key: keyof T & string): PromiseLike<unknown>;
   };
 
-  async setAsync<K extends keyof T & string>(key: K, data: T[K]) {
+  async setAsync<K extends keyof T & string>(key: K, data: T[K] | undefined) {
     if (this.fn) {
       await this.fn.set(key, data);
+    } else if (data == null) {
+      this._sdLocalStorage.remove(key);
     } else {
       this._sdLocalStorage.set(key, data);
     }

package/src/core/error-handler/sd-global-error-handler.plugin.ts

@@ -17,7 +17,7 @@ export class SdGlobalErrorHandlerPlugin implements ErrorHandler {
   private readonly _sdSystemLog = inject(SdSystemLogProvider);
   private _hasDisplayedError = false;
 
-  handleError(event: any) {
+  handleError(event: unknown) {
     try {
       if (event instanceof PromiseRejectionEvent) {
         const reason = event.reason;

package/src/core/file-dialog/sd-file-dialog.provider.ts

@@ -23,7 +23,11 @@ export class SdFileDialogProvider {
       }
       inputEl.onchange = (event: Event): void => {
         cleanup();
-        const files = (event.target as HTMLInputElement).files!;
+        const files = (event.target as HTMLInputElement).files;
+        if (files == null) {
+          resolve(undefined);
+          return;
+        }
         resolve(multiple ? Array.from(files) : files[0]);
       };
 

package/src/core/modal/sd-activated-modal.provider.ts

@@ -1,12 +1,13 @@
 import { Injectable, signal } from "@angular/core";
 import type { SdModalContentDef } from "./sd-modal.provider";
+import type { SdModal } from "./sd-modal";
 
 /**
  * 모달 내부에서 inject하여 사용하는 프로바이더
  */
 @Injectable()
 export class SdActivatedModalProvider<T extends SdModalContentDef<any> = SdModalContentDef<any>> {
-  modalComponent = signal<any>(undefined);
+  modalComponent = signal<SdModal | undefined>(undefined);
   contentComponent = signal<T | undefined>(undefined);
   canDeactivateFn: () => boolean = () => true;
 }

package/src/core/modal/sd-modal.provider.ts

@@ -195,7 +195,12 @@ export class SdModalProvider {
 
         const modalEl = modalRef.location.nativeElement as HTMLElement;
 
+        let destroyed = false;
         const doDestroy = () => {
+          // transitionend 와 setTimeout 폴백 중 먼저 도달한 쪽에서 1회만 실행
+          if (destroyed) return;
+          destroyed = true;
+
           // DOM에서 제거
           if (modalEl.parentNode != null) {
             modalEl.parentNode.removeChild(modalEl);
@@ -221,7 +226,10 @@ export class SdModalProvider {
         // transition duration 확인 후 대기 또는 즉시 destroy
         const duration = parseFloat(getComputedStyle(modalEl).transitionDuration || "0");
         if (duration > 0) {
+          // transitionend 가 정상 경로. 단 백그라운드 탭·transition 인터럽트 시 미발화하므로
+          // duration(초→ms) + 여유 100ms 후 발화하는 setTimeout 폴백을 함께 걸어 destroy 누락을 방지.
           modalEl.addEventListener("transitionend", doDestroy, { once: true });
+          setTimeout(doDestroy, duration * 1000 + 100);
         } else {
           doDestroy();
         }

package/src/core/modal/sd-modal.ts

@@ -1,4 +1,5 @@
 import {
+  afterNextRender,
   ChangeDetectionStrategy,
   Component,
   effect,
@@ -323,7 +324,9 @@ import "@simplysm/core-browser";
 export class SdModal {
   private readonly _elRef = inject(ElementRef<HTMLElement>);
   private readonly _sdActivatedModal = inject(SdActivatedModalProvider, { optional: true });
-  private readonly _sdSystemConfig = inject(SdSystemConfigProvider, { optional: true });
+  private readonly _sdSystemConfig = inject<
+    SdSystemConfigProvider<Record<string, Record<string, string>>>
+  >(SdSystemConfigProvider, { optional: true });
   private readonly _errorHandler = inject(ErrorHandler);
   private readonly _focusTrap = injectFocusTrap();
 
@@ -359,7 +362,7 @@ export class SdModal {
 
   constructor() {
     // data-sd-init: 첫 렌더 후 설정하여 CSS transition 트리거 허용
-    effect(() => {
+    afterNextRender(() => {
       this._elRef.nativeElement.setAttribute("data-sd-init", "");
     });
 
@@ -508,7 +511,7 @@ export class SdModal {
     if (dialogEl.style.left !== "") config["left"] = dialogEl.style.left;
     if (dialogEl.style.top !== "") config["top"] = dialogEl.style.top;
 
-    await this._sdSystemConfig.setAsync(`sd-modal.${k}` as any, config as any);
+    await this._sdSystemConfig.setAsync(`sd-modal.${k}`, config);
   }
 
   private async _restoreConfig(k: string): Promise<void> {

package/src/core/modal/sd-prompt-modal.ts

@@ -9,35 +9,33 @@ import {
 import type { SdModalContentDef } from "./sd-modal.provider";
 import { SdButton } from "../../controls/button/sd-button";
 import { SdTextfield } from "../../controls/input/sd-textfield";
+import { SdForm } from "../../controls/form/sd-form";
 
 /**
  * 범용 프롬프트 모달.
  * SdModalContentDef<string> 구현. message를 표시하고, 텍스트 입력 후 확인/취소.
  * 확인 시 입력값 emit, 취소 시 undefined emit.
+ * 입력값은 필수(required)이며, 빈 값으로 확인 시 sd-form 네이티브 검증으로 차단된다.
  */
 @Component({
   selector: "sd-prompt-modal",
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   standalone: true,
-  imports: [SdButton, SdTextfield],
+  imports: [SdForm, SdButton, SdTextfield],
   host: {
     style: "display: block",
     class: "p-default",
   },
   template: `
-    <p class="mb-default" [innerHTML]="message()"></p>
-    <sd-textfield
-      [type]="'text'"
-      [value]="_inputValue()"
-      (input)="onInputChange($event)"
-      (keydown.enter)="onConfirm()"
-      class="mb-default"
-    />
-    <div class="flex-row main-align-end gap-sm">
-      <sd-button [theme]="'primary'" (click)="onConfirm()">확인</sd-button>
-      <sd-button (click)="onCancel()">취소</sd-button>
-    </div>
+    <sd-form (formSubmit)="onConfirm()">
+      <p class="mb-default" [innerHTML]="message()"></p>
+      <sd-textfield [type]="'text'" [(value)]="_inputValue" [required]="true" class="mb-default" />
+      <div class="flex-row main-align-end gap-sm">
+        <sd-button [type]="'submit'" [theme]="'primary'">확인</sd-button>
+        <sd-button (click)="onCancel()">취소</sd-button>
+      </div>
+    </sd-form>
   `,
 })
 export class SdPromptModal implements SdModalContentDef<string> {
@@ -46,18 +44,10 @@ export class SdPromptModal implements SdModalContentDef<string> {
 
   message = input.required<string>();
 
-  _inputValue = signal("");
-
-  onInputChange(event: Event): void {
-    const inputEl = event.target as HTMLInputElement;
-    this._inputValue.set(inputEl.value);
-  }
+  _inputValue = signal<string | undefined>(undefined);
 
   onConfirm(): void {
-    const val = this._inputValue();
-    if (val !== "") {
-      this.close.emit(val);
-    }
+    this.close.emit(this._inputValue());
   }
 
   onCancel(): void {

package/src/core/print/sd-print.provider.ts

@@ -9,10 +9,12 @@ import {
 } from "@angular/core";
 import type { DirectiveInputSignals, WithOptional } from "../directive-input-signals";
 import { SdBusyProvider } from "../busy/sd-busy.provider";
-import { wait } from "@simplysm/core-common";
+import { createLogger, wait } from "@simplysm/core-common";
 import { jsPDF } from "jspdf";
 import * as htmlToImage from "html-to-image";
 
+const logger = createLogger("angular:print");
+
 export interface SdPrint {
   initialized: Signal<boolean>;
   readonly _optionalPrintInputs?: string;
@@ -175,6 +177,7 @@ export class SdPrintProvider {
 
   private async _waitForAllImagesLoadedAsync(container: HTMLElement): Promise<void> {
     const imgs = Array.from(container.querySelectorAll("img"));
+    const failedSrcs: string[] = [];
 
     await Promise.all(
       imgs.map((img) => {
@@ -182,16 +185,28 @@ export class SdPrintProvider {
           if (img.complete && img.naturalWidth !== 0) {
             resolve();
           } else {
-            const onDone = () => {
-              img.removeEventListener("load", onDone);
-              img.removeEventListener("error", onDone);
+            const cleanup = () => {
+              img.removeEventListener("load", onLoad);
+              img.removeEventListener("error", onError);
+            };
+            const onLoad = () => {
+              cleanup();
+              resolve();
+            };
+            const onError = () => {
+              failedSrcs.push(img.src);
+              cleanup();
               resolve();
             };
-            img.addEventListener("load", onDone);
-            img.addEventListener("error", onDone);
+            img.addEventListener("load", onLoad);
+            img.addEventListener("error", onError);
           }
         });
       }),
     );
+
+    if (failedSrcs.length > 0) {
+      logger.error(`인쇄/PDF: 이미지 ${failedSrcs.length}건 로드 실패`, failedSrcs);
+    }
   }
 }