@simplysm/angular 14.0.41 → 14.0.43

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

@@ -3,6 +3,7 @@ import { ChangeDetectionStrategy, Component, contentChild, contentChildren, effe
 import { SdButton } from "../../controls/button/sd-button";
 import { SdForm } from "../../controls/form/sd-form";
 import { SdSheetColumn } from "../sheet/sd-sheet-column";
+import { SdSheetColumnCellTemplate } from "../sheet/sd-sheet-column-cell-template";
 import { SdSheet } from "../sheet/sd-sheet";
 import { injectParent } from "../../core/injectParent";
 import { FormatPipe } from "../../core/format.pipe";
@@ -12,7 +13,9 @@ import { SdAnchor } from "../../controls/button/sd-anchor";
 import { NgIcon } from "@ng-icons/core";
 import { tablerDeviceFloppy, tablerEdit, tablerEraser, tablerCirclePlus, tablerFileExcel, tablerRefresh, tablerRestore, tablerSearch, tablerUpload, } from "@ng-icons/tabler-icons";
 import { SdDataSheetBase } from "./sd-data-sheet.base";
+import { SdCommandDirective } from "../../core/commands/sd-command";
 import * as i0 from "@angular/core";
+import * as i1 from "../../core/commands/sd-command";
 const _c0 = ["pageTopbarTpl"];
 const _c1 = ["prevTpl"];
 const _c2 = ["filterTpl"];
@@ -251,54 +254,75 @@ function SdDataSheet_ng_template_3_Conditional_4_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵconditional(ctx_r2.parent.canEdit() || ctx_r2.beforeToolTplRef() || ctx_r2.parent.downloadExcel ? 0 : -1);
 } }
 function SdDataSheet_ng_template_3_Conditional_8_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 28);
+    i0.ɵɵelement(1, "ng-icon", 10);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r2.deleteIcon());
+} }
+function SdDataSheet_ng_template_3_Conditional_8_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 27)(1, "sd-anchor", 28);
-    i0.ɵɵlistener("click", function SdDataSheet_ng_template_3_Conditional_8_ng_template_1_Template_sd_anchor_click_1_listener() { const item_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onToggleDeleteItemButtonClick(item_r14)); });
+    i0.ɵɵelementStart(0, "div", 28)(1, "sd-anchor", 29);
+    i0.ɵɵlistener("click", function SdDataSheet_ng_template_3_Conditional_8_ng_template_3_Template_sd_anchor_click_1_listener() { const item_r14 = i0.ɵɵrestoreView(_r13).item; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onToggleDeleteItemButtonClick(item_r14)); });
     i0.ɵɵelement(2, "ng-icon", 10);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const item_r14 = ctx.$implicit;
+    const item_r14 = ctx.item;
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
     i0.ɵɵproperty("theme", "danger")("disabled", !ctx_r2.parent.getItemInfoFn(item_r14).canDelete);
     i0.ɵɵadvance();
     i0.ɵɵproperty("svg", item_r14[ctx_r2.parent.itemPropInfo.isDeleted] ? ctx_r2.restoreIcon() : ctx_r2.deleteIcon());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", item_r14[ctx_r2.parent.itemPropInfo.isDeleted] ? ctx_r2.restoreText() ?? "\uBCF5\uAD6C" : ctx_r2.deleteText() ?? "\uC0AD\uC81C", " ");
+    i0.ɵɵtextInterpolate1(" ", item_r14[ctx_r2.parent.itemPropInfo.isDeleted] ? ctx_r2.restoreText() : ctx_r2.deleteText(), " ");
 } }
 function SdDataSheet_ng_template_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "sd-sheet-column", 17);
