@simplysm/angular 14.0.26 → 14.0.27

package/dist/features/shared-data/{sd-shared-data-select-list.control.js → sd-shared-data-select-list.js}

@@ -2,14 +2,14 @@ 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 { SdItemOfTemplateDirective, } from "../../core/directives/sd-item-of-template.directive";
+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 { SdPaginationControl } from "../../ui/navigation/pagination/sd-pagination.control";
-import { SdTextfieldControl } from "../../ui/form/input/sd-textfield.control";
-import { SdAnchorControl } from "../../ui/form/button/sd-anchor.control";
-import { SdListControl } from "../../ui/data/list/sd-list.control";
-import { SdListItemControl } from "../../ui/data/list/sd-list-item.control";
+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";
@@ -18,7 +18,7 @@ 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 SdSharedDataSelectListControl_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function SdSharedDataSelectList_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -27,17 +27,17 @@ function SdSharedDataSelectListControl_Conditional_0_Template(rf, ctx) { if (rf
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r0.header(), " ");
 } }
-function SdSharedDataSelectListControl_Conditional_2_Conditional_2_ng_template_0_Template(rf, ctx) { }
-function SdSharedDataSelectListControl_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdSharedDataSelectListControl_Conditional_2_Conditional_2_ng_template_0_Template, 0, 0, "ng-template", 9);
+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 SdSharedDataSelectListControl_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+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 SdSharedDataSelectListControl_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.ɵɵ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) {
@@ -45,11 +45,11 @@ function SdSharedDataSelectListControl_Conditional_2_Conditional_3_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵproperty("svg", ctx_r0.tablerExternalLink);
 } }
-function SdSharedDataSelectListControl_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function SdSharedDataSelectList_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2)(1, "div", 4);
-    i0.ɵɵconditionalCreate(2, SdSharedDataSelectListControl_Conditional_2_Conditional_2_Template, 1, 1, null, 9);
+    i0.ɵɵconditionalCreate(2, SdSharedDataSelectList_Conditional_2_Conditional_2_Template, 1, 1, null, 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, SdSharedDataSelectListControl_Conditional_2_Conditional_3_Template, 2, 1, "sd-anchor");
+    i0.ɵɵconditionalCreate(3, SdSharedDataSelectList_Conditional_2_Conditional_3_Template, 2, 1, "sd-anchor");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -58,53 +58,53 @@ function SdSharedDataSelectListControl_Conditional_2_Template(rf, ctx) { if (rf
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.modal() ? 3 : -1);
 } }
-function SdSharedDataSelectListControl_Conditional_3_Template(rf, ctx) { if (rf & 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 SdSharedDataSelectListControl_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.ɵɵ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 SdSharedDataSelectListControl_Conditional_4_ng_template_1_Template(rf, ctx) { }
-function SdSharedDataSelectListControl_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+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, SdSharedDataSelectListControl_Conditional_4_ng_template_1_Template, 0, 0, "ng-template", 9);
+    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 SdSharedDataSelectListControl_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+function SdSharedDataSelectList_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "sd-pagination", 13);
-    i0.ɵɵtwoWayListener("currentPageChange", function SdSharedDataSelectListControl_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.ɵɵ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 SdSharedDataSelectListControl_Conditional_9_Conditional_1_ng_template_0_Template(rf, ctx) { }
-function SdSharedDataSelectListControl_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdSharedDataSelectListControl_Conditional_9_Conditional_1_ng_template_0_Template, 0, 0, "ng-template", 9);
+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 SdSharedDataSelectListControl_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+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 SdSharedDataSelectListControl_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+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 SdSharedDataSelectListControl_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, SdSharedDataSelectListControl_Conditional_9_Conditional_1_Template, 1, 1, null, 9)(2, SdSharedDataSelectListControl_Conditional_9_Conditional_2_Template, 2, 0, "span", 15);
+    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();
@@ -112,12 +112,12 @@ function SdSharedDataSelectListControl_Conditional_9_Template(rf, ctx) { if (rf
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.undefinedTplRef() ? 1 : 2);
 } }
