@simplysm/angular 14.0.1 → 14.0.5

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

@@ -0,0 +1,846 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChildren, DestroyRef, inject, input, model, output, signal, ViewEncapsulation, } from "@angular/core";
+import { NgTemplateOutlet } from "@angular/common";
+import { SdSheetColumnDirective } from "./sd-sheet-column.directive";
+import { SdCheckboxControl } from "../../form/checkbox/sd-checkbox.control";
+import { NgIcon } from "@ng-icons/core";
+import { tablerArrowUp, tablerArrowDown, tablerChevronRight, tablerChevronDown, tablerChevronsRight, tablerChevronsDown, tablerSettings, } from "@ng-icons/tabler-icons";
+import { useSheetLayoutEngine } from "./useSheetLayoutEngine";
+import { useSheetColumnFixing } from "./useSheetColumnFixing";
+import { useSelectionManager } from "../../../core/utils/useSelectionManager";
+import { useSortingManager } from "../../../core/utils/useSortingManager";
+import { useExpandingManager } from "../../../core/utils/useExpandingManager";
+import { SdPaginationControl } from "../../navigation/pagination/sd-pagination.control";
+import { SdAnchorControl } from "../../form/button/sd-anchor.control";
+import { SdButtonControl } from "../../form/button/sd-button.control";
+import { useSdSystemConfigResource } from "../../../core/utils/useSdSystemConfigResource";
+import { useSheetDomAccessor } from "./useSheetDomAccessor";
+import { useSheetCellAgent } from "./useSheetCellAgent";
+import { SdModalProvider } from "../../overlay/modal/sd-modal.provider";
+import { SdSheetConfigModal } from "./sd-sheet-config.modal";
+import * as i0 from "@angular/core";
+const _c0 = (a0, a1) => ({ r: a0, c: a1 });
+const _c1 = (a0, a1, a2, a3, a4) => ({ $implicit: a0, item: a1, index: a2, depth: a3, edit: a4 });
+function _forTrack0($index, $item) { return this.trackByFn() ? this.trackByFn()($item, $index) : $index; }
+const _forTrack1 = ($index, $item) => $item.key;
+function SdSheetControl_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-button", 5);
+    i0.ɵɵlistener("click", function SdSheetControl_Conditional_0_Conditional_1_Template_sd_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onConfigButtonClick()); });
+    i0.ɵɵelement(1, "ng-icon", 6);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r1.icons.tablerSettings);
+} }
+function SdSheetControl_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-pagination", 7);
+    i0.ɵɵtwoWayListener("currentPageChange", function SdSheetControl_Conditional_0_Conditional_2_Template_sd_pagination_currentPageChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.currentPage, $event) || (ctx_r1.currentPage = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵtwoWayProperty("currentPage", ctx_r1.currentPage);
+    i0.ɵɵproperty("totalPageCount", ctx_r1.effectivePageCount())("visiblePageCount", ctx_r1.visiblePageCount());
+} }
+function SdSheetControl_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵconditionalCreate(1, SdSheetControl_Conditional_0_Conditional_1_Template, 2, 1, "sd-button");
+    i0.ɵɵconditionalCreate(2, SdSheetControl_Conditional_0_Conditional_2_Template, 1, 3, "sd-pagination", 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.key() ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.effectivePageCount() > 1 ? 2 : -1);
+} }
+function SdSheetControl_For_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th", 8)(1, "sd-anchor", 5);
+    i0.ɵɵlistener("click", function SdSheetControl_For_5_Conditional_1_Template_sd_anchor_click_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.expanding.toggleAll()); });
+    i0.ɵɵelement(2, "ng-icon", 6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵattribute("rowspan", ctx_r1.layout.headerFeatureRowSpan() > 1 ? ctx_r1.layout.headerFeatureRowSpan() : null);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("svg", ctx_r1.expanding.isAllExpanded() ? ctx_r1.icons.tablerChevronsDown : ctx_r1.icons.tablerChevronsRight);
+} }
+function SdSheetControl_For_5_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-checkbox", 12);
+    i0.ɵɵlistener("click", function SdSheetControl_For_5_Conditional_2_Conditional_1_Template_sd_checkbox_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.selection.toggleAll()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("value", ctx_r1.selection.isAllSelected())("inline", true)("inset", true);
+} }
+function SdSheetControl_For_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 9);
+    i0.ɵɵconditionalCreate(1, SdSheetControl_For_5_Conditional_2_Conditional_1_Template, 1, 3, "sd-checkbox", 11);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵattribute("rowspan", ctx_r1.layout.headerFeatureRowSpan() > 1 ? ctx_r1.layout.headerFeatureRowSpan() : null);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.selectMode() === "multi" ? 1 : -1);
+} }
+function SdSheetControl_For_5_For_4_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 15);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const sortDef_r8 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(sortDef_r8.indexText);
+} }
+function SdSheetControl_For_5_For_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "ng-icon", 14);
+    i0.ɵɵconditionalCreate(1, SdSheetControl_For_5_For_4_Conditional_3_Conditional_1_Template, 2, 1, "span", 15);
+} if (rf & 2) {
+    const sortDef_r8 = ctx;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("svg", sortDef_r8.desc ? ctx_r1.icons.tablerArrowDown : ctx_r1.icons.tablerArrowUp);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(sortDef_r8.indexText ? 1 : -1);
+} }
+function SdSheetControl_For_5_For_4_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵlistener("mousedown", function SdSheetControl_For_5_For_4_Conditional_4_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r9); const cell_r7 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onResizerMousedown($event, cell_r7.colDef)); })("dblclick", function SdSheetControl_For_5_For_4_Conditional_4_Template_div_dblclick_0_listener($event) { i0.ɵɵrestoreView(_r9); const cell_r7 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onResizerDblClick($event, cell_r7.colDef)); });
+    i0.ɵɵelementEnd();
+} }
+function SdSheetControl_For_5_For_4_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th", 5);
+    i0.ɵɵlistener("click", function SdSheetControl_For_5_For_4_Template_th_click_0_listener($event) { const cell_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onHeaderClick($event, cell_r7)); });
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, SdSheetControl_For_5_For_4_Conditional_3_Template, 2, 2);
+    i0.ɵɵconditionalCreate(4, SdSheetControl_For_5_For_4_Conditional_4_Template, 1, 0, "div", 13);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    let tmp_26_0;
+    const cell_r7 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleMap(ctx_r1.getHeaderCellStyle(cell_r7));
+    i0.ɵɵattribute("colspan", cell_r7.colspan > 1 ? cell_r7.colspan : null)("rowspan", cell_r7.rowspan > 1 ? cell_r7.rowspan : null)("aria-sort", ctx_r1.getAriaSortValue(cell_r7));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(cell_r7.text);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional((tmp_26_0 = cell_r7.colDef && ctx_r1.getSortDef(cell_r7.colDef.key)) ? 3 : -1, tmp_26_0);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(cell_r7.isLastRow && cell_r7.colDef && !cell_r7.colDef.disableResizing ? 4 : -1);
+} }
+function SdSheetControl_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr");
+    i0.ɵɵconditionalCreate(1, SdSheetControl_For_5_Conditional_1_Template, 3, 2, "th", 8);
+    i0.ɵɵconditionalCreate(2, SdSheetControl_For_5_Conditional_2_Template, 2, 2, "th", 9);
+    i0.ɵɵrepeaterCreate(3, SdSheetControl_For_5_For_4_Template, 5, 8, "th", 10, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r10 = ctx.$implicit;
+    const ɵ$index_18_r11 = ctx.$index;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.expanding.hasExpandable() && ɵ$index_18_r11 === 0 ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.selectMode() && ɵ$index_18_r11 === 0 ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(row_r10);
+} }
+function SdSheetControl_For_8_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-anchor", 5);
+    i0.ɵɵlistener("click", function SdSheetControl_For_8_Conditional_1_Conditional_1_Template_sd_anchor_click_0_listener($event) { i0.ɵɵrestoreView(_r14); const item_r13 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onExpandClick($event, item_r13)); });
+    i0.ɵɵelement(1, "ng-icon", 6);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r13 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("svg", ctx_r1.isExpanded(item_r13) ? ctx_r1.icons.tablerChevronDown : ctx_r1.icons.tablerChevronRight);
+} }
+function SdSheetControl_For_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 8);
+    i0.ɵɵconditionalCreate(1, SdSheetControl_For_8_Conditional_1_Conditional_1_Template, 2, 1, "sd-anchor");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    let tmp_12_0;
+    const item_r13 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(((tmp_12_0 = ctx_r1.getItemDef(item_r13)) == null ? null : tmp_12_0.hasChildren) ? 1 : -1);
+} }
+function SdSheetControl_For_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 9)(1, "sd-checkbox", 19);
+    i0.ɵɵlistener("click", function SdSheetControl_For_8_Conditional_2_Template_sd_checkbox_click_1_listener($event) { i0.ɵɵrestoreView(_r15); const item_r13 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectCheckboxClick($event, item_r13)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const item_r13 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("value", ctx_r1.selection.isSelected(item_r13))("canChangeFn", ctx_r1.selection.getCanChangeFn(item_r13))("inline", true)("inset", true);
+    i0.ɵɵattribute("title", ctx_r1.getSelectableTooltip(item_r13));
+} }
+function SdSheetControl_For_8_For_4_Conditional_1_ng_template_0_Template(rf, ctx) { }
+function SdSheetControl_For_8_For_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdSheetControl_For_8_For_4_Conditional_1_ng_template_0_Template, 0, 0, "ng-template", 21);
+} if (rf & 2) {
+    const ɵ$index_68_r18 = i0.ɵɵnextContext().$index;
+    const ctx_r18 = i0.ɵɵnextContext();
+    const item_r13 = ctx_r18.$implicit;
+    const ɵ$index_52_r20 = ctx_r18.$index;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx)("ngTemplateOutletContext", i0.ɵɵpureFunction5(5, _c1, item_r13, item_r13, ɵ$index_52_r20, ctx_r1.getChildrenFn() !== undefined ? ctx_r1.getItemDef(item_r13).depth : 0, ctx_r1.cellAgent.isCellEditMode(i0.ɵɵpureFunction2(2, _c0, ɵ$index_52_r20, ɵ$index_68_r18))));
+} }
+function SdSheetControl_For_8_For_4_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 20);
+    i0.ɵɵlistener("click", function SdSheetControl_For_8_For_4_Template_td_click_0_listener($event) { i0.ɵɵrestoreView(_r16); const item_r13 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCellClick($event, item_r13)); })("focus", function SdSheetControl_For_8_For_4_Template_td_focus_0_listener() { i0.ɵɵrestoreView(_r16); const item_r13 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCellFocus(item_r13)); })("keydown", function SdSheetControl_For_8_For_4_Template_td_keydown_0_listener($event) { const colDef_r17 = i0.ɵɵrestoreView(_r16).$implicit; const item_r13 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCellKeydown($event, item_r13, colDef_r17.key)); });
+    i0.ɵɵconditionalCreate(1, SdSheetControl_For_8_For_4_Conditional_1_Template, 1, 11, null, 21);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    let tmp_26_0;
+    const colDef_r17 = ctx.$implicit;
+    const ɵ$index_68_r18 = ctx.$index;
+    const ctx_r18 = i0.ɵɵnextContext();
+    const item_r13 = ctx_r18.$implicit;
+    const ɵ$index_52_r20 = ctx_r18.$index;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵstyleMap(ctx_r1.getCellStyleWithIndent(item_r13, colDef_r17, ɵ$index_68_r18));
+    i0.ɵɵclassMap(ctx_r1.getDataCellClass(item_r13, colDef_r17, ɵ$index_52_r20, ɵ$index_68_r18));
+    i0.ɵɵattribute("data-r", ɵ$index_52_r20)("data-c", ɵ$index_68_r18);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional((tmp_26_0 = ctx_r1.getColumnCellTpl(colDef_r17.key)) ? 1 : -1, tmp_26_0);
+} }
+function SdSheetControl_For_8_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 17);
+    i0.ɵɵlistener("click", function SdSheetControl_For_8_Template_tr_click_0_listener() { const item_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRowClick(item_r13)); })("keydown", function SdSheetControl_For_8_Template_tr_keydown_0_listener($event) { const item_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onItemKeydown($event, item_r13)); });
+    i0.ɵɵconditionalCreate(1, SdSheetControl_For_8_Conditional_1_Template, 2, 1, "td", 8);
+    i0.ɵɵconditionalCreate(2, SdSheetControl_For_8_Conditional_2_Template, 2, 5, "td", 9);
+    i0.ɵɵrepeaterCreate(3, SdSheetControl_For_8_For_4_Template, 2, 7, "td", 18, _forTrack1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r13 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵstyleProp("background", ctx_r1.selection.isSelected(item_r13) ? "var(--trans-lighter)" : null);
+    i0.ɵɵattribute("aria-selected", ctx_r1.selection.isSelected(item_r13) ? "true" : null)("aria-expanded", ctx_r1.getAriaExpanded(item_r13));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.expanding.hasExpandable() ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.selectMode() ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.layout.columnDefs());
+} }
+function SdSheetControl_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "td", 8);
+} }
+function SdSheetControl_Conditional_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "td", 9);
+} }
+function SdSheetControl_Conditional_9_For_5_Conditional_1_ng_template_0_Template(rf, ctx) { }
+function SdSheetControl_Conditional_9_For_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdSheetControl_Conditional_9_For_5_Conditional_1_ng_template_0_Template, 0, 0, "ng-template", 22);
+} if (rf & 2) {
+    i0.ɵɵproperty("ngTemplateOutlet", ctx);
+} }
+function SdSheetControl_Conditional_9_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td");
+    i0.ɵɵconditionalCreate(1, SdSheetControl_Conditional_9_For_5_Conditional_1_Template, 1, 1, null, 22);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    let tmp_12_0;
+    const colDef_r21 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleMap(ctx_r1.getFixedCellStyle(colDef_r21));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional((tmp_12_0 = ctx_r1.getColumnSummaryTpl(colDef_r21.key)) ? 1 : -1, tmp_12_0);
+} }
+function SdSheetControl_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tfoot")(1, "tr");
+    i0.ɵɵconditionalCreate(2, SdSheetControl_Conditional_9_Conditional_2_Template, 1, 0, "td", 8);
+    i0.ɵɵconditionalCreate(3, SdSheetControl_Conditional_9_Conditional_3_Template, 1, 0, "td", 9);
+    i0.ɵɵrepeaterCreate(4, SdSheetControl_Conditional_9_For_5_Template, 2, 3, "td", 10, _forTrack1);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.expanding.hasExpandable() ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.selectMode() ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.layout.columnDefs());
+} }
+export class SdSheetControl {
+    // Inputs
+    key = input(...(ngDevMode ? [undefined, { debugName: "key" }] : /* istanbul ignore next */ []));
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    trackByFn = input(...(ngDevMode ? [undefined, { debugName: "trackByFn" }] : /* istanbul ignore next */ []));
+    selectMode = input(...(ngDevMode ? [undefined, { debugName: "selectMode" }] : /* istanbul ignore next */ []));
+    autoSelect = input(...(ngDevMode ? [undefined, { debugName: "autoSelect" }] : /* istanbul ignore next */ []));
+    getItemSelectableFn = input(...(ngDevMode ? [undefined, { debugName: "getItemSelectableFn" }] : /* istanbul ignore next */ []));
+    getChildrenFn = input(...(ngDevMode ? [undefined, { debugName: "getChildrenFn" }] : /* istanbul ignore next */ []));
+    useAutoSort = input(false, { ...(ngDevMode ? { debugName: "useAutoSort" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    visiblePageCount = input(10, ...(ngDevMode ? [{ debugName: "visiblePageCount" }] : /* istanbul ignore next */ []));
+    totalPageCount = input(0, ...(ngDevMode ? [{ debugName: "totalPageCount" }] : /* istanbul ignore next */ []));
+    itemsPerPage = input(0, ...(ngDevMode ? [{ debugName: "itemsPerPage" }] : /* istanbul ignore next */ []));
+    focusMode = input("cell", ...(ngDevMode ? [{ debugName: "focusMode" }] : /* istanbul ignore next */ []));
+    inset = input(false, { ...(ngDevMode ? { debugName: "inset" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    contentStyle = input(...(ngDevMode ? [undefined, { debugName: "contentStyle" }] : /* istanbul ignore next */ []));
+    getItemCellClassFn = input(...(ngDevMode ? [undefined, { debugName: "getItemCellClassFn" }] : /* istanbul ignore next */ []));
+    getItemCellStyleFn = input(...(ngDevMode ? [undefined, { debugName: "getItemCellStyleFn" }] : /* istanbul ignore next */ []));
+    hideConfigBar = input(false, { ...(ngDevMode ? { debugName: "hideConfigBar" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    // Outputs
+    itemKeydown = output();
+    cellKeydown = output();
+    // Models
+    selectedItems = model([], ...(ngDevMode ? [{ debugName: "selectedItems" }] : /* istanbul ignore next */ []));
+    expandedItems = model([], ...(ngDevMode ? [{ debugName: "expandedItems" }] : /* istanbul ignore next */ []));
+    sorts = model([], ...(ngDevMode ? [{ debugName: "sorts" }] : /* istanbul ignore next */ [])); // Re-exported from useSortingManager
+    currentPage = model(0, ...(ngDevMode ? [{ debugName: "currentPage" }] : /* istanbul ignore next */ []));
+    // Content query
+    columnControls = contentChildren(SdSheetColumnDirective, ...(ngDevMode ? [{ debugName: "columnControls" }] : /* istanbul ignore next */ []));
+    // Injected providers
+    _modalProvider = inject(SdModalProvider);
+    _destroyRef = inject(DestroyRef);
+    // DOM accessor & cell agent
+    domAccessor = useSheetDomAccessor();
+    cellAgent = useSheetCellAgent({ domAccessor: this.domAccessor });
+    constructor() {
+        this._destroyRef.onDestroy(() => {
+            this._resizingCleanup?.();
+        });
+    }
+    // Resizing state
+    _isResizing = signal(false, ...(ngDevMode ? [{ debugName: "_isResizing" }] : /* istanbul ignore next */ []));
+    _resizeIndicatorLeft = signal(0, ...(ngDevMode ? [{ debugName: "_resizeIndicatorLeft" }] : /* istanbul ignore next */ []));
+    _isOnResizing = false;
+    _resizingCleanup = null;
+    // Config resource
+    _configResource = useSdSystemConfigResource({
+        key: this.key,
+    });
+    // Layout engine
+    layout = useSheetLayoutEngine({
+        columnControls: this.columnControls,
+        config: computed(() => this._configResource.value()),
+    });
+    // Column fixing
+    fixing = useSheetColumnFixing({
+        columnDefs: this.layout.columnDefs,
+    });
+    // Sorting manager
+    sorting = useSortingManager({
+        sorts: this.sorts,
+    });
+    // Effective page count (from totalPageCount or computed from items/itemsPerPage)
+    effectivePageCount = computed(() => {
+        const total = this.totalPageCount();
+        if (total > 0)
+            return total;
+        const perPage = this.itemsPerPage();
+        if (perPage <= 0)
+            return 0;
+        return Math.ceil(this.items().length / perPage);
+    }, ...(ngDevMode ? [{ debugName: "effectivePageCount" }] : /* istanbul ignore next */ []));
+    // Icons
+    icons = {
+        tablerArrowUp,
+        tablerArrowDown,
+        tablerChevronRight,
+        tablerChevronDown,
+        tablerChevronsRight,
+        tablerChevronsDown,
+        tablerSettings,
+    };
+    // Sorted items
+    _sortedItems = computed(() => {
+        const items = this.items();
+        if (this.useAutoSort()) {
+            return this.sorting.sort(items);
+        }
+        return items;
+    }, ...(ngDevMode ? [{ debugName: "_sortedItems" }] : /* istanbul ignore next */ []));
+    // Paged items (root-level only)
+    _pagedItems = computed(() => {
+        const items = this._sortedItems();
+        const perPage = this.itemsPerPage();
+        if (perPage <= 0)
+            return items;
+        const page = this.currentPage();
+        const start = page * perPage;
+        return items.slice(start, start + perPage);
+    }, ...(ngDevMode ? [{ debugName: "_pagedItems" }] : /* istanbul ignore next */ []));
+    // Expanding manager
+    expanding = useExpandingManager({
+        items: this._pagedItems,
+        expandedItems: this.expandedItems,
+        getChildrenFn: this.getChildrenFn,
+        sort: (items) => {
+            if (this.useAutoSort()) {
+                return this.sorting.sort(items);
+            }
+            return items;
+        },
+    });
+    // Final display items (sorted → paged → expanded)
+    displayItems = computed(() => {
+        const getChildrenFn = this.getChildrenFn();
+        if (getChildrenFn != null) {
+            // With tree: only show visible items (parent expanded)
+            return this.expanding.displayItems().filter((item) => this.expanding.isVisible(item));
+        }
+        return this._pagedItems();
+    }, ...(ngDevMode ? [{ debugName: "displayItems" }] : /* istanbul ignore next */ []));
+    // Selection manager
+    selection = useSelectionManager({
+        displayItems: this.displayItems,
+        selectedItems: this.selectedItems,
+        selectMode: this.selectMode,
+        getItemSelectableFn: this.getItemSelectableFn,
+    });
+    getColumnCellTpl(key) {
+        const col = this.columnControls().find((c) => c.key() === key);
+        return col?.cellTplRef() ?? null;
+    }
+    getColumnSummaryTpl(key) {
+        const col = this.columnControls().find((c) => c.key() === key);
+        return col?.summaryTplRef() ?? null;
+    }
+    getHeaderCellStyle(cell) {
+        const parts = [];
+        if (cell.colDef != null) {
+            const baseStyle = this._getColDefStyle(cell.colDef);
+            if (baseStyle != null) {
+                parts.push(baseStyle);
+            }
+            const fixedStyle = this._getFixedStyle(cell.colDef);
+            if (fixedStyle != null) {
+                parts.push(fixedStyle);
+            }
+        }
+        return parts.length > 0 ? parts.join("; ") : null;
+    }
+    getCellStyle(item, colDef) {
+        const parts = [];
+        const baseStyle = this._getColDefStyle(colDef);
+        if (baseStyle != null) {
+            parts.push(baseStyle);
+        }
+        const fixedStyle = this._getFixedStyle(colDef);
+        if (fixedStyle != null) {
+            parts.push(fixedStyle);
+        }
+        const customStyle = this.getItemCellStyleFn()
+            ? this.getItemCellStyleFn()(item, colDef.key)
+            : undefined;
+        if (customStyle != null) {
+            parts.push(customStyle);
+        }
+        return parts.length > 0 ? parts.join("; ") : null;
+    }
+    getFixedCellStyle(colDef) {
+        return this._getFixedStyle(colDef);
+    }
+    getSelectableTooltip(item) {
+        const result = this.selection.getSelectable(item);
+        if (typeof result === "string")
+            return result;
+        return null;
+    }
+    onRowClick(item) {
+        if (this.autoSelect() === "click") {
+            this.selection.select(item);
+        }
+    }
+    onSelectCheckboxClick(event, item) {
+        event.stopPropagation();
+        this.selection.toggle(item);
+    }
+    onCellClick(event, item) {
+        if (this.autoSelect() === "click") {
+            this.selection.select(item);
+        }
+    }
+    onCellFocus(item) {
+        if (this.autoSelect() === "focus") {
+            this.selection.select(item);
+        }
+    }
+    onHeaderClick(event, cell) {
+        if (this._isOnResizing)
+            return;
+        if (cell.colDef == null)
+            return;
+        if (cell.colDef.disableSorting)
+            return;
+        this.sorting.toggle(cell.colDef.key, event.shiftKey);
+    }
+    getSortDef(key) {
+        return this.sorting.defMap().get(key) ?? null;
+    }
+    getCellStyleWithIndent(item, colDef, colIdx) {
+        const parts = [];
+        const cellStyle = this.getCellStyle(item, colDef);
+        if (cellStyle != null) {
+            parts.push(cellStyle);
+        }
+        // Add indent for tree depth on first data column
+        if (colIdx === 0 && this.getChildrenFn() != null) {
+            const itemDef = this.getItemDef(item);
+            if (itemDef.depth > 0) {
+                parts.push(`padding-left: calc(var(--gap-default) + ${itemDef.depth}em)`);
+            }
+        }
+        return parts.length > 0 ? parts.join("; ") : null;
+    }
+    getItemDef(item) {
+        return this.expanding.def(item);
+    }
+    isExpanded(item) {
+        return this.expandedItems().includes(item);
+    }
+    getAriaExpanded(item) {
+        if (this.getChildrenFn() == null)
+            return null;
+        const def = this.getItemDef(item);
+        if (!def.hasChildren)
+            return null;
+        return this.isExpanded(item) ? "true" : "false";
+    }
+    onExpandClick(event, item) {
+        event.stopPropagation();
+        this.expanding.toggle(item);
+    }
+    getAriaSortValue(cell) {
+        if (cell.colDef == null)
+            return null;
+        const sortDef = this.sorting.defMap().get(cell.colDef.key);
+        if (sortDef == null)
+            return null;
+        return sortDef.desc ? "descending" : "ascending";
+    }
+    _getColDefStyle(colDef) {
+        const parts = [];
+        if (colDef.width != null) {
+            parts.push(`width: ${colDef.width}`);
+            parts.push(`min-width: ${colDef.width}`);
+            parts.push(`max-width: ${colDef.width}`);
+        }
+        if (colDef.collapse) {
+            parts.push("padding: 0");
+            parts.push("width: 0");
+            parts.push("min-width: 0");
+            parts.push("max-width: 0");
+            parts.push("overflow: hidden");
+            parts.push("border: none");
+        }
+        return parts.length > 0 ? parts.join("; ") : null;
+    }
+    _getFixedStyle(colDef) {
+        const fixedLeftMap = this.fixing.fixedLeftMap();
+        const leftValue = fixedLeftMap.get(colDef.key);
+        if (leftValue == null)
+            return null;
+        const parts = [];
+        parts.push("position: sticky");
+        parts.push(`left: ${leftValue}px`);
+        parts.push("z-index: 1");
+        parts.push("background: var(--control-color)");
+        return parts.join("; ");
+    }
+    getDataCellClass(item, colDef, r, c) {
+        const parts = [];
+        const customClass = this.getItemCellClassFn() ? this.getItemCellClassFn()(item, colDef.key) : undefined;
+        if (customClass != null) {
+            parts.push(customClass);
+        }
+        if (this.cellAgent.isCellEditMode({ r, c })) {
+            parts.push("_edit-mode");
+        }
+        return parts.length > 0 ? parts.join(" ") : null;
+    }
+    async onKeydownCapture(event) {
+        await this.cellAgent.handleKeydownCapture(event);
+    }
+    onDblClick(event) {
+        this.cellAgent.handleCellDoubleClick(event);
+    }
+    onBlurCapture(event) {
+        this.cellAgent.handleBlurCapture(event);
+    }
+    onItemKeydown(event, item) {
+        this.itemKeydown.emit({ item, event });
+    }
+    onCellKeydown(event, item, colKey) {
+        this.cellKeydown.emit({ item, key: colKey, event });
+    }
+    async onConfigButtonClick() {
+        const result = await this._modalProvider.showAsync({
+            title: "시트 설정",
+            type: SdSheetConfigModal,
+            inputs: {
+                controls: this.columnControls(),
+                config: this._configResource.value(),
+            },
+        });
+        if (result != null) {
+            this._configResource.set(result);
+        }
+    }
+    // --- Resizing ---
+    onResizerMousedown(event, colDef) {
+        event.preventDefault();
+        event.stopPropagation();
+        const container = this.domAccessor.getContainer();
+        const startX = event.clientX;
+        const th = event.target.parentElement;
+        const startWidth = th.offsetWidth;
+        this._isResizing.set(true);
+        this._isOnResizing = true;
+        this._resizeIndicatorLeft.set(th.offsetLeft + th.offsetWidth - container.scrollLeft);
+        const onMouseMove = (e) => {
+            const deltaX = e.clientX - startX;
+            const newWidth = Math.max(startWidth + deltaX, 5);
+            this._resizeIndicatorLeft.set(th.offsetLeft + newWidth - container.scrollLeft);
+        };
+        const onMouseUp = (e) => {
+            document.removeEventListener("mousemove", onMouseMove);
+            document.removeEventListener("mouseup", onMouseUp);
+            this._resizingCleanup = null;
+            const deltaX = e.clientX - startX;
+            const newWidth = Math.max(startWidth + deltaX, 5);
+            this._isResizing.set(false);
+            this._saveColumnConfig(colDef.key, { width: `${newWidth}px` });
+            // Prevent sorting for 300ms after resize
+            setTimeout(() => {
+                this._isOnResizing = false;
+            }, 300);
+        };
+        document.addEventListener("mousemove", onMouseMove);
+        document.addEventListener("mouseup", onMouseUp);
+        this._resizingCleanup = () => {
+            document.removeEventListener("mousemove", onMouseMove);
+            document.removeEventListener("mouseup", onMouseUp);
+        };
+    }
+    onResizerDblClick(event, colDef) {
+        event.preventDefault();
+        event.stopPropagation();
+        // Remove the width from config to reset to column definition default
+        const current = this._configResource.value() ?? { columnRecord: {} };
+        const columnRecord = { ...current.columnRecord };
+        const colConfig = { ...columnRecord[colDef.key] };
+        delete colConfig.width;
+        columnRecord[colDef.key] = colConfig;
+        this._configResource.set({ ...current, columnRecord });
+    }
+    _saveColumnConfig(colKey, changes) {
+        const current = this._configResource.value() ?? { columnRecord: {} };
+        const columnRecord = { ...current.columnRecord };
+        columnRecord[colKey] = { ...columnRecord[colKey], ...changes };
+        this._configResource.set({ ...current, columnRecord });
+    }
+    static ɵfac = function SdSheetControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdSheetControl)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdSheetControl, selectors: [["sd-sheet"]], contentQueries: function SdSheetControl_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.columnControls, SdSheetColumnDirective, 4);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance();
+        } }, hostVars: 1, hostBindings: function SdSheetControl_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("keydown.capture", function SdSheetControl_keydown_capture_HostBindingHandler($event) { return ctx.onKeydownCapture($event); })("dblclick", function SdSheetControl_dblclick_HostBindingHandler($event) { return ctx.onDblClick($event); })("blur.capture", function SdSheetControl_blur_capture_HostBindingHandler($event) { return ctx.onBlurCapture($event); });
+        } if (rf & 2) {
+            i0.ɵɵattribute("data-sd-inset", ctx.inset());
+        } }, inputs: { key: [1, "key"], items: [1, "items"], trackByFn: [1, "trackByFn"], selectMode: [1, "selectMode"], autoSelect: [1, "autoSelect"], getItemSelectableFn: [1, "getItemSelectableFn"], getChildrenFn: [1, "getChildrenFn"], useAutoSort: [1, "useAutoSort"], visiblePageCount: [1, "visiblePageCount"], totalPageCount: [1, "totalPageCount"], itemsPerPage: [1, "itemsPerPage"], focusMode: [1, "focusMode"], inset: [1, "inset"], contentStyle: [1, "contentStyle"], getItemCellClassFn: [1, "getItemCellClassFn"], getItemCellStyleFn: [1, "getItemCellStyleFn"], hideConfigBar: [1, "hideConfigBar"], selectedItems: [1, "selectedItems"], expandedItems: [1, "expandedItems"], sorts: [1, "sorts"], currentPage: [1, "currentPage"] }, outputs: { itemKeydown: "itemKeydown", cellKeydown: "cellKeydown", selectedItems: "selectedItemsChange", expandedItems: "expandedItemsChange", sorts: "sortsChange", currentPage: "currentPageChange" }, decls: 11, vars: 8, consts: [[1, "_tool"], [1, "_container"], [3, "background"], [1, "_resize-indicator"], [3, "currentPage", "totalPageCount", "visiblePageCount"], [3, "click"], [3, "svg"], [3, "currentPageChange", "currentPage", "totalPageCount", "visiblePageCount"], [1, "_expand-col"], [1, "_select-col"], [3, "style"], [3, "value", "inline", "inset"], [3, "click", "value", "inline", "inset"], [1, "_resizer"], [1, "_sort-icon", 3, "svg"], [1, "_sort-index"], [1, "_resizer", 3, "mousedown", "dblclick"], [3, "click", "keydown"], ["tabindex", "0", 3, "class", "style"], [3, "click", "value", "canChangeFn", "inline", "inset"], ["tabindex", "0", 3, "click", "focus", "keydown"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "ngTemplateOutlet"]], template: function SdSheetControl_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, SdSheetControl_Conditional_0_Template, 3, 2, "div", 0);
+            i0.ɵɵelementStart(1, "div", 1)(2, "table")(3, "thead");
+            i0.ɵɵrepeaterCreate(4, SdSheetControl_For_5_Template, 5, 2, "tr", null, i0.ɵɵrepeaterTrackByIndex);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "tbody");
+            i0.ɵɵrepeaterCreate(7, SdSheetControl_For_8_Template, 5, 6, "tr", 2, _forTrack0, true);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(9, SdSheetControl_Conditional_9_Template, 6, 2, "tfoot");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(10, "div", 3);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵconditional((ctx.key() || ctx.effectivePageCount() > 1) && !ctx.hideConfigBar() ? 0 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵstyleMap(ctx.contentStyle());
+            i0.ɵɵadvance(3);
+            i0.ɵɵrepeater(ctx.layout.headerDefTable());
+            i0.ɵɵadvance(3);
+            i0.ɵɵrepeater(ctx.displayItems());
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.layout.hasSummary() ? 9 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵstyleProp("display", ctx._isResizing() ? "block" : "none")("left", ctx._resizeIndicatorLeft(), "px");
+        } }, dependencies: [NgTemplateOutlet, SdCheckboxControl, NgIcon, SdPaginationControl, SdAnchorControl, SdButtonControl], styles: ["sd-sheet {\n  display: block;\n  position: relative;\n  overflow: hidden;\n  border: 1px solid var(--trans-lighter);\n}\nsd-sheet[data-sd-inset=true] {\n  border: none;\n}\nsd-sheet > ._tool {\n  display: flex;\n  align-items: center;\n  gap: var(--gap-sm);\n  padding: var(--gap-sm) var(--gap-default);\n  border-bottom: 1px solid var(--trans-lighter);\n  background: var(--theme-secondary-lightest);\n}\nsd-sheet > ._container {\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\nsd-sheet > ._container > table {\n  width: 100%;\n  border-collapse: collapse;\n  table-layout: fixed;\n}\nsd-sheet > ._container > table > thead > tr > th {\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background: var(--theme-secondary-lightest);\n  border: 1px solid var(--trans-lighter);\n  padding: var(--gap-sm) var(--gap-default);\n  text-align: left;\n  font-weight: bold;\n  white-space: nowrap;\n  cursor: pointer;\n  user-select: none;\n}\nsd-sheet > ._container > table > thead > tr > th:not(._select-col):not(._expand-col) {\n  position: relative;\n}\nsd-sheet > ._container > table > thead > tr > th > ._sort-icon {\n  font-size: 0.85em;\n  vertical-align: middle;\n  margin-left: 0.25em;\n}\nsd-sheet > ._container > table > thead > tr > th > ._sort-index {\n  font-size: 0.75em;\n  vertical-align: super;\n}\nsd-sheet > ._container > table > thead > tr > th > ._resizer {\n  position: absolute;\n  top: 0;\n  right: -2px;\n  width: 5px;\n  height: 100%;\n  cursor: col-resize;\n  z-index: 3;\n}\nsd-sheet > ._container > table > tbody > tr > td {\n  border: 1px solid var(--trans-lighter);\n  padding: var(--gap-sm) var(--gap-default);\n  white-space: nowrap;\n}\nsd-sheet > ._container > table > tbody > tr > td:focus {\n  outline: 2px solid var(--theme-primary-default);\n  outline-offset: -2px;\n}\nsd-sheet > ._container > table > thead > tr > th._select-col,\nsd-sheet > ._container > table > tbody > tr > td._select-col {\n  width: 2em;\n  min-width: 2em;\n  max-width: 2em;\n  text-align: center;\n  padding: 0;\n}\nsd-sheet > ._container > table > thead > tr > th._expand-col,\nsd-sheet > ._container > table > tbody > tr > td._expand-col {\n  width: 2em;\n  min-width: 2em;\n  max-width: 2em;\n  text-align: center;\n  padding: 0;\n}\nsd-sheet > ._container > table > tfoot > tr > td {\n  position: sticky;\n  bottom: 0;\n  z-index: 2;\n  background: var(--theme-secondary-lightest);\n  border: 1px solid var(--trans-lighter);\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-sheet > ._container > ._resize-indicator {\n  position: absolute;\n  top: 0;\n  width: 2px;\n  height: 100%;\n  background: var(--theme-primary-default);\n  z-index: 10;\n  pointer-events: none;\n}"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSheetControl, [{
+        type: Component,
+        args: [{ selector: "sd-sheet", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgTemplateOutlet, SdCheckboxControl, NgIcon, SdPaginationControl, SdAnchorControl, SdButtonControl], template: `
+    @if ((key() || effectivePageCount() > 1) && !hideConfigBar()) {
+      <div class="_tool">
+        @if (key()) {
+          <sd-button (click)="onConfigButtonClick()">
+            <ng-icon [svg]="icons.tablerSettings" />
+          </sd-button>
+        }
+        @if (effectivePageCount() > 1) {
+          <sd-pagination [(currentPage)]="currentPage" [totalPageCount]="effectivePageCount()" [visiblePageCount]="visiblePageCount()" />
+        }
+      </div>
+    }
+    <div class="_container" [style]="contentStyle()">
+      <table>
+        <thead>
+          @for (row of layout.headerDefTable(); track $index; let rowIdx = $index) {
+            <tr>
+              @if (expanding.hasExpandable() && rowIdx === 0) {
+                <th
+                  class="_expand-col"
+                  [attr.rowspan]="layout.headerFeatureRowSpan() > 1 ? layout.headerFeatureRowSpan() : null"
+                >
+                  <sd-anchor (click)="expanding.toggleAll()">
+                    <ng-icon [svg]="expanding.isAllExpanded() ? icons.tablerChevronsDown : icons.tablerChevronsRight" />
+                  </sd-anchor>
+                </th>
+              }
+              @if (selectMode() && rowIdx === 0) {
+                <th
+                  class="_select-col"
+                  [attr.rowspan]="layout.headerFeatureRowSpan() > 1 ? layout.headerFeatureRowSpan() : null"
+                >
+                  @if (selectMode() === "multi") {
+                    <sd-checkbox
+                      [value]="selection.isAllSelected()"
+                      (click)="selection.toggleAll()"
+                      [inline]="true"
+                      [inset]="true"
+                    />
+                  }
+                </th>
+              }
+              @for (cell of row; track $index) {
+                <th
+                  [attr.colspan]="cell.colspan > 1 ? cell.colspan : null"
+                  [attr.rowspan]="cell.rowspan > 1 ? cell.rowspan : null"
+                  [attr.aria-sort]="getAriaSortValue(cell)"
+                  [style]="getHeaderCellStyle(cell)"
+                  (click)="onHeaderClick($event, cell)"
+                >
+                  <span>{{ cell.text }}</span>
+                  @if (cell.colDef && getSortDef(cell.colDef.key); as sortDef) {
+                    <ng-icon
+                      class="_sort-icon"
+                      [svg]="sortDef.desc ? icons.tablerArrowDown : icons.tablerArrowUp"
+                    />
+                    @if (sortDef.indexText) {
+                      <span class="_sort-index">{{ sortDef.indexText }}</span>
+                    }
+                  }
+                  @if (cell.isLastRow && cell.colDef && !cell.colDef.disableResizing) {
+                    <div
+                      class="_resizer"
+                      (mousedown)="onResizerMousedown($event, cell.colDef)"
+                      (dblclick)="onResizerDblClick($event, cell.colDef)"
+                    ></div>
+                  }
+                </th>
+              }
+            </tr>
+          }
+        </thead>
+        <tbody>
+          @for (item of displayItems(); track trackByFn() ? trackByFn()!(item, $index) : $index; let rowIdx = $index) {
+            <tr
+              [attr.aria-selected]="selection.isSelected(item) ? 'true' : null"
+              [attr.aria-expanded]="getAriaExpanded(item)"
+              [style.background]="selection.isSelected(item) ? 'var(--trans-lighter)' : null"
+              (click)="onRowClick(item)"
+              (keydown)="onItemKeydown($event, item)"
+            >
+              @if (expanding.hasExpandable()) {
+                <td class="_expand-col">
+                  @if (getItemDef(item)?.hasChildren) {
+                    <sd-anchor (click)="onExpandClick($event, item)">
+                      <ng-icon [svg]="isExpanded(item) ? icons.tablerChevronDown : icons.tablerChevronRight" />
+                    </sd-anchor>
+                  }
+                </td>
+              }
+              @if (selectMode()) {
+                <td class="_select-col">
+                  <sd-checkbox
+                    [value]="selection.isSelected(item)"
+                    [canChangeFn]="selection.getCanChangeFn(item)"
+                    (click)="onSelectCheckboxClick($event, item)"
+                    [inline]="true"
+                    [inset]="true"
+                    [attr.title]="getSelectableTooltip(item)"
+                  />
+                </td>
+              }
+              @for (colDef of layout.columnDefs(); track colDef.key; let colIdx = $index) {
+                <td
+                  [attr.data-r]="rowIdx"
+                  [attr.data-c]="colIdx"
+                  [class]="getDataCellClass(item, colDef, rowIdx, colIdx)"
+                  [style]="getCellStyleWithIndent(item, colDef, colIdx)"
+                  (click)="onCellClick($event, item)"
+                  (focus)="onCellFocus(item)"
+                  (keydown)="onCellKeydown($event, item, colDef.key)"
+                  tabindex="0"
+                >
+                  @if (getColumnCellTpl(colDef.key); as tpl) {
+                    <ng-template
+                      [ngTemplateOutlet]="tpl"
+                      [ngTemplateOutletContext]="{
+                        $implicit: item,
+                        item: item,
+                        index: rowIdx,
+                        depth: getChildrenFn() !== undefined ? getItemDef(item).depth : 0,
+                        edit: cellAgent.isCellEditMode({ r: rowIdx, c: colIdx })
+                      }"
+                    />
+                  }
+                </td>
+              }
+            </tr>
+          }
+        </tbody>
+        @if (layout.hasSummary()) {
+          <tfoot>
+            <tr>
+              @if (expanding.hasExpandable()) {
+                <td class="_expand-col"></td>
+              }
+              @if (selectMode()) {
+                <td class="_select-col"></td>
+              }
+              @for (colDef of layout.columnDefs(); track colDef.key) {
+                <td [style]="getFixedCellStyle(colDef)">
+                  @if (getColumnSummaryTpl(colDef.key); as tpl) {
+                    <ng-template [ngTemplateOutlet]="tpl" />
+                  }
+                </td>
+              }
+            </tr>
+          </tfoot>
+        }
+      </table>
+      <div class="_resize-indicator" [style.display]="_isResizing() ? 'block' : 'none'" [style.left.px]="_resizeIndicatorLeft()"></div>
+    </div>
+  `, host: {
+                    "[attr.data-sd-inset]": "inset()",
+                    "(keydown.capture)": "onKeydownCapture($event)",
+                    "(dblclick)": "onDblClick($event)",
+                    "(blur.capture)": "onBlurCapture($event)",
+                }, styles: ["sd-sheet {\n  display: block;\n  position: relative;\n  overflow: hidden;\n  border: 1px solid var(--trans-lighter);\n}\nsd-sheet[data-sd-inset=true] {\n  border: none;\n}\nsd-sheet > ._tool {\n  display: flex;\n  align-items: center;\n  gap: var(--gap-sm);\n  padding: var(--gap-sm) var(--gap-default);\n  border-bottom: 1px solid var(--trans-lighter);\n  background: var(--theme-secondary-lightest);\n}\nsd-sheet > ._container {\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\nsd-sheet > ._container > table {\n  width: 100%;\n  border-collapse: collapse;\n  table-layout: fixed;\n}\nsd-sheet > ._container > table > thead > tr > th {\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background: var(--theme-secondary-lightest);\n  border: 1px solid var(--trans-lighter);\n  padding: var(--gap-sm) var(--gap-default);\n  text-align: left;\n  font-weight: bold;\n  white-space: nowrap;\n  cursor: pointer;\n  user-select: none;\n}\nsd-sheet > ._container > table > thead > tr > th:not(._select-col):not(._expand-col) {\n  position: relative;\n}\nsd-sheet > ._container > table > thead > tr > th > ._sort-icon {\n  font-size: 0.85em;\n  vertical-align: middle;\n  margin-left: 0.25em;\n}\nsd-sheet > ._container > table > thead > tr > th > ._sort-index {\n  font-size: 0.75em;\n  vertical-align: super;\n}\nsd-sheet > ._container > table > thead > tr > th > ._resizer {\n  position: absolute;\n  top: 0;\n  right: -2px;\n  width: 5px;\n  height: 100%;\n  cursor: col-resize;\n  z-index: 3;\n}\nsd-sheet > ._container > table > tbody > tr > td {\n  border: 1px solid var(--trans-lighter);\n  padding: var(--gap-sm) var(--gap-default);\n  white-space: nowrap;\n}\nsd-sheet > ._container > table > tbody > tr > td:focus {\n  outline: 2px solid var(--theme-primary-default);\n  outline-offset: -2px;\n}\nsd-sheet > ._container > table > thead > tr > th._select-col,\nsd-sheet > ._container > table > tbody > tr > td._select-col {\n  width: 2em;\n  min-width: 2em;\n  max-width: 2em;\n  text-align: center;\n  padding: 0;\n}\nsd-sheet > ._container > table > thead > tr > th._expand-col,\nsd-sheet > ._container > table > tbody > tr > td._expand-col {\n  width: 2em;\n  min-width: 2em;\n  max-width: 2em;\n  text-align: center;\n  padding: 0;\n}\nsd-sheet > ._container > table > tfoot > tr > td {\n  position: sticky;\n  bottom: 0;\n  z-index: 2;\n  background: var(--theme-secondary-lightest);\n  border: 1px solid var(--trans-lighter);\n  padding: var(--gap-sm) var(--gap-default);\n}\nsd-sheet > ._container > ._resize-indicator {\n  position: absolute;\n  top: 0;\n  width: 2px;\n  height: 100%;\n  background: var(--theme-primary-default);\n  z-index: 10;\n  pointer-events: none;\n}"] }]
+    }], () => [], { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], trackByFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackByFn", required: false }] }], selectMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectMode", required: false }] }], autoSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoSelect", required: false }] }], getItemSelectableFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getItemSelectableFn", required: false }] }], getChildrenFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getChildrenFn", required: false }] }], useAutoSort: [{ type: i0.Input, args: [{ isSignal: true, alias: "useAutoSort", required: false }] }], visiblePageCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "visiblePageCount", required: false }] }], totalPageCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalPageCount", required: false }] }], itemsPerPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsPerPage", required: false }] }], focusMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusMode", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], contentStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentStyle", required: false }] }], getItemCellClassFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getItemCellClassFn", required: false }] }], getItemCellStyleFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getItemCellStyleFn", required: false }] }], hideConfigBar: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideConfigBar", required: false }] }], itemKeydown: [{ type: i0.Output, args: ["itemKeydown"] }], cellKeydown: [{ type: i0.Output, args: ["cellKeydown"] }], selectedItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItems", required: false }] }, { type: i0.Output, args: ["selectedItemsChange"] }], expandedItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedItems", required: false }] }, { type: i0.Output, args: ["expandedItemsChange"] }], sorts: [{ type: i0.Input, args: [{ isSignal: true, alias: "sorts", required: false }] }, { type: i0.Output, args: ["sortsChange"] }], currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPage", required: false }] }, { type: i0.Output, args: ["currentPageChange"] }], columnControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdSheetColumnDirective), { isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSheetControl, { className: "SdSheetControl", filePath: "packages/angular/src/ui/data/sheet/sd-sheet.control.ts", lineNumber: 337 }); })();