@simplysm/angular 14.0.42 → 14.0.43

package/dist/data/kanban/sd-kanban.d.ts

@@ -1,5 +1,5 @@
 import { type SdKanbanDragRef, type SdKanbanDropTarget } from "./sd-kanban-board";
-import type { SdResizeEvent } from "../../core/events/sd-resize-event.plugin";
+import { type SdResizeEvent } from "../../core/events/sd-resize";
 import * as i0 from "@angular/core";
 export declare class SdKanban<L, T> implements SdKanbanDragRef<L, T>, SdKanbanDropTarget<L, T> {
     private readonly _boardControl;

package/dist/data/kanban/sd-kanban.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sd-kanban.d.ts","sourceRoot":"","sources":["../../../src/data/kanban/sd-kanban.ts"],"names":[],"mappings":"AAaA,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACxB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;;AAE9E,qBA4Fa,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAE,YAAW,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC;IACpF,OAAO,CAAC,QAAQ,CAAC,aAAa,CAE5B;IACF,OAAO,CAAC,QAAQ,CAAC,YAAY,CAE3B;IACF,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA+C;IAEtE,QAAQ,CAAC,OAAO,OAAQ;IAExB,KAAK,qDAAc;IAEnB,SAAS,gDAA6C;IAEtD,UAAU,qEAAiD;IAC3D,SAAS,qEAAiD;IAE1D,QAAQ,0CAEN;IACF,UAAU,oEAAmD;IAE7D,YAAY,0DAAmB;IAE/B,UAAU,kDAAiB;IAE3B,YAAY,iDAAa;IAEzB,UAAU,iDAAa;;IAYvB,eAAe;IAIf,iBAAiB;IAIjB,WAAW,CAAC,KAAK,EAAE,UAAU;IAoB7B,cAAc;IAId,YAAY,CAAC,KAAK,EAAE,aAAa;IAOjC,eAAe;IAOf,UAAU,CAAC,KAAK,EAAE,SAAS;IAS3B,WAAW,CAAC,KAAK,EAAE,SAAS;IAO5B,UAAU,CAAC,KAAK,EAAE,SAAS;yCAvGhB,QAAQ;2CAAR,QAAQ;CAgHpB"}
+{"version":3,"file":"sd-kanban.d.ts","sourceRoot":"","sources":["../../../src/data/kanban/sd-kanban.ts"],"names":[],"mappings":"AAaA,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACxB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,6BAA6B,CAAC;;AAEpF,qBA4Fa,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAE,YAAW,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC;IACpF,OAAO,CAAC,QAAQ,CAAC,aAAa,CAE5B;IACF,OAAO,CAAC,QAAQ,CAAC,YAAY,CAE3B;IACF,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA+C;IAEtE,QAAQ,CAAC,OAAO,OAAQ;IAExB,KAAK,qDAAc;IAEnB,SAAS,gDAA6C;IAEtD,UAAU,qEAAiD;IAC3D,SAAS,qEAAiD;IAE1D,QAAQ,0CAEN;IACF,UAAU,oEAAmD;IAE7D,YAAY,0DAAmB;IAE/B,UAAU,kDAAiB;IAE3B,YAAY,iDAAa;IAEzB,UAAU,iDAAa;;IAYvB,eAAe;IAIf,iBAAiB;IAIjB,WAAW,CAAC,KAAK,EAAE,UAAU;IAoB7B,cAAc;IAId,YAAY,CAAC,KAAK,EAAE,aAAa;IAOjC,eAAe;IAOf,UAAU,CAAC,KAAK,EAAE,SAAS;IAS3B,WAAW,CAAC,KAAK,EAAE,SAAS;IAO5B,UAAU,CAAC,KAAK,EAAE,SAAS;yCAvGhB,QAAQ;2CAAR,QAAQ;CAgHpB"}

package/dist/data/kanban/sd-kanban.js

@@ -1,7 +1,7 @@
 import { afterNextRender, booleanAttribute, ChangeDetectionStrategy, Component, computed, ElementRef, forwardRef, inject, input, signal, ViewEncapsulation, } from "@angular/core";
 import { SdKanbanBoard, } from "./sd-kanban-board";
 import { SdKanbanLane } from "./sd-kanban-lane";
-import { SdEvents } from "../../core/events/sd-events";
+import { SdResizeDirective } from "../../core/events/sd-resize";
 import * as i0 from "@angular/core";
 const _c0 = ["*"];
 export class SdKanban {
@@ -110,11 +110,11 @@ export class SdKanban {
             i0.ɵɵadvance();
             i0.ɵɵclassMap(ctx.contentClass());
             i0.ɵɵproperty("draggable", ctx.draggable());
-        } }, dependencies: [SdEvents], styles: ["sd-kanban {\n  position: relative;\n  display: block;\n}\nsd-kanban[data-sd-dragging-this=true] {\n  display: none;\n}\nsd-kanban > ._drag-position {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n}\nsd-kanban[data-sd-dragging=true] > ._drag-position {\n  pointer-events: auto;\n}\nsd-kanban[data-sd-dragging=true] > .card {\n  pointer-events: none;\n  cursor: pointer;\n}\nsd-kanban > ._drop-position {\n  border-radius: var(--border-radius-default);\n  background: var(--trans-light);\n  height: 0;\n  margin-bottom: 0;\n  visibility: hidden;\n  transition: 0.1s linear;\n  transition-property: height, margin-bottom, visibility;\n}\nsd-kanban[data-sd-drag-over=true] > ._drop-position {\n  margin-bottom: var(--gap-lg);\n  visibility: visible;\n}\nsd-kanban > .card {\n  white-space: normal;\n  user-select: none;\n  margin-bottom: var(--gap-lg);\n}"], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [SdResizeDirective], styles: ["sd-kanban {\n  position: relative;\n  display: block;\n}\nsd-kanban[data-sd-dragging-this=true] {\n  display: none;\n}\nsd-kanban > ._drag-position {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n}\nsd-kanban[data-sd-dragging=true] > ._drag-position {\n  pointer-events: auto;\n}\nsd-kanban[data-sd-dragging=true] > .card {\n  pointer-events: none;\n  cursor: pointer;\n}\nsd-kanban > ._drop-position {\n  border-radius: var(--border-radius-default);\n  background: var(--trans-light);\n  height: 0;\n  margin-bottom: 0;\n  visibility: hidden;\n  transition: 0.1s linear;\n  transition-property: height, margin-bottom, visibility;\n}\nsd-kanban[data-sd-drag-over=true] > ._drop-position {\n  margin-bottom: var(--gap-lg);\n  visibility: visible;\n}\nsd-kanban > .card {\n  white-space: normal;\n  user-select: none;\n  margin-bottom: var(--gap-lg);\n}"], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdKanban, [{
         type: Component,
-        args: [{ selector: "sd-kanban", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdEvents], host: {
+        args: [{ selector: "sd-kanban", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdResizeDirective], host: {
                     "[attr.data-sd-dragging-this]": "dragKanban() === thisRef",
                     "[attr.data-sd-dragging]": "dragKanban() != null",
                     "[attr.data-sd-drag-over]": "dragOvered()",
@@ -144,4 +144,4 @@ export class SdKanban {
     </div>
   `, styles: ["sd-kanban {\n  position: relative;\n  display: block;\n}\nsd-kanban[data-sd-dragging-this=true] {\n  display: none;\n}\nsd-kanban > ._drag-position {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n}\nsd-kanban[data-sd-dragging=true] > ._drag-position {\n  pointer-events: auto;\n}\nsd-kanban[data-sd-dragging=true] > .card {\n  pointer-events: none;\n  cursor: pointer;\n}\nsd-kanban > ._drop-position {\n  border-radius: var(--border-radius-default);\n  background: var(--trans-light);\n  height: 0;\n  margin-bottom: 0;\n  visibility: hidden;\n  transition: 0.1s linear;\n  transition-property: height, margin-bottom, visibility;\n}\nsd-kanban[data-sd-drag-over=true] > ._drop-position {\n  margin-bottom: var(--gap-lg);\n  visibility: visible;\n}\nsd-kanban > .card {\n  white-space: normal;\n  user-select: none;\n  margin-bottom: var(--gap-lg);\n}"] }]
     }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], contentClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentClass", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdKanban, { className: "SdKanban", filePath: "packages/angular/src/data/kanban/sd-kanban.ts", lineNumber: 115, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdKanban, { className: "SdKanban", filePath: "packages/angular/src/data/kanban/sd-kanban.ts", lineNumber: 114 }); })();

package/dist/data/permission-table/sd-permission-table.js

@@ -34,7 +34,7 @@ function SdPermissionTable_ng_template_4_Conditional_0_Conditional_4_Template(rf
     const item_r4 = i0.ɵɵnextContext(2).item;
     const ctx_r4 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("open", !ctx_r4.getIsPermCollapsed(item_r4));
+    i0.ɵɵproperty("open", ctx_r4.getIsPermCollapsed(item_r4));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", item_r4.title, " ");
 } }
@@ -146,7 +146,7 @@ export class SdPermissionTable {
         const walk = (item, type) => {
             const key = item.codeChain.join(".") + "." + type;
             const cached = cache.get(key);
-            if (cached !== undefined)
+            if (cached != null)
                 return cached;
             if (item.perms) {
                 const result = item.perms.includes(type);
@@ -176,7 +176,7 @@ export class SdPermissionTable {
         const walk = (item, type) => {
             const key = item.codeChain.join(".") + "." + type;
             const cached = cache.get(key);
-            if (cached !== undefined)
+            if (cached != null)
                 return cached;
             if (item.perms) {
                 const permCode = item.codeChain.join(".");
@@ -209,7 +209,7 @@ export class SdPermissionTable {
         const walk = (item) => {
             const key = item.codeChain.join(".");
             const cached = cache.get(key);
-            if (cached !== undefined)
+            if (cached != null)
                 return cached;
             if (isDisabled) {
                 cache.set(key, true);
@@ -408,7 +408,7 @@ export class SdPermissionTable {
           <td class="_title">
             @if (item.children && item.children.length > 0) {
               <sd-anchor (click)="onPermCollapseToggle(item)">
-                <sd-collapse-icon [open]="!getIsPermCollapsed(item)" />
+                <sd-collapse-icon [open]="getIsPermCollapsed(item)" />
                 {{ item.title }}
               </sd-anchor>
             } @else {
@@ -465,4 +465,4 @@ export class SdPermissionTable {
     </ng-template>
   `, styles: ["sd-permission-table table {\n  border-collapse: collapse;\n}\nsd-permission-table table > * > tr > * {\n  padding: var(--gap-sm) var(--gap-lg);\n  position: sticky;\n  top: 0;\n  border-top: 1px solid transparent;\n  border-bottom: 1px solid transparent;\n  color: var(--text-trans-default);\n}\nsd-permission-table table > * > tr > * > * {\n  color: var(--text-trans-default) !important;\n}\nsd-permission-table table > * > tr > *._title {\n  border-top-left-radius: 14px;\n  border-bottom-left-radius: 14px;\n  padding-left: var(--gap-lg);\n}\nsd-permission-table table > * > tr[data-sd-collapse=true] {\n  display: none;\n}\nsd-permission-table table > * > tr[data-sd-theme=first] > *._title, sd-permission-table table > * > tr[data-sd-theme=first] > *._after {\n  background: var(--theme-info-default);\n  color: var(--text-trans-rev-default);\n}\nsd-permission-table table > * > tr[data-sd-theme=first] > *._title > *, sd-permission-table table > * > tr[data-sd-theme=first] > *._after > * {\n  color: var(--text-trans-rev-default) !important;\n}\nsd-permission-table table > * > tr[data-sd-theme=info] > *._title, sd-permission-table table > * > tr[data-sd-theme=info] > *._after {\n  background: var(--theme-info-lightest);\n}\nsd-permission-table table > * > tr[data-sd-theme=warning] > *._title, sd-permission-table table > * > tr[data-sd-theme=warning] > *._after {\n  background: var(--theme-warning-lightest);\n}\nsd-permission-table table > * > tr[data-sd-theme=success] > *._title, sd-permission-table table > * > tr[data-sd-theme=success] > *._after {\n  background: var(--theme-success-lightest);\n}"] }]
     }], null, { 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: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdPermissionTable, { className: "SdPermissionTable", filePath: "packages/angular/src/data/permission-table/sd-permission-table.ts", lineNumber: 212, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdPermissionTable, { className: "SdPermissionTable", filePath: "packages/angular/src/data/permission-table/sd-permission-table.ts", lineNumber: 212 }); })();

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

@@ -64,4 +64,4 @@ export class SdSharedDataSelectButton extends SdDataSelectButtonBase {
   `,
             }]
     }], null, { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: true }] }], itemTplRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SdItemOfTemplate), { ...{ read: TemplateRef }, isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSharedDataSelectButton, { className: "SdSharedDataSelectButton", filePath: "packages/angular/src/data/shared-data/sd-shared-data-select-button.ts", lineNumber: 46, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSharedDataSelectButton, { className: "SdSharedDataSelectButton", filePath: "packages/angular/src/data/shared-data/sd-shared-data-select-button.ts", lineNumber: 46 }); })();

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

@@ -108,7 +108,7 @@ function SdSharedDataSelectList_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("selected", ctx_r0.selectedItem() === undefined)("selectedIcon", ctx_r0.selectedIcon());
+    i0.ɵɵproperty("selected", ctx_r0.selectedItem() == null)("selectedIcon", ctx_r0.selectedIcon());
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.undefinedTplRef() ? 1 : 2);
 } }
@@ -308,7 +308,7 @@ export class SdSharedDataSelectList {
         <sd-list [inset]="true" class="flex-fill">
           @if (useUndefined()) {
             <sd-list-item
-              [selected]="selectedItem() === undefined"
+              [selected]="selectedItem() == null"
               (click)="select(undefined)"
               [selectedIcon]="selectedIcon()"
             >
@@ -348,4 +348,4 @@ export class SdSharedDataSelectList {
                     }, 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/data/shared-data/sd-shared-data-select-list.ts", lineNumber: 129, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSharedDataSelectList, { className: "SdSharedDataSelectList", filePath: "packages/angular/src/data/shared-data/sd-shared-data-select-list.ts", lineNumber: 129 }); })();

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

@@ -28,6 +28,7 @@ export declare class SdSharedDataSelect<TItem extends SharedDataBase<string | nu
     displayOrderKeyProp: import("@angular/core").InputSignal<string | undefined>;
     itemTplRef: import("@angular/core").Signal<TemplateRef<SdItemOfTemplateContext<TItem>> | undefined>;
     undefinedTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+    trackByFn: (item: TItem) => TItem["__valueKey"];
     searchText: import("@angular/core").WritableSignal<string | undefined>;
     isDropdownOpen: import("@angular/core").Signal<boolean>;
     hasParentKey: import("@angular/core").Signal<boolean>;
@@ -41,7 +42,6 @@ export declare class SdSharedDataSelect<TItem extends SharedDataBase<string | nu
     isIncludeSearchText(item: TItem, _index: number): boolean;
     private readonly _sortedChildrenMap;
     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>";

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

@@ -1 +1 @@
-{"version":3,"file":"sd-shared-data-select.d.ts","sourceRoot":"","sources":["../../../src/data/shared-data/sd-shared-data-select.ts"],"names":[],"mappings":"AACA,OAAO,EAWL,WAAW,EAIZ,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAY,KAAK,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAIjF,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,WAAW,EACjB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EAClB,MAAM,8CAA8C,CAAC;;AAKtD,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,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAqBhC;IAEH,WAAW,GAAI,MAAM,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,KAAG,KAAK,EAAE,CAK5D;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;yCA1PhC,kBAAkB;2CAAlB,kBAAkB;CA2P9B"}
+{"version":3,"file":"sd-shared-data-select.d.ts","sourceRoot":"","sources":["../../../src/data/shared-data/sd-shared-data-select.ts"],"names":[],"mappings":"AACA,OAAO,EAWL,WAAW,EAIZ,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAY,KAAK,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAIjF,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,WAAW,EACjB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EAClB,MAAM,8CAA8C,CAAC;;AAKtD,qBAmGa,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,SAAS,GAAI,MAAM,KAAK,KAAG,KAAK,CAAC,YAAY,CAAC,CAAoB;IAElE,UAAU,6DAAyC;IAEnD,cAAc,0CAA+D;IAE7E,YAAY,0CAEV;IAEF,kBAAkB,4FAcf;IAEH,gBAAgB,0CAmBb;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,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAehC;IAEH,WAAW,GAAI,MAAM,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,KAAG,KAAK,EAAE,CAK5D;IAEI,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;yCA5OhC,kBAAkB;2CAAlB,kBAAkB;CA6O9B"}

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

@@ -48,21 +48,19 @@ function SdSharedDataSelect_ng_template_3_Template(rf, ctx) { if (rf & 1) {
 } }
 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);
+    i0.ɵɵtemplate(0, SdSharedDataSelect_ng_template_5_Conditional_0_Conditional_1_ng_template_0_Template, 0, 0, "ng-template", 8);
 } 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.ɵɵelementStart(0, "span", 9);
     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.ɵɵelementStart(0, "sd-select-item");
+    i0.ɵɵconditionalCreate(1, SdSharedDataSelect_ng_template_5_Conditional_0_Conditional_1_Template, 1, 1, null, 8)(2, SdSharedDataSelect_ng_template_5_Conditional_0_Conditional_2_Template, 2, 0, "span", 9);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -70,36 +68,36 @@ function SdSharedDataSelect_ng_template_5_Conditional_0_Template(rf, ctx) { if (
     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);
+    i0.ɵɵconditionalCreate(0, SdSharedDataSelect_ng_template_5_Conditional_0_Template, 3, 1, "sd-select-item");
 } 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.ɵɵelementStart(0, "sd-select-item", 10)(1, "span");
+    i0.ɵɵtemplate(2, SdSharedDataSelect_ng_template_7_Conditional_0_ng_template_2_Template, 0, 0, "ng-template", 11);
     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_r4 = i0.ɵɵnextContext();
+    const item_r6 = ctx_r4.item;
+    const index_r7 = ctx_r4.index;
+    const depth_r8 = ctx_r4.depth;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("value", item_r7.__valueKey)("hidden", !ctx_r1.getItemVisible(item_r7, index_r8));
+    i0.ɵɵproperty("value", item_r6.__valueKey)("hidden", !ctx_r1.getItemVisible(item_r6, index_r7));
     i0.ɵɵadvance();
-    i0.ɵɵstyleProp("text-decoration", ctx_r1.getIsHiddenFn()(item_r7, index_r8) ? "line-through" : undefined);
+    i0.ɵɵstyleProp("text-decoration", ctx_r1.getIsHiddenFn()(item_r6, index_r7) ? "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));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.itemTplRef() ?? null)("ngTemplateOutletContext", i0.ɵɵpureFunction4(6, _c1, item_r6, item_r6, index_r7, depth_r8));
 } }
 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);
+    i0.ɵɵconditionalCreate(0, SdSharedDataSelect_ng_template_7_Conditional_0_Template, 3, 11, "sd-select-item", 10);
 } if (rf & 2) {
-    const item_r7 = ctx.item;
-    const index_r8 = ctx.index;
-    const depth_r9 = ctx.depth;
+    const item_r6 = ctx.item;
+    const index_r7 = ctx.index;
+    const depth_r8 = 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);
+    i0.ɵɵconditional(ctx_r1.getItemSelectable(item_r6, index_r7, depth_r8) && (ctx_r1.isDropdownOpen() || ctx_r1.selectedKeys().includes(item_r6.__valueKey)) ? 0 : -1);
 } }
 export class SdSharedDataSelect {
     _sdModal = inject(SdModalProvider);
@@ -124,6 +122,7 @@ export class SdSharedDataSelect {
     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 });
+    trackByFn = (item) => item.__valueKey;
     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 */ []));
@@ -157,15 +156,7 @@ export class SdSharedDataSelect {
         });
         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;
-            });
+            result = result.orderBy((item) => item[orderProp]);
         }
         return result;
     }, ...(ngDevMode ? [{ debugName: "rootDisplayItems" }] : /* istanbul ignore next */ []));
@@ -179,7 +170,7 @@ export class SdSharedDataSelect {
         const check = (item, index) => {
             const key = item.__valueKey;
             const cached = cache.get(key);
-            if (cached !== undefined)
+            if (cached != null)
                 return cached;
             const itemText = getSearchTextFn(item, index);
             if (matchesSearchText(itemText, searchText)) {
@@ -254,15 +245,7 @@ export class SdSharedDataSelect {
             return parentMap;
         const sorted = new Map();
         for (const [key, children] of parentMap) {
-            sorted.set(key, [...children].sort((a, b) => {
-                const aVal = a[orderProp];
-                const bVal = b[orderProp];
-                if (aVal < bVal)
-                    return -1;
-                if (aVal > bVal)
-                    return 1;
-                return 0;
-            }));
+            sorted.set(key, children.orderBy((item) => item[orderProp]));
         }
         return sorted;
     }, ...(ngDevMode ? [{ debugName: "_sortedChildrenMap" }] : /* istanbul ignore next */ []));
@@ -270,9 +253,6 @@ export class SdSharedDataSelect {
         return (this._sortedChildrenMap()?.get(item.__valueKey) ??
             []);
     };
-    onUndefinedClick() {
-        this.value.set(undefined);
-    }
     async onModalButtonClick(event) {
         event.preventDefault();
         event.stopPropagation();
@@ -313,7 +293,7 @@ export class SdSharedDataSelect {
             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) {
+        } }, 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: 15, consts: [["headerTpl", ""], ["beforeTpl", ""], [3, "valueChange", "value", "disabled", "required", "inset", "inline", "size", "items", "trackByFn", "selectMode", "contentClass", "multiSelectionDisplayDirection", "getChildrenFn"], [3, "itemOf"], [3, "click"], [3, "svg"], [1, "p-xs"], [3, "valueChange", "type", "value", "placeholder", "size"], [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");
@@ -321,7 +301,7 @@ export class SdSharedDataSelect {
             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.ɵɵproperty("value", ctx.value())("disabled", ctx.disabled())("required", ctx.required())("inset", ctx.inset())("inline", ctx.inline())("size", ctx.size())("items", ctx.rootDisplayItems())("trackByFn", ctx.trackByFn)("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();
@@ -362,6 +342,7 @@ export class SdSharedDataSelect {
       [inline]="inline()"
       [size]="size()"
       [items]="rootDisplayItems()"
+      [trackByFn]="trackByFn"
       [selectMode]="selectMode()"
       [contentClass]="selectClass()"
       [multiSelectionDisplayDirection]="multiSelectionDisplayDirection()"
@@ -394,19 +375,13 @@ export class SdSharedDataSelect {
           (!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()"
-          >
+          <sd-select-item>
             @if (undefinedTplRef()) {
               <ng-template [ngTemplateOutlet]="undefinedTplRef()!" />
             } @else {
               <span class="tx-theme-gray-default">미지정</span>
             }
-          </div>
+          </sd-select-item>
         }
       </ng-template>
 
@@ -445,4 +420,4 @@ export class SdSharedDataSelect {
     }], () => [], { _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 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSharedDataSelect, { className: "SdSharedDataSelect", filePath: "packages/angular/src/data/shared-data/sd-shared-data-select.ts", lineNumber: 139 }); })();

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

@@ -3,9 +3,13 @@ export declare function injectSheetDomAccessor(): {
     getContainer: () => HTMLElement;
     getTable: () => HTMLTableElement;
     getTHead: () => HTMLTableSectionElement;
+    getLastDepthFixedHeaders: () => HTMLElement[];
+    getFocusRowIndicator: () => HTMLElement;
+    getFocusCellIndicator: () => HTMLElement;
+    getSelectRowIndicatorContainer: () => HTMLElement;
+    getSelectRowIndicators: () => HTMLElement[];
+    getColumnResizeIndicator: () => HTMLElement;
     getRow: (r: number) => HTMLTableRowElement | null;
     getCell: (r: number, c: number) => HTMLTableCellElement | null;
-    getColumnResizeIndicator: () => HTMLElement;
-    getLastDepthFixedHeaders: () => HTMLElement[];
 };
 //# sourceMappingURL=injectSheetDomAccessor.d.ts.map

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

@@ -1 +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"}
+{"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;oCAIP,WAAW,EAAE;gCAIjB,WAAW;iCAIV,WAAW;0CAIF,WAAW;kCAInB,WAAW,EAAE;oCAMX,WAAW;gBAI7B,MAAM,KAAG,mBAAmB,GAAG,IAAI;iBAMlC,MAAM,KAAK,MAAM,KAAG,oBAAoB,GAAG,IAAI;EAoBpE"}

package/dist/data/sheet/injectSheetDomAccessor.js

@@ -5,7 +5,7 @@ export function injectSheetDomAccessor() {
         return elRef.nativeElement;
     }
     function getContainer() {
-        return elRef.nativeElement.querySelector("._container");
+        return elRef.nativeElement.querySelector("._sheet-container");
     }
     function getTable() {
         return elRef.nativeElement.querySelector("table");
@@ -13,43 +13,48 @@ export function injectSheetDomAccessor() {
     function getTHead() {
         return getTable().querySelector("thead");
     }
+    function getLastDepthFixedHeaders() {
+        return Array.from(getTHead().querySelectorAll("tr > th._last-depth._fixed"));
+    }
+    function getFocusRowIndicator() {
+        return getContainer().querySelector("._focus-row-indicator");
+    }
+    function getFocusCellIndicator() {
+        return getFocusRowIndicator().firstElementChild;
+    }
+    function getSelectRowIndicatorContainer() {
+        return getContainer().querySelector("._select-row-indicator-container");
+    }
+    function getSelectRowIndicators() {
+        return Array.from(getSelectRowIndicatorContainer().querySelectorAll("._select-row-indicator"));
+    }
+    function getColumnResizeIndicator() {
+        return getContainer().querySelector("._resize-indicator");
+    }
     function getRow(r) {
         const tbody = getTable().querySelector("tbody");
         if (tbody == null)
             return null;
-        const rows = tbody.querySelectorAll("tr");
-        return rows[r] ?? null;
+        return tbody.querySelector(`tr[data-r='${r}']`);
     }
     function getCell(r, c) {
         const row = getRow(r);
         if (row == null)
             return null;
-        const cells = row.querySelectorAll("td[data-c]");
-        for (const cell of cells) {
-            if (cell.getAttribute("data-c") === String(c)) {
-                return cell;
-            }
-        }
-        return null;
-    }
-    function getColumnResizeIndicator() {
-        return elRef.nativeElement.querySelector("._resize-indicator");
-    }
-    function getLastDepthFixedHeaders() {
-        const thead = getTHead();
-        const lastRow = thead.querySelector("tr:last-child");
-        if (lastRow == null)
-            return [];
-        return Array.from(lastRow.querySelectorAll("th[style*='sticky']"));
+        return row.querySelector(`td[data-c='${c}']`);
     }
     return {
         getHostEl,
         getContainer,
         getTable,
         getTHead,
+        getLastDepthFixedHeaders,
+        getFocusRowIndicator,
+        getFocusCellIndicator,
+        getSelectRowIndicatorContainer,
+        getSelectRowIndicators,
+        getColumnResizeIndicator,
         getRow,
         getCell,
-        getColumnResizeIndicator,
-        getLastDepthFixedHeaders,
     };
 }

package/dist/data/sheet/injectSheetSelectRowIndicator.d.ts

@@ -0,0 +1,10 @@
+import { type Signal } from "@angular/core";
+import type { injectSheetDomAccessor } from "./injectSheetDomAccessor";
+export declare function injectSheetSelectRowIndicator<T>(options: {
+    domAccessor: ReturnType<typeof injectSheetDomAccessor>;
+    selectedItems: Signal<T[]>;
+    displayItems: Signal<T[]>;
+}): {
+    redraw: () => void;
+};
+//# sourceMappingURL=injectSheetSelectRowIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"injectSheetSelectRowIndicator.d.ts","sourceRoot":"","sources":["../../../src/data/sheet/injectSheetSelectRowIndicator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEvE,wBAAgB,6BAA6B,CAAC,CAAC,EAAE,OAAO,EAAE;IACxD,WAAW,EAAE,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;IACvD,aAAa,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;IAC3B,YAAY,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;CAC3B;kBAwCoB,IAAI;EAqBxB"}

package/dist/data/sheet/injectSheetSelectRowIndicator.js

@@ -0,0 +1,55 @@
+import { afterEveryRender } from "@angular/core";
+export function injectSheetSelectRowIndicator(options) {
+    afterEveryRender(() => {
+        const containerEl = options.domAccessor.getSelectRowIndicatorContainer();
+        if (options.selectedItems().length <= 0) {
+            containerEl.innerHTML = "";
+            containerEl.style.display = "none";
+            return;
+        }
+        const selectedTrInfos = options.selectedItems()
+            .map((item) => {
+            const r = options.displayItems().indexOf(item);
+            return getTrInfo(r);
+        })
+            .filter((info) => info != null);
+        let indicatorHtml = "";
+        for (const info of selectedTrInfos) {
+            const style = `top: ${info.top}px; height: ${info.height - 1}px; width: ${info.width - 1}px;`;
+            indicatorHtml += `<div class="_select-row-indicator" style="${style}" data-r="${info.r}"></div>`;
+        }
+        containerEl.innerHTML = indicatorHtml;
+        containerEl.style.display = "block";
+    });
+    function getTrInfo(r) {
+        const trEl = options.domAccessor.getRow(r);
+        if (trEl == null)
+            return undefined;
+        return {
+            r,
+            top: trEl.offsetTop,
+            width: trEl.offsetWidth,
+            height: trEl.offsetHeight,
+        };
+    }
+    function redraw() {
+        const selectRowIndicatorEls = options.domAccessor.getSelectRowIndicators();
+        for (const el of selectRowIndicatorEls) {
+            const rAttr = el.getAttribute("data-r");
+            if (rAttr == null)
+                continue;
+            const r = parseInt(rAttr, 10);
+            if (Number.isNaN(r))
+                continue;
+            const trInfo = getTrInfo(r);
+            if (trInfo == null)
+                continue;
+            Object.assign(el.style, {
+                top: trInfo.top + "px",
+                width: trInfo.width + "px",
+                height: trInfo.height + "px",
+            });
+        }
+    }
+    return { redraw };
+}

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

@@ -1,38 +1,37 @@
 import type { SdModalContentDef } from "../../core/modal/sd-modal.provider";
 import type { SdSheetConfig } from "./types";
 import type { SdSheetColumn } from "./sd-sheet-column";
+import { mark } from "../../core/mark";
 import * as i0 from "@angular/core";
 interface ConfigItem {
     key: string;
     header: string;
+    disableResizing: boolean;
     fixed: boolean;
     hidden: boolean;
-    width: string;
-    ordering: number;
+    width: string | undefined;
+    ordering: number | undefined;
 }
 export declare class SdSheetConfigModal implements SdModalContentDef<SdSheetConfig | undefined> {
     initialized: import("@angular/core").WritableSignal<boolean>;
     close: import("@angular/core").OutputEmitterRef<SdSheetConfig | undefined>;
+    sheetKey: import("@angular/core").InputSignal<string>;
     controls: import("@angular/core").InputSignal<readonly SdSheetColumn<unknown>[]>;
     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;
+    items: import("@angular/core").WritableSignal<ConfigItem[]>;
+    trackByFn: (item: ConfigItem) => string;
+    protected readonly tablerChevronUp = "<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=\"M6 15l6 -6l6 6\"></path></svg>";
+    protected readonly tablerChevronDown = "<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=\"M6 9l6 6l6 -6\"></path></svg>";
+    protected readonly tablerX = "<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=\"M18 6l-12 12\"></path><path d=\"M6 6l12 12\"></path></svg>";
+    protected readonly mark: typeof mark;
+    constructor();
+    onMoveUp(item: ConfigItem): void;
+    onMoveDown(item: ConfigItem): void;
+    onOkClick(): void;
+    onCancelClick(): void;
+    onResetClick(): 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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSheetConfigModal, "sd-sheet-config-modal", never, { "sheetKey": { "alias": "sheetKey"; "required": true; "isSignal": true; }; "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

@@ -1 +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,yEAA8C;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"}
+{"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;AAWvD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;;AAEvC,UAAU,UAAU;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,qBAgJa,kBAAmB,YAAW,iBAAiB,CAAC,aAAa,GAAG,SAAS,CAAC;IACrF,WAAW,kDAAiB;IAC5B,KAAK,sEAAuC;IAE5C,QAAQ,8CAA4B;IACpC,QAAQ,yEAA8C;IACtD,MAAM,iEAA+C;IAErD,KAAK,uDAA4B;IAEjC,SAAS,GAAI,MAAM,UAAU,KAAG,MAAM,CAAa;IAEnD,SAAS,CAAC,QAAQ,CAAC,eAAe,6TAAmB;IACrD,SAAS,CAAC,QAAQ,CAAC,iBAAiB,4TAAqB;IACzD,SAAS,CAAC,QAAQ,CAAC,OAAO,yVAAW;IACrC,SAAS,CAAC,QAAQ,CAAC,IAAI,cAAQ;;IA6B/B,QAAQ,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI;IAahC,UAAU,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI;IAalC,SAAS,IAAI,IAAI;IAajB,aAAa,IAAI,IAAI;IAIrB,YAAY,IAAI,IAAI;yCAvFT,kBAAkB;2CAAlB,kBAAkB;CA4F9B"}