-function SdSharedDataSelectListControl_For_11_ng_template_1_Template(rf, ctx) { }
-function SdSharedDataSelectListControl_For_11_Template(rf, ctx) { if (rf & 1) {
+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 SdSharedDataSelectListControl_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, SdSharedDataSelectListControl_For_11_ng_template_1_Template, 0, 0, "ng-template", 16);
+    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;
@@ -127,7 +127,7 @@ function SdSharedDataSelectListControl_For_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.itemTplRef() ?? null)("ngTemplateOutletContext", i0.ɵɵpureFunction3(4, _c3, item_r7, item_r7, ɵ$index_47_r8));
 } }
-export class SdSharedDataSelectListControl {
+export class SdSharedDataSelectList {
     _sdModal = inject(SdModalProvider);
     selectedItem = model(...(ngDevMode ? [undefined, { debugName: "selectedItem" }] : /* istanbul ignore next */ []));
     canChangeFn = input(() => true, ...(ngDevMode ? [{ debugName: "canChangeFn" }] : /* istanbul ignore next */ []));
@@ -139,7 +139,7 @@ export class SdSharedDataSelectListControl {
     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(SdItemOfTemplateDirective, { ...(ngDevMode ? { debugName: "itemTplRef" } : /* 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 */ []));
@@ -209,22 +209,22 @@ export class SdSharedDataSelectListControl {
         }
     }
     tablerExternalLink = tablerExternalLink;
-    static ɵfac = function SdSharedDataSelectListControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSharedDataSelectListControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSharedDataSelectListControl, selectors: [["sd-shared-data-select-list"]], contentQueries: function SdSharedDataSelectListControl_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.headerTplRef, _c0, 5, TemplateRef)(dirIndex, ctx.filterTplRef, _c1, 5, TemplateRef)(dirIndex, ctx.itemTplRef, SdItemOfTemplateDirective, 5, TemplateRef)(dirIndex, ctx.undefinedTplRef, _c2, 5, TemplateRef);
+    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 SdSharedDataSelectListControl_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, SdSharedDataSelectListControl_Conditional_0_Template, 2, 1, "div", 0);
+        } }, 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, SdSharedDataSelectListControl_Conditional_2_Template, 4, 2, "div", 2);
-            i0.ɵɵconditionalCreate(3, SdSharedDataSelectListControl_Conditional_3_Template, 1, 3, "sd-textfield", 3)(4, SdSharedDataSelectListControl_Conditional_4_Template, 2, 1, "div");
+            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, SdSharedDataSelectListControl_Conditional_7_Template, 1, 2, "sd-pagination", 6);
+            i0.ɵɵconditionalCreate(7, SdSharedDataSelectList_Conditional_7_Template, 1, 2, "sd-pagination", 6);
             i0.ɵɵelementStart(8, "sd-list", 7);
