@simplysm/angular 14.0.85 → 14.0.87

package/src/core/provideSdAngular.ts

@@ -28,6 +28,9 @@ import { SdThemeProvider } from "../features/theme/sd-theme-provider";
 import { SdLocalStorageProvider } from "./config/sd-local-storage.provider";
 import { SdGlobalErrorHandlerPlugin } from "./error-handler/sd-global-error-handler.plugin";
 import { SdOptionEventPlugin } from "./events/sd-option-event.plugin";
+import { createLogger } from "@simplysm/core-common";
+
+const logger = createLogger("angular:sw-update");
 
 export function provideSdAngular(opt: { clientName: string }): EnvironmentProviders {
   return makeEnvironmentProviders([
@@ -131,8 +134,9 @@ export function provideSdAngular(opt: { clientName: string }): EnvironmentProvid
             }
           }
           failCount = 0;
-        } catch {
+        } catch (err) {
           failCount++;
+          logger.error(err);
         } finally {
           const interval = Math.min(
             BASE_INTERVAL * Math.pow(2, Math.max(0, failCount - 1)),

package/src/core/routing/injectViewTitleSignal.ts

@@ -16,10 +16,6 @@ export function injectViewTitleSignal(): Signal<string> {
       return sdActivatedModal.modalComponent()?.title() ?? "";
     }
 
-    try {
-      return sdAppStructure.getTitleByFullCode(currPageCode?.() ?? fullPageCode());
-    } catch {
-      return "";
-    }
+    return sdAppStructure.findTitleByFullCode(currPageCode?.() ?? fullPageCode()) ?? "";
   });
 }

package/src/core/shared-data/sd-shared-data.provider.ts

@@ -1,6 +1,6 @@
 import { computed, ErrorHandler, inject, Injectable, signal, type Signal, type WritableSignal } from "@angular/core";
 import { defineEvent } from "@simplysm/service-common";
-import { obj, wait as waitUtil } from "@simplysm/core-common";
+import { DateOnly, DateTime, obj, Time, wait as waitUtil } from "@simplysm/core-common";
 import { SdServiceClientFactoryProvider } from "../service-client/sd-service-client-factory.provider";
 import "@simplysm/core-common";
 
@@ -15,7 +15,7 @@ export interface SharedDataInfo<T extends SharedDataBase<string | number>> {
   serviceKey: string;
   getter: (changeKeys?: (string | number)[]) => Promise<T[]>;
   filter?: unknown;
-  orderBy?: (item: T) => any;
+  orderBy?: (item: T) => string | number | DateOnly | DateTime | Time | undefined;
 }
 
 export interface SharedDataHandle<T extends SharedDataBase<string | number>> {
@@ -110,7 +110,7 @@ export abstract class SdSharedDataProvider<T extends Record<string, SharedDataBa
     }
 
     const client = this._sdServiceClientFactory.get(entry.info.serviceKey);
