@simplysm/angular 14.0.30 → 14.0.33

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

@@ -0,0 +1,103 @@
+import { afterNextRender, booleanAttribute, ChangeDetectionStrategy, Component, computed, DestroyRef, ElementRef, forwardRef, inject, input, signal, ViewEncapsulation, } from "@angular/core";
+import { SdSelect } from "./sd-select";
+import { SdCheckbox } from "../checkbox/sd-checkbox";
+import { SdGap } from "../gap/sd-gap";
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+function SdSelectItem_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "sd-checkbox", 1)(1, "sd-gap", 2);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("value", ctx_r0.isSelected())("inline", true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("width", "sm");
+} }
+export class SdSelectItem {
+    _parentControl = inject(forwardRef(() => SdSelect));
+    _elRef = inject((ElementRef));
+    _destroyRef = inject(DestroyRef);
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    hidden = input(false, { ...(ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    contentHTML = signal("", ...(ngDevMode ? [{ debugName: "contentHTML" }] : /* istanbul ignore next */ []));
+    isSelected = computed(() => {
+        const parentValue = this._parentControl.value();
+        const itemValue = this.value();
+        if (this._parentControl.selectMode() === "multi") {
+            const arr = parentValue;
+            return arr != null && arr.includes(itemValue);
+        }
+        return parentValue === itemValue;
+    }, ...(ngDevMode ? [{ debugName: "isSelected" }] : /* istanbul ignore next */ []));
+    constructor() {
+        afterNextRender(() => {
+            const contentEl = this._elRef.nativeElement.querySelector("._content");
+            if (contentEl == null)
+                return;
+            this.contentHTML.set(contentEl.innerHTML);
+            const observer = new MutationObserver(() => {
+                this.contentHTML.set(contentEl.innerHTML);
+            });
+            observer.observe(contentEl, { childList: true, characterData: true, subtree: true });
+            this._destroyRef.onDestroy(() => observer.disconnect());
+        });
+    }
+    onClick() {
+        if (this.disabled())
+            return;
+        this._parentControl.selectItem(this.value());
+    }
+    onKeydown(event) {
+        if (event.key === " ") {
+            event.preventDefault();
+            event.stopPropagation();
+            if (this.disabled())
+                return;
+            // Space always toggles without closing
+            this._parentControl.toggleItem(this.value());
+        }
+        if (event.key === "Enter") {
+            event.preventDefault();
+            event.stopPropagation();
+            if (this.disabled())
+                return;
+            if (this._parentControl.selectMode() === "single") {
+                this._parentControl.selectItem(this.value());
+            }
+            else {
+                this._parentControl.toggleItem(this.value());
+            }
+        }
+    }
+    static ɵfac = function SdSelectItem_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSelectItem)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSelectItem, selectors: [["sd-select-item"]], hostVars: 3, hostBindings: function SdSelectItem_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("data-sd-selected", ctx.isSelected())("data-sd-disabled", ctx.disabled())("data-sd-hidden", ctx.hidden());
+        } }, inputs: { value: [1, "value"], disabled: [1, "disabled"], hidden: [1, "hidden"] }, ngContentSelectors: _c0, decls: 3, vars: 1, consts: [["tabindex", "0", 1, "_content", 3, "click", "keydown"], [3, "value", "inline"], [3, "width"]], template: function SdSelectItem_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵlistener("click", function SdSelectItem_Template_div_click_0_listener() { return ctx.onClick(); })("keydown", function SdSelectItem_Template_div_keydown_0_listener($event) { return ctx.onKeydown($event); });
+            i0.ɵɵconditionalCreate(1, SdSelectItem_Conditional_1_Template, 2, 3);
+            i0.ɵɵprojection(2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx._parentControl.selectMode() === "multi" ? 1 : -1);
+        } }, dependencies: [SdCheckbox, SdGap], styles: ["sd-select-item {\n  display: block;\n}\nsd-select-item > ._content {\n  padding: var(--gap-sm) var(--gap-default);\n  cursor: pointer;\n}\nsd-select-item > ._content:hover {\n  background: var(--trans-lighter);\n}\nsd-select-item > ._content:focus {\n  outline: none;\n  background: var(--trans-lighter);\n}\nsd-select-item[data-sd-selected=true] > ._content {\n  background: var(--trans-lighter);\n  font-weight: bold;\n}\nsd-select-item[data-sd-disabled=true] > ._content {\n  opacity: 0.3;\n  cursor: default;\n  pointer-events: none;\n}\nsd-select-item[data-sd-hidden=true] {\n  display: none;\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSelectItem, [{
+        type: Component,
+        args: [{ selector: "sd-select-item", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdCheckbox, SdGap], template: `
+    <div class="_content" tabindex="0" (click)="onClick()" (keydown)="onKeydown($event)">
+      @if (_parentControl.selectMode() === "multi") {
+        <sd-checkbox [value]="isSelected()" [inline]="true" />
+        <sd-gap [width]="'sm'" />
+      }
+      <ng-content />
+    </div>
+  `, host: {
+                    "[attr.data-sd-selected]": "isSelected()",
+                    "[attr.data-sd-disabled]": "disabled()",
+                    "[attr.data-sd-hidden]": "hidden()",
+                }, styles: ["sd-select-item {\n  display: block;\n}\nsd-select-item > ._content {\n  padding: var(--gap-sm) var(--gap-default);\n  cursor: pointer;\n}\nsd-select-item > ._content:hover {\n  background: var(--trans-lighter);\n}\nsd-select-item > ._content:focus {\n  outline: none;\n  background: var(--trans-lighter);\n}\nsd-select-item[data-sd-selected=true] > ._content {\n  background: var(--trans-lighter);\n  font-weight: bold;\n}\nsd-select-item[data-sd-disabled=true] > ._content {\n  opacity: 0.3;\n  cursor: default;\n  pointer-events: none;\n}\nsd-select-item[data-sd-hidden=true] {\n  display: none;\n}"] }]
+    }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidden", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSelectItem, { className: "SdSelectItem", filePath: "packages/angular/src/controls/select/sd-select-item.ts", lineNumber: 80, forbidOrphanRendering: true }); })();

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-select.d.ts","sourceRoot":"","sources":["../../../src/controls/select/sd-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAYL,WAAW,EAIZ,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;;AAUhD,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAC/B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,MAAM,EAAE,CAAC,CAAC;CACX,CAAC;AAEF,qBAmJa,QAAQ,CAAC,CAAC,SAAS,QAAQ,GAAG,OAAO,EAAE,CAAC;IACnD,UAAU,yCAAwB;IAClC,KAAK,2EAAoC;IACzC,WAAW,0DAAmB;IAC9B,QAAQ,qEAAiD;IACzD,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,QAAQ,qEAAiD;IAEzD,aAAa,qEAAiD;IAC9D,8BAA8B,8DAAuB;IAErD,KAAK,uDAAgB;IACrB,aAAa,8CAAgB,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,eAAI;IAEtD,YAAY,0DAAmB;IAC/B,YAAY,0DAAmB;IAE/B,YAAY,kDAAiB;IAE7B,SAAS,CAAC,QAAQ,CAAC,eAAe,iUAAmB;IAErD,aAAa,+DAAiC;IAC9C,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAkC;IACnE,OAAO,CAAC,QAAQ,CAAC,cAAc,CAG7B;IAEF,UAAU,gEAAgD;IAC1D,UAAU,gEAAgD;IAC1D,UAAU,+DAAyD;IAEnE,wBAAwB,6DAAyC;IAEjE,UAAU;cAIY,CAAC;eAAS,MAAM;eAAS,MAAM;SAelD;;IAkIH,UAAU,CAAC,SAAS,EAAE,CAAC,GAAG,IAAI;IAO9B,UAAU,CAAC,SAAS,EAAE,CAAC,GAAG,IAAI;IAI9B,OAAO,CAAC,YAAY;IAepB,WAAW,IAAI,IAAI;IAQnB,aAAa,IAAI,IAAI;IAIrB,aAAa,IAAI,IAAI;IAIrB,YAAY,IAAI,IAAI;yCAnOT,QAAQ;2CAAR,QAAQ;CAuOpB"}

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