-            i0.ɵɵconditionalCreate(9, SdSharedDataSelectListControl_Conditional_9_Template, 3, 3, "sd-list-item", 8);
-            i0.ɵɵrepeaterCreate(10, SdSharedDataSelectListControl_For_11_Template, 2, 8, "sd-list-item", 8, _forTrack0);
+            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);
@@ -241,14 +241,14 @@ export class SdSharedDataSelectListControl {
             i0.ɵɵadvance();
             i0.ɵɵrepeater(ctx.displayItems());
         } }, dependencies: [NgTemplateOutlet,
-            SdTextfieldControl,
-            SdPaginationControl,
-            SdAnchorControl,
-            SdListControl,
-            SdListItemControl,
+            SdTextfield,
+            SdPagination,
+            SdAnchor,
+            SdList,
+            SdListItem,
             NgIcon], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSharedDataSelectListControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSharedDataSelectList, [{
         type: Component,
         args: [{
                 selector: "sd-shared-data-select-list",
@@ -257,11 +257,11 @@ export class SdSharedDataSelectListControl {
                 standalone: true,
                 imports: [
                     NgTemplateOutlet,
-                    SdTextfieldControl,
-                    SdPaginationControl,
-                    SdAnchorControl,
-                    SdListControl,
-                    SdListItemControl,
+                    SdTextfield,
+                    SdPagination,
+                    SdAnchor,
+                    SdList,
+                    SdListItem,
                     NgIcon,
                 ],
                 host: {
@@ -345,7 +345,7 @@ export class SdSharedDataSelectListControl {
                         read: TemplateRef,
                     }, isSignal: true }] }], filterTplRef: [{ type: i0.ContentChild, args: ["filterTpl", { ...{
                         read: TemplateRef,
-                    }, isSignal: true }] }], itemTplRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SdItemOfTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], undefinedTplRef: [{ type: i0.ContentChild, args: ["undefinedTpl", { ...{
+                    }, 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(SdSharedDataSelectListControl, { className: "SdSharedDataSelectListControl", filePath: "packages/angular/src/features/shared-data/sd-shared-data-select-list.control.ts", lineNumber: 129, forbidOrphanRendering: true }); })();
+(() => { (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.control.d.ts → sd-shared-data-select.d.ts}

@@ -1,14 +1,14 @@
 import { TemplateRef } from "@angular/core";
-import type { ISharedDataBase } from "../../core/providers/sd-shared-data.provider";
-import { type TSelectModeValue } from "../../ui/form/select/sd-select.control";
-import { type SdItemOfTemplateContext } from "../../core/directives/sd-item-of-template.directive";
-import { type ISdModal, type ISdModalInfo } from "../../ui/overlay/modal/sd-modal.provider";
-import type { ISdSelectModal, TSdSelectModalInfo } from "../../ui/form/button/sd-modal-select-button.control";
+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 SdSharedDataSelectControl<TItem extends ISharedDataBase<string | number>, TMode extends keyof TSelectModeValue<TItem>, TModal extends ISdSelectModal<any>> {
+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<TSelectModeValue<TItem["__valueKey"] | undefined>[TMode] | undefined>;
+    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>;
@@ -19,8 +19,8 @@ export declare class SdSharedDataSelectControl<TItem extends ISharedDataBase<str
     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<TSdSelectModalInfo<TModal> | undefined>;
-    editModal: import("@angular/core").InputSignal<ISdModalInfo<ISdModal<boolean>, ""> | 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>;
@@ -39,13 +39,13 @@ export declare class SdSharedDataSelectControl<TItem extends ISharedDataBase<str
     getItemSelectable(item: TItem, _index: number, depth: number): boolean;
     getItemVisible(item: TItem, index: number): boolean;
     isIncludeSearchText(item: TItem, _index: number): boolean;
-    getChildren: (item: ISharedDataBase<string | number>) => TItem[];
+    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<SdSharedDataSelectControl<any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdSharedDataSelectControl<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>;
+    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.control.d.ts.map
+//# sourceMappingURL=sd-shared-data-select.d.ts.map

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

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

package/dist/features/shared-data/{sd-shared-data-select.control.js → sd-shared-data-select.js}

@@ -1,10 +1,10 @@
 import { NgTemplateOutlet } from "@angular/common";
 import { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChild, effect, inject, input, model, signal, TemplateRef, untracked, viewChild, ViewEncapsulation, } from "@angular/core";
-import { SdSelectControl } from "../../ui/form/select/sd-select.control";
-import { SdSelectButtonControl } from "../../ui/form/select/sd-select-button.control";
-import { SdSelectItemControl } from "../../ui/form/select/sd-select-item.control";
-import { SdTextfieldControl } from "../../ui/form/input/sd-textfield.control";
-import { SdItemOfTemplateDirective, } from "../../core/directives/sd-item-of-template.directive";
+import { SdSelect } from "../../ui/form/select/sd-select";
+import { SdSelectButton } from "../../ui/form/select/sd-select-button";
+import { SdSelectItem } from "../../ui/form/select/sd-select-item";
+import { SdTextfield } from "../../ui/form/input/sd-textfield";
+import { SdItemOfTemplate, } from "../../core/directives/sd-item-of-template";
 import { SdModalProvider, } from "../../ui/overlay/modal/sd-modal.provider";
 import { NgIcon } from "@ng-icons/core";
 import { tablerEdit, tablerSearch } from "@ng-icons/tabler-icons";
@@ -12,10 +12,10 @@ 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 SdSharedDataSelectControl_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+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 SdSharedDataSelectControl_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.ɵɵ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) {
@@ -23,10 +23,10 @@ function SdSharedDataSelectControl_Conditional_1_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance();
     i0.ɵɵproperty("svg", ctx_r1.tablerSearch);
 } }
-function SdSharedDataSelectControl_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+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 SdSharedDataSelectControl_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.ɵɵ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) {
@@ -34,10 +34,10 @@ function SdSharedDataSelectControl_Conditional_2_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance();
     i0.ɵɵproperty("svg", ctx_r1.tablerEdit);
 } }
-function SdSharedDataSelectControl_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+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 SdSharedDataSelectControl_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.ɵɵ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();
@@ -46,39 +46,39 @@ function SdSharedDataSelectControl_ng_template_3_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵtwoWayProperty("value", ctx_r1.searchText);
     i0.ɵɵproperty("placeholder", "\uAC80\uC0C9\uC5B4")("size", ctx_r1.size());
 } }
