@simplysm/angular 14.0.30 → 14.0.33

package/dist/data/shared-data/sd-shared-data-select.js

@@ -0,0 +1,440 @@
+import { NgTemplateOutlet } from "@angular/common";
+import { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChild, effect, inject, input, model, signal, TemplateRef, untracked, viewChild, ViewEncapsulation, } from "@angular/core";
+import { SdSelect } from "../../controls/select/sd-select";
+import { SdSelectButton } from "../../controls/select/sd-select-button";
+import { SdSelectItem } from "../../controls/select/sd-select-item";
+import { SdTextfield } from "../../controls/input/sd-textfield";
+import { SdItemOfTemplate, } from "../../core/template/sd-item-of-template";
+import { SdModalProvider, } from "../../core/modal/sd-modal.provider";
+import { NgIcon } from "@ng-icons/core";
+import { tablerEdit, tablerSearch } from "@ng-icons/tabler-icons";
+import { matchesSearchText } from "./matchesSearchText";
+import * as i0 from "@angular/core";
+const _c0 = ["undefinedTpl"];
+const _c1 = (a0, a1, a2, a3) => ({ $implicit: a0, item: a1, index: a2, depth: a3 });
+function SdSharedDataSelect_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-select-button", 4);
+    i0.ɵɵlistener("click", function SdSharedDataSelect_Conditional_1_Template_sd_select_button_click_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onModalButtonClick($event)); });
+    i0.ɵɵelement(1, "ng-icon", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r1.tablerSearch);
+} }
+function SdSharedDataSelect_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-select-button", 4);
+    i0.ɵɵlistener("click", function SdSharedDataSelect_Conditional_2_Template_sd_select_button_click_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onEditModalButtonClick($event)); });
+    i0.ɵɵelement(1, "ng-icon", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r1.tablerEdit);
+} }
+function SdSharedDataSelect_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 6)(1, "sd-textfield", 7);
+    i0.ɵɵtwoWayListener("valueChange", function SdSharedDataSelect_ng_template_3_Template_sd_textfield_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.searchText, $event) || (ctx_r1.searchText = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("type", "text");
+    i0.ɵɵtwoWayProperty("value", ctx_r1.searchText);
+    i0.ɵɵproperty("placeholder", "\uAC80\uC0C9\uC5B4")("size", ctx_r1.size());
+} }
+function SdSharedDataSelect_ng_template_5_Conditional_0_Conditional_1_ng_template_0_Template(rf, ctx) { }
+function SdSharedDataSelect_ng_template_5_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdSharedDataSelect_ng_template_5_Conditional_0_Conditional_1_ng_template_0_Template, 0, 0, "ng-template", 10);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.undefinedTplRef());
+} }
+function SdSharedDataSelect_ng_template_5_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 11);
+    i0.ɵɵtext(1, "\uBBF8\uC9C0\uC815");
+    i0.ɵɵelementEnd();
+} }
+function SdSharedDataSelect_ng_template_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵlistener("click", function SdSharedDataSelect_ng_template_5_Conditional_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onUndefinedClick()); })("keydown.enter", function SdSharedDataSelect_ng_template_5_Conditional_0_Template_div_keydown_enter_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onUndefinedClick()); })("keydown.space", function SdSharedDataSelect_ng_template_5_Conditional_0_Template_div_keydown_space_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.onUndefinedClick(); return i0.ɵɵresetView($event.preventDefault()); });
+    i0.ɵɵconditionalCreate(1, SdSharedDataSelect_ng_template_5_Conditional_0_Conditional_1_Template, 1, 1, null, 10)(2, SdSharedDataSelect_ng_template_5_Conditional_0_Conditional_2_Template, 2, 0, "span", 11);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.undefinedTplRef() ? 1 : 2);
+} }
+function SdSharedDataSelect_ng_template_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SdSharedDataSelect_ng_template_5_Conditional_0_Template, 3, 1, "div", 8);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(!ctx_r1.required() && ctx_r1.selectMode() === "single" || ctx_r1.useUndefined() && ctx_r1.selectMode() === "multi" ? 0 : -1);
+} }
+function SdSharedDataSelect_ng_template_7_Conditional_0_ng_template_2_Template(rf, ctx) { }
+function SdSharedDataSelect_ng_template_7_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "sd-select-item", 12)(1, "span");
+    i0.ɵɵtemplate(2, SdSharedDataSelect_ng_template_7_Conditional_0_ng_template_2_Template, 0, 0, "ng-template", 13);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r5 = i0.ɵɵnextContext();
+    const item_r7 = ctx_r5.item;
+    const index_r8 = ctx_r5.index;
+    const depth_r9 = ctx_r5.depth;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("value", item_r7.__valueKey)("hidden", !ctx_r1.getItemVisible(item_r7, index_r8));
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("text-decoration", ctx_r1.getIsHiddenFn()(item_r7, index_r8) ? "line-through" : undefined);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.itemTplRef() ?? null)("ngTemplateOutletContext", i0.ɵɵpureFunction4(6, _c1, item_r7, item_r7, index_r8, depth_r9));
+} }
+function SdSharedDataSelect_ng_template_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SdSharedDataSelect_ng_template_7_Conditional_0_Template, 3, 11, "sd-select-item", 12);
+} if (rf & 2) {
+    const item_r7 = ctx.item;
+    const index_r8 = ctx.index;
+    const depth_r9 = ctx.depth;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r1.getItemSelectable(item_r7, index_r8, depth_r9) && (ctx_r1.isDropdownOpen() || ctx_r1.selectedKeys().includes(item_r7.__valueKey)) ? 0 : -1);
+} }
+export class SdSharedDataSelect {
+    _sdModal = inject(SdModalProvider);
+    _selectCtrl = viewChild(SdSelect, ...(ngDevMode ? [{ debugName: "_selectCtrl" }] : /* istanbul ignore next */ []));
+    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+    items = input.required(...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    useUndefined = input(false, { ...(ngDevMode ? { debugName: "useUndefined" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    inset = input(false, { ...(ngDevMode ? { debugName: "inset" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
+    selectMode = input("single", ...(ngDevMode ? [{ debugName: "selectMode" }] : /* istanbul ignore next */ []));
+    filterFn = input(...(ngDevMode ? [undefined, { debugName: "filterFn" }] : /* istanbul ignore next */ []));
+    filterFnParams = input(...(ngDevMode ? [undefined, { debugName: "filterFnParams" }] : /* istanbul ignore next */ []));
+    modal = input(...(ngDevMode ? [undefined, { debugName: "modal" }] : /* istanbul ignore next */ []));
+    editModal = input(...(ngDevMode ? [undefined, { debugName: "editModal" }] : /* istanbul ignore next */ []));
+    selectClass = input(...(ngDevMode ? [undefined, { debugName: "selectClass" }] : /* istanbul ignore next */ []));
+    multiSelectionDisplayDirection = input(...(ngDevMode ? [undefined, { debugName: "multiSelectionDisplayDirection" }] : /* istanbul ignore next */ []));
+    getIsHiddenFn = input((item) => item.__isHidden, ...(ngDevMode ? [{ debugName: "getIsHiddenFn" }] : /* istanbul ignore next */ []));
+    getSearchTextFn = input((item) => item.__searchText, ...(ngDevMode ? [{ debugName: "getSearchTextFn" }] : /* istanbul ignore next */ []));
+    displayOrderKeyProp = input(...(ngDevMode ? [undefined, { debugName: "displayOrderKeyProp" }] : /* istanbul ignore next */ []));
+    itemTplRef = contentChild(SdItemOfTemplate, { ...(ngDevMode ? { debugName: "itemTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
+    undefinedTplRef = contentChild("undefinedTpl", { ...(ngDevMode ? { debugName: "undefinedTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
+    searchText = signal(undefined, ...(ngDevMode ? [{ debugName: "searchText" }] : /* istanbul ignore next */ []));
+    isDropdownOpen = computed(() => this._selectCtrl()?.dropdownOpen() ?? false, ...(ngDevMode ? [{ debugName: "isDropdownOpen" }] : /* istanbul ignore next */ []));
+    hasParentKey = computed(() => this.items().some((item) => item.__parentKey != null), ...(ngDevMode ? [{ debugName: "hasParentKey" }] : /* istanbul ignore next */ []));
+    itemByParentKeyMap = computed(() => {
+        if (!this.hasParentKey())
+            return undefined;
+        const map = new Map();
+        for (const item of this.items()) {
+            const parentKey = item.__parentKey;
+            const existing = map.get(parentKey);
+            if (existing != null) {
+                existing.push(item);
+            }
+            else {
+                map.set(parentKey, [item]);
+            }
+        }
+        return map;
+    }, ...(ngDevMode ? [{ debugName: "itemByParentKeyMap" }] : /* istanbul ignore next */ []));
+    rootDisplayItems = computed(() => {
+        let result = this.items().filter((item, index) => {
+            if (this.filterFn() != null) {
+                if (!this.filterFn()(item, index, ...(this.filterFnParams() ?? []))) {
+                    return false;
+                }
+            }
+            if (this.hasParentKey()) {
+                return item.__parentKey == null;
+            }
+            return true;
+        });
+        const orderProp = this.displayOrderKeyProp();
+        if (orderProp != null) {
+            result = [...result].sort((a, b) => {
+                const aVal = a[orderProp];
+                const bVal = b[orderProp];
+                if (aVal < bVal)
+                    return -1;
+                if (aVal > bVal)
+                    return 1;
+                return 0;
+            });
+        }
+        return result;
+    }, ...(ngDevMode ? [{ debugName: "rootDisplayItems" }] : /* istanbul ignore next */ []));
+    _searchTextMatchCache = computed(() => {
+        const cache = new Map();
+        const searchText = this.searchText();
+        const getSearchTextFn = this.getSearchTextFn();
+        const hasParent = this.hasParentKey();
+        const parentMap = this.itemByParentKeyMap();
+        const items = this.items();
+        const check = (item, index) => {
+            const key = item.__valueKey;
+            const cached = cache.get(key);
+            if (cached !== undefined)
+                return cached;
+            const itemText = getSearchTextFn(item, index);
+            if (matchesSearchText(itemText, searchText)) {
+                cache.set(key, true);
+                return true;
+            }
+            if (hasParent && parentMap != null) {
+                const children = parentMap.get(key) ?? [];
+                for (let i = 0; i < children.length; i++) {
+                    if (check(children[i], i)) {
+                        cache.set(key, true);
+                        return true;
+                    }
+                }
+            }
+            cache.set(key, false);
+            return false;
+        };
+        for (let i = 0; i < items.length; i++) {
+            check(items[i], i);
+        }
+        return cache;
+    }, ...(ngDevMode ? [{ debugName: "_searchTextMatchCache" }] : /* istanbul ignore next */ []));
+    selectedKeys = computed(() => {
+        const val = this.value();
+        if (val == null)
+            return [];
+        if (Array.isArray(val))
+            return val;
+        return [val];
+    }, ...(ngDevMode ? [{ debugName: "selectedKeys" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // 드롭다운 닫힘 시 검색어 초기화 (open → closed 전환 시에만)
+        let prevOpen = false;
+        effect(() => {
+            const ctrl = this._selectCtrl();
+            const currentOpen = ctrl != null ? ctrl.dropdownOpen() : false;
+            if (prevOpen && !currentOpen) {
+                untracked(() => this.searchText.set(undefined));
+            }
+            prevOpen = currentOpen;
+        });
+    }
+    getItemSelectable(item, _index, depth) {
+        if (!this.hasParentKey())
+            return true;
+        // 트리 구조에서 depth가 0이면서 __parentKey가 있는 항목은 선택 불가
+        return depth !== 0 || item.__parentKey == null;
+    }
+    getItemVisible(item, index) {
+        if (this.isIncludeSearchText(item, index) &&
+            !this.getIsHiddenFn()(item, index)) {
+            return true;
+        }
+        // 현재 선택된 항목은 항상 표시
+        const val = this.value();
+        if (val === item.__valueKey)
+            return true;
+        if (Array.isArray(val) && val.includes(item.__valueKey))
+            return true;
+        return false;
+    }
+    isIncludeSearchText(item, _index) {
+        return this._searchTextMatchCache().get(item.__valueKey) ?? false;
+    }
+    getChildren = (item) => {
+        let result = this.itemByParentKeyMap()?.get(item.__valueKey) ??
+            [];
+        const orderProp = this.displayOrderKeyProp();
+        if (orderProp != null) {
+            result = [...result].sort((a, b) => {
+                const aVal = a[orderProp];
+                const bVal = b[orderProp];
+                if (aVal < bVal)
+                    return -1;
+                if (aVal > bVal)
+                    return 1;
+                return 0;
+            });
+        }
+        return result;
+    };
+    onUndefinedClick() {
+        this.value.set(undefined);
+    }
+    async onModalButtonClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        const modalInfo = this.modal();
+        if (modalInfo == null)
+            return;
+        const result = await this._sdModal.showAsync({
+            ...modalInfo,
+            inputs: {
+                selectMode: this.selectMode(),
+                selectedItemKeys: this.selectedKeys(),
+                ...modalInfo.inputs,
+            },
+        });
+        if (result != null) {
+            const newValue = this.selectMode() === "multi"
+                ? result.selectedItemKeys
+                : result.selectedItemKeys[0];
+            this.value.set(newValue);
+        }
+    }
+    async onEditModalButtonClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        const modalInfo = this.editModal();
+        if (modalInfo == null)
+            return;
+        await this._sdModal.showAsync(modalInfo);
+    }
+    tablerSearch = tablerSearch;
+    tablerEdit = tablerEdit;
+    static ɵfac = function SdSharedDataSelect_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSharedDataSelect)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSharedDataSelect, selectors: [["sd-shared-data-select"]], contentQueries: function SdSharedDataSelect_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.itemTplRef, SdItemOfTemplate, 5, TemplateRef)(dirIndex, ctx.undefinedTplRef, _c0, 5, TemplateRef);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance(2);
+        } }, viewQuery: function SdSharedDataSelect_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuerySignal(ctx._selectCtrl, SdSelect, 5);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance();
+        } }, inputs: { value: [1, "value"], items: [1, "items"], disabled: [1, "disabled"], required: [1, "required"], useUndefined: [1, "useUndefined"], inset: [1, "inset"], inline: [1, "inline"], size: [1, "size"], selectMode: [1, "selectMode"], filterFn: [1, "filterFn"], filterFnParams: [1, "filterFnParams"], modal: [1, "modal"], editModal: [1, "editModal"], selectClass: [1, "selectClass"], multiSelectionDisplayDirection: [1, "multiSelectionDisplayDirection"], getIsHiddenFn: [1, "getIsHiddenFn"], getSearchTextFn: [1, "getSearchTextFn"], displayOrderKeyProp: [1, "displayOrderKeyProp"] }, outputs: { value: "valueChange" }, decls: 8, vars: 14, consts: [["headerTpl", ""], ["beforeTpl", ""], [3, "valueChange", "value", "disabled", "required", "inset", "inline", "size", "items", "selectMode", "contentClass", "multiSelectionDisplayDirection", "getChildrenFn"], [3, "itemOf"], [3, "click"], [3, "svg"], [1, "p-xs"], [3, "valueChange", "type", "value", "placeholder", "size"], ["tabindex", "0", 1, "_sd-shared-data-select-undefined"], ["tabindex", "0", 1, "_sd-shared-data-select-undefined", 3, "click", "keydown.enter", "keydown.space"], [3, "ngTemplateOutlet"], [1, "tx-theme-gray-default"], [3, "value", "hidden"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function SdSharedDataSelect_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "sd-select", 2);
+            i0.ɵɵlistener("valueChange", function SdSharedDataSelect_Template_sd_select_valueChange_0_listener($event) { return ctx.value.set($event); });
+            i0.ɵɵconditionalCreate(1, SdSharedDataSelect_Conditional_1_Template, 2, 1, "sd-select-button");
+            i0.ɵɵconditionalCreate(2, SdSharedDataSelect_Conditional_2_Template, 2, 1, "sd-select-button");
+            i0.ɵɵtemplate(3, SdSharedDataSelect_ng_template_3_Template, 2, 4, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(5, SdSharedDataSelect_ng_template_5_Template, 1, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(7, SdSharedDataSelect_ng_template_7_Template, 1, 1, "ng-template", 3);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("value", ctx.value())("disabled", ctx.disabled())("required", ctx.required())("inset", ctx.inset())("inline", ctx.inline())("size", ctx.size())("items", ctx.rootDisplayItems())("selectMode", ctx.selectMode())("contentClass", ctx.selectClass())("multiSelectionDisplayDirection", ctx.multiSelectionDisplayDirection())("getChildrenFn", ctx.hasParentKey() ? ctx.getChildren : undefined);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.modal() ? 1 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.editModal() ? 2 : -1);
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("itemOf", ctx.rootDisplayItems());
+        } }, dependencies: [SdSelect,
+            SdTextfield,
+            SdSelectItem,
+            SdItemOfTemplate,
+            NgTemplateOutlet,
+            SdSelectButton,
+            NgIcon], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSharedDataSelect, [{
+        type: Component,
+        args: [{
+                selector: "sd-shared-data-select",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                encapsulation: ViewEncapsulation.None,
+                standalone: true,
+                imports: [
+                    SdSelect,
+                    SdTextfield,
+                    SdSelectItem,
+                    SdItemOfTemplate,
+                    NgTemplateOutlet,
+                    SdSelectButton,
+                    NgIcon,
+                ],
+                template: `
+    <sd-select
+      [value]="$any(value())"
+      (valueChange)="value.set($any($event))"
+      [disabled]="disabled()"
+      [required]="required()"
+      [inset]="inset()"
+      [inline]="inline()"
+      [size]="size()"
+      [items]="rootDisplayItems()"
+      [selectMode]="selectMode()"
+      [contentClass]="selectClass()"
+      [multiSelectionDisplayDirection]="multiSelectionDisplayDirection()"
+      [getChildrenFn]="hasParentKey() ? getChildren : undefined"
+    >
+      @if (modal()) {
+        <sd-select-button (click)="onModalButtonClick($event)">
+          <ng-icon [svg]="tablerSearch" />
+        </sd-select-button>
+      }
+      @if (editModal()) {
+        <sd-select-button (click)="onEditModalButtonClick($event)">
+          <ng-icon [svg]="tablerEdit" />
+        </sd-select-button>
+      }
+
+      <ng-template #headerTpl>
+        <div class="p-xs">
+          <sd-textfield
+            [type]="'text'"
+            [(value)]="searchText"
+            [placeholder]="'검색어'"
+            [size]="size()"
+          />
+        </div>
+      </ng-template>
+
+      <ng-template #beforeTpl>
+        @if (
+          (!required() && selectMode() === "single") ||
+          (useUndefined() && selectMode() === "multi")
+        ) {
+          <div
+            class="_sd-shared-data-select-undefined"
+            tabindex="0"
+            (click)="onUndefinedClick()"
+            (keydown.enter)="onUndefinedClick()"
+            (keydown.space)="onUndefinedClick(); $event.preventDefault()"
+          >
+            @if (undefinedTplRef()) {
+              <ng-template [ngTemplateOutlet]="undefinedTplRef()!" />
+            } @else {
+              <span class="tx-theme-gray-default">미지정</span>
+            }
+          </div>
+        }
+      </ng-template>
+
+      <ng-template
+        [itemOf]="rootDisplayItems()"
+        let-item="item"
+        let-index="index"
+        let-depth="depth"
+      >
+        @if (
+          getItemSelectable(item, index, depth) &&
+          (isDropdownOpen() || selectedKeys().includes(item.__valueKey))
+        ) {
+          <sd-select-item [value]="item.__valueKey" [hidden]="!getItemVisible(item, index)">
+            <span
+              [style.text-decoration]="
+                getIsHiddenFn()(item, index) ? 'line-through' : undefined
+              "
+            >
+              <ng-template
+                [ngTemplateOutlet]="itemTplRef() ?? null"
+                [ngTemplateOutletContext]="{
+                  $implicit: item,
+                  item: item,
+                  index: index,
+                  depth: depth,
+                }"
+              ></ng-template>
+            </span>
+          </sd-select-item>
+        }
+      </ng-template>
+    </sd-select>
+  `,
+            }]
+    }], () => [], { _selectCtrl: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SdSelect), { isSignal: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], useUndefined: [{ type: i0.Input, args: [{ isSignal: true, alias: "useUndefined", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], selectMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectMode", required: false }] }], filterFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterFn", required: false }] }], filterFnParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterFnParams", required: false }] }], modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: false }] }], editModal: [{ type: i0.Input, args: [{ isSignal: true, alias: "editModal", required: false }] }], selectClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectClass", required: false }] }], multiSelectionDisplayDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiSelectionDisplayDirection", required: false }] }], getIsHiddenFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getIsHiddenFn", required: false }] }], getSearchTextFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getSearchTextFn", required: false }] }], displayOrderKeyProp: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayOrderKeyProp", required: false }] }], itemTplRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SdItemOfTemplate), { ...{ read: TemplateRef }, isSignal: true }] }], undefinedTplRef: [{ type: i0.ContentChild, args: ["undefinedTpl", { ...{
+                        read: TemplateRef,
+                    }, isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSharedDataSelect, { className: "SdSharedDataSelect", filePath: "packages/angular/src/data/shared-data/sd-shared-data-select.ts", lineNumber: 144, forbidOrphanRendering: true }); })();

package/dist/data/sheet/injectSheetColumnResizing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectSheetColumnResizing.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/injectSheetColumnResizing.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEvE,wBAAgB,yBAAyB,CAAC,OAAO,EAAE;IACjD,WAAW,EAAE,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;IACvD,cAAc,EAAE;QACd,KAAK,EAAE,MAAM,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;QACzC,GAAG,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;KACjC,CAAC;CACH;;;;yBAsB6B,UAAU,UAAU,gBAAgB,KAAG,IAAI;wBAwC5C,UAAU,UAAU,gBAAgB,KAAG,IAAI;EAmBvE"}

package/dist/data/sheet/injectSheetDomAccessor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectSheetDomAccessor.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/injectSheetDomAccessor.ts"],"names":[],"mappings":"AAEA,wBAAgB,sBAAsB;qBAGd,WAAW;wBAIR,WAAW;oBAIf,gBAAgB;oBAIhB,uBAAuB;gBAIzB,MAAM,KAAG,mBAAmB,GAAG,IAAI;iBAOlC,MAAM,KAAK,MAAM,KAAG,oBAAoB,GAAG,IAAI;oCAY9B,WAAW;oCAIX,WAAW,EAAE;EAiBnD"}

package/dist/data/sheet/sd-sheet-column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-sheet-column.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/sd-sheet-column.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,WAAW,EACZ,MAAM,eAAe,CAAC;;AAEvB,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;CACf;AAED,qBAIa,aAAa;IACxB,GAAG,8CAA4B;IAC/B,MAAM,yDAAgC;IACtC,KAAK,0DAAmB;IACxB,KAAK,qEAAiD;IACtD,MAAM,qEAAiD;IACvD,QAAQ,qEAAiD;IACzD,cAAc,qEAAiD;IAC/D,eAAe,qEAAiD;IAChE,QAAQ,8CAAY;IAEpB,UAAU,8EAA4D;IACtE,aAAa,gEAAiD;yCAZnD,aAAa;2CAAb,aAAa;CAazB"}

package/dist/data/sheet/sd-sheet-config.modal.d.ts

@@ -0,0 +1,38 @@
+import type { SdModalContentDef } from "../../core/modal/sd-modal.provider";
+import type { SdSheetConfig } from "./types";
+import type { SdSheetColumn } from "./sd-sheet-column";
+import * as i0 from "@angular/core";
+interface ConfigItem {
+    key: string;
+    header: string;
+    fixed: boolean;
+    hidden: boolean;
+    width: string;
+    ordering: number;
+}
+export declare class SdSheetConfigModal implements SdModalContentDef<SdSheetConfig | undefined> {
+    initialized: import("@angular/core").WritableSignal<boolean>;
+    close: import("@angular/core").OutputEmitterRef<SdSheetConfig | undefined>;
+    controls: import("@angular/core").InputSignal<readonly SdSheetColumn[]>;
+    config: import("@angular/core").InputSignal<SdSheetConfig | undefined>;
+    _icons: {
+        tablerArrowUp: string;
+        tablerArrowDown: string;
+    };
+    private readonly _initialItems;
+    _items: import("@angular/core").WritableSignal<ConfigItem[]>;
+    onFixedToggle(idx: number): void;
+    onHiddenToggle(idx: number): void;
+    onWidthChange(idx: number, event: Event): void;
+    canMoveUp(idx: number): boolean;
+    canMoveDown(idx: number): boolean;
+    onMoveUp(idx: number): void;
+    onMoveDown(idx: number): void;
+    onOk(): void;
+    onCancel(): void;
+    onReset(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdSheetConfigModal, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSheetConfigModal, "sd-sheet-config-modal", never, { "controls": { "alias": "controls"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; }, { "close": "close"; }, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=sd-sheet-config.modal.d.ts.map

package/dist/data/sheet/sd-sheet-config.modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-sheet-config.modal.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/sd-sheet-config.modal.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;;AAMvD,UAAU,UAAU;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,qBAmHa,kBAAmB,YAAW,iBAAiB,CAAC,aAAa,GAAG,SAAS,CAAC;IACrF,WAAW,kDAAgB;IAC3B,KAAK,sEAAuC;IAE5C,QAAQ,gEAA8C;IACtD,MAAM,iEAA+C;IAErD,MAAM;;;MAAsC;IAE5C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAiB3B;IAEH,MAAM,uDAA0D;IAEhE,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAMhC,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAMjC,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;IAO9C,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAU/B,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAUjC,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAO3B,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAO7B,IAAI,IAAI,IAAI;IAeZ,QAAQ,IAAI,IAAI;IAIhB,OAAO,IAAI,IAAI;yCAtGJ,kBAAkB;2CAAlB,kBAAkB;CAyG9B"}