@simplysm/angular 14.0.42 → 14.0.44

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

@@ -17,6 +17,7 @@ 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 SdSelect_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 4);
 } if (rf & 2) {
@@ -87,7 +88,7 @@ function SdSelect_Conditional_13_For_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngTemplateOutlet", tpl_r5)("ngTemplateOutletContext", i0.ɵɵpureFunction4(2, _c4, item_r4.data, item_r4.data, item_r4.index, item_r4.depth));
 } }
 function SdSelect_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, SdSelect_Conditional_13_For_1_Template, 1, 7, null, 13, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(0, SdSelect_Conditional_13_For_1_Template, 1, 7, null, 13, _forTrack0, true);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵrepeater(ctx_r1._flatItems());
@@ -107,10 +108,11 @@ export class SdSelect {
     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 = signal(false, ...(ngDevMode ? [{ debugName: "dropdownOpen" }] : /* istanbul ignore next */ []));
+    dropdownOpen = model(false, ...(ngDevMode ? [{ debugName: "dropdownOpen" }] : /* istanbul ignore next */ []));
     tablerCaretDown = tablerCaretDown;
     _itemControls = contentChildren(SdSelectItem, ...(ngDevMode ? [{ debugName: "_itemControls" }] : /* istanbul ignore next */ []));
     _dropdownControl = viewChild.required(SdDropdown);
@@ -129,9 +131,9 @@ export class SdSelect {
         const walk = (list, depth) => {
             for (const item of list) {
                 flat.push({ data: item, index: index++, depth });
-                if (getChildren !== undefined) {
+                if (getChildren != null) {
                     const children = getChildren(item);
-                    if (children !== undefined) {
+                    if (children != null) {
                         walk(children, depth + 1);
                     }
                 }
@@ -159,7 +161,7 @@ export class SdSelect {
                 const popupEl = this._dropdownControl().popupElRef().nativeElement;
                 const cls = this.contentClass();
                 const addedClasses = [];
-                if (cls !== undefined) {
+                if (cls != null) {
                     for (const c of cls.split(" ").filter(Boolean)) {
                         popupEl.classList.add(c);
                         addedClasses.push(c);
@@ -167,7 +169,7 @@ export class SdSelect {
                 }
                 const style = this.contentStyle();
                 const addedStyleProps = [];
-                if (style !== undefined) {
+                if (style != null) {
                     const tempEl = document.createElement("div");
                     tempEl.style.cssText = style;
                     for (let i = 0; i < tempEl.style.length; i++) {
@@ -229,12 +231,13 @@ export class SdSelect {
                     return;
                 }
                 const selectedItems = untracked(() => items.filter((item) => arr.includes(item.value())));
-                const separator = this.multiSelectionDisplayDirection() === "vertical" ? "<br>" : ", ";
+                const isVertical = this.multiSelectionDisplayDirection() === "vertical";
+                const separator = isVertical ? "<div class='p-sm-0'></div>" : ", ";
                 const htmlParts = [];
                 for (const item of selectedItems) {
                     const html = item.contentHTML();
                     if (html !== "") {
-                        htmlParts.push(html);
+                        htmlParts.push(`<span style="display: inline">${html}</span>`);
                     }
                 }
                 if (htmlParts.length > 0) {
@@ -314,7 +317,7 @@ export class SdSelect {
             i0.ɵɵqueryAdvance(2);
         } }, hostVars: 4, hostBindings: function SdSelect_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-sd-size", ctx.size())("data-sd-inline", ctx.inline())("data-sd-inset", ctx.inset())("data-sd-disabled", ctx.disabled());
-        } }, inputs: { selectMode: [1, "selectMode"], value: [1, "value"], placeholder: [1, "placeholder"], disabled: [1, "disabled"], inline: [1, "inline"], inset: [1, "inset"], size: [1, "size"], required: [1, "required"], hideSelectAll: [1, "hideSelectAll"], multiSelectionDisplayDirection: [1, "multiSelectionDisplayDirection"], items: [1, "items"], getChildrenFn: [1, "getChildrenFn"], contentClass: [1, "contentClass"], contentStyle: [1, "contentStyle"] }, outputs: { value: "valueChange" }, ngContentSelectors: _c3, decls: 15, vars: 10, consts: [["contentEl", ""], [3, "openChange", "disabled", "open"], [1, "_sd-select-control", 3, "sdRipple"], [1, "_sd-select-control-content"], [3, "innerHTML"], [1, "tx-trans-lighter"], [1, "_sd-select-control-icon"], [3, "ngTemplateOutlet"], [1, "_sd-select-all-bar"], [3, "svg"], ["data-sd-select-all", "", 3, "click"], [3, "width"], ["data-sd-deselect-all", "", 3, "click"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function SdSelect_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { selectMode: [1, "selectMode"], value: [1, "value"], placeholder: [1, "placeholder"], disabled: [1, "disabled"], inline: [1, "inline"], inset: [1, "inset"], size: [1, "size"], required: [1, "required"], hideSelectAll: [1, "hideSelectAll"], multiSelectionDisplayDirection: [1, "multiSelectionDisplayDirection"], items: [1, "items"], trackByFn: [1, "trackByFn"], getChildrenFn: [1, "getChildrenFn"], contentClass: [1, "contentClass"], contentStyle: [1, "contentStyle"], dropdownOpen: [1, "dropdownOpen"] }, outputs: { value: "valueChange", dropdownOpen: "dropdownOpenChange" }, ngContentSelectors: _c3, decls: 15, vars: 10, consts: [["contentEl", ""], [3, "openChange", "disabled", "open"], [1, "_sd-select-control", 3, "sdRipple"], [1, "_sd-select-control-content"], [3, "innerHTML"], [1, "sd-text-color-gray-default"], [1, "_sd-select-control-icon"], [3, "ngTemplateOutlet"], [1, "_sd-select-all-bar"], [3, "svg"], ["data-sd-select-all", "", 3, "click"], [3, "width"], ["data-sd-deselect-all", "", 3, "click"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function SdSelect_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵprojectionDef(_c2);
             i0.ɵɵelementStart(0, "sd-dropdown", 1);
@@ -338,7 +341,7 @@ export class SdSelect {
             i0.ɵɵadvance();
             i0.ɵɵproperty("sdRipple", !ctx.disabled());
             i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx._selectedItemContentHTML() !== undefined ? 4 : ctx.placeholder() ? 5 : 6);
+            i0.ɵɵconditional(ctx._selectedItemContentHTML() != null ? 4 : ctx.placeholder() ? 5 : 6);
             i0.ɵɵadvance(3);
             i0.ɵɵconditional(!ctx.disabled() ? 7 : -1);
             i0.ɵɵadvance();
@@ -357,7 +360,7 @@ export class SdSelect {
             SdGap,
             NgTemplateOutlet,
             SdRipple,
-            NgIcon], styles: ["sd-select {\n  display: block;\n  position: relative;\n}\nsd-select > sd-dropdown > ._sd-select-control {\n  display: block;\n  padding: var(--gap-sm) var(--gap-default);\n  border: 1px solid transparent;\n  font-size: var(--font-size-default);\n  font-family: var(--font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--line-height);\n  color: var(--text-trans-default);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  border: 1px solid var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  background: var(--theme-secondary-lightest);\n}\nsd-select > sd-dropdown > ._sd-select-control > ._sd-select-control-content {\n  flex: 1;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\nsd-select > sd-dropdown > ._sd-select-control > ._sd-select-control-icon {\n  margin-left: var(--gap-sm);\n  opacity: 0.3;\n}\nsd-select > sd-dropdown:focus-within > ._sd-select-control {\n  border-color: var(--theme-secondary-default);\n}\nsd-select[data-sd-size=sm] > sd-dropdown > ._sd-select-control {\n  padding: var(--gap-xs) var(--gap-sm);\n}\nsd-select[data-sd-size=lg] > sd-dropdown > ._sd-select-control {\n  padding: var(--gap-default) var(--gap-lg);\n}\nsd-select[data-sd-inline=true] {\n  display: inline-block;\n  width: auto;\n}\nsd-select[data-sd-inset=true] > sd-dropdown > ._sd-select-control {\n  border: none;\n  border-radius: 0;\n}\nsd-select[data-sd-inset=true] > sd-dropdown > ._sd-select-control:focus-within {\n  outline: 1px solid var(--theme-primary-default);\n}\nsd-select[data-sd-disabled=true] > sd-dropdown > ._sd-select-control {\n  background: var(--trans-lighter);\n  cursor: default;\n}\nsd-select[data-sd-disabled=true] > sd-dropdown > ._sd-select-control > ._sd-select-control-icon {\n  display: none;\n}\n\n._sd-select-all-bar {\n  display: flex;\n  padding: var(--gap-sm) var(--gap-default);\n  border-bottom: 1px solid var(--border-color-light);\n}"], 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(--trans-lighter);\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}\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 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSelect, [{
         type: Component,
@@ -373,10 +376,10 @@ export class SdSelect {
     <sd-dropdown [disabled]="disabled()" [(open)]="dropdownOpen">
       <div class="_sd-select-control" [sdRipple]="!disabled()">
         <div class="_sd-select-control-content" #contentEl>
-          @if (_selectedItemContentHTML() !== undefined) {
+          @if (_selectedItemContentHTML() != null) {
             <div [innerHTML]="_selectedItemContentHTML()"></div>
           } @else if (placeholder()) {
-            <span class="tx-trans-lighter">{{ placeholder() }}</span>
+            <span class="sd-text-color-gray-default">{{ placeholder() }}</span>
           } @else {
             <span>&nbsp;</span>
           }
@@ -405,7 +408,7 @@ export class SdSelect {
           <ng-template [ngTemplateOutlet]="_beforeTpl()!" />
         }
         @if (_itemOfTpl(); as tpl) {
-          @for (item of _flatItems(); track item) {
+          @for (item of _flatItems(); track trackByFn()(item.data, item.index)) {
             <ng-template
               [ngTemplateOutlet]="tpl"
               [ngTemplateOutletContext]="{ $implicit: item.data, item: item.data, index: item.index, depth: item.depth }"
@@ -421,6 +424,6 @@ export class SdSelect {
                     "[attr.data-sd-inline]": "inline()",
                     "[attr.data-sd-inset]": "inset()",
                     "[attr.data-sd-disabled]": "disabled()",
-                }, styles: ["sd-select {\n  display: block;\n  position: relative;\n}\nsd-select > sd-dropdown > ._sd-select-control {\n  display: block;\n  padding: var(--gap-sm) var(--gap-default);\n  border: 1px solid transparent;\n  font-size: var(--font-size-default);\n  font-family: var(--font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--line-height);\n  color: var(--text-trans-default);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  border: 1px solid var(--trans-lighter);\n  border-radius: var(--border-radius-default);\n  background: var(--theme-secondary-lightest);\n}\nsd-select > sd-dropdown > ._sd-select-control > ._sd-select-control-content {\n  flex: 1;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\nsd-select > sd-dropdown > ._sd-select-control > ._sd-select-control-icon {\n  margin-left: var(--gap-sm);\n  opacity: 0.3;\n}\nsd-select > sd-dropdown:focus-within > ._sd-select-control {\n  border-color: var(--theme-secondary-default);\n}\nsd-select[data-sd-size=sm] > sd-dropdown > ._sd-select-control {\n  padding: var(--gap-xs) var(--gap-sm);\n}\nsd-select[data-sd-size=lg] > sd-dropdown > ._sd-select-control {\n  padding: var(--gap-default) var(--gap-lg);\n}\nsd-select[data-sd-inline=true] {\n  display: inline-block;\n  width: auto;\n}\nsd-select[data-sd-inset=true] > sd-dropdown > ._sd-select-control {\n  border: none;\n  border-radius: 0;\n}\nsd-select[data-sd-inset=true] > sd-dropdown > ._sd-select-control:focus-within {\n  outline: 1px solid var(--theme-primary-default);\n}\nsd-select[data-sd-disabled=true] > sd-dropdown > ._sd-select-control {\n  background: var(--trans-lighter);\n  cursor: default;\n}\nsd-select[data-sd-disabled=true] > sd-dropdown > ._sd-select-control > ._sd-select-control-icon {\n  display: none;\n}\n\n._sd-select-all-bar {\n  display: flex;\n  padding: var(--gap-sm) var(--gap-default);\n  border-bottom: 1px solid var(--border-color-light);\n}"] }]
-    }], () => [], { selectMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectMode", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], hideSelectAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideSelectAll", required: false }] }], multiSelectionDisplayDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiSelectionDisplayDirection", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], getChildrenFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getChildrenFn", required: false }] }], contentClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentClass", required: false }] }], contentStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentStyle", required: false }] }], _itemControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdSelectItem), { isSignal: true }] }], _dropdownControl: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SdDropdown), { isSignal: true }] }], _dropdownElRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SdDropdown), { ...{ read: ElementRef }, isSignal: true }] }], _headerTpl: [{ type: i0.ContentChild, args: ["headerTpl", { isSignal: true }] }], _beforeTpl: [{ type: i0.ContentChild, args: ["beforeTpl", { isSignal: true }] }], _itemOfTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SdItemOfTemplate), { ...{ read: TemplateRef }, isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSelect, { className: "SdSelect", filePath: "packages/angular/src/controls/select/sd-select.ts", lineNumber: 183, forbidOrphanRendering: true }); })();
+                }, 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(--trans-lighter);\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}\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}"] }]
+    }], () => [], { selectMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectMode", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], hideSelectAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideSelectAll", required: false }] }], multiSelectionDisplayDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiSelectionDisplayDirection", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], trackByFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackByFn", required: false }] }], getChildrenFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getChildrenFn", required: false }] }], contentClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentClass", required: false }] }], contentStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentStyle", required: false }] }], dropdownOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownOpen", required: false }] }, { type: i0.Output, args: ["dropdownOpenChange"] }], _itemControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdSelectItem), { isSignal: true }] }], _dropdownControl: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SdDropdown), { isSignal: true }] }], _dropdownElRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SdDropdown), { ...{ read: ElementRef }, isSignal: true }] }], _headerTpl: [{ type: i0.ContentChild, args: ["headerTpl", { isSignal: true }] }], _beforeTpl: [{ type: i0.ContentChild, args: ["beforeTpl", { isSignal: true }] }], _itemOfTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SdItemOfTemplate), { ...{ read: TemplateRef }, isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSelect, { className: "SdSelect", filePath: "packages/angular/src/controls/select/sd-select.ts", lineNumber: 251 }); })();

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