-function SdSharedDataSelectControl_ng_template_5_Conditional_0_Conditional_1_ng_template_0_Template(rf, ctx) { }
-function SdSharedDataSelectControl_ng_template_5_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdSharedDataSelectControl_ng_template_5_Conditional_0_Conditional_1_ng_template_0_Template, 0, 0, "ng-template", 10);
+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 SdSharedDataSelectControl_ng_template_5_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+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 SdSharedDataSelectControl_ng_template_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+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 SdSharedDataSelectControl_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 SdSharedDataSelectControl_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 SdSharedDataSelectControl_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, SdSharedDataSelectControl_ng_template_5_Conditional_0_Conditional_1_Template, 1, 1, null, 10)(2, SdSharedDataSelectControl_ng_template_5_Conditional_0_Conditional_2_Template, 2, 0, "span", 11);
+    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 SdSharedDataSelectControl_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SdSharedDataSelectControl_ng_template_5_Conditional_0_Template, 3, 1, "div", 8);
+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 SdSharedDataSelectControl_ng_template_7_Conditional_0_ng_template_2_Template(rf, ctx) { }
-function SdSharedDataSelectControl_ng_template_7_Conditional_0_Template(rf, ctx) { if (rf & 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, SdSharedDataSelectControl_ng_template_7_Conditional_0_ng_template_2_Template, 0, 0, "ng-template", 13);
+    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();
@@ -92,8 +92,8 @@ function SdSharedDataSelectControl_ng_template_7_Conditional_0_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.itemTplRef() ?? null)("ngTemplateOutletContext", i0.ɵɵpureFunction4(6, _c1, item_r7, item_r7, index_r8, depth_r9));
 } }