@@ -0,0 +1,430 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChild, contentChildren, effect, ElementRef, input, model, signal, TemplateRef, untracked, viewChild, ViewEncapsulation, } from "@angular/core";
+import { NgTemplateOutlet } from "@angular/common";
+import { SdDropdown } from "../dropdown/sd-dropdown";
+import { SdDropdownPopup } from "../dropdown/sd-dropdown-popup";
+import { SdSelectItem } from "./sd-select-item";
+import { SdAnchor } from "../button/sd-anchor";
+import { SdGap } from "../gap/sd-gap";
+import { SdItemOfTemplate } from "../../core/template/sd-item-of-template";
+import { SdRipple } from "../../core/ripple/sd-ripple";
+import { setupInvalid } from "../../core/validation/setupInvalid";
+import { NgIcon } from "@ng-icons/core";
+import { tablerCaretDown } from "@ng-icons/tabler-icons";
+import { tabbable } from "tabbable";
+import * as i0 from "@angular/core";
+const _c0 = ["headerTpl"];
+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 SdSelect_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 4);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("innerHTML", ctx_r1._selectedItemContentHTML(), i0.ɵɵsanitizeHtml);
+} }
+function SdSelect_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.placeholder());
+} }
+function SdSelect_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "\u00A0");
+    i0.ɵɵelementEnd();
+} }
+function SdSelect_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵelement(1, "ng-icon", 9);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r1.tablerCaretDown);
+} }
+function SdSelect_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵprojection(0);
+} }
+function SdSelect_Conditional_10_ng_template_0_Template(rf, ctx) { }
+function SdSelect_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdSelect_Conditional_10_ng_template_0_Template, 0, 0, "ng-template", 7);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1._headerTpl());
+} }
+function SdSelect_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8)(1, "sd-anchor", 10);
+    i0.ɵɵlistener("click", function SdSelect_Conditional_11_Template_sd_anchor_click_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectAll()); });
+    i0.ɵɵtext(2, "\uC804\uCCB4\uC120\uD0DD");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "sd-gap", 11);
+    i0.ɵɵelementStart(4, "sd-anchor", 12);
+    i0.ɵɵlistener("click", function SdSelect_Conditional_11_Template_sd_anchor_click_4_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onDeselectAll()); });
+    i0.ɵɵtext(5, "\uC804\uCCB4\uD574\uC81C");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("width", "sm");
+} }
+function SdSelect_Conditional_12_ng_template_0_Template(rf, ctx) { }
+function SdSelect_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdSelect_Conditional_12_ng_template_0_Template, 0, 0, "ng-template", 7);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1._beforeTpl());
+} }
+function SdSelect_Conditional_13_For_1_ng_template_0_Template(rf, ctx) { }
+function SdSelect_Conditional_13_For_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdSelect_Conditional_13_For_1_ng_template_0_Template, 0, 0, "ng-template", 13);
+} if (rf & 2) {
+    const item_r4 = ctx.$implicit;
+    const tpl_r5 = i0.ɵɵnextContext();
+    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);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵrepeater(ctx_r1._flatItems());
+} }
+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 */ []));
+    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 */ []));
+    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 */ []));
+    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 */ []));
+    tablerCaretDown = tablerCaretDown;
+    _itemControls = contentChildren(SdSelectItem, ...(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 */ []));
+    _itemOfTpl = contentChild(SdItemOfTemplate, { ...(ngDevMode ? { debugName: "_itemOfTpl" } : /* istanbul ignore next */ {}), read: TemplateRef });
+    _selectedItemContentHTML = signal(undefined, ...(ngDevMode ? [{ debugName: "_selectedItemContentHTML" }] : /* istanbul ignore next */ []));
+    _flatItems = computed(() => {
+        const items = this.items();
+        if (items == null)
+            return [];
+        const getChildren = this.getChildrenFn();
+        const flat = [];
+        let index = 0;
+        const walk = (list, depth) => {
+            for (const item of list) {
+                flat.push({ data: item, index: index++, depth });
+                if (getChildren !== undefined) {
+                    const children = getChildren(item);
+                    if (children !== undefined) {
+                        walk(children, depth + 1);
+                    }
+                }
+            }
+        };
+        walk(items, 0);
+        return flat;
+    }, ...(ngDevMode ? [{ debugName: "_flatItems" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // Required validation
+        setupInvalid(() => {
+            if (!this.required())
+                return "";
+            const v = this.value();
+            if (v == null)
+                return "선택된 항목이 없습니다.";
+            if (Array.isArray(v) && v.length === 0)
+                return "선택된 항목이 없습니다.";
+            return "";
+        });
+        // D3: contentClass/contentStyle via effect() on popup element
+        // + D4: keyboard navigation via tabbable()
+        effect((onCleanup) => {
+            if (this.dropdownOpen()) {
+                const popupEl = this._dropdownControl().popupElRef().nativeElement;
+                const cls = this.contentClass();
+                const addedClasses = [];
+                if (cls !== undefined) {
+                    for (const c of cls.split(" ").filter(Boolean)) {
+                        popupEl.classList.add(c);
+                        addedClasses.push(c);
+                    }
+                }
+                const style = this.contentStyle();
+                const addedStyleProps = [];
+                if (style !== undefined) {
+                    const tempEl = document.createElement("div");
+                    tempEl.style.cssText = style;
+                    for (let i = 0; i < tempEl.style.length; i++) {
+                        const prop = tempEl.style[i];
+                        addedStyleProps.push(prop);
+                        popupEl.style.setProperty(prop, tempEl.style.getPropertyValue(prop));
+                    }
+                }
+                const onKeydown = (event) => {
+                    if (event.ctrlKey || event.altKey)
+                        return;
+                    if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        const focusableEls = tabbable(popupEl);
+                        if (focusableEls.length === 0)
+                            return;
+                        const currIndex = focusableEls.indexOf(document.activeElement);
+                        if (event.key === "ArrowDown") {
+                            const nextIndex = currIndex + 1;
+                            if (nextIndex < focusableEls.length) {
+                                focusableEls[nextIndex].focus();
+                            }
+                        }
+                        else {
+                            // ArrowUp
+                            if (currIndex <= 0) {
+                                // Return focus to dropdown trigger
+                                this._dropdownElRef().nativeElement.focus();
+                            }
+                            else {
+                                focusableEls[currIndex - 1].focus();
+                            }
+                        }
+                    }
+                };
+                popupEl.addEventListener("keydown", onKeydown);
+                onCleanup(() => {
+                    popupEl.removeEventListener("keydown", onKeydown);
+                    for (const c of addedClasses) {
+                        popupEl.classList.remove(c);
+                    }
+                    for (const prop of addedStyleProps) {
+                        popupEl.style.removeProperty(prop);
+                    }
+                });
+            }
+        });
+        // Mirror selected item's contentHTML to the trigger display area
+        // PERF-004: item.value() reads are untracked to reduce signal subscriptions from O(N) to O(K).
+        // _itemControls() already tracks item additions/removals, value() tracks selection changes.
+        effect(() => {
+            const items = this._itemControls();
+            const currentValue = this.value();
+            if (currentValue == null) {
+                this._selectedItemContentHTML.set(undefined);
+                return;
+            }
+            if (this.selectMode() === "multi") {
+                const arr = currentValue;
+                if (arr.length === 0) {
+                    this._selectedItemContentHTML.set(undefined);
+                    return;
+                }
+                const selectedItems = untracked(() => items.filter((item) => arr.includes(item.value())));
+                const separator = this.multiSelectionDisplayDirection() === "vertical" ? "<br>" : ", ";
+                const htmlParts = [];
+                for (const item of selectedItems) {
+                    const html = item.contentHTML();
+                    if (html !== "") {
+                        htmlParts.push(html);
+                    }
+                }
+                if (htmlParts.length > 0) {
+                    this._selectedItemContentHTML.set(htmlParts.join(separator));
+                }
+                else {
+                    this._selectedItemContentHTML.set(undefined);
+                }
+                return;
+            }
+            const selectedItem = untracked(() => items.find((item) => item.value() === currentValue));
+            if (selectedItem != null) {
+                const html = selectedItem.contentHTML();
+                if (html !== "") {
+                    this._selectedItemContentHTML.set(html);
+                }
+                else {
+                    this._selectedItemContentHTML.set(undefined);
+                }
+            }
+            else {
+                this._selectedItemContentHTML.set(undefined);
+            }
+        });
+    }
+    selectItem(itemValue) {
+        this._setOrToggle(itemValue);
+        if (this.selectMode() === "single") {
+            this.closeDropdown();
+        }
+    }
+    toggleItem(itemValue) {
+        this._setOrToggle(itemValue);
+    }
+    _setOrToggle(itemValue) {
+        if (this.selectMode() === "single") {
+            this.value.set(itemValue);
+        }
+        else {
+            this.value.update((v) => {
+                const arr = v ?? [];
+                if (arr.includes(itemValue)) {
+                    return arr.filter((item) => item !== itemValue);
+                }
+                else {
+                    return [...arr, itemValue];
+                }
+            });
+        }
+    }
+    onSelectAll() {
+        const items = this._itemControls();
+        const values = items
+            .filter((item) => !item.disabled() && !item.hidden())
+            .map((item) => item.value());
+        this.value.set(values);
+    }
+    onDeselectAll() {
+        this.value.set([]);
+    }
+    closeDropdown() {
+        this.dropdownOpen.set(false);
+    }
+    openDropdown() {
+        if (this.disabled())
+            return;
+        this.dropdownOpen.set(true);
+    }
+    static ɵfac = function SdSelect_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSelect)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSelect, selectors: [["sd-select"]], contentQueries: function SdSelect_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx._itemControls, SdSelectItem, 4)(dirIndex, ctx._headerTpl, _c0, 5)(dirIndex, ctx._beforeTpl, _c1, 5)(dirIndex, ctx._itemOfTpl, SdItemOfTemplate, 5, TemplateRef);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance(4);
+        } }, viewQuery: function SdSelect_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuerySignal(ctx._dropdownControl, SdDropdown, 5)(ctx._dropdownElRef, SdDropdown, 5, ElementRef);
+        } if (rf & 2) {
+            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) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵprojectionDef(_c2);
+            i0.ɵɵelementStart(0, "sd-dropdown", 1);
+            i0.ɵɵtwoWayListener("openChange", function SdSelect_Template_sd_dropdown_openChange_0_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.dropdownOpen, $event) || (ctx.dropdownOpen = $event); return i0.ɵɵresetView($event); });
+            i0.ɵɵelementStart(1, "div", 2)(2, "div", 3, 0);
+            i0.ɵɵconditionalCreate(4, SdSelect_Conditional_4_Template, 1, 1, "div", 4)(5, SdSelect_Conditional_5_Template, 2, 1, "span", 5)(6, SdSelect_Conditional_6_Template, 2, 0, "span");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(7, SdSelect_Conditional_7_Template, 2, 1, "div", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(8, SdSelect_Conditional_8_Template, 1, 0);
+            i0.ɵɵelementStart(9, "sd-dropdown-popup");
+            i0.ɵɵconditionalCreate(10, SdSelect_Conditional_10_Template, 1, 1, null, 7);
+            i0.ɵɵconditionalCreate(11, SdSelect_Conditional_11_Template, 6, 1, "div", 8);
+            i0.ɵɵconditionalCreate(12, SdSelect_Conditional_12_Template, 1, 1, null, 7);
+            i0.ɵɵconditionalCreate(13, SdSelect_Conditional_13_Template, 2, 0)(14, SdSelect_Conditional_14_Template, 1, 0);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            let tmp_10_0;
+            i0.ɵɵproperty("disabled", ctx.disabled());
+            i0.ɵɵtwoWayProperty("open", ctx.dropdownOpen);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("sdRipple", !ctx.disabled());
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx._selectedItemContentHTML() !== undefined ? 4 : ctx.placeholder() ? 5 : 6);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(!ctx.disabled() ? 7 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.disabled() ? 8 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx._headerTpl() ? 10 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.selectMode() === "multi" && !ctx.hideSelectAll() ? 11 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx._beforeTpl() ? 12 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional((tmp_10_0 = ctx._itemOfTpl()) ? 13 : 14, tmp_10_0);
+        } }, dependencies: [SdDropdown,
+            SdDropdownPopup,
+            SdAnchor,
+            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 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSelect, [{
+        type: Component,
+        args: [{ selector: "sd-select", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
+                    SdDropdown,
+                    SdDropdownPopup,
+                    SdAnchor,
+                    SdGap,
+                    NgTemplateOutlet,
+                    SdRipple,
+                    NgIcon,
+                ], template: `
+    <sd-dropdown [disabled]="disabled()" [(open)]="dropdownOpen">
+      <div class="_sd-select-control" [sdRipple]="!disabled()">
+        <div class="_sd-select-control-content" #contentEl>
+          @if (_selectedItemContentHTML() !== undefined) {
+            <div [innerHTML]="_selectedItemContentHTML()"></div>
+          } @else if (placeholder()) {
+            <span class="tx-trans-lighter">{{ placeholder() }}</span>
+          } @else {
+            <span>&nbsp;</span>
+          }
+        </div>
+        @if (!disabled()) {
+          <div class="_sd-select-control-icon">
+            <ng-icon [svg]="tablerCaretDown" />
+          </div>
+        }
+      </div>
+      @if (!disabled()) {
+        <ng-content select="sd-select-button" />
+      }
+      <sd-dropdown-popup>
+        @if (_headerTpl()) {
+          <ng-template [ngTemplateOutlet]="_headerTpl()!" />
+        }
+        @if (selectMode() === "multi" && !hideSelectAll()) {
+          <div class="_sd-select-all-bar">
+            <sd-anchor data-sd-select-all (click)="onSelectAll()">전체선택</sd-anchor>
+            <sd-gap [width]="'sm'" />
+            <sd-anchor data-sd-deselect-all (click)="onDeselectAll()">전체해제</sd-anchor>
+          </div>
+        }
+        @if (_beforeTpl()) {
+          <ng-template [ngTemplateOutlet]="_beforeTpl()!" />
+        }
+        @if (_itemOfTpl(); as tpl) {
+          @for (item of _flatItems(); track item) {
+            <ng-template
+              [ngTemplateOutlet]="tpl"
+              [ngTemplateOutletContext]="{ $implicit: item.data, item: item.data, index: item.index, depth: item.depth }"
+            />
+          }
+        } @else {
+          <ng-content />
+        }
+      </sd-dropdown-popup>
+    </sd-dropdown>
+  `, host: {
+                    "[attr.data-sd-size]": "size()",
+                    "[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 }); })();

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

@@ -0,0 +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"}

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

@@ -0,0 +1,31 @@
+import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, ViewEncapsulation, } from "@angular/core";
+import { SdTab } from "./sd-tab";
+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 */ []));
+    onClick() {
+        this._parentControl.value.set(this.value());
+    }
+    static ɵfac = function SdTabItem_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTabItem)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTabItem, selectors: [["sd-tab-item"]], hostVars: 1, hostBindings: function SdTabItem_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("click", function SdTabItem_click_HostBindingHandler() { return ctx.onClick(); });
+        } if (rf & 2) {
+            i0.ɵɵattribute("data-sd-selected", ctx.isSelected());
+        } }, 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 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTabItem, [{
+        type: Component,
+        args: [{ selector: "sd-tab-item", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], host: {
+                    "[attr.data-sd-selected]": "isSelected()",
+                    "(click)": "onClick()",
+                }, 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 }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTabItem, { className: "SdTabItem", filePath: "packages/angular/src/controls/tab/sd-tab-item.ts", lineNumber: 45, forbidOrphanRendering: true }); })();

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

