@simplysm/angular 14.0.19 → 14.0.22

package/dist/ui/form/button/sd-modal-select-button.control.d.ts

@@ -1,6 +1,7 @@
 import { type InputSignal } from "@angular/core";
 import { type ISdModal, type ISdModalInfo, type ISdModalOptions } from "../../overlay/modal/sd-modal.provider";
 import type { TSelectModeValue } from "../select/sd-select.control";
+import type { ISelectModalOutputResult } from "../../../core/types/select-modal-output-result";
 import * as i0 from "@angular/core";
 /**
  * 모달 선택 컴포넌트가 구현해야 하는 인터페이스
@@ -10,13 +11,6 @@ export interface ISdSelectModal<T> extends ISdModal<ISelectModalOutputResult<T>>
     selectMode: InputSignal<"single" | "multi" | undefined>;
     selectedItemKeys: InputSignal<any[]>;
 }
-/**
- * 모달 선택 결과
- */
-export interface ISelectModalOutputResult<T> {
-    selectedItemKeys: any[];
-    selectedItems: T[];
-}
 /**
  * 모달 선택 정보 (selectMode/selectedItemKeys를 제외한 inputs)
  */

package/dist/ui/form/button/sd-modal-select-button.control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-modal-select-button.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/button/sd-modal-select-button.control.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,WAAW,EAEjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,KAAK,QAAQ,EACb,KAAK,YAAY,EACjB,KAAK,eAAe,EACrB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;;AAOpE;;;GAGG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,QAAQ,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;IAC9E,UAAU,EAAE,WAAW,CAAC,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IACxD,gBAAgB,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;CACtC;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACzC,gBAAgB,EAAE,GAAG,EAAE,CAAC;IACxB,aAAa,EAAE,CAAC,EAAE,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,cAAc,CAAC,GAAG,CAAC,IAAI,YAAY,CAC1E,CAAC,EACD,YAAY,GAAG,kBAAkB,CAClC,CAAC;AAEF,qBAuGa,0BAA0B,CACrC,CAAC,SAAS,MAAM,EAChB,CAAC,EACD,CAAC,SAAS,MAAM,gBAAgB,CAAC,CAAC,CAAC,GAAG,MAAM,gBAAgB,CAAC,CAAC,CAAC;IAE/D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IAEpD,KAAK,qDAA2D;IAEhE,KAAK,0EAAmC;IACxC,aAAa,2CAAkB;IAE/B,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IACzD,KAAK,qEAAiD;IACtD,IAAI,uCAAwB;IAC5B,UAAU,iBAA2B;IACrC,YAAY,2CAA4B;IAExC,UAAU,sBAAuB;IAEjC,SAAS,CAAC,QAAQ,CAAC,YAAY,obAAgB;IAE/C,SAAS,0CAKN;;IAYH,YAAY,IAAI,IAAI;IAKd,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;yCA7CzB,0BAA0B;2CAA1B,0BAA0B;CAkEtC"}
+{"version":3,"file":"sd-modal-select-button.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/button/sd-modal-select-button.control.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,WAAW,EAEjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,KAAK,QAAQ,EACb,KAAK,YAAY,EACjB,KAAK,eAAe,EACrB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAIpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;;AAI/F;;;GAGG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,QAAQ,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;IAC9E,UAAU,EAAE,WAAW,CAAC,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IACxD,gBAAgB,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;CACtC;AAED;;GAEG;AACH,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,cAAc,CAAC,GAAG,CAAC,IAAI,YAAY,CAC1E,CAAC,EACD,YAAY,GAAG,kBAAkB,CAClC,CAAC;AAEF,qBAuGa,0BAA0B,CACrC,CAAC,SAAS,MAAM,EAChB,CAAC,EACD,CAAC,SAAS,MAAM,gBAAgB,CAAC,CAAC,CAAC,GAAG,MAAM,gBAAgB,CAAC,CAAC,CAAC;IAE/D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IAEpD,KAAK,qDAA2D;IAEhE,KAAK,0EAAmC;IACxC,aAAa,2CAAkB;IAE/B,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IACzD,KAAK,qEAAiD;IACtD,IAAI,uCAAwB;IAC5B,UAAU,iBAA2B;IACrC,YAAY,2CAA4B;IAExC,UAAU,sBAAuB;IAEjC,SAAS,CAAC,QAAQ,CAAC,YAAY,obAAgB;IAE/C,SAAS,0CAKN;;IAYH,YAAY,IAAI,IAAI;IAKd,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;yCA7CzB,0BAA0B;2CAA1B,0BAA0B;CAkEtC"}

package/dist/ui/form/button/sd-modal-select-button.control.js

@@ -129,4 +129,4 @@ export class SdModalSelectButtonControl {
                     "[attr.data-sd-disabled]": "disabled()",
                 }, styles: ["sd-modal-select-button {\n  display: flex;\n  flex-direction: row;\n  gap: var(--gap-sm);\n  position: relative;\n  border: 1px solid var(--trans-light);\n  border-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-modal-select-button > ._content {\n  flex: 1;\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-modal-select-button > ._button {\n  display: flex;\n  flex-wrap: nowrap;\n  flex-direction: row;\n}\n@supports not (appearance: auto) {\n  sd-modal-select-button > ._button.gap-xxs {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-modal-select-button > ._button.gap-xs {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-modal-select-button > ._button.gap-sm {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-modal-select-button > ._button.gap-default {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-modal-select-button > ._button.gap-lg {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-modal-select-button > ._button.gap-xl {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-modal-select-button > ._button.gap-xxl {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-modal-select-button > ._button.gap-0 {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-modal-select-button > ._button.gap-auto {\n    gap: 0;\n  }\n  sd-modal-select-button > ._button.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}\nsd-modal-select-button > ._button > sd-anchor {\n  padding: var(--gap-sm) !important;\n}\nsd-modal-select-button > ._button > sd-button > button {\n  border-left: 1px solid var(--trans-lighter) !important;\n  padding: var(--gap-sm) !important;\n  height: 100%;\n}\nsd-modal-select-button[data-sd-inset=true] {\n  border-radius: 0;\n  border: none;\n}\nsd-modal-select-button[data-sd-size=sm] > ._content {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-anchor {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-button > button {\n  padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._content {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-anchor {\n  padding: var(--gap-default) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-button > button {\n  padding: var(--gap-default) !important;\n}"] }]
     }], () => [], { modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], selectedItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItems", required: false }] }, { type: i0.Output, args: ["selectedItemsChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], selectMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectMode", required: false }] }], modalOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalOptions", required: false }] }], searchIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchIcon", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdModalSelectButtonControl, { className: "SdModalSelectButtonControl", filePath: "packages/angular/src/ui/form/button/sd-modal-select-button.control.ts", lineNumber: 153, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdModalSelectButtonControl, { className: "SdModalSelectButtonControl", filePath: "packages/angular/src/ui/form/button/sd-modal-select-button.control.ts", lineNumber: 146, forbidOrphanRendering: true }); })();