-function SdSharedDataSelectControl_ng_template_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SdSharedDataSelectControl_ng_template_7_Conditional_0_Template, 3, 11, "sd-select-item", 12);
+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;
@@ -101,9 +101,9 @@ function SdSharedDataSelectControl_ng_template_7_Template(rf, ctx) { if (rf & 1)
     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 SdSharedDataSelectControl {
+export class SdSharedDataSelect {
     _sdModal = inject(SdModalProvider);
-    _selectCtrl = viewChild(SdSelectControl, ...(ngDevMode ? [{ debugName: "_selectCtrl" }] : /* istanbul ignore next */ []));
+    _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 });
@@ -122,7 +122,7 @@ export class SdSharedDataSelectControl {
     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(SdItemOfTemplateDirective, { ...(ngDevMode ? { debugName: "itemTplRef" } : /* 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 */ []));
     isDropdownOpen = computed(() => this._selectCtrl()?.dropdownOpen() ?? false, ...(ngDevMode ? [{ debugName: "isDropdownOpen" }] : /* istanbul ignore next */ []));
@@ -296,21 +296,21 @@ export class SdSharedDataSelectControl {
     }
     tablerSearch = tablerSearch;
     tablerEdit = tablerEdit;
-    static ɵfac = function SdSharedDataSelectControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSharedDataSelectControl)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSharedDataSelectControl, selectors: [["sd-shared-data-select"]], contentQueries: function SdSharedDataSelectControl_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.itemTplRef, SdItemOfTemplateDirective, 5, TemplateRef)(dirIndex, ctx.undefinedTplRef, _c0, 5, TemplateRef);
+    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 SdSharedDataSelectControl_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx._selectCtrl, SdSelectControl, 5);
+        } }, 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 SdSharedDataSelectControl_Template(rf, ctx) { if (rf & 1) {
+        } }, 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 SdSharedDataSelectControl_Template_sd_select_valueChange_0_listener($event) { return ctx.value.set($event); });
-            i0.ɵɵconditionalCreate(1, SdSharedDataSelectControl_Conditional_1_Template, 2, 1, "sd-select-button");
-            i0.ɵɵconditionalCreate(2, SdSharedDataSelectControl_Conditional_2_Template, 2, 1, "sd-select-button");
-            i0.ɵɵtemplate(3, SdSharedDataSelectControl_ng_template_3_Template, 2, 4, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(5, SdSharedDataSelectControl_ng_template_5_Template, 1, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(7, SdSharedDataSelectControl_ng_template_7_Template, 1, 1, "ng-template", 3);
+            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);
@@ -320,15 +320,15 @@ export class SdSharedDataSelectControl {
             i0.ɵɵconditional(ctx.editModal() ? 2 : -1);
             i0.ɵɵadvance(5);
             i0.ɵɵproperty("itemOf", ctx.rootDisplayItems());
-        } }, dependencies: [SdSelectControl,
-            SdTextfieldControl,
-            SdSelectItemControl,
-            SdItemOfTemplateDirective,
+        } }, dependencies: [SdSelect,
+            SdTextfield,
+            SdSelectItem,
+            SdItemOfTemplate,
             NgTemplateOutlet,
-            SdSelectButtonControl,
+            SdSelectButton,
             NgIcon], encapsulation: 2, changeDetection: 0 });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSharedDataSelectControl, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSharedDataSelect, [{
         type: Component,
         args: [{
                 selector: "sd-shared-data-select",
@@ -336,12 +336,12 @@ export class SdSharedDataSelectControl {
                 encapsulation: ViewEncapsulation.None,
                 standalone: true,
                 imports: [
-                    SdSelectControl,
-                    SdTextfieldControl,
-                    SdSelectItemControl,
-                    SdItemOfTemplateDirective,
+                    SdSelect,
+                    SdTextfield,
+                    SdSelectItem,
+                    SdItemOfTemplate,
                     NgTemplateOutlet,
-                    SdSelectButtonControl,
+                    SdSelectButton,
                     NgIcon,
                 ],
                 template: `
@@ -434,7 +434,7 @@ export class SdSharedDataSelectControl {
     </sd-select>
   `,
             }]
-    }], () => [], { _selectCtrl: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SdSelectControl), { 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(() => SdItemOfTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], undefinedTplRef: [{ type: i0.ContentChild, args: ["undefinedTpl", { ...{
+    }], () => [], { _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(SdSharedDataSelectControl, { className: "SdSharedDataSelectControl", filePath: "packages/angular/src/features/shared-data/sd-shared-data-select.control.ts", lineNumber: 144, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSharedDataSelect, { className: "SdSharedDataSelect", filePath: "packages/angular/src/features/shared-data/sd-shared-data-select.ts", lineNumber: 144, forbidOrphanRendering: true }); })();