@simplysm/angular 14.0.8 → 14.0.10

package/dist/features/data-view/sd-data-sheet.control.js

@@ -0,0 +1,1152 @@
+import { NgTemplateOutlet } from "@angular/common";
+import { ChangeDetectionStrategy, Component, computed, contentChild, contentChildren, Directive, effect, inject, input, model, output, reflectComponentType, signal, TemplateRef, viewChild, ViewEncapsulation, } from "@angular/core";
+import { obj } from "@simplysm/core-common";
+import { SdButtonControl } from "../../ui/form/button/sd-button.control";
+import { SdFormControl } from "../../ui/form/sd-form.control";
+import { SdSheetColumnDirective } from "../../ui/data/sheet/sd-sheet-column.directive";
+import { SdSheetControl } from "../../ui/data/sheet/sd-sheet.control";
+import { SdFileDialogProvider } from "../../core/providers/sd-file-dialog.provider";
+import { SdToastProvider } from "../../ui/overlay/toast/sd-toast.provider";
+import { SdSharedDataProvider } from "../../core/providers/sd-shared-data.provider";
+import { useViewTypeSignal } from "../../core/utils/useViewTypeSignal";
+import { setupCumulateSelectedKeys } from "../../core/utils/setups/setupCumulateSelectedKeys";
+import { setupCloserWhenSingleSelectionChange } from "../../core/utils/setups/setupCloserWhenSingleSelectionChange";
+import { setupCanDeactivate } from "../../core/utils/setups/setupCanDeactivate";
+import { injectParent } from "../../core/utils/injectParent";
+import { FormatPipe } from "../../core/pipes/format.pipe";
+import { TXT_CHANGE_IGNORE_CONFIRM } from "../../core/commons";
+import { SdBaseContainerControl } from "../base/sd-base-container.control";
+import { SdDataSheetColumnDirective } from "./sd-data-sheet-column.directive";
+import { SdAnchorControl } from "../../ui/form/button/sd-anchor.control";
+import { NgIcon } from "@ng-icons/core";
+import { tablerDeviceFloppy, tablerEdit, tablerEraser, tablerCirclePlus, tablerFileExcel, tablerRefresh, tablerRestore, tablerSearch, tablerUpload, } from "@ng-icons/tabler-icons";
+import * as i0 from "@angular/core";
+const _c0 = ["pageTopbarTpl"];
+const _c1 = ["prevTpl"];
+const _c2 = ["filterTpl"];
+const _c3 = ["beforeToolTpl"];
+const _c4 = ["toolTpl"];
+const _c5 = ["modalBottomTpl"];
+const _c6 = ["formCtrl"];
+const _c7 = (a0, a1, a2, a3, a4) => ({ $implicit: a0, item: a1, index: a2, depth: a3, edit: a4 });
+const _forTrack0 = ($index, $item) => $item.key();
+function SdDataSheetControl_ng_template_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-button", 8);
+    i0.ɵɵlistener("click", function SdDataSheetControl_ng_template_1_Conditional_0_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onSubmitButtonClick()); });
+    i0.ɵɵelement(1, "ng-icon", 9);
+    i0.ɵɵtext(2, " \uC800\uC7A5 ");
+    i0.ɵɵelementStart(3, "small");
+    i0.ɵɵtext(4, "(CTRL+S)");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("theme", "link-primary");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r2.icons.tablerDeviceFloppy);
+} }
+function SdDataSheetControl_ng_template_1_ng_template_6_Template(rf, ctx) { }
+function SdDataSheetControl_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵconditionalCreate(0, SdDataSheetControl_ng_template_1_Conditional_0_Template, 5, 2, "sd-button", 7);
+    i0.ɵɵelementStart(1, "sd-button", 8);
+    i0.ɵɵlistener("click", function SdDataSheetControl_ng_template_1_Template_sd_button_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onRefreshButtonClick()); });
+    i0.ɵɵelement(2, "ng-icon", 9);
+    i0.ɵɵtext(3, " \uC0C8\uB85C\uACE0\uCE68 ");
+    i0.ɵɵelementStart(4, "small");
+    i0.ɵɵtext(5, "(CTRL+ALT+L)");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(6, SdDataSheetControl_ng_template_1_ng_template_6_Template, 0, 0, "ng-template", 10);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r2.parent.canEdit() && ctx_r2.parent.submit ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("theme", "link-info");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r2.icons.tablerRefresh);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.pageTopbarTplRef() ?? null);
+} }
+function SdDataSheetControl_ng_template_3_Conditional_1_ng_template_11_Template(rf, ctx) { }
+function SdDataSheetControl_ng_template_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 12)(1, "sd-button", 19);
+    i0.ɵɵlistener("click", function SdDataSheetControl_ng_template_3_Conditional_1_Template_sd_button_click_1_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onSubmitButtonClick()); });
+    i0.ɵɵelement(2, "ng-icon", 9);
+    i0.ɵɵtext(3, " \uC800\uC7A5 ");
+    i0.ɵɵelementStart(4, "small");
+    i0.ɵɵtext(5, "(CTRL+S)");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "sd-button", 19);
+    i0.ɵɵlistener("click", function SdDataSheetControl_ng_template_3_Conditional_1_Template_sd_button_click_6_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onRefreshButtonClick()); });
+    i0.ɵɵelement(7, "ng-icon", 9);
+    i0.ɵɵtext(8, " \uC0C8\uB85C\uACE0\uCE68 ");
+    i0.ɵɵelementStart(9, "small");
+    i0.ɵɵtext(10, "(CTRL+ALT+L)");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(11, SdDataSheetControl_ng_template_3_Conditional_1_ng_template_11_Template, 0, 0, "ng-template", 10);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("size", "sm")("theme", "primary");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r2.icons.tablerDeviceFloppy);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("size", "sm")("theme", "info");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r2.icons.tablerRefresh);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.prevTplRef() ?? null);
+} }
+function SdDataSheetControl_ng_template_3_Conditional_2_ng_template_0_Template(rf, ctx) { }
+function SdDataSheetControl_ng_template_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdDataSheetControl_ng_template_3_Conditional_2_ng_template_0_Template, 0, 0, "ng-template", 10);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.prevTplRef() ?? null);
+} }
+function SdDataSheetControl_ng_template_3_Conditional_3_ng_template_7_Template(rf, ctx) { }
+function SdDataSheetControl_ng_template_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 13)(1, "sd-form", 20);
+    i0.ɵɵlistener("formSubmit", function SdDataSheetControl_ng_template_3_Conditional_3_Template_sd_form_formSubmit_1_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onFilterSubmit()); });
+    i0.ɵɵelementStart(2, "div", 21)(3, "div")(4, "sd-button", 22);
+    i0.ɵɵelement(5, "ng-icon", 9);
+    i0.ɵɵtext(6, " \uC870\uD68C ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(7, SdDataSheetControl_ng_template_3_Conditional_3_ng_template_7_Template, 0, 0, "ng-template", 10);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("type", "submit")("theme", "info");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r2.icons.tablerSearch);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.filterTplRef());
+} }
+function SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-button", 19);
+    i0.ɵɵlistener("click", function SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_1_Conditional_0_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.onCreateItemButtonClick()); });
+    i0.ɵɵelement(1, "ng-icon", 9);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(5);
+    i0.ɵɵproperty("size", "sm")("theme", "link-primary");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r2.icons.tablerCirclePlus);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.insertText() ?? "\uB4F1\uB85D", " ");
+} }
+function SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-button", 19);
+    i0.ɵɵlistener("click", function SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_1_Conditional_1_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.onAddItemButtonClick()); });
+    i0.ɵɵelement(1, "ng-icon", 9);
+    i0.ɵɵtext(2, " \uD589 \uCD94\uAC00 ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(5);
+    i0.ɵɵproperty("size", "sm")("theme", "link-primary");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r2.icons.tablerCirclePlus);
+} }
+function SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_1_Conditional_0_Template, 3, 4, "sd-button", 24)(1, SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_1_Conditional_1_Template, 3, 3, "sd-button", 24);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵconditional(ctx_r2.parent.editMode === "modal" && ctx_r2.parent.editItem ? 0 : ctx_r2.parent.editMode === "inline" && ctx_r2.parent.newItem ? 1 : -1);
+} }
+function SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_ng_template_2_Template(rf, ctx) { }
+function SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_3_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-button", 19);
+    i0.ɵɵlistener("click", function SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_3_Conditional_0_Conditional_3_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r2.onToggleDeleteItemsButtonClick(false)); });
+    i0.ɵɵelement(1, "ng-icon", 9);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(6);
+    i0.ɵɵproperty("size", "sm")("theme", "link-warning");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r2.restoreIcon());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" \uC120\uD0DD ", ctx_r2.restoreText() ?? "\uBCF5\uAD6C", " ");
+} }
+function SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-button", 25);
+    i0.ɵɵlistener("click", function SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_3_Conditional_0_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.onToggleDeleteItemsButtonClick(true)); });
+    i0.ɵɵelement(1, "ng-icon", 9);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_3_Conditional_0_Conditional_3_Template, 3, 4, "sd-button", 24);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(5);
+    i0.ɵɵproperty("size", "sm")("theme", "link-danger")("disabled", !ctx_r2.parent.isSelectedItemsHasNotDeleted());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r2.deleteIcon());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" \uC120\uD0DD ", ctx_r2.deleteText() ?? "\uC0AD\uC81C", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.parent.isSelectedItemsHasDeleted() ? 3 : -1);
+} }
+function SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-button", 19);
+    i0.ɵɵlistener("click", function SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_3_Conditional_1_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.onUploadExcelButtonClick()); });
+    i0.ɵɵelement(1, "ng-icon", 9);
+    i0.ɵɵtext(2, " \uC5D1\uC140 \uC5C5\uB85C\uB4DC ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(5);
+    i0.ɵɵproperty("size", "sm")("theme", "link-success");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r2.icons.tablerUpload);
+} }
+function SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_3_Conditional_0_Template, 4, 6);
+    i0.ɵɵconditionalCreate(1, SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_3_Conditional_1_Template, 3, 3, "sd-button", 24);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵconditional(ctx_r2.parent.editMode === "modal" && ctx_r2.parent.toggleDeleteItems ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.parent.uploadExcel ? 1 : -1);
+} }
+function SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-button", 19);
+    i0.ɵɵlistener("click", function SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_4_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.onDownloadExcelButtonClick()); });
+    i0.ɵɵelement(1, "ng-icon", 9);
+    i0.ɵɵtext(2, " \uC5D1\uC140 \uB2E4\uC6B4\uB85C\uB4DC ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("size", "sm")("theme", "link-success");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r2.icons.tablerFileExcel);
+} }
+function SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_ng_template_5_Template(rf, ctx) { }
+function SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 23);
+    i0.ɵɵconditionalCreate(1, SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_1_Template, 2, 1);
+    i0.ɵɵtemplate(2, SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_ng_template_2_Template, 0, 0, "ng-template", 10);
+    i0.ɵɵconditionalCreate(3, SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_3_Template, 2, 2);
+    i0.ɵɵconditionalCreate(4, SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Conditional_4_Template, 3, 3, "sd-button", 24);
+    i0.ɵɵtemplate(5, SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_ng_template_5_Template, 0, 0, "ng-template", 10);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.parent.canEdit() ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.beforeToolTplRef() ?? null);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.parent.canEdit() ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.parent.downloadExcel ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.toolTplRef() ?? null);
+} }
+function SdDataSheetControl_ng_template_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SdDataSheetControl_ng_template_3_Conditional_4_Conditional_0_Template, 6, 5, "div", 23);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r2.parent.canEdit() || ctx_r2.beforeToolTplRef() || ctx_r2.parent.downloadExcel ? 0 : -1);
+} }
+function SdDataSheetControl_ng_template_3_Conditional_8_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 26)(1, "sd-anchor", 27);
+    i0.ɵɵlistener("click", function SdDataSheetControl_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.ɵɵelement(2, "ng-icon", 9);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const item_r14 = ctx.$implicit;
+    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", " ");
+} }
+function SdDataSheetControl_ng_template_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "sd-sheet-column", 16);
+    i0.ɵɵtemplate(1, SdDataSheetControl_ng_template_3_Conditional_8_ng_template_1_Template, 4, 4, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("fixed", true)("key", ctx_r2.parent.itemPropInfo.isDeleted);
+} }
+function SdDataSheetControl_ng_template_3_For_10_Conditional_1_ng_template_0_ng_template_0_Template(rf, ctx) { }
+function SdDataSheetControl_ng_template_3_For_10_Conditional_1_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdDataSheetControl_ng_template_3_For_10_Conditional_1_ng_template_0_ng_template_0_Template, 0, 0, "ng-template", 10);
+} if (rf & 2) {
+    const columnControl_r15 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵproperty("ngTemplateOutlet", columnControl_r15.summaryTplRef());
+} }
+function SdDataSheetControl_ng_template_3_For_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdDataSheetControl_ng_template_3_For_10_Conditional_1_ng_template_0_Template, 1, 1, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
+} }
+function SdDataSheetControl_ng_template_3_For_10_ng_template_2_Conditional_0_ng_template_4_Template(rf, ctx) { }
+function SdDataSheetControl_ng_template_3_For_10_ng_template_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-anchor", 30);
+    i0.ɵɵlistener("click", function SdDataSheetControl_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", 31);
+    i0.ɵɵelement(2, "ng-icon", 9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 32);
+    i0.ɵɵtemplate(4, SdDataSheetControl_ng_template_3_For_10_ng_template_2_Conditional_0_ng_template_4_Template, 0, 0, "ng-template", 29);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r16 = i0.ɵɵnextContext();
+    const item_r18 = ctx_r16.$implicit;
+    const index_r19 = ctx_r16.index;
+    const depth_r20 = ctx_r16.depth;
+    const edit_r21 = ctx_r16.edit;
+    const columnControl_r15 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("svg", ctx_r2.icons.tablerEdit);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngTemplateOutlet", columnControl_r15.cellTplRef())("ngTemplateOutletContext", i0.ɵɵpureFunction5(3, _c7, item_r18, item_r18, index_r19, depth_r20, edit_r21));
+} }
+function SdDataSheetControl_ng_template_3_For_10_ng_template_2_Conditional_1_ng_template_0_Template(rf, ctx) { }
+function SdDataSheetControl_ng_template_3_For_10_ng_template_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdDataSheetControl_ng_template_3_For_10_ng_template_2_Conditional_1_ng_template_0_Template, 0, 0, "ng-template", 29);
+} if (rf & 2) {
+    const ctx_r16 = i0.ɵɵnextContext();
+    const item_r18 = ctx_r16.$implicit;
+    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, _c7, item_r18, item_r18, index_r19, depth_r20, edit_r21));
+} }
+function SdDataSheetControl_ng_template_3_For_10_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SdDataSheetControl_ng_template_3_For_10_ng_template_2_Conditional_0_Template, 5, 9, "sd-anchor", 28)(1, SdDataSheetControl_ng_template_3_For_10_ng_template_2_Conditional_1_Template, 1, 8, null, 29);
+} if (rf & 2) {
+    const item_r18 = ctx.$implicit;
+    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);
+} }
+function SdDataSheetControl_ng_template_3_For_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "sd-sheet-column", 17);
+    i0.ɵɵconditionalCreate(1, SdDataSheetControl_ng_template_3_For_10_Conditional_1_Template, 2, 0);
+    i0.ɵɵtemplate(2, SdDataSheetControl_ng_template_3_For_10_ng_template_2_Template, 2, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+    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());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(columnControl_r15.summaryTplRef() ? 1 : -1);
+} }
+function SdDataSheetControl_ng_template_3_Conditional_11_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "format");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r22 = ctx.$implicit;
+    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 SdDataSheetControl_ng_template_3_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "sd-sheet-column", 18);
+    i0.ɵɵtemplate(1, SdDataSheetControl_ng_template_3_Conditional_11_ng_template_1_Template, 3, 4, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+    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);
+} }
+function SdDataSheetControl_ng_template_3_Conditional_12_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r23 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", item_r23[ctx_r2.parent.itemPropInfo.lastModifiedBy], " ");
+} }
+function SdDataSheetControl_ng_template_3_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "sd-sheet-column", 18);
+    i0.ɵɵtemplate(1, SdDataSheetControl_ng_template_3_Conditional_12_ng_template_1_Template, 2, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+    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);
+} }
+function SdDataSheetControl_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵconditionalCreate(1, SdDataSheetControl_ng_template_3_Conditional_1_Template, 12, 7, "div", 12)(2, SdDataSheetControl_ng_template_3_Conditional_2_Template, 1, 1, null, 10);
+    i0.ɵɵconditionalCreate(3, SdDataSheetControl_ng_template_3_Conditional_3_Template, 8, 4, "div", 13);
+    i0.ɵɵconditionalCreate(4, SdDataSheetControl_ng_template_3_Conditional_4_Template, 1, 1);
+    i0.ɵɵelementStart(5, "sd-form", 14, 2);
+    i0.ɵɵlistener("formSubmit", function SdDataSheetControl_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", 15);
+    i0.ɵɵtwoWayListener("currentPageChange", function SdDataSheetControl_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 SdDataSheetControl_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 SdDataSheetControl_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, SdDataSheetControl_ng_template_3_Conditional_8_Template, 3, 2, "sd-sheet-column", 16);
+    i0.ɵɵrepeaterCreate(9, SdDataSheetControl_ng_template_3_For_10_Template, 4, 9, "sd-sheet-column", 17, _forTrack0);
+    i0.ɵɵconditionalCreate(11, SdDataSheetControl_ng_template_3_Conditional_11_Template, 3, 3, "sd-sheet-column", 18);
+    i0.ɵɵconditionalCreate(12, SdDataSheetControl_ng_template_3_Conditional_12_Template, 3, 3, "sd-sheet-column", 18);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.parent.canEdit() && ctx_r2.parent.submit && ctx_r2.parent.viewType() === "control" ? 1 : 2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.filterTplRef() ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r2.parent.hideTool || !ctx_r2.parent.hideTool() ? 4 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("key", ctx_r2.parent.key + "-sheet")("items", ctx_r2.parent.items());
+    i0.ɵɵtwoWayProperty("currentPage", ctx_r2.parent.page);
+    i0.ɵɵproperty("totalPageCount", ctx_r2.parent.pageLength());
+    i0.ɵɵtwoWayProperty("sorts", ctx_r2.parent.sortingDefs);
+    i0.ɵɵproperty("selectMode", ctx_r2.parent.selectMode())("autoSelect", ctx_r2.parent.autoSelect());
+    i0.ɵɵtwoWayProperty("selectedItems", ctx_r2.parent.selectedItems);
+    i0.ɵɵproperty("trackByFn", ctx_r2.parent.trackByFn)("getItemCellStyleFn", ctx_r2.parent.getItemCellStyleFn)("getItemSelectableFn", ctx_r2.parent.getItemSelectableFn);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.parent.editMode === "inline" && ctx_r2.parent.canEdit() && ctx_r2.parent.itemPropInfo.isDeleted ? 8 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.columnControls());
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.parent.itemPropInfo.lastModifiedAt ? 11 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.parent.itemPropInfo.lastModifiedBy ? 12 : -1);
+} }
+function SdDataSheetControl_Conditional_5_ng_template_0_Conditional_2_ng_template_0_Template(rf, ctx) { }
+function SdDataSheetControl_Conditional_5_ng_template_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdDataSheetControl_Conditional_5_ng_template_0_Conditional_2_ng_template_0_Template, 0, 0, "ng-template", 10);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.modalBottomTplRef());
+} }
+function SdDataSheetControl_Conditional_5_ng_template_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-button", 19);
+    i0.ɵɵlistener("click", function SdDataSheetControl_Conditional_5_ng_template_0_Conditional_3_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onCancelButtonClick()); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("size", "sm")("theme", "danger");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.parent.selectMode() === "multi" ? "\uBAA8\uB450" : "\uC120\uD0DD", " \uD574\uC81C ");
+} }
+function SdDataSheetControl_Conditional_5_ng_template_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-button", 19);
+    i0.ɵɵlistener("click", function SdDataSheetControl_Conditional_5_ng_template_0_Conditional_4_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onConfirmButtonClick()); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("size", "sm")("theme", "primary");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" \uD655\uC778(", ctx_r2.parent.selectedItemKeys().length, ") ");
+} }
+function SdDataSheetControl_Conditional_5_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 33)(1, "div", 34);
+    i0.ɵɵconditionalCreate(2, SdDataSheetControl_Conditional_5_ng_template_0_Conditional_2_Template, 1, 1, null, 10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, SdDataSheetControl_Conditional_5_ng_template_0_Conditional_3_Template, 2, 3, "sd-button", 24);
+    i0.ɵɵconditionalCreate(4, SdDataSheetControl_Conditional_5_ng_template_0_Conditional_4_Template, 2, 3, "sd-button", 24);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.modalBottomTplRef() ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.parent.selectedItemKeys().length > 0 ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.parent.selectMode() === "multi" ? 4 : -1);
+} }
+function SdDataSheetControl_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdDataSheetControl_Conditional_5_ng_template_0_Template, 5, 3, "ng-template", null, 5, i0.ɵɵtemplateRefExtractor);
+} }
+//#endregion
+//#region AbsSdDataSheet
+export class AbsSdDataSheet {
+    hideTool;
+    diffsExcludes;
+    //-- injected
+    _sdToast = inject(SdToastProvider);
+    _sdSharedData = inject(SdSharedDataProvider);
+    _sdFileDialog = inject(SdFileDialogProvider);
+    //-- state
+    key = reflectComponentType(this.constructor)?.selector;
+    viewType = useViewTypeSignal(() => this);
+    busyCount = signal(0, ...(ngDevMode ? [{ debugName: "busyCount" }] : /* istanbul ignore next */ []));
+    busyMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "busyMessage" }] : /* istanbul ignore next */ []));
+    initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
+    close = output();
+    submitted = output();
+    selectedItemKeys = model([], ...(ngDevMode ? [{ debugName: "selectedItemKeys" }] : /* istanbul ignore next */ []));
+    actionTplRef;
+    autoSelect = computed(() => (!this.canEdit() || this.editMode === "modal") && this.selectMode() === "single"
+        ? "click"
+        : undefined, ...(ngDevMode ? [{ debugName: "autoSelect" }] : /* istanbul ignore next */ []));
+    items = signal([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    summaryData = signal({}, ...(ngDevMode ? [{ debugName: "summaryData" }] : /* istanbul ignore next */ []));
+    selectedItems = signal([], ...(ngDevMode ? [{ debugName: "selectedItems" }] : /* istanbul ignore next */ []));
+    trackByFn = (item) => this.getItemInfoFn(item).key ?? item;
+    page = signal(0, ...(ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []));
+    pageLength = signal(0, ...(ngDevMode ? [{ debugName: "pageLength" }] : /* istanbul ignore next */ []));
+    sortingDefs = signal([], ...(ngDevMode ? [{ debugName: "sortingDefs" }] : /* istanbul ignore next */ []));
+    filter = signal({}, ...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
+    lastFilter = signal({}, ...(ngDevMode ? [{ debugName: "lastFilter" }] : /* istanbul ignore next */ []));
+    //-- change tracking
+    _itemsSnapshot = [];
+    //-- computed
+    isSelectedItemsHasDeleted = computed(() => this.selectedItems().some((item) => this.itemPropInfo.isDeleted != null &&
+        item[this.itemPropInfo.isDeleted]), ...(ngDevMode ? [{ debugName: "isSelectedItemsHasDeleted" }] : /* istanbul ignore next */ []));
+    isSelectedItemsHasNotDeleted = computed(() => this.selectedItems().some((item) => this.itemPropInfo.isDeleted == null ||
+        !item[this.itemPropInfo.isDeleted]), ...(ngDevMode ? [{ debugName: "isSelectedItemsHasNotDeleted" }] : /* istanbul ignore next */ []));
+    getItemCellStyleFn = (item) => this.itemPropInfo.isDeleted != null && item[this.itemPropInfo.isDeleted]
+        ? "text-decoration: line-through;"
+        : undefined;
+    getItemSelectableFn = (item) => this.getItemInfoFn(item).canSelect;
+    constructor() {
+        setupCumulateSelectedKeys({
+            items: this.items,
+            selectedItems: this.selectedItems,
+            selectedItemKeys: this.selectedItemKeys,
+            selectMode: () => this.selectMode(),
+            keySelectorFn: (item) => this.getItemInfoFn(item).key,
+        });
+        setupCloserWhenSingleSelectionChange({
+            selectedItemKeys: this.selectedItemKeys,
+            selectedItems: this.selectedItems,
+            selectMode: () => this.selectMode(),
+            close: this.close,
+        });
+        effect(() => {
+            const filter = this.bindFilter();
+            this.filter.set(filter);
+            this.lastFilter.set(obj.clone(filter));
+        });
+        effect(() => {
+            this.page();
+            this.lastFilter();
+            this.sortingDefs();
+            this.prepareRefreshEffect?.();
+            queueMicrotask(async () => {
+                if (!this.canUse()) {
+                    this.initialized.set(true);
+                    return;
+                }
+                this.busyCount.update((v) => v + 1);
+                await this._sdToast.try(async () => {
+                    await this._sdSharedData.wait();
+                    await this.refresh();
+                });
+                this.busyCount.update((v) => v - 1);
+                this.initialized.set(true);
+            });
+        });
+        setupCanDeactivate(() => this.viewType() === "modal" || this.checkIgnoreChanges());
+    }
+    //-- query
+    checkIgnoreChanges() {
+        return this._getDiffs().length === 0 || confirm(TXT_CHANGE_IGNORE_CONFIRM);
+    }
+    doFilterSubmit() {
+        if (this.busyCount() > 0)
+            return;
+        if (!this.canUse())
+            return;
+        if (!this.checkIgnoreChanges())
+            return;
+        this.page.set(0);
+        this.lastFilter.set(obj.clone(this.filter()));
+    }
+    doRefresh() {
+        if (this.busyCount() > 0)
+            return;
+        if (!this.canUse())
+            return;
+        if (!this.checkIgnoreChanges())
+            return;
+        this.lastFilter.update((v) => ({ ...v }));
+    }
+    async refresh() {
+        const result = await this.search(true);
+        this.items.set(result.items);
+        this._itemsSnapshot = obj.clone(result.items);
+        this.pageLength.set(result.pageLength ?? 0);
+        this.summaryData.set(result.summary ?? {});
+        this.selectedItems.set(this.items().filter((item) => this.selectedItems().some((sel) => this.getItemInfoFn(sel).key === this.getItemInfoFn(item).key)));
+    }
+    //-- inline edit
+    async doAddItem() {
+        if (!this.newItem)
+            return;
+        this.busyCount.update((v) => v + 1);
+        await this._sdToast.try(async () => {
+            const newItem = await this.newItem();
+            this.items.update((items) => [newItem, ...items]);
+        });
+        this.busyCount.update((v) => v - 1);
+    }
+    async doSubmit(opt) {
+        if (this.busyCount() > 0)
+            return;
+        if (opt?.permCheck && !this.canEdit())
+            return;
+        if (!this.submit)
+            return;
+        const diffs = this._getDiffs();
+        if (diffs.length === 0) {
+            if (!opt?.hideNoChangeMessage) {
+                this._sdToast.info("변경사항이 없습니다.");
+            }
+            return;
+        }
+        this.busyCount.update((v) => v + 1);
+        await this._sdToast.try(async () => {
+            const result = await this.submit(diffs);
+            if (!result)
+                return;
+            this._sdToast.success("저장되었습니다.");
+            await this.refresh();
+        }, (err) => this._getOrmDataEditToastErrorMessage(err));
+        this.busyCount.update((v) => v - 1);
+        this.submitted.emit(true);
+    }
+    doToggleDeleteItem(item) {
+        if (!this.canEdit())
+            return;
+        if (this.itemPropInfo.isDeleted == null)
+            return;
+        if (this.getItemInfoFn(item).key == null) {
+            this.items.update((items) => items.filter((item1) => item1 !== item));
+            return;
+        }
+        item[this.itemPropInfo.isDeleted] = !item[this.itemPropInfo.isDeleted];
+        this.items.update((v) => [...v]);
+    }
+    //-- modal edit
+    async doEditItem(item) {
+        if (!this.editItem)
+            return;
+        const result = await this.editItem(item);
+        if (!result)
+            return;
+        this.busyCount.update((v) => v + 1);
+        await this._sdToast.try(async () => {
+            await this.refresh();
+        });
+        this.busyCount.update((v) => v - 1);
+    }
+    async doToggleDeleteItems(del) {
+        if (!this.canEdit())
+            return;
+        if (!this.toggleDeleteItems)
+            return;
+        this.busyCount.update((v) => v + 1);
+        await this._sdToast.try(async () => {
+            const result = await this.toggleDeleteItems(del);
+            if (!result)
+                return;
+            await this.refresh();
+            this._sdToast.success(`${del ? "삭제" : "복구"} 되었습니다.`);
+        }, (err) => this._getOrmDataEditToastErrorMessage(err));
+        this.busyCount.update((v) => v - 1);
+    }
+    //-- excel
+    async doDownloadExcel() {
+        if (!this.downloadExcel)
+            return;
+        this.busyCount.update((v) => v + 1);
+        await this._sdToast.try(async () => {
+            const items = (await this.search(false)).items;
+            await this.downloadExcel(items);
+        });
+        this.busyCount.update((v) => v - 1);
+    }
+    async doUploadExcel() {
+        if (!this.uploadExcel)
+            return;
+        const file = await this._sdFileDialog.showAsync(false, "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
+        if (!file)
+            return;
+        this.busyCount.update((v) => v + 1);
+        await this._sdToast.try(async () => {
+            await this.uploadExcel(file);
+            await this.refresh();
+            this._sdToast.success("엑셀 업로드가 완료 되었습니다.");
+        }, (err) => this._getOrmDataEditToastErrorMessage(err));
+        this.busyCount.update((v) => v - 1);
+    }
+    //-- modal selection
+    doModalConfirm() {
+        this.close.emit({
+            selectedItemKeys: this.selectedItemKeys(),
+            selectedItems: this.selectedItems(),
+        });
+    }
+    doModalCancel() {
+        this.close.emit({
+            selectedItemKeys: [],
+            selectedItems: [],
+        });
+    }
+    //-- private
+    _getDiffs() {
+        return this.items().oneWayDiffs(this._itemsSnapshot, (item) => this.getItemInfoFn(item).key, this.diffsExcludes ? { excludes: this.diffsExcludes } : undefined).filter((d) => d.type !== "same");
+    }
+    _getOrmDataEditToastErrorMessage(err) {
+        const message = err instanceof Error ? err.message : String(err);
+        if (message.includes("a parent row: a foreign key constraint") ||
+            message.includes("conflicted with the REFERENCE")) {
+            return "경고! 연결된 작업에 의한 처리 거부. 후속작업 확인 요망";
+        }
+        return message;
+    }
+    static ɵfac = function AbsSdDataSheet_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AbsSdDataSheet)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: AbsSdDataSheet, inputs: { selectedItemKeys: [1, "selectedItemKeys"] }, outputs: { close: "close", submitted: "submitted", selectedItemKeys: "selectedItemKeysChange" } });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AbsSdDataSheet, [{
+        type: Directive
+    }], () => [], { close: [{ type: i0.Output, args: ["close"] }], submitted: [{ type: i0.Output, args: ["submitted"] }], selectedItemKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItemKeys", required: false }] }, { type: i0.Output, args: ["selectedItemKeysChange"] }] }); })();
+//#endregion
+//#region SdDataSheetControl
+export class SdDataSheetControl {
+    parent = injectParent();
+    formCtrl = viewChild("formCtrl", ...(ngDevMode ? [{ debugName: "formCtrl" }] : /* istanbul ignore next */ []));
+    insertText = input(...(ngDevMode ? [undefined, { debugName: "insertText" }] : /* istanbul ignore next */ []));
+    deleteText = input(...(ngDevMode ? [undefined, { debugName: "deleteText" }] : /* istanbul ignore next */ []));
+    restoreText = input(...(ngDevMode ? [undefined, { debugName: "restoreText" }] : /* istanbul ignore next */ []));
+    deleteIcon = input(tablerEraser, ...(ngDevMode ? [{ debugName: "deleteIcon" }] : /* istanbul ignore next */ []));
+    restoreIcon = input(tablerRestore, ...(ngDevMode ? [{ debugName: "restoreIcon" }] : /* istanbul ignore next */ []));
+    pageTopbarTplRef = contentChild("pageTopbarTpl", { ...(ngDevMode ? { debugName: "pageTopbarTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
+    prevTplRef = contentChild("prevTpl", { ...(ngDevMode ? { debugName: "prevTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
+    filterTplRef = contentChild("filterTpl", { ...(ngDevMode ? { debugName: "filterTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
+    beforeToolTplRef = contentChild("beforeToolTpl", { ...(ngDevMode ? { debugName: "beforeToolTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
+    toolTplRef = contentChild("toolTpl", { ...(ngDevMode ? { debugName: "toolTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
+    modalBottomTplRef = contentChild("modalBottomTpl", { ...(ngDevMode ? { debugName: "modalBottomTplRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
+    columnControls = contentChildren(SdDataSheetColumnDirective, ...(ngDevMode ? [{ debugName: "columnControls" }] : /* istanbul ignore next */ []));
+    icons = {
+        tablerRefresh,
+        tablerDeviceFloppy,
+        tablerSearch,
+        tablerCirclePlus,
+        tablerUpload,
+        tablerFileExcel,
+        tablerEdit,
+    };
+    onFilterSubmit() {
+        this.parent.doFilterSubmit();
+    }
+    onRefreshButtonClick() {
+        this.parent.doRefresh();
+    }
+    async onCreateItemButtonClick() {
+        await this.parent.doEditItem();
+    }
+    async onEditItemButtonClick(item, index, event) {
+        event.preventDefault();
+        event.stopPropagation();
+        await this.parent.doEditItem(item);
+    }
+    async onToggleDeleteItemsButtonClick(del) {
+        await this.parent.doToggleDeleteItems(del);
+    }
+    onToggleDeleteItemButtonClick(item) {
+        this.parent.doToggleDeleteItem(item);
+    }
+    onSubmitButtonClick() {
+        this.formCtrl()?.requestSubmit();
+    }
+    async onSubmit() {
+        await this.parent.doSubmit({ permCheck: true });
+    }
+    async onAddItemButtonClick() {
+        await this.parent.doAddItem();
+    }
+    async onDownloadExcelButtonClick() {
+        await this.parent.doDownloadExcel();
+    }
+    async onUploadExcelButtonClick() {
+        await this.parent.doUploadExcel();
+    }
+    onConfirmButtonClick() {
+        this.parent.doModalConfirm();
+    }
+    onCancelButtonClick() {
+        this.parent.doModalCancel();
+    }
+    static ɵfac = function SdDataSheetControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdDataSheetControl)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdDataSheetControl, selectors: [["sd-data-sheet"]], contentQueries: function SdDataSheetControl_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.pageTopbarTplRef, _c0, 5, TemplateRef)(dirIndex, ctx.prevTplRef, _c1, 5, TemplateRef)(dirIndex, ctx.filterTplRef, _c2, 5, TemplateRef)(dirIndex, ctx.beforeToolTplRef, _c3, 5, TemplateRef)(dirIndex, ctx.toolTplRef, _c4, 5, TemplateRef)(dirIndex, ctx.modalBottomTplRef, _c5, 5, TemplateRef)(dirIndex, ctx.columnControls, SdDataSheetColumnDirective, 4);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance(7);
+        } }, viewQuery: function SdDataSheetControl_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuerySignal(ctx.formCtrl, _c6, 5);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance();
+        } }, hostBindings: function SdDataSheetControl_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("sdRefreshCommand", function SdDataSheetControl_sdRefreshCommand_HostBindingHandler() { return ctx.onRefreshButtonClick(); })("sdSaveCommand", function SdDataSheetControl_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", ""], [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"]], template: function SdDataSheetControl_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "sd-base-container", 6);
+            i0.ɵɵtemplate(1, SdDataSheetControl_ng_template_1_Template, 7, 4, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, SdDataSheetControl_ng_template_3_Template, 13, 17, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵconditionalCreate(5, SdDataSheetControl_Conditional_5_Template, 2, 0);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("busy", ctx.parent.busyCount() > 0)("busyMessage", ctx.parent.busyMessage())("viewType", ctx.parent.viewType())("initialized", ctx.parent.initialized())("restricted", !ctx.parent.canUse());
+            i0.ɵɵadvance(5);
+            i0.ɵɵconditional(ctx.parent.selectMode() ? 5 : -1);
+        } }, dependencies: [SdFormControl,
+            SdButtonControl,
+            SdSheetControl,
+            SdSheetColumnDirective,
+            NgTemplateOutlet,
+            SdBaseContainerControl,
+            SdAnchorControl,
+            NgIcon,
+            FormatPipe], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdDataSheetControl, [{
+        type: Component,
+        args: [{
+                selector: "sd-data-sheet",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                encapsulation: ViewEncapsulation.None,
+                standalone: true,
+                imports: [
+                    SdFormControl,
+                    SdButtonControl,
+                    SdSheetControl,
+                    SdSheetColumnDirective,
+                    NgTemplateOutlet,
+                    SdBaseContainerControl,
+                    FormatPipe,
+                    SdAnchorControl,
+                    NgIcon,
+                ],
+                host: {
+                    "(sdRefreshCommand)": "onRefreshButtonClick()",
+                    "(sdSaveCommand)": "onSubmitButtonClick()",
+                },
+                template: `
+    <sd-base-container
+      [busy]="parent.busyCount() > 0"
+      [busyMessage]="parent.busyMessage()"
+      [viewType]="parent.viewType()"
+      [initialized]="parent.initialized()"
+      [restricted]="!parent.canUse()"
+    >
+      <ng-template #pageTopbarTpl>
+        @if (parent.canEdit() && parent.submit) {
+          <sd-button [theme]="'link-primary'" (click)="onSubmitButtonClick()">
+            <ng-icon [svg]="icons.tablerDeviceFloppy" />
+            저장
+            <small>(CTRL+S)</small>
+          </sd-button>
+        }
+        <sd-button [theme]="'link-info'" (click)="onRefreshButtonClick()">
+          <ng-icon [svg]="icons.tablerRefresh" />
+          새로고침
+          <small>(CTRL+ALT+L)</small>
+        </sd-button>
+
+        <ng-template [ngTemplateOutlet]="pageTopbarTplRef() ?? null" />
+      </ng-template>
+
+      <ng-template #contentTpl>
+        <div class="flex-column fill">
+          @if (parent.canEdit() && parent.submit && parent.viewType() === "control") {
+            <div class="flex-row gap-sm p-default bdb bdb-theme-gray-lightest">
+              <sd-button [size]="'sm'" [theme]="'primary'" (click)="onSubmitButtonClick()">
+                <ng-icon [svg]="icons.tablerDeviceFloppy" />
+                저장
+                <small>(CTRL+S)</small>
+              </sd-button>
+              <sd-button [size]="'sm'" [theme]="'info'" (click)="onRefreshButtonClick()">
+                <ng-icon [svg]="icons.tablerRefresh" />
+                새로고침
+                <small>(CTRL+ALT+L)</small>
+              </sd-button>
+              <ng-template [ngTemplateOutlet]="prevTplRef() ?? null" />
+            </div>
+          } @else {
+            <ng-template [ngTemplateOutlet]="prevTplRef() ?? null" />
+          }
+
+          @if (filterTplRef()) {
+            <div class="p-default">
+              <sd-form (formSubmit)="onFilterSubmit()">
+                <div class="form-box-inline">
+                  <div>
+                    <sd-button [type]="'submit'" [theme]="'info'">
+                      <ng-icon [svg]="icons.tablerSearch" />
+                      조회
+                    </sd-button>
+                  </div>
+                  <ng-template [ngTemplateOutlet]="filterTplRef()!" />
+                </div>
+              </sd-form>
+            </div>
+          }
+
+          @if (!parent.hideTool || !parent.hideTool()) {
+            @if (parent.canEdit() || beforeToolTplRef() || parent.downloadExcel) {
+              <div class="flex-row gap-sm p-xs-default">
+                @if (parent.canEdit()) {
+                  @if (parent.editMode === "modal" && parent.editItem) {
+                    <sd-button
+                      [size]="'sm'"
+                      [theme]="'link-primary'"
+                      (click)="onCreateItemButtonClick()"
+                    >
+                      <ng-icon [svg]="icons.tablerCirclePlus" />
+                      {{ insertText() ?? "등록" }}
+                    </sd-button>
+                  } @else if (parent.editMode === "inline" && parent.newItem) {
+                    <sd-button
+                      [size]="'sm'"
+                      [theme]="'link-primary'"
+                      (click)="onAddItemButtonClick()"
+                    >
+                      <ng-icon [svg]="icons.tablerCirclePlus" />
+                      행 추가
+                    </sd-button>
+                  }
+                }
+
+                <ng-template [ngTemplateOutlet]="beforeToolTplRef() ?? null" />
+
+                @if (parent.canEdit()) {
+                  @if (parent.editMode === "modal" && parent.toggleDeleteItems) {
+                    <sd-button
+                      [size]="'sm'"
+                      [theme]="'link-danger'"
+                      (click)="onToggleDeleteItemsButtonClick(true)"
+                      [disabled]="!parent.isSelectedItemsHasNotDeleted()"
+                    >
+                      <ng-icon [svg]="deleteIcon()" />
+                      선택 {{ deleteText() ?? "삭제" }}
+                    </sd-button>
+                    @if (parent.isSelectedItemsHasDeleted()) {
+                      <sd-button
+                        [size]="'sm'"
+                        [theme]="'link-warning'"
+                        (click)="onToggleDeleteItemsButtonClick(false)"
+                      >
+                        <ng-icon [svg]="restoreIcon()" />
+                        선택 {{ restoreText() ?? "복구" }}
+                      </sd-button>
+                    }
+                  }
+
+                  @if (parent.uploadExcel) {
+                    <sd-button
+                      [size]="'sm'"
+                      [theme]="'link-success'"
+                      (click)="onUploadExcelButtonClick()"
+                    >
+                      <ng-icon [svg]="icons.tablerUpload" />
+                      엑셀 업로드
+                    </sd-button>
+                  }
+                }
+
+                @if (parent.downloadExcel) {
+                  <sd-button
+                    [size]="'sm'"
+                    [theme]="'link-success'"
+                    (click)="onDownloadExcelButtonClick()"
+                  >
+                    <ng-icon [svg]="icons.tablerFileExcel" />
+                    엑셀 다운로드
+                  </sd-button>
+                }
+
+                <ng-template [ngTemplateOutlet]="toolTplRef() ?? null" />
+              </div>
+            }
+          }
+
+          <sd-form #formCtrl (formSubmit)="onSubmit()" class="flex-fill p-default pt-0">
+            <sd-sheet
+              [key]="parent.key + '-sheet'"
+              [items]="parent.items()"
+              [(currentPage)]="parent.page"
+              [totalPageCount]="parent.pageLength()"
+              [(sorts)]="parent.sortingDefs"
+              [selectMode]="parent.selectMode()"
+              [autoSelect]="parent.autoSelect()"
+              [(selectedItems)]="parent.selectedItems"
+              [trackByFn]="parent.trackByFn"
+              [getItemCellStyleFn]="parent.getItemCellStyleFn"
+              [getItemSelectableFn]="parent.getItemSelectableFn"
+            >
+              @if (
+                parent.editMode === "inline" &&
+                parent.canEdit() &&
+                parent.itemPropInfo.isDeleted
+              ) {
+                <sd-sheet-column [fixed]="true" [key]="parent.itemPropInfo.isDeleted!">
+                  <ng-template #cellTpl let-item>
+                    <div class="p-xs-sm tx-center">
+                      <sd-anchor
+                        [theme]="'danger'"
+                        (click)="onToggleDeleteItemButtonClick(item)"
+                        [disabled]="!parent.getItemInfoFn(item).canDelete"
+                      >
+                        <ng-icon
+                          [svg]="
+                            item[parent.itemPropInfo.isDeleted!]
+                              ? restoreIcon()
+                              : deleteIcon()
+                          "
+                        />
+                        {{
+                          item[parent.itemPropInfo.isDeleted!]
+                            ? (restoreText() ?? "복구")
+                            : (deleteText() ?? "삭제")
+                        }}
+                      </sd-anchor>
+                    </div>
+                  </ng-template>
+                </sd-sheet-column>
+              }
+
+              @for (columnControl of columnControls(); track columnControl.key()) {
+                <sd-sheet-column
+                  [key]="columnControl.key()"
+                  [fixed]="columnControl.fixed()"
+                  [header]="columnControl.header()"
+                  [width]="columnControl.width()"
+                  [disableSorting]="columnControl.disableSorting()"
+                  [disableResizing]="columnControl.disableResizing()"
+                  [hidden]="columnControl.hidden()"
+                  [collapse]="columnControl.collapse()"
+                >
+                  @if (columnControl.summaryTplRef()) {
+                    <ng-template #summaryTpl>
+                      <ng-template [ngTemplateOutlet]="columnControl.summaryTplRef()!" />
+                    </ng-template>
+                  }
+
+                  <ng-template
+                    #cellTpl
+                    let-item
+                    let-index="index"
+                    let-depth="depth"
+                    let-edit="edit"
+                  >
+                    @if (
+                      parent.editMode === "modal" &&
+                      parent.canEdit() &&
+                      columnControl.edit() &&
+                      parent.getItemInfoFn(item).canEdit
+                    ) {
+                      <sd-anchor
+                        (click)="onEditItemButtonClick(item, index, $event)"
+                        class="flex-row"
+                      >
+                        <div class="p-xs-sm">
+                          <ng-icon [svg]="icons.tablerEdit" />
+                        </div>
+                        <div class="flex-fill">
+                          <ng-template
+                            [ngTemplateOutlet]="columnControl.cellTplRef()"
+                            [ngTemplateOutletContext]="{
+                              $implicit: item,
+                              item: item,
+                              index: index,
+                              depth: depth,
+                              edit: edit,
+                            }"
+                          />
+                        </div>
+                      </sd-anchor>
+                    } @else {
+                      <ng-template
+                        [ngTemplateOutlet]="columnControl.cellTplRef()"
+                        [ngTemplateOutletContext]="{
+                          $implicit: item,
+                          item: item,
+                          index: index,
+                          depth: depth,
+                          edit: edit,
+                        }"
+                      />
+                    }
+                  </ng-template>
+                </sd-sheet-column>
+              }
+
+              @if (parent.itemPropInfo.lastModifiedAt) {
+                <sd-sheet-column
+                  [header]="'수정일시'"
+                  [key]="parent.itemPropInfo.lastModifiedAt!"
+                  [hidden]="true"
+                >
+                  <ng-template #cellTpl let-item>
+                    <div class="p-xs-sm tx-center">
+                      {{
+                        item[parent.itemPropInfo.lastModifiedAt!]
+                          | format: "yyyy-MM-dd HH:mm"
+                      }}
+                    </div>
+                  </ng-template>
+                </sd-sheet-column>
+              }
+              @if (parent.itemPropInfo.lastModifiedBy) {
+                <sd-sheet-column
+                  [header]="'수정자'"
+                  [key]="parent.itemPropInfo.lastModifiedBy!"
+                  [hidden]="true"
+                >
+                  <ng-template #cellTpl let-item>
+                    <div class="p-xs-sm tx-center">
+                      {{ item[parent.itemPropInfo.lastModifiedBy!] }}
+                    </div>
+                  </ng-template>
+                </sd-sheet-column>
+              }
+            </sd-sheet>
+          </sd-form>
+        </div>
+      </ng-template>
+
+      @if (parent.selectMode()) {
+        <ng-template #modalBottomTpl>
+          <div class="p-sm-default flex-row gap-sm">
+            <div class="flex-fill flex-row gap-sm">
+              @if (modalBottomTplRef()) {
+                <ng-template [ngTemplateOutlet]="modalBottomTplRef()!" />
+              }
+            </div>
+
+            @if (parent.selectedItemKeys().length > 0) {
+              <sd-button [size]="'sm'" [theme]="'danger'" (click)="onCancelButtonClick()">
+                {{ parent.selectMode() === "multi" ? "모두" : "선택" }}
+                해제
+              </sd-button>
+            }
+            @if (parent.selectMode() === "multi") {
+              <sd-button [size]="'sm'" [theme]="'primary'" (click)="onConfirmButtonClick()">
+                확인({{ parent.selectedItemKeys().length }})
+              </sd-button>
+            }
+          </div>
+        </ng-template>
+      }
+    </sd-base-container>
+  `,
+            }]
+    }], null, { 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(() => SdDataSheetColumnDirective), { isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDataSheetControl, { className: "SdDataSheetControl", filePath: "packages/angular/src/features/data-view/sd-data-sheet.control.ts", lineNumber: 765, forbidOrphanRendering: true }); })();