package/dist/ui/form/choice/sd-state-preset.control.js

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, computed, inject, input, model, ViewEncapsulation, } from "@angular/core";
 import { SdModalProvider } from "../../overlay/modal/sd-modal.provider";
-import { SdToastProvider } from "../../overlay/toast/sd-toast.provider";
+import { SdToastProvider } from "../../../core/providers/sd-toast.provider";
 import { SdPromptModalControl } from "../../overlay/modal/sd-prompt-modal.control";
 import { SdConfirmModalControl } from "../../overlay/modal/sd-confirm-modal.control";
 import { useSdSystemConfigResource } from "../../../core/utils/useSdSystemConfigResource";

package/dist/ui/form/select/sd-select.control.d.ts

@@ -29,7 +29,7 @@ export declare class SdSelectControl<M extends "single" | "multi", T> {
     _beforeTpl: import("@angular/core").Signal<TemplateRef<void> | undefined>;
     _itemOfTpl: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     _selectedItemContentHTML: import("@angular/core").WritableSignal<string | undefined>;
-    _flatItems: import("@angular/core").WritableSignal<{
+    _flatItems: import("@angular/core").Signal<{
         data: T;
         index: number;
         depth: number;

package/dist/ui/form/select/sd-select.control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-select.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/select/sd-select.control.ts"],"names":[],"mappings":"AAAA,OAAO,EAWL,WAAW,EAIZ,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;;AAU/D,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,MAAM,EAAE,CAAC,CAAC;CACX,CAAC;AAEF,qBAmJa,eAAe,CAAC,CAAC,SAAS,QAAQ,GAAG,OAAO,EAAE,CAAC;IAC1D,UAAU,yCAAwB;IAClC,KAAK,4EAAqC;IAC1C,WAAW,0DAAmB;IAC9B,QAAQ,qEAAiD;IACzD,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,QAAQ,qEAAiD;IAEzD,aAAa,qEAAiD;IAC9D,8BAA8B,8DAAuB;IAErD,KAAK,uDAAgB;IACrB,aAAa,8CAAgB,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,eAAI;IAEtD,YAAY,0DAAmB;IAC/B,YAAY,0DAAmB;IAE/B,YAAY,kDAAiB;IAE7B,SAAS,CAAC,QAAQ,CAAC,eAAe,iUAAmB;IAErD,aAAa,sEAAwC;IACrD,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAyC;IAC1E,OAAO,CAAC,QAAQ,CAAC,cAAc,CAG7B;IAEF,UAAU,gEAAgD;IAC1D,UAAU,gEAAgD;IAC1D,UAAU,+DAAkE;IAE5E,wBAAwB,6DAAyC;IAEjE,UAAU;cAAkB,CAAC;eAAS,MAAM;eAAS,MAAM;SAAU;;IA2JrE,UAAU,CAAC,SAAS,EAAE,CAAC,GAAG,IAAI;IAO9B,UAAU,CAAC,SAAS,EAAE,CAAC,GAAG,IAAI;IAI9B,OAAO,CAAC,YAAY;IAepB,WAAW,IAAI,IAAI;IAQnB,aAAa,IAAI,IAAI;IAIrB,aAAa,IAAI,IAAI;IAIrB,YAAY,IAAI,IAAI;yCAzOT,eAAe;2CAAf,eAAe;CA6O3B"}
+{"version":3,"file":"sd-select.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/select/sd-select.control.ts"],"names":[],"mappings":"AAAA,OAAO,EAYL,WAAW,EAIZ,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;;AAU/D,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,MAAM,EAAE,CAAC,CAAC;CACX,CAAC;AAEF,qBAmJa,eAAe,CAAC,CAAC,SAAS,QAAQ,GAAG,OAAO,EAAE,CAAC;IAC1D,UAAU,yCAAwB;IAClC,KAAK,4EAAqC;IAC1C,WAAW,0DAAmB;IAC9B,QAAQ,qEAAiD;IACzD,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,QAAQ,qEAAiD;IAEzD,aAAa,qEAAiD;IAC9D,8BAA8B,8DAAuB;IAErD,KAAK,uDAAgB;IACrB,aAAa,8CAAgB,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,eAAI;IAEtD,YAAY,0DAAmB;IAC/B,YAAY,0DAAmB;IAE/B,YAAY,kDAAiB;IAE7B,SAAS,CAAC,QAAQ,CAAC,eAAe,iUAAmB;IAErD,aAAa,sEAAwC;IACrD,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAyC;IAC1E,OAAO,CAAC,QAAQ,CAAC,cAAc,CAG7B;IAEF,UAAU,gEAAgD;IAC1D,UAAU,gEAAgD;IAC1D,UAAU,+DAAkE;IAE5E,wBAAwB,6DAAyC;IAEjE,UAAU;cAIY,CAAC;eAAS,MAAM;eAAS,MAAM;SAelD;;IAkIH,UAAU,CAAC,SAAS,EAAE,CAAC,GAAG,IAAI;IAO9B,UAAU,CAAC,SAAS,EAAE,CAAC,GAAG,IAAI;IAI9B,OAAO,CAAC,YAAY;IAepB,WAAW,IAAI,IAAI;IAQnB,aAAa,IAAI,IAAI;IAIrB,aAAa,IAAI,IAAI;IAIrB,YAAY,IAAI,IAAI;yCAnOT,eAAe;2CAAf,eAAe;CAuO3B"}

package/dist/ui/form/select/sd-select.control.js

@@ -1,4 +1,4 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, contentChild, contentChildren, effect, ElementRef, input, model, signal, TemplateRef, untracked, viewChild, ViewEncapsulation, } from "@angular/core";
+import { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChild, contentChildren, effect, ElementRef, input, model, signal, TemplateRef, untracked, viewChild, ViewEncapsulation, } from "@angular/core";
 import { NgTemplateOutlet } from "@angular/common";
 import { SdDropdownControl } from "../../overlay/dropdown/sd-dropdown.control";
 import { SdDropdownPopupControl } from "../../overlay/dropdown/sd-dropdown-popup.control";
@@ -119,7 +119,27 @@ export class SdSelectControl {
     _beforeTpl = contentChild("beforeTpl", ...(ngDevMode ? [{ debugName: "_beforeTpl" }] : /* istanbul ignore next */ []));
     _itemOfTpl = contentChild(SdItemOfTemplateDirective, { ...(ngDevMode ? { debugName: "_itemOfTpl" } : /* istanbul ignore next */ {}), read: TemplateRef });
     _selectedItemContentHTML = signal(undefined, ...(ngDevMode ? [{ debugName: "_selectedItemContentHTML" }] : /* istanbul ignore next */ []));
-    _flatItems = signal([], ...(ngDevMode ? [{ debugName: "_flatItems" }] : /* istanbul ignore next */ []));
+    _flatItems = computed(() => {
+        const items = this.items();
+        if (items == null)
+            return [];
+        const getChildren = this.getChildrenFn();
+        const flat = [];
+        let index = 0;
+        const walk = (list, depth) => {
+            for (const item of list) {
+                flat.push({ data: item, index: index++, depth });
+                if (getChildren !== undefined) {
+                    const children = getChildren(item);
+                    if (children !== undefined) {
+                        walk(children, depth + 1);
+                    }
+                }
+            }
+        };
+        walk(items, 0);
+        return flat;
+    }, ...(ngDevMode ? [{ debugName: "_flatItems" }] : /* istanbul ignore next */ []));
     constructor() {
         // Required validation
         setupInvalid(() => {
@@ -132,30 +152,6 @@ export class SdSelectControl {
                 return "선택된 항목이 없습니다.";
             return "";
         });
-        // Flatten items array (with hierarchy support)
-        effect(() => {
-            const items = this.items();
-            if (items == null) {
-                this._flatItems.set([]);
-                return;
-            }
-            const getChildren = this.getChildrenFn();
-            const flat = [];
-            let index = 0;
-            const walk = (list, depth) => {
-                for (const item of list) {
-                    flat.push({ data: item, index: index++, depth });
-                    if (getChildren !== undefined) {
-                        const children = getChildren(item);
-                        if (children !== undefined) {
-                            walk(children, depth + 1);
-                        }
-                    }
-                }
-            };
-            walk(items, 0);
-            this._flatItems.set(flat);
-        });
         // D3: contentClass/contentStyle via effect() on popup element
         // + D4: keyboard navigation via tabbable()
         effect((onCleanup) => {
@@ -431,4 +427,4 @@ export class SdSelectControl {
                     "[attr.data-sd-disabled]": "disabled()",
                 }, styles: ["sd-select {\n  display: block;\n  position: relative;\n}\nsd-select > sd-dropdown > ._sd-select-control {\n  display: block;\n  padding: var(--gap-sm) var(--gap-default);\n  border: 1px solid transparent;\n  font-size: var(--font-size-default);\n  font-family: var(--font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--line-height);\n  color: var(--text-trans-default);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  border: 1px solid var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  background: var(--theme-secondary-lightest);\n}\nsd-select > sd-dropdown > ._sd-select-control > ._sd-select-control-content {\n  flex: 1;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\nsd-select > sd-dropdown > ._sd-select-control > ._sd-select-control-icon {\n  margin-left: var(--gap-sm);\n  opacity: 0.3;\n}\nsd-select > sd-dropdown:focus-within > ._sd-select-control {\n  border-color: var(--theme-secondary-default);\n}\nsd-select[data-sd-size=sm] > sd-dropdown > ._sd-select-control {\n  padding: var(--gap-xs) var(--gap-sm);\n}\nsd-select[data-sd-size=lg] > sd-dropdown > ._sd-select-control {\n  padding: var(--gap-default) var(--gap-lg);\n}\nsd-select[data-sd-inline=true] {\n  display: inline-block;\n  width: auto;\n}\nsd-select[data-sd-inset=true] > sd-dropdown > ._sd-select-control {\n  border: none;\n  border-radius: 0;\n}\nsd-select[data-sd-inset=true] > sd-dropdown > ._sd-select-control:focus-within {\n  outline: 1px solid var(--theme-primary-default);\n}\nsd-select[data-sd-disabled=true] > sd-dropdown > ._sd-select-control {\n  background: var(--trans-lighter);\n  cursor: default;\n}\nsd-select[data-sd-disabled=true] > sd-dropdown > ._sd-select-control > ._sd-select-control-icon {\n  display: none;\n}\n\n._sd-select-all-bar {\n  display: flex;\n  padding: var(--gap-sm) var(--gap-default);\n  border-bottom: 1px solid var(--border-color-light);\n}"] }]
     }], () => [], { selectMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectMode", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], hideSelectAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideSelectAll", required: false }] }], multiSelectionDisplayDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiSelectionDisplayDirection", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], getChildrenFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getChildrenFn", required: false }] }], contentClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentClass", required: false }] }], contentStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentStyle", required: false }] }], _itemControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdSelectItemControl), { isSignal: true }] }], _dropdownControl: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SdDropdownControl), { isSignal: true }] }], _dropdownElRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SdDropdownControl), { ...{ read: ElementRef }, isSignal: true }] }], _headerTpl: [{ type: i0.ContentChild, args: ["headerTpl", { isSignal: true }] }], _beforeTpl: [{ type: i0.ContentChild, args: ["beforeTpl", { isSignal: true }] }], _itemOfTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SdItemOfTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSelectControl, { className: "SdSelectControl", filePath: "packages/angular/src/ui/form/select/sd-select.control.ts", lineNumber: 182, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSelectControl, { className: "SdSelectControl", filePath: "packages/angular/src/ui/form/select/sd-select.control.ts", lineNumber: 183, forbidOrphanRendering: true }); })();

