@simplysm/angular 14.0.49 → 14.0.51

package/docs/directives.md

@@ -1,236 +0,0 @@
-# Directives
-
-## `SdEvents`
-
-`.capture`, `.passive`, `.once` 수식어 및 커스텀 이벤트 바인딩을 지원하는 디렉티브. Angular 템플릿에서 해당 이벤트를 사용할 때 자동 매칭된다.
-
-```typescript
-@Directive({
-  selector: `[click.capture], [scroll.passive], ...`,
-})
-class SdEvents {
-  // 클릭: click.capture, click.once, click.capture.once
-  // 마우스: mousedown.capture, mouseup.capture, mouseover.capture, mouseout.capture
-  // 키보드: keydown.capture, keyup.capture
-  // 포커스: focus.capture, blur.capture
-  // 폼: invalid.capture
-  // 스크롤: scroll.capture, scroll.passive, scroll.capture.passive
-  // 휠: wheel.passive, wheel.capture.passive
-  // 터치: touchstart.passive, touchstart.capture.passive, touchmove.passive, touchmove.capture.passive, touchend.passive
-  // 드래그: dragover.capture, dragenter.capture, dragleave.capture, drop.capture
-  // 애니메이션: transitionend.once, animationend.once
-}
-```
-
-> **NOTE:** `sdResize`, `sdSaveCommand`, `sdRefreshCommand`, `sdInsertCommand`는 `SdEvents`에서 분리되어 각각 `SdResizeDirective`, `SdIntersectionDirective`, `SdCommandDirective`로 독립 디렉티브로 제공된다.
-
-## `SdRipple`
-
-호스트 요소에 리플 효과를 추가하는 디렉티브.
-
-```typescript
-@Directive({ selector: "[sdRipple]" })
-class SdRipple {
-  enabled = input.required({ alias: "sdRipple", transform: booleanAttribute });
-}
-```
-
-사용법: `<div [sdRipple]="true">` 또는 `<div sdRipple>`
-
-## `SdShowEffect`
-
-뷰포트에 진입할 때 reveal 애니메이션을 적용하는 디렉티브. IntersectionObserver 사용.
-
-```typescript
-@Directive({ selector: "[sdShowEffect]" })
-class SdShowEffect {
-  enabled = input.required({ alias: "sdShowEffect", transform: booleanAttribute });
-  sdShowEffectType = input<"l2r" | "t2b">("t2b");
-}
-```
-
-| Input | Type | Default | Description |
-|-------|------|---------|-------------|
-| `sdShowEffect` | `boolean` | required | 효과 활성화 여부 |
-| `sdShowEffectType` | `"l2r" \| "t2b"` | `"t2b"` | 애니메이션 방향 (좌->우 / 위->아래) |
-
-## `SdInvalid`
-
-호스트 요소에 유효성 검증 표시기를 추가하는 디렉티브. 빨간 점 표시기와 숨겨진 input으로 구성.
-
-```typescript
-@Directive({ selector: "[sdInvalid]" })
-class SdInvalid {
-  invalidMessage = input.required<string>({ alias: "sdInvalid" });
-}
-```
-
-사용법: `<div [sdInvalid]="name이 비어있습니다">`. 메시지가 빈 문자열이면 유효, 비어있지 않으면 무효.
-
-## `SdTypedTemplate`
-
-`ng-template`의 컨텍스트 타입을 지정하는 디렉티브. 타입 가드를 통해 템플릿 내부에서 정확한 타입을 사용할 수 있다.
-
-```typescript
-@Directive({ selector: "ng-template[typed]" })
-class SdTypedTemplate<T> {
-  typed = input.required<T>();
-
-  static ngTemplateContextGuard<TypeToken>(
-    _dir: SdTypedTemplate<TypeToken>,
-    _ctx: unknown,
-  ): _ctx is TypeToken;
-}
-```
-
-사용법:
-```html
-<ng-template [typed]="typedVar" let-item>
-  <!-- item의 타입이 typeof typedVar -->
-</ng-template>
-```
-
-## `SdItemOfTemplate`
-
-항목 반복 템플릿의 컨텍스트 타입을 지정하는 디렉티브.
-
-```typescript
-@Directive({ selector: "ng-template[itemOf]" })
-class SdItemOfTemplate<TItem> {
-  itemOf = input.required<TItem[]>();
-
-  static ngTemplateContextGuard<TContextItem>(
-    _dir: SdItemOfTemplate<TContextItem>,
-    _ctx: unknown,
-  ): _ctx is SdItemOfTemplateContext<TContextItem>;
-}
-```
-
-## `SdItemOfTemplateContext`
-
-itemOf 템플릿 컨텍스트.
-
-```typescript
-interface SdItemOfTemplateContext<TItem> {
-  $implicit: TItem;
-  item: TItem;
-  index: number;
-  depth: number;
-}
-```
-
-| Field | Type | Description |
-|-------|------|-------------|
-| `$implicit` | `TItem` | 현재 항목 (let-item으로 접근) |
-| `item` | `TItem` | 현재 항목 (명시적 접근) |
-| `index` | `number` | 인덱스 |
-| `depth` | `number` | 깊이 (트리 구조에서 사용) |
-
-사용법:
-```html
-<ng-template [itemOf]="items()" let-item let-index="index">
-  {{ item.name }}
-</ng-template>
-```
-
-## `SdCommandDirective`
-
-키보드 단축키를 output 이벤트로 제공하는 디렉티브. `document` keydown을 감지하며, `shouldProcessCommandEvent()`로 최상위 모달만 이벤트 처리.
-
-```typescript
-@Directive({ selector: "[sdRefreshCommand],[sdSaveCommand],[sdInsertCommand]" })
-class SdCommandDirective {
-  sdRefreshCommand = output<KeyboardEvent>(); // Ctrl+Alt+L
-  sdSaveCommand = output<KeyboardEvent>();    // Ctrl+S
-  sdInsertCommand = output<KeyboardEvent>();  // Ctrl+Insert
-}
-```
-
-사용법: `<div (sdSaveCommand)="onSave($event)" (sdRefreshCommand)="onRefresh($event)">`
-
-## `SdResizeDirective`
-
-ResizeObserver 기반 resize output 이벤트 디렉티브. `requestAnimationFrame`으로 디바운스.
-
-```typescript
-@Directive({ selector: "[sdResize]" })
-class SdResizeDirective {
-  sdResize = output<SdResizeEvent>();
-}
-```
-
-사용법: `<div (sdResize)="onResize($event)">`
-
-## `SdResizeEvent`
-
-```typescript
-interface SdResizeEvent {
-  heightChanged: boolean;
-  widthChanged: boolean;
-  target: HTMLElement;
-  contentRect: DOMRectReadOnly;
-}
-```
-
-| Field | Type | Description |
-|-------|------|-------------|
-| `heightChanged` | `boolean` | 높이 변경 여부 |
-| `widthChanged` | `boolean` | 너비 변경 여부 |
-| `target` | `HTMLElement` | 대상 요소 |
-| `contentRect` | `DOMRectReadOnly` | 컨텐츠 영역 크기 |
-
-## `SdIntersectionDirective`
-
-IntersectionObserver 기반 intersection output 이벤트 디렉티브.
-
-```typescript
-@Directive({ selector: "[sdIntersection]" })
-class SdIntersectionDirective {
-  sdIntersection = output<SdIntersectionEvent>();
-}
-```
-
-사용법: `<div (sdIntersection)="onIntersect($event)">`
-
-## `SdIntersectionEvent`
-
-```typescript
-interface SdIntersectionEvent {
-  entry: IntersectionObserverEntry;
-}
-```
-
-| Field | Type | Description |
-|-------|------|-------------|
-| `entry` | `IntersectionObserverEntry` | 마지막 IntersectionObserver 엔트리 |
-
-## `SdRouterLink`
-
-라우터 네비게이션 디렉티브. 일반 클릭은 라우터 네비게이션, Ctrl/Shift+클릭은 새 창, 팝업 윈도우에서는 팝업 형태로 열린다.
-
-```typescript
-@Directive({
-  selector: "[sdRouterLink]",
-  host: {
-    "[style.cursor]": "option() ? 'pointer' : ''",
-    "(click)": "onClick($event)",
-  },
-})
-class SdRouterLink {
-  option = input<{
-    link: string;
-    params?: Record<string, string>;
-    window?: { width?: number; height?: number };
-    outletName?: string;
-    queryParams?: Record<string, string>;
-  } | undefined>(undefined, { alias: "sdRouterLink" });
-}
-```
-
-| Input Field | Type | Description |
-|-------------|------|-------------|
-| `link` | `string` | 네비게이션 경로 |
-| `params` | `Record<string, string> \| undefined` | 라우터 파라미터 |
-| `window` | `{ width?, height? } \| undefined` | 팝업 윈도우 크기 (설정 시 팝업으로 열림) |
-| `outletName` | `string \| undefined` | named outlet |
-| `queryParams` | `Record<string, string> \| undefined` | 쿼리 파라미터 |

