@simplysm/angular 14.0.30 → 14.0.33

package/dist/features/shared-data/sd-shared-data-select-list.d.ts

@@ -1,34 +0,0 @@
-import { TemplateRef } from "@angular/core";
-import type { SharedDataBase } from "../../core/providers/sd-shared-data.provider";
-import { type SdItemOfTemplateContext } from "../../core/directives/sd-item-of-template";
-import type { SdSelectModal, SdSelectModalInfo } from "../../ui/form/button/sd-modal-select-button";
-import * as i0 from "@angular/core";
-export declare class SdSharedDataSelectList<TItem extends SharedDataBase<string | number>, TModal extends SdSelectModal<any>> {
-    private readonly _sdModal;
-    selectedItem: import("@angular/core").ModelSignal<TItem | undefined>;
-    canChangeFn: import("@angular/core").InputSignal<(item: TItem | undefined) => boolean | Promise<boolean>>;
-    items: import("@angular/core").InputSignal<TItem[]>;
-    selectedIcon: import("@angular/core").InputSignal<string | undefined>;
-    useUndefined: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    filterFn: import("@angular/core").InputSignal<((item: TItem, index: number) => boolean) | undefined>;
-    modal: import("@angular/core").InputSignal<SdSelectModalInfo<TModal> | undefined>;
-    header: import("@angular/core").InputSignal<string | undefined>;
-    headerTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
-    filterTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
-    itemTplRef: import("@angular/core").Signal<TemplateRef<SdItemOfTemplateContext<TItem>> | undefined>;
-    undefinedTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
-    searchText: import("@angular/core").WritableSignal<string | undefined>;
-    pageItemCount: import("@angular/core").InputSignal<number | undefined>;
-    page: import("@angular/core").WritableSignal<number>;
-    private readonly _filteredItems;
-    pageLength: import("@angular/core").Signal<number>;
-    displayItems: import("@angular/core").Signal<TItem[]>;
-    constructor();
-    select(item: TItem | undefined): void;
-    toggle(item: TItem | undefined): void;
-    onModalButtonClick(): Promise<void>;
-    protected readonly tablerExternalLink = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke-width:var(--ng-icon__stroke-width, 2)\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6\"></path><path d=\"M11 13l9 -9\"></path><path d=\"M15 4h5v5\"></path></svg>";
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdSharedDataSelectList<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdSharedDataSelectList<any, any>, "sd-shared-data-select-list", never, { "selectedItem": { "alias": "selectedItem"; "required": false; "isSignal": true; }; "canChangeFn": { "alias": "canChangeFn"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; "selectedIcon": { "alias": "selectedIcon"; "required": false; "isSignal": true; }; "useUndefined": { "alias": "useUndefined"; "required": false; "isSignal": true; }; "filterFn": { "alias": "filterFn"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "pageItemCount": { "alias": "pageItemCount"; "required": false; "isSignal": true; }; }, { "selectedItem": "selectedItemChange"; }, ["headerTplRef", "filterTplRef", "itemTplRef", "undefinedTplRef"], never, true, never>;
-}
-//# sourceMappingURL=sd-shared-data-select-list.d.ts.map

package/dist/features/shared-data/sd-shared-data-select-list.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-shared-data-select-list.d.ts","sourceRoot":"","sources":["../../../src/features/shared-data/sd-shared-data-select-list.ts"],"names":[],"mappings":"AACA,OAAO,EAWL,WAAW,EAGZ,MAAM,eAAe,CAAC;AAGvB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,2CAA2C,CAAC;AAEnD,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EAClB,MAAM,6CAA6C,CAAC;;AAUrD,qBA2Fa,sBAAsB,CACjC,KAAK,SAAS,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,EAC7C,MAAM,SAAS,aAAa,CAAC,GAAG,CAAC;IAEjC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IAEpD,YAAY,yDAAkB;IAC9B,WAAW,6CAAgB,KAAK,GAAG,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,EAEzE;IAEF,KAAK,+CAA6B;IAClC,YAAY,0DAAmB;IAC/B,YAAY,qEAAiD;IAC7D,QAAQ,8CAAgB,KAAK,SAAS,MAAM,KAAK,OAAO,eAAI;IAE5D,KAAK,6EAAsC;IAE3C,MAAM,0DAAmB;IAEzB,YAAY,gEAET;IACH,YAAY,gEAET;IACH,UAAU,0FAGR;IACF,eAAe,gEAEZ;IAEH,UAAU,6DAAyC;IAEnD,aAAa,0DAAmB;IAChC,IAAI,iDAAa;IAEjB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAc5B;IAEH,UAAU,yCAMP;IAEH,YAAY,0CAST;;IAoBH,MAAM,CAAC,IAAI,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI;IAIrC,MAAM,CAAC,IAAI,EAAE,KAAK,GAAG,SAAS,GAAG,IAAI;IAI/B,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAC;IAuBzC,SAAS,CAAC,QAAQ,CAAC,kBAAkB,waAAsB;yCA3HhD,sBAAsB;2CAAtB,sBAAsB;CA4HlC"}

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

@@ -1,351 +0,0 @@
-import { NgTemplateOutlet } from "@angular/common";
-import { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChild, effect, inject, input, model, signal, TemplateRef, untracked, ViewEncapsulation, } from "@angular/core";
-import { str } from "@simplysm/core-common";
-import { matchesSearchText } from "./matchesSearchText";
-import { SdItemOfTemplate, } from "../../core/directives/sd-item-of-template";
-import { SdModalProvider } from "../../ui/overlay/modal/sd-modal.provider";
-import { setupModelHook } from "../../core/utils/setups/setupModelHook";
-import { SdPagination } from "../../ui/navigation/pagination/sd-pagination";
-import { SdTextfield } from "../../ui/form/input/sd-textfield";
-import { SdAnchor } from "../../ui/form/button/sd-anchor";
-import { SdList } from "../../ui/data/list/sd-list";
-import { SdListItem } from "../../ui/data/list/sd-list-item";
-import { NgIcon } from "@ng-icons/core";
-import { tablerExternalLink } from "@ng-icons/tabler-icons";
-import * as i0 from "@angular/core";
-const _c0 = ["headerTpl"];
-const _c1 = ["filterTpl"];
-const _c2 = ["undefinedTpl"];
-const _c3 = (a0, a1, a2) => ({ $implicit: a0, item: a1, index: a2, depth: 0 });
-const _forTrack0 = ($index, $item) => $item.__valueKey;
-function SdSharedDataSelectList_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 0);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.header(), " ");
-} }
-function SdSharedDataSelectList_Conditional_2_Conditional_2_ng_template_0_Template(rf, ctx) { }
-function SdSharedDataSelectList_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdSharedDataSelectList_Conditional_2_Conditional_2_ng_template_0_Template, 0, 0, "ng-template", 9);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.headerTplRef());
-} }
-function SdSharedDataSelectList_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-anchor", 10);
-    i0.ɵɵlistener("click", function SdSharedDataSelectList_Conditional_2_Conditional_3_Template_sd_anchor_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onModalButtonClick()); });
-    i0.ɵɵelement(1, "ng-icon", 11);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("svg", ctx_r0.tablerExternalLink);
-} }
-function SdSharedDataSelectList_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2)(1, "div", 4);
-    i0.ɵɵconditionalCreate(2, SdSharedDataSelectList_Conditional_2_Conditional_2_Template, 1, 1, null, 9);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, SdSharedDataSelectList_Conditional_2_Conditional_3_Template, 2, 1, "sd-anchor");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.headerTplRef() ? 2 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.modal() ? 3 : -1);
-} }
-function SdSharedDataSelectList_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-textfield", 12);
-    i0.ɵɵtwoWayListener("valueChange", function SdSharedDataSelectList_Conditional_3_Template_sd_textfield_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.searchText, $event) || (ctx_r0.searchText = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("type", "text")("placeholder", "\uAC80\uC0C9\uC5B4");
-    i0.ɵɵtwoWayProperty("value", ctx_r0.searchText);
-} }
-function SdSharedDataSelectList_Conditional_4_ng_template_1_Template(rf, ctx) { }
-function SdSharedDataSelectList_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, SdSharedDataSelectList_Conditional_4_ng_template_1_Template, 0, 0, "ng-template", 9);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.filterTplRef());
-} }
-function SdSharedDataSelectList_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-pagination", 13);
-    i0.ɵɵtwoWayListener("currentPageChange", function SdSharedDataSelectList_Conditional_7_Template_sd_pagination_currentPageChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.page, $event) || (ctx_r0.page = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵtwoWayProperty("currentPage", ctx_r0.page);
-    i0.ɵɵproperty("totalPageCount", ctx_r0.pageLength());
-} }
-function SdSharedDataSelectList_Conditional_9_Conditional_1_ng_template_0_Template(rf, ctx) { }
-function SdSharedDataSelectList_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdSharedDataSelectList_Conditional_9_Conditional_1_ng_template_0_Template, 0, 0, "ng-template", 9);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.undefinedTplRef());
-} }
-function SdSharedDataSelectList_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 15);
-    i0.ɵɵtext(1, "\uBBF8\uC9C0\uC815");
-    i0.ɵɵelementEnd();
-} }
-function SdSharedDataSelectList_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-list-item", 14);
-    i0.ɵɵlistener("click", function SdSharedDataSelectList_Conditional_9_Template_sd_list_item_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.select(undefined)); });
-    i0.ɵɵconditionalCreate(1, SdSharedDataSelectList_Conditional_9_Conditional_1_Template, 1, 1, null, 9)(2, SdSharedDataSelectList_Conditional_9_Conditional_2_Template, 2, 0, "span", 15);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("selected", ctx_r0.selectedItem() === undefined)("selectedIcon", ctx_r0.selectedIcon());
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.undefinedTplRef() ? 1 : 2);
-} }
-function SdSharedDataSelectList_For_11_ng_template_1_Template(rf, ctx) { }
-function SdSharedDataSelectList_For_11_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-list-item", 14);
-    i0.ɵɵlistener("click", function SdSharedDataSelectList_For_11_Template_sd_list_item_click_0_listener() { const item_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggle(item_r7)); });
-    i0.ɵɵtemplate(1, SdSharedDataSelectList_For_11_ng_template_1_Template, 0, 0, "ng-template", 16);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r7 = ctx.$implicit;
-    const ɵ$index_47_r8 = ctx.$index;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("selected", ctx_r0.selectedItem() === item_r7)("selectedIcon", ctx_r0.selectedIcon());
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.itemTplRef() ?? null)("ngTemplateOutletContext", i0.ɵɵpureFunction3(4, _c3, item_r7, item_r7, ɵ$index_47_r8));
-} }
-export class SdSharedDataSelectList {
-    _sdModal = inject(SdModalProvider);
-    selectedItem = model(...(ngDevMode ? [undefined, { debugName: "selectedItem" }] : /* istanbul ignore next */ []));
-    canChangeFn = input(() => true, ...(ngDevMode ? [{ debugName: "canChangeFn" }] : /* istanbul ignore next */ []));
-    items = input.required(...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
-    selectedIcon = input(...(ngDevMode ? [undefined, { debugName: "selectedIcon" }] : /* istanbul ignore next */ []));
-    useUndefined = input(false, { ...(ngDevMode ? { debugName: "useUndefined" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    filterFn = input(...(ngDevMode ? [undefined, { debugName: "filterFn" }] : /* istanbul ignore next */ []));
-    modal = input(...(ngDevMode ? [undefined, { debugName: "modal" }] : /* istanbul ignore next */ []));
-    header = input(...(ngDevMode ? [undefined, { debugName: "header" }] : /* istanbul ignore next */ []));
-    headerTplRef = contentChild("headerTpl", { ...(ngDevMode ? { debugName: "headerTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
-    filterTplRef = contentChild("filterTpl", { ...(ngDevMode ? { debugName: "filterTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
-    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 */ []));
-    pageItemCount = input(...(ngDevMode ? [undefined, { debugName: "pageItemCount" }] : /* istanbul ignore next */ []));
-    page = signal(0, ...(ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []));
-    _filteredItems = computed(() => {
-        let result = this.items().filter((item) => !item.__isHidden);
-        if (!str.isNullOrEmpty(this.searchText())) {
-            result = result.filter((item) => matchesSearchText(item.__searchText, this.searchText()));
-        }
-        if (this.filterFn() != null) {
-            result = result.filter((item, i) => this.filterFn()(item, i));
-        }
-        return result;
-    }, ...(ngDevMode ? [{ debugName: "_filteredItems" }] : /* istanbul ignore next */ []));
-    pageLength = computed(() => {
-        const pic = this.pageItemCount();
-        if (pic != null && pic > 0) {
-            return Math.ceil(this._filteredItems().length / pic);
-        }
-        return 0;
-    }, ...(ngDevMode ? [{ debugName: "pageLength" }] : /* istanbul ignore next */ []));
-    displayItems = computed(() => {
-        const filtered = this._filteredItems();
-        const pic = this.pageItemCount();
-        if (pic != null && pic > 0) {
-            return filtered.slice(pic * this.page(), pic * (this.page() + 1));
-        }
-        return filtered;
-    }, ...(ngDevMode ? [{ debugName: "displayItems" }] : /* istanbul ignore next */ []));
-    constructor() {
-        setupModelHook(this.selectedItem, this.canChangeFn);
-        // items 변경 시 selectedItem 동기화 (selectedItem은 추적하지 않음)
-        effect(() => {
-            const items = this.items();
-            const current = untracked(() => this.selectedItem());
-            if (current != null) {
-                const updated = items.find((item) => item.__valueKey === current.__valueKey);
-                if (updated !== current) {
-                    this.selectedItem.set(updated);
-                }
-            }
-        });
-    }
-    select(item) {
-        this.selectedItem.set(item);
-    }
-    toggle(item) {
-        this.selectedItem.update((v) => (v === item ? undefined : item));
-    }
-    async onModalButtonClick() {
-        const modalInfo = this.modal();
-        if (modalInfo == null)
-            return;
-        const result = await this._sdModal.showAsync({
-            ...modalInfo,
-            inputs: {
-                selectMode: "single",
-                selectedItemKeys: [this.selectedItem()]
-                    .filter((v) => v != null)
-                    .map((item) => item.__valueKey),
-                ...modalInfo.inputs,
-            },
-        });
-        if (result != null) {
-            const newSelectedItem = this.items().find((item) => item.__valueKey === result.selectedItemKeys[0]);
-            this.selectedItem.set(newSelectedItem);
-        }
-    }
-    tablerExternalLink = tablerExternalLink;
-    static ɵfac = function SdSharedDataSelectList_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSharedDataSelectList)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSharedDataSelectList, selectors: [["sd-shared-data-select-list"]], contentQueries: function SdSharedDataSelectList_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.headerTplRef, _c0, 5, TemplateRef)(dirIndex, ctx.filterTplRef, _c1, 5, TemplateRef)(dirIndex, ctx.itemTplRef, SdItemOfTemplate, 5, TemplateRef)(dirIndex, ctx.undefinedTplRef, _c2, 5, TemplateRef);
-        } if (rf & 2) {
-            i0.ɵɵqueryAdvance(4);
-        } }, hostAttrs: [1, "flex-column", "fill"], inputs: { selectedItem: [1, "selectedItem"], canChangeFn: [1, "canChangeFn"], items: [1, "items"], selectedIcon: [1, "selectedIcon"], useUndefined: [1, "useUndefined"], filterFn: [1, "filterFn"], modal: [1, "modal"], header: [1, "header"], pageItemCount: [1, "pageItemCount"] }, outputs: { selectedItem: "selectedItemChange" }, decls: 12, vars: 6, consts: [[1, "control-header", "p-default"], [1, "flex-column", "gap-sm", "p-default", "pt-0"], [1, "flex-row"], [3, "type", "placeholder", "value"], [1, "flex-fill"], [1, "flex-column", "gap-default"], [3, "currentPage", "totalPageCount"], [1, "flex-fill", 3, "inset"], [3, "selected", "selectedIcon"], [3, "ngTemplateOutlet"], [3, "click"], [3, "svg"], [3, "valueChange", "type", "placeholder", "value"], [3, "currentPageChange", "currentPage", "totalPageCount"], [3, "click", "selected", "selectedIcon"], [1, "tx-theme-gray-default"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function SdSharedDataSelectList_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, SdSharedDataSelectList_Conditional_0_Template, 2, 1, "div", 0);
-            i0.ɵɵelementStart(1, "div", 1);
-            i0.ɵɵconditionalCreate(2, SdSharedDataSelectList_Conditional_2_Template, 4, 2, "div", 2);
-            i0.ɵɵconditionalCreate(3, SdSharedDataSelectList_Conditional_3_Template, 1, 3, "sd-textfield", 3)(4, SdSharedDataSelectList_Conditional_4_Template, 2, 1, "div");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "div", 4)(6, "div", 5);
-            i0.ɵɵconditionalCreate(7, SdSharedDataSelectList_Conditional_7_Template, 1, 2, "sd-pagination", 6);
-            i0.ɵɵelementStart(8, "sd-list", 7);
-            i0.ɵɵconditionalCreate(9, SdSharedDataSelectList_Conditional_9_Template, 3, 3, "sd-list-item", 8);
-            i0.ɵɵrepeaterCreate(10, SdSharedDataSelectList_For_11_Template, 2, 8, "sd-list-item", 8, _forTrack0);
-            i0.ɵɵelementEnd()()();
-        } if (rf & 2) {
-            i0.ɵɵconditional(ctx.header() ? 0 : -1);
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.headerTplRef() || ctx.modal() ? 2 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.filterTplRef() ? 3 : 4);
-            i0.ɵɵadvance(4);
-            i0.ɵɵconditional(ctx.pageItemCount() ? 7 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("inset", true);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.useUndefined() ? 9 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵrepeater(ctx.displayItems());
-        } }, dependencies: [NgTemplateOutlet,
-            SdTextfield,
-            SdPagination,
-            SdAnchor,
-            SdList,
-            SdListItem,
-            NgIcon], encapsulation: 2, changeDetection: 0 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSharedDataSelectList, [{
-        type: Component,
-        args: [{
-                selector: "sd-shared-data-select-list",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                standalone: true,
-                imports: [
-                    NgTemplateOutlet,
-                    SdTextfield,
-                    SdPagination,
-                    SdAnchor,
-                    SdList,
-                    SdListItem,
-                    NgIcon,
-                ],
-                host: {
-                    class: "flex-column fill",
-                },
-                template: `
-    @if (header()) {
-      <div class="control-header p-default">
-        {{ header() }}
-      </div>
-    }
-
-    <div class="flex-column gap-sm p-default pt-0">
-      @if (headerTplRef() || modal()) {
-        <div class="flex-row">
-          <div class="flex-fill">
-            @if (headerTplRef()) {
-              <ng-template [ngTemplateOutlet]="headerTplRef()!"></ng-template>
-            }
-          </div>
-          @if (modal()) {
-            <sd-anchor (click)="onModalButtonClick()">
-              <ng-icon [svg]="tablerExternalLink" />
-            </sd-anchor>
-          }
-        </div>
-      }
-
-      @if (!filterTplRef()) {
-        <sd-textfield [type]="'text'" [placeholder]="'검색어'" [(value)]="searchText" />
-      } @else {
-        <div>
-          <ng-template [ngTemplateOutlet]="filterTplRef()!" />
-        </div>
-      }
-    </div>
-
-    <div class="flex-fill">
-      <div class="flex-column gap-default">
-        @if (pageItemCount()) {
-          <sd-pagination [(currentPage)]="page" [totalPageCount]="pageLength()" />
-        }
-
-        <sd-list [inset]="true" class="flex-fill">
-          @if (useUndefined()) {
-            <sd-list-item
-              [selected]="selectedItem() === undefined"
-              (click)="select(undefined)"
-              [selectedIcon]="selectedIcon()"
-            >
-              @if (undefinedTplRef()) {
-                <ng-template [ngTemplateOutlet]="undefinedTplRef()!" />
-              } @else {
-                <span class="tx-theme-gray-default">미지정</span>
-              }
-            </sd-list-item>
-          }
-          @for (item of displayItems(); let index = $index; track item.__valueKey) {
-            <sd-list-item
-              [selected]="selectedItem() === item"
-              (click)="toggle(item)"
-              [selectedIcon]="selectedIcon()"
-            >
-              <ng-template
-                [ngTemplateOutlet]="itemTplRef() ?? null"
-                [ngTemplateOutletContext]="{
-                  $implicit: item,
-                  item: item,
-                  index: index,
-                  depth: 0,
-                }"
-              ></ng-template>
-            </sd-list-item>
-          }
-        </sd-list>
-      </div>
-    </div>
-  `,
-            }]
-    }], () => [], { selectedItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItem", required: false }] }, { type: i0.Output, args: ["selectedItemChange"] }], canChangeFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "canChangeFn", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], selectedIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIcon", required: false }] }], useUndefined: [{ type: i0.Input, args: [{ isSignal: true, alias: "useUndefined", required: false }] }], filterFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterFn", required: false }] }], modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], headerTplRef: [{ type: i0.ContentChild, args: ["headerTpl", { ...{
-                        read: TemplateRef,
-                    }, isSignal: true }] }], filterTplRef: [{ type: i0.ContentChild, args: ["filterTpl", { ...{
-                        read: TemplateRef,
-                    }, isSignal: true }] }], itemTplRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SdItemOfTemplate), { ...{ read: TemplateRef }, isSignal: true }] }], undefinedTplRef: [{ type: i0.ContentChild, args: ["undefinedTpl", { ...{
-                        read: TemplateRef,
-                    }, isSignal: true }] }], pageItemCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageItemCount", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSharedDataSelectList, { className: "SdSharedDataSelectList", filePath: "packages/angular/src/features/shared-data/sd-shared-data-select-list.ts", lineNumber: 129, forbidOrphanRendering: true }); })();