-    i0.ɵɵtemplate(1, SdDataSheet_ng_template_3_Conditional_8_ng_template_1_Template, 4, 4, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(1, SdDataSheet_ng_template_3_Conditional_8_ng_template_1_Template, 2, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor)(3, SdDataSheet_ng_template_3_Conditional_8_ng_template_3_Template, 4, 4, "ng-template", 27);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("fixed", true)("key", ctx_r2.parent.itemPropInfo.isDeleted);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("cell", ctx_r2.parent.items());
 } }
 function SdDataSheet_ng_template_3_For_10_Conditional_1_ng_template_0_ng_template_0_Template(rf, ctx) { }
 function SdDataSheet_ng_template_3_For_10_Conditional_1_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, SdDataSheet_ng_template_3_For_10_Conditional_1_ng_template_0_ng_template_0_Template, 0, 0, "ng-template", 11);
 } if (rf & 2) {
     const columnControl_r15 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵproperty("ngTemplateOutlet", columnControl_r15.summaryTplRef());
+    i0.ɵɵproperty("ngTemplateOutlet", columnControl_r15.headerTplRef());
 } }
 function SdDataSheet_ng_template_3_For_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdDataSheet_ng_template_3_For_10_Conditional_1_ng_template_0_Template, 1, 1, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(0, SdDataSheet_ng_template_3_For_10_Conditional_1_ng_template_0_Template, 1, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+} }
+function SdDataSheet_ng_template_3_For_10_Conditional_2_ng_template_0_ng_template_0_Template(rf, ctx) { }
+function SdDataSheet_ng_template_3_For_10_Conditional_2_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdDataSheet_ng_template_3_For_10_Conditional_2_ng_template_0_ng_template_0_Template, 0, 0, "ng-template", 11);
+} if (rf & 2) {
+    const columnControl_r15 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵproperty("ngTemplateOutlet", columnControl_r15.summaryTplRef());
 } }
-function SdDataSheet_ng_template_3_For_10_ng_template_2_Conditional_0_ng_template_4_Template(rf, ctx) { }
-function SdDataSheet_ng_template_3_For_10_ng_template_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function SdDataSheet_ng_template_3_For_10_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdDataSheet_ng_template_3_For_10_Conditional_2_ng_template_0_Template, 1, 1, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
+} }
+function SdDataSheet_ng_template_3_For_10_ng_template_3_Conditional_0_ng_template_4_Template(rf, ctx) { }
+function SdDataSheet_ng_template_3_For_10_ng_template_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-anchor", 31);
-    i0.ɵɵlistener("click", function SdDataSheet_ng_template_3_For_10_ng_template_2_Conditional_0_Template_sd_anchor_click_0_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r16 = i0.ɵɵnextContext(); const item_r18 = ctx_r16.$implicit; const index_r19 = ctx_r16.index; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onEditItemButtonClick(item_r18, index_r19, $event)); });
-    i0.ɵɵelementStart(1, "div", 32);
+    i0.ɵɵelementStart(0, "sd-anchor", 32);
+    i0.ɵɵlistener("click", function SdDataSheet_ng_template_3_For_10_ng_template_3_Conditional_0_Template_sd_anchor_click_0_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r16 = i0.ɵɵnextContext(); const item_r18 = ctx_r16.item; const index_r19 = ctx_r16.index; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onEditItemButtonClick(item_r18, index_r19, $event)); });
+    i0.ɵɵelementStart(1, "div", 33);
     i0.ɵɵelement(2, "ng-icon", 10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 33);
-    i0.ɵɵtemplate(4, SdDataSheet_ng_template_3_For_10_ng_template_2_Conditional_0_ng_template_4_Template, 0, 0, "ng-template", 30);
+    i0.ɵɵelementStart(3, "div", 34);
+    i0.ɵɵtemplate(4, SdDataSheet_ng_template_3_For_10_ng_template_3_Conditional_0_ng_template_4_Template, 0, 0, "ng-template", 31);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r16 = i0.ɵɵnextContext();
-    const item_r18 = ctx_r16.$implicit;
+    const item_r18 = ctx_r16.item;
     const index_r19 = ctx_r16.index;
     const depth_r20 = ctx_r16.depth;
     const edit_r21 = ctx_r16.edit;
@@ -309,22 +333,22 @@ function SdDataSheet_ng_template_3_For_10_ng_template_2_Conditional_0_Template(r
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngTemplateOutlet", columnControl_r15.cellTplRef())("ngTemplateOutletContext", i0.ɵɵpureFunction5(3, _c8, item_r18, item_r18, index_r19, depth_r20, edit_r21));
 } }