package/dist/ui/layout/sd-gap.control.d.ts

@@ -1,12 +1,11 @@
 import * as i0 from "@angular/core";
 export declare class SdGapControl {
-    private readonly _elRef;
     height: import("@angular/core").InputSignal<"default" | "sm" | "lg" | "xxs" | "xs" | "xl" | "xxl" | undefined>;
     heightPx: import("@angular/core").InputSignal<number | undefined>;
     width: import("@angular/core").InputSignal<"default" | "sm" | "lg" | "xxs" | "xs" | "xl" | "xxl" | undefined>;
     widthPx: import("@angular/core").InputSignal<number | undefined>;
     widthEm: import("@angular/core").InputSignal<number | undefined>;
-    constructor();
+    _displayStyle: import("@angular/core").Signal<"none" | "block" | "inline-block" | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdGapControl, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdGapControl, "sd-gap", never, { "height": { "alias": "height"; "required": false; "isSignal": true; }; "heightPx": { "alias": "heightPx"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "widthPx": { "alias": "widthPx"; "required": false; "isSignal": true; }; "widthEm": { "alias": "widthEm"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/dist/ui/layout/sd-gap.control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-gap.control.d.ts","sourceRoot":"","sources":["../../../src/ui/layout/sd-gap.control.ts"],"names":[],"mappings":";AAEA,qBAkCa,YAAY;IACvB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAE1D,MAAM,yGAAkE;IACxE,QAAQ,0DAAmB;IAC3B,KAAK,yGAAkE;IACvE,OAAO,0DAAmB;IAC1B,OAAO,0DAAmB;;yCAPf,YAAY;2CAAZ,YAAY;CA0BxB"}
+{"version":3,"file":"sd-gap.control.d.ts","sourceRoot":"","sources":["../../../src/ui/layout/sd-gap.control.ts"],"names":[],"mappings":";AAEA,qBAkCa,YAAY;IACvB,MAAM,yGAAkE;IACxE,QAAQ,0DAAmB;IAC3B,KAAK,yGAAkE;IACvE,OAAO,0DAAmB;IAC1B,OAAO,0DAAmB;IAE1B,aAAa,gFAcV;yCArBQ,YAAY;2CAAZ,YAAY;CAsBxB"}

package/dist/ui/layout/sd-gap.control.js

@@ -1,44 +1,42 @@
-import { ChangeDetectionStrategy, Component, effect, ElementRef, inject, input, ViewEncapsulation } from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from "@angular/core";
 import * as i0 from "@angular/core";
 export class SdGapControl {
-    _elRef = inject((ElementRef));
     height = input(...(ngDevMode ? [undefined, { debugName: "height" }] : /* istanbul ignore next */ []));
     heightPx = input(...(ngDevMode ? [undefined, { debugName: "heightPx" }] : /* istanbul ignore next */ []));
     width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
     widthPx = input(...(ngDevMode ? [undefined, { debugName: "widthPx" }] : /* istanbul ignore next */ []));
     widthEm = input(...(ngDevMode ? [undefined, { debugName: "widthEm" }] : /* istanbul ignore next */ []));
-    constructor() {
-        effect(() => {
-            if (this.widthPx() === 0 || this.heightPx() === 0 || this.widthEm() === 0) {
-                this._elRef.nativeElement.style.display = "none";
-            }
-            else if (this.width() !== undefined ||
-                this.widthPx() !== undefined ||
-                this.widthEm() !== undefined) {
-                this._elRef.nativeElement.style.display = "inline-block";
-            }
-            else if (this.height() !== undefined || this.heightPx() !== undefined) {
-                this._elRef.nativeElement.style.display = "block";
-            }
-            else {
-                this._elRef.nativeElement.style.display = "";
-            }
-        });
-    }
+    _displayStyle = computed(() => {
+        if (this.widthPx() === 0 || this.heightPx() === 0 || this.widthEm() === 0) {
+            return "none";
+        }
+        else if (this.width() !== undefined ||
+            this.widthPx() !== undefined ||
+            this.widthEm() !== undefined) {
+            return "inline-block";
+        }
+        else if (this.height() !== undefined || this.heightPx() !== undefined) {
+            return "block";
+        }
+        else {
+            return undefined;
+        }
+    }, ...(ngDevMode ? [{ debugName: "_displayStyle" }] : /* istanbul ignore next */ []));
     static ɵfac = function SdGapControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdGapControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdGapControl, selectors: [["sd-gap"]], hostVars: 8, hostBindings: function SdGapControl_HostBindings(rf, ctx) { if (rf & 2) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdGapControl, selectors: [["sd-gap"]], hostVars: 10, hostBindings: function SdGapControl_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-sd-height", ctx.height())("data-sd-width", ctx.width());
-            i0.ɵɵstyleProp("height", ctx.heightPx(), "px")("width", ctx.widthPx(), "px")("width", ctx.widthEm(), "em");
+            i0.ɵɵstyleProp("height", ctx.heightPx(), "px")("width", ctx.widthPx(), "px")("width", ctx.widthEm(), "em")("display", ctx._displayStyle());
         } }, inputs: { height: [1, "height"], heightPx: [1, "heightPx"], width: [1, "width"], widthPx: [1, "widthPx"], widthEm: [1, "widthEm"] }, decls: 0, vars: 0, template: function SdGapControl_Template(rf, ctx) { }, styles: ["sd-gap[data-sd-height=xxs] {\n  height: var(--gap-xxs);\n}\nsd-gap[data-sd-width=xxs] {\n  width: var(--gap-xxs);\n}\nsd-gap[data-sd-height=xs] {\n  height: var(--gap-xs);\n}\nsd-gap[data-sd-width=xs] {\n  width: var(--gap-xs);\n}\nsd-gap[data-sd-height=sm] {\n  height: var(--gap-sm);\n}\nsd-gap[data-sd-width=sm] {\n  width: var(--gap-sm);\n}\nsd-gap[data-sd-height=default] {\n  height: var(--gap-default);\n}\nsd-gap[data-sd-width=default] {\n  width: var(--gap-default);\n}\nsd-gap[data-sd-height=lg] {\n  height: var(--gap-lg);\n}\nsd-gap[data-sd-width=lg] {\n  width: var(--gap-lg);\n}\nsd-gap[data-sd-height=xl] {\n  height: var(--gap-xl);\n}\nsd-gap[data-sd-width=xl] {\n  width: var(--gap-xl);\n}\nsd-gap[data-sd-height=xxl] {\n  height: var(--gap-xxl);\n}\nsd-gap[data-sd-width=xxl] {\n  width: var(--gap-xxl);\n}\nsd-gap[data-sd-height=\"0\"] {\n  height: var(--gap-0);\n}\nsd-gap[data-sd-width=\"0\"] {\n  width: var(--gap-0);\n}\nsd-gap[data-sd-height=auto] {\n  height: var(--gap-auto);\n}\nsd-gap[data-sd-width=auto] {\n  width: var(--gap-auto);\n}"], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdGapControl, [{
         type: Component,
-        args: [{ selector: "sd-gap", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: "", host: {
+        args: [{ selector: "sd-gap", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [], template: "", host: {
                     "[attr.data-sd-height]": "height()",
                     "[style.height.px]": "heightPx()",
                     "[attr.data-sd-width]": "width()",
                     "[style.width.px]": "widthPx()",
                     "[style.width.em]": "widthEm()",
+                    "[style.display]": "_displayStyle()",
                 }, styles: ["sd-gap[data-sd-height=xxs] {\n  height: var(--gap-xxs);\n}\nsd-gap[data-sd-width=xxs] {\n  width: var(--gap-xxs);\n}\nsd-gap[data-sd-height=xs] {\n  height: var(--gap-xs);\n}\nsd-gap[data-sd-width=xs] {\n  width: var(--gap-xs);\n}\nsd-gap[data-sd-height=sm] {\n  height: var(--gap-sm);\n}\nsd-gap[data-sd-width=sm] {\n  width: var(--gap-sm);\n}\nsd-gap[data-sd-height=default] {\n  height: var(--gap-default);\n}\nsd-gap[data-sd-width=default] {\n  width: var(--gap-default);\n}\nsd-gap[data-sd-height=lg] {\n  height: var(--gap-lg);\n}\nsd-gap[data-sd-width=lg] {\n  width: var(--gap-lg);\n}\nsd-gap[data-sd-height=xl] {\n  height: var(--gap-xl);\n}\nsd-gap[data-sd-width=xl] {\n  width: var(--gap-xl);\n}\nsd-gap[data-sd-height=xxl] {\n  height: var(--gap-xxl);\n}\nsd-gap[data-sd-width=xxl] {\n  width: var(--gap-xxl);\n}\nsd-gap[data-sd-height=\"0\"] {\n  height: var(--gap-0);\n}\nsd-gap[data-sd-width=\"0\"] {\n  width: var(--gap-0);\n}\nsd-gap[data-sd-height=auto] {\n  height: var(--gap-auto);\n}\nsd-gap[data-sd-width=auto] {\n  width: var(--gap-auto);\n}"] }]
-    }], () => [], { height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], heightPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "heightPx", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], widthPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "widthPx", required: false }] }], widthEm: [{ type: i0.Input, args: [{ isSignal: true, alias: "widthEm", required: false }] }] }); })();
+    }], null, { height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], heightPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "heightPx", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], widthPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "widthPx", required: false }] }], widthEm: [{ type: i0.Input, args: [{ isSignal: true, alias: "widthEm", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdGapControl, { className: "SdGapControl", filePath: "packages/angular/src/ui/layout/sd-gap.control.ts", lineNumber: 37, forbidOrphanRendering: true }); })();

package/dist/ui/navigation/menu-utils.d.ts

@@ -1,10 +1,5 @@
-export interface ISdMenu {
-    title: string;
-    codeChain: string[];
-    url?: string;
-    icon?: string;
-    children?: ISdMenu[];
-}
+import type { ISdMenu } from "../../core/providers/sd-app-structure.types";
+export type { ISdMenu } from "../../core/providers/sd-app-structure.types";
 export declare function getMenuRouterLinkOption(menu: ISdMenu): {
     link: string;
     queryParams: Record<string, string> | undefined;

package/dist/ui/navigation/menu-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-utils.d.ts","sourceRoot":"","sources":["../../../src/ui/navigation/menu-utils.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;CACtB;AAED,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,OAAO,GACZ;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAA;CAAE,GAAG,SAAS,CAiB/E;AAED,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,OAAO,EACb,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,GACpC,OAAO,CAET"}
+{"version":3,"file":"menu-utils.d.ts","sourceRoot":"","sources":["../../../src/ui/navigation/menu-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,6CAA6C,CAAC;AAE3E,YAAY,EAAE,OAAO,EAAE,MAAM,6CAA6C,CAAC;AAE3E,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,OAAO,GACZ;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAA;CAAE,GAAG,SAAS,CAiB/E;AAED,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,OAAO,EACb,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,GACpC,OAAO,CAET"}

package/dist/ui/overlay/busy/sd-busy-container.control.d.ts

@@ -1,4 +1,4 @@
-import { type TSdBusyType } from "./sd-busy.provider";
+import { type TSdBusyType } from "../../../core/providers/sd-busy.provider";
 import * as i0 from "@angular/core";
 export declare class SdBusyContainerControl {
     private readonly _sdBusy;

package/dist/ui/overlay/busy/sd-busy-container.control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-busy-container.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/overlay/busy/sd-busy-container.control.ts"],"names":[],"mappings":"AAUA,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;;AAEtE,qBA+Ma,sBAAsB;IACjC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA0B;IAElD,IAAI,qEAAiD;IACrD,OAAO,0DAAwC;IAC/C,IAAI,+DAA6C;IACjD,eAAe,0DAAwC;IAEvD,QAAQ,8CAAsD;;yCARnD,sBAAsB;2CAAtB,sBAAsB;CAuBlC"}
+{"version":3,"file":"sd-busy-container.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/overlay/busy/sd-busy-container.control.ts"],"names":[],"mappings":"AAUA,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,0CAA0C,CAAC;;AAE5F,qBA+Ma,sBAAsB;IACjC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA0B;IAElD,IAAI,qEAAiD;IACrD,OAAO,0DAAwC;IAC/C,IAAI,+DAA6C;IACjD,eAAe,0DAAwC;IAEvD,QAAQ,8CAAsD;;yCARnD,sBAAsB;2CAAtB,sBAAsB;CAuBlC"}

package/dist/ui/overlay/busy/sd-busy-container.control.js

@@ -1,5 +1,5 @@
 import { booleanAttribute, ChangeDetectionStrategy, Component, computed, ElementRef, inject, input, ViewEncapsulation, } from "@angular/core";
-import { SdBusyProvider } from "./sd-busy.provider";
+import { SdBusyProvider } from "../../../core/providers/sd-busy.provider";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
 function SdBusyContainerControl_Conditional_0_Case_3_Template(rf, ctx) { if (rf & 1) {

package/dist/ui/overlay/modal/sd-confirm-modal.control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-confirm-modal.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/overlay/modal/sd-confirm-modal.control.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;;AAGpD;;;;GAIG;AACH,qBAoCa,qBAAsB,YAAW,QAAQ,CAAC,OAAO,CAAC;IAC7D,WAAW,kDAAgB;IAC3B,KAAK,gEAAiC;IAEtC,OAAO,8CAA4B;IAEnC,SAAS,IAAI,IAAI;IAIjB,QAAQ,IAAI,IAAI;yCAVL,qBAAqB;2CAArB,qBAAqB;CAajC"}
+{"version":3,"file":"sd-confirm-modal.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/overlay/modal/sd-confirm-modal.control.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;;AAGpD;;;;GAIG;AACH,qBAkBa,qBAAsB,YAAW,QAAQ,CAAC,OAAO,CAAC;IAC7D,WAAW,kDAAgB;IAC3B,KAAK,gEAAiC;IAEtC,OAAO,8CAA4B;IAEnC,SAAS,IAAI,IAAI;IAIjB,QAAQ,IAAI,IAAI;yCAVL,qBAAqB;2CAArB,qBAAqB;CAajC"}

package/dist/ui/overlay/modal/sd-confirm-modal.control.js

@@ -17,35 +17,41 @@ export class SdConfirmModalControl {
         this.close.emit(undefined);
     }
     static ɵfac = function SdConfirmModalControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdConfirmModalControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdConfirmModalControl, selectors: [["sd-confirm-modal"]], inputs: { message: [1, "message"] }, outputs: { close: "close" }, decls: 8, vars: 2, consts: [[1, "_sd-confirm-modal"], [1, "_message"], [1, "_actions"], [3, "click", "theme"], [3, "click"]], template: function SdConfirmModalControl_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "p", 1);
-            i0.ɵɵtext(2);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdConfirmModalControl, selectors: [["sd-confirm-modal"]], hostAttrs: [1, "p-default", 2, "display", "block"], inputs: { message: [1, "message"] }, outputs: { close: "close" }, decls: 6, vars: 2, consts: [[1, "mb-default", 3, "innerHTML"], [1, "flex-row", "main-align-end", "gap-sm"], [3, "click", "theme"], [3, "click"]], template: function SdConfirmModalControl_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelement(0, "p", 0);
+            i0.ɵɵelementStart(1, "div", 1)(2, "sd-button", 2);
+            i0.ɵɵlistener("click", function SdConfirmModalControl_Template_sd_button_click_2_listener() { return ctx.onConfirm(); });
+            i0.ɵɵtext(3, "\uD655\uC778");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(3, "div", 2)(4, "sd-button", 3);
-            i0.ɵɵlistener("click", function SdConfirmModalControl_Template_sd_button_click_4_listener() { return ctx.onConfirm(); });
-            i0.ɵɵtext(5, "\uD655\uC778");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "sd-button", 4);
-            i0.ɵɵlistener("click", function SdConfirmModalControl_Template_sd_button_click_6_listener() { return ctx.onCancel(); });
-            i0.ɵɵtext(7, "\uCDE8\uC18C");
-            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(4, "sd-button", 3);
+            i0.ɵɵlistener("click", function SdConfirmModalControl_Template_sd_button_click_4_listener() { return ctx.onCancel(); });
+            i0.ɵɵtext(5, "\uCDE8\uC18C");
+            i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx.message());
+            i0.ɵɵproperty("innerHTML", ctx.message(), i0.ɵɵsanitizeHtml);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("theme", "primary");
-        } }, dependencies: [SdButtonControl], styles: ["sd-confirm-modal {\n  display: block;\n  padding: var(--gap-default);\n}\nsd-confirm-modal > ._sd-confirm-modal > ._message {\n  margin-bottom: var(--gap-default);\n}\nsd-confirm-modal > ._sd-confirm-modal > ._actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--gap-sm);\n}"], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [SdButtonControl], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdConfirmModalControl, [{
         type: Component,
-        args: [{ selector: "sd-confirm-modal", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdButtonControl], template: `
-    <div class="_sd-confirm-modal">
-      <p class="_message">{{ message() }}</p>
-      <div class="_actions">
-        <sd-button [theme]="'primary'" (click)="onConfirm()">확인</sd-button>
-        <sd-button (click)="onCancel()">취소</sd-button>
-      </div>
+        args: [{
+                selector: "sd-confirm-modal",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                encapsulation: ViewEncapsulation.None,
+                standalone: true,
+                imports: [SdButtonControl],
+                host: {
+                    style: "display: block",
+                    class: "p-default",
+                },
+                template: `
+    <p class="mb-default" [innerHTML]="message()"></p>
+    <div class="flex-row main-align-end gap-sm">
+      <sd-button [theme]="'primary'" (click)="onConfirm()">확인</sd-button>
+      <sd-button (click)="onCancel()">취소</sd-button>
     </div>
-  `, styles: ["sd-confirm-modal {\n  display: block;\n  padding: var(--gap-default);\n}\nsd-confirm-modal > ._sd-confirm-modal > ._message {\n  margin-bottom: var(--gap-default);\n}\nsd-confirm-modal > ._sd-confirm-modal > ._actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--gap-sm);\n}"] }]
+  `,
+            }]
     }], null, { close: [{ type: i0.Output, args: ["close"] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdConfirmModalControl, { className: "SdConfirmModalControl", filePath: "packages/angular/src/ui/overlay/modal/sd-confirm-modal.control.ts", lineNumber: 53, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdConfirmModalControl, { className: "SdConfirmModalControl", filePath: "packages/angular/src/ui/overlay/modal/sd-confirm-modal.control.ts", lineNumber: 35, forbidOrphanRendering: true }); })();

package/dist/ui/overlay/modal/sd-modal.control.js

@@ -1,7 +1,7 @@
 import { ChangeDetectionStrategy, Component, DestroyRef, effect, ElementRef, inject, input, model, output, ViewEncapsulation, } from "@angular/core";
 import { isTabbable } from "tabbable";
 import { NgTemplateOutlet } from "@angular/common";
-import { SdActivatedModalProvider } from "./sd-modal.provider";
+import { SdActivatedModalProvider } from "../../../core/providers/sd-activated-modal.provider";
 import { SdSystemConfigProvider } from "../../../core/providers/sd-system-config.provider";
 import "@simplysm/core-browser";
 import * as i0 from "@angular/core";

package/dist/ui/overlay/modal/sd-modal.provider.d.ts

@@ -44,16 +44,6 @@ export interface ISdModalOptions {
     headerStyle?: string;
     noFirstControlFocusing?: boolean;
 }
-/**
- * 모달 내부에서 inject하여 사용하는 프로바이더
- */
-export declare class SdActivatedModalProvider<T extends ISdModal<any> = ISdModal<any>> {
-    modalComponent: import("@angular/core").WritableSignal<any>;
-    contentComponent: import("@angular/core").WritableSignal<T | undefined>;
-    canDeactiveFn: () => boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdActivatedModalProvider<any>, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SdActivatedModalProvider<any>>;
-}
 /**
  * 모달을 프로그래밍 방식으로 생성하는 프로바이더
  */

package/dist/ui/overlay/modal/sd-modal.provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-modal.provider.d.ts","sourceRoot":"","sources":["../../../../src/ui/overlay/modal/sd-modal.provider.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,gBAAgB,EACrB,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,IAAI,EACV,MAAM,eAAe,CAAC;AAGvB,OAAO,KAAK,EACV,sBAAsB,EACtB,aAAa,EACd,MAAM,4CAA4C,CAAC;AAEpD,OAAO,wBAAwB,CAAC;;AAEhC;;GAEG;AACH,MAAM,WAAW,QAAQ,CAAC,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC7B,KAAK,EAAE,gBAAgB,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAChC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACxC;AAED,KAAK,mBAAmB,GAAG,aAAa,GAAG,OAAO,GAAG,cAAc,GAAG,sBAAsB,CAAC;AAC7F,KAAK,oBAAoB,CAAC,CAAC,IAAI,CAAC,SAAS;IAAE,oBAAoB,CAAC,EAAE,MAAM,CAAC,SAAS,MAAM,CAAA;CAAE,GACtF,CAAC,GACD,KAAK,CAAC;AAEV;;GAEG;AACH,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACd,MAAM,EAAE,aAAa,CACnB,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,mBAAmB,GAAG,CAAC,CAAC,EACxD,oBAAoB,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,mBAAmB,GAAG,CAAC,CAAC,CACzF,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,cAAc,GAAG,WAAW,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED;;GAEG;AACH,qBACa,wBAAwB,CAAC,CAAC,SAAS,QAAQ,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC;IAC3E,cAAc,8CAA0B;IACxC,gBAAgB,wDAAoC;IACpD,aAAa,EAAE,MAAM,OAAO,CAAc;yCAH/B,wBAAwB;6CAAxB,wBAAwB;CAIpC;AAED;;GAEG;AACH,qBACa,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA0B;IAClD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA+B;IAC5D,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoB;IAE9C,UAAU,iDAAa;IAEjB,SAAS,CAAC,CAAC,SAAS,QAAQ,CAAC,GAAG,CAAC,EACrC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EACtB,OAAO,CAAC,EAAE,eAAe,GACxB,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAmJzD,OAAO,CAAC,aAAa;yCA7JV,eAAe;6CAAf,eAAe;CAwK3B"}
+{"version":3,"file":"sd-modal.provider.d.ts","sourceRoot":"","sources":["../../../../src/ui/overlay/modal/sd-modal.provider.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,gBAAgB,EACrB,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,IAAI,EACV,MAAM,eAAe,CAAC;AAGvB,OAAO,KAAK,EACV,sBAAsB,EACtB,aAAa,EACd,MAAM,4CAA4C,CAAC;AAGpD,OAAO,wBAAwB,CAAC;;AAEhC;;GAEG;AACH,MAAM,WAAW,QAAQ,CAAC,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC7B,KAAK,EAAE,gBAAgB,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAChC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACxC;AAED,KAAK,mBAAmB,GAAG,aAAa,GAAG,OAAO,GAAG,cAAc,GAAG,sBAAsB,CAAC;AAC7F,KAAK,oBAAoB,CAAC,CAAC,IAAI,CAAC,SAAS;IAAE,oBAAoB,CAAC,EAAE,MAAM,CAAC,SAAS,MAAM,CAAA;CAAE,GACtF,CAAC,GACD,KAAK,CAAC;AAEV;;GAEG;AACH,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACd,MAAM,EAAE,aAAa,CACnB,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,mBAAmB,GAAG,CAAC,CAAC,EACxD,oBAAoB,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,mBAAmB,GAAG,CAAC,CAAC,CACzF,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,cAAc,GAAG,WAAW,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED;;GAEG;AACH,qBACa,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA0B;IAClD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA+B;IAC5D,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoB;IAE9C,UAAU,iDAAa;IAEjB,SAAS,CAAC,CAAC,SAAS,QAAQ,CAAC,GAAG,CAAC,EACrC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EACtB,OAAO,CAAC,EAAE,eAAe,GACxB,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAmJzD,OAAO,CAAC,aAAa;yCA7JV,eAAe;6CAAf,eAAe;CAwK3B"}

package/dist/ui/overlay/modal/sd-modal.provider.js

@@ -2,21 +2,9 @@ import { ApplicationRef, createComponent, EnvironmentInjector, inject, Injectabl
 import { outputToObservable } from "@angular/core/rxjs-interop";
 import { Subscription } from "rxjs";
 import { SdModalControl } from "./sd-modal.control";
+import { SdActivatedModalProvider } from "../../../core/providers/sd-activated-modal.provider";
 import "@simplysm/core-browser";
 import * as i0 from "@angular/core";
-/**
- * 모달 내부에서 inject하여 사용하는 프로바이더
- */
-export class SdActivatedModalProvider {
-    modalComponent = signal(undefined, ...(ngDevMode ? [{ debugName: "modalComponent" }] : /* istanbul ignore next */ []));
-    contentComponent = signal(undefined, ...(ngDevMode ? [{ debugName: "contentComponent" }] : /* istanbul ignore next */ []));
-    canDeactiveFn = () => true;
-    static ɵfac = function SdActivatedModalProvider_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdActivatedModalProvider)(); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SdActivatedModalProvider, factory: SdActivatedModalProvider.ɵfac });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdActivatedModalProvider, [{
-        type: Injectable
-    }], null, null); })();
 /**
  * 모달을 프로그래밍 방식으로 생성하는 프로바이더
  */