package/dist/features/shared-data/sd-shared-data-select.d.ts

@@ -1,51 +0,0 @@
-import { TemplateRef } from "@angular/core";
-import type { SharedDataBase } from "../../core/providers/sd-shared-data.provider";
-import { type SelectModeValue } from "../../ui/form/select/sd-select";
-import { type SdItemOfTemplateContext } from "../../core/directives/sd-item-of-template";
-import { type SdModalContentDef, type SdModalInfo } from "../../ui/overlay/modal/sd-modal.provider";
-import type { SdSelectModal, SdSelectModalInfo } from "../../ui/form/button/sd-modal-select-button";
-import * as i0 from "@angular/core";
-export declare class SdSharedDataSelect<TItem extends SharedDataBase<string | number>, TMode extends keyof SelectModeValue<TItem>, TModal extends SdSelectModal<any>> {
-    private readonly _sdModal;
-    private readonly _selectCtrl;
-    value: import("@angular/core").ModelSignal<SelectModeValue<TItem["__valueKey"] | undefined>[TMode] | undefined>;
-    items: import("@angular/core").InputSignal<TItem[]>;
-    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    useUndefined: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    inline: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    size: import("@angular/core").InputSignal<"sm" | "lg" | undefined>;
-    selectMode: import("@angular/core").InputSignal<TMode>;
-    filterFn: import("@angular/core").InputSignal<((item: TItem, index: number, ...params: any[]) => boolean) | undefined>;
-    filterFnParams: import("@angular/core").InputSignal<any[] | undefined>;
-    modal: import("@angular/core").InputSignal<SdSelectModalInfo<TModal> | undefined>;
-    editModal: import("@angular/core").InputSignal<SdModalInfo<SdModalContentDef<boolean>, ""> | undefined>;
-    selectClass: import("@angular/core").InputSignal<string | undefined>;
-    multiSelectionDisplayDirection: import("@angular/core").InputSignal<"vertical" | undefined>;
-    getIsHiddenFn: import("@angular/core").InputSignal<(item: TItem, index: number) => boolean>;
-    getSearchTextFn: import("@angular/core").InputSignal<(item: TItem, index: number) => string>;
-    displayOrderKeyProp: import("@angular/core").InputSignal<string | undefined>;
-    itemTplRef: import("@angular/core").Signal<TemplateRef<SdItemOfTemplateContext<TItem>> | undefined>;
-    undefinedTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
-    searchText: import("@angular/core").WritableSignal<string | undefined>;
-    isDropdownOpen: import("@angular/core").Signal<boolean>;
-    hasParentKey: import("@angular/core").Signal<boolean>;
-    itemByParentKeyMap: import("@angular/core").Signal<Map<TItem["__valueKey"] | undefined, TItem[]> | undefined>;
-    rootDisplayItems: import("@angular/core").Signal<TItem[]>;
-    private readonly _searchTextMatchCache;
-    selectedKeys: import("@angular/core").Signal<any[]>;
-    constructor();
-    getItemSelectable(item: TItem, _index: number, depth: number): boolean;
-    getItemVisible(item: TItem, index: number): boolean;
-    isIncludeSearchText(item: TItem, _index: number): boolean;
-    getChildren: (item: SharedDataBase<string | number>) => TItem[];
-    onUndefinedClick(): void;
-    onModalButtonClick(event: MouseEvent): Promise<void>;
-    onEditModalButtonClick(event: MouseEvent): Promise<void>;
-    protected readonly tablerSearch = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke-width:var(--ng-icon__stroke-width, 2)\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0\"></path><path d=\"M21 21l-6 -6\"></path></svg>";
-    protected readonly tablerEdit = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke-width:var(--ng-icon__stroke-width, 2)\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1\"></path><path d=\"M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z\"></path><path d=\"M16 5l3 3\"></path></svg>";
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdSharedDataSelect<any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdSharedDataSelect<any, any, any>, "sd-shared-data-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "useUndefined": { "alias": "useUndefined"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "selectMode": { "alias": "selectMode"; "required": false; "isSignal": true; }; "filterFn": { "alias": "filterFn"; "required": false; "isSignal": true; }; "filterFnParams": { "alias": "filterFnParams"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "editModal": { "alias": "editModal"; "required": false; "isSignal": true; }; "selectClass": { "alias": "selectClass"; "required": false; "isSignal": true; }; "multiSelectionDisplayDirection": { "alias": "multiSelectionDisplayDirection"; "required": false; "isSignal": true; }; "getIsHiddenFn": { "alias": "getIsHiddenFn"; "required": false; "isSignal": true; }; "getSearchTextFn": { "alias": "getSearchTextFn"; "required": false; "isSignal": true; }; "displayOrderKeyProp": { "alias": "displayOrderKeyProp"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["itemTplRef", "undefinedTplRef"], never, true, never>;
-}
-//# sourceMappingURL=sd-shared-data-select.d.ts.map