-function SdDataSheet_ng_template_3_For_10_ng_template_2_Conditional_1_ng_template_0_Template(rf, ctx) { }
-function SdDataSheet_ng_template_3_For_10_ng_template_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdDataSheet_ng_template_3_For_10_ng_template_2_Conditional_1_ng_template_0_Template, 0, 0, "ng-template", 30);
+function SdDataSheet_ng_template_3_For_10_ng_template_3_Conditional_1_ng_template_0_Template(rf, ctx) { }
+function SdDataSheet_ng_template_3_For_10_ng_template_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdDataSheet_ng_template_3_For_10_ng_template_3_Conditional_1_ng_template_0_Template, 0, 0, "ng-template", 31);
 } if (rf & 2) {
     const ctx_r16 = i0.ɵɵnextContext();
-    const item_r18 = ctx_r16.$implicit;
+    const item_r18 = ctx_r16.item;
     const index_r19 = ctx_r16.index;
     const depth_r20 = ctx_r16.depth;
     const edit_r21 = ctx_r16.edit;
     const columnControl_r15 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵproperty("ngTemplateOutlet", columnControl_r15.cellTplRef())("ngTemplateOutletContext", i0.ɵɵpureFunction5(2, _c8, item_r18, item_r18, index_r19, depth_r20, edit_r21));
 } }
-function SdDataSheet_ng_template_3_For_10_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SdDataSheet_ng_template_3_For_10_ng_template_2_Conditional_0_Template, 5, 9, "sd-anchor", 29)(1, SdDataSheet_ng_template_3_For_10_ng_template_2_Conditional_1_Template, 1, 8, null, 30);
+function SdDataSheet_ng_template_3_For_10_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SdDataSheet_ng_template_3_For_10_ng_template_3_Conditional_0_Template, 5, 9, "sd-anchor", 30)(1, SdDataSheet_ng_template_3_For_10_ng_template_3_Conditional_1_Template, 1, 8, null, 31);
 } if (rf & 2) {
-    const item_r18 = ctx.$implicit;
+    const item_r18 = ctx.item;
     const columnControl_r15 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵconditional(ctx_r2.parent.editMode === "modal" && ctx_r2.parent.canEdit() && columnControl_r15.edit() && ctx_r2.parent.getItemInfoFn(item_r18).canEdit ? 0 : 1);
@@ -332,50 +356,60 @@ function SdDataSheet_ng_template_3_For_10_ng_template_2_Template(rf, ctx) { if (
 function SdDataSheet_ng_template_3_For_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "sd-sheet-column", 18);
     i0.ɵɵconditionalCreate(1, SdDataSheet_ng_template_3_For_10_Conditional_1_Template, 2, 0);
-    i0.ɵɵtemplate(2, SdDataSheet_ng_template_3_For_10_ng_template_2_Template, 2, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵconditionalCreate(2, SdDataSheet_ng_template_3_For_10_Conditional_2_Template, 2, 0);
+    i0.ɵɵtemplate(3, SdDataSheet_ng_template_3_For_10_ng_template_3_Template, 2, 1, "ng-template", 27);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const columnControl_r15 = ctx.$implicit;
-    i0.ɵɵproperty("key", columnControl_r15.key())("fixed", columnControl_r15.fixed())("header", columnControl_r15.header())("width", columnControl_r15.width())("disableSorting", columnControl_r15.disableSorting())("disableResizing", columnControl_r15.disableResizing())("hidden", columnControl_r15.hidden())("collapse", columnControl_r15.collapse());
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("key", columnControl_r15.key())("fixed", columnControl_r15.fixed())("header", columnControl_r15.header())("headerStyle", columnControl_r15.headerStyle())("tooltip", columnControl_r15.tooltip())("width", columnControl_r15.width())("disableSorting", columnControl_r15.disableSorting())("disableResizing", columnControl_r15.disableResizing())("hidden", columnControl_r15.hidden())("collapse", columnControl_r15.collapse());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(columnControl_r15.headerTplRef() ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(columnControl_r15.summaryTplRef() ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(columnControl_r15.summaryTplRef() ? 1 : -1);
+    i0.ɵɵproperty("cell", ctx_r2.parent.items());
 } }
 function SdDataSheet_ng_template_3_Conditional_11_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵelementStart(0, "div", 28);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "format");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r22 = ctx.$implicit;
+    const item_r22 = ctx.item;
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, item_r22[ctx_r2.parent.itemPropInfo.lastModifiedAt], "yyyy-MM-dd HH:mm"), " ");
 } }
 function SdDataSheet_ng_template_3_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "sd-sheet-column", 19);