@@ -28,4 +28,4 @@ export class SdTabItem {
     <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 }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTabItem, { className: "SdTabItem", filePath: "packages/angular/src/controls/tab/sd-tab-item.ts", lineNumber: 45, forbidOrphanRendering: 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.js

@@ -15,4 +15,4 @@ export class SdTab {
     <ng-content></ng-content>
   `, 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}"] }]
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTab, { className: "SdTab", filePath: "packages/angular/src/controls/tab/sd-tab.ts", lineNumber: 23, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTab, { className: "SdTab", filePath: "packages/angular/src/controls/tab/sd-tab.ts", lineNumber: 23 }); })();

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

@@ -14,7 +14,7 @@ export class SdAppStructureUtils {
         return (parent ? `[${parent}] ` : "") + current;
     }
     static getPermsByFullCode(items, fullCodes, permKeys, permRecord) {
-        if (permRecord === undefined)
+        if (permRecord == null)
             return [];
         const result = [];
         for (const permKey of permKeys) {

package/dist/core/busy/sd-busy-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-busy-container.d.ts","sourceRoot":"","sources":["../../../src/core/busy/sd-busy-container.ts"],"names":[],"mappings":"AAUA,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;;AAErE,qBA+Ma,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA0B;IAElD,IAAI,qEAAiD;IACrD,OAAO,0DAAwC;IAC/C,IAAI,8DAA4C;IAChD,eAAe,0DAAwC;IAEvD,QAAQ,6CAAsD;;yCARnD,eAAe;2CAAf,eAAe;CAuB3B"}
+{"version":3,"file":"sd-busy-container.d.ts","sourceRoot":"","sources":["../../../src/core/busy/sd-busy-container.ts"],"names":[],"mappings":"AAUA,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;;AAErE,qBA+Ta,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA0B;IAElD,IAAI,qEAAiD;IACrD,OAAO,0DAAwC;IAC/C,IAAI,8DAA4C;IAChD,eAAe,0DAAwC;IAEvD,QAAQ,6CAAsD;;yCARnD,eAAe;2CAAf,eAAe;CAuB3B"}

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

@@ -2,51 +2,32 @@ import { booleanAttribute, ChangeDetectionStrategy, Component, computed, Element
 import { SdBusyProvider } from "./sd-busy.provider";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
-function SdBusyContainer_Conditional_0_Case_3_Template(rf, ctx) { if (rf & 1) {
+function SdBusyContainer_Case_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElement(0, "div", 3);
 } }
-function SdBusyContainer_Conditional_0_Case_4_Template(rf, ctx) { if (rf & 1) {
+function SdBusyContainer_Case_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElement(0, "div", 4);
 } }
-function SdBusyContainer_Conditional_0_Case_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵdomElementStart(0, "div", 5);
-    i0.ɵɵdomElement(1, "div", 8)(2, "div", 9)(3, "div", 10)(4, "div", 11);
-    i0.ɵɵdomElementEnd();
+function SdBusyContainer_Case_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElement(0, "div", 7)(1, "div", 8)(2, "div", 9)(3, "div", 10);
 } }
-function SdBusyContainer_Conditional_0_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵdomElementStart(0, "div", 6);
-    i0.ɵɵtext(1);
-    i0.ɵɵdomElementEnd();
+function SdBusyContainer_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 5)(1, "pre");
+    i0.ɵɵtext(2);
+    i0.ɵɵdomElementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r0.message());
 } }
-function SdBusyContainer_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵdomElementStart(0, "div", 7);
-    i0.ɵɵdomElement(1, "div", 12);
-    i0.ɵɵdomElementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵstyleProp("width", ctx_r0.progressPercent(), "%");
-} }
-function SdBusyContainer_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
-    i0.ɵɵconditionalCreate(3, SdBusyContainer_Conditional_0_Case_3_Template, 1, 0, "div", 3)(4, SdBusyContainer_Conditional_0_Case_4_Template, 1, 0, "div", 4)(5, SdBusyContainer_Conditional_0_Case_5_Template, 5, 0, "div", 5);
+function SdBusyContainer_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 6);
+    i0.ɵɵdomElement(1, "div", 11);
     i0.ɵɵdomElementEnd();
-    i0.ɵɵconditionalCreate(6, SdBusyContainer_Conditional_0_Conditional_6_Template, 2, 1, "div", 6);
-    i0.ɵɵconditionalCreate(7, SdBusyContainer_Conditional_0_Conditional_7_Template, 2, 2, "div", 7);
-    i0.ɵɵdomElementEnd()();
 } if (rf & 2) {
-    let tmp_1_0;
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional((tmp_1_0 = ctx_r0.currType()) === "spinner" ? 3 : tmp_1_0 === "bar" ? 4 : tmp_1_0 === "cube" ? 5 : -1);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r0.message() !== undefined ? 6 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.progressPercent() !== undefined ? 7 : -1);
+    i0.ɵɵstyleProp("transform", "scaleX(" + ctx_r0.progressPercent() / 100 + ")");
 } }
 export class SdBusyContainer {
     _sdBusy = inject(SdBusyProvider);
@@ -67,13 +48,25 @@ export class SdBusyContainer {
     static ɵfac = function SdBusyContainer_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdBusyContainer)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdBusyContainer, selectors: [["sd-busy-container"]], hostVars: 2, hostBindings: function SdBusyContainer_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-sd-busy", ctx.busy() || undefined)("data-sd-type", ctx.currType());
-        } }, inputs: { busy: [1, "busy"], message: [1, "message"], type: [1, "type"], progressPercent: [1, "progressPercent"] }, ngContentSelectors: _c0, decls: 2, vars: 1, consts: [[1, "_screen"], [1, "_rect"], [1, "_indicator"], [1, "_spinner"], [1, "_bar"], [1, "_cube"], [1, "_message"], [1, "_progress"], [1, "_cube-face", "_cube-face-1"], [1, "_cube-face", "_cube-face-2"], [1, "_cube-face", "_cube-face-3"], [1, "_cube-face", "_cube-face-4"], [1, "_progress-bar"]], template: function SdBusyContainer_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { busy: [1, "busy"], message: [1, "message"], type: [1, "type"], progressPercent: [1, "progressPercent"] }, ngContentSelectors: _c0, decls: 9, vars: 3, consts: [[1, "_screen"], [1, "_rect"], [1, "_indicator"], [1, "_spinner"], [1, "_bar"], [1, "_message"], [1, "_progress"], [1, "_cube1"], [1, "_cube2"], [1, "_cube4"], [1, "_cube3"], [1, "_progress-bar"]], template: function SdBusyContainer_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
-            i0.ɵɵconditionalCreate(0, SdBusyContainer_Conditional_0_Template, 8, 3, "div", 0);
-            i0.ɵɵprojection(1);
+            i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
+            i0.ɵɵconditionalCreate(3, SdBusyContainer_Case_3_Template, 1, 0, "div", 3)(4, SdBusyContainer_Case_4_Template, 1, 0, "div", 4)(5, SdBusyContainer_Case_5_Template, 4, 0);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵconditionalCreate(6, SdBusyContainer_Conditional_6_Template, 3, 1, "div", 5);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵconditionalCreate(7, SdBusyContainer_Conditional_7_Template, 2, 2, "div", 6);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵprojection(8);
         } if (rf & 2) {
-            i0.ɵɵconditional(ctx.busy() ? 0 : -1);
-        } }, styles: ["sd-busy-container {\n  display: block;\n  position: relative;\n}\nsd-busy-container > ._screen {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 9998;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--busy-overlay-bg);\n}\nsd-busy-container > ._screen > ._rect {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--gap-default);\n}\nsd-busy-container > ._screen > ._rect > ._indicator > ._spinner {\n  width: 2rem;\n  height: 2rem;\n  border: 0.1667rem solid var(--theme-primary-lighter);\n  border-top-color: var(--theme-primary-default);\n  border-radius: 50%;\n  animation: sd-busy-spin 0.8s linear infinite;\n}\nsd-busy-container > ._screen > ._rect > ._indicator > ._bar {\n  width: 6rem;\n  height: 0.25rem;\n  background: var(--theme-primary-lighter);\n  border-radius: var(--border-radius-default);\n  overflow: hidden;\n  position: relative;\n}\nsd-busy-container > ._screen > ._rect > ._indicator > ._bar::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 40%;\n  background: var(--theme-primary-default);\n  border-radius: var(--border-radius-default);\n  animation: sd-busy-bar 1.5s ease-in-out infinite;\n}\nsd-busy-container > ._screen > ._rect > ._indicator > ._cube {\n  width: 2rem;\n  height: 2rem;\n  position: relative;\n  animation: sd-busy-cube-rotate 1.8s infinite ease-in-out;\n}\nsd-busy-container > ._screen > ._rect > ._indicator > ._cube > ._cube-face {\n  position: absolute;\n  width: 50%;\n  height: 50%;\n  background: var(--theme-primary-default);\n  animation: sd-busy-cube-fold 1.8s infinite ease-in-out;\n}\nsd-busy-container > ._screen > ._rect > ._indicator > ._cube > ._cube-face._cube-face-1 {\n  top: 0;\n  left: 0;\n}\nsd-busy-container > ._screen > ._rect > ._indicator > ._cube > ._cube-face._cube-face-2 {\n  top: 0;\n  right: 0;\n  animation-delay: 0.45s;\n}\nsd-busy-container > ._screen > ._rect > ._indicator > ._cube > ._cube-face._cube-face-3 {\n  bottom: 0;\n  right: 0;\n  animation-delay: 0.9s;\n}\nsd-busy-container > ._screen > ._rect > ._indicator > ._cube > ._cube-face._cube-face-4 {\n  bottom: 0;\n  left: 0;\n  animation-delay: 1.35s;\n}\nsd-busy-container > ._screen > ._rect > ._message {\n  font-size: var(--font-size-sm);\n  color: var(--text-trans-light);\n  text-align: center;\n}\nsd-busy-container > ._screen > ._rect > ._progress {\n  width: 10rem;\n  height: 0.25rem;\n  background: var(--theme-primary-lighter);\n  border-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-busy-container > ._screen > ._rect > ._progress > ._progress-bar {\n  height: 100%;\n  background: var(--theme-primary-default);\n  transition: width 0.3s ease;\n}\n\n@keyframes sd-busy-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes sd-busy-bar {\n  0% {\n    left: -40%;\n  }\n  100% {\n    left: 100%;\n  }\n}\n@keyframes sd-busy-cube-rotate {\n  0% {\n    transform: perspective(6.25rem) rotateX(0deg) rotateY(0deg);\n  }\n  50% {\n    transform: perspective(6.25rem) rotateX(-180deg) rotateY(0deg);\n  }\n  100% {\n    transform: perspective(6.25rem) rotateX(-180deg) rotateY(-180deg);\n  }\n}\n@keyframes sd-busy-cube-fold {\n  0%, 10% {\n    transform: scale(1);\n  }\n  25% {\n    transform: scale(0.5);\n  }\n  50%, 100% {\n    transform: scale(1);\n  }\n}"], encapsulation: 2, changeDetection: 0 });
+            let tmp_0_0;
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional((tmp_0_0 = ctx.currType()) === "spinner" ? 3 : tmp_0_0 === "bar" ? 4 : tmp_0_0 === "cube" ? 5 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.message() != undefined ? 6 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.progressPercent() != null ? 7 : -1);
+        } }, styles: ["sd-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: 0.1s 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: 0.1s 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: 0.1s 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 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdBusyContainer, [{
         type: Component,
@@ -81,39 +74,40 @@ export class SdBusyContainer {
                     "[attr.data-sd-busy]": "busy() || undefined",
                     "[attr.data-sd-type]": "currType()",
                 }, template: `
-    @if (busy()) {
-      <div class="_screen">
-        <div class="_rect">
-          <div class="_indicator">
-            @switch (currType()) {
-              @case ("spinner") {
-                <div class="_spinner"></div>
-              }
-              @case ("bar") {
-                <div class="_bar"></div>
-              }
-              @case ("cube") {
-                <div class="_cube">
-                  <div class="_cube-face _cube-face-1"></div>
-                  <div class="_cube-face _cube-face-2"></div>
-                  <div class="_cube-face _cube-face-3"></div>
-                  <div class="_cube-face _cube-face-4"></div>
-                </div>
-              }
+    <div class="_screen">
+      <div class="_rect">
+        <div class="_indicator">
+          @switch (currType()) {
+            @case ("spinner") {
+              <div class="_spinner"></div>
+            }
+            @case ("bar") {
+              <div class="_bar"></div>
+            }
+            @case ("cube") {
+              <div class="_cube1"></div>
+              <div class="_cube2"></div>
+              <div class="_cube4"></div>
+              <div class="_cube3"></div>
             }
-          </div>
-          @if (message() !== undefined) {
-            <div class="_message">{{ message() }}</div>
-          }
-          @if (progressPercent() !== undefined) {
-            <div class="_progress">
-              <div class="_progress-bar" [style.width.%]="progressPercent()"></div>
-            </div>
           }
         </div>
+        @if (message() != undefined) {
+          <div class="_message">
+            <pre>{{ message() }}</pre>
+          </div>
+        }
       </div>
-    }
+      @if (progressPercent() != null) {
+        <div class="_progress">
+          <div
+            class="_progress-bar"
+            [style.transform]="'scaleX(' + progressPercent()! / 100 + ')'"
+          ></div>
+        </div>
+      }
+    </div>
     <ng-content></ng-content>
-  `, styles: ["sd-busy-container {\n  display: block;\n  position: relative;\n}\nsd-busy-container > ._screen {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 9998;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--busy-overlay-bg);\n}\nsd-busy-container > ._screen > ._rect {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--gap-default);\n}\nsd-busy-container > ._screen > ._rect > ._indicator > ._spinner {\n  width: 2rem;\n  height: 2rem;\n  border: 0.1667rem solid var(--theme-primary-lighter);\n  border-top-color: var(--theme-primary-default);\n  border-radius: 50%;\n  animation: sd-busy-spin 0.8s linear infinite;\n}\nsd-busy-container > ._screen > ._rect > ._indicator > ._bar {\n  width: 6rem;\n  height: 0.25rem;\n  background: var(--theme-primary-lighter);\n  border-radius: var(--border-radius-default);\n  overflow: hidden;\n  position: relative;\n}\nsd-busy-container > ._screen > ._rect > ._indicator > ._bar::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 40%;\n  background: var(--theme-primary-default);\n  border-radius: var(--border-radius-default);\n  animation: sd-busy-bar 1.5s ease-in-out infinite;\n}\nsd-busy-container > ._screen > ._rect > ._indicator > ._cube {\n  width: 2rem;\n  height: 2rem;\n  position: relative;\n  animation: sd-busy-cube-rotate 1.8s infinite ease-in-out;\n}\nsd-busy-container > ._screen > ._rect > ._indicator > ._cube > ._cube-face {\n  position: absolute;\n  width: 50%;\n  height: 50%;\n  background: var(--theme-primary-default);\n  animation: sd-busy-cube-fold 1.8s infinite ease-in-out;\n}\nsd-busy-container > ._screen > ._rect > ._indicator > ._cube > ._cube-face._cube-face-1 {\n  top: 0;\n  left: 0;\n}\nsd-busy-container > ._screen > ._rect > ._indicator > ._cube > ._cube-face._cube-face-2 {\n  top: 0;\n  right: 0;\n  animation-delay: 0.45s;\n}\nsd-busy-container > ._screen > ._rect > ._indicator > ._cube > ._cube-face._cube-face-3 {\n  bottom: 0;\n  right: 0;\n  animation-delay: 0.9s;\n}\nsd-busy-container > ._screen > ._rect > ._indicator > ._cube > ._cube-face._cube-face-4 {\n  bottom: 0;\n  left: 0;\n  animation-delay: 1.35s;\n}\nsd-busy-container > ._screen > ._rect > ._message {\n  font-size: var(--font-size-sm);\n  color: var(--text-trans-light);\n  text-align: center;\n}\nsd-busy-container > ._screen > ._rect > ._progress {\n  width: 10rem;\n  height: 0.25rem;\n  background: var(--theme-primary-lighter);\n  border-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-busy-container > ._screen > ._rect > ._progress > ._progress-bar {\n  height: 100%;\n  background: var(--theme-primary-default);\n  transition: width 0.3s ease;\n}\n\n@keyframes sd-busy-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes sd-busy-bar {\n  0% {\n    left: -40%;\n  }\n  100% {\n    left: 100%;\n  }\n}\n@keyframes sd-busy-cube-rotate {\n  0% {\n    transform: perspective(6.25rem) rotateX(0deg) rotateY(0deg);\n  }\n  50% {\n    transform: perspective(6.25rem) rotateX(-180deg) rotateY(0deg);\n  }\n  100% {\n    transform: perspective(6.25rem) rotateX(-180deg) rotateY(-180deg);\n  }\n}\n@keyframes sd-busy-cube-fold {\n  0%, 10% {\n    transform: scale(1);\n  }\n  25% {\n    transform: scale(0.5);\n  }\n  50%, 100% {\n    transform: scale(1);\n  }\n}"] }]
+  `, styles: ["sd-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: 0.1s 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: 0.1s 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: 0.1s 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}"] }]
     }], () => [], { busy: [{ type: i0.Input, args: [{ isSignal: true, alias: "busy", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], progressPercent: [{ type: i0.Input, args: [{ isSignal: true, alias: "progressPercent", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdBusyContainer, { className: "SdBusyContainer", filePath: "packages/angular/src/core/busy/sd-busy-container.ts", lineNumber: 220, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdBusyContainer, { className: "SdBusyContainer", filePath: "packages/angular/src/core/busy/sd-busy-container.ts", lineNumber: 332 }); })();

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

@@ -8,7 +8,7 @@ export class SdBusyProvider {
     globalBusyCount = signal(0, ...(ngDevMode ? [{ debugName: "globalBusyCount" }] : /* istanbul ignore next */ []));
     _containerRef;
     get containerRef() {
-        if (this._containerRef === undefined) {
+        if (this._containerRef == null) {
             this._containerRef = createComponent(SdBusyContainer, {
                 environmentInjector: this._envInjector,
             });

package/dist/core/commands/sd-command.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export declare class SdCommandDirective {
+    private readonly _elRef;
+    private readonly _destroyRef;
+    private readonly _document;
+    sdRefreshCommand: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
+    sdSaveCommand: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
+    sdInsertCommand: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdCommandDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdCommandDirective, "[sdRefreshCommand],[sdSaveCommand],[sdInsertCommand]", never, {}, { "sdRefreshCommand": "sdRefreshCommand"; "sdSaveCommand": "sdSaveCommand"; "sdInsertCommand": "sdInsertCommand"; }, never, never, true, never>;
+}
+//# sourceMappingURL=sd-command.d.ts.map

package/dist/core/commands/sd-command.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-command.d.ts","sourceRoot":"","sources":["../../../src/core/commands/sd-command.ts"],"names":[],"mappings":";AAIA,qBAIa,kBAAkB;IAC7B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAsB;IAC7C,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAsB;IAClD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoB;IAE9C,gBAAgB,0DAA2B;IAC3C,aAAa,0DAA2B;IACxC,eAAe,0DAA2B;;yCAP/B,kBAAkB;2CAAlB,kBAAkB;CAqC9B"}

package/dist/core/commands/sd-command.js

@@ -0,0 +1,52 @@
+import { DestroyRef, Directive, ElementRef, inject, output } from "@angular/core";
+import { DOCUMENT } from "@angular/common";
+import { shouldProcessCommandEvent } from "./findTopOpenModalEl";
+import * as i0 from "@angular/core";
+export class SdCommandDirective {
+    _elRef = inject(ElementRef);
+    _destroyRef = inject(DestroyRef);
+    _document = inject(DOCUMENT);
+    sdRefreshCommand = output();
+    sdSaveCommand = output();
+    sdInsertCommand = output();
+    constructor() {
+        const listener = (event) => {
+            if (!event.ctrlKey || event.shiftKey)
+                return;
+            if ((event.key === "l" || event.key === "L") && event.altKey) {
+                if (!shouldProcessCommandEvent(this._document, this._elRef.nativeElement))
+                    return;
+                event.preventDefault();
+                event.stopPropagation();
+                this.sdRefreshCommand.emit(event);
+            }
+            else if ((event.key === "s" || event.key === "S") && !event.altKey) {
+                if (!shouldProcessCommandEvent(this._document, this._elRef.nativeElement))
+                    return;
+                event.preventDefault();
+                event.stopPropagation();
+                this.sdSaveCommand.emit(event);
+            }
+            else if (event.key === "Insert" && !event.altKey) {
+                if (!shouldProcessCommandEvent(this._document, this._elRef.nativeElement))
+                    return;
+                event.preventDefault();
+                event.stopPropagation();
+                this.sdInsertCommand.emit(event);
+            }
+        };
+        this._document.addEventListener("keydown", listener);
+        this._destroyRef.onDestroy(() => {
+            this._document.removeEventListener("keydown", listener);
+        });
+    }
+    static ɵfac = function SdCommandDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdCommandDirective)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SdCommandDirective, selectors: [["", "sdRefreshCommand", ""], ["", "sdSaveCommand", ""], ["", "sdInsertCommand", ""]], outputs: { sdRefreshCommand: "sdRefreshCommand", sdSaveCommand: "sdSaveCommand", sdInsertCommand: "sdInsertCommand" } });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdCommandDirective, [{
+        type: Directive,
+        args: [{
+                selector: "[sdRefreshCommand],[sdSaveCommand],[sdInsertCommand]",
+                standalone: true,
+            }]
+    }], () => [], { sdRefreshCommand: [{ type: i0.Output, args: ["sdRefreshCommand"] }], sdSaveCommand: [{ type: i0.Output, args: ["sdSaveCommand"] }], sdInsertCommand: [{ type: i0.Output, args: ["sdInsertCommand"] }] }); })();

package/dist/core/error-handler/sd-global-error-handler.plugin.js

@@ -15,7 +15,7 @@ export class SdGlobalErrorHandlerPlugin {
                         Stack: reason.stack ?? "(스택 없음)",
                     });
                 }
-                else if (typeof reason === "object" && reason !== null) {
+                else if (typeof reason === "object" && reason != null) {
                     this._displayErrorMessage("처리되지 않은 Promise 거부", {
                         Reason: JSON.stringify(reason, null, 2),
                     });

package/dist/core/events/sd-events.d.ts

@@ -1,4 +1,3 @@
-import type { SdResizeEvent } from "./sd-resize-event.plugin";
 import * as i0 from "@angular/core";
 export declare class SdEvents {
     "click.capture": import("@angular/core").OutputEmitterRef<MouseEvent>;
@@ -29,11 +28,7 @@ export declare class SdEvents {
     "drop.capture": import("@angular/core").OutputEmitterRef<DragEvent>;
     "transitionend.once": import("@angular/core").OutputEmitterRef<TransitionEvent>;
     "animationend.once": import("@angular/core").OutputEmitterRef<AnimationEvent>;
-    "sdResize": import("@angular/core").OutputEmitterRef<SdResizeEvent>;
-    "sdRefreshCommand": import("@angular/core").OutputEmitterRef<KeyboardEvent>;
-    "sdSaveCommand": import("@angular/core").OutputEmitterRef<KeyboardEvent>;
-    "sdInsertCommand": import("@angular/core").OutputEmitterRef<KeyboardEvent>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdEvents, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdEvents, "    [click.capture], [click.once], [click.capture.once],    [mousedown.capture], [mouseup.capture], [mouseover.capture], [mouseout.capture],    [keydown.capture], [keyup.capture],    [focus.capture], [blur.capture],    [invalid.capture],    [scroll.capture], [scroll.passive], [scroll.capture.passive],    [wheel.passive], [wheel.capture.passive],    [touchstart.passive], [touchstart.capture.passive],    [touchmove.passive], [touchmove.capture.passive],    [touchend.passive],    [dragover.capture], [dragenter.capture], [dragleave.capture], [drop.capture],    [transitionend.once], [animationend.once],    [sdResize],    [sdRefreshCommand], [sdSaveCommand], [sdInsertCommand]  ", never, {}, { "click.capture": "click.capture"; "click.once": "click.once"; "click.capture.once": "click.capture.once"; "mousedown.capture": "mousedown.capture"; "mouseup.capture": "mouseup.capture"; "mouseover.capture": "mouseover.capture"; "mouseout.capture": "mouseout.capture"; "keydown.capture": "keydown.capture"; "keyup.capture": "keyup.capture"; "focus.capture": "focus.capture"; "blur.capture": "blur.capture"; "invalid.capture": "invalid.capture"; "scroll.capture": "scroll.capture"; "scroll.passive": "scroll.passive"; "scroll.capture.passive": "scroll.capture.passive"; "wheel.passive": "wheel.passive"; "wheel.capture.passive": "wheel.capture.passive"; "touchstart.passive": "touchstart.passive"; "touchstart.capture.passive": "touchstart.capture.passive"; "touchmove.passive": "touchmove.passive"; "touchmove.capture.passive": "touchmove.capture.passive"; "touchend.passive": "touchend.passive"; "dragover.capture": "dragover.capture"; "dragenter.capture": "dragenter.capture"; "dragleave.capture": "dragleave.capture"; "drop.capture": "drop.capture"; "transitionend.once": "transitionend.once"; "animationend.once": "animationend.once"; "sdResize": "sdResize"; "sdRefreshCommand": "sdRefreshCommand"; "sdSaveCommand": "sdSaveCommand"; "sdInsertCommand": "sdInsertCommand"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdEvents, "    [click.capture], [click.once], [click.capture.once],    [mousedown.capture], [mouseup.capture], [mouseover.capture], [mouseout.capture],    [keydown.capture], [keyup.capture],    [focus.capture], [blur.capture],    [invalid.capture],    [scroll.capture], [scroll.passive], [scroll.capture.passive],    [wheel.passive], [wheel.capture.passive],    [touchstart.passive], [touchstart.capture.passive],    [touchmove.passive], [touchmove.capture.passive],    [touchend.passive],    [dragover.capture], [dragenter.capture], [dragleave.capture], [drop.capture],    [transitionend.once], [animationend.once]  ", never, {}, { "click.capture": "click.capture"; "click.once": "click.once"; "click.capture.once": "click.capture.once"; "mousedown.capture": "mousedown.capture"; "mouseup.capture": "mouseup.capture"; "mouseover.capture": "mouseover.capture"; "mouseout.capture": "mouseout.capture"; "keydown.capture": "keydown.capture"; "keyup.capture": "keyup.capture"; "focus.capture": "focus.capture"; "blur.capture": "blur.capture"; "invalid.capture": "invalid.capture"; "scroll.capture": "scroll.capture"; "scroll.passive": "scroll.passive"; "scroll.capture.passive": "scroll.capture.passive"; "wheel.passive": "wheel.passive"; "wheel.capture.passive": "wheel.capture.passive"; "touchstart.passive": "touchstart.passive"; "touchstart.capture.passive": "touchstart.capture.passive"; "touchmove.passive": "touchmove.passive"; "touchmove.capture.passive": "touchmove.capture.passive"; "touchend.passive": "touchend.passive"; "dragover.capture": "dragover.capture"; "dragenter.capture": "dragenter.capture"; "dragleave.capture": "dragleave.capture"; "drop.capture": "drop.capture"; "transitionend.once": "transitionend.once"; "animationend.once": "animationend.once"; }, never, never, true, never>;
 }
 //# sourceMappingURL=sd-events.d.ts.map

package/dist/core/events/sd-events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-events.d.ts","sourceRoot":"","sources":["../../../src/core/events/sd-events.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;;AAE9D,qBAmBa,QAAQ;IAEnB,eAAe,uDAAwB;IACvC,YAAY,uDAAwB;IACpC,oBAAoB,uDAAwB;IAG5C,mBAAmB,uDAAwB;IAC3C,iBAAiB,uDAAwB;IACzC,mBAAmB,uDAAwB;IAC3C,kBAAkB,uDAAwB;IAG1C,iBAAiB,0DAA2B;IAC5C,eAAe,0DAA2B;IAG1C,eAAe,uDAAwB;IACvC,cAAc,uDAAwB;IAGtC,iBAAiB,kDAAmB;IAGpC,gBAAgB,kDAAmB;IACnC,gBAAgB,kDAAmB;IACnC,wBAAwB,kDAAmB;IAG3C,eAAe,uDAAwB;IACvC,uBAAuB,uDAAwB;IAG/C,oBAAoB,uDAAwB;IAC5C,4BAA4B,uDAAwB;IACpD,mBAAmB,uDAAwB;IAC3C,2BAA2B,uDAAwB;IACnD,kBAAkB,uDAAwB;IAG1C,kBAAkB,sDAAuB;IACzC,mBAAmB,sDAAuB;IAC1C,mBAAmB,sDAAuB;IAC1C,cAAc,sDAAuB;IAGrC,oBAAoB,4DAA6B;IACjD,mBAAmB,2DAA4B;IAG/C,UAAU,0DAA2B;IAGrC,kBAAkB,0DAA2B;IAC7C,eAAe,0DAA2B;IAC1C,iBAAiB,0DAA2B;yCAvDjC,QAAQ;2CAAR,QAAQ;CAwDpB"}
+{"version":3,"file":"sd-events.d.ts","sourceRoot":"","sources":["../../../src/core/events/sd-events.ts"],"names":[],"mappings":";AAEA,qBAiBa,QAAQ;IAEnB,eAAe,uDAAwB;IACvC,YAAY,uDAAwB;IACpC,oBAAoB,uDAAwB;IAG5C,mBAAmB,uDAAwB;IAC3C,iBAAiB,uDAAwB;IACzC,mBAAmB,uDAAwB;IAC3C,kBAAkB,uDAAwB;IAG1C,iBAAiB,0DAA2B;IAC5C,eAAe,0DAA2B;IAG1C,eAAe,uDAAwB;IACvC,cAAc,uDAAwB;IAGtC,iBAAiB,kDAAmB;IAGpC,gBAAgB,kDAAmB;IACnC,gBAAgB,kDAAmB;IACnC,wBAAwB,kDAAmB;IAG3C,eAAe,uDAAwB;IACvC,uBAAuB,uDAAwB;IAG/C,oBAAoB,uDAAwB;IAC5C,4BAA4B,uDAAwB;IACpD,mBAAmB,uDAAwB;IAC3C,2BAA2B,uDAAwB;IACnD,kBAAkB,uDAAwB;IAG1C,kBAAkB,sDAAuB;IACzC,mBAAmB,sDAAuB;IAC1C,mBAAmB,sDAAuB;IAC1C,cAAc,sDAAuB;IAGrC,oBAAoB,4DAA6B;IACjD,mBAAmB,2DAA4B;yCA/CpC,QAAQ;2CAAR,QAAQ;CAgDpB"}