package/dist/features/shared-data/sd-shared-data-select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-shared-data-select.d.ts","sourceRoot":"","sources":["../../../src/features/shared-data/sd-shared-data-select.ts"],"names":[],"mappings":"AACA,OAAO,EAWL,WAAW,EAIZ,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAY,KAAK,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAIhF,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,WAAW,EACjB,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EAClB,MAAM,6CAA6C,CAAC;;AAKrD,qBAwGa,kBAAkB,CAC7B,KAAK,SAAS,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,EAC7C,KAAK,SAAS,MAAM,eAAe,CAAC,KAAK,CAAC,EAC1C,MAAM,SAAS,aAAa,CAAC,GAAG,CAAC;IAEjC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IACpD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAuB;IAEnD,KAAK,2GAAoE;IAEzE,KAAK,+CAA6B;IAElC,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IACzD,YAAY,qEAAiD;IAC7D,KAAK,qEAAiD;IACtD,MAAM,qEAAiD;IAEvD,IAAI,+DAAwB;IAC5B,UAAU,6CAA4B;IACtC,QAAQ,8CAAgB,KAAK,SAAS,MAAM,aAAa,GAAG,EAAE,KAAK,OAAO,eAAI;IAC9E,cAAc,yDAAkB;IAEhC,KAAK,6EAAsC;IAC3C,SAAS,+FAAoD;IAE7D,WAAW,0DAAmB;IAC9B,8BAA8B,8DAAuB;IACrD,aAAa,6CAAgB,KAAK,SAAS,MAAM,KAAK,OAAO,EAE3D;IACF,eAAe,6CAAgB,KAAK,SAAS,MAAM,KAAK,MAAM,EAE5D;IACF,mBAAmB,0DAAmB;IAEtC,UAAU,0FAGR;IACF,eAAe,gEAEZ;IAEH,UAAU,6DAAyC;IAEnD,cAAc,0CAA+D;IAE7E,YAAY,0CAEV;IAEF,kBAAkB,4FAcf;IAEH,gBAAgB,0CAyBb;IAEH,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAsCnC;IAEH,YAAY,wCAKT;;IAgBH,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO;IAMtE,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO;IAcnD,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO;IAIzD,WAAW,GAAI,MAAM,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,KAAG,KAAK,EAAE,CAiB5D;IAEF,gBAAgB,IAAI,IAAI;IAIlB,kBAAkB,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;IAyBpD,sBAAsB,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;IAU9D,SAAS,CAAC,QAAQ,CAAC,YAAY,yXAAgB;IAC/C,SAAS,CAAC,QAAQ,CAAC,UAAU,geAAc;yCA/OhC,kBAAkB;2CAAlB,kBAAkB;CAgP9B"}