-    i0.ɵɵtemplate(1, SdDataSheet_ng_template_3_Conditional_11_ng_template_1_Template, 3, 4, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(1, SdDataSheet_ng_template_3_Conditional_11_ng_template_1_Template, 3, 4, "ng-template", 27);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("header", "\uC218\uC815\uC77C\uC2DC")("key", ctx_r2.parent.itemPropInfo.lastModifiedAt)("hidden", true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("cell", ctx_r2.parent.items());
 } }
 function SdDataSheet_ng_template_3_Conditional_12_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵelementStart(0, "div", 28);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r23 = ctx.$implicit;
+    const item_r23 = ctx.item;
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", item_r23[ctx_r2.parent.itemPropInfo.lastModifiedBy], " ");
 } }
 function SdDataSheet_ng_template_3_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "sd-sheet-column", 19);
-    i0.ɵɵtemplate(1, SdDataSheet_ng_template_3_Conditional_12_ng_template_1_Template, 2, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(1, SdDataSheet_ng_template_3_Conditional_12_ng_template_1_Template, 2, 1, "ng-template", 27);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("header", "\uC218\uC815\uC790")("key", ctx_r2.parent.itemPropInfo.lastModifiedBy)("hidden", true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("cell", ctx_r2.parent.items());
 } }
 function SdDataSheet_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
@@ -387,10 +421,10 @@ function SdDataSheet_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵlistener("formSubmit", function SdDataSheet_ng_template_3_Template_sd_form_formSubmit_5_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onSubmit()); });
     i0.ɵɵelementStart(7, "sd-sheet", 16);
     i0.ɵɵtwoWayListener("currentPageChange", function SdDataSheet_ng_template_3_Template_sd_sheet_currentPageChange_7_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.parent.page, $event) || (ctx_r2.parent.page = $event); return i0.ɵɵresetView($event); })("sortsChange", function SdDataSheet_ng_template_3_Template_sd_sheet_sortsChange_7_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.parent.sortingDefs, $event) || (ctx_r2.parent.sortingDefs = $event); return i0.ɵɵresetView($event); })("selectedItemsChange", function SdDataSheet_ng_template_3_Template_sd_sheet_selectedItemsChange_7_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.parent.selectedItems, $event) || (ctx_r2.parent.selectedItems = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵconditionalCreate(8, SdDataSheet_ng_template_3_Conditional_8_Template, 3, 2, "sd-sheet-column", 17);
-    i0.ɵɵrepeaterCreate(9, SdDataSheet_ng_template_3_For_10_Template, 4, 9, "sd-sheet-column", 18, _forTrack0);
-    i0.ɵɵconditionalCreate(11, SdDataSheet_ng_template_3_Conditional_11_Template, 3, 3, "sd-sheet-column", 19);
-    i0.ɵɵconditionalCreate(12, SdDataSheet_ng_template_3_Conditional_12_Template, 3, 3, "sd-sheet-column", 19);
+    i0.ɵɵconditionalCreate(8, SdDataSheet_ng_template_3_Conditional_8_Template, 4, 3, "sd-sheet-column", 17);
+    i0.ɵɵrepeaterCreate(9, SdDataSheet_ng_template_3_For_10_Template, 4, 13, "sd-sheet-column", 18, _forTrack0);
+    i0.ɵɵconditionalCreate(11, SdDataSheet_ng_template_3_Conditional_11_Template, 2, 4, "sd-sheet-column", 19);
+    i0.ɵɵconditionalCreate(12, SdDataSheet_ng_template_3_Conditional_12_Template, 2, 4, "sd-sheet-column", 19);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -449,7 +483,7 @@ function SdDataSheet_Conditional_5_ng_template_0_Conditional_4_Template(rf, ctx)
     i0.ɵɵtextInterpolate1(" \uD655\uC778(", ctx_r2.parent.selectedItemKeys().length, ") ");
 } }
 function SdDataSheet_Conditional_5_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 34)(1, "div", 35);
+    i0.ɵɵelementStart(0, "div", 35)(1, "div", 36);
     i0.ɵɵconditionalCreate(2, SdDataSheet_Conditional_5_ng_template_0_Conditional_2_Template, 1, 1, null, 11);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(3, SdDataSheet_Conditional_5_ng_template_0_Conditional_3_Template, 2, 3, "sd-button", 25);
