@simplysm/angular 14.0.7 → 14.0.8

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();
@@ -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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplysm/angular",
-  "version": "14.0.7",
+  "version": "14.0.8",
   "description": "심플리즘 패키지 - Angular",
   "author": "심플리즘",
   "license": "Apache-2.0",
@@ -50,10 +50,10 @@
     "jspdf": "^4.2.1",
     "rxjs": "^7.8.2",
     "tabbable": "^6.4.0",
-    "@simplysm/core-browser": "14.0.7",
-    "@simplysm/service-client": "14.0.7",
-    "@simplysm/core-common": "14.0.7",
-    "@simplysm/service-common": "14.0.7"
+    "@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/utils/injectParent.ts

@@ -0,0 +1,41 @@
+import { type AbstractType, inject, Injector, ViewContainerRef } from "@angular/core";
+
+export function injectParent<T = object>(): T;
+export function injectParent<T = object>(type: AbstractType<T>): T;
+export function injectParent<T = object>(
+  type: AbstractType<T>,
+  options: { optional: true },
+): T | undefined;
+export function injectParent<T = object>(
+  type?: AbstractType<T>,
+  options?: { optional: true },
+): T | undefined {
+  let currentInjector: Injector | undefined = inject(ViewContainerRef).injector;
+  while (currentInjector != null) {
+    // Angular internal: NodeInjector._lView[CONTEXT=8]에 컴포넌트 인스턴스 저장
+    const lView: unknown[] | undefined = (
+      currentInjector as unknown as { _lView?: unknown[] }
+    )._lView;
+    if (lView == null) {
+      break;
+    }
+
+    const comp = lView[8] as object;
+    if (type == null) {
+      return comp as T;
+    }
+    if (comp instanceof type) {
+      return comp as T;
+    }
+
+    currentInjector = currentInjector.get(Injector, undefined, {
+      skipSelf: true,
+      optional: true,
+    }) as Injector | undefined;
+  }
+
+  if (options?.optional) {
+    return undefined;
+  }
+  throw new Error("부모 컴포넌트를 찾을 수 없습니다.");
+}

package/src/features/base/sd-base-container.control.ts