package/dist/ui/overlay/modal/sd-prompt-modal.control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-prompt-modal.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/overlay/modal/sd-prompt-modal.control.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;;AAGpD;;;;GAIG;AACH,qBAoDa,oBAAqB,YAAW,QAAQ,CAAC,MAAM,CAAC;IAC3D,WAAW,kDAAgB;IAC3B,KAAK,+DAAgC;IAErC,OAAO,8CAA4B;IAEnC,WAAW,iDAAc;IAEzB,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAKjC,SAAS,IAAI,IAAI;IAOjB,QAAQ,IAAI,IAAI;yCApBL,oBAAoB;2CAApB,oBAAoB;CAuBhC"}
+{"version":3,"file":"sd-prompt-modal.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/overlay/modal/sd-prompt-modal.control.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;;AAIpD;;;;GAIG;AACH,qBAyBa,oBAAqB,YAAW,QAAQ,CAAC,MAAM,CAAC;IAC3D,WAAW,kDAAgB;IAC3B,KAAK,+DAAgC;IAErC,OAAO,8CAA4B;IAEnC,WAAW,iDAAc;IAEzB,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAKjC,SAAS,IAAI,IAAI;IAOjB,QAAQ,IAAI,IAAI;yCApBL,oBAAoB;2CAApB,oBAAoB;CAuBhC"}

