@simplysm/angular 14.1.2 → 14.1.6

package/dist/controls/select/sd-select.js

@@ -18,7 +18,8 @@ const _c1 = ["beforeTpl"];
 const _c2 = [[["sd-select-button"]], "*"];
 const _c3 = ["sd-select-button", "*"];
 const _c4 = (a0, a1, a2, a3) => ({ $implicit: a0, item: a1, index: a2, depth: a3 });
-function _forTrack0($index, $item) { return this.trackByFn()($item.data, $item.index); }
+function _forTrack0($index, $item) { /* @ts-ignore */
+return this.trackByFn()($item.data, $item.index); }
 function SdSelect_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 4);
 } if (rf & 2) {
@@ -98,28 +99,42 @@ function SdSelect_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(0, 1);
 } }
 export class SdSelect {
-    selectMode = input("single", ...(ngDevMode ? [{ debugName: "selectMode" }] : /* istanbul ignore next */ []));
-    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
-    placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    selectMode = input("single", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectMode" }] : /* istanbul ignore next */ []));
+    value = model(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+    placeholder = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     inset = input(false, { ...(ngDevMode ? { debugName: "inset" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
+    size = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
     required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     hideSelectAll = input(false, { ...(ngDevMode ? { debugName: "hideSelectAll" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    multiSelectionDisplayDirection = input(...(ngDevMode ? [undefined, { debugName: "multiSelectionDisplayDirection" }] : /* istanbul ignore next */ []));
-    items = input(...(ngDevMode ? [undefined, { debugName: "items" }] : /* istanbul ignore next */ []));
-    trackByFn = input((item) => item, ...(ngDevMode ? [{ debugName: "trackByFn" }] : /* istanbul ignore next */ []));
-    getChildrenFn = input(...(ngDevMode ? [undefined, { debugName: "getChildrenFn" }] : /* istanbul ignore next */ []));
-    contentClass = input(...(ngDevMode ? [undefined, { debugName: "contentClass" }] : /* istanbul ignore next */ []));
-    contentStyle = input(...(ngDevMode ? [undefined, { debugName: "contentStyle" }] : /* istanbul ignore next */ []));
-    dropdownOpen = model(false, ...(ngDevMode ? [{ debugName: "dropdownOpen" }] : /* istanbul ignore next */ []));
+    multiSelectionDisplayDirection = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "multiSelectionDisplayDirection" }] : /* istanbul ignore next */ []));
+    items = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "items" }] : /* istanbul ignore next */ []));
+    trackByFn = input((item) => item, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "trackByFn" }] : /* istanbul ignore next */ []));
+    getChildrenFn = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "getChildrenFn" }] : /* istanbul ignore next */ []));
+    contentClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "contentClass" }] : /* istanbul ignore next */ []));
+    contentStyle = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "contentStyle" }] : /* istanbul ignore next */ []));
+    dropdownOpen = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dropdownOpen" }] : /* istanbul ignore next */ []));
     tablerCaretDown = tablerCaretDown;
