@simplysm/angular 14.0.86 → 14.0.88

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);
+    }
   }
 }

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>> {

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/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 },
   );