@@ -0,0 +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"}

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

@@ -0,0 +1,18 @@
+import { ChangeDetectionStrategy, Component, model, ViewEncapsulation } from "@angular/core";
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+export class SdTab {
+    value = model(...(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 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTab, [{
+        type: Component,
+        args: [{ selector: "sd-tab", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: `
+    <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 }); })();

package/dist/core/app-structure/sd-app-structure.provider.d.ts

@@ -0,0 +1,22 @@
+import type { Signal } from "@angular/core";
+import type { AppStructureItem } from "@simplysm/service-common";
+import type { SdFlatMenu } from "./sd-app-structure.types";
+import * as i0 from "@angular/core";
+export declare function injectPermsSignal<K extends string>(viewCodes: string[], keys: K[]): Signal<K[]>;
+export declare class SdAppStructureProvider<TModule = unknown> {
+    private readonly _clientFactory;
+    private readonly _config;
+    readonly usableModules: import("@angular/core").WritableSignal<TModule[] | undefined>;
+    readonly permRecord: import("@angular/core").WritableSignal<Record<string, boolean> | undefined>;
+    readonly items: import("@angular/core").WritableSignal<AppStructureItem<TModule>[]>;
+    initialize(serviceKey: string): Promise<void>;
+    usableMenus: Signal<import("./sd-app-structure.types").SdMenu[]>;
+    usableFlatMenus: Signal<SdFlatMenu<TModule>[]>;
+    getPermissionsByStructure(items: AppStructureItem<TModule>[], codeChain?: string[]): import("./sd-app-structure.types").SdPermission<TModule>[];
+    getTitleByFullCode(fullCode: string): string;
+    getItemChainByFullCode(fullCode: string): AppStructureItem<TModule>[];
+    getPermsByFullCode<K extends string>(fullCodes: string[], permKeys: K[]): K[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdAppStructureProvider<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SdAppStructureProvider<any>>;
+}
+//# sourceMappingURL=sd-app-structure.provider.d.ts.map

package/dist/core/app-structure/sd-app-structure.provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-app-structure.provider.d.ts","sourceRoot":"","sources":["../../../src/core/app-structure/sd-app-structure.provider.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAuB,MAAM,0BAA0B,CAAC;AACtF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;;AAK3D,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,MAAM,CAAC,CAAC,EAAE,CAAC,CAG/F;AAID,qBACa,sBAAsB,CAAC,OAAO,GAAG,OAAO;IACnD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA0C;IACzE,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAmC;IAE3D,QAAQ,CAAC,aAAa,gEAA4C;IAClE,QAAQ,CAAC,UAAU,8EAA0D;IAC7E,QAAQ,CAAC,KAAK,sEAA2C;IAEnD,UAAU,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IASnD,WAAW,sDAET;IACF,eAAe,gCAEb;IAEF,yBAAyB,CAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAAE,EAAE,SAAS,GAAE,MAAM,EAAO;IAItF,kBAAkB,CAAC,QAAQ,EAAE,MAAM;IAInC,sBAAsB,CAAC,QAAQ,EAAE,MAAM;IAIvC,kBAAkB,CAAC,CAAC,SAAS,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE;yCApClE,sBAAsB;6CAAtB,sBAAsB;CA4ClC"}