-    const event = client.getEvent<typeof SdSharedDataChangeEvent>("SdSharedDataChange");
+    const event = client.getEvent(SdSharedDataChangeEvent);
     await event.emit(
       (item) => item.name === (name as string) && obj.equal(item.filter, entry.info.filter),
       changeKeys,
@@ -138,7 +138,7 @@ export abstract class SdSharedDataProvider<T extends Record<string, SharedDataBa
         // 이벤트 리스너 등록
         if (entry.listenerKey == null) {
           const client = this._sdServiceClientFactory.get(entry.info.serviceKey);
-          const event = client.getEvent<typeof SdSharedDataChangeEvent>("SdSharedDataChange");
+          const event = client.getEvent(SdSharedDataChangeEvent);
           entry.listenerKey = await event.addListener(
             { name, filter: entry.info.filter },
             async (changeKeys) => {

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

@@ -45,6 +45,7 @@ export class SdToastProvider {
   private _containerRef: ComponentRef<SdToastContainer> | undefined;
   private readonly _toastRefs: ComponentRef<SdToast>[] = [];
   private readonly _contentRefs = new Map<ComponentRef<SdToast>, ComponentRef<any>>();
+  private readonly _autoDismissCleanups = new Map<ComponentRef<SdToast>, () => void>();
 
   constructor() {
     effect(() => {
@@ -234,19 +235,30 @@ export class SdToastProvider {
     onDismiss?: () => void,
   ): void {
     const el = toastRef.location.nativeElement as HTMLElement;
+    const ac = new AbortController();
+    let timerId: ReturnType<typeof setTimeout> | undefined;
     let isHovering = false;
     let dismissPending = false;
     let dismissed = false;
 
+    // 타이머·리스너 정리. 외부 파괴 경로(_dismissToast/_destroyToast)에서도 호출되어
+    // 죽은 toastRef 에 대해 타이머가 깨어나는 race 와 리스너 누수를 막는다.
+    const cleanup = () => {
+      dismissed = true;
+      if (timerId != null) clearTimeout(timerId);
+      ac.abort();
+      this._autoDismissCleanups.delete(toastRef);
+    };
+    this._autoDismissCleanups.set(toastRef, cleanup);
+
     const dismiss = () => {
       if (dismissed) return;
-      dismissed = true;
       onDismiss?.();
       this._dismissToast(toastRef);
     };
 
     const dismissAfterDelay = (ms: number) => {
-      setTimeout(() => {
+      timerId = setTimeout(() => {
         if (dismissed) return;
         if (isHovering) {
           dismissPending = true;
@@ -256,21 +268,30 @@ export class SdToastProvider {
       }, ms);
     };
 
-    el.addEventListener("mouseenter", () => {
-      isHovering = true;
-    });
-    el.addEventListener("mouseleave", () => {
-      isHovering = false;
-      if (dismissPending) {
-        dismissPending = false;
-        dismissAfterDelay(1000);
-      }
-    });
+    el.addEventListener(
+      "mouseenter",
+      () => {
+        isHovering = true;
+      },
+      { signal: ac.signal },
+    );
+    el.addEventListener(
+      "mouseleave",
+      () => {
+        isHovering = false;
+        if (dismissPending) {
+          dismissPending = false;
+          dismissAfterDelay(1000);
+        }
+      },
+      { signal: ac.signal },
+    );
 
     dismissAfterDelay(delayMs);
   }
 
   private _dismissToast(toastRef: ComponentRef<SdToast>): void {
+    this._autoDismissCleanups.get(toastRef)?.();
     toastRef.instance.open.set(false);
 
     const el = toastRef.location.nativeElement as HTMLElement;
@@ -292,6 +313,8 @@ export class SdToastProvider {
   }
 
   private _destroyToast(toastRef: ComponentRef<SdToast>): void {
+    this._autoDismissCleanups.get(toastRef)?.();
+
     const idx = this._toastRefs.indexOf(toastRef);
     if (idx === -1) return; // 이미 파괴됨
 

package/src/data/crud/sd-base-container.ts

@@ -1,118 +1,120 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  contentChild,
-  effect,
-  inject,
-  input,
-  model,
-  type TemplateRef,
-  untracked,
-  ViewEncapsulation,
-} from "@angular/core";
-import { injectViewTitleSignal } from "../../core/routing/injectViewTitleSignal";
-import { SdBusyContainer } from "../../core/busy/sd-busy-container";
-import { SdSharedDataProvider } from "../../core/shared-data/sd-shared-data.provider";
-import { SdToastProvider } from "../../core/toast/sd-toast.provider";
-import { SdTopbar } from "../../layout/topbar/sd-topbar";
-import { SdTopbarContainer } from "../../layout/topbar/sd-topbar-container";
-import type { SdViewType } from "../../core/routing/injectViewTypeSignal";
-import { NgIcon } from "@ng-icons/core";
-import { tablerAlertTriangle } from "@ng-icons/tabler-icons";
-import { NgTemplateOutlet } from "@angular/common";
-
-@Component({
-  selector: "sd-base-container",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  encapsulation: ViewEncapsulation.None,
-  standalone: true,
-  imports: [SdBusyContainer, NgIcon, SdTopbarContainer, NgTemplateOutlet, SdTopbar],
-  template: `
-    <sd-busy-container [busy]="initialized() && busyCount() > 0">
-      @if (initialized()) {
-        @if (restricted()) {
-          <div class="fill tx-theme-gray-light p-xxl tx-center">
-            <br />
-            <ng-icon [svg]="tablerAlertTriangle" [size]="'5rem'" />
-            <br />
-            <br />
-            '{{ viewTitle() }}'에 대한 사용권한이 없습니다. 시스템 관리자에게 문의하세요.
-          </div>
-        } @else if (viewType() === "page") {
-          <sd-topbar-container>
-            <sd-topbar>
-              <h4>{{ viewTitle() }}</h4>
-
-              <ng-template [ngTemplateOutlet]="topbarTplRef()" />
-            </sd-topbar>
-
-            <ng-template [ngTemplateOutlet]="content" />
-          </sd-topbar-container>
-        } @else {
-          <ng-template [ngTemplateOutlet]="content" />
-        }
-      }
-    </sd-busy-container>
-
-    <ng-template #content>
-      <div class="flex-column fill">
-        @if (commandTplRef()) {
-          <div class="p-default flex-row gap-default bdb bdb-theme-gray-lightest">
-            <ng-template [ngTemplateOutlet]="commandTplRef()" />
-          </div>
-        }
-
-        <div class="flex-fill">
-          @if (contentTplRef()) {
-            <ng-template [ngTemplateOutlet]="contentTplRef()" />
-          }
-        </div>
-
-        @if (bottomCommandTplRef()) {
-          <div class="p-sm-default flex-row main-align-end gap-sm bdt bdt-theme-gray-lightest">
-            <ng-template [ngTemplateOutlet]="bottomCommandTplRef()" />
-          </div>
-        }
-      </div>
-    </ng-template>
-  `,
-})
-export class SdBaseContainer {
-  private readonly _sdSharedData = inject(SdSharedDataProvider);
-  private readonly _sdToast = inject(SdToastProvider);
-
-  viewTitle = injectViewTitleSignal();
-
-  ready = model(false);
-  initialized = input(false);
-  busyCount = model(0);
-
-  restricted = input(false);
-
-  viewType = input.required<SdViewType>();
-
-  topbarTplRef = contentChild<TemplateRef<void>>("topbarTpl");
-  commandTplRef = contentChild<TemplateRef<void>>("commandTpl");
-  contentTplRef = contentChild<TemplateRef<void>>("contentTpl");
-  bottomCommandTplRef = contentChild<TemplateRef<void>>("bottomCommandTpl");
-
-  constructor() {
-    effect(() => {
-      if (this.restricted()) {
-        this.ready.set(true);
-        return;
-      }
-
-      void untracked(async () => {
-        this.busyCount.update((v) => v + 1);
-        await this._sdToast.try(async () => {
-          await this._sdSharedData.wait();
-        });
-        this.busyCount.update((v) => v - 1);
-        this.ready.set(true);
-      });
-    });
-  }
-
-  protected readonly tablerAlertTriangle = tablerAlertTriangle;
-}
+import {
+  ChangeDetectionStrategy,
+  Component,
+  contentChild,
+  effect,
+  inject,
+  input,
+  model,
+  type TemplateRef,
+  untracked,
+  ViewEncapsulation,
+} from "@angular/core";
+import { injectViewTitleSignal } from "../../core/routing/injectViewTitleSignal";
+import { SdBusyContainer } from "../../core/busy/sd-busy-container";
+import { SdSharedDataProvider } from "../../core/shared-data/sd-shared-data.provider";
+import { SdToastProvider } from "../../core/toast/sd-toast.provider";
+import { SdTopbar } from "../../layout/topbar/sd-topbar";
+import { SdTopbarContainer } from "../../layout/topbar/sd-topbar-container";
+import type { SdViewType } from "../../core/routing/injectViewTypeSignal";
+import { NgIcon } from "@ng-icons/core";
+import { tablerAlertTriangle } from "@ng-icons/tabler-icons";
+import { NgTemplateOutlet } from "@angular/common";
+
+@Component({
+  selector: "sd-base-container",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  encapsulation: ViewEncapsulation.None,
+  standalone: true,
+  imports: [SdBusyContainer, NgIcon, SdTopbarContainer, NgTemplateOutlet, SdTopbar],
+  template: `
+    <sd-busy-container [busy]="initialized() && busyCount() > 0">
+      @if (initialized()) {
+        @if (restricted()) {
+          <div class="fill tx-theme-gray-light p-xxl tx-center">
+            <br />
+            <ng-icon [svg]="tablerAlertTriangle" [size]="'5rem'" />
+            <br />
+            <br />
+            '{{ viewTitle() }}'에 대한 사용권한이 없습니다. 시스템 관리자에게 문의하세요.
+          </div>
+        } @else if (viewType() === "page") {
+          <sd-topbar-container>
+            <sd-topbar>
+              <h4>{{ viewTitle() }}</h4>
+
+              <ng-template [ngTemplateOutlet]="topbarTplRef()" />
+            </sd-topbar>
+
+            <ng-template [ngTemplateOutlet]="content" />
+          </sd-topbar-container>
+        } @else {
+          <ng-template [ngTemplateOutlet]="content" />
+        }
+      }
+    </sd-busy-container>
+
+    <ng-template #content>
+      <div class="flex-column fill">
+        @if (commandTplRef()) {
+          <div class="p-default flex-row gap-default bdb bdb-theme-gray-lightest">
+            <ng-template [ngTemplateOutlet]="commandTplRef()" />
+          </div>
+        }
+
+        <div class="flex-fill">
+          @if (contentTplRef()) {
+            <ng-template [ngTemplateOutlet]="contentTplRef()" />
+          }
+        </div>
+
+        @if (bottomCommandTplRef()) {
+          <div class="p-sm-default flex-row main-align-end gap-sm bdt bdt-theme-gray-lightest">
+            <ng-template [ngTemplateOutlet]="bottomCommandTplRef()" />
+          </div>
+        }
+      </div>
+    </ng-template>
+  `,
+})
+export class SdBaseContainer {
+  private readonly _sdSharedData = inject(SdSharedDataProvider, { optional: true });
+  private readonly _sdToast = inject(SdToastProvider);
+
+  viewTitle = injectViewTitleSignal();
+
+  ready = model(false);
+  initialized = input(false);
+  busyCount = model(0);
+
+  restricted = input(false);
+
+  viewType = input.required<SdViewType>();
+
+  topbarTplRef = contentChild<TemplateRef<void>>("topbarTpl");
+  commandTplRef = contentChild<TemplateRef<void>>("commandTpl");
+  contentTplRef = contentChild<TemplateRef<void>>("contentTpl");
+  bottomCommandTplRef = contentChild<TemplateRef<void>>("bottomCommandTpl");
+
+  constructor() {
+    effect(() => {
+      if (this.restricted()) {
+        this.ready.set(true);
+        return;
+      }
+
+      void untracked(async () => {
+        if (this._sdSharedData) {
+          this.busyCount.update((v) => v + 1);
+          await this._sdToast.try(async () => {
+            await this._sdSharedData!.wait();
+          });
+          this.busyCount.update((v) => v - 1);
+        }
+        this.ready.set(true);
+      });
+    });
+  }
+
+  protected readonly tablerAlertTriangle = tablerAlertTriangle;
+}

package/src/data/kanban/sd-kanban-lane.ts

@@ -133,8 +133,8 @@ export class SdKanbanLane<L, T> implements SdKanbanDropTarget<L, T> {
 
   kanbanControls = contentChildren<SdKanban<L, T>>(SdKanban, { descendants: true });
 
-  toolTplRef = contentChild<any, TemplateRef<void>>("toolTpl", { read: TemplateRef });
-  titleTplRef = contentChild<any, TemplateRef<void>>("titleTpl", { read: TemplateRef });
+  toolTplRef = contentChild<unknown, TemplateRef<void>>("toolTpl", { read: TemplateRef });
+  titleTplRef = contentChild<unknown, TemplateRef<void>>("titleTpl", { read: TemplateRef });
 
   isAllSelected = computed(() => {
     const selectableControls = this.kanbanControls().filter((ctrl) => ctrl.selectable());

package/src/data/shared-data/sd-shared-data-select-button.ts

@@ -3,11 +3,10 @@ import {
   booleanAttribute,
   ChangeDetectionStrategy,
   Component,
+  computed,
   contentChild,
-  effect,
   input,
   model,
-  signal,
   TemplateRef,
   ViewEncapsulation,
 } from "@angular/core";
@@ -70,27 +69,23 @@ export class SdSharedDataSelectButton<
   inset = input(false, { transform: booleanAttribute });
   size = input<"sm" | "lg">();
 
-  itemTplRef = contentChild.required<any, TemplateRef<SdItemOfTemplateContext<TItem>>>(
+  itemTplRef = contentChild.required<SdItemOfTemplate<TItem>, TemplateRef<SdItemOfTemplateContext<TItem>>>(
     SdItemOfTemplate,
     { read: TemplateRef },
   );
 
-  protected readonly _selectedItems = signal<TItem[]>([]);
+  _selectedItems = computed<TItem[]>(() => {
+    const v = this.value();
+    const items = this.items();
+    const mode = this.selectMode();
 
-  constructor() {
-    effect(() => {
-      const v = this.value();
-      const items = this.items();
-      const mode = this.selectMode();
-
-      if (mode === "multi" && Array.isArray(v) && v.filterExists().length > 0) {
-        const keys = v.filterExists() as (string | number)[];
-        this._selectedItems.set(items.filter((it) => keys.includes(it.__valueKey)));
-      } else if (mode === "single" && !Array.isArray(v) && v != null) {
-        this._selectedItems.set(items.filter((it) => it.__valueKey === v));
-      } else {
-        this._selectedItems.set([]);
-      }
-    });
-  }
+    if (mode === "multi" && Array.isArray(v) && v.filterExists().length > 0) {
+      const keys = v.filterExists() as (string | number)[];
+      return items.filter((it) => keys.includes(it.__valueKey));
+    } else if (mode === "single" && !Array.isArray(v) && v != null) {
+      return items.filter((it) => it.__valueKey === v);
+    } else {
+      return [];
+    }
+  });
 }

package/src/data/shared-data/sd-shared-data-select-list.ts

@@ -146,17 +146,17 @@ export class SdSharedDataSelectList<
 
   header = input<string>();
 
-  headerTplRef = contentChild<any, TemplateRef<void>>("headerTpl", {
+  headerTplRef = contentChild<unknown, TemplateRef<void>>("headerTpl", {
     read: TemplateRef,
   });
-  filterTplRef = contentChild<any, TemplateRef<void>>("filterTpl", {
+  filterTplRef = contentChild<unknown, TemplateRef<void>>("filterTpl", {
     read: TemplateRef,
   });
-  itemTplRef = contentChild<any, TemplateRef<SdItemOfTemplateContext<TItem>>>(
+  itemTplRef = contentChild<SdItemOfTemplate<TItem>, TemplateRef<SdItemOfTemplateContext<TItem>>>(
     SdItemOfTemplate,
     { read: TemplateRef },
   );
-  undefinedTplRef = contentChild<any, TemplateRef<void>>("undefinedTpl", {
+  undefinedTplRef = contentChild<unknown, TemplateRef<void>>("undefinedTpl", {
     read: TemplateRef,
   });
 

package/src/data/shared-data/sd-shared-data-select.ts

@@ -1,4 +1,5 @@
 import { NgTemplateOutlet } from "@angular/common";
+import type { DateOnly, DateTime, Time } from "@simplysm/core-common";
 import {
   booleanAttribute,
   ChangeDetectionStrategy,
@@ -170,13 +171,13 @@ export class SdSharedDataSelect<
   getSearchTextFn = input<(item: TItem, index: number) => string>(
     (item) => item.__searchText,
   );
-  displayOrderKeyProp = input<string>();
+  displayOrderByFn = input<(item: TItem) => string | number | DateOnly | DateTime | Time | undefined>();
 
-  itemTplRef = contentChild<any, TemplateRef<SdItemOfTemplateContext<TItem>>>(
+  itemTplRef = contentChild<SdItemOfTemplate<TItem>, TemplateRef<SdItemOfTemplateContext<TItem>>>(
     SdItemOfTemplate,
     { read: TemplateRef },
   );
-  undefinedTplRef = contentChild<any, TemplateRef<void>>("undefinedTpl", {
+  undefinedTplRef = contentChild<unknown, TemplateRef<void>>("undefinedTpl", {
     read: TemplateRef,
   });
 
@@ -219,9 +220,9 @@ export class SdSharedDataSelect<
       return true;
     });
 
-    const orderProp = this.displayOrderKeyProp();
-    if (orderProp != null) {
-      result = result.orderBy((item) => (item as any)[orderProp]);
+    const orderBy = this.displayOrderByFn();
+    if (orderBy != null) {
+      result = result.orderBy(orderBy);
     }
 
     return result;
@@ -316,15 +317,12 @@ export class SdSharedDataSelect<
     const parentMap = this.itemByParentKeyMap();
     if (parentMap == null) return undefined;
 
-    const orderProp = this.displayOrderKeyProp();
-    if (orderProp == null) return parentMap;
+    const orderBy = this.displayOrderByFn();
+    if (orderBy == null) return parentMap;
 
     const sorted = new Map<TItem["__valueKey"] | undefined, TItem[]>();
     for (const [key, children] of parentMap) {
-      sorted.set(
-        key,
-        children.orderBy((item) => (item as any)[orderProp]),
-      );
+      sorted.set(key, children.orderBy(orderBy));
     }
     return sorted;
   });

package/src/data/sheet/sd-sheet-column.ts

@@ -32,7 +32,7 @@ export class SdSheetColumn<T = unknown> {
   disableResizing = input(false, { transform: booleanAttribute });
   ordering = input(0);
 
-  cellTplRef = contentChild.required<any, TemplateRef<SdSheetCellContext<T>>>(
+  cellTplRef = contentChild.required<SdSheetColumnCellTemplate<T>, TemplateRef<SdSheetCellContext<T>>>(
     SdSheetColumnCellTemplate,
     { read: TemplateRef },
   );

package/src/data/sheet/sd-sheet-config.modal.ts

@@ -1,14 +1,16 @@
 import {
   ChangeDetectionStrategy,
   Component,
-  effect,
   forwardRef,
+  inject,
   input,
+  linkedSignal,
   output,
   signal,
   ViewEncapsulation,
 } from "@angular/core";
-import type { SdModalContentDef } from "../../core/modal/sd-modal.provider";
+import { SdModalProvider, type SdModalContentDef } from "../../core/modal/sd-modal.provider";
+import { SdConfirmModal } from "../../core/modal/sd-confirm-modal";
 import type { SdSheetConfig } from "./types";
 import type { SdSheetColumn } from "./sd-sheet-column";
 import { SdSheet } from "./sd-sheet";
@@ -178,14 +180,36 @@ interface ConfigItem {
   `,
 })
 export class SdSheetConfigModal implements SdModalContentDef<SdSheetConfig | undefined> {
-  initialized = signal(false);
+  private readonly _sdModal = inject(SdModalProvider);
+
+  initialized = signal(true);
   close = output<SdSheetConfig | undefined>();
 
   sheetKey = input.required<string>();
   controls = input.required<readonly SdSheetColumn[]>();
   config = input.required<SdSheetConfig | undefined>();
 
-  items = signal<ConfigItem[]>([]);
+  items = linkedSignal<ConfigItem[]>(() => {
+    const cfg = this.config();
+    return this.controls()
+      .map((ctrl): ConfigItem => {
+        const key = ctrl.key();
+        const cfgCol = cfg?.columnRecord[key];
+        return {
+          key,
+          header: Array.isArray(ctrl.header())
+            ? (ctrl.header() as string[]).join(" > ")
+            : (ctrl.header() as string),
+          disableResizing: ctrl.disableResizing(),
+          fixed: cfgCol?.fixed ?? ctrl.fixed(),
+          hidden: cfgCol?.hidden ?? ctrl.hidden(),
+          width: cfgCol?.width ?? ctrl.width(),
+          ordering: cfgCol?.ordering ?? ctrl.ordering(),
+        };
+      })
+      .orderBy((i) => i.ordering ?? 0)
+      .orderBy((i) => (i.fixed ? 0 : 1));
+  });
 
   trackByFn = (item: ConfigItem): string => item.key;
 
@@ -194,33 +218,6 @@ export class SdSheetConfigModal implements SdModalContentDef<SdSheetConfig | und
   protected readonly tablerX = tablerX;
   protected readonly mark = mark;
 
-  constructor() {
-    effect(() => {
-      const cfg = this.config();
-      const items = this.controls()
-        .map((ctrl): ConfigItem => {
-          const key = ctrl.key();
-          const cfgCol = cfg?.columnRecord[key];
-          return {
-            key,
-            header: Array.isArray(ctrl.header())
-              ? (ctrl.header() as string[]).join(" > ")
-              : (ctrl.header() as string),
-            disableResizing: ctrl.disableResizing(),
-            fixed: cfgCol?.fixed ?? ctrl.fixed(),
-            hidden: cfgCol?.hidden ?? ctrl.hidden(),
-            width: cfgCol?.width ?? ctrl.width(),
-            ordering: cfgCol?.ordering ?? ctrl.ordering(),
-          };
-        })
-        .orderBy((i) => i.ordering ?? 0)
-        .orderBy((i) => (i.fixed ? 0 : 1));
-
-      this.items.set(items);
-      this.initialized.set(true);
-    });
-  }
-
   onMoveUp(item: ConfigItem): void {
     this.items.update((v) => {
       const r = [...v];
@@ -264,9 +261,16 @@ export class SdSheetConfigModal implements SdModalContentDef<SdSheetConfig | und
     this.close.emit(undefined);
   }
 
-  onResetClick(): void {
-    if (confirm("설정값이 모두 초기화 됩니다.")) {
-      this.close.emit({ columnRecord: {} });
-    }
+  async onResetClick(): Promise<void> {
+    const confirmed = await this._sdModal.showAsync(
+      {
+        title: "설정 초기화",
+        type: SdConfirmModal,
+        inputs: { message: "설정값이 모두 초기화 됩니다." },
+      },
+      { useCloseByBackdrop: false },
+    );
+    if (confirmed !== true) return;
+    this.close.emit({ columnRecord: {} });
   }
 }