-    _itemControls = contentChildren(SdSelectItem, ...(ngDevMode ? [{ debugName: "_itemControls" }] : /* istanbul ignore next */ []));
+    _itemControls = contentChildren(SdSelectItem, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_itemControls" }] : /* istanbul ignore next */ []));
     _dropdownControl = viewChild.required(SdDropdown);
     _dropdownElRef = viewChild.required(SdDropdown, { read: ElementRef });
-    _headerTpl = contentChild("headerTpl", ...(ngDevMode ? [{ debugName: "_headerTpl" }] : /* istanbul ignore next */ []));
-    _beforeTpl = contentChild("beforeTpl", ...(ngDevMode ? [{ debugName: "_beforeTpl" }] : /* istanbul ignore next */ []));
+    _headerTpl = contentChild("headerTpl", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_headerTpl" }] : /* istanbul ignore next */ []));
+    _beforeTpl = contentChild("beforeTpl", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_beforeTpl" }] : /* istanbul ignore next */ []));
     _itemOfTpl = contentChild(SdItemOfTemplate, { ...(ngDevMode ? { debugName: "_itemOfTpl" } : /* istanbul ignore next */ {}), read: TemplateRef });
     _sanitizer = inject(DomSanitizer);
     _selectedItemContentHTML = computed(() => {
@@ -149,7 +164,8 @@ export class SdSelect {
         if (html === "")
             return undefined;
         return this._sanitizer.bypassSecurityTrustHtml(html);
-    }, ...(ngDevMode ? [{ debugName: "_selectedItemContentHTML" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_selectedItemContentHTML" }] : /* istanbul ignore next */ []));
     _flatItems = computed(() => {
         const items = this.items();
         if (items == null)
@@ -170,7 +186,8 @@ export class SdSelect {
         };
         walk(items, 0);
         return flat;
-    }, ...(ngDevMode ? [{ debugName: "_flatItems" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_flatItems" }] : /* istanbul ignore next */ []));
     constructor() {
         // Required validation
         setupInvalid(() => {
@@ -318,7 +335,7 @@ export class SdSelect {
             SdGap,
             NgTemplateOutlet,
             SdRipple,
-            NgIcon], styles: ["sd-select {\n  display: block;\n  position: relative;\n  width: 100%;\n  min-width: 10em;\n}\nsd-select > sd-dropdown {\n  display: flex;\n  overflow: hidden;\n  border: 1px solid var(--border-color-light);\n  border-radius: var(--border-radius-default);\n  background: var(--theme-secondary-lightest);\n}\nsd-select > sd-dropdown:focus, sd-select > sd-dropdown:focus-within {\n  border-color: var(--theme-primary-default);\n}\nsd-select > sd-dropdown > ._sd-select-control {\n  display: flex;\n  position: relative;\n  gap: var(--gap-default);\n  flex-grow: 1;\n  padding: var(--gap-sm) var(--gap-default);\n  cursor: pointer;\n  font-family: var(--font-family-field);\n}\nsd-select > sd-dropdown > ._sd-select-control > ._sd-select-control-content {\n  flex: 1;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\nsd-select > sd-dropdown > ._sd-select-control > ._sd-select-control-icon {\n  opacity: 0.3;\n}\nsd-select > sd-dropdown > ._sd-select-control:hover > ._sd-select-control-icon, sd-select > sd-dropdown > ._sd-select-control:focus > ._sd-select-control-icon, sd-select > sd-dropdown > ._sd-select-control:active > ._sd-select-control-icon {\n  opacity: 1;\n}\nsd-select > sd-dropdown > sd-select-button {\n  padding: var(--gap-sm);\n  border-left: 1px solid var(--theme-gray-lightest);\n}\nsd-select > sd-dropdown > sd-select-button:last-of-type {\n  border-top-right-radius: var(--border-radius-default);\n  border-bottom-right-radius: var(--border-radius-default);\n}\nsd-select[data-sd-disabled=true] > sd-dropdown {\n  background: var(--theme-gray-lightest);\n}\nsd-select[data-sd-disabled=true] > sd-dropdown > ._sd-select-control {\n  color: var(--text-trans-light);\n  cursor: default;\n}\nsd-select[data-sd-disabled=true] > sd-dropdown > ._sd-select-control > ._sd-select-control-icon {\n  display: none;\n}\nsd-select[data-sd-inline=true] {\n  display: inline-block;\n  width: auto;\n  vertical-align: top;\n}\nsd-select[data-sd-size=sm] > sd-dropdown > ._sd-select-control {\n  padding: var(--gap-xs) var(--gap-sm);\n  gap: var(--gap-sm);\n}\nsd-select[data-sd-size=sm] > sd-dropdown > sd-select-button {\n  padding: var(--gap-xs);\n}\nsd-select[data-sd-size=lg] > sd-dropdown > ._sd-select-control {\n  padding: var(--gap-default) var(--gap-lg);\n  gap: var(--gap-lg);\n}\nsd-select[data-sd-size=lg] > sd-dropdown > sd-select-button {\n  padding: var(--gap-default);\n}\nsd-select[data-sd-inset=true] {\n  min-width: auto;\n  border-radius: 0;\n}\nsd-select[data-sd-inset=true] > sd-dropdown {\n  border: none;\n  border-radius: 0;\n}\nsd-select[data-sd-inset=true] > sd-dropdown > sd-select-button {\n  border-radius: 0;\n}\nsd-select[data-sd-inset=true] > sd-dropdown:focus, sd-select[data-sd-inset=true] > sd-dropdown:focus-within {\n  outline: 1px solid var(--theme-primary-default);\n  outline-offset: -1px;\n}\nsd-select[data-sd-inset=true] > sd-dropdown:focus > sd-select-button, sd-select[data-sd-inset=true] > sd-dropdown:focus-within > sd-select-button {\n  outline: 1px solid var(--theme-primary-default);\n  outline-offset: -1px;\n}\nsd-select[data-sd-inset=true][data-sd-disabled=true] > sd-dropdown {\n  background: var(--control-color);\n}\nsd-select[data-sd-inset=true][data-sd-disabled=true] > sd-dropdown > ._sd-select-control {\n  color: var(--text-trans-default);\n}\n\n._sd-select-all-bar {\n  display: flex;\n  padding: var(--gap-sm) var(--gap-default);\n  border-bottom: 1px solid var(--border-color-light);\n}"], encapsulation: 2, changeDetection: 0 });
+            NgIcon], styles: ["sd-select {\n  display: block;\n  position: relative;\n  width: 100%;\n  min-width: 10em;\n}\nsd-select > sd-dropdown {\n  display: flex;\n  overflow: hidden;\n  border: 1px solid var(--border-color-light);\n  border-radius: var(--border-radius-default);\n  background: var(--theme-secondary-lightest);\n}\nsd-select > sd-dropdown:focus, sd-select > sd-dropdown:focus-within {\n  border-color: var(--theme-primary-default);\n}\nsd-select > sd-dropdown > ._sd-select-control {\n  display: flex;\n  position: relative;\n  gap: var(--gap-default);\n  flex-grow: 1;\n  padding: var(--gap-sm) var(--gap-default);\n  cursor: pointer;\n  font-family: var(--font-family-field);\n}\nsd-select > sd-dropdown > ._sd-select-control > ._sd-select-control-content {\n  flex: 1;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\nsd-select > sd-dropdown > ._sd-select-control > ._sd-select-control-icon {\n  opacity: 0.3;\n}\nsd-select > sd-dropdown > ._sd-select-control:hover > ._sd-select-control-icon, sd-select > sd-dropdown > ._sd-select-control:focus > ._sd-select-control-icon, sd-select > sd-dropdown > ._sd-select-control:active > ._sd-select-control-icon {\n  opacity: 1;\n}\nsd-select > sd-dropdown > sd-select-button {\n  padding: var(--gap-sm);\n  border-left: 1px solid var(--theme-gray-lightest);\n}\nsd-select > sd-dropdown > sd-select-button:last-of-type {\n  border-top-right-radius: var(--border-radius-default);\n  border-bottom-right-radius: var(--border-radius-default);\n}\nsd-select[data-sd-disabled=true] > sd-dropdown {\n  background: var(--theme-gray-lightest);\n}\nsd-select[data-sd-disabled=true] > sd-dropdown > ._sd-select-control {\n  color: var(--text-trans-light);\n  cursor: default;\n}\nsd-select[data-sd-disabled=true] > sd-dropdown > ._sd-select-control > ._sd-select-control-icon {\n  display: none;\n}\nsd-select[data-sd-inline=true] {\n  display: inline-block;\n  width: auto;\n  vertical-align: top;\n}\nsd-select[data-sd-size=sm] > sd-dropdown > ._sd-select-control {\n  padding: var(--gap-xs) var(--gap-sm);\n  gap: var(--gap-sm);\n}\nsd-select[data-sd-size=sm] > sd-dropdown > sd-select-button {\n  padding: var(--gap-xs);\n}\nsd-select[data-sd-size=lg] > sd-dropdown > ._sd-select-control {\n  padding: var(--gap-default) var(--gap-lg);\n  gap: var(--gap-lg);\n}\nsd-select[data-sd-size=lg] > sd-dropdown > sd-select-button {\n  padding: var(--gap-default);\n}\nsd-select[data-sd-inset=true] {\n  min-width: auto;\n  border-radius: 0;\n}\nsd-select[data-sd-inset=true] > sd-dropdown {\n  border: none;\n  border-radius: 0;\n}\nsd-select[data-sd-inset=true] > sd-dropdown > sd-select-button {\n  border-radius: 0;\n}\nsd-select[data-sd-inset=true] > sd-dropdown:focus, sd-select[data-sd-inset=true] > sd-dropdown:focus-within {\n  outline: 1px solid var(--theme-primary-default);\n  outline-offset: -1px;\n}\nsd-select[data-sd-inset=true] > sd-dropdown:focus > sd-select-button, sd-select[data-sd-inset=true] > sd-dropdown:focus-within > sd-select-button {\n  outline: 1px solid var(--theme-primary-default);\n  outline-offset: -1px;\n}\nsd-select[data-sd-inset=true][data-sd-disabled=true] > sd-dropdown {\n  background: var(--control-color);\n}\nsd-select[data-sd-inset=true][data-sd-disabled=true] > sd-dropdown > ._sd-select-control {\n  color: var(--text-trans-default);\n}\n\n._sd-select-all-bar {\n  display: flex;\n  padding: var(--gap-sm) var(--gap-default);\n  border-bottom: 1px solid var(--border-color-light);\n}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSelect, [{
         type: Component,

package/dist/controls/tab/sd-tab-item.d.ts

@@ -1,10 +1,10 @@
 import * as i0 from "@angular/core";
-export declare class SdTabItem {
+export declare class SdTabItem<T> {
     private readonly _parentControl;
-    value: import("@angular/core").InputSignal<any>;
+    value: import("@angular/core").InputSignal<T>;
     isSelected: import("@angular/core").Signal<boolean>;
     onClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdTabItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdTabItem, "sd-tab-item", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTabItem<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTabItem<any>, "sd-tab-item", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 //# sourceMappingURL=sd-tab-item.d.ts.map

package/dist/controls/tab/sd-tab-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-tab-item.d.ts","sourceRoot":"","sources":["../../../src/controls/tab/sd-tab-item.ts"],"names":[],"mappings":";AAWA,qBAiCa,SAAS;IACpB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA0C;IAEzE,KAAK,2CAAgB;IAErB,UAAU,0CAAgE;IAE1E,OAAO;yCAPI,SAAS;2CAAT,SAAS;CAUrB"}
+{"version":3,"file":"sd-tab-item.d.ts","sourceRoot":"","sources":["../../../src/controls/tab/sd-tab-item.ts"],"names":[],"mappings":";AAWA,qBAiCa,SAAS,CAAC,CAAC;IACtB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA6C;IAE5E,KAAK,yCAAuB;IAE5B,UAAU,0CAAgE;IAE1E,OAAO;yCAPI,SAAS;2CAAT,SAAS;CAUrB"}

package/dist/controls/tab/sd-tab-item.js

@@ -4,8 +4,10 @@ import * as i0 from "@angular/core";
 const _c0 = ["*"];
 export class SdTabItem {
     _parentControl = inject(forwardRef(() => SdTab));
-    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
-    isSelected = computed(() => this._parentControl.value() === this.value(), ...(ngDevMode ? [{ debugName: "isSelected" }] : /* istanbul ignore next */ []));
+    value = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    isSelected = computed(() => this._parentControl.value() === this.value(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isSelected" }] : /* istanbul ignore next */ []));
     onClick() {
         this._parentControl.value.set(this.value());
     }
@@ -17,7 +19,7 @@ export class SdTabItem {
         } }, inputs: { value: [1, "value"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdTabItem_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, styles: ["sd-tab-item {\n  display: inline-block;\n  padding: var(--gap-sm) var(--gap-default);\n  cursor: pointer;\n  margin-bottom: -2px;\n  border-bottom: 2px solid transparent !important;\n  font-weight: bold;\n  color: var(--theme-gray-default);\n}\nsd-tab-item[data-sd-selected=true] {\n  border-bottom: 3px solid var(--theme-primary-default) !important;\n  color: var(--theme-primary-default);\n}"], encapsulation: 2, changeDetection: 0 });
+        } }, styles: ["sd-tab-item {\n  display: inline-block;\n  padding: var(--gap-sm) var(--gap-default);\n  cursor: pointer;\n  margin-bottom: -2px;\n  border-bottom: 2px solid transparent !important;\n  font-weight: bold;\n  color: var(--theme-gray-default);\n}\nsd-tab-item[data-sd-selected=true] {\n  border-bottom: 3px solid var(--theme-primary-default) !important;\n  color: var(--theme-primary-default);\n}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTabItem, [{
         type: Component,
@@ -27,5 +29,5 @@ export class SdTabItem {
                 }, template: `
     <ng-content></ng-content>
   `, styles: ["sd-tab-item {\n  display: inline-block;\n  padding: var(--gap-sm) var(--gap-default);\n  cursor: pointer;\n  margin-bottom: -2px;\n  border-bottom: 2px solid transparent !important;\n  font-weight: bold;\n  color: var(--theme-gray-default);\n}\nsd-tab-item[data-sd-selected=true] {\n  border-bottom: 3px solid var(--theme-primary-default) !important;\n  color: var(--theme-primary-default);\n}"] }]
-    }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] }); })();
+    }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTabItem, { className: "SdTabItem", filePath: "packages/angular/src/controls/tab/sd-tab-item.ts", lineNumber: 45 }); })();

package/dist/controls/tab/sd-tab.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
-export declare class SdTab {
-    value: import("@angular/core").ModelSignal<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdTab, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdTab, "sd-tab", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+export declare class SdTab<T> {
+    value: import("@angular/core").ModelSignal<T | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTab<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdTab<any>, "sd-tab", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
 }
 //# sourceMappingURL=sd-tab.d.ts.map

package/dist/controls/tab/sd-tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-tab.d.ts","sourceRoot":"","sources":["../../../src/controls/tab/sd-tab.ts"],"names":[],"mappings":";AAEA,qBAoBa,KAAK;IAChB,KAAK,2CAAgB;yCADV,KAAK;2CAAL,KAAK;CAEjB"}
+{"version":3,"file":"sd-tab.d.ts","sourceRoot":"","sources":["../../../src/controls/tab/sd-tab.ts"],"names":[],"mappings":";AAEA,qBAoBa,KAAK,CAAC,CAAC;IAClB,KAAK,qDAAc;yCADR,KAAK;2CAAL,KAAK;CAEjB"}

package/dist/controls/tab/sd-tab.js

@@ -2,12 +2,13 @@ import { ChangeDetectionStrategy, Component, model, ViewEncapsulation } from "@a
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
 export class SdTab {
-    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+    value = model(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
     static ɵfac = function SdTab_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTab)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTab, selectors: [["sd-tab"]], inputs: { value: [1, "value"] }, outputs: { value: "valueChange" }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdTab_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, styles: ["sd-tab {\n  display: block;\n  border-bottom: 2px solid var(--theme-gray-lighter);\n  padding: 0 calc(var(--gap-default) + 1px) 0 calc(var(--gap-default) - 1px);\n}"], encapsulation: 2, changeDetection: 0 });
+        } }, styles: ["sd-tab {\n  display: block;\n  border-bottom: 2px solid var(--theme-gray-lighter);\n  padding: 0 calc(var(--gap-default) + 1px) 0 calc(var(--gap-default) - 1px);\n}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTab, [{
         type: Component,

package/dist/core/app-structure/sd-app-structure.provider.js

@@ -8,14 +8,19 @@ export function injectPermsSignal(viewCodes, keys) {
 // 권한은 모듈만 체크하고
 // 메뉴는 모듈/권한 모두 체크함
 export class SdAppStructureProvider {
-    usableModules = signal(undefined, ...(ngDevMode ? [{ debugName: "usableModules" }] : /* istanbul ignore next */ []));
-    permRecord = signal(undefined, ...(ngDevMode ? [{ debugName: "permRecord" }] : /* istanbul ignore next */ []));
-    items = signal([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    usableModules = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "usableModules" }] : /* istanbul ignore next */ []));
+    permRecord = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "permRecord" }] : /* istanbul ignore next */ []));
+    items = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
     initialize(items) {
         this.items.set(items);
     }