@@ -0,0 +1,113 @@
+import { NgTemplateOutlet } from "@angular/common";
+import {
+  booleanAttribute,
+  ChangeDetectionStrategy,
+  Component,
+  computed,
+  contentChild,
+  inject,
+  input,
+  TemplateRef,
+  ViewEncapsulation,
+} from "@angular/core";
+import { SdBusyContainerControl } from "../../ui/overlay/busy/sd-busy-container.control";
+import { SdTopbarContainerControl } from "../../ui/navigation/topbar/sd-topbar-container.control";
+import { SdTopbarControl } from "../../ui/navigation/topbar/sd-topbar.control";
+import { SdAppStructureProvider } from "../../core/providers/sd-app-structure.provider";
+import { SdActivatedModalProvider } from "../../ui/overlay/modal/sd-modal.provider";
+import { useCurrentPageCodeSignal } from "../../core/utils/useCurrentPageCodeSignal";
+import { useFullPageCodeSignal } from "../../core/utils/useFullPageCodeSignal";
+import {
+  useViewTypeSignal,
+  type TSdViewType,
+} from "../../core/utils/useViewTypeSignal";
+import { injectParent } from "../../core/utils/injectParent";
+import { NgIcon } from "@ng-icons/core";
+import { tablerAlertTriangle } from "@ng-icons/tabler-icons";
+
+@Component({
+  selector: "sd-base-container",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  encapsulation: ViewEncapsulation.None,
+  standalone: true,
+  imports: [
+    SdBusyContainerControl,
+    SdTopbarContainerControl,
+    SdTopbarControl,
+    NgTemplateOutlet,
+    NgIcon,
+  ],
+  template: `
+    <sd-busy-container [busy]="busy()" [message]="busyMessage()">
+      @if (initialized() === undefined || initialized()) {
+        @if (restricted()) {
+          <div class="fill tx-theme-gray-light p-xxl tx-center">
+            <br />
+            <ng-icon [svg]="tablerAlertTriangle" [size]="'5em'" />
+            <br />
+            <br />
+            '{{ modalOrPageTitle() }}'에 대한 사용권한이 없습니다. 시스템 관리자에게 문의하세요.
+          </div>
+        } @else if (currViewType() === "page") {
+          <sd-topbar-container>
+            <sd-topbar>
+              <h4>{{ modalOrPageTitle() }}</h4>
+
+              <ng-template [ngTemplateOutlet]="pageTopbarTplRef() ?? null" />
+            </sd-topbar>
+
+            <div class="fill">
+              <ng-template [ngTemplateOutlet]="contentTplRef()" />
+            </div>
+          </sd-topbar-container>
+        } @else if (currViewType() === "modal") {
+          <div class="flex-column fill">
+            <div class="flex-fill">
+              <ng-template [ngTemplateOutlet]="contentTplRef()" />
+            </div>
+            @if (modalBottomTplRef()) {
+              <div class="bdt bdt-theme-gray-lightest">
+                <ng-template [ngTemplateOutlet]="modalBottomTplRef() ?? null" />
+              </div>
+            }
+          </div>
+        } @else {
+          <ng-template [ngTemplateOutlet]="contentTplRef()" />
+        }
+      }
+    </sd-busy-container>
+  `,
+})
+export class SdBaseContainerControl {
+  private readonly _sdActivatedModal = inject(SdActivatedModalProvider, { optional: true });
+  private readonly _sdAppStructure = inject(SdAppStructureProvider);
+
+  private readonly _parent = injectParent();
+
+  private readonly _fullPageCode = useFullPageCodeSignal();
+  private readonly _currPageCode = useCurrentPageCodeSignal();
+
+  contentTplRef = contentChild.required("contentTpl", { read: TemplateRef });
+
+  pageTopbarTplRef = contentChild("pageTopbarTpl", { read: TemplateRef });
+  modalBottomTplRef = contentChild("modalBottomTpl", { read: TemplateRef });
+
+  private readonly _parentViewType = useViewTypeSignal(() => this._parent);
+  viewType = input<TSdViewType>();
+  currViewType = computed(() => this.viewType() ?? this._parentViewType());
+
+  header = input<string>();
+  modalOrPageTitle = computed(
+    () =>
+      this.header() ??
+      this._sdActivatedModal?.modalComponent()?.title() ??
+      this._sdAppStructure.getTitleByFullCode(this._currPageCode?.() ?? this._fullPageCode()),
+  );
+
+  initialized = input<boolean | undefined>(undefined);
+  restricted = input(false, { transform: booleanAttribute });
+  busy = input(false, { transform: booleanAttribute });
+  busyMessage = input<string>();
+
+  protected readonly tablerAlertTriangle = tablerAlertTriangle;
+}

package/src/index.ts

@@ -62,6 +62,10 @@ export {
   type IExpandItemDef,
 } from "./core/utils/useExpandingManager";
 export { useSelectionManager } from "./core/utils/useSelectionManager";
+export { injectParent } from "./core/utils/injectParent";
+
+// features
+export { SdBaseContainerControl } from "./features/base/sd-base-container.control";
 
 // ui/layout
 export { SdDockContainerControl } from "./ui/layout/dock/sd-dock-container.control";

package/src/ui/data/list/sd-list-item.control.ts

