@simplysm/angular 14.0.26 → 14.0.27

package/dist/ui/overlay/modal/{sd-modal.control.js → sd-modal.js}

@@ -6,31 +6,31 @@ import { SdSystemConfigProvider } from "../../../core/providers/sd-system-config
 import "@simplysm/core-browser";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
-function SdModalControl_Conditional_2_Conditional_3_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+function SdModal_Conditional_2_Conditional_3_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-function SdModalControl_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdModalControl_Conditional_2_Conditional_3_ng_container_0_Template, 1, 0, "ng-container", 7);
+function SdModal_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdModal_Conditional_2_Conditional_3_ng_container_0_Template, 1, 0, "ng-container", 7);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.actionTplRef());
 } }
-function SdModalControl_Conditional_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function SdModal_Conditional_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 8);
-    i0.ɵɵlistener("click", function SdModalControl_Conditional_2_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCloseButtonClick()); });
+    i0.ɵɵlistener("click", function SdModal_Conditional_2_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCloseButtonClick()); });
     i0.ɵɵtext(1, "\u00D7");
     i0.ɵɵelementEnd();
 } }
-function SdModalControl_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function SdModal_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 4);
-    i0.ɵɵlistener("mousedown", function SdModalControl_Conditional_2_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onHeaderMouseDown($event)); });
+    i0.ɵɵlistener("mousedown", function SdModal_Conditional_2_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onHeaderMouseDown($event)); });
     i0.ɵɵelementStart(1, "span", 5);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, SdModalControl_Conditional_2_Conditional_3_Template, 1, 1, "ng-container");
-    i0.ɵɵconditionalCreate(4, SdModalControl_Conditional_2_Conditional_4_Template, 2, 0, "button", 6);
+    i0.ɵɵconditionalCreate(3, SdModal_Conditional_2_Conditional_3_Template, 1, 1, "ng-container");
+    i0.ɵɵconditionalCreate(4, SdModal_Conditional_2_Conditional_4_Template, 2, 0, "button", 6);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -41,34 +41,34 @@ function SdModalControl_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵconditional(!ctx_r1.hideCloseButton() ? 4 : -1);
 } }
-function SdModalControl_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function SdModal_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 9);
-    i0.ɵɵlistener("mousedown", function SdModalControl_Conditional_5_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResizeMouseDown($event, "top")); });
+    i0.ɵɵlistener("mousedown", function SdModal_Conditional_5_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResizeMouseDown($event, "top")); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(1, "div", 10);
-    i0.ɵɵlistener("mousedown", function SdModalControl_Conditional_5_Template_div_mousedown_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResizeMouseDown($event, "bottom")); });
+    i0.ɵɵlistener("mousedown", function SdModal_Conditional_5_Template_div_mousedown_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResizeMouseDown($event, "bottom")); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(2, "div", 11);
-    i0.ɵɵlistener("mousedown", function SdModalControl_Conditional_5_Template_div_mousedown_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResizeMouseDown($event, "left")); });
+    i0.ɵɵlistener("mousedown", function SdModal_Conditional_5_Template_div_mousedown_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResizeMouseDown($event, "left")); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 12);
-    i0.ɵɵlistener("mousedown", function SdModalControl_Conditional_5_Template_div_mousedown_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResizeMouseDown($event, "right")); });
+    i0.ɵɵlistener("mousedown", function SdModal_Conditional_5_Template_div_mousedown_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResizeMouseDown($event, "right")); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "div", 13);
-    i0.ɵɵlistener("mousedown", function SdModalControl_Conditional_5_Template_div_mousedown_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResizeMouseDown($event, "top-left")); });
+    i0.ɵɵlistener("mousedown", function SdModal_Conditional_5_Template_div_mousedown_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResizeMouseDown($event, "top-left")); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "div", 14);
-    i0.ɵɵlistener("mousedown", function SdModalControl_Conditional_5_Template_div_mousedown_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResizeMouseDown($event, "top-right")); });
+    i0.ɵɵlistener("mousedown", function SdModal_Conditional_5_Template_div_mousedown_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResizeMouseDown($event, "top-right")); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "div", 15);
-    i0.ɵɵlistener("mousedown", function SdModalControl_Conditional_5_Template_div_mousedown_6_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResizeMouseDown($event, "bottom-left")); });
+    i0.ɵɵlistener("mousedown", function SdModal_Conditional_5_Template_div_mousedown_6_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResizeMouseDown($event, "bottom-left")); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(7, "div", 16);
-    i0.ɵɵlistener("mousedown", function SdModalControl_Conditional_5_Template_div_mousedown_7_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResizeMouseDown($event, "bottom-right")); });
+    i0.ɵɵlistener("mousedown", function SdModal_Conditional_5_Template_div_mousedown_7_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onResizeMouseDown($event, "bottom-right")); });
     i0.ɵɵelementEnd();
 } }