package/docs/features.md

@@ -1,154 +0,0 @@
-# Features
-
-## `SdAddressSearchModal`
-
-Daum Postcode API를 사용한 주소 검색 모달. `SdModalContentDef<Address>`를 구현한다.
-
-```typescript
-@Component({ selector: "sd-address-search-modal" })
-class SdAddressSearchModal implements SdModalContentDef<Address>, OnInit {
-  close = output<Address>();
-  initialized = signal(false);
-}
-```
-
-### `Address`
-
-```typescript
-interface Address {
-  postNumber: string | undefined;
-  address: string | undefined;
-  buildingName: string | undefined;
-}
-```
-
-| Field | Type | Description |
-|-------|------|-------------|
-| `postNumber` | `string \| undefined` | 우편번호 |
-| `address` | `string \| undefined` | 주소 |
-| `buildingName` | `string \| undefined` | 건물명 |
-
-## `SdPermissionTable`
-
-권한 매트릭스 테이블. `SdPermission` 트리를 테이블로 렌더링하여 use/edit 체크박스를 표시한다.
-
-```typescript
-@Component({ selector: "sd-permission-table" })
-class SdPermissionTable<TModule = unknown> {
-  value = model<Record<string, boolean>>({});
-  items = input<SdPermission<TModule>[]>([]);
-  disabled = input(false, { transform: booleanAttribute });
-}
-```
-
-| Input | Type | Default | Description |
-|-------|------|---------|-------------|
-| `value` | `Record<string, boolean>` | `{}` | 권한 레코드 (two-way). 키는 `codeChain.join(".") + ".use"` 또는 `".edit"` 형태 |
-| `items` | `SdPermission<TModule>[]` | `[]` | 권한 트리 |
-| `disabled` | `boolean` | `false` | 비활성화 |
-
-## Data View Composition (Recipes)
-
-CRUD 리스트(시트) · 상세 폼 · 모달 선택 버튼은 추상 클래스 대신 **레시피 기반 직접 조립** 방식을 사용한다. `<sd-sheet>` + `<sd-form>` · `<sd-modal-select-button>` 등 표준 컴포넌트를 화면 코드가 직접 결합한다. 조립 레시피:
-
-- 리스트(시트): [recipes/crud-list.md](./recipes/crud-list.md)
-- 상세: [recipes/crud-detail.md](./recipes/crud-detail.md)
-- 선택 버튼: [recipes/data-select-button.md](./recipes/data-select-button.md)
-- 페이지/모달 컨테이너: [recipes/page-modal-container.md](./recipes/page-modal-container.md)
-
-## Shared Data Controls
-
-### `SdSharedDataSelect`
-
-공유 데이터 드롭다운 선택 컴포넌트. 검색 기능 포함.
-
-```typescript
-@Component({ selector: "sd-shared-data-select" })
-class SdSharedDataSelect<TItem extends SharedDataBase<string | number>, TMode extends keyof SelectModeValue<...>, TModal extends SdSelectModal<any>> {
-  value = model<SelectModeValue<TItem["__valueKey"] | undefined>[TMode]>();
-  items = input.required<TItem[]>();
-  disabled = input(false, { transform: booleanAttribute });
-  required = input(false, { transform: booleanAttribute });
-  useUndefined = input(false, { transform: booleanAttribute });
-  inset = input(false, { transform: booleanAttribute });
-  inline = input(false, { transform: booleanAttribute });
-  size = input<"sm" | "lg">();
-  selectMode = input("single" as TMode);
-  filterFn = input<(item: TItem, index: number, ...params: any[]) => boolean>();
-  filterFnParams = input<any[]>();
-  modal = input<SdSelectModalInfo<TModal>>();
-  editModal = input<SdModalInfo<SdModalContentDef<boolean>>>();
-  selectClass = input<string>();
-  multiSelectionDisplayDirection = input<"vertical">();
-  getIsHiddenFn = input<(item: TItem, index: number) => boolean>();
-  getSearchTextFn = input<(item: TItem, index: number) => string>();
-  displayOrderKeyProp = input<string>();
-}
-```
-
-### `SdSharedDataSelectButton`
-
-공유 데이터 모달 선택 버튼. `<sd-modal-select-button>`을 컴포지션하여 공유 데이터 항목을 표시한다. `value` 또는 `items` 변경 시 내부에서 `items.filter(by __valueKey)`로 표시 항목이 자동 동기화된다.
-
-```typescript
-@Component({ selector: "sd-shared-data-select-button" })
-class SdSharedDataSelectButton<TItem extends SharedDataBase<string | number>, TMode extends keyof SelectModeValue<string | number>, TModal extends SdSelectModal<any>> {
-  value = model<SelectModeValue<string | number>[TMode]>();
-  items = input<TItem[]>([]);
-  modal = input.required<SdSelectModalInfo<TModal>>();
-  selectMode = input<TMode>("single" as TMode);
-  disabled = input(false, { transform: booleanAttribute });
-  required = input(false, { transform: booleanAttribute });
-  inset = input(false, { transform: booleanAttribute });
-  size = input<"sm" | "lg">();
-}
-```
-
-상세 사용 예시: [recipes/data-select-button.md](./recipes/data-select-button.md) "패턴 2" 섹션.
-
-### `SdSharedDataSelectList`
-
-공유 데이터 목록형 선택 컴포넌트. 검색, 페이지네이션, 외부 링크 기능을 포함한다.
-
-```typescript
-@Component({ selector: "sd-shared-data-select-list" })
-class SdSharedDataSelectList<TItem extends SharedDataBase<string | number>, TModal extends SdSelectModal<any>> {
-  selectedItem = model<TItem>();
-  canChangeFn = input<(item: TItem | undefined) => boolean | Promise<boolean>>(() => true);
-  items = input.required<TItem[]>();
-  selectedIcon = input<string>();
-  useUndefined = input(false, { transform: booleanAttribute });
-  filterFn = input<(item: TItem, index: number) => boolean>();
-  modal = input<SdSelectModalInfo<TModal>>();
-  header = input<string>();
-  pageItemCount = input<number>();
-}
-```
-
-| Input | Type | Default | Description |
-|-------|------|---------|-------------|
-| `selectedItem` | `TItem \| undefined` | - | 선택된 항목 (two-way) |
-| `canChangeFn` | `(item) => boolean \| Promise<boolean>` | `() => true` | 선택 변경 가능 여부 함수 |
-| `items` | `TItem[]` | required | 공유 데이터 항목 |
-| `selectedIcon` | `string \| undefined` | `undefined` | 선택됨 아이콘 |
-| `useUndefined` | `boolean` | `false` | undefined 항목 포함 |
-| `filterFn` | `((item, index) => boolean) \| undefined` | `undefined` | 필터 함수 |
-| `modal` | `SdSelectModalInfo<TModal> \| undefined` | `undefined` | 모달 선택 정보 |
-| `header` | `string \| undefined` | `undefined` | 헤더 텍스트 |
-| `pageItemCount` | `number \| undefined` | `undefined` | 페이지당 항목 수 |
-
-Content children:
-- `#headerTpl`: 헤더 커스텀 템플릿
-- `#filterTpl`: 필터 커스텀 템플릿
-- `SdItemOfTemplate`: 항목 커스텀 템플릿
-- `#undefinedTpl`: undefined 항목 커스텀 템플릿
-
-### `matchesSearchText`
-
-공백 구분 AND 조건 텍스트 검색 매칭 함수.
-
-```typescript
-function matchesSearchText(itemText: string, searchQuery: string | undefined): boolean
-```
-
-모든 검색어(공백으로 분할)가 `itemText`에 포함되면 `true`. `searchQuery`가 undefined이거나 빈 문자열이면 항상 `true`.