-    usableMenus = computed(() => SdAppStructureUtils.getMenus(this.items(), [], this.usableModules(), this.permRecord()), ...(ngDevMode ? [{ debugName: "usableMenus" }] : /* istanbul ignore next */ []));
-    usableFlatMenus = computed(() => SdAppStructureUtils.getFlatMenus(this.items(), this.usableModules(), this.permRecord()), ...(ngDevMode ? [{ debugName: "usableFlatMenus" }] : /* istanbul ignore next */ []));
+    usableMenus = computed(() => SdAppStructureUtils.getMenus(this.items(), [], this.usableModules(), this.permRecord()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "usableMenus" }] : /* istanbul ignore next */ []));
+    usableFlatMenus = computed(() => SdAppStructureUtils.getFlatMenus(this.items(), this.usableModules(), this.permRecord()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "usableFlatMenus" }] : /* istanbul ignore next */ []));
     getPermissionsByStructure(items, codeChain = []) {
         return SdAppStructureUtils.getPermissions(items, codeChain, this.usableModules());
     }

package/dist/core/busy/sd-busy-container.js

@@ -32,10 +32,14 @@ function SdBusyContainer_Conditional_7_Template(rf, ctx) { if (rf & 1) {
 export class SdBusyContainer {
     _sdBusy = inject(SdBusyProvider);
     busy = input(false, { ...(ngDevMode ? { debugName: "busy" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    message = input(undefined, ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
-    type = input(undefined, ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
-    progressPercent = input(undefined, ...(ngDevMode ? [{ debugName: "progressPercent" }] : /* istanbul ignore next */ []));
-    currType = computed(() => this.type() ?? this._sdBusy.type(), ...(ngDevMode ? [{ debugName: "currType" }] : /* istanbul ignore next */ []));
+    message = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+    type = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    progressPercent = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "progressPercent" }] : /* istanbul ignore next */ []));
+    currType = computed(() => this.type() ?? this._sdBusy.type(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currType" }] : /* istanbul ignore next */ []));
     onKeydownCapture(event) {
         if (this.busy()) {
             event.preventDefault();
@@ -65,7 +69,7 @@ export class SdBusyContainer {
             i0.ɵɵconditional(ctx.message() != undefined ? 6 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.progressPercent() != null ? 7 : -1);
-        } }, styles: ["/*@function to-rgb($oklch-color) {\n  @return color.to-space($oklch-color, rgb);\n}*/\n/*$colors: (\n  red: to-rgb(oklch(0.704 0.191 22.216)),\n  orange: to-rgb(oklch(0.75 0.183 55.934)),\n  amber: to-rgb(oklch(0.828 0.189 84.429)),\n  yellow: to-rgb(oklch(0.852 0.199 91.936)),\n  lime: to-rgb(oklch(0.841 0.238 128.85)),\n  green: to-rgb(oklch(0.792 0.209 151.711)),\n  emerald: to-rgb(oklch(0.765 0.177 163.223)),\n  teal: to-rgb(oklch(0.777 0.152 181.912)),\n  cyan: to-rgb(oklch(0.789 0.154 211.53)),\n  sky: to-rgb(oklch(0.746 0.16 232.661)),\n  blue: to-rgb(oklch(0.707 0.165 254.624)),\n  indigo: to-rgb(oklch(0.673 0.182 276.935)),\n  violet: to-rgb(oklch(0.702 0.183 293.541)),\n  purple: to-rgb(oklch(0.714 0.203 305.504)),\n  fuchsia: to-rgb(oklch(0.74 0.238 322.16)),\n  pink: to-rgb(oklch(0.718 0.202 349.761)),\n  rose: to-rgb(oklch(0.712 0.194 13.428)),\n  slate: to-rgb(oklch(0.704 0.04 256.788)),\n  gray: to-rgb(oklch(0.707 0.022 261.325)),\n  zinc: to-rgb(oklch(0.705 0.015 286.067)),\n  neutral: to-rgb(oklch(0.708 0 0)),\n  stone: to-rgb(oklch(0.709 0.01 56.259)),\n);*/\nsd-busy-container {\n  display: block;\n  position: relative;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  min-width: 70px;\n  min-height: 70px;\n  overflow: auto;\n}\nsd-busy-container > ._screen {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 9998;\n  visibility: hidden;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity var(--animation-duration);\n  transition-timing-function: linear;\n}\nsd-busy-container > ._screen > ._progress {\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 4px;\n  width: 100%;\n  background-color: var(--background-color);\n}\nsd-busy-container > ._screen > ._progress > ._progress-bar {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: inline-block;\n  content: \"\";\n  height: 4px;\n  width: 100%;\n  transition: var(--animation-duration) ease-in;\n  transition-property: transform;\n  transform-origin: left;\n  transform: scaleX(0);\n  background-color: var(--theme-primary-default);\n}\nsd-busy-container[data-sd-busy=true] > ._screen {\n  visibility: visible;\n  pointer-events: auto;\n  opacity: 1;\n}\nsd-busy-container[data-sd-type=spinner] > ._screen > ._rect {\n  transform: translateY(-100%);\n  transition: var(--animation-duration) ease-in;\n  transition-property: transform;\n}\nsd-busy-container[data-sd-type=spinner] > ._screen > ._rect > ._indicator {\n  top: 0;\n  width: 30px;\n  height: 30px;\n  margin: 20px auto 0 auto;\n  border: 6px solid var(--background-color);\n  border-radius: 100%;\n  border-bottom-color: var(--theme-primary-default);\n  animation: sd-busy-spin 1s linear infinite;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n}\nsd-busy-container[data-sd-type=spinner] > ._screen > ._rect > ._indicator > div {\n  display: none;\n}\nsd-busy-container[data-sd-type=spinner] > ._screen > ._rect > ._message {\n  position: absolute;\n  top: 55px;\n  width: 100%;\n  color: var(--background-color);\n  font-weight: bold;\n  text-align: center;\n  text-shadow: 0 0 2px var(--background-rev-color);\n}\nsd-busy-container[data-sd-type=spinner][data-sd-busy=true] > ._screen > ._rect {\n  transform: none;\n  transition: var(--animation-duration) ease-out;\n}\nsd-busy-container[data-sd-type=bar] {\n  min-height: 4px;\n}\nsd-busy-container[data-sd-type=bar][data-sd-busy=true] > ._screen > ._rect > ._indicator {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 4px;\n  width: 100%;\n  background-color: var(--background-color);\n}\nsd-busy-container[data-sd-type=bar][data-sd-busy=true] > ._screen > ._rect > ._indicator:before, sd-busy-container[data-sd-type=bar][data-sd-busy=true] > ._screen > ._rect > ._indicator:after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: inline-block;\n  content: \"\";\n  height: 4px;\n  width: 100%;\n  transform-origin: left;\n}\nsd-busy-container[data-sd-type=bar][data-sd-busy=true] > ._screen > ._rect > ._indicator:before {\n  background-color: var(--theme-primary-default);\n  animation: sd-busy-bar-indicator-before 2s infinite ease-in;\n}\nsd-busy-container[data-sd-type=bar][data-sd-busy=true] > ._screen > ._rect > ._indicator:after {\n  background-color: var(--background-color);\n  animation: sd-busy-bar-indicator-after 2s infinite ease-out;\n}\nsd-busy-container[data-sd-type=bar][data-sd-busy=true] > ._screen > ._rect > ._indicator > div {\n  display: none;\n}\nsd-busy-container[data-sd-type=bar][data-sd-busy=true] > ._screen > ._rect > ._message {\n  position: absolute;\n  top: 4px;\n  right: 0;\n  display: inline-block;\n}\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator {\n  position: absolute;\n  top: calc(50% - 20px);\n  left: calc(50% - 20px);\n  width: 40px;\n  height: 40px;\n  transform: rotateZ(45deg);\n}\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube1,\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube2,\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube3,\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube4 {\n  float: left;\n  width: 50%;\n  height: 50%;\n  position: relative;\n}\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube1:before,\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube2:before,\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube3:before,\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube4:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--trans-light);\n  animation: sd-busy-cube 2.4s infinite linear both;\n  transform-origin: 100% 100%;\n}\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube2 {\n  transform: rotateZ(90deg);\n}\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube2:before {\n  animation-delay: 0.3s;\n}\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube3 {\n  transform: rotateZ(180deg);\n}\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube3:before {\n  animation-delay: 0.6s;\n}\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube4 {\n  transform: rotateZ(270deg);\n}\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube4:before {\n  animation-delay: 0.9s;\n}\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._message {\n  position: absolute;\n  top: 4px;\n  right: 0;\n  display: inline-block;\n}\n\n@keyframes sd-busy-spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes sd-busy-bar-indicator-before {\n  0% {\n    transform: scaleX(0);\n  }\n  60%, 100% {\n    transform: scaleX(1);\n  }\n}\n@keyframes sd-busy-bar-indicator-after {\n  0%, 50% {\n    transform: scaleX(0);\n  }\n  100% {\n    transform: scaleX(1);\n  }\n}\n@keyframes sd-busy-cube {\n  0%, 10% {\n    transform: perspective(140px) rotateX(-180deg);\n    opacity: 0;\n  }\n  25%, 75% {\n    transform: perspective(140px) rotateX(0deg);\n    opacity: 1;\n  }\n  90%, 100% {\n    transform: perspective(140px) rotateY(180deg);\n    opacity: 0;\n  }\n}"], encapsulation: 2, changeDetection: 0 });
+        } }, styles: ["/*@function to-rgb($oklch-color) {\n  @return color.to-space($oklch-color, rgb);\n}*/\n/*$colors: (\n  red: to-rgb(oklch(0.704 0.191 22.216)),\n  orange: to-rgb(oklch(0.75 0.183 55.934)),\n  amber: to-rgb(oklch(0.828 0.189 84.429)),\n  yellow: to-rgb(oklch(0.852 0.199 91.936)),\n  lime: to-rgb(oklch(0.841 0.238 128.85)),\n  green: to-rgb(oklch(0.792 0.209 151.711)),\n  emerald: to-rgb(oklch(0.765 0.177 163.223)),\n  teal: to-rgb(oklch(0.777 0.152 181.912)),\n  cyan: to-rgb(oklch(0.789 0.154 211.53)),\n  sky: to-rgb(oklch(0.746 0.16 232.661)),\n  blue: to-rgb(oklch(0.707 0.165 254.624)),\n  indigo: to-rgb(oklch(0.673 0.182 276.935)),\n  violet: to-rgb(oklch(0.702 0.183 293.541)),\n  purple: to-rgb(oklch(0.714 0.203 305.504)),\n  fuchsia: to-rgb(oklch(0.74 0.238 322.16)),\n  pink: to-rgb(oklch(0.718 0.202 349.761)),\n  rose: to-rgb(oklch(0.712 0.194 13.428)),\n  slate: to-rgb(oklch(0.704 0.04 256.788)),\n  gray: to-rgb(oklch(0.707 0.022 261.325)),\n  zinc: to-rgb(oklch(0.705 0.015 286.067)),\n  neutral: to-rgb(oklch(0.708 0 0)),\n  stone: to-rgb(oklch(0.709 0.01 56.259)),\n);*/\nsd-busy-container {\n  display: block;\n  position: relative;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  min-width: 70px;\n  min-height: 70px;\n  overflow: auto;\n}\nsd-busy-container > ._screen {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 9998;\n  visibility: hidden;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity var(--animation-duration);\n  transition-timing-function: linear;\n}\nsd-busy-container > ._screen > ._progress {\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 4px;\n  width: 100%;\n  background-color: var(--background-color);\n}\nsd-busy-container > ._screen > ._progress > ._progress-bar {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: inline-block;\n  content: \"\";\n  height: 4px;\n  width: 100%;\n  transition: var(--animation-duration) ease-in;\n  transition-property: transform;\n  transform-origin: left;\n  transform: scaleX(0);\n  background-color: var(--theme-primary-default);\n}\nsd-busy-container[data-sd-busy=true] > ._screen {\n  visibility: visible;\n  pointer-events: auto;\n  opacity: 1;\n}\nsd-busy-container[data-sd-type=spinner] > ._screen > ._rect {\n  transform: translateY(-100%);\n  transition: var(--animation-duration) ease-in;\n  transition-property: transform;\n}\nsd-busy-container[data-sd-type=spinner] > ._screen > ._rect > ._indicator {\n  top: 0;\n  width: 30px;\n  height: 30px;\n  margin: 20px auto 0 auto;\n  border: 6px solid var(--background-color);\n  border-radius: 100%;\n  border-bottom-color: var(--theme-primary-default);\n  animation: sd-busy-spin 1s linear infinite;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n}\nsd-busy-container[data-sd-type=spinner] > ._screen > ._rect > ._indicator > div {\n  display: none;\n}\nsd-busy-container[data-sd-type=spinner] > ._screen > ._rect > ._message {\n  position: absolute;\n  top: 55px;\n  width: 100%;\n  color: var(--background-color);\n  font-weight: bold;\n  text-align: center;\n  text-shadow: 0 0 2px var(--background-rev-color);\n}\nsd-busy-container[data-sd-type=spinner][data-sd-busy=true] > ._screen > ._rect {\n  transform: none;\n  transition: var(--animation-duration) ease-out;\n}\nsd-busy-container[data-sd-type=bar] {\n  min-height: 4px;\n}\nsd-busy-container[data-sd-type=bar][data-sd-busy=true] > ._screen > ._rect > ._indicator {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 4px;\n  width: 100%;\n  background-color: var(--background-color);\n}\nsd-busy-container[data-sd-type=bar][data-sd-busy=true] > ._screen > ._rect > ._indicator:before, sd-busy-container[data-sd-type=bar][data-sd-busy=true] > ._screen > ._rect > ._indicator:after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: inline-block;\n  content: \"\";\n  height: 4px;\n  width: 100%;\n  transform-origin: left;\n}\nsd-busy-container[data-sd-type=bar][data-sd-busy=true] > ._screen > ._rect > ._indicator:before {\n  background-color: var(--theme-primary-default);\n  animation: sd-busy-bar-indicator-before 2s infinite ease-in;\n}\nsd-busy-container[data-sd-type=bar][data-sd-busy=true] > ._screen > ._rect > ._indicator:after {\n  background-color: var(--background-color);\n  animation: sd-busy-bar-indicator-after 2s infinite ease-out;\n}\nsd-busy-container[data-sd-type=bar][data-sd-busy=true] > ._screen > ._rect > ._indicator > div {\n  display: none;\n}\nsd-busy-container[data-sd-type=bar][data-sd-busy=true] > ._screen > ._rect > ._message {\n  position: absolute;\n  top: 4px;\n  right: 0;\n  display: inline-block;\n}\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator {\n  position: absolute;\n  top: calc(50% - 20px);\n  left: calc(50% - 20px);\n  width: 40px;\n  height: 40px;\n  transform: rotateZ(45deg);\n}\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube1,\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube2,\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube3,\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube4 {\n  float: left;\n  width: 50%;\n  height: 50%;\n  position: relative;\n}\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube1:before,\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube2:before,\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube3:before,\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube4:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--trans-light);\n  animation: sd-busy-cube 2.4s infinite linear both;\n  transform-origin: 100% 100%;\n}\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube2 {\n  transform: rotateZ(90deg);\n}\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube2:before {\n  animation-delay: 0.3s;\n}\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube3 {\n  transform: rotateZ(180deg);\n}\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube3:before {\n  animation-delay: 0.6s;\n}\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube4 {\n  transform: rotateZ(270deg);\n}\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._indicator ._cube4:before {\n  animation-delay: 0.9s;\n}\nsd-busy-container[data-sd-type=cube] > ._screen > ._rect > ._message {\n  position: absolute;\n  top: 4px;\n  right: 0;\n  display: inline-block;\n}\n\n@keyframes sd-busy-spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes sd-busy-bar-indicator-before {\n  0% {\n    transform: scaleX(0);\n  }\n  60%, 100% {\n    transform: scaleX(1);\n  }\n}\n@keyframes sd-busy-bar-indicator-after {\n  0%, 50% {\n    transform: scaleX(0);\n  }\n  100% {\n    transform: scaleX(1);\n  }\n}\n@keyframes sd-busy-cube {\n  0%, 10% {\n    transform: perspective(140px) rotateX(-180deg);\n    opacity: 0;\n  }\n  25%, 75% {\n    transform: perspective(140px) rotateX(0deg);\n    opacity: 1;\n  }\n  90%, 100% {\n    transform: perspective(140px) rotateY(180deg);\n    opacity: 0;\n  }\n}"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdBusyContainer, [{
         type: Component,

package/dist/core/busy/sd-busy.provider.js

@@ -5,8 +5,10 @@ import * as i0 from "@angular/core";
 export class SdBusyProvider {
     _appRef = inject(ApplicationRef);
     _envInjector = inject(EnvironmentInjector);
-    type = signal("bar", ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
-    globalBusyCount = signal(0, ...(ngDevMode ? [{ debugName: "globalBusyCount" }] : /* istanbul ignore next */ []));
+    type = signal("bar", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    globalBusyCount = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "globalBusyCount" }] : /* istanbul ignore next */ []));
     _containerRef;
     get containerRef() {
         if (this._containerRef == null) {

package/dist/core/config/injectSdSystemConfigResource.js

@@ -7,7 +7,7 @@ export function injectSdSystemConfigResource(options) {
     const elTag = elRef.nativeElement.tagName.toLowerCase();
     const res = resource({ ...(ngDevMode ? { debugName: "res" } : /* istanbul ignore next */ {}), params: () => options.key(),
         loader: async ({ params: key }) => {
-            return (await sdSystemConfig.getAsync(`${elTag}.${key}`));
+            return sdSystemConfig.getAsync(`${elTag}.${key}`);
         } });
     function set(value) {
         res.set(value);

package/dist/core/config/sd-system-config.provider.d.ts

@@ -6,7 +6,7 @@ export declare class SdSystemConfigProvider<T> {
         get(key: keyof T & string): PromiseLike<unknown>;
     };
     setAsync<K extends keyof T & string>(key: K, data: T[K] | undefined): Promise<void>;
-    getAsync(key: keyof T & string): Promise<unknown>;
+    getAsync<K extends keyof T & string>(key: K): Promise<T[K] | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdSystemConfigProvider<any>, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SdSystemConfigProvider<any>>;
 }

package/dist/core/config/sd-system-config.provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-system-config.provider.d.ts","sourceRoot":"","sources":["../../../src/core/config/sd-system-config.provider.ts"],"names":[],"mappings":";AAGA,qBACa,sBAAsB,CAAC,CAAC;IACnC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA6D;IAE7F,EAAE,CAAC,EAAE;QACH,GAAG,CAAC,CAAC,SAAS,MAAM,CAAC,GAAG,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;QACtF,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;KAClD,CAAC;IAEI,QAAQ,CAAC,CAAC,SAAS,MAAM,CAAC,GAAG,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS;IAUnE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,MAAM;yCAlBzB,sBAAsB;6CAAtB,sBAAsB;CAyBlC"}
+{"version":3,"file":"sd-system-config.provider.d.ts","sourceRoot":"","sources":["../../../src/core/config/sd-system-config.provider.ts"],"names":[],"mappings":";AAGA,qBACa,sBAAsB,CAAC,CAAC;IACnC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA6D;IAE7F,EAAE,CAAC,EAAE;QACH,GAAG,CAAC,CAAC,SAAS,MAAM,CAAC,GAAG,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;QACtF,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;KAClD,CAAC;IAEI,QAAQ,CAAC,CAAC,SAAS,MAAM,CAAC,GAAG,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS;IAUnE,QAAQ,CAAC,CAAC,SAAS,MAAM,CAAC,GAAG,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;yCAlBlE,sBAAsB;6CAAtB,sBAAsB;CAyBlC"}

package/dist/core/config/sd-system-config.provider.js

@@ -17,7 +17,7 @@ export class SdSystemConfigProvider {
     }
     async getAsync(key) {
         if (this.fn) {
-            return this.fn.get(key);
+            return (await this.fn.get(key));
         }
         else {
             return this._sdLocalStorage.get(key);

package/dist/core/mark.d.ts

@@ -3,5 +3,5 @@ import type { WritableSignal } from "@angular/core";
  * WritableSignal의 값이 in-place mutation된 후 소비자에게 변경을 알린다.
  * shallow copy로 새 참조를 생성하여 signal을 업데이트한다.
  */
-export declare function mark(sig: WritableSignal<any>): void;
+export declare function mark<T extends object>(sig: WritableSignal<T>): void;
 //# sourceMappingURL=mark.d.ts.map

package/dist/core/mark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mark.d.ts","sourceRoot":"","sources":["../../src/core/mark.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD;;;GAGG;AACH,wBAAgB,IAAI,CAAC,GAAG,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,IAAI,CAEnD"}
+{"version":3,"file":"mark.d.ts","sourceRoot":"","sources":["../../src/core/mark.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD;;;GAGG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,EAAE,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAEnE"}

package/dist/core/modal/sd-activated-modal.provider.js

@@ -4,8 +4,10 @@ import * as i0 from "@angular/core";
  * 모달 내부에서 inject하여 사용하는 프로바이더
  */
 export class SdActivatedModalProvider {
-    modalComponent = signal(undefined, ...(ngDevMode ? [{ debugName: "modalComponent" }] : /* istanbul ignore next */ []));
-    contentComponent = signal(undefined, ...(ngDevMode ? [{ debugName: "contentComponent" }] : /* istanbul ignore next */ []));
+    modalComponent = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modalComponent" }] : /* istanbul ignore next */ []));
+    contentComponent = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "contentComponent" }] : /* istanbul ignore next */ []));
     canDeactivateFn = () => true;
     static ɵfac = function SdActivatedModalProvider_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdActivatedModalProvider)(); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SdActivatedModalProvider, factory: SdActivatedModalProvider.ɵfac });

package/dist/core/modal/sd-confirm-modal.js

@@ -7,9 +7,11 @@ import * as i0 from "@angular/core";
  * 확인 시 true emit, 취소 시 undefined emit.
  */
 export class SdConfirmModal {
-    initialized = signal(true, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
+    initialized = signal(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
     close = output();
-    message = input.required(...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+    message = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
     onConfirm() {
         this.close.emit(true);
     }
@@ -31,7 +33,7 @@ export class SdConfirmModal {
             i0.ɵɵproperty("innerHTML", ctx.message(), i0.ɵɵsanitizeHtml);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("theme", "primary");
-        } }, dependencies: [SdButton], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [SdButton], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdConfirmModal, [{
         type: Component,

package/dist/core/modal/sd-modal.js

@@ -87,24 +87,42 @@ export class SdModal {
     _errorHandler = inject(ErrorHandler);
     _focusTrap = injectFocusTrap();
     tablerX = tablerX;
-    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 */ []));
-    hideHeader = input(false, ...(ngDevMode ? [{ debugName: "hideHeader" }] : /* istanbul ignore next */ []));
-    hideCloseButton = input(false, ...(ngDevMode ? [{ debugName: "hideCloseButton" }] : /* istanbul ignore next */ []));
-    headerStyle = input(undefined, ...(ngDevMode ? [{ debugName: "headerStyle" }] : /* istanbul ignore next */ []));
-    useCloseByBackdrop = input(true, ...(ngDevMode ? [{ debugName: "useCloseByBackdrop" }] : /* istanbul ignore next */ []));
-    useCloseByEscapeKey = input(true, ...(ngDevMode ? [{ debugName: "useCloseByEscapeKey" }] : /* istanbul ignore next */ []));
-    float = input(false, ...(ngDevMode ? [{ debugName: "float" }] : /* istanbul ignore next */ []));
-    fill = input(false, ...(ngDevMode ? [{ debugName: "fill" }] : /* istanbul ignore next */ []));
-    resizable = input(false, ...(ngDevMode ? [{ debugName: "resizable" }] : /* istanbul ignore next */ []));
-    movable = input(false, ...(ngDevMode ? [{ debugName: "movable" }] : /* istanbul ignore next */ []));
-    position = input(undefined, ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
-    minHeightPx = input(undefined, ...(ngDevMode ? [{ debugName: "minHeightPx" }] : /* istanbul ignore next */ []));
-    minWidthPx = input(undefined, ...(ngDevMode ? [{ debugName: "minWidthPx" }] : /* istanbul ignore next */ []));
-    heightPx = input(undefined, ...(ngDevMode ? [{ debugName: "heightPx" }] : /* istanbul ignore next */ []));
-    widthPx = input(undefined, ...(ngDevMode ? [{ debugName: "widthPx" }] : /* istanbul ignore next */ []));
-    actionTplRef = input(undefined, ...(ngDevMode ? [{ debugName: "actionTplRef" }] : /* istanbul ignore next */ []));
+    open = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    key = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []));
+    title = input("", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    hideHeader = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hideHeader" }] : /* istanbul ignore next */ []));
+    hideCloseButton = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hideCloseButton" }] : /* istanbul ignore next */ []));
+    headerStyle = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "headerStyle" }] : /* istanbul ignore next */ []));
+    useCloseByBackdrop = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "useCloseByBackdrop" }] : /* istanbul ignore next */ []));
+    useCloseByEscapeKey = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "useCloseByEscapeKey" }] : /* istanbul ignore next */ []));
+    float = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "float" }] : /* istanbul ignore next */ []));
+    fill = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fill" }] : /* istanbul ignore next */ []));
+    resizable = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resizable" }] : /* istanbul ignore next */ []));
+    movable = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "movable" }] : /* istanbul ignore next */ []));
+    position = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    minHeightPx = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minHeightPx" }] : /* istanbul ignore next */ []));
+    minWidthPx = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minWidthPx" }] : /* istanbul ignore next */ []));
+    heightPx = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "heightPx" }] : /* istanbul ignore next */ []));
+    widthPx = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "widthPx" }] : /* istanbul ignore next */ []));
+    actionTplRef = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "actionTplRef" }] : /* istanbul ignore next */ []));
     closeRequest = output();
     _dragResize = injectDragResize({
         getDialogEl: () => this._getDialogEl(),
@@ -308,7 +326,7 @@ export class SdModal {
             i0.ɵɵconditional(!ctx.hideHeader() ? 2 : -1);
             i0.ɵɵadvance(3);
             i0.ɵɵconditional(ctx.resizable() ? 5 : -1);
-        } }, dependencies: [NgTemplateOutlet, NgIcon, SdAnchor, SdResizeDirective], styles: ["/*@function to-rgb($oklch-color) {\n  @return color.to-space($oklch-color, rgb);\n}*/\n/*$colors: (\n  red: to-rgb(oklch(0.704 0.191 22.216)),\n  orange: to-rgb(oklch(0.75 0.183 55.934)),\n  amber: to-rgb(oklch(0.828 0.189 84.429)),\n  yellow: to-rgb(oklch(0.852 0.199 91.936)),\n  lime: to-rgb(oklch(0.841 0.238 128.85)),\n  green: to-rgb(oklch(0.792 0.209 151.711)),\n  emerald: to-rgb(oklch(0.765 0.177 163.223)),\n  teal: to-rgb(oklch(0.777 0.152 181.912)),\n  cyan: to-rgb(oklch(0.789 0.154 211.53)),\n  sky: to-rgb(oklch(0.746 0.16 232.661)),\n  blue: to-rgb(oklch(0.707 0.165 254.624)),\n  indigo: to-rgb(oklch(0.673 0.182 276.935)),\n  violet: to-rgb(oklch(0.702 0.183 293.541)),\n  purple: to-rgb(oklch(0.714 0.203 305.504)),\n  fuchsia: to-rgb(oklch(0.74 0.238 322.16)),\n  pink: to-rgb(oklch(0.718 0.202 349.761)),\n  rose: to-rgb(oklch(0.712 0.194 13.428)),\n  slate: to-rgb(oklch(0.704 0.04 256.788)),\n  gray: to-rgb(oklch(0.707 0.022 261.325)),\n  zinc: to-rgb(oklch(0.705 0.015 286.067)),\n  neutral: to-rgb(oklch(0.708 0 0)),\n  stone: to-rgb(oklch(0.709 0.01 56.259)),\n);*/\nsd-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(--elevation-blur-mult)) var(--trans-lighter), 0 var(--elevation-size) calc(var(--elevation-size) * var(--elevation-blur-mult)) 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-lighter);\n  background: 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}\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(--elevation-blur-mult)) var(--trans-lighter), 0 var(--elevation-size) calc(var(--elevation-size) * var(--elevation-blur-mult)) 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(--elevation-blur-mult)) var(--trans-lighter), 0 var(--elevation-size) calc(var(--elevation-size) * var(--elevation-blur-mult)) 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 });
+        } }, dependencies: [NgTemplateOutlet, NgIcon, SdAnchor, SdResizeDirective], styles: ["/*@function to-rgb($oklch-color) {\n  @return color.to-space($oklch-color, rgb);\n}*/\n/*$colors: (\n  red: to-rgb(oklch(0.704 0.191 22.216)),\n  orange: to-rgb(oklch(0.75 0.183 55.934)),\n  amber: to-rgb(oklch(0.828 0.189 84.429)),\n  yellow: to-rgb(oklch(0.852 0.199 91.936)),\n  lime: to-rgb(oklch(0.841 0.238 128.85)),\n  green: to-rgb(oklch(0.792 0.209 151.711)),\n  emerald: to-rgb(oklch(0.765 0.177 163.223)),\n  teal: to-rgb(oklch(0.777 0.152 181.912)),\n  cyan: to-rgb(oklch(0.789 0.154 211.53)),\n  sky: to-rgb(oklch(0.746 0.16 232.661)),\n  blue: to-rgb(oklch(0.707 0.165 254.624)),\n  indigo: to-rgb(oklch(0.673 0.182 276.935)),\n  violet: to-rgb(oklch(0.702 0.183 293.541)),\n  purple: to-rgb(oklch(0.714 0.203 305.504)),\n  fuchsia: to-rgb(oklch(0.74 0.238 322.16)),\n  pink: to-rgb(oklch(0.718 0.202 349.761)),\n  rose: to-rgb(oklch(0.712 0.194 13.428)),\n  slate: to-rgb(oklch(0.704 0.04 256.788)),\n  gray: to-rgb(oklch(0.707 0.022 261.325)),\n  zinc: to-rgb(oklch(0.705 0.015 286.067)),\n  neutral: to-rgb(oklch(0.708 0 0)),\n  stone: to-rgb(oklch(0.709 0.01 56.259)),\n);*/\nsd-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(--elevation-blur-mult)) var(--trans-lighter), 0 var(--elevation-size) calc(var(--elevation-size) * var(--elevation-blur-mult)) 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-lighter);\n  background: 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}\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(--elevation-blur-mult)) var(--trans-lighter), 0 var(--elevation-size) calc(var(--elevation-size) * var(--elevation-blur-mult)) 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(--elevation-blur-mult)) var(--trans-lighter), 0 var(--elevation-size) calc(var(--elevation-size) * var(--elevation-blur-mult)) 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 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdModal, [{
         type: Component,

package/dist/core/modal/sd-modal.provider.js

@@ -12,7 +12,8 @@ export class SdModalProvider {
     _appRef = inject(ApplicationRef);
     _envInjector = inject(EnvironmentInjector);
     _injector = inject(Injector);
-    modalCount = signal(0, ...(ngDevMode ? [{ debugName: "modalCount" }] : /* istanbul ignore next */ []));
+    modalCount = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modalCount" }] : /* istanbul ignore next */ []));
     async showAsync(modal, options) {
         return new Promise((resolve, reject) => {
             // 1. modalCount 증가

package/dist/core/modal/sd-prompt-modal.js

@@ -10,10 +10,13 @@ import * as i0 from "@angular/core";
  * 입력값은 필수(required)이며, 빈 값으로 확인 시 sd-form 네이티브 검증으로 차단된다.
  */
 export class SdPromptModal {
-    initialized = signal(true, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
+    initialized = signal(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
     close = output();
-    message = input.required(...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
-    _inputValue = signal(undefined, ...(ngDevMode ? [{ debugName: "_inputValue" }] : /* istanbul ignore next */ []));
+    message = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+    _inputValue = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_inputValue" }] : /* istanbul ignore next */ []));
     onConfirm() {
         this.close.emit(this._inputValue());
     }
@@ -44,7 +47,7 @@ export class SdPromptModal {
             i0.ɵɵproperty("required", true);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("type", "submit")("theme", "primary");
-        } }, dependencies: [SdForm, SdButton, SdTextfield], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [SdForm, SdButton, SdTextfield], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdPromptModal, [{
         type: Component,

package/dist/core/selection/useExpandingManager.js

@@ -19,25 +19,32 @@ export function useExpandingManager(binding) {
         }
         walk(binding.items(), undefined, 0);
         return defs;
-    }, ...(ngDevMode ? [{ debugName: "allDefs" }] : /* istanbul ignore next */ []));
-    const displayItems = computed(() => allDefs().map((d) => d.item), ...(ngDevMode ? [{ debugName: "displayItems" }] : /* istanbul ignore next */ []));
-    const expandableDefs = computed(() => allDefs().filter((d) => d.hasChildren), ...(ngDevMode ? [{ debugName: "expandableDefs" }] : /* istanbul ignore next */ []));
-    const hasExpandable = computed(() => expandableDefs().length > 0, ...(ngDevMode ? [{ debugName: "hasExpandable" }] : /* istanbul ignore next */ []));
-    const _expandedSet = computed(() => new Set(binding.expandedItems()), ...(ngDevMode ? [{ debugName: "_expandedSet" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "allDefs" }] : /* istanbul ignore next */ []));
+    const displayItems = computed(() => allDefs().map((d) => d.item), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayItems" }] : /* istanbul ignore next */ []));
+    const expandableDefs = computed(() => allDefs().filter((d) => d.hasChildren), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "expandableDefs" }] : /* istanbul ignore next */ []));
+    const hasExpandable = computed(() => expandableDefs().length > 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasExpandable" }] : /* istanbul ignore next */ []));
+    const _expandedSet = computed(() => new Set(binding.expandedItems()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_expandedSet" }] : /* istanbul ignore next */ []));
     const isAllExpanded = computed(() => {
         const expandable = expandableDefs();
         if (expandable.length === 0)
             return false;
         const expandedSet = _expandedSet();
         return expandable.every((d) => expandedSet.has(d.item));
-    }, ...(ngDevMode ? [{ debugName: "isAllExpanded" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isAllExpanded" }] : /* istanbul ignore next */ []));
     const defMap = computed(() => {
         const map = new Map();
         for (const d of allDefs()) {
             map.set(d.item, d);
         }
         return map;
-    }, ...(ngDevMode ? [{ debugName: "defMap" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defMap" }] : /* istanbul ignore next */ []));
     function toggle(item) {
         binding.expandedItems.update((arr) => {
             const next = [...arr];