-export class SdModalControl {
+export class SdModal {
     _elRef = inject((ElementRef));
     _activatedModal = inject(SdActivatedModalProvider, { optional: true });
     _systemConfig = inject(SdSystemConfigProvider, { optional: true });
@@ -368,21 +368,21 @@ export class SdModalControl {
         if (config["top"] !== undefined)
             dialogEl.style.top = config["top"];
     }
-    static ɵfac = function SdModalControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdModalControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdModalControl, selectors: [["sd-modal"]], hostVars: 4, hostBindings: function SdModalControl_HostBindings(rf, ctx) { if (rf & 2) {
+    static ɵfac = function SdModal_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdModal)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdModal, selectors: [["sd-modal"]], hostVars: 4, hostBindings: function SdModal_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-sd-open", ctx.open() || undefined)("data-sd-float", ctx.float() || undefined)("data-sd-fill", ctx.fill() || undefined)("data-sd-position", ctx.position() || undefined);
-        } }, inputs: { open: [1, "open"], key: [1, "key"], title: [1, "title"], hideHeader: [1, "hideHeader"], hideCloseButton: [1, "hideCloseButton"], useCloseByBackdrop: [1, "useCloseByBackdrop"], useCloseByEscapeKey: [1, "useCloseByEscapeKey"], float: [1, "float"], fill: [1, "fill"], resizable: [1, "resizable"], movable: [1, "movable"], position: [1, "position"], minHeightPx: [1, "minHeightPx"], minWidthPx: [1, "minWidthPx"], heightPx: [1, "heightPx"], widthPx: [1, "widthPx"], headerStyle: [1, "headerStyle"], noFirstControlFocusing: [1, "noFirstControlFocusing"], actionTplRef: [1, "actionTplRef"] }, outputs: { open: "openChange", closeRequest: "closeRequest" }, ngContentSelectors: _c0, decls: 6, vars: 2, consts: [[1, "_backdrop", 3, "mousedown"], ["tabindex", "-1", 1, "_dialog", 3, "keydown", "focus"], [1, "_header"], [1, "_content"], [1, "_header", 3, "mousedown"], [1, "_title"], [1, "_close-btn"], [4, "ngTemplateOutlet"], [1, "_close-btn", 3, "click"], ["data-resize-dir", "top", 1, "_resize-handle", "_resize-top", 3, "mousedown"], ["data-resize-dir", "bottom", 1, "_resize-handle", "_resize-bottom", 3, "mousedown"], ["data-resize-dir", "left", 1, "_resize-handle", "_resize-left", 3, "mousedown"], ["data-resize-dir", "right", 1, "_resize-handle", "_resize-right", 3, "mousedown"], ["data-resize-dir", "top-left", 1, "_resize-handle", "_resize-top-left", 3, "mousedown"], ["data-resize-dir", "top-right", 1, "_resize-handle", "_resize-top-right", 3, "mousedown"], ["data-resize-dir", "bottom-left", 1, "_resize-handle", "_resize-bottom-left", 3, "mousedown"], ["data-resize-dir", "bottom-right", 1, "_resize-handle", "_resize-bottom-right", 3, "mousedown"]], template: function SdModalControl_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { open: [1, "open"], key: [1, "key"], title: [1, "title"], hideHeader: [1, "hideHeader"], hideCloseButton: [1, "hideCloseButton"], useCloseByBackdrop: [1, "useCloseByBackdrop"], useCloseByEscapeKey: [1, "useCloseByEscapeKey"], float: [1, "float"], fill: [1, "fill"], resizable: [1, "resizable"], movable: [1, "movable"], position: [1, "position"], minHeightPx: [1, "minHeightPx"], minWidthPx: [1, "minWidthPx"], heightPx: [1, "heightPx"], widthPx: [1, "widthPx"], headerStyle: [1, "headerStyle"], noFirstControlFocusing: [1, "noFirstControlFocusing"], actionTplRef: [1, "actionTplRef"] }, outputs: { open: "openChange", closeRequest: "closeRequest" }, ngContentSelectors: _c0, decls: 6, vars: 2, consts: [[1, "_backdrop", 3, "mousedown"], ["tabindex", "-1", 1, "_dialog", 3, "keydown", "focus"], [1, "_header"], [1, "_content"], [1, "_header", 3, "mousedown"], [1, "_title"], [1, "_close-btn"], [4, "ngTemplateOutlet"], [1, "_close-btn", 3, "click"], ["data-resize-dir", "top", 1, "_resize-handle", "_resize-top", 3, "mousedown"], ["data-resize-dir", "bottom", 1, "_resize-handle", "_resize-bottom", 3, "mousedown"], ["data-resize-dir", "left", 1, "_resize-handle", "_resize-left", 3, "mousedown"], ["data-resize-dir", "right", 1, "_resize-handle", "_resize-right", 3, "mousedown"], ["data-resize-dir", "top-left", 1, "_resize-handle", "_resize-top-left", 3, "mousedown"], ["data-resize-dir", "top-right", 1, "_resize-handle", "_resize-top-right", 3, "mousedown"], ["data-resize-dir", "bottom-left", 1, "_resize-handle", "_resize-bottom-left", 3, "mousedown"], ["data-resize-dir", "bottom-right", 1, "_resize-handle", "_resize-bottom-right", 3, "mousedown"]], template: function SdModal_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵlistener("mousedown", function SdModalControl_Template_div_mousedown_0_listener() { return ctx.onBackdropClick(); });
+            i0.ɵɵlistener("mousedown", function SdModal_Template_div_mousedown_0_listener() { return ctx.onBackdropClick(); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(1, "div", 1);
-            i0.ɵɵlistener("keydown", function SdModalControl_Template_div_keydown_1_listener($event) { return ctx.onDialogKeydown($event); })("focus", function SdModalControl_Template_div_focus_1_listener() { return ctx.onDialogFocus(); });
-            i0.ɵɵconditionalCreate(2, SdModalControl_Conditional_2_Template, 5, 3, "div", 2);
+            i0.ɵɵlistener("keydown", function SdModal_Template_div_keydown_1_listener($event) { return ctx.onDialogKeydown($event); })("focus", function SdModal_Template_div_focus_1_listener() { return ctx.onDialogFocus(); });
+            i0.ɵɵconditionalCreate(2, SdModal_Conditional_2_Template, 5, 3, "div", 2);
             i0.ɵɵelementStart(3, "div", 3);
             i0.ɵɵprojection(4);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(5, SdModalControl_Conditional_5_Template, 8, 0);
+            i0.ɵɵconditionalCreate(5, SdModal_Conditional_5_Template, 8, 0);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
@@ -391,7 +391,7 @@ export class SdModalControl {
             i0.ɵɵconditional(ctx.resizable() ? 5 : -1);
         } }, dependencies: [NgTemplateOutlet], styles: ["sd-modal {\n  display: block;\n  position: fixed;\n  z-index: var(--z-index-modal);\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  padding-top: calc(var(--topbar-height) + var(--gap-sm));\n  opacity: 0;\n  transition: opacity var(--animation-duration) ease-in-out;\n  pointer-events: none;\n}\nsd-modal > ._backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: var(--trans-default);\n}\nsd-modal > ._dialog {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  margin: 0 auto;\n  width: fit-content;\n  min-width: 200px;\n  background: var(--control-color);\n  overflow: hidden;\n  box-shadow: 0 calc(16 * var(--elevation-size)) calc(16 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  transform: translateY(-25px);\n  transition: transform var(--animation-duration) ease-in-out;\n}\nsd-modal > ._dialog:focus {\n  outline: none;\n}\nsd-modal > ._dialog > ._header {\n  display: flex;\n  align-items: center;\n  user-select: none;\n  border-bottom: 1px solid var(--theme-gray-lightest);\n}\nsd-modal > ._dialog > ._header > ._title {\n  flex: 1;\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-modal > ._dialog > ._header > ._close-btn {\n  padding: var(--gap-sm) var(--gap-default);\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  font-size: inherit;\n  color: inherit;\n}\nsd-modal > ._dialog > ._header > ._close-btn:hover {\n  background: var(--trans-lightest);\n}\nsd-modal > ._dialog > ._content {\n  flex: 1;\n  overflow: auto;\n}\nsd-modal > ._dialog > ._resize-handle {\n  position: absolute;\n}\nsd-modal > ._dialog > ._resize-handle._resize-left {\n  top: 0;\n  left: 0;\n  width: var(--gap-sm);\n  height: 100%;\n  cursor: ew-resize;\n}\nsd-modal > ._dialog > ._resize-handle._resize-right {\n  top: 0;\n  right: 0;\n  width: var(--gap-sm);\n  height: 100%;\n  cursor: ew-resize;\n}\nsd-modal > ._dialog > ._resize-handle._resize-top {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: var(--gap-sm);\n  cursor: ns-resize;\n}\nsd-modal > ._dialog > ._resize-handle._resize-top-right {\n  right: 0;\n  top: 0;\n  width: var(--gap-sm);\n  height: var(--gap-sm);\n  z-index: 1;\n  cursor: nesw-resize;\n}\nsd-modal > ._dialog > ._resize-handle._resize-top-left {\n  left: 0;\n  top: 0;\n  width: var(--gap-sm);\n  height: var(--gap-sm);\n  cursor: nwse-resize;\n  z-index: 1;\n}\nsd-modal > ._dialog > ._resize-handle._resize-bottom {\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: var(--gap-sm);\n  cursor: ns-resize;\n}\nsd-modal > ._dialog > ._resize-handle._resize-bottom-right {\n  right: 0;\n  bottom: 0;\n  width: var(--gap-sm);\n  height: var(--gap-sm);\n  z-index: 1;\n  cursor: nwse-resize;\n}\nsd-modal > ._dialog > ._resize-handle._resize-bottom-left {\n  left: 0;\n  bottom: 0;\n  width: var(--gap-sm);\n  height: var(--gap-sm);\n  cursor: nesw-resize;\n  z-index: 1;\n}\nsd-modal[data-sd-open][data-sd-init] {\n  opacity: 1;\n  pointer-events: auto;\n}\nsd-modal[data-sd-open][data-sd-init] > ._dialog {\n  transform: none;\n}\nsd-modal[data-sd-float] {\n  pointer-events: none;\n}\nsd-modal[data-sd-float] > ._backdrop {\n  display: none;\n}\nsd-modal[data-sd-float] > ._dialog {\n  pointer-events: auto;\n  opacity: 0;\n  box-shadow: 0 calc(4 * var(--elevation-size)) calc(4 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n  border: 1px solid var(--theme-gray-lighter);\n}\nsd-modal[data-sd-float] > ._dialog:focus {\n  box-shadow: 0 calc(16 * var(--elevation-size)) calc(16 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n}\nsd-modal[data-sd-float][data-sd-open][data-sd-init] {\n  pointer-events: none;\n}\nsd-modal[data-sd-float][data-sd-open][data-sd-init] > ._dialog {\n  pointer-events: auto;\n  opacity: 1;\n}\nsd-modal[data-sd-position=bottom-right] > ._dialog {\n  position: absolute;\n  right: calc(var(--gap-xxl) * 2);\n  bottom: var(--gap-xxl);\n}\nsd-modal[data-sd-position=top-right] > ._dialog {\n  position: absolute;\n  right: var(--gap-xxl);\n  top: var(--gap-xxl);\n}\nsd-modal[data-sd-fill] {\n  padding-top: 0;\n}\nsd-modal[data-sd-fill] > ._dialog {\n  width: 100%;\n  height: 100%;\n  border: none;\n  border-radius: 0;\n}\nsd-modal[data-sd-fill] > ._dialog > ._header {\n  background: transparent;\n  color: var(--text-trans-lighter);\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdModalControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdModal, [{
         type: Component,
         args: [{ selector: "sd-modal", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgTemplateOutlet], host: {
                     "[attr.data-sd-open]": "open() || undefined",
@@ -428,4 +428,4 @@ export class SdModalControl {
     </div>
   `, styles: ["sd-modal {\n  display: block;\n  position: fixed;\n  z-index: var(--z-index-modal);\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  padding-top: calc(var(--topbar-height) + var(--gap-sm));\n  opacity: 0;\n  transition: opacity var(--animation-duration) ease-in-out;\n  pointer-events: none;\n}\nsd-modal > ._backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: var(--trans-default);\n}\nsd-modal > ._dialog {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  margin: 0 auto;\n  width: fit-content;\n  min-width: 200px;\n  background: var(--control-color);\n  overflow: hidden;\n  box-shadow: 0 calc(16 * var(--elevation-size)) calc(16 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  transform: translateY(-25px);\n  transition: transform var(--animation-duration) ease-in-out;\n}\nsd-modal > ._dialog:focus {\n  outline: none;\n}\nsd-modal > ._dialog > ._header {\n  display: flex;\n  align-items: center;\n  user-select: none;\n  border-bottom: 1px solid var(--theme-gray-lightest);\n}\nsd-modal > ._dialog > ._header > ._title {\n  flex: 1;\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-modal > ._dialog > ._header > ._close-btn {\n  padding: var(--gap-sm) var(--gap-default);\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  font-size: inherit;\n  color: inherit;\n}\nsd-modal > ._dialog > ._header > ._close-btn:hover {\n  background: var(--trans-lightest);\n}\nsd-modal > ._dialog > ._content {\n  flex: 1;\n  overflow: auto;\n}\nsd-modal > ._dialog > ._resize-handle {\n  position: absolute;\n}\nsd-modal > ._dialog > ._resize-handle._resize-left {\n  top: 0;\n  left: 0;\n  width: var(--gap-sm);\n  height: 100%;\n  cursor: ew-resize;\n}\nsd-modal > ._dialog > ._resize-handle._resize-right {\n  top: 0;\n  right: 0;\n  width: var(--gap-sm);\n  height: 100%;\n  cursor: ew-resize;\n}\nsd-modal > ._dialog > ._resize-handle._resize-top {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: var(--gap-sm);\n  cursor: ns-resize;\n}\nsd-modal > ._dialog > ._resize-handle._resize-top-right {\n  right: 0;\n  top: 0;\n  width: var(--gap-sm);\n  height: var(--gap-sm);\n  z-index: 1;\n  cursor: nesw-resize;\n}\nsd-modal > ._dialog > ._resize-handle._resize-top-left {\n  left: 0;\n  top: 0;\n  width: var(--gap-sm);\n  height: var(--gap-sm);\n  cursor: nwse-resize;\n  z-index: 1;\n}\nsd-modal > ._dialog > ._resize-handle._resize-bottom {\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: var(--gap-sm);\n  cursor: ns-resize;\n}\nsd-modal > ._dialog > ._resize-handle._resize-bottom-right {\n  right: 0;\n  bottom: 0;\n  width: var(--gap-sm);\n  height: var(--gap-sm);\n  z-index: 1;\n  cursor: nwse-resize;\n}\nsd-modal > ._dialog > ._resize-handle._resize-bottom-left {\n  left: 0;\n  bottom: 0;\n  width: var(--gap-sm);\n  height: var(--gap-sm);\n  cursor: nesw-resize;\n  z-index: 1;\n}\nsd-modal[data-sd-open][data-sd-init] {\n  opacity: 1;\n  pointer-events: auto;\n}\nsd-modal[data-sd-open][data-sd-init] > ._dialog {\n  transform: none;\n}\nsd-modal[data-sd-float] {\n  pointer-events: none;\n}\nsd-modal[data-sd-float] > ._backdrop {\n  display: none;\n}\nsd-modal[data-sd-float] > ._dialog {\n  pointer-events: auto;\n  opacity: 0;\n  box-shadow: 0 calc(4 * var(--elevation-size)) calc(4 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n  border: 1px solid var(--theme-gray-lighter);\n}\nsd-modal[data-sd-float] > ._dialog:focus {\n  box-shadow: 0 calc(16 * var(--elevation-size)) calc(16 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n}\nsd-modal[data-sd-float][data-sd-open][data-sd-init] {\n  pointer-events: none;\n}\nsd-modal[data-sd-float][data-sd-open][data-sd-init] > ._dialog {\n  pointer-events: auto;\n  opacity: 1;\n}\nsd-modal[data-sd-position=bottom-right] > ._dialog {\n  position: absolute;\n  right: calc(var(--gap-xxl) * 2);\n  bottom: var(--gap-xxl);\n}\nsd-modal[data-sd-position=top-right] > ._dialog {\n  position: absolute;\n  right: var(--gap-xxl);\n  top: var(--gap-xxl);\n}\nsd-modal[data-sd-fill] {\n  padding-top: 0;\n}\nsd-modal[data-sd-fill] > ._dialog {\n  width: 100%;\n  height: 100%;\n  border: none;\n  border-radius: 0;\n}\nsd-modal[data-sd-fill] > ._dialog > ._header {\n  background: transparent;\n  color: var(--text-trans-lighter);\n}"] }]
     }], () => [], { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], hideHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideHeader", required: false }] }], hideCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideCloseButton", required: false }] }], useCloseByBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "useCloseByBackdrop", required: false }] }], useCloseByEscapeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "useCloseByEscapeKey", required: false }] }], float: [{ type: i0.Input, args: [{ isSignal: true, alias: "float", required: false }] }], fill: [{ type: i0.Input, args: [{ isSignal: true, alias: "fill", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }], movable: [{ type: i0.Input, args: [{ isSignal: true, alias: "movable", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], minHeightPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeightPx", required: false }] }], minWidthPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidthPx", required: false }] }], heightPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "heightPx", required: false }] }], widthPx: [{ type: i0.Input, args: [{ isSignal: true, alias: "widthPx", required: false }] }], headerStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerStyle", required: false }] }], noFirstControlFocusing: [{ type: i0.Input, args: [{ isSignal: true, alias: "noFirstControlFocusing", required: false }] }], actionTplRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionTplRef", required: false }] }], closeRequest: [{ type: i0.Output, args: ["closeRequest"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdModalControl, { className: "SdModalControl", filePath: "packages/angular/src/ui/overlay/modal/sd-modal.control.ts", lineNumber: 280, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdModal, { className: "SdModal", filePath: "packages/angular/src/ui/overlay/modal/sd-modal.ts", lineNumber: 280, forbidOrphanRendering: true }); })();

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

@@ -1,32 +1,32 @@
 import { type OutputEmitterRef, type Signal, type TemplateRef, type Type } from "@angular/core";
-import type { TDirectiveInputSignals, TWithOptional } from "../../../core/utils/TDirectiveInputSignals";
+import type { DirectiveInputSignals, WithOptional } from "../../../core/utils/directive-input-signals";
 import "@simplysm/core-browser";
 import * as i0 from "@angular/core";
 /**
  * 모달 컴포넌트가 구현해야 하는 인터페이스
  */
-export interface ISdModal<O> {
+export interface SdModalContentDef<O> {
     initialized: Signal<boolean>;
     close: OutputEmitterRef<O | undefined>;
     actionTplRef?: TemplateRef<any>;
     readonly _optionalModalInputs?: string;
 }
-type TSdModalExcludeKeys = "initialized" | "close" | "actionTplRef" | "_optionalModalInputs";
-type TSdModalOptionalKeys<T> = T extends {
+type SdModalExcludeKeys = "initialized" | "close" | "actionTplRef" | "_optionalModalInputs";
+type SdModalOptionalKeys<T> = T extends {
     _optionalModalInputs?: infer K extends string;
 } ? K : never;
 /**
  * 모달 생성 시 전달하는 정보
  */
-export interface ISdModalInfo<T extends ISdModal<any>, X extends keyof any = ""> {
+export interface SdModalInfo<T extends SdModalContentDef<any>, X extends keyof any = ""> {
     title: string;
     type: Type<T>;
-    inputs: TWithOptional<Omit<TDirectiveInputSignals<T>, TSdModalExcludeKeys | X>, TSdModalOptionalKeys<T> & keyof Omit<TDirectiveInputSignals<T>, TSdModalExcludeKeys | X>>;
+    inputs: WithOptional<Omit<DirectiveInputSignals<T>, SdModalExcludeKeys | X>, SdModalOptionalKeys<T> & keyof Omit<DirectiveInputSignals<T>, SdModalExcludeKeys | X>>;
 }
 /**
  * 모달 옵션
  */
-export interface ISdModalOptions {
+export interface SdModalOptions {
     key?: string;
     hideHeader?: boolean;
     hideCloseButton?: boolean;
@@ -52,7 +52,7 @@ export declare class SdModalProvider {
     private readonly _envInjector;
     private readonly _injector;
     modalCount: import("@angular/core").WritableSignal<number>;
-    showAsync<T extends ISdModal<any>>(modal: ISdModalInfo<T>, options?: ISdModalOptions): Promise<Parameters<T["close"]["emit"]>[0] | undefined>;
+    showAsync<T extends SdModalContentDef<any>>(modal: SdModalInfo<T>, options?: SdModalOptions): Promise<Parameters<T["close"]["emit"]>[0] | undefined>;
     private _assignZIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdModalProvider, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SdModalProvider>;

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;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"}
+{"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,qBAAqB,EACrB,YAAY,EACb,MAAM,6CAA6C,CAAC;AAGrD,OAAO,wBAAwB,CAAC;;AAEhC;;GAEG;AACH,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,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,kBAAkB,GAAG,aAAa,GAAG,OAAO,GAAG,cAAc,GAAG,sBAAsB,CAAC;AAC5F,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,SAAS;IAAE,oBAAoB,CAAC,EAAE,MAAM,CAAC,SAAS,MAAM,CAAA;CAAE,GACrF,CAAC,GACD,KAAK,CAAC;AAEV;;GAEG;AACH,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE;IACrF,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACd,MAAM,EAAE,YAAY,CAClB,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,kBAAkB,GAAG,CAAC,CAAC,EACtD,mBAAmB,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,kBAAkB,GAAG,CAAC,CAAC,CACtF,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,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,iBAAiB,CAAC,GAAG,CAAC,EAC9C,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EACrB,OAAO,CAAC,EAAE,cAAc,GACvB,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

@@ -1,7 +1,7 @@
 import { ApplicationRef, createComponent, EnvironmentInjector, inject, Injectable, Injector, signal, } from "@angular/core";
 import { outputToObservable } from "@angular/core/rxjs-interop";
 import { Subscription } from "rxjs";
-import { SdModalControl } from "./sd-modal.control";
+import { SdModal } from "./sd-modal";
 import { SdActivatedModalProvider } from "../../../core/providers/sd-activated-modal.provider";
 import "@simplysm/core-browser";
 import * as i0 from "@angular/core";
@@ -32,8 +32,8 @@ export class SdModalProvider {
             for (const [key, value] of Object.entries(modal.inputs)) {
                 contentRef.setInput(key, value);
             }
-            // 5. SdModalControl 생성 (projectableNodes로 컨텐츠 삽입)
-            const modalRef = createComponent(SdModalControl, {
+            // 5. SdModal 생성 (projectableNodes로 컨텐츠 삽입)
+            const modalRef = createComponent(SdModal, {
                 environmentInjector: this._envInjector,
                 elementInjector: contentInjector,
                 projectableNodes: [[contentRef.location.nativeElement]],
@@ -132,7 +132,7 @@ export class SdModalProvider {
             closeSub = outputToObservable(contentRef.instance.close).subscribe((result) => {
                 cleanup(result);
             });
-            // 12. SdModalControl의 closeRequest 구독 (배경 클릭, ESC, 닫기 버튼)
+            // 12. SdModal의 closeRequest 구독 (배경 클릭, ESC, 닫기 버튼)
             closeRequestSub = outputToObservable(modalRef.instance.closeRequest).subscribe(() => {
                 cleanup(undefined);
             });

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

@@ -0,0 +1,19 @@
+import type { SdModalContentDef } from "./sd-modal.provider";
+import * as i0 from "@angular/core";
+/**
+ * 범용 프롬프트 모달.
+ * SdModalContentDef<string> 구현. message를 표시하고, 텍스트 입력 후 확인/취소.
+ * 확인 시 입력값 emit, 취소 시 undefined emit.
+ */
+export declare class SdPromptModal implements SdModalContentDef<string> {
+    initialized: import("@angular/core").WritableSignal<boolean>;
+    close: import("@angular/core").OutputEmitterRef<string | undefined>;
+    message: import("@angular/core").InputSignal<string>;
+    _inputValue: import("@angular/core").WritableSignal<string>;
+    onInputChange(event: Event): void;
+    onConfirm(): void;
+    onCancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdPromptModal, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdPromptModal, "sd-prompt-modal", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, { "close": "close"; }, never, never, true, never>;
+}
+//# sourceMappingURL=sd-prompt-modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-prompt-modal.d.ts","sourceRoot":"","sources":["../../../../src/ui/overlay/modal/sd-prompt-modal.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;;AAI7D;;;;GAIG;AACH,qBAyBa,aAAc,YAAW,iBAAiB,CAAC,MAAM,CAAC;IAC7D,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,aAAa;2CAAb,aAAa;CAuBzB"}

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

@@ -1,13 +1,13 @@
 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 { SdButton } from "../../form/button/sd-button";
+import { SdTextfield } from "../../form/input/sd-textfield";
 import * as i0 from "@angular/core";
 /**
  * 범용 프롬프트 모달.
- * ISdModal<string> 구현. message를 표시하고, 텍스트 입력 후 확인/취소.
+ * SdModalContentDef<string> 구현. message를 표시하고, 텍스트 입력 후 확인/취소.
  * 확인 시 입력값 emit, 취소 시 undefined emit.
  */
-export class SdPromptModalControl {
+export class SdPromptModal {
     initialized = signal(true, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
     close = output();
     message = input.required(...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
@@ -25,18 +25,18 @@ export class SdPromptModalControl {
     onCancel() {
         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"]], 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) {
+    static ɵfac = function SdPromptModal_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdPromptModal)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdPromptModal, 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 SdPromptModal_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.ɵɵlistener("input", function SdPromptModal_Template_sd_textfield_input_1_listener($event) { return ctx.onInputChange($event); })("keydown.enter", function SdPromptModal_Template_sd_textfield_keydown_enter_1_listener() { return ctx.onConfirm(); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(2, "div", 2)(3, "sd-button", 3);
-            i0.ɵɵlistener("click", function SdPromptModalControl_Template_sd_button_click_3_listener() { return ctx.onConfirm(); });
+            i0.ɵɵlistener("click", function SdPromptModal_Template_sd_button_click_3_listener() { return ctx.onConfirm(); });
             i0.ɵɵtext(4, "\uD655\uC778");
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(5, "sd-button", 4);
-            i0.ɵɵlistener("click", function SdPromptModalControl_Template_sd_button_click_5_listener() { return ctx.onCancel(); });
+            i0.ɵɵlistener("click", function SdPromptModal_Template_sd_button_click_5_listener() { return ctx.onCancel(); });
             i0.ɵɵtext(6, "\uCDE8\uC18C");
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
@@ -45,16 +45,16 @@ export class SdPromptModalControl {
             i0.ɵɵproperty("type", "text")("value", ctx._inputValue());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("theme", "primary");
-        } }, dependencies: [SdButtonControl, SdTextfieldControl], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [SdButton, SdTextfield], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdPromptModalControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdPromptModal, [{
         type: Component,
         args: [{
                 selector: "sd-prompt-modal",
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 encapsulation: ViewEncapsulation.None,
                 standalone: true,
-                imports: [SdButtonControl, SdTextfieldControl],
+                imports: [SdButton, SdTextfield],
                 host: {
                     style: "display: block",
                     class: "p-default",
@@ -75,4 +75,4 @@ export class SdPromptModalControl {
   `,
             }]
     }], 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: 43, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdPromptModal, { className: "SdPromptModal", filePath: "packages/angular/src/ui/overlay/modal/sd-prompt-modal.ts", lineNumber: 43, forbidOrphanRendering: true }); })();

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

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class SdToastContainer {
+    overlap: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdToastContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdToastContainer, "sd-toast-container", never, { "overlap": { "alias": "overlap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-toast-container.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-toast-container.d.ts","sourceRoot":"","sources":["../../../../src/ui/overlay/toast/sd-toast-container.ts"],"names":[],"mappings":";AAQA,qBA+Ca,gBAAgB;IAC3B,OAAO,qEAAiD;yCAD7C,gBAAgB;2CAAhB,gBAAgB;CAE5B"}

package/dist/ui/overlay/toast/{sd-toast-container.control.js → sd-toast-container.js}

@@ -1,20 +1,20 @@
 import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation, } from "@angular/core";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
-export class SdToastContainerControl {
+export class SdToastContainer {
     overlap = input(false, { ...(ngDevMode ? { debugName: "overlap" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    static ɵfac = function SdToastContainerControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdToastContainerControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdToastContainerControl, selectors: [["sd-toast-container"]], hostVars: 1, hostBindings: function SdToastContainerControl_HostBindings(rf, ctx) { if (rf & 2) {
+    static ɵfac = function SdToastContainer_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdToastContainer)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdToastContainer, selectors: [["sd-toast-container"]], hostVars: 1, hostBindings: function SdToastContainer_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-sd-overlap", ctx.overlap() || undefined);
-        } }, inputs: { overlap: [1, "overlap"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdToastContainerControl_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { overlap: [1, "overlap"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdToastContainer_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, styles: ["sd-toast-container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  z-index: 9999;\n  pointer-events: none;\n}\n@media all and (max-width: 520px) {\n  sd-toast-container {\n    flex-direction: column-reverse;\n  }\n}\nsd-toast-container[data-sd-overlap] {\n  display: block;\n  bottom: 0;\n  height: 100%;\n}\nsd-toast-container[data-sd-overlap] > sd-toast {\n  position: absolute;\n  bottom: var(--gap-xxl);\n  left: var(--gap-xxl);\n  right: var(--gap-xxl);\n  width: auto;\n  max-width: none;\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdToastContainerControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdToastContainer, [{
         type: Component,
         args: [{ selector: "sd-toast-container", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, host: {
                     "[attr.data-sd-overlap]": "overlap() || undefined",
                 }, template: `<ng-content />`, styles: ["sd-toast-container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  z-index: 9999;\n  pointer-events: none;\n}\n@media all and (max-width: 520px) {\n  sd-toast-container {\n    flex-direction: column-reverse;\n  }\n}\nsd-toast-container[data-sd-overlap] {\n  display: block;\n  bottom: 0;\n  height: 100%;\n}\nsd-toast-container[data-sd-overlap] > sd-toast {\n  position: absolute;\n  bottom: var(--gap-xxl);\n  left: var(--gap-xxl);\n  right: var(--gap-xxl);\n  width: auto;\n  max-width: none;\n}"] }]
     }], null, { overlap: [{ type: i0.Input, args: [{ isSignal: true, alias: "overlap", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdToastContainerControl, { className: "SdToastContainerControl", filePath: "packages/angular/src/ui/overlay/toast/sd-toast-container.control.ts", lineNumber: 56, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdToastContainer, { className: "SdToastContainer", filePath: "packages/angular/src/ui/overlay/toast/sd-toast-container.ts", lineNumber: 56, forbidOrphanRendering: true }); })();

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

@@ -0,0 +1,14 @@
+import type { SdToastTheme } from "../../../core/providers/sd-toast.provider";
+import * as i0 from "@angular/core";
+export declare class SdToast {
+    open: import("@angular/core").ModelSignal<boolean>;
+    useProgress: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    theme: import("@angular/core").InputSignal<SdToastTheme>;
+    progress: import("@angular/core").ModelSignal<number>;
+    message: import("@angular/core").ModelSignal<string | undefined>;
+    ariaRole: import("@angular/core").Signal<"status" | "alert" | undefined>;
+    ariaLive: import("@angular/core").Signal<"polite" | "assertive" | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdToast, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdToast, "sd-toast", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "useProgress": { "alias": "useProgress"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "progress": "progressChange"; "message": "messageChange"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=sd-toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-toast.d.ts","sourceRoot":"","sources":["../../../../src/ui/overlay/toast/sd-toast.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;;AAK9E,qBAwFa,OAAO;IAClB,IAAI,+CAAgB;IACpB,WAAW,qEAAiD;IAC5D,KAAK,oDAA+B;IACpC,QAAQ,8CAAY;IACpB,OAAO,0DAAwC;IAE/C,QAAQ,iEAKL;IAEH,QAAQ,qEAKL;yCAnBQ,OAAO;2CAAP,OAAO;CAoBnB"}

package/dist/ui/overlay/toast/{sd-toast.control.js → sd-toast.js}

@@ -1,7 +1,7 @@
 import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, model, ViewEncapsulation, } from "@angular/core";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
-function SdToastControl_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function SdToast_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementStart(0, "div", 0);
     i0.ɵɵtext(1);
     i0.ɵɵdomElementEnd();
@@ -10,7 +10,7 @@ function SdToastControl_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.message());
 } }
-function SdToastControl_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function SdToast_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementStart(0, "div", 1);
     i0.ɵɵdomElement(1, "div", 2);
     i0.ɵɵdomElementEnd();
@@ -21,7 +21,7 @@ function SdToastControl_Conditional_2_Template(rf, ctx) { if (rf & 1) {
 } }
 const POLITE_THEMES = new Set(["info", "success"]);
 const ASSERTIVE_THEMES = new Set(["warning", "danger"]);
-export class SdToastControl {
+export class SdToast {
     open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
     useProgress = input(false, { ...(ngDevMode ? { debugName: "useProgress" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     theme = input("info", ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
@@ -43,21 +43,21 @@ export class SdToastControl {
             return "assertive";
         return undefined;
     }, ...(ngDevMode ? [{ debugName: "ariaLive" }] : /* istanbul ignore next */ []));
-    static ɵfac = function SdToastControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdToastControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdToastControl, selectors: [["sd-toast"]], hostVars: 4, hostBindings: function SdToastControl_HostBindings(rf, ctx) { if (rf & 2) {
+    static ɵfac = function SdToast_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdToast)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdToast, selectors: [["sd-toast"]], hostVars: 4, hostBindings: function SdToast_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-sd-open", ctx.open() || undefined)("data-sd-theme", ctx.theme())("role", ctx.ariaRole())("aria-live", ctx.ariaLive());
-        } }, inputs: { open: [1, "open"], useProgress: [1, "useProgress"], theme: [1, "theme"], progress: [1, "progress"], message: [1, "message"] }, outputs: { open: "openChange", progress: "progressChange", message: "messageChange" }, ngContentSelectors: _c0, decls: 3, vars: 2, consts: [[1, "_message"], [1, "_progress"], [1, "_progress-bar"]], template: function SdToastControl_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { open: [1, "open"], useProgress: [1, "useProgress"], theme: [1, "theme"], progress: [1, "progress"], message: [1, "message"] }, outputs: { open: "openChange", progress: "progressChange", message: "messageChange" }, ngContentSelectors: _c0, decls: 3, vars: 2, consts: [[1, "_message"], [1, "_progress"], [1, "_progress-bar"]], template: function SdToast_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
-            i0.ɵɵconditionalCreate(0, SdToastControl_Conditional_0_Template, 2, 1, "div", 0);
+            i0.ɵɵconditionalCreate(0, SdToast_Conditional_0_Template, 2, 1, "div", 0);
             i0.ɵɵprojection(1);
-            i0.ɵɵconditionalCreate(2, SdToastControl_Conditional_2_Template, 2, 2, "div", 1);
+            i0.ɵɵconditionalCreate(2, SdToast_Conditional_2_Template, 2, 2, "div", 1);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.message() !== undefined ? 0 : -1);
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.useProgress() ? 2 : -1);
         } }, styles: ["sd-toast {\n  display: block;\n  position: relative;\n  max-width: 32.5rem;\n  width: 100%;\n  margin: var(--gap-sm);\n  padding: var(--gap-default) var(--gap-lg);\n  border-radius: var(--border-radius-default);\n  color: var(--text-trans-rev-default);\n  pointer-events: auto;\n  transform: translateY(-100%);\n  opacity: 0;\n  transition: transform var(--animation-duration) ease, opacity var(--animation-duration) ease;\n  box-shadow: 0 calc(12 * var(--elevation-size)) calc(12 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n}\nsd-toast[data-sd-open] {\n  transform: translateY(0);\n  opacity: 1;\n}\nsd-toast[data-sd-theme=gray] {\n  background: rgb(153.0022463699, 161.0057700366, 174.7317580236);\n}\nsd-toast[data-sd-theme=blue-gray] {\n  background: rgb(144.0364277624, 161.0825504589, 184.9359809919);\n}\nsd-toast[data-sd-theme=primary] {\n  background: hsl(212.7907636992, 106.3271487689%, 66.8390389975%);\n}\nsd-toast[data-sd-theme=secondary] {\n  background: hsl(212.7907636992, 106.3271487689%, 66.8390389975%);\n}\nsd-toast[data-sd-theme=info] {\n  background: hsl(186.1271591177, 175.0224558865%, 34.577706736%);\n}\nsd-toast[data-sd-theme=success] {\n  background: hsl(76.4778453101, 152.6473732821%, 35.6889214867%);\n}\nsd-toast[data-sd-theme=warning] {\n  background: hsl(31.4330872217, 102.5675912326%, 51.3170331393%);\n}\nsd-toast[data-sd-theme=danger] {\n  background: hsl(358.7593862564, 101.8439024907%, 69.8357359211%);\n}\nsd-toast > ._message {\n  word-break: break-all;\n  white-space: pre-wrap;\n}\nsd-toast > ._progress {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 0.25rem;\n  background: var(--trans-lighter);\n  border-radius: 0 0 var(--border-radius-default) var(--border-radius-default);\n  overflow: hidden;\n}\nsd-toast > ._progress > ._progress-bar {\n  height: 100%;\n  background: var(--trans-default);\n  transition: width 0.3s ease;\n}\n@media all and (max-width: 520px) {\n  sd-toast {\n    max-width: none;\n    margin: var(--gap-xs);\n    border-radius: 0;\n  }\n}"], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdToastControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdToast, [{
         type: Component,
         args: [{ selector: "sd-toast", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, host: {
                     "[attr.data-sd-open]": "open() || undefined",
@@ -76,4 +76,4 @@ export class SdToastControl {
     }
   `, styles: ["sd-toast {\n  display: block;\n  position: relative;\n  max-width: 32.5rem;\n  width: 100%;\n  margin: var(--gap-sm);\n  padding: var(--gap-default) var(--gap-lg);\n  border-radius: var(--border-radius-default);\n  color: var(--text-trans-rev-default);\n  pointer-events: auto;\n  transform: translateY(-100%);\n  opacity: 0;\n  transition: transform var(--animation-duration) ease, opacity var(--animation-duration) ease;\n  box-shadow: 0 calc(12 * var(--elevation-size)) calc(12 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n}\nsd-toast[data-sd-open] {\n  transform: translateY(0);\n  opacity: 1;\n}\nsd-toast[data-sd-theme=gray] {\n  background: rgb(153.0022463699, 161.0057700366, 174.7317580236);\n}\nsd-toast[data-sd-theme=blue-gray] {\n  background: rgb(144.0364277624, 161.0825504589, 184.9359809919);\n}\nsd-toast[data-sd-theme=primary] {\n  background: hsl(212.7907636992, 106.3271487689%, 66.8390389975%);\n}\nsd-toast[data-sd-theme=secondary] {\n  background: hsl(212.7907636992, 106.3271487689%, 66.8390389975%);\n}\nsd-toast[data-sd-theme=info] {\n  background: hsl(186.1271591177, 175.0224558865%, 34.577706736%);\n}\nsd-toast[data-sd-theme=success] {\n  background: hsl(76.4778453101, 152.6473732821%, 35.6889214867%);\n}\nsd-toast[data-sd-theme=warning] {\n  background: hsl(31.4330872217, 102.5675912326%, 51.3170331393%);\n}\nsd-toast[data-sd-theme=danger] {\n  background: hsl(358.7593862564, 101.8439024907%, 69.8357359211%);\n}\nsd-toast > ._message {\n  word-break: break-all;\n  white-space: pre-wrap;\n}\nsd-toast > ._progress {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 0.25rem;\n  background: var(--trans-lighter);\n  border-radius: 0 0 var(--border-radius-default) var(--border-radius-default);\n  overflow: hidden;\n}\nsd-toast > ._progress > ._progress-bar {\n  height: 100%;\n  background: var(--trans-default);\n  transition: width 0.3s ease;\n}\n@media all and (max-width: 520px) {\n  sd-toast {\n    max-width: none;\n    margin: var(--gap-xs);\n    border-radius: 0;\n  }\n}"] }]
     }], null, { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], useProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "useProgress", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], progress: [{ type: i0.Input, args: [{ isSignal: true, alias: "progress", required: false }] }, { type: i0.Output, args: ["progressChange"] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }, { type: i0.Output, args: ["messageChange"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdToastControl, { className: "SdToastControl", filePath: "packages/angular/src/ui/overlay/toast/sd-toast.control.ts", lineNumber: 103, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdToast, { className: "SdToast", filePath: "packages/angular/src/ui/overlay/toast/sd-toast.ts", lineNumber: 103, forbidOrphanRendering: true }); })();

package/dist/ui/visual/sd-barcode.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export declare class SdBarcode {
+    private readonly _sanitizer;
+    type: import("@angular/core").InputSignal<BarcodeType>;
+    value: import("@angular/core").InputSignal<string | undefined>;
+    protected _trustedSvgHtml: import("@angular/core").Signal<import("@angular/platform-browser").SafeHtml>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdBarcode, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdBarcode, "sd-barcode", never, { "type": { "alias": "type"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export type BarcodeType = "auspost" | "azteccode" | "azteccodecompact" | "aztecrune" | "bc412" | "channelcode" | "codablockf" | "code11" | "code128" | "code16k" | "code2of5" | "code32" | "code39" | "code39ext" | "code49" | "code93" | "code93ext" | "codeone" | "coop2of5" | "daft" | "databarexpanded" | "databarexpandedcomposite" | "databarexpandedstacked" | "databarexpandedstackedcomposite" | "databarlimited" | "databarlimitedcomposite" | "databaromni" | "databaromnicomposite" | "databarstacked" | "databarstackedcomposite" | "databarstackedomni" | "databarstackedomnicomposite" | "databartruncated" | "databartruncatedcomposite" | "datalogic2of5" | "datamatrix" | "datamatrixrectangular" | "datamatrixrectangularextension" | "dotcode" | "ean13" | "ean13composite" | "ean14" | "ean2" | "ean5" | "ean8" | "ean8composite" | "flattermarken" | "gs1-128" | "gs1-128composite" | "gs1-cc" | "gs1datamatrix" | "gs1datamatrixrectangular" | "gs1dldatamatrix" | "gs1dlqrcode" | "gs1dotcode" | "gs1northamericancoupon" | "gs1qrcode" | "hanxin" | "hibcazteccode" | "hibccodablockf" | "hibccode128" | "hibccode39" | "hibcdatamatrix" | "hibcdatamatrixrectangular" | "hibcmicropdf417" | "hibcpdf417" | "hibcqrcode" | "iata2of5" | "identcode" | "industrial2of5" | "interleaved2of5" | "isbn" | "ismn" | "issn" | "itf14" | "japanpost" | "kix" | "leitcode" | "mailmark" | "mands" | "matrix2of5" | "maxicode" | "micropdf417" | "microqrcode" | "msi" | "onecode" | "pdf417" | "pdf417compact" | "pharmacode" | "pharmacode2" | "planet" | "plessey" | "posicode" | "postnet" | "pzn" | "qrcode" | "rationalizedCodabar" | "raw" | "rectangularmicroqrcode" | "royalmail" | "sscc18" | "swissqrcode" | "symbol" | "telepen" | "telepennumeric" | "ultracode" | "upca" | "upcacomposite" | "upce" | "upcecomposite";
+//# sourceMappingURL=sd-barcode.d.ts.map

package/dist/ui/visual/sd-barcode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-barcode.d.ts","sourceRoot":"","sources":["../../../src/ui/visual/sd-barcode.ts"],"names":[],"mappings":";AAWA,qBAUa,SAAS;IACpB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAwB;IAEnD,IAAI,mDAAiC;IACrC,KAAK,0DAAmB;IAIxB,SAAS,CAAC,eAAe,+EAUtB;yCAlBQ,SAAS;2CAAT,SAAS;CAmBrB;AAED,MAAM,MAAM,WAAW,GACnB,SAAS,GAAG,WAAW,GAAG,kBAAkB,GAAG,WAAW,GAAG,OAAO,GACpE,aAAa,GAAG,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAC/D,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,GACpE,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,iBAAiB,GACjE,0BAA0B,GAAG,wBAAwB,GAAG,iCAAiC,GACzF,gBAAgB,GAAG,yBAAyB,GAAG,aAAa,GAAG,sBAAsB,GACrF,gBAAgB,GAAG,yBAAyB,GAAG,oBAAoB,GAAG,6BAA6B,GACnG,kBAAkB,GAAG,2BAA2B,GAAG,eAAe,GAAG,YAAY,GACjF,uBAAuB,GAAG,gCAAgC,GAAG,SAAS,GAAG,OAAO,GAChF,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,GAAG,eAAe,GACzF,SAAS,GAAG,kBAAkB,GAAG,QAAQ,GAAG,eAAe,GAAG,0BAA0B,GACxF,iBAAiB,GAAG,aAAa,GAAG,YAAY,GAAG,wBAAwB,GAAG,WAAW,GACzF,QAAQ,GAAG,eAAe,GAAG,gBAAgB,GAAG,aAAa,GAAG,YAAY,GAAG,gBAAgB,GAC/F,2BAA2B,GAAG,iBAAiB,GAAG,YAAY,GAAG,YAAY,GAAG,UAAU,GAC1F,WAAW,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GACvF,WAAW,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,GAAG,UAAU,GACnF,aAAa,GAAG,aAAa,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,eAAe,GAC9E,YAAY,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,KAAK,GACpF,QAAQ,GAAG,qBAAqB,GAAG,KAAK,GAAG,wBAAwB,GAAG,WAAW,GACjF,QAAQ,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,gBAAgB,GAAG,WAAW,GAChF,MAAM,GAAG,eAAe,GAAG,MAAM,GAAG,eAAe,CAAC"}

package/dist/ui/visual/{sd-barcode.control.js → sd-barcode.js}

@@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncaps
 import { DomSanitizer } from "@angular/platform-browser";
 import bwipjs from "bwip-js";
 import * as i0 from "@angular/core";
-export class SdBarcodeControl {
+export class SdBarcode {
     _sanitizer = inject(DomSanitizer);
     type = input.required(...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
     value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
@@ -19,14 +19,14 @@ export class SdBarcodeControl {
         });
         return this._sanitizer.bypassSecurityTrustHtml(svg);
     }, ...(ngDevMode ? [{ debugName: "_trustedSvgHtml" }] : /* istanbul ignore next */ []));
-    static ɵfac = function SdBarcodeControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdBarcodeControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdBarcodeControl, selectors: [["sd-barcode"]], inputs: { type: [1, "type"], value: [1, "value"] }, decls: 1, vars: 1, consts: [[3, "innerHTML"]], template: function SdBarcodeControl_Template(rf, ctx) { if (rf & 1) {
+    static ɵfac = function SdBarcode_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdBarcode)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdBarcode, selectors: [["sd-barcode"]], inputs: { type: [1, "type"], value: [1, "value"] }, decls: 1, vars: 1, consts: [[3, "innerHTML"]], template: function SdBarcode_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵdomElement(0, "div", 0);
         } if (rf & 2) {
             i0.ɵɵdomProperty("innerHTML", ctx._trustedSvgHtml(), i0.ɵɵsanitizeHtml);
         } }, encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdBarcodeControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdBarcode, [{
         type: Component,
         args: [{
                 selector: "sd-barcode",
@@ -39,4 +39,4 @@ export class SdBarcodeControl {
   `,
             }]
     }], null, { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdBarcodeControl, { className: "SdBarcodeControl", filePath: "packages/angular/src/ui/visual/sd-barcode.control.ts", lineNumber: 22, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdBarcode, { className: "SdBarcode", filePath: "packages/angular/src/ui/visual/sd-barcode.ts", lineNumber: 22, forbidOrphanRendering: true }); })();

package/dist/ui/visual/{sd-calendar.control.d.ts → sd-calendar.d.ts}

@@ -1,8 +1,8 @@
 import { TemplateRef } from "@angular/core";
 import { DateOnly } from "@simplysm/core-common";
-import { type SdItemOfTemplateContext } from "../../core/directives/sd-item-of-template.directive";
+import { type SdItemOfTemplateContext } from "../../core/directives/sd-item-of-template";
 import * as i0 from "@angular/core";
-export declare class SdCalendarControl<T> {
+export declare class SdCalendar<T> {
     items: import("@angular/core").InputSignal<T[]>;
     getItemDateFn: import("@angular/core").InputSignal<(item: T, index: number) => DateOnly>;
     yearMonth: import("@angular/core").InputSignal<DateOnly>;
@@ -14,7 +14,7 @@ export declare class SdCalendarControl<T> {
         date: DateOnly;
         items: T[];
     }[][]>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdCalendarControl<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdCalendarControl<any>, "sd-calendar", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "getItemDateFn": { "alias": "getItemDateFn"; "required": true; "isSignal": true; }; "yearMonth": { "alias": "yearMonth"; "required": false; "isSignal": true; }; "weekStartDay": { "alias": "weekStartDay"; "required": false; "isSignal": true; }; "minDaysInFirstWeek": { "alias": "minDaysInFirstWeek"; "required": false; "isSignal": true; }; }, {}, ["itemTplRef"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdCalendar<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdCalendar<any>, "sd-calendar", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "getItemDateFn": { "alias": "getItemDateFn"; "required": true; "isSignal": true; }; "yearMonth": { "alias": "yearMonth"; "required": false; "isSignal": true; }; "weekStartDay": { "alias": "weekStartDay"; "required": false; "isSignal": true; }; "minDaysInFirstWeek": { "alias": "minDaysInFirstWeek"; "required": false; "isSignal": true; }; }, {}, ["itemTplRef"], never, true, never>;
 }
-//# sourceMappingURL=sd-calendar.control.d.ts.map
+//# sourceMappingURL=sd-calendar.d.ts.map

package/dist/ui/visual/sd-calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-calendar.d.ts","sourceRoot":"","sources":["../../../src/ui/visual/sd-calendar.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,WAAW,EAEZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EACL,KAAK,uBAAuB,EAE7B,MAAM,2CAA2C,CAAC;;AAGnD,qBAiHa,UAAU,CAAC,CAAC;IACvB,KAAK,2CAAyB;IAC9B,aAAa,6CAAyB,CAAC,SAAS,MAAM,KAAK,QAAQ,EAAI;IAEvE,SAAS,gDAAmC;IAE5C,UAAU,0EAGR;IAEF,YAAY,8CAAY;IACxB,kBAAkB,8CAAY;IAE9B,KAAK,WAAuC;IAE5C,SAAS;cAEC,QAAQ;eACP,CAAC,EAAE;WAqCX;yCAxDQ,UAAU;2CAAV,UAAU;CAyDtB"}