@@ -131,7 +131,7 @@ export class SdListItemControl {
   });
 
   constructor() {
-    setupRipple(() => !this.readonly() && !(this.layout() === "flat" && this.hasChildren()));
+    setupRipple(() => !this.readonly() && this.layout() !== "flat");
   }
 
   onContentClick(): void {

package/src/ui/data/sheet/sd-sheet.control.ts

@@ -384,7 +384,7 @@ export class SdSheetControl<T> {
   // Resizing state
   _isResizing = signal(false);
   _resizeIndicatorLeft = signal(0);
-  private _isOnResizing = false;
+  private _lastResizeEndTimeStamp = 0;
   private _resizingCleanup: (() => void) | null = null;
 
   // Config resource
@@ -478,13 +478,21 @@ export class SdSheetControl<T> {
     getItemSelectableFn: this.getItemSelectableFn,
   });
 
+  private readonly _columnControlMap = computed(() => {
+    const map = new Map<string, SdSheetColumnDirective>();
+    for (const col of this.columnControls()) {
+      map.set(col.key(), col);
+    }
+    return map;
+  });
+
   getColumnCellTpl(key: string) {
-    const col = this.columnControls().find((c) => c.key() === key);
+    const col = this._columnControlMap().get(key);
     return col?.cellTplRef() ?? null;
   }
 
   getColumnSummaryTpl(key: string) {
-    const col = this.columnControls().find((c) => c.key() === key);
+    const col = this._columnControlMap().get(key);
     return col?.summaryTplRef() ?? null;
   }
 
@@ -513,9 +521,8 @@ export class SdSheetControl<T> {
     if (fixedStyle != null) {
       parts.push(fixedStyle);
     }
-    const customStyle = this.getItemCellStyleFn()
-      ? this.getItemCellStyleFn()!(item, colDef.key)
-      : undefined;
+    const styleFn = this.getItemCellStyleFn();
+    const customStyle = styleFn != null ? styleFn(item, colDef.key) : undefined;
     if (customStyle != null) {
       parts.push(customStyle);
     }
@@ -556,7 +563,7 @@ export class SdSheetControl<T> {
   }
 
   onHeaderClick(event: MouseEvent, cell: ISdSheetHeaderDef): void {
-    if (this._isOnResizing) return;
+    if (event.timeStamp - this._lastResizeEndTimeStamp < 50) return;
     if (cell.colDef == null) return;
     if (cell.colDef.disableSorting) return;
     this.sorting.toggle(cell.colDef.key, event.shiftKey);
@@ -642,7 +649,8 @@ export class SdSheetControl<T> {
 
   getDataCellClass(item: T, colDef: ISdSheetColumnDef, r: number, c: number): string | null {
     const parts: string[] = [];
-    const customClass = this.getItemCellClassFn() ? this.getItemCellClassFn()!(item, colDef.key) : undefined;
+    const classFn = this.getItemCellClassFn();
+    const customClass = classFn != null ? classFn(item, colDef.key) : undefined;
     if (customClass != null) {
       parts.push(customClass);
     }
@@ -700,7 +708,6 @@ export class SdSheetControl<T> {
     const startWidth = th.offsetWidth;
 
     this._isResizing.set(true);
-    this._isOnResizing = true;
     this._resizeIndicatorLeft.set(
       th.offsetLeft + th.offsetWidth - container.scrollLeft,
     );
@@ -724,10 +731,7 @@ export class SdSheetControl<T> {
       this._isResizing.set(false);
       this._saveColumnConfig(colDef.key, { width: `${newWidth}px` });
 
-      // Prevent sorting for 300ms after resize
-      setTimeout(() => {
-        this._isOnResizing = false;
-      }, 300);
+      this._lastResizeEndTimeStamp = e.timeStamp;
     };
 
     document.addEventListener("mousemove", onMouseMove);

package/src/ui/data/sheet/useSheetCellAgent.ts

@@ -192,8 +192,7 @@ export function useSheetCellAgent(options: {
       }
 
       event.preventDefault();
-      const text = td.textContent;
-      await navigator.clipboard.writeText(text);
+      await navigator.clipboard.writeText(td.textContent);
       return;
     }
 

package/src/ui/data/sheet/useSheetLayoutEngine.ts

@@ -112,6 +112,7 @@ export function useSheetLayoutEngine(options: {
 
           if (canMerge && lastCell != null) {
             lastCell.colspan += 1;
+            spanStartHeaders[row] = headers;
           } else {
             table[row].push({
               text,

package/src/ui/layout/dock/sd-dock.control.ts

@@ -2,6 +2,7 @@ import {
   booleanAttribute,
   ChangeDetectionStrategy,
   Component,
+  DestroyRef,
   effect,
   ElementRef,
   inject,
@@ -87,6 +88,9 @@ import type { ISdResizeEvent } from "../../../core/plugins/events/sd-resize-even
 })
 export class SdDockControl {
   private readonly _elRef = inject(ElementRef<HTMLElement>);
+  private readonly _destroyRef = inject(DestroyRef);
+
+  private _dragCleanup: (() => void) | undefined;
 
   key = input<string>();
   position = input<"top" | "bottom" | "right" | "left">("top");
@@ -97,6 +101,10 @@ export class SdDockControl {
   private readonly _config = useSdSystemConfigResource<{ size?: string }>({ key: this.key });
 
   constructor() {
+    this._destroyRef.onDestroy(() => {
+      this._dragCleanup?.();
+    });
+
     effect(() => {
       const conf = this._config.value();
       if (this.resizable() && conf && conf.size != null) {
@@ -151,8 +159,7 @@ export class SdDockControl {
       e.stopPropagation();
       e.preventDefault();
 
-      document.removeEventListener("mousemove", doDrag);
-      document.removeEventListener("mouseup", stopDrag);
+      this._dragCleanup?.();
 
       if (this.key() != null) {
         const newConf: { size?: string } = {};
@@ -167,5 +174,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;
+    };
   }
 }

package/src/ui/layout/kanban/sd-kanban-lane.control.ts

@@ -136,9 +136,10 @@ export class SdKanbanLaneControl<L, T> implements ISdKanbanDropTarget<L, T> {
   toolTplRef = contentChild<any, TemplateRef<void>>("toolTpl", { read: TemplateRef });
   titleTplRef = contentChild<any, TemplateRef<void>>("titleTpl", { read: TemplateRef });
 
-  isAllSelected = computed(() =>
-    this.kanbanControls().length > 0 && this.kanbanControls().every((ctrl) => ctrl.selected()),
-  );
+  isAllSelected = computed(() => {
+    const selectableControls = this.kanbanControls().filter((ctrl) => ctrl.selectable());
+    return selectableControls.length > 0 && selectableControls.every((ctrl) => ctrl.selected());
+  });
 
   dragKanban = computed(() => this._boardControl.dragKanban());
 
@@ -161,6 +162,7 @@ export class SdKanbanLaneControl<L, T> implements ISdKanbanDropTarget<L, T> {
       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()!)) {
             r.push(ctrl.value()!);
@@ -171,6 +173,7 @@ export class SdKanbanLaneControl<L, T> implements ISdKanbanDropTarget<L, T> {
     } else {
       this._boardControl.selectedValues.update((v) => {
         const kanbanValues = this.kanbanControls()
+          .filter((ctrl) => ctrl.selectable())
           .map((ctrl) => ctrl.value())
           .filter((v2): v2 is T => v2 != null);
         const result = v.filter((item) => !kanbanValues.includes(item));

package/src/ui/navigation/pagination/sd-pagination.control.ts

@@ -67,7 +67,7 @@ export class SdPaginationControl {
   visiblePageCount = input(10, { transform: numberAttribute });
 
   private readonly groupIndex = computed(() => {
-    return Math.floor(this.currentPage() / this.visiblePageCount());
+    return Math.floor(this.currentPage() / Math.max(this.visiblePageCount(), 1));
   });
 
   hasPrev = computed(() => {
@@ -82,7 +82,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;
   });
 
@@ -112,7 +112,8 @@ export class SdPaginationControl {
   }
 
   goToPrevGroup(): void {
-    this.currentPage.set((this.groupIndex() - 1) * this.visiblePageCount());
+    if (!this.hasPrev()) return;
+    this.currentPage.set((this.groupIndex() - 1) * Math.max(this.visiblePageCount(), 1));
   }
 
   goToFirst(): void {
@@ -120,6 +121,7 @@ export class SdPaginationControl {
   }
 
   goToLast(): void {
+    if (this.totalPageCount() === 0) return;
     this.currentPage.set(this.totalPageCount() - 1);
   }
 }