@simplysm/angular 14.0.6 → 14.0.8

package/dist/ui/form/input/sd-textfield-type-handlers.js

@@ -39,7 +39,7 @@ function createStringHandler(type) {
                 }
                 return errors;
             }
-            if (type === "text") {
+            if (type !== "color") {
                 const str = value;
                 if (opts.minlength !== undefined && opts.minlength > str.length) {
                     errors.push(`문자의 길이가 ${opts.minlength}보다 길거나 같아야 합니다.`);
@@ -135,7 +135,8 @@ function createFormatHandler() {
                 return raw;
             const nonFormatChars = format.match(/[^X]/g)?.filter((v, i, a) => a.indexOf(v) === i);
             if (nonFormatChars != null && nonFormatChars.length > 0) {
-                return raw.replace(new RegExp(`[${nonFormatChars.map((item) => "\\" + item).join("")}]`, "g"), "");
+                const escaped = nonFormatChars.map((ch) => ch === "]" || ch === "\\" || ch === "^" || ch === "-" ? "\\" + ch : ch).join("");
+                return raw.replace(new RegExp(`[${escaped}]`, "g"), "");
             }
             return raw;
         },
@@ -272,6 +273,15 @@ function createDateTimeHandler(withSeconds) {
             }
             if (!(value instanceof DateTime)) {
                 errors.push("날짜 및 시간을 입력하세요");
+                return errors;
+            }
+            const min = opts.min;
+            const max = opts.max;
+            if (min instanceof DateTime && min.tick > value.tick) {
+                errors.push(`${min}보다 크거나 같아야 합니다.`);
+            }
+            if (max instanceof DateTime && max.tick < value.tick) {
+                errors.push(`${max}보다 작거나 같아야 합니다.`);
             }
             return errors;
         },
@@ -311,6 +321,15 @@ function createTimeHandler(withSeconds) {
             }
             if (!(value instanceof Time)) {
                 errors.push("시간을 입력하세요");
+                return errors;
+            }
+            const min = opts.min;
+            const max = opts.max;
+            if (min instanceof Time && min.tick > value.tick) {
+                errors.push(`${min}보다 크거나 같아야 합니다.`);
+            }
+            if (max instanceof Time && max.tick < value.tick) {
+                errors.push(`${max}보다 작거나 같아야 합니다.`);
             }
             return errors;
         },

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

@@ -1 +1 @@
-{"version":3,"file":"sd-textfield.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\form\\input\\sd-textfield.control.ts"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,8BAA8B,CAAC;;AAEtC,qBA8Qa,kBAAkB,CAAC,CAAC,SAAS,MAAM,iBAAiB;IAC/D,KAAK,wEAAiC;IAEtC,IAAI,yCAAuB;IAC3B,WAAW,0DAAmB;IAC9B,KAAK,0DAAmB;IACxB,UAAU,0DAAmB;IAC7B,UAAU,0DAAmB;IAE7B,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IAEzD,QAAQ,qEAAiD;IACzD,GAAG,wEAAiC;IACpC,GAAG,wEAAiC;IACpC,SAAS,0DAAmB;IAC5B,SAAS,0DAAmB;IAC5B,OAAO,0DAAmB;IAC1B,WAAW,+CAAiB,iBAAiB,CAAC,CAAC,CAAC,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,eAAI;IACvF,MAAM,0DAAmB;IAEzB,IAAI,0DAAmB;IACvB,YAAY,0DAAmB;IAC/B,cAAc,qEAAgD;IAC9D,SAAS,0DAAmB;IAE5B,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,KAAK,8IAED;IAEJ,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAsD;IAE9E,WAAW,yCAA8C;IAEzD,WAAW,kDAA8D;IAEzE,YAAY,yCAOT;IAEH,gBAAgB,qDAMb;;IA4BH,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAa3B,YAAY,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;yCA/F9B,kBAAkB;2CAAlB,kBAAkB;CA6G9B"}
+{"version":3,"file":"sd-textfield.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\form\\input\\sd-textfield.control.ts"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,8BAA8B,CAAC;;AAEtC,qBA8Qa,kBAAkB,CAAC,CAAC,SAAS,MAAM,iBAAiB;IAC/D,KAAK,wEAAiC;IAEtC,IAAI,yCAAuB;IAC3B,WAAW,0DAAmB;IAC9B,KAAK,0DAAmB;IACxB,UAAU,0DAAmB;IAC7B,UAAU,0DAAmB;IAE7B,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IAEzD,QAAQ,qEAAiD;IACzD,GAAG,wEAAiC;IACpC,GAAG,wEAAiC;IACpC,SAAS,0DAAmB;IAC5B,SAAS,0DAAmB;IAC5B,OAAO,0DAAmB;IAC1B,WAAW,+CAAiB,iBAAiB,CAAC,CAAC,CAAC,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,eAAI;IACvF,MAAM,0DAAmB;IAEzB,IAAI,0DAAmB;IACvB,YAAY,0DAAmB;IAC/B,cAAc,qEAAgD;IAC9D,SAAS,0DAAmB;IAE5B,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,KAAK,8IAED;IAEJ,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAsD;IAE9E,WAAW,yCAA8C;IAEzD,WAAW,kDAA8D;IAEzE,YAAY,yCAOT;IAEH,gBAAgB,qDAMb;;IA4BH,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAa3B,YAAY,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;yCA/F9B,kBAAkB;2CAAlB,kBAAkB;CA8G9B"}

package/dist/ui/form/input/sd-textfield.control.js

@@ -128,6 +128,7 @@ export class SdTextfieldControl {
         this.value.set(parsed);
     }
     onInputPaste(event) {
+        event.preventDefault();
         const text = event.clipboardData?.getData("text/plain").trim();
         if (text == null || text === "") {
             this.value.set(undefined);

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

@@ -2,6 +2,8 @@ import type { ISdResizeEvent } from "../../../core/plugins/events/sd-resize-even
 import * as i0 from "@angular/core";
 export declare class SdDockControl {
     private readonly _elRef;
+    private readonly _destroyRef;
+    private _dragCleanup;
     key: import("@angular/core").InputSignal<string | undefined>;
     position: import("@angular/core").InputSignal<"bottom" | "left" | "right" | "top">;
     resizable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;

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

@@ -1 +1 @@
-{"version":3,"file":"sd-dock.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\layout\\dock\\sd-dock.control.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qDAAqD,CAAC;;AAE1F,qBAyEa,aAAa;IACxB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAE1D,GAAG,0DAAmB;IACtB,QAAQ,2EAAqD;IAC7D,SAAS,qEAAiD;IAE1D,IAAI,iDAAa;IAEjB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAmE;;IAgB3F,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC;IAI/C,YAAY,CAAC,KAAK,EAAE,cAAc;IASlC,oBAAoB,CAAC,KAAK,EAAE,UAAU;yCAtC3B,aAAa;2CAAb,aAAa;CAmFzB"}
+{"version":3,"file":"sd-dock.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\layout\\dock\\sd-dock.control.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qDAAqD,CAAC;;AAE1F,qBAyEa,aAAa;IACxB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAC1D,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAsB;IAElD,OAAO,CAAC,YAAY,CAA2B;IAE/C,GAAG,0DAAmB;IACtB,QAAQ,2EAAqD;IAC7D,SAAS,qEAAiD;IAE1D,IAAI,iDAAa;IAEjB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAmE;;IAoB3F,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC;IAI/C,YAAY,CAAC,KAAK,EAAE,cAAc;IASlC,oBAAoB,CAAC,KAAK,EAAE,UAAU;yCA7C3B,aAAa;2CAAb,aAAa;CA+FzB"}

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

@@ -1,4 +1,4 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, effect, ElementRef, inject, input, signal, ViewEncapsulation, } from "@angular/core";
+import { booleanAttribute, ChangeDetectionStrategy, Component, DestroyRef, effect, ElementRef, inject, input, signal, ViewEncapsulation, } from "@angular/core";
 import { useSdSystemConfigResource } from "../../../core/utils/useSdSystemConfigResource";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
@@ -10,12 +10,17 @@ function SdDockControl_Conditional_1_Template(rf, ctx) { if (rf & 1) {
 } }
 export class SdDockControl {
     _elRef = inject((ElementRef));
+    _destroyRef = inject(DestroyRef);
+    _dragCleanup;
     key = input(...(ngDevMode ? [undefined, { debugName: "key" }] : /* istanbul ignore next */ []));
     position = input("top", ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
     resizable = input(false, { ...(ngDevMode ? { debugName: "resizable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     size = signal(0, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     _config = useSdSystemConfigResource({ key: this.key });
     constructor() {
+        this._destroyRef.onDestroy(() => {
+            this._dragCleanup?.();
+        });
         effect(() => {
             const conf = this._config.value();
             if (this.resizable() && conf && conf.size != null) {
@@ -65,8 +70,7 @@ export class SdDockControl {
         const stopDrag = (e) => {
             e.stopPropagation();
             e.preventDefault();
-            document.removeEventListener("mousemove", doDrag);
-            document.removeEventListener("mouseup", stopDrag);
+            this._dragCleanup?.();
             if (this.key() != null) {
                 const newConf = {};
                 if (["right", "left"].includes(this.position())) {
@@ -80,6 +84,11 @@ export class SdDockControl {
         };
         document.addEventListener("mousemove", doDrag);
         document.addEventListener("mouseup", stopDrag);
+        this._dragCleanup = () => {
+            document.removeEventListener("mousemove", doDrag);
+            document.removeEventListener("mouseup", stopDrag);
+            this._dragCleanup = undefined;
+        };
     }
     static ɵfac = function SdDockControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdDockControl)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdDockControl, selectors: [["sd-dock"]], hostVars: 2, hostBindings: function SdDockControl_HostBindings(rf, ctx) { if (rf & 1) {
@@ -108,4 +117,4 @@ export class SdDockControl {
     }
   `, styles: ["sd-dock {\n  display: block;\n  position: absolute;\n  overflow: auto;\n}\nsd-dock[data-sd-resizable=true] > ._resize-bar {\n  position: absolute;\n}\nsd-dock[data-sd-resizable=true][data-sd-position=top] > ._resize-bar {\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 2px;\n  cursor: ns-resize;\n}\nsd-dock[data-sd-resizable=true][data-sd-position=bottom] > ._resize-bar {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 2px;\n  cursor: ns-resize;\n}\nsd-dock[data-sd-resizable=true][data-sd-position=left] > ._resize-bar {\n  top: 0;\n  right: 0;\n  height: 100%;\n  width: 2px;\n  cursor: ew-resize;\n}\nsd-dock[data-sd-resizable=true][data-sd-position=right] > ._resize-bar {\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 2px;\n  cursor: ew-resize;\n}"] }]
     }], () => [], { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDockControl, { className: "SdDockControl", filePath: "packages/angular/src/ui/layout/dock/sd-dock.control.ts", lineNumber: 88 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDockControl, { className: "SdDockControl", filePath: "packages/angular/src/ui/layout/dock/sd-dock.control.ts", lineNumber: 89 }); })();

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

@@ -1 +1 @@
-{"version":3,"file":"sd-kanban-lane.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\layout\\kanban\\sd-kanban-lane.control.ts"],"names":[],"mappings":"AACA,OAAO,EAYL,WAAW,EAEZ,MAAM,eAAe,CAAC;AAGvB,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;;AAKtD,qBA6Fa,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAE,YAAW,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC;IACzE,OAAO,CAAC,QAAQ,CAAC,aAAa,CAE5B;IAEF,IAAI,qEAAiD;IAErD,WAAW,qEAAiD;IAE5D,QAAQ,+CAAgB;IAExB,KAAK,qDAAc;IAEnB,cAAc,mEAAkF;IAEhG,UAAU,gEAA0E;IACpF,WAAW,gEAA2E;IAEtF,aAAa,0CAEX;IAEF,UAAU,yGAAmD;IAE7D,UAAU,kDAAiB;IAE3B,sBAAsB,yCAEpB;IAEF,eAAe;IAIf,2BAA2B;IAI3B,sBAAsB,CAAC,GAAG,EAAE,OAAO;IAuBnC,UAAU,CAAC,KAAK,EAAE,SAAS;IAS3B,WAAW,CAAC,KAAK,EAAE,SAAS;IAO5B,UAAU,CAAC,KAAK,EAAE,SAAS;IAU3B,SAAS,CAAC,QAAQ,CAAC,YAAY,wkBAAgB;IAC/C,SAAS,CAAC,QAAQ,CAAC,SAAS,ubAAa;yCAxF9B,mBAAmB;2CAAnB,mBAAmB;CAyF/B"}
+{"version":3,"file":"sd-kanban-lane.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\layout\\kanban\\sd-kanban-lane.control.ts"],"names":[],"mappings":"AACA,OAAO,EAYL,WAAW,EAEZ,MAAM,eAAe,CAAC;AAGvB,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;;AAKtD,qBA6Fa,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAE,YAAW,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC;IACzE,OAAO,CAAC,QAAQ,CAAC,aAAa,CAE5B;IAEF,IAAI,qEAAiD;IAErD,WAAW,qEAAiD;IAE5D,QAAQ,+CAAgB;IAExB,KAAK,qDAAc;IAEnB,cAAc,mEAAkF;IAEhG,UAAU,gEAA0E;IACpF,WAAW,gEAA2E;IAEtF,aAAa,0CAGV;IAEH,UAAU,yGAAmD;IAE7D,UAAU,kDAAiB;IAE3B,sBAAsB,yCAEpB;IAEF,eAAe;IAIf,2BAA2B;IAI3B,sBAAsB,CAAC,GAAG,EAAE,OAAO;IAyBnC,UAAU,CAAC,KAAK,EAAE,SAAS;IAS3B,WAAW,CAAC,KAAK,EAAE,SAAS;IAO5B,UAAU,CAAC,KAAK,EAAE,SAAS;IAU3B,SAAS,CAAC,QAAQ,CAAC,YAAY,wkBAAgB;IAC/C,SAAS,CAAC,QAAQ,CAAC,SAAS,ubAAa;yCA3F9B,mBAAmB;2CAAnB,mBAAmB;CA4F/B"}

package/dist/ui/layout/kanban/sd-kanban-lane.control.js

@@ -79,7 +79,10 @@ export class SdKanbanLaneControl {
     kanbanControls = contentChildren(SdKanbanControl, { ...(ngDevMode ? { debugName: "kanbanControls" } : /* istanbul ignore next */ {}), descendants: true });
     toolTplRef = contentChild("toolTpl", { ...(ngDevMode ? { debugName: "toolTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
     titleTplRef = contentChild("titleTpl", { ...(ngDevMode ? { debugName: "titleTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
-    isAllSelected = computed(() => this.kanbanControls().length > 0 && this.kanbanControls().every((ctrl) => ctrl.selected()), ...(ngDevMode ? [{ debugName: "isAllSelected" }] : /* istanbul ignore next */ []));
+    isAllSelected = computed(() => {
+        const selectableControls = this.kanbanControls().filter((ctrl) => ctrl.selectable());
+        return selectableControls.length > 0 && selectableControls.every((ctrl) => ctrl.selected());
+    }, ...(ngDevMode ? [{ debugName: "isAllSelected" }] : /* istanbul ignore next */ []));
     dragKanban = computed(() => this._boardControl.dragKanban(), ...(ngDevMode ? [{ debugName: "dragKanban" }] : /* istanbul ignore next */ []));
     dragOvered = signal(false, ...(ngDevMode ? [{ debugName: "dragOvered" }] : /* istanbul ignore next */ []));
     selectableKanbanLength = computed(() => this.kanbanControls().filter((ctrl) => ctrl.selectable()).length, ...(ngDevMode ? [{ debugName: "selectableKanbanLength" }] : /* istanbul ignore next */ []));
@@ -94,6 +97,8 @@ export class SdKanbanLaneControl {
             this._boardControl.selectedValues.update((v) => {
                 const r = [...v];
                 for (const ctrl of this.kanbanControls()) {
+                    if (!ctrl.selectable())
+                        continue;
                     if (ctrl.value() == null)
                         continue;
                     if (!v.includes(ctrl.value())) {
@@ -106,6 +111,7 @@ export class SdKanbanLaneControl {
         else {
             this._boardControl.selectedValues.update((v) => {
                 const kanbanValues = this.kanbanControls()
+                    .filter((ctrl) => ctrl.selectable())
                     .map((ctrl) => ctrl.value())
                     .filter((v2) => v2 != null);
                 const result = v.filter((item) => !kanbanValues.includes(item));

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

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
 export declare class SdGapControl {
     private readonly _elRef;
-    height: import("@angular/core").InputSignal<"default" | "xxs" | "xs" | "sm" | "lg" | "xl" | "xxl" | undefined>;
+    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" | "xxs" | "xs" | "sm" | "lg" | "xl" | "xxl" | 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();

package/dist/ui/navigation/pagination/sd-pagination.control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-pagination.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\navigation\\pagination\\sd-pagination.control.ts"],"names":[],"mappings":";AAkBA,qBA2Ca,mBAAmB;IAC9B,KAAK;;;;;MAAsF;IAE3F,WAAW,8CAAY;IACvB,cAAc,oEAA4C;IAC1D,gBAAgB,oEAA6C;IAE7D,OAAO,CAAC,QAAQ,CAAC,UAAU,CAExB;IAEH,OAAO,0CAKJ;IAEH,OAAO,0CAOJ;IAEH,YAAY,2CAeT;IAEH,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI5B,aAAa,IAAI,IAAI;IAIrB,aAAa,IAAI,IAAI;IAIrB,SAAS,IAAI,IAAI;IAIjB,QAAQ,IAAI,IAAI;yCA5DL,mBAAmB;2CAAnB,mBAAmB;CA+D/B"}
+{"version":3,"file":"sd-pagination.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\navigation\\pagination\\sd-pagination.control.ts"],"names":[],"mappings":";AAkBA,qBA2Ca,mBAAmB;IAC9B,KAAK;;;;;MAAsF;IAE3F,WAAW,8CAAY;IACvB,cAAc,oEAA4C;IAC1D,gBAAgB,oEAA6C;IAE7D,OAAO,CAAC,QAAQ,CAAC,UAAU,CAExB;IAEH,OAAO,0CAKJ;IAEH,OAAO,0CAOJ;IAEH,YAAY,2CAeT;IAEH,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI5B,aAAa,IAAI,IAAI;IAIrB,aAAa,IAAI,IAAI;IAKrB,SAAS,IAAI,IAAI;IAIjB,QAAQ,IAAI,IAAI;yCA7DL,mBAAmB;2CAAnB,mBAAmB;CAiE/B"}

package/dist/ui/navigation/pagination/sd-pagination.control.js

@@ -22,7 +22,7 @@ export class SdPaginationControl {
     totalPageCount = input(0, { ...(ngDevMode ? { debugName: "totalPageCount" } : /* istanbul ignore next */ {}), transform: numberAttribute });
     visiblePageCount = input(10, { ...(ngDevMode ? { debugName: "visiblePageCount" } : /* istanbul ignore next */ {}), transform: numberAttribute });
     groupIndex = computed(() => {
-        return Math.floor(this.currentPage() / this.visiblePageCount());
+        return Math.floor(this.currentPage() / Math.max(this.visiblePageCount(), 1));
     }, ...(ngDevMode ? [{ debugName: "groupIndex" }] : /* istanbul ignore next */ []));
     hasPrev = computed(() => {
         if (this.totalPageCount() === 0) {
@@ -35,7 +35,7 @@ export class SdPaginationControl {
         if (totalPageCount === 0) {
             return false;
         }
-        const lastGroupIndex = Math.floor((totalPageCount - 1) / this.visiblePageCount());
+        const lastGroupIndex = Math.floor((totalPageCount - 1) / Math.max(this.visiblePageCount(), 1));
         return this.groupIndex() < lastGroupIndex;
     }, ...(ngDevMode ? [{ debugName: "hasNext" }] : /* istanbul ignore next */ []));
     displayPages = computed(() => {
@@ -59,12 +59,16 @@ export class SdPaginationControl {
         this.currentPage.set((this.groupIndex() + 1) * this.visiblePageCount());
     }
     goToPrevGroup() {
-        this.currentPage.set((this.groupIndex() - 1) * this.visiblePageCount());
+        if (!this.hasPrev())
+            return;
+        this.currentPage.set((this.groupIndex() - 1) * Math.max(this.visiblePageCount(), 1));
     }
     goToFirst() {
         this.currentPage.set(0);
     }
     goToLast() {
+        if (this.totalPageCount() === 0)
+            return;
         this.currentPage.set(this.totalPageCount() - 1);
     }
     static ɵfac = function SdPaginationControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdPaginationControl)(); };

package/dist/ui/navigation/sidebar/sd-sidebar-container.control.js

@@ -21,7 +21,7 @@ export class SdSidebarContainerControl {
         }
     }
     onBackdropClick() {
-        this.toggle.update((v) => !v);
+        this.toggle.set(false);
     }
     static ɵfac = function SdSidebarContainerControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSidebarContainerControl)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSidebarContainerControl, selectors: [["sd-sidebar-container"]], hostVars: 1, hostBindings: function SdSidebarContainerControl_HostBindings(rf, ctx) { if (rf & 2) {

package/dist/ui/overlay/dropdown/sd-dropdown-popup.control.js

@@ -13,7 +13,7 @@ export class SdDropdownPopupControl {
         const el = this._elRef.nativeElement;
         const divEl = el.firstElementChild;
         if (divEl.clientHeight > 300) {
-            el.style.height = "18.75rem";
+            el.style.height = "300px";
         }
         else {
             el.style.height = "";

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

@@ -5,6 +5,7 @@ export declare class SdModalControl {
     private readonly _elRef;
     private readonly _activatedModal;
     private readonly _systemConfig;
+    private readonly _destroyRef;
     open: import("@angular/core").ModelSignal<boolean>;
     key: import("@angular/core").InputSignal<string | undefined>;
     title: import("@angular/core").InputSignal<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"sd-modal.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\overlay\\modal\\sd-modal.control.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,WAAW,EAEjB,MAAM,eAAe,CAAC;AAKvB,OAAO,wBAAwB,CAAC;;AAEhC,qBA0Ca,cAAc;IACzB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAC1D,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAwD;IACxF,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAsD;IAEpF,IAAI,+CAAgB;IACpB,GAAG,0DAAwC;IAC3C,KAAK,8CAAa;IAClB,UAAU,+CAAgB;IAC1B,eAAe,+CAAgB;IAC/B,kBAAkB,+CAAe;IACjC,mBAAmB,+CAAe;IAClC,KAAK,+CAAgB;IACrB,IAAI,+CAAgB;IACpB,SAAS,+CAAgB;IACzB,OAAO,+CAAgB;IACvB,QAAQ,gFAA8D;IACtE,WAAW,0DAAwC;IACnD,UAAU,0DAAwC;IAClD,QAAQ,0DAAwC;IAChD,OAAO,0DAAwC;IAC/C,WAAW,0DAAwC;IACnD,sBAAsB,+CAAgB;IACtC,YAAY,oEAAkD;IAE9D,YAAY,iDAAkB;IAE9B,OAAO,CAAC,UAAU,CAEJ;IAEd,OAAO,CAAC,YAAY,CAUN;IAEd,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAA8B;IACnE,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAa;;IA+ChD,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI;IAkBvD,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAkB1C,eAAe,IAAI,IAAI;IAKvB,kBAAkB,IAAI,IAAI;IAI1B,eAAe,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAS3C,aAAa,IAAI,IAAI;IAIrB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,cAAc;IAuBtB,OAAO,CAAC,oBAAoB;IAa5B,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,YAAY;IA4CpB,OAAO,CAAC,UAAU;YAcJ,WAAW;YAgBX,cAAc;yCA7RjB,cAAc;2CAAd,cAAc;CA6S1B"}
+{"version":3,"file":"sd-modal.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\overlay\\modal\\sd-modal.control.ts"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,WAAW,EAEjB,MAAM,eAAe,CAAC;AAKvB,OAAO,wBAAwB,CAAC;;AAEhC,qBA0Ca,cAAc;IACzB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAmC;IAC1D,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAwD;IACxF,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAsD;IACpF,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAsB;IAElD,IAAI,+CAAgB;IACpB,GAAG,0DAAwC;IAC3C,KAAK,8CAAa;IAClB,UAAU,+CAAgB;IAC1B,eAAe,+CAAgB;IAC/B,kBAAkB,+CAAe;IACjC,mBAAmB,+CAAe;IAClC,KAAK,+CAAgB;IACrB,IAAI,+CAAgB;IACpB,SAAS,+CAAgB;IACzB,OAAO,+CAAgB;IACvB,QAAQ,gFAA8D;IACtE,WAAW,0DAAwC;IACnD,UAAU,0DAAwC;IAClD,QAAQ,0DAAwC;IAChD,OAAO,0DAAwC;IAC/C,WAAW,0DAAwC;IACnD,sBAAsB,+CAAgB;IACtC,YAAY,oEAAkD;IAE9D,YAAY,iDAAkB;IAE9B,OAAO,CAAC,UAAU,CAEJ;IAEd,OAAO,CAAC,YAAY,CAUN;IAEd,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAA8B;IACnE,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAa;;IAoDhD,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI;IAkBvD,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAkB1C,eAAe,IAAI,IAAI;IAKvB,kBAAkB,IAAI,IAAI;IAI1B,eAAe,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAS3C,aAAa,IAAI,IAAI;IAIrB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,cAAc;IAuBtB,OAAO,CAAC,oBAAoB;IAa5B,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,YAAY;IA4CpB,OAAO,CAAC,UAAU;YAcJ,WAAW;YAgBX,cAAc;yCArSjB,cAAc;2CAAd,cAAc;CAqT1B"}

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

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, effect, ElementRef, inject, input, model, output, ViewEncapsulation, } from "@angular/core";
+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";
@@ -72,6 +72,7 @@ export class SdModalControl {
     _elRef = inject((ElementRef));
     _activatedModal = inject(SdActivatedModalProvider, { optional: true });
     _systemConfig = inject(SdSystemConfigProvider, { optional: true });
+    _destroyRef = inject(DestroyRef);
     open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
     key = input(undefined, ...(ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []));
     title = input("", ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
@@ -137,6 +138,10 @@ export class SdModalControl {
                 void this._saveConfig();
             }
         };
+        this._destroyRef.onDestroy(() => {
+            document.removeEventListener("mousemove", this._onDocumentMouseMove);
+            document.removeEventListener("mouseup", this._onDocumentMouseUp);
+        });
     }
     onResizeMouseDown(event, dir) {
         event.preventDefault();
@@ -195,7 +200,7 @@ export class SdModalControl {
         this._bringToFront();
     }
     _requestClose() {
-        if (this._activatedModal !== null && !this._activatedModal.canDeactivefn()) {
+        if (this._activatedModal !== null && !this._activatedModal.canDeactiveFn()) {
             return;
         }
         void this._saveConfig();
@@ -247,6 +252,9 @@ export class SdModalControl {
                 maxZ = z;
             }
         }
+        const currentZ = parseInt(hostEl.style.zIndex, 10);
+        if (currentZ >= maxZ)
+            return;
         hostEl.style.zIndex = String(maxZ + 1);
     }
     _getDialogEl() {
@@ -408,4 +416,4 @@ export class SdModalControl {
   `,
             }]
     }], () => [], { 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: 61 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdModalControl, { className: "SdModalControl", filePath: "packages/angular/src/ui/overlay/modal/sd-modal.control.ts", lineNumber: 62 }); })();

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

@@ -45,7 +45,7 @@ export interface ISdModalOptions {
 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;
+    canDeactiveFn: () => boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdActivatedModalProvider<any>, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SdActivatedModalProvider<any>>;
 }

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

@@ -10,7 +10,7 @@ import * as i0 from "@angular/core";
 export class SdActivatedModalProvider {
     modalComponent = signal(undefined, ...(ngDevMode ? [{ debugName: "modalComponent" }] : /* istanbul ignore next */ []));
     contentComponent = signal(undefined, ...(ngDevMode ? [{ debugName: "contentComponent" }] : /* istanbul ignore next */ []));
-    canDeactivefn = () => true;
+    canDeactiveFn = () => true;
     static ɵfac = function SdActivatedModalProvider_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdActivatedModalProvider)(); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SdActivatedModalProvider, factory: SdActivatedModalProvider.ɵfac });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"sd-toast.provider.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\overlay\\toast\\sd-toast.provider.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"sd-toast.provider.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\overlay\\toast\\sd-toast.provider.ts"],"names":[],"mappings":"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"}

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

@@ -129,12 +129,13 @@ export class SdToastProvider {
         if (useProgress) {
             // progress 모드: effect로 100% 감지 후 1초 뒤 자동 해제
             const progressSignal = toastRef.instance.progress;
-            effect(() => {
+            effect((onCleanup) => {
                 const val = progressSignal();
                 if (val >= 100) {
-                    setTimeout(() => {
+                    const timerId = setTimeout(() => {
                         this._dismissToast(toastRef);
                     }, 1000);
+                    onCleanup(() => clearTimeout(timerId));
                 }
             }, { injector: toastRef.injector });
             return progressSignal;
@@ -176,13 +177,16 @@ export class SdToastProvider {
     _dismissToast(toastRef) {
         toastRef.instance.open.set(false);
         const el = toastRef.location.nativeElement;
+        let fallbackId;
         const onTransitionEnd = () => {
+            clearTimeout(fallbackId);
             el.removeEventListener("transitionend", onTransitionEnd);
             this._destroyToast(toastRef);
         };
         el.addEventListener("transitionend", onTransitionEnd);
         // fallback: transition이 없는 경우 300ms 후 파괴
-        setTimeout(() => {
+        fallbackId = setTimeout(() => {
+            el.removeEventListener("transitionend", onTransitionEnd);
             this._destroyToast(toastRef);
         }, 300);
     }

package/dist/ui/visual/sd-progress.control.d.ts

@@ -4,6 +4,7 @@ export declare class SdProgressControl {
     size: import("@angular/core").InputSignal<"sm" | "lg" | undefined>;
     theme: import("@angular/core").InputSignal<"info" | "success" | "primary" | "secondary" | "warning" | "danger" | "gray" | "blue-gray">;
     value: import("@angular/core").InputSignal<number>;
+    _barWidth: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdProgressControl, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdProgressControl, "sd-progress", never, { "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/dist/ui/visual/sd-progress.control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-progress.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\ui\\visual\\sd-progress.control.ts"],"names":[],"mappings":";AASA,qBAsEa,iBAAiB;IAC5B,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,KAAK,kIAED;IAEJ,KAAK,8CAA4B;yCAPtB,iBAAiB;2CAAjB,iBAAiB;CAQ7B"}
+{"version":3,"file":"sd-progress.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\ui\\visual\\sd-progress.control.ts"],"names":[],"mappings":";AAUA,qBAsEa,iBAAiB;IAC5B,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,KAAK,kIAED;IAEJ,KAAK,8CAA4B;IAEjC,SAAS,yCAA2D;yCATzD,iBAAiB;2CAAjB,iBAAiB;CAU7B"}

package/dist/ui/visual/sd-progress.control.js

@@ -1,4 +1,4 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation, } from "@angular/core";
+import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation, } from "@angular/core";
 import { PercentPipe } from "@angular/common";
 import * as i0 from "@angular/core";
 export class SdProgressControl {
@@ -6,6 +6,7 @@ export class SdProgressControl {
     size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
     theme = input.required(...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
     value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    _barWidth = computed(() => Math.min(this.value() * 100, 100) + "%", ...(ngDevMode ? [{ debugName: "_barWidth" }] : /* istanbul ignore next */ []));
     static ɵfac = function SdProgressControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdProgressControl)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdProgressControl, selectors: [["sd-progress"]], hostVars: 3, hostBindings: function SdProgressControl_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-sd-inset", ctx.inset())("data-sd-size", ctx.size())("data-sd-theme", ctx.theme());
@@ -19,7 +20,7 @@ export class SdProgressControl {
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 3, ctx.value(), "1.0-2"), " ");
             i0.ɵɵadvance(2);
-            i0.ɵɵstyleProp("width", ctx.value() * 100 + "%");
+            i0.ɵɵstyleProp("width", ctx._barWidth());
         } }, dependencies: [PercentPipe], styles: ["sd-progress {\n  position: relative;\n  display: block;\n  width: 100%;\n  white-space: nowrap;\n  background: var(--theme-gray-lightest);\n  border: 1px solid var(--theme-gray-lightest);\n  border-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-progress > ._content {\n  position: relative;\n  z-index: 2;\n  padding: var(--gap-lg) var(--gap-default);\n}\nsd-progress > ._progress {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  height: 100%;\n}\nsd-progress[data-sd-theme=gray] > ._progress {\n  background: var(--theme-gray-default);\n}\nsd-progress[data-sd-theme=blue-gray] > ._progress {\n  background: var(--theme-blue-gray-default);\n}\nsd-progress[data-sd-theme=primary] > ._progress {\n  background: var(--theme-primary-default);\n}\nsd-progress[data-sd-theme=secondary] > ._progress {\n  background: var(--theme-secondary-default);\n}\nsd-progress[data-sd-theme=info] > ._progress {\n  background: var(--theme-info-default);\n}\nsd-progress[data-sd-theme=success] > ._progress {\n  background: var(--theme-success-default);\n}\nsd-progress[data-sd-theme=warning] > ._progress {\n  background: var(--theme-warning-default);\n}\nsd-progress[data-sd-theme=danger] > ._progress {\n  background: var(--theme-danger-default);\n}\nsd-progress[data-sd-size=sm] > ._content {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-progress[data-sd-size=lg] > ._content {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-progress[data-sd-inset=true] {\n  border-radius: 0;\n  border: none;\n  background: var(--control-color);\n}"], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdProgressControl, [{
@@ -32,7 +33,7 @@ export class SdProgressControl {
     <div class="_content tx-right">
       {{ value() | percent: "1.0-2" }}
     </div>
-    <div class="_progress" [style.width]="value() * 100 + '%'"></div>
+    <div class="_progress" [style.width]="_barWidth()"></div>
   `, styles: ["sd-progress {\n  position: relative;\n  display: block;\n  width: 100%;\n  white-space: nowrap;\n  background: var(--theme-gray-lightest);\n  border: 1px solid var(--theme-gray-lightest);\n  border-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-progress > ._content {\n  position: relative;\n  z-index: 2;\n  padding: var(--gap-lg) var(--gap-default);\n}\nsd-progress > ._progress {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  height: 100%;\n}\nsd-progress[data-sd-theme=gray] > ._progress {\n  background: var(--theme-gray-default);\n}\nsd-progress[data-sd-theme=blue-gray] > ._progress {\n  background: var(--theme-blue-gray-default);\n}\nsd-progress[data-sd-theme=primary] > ._progress {\n  background: var(--theme-primary-default);\n}\nsd-progress[data-sd-theme=secondary] > ._progress {\n  background: var(--theme-secondary-default);\n}\nsd-progress[data-sd-theme=info] > ._progress {\n  background: var(--theme-info-default);\n}\nsd-progress[data-sd-theme=success] > ._progress {\n  background: var(--theme-success-default);\n}\nsd-progress[data-sd-theme=warning] > ._progress {\n  background: var(--theme-warning-default);\n}\nsd-progress[data-sd-theme=danger] > ._progress {\n  background: var(--theme-danger-default);\n}\nsd-progress[data-sd-size=sm] > ._content {\n  padding: var(--gap-xs) var(--gap-default);\n}\nsd-progress[data-sd-size=lg] > ._content {\n  padding: var(--gap-default) var(--gap-xl);\n}\nsd-progress[data-sd-inset=true] {\n  border-radius: 0;\n  border: none;\n  background: var(--control-color);\n}"] }]
     }], null, { inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdProgressControl, { className: "SdProgressControl", filePath: "packages/angular/src/ui/visual/sd-progress.control.ts", lineNumber: 80 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdProgressControl, { className: "SdProgressControl", filePath: "packages/angular/src/ui/visual/sd-progress.control.ts", lineNumber: 81 }); })();

package/docs/providers.md

@@ -343,7 +343,7 @@ Injectable. Available inside modal content components via DI. Provides access to
 class SdActivatedModalProvider<T extends ISdModal<any> = ISdModal<any>> {
   modalComponent: WritableSignal<any>;
   contentComponent: WritableSignal<T | undefined>;
-  canDeactivefn: () => boolean;
+  canDeactiveFn: () => boolean;
 }
 ```
 

package/docs/setup-functions.md

@@ -59,7 +59,7 @@ function setupModelHook<T, S extends WritableSignal<T>>(
 
 ## `setupCanDeactivate`
 
-Registers a route or modal can-deactivate guard. When inside a modal, sets `SdActivatedModalProvider.canDeactivefn`. When inside a route, pushes a `CanDeactivateFn` to the route config.
+Registers a route or modal can-deactivate guard. When inside a modal, sets `SdActivatedModalProvider.canDeactiveFn`. When inside a route, pushes a `CanDeactivateFn` to the route config.
 
 ```typescript
 function setupCanDeactivate(fn: () => boolean): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplysm/angular",
-  "version": "14.0.6",
+  "version": "14.0.8",
   "description": "심플리즘 패키지 - Angular",
   "author": "심플리즘",
   "license": "Apache-2.0",
@@ -34,18 +34,15 @@
     "@ng-icons/core": "^33.2.0",
     "@ng-icons/tabler-icons": "^33.2.0",
     "@tiptap/core": "^3.21.0",
-    "@tiptap/extension-bold": "^3.21.0",
     "@tiptap/extension-color": "^3.21.0",
     "@tiptap/extension-document": "^3.21.0",
+    "@tiptap/extension-paragraph": "^3.21.0",
+    "@tiptap/extension-text": "^3.21.0",
     "@tiptap/extension-highlight": "^3.21.0",
     "@tiptap/extension-image": "^3.21.0",
-    "@tiptap/extension-paragraph": "^3.21.0",
     "@tiptap/extension-placeholder": "^3.21.0",
-    "@tiptap/extension-text": "^3.21.0",
     "@tiptap/extension-text-align": "^3.21.0",
     "@tiptap/extension-text-style": "^3.21.0",
-    "@tiptap/extension-underline": "^3.21.0",
-    "@tiptap/pm": "^3.21.0",
     "@tiptap/starter-kit": "^3.21.0",
     "bwip-js": "^4.8.0",
     "echarts": "^6.0.0",
@@ -53,10 +50,10 @@
     "jspdf": "^4.2.1",
     "rxjs": "^7.8.2",
     "tabbable": "^6.4.0",
-    "@simplysm/core-browser": "14.0.6",
-    "@simplysm/core-common": "14.0.6",
-    "@simplysm/service-client": "14.0.6",
-    "@simplysm/service-common": "14.0.6"
+    "@simplysm/core-common": "14.0.8",
+    "@simplysm/service-common": "14.0.8",
+    "@simplysm/core-browser": "14.0.8",
+    "@simplysm/service-client": "14.0.8"
   },
   "devDependencies": {
     "@angular/compiler": "^21.2.6",

package/src/core/directives/sd-router-link.directive.ts

@@ -33,6 +33,9 @@ export class SdRouterLinkDirective {
 
     if (!option) return;
 
+    // Alt+click → 무시 (Chrome 표준: 다운로드, SPA에서는 해당 없음)
+    if (event.altKey) return;
+
     event.preventDefault();
     event.stopPropagation();
 
@@ -47,22 +50,11 @@ export class SdRouterLinkDirective {
         option.params,
         `width=${width},height=${height}`,
       );
-    } else if (event.ctrlKey || event.altKey) {
-      const qp = option.queryParams
-        ? "?" + new URLSearchParams(option.queryParams).toString()
-        : "";
-      this._navWindow.open(option.link + qp, option.params, "_blank");
-    } else if (event.shiftKey) {
-      const width = option.window?.width ?? 800;
-      const height = option.window?.height ?? 800;
+    } else if (event.ctrlKey || event.shiftKey) {
       const qp = option.queryParams
         ? "?" + new URLSearchParams(option.queryParams).toString()
         : "";
-      this._navWindow.open(
-        option.link + qp,
-        option.params,
-        `width=${width},height=${height}`,
-      );
+      this._navWindow.open(option.link + qp, option.params);
     } else if (option.outletName === undefined) {
       await this._router.navigate(
         [option.link, ...(option.params ? [option.params] : [])],

package/src/core/plugins/events/sd-resize-event.plugin.ts

@@ -45,6 +45,9 @@ export class SdResizeEventPlugin extends EventManagerPlugin {
     resizeObserver.observe(element);
 
     return (): void => {
+      if (animationFrameId != null) {
+        cancelAnimationFrame(animationFrameId);
+      }
       resizeObserver.disconnect();
     };
   }

package/src/core/plugins/sd-global-error-handler.plugin.ts

@@ -12,6 +12,7 @@ import { SdSystemLogProvider } from "../providers/sd-system-log.provider";
 export class SdGlobalErrorHandlerPlugin implements ErrorHandler {
   private readonly _envInjector = inject(EnvironmentInjector);
   private readonly _systemLog = inject(SdSystemLogProvider);
+  private _hasDisplayedError = false;
 
   handleError(event: any) {
     try {
@@ -82,6 +83,9 @@ export class SdGlobalErrorHandlerPlugin implements ErrorHandler {
   }
 
   private _displayErrorMessage(title: string, param: Record<string, string>) {
+    if (this._hasDisplayedError) return;
+    this._hasDisplayedError = true;
+
     const paramLines = Object.keys(param).map((key) => key + ": " + param[key]);
 
     void this._systemLog.writeAsync("error", `[${title}]\n${paramLines.join("\n")}`);

package/src/core/providers/sd-app-structure.provider.ts

@@ -48,6 +48,9 @@ export abstract class SdAppStructureUtils {
 
   static getTitleByFullCode<TModule>(items: TSdAppStructureItem<TModule>[], fullCode: string) {
     const itemChain = this.getItemChainByFullCode(items, fullCode);
+    if (itemChain.length === 0) {
+      throw new Error(`Item not found for fullCode: ${fullCode}`);
+    }
     const parent = itemChain
       .slice(0, -1)
       .map((item) => item.title)
@@ -72,7 +75,7 @@ export abstract class SdAppStructureUtils {
       else if (
         fullCodes.every((fullCode) => {
           const item = this.getItemChainByFullCode(items, fullCode).last();
-          return !item || !("perms" in item);
+          return item != null && !("perms" in item);
         })
       ) {
         result.push(permKey);