package/docs/provider-types.md

@@ -1,283 +0,0 @@
-# Provider Types
-
-## `SdMenu`
-
-메뉴 트리 노드.
-
-```typescript
-interface SdMenu {
-  title: string;
-  codeChain: string[];
-  url?: string;
-  icon?: string;
-  children?: SdMenu[];
-}
-```
-
-| Field | Type | Description |
-|-------|------|-------------|
-| `title` | `string` | 메뉴 제목 |
-| `codeChain` | `string[]` | 코드 체인 (루트부터 현재까지) |
-| `url` | `string \| undefined` | 외부 URL |
-| `icon` | `string \| undefined` | 아이콘 |
-| `children` | `SdMenu[] \| undefined` | 하위 메뉴 |
-
-## `SdFlatMenu`
-
-플랫 메뉴 항목 (리프만).
-
-```typescript
-interface SdFlatMenu<TModule = unknown> {
-  titleChain: string[];
-  codeChain: string[];
-  modulesChain: TModule[][];
-}
-```
-
-| Field | Type | Description |
-|-------|------|-------------|
-| `titleChain` | `string[]` | 타이틀 체인 |
-| `codeChain` | `string[]` | 코드 체인 |
-| `modulesChain` | `TModule[][]` | 모듈 체인 |
-
-## `SdPermission`
-
-권한 트리 노드.
-
-```typescript
-interface SdPermission<TModule = unknown> {
-  title: string;
-  codeChain: string[];
-  modules: TModule[] | undefined;
-  perms: ("use" | "edit")[] | undefined;
-  children: SdPermission<TModule>[] | undefined;
-}
-```
-
-| Field | Type | Description |
-|-------|------|-------------|
-| `title` | `string` | 권한 제목 |
-| `codeChain` | `string[]` | 코드 체인 |
-| `modules` | `TModule[] \| undefined` | 모듈 제한 |
-| `perms` | `("use" \| "edit")[] \| undefined` | 권한 목록 |
-| `children` | `SdPermission<TModule>[] \| undefined` | 하위 권한 |
-
-## `SharedDataBase`
-
-공유 데이터 기본 인터페이스. 모든 공유 데이터 항목이 구현해야 한다.
-
-```typescript
-interface SharedDataBase<TKey extends string | number> {
-  __valueKey: TKey;
-  __searchText: string;
-  __isHidden: boolean;
-  __parentKey?: TKey;
-}
-```
-
-| Field | Type | Description |
-|-------|------|-------------|
-| `__valueKey` | `TKey` | 고유 키 |
-| `__searchText` | `string` | 검색 대상 텍스트 |
-| `__isHidden` | `boolean` | 숨김 여부 |
-| `__parentKey` | `TKey \| undefined` | 부모 키 (트리 구조용) |
-
-## `SharedDataInfo`
-
-공유 데이터 등록 정보.
-
-```typescript
-interface SharedDataInfo<T extends SharedDataBase<string | number>> {
-  serviceKey: string;
-  getter: (changeKeys?: (string | number)[]) => Promise<T[]>;
-  filter?: unknown;
-  orderBy?: (a: T, b: T) => number;
-}
-```
-
-| Field | Type | Description |
-|-------|------|-------------|
-| `serviceKey` | `string` | ServiceClient 연결 키 |
-| `getter` | `(changeKeys?) => Promise<T[]>` | 데이터 조회 함수. changeKeys 전달 시 부분 조회 |
-| `filter` | `unknown` | 이벤트 필터 (같은 이름의 다른 필터 구분용) |
-| `orderBy` | `((a, b) => number) \| undefined` | 정렬 함수 |
-
-## `SharedDataHandle`
-
-공유 데이터 핸들. `getHandle()`이 반환하는 객체.
-
-```typescript
-interface SharedDataHandle<T extends SharedDataBase<string | number>> {
-  items: Signal<T[]>;
-  get(key: T["__valueKey"] | undefined): T | undefined;
-}
-```
-
-| Field | Type | Description |
-|-------|------|-------------|
-| `items` | `Signal<T[]>` | 데이터 항목 signal |
-| `get(key)` | `(key) => T \| undefined` | 키로 항목 조회 |
-
-## `SdModalContentDef`
-
-모달 컴포넌트가 구현해야 하는 인터페이스.
-
-```typescript
-interface SdModalContentDef<O> {
-  initialized: Signal<boolean>;
-  close: OutputEmitterRef<O | undefined>;
-  actionTplRef?: TemplateRef<any>;
-  readonly _optionalModalInputs?: string;
-}
-```
-
-| Field | Type | Description |
-|-------|------|-------------|
-| `initialized` | `Signal<boolean>` | 초기화 완료 여부 |
-| `close` | `OutputEmitterRef<O \| undefined>` | 닫기 output (결과 전달) |
-| `actionTplRef` | `TemplateRef<any> \| undefined` | 모달 헤더 액션 영역 템플릿 |
-| `_optionalModalInputs` | `string \| undefined` | optional로 취급할 input 키 목록 (리터럴 타입) |
-
-## `SdModalInfo`
-
-모달 생성 시 전달하는 정보.
-
-```typescript
-interface SdModalInfo<T extends SdModalContentDef<any>, X extends keyof any = ""> {
-  title: string;
-  type: Type<T>;
-  inputs: WithOptional<Omit<DirectiveInputSignals<T>, SdModalExcludeKeys | X>, ...>;
-}
-```
-
-| Field | Type | Description |
-|-------|------|-------------|
-| `title` | `string` | 모달 제목 |
-| `type` | `Type<T>` | 모달 컴포넌트 타입 |
-| `inputs` | `object` | 컴포넌트 inputs (initialized, close, actionTplRef 제외) |
-
-## `SdModalOptions`
-
-모달 옵션.
-
-```typescript
-interface SdModalOptions {
-  key?: string;
-  hideHeader?: boolean;
-  hideCloseButton?: boolean;
-  useCloseByBackdrop?: boolean;
-  useCloseByEscapeKey?: boolean;
-  float?: boolean;
-  fill?: boolean;
-  resizable?: boolean;
-  movable?: boolean;
-  position?: "bottom-right" | "top-right";
-  minHeightPx?: number;
-  minWidthPx?: number;
-  heightPx?: number;
-  widthPx?: number;
-  headerStyle?: string;
-  noFirstControlFocusing?: boolean;
-}
-```
-
-| Field | Type | Description |
-|-------|------|-------------|
-| `key` | `string \| undefined` | 동일 키의 모달이 이미 열려 있으면 재사용 |
-| `hideHeader` | `boolean \| undefined` | 헤더 숨김 |
-| `hideCloseButton` | `boolean \| undefined` | 닫기 버튼 숨김 |
-| `useCloseByBackdrop` | `boolean \| undefined` | 배경 클릭으로 닫기 |
-| `useCloseByEscapeKey` | `boolean \| undefined` | ESC 키로 닫기 |
-| `float` | `boolean \| undefined` | 플로팅 모달 |
-| `fill` | `boolean \| undefined` | 전체 화면 채우기 |
-| `resizable` | `boolean \| undefined` | 크기 조절 가능 |
-| `movable` | `boolean \| undefined` | 이동 가능 |
-| `position` | `"bottom-right" \| "top-right" \| undefined` | 위치 프리셋 |
-| `minHeightPx` | `number \| undefined` | 최소 높이 (px) |
-| `minWidthPx` | `number \| undefined` | 최소 너비 (px) |
-| `heightPx` | `number \| undefined` | 높이 (px) |
-| `widthPx` | `number \| undefined` | 너비 (px) |
-| `headerStyle` | `string \| undefined` | 헤더 인라인 스타일 |
-| `noFirstControlFocusing` | `boolean \| undefined` | 첫 번째 컨트롤 자동 포커스 비활성화 |
-
-## `SdToastContentDef`
-
-커스텀 토스트 컴포넌트가 구현해야 하는 인터페이스.
-
-```typescript
-interface SdToastContentDef<O> {
-  close: OutputEmitterRef<O | undefined>;
-}
-```
-
-## `SdToastInput`
-
-커스텀 토스트 생성 입력.
-
-```typescript
-interface SdToastInput<T extends SdToastContentDef<any>> {
-  type: Type<T>;
-  inputs: Omit<DirectiveInputSignals<T>, "close">;
-}
-```
-
-## `SdToastSeverity`
-
-```typescript
-type SdToastSeverity = "info" | "success" | "warning" | "danger";
-```
-
-## `SdToastTheme`
-
-```typescript
-type SdToastTheme = "primary" | "secondary" | SdToastSeverity | "gray" | "blue-gray";
-```
-
-## `SdBusyType`
-
-```typescript
-type SdBusyType = "spinner" | "bar" | "cube";
-```
-
-## `SdPrint`
-
-인쇄 컴포넌트가 구현해야 하는 인터페이스.
-
-```typescript
-interface SdPrint {
-  initialized: Signal<boolean>;
-  readonly _optionalPrintInputs?: string;
-}
-```
-
-| Field | Type | Description |
-|-------|------|-------------|
-| `initialized` | `Signal<boolean>` | 초기화 완료 여부 (true 될 때까지 대기 후 인쇄) |
-| `_optionalPrintInputs` | `string \| undefined` | optional로 취급할 input 키 목록 |
-
-## `SdPrintInput`
-
-인쇄 생성 입력.
-
-```typescript
-interface SdPrintInput<T, X extends keyof any = ""> {
-  type: Type<T>;
-  inputs: WithOptional<Omit<DirectiveInputSignals<T>, "_optionalPrintInputs" | X>, ...>;
-}
-```
-
-## `SelectModalOutputResult`
-
-모달 선택 결과.
-
-```typescript
-interface SelectModalOutputResult<T> {
-  selectedItemKeys: any[];
-  selectedItems: T[];
-}
-```
-
-| Field | Type | Description |
-|-------|------|-------------|
-| `selectedItemKeys` | `any[]` | 선택된 항목 키 배열 |
-| `selectedItems` | `T[]` | 선택된 항목 배열 |