@@ -466,7 +500,7 @@ function SdDataSheet_Conditional_5_ng_template_0_Template(rf, ctx) { if (rf & 1)
 } }
 function SdDataSheet_Conditional_5_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-anchor", 36);
+    i0.ɵɵelementStart(0, "sd-anchor", 37);
     i0.ɵɵlistener("click", function SdDataSheet_Conditional_5_ng_template_2_Template_sd_anchor_click_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onRefreshButtonClick()); });
     i0.ɵɵelement(1, "ng-icon", 10);
     i0.ɵɵelementEnd();
@@ -562,7 +596,7 @@ export class SdDataSheet {
             i0.ɵɵqueryAdvance(2);
         } }, hostBindings: function SdDataSheet_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("sdRefreshCommand", function SdDataSheet_sdRefreshCommand_HostBindingHandler() { return ctx.onRefreshButtonClick(); })("sdSaveCommand", function SdDataSheet_sdSaveCommand_HostBindingHandler() { return ctx.onSubmitButtonClick(); });
-        } }, inputs: { insertText: [1, "insertText"], deleteText: [1, "deleteText"], restoreText: [1, "restoreText"], deleteIcon: [1, "deleteIcon"], restoreIcon: [1, "restoreIcon"] }, decls: 6, vars: 6, consts: [["pageTopbarTpl", ""], ["contentTpl", ""], ["formCtrl", ""], ["cellTpl", ""], ["summaryTpl", ""], ["modalBottomTpl", ""], ["modalActionTpl", ""], [3, "busy", "busyMessage", "viewType", "initialized", "restricted"], [3, "theme"], [3, "click", "theme"], [3, "svg"], [3, "ngTemplateOutlet"], [1, "flex-column", "fill"], [1, "flex-row", "gap-sm", "p-default", "bdb", "bdb-theme-gray-lightest"], [1, "p-default"], [1, "flex-fill", "p-default", "pt-0", 3, "formSubmit"], [3, "currentPageChange", "sortsChange", "selectedItemsChange", "key", "items", "currentPage", "totalPageCount", "sorts", "selectMode", "autoSelect", "selectedItems", "trackByFn", "getItemCellStyleFn", "getItemSelectableFn"], [3, "fixed", "key"], [3, "key", "fixed", "header", "width", "disableSorting", "disableResizing", "hidden", "collapse"], [3, "header", "key", "hidden"], [3, "click", "size", "theme"], [3, "formSubmit"], [1, "form-box-inline"], [3, "type", "theme"], [1, "flex-row", "gap-sm", "p-xs-default"], [3, "size", "theme"], [3, "click", "size", "theme", "disabled"], [1, "p-xs-sm", "tx-center"], [3, "click", "theme", "disabled"], [1, "flex-row"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "flex-row", 3, "click"], [1, "p-xs-sm"], [1, "flex-fill"], [1, "p-sm-default", "flex-row", "gap-sm"], [1, "flex-fill", "flex-row", "gap-sm"], ["title", "\uC0C8\uB85C\uACE0\uCE68(CTRL+ALT+L)", 1, "p-sm-default", 3, "click", "theme"]], template: function SdDataSheet_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { insertText: [1, "insertText"], deleteText: [1, "deleteText"], restoreText: [1, "restoreText"], deleteIcon: [1, "deleteIcon"], restoreIcon: [1, "restoreIcon"] }, features: [i0.ɵɵHostDirectivesFeature([{ directive: i1.SdCommandDirective, outputs: ["sdRefreshCommand", "sdRefreshCommand", "sdSaveCommand", "sdSaveCommand"] }])], decls: 6, vars: 6, consts: [["pageTopbarTpl", ""], ["contentTpl", ""], ["formCtrl", ""], ["headerTpl", ""], ["summaryTpl", ""], ["modalBottomTpl", ""], ["modalActionTpl", ""], [3, "busy", "busyMessage", "viewType", "initialized", "restricted"], [3, "theme"], [3, "click", "theme"], [3, "svg"], [3, "ngTemplateOutlet"], [1, "flex-column", "fill"], [1, "flex-row", "gap-sm", "p-default", "bdb", "bdb-theme-gray-lightest"], [1, "p-default"], [1, "flex-fill", "p-default", "pt-0", 3, "formSubmit"], [3, "currentPageChange", "sortsChange", "selectedItemsChange", "key", "items", "currentPage", "totalPageCount", "sorts", "selectMode", "autoSelect", "selectedItems", "trackByFn", "getItemCellStyleFn", "getItemSelectableFn"], [3, "fixed", "key"], [3, "key", "fixed", "header", "headerStyle", "tooltip", "width", "disableSorting", "disableResizing", "hidden", "collapse"], [3, "header", "key", "hidden"], [3, "click", "size", "theme"], [3, "formSubmit"], [1, "form-box-inline"], [3, "type", "theme"], [1, "flex-row", "gap-sm", "p-xs-default"], [3, "size", "theme"], [3, "click", "size", "theme", "disabled"], [3, "cell"], [1, "p-xs-sm", "tx-center"], [3, "click", "theme", "disabled"], [1, "flex-row"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "flex-row", 3, "click"], [1, "p-xs-sm"], [1, "flex-fill"], [1, "p-sm-default", "flex-row", "gap-sm"], [1, "flex-fill", "flex-row", "gap-sm"], ["title", "\uC0C8\uB85C\uACE0\uCE68(CTRL+ALT+L)", 1, "p-sm-default", 3, "click", "theme"]], template: function SdDataSheet_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "sd-base-container", 7);
             i0.ɵɵtemplate(1, SdDataSheet_ng_template_1_Template, 7, 4, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, SdDataSheet_ng_template_3_Template, 13, 17, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵconditionalCreate(5, SdDataSheet_Conditional_5_Template, 4, 0);
@@ -575,6 +609,7 @@ export class SdDataSheet {
             SdButton,
             SdSheet,
             SdSheetColumn,
+            SdSheetColumnCellTemplate,
             NgTemplateOutlet,
             SdBaseContainer,
             SdAnchor,
@@ -593,12 +628,16 @@ export class SdDataSheet {
                     SdButton,
                     SdSheet,
                     SdSheetColumn,
+                    SdSheetColumnCellTemplate,
                     NgTemplateOutlet,
                     SdBaseContainer,
                     FormatPipe,
                     SdAnchor,
                     NgIcon,
                 ],
+                hostDirectives: [
+                    { directive: SdCommandDirective, outputs: ["sdRefreshCommand", "sdSaveCommand"] },
+                ],
                 host: {
                     "(sdRefreshCommand)": "onRefreshButtonClick()",
                     "(sdSaveCommand)": "onSubmitButtonClick()",
@@ -757,12 +796,15 @@ export class SdDataSheet {
               [getItemSelectableFn]="parent.getItemSelectableFn"
             >
               @if (
-                parent.editMode === "inline" &&
-                parent.canEdit() &&
-                parent.itemPropInfo.isDeleted
+                parent.editMode === "inline" && parent.canEdit() && parent.itemPropInfo.isDeleted
               ) {
                 <sd-sheet-column [fixed]="true" [key]="parent.itemPropInfo.isDeleted!">
-                  <ng-template #cellTpl let-item>
+                  <ng-template #headerTpl>
+                    <div class="p-xs-sm tx-center">
+                      <ng-icon [svg]="deleteIcon()" />
+                    </div>
+                  </ng-template>
+                  <ng-template [cell]="parent.items()" let-item="item">
                     <div class="p-xs-sm tx-center">
                       <sd-anchor
                         [theme]="'danger'"
@@ -771,16 +813,10 @@ export class SdDataSheet {
                       >
                         <ng-icon
                           [svg]="
-                            item[parent.itemPropInfo.isDeleted!]
-                              ? restoreIcon()
-                              : deleteIcon()
+                            item[parent.itemPropInfo.isDeleted!] ? restoreIcon() : deleteIcon()
                           "
                         />
-                        {{
-                          item[parent.itemPropInfo.isDeleted!]
-                            ? (restoreText() ?? "복구")
-                            : (deleteText() ?? "삭제")
-                        }}
+                        {{ item[parent.itemPropInfo.isDeleted!] ? restoreText() : deleteText() }}
                       </sd-anchor>
                     </div>
                   </ng-template>
@@ -792,12 +828,19 @@ export class SdDataSheet {
                   [key]="columnControl.key()"
                   [fixed]="columnControl.fixed()"
                   [header]="columnControl.header()"
+                  [headerStyle]="columnControl.headerStyle()"
+                  [tooltip]="columnControl.tooltip()"
                   [width]="columnControl.width()"
                   [disableSorting]="columnControl.disableSorting()"
                   [disableResizing]="columnControl.disableResizing()"
                   [hidden]="columnControl.hidden()"
                   [collapse]="columnControl.collapse()"
                 >
+                  @if (columnControl.headerTplRef()) {
+                    <ng-template #headerTpl>
+                      <ng-template [ngTemplateOutlet]="columnControl.headerTplRef()!" />
+                    </ng-template>
+                  }
                   @if (columnControl.summaryTplRef()) {
                     <ng-template #summaryTpl>
                       <ng-template [ngTemplateOutlet]="columnControl.summaryTplRef()!" />
@@ -805,8 +848,8 @@ export class SdDataSheet {
                   }
 
                   <ng-template
-                    #cellTpl
-                    let-item
+                    [cell]="parent.items()"
+                    let-item="item"
                     let-index="index"
                     let-depth="depth"
                     let-edit="edit"
@@ -859,12 +902,9 @@ export class SdDataSheet {
                   [key]="parent.itemPropInfo.lastModifiedAt!"
                   [hidden]="true"
                 >
-                  <ng-template #cellTpl let-item>
+                  <ng-template [cell]="parent.items()" let-item="item">
                     <div class="p-xs-sm tx-center">
-                      {{
-                        item[parent.itemPropInfo.lastModifiedAt!]
-                          | format: "yyyy-MM-dd HH:mm"
-                      }}
+                      {{ item[parent.itemPropInfo.lastModifiedAt!] | format: "yyyy-MM-dd HH:mm" }}
                     </div>
                   </ng-template>
                 </sd-sheet-column>
@@ -875,7 +915,7 @@ export class SdDataSheet {
                   [key]="parent.itemPropInfo.lastModifiedBy!"
                   [hidden]="true"
                 >
-                  <ng-template #cellTpl let-item>
+                  <ng-template [cell]="parent.items()" let-item="item">
                     <div class="p-xs-sm tx-center">
                       {{ item[parent.itemPropInfo.lastModifiedBy!] }}
                     </div>
@@ -925,4 +965,4 @@ export class SdDataSheet {
   `,
             }]
     }], () => [], { formCtrl: [{ type: i0.ViewChild, args: ["formCtrl", { isSignal: true }] }], insertText: [{ type: i0.Input, args: [{ isSignal: true, alias: "insertText", required: false }] }], deleteText: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteText", required: false }] }], restoreText: [{ type: i0.Input, args: [{ isSignal: true, alias: "restoreText", required: false }] }], deleteIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteIcon", required: false }] }], restoreIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "restoreIcon", required: false }] }], pageTopbarTplRef: [{ type: i0.ContentChild, args: ["pageTopbarTpl", { ...{ read: TemplateRef }, isSignal: true }] }], prevTplRef: [{ type: i0.ContentChild, args: ["prevTpl", { ...{ read: TemplateRef }, isSignal: true }] }], filterTplRef: [{ type: i0.ContentChild, args: ["filterTpl", { ...{ read: TemplateRef }, isSignal: true }] }], beforeToolTplRef: [{ type: i0.ContentChild, args: ["beforeToolTpl", { ...{ read: TemplateRef }, isSignal: true }] }], toolTplRef: [{ type: i0.ContentChild, args: ["toolTpl", { ...{ read: TemplateRef }, isSignal: true }] }], modalBottomTplRef: [{ type: i0.ContentChild, args: ["modalBottomTpl", { ...{ read: TemplateRef }, isSignal: true }] }], columnControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdDataSheetColumn), { isSignal: true }] }], modalActionTplRef: [{ type: i0.ViewChild, args: ["modalActionTpl", { ...{ read: TemplateRef }, isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDataSheet, { className: "SdDataSheet", filePath: "packages/angular/src/data/data-sheet/sd-data-sheet.ts", lineNumber: 379, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDataSheet, { className: "SdDataSheet", filePath: "packages/angular/src/data/data-sheet/sd-data-sheet.ts", lineNumber: 386 }); })();

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

@@ -34,4 +34,4 @@ export class SdKanbanBoard {
     <ng-content></ng-content>
   `, styles: ["sd-kanban-board {\n  display: inline-flex;\n  flex-wrap: nowrap;\n  white-space: nowrap;\n  height: 100%;\n  flex-direction: row;\n  gap: var(--gap-lg);\n}\n@supports not (appearance: auto) {\n  sd-kanban-board {\n    gap: 0;\n  }\n  sd-kanban-board > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-kanban-board.gap-xxs {\n    gap: 0;\n  }\n  sd-kanban-board.gap-xxs > * + * {\n    margin-left: var(--gap-xxs);\n  }\n  sd-kanban-board.gap-xs {\n    gap: 0;\n  }\n  sd-kanban-board.gap-xs > * + * {\n    margin-left: var(--gap-xs);\n  }\n  sd-kanban-board.gap-sm {\n    gap: 0;\n  }\n  sd-kanban-board.gap-sm > * + * {\n    margin-left: var(--gap-sm);\n  }\n  sd-kanban-board.gap-default {\n    gap: 0;\n  }\n  sd-kanban-board.gap-default > * + * {\n    margin-left: var(--gap-default);\n  }\n  sd-kanban-board.gap-lg {\n    gap: 0;\n  }\n  sd-kanban-board.gap-lg > * + * {\n    margin-left: var(--gap-lg);\n  }\n  sd-kanban-board.gap-xl {\n    gap: 0;\n  }\n  sd-kanban-board.gap-xl > * + * {\n    margin-left: var(--gap-xl);\n  }\n  sd-kanban-board.gap-xxl {\n    gap: 0;\n  }\n  sd-kanban-board.gap-xxl > * + * {\n    margin-left: var(--gap-xxl);\n  }\n  sd-kanban-board.gap-0 {\n    gap: 0;\n  }\n  sd-kanban-board.gap-0 > * + * {\n    margin-left: var(--gap-0);\n  }\n  sd-kanban-board.gap-auto {\n    gap: 0;\n  }\n  sd-kanban-board.gap-auto > * + * {\n    margin-left: var(--gap-auto);\n  }\n}"] }]
     }], null, { selectedValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedValues", required: false }] }, { type: i0.Output, args: ["selectedValuesChange"] }], drop: [{ type: i0.Output, args: ["drop"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdKanbanBoard, { className: "SdKanbanBoard", filePath: "packages/angular/src/data/kanban/sd-kanban-board.ts", lineNumber: 36, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdKanbanBoard, { className: "SdKanbanBoard", filePath: "packages/angular/src/data/kanban/sd-kanban-board.ts", lineNumber: 36 }); })();

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

@@ -226,4 +226,4 @@ export class SdKanbanLane {
     </div>
   `, styles: ["sd-kanban-lane > .flex-fill > sd-busy-container {\n  padding: var(--gap-xl) var(--gap-lg);\n  background: var(--theme-gray-lightest);\n  border-radius: var(--border-radius-default);\n  height: 100%;\n}\nsd-kanban-lane > .flex-fill > sd-busy-container > ._drop-position {\n  pointer-events: none;\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-lane[data-sd-drag-over=true] > .flex-fill > sd-busy-container > ._drop-position {\n  margin-bottom: var(--gap-lg);\n  visibility: visible;\n}"] }]
     }], null, { busy: [{ type: i0.Input, args: [{ isSignal: true, alias: "busy", required: false }] }], useCollapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "useCollapse", required: false }] }], collapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapse", required: false }] }, { type: i0.Output, args: ["collapseChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], kanbanControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdKanban), { ...{ descendants: true }, isSignal: true }] }], toolTplRef: [{ type: i0.ContentChild, args: ["toolTpl", { ...{ read: TemplateRef }, isSignal: true }] }], titleTplRef: [{ type: i0.ContentChild, args: ["titleTpl", { ...{ read: TemplateRef }, isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdKanbanLane, { className: "SdKanbanLane", filePath: "packages/angular/src/data/kanban/sd-kanban-lane.ts", lineNumber: 121, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdKanbanLane, { className: "SdKanbanLane", filePath: "packages/angular/src/data/kanban/sd-kanban-lane.ts", lineNumber: 121 }); })();

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"}