package/dist/ui/overlay/modal/sd-prompt-modal.control.js

@@ -1,5 +1,6 @@
 import { ChangeDetectionStrategy, Component, input, output, signal, ViewEncapsulation, } from "@angular/core";
 import { SdButtonControl } from "../../form/button/sd-button.control";
+import { SdTextfieldControl } from "../../form/input/sd-textfield.control";
 import * as i0 from "@angular/core";
 /**
  * 범용 프롬프트 모달.
@@ -25,47 +26,53 @@ export class SdPromptModalControl {
         this.close.emit(undefined);
     }
     static ɵfac = function SdPromptModalControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdPromptModalControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdPromptModalControl, selectors: [["sd-prompt-modal"]], inputs: { message: [1, "message"] }, outputs: { close: "close" }, decls: 9, vars: 3, consts: [[1, "_sd-prompt-modal"], [1, "_message"], ["type", "text", 1, "_input", 3, "input", "keydown.enter", "value"], [1, "_actions"], [3, "click", "theme"], [3, "click"]], template: function SdPromptModalControl_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "p", 1);
-            i0.ɵɵtext(2);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdPromptModalControl, selectors: [["sd-prompt-modal"]], hostAttrs: [1, "p-default", 2, "display", "block"], inputs: { message: [1, "message"] }, outputs: { close: "close" }, decls: 7, vars: 4, consts: [[1, "mb-default", 3, "innerHTML"], [1, "mb-default", 3, "input", "keydown.enter", "type", "value"], [1, "flex-row", "main-align-end", "gap-sm"], [3, "click", "theme"], [3, "click"]], template: function SdPromptModalControl_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelement(0, "p", 0);
+            i0.ɵɵelementStart(1, "sd-textfield", 1);
+            i0.ɵɵlistener("input", function SdPromptModalControl_Template_sd_textfield_input_1_listener($event) { return ctx.onInputChange($event); })("keydown.enter", function SdPromptModalControl_Template_sd_textfield_keydown_enter_1_listener() { return ctx.onConfirm(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(3, "input", 2);
-            i0.ɵɵlistener("input", function SdPromptModalControl_Template_input_input_3_listener($event) { return ctx.onInputChange($event); })("keydown.enter", function SdPromptModalControl_Template_input_keydown_enter_3_listener() { return ctx.onConfirm(); });
+            i0.ɵɵelementStart(2, "div", 2)(3, "sd-button", 3);
+            i0.ɵɵlistener("click", function SdPromptModalControl_Template_sd_button_click_3_listener() { return ctx.onConfirm(); });
+            i0.ɵɵtext(4, "\uD655\uC778");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 3)(5, "sd-button", 4);
-            i0.ɵɵlistener("click", function SdPromptModalControl_Template_sd_button_click_5_listener() { return ctx.onConfirm(); });
-            i0.ɵɵtext(6, "\uD655\uC778");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(7, "sd-button", 5);
-            i0.ɵɵlistener("click", function SdPromptModalControl_Template_sd_button_click_7_listener() { return ctx.onCancel(); });
-            i0.ɵɵtext(8, "\uCDE8\uC18C");
-            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(5, "sd-button", 4);
+            i0.ɵɵlistener("click", function SdPromptModalControl_Template_sd_button_click_5_listener() { return ctx.onCancel(); });
+            i0.ɵɵtext(6, "\uCDE8\uC18C");
+            i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx.message());
+            i0.ɵɵproperty("innerHTML", ctx.message(), i0.ɵɵsanitizeHtml);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("value", ctx._inputValue());
+            i0.ɵɵproperty("type", "text")("value", ctx._inputValue());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("theme", "primary");
-        } }, dependencies: [SdButtonControl], styles: ["sd-prompt-modal {\n  display: block;\n  padding: var(--gap-default);\n}\nsd-prompt-modal > ._sd-prompt-modal > ._message {\n  margin-bottom: var(--gap-default);\n}\nsd-prompt-modal > ._sd-prompt-modal > ._input {\n  display: block;\n  width: 100%;\n  padding: var(--gap-sm) var(--gap-default);\n  border: 1px solid var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  margin-bottom: var(--gap-default);\n}\nsd-prompt-modal > ._sd-prompt-modal > ._actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--gap-sm);\n}"], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [SdButtonControl, SdTextfieldControl], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdPromptModalControl, [{
         type: Component,
-        args: [{ selector: "sd-prompt-modal", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdButtonControl], template: `
-    <div class="_sd-prompt-modal">
-      <p class="_message">{{ message() }}</p>
-      <input
-        class="_input"
-        type="text"
-        [value]="_inputValue()"
-        (input)="onInputChange($event)"
-        (keydown.enter)="onConfirm()"
-      />
-      <div class="_actions">
-        <sd-button [theme]="'primary'" (click)="onConfirm()">확인</sd-button>
-        <sd-button (click)="onCancel()">취소</sd-button>
-      </div>
+        args: [{
+                selector: "sd-prompt-modal",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                encapsulation: ViewEncapsulation.None,
+                standalone: true,
+                imports: [SdButtonControl, SdTextfieldControl],
+                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>
-  `, styles: ["sd-prompt-modal {\n  display: block;\n  padding: var(--gap-default);\n}\nsd-prompt-modal > ._sd-prompt-modal > ._message {\n  margin-bottom: var(--gap-default);\n}\nsd-prompt-modal > ._sd-prompt-modal > ._input {\n  display: block;\n  width: 100%;\n  padding: var(--gap-sm) var(--gap-default);\n  border: 1px solid var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  margin-bottom: var(--gap-default);\n}\nsd-prompt-modal > ._sd-prompt-modal > ._actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--gap-sm);\n}"] }]
+  `,
+            }]
     }], null, { close: [{ type: i0.Output, args: ["close"] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdPromptModalControl, { className: "SdPromptModalControl", filePath: "packages/angular/src/ui/overlay/modal/sd-prompt-modal.control.ts", lineNumber: 69, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdPromptModalControl, { className: "SdPromptModalControl", filePath: "packages/angular/src/ui/overlay/modal/sd-prompt-modal.control.ts", lineNumber: 43, forbidOrphanRendering: true }); })();

package/dist/ui/overlay/toast/sd-toast.control.d.ts

@@ -1,4 +1,4 @@
-import type { TSdToastTheme } from "./sd-toast.provider";
+import type { TSdToastTheme } from "../../../core/providers/sd-toast.provider";
 import * as i0 from "@angular/core";
 export declare class SdToastControl {
     open: import("@angular/core").ModelSignal<boolean>;

package/dist/ui/overlay/toast/sd-toast.control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-toast.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/overlay/toast/sd-toast.control.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;;AAKzD,qBAwFa,cAAc;IACzB,IAAI,+CAAgB;IACpB,WAAW,qEAAiD;IAC5D,KAAK,qDAAgC;IACrC,QAAQ,8CAAY;IACpB,OAAO,0DAAwC;IAE/C,QAAQ,iEAKL;IAEH,QAAQ,qEAKL;yCAnBQ,cAAc;2CAAd,cAAc;CAoB1B"}
+{"version":3,"file":"sd-toast.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/overlay/toast/sd-toast.control.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;;AAK/E,qBAwFa,cAAc;IACzB,IAAI,+CAAgB;IACpB,WAAW,qEAAiD;IAC5D,KAAK,qDAAgC;IACrC,QAAQ,8CAAY;IACpB,OAAO,0DAAwC;IAE/C,QAAQ,iEAKL;IAEH,QAAQ,qEAKL;yCAnBQ,cAAc;2CAAd,cAAc;CAoB1B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplysm/angular",
-  "version": "14.0.19",
+  "version": "14.0.22",
   "description": "심플리즘 패키지 - Angular",
   "author": "심플리즘",
   "license": "Apache-2.0",
@@ -50,10 +50,10 @@
     "jspdf": "^4.2.1",
     "rxjs": "^7.8.2",
     "tabbable": "^6.4.0",
-    "@simplysm/core-common": "14.0.19",
-    "@simplysm/core-browser": "14.0.19",
-    "@simplysm/service-client": "14.0.19",
-    "@simplysm/service-common": "14.0.19"
+    "@simplysm/core-browser": "14.0.22",
+    "@simplysm/service-common": "14.0.22",
+    "@simplysm/service-client": "14.0.22",
+    "@simplysm/core-common": "14.0.22"
   },
   "devDependencies": {
     "@angular/compiler": "^21.2.7",

package/src/core/provideSdAngular.ts

@@ -22,7 +22,7 @@ import {
 } from "@angular/router";
 import { SwUpdate } from "@angular/service-worker";
 import { provideNgIconsConfig } from "@ng-icons/core";
-import { SdBusyProvider } from "../ui/overlay/busy/sd-busy.provider";
+import { SdBusyProvider } from "./providers/sd-busy.provider";
 import { SdAngularConfigProvider } from "./providers/sd-angular-config.provider";
 import { SdThemeProvider } from "./providers/sd-theme-provider";
 import { SdLocalStorageProvider } from "./providers/sd-local-storage.provider";