@simplysm/angular 14.0.42 → 14.0.43

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

@@ -1,9 +1,9 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChildren, inject, input, model, output, ViewEncapsulation, } from "@angular/core";
+import { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChildren, inject, input, model, output, signal, ViewEncapsulation, } from "@angular/core";
 import { NgTemplateOutlet } from "@angular/common";
 import { SdSheetColumn } from "./sd-sheet-column";
 import { SdCheckbox } from "../../controls/checkbox/sd-checkbox";
 import { NgIcon } from "@ng-icons/core";
-import { tablerArrowUp, tablerArrowDown, tablerChevronRight, tablerChevronDown, tablerChevronsRight, tablerChevronsDown, tablerSettings, } from "@ng-icons/tabler-icons";
+import { tablerArrowRight, tablerArrowsSort, tablerCaretRight, tablerSettings, tablerSortAscending, tablerSortDescending, } from "@ng-icons/tabler-icons";
 import { useSheetLayoutEngine } from "./useSheetLayoutEngine";
 import { useSheetColumnFixing } from "./useSheetColumnFixing";
 import { useSelectionManager } from "../../core/selection/useSelectionManager";
@@ -11,33 +11,39 @@ import { useSortingManager } from "../../core/selection/useSortingManager";
 import { SdPagination } from "../../controls/pagination/sd-pagination";
 import { SdAnchor } from "../../controls/button/sd-anchor";
 import { SdButton } from "../../controls/button/sd-button";
+import { SdResizeDirective } from "../../core/events/sd-resize";
 import { injectSdSystemConfigResource } from "../../core/config/injectSdSystemConfigResource";
 import { injectSheetDomAccessor } from "./injectSheetDomAccessor";
 import { useSheetCellAgent } from "./useSheetCellAgent";
 import { injectSheetColumnResizing } from "./injectSheetColumnResizing";
 import { useSheetDisplayPipeline } from "./useSheetDisplayPipeline";
 import { useSheetCellStyling } from "./useSheetCellStyling";
+import { useSheetFocusIndicator } from "./useSheetFocusIndicator";
+import { injectSheetSelectRowIndicator } from "./injectSheetSelectRowIndicator";
 import { SdModalProvider } from "../../core/modal/sd-modal.provider";
 import { SdSheetConfigModal } from "./sd-sheet-config.modal";
+import { SdEvents } from "../../core/events/sd-events";
 import * as i0 from "@angular/core";
+import * as i1 from "../../core/events/sd-events";
 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; }
+function _forTrack0($index, $item) { return this.trackByFn()($item, $index); }
 const _forTrack1 = ($index, $item) => $item.key;
 function SdSheet_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-button", 5);
+    i0.ɵɵelementStart(0, "sd-button", 10);
     i0.ɵɵlistener("click", function SdSheet_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.ɵɵelement(1, "ng-icon", 11);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("theme", "link-primary")("size", "sm");
     i0.ɵɵadvance();
     i0.ɵɵproperty("svg", ctx_r1.icons.tablerSettings);
 } }
 function SdSheet_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "sd-pagination", 7);
+    i0.ɵɵelementStart(0, "sd-pagination", 12);
     i0.ɵɵtwoWayListener("currentPageChange", function SdSheet_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) {
@@ -47,8 +53,8 @@ function SdSheet_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
 } }
 function SdSheet_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0);
-    i0.ɵɵconditionalCreate(1, SdSheet_Conditional_0_Conditional_1_Template, 2, 1, "sd-button");
-    i0.ɵɵconditionalCreate(2, SdSheet_Conditional_0_Conditional_2_Template, 1, 3, "sd-pagination", 4);
+    i0.ɵɵconditionalCreate(1, SdSheet_Conditional_0_Conditional_1_Template, 2, 3, "sd-button", 8);
+    i0.ɵɵconditionalCreate(2, SdSheet_Conditional_0_Conditional_2_Template, 1, 3, "sd-pagination", 9);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -57,238 +63,347 @@ function SdSheet_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.effectivePageCount() > 1 ? 2 : -1);
 } }
-function SdSheet_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 SdSheet_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()();
+function SdSheet_For_5_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-checkbox", 16);
+    i0.ɵɵlistener("valueChange", function SdSheet_For_5_Conditional_1_Conditional_2_Template_sd_checkbox_valueChange_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.selection.toggleAll()); });
+    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);
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("value", ctx_r1.selection.isAllSelected())("inline", true)("theme", "white");
 } }
-function SdSheet_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 SdSheet_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();
+function SdSheet_For_5_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th", 13);
+    i0.ɵɵlistener("sdResize", function SdSheet_For_5_Conditional_1_Conditional_3_Template_th_sdResize_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onFeatureCellResize($event, -1)); });
+    i0.ɵɵelementStart(1, "ng-icon", 17);
+    i0.ɵɵlistener("click", function SdSheet_For_5_Conditional_1_Conditional_3_Template_ng_icon_click_1_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.expanding.toggleAll()); });
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("value", ctx_r1.selection.isAllSelected())("inline", true)("inset", true);
+    i0.ɵɵstyleProp("left", ctx_r1.featureFixedLeftMap().get(-1), "px");
+    i0.ɵɵattribute("rowspan", ctx_r1.layout.headerFeatureRowSpan() > 1 ? ctx_r1.layout.headerFeatureRowSpan() : null)("data-c", -1);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("transform", ctx_r1.expanding.isAllExpanded() ? "rotate(90deg)" : undefined);
+    i0.ɵɵclassProp("tx-theme-primary-default", ctx_r1.expanding.isAllExpanded());
+    i0.ɵɵproperty("svg", ctx_r1.icons.tablerCaretRight);
 } }
-function SdSheet_For_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 9);
-    i0.ɵɵconditionalCreate(1, SdSheet_For_5_Conditional_2_Conditional_1_Template, 1, 3, "sd-checkbox", 11);
+function SdSheet_For_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdeclareLet(0);
+    i0.ɵɵelementStart(1, "th", 13);
+    i0.ɵɵlistener("sdResize", function SdSheet_For_5_Conditional_1_Template_th_sdResize_1_listener($event) { i0.ɵɵrestoreView(_r4); const _fc_r5 = i0.ɵɵreadContextLet(0); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onFeatureCellResize($event, _fc_r5)); });
+    i0.ɵɵconditionalCreate(2, SdSheet_For_5_Conditional_1_Conditional_2_Template, 1, 3, "sd-checkbox", 14);
     i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, SdSheet_For_5_Conditional_1_Conditional_3_Template, 2, 9, "th", 15);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵattribute("rowspan", ctx_r1.layout.headerFeatureRowSpan() > 1 ? ctx_r1.layout.headerFeatureRowSpan() : null);
+    const _fc_r8 = i0.ɵɵstoreLet(ctx_r1.expanding.hasExpandable() ? -2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("left", ctx_r1.featureFixedLeftMap().get(_fc_r8), "px");
+    i0.ɵɵattribute("rowspan", ctx_r1.layout.headerFeatureRowSpan() > 1 ? ctx_r1.layout.headerFeatureRowSpan() : null)("data-c", _fc_r8);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectMode() === "multi" ? 1 : -1);
+    i0.ɵɵconditional(ctx_r1.selection.hasSelectable() && ctx_r1.selectMode() === "multi" ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.expanding.hasExpandable() ? 3 : -1);
 } }
-function SdSheet_For_5_For_4_Conditional_1_ng_template_0_Template(rf, ctx) { }
-function SdSheet_For_5_For_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdSheet_For_5_For_4_Conditional_1_ng_template_0_Template, 0, 0, "ng-template", 13);
+function SdSheet_For_5_For_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th")(1, "div", 20)(2, "pre");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    i0.ɵɵproperty("ngTemplateOutlet", ctx);
+    const ctx_r8 = i0.ɵɵnextContext();
+    const cell_r10 = ctx_r8.$implicit;
+    const ɵ$index_33_r11 = ctx_r8.$index;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleProp("left", (cell_r10.colDef == null ? null : cell_r10.colDef.fixed) ? ctx_r1.fixing.fixedLeftMap().get(cell_r10.colDef.key) : null, "px");
+    i0.ɵɵclassProp("_fixed", cell_r10.colDef == null ? null : cell_r10.colDef.fixed);
+    i0.ɵɵattribute("colspan", cell_r10.colspan > 1 ? cell_r10.colspan : null)("rowspan", cell_r10.rowspan > 1 ? cell_r10.rowspan : null)("data-c", ɵ$index_33_r11)("title", cell_r10.text);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(cell_r10.text);
 } }
-function SdSheet_For_5_For_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtext(1);
+function SdSheet_For_5_For_3_Conditional_1_Conditional_2_ng_template_1_Template(rf, ctx) { }
+function SdSheet_For_5_For_3_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 23);
+    i0.ɵɵtemplate(1, SdSheet_For_5_For_3_Conditional_1_Conditional_2_ng_template_1_Template, 0, 0, "ng-template", 27);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const cell_r7 = i0.ɵɵnextContext().$implicit;
+    const cell_r10 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵattribute("style", cell_r10.colDef.headerStyle, i0.ɵɵsanitizeStyle);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(cell_r7.text);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx);
+} }
+function SdSheet_For_5_For_3_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 24)(1, "pre");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const cell_r10 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵattribute("style", cell_r10.colDef == null ? null : cell_r10.colDef.headerStyle, i0.ɵɵsanitizeStyle);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(cell_r10.text);
+} }
+function SdSheet_For_5_For_3_Conditional_1_Conditional_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "ng-icon", 11);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵproperty("svg", ctx_r1.icons.tablerSortAscending);
 } }
-function SdSheet_For_5_For_4_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 16);
+function SdSheet_For_5_For_3_Conditional_1_Conditional_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "ng-icon", 11);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵproperty("svg", ctx_r1.icons.tablerSortDescending);
+} }
+function SdSheet_For_5_For_3_Conditional_1_Conditional_4_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "ng-icon", 28);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵproperty("svg", ctx_r1.icons.tablerArrowsSort);
+} }
+function SdSheet_For_5_For_3_Conditional_1_Conditional_4_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "sub");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const sortDef_r8 = i0.ɵɵnextContext();
+    i0.ɵɵnextContext();
+    const _sortDef_r13 = i0.ɵɵreadContextLet(0);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(sortDef_r8.indexText);
+    i0.ɵɵtextInterpolate(_sortDef_r13 == null ? null : _sortDef_r13.indexText);
 } }
-function SdSheet_For_5_For_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ng-icon", 15);
-    i0.ɵɵconditionalCreate(1, SdSheet_For_5_For_4_Conditional_3_Conditional_1_Template, 2, 1, "span", 16);
+function SdSheet_For_5_For_3_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdeclareLet(0);
+    i0.ɵɵelementStart(1, "div", 25);
+    i0.ɵɵconditionalCreate(2, SdSheet_For_5_For_3_Conditional_1_Conditional_4_Conditional_2_Template, 1, 1, "ng-icon", 11)(3, SdSheet_For_5_For_3_Conditional_1_Conditional_4_Conditional_3_Template, 1, 1, "ng-icon", 11)(4, SdSheet_For_5_For_3_Conditional_1_Conditional_4_Conditional_4_Template, 1, 1, "ng-icon", 28);
+    i0.ɵɵconditionalCreate(5, SdSheet_For_5_For_3_Conditional_1_Conditional_4_Conditional_5_Template, 2, 1, "sub");
+    i0.ɵɵelementEnd();
 } 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);
+    const cell_r10 = i0.ɵɵnextContext(2).$implicit;
+    const _sortDef_r14 = i0.ɵɵstoreLet(i0.ɵɵnextContext(2).getSortDef(cell_r10.colDef.key));
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional((_sortDef_r14 == null ? null : _sortDef_r14.desc) === false ? 2 : (_sortDef_r14 == null ? null : _sortDef_r14.desc) === true ? 3 : 4);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional((_sortDef_r14 == null ? null : _sortDef_r14.indexText) ? 5 : -1);
 } }
-function SdSheet_For_5_For_4_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 17);
-    i0.ɵɵlistener("mousedown", function SdSheet_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 SdSheet_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)); });
+function SdSheet_For_5_For_3_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵlistener("mousedown", function SdSheet_For_5_For_3_Conditional_1_Conditional_5_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r15); const cell_r10 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onResizerMousedown($event, cell_r10.colDef)); })("dblclick", function SdSheet_For_5_For_3_Conditional_1_Conditional_5_Template_div_dblclick_0_listener($event) { i0.ɵɵrestoreView(_r15); const cell_r10 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onResizerDblClick($event, cell_r10.colDef)); });
     i0.ɵɵelementEnd();
 } }
-function SdSheet_For_5_For_4_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "th", 5);
-    i0.ɵɵlistener("click", function SdSheet_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.ɵɵconditionalCreate(1, SdSheet_For_5_For_4_Conditional_1_Template, 1, 1, null, 13)(2, SdSheet_For_5_For_4_Conditional_2_Template, 2, 1, "span");
-    i0.ɵɵconditionalCreate(3, SdSheet_For_5_For_4_Conditional_3_Template, 2, 2);
-    i0.ɵɵconditionalCreate(4, SdSheet_For_5_For_4_Conditional_4_Template, 1, 0, "div", 14);
+function SdSheet_For_5_For_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th", 21);
+    i0.ɵɵlistener("click", function SdSheet_For_5_For_3_Conditional_1_Template_th_click_0_listener($event) { i0.ɵɵrestoreView(_r12); const cell_r10 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onHeaderClick($event, cell_r10)); });
+    i0.ɵɵelementStart(1, "div", 22);
+    i0.ɵɵconditionalCreate(2, SdSheet_For_5_For_3_Conditional_1_Conditional_2_Template, 2, 2, "div", 23)(3, SdSheet_For_5_For_3_Conditional_1_Conditional_3_Template, 3, 2, "div", 24);
+    i0.ɵɵconditionalCreate(4, SdSheet_For_5_For_3_Conditional_1_Conditional_4_Template, 6, 3, "div", 25);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, SdSheet_For_5_For_3_Conditional_1_Conditional_5_Template, 1, 0, "div", 26);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_27_0;
-    let tmp_28_0;
-    const cell_r7 = ctx.$implicit;
+    let tmp_31_0;
+    const ctx_r8 = i0.ɵɵnextContext();
+    const cell_r10 = ctx_r8.$implicit;
+    const ɵ$index_33_r11 = ctx_r8.$index;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵstyleMap(ctx_r1.getHeaderCellStyle(cell_r7));
-    i0.ɵɵclassProp("help", cell_r7.colDef == null ? null : cell_r7.colDef.tooltip);
-    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))("title", (cell_r7.colDef == null ? null : cell_r7.colDef.tooltip) ?? cell_r7.text);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional((tmp_27_0 = cell_r7.colDef && ctx_r1.getColumnHeaderTpl(cell_r7.colDef.key)) ? 1 : 2, tmp_27_0);
+    i0.ɵɵstyleMap(ctx_r1.getHeaderCellStyle(cell_r10));
+    i0.ɵɵclassProp("_fixed", cell_r10.colDef == null ? null : cell_r10.colDef.fixed)("_sort", cell_r10.colDef && !cell_r10.colDef.disableSorting)("help", cell_r10.colDef == null ? null : cell_r10.colDef.tooltip);
+    i0.ɵɵattribute("colspan", cell_r10.colspan > 1 ? cell_r10.colspan : null)("rowspan", cell_r10.rowspan > 1 ? cell_r10.rowspan : null)("data-c", ɵ$index_33_r11)("title", (cell_r10.colDef == null ? null : cell_r10.colDef.tooltip) ?? cell_r10.text);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional((tmp_28_0 = cell_r7.colDef && ctx_r1.getSortDef(cell_r7.colDef.key)) ? 3 : -1, tmp_28_0);
+    i0.ɵɵconditional((tmp_31_0 = cell_r10.colDef && ctx_r1.getColumnHeaderTpl(cell_r10.colDef.key)) ? 2 : 3, tmp_31_0);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(cell_r10.colDef && !cell_r10.colDef.disableSorting ? 4 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(cell_r7.isLastRow && cell_r7.colDef && !cell_r7.colDef.disableResizing ? 4 : -1);
+    i0.ɵɵconditional(cell_r10.colDef && !cell_r10.colDef.disableResizing ? 5 : -1);
+} }
+function SdSheet_For_5_For_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SdSheet_For_5_For_3_Conditional_0_Template, 4, 9, "th", 18)(1, SdSheet_For_5_For_3_Conditional_1_Template, 6, 15, "th", 19);
+} if (rf & 2) {
+    const cell_r10 = ctx.$implicit;
+    i0.ɵɵconditional(!cell_r10.isLastRow ? 0 : 1);
 } }
 function SdSheet_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr");
-    i0.ɵɵconditionalCreate(1, SdSheet_For_5_Conditional_1_Template, 3, 2, "th", 8);
-    i0.ɵɵconditionalCreate(2, SdSheet_For_5_Conditional_2_Template, 2, 2, "th", 9);
-    i0.ɵɵrepeaterCreate(3, SdSheet_For_5_For_4_Template, 5, 11, "th", 10, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵconditionalCreate(1, SdSheet_For_5_Conditional_1_Template, 4, 7);
+    i0.ɵɵrepeaterCreate(2, SdSheet_For_5_For_3_Template, 2, 1, null, null, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r10 = ctx.$implicit;
-    const ɵ$index_18_r11 = ctx.$index;
-    const ctx_r1 = i0.ɵɵnextContext();
+    const row_r16 = ctx.$implicit;
+    const ɵ$index_18_r17 = ctx.$index;
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.expanding.hasExpandable() && ɵ$index_18_r11 === 0 ? 1 : -1);
+    i0.ɵɵconditional(ɵ$index_18_r17 === 0 ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectMode() && ɵ$index_18_r11 === 0 ? 2 : -1);
+    i0.ɵɵrepeater(row_r16);
+} }
+function SdSheet_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "th", 30);
+} }
+function SdSheet_Conditional_6_For_4_Conditional_1_ng_template_0_Template(rf, ctx) { }
+function SdSheet_Conditional_6_For_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdSheet_Conditional_6_For_4_Conditional_1_ng_template_0_Template, 0, 0, "ng-template", 27);
+} if (rf & 2) {
+    i0.ɵɵproperty("ngTemplateOutlet", ctx);
+} }
+function SdSheet_Conditional_6_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th");
+    i0.ɵɵconditionalCreate(1, SdSheet_Conditional_6_For_4_Conditional_1_Template, 1, 1, null, 27);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    let tmp_15_0;
+    const colDef_r18 = ctx.$implicit;
+    const ɵ$index_86_r19 = ctx.$index;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleProp("left", colDef_r18.fixed ? ctx_r1.fixing.fixedLeftMap().get(colDef_r18.key) : null, "px");
+    i0.ɵɵclassProp("_fixed", colDef_r18.fixed);
+    i0.ɵɵattribute("data-c", ɵ$index_86_r19);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(row_r10);
+    i0.ɵɵconditional((tmp_15_0 = ctx_r1.getColumnSummaryTpl(colDef_r18.key)) ? 1 : -1, tmp_15_0);
 } }
-function SdSheet_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 SdSheet_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);
+function SdSheet_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 3);
+    i0.ɵɵelement(1, "th", 30);
+    i0.ɵɵconditionalCreate(2, SdSheet_Conditional_6_Conditional_2_Template, 1, 0, "th", 30);
+    i0.ɵɵrepeaterCreate(3, SdSheet_Conditional_6_For_4_Template, 2, 6, "th", 18, _forTrack1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r13 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.expanding.hasExpandable() ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("svg", ctx_r1.isExpanded(item_r13) ? ctx_r1.icons.tablerChevronDown : ctx_r1.icons.tablerChevronRight);
+    i0.ɵɵrepeater(ctx_r1.layout.columnDefs());
 } }
-function SdSheet_For_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 8);
-    i0.ɵɵconditionalCreate(1, SdSheet_For_8_Conditional_1_Conditional_1_Template, 2, 1, "sd-anchor");
+function SdSheet_For_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-checkbox", 35);
+    i0.ɵɵlistener("valueChange", function SdSheet_For_9_Conditional_2_Template_sd_checkbox_valueChange_0_listener() { i0.ɵɵrestoreView(_r22); const item_r21 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.selection.toggle(item_r21)); })("mousedown", function SdSheet_For_9_Conditional_2_Template_sd_checkbox_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r22); const ɵ$index_94_r23 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectorMouseDown($event, ɵ$index_94_r23)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r13 = i0.ɵɵnextContext().$implicit;
+    const item_r21 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.getItemDef(item_r13).hasChildren ? 1 : -1);
+    const _selectable_r24 = ctx_r1.selection.getSelectable(item_r21);
+    i0.ɵɵproperty("value", ctx_r1.selection.isSelected(item_r21))("canChangeFn", ctx_r1.selection.getCanChangeFn(item_r21))("inline", true)("theme", "white")("disabled", _selectable_r24 !== true);
+    i0.ɵɵattribute("title", _selectable_r24);
 } }
-function SdSheet_For_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 9)(1, "sd-checkbox", 20);
-    i0.ɵɵlistener("click", function SdSheet_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()();
+function SdSheet_For_9_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "sd-anchor", 37);
+    i0.ɵɵlistener("pointerdown", function SdSheet_For_9_Conditional_3_Conditional_1_Template_sd_anchor_pointerdown_0_listener() { i0.ɵɵrestoreView(_r25); const item_r21 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.selection.toggle(item_r21)); });
+    i0.ɵɵelement(1, "ng-icon", 11);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r13 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵnextContext();
+    const _selectable_r26 = i0.ɵɵreadContextLet(0);
+    const item_r21 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("theme", ctx_r1.selection.isSelected(item_r21) ? "primary" : "gray");
+    i0.ɵɵattribute("title", _selectable_r26);
     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));
+    i0.ɵɵproperty("svg", ctx_r1.icons.tablerArrowRight);
 } }
-function SdSheet_For_8_For_4_Conditional_1_ng_template_0_Template(rf, ctx) { }
-function SdSheet_For_8_For_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdSheet_For_8_For_4_Conditional_1_ng_template_0_Template, 0, 0, "ng-template", 22);
+function SdSheet_For_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdeclareLet(0);
+    i0.ɵɵconditionalCreate(1, SdSheet_For_9_Conditional_3_Conditional_1_Template, 2, 3, "sd-anchor", 36);
 } if (rf & 2) {
-    const ɵ$index_72_r18 = i0.ɵɵnextContext().$index;
-    const ctx_r18 = i0.ɵɵnextContext();
-    const item_r13 = ctx_r18.$implicit;
-    const ɵ$index_56_r20 = ctx_r18.$index;
+    const item_r21 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx)("ngTemplateOutletContext", i0.ɵɵpureFunction5(5, _c1, item_r13, item_r13, ɵ$index_56_r20, ctx_r1.getChildrenFn() !== undefined ? ctx_r1.getItemDef(item_r13).depth : 0, ctx_r1.cellAgent.isCellEditMode(i0.ɵɵpureFunction2(2, _c0, ɵ$index_56_r20, ɵ$index_72_r18))));
+    const _selectable_r27 = i0.ɵɵstoreLet(ctx_r1.selection.getSelectable(item_r21));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(_selectable_r27 === true && ctx_r1.selection.getCanChangeFn(item_r21) ? 1 : -1);
+} }
+function SdSheet_For_9_Conditional_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 40);
+} if (rf & 2) {
+    i0.ɵɵnextContext();
+    const itemDef_r28 = i0.ɵɵreadContextLet(1);
+    i0.ɵɵstyleProp("margin-left", itemDef_r28.depth - 0.5, "em");
 } }
-function SdSheet_For_8_For_4_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 21);
-    i0.ɵɵlistener("click", function SdSheet_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 SdSheet_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 SdSheet_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, SdSheet_For_8_For_4_Conditional_1_Template, 1, 11, null, 22);
+function SdSheet_For_9_Conditional_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r29 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "ng-icon", 17);
+    i0.ɵɵlistener("click", function SdSheet_For_9_Conditional_4_Conditional_3_Template_ng_icon_click_0_listener($event) { i0.ɵɵrestoreView(_r29); const item_r21 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onExpandClick($event, item_r21)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_26_0;
-    const colDef_r17 = ctx.$implicit;
-    const ɵ$index_72_r18 = ctx.$index;
-    const ctx_r18 = i0.ɵɵnextContext();
-    const item_r13 = ctx_r18.$implicit;
-    const ɵ$index_56_r20 = ctx_r18.$index;
+    const item_r21 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵstyleMap(ctx_r1.getCellStyleWithIndent(item_r13, colDef_r17, ɵ$index_72_r18));
-    i0.ɵɵclassMap(ctx_r1.getDataCellClass(item_r13, colDef_r17, ɵ$index_56_r20, ɵ$index_72_r18));
-    i0.ɵɵattribute("data-r", ɵ$index_56_r20)("data-c", ɵ$index_72_r18);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional((tmp_26_0 = ctx_r1.getColumnCellTpl(colDef_r17.key)) ? 1 : -1, tmp_26_0);
+    i0.ɵɵstyleProp("transform", ctx_r1.isExpanded(item_r21) ? "rotate(90deg)" : undefined);
+    i0.ɵɵclassProp("tx-theme-primary-default", ctx_r1.isExpanded(item_r21));
+    i0.ɵɵproperty("svg", ctx_r1.icons.tablerCaretRight);
 } }
-function SdSheet_For_8_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr", 18);
-    i0.ɵɵlistener("click", function SdSheet_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 SdSheet_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, SdSheet_For_8_Conditional_1_Template, 2, 1, "td", 8);
-    i0.ɵɵconditionalCreate(2, SdSheet_For_8_Conditional_2_Template, 2, 5, "td", 9);
-    i0.ɵɵrepeaterCreate(3, SdSheet_For_8_For_4_Template, 2, 7, "td", 19, _forTrack1);
+function SdSheet_For_9_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 30);
+    i0.ɵɵdeclareLet(1);
+    i0.ɵɵconditionalCreate(2, SdSheet_For_9_Conditional_4_Conditional_2_Template, 1, 2, "div", 38);
+    i0.ɵɵconditionalCreate(3, SdSheet_For_9_Conditional_4_Conditional_3_Template, 1, 5, "ng-icon", 39);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r13 = ctx.$implicit;
+    const ctx_r29 = i0.ɵɵnextContext();
+    const item_r21 = ctx_r29.$implicit;
+    const ɵ$index_94_r23 = ctx_r29.$index;
     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.ɵɵstyleProp("left", ctx_r1.featureFixedLeftMap().get(-1), "px");
+    i0.ɵɵattribute("data-r", ɵ$index_94_r23)("data-c", -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.expanding.hasExpandable() ? 1 : -1);
+    const itemDef_r31 = i0.ɵɵstoreLet(ctx_r1.getItemDef(item_r21));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectMode() ? 2 : -1);
+    i0.ɵɵconditional(itemDef_r31.depth > 0 ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.layout.columnDefs());
-} }
-function SdSheet_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "td", 8);
-} }
-function SdSheet_Conditional_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "td", 9);
+    i0.ɵɵconditional(itemDef_r31.hasChildren ? 3 : -1);
 } }
-function SdSheet_Conditional_9_For_5_Conditional_1_ng_template_0_Template(rf, ctx) { }
-function SdSheet_Conditional_9_For_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SdSheet_Conditional_9_For_5_Conditional_1_ng_template_0_Template, 0, 0, "ng-template", 13);
+function SdSheet_For_9_For_6_Conditional_1_ng_template_0_Template(rf, ctx) { }
+function SdSheet_For_9_For_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SdSheet_For_9_For_6_Conditional_1_ng_template_0_Template, 0, 0, "ng-template", 42);
 } if (rf & 2) {
-    i0.ɵɵproperty("ngTemplateOutlet", ctx);
+    const ɵ$index_121_r34 = i0.ɵɵnextContext().$index;
+    const ctx_r29 = i0.ɵɵnextContext();
+    const item_r21 = ctx_r29.$implicit;
+    const ɵ$index_94_r23 = ctx_r29.$index;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx)("ngTemplateOutletContext", i0.ɵɵpureFunction5(5, _c1, item_r21, item_r21, ɵ$index_94_r23, ctx_r1.getChildrenFn() != null ? ctx_r1.getItemDef(item_r21).depth : 0, ctx_r1.cellAgent.isCellEditMode(i0.ɵɵpureFunction2(2, _c0, ɵ$index_94_r23, ɵ$index_121_r34))));
 } }
-function SdSheet_Conditional_9_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td");
-    i0.ɵɵconditionalCreate(1, SdSheet_Conditional_9_For_5_Conditional_1_Template, 1, 1, null, 13);
+function SdSheet_For_9_For_6_Template(rf, ctx) { if (rf & 1) {
+    const _r32 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 41);
+    i0.ɵɵlistener("click", function SdSheet_For_9_For_6_Template_td_click_0_listener($event) { i0.ɵɵrestoreView(_r32); const item_r21 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCellClick($event, item_r21)); })("focus", function SdSheet_For_9_For_6_Template_td_focus_0_listener() { i0.ɵɵrestoreView(_r32); const item_r21 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCellFocus(item_r21)); })("keydown", function SdSheet_For_9_For_6_Template_td_keydown_0_listener($event) { const colDef_r33 = i0.ɵɵrestoreView(_r32).$implicit; const item_r21 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCellKeydown($event, item_r21, colDef_r33.key)); });
+    i0.ɵɵconditionalCreate(1, SdSheet_For_9_For_6_Conditional_1_Template, 1, 11, null, 42);
     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));
+    let tmp_28_0;
+    const colDef_r33 = ctx.$implicit;
+    const ɵ$index_121_r34 = ctx.$index;
+    const ctx_r29 = i0.ɵɵnextContext();
+    const item_r21 = ctx_r29.$implicit;
+    const ɵ$index_94_r23 = ctx_r29.$index;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵstyleMap(ctx_r1.getCellStyleWithIndent(item_r21, colDef_r33, ɵ$index_121_r34));
+    i0.ɵɵclassMap(ctx_r1.getDataCellClass(item_r21, colDef_r33, ɵ$index_94_r23, ɵ$index_121_r34));
+    i0.ɵɵclassProp("_fixed", colDef_r33.fixed);
+    i0.ɵɵattribute("data-r", ɵ$index_94_r23)("data-c", ɵ$index_121_r34);
     i0.ɵɵadvance();
-    i0.ɵɵconditional((tmp_12_0 = ctx_r1.getColumnSummaryTpl(colDef_r21.key)) ? 1 : -1, tmp_12_0);
+    i0.ɵɵconditional((tmp_28_0 = ctx_r1.getColumnCellTpl(colDef_r33.key)) ? 1 : -1, tmp_28_0);
 } }
-function SdSheet_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tfoot")(1, "tr");
-    i0.ɵɵconditionalCreate(2, SdSheet_Conditional_9_Conditional_2_Template, 1, 0, "td", 8);
-    i0.ɵɵconditionalCreate(3, SdSheet_Conditional_9_Conditional_3_Template, 1, 0, "td", 9);
-    i0.ɵɵrepeaterCreate(4, SdSheet_Conditional_9_For_5_Template, 2, 3, "td", 23, _forTrack1);
-    i0.ɵɵelementEnd()();
+function SdSheet_For_9_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 31);
+    i0.ɵɵlistener("click", function SdSheet_For_9_Template_tr_click_0_listener() { const item_r21 = i0.ɵɵrestoreView(_r20).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRowClick(item_r21)); })("keydown", function SdSheet_For_9_Template_tr_keydown_0_listener($event) { const item_r21 = i0.ɵɵrestoreView(_r20).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onItemKeydown($event, item_r21)); });
+    i0.ɵɵelementStart(1, "td", 30);
+    i0.ɵɵconditionalCreate(2, SdSheet_For_9_Conditional_2_Template, 1, 6, "sd-checkbox", 32)(3, SdSheet_For_9_Conditional_3_Template, 2, 2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, SdSheet_For_9_Conditional_4_Template, 4, 7, "td", 33);
+    i0.ɵɵrepeaterCreate(5, SdSheet_For_9_For_6_Template, 2, 9, "td", 34, _forTrack1);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
+    const ɵ$index_94_r23 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.expanding.hasExpandable() ? 2 : -1);
+    i0.ɵɵattribute("data-r", ɵ$index_94_r23);
+    const _fc_r35 = ctx_r1.expanding.hasExpandable() ? -2 : -1;
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectMode() ? 3 : -1);
+    i0.ɵɵstyleProp("left", ctx_r1.featureFixedLeftMap().get(_fc_r35), "px");
+    i0.ɵɵattribute("data-r", ɵ$index_94_r23)("data-c", _fc_r35);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.selectMode() === "multi" ? 2 : ctx_r1.selectMode() === "single" ? 3 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.expanding.hasExpandable() ? 4 : -1);
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r1.layout.columnDefs());
 } }
@@ -296,7 +411,7 @@ export class SdSheet {
     // 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 */ []));
+    trackByFn = input((item) => item, ...(ngDevMode ? [{ 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 */ []));
@@ -348,6 +463,21 @@ export class SdSheet {
     fixing = useSheetColumnFixing({
         columnDefs: this.layout.columnDefs,
     });
+    // Feature cell fixing (select/expand columns)
+    _featureCellWidths = signal(new Map(), ...(ngDevMode ? [{ debugName: "_featureCellWidths" }] : /* istanbul ignore next */ []));
+    featureFixedLeftMap = computed(() => {
+        const map = new Map();
+        const widths = this._featureCellWidths();
+        const hasExpand = this.expanding.hasExpandable();
+        if (hasExpand) {
+            map.set(-2, 0);
+            map.set(-1, widths.get(-2) ?? 0);
+        }
+        else {
+            map.set(-1, 0);
+        }
+        return map;
+    }, ...(ngDevMode ? [{ debugName: "featureFixedLeftMap" }] : /* istanbul ignore next */ []));
     // Sorting manager
     sorting = useSortingManager({
         sorts: this.sorts,
@@ -381,6 +511,16 @@ export class SdSheet {
     getFixedCellStyle = this._styling.getFixedCellStyle;
     getCellStyleWithIndent = this._styling.getCellStyleWithIndent;
     getDataCellClass = this._styling.getDataCellClass;
+    // Focus indicator
+    _focusIndicator = useSheetFocusIndicator({
+        domAccessor: this.domAccessor,
+    });
+    // Select row indicator
+    _selectRowIndicator = injectSheetSelectRowIndicator({
+        domAccessor: this.domAccessor,
+        selectedItems: this.selectedItems,
+        displayItems: this.displayItems,
+    });
     // Selection manager
     selection = useSelectionManager({
         displayItems: this.displayItems,
@@ -390,13 +530,12 @@ export class SdSheet {
     });
     // Icons
     icons = {
-        tablerArrowUp,
-        tablerArrowDown,
-        tablerChevronRight,
-        tablerChevronDown,
-        tablerChevronsRight,
-        tablerChevronsDown,
         tablerSettings,
+        tablerCaretRight,
+        tablerArrowsSort,
+        tablerSortAscending,
+        tablerSortDescending,
+        tablerArrowRight,
     };
     _columnControlMap = computed(() => {
         const map = new Map();
@@ -428,10 +567,6 @@ export class SdSheet {
             this.selection.select(item);
         }
     }
-    onSelectCheckboxClick(event, item) {
-        event.stopPropagation();
-        this.selection.toggle(item);
-    }
     onCellClick(event, item) {
         if (this.autoSelect() === "click") {
             this.selection.select(item);
@@ -488,8 +623,80 @@ export class SdSheet {
     onDblClick(event) {
         this.cellAgent.handleCellDoubleClick(event);
     }
+    onFocusCapture(event) {
+        this._autoScrollOnFocus(event);
+        this._focusIndicator.redraw();
+    }
     onBlurCapture(event) {
         this.cellAgent.handleBlurCapture(event);
+        this._focusIndicator.redraw();
+    }
+    onContainerScroll() {
+        this._focusIndicator.redraw();
+    }
+    onTableResize(event) {
+        if (!event.widthChanged)
+            return;
+        this._focusIndicator.redraw();
+        this._selectRowIndicator.redraw();
+    }
+    onFeatureCellResize(event, key) {
+        if (!event.widthChanged)
+            return;
+        const width = event.target.offsetWidth;
+        this._featureCellWidths.update((m) => {
+            const newMap = new Map(m);
+            newMap.set(key, width);
+            return newMap;
+        });
+    }
+    onSelectorMouseDown(event, r) {
+        if (!event.shiftKey)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        const focusedEl = document.activeElement;
+        if (!(focusedEl instanceof HTMLElement))
+            return;
+        const focusedTrEl = focusedEl.tagName.toLowerCase() === "tr" ? focusedEl : focusedEl.closest("tr");
+        if (!(focusedTrEl instanceof HTMLTableRowElement))
+            return;
+        const frAttr = focusedTrEl.getAttribute("data-r");
+        if (frAttr == null)
+            return;
+        const fr = parseInt(frAttr, 10);
+        if (Number.isNaN(fr))
+            return;
+        const items = this.displayItems();
+        const isSelect = this.selection.isSelected(items[fr]);
+        queueMicrotask(() => {
+            for (let i = Math.min(fr, r); i <= Math.max(fr, r); i++) {
+                if (isSelect) {
+                    this.selection.select(items[i]);
+                }
+                else {
+                    this.selection.deselect(items[i]);
+                }
+            }
+        });
+        const row = this.domAccessor.getRow(r);
+        row?.querySelector("[tabindex]")?.focus();
+    }
+    _autoScrollOnFocus(event) {
+        if (!(event.target instanceof HTMLElement))
+            return;
+        const tdEl = event.target.tagName.toLowerCase() === "td" ? event.target : event.target.closest("td");
+        if (!(tdEl instanceof HTMLTableCellElement))
+            return;
+        if (tdEl.classList.contains("_fixed"))
+            return;
+        const containerEl = this.domAccessor.getContainer();
+        const theadEl = this.domAccessor.getTHead();
+        const fixedHeaders = this.domAccessor.getLastDepthFixedHeaders();
+        containerEl.scrollIntoViewIfNeeded({ top: tdEl.offsetTop, left: tdEl.offsetLeft }, {
+            top: theadEl.offsetHeight,
+            left: fixedHeaders.reduce((sum, el) => sum + el.offsetWidth, 0),
+        });
     }
     onItemKeydown(event, item) {
         this.itemKeydown.emit({ item, event });
@@ -502,6 +709,7 @@ export class SdSheet {
             title: "시트 설정",
             type: SdSheetConfigModal,
             inputs: {
+                sheetKey: this.key(),
                 controls: this.columnControls(),
                 config: this._configResource.value(),
             },
@@ -515,111 +723,202 @@ export class SdSheet {
             i0.ɵɵcontentQuerySignal(dirIndex, ctx.columnControls, SdSheetColumn, 4);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
-        } }, hostVars: 1, hostBindings: function SdSheet_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("keydown.capture", function SdSheet_keydown_capture_HostBindingHandler($event) { return ctx.onKeydownCapture($event); })("dblclick", function SdSheet_dblclick_HostBindingHandler($event) { return ctx.onDblClick($event); })("blur.capture", function SdSheet_blur_capture_HostBindingHandler($event) { return ctx.onBlurCapture($event); });
+        } }, hostAttrs: [1, "flex-column", "fill"], hostVars: 2, hostBindings: function SdSheet_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("keydown.capture", function SdSheet_keydown_capture_HostBindingHandler($event) { return ctx.onKeydownCapture($event); })("focus.capture", function SdSheet_focus_capture_HostBindingHandler($event) { return ctx.onFocusCapture($event); })("dblclick", function SdSheet_dblclick_HostBindingHandler($event) { return ctx.onDblClick($event); })("blur.capture", function SdSheet_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, "help", "style"], [3, "value", "inline", "inset"], [3, "click", "value", "inline", "inset"], [3, "ngTemplateOutlet"], [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, "style"]], template: function SdSheet_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵattribute("data-sd-inset", ctx.inset())("data-sd-focus-mode", ctx.focusMode());
+        } }, 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" }, features: [i0.ɵɵHostDirectivesFeature([{ directive: i1.SdEvents, outputs: ["keydown.capture", "keydown.capture", "focus.capture", "focus.capture", "blur.capture", "blur.capture"] }])], decls: 14, vars: 8, consts: [[1, "_tool", "flex-row", "gap-sm", "p-xs"], [1, "_sheet-container", "flex-fill", 3, "scroll.passive"], [3, "sdResize"], [1, "_summary-row"], [1, "_focus-row-indicator"], [1, "_focus-cell-indicator"], [1, "_resize-indicator"], [1, "_select-row-indicator-container"], [3, "theme", "size"], [1, "flex-fill", 3, "currentPage", "totalPageCount", "visiblePageCount"], [3, "click", "theme", "size"], [3, "svg"], [1, "flex-fill", 3, "currentPageChange", "currentPage", "totalPageCount", "visiblePageCount"], [1, "_fixed", "_feature-cell", "_last-depth", 3, "sdResize"], [3, "value", "inline", "theme"], [1, "_fixed", "_feature-cell", "_last-depth", 3, "left"], [3, "valueChange", "value", "inline", "theme"], [3, "click", "svg"], [3, "_fixed", "left"], [1, "_last-depth", 3, "_fixed", "_sort", "help", "style"], [1, "_p-sheet"], [1, "_last-depth", 3, "click"], [1, "_headerContent", "flex-row"], [1, "flex-fill"], [1, "flex-fill", "_p-sheet"], [1, "_sort-icon"], [1, "_resizer"], [3, "ngTemplateOutlet"], [1, "tx-trans-lightest", 3, "svg"], [1, "_resizer", 3, "mousedown", "dblclick"], [1, "_fixed", "_feature-cell"], [3, "click", "keydown"], [3, "value", "canChangeFn", "inline", "theme", "disabled"], [1, "_fixed", "_feature-cell", 3, "left"], ["tabindex", "0", 3, "_fixed", "class", "style"], [3, "valueChange", "mousedown", "value", "canChangeFn", "inline", "theme", "disabled"], [3, "theme"], [3, "pointerdown", "theme"], [1, "_depth-indicator", 3, "margin-left"], [3, "svg", "transform", "tx-theme-primary-default"], [1, "_depth-indicator"], ["tabindex", "0", 3, "click", "focus", "keydown"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function SdSheet_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, SdSheet_Conditional_0_Template, 3, 2, "div", 0);
-            i0.ɵɵelementStart(1, "div", 1)(2, "table")(3, "thead");
-            i0.ɵɵrepeaterCreate(4, SdSheet_For_5_Template, 5, 2, "tr", null, i0.ɵɵrepeaterTrackByIndex);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "tbody");
-            i0.ɵɵrepeaterCreate(7, SdSheet_For_8_Template, 5, 6, "tr", 2, _forTrack0, true);
+            i0.ɵɵelementStart(1, "div", 1);
+            i0.ɵɵlistener("scroll.passive", function SdSheet_Template_div_scroll_passive_1_listener() { return ctx.onContainerScroll(); });
+            i0.ɵɵelementStart(2, "table", 2);
+            i0.ɵɵlistener("sdResize", function SdSheet_Template_table_sdResize_2_listener($event) { return ctx.onTableResize($event); });
+            i0.ɵɵelementStart(3, "thead");
+            i0.ɵɵrepeaterCreate(4, SdSheet_For_5_Template, 4, 1, "tr", null, i0.ɵɵrepeaterTrackByIndex);
+            i0.ɵɵconditionalCreate(6, SdSheet_Conditional_6_Template, 5, 1, "tr", 3);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(9, SdSheet_Conditional_9_Template, 6, 2, "tfoot");
+            i0.ɵɵelementStart(7, "tbody");
+            i0.ɵɵrepeaterCreate(8, SdSheet_For_9_Template, 7, 7, "tr", null, _forTrack0, true);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(10, "div", 4);
+            i0.ɵɵelement(11, "div", 5);
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(10, "div", 3);
+            i0.ɵɵelement(12, "div", 6)(13, "div", 7);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵconditional((ctx.key() || ctx.effectivePageCount() > 1) && !ctx.hideConfigBar() ? 0 : -1);
+            i0.ɵɵconditional((ctx.key() || ctx.effectivePageCount() > 0) && !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.ɵɵconditional(ctx.layout.hasSummary() ? 6 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵrepeater(ctx.displayItems());
+            i0.ɵɵadvance(4);
             i0.ɵɵstyleProp("display", ctx._isResizing() ? "block" : "none")("left", ctx._resizeIndicatorLeft(), "px");
-        } }, dependencies: [NgTemplateOutlet, SdCheckbox, NgIcon, SdPagination, SdAnchor, SdButton], 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 });
+        } }, dependencies: [NgTemplateOutlet, SdCheckbox, NgIcon, SdPagination, SdAnchor, SdButton, SdResizeDirective], styles: ["sd-sheet {\n  border: 1px solid var(--theme-gray-lighter);\n  border-radius: var(--border-radius-default);\n}\nsd-sheet > ._tool {\n  background: var(--control-color);\n  border-top-left-radius: var(--border-radius-default);\n  border-top-right-radius: var(--border-radius-default);\n  border-bottom: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container {\n  position: relative;\n  background: var(--sheet-bg);\n  border-bottom-left-radius: var(--border-radius-default);\n  border-bottom-right-radius: var(--border-radius-default);\n  overflow: auto;\n}\nsd-sheet > ._sheet-container > table {\n  border-spacing: 0;\n  table-layout: fixed;\n  margin-right: 2px;\n  margin-bottom: 2px;\n  border-bottom-right-radius: var(--border-radius-default);\n}\nsd-sheet > ._sheet-container > table > * > tr > *:last-child {\n  border-right: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > * > tr:last-child > * {\n  border-bottom: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > *:last-child > tr:last-child > td:last-child {\n  border-bottom-right-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-sheet > ._sheet-container > table > * > tr > * {\n  border-right: 1px solid var(--theme-gray-lighter);\n  border-bottom: 1px solid var(--theme-gray-lighter);\n  white-space: nowrap;\n  overflow: hidden;\n  padding: 0;\n  position: relative;\n}\nsd-sheet > ._sheet-container > table > * > tr > *._fixed:has(+ :not(._fixed)) + :not(._fixed):not([data-c=\"0\"]) {\n  border-left: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > * > tr > *._feature-cell {\n  background: var(--theme-gray-lightest);\n  min-width: calc(var(--font-size-default) + 2px + var(--sheet-ph) * 2);\n  padding: var(--sheet-pv) var(--sheet-ph);\n  text-align: left;\n}\nsd-sheet > ._sheet-container > table > * > tr > *._feature-cell > ng-icon {\n  cursor: pointer;\n  color: var(--text-trans-lightest);\n}\nsd-sheet > ._sheet-container > table > * > tr > *._fixed {\n  position: sticky;\n  left: 0;\n}\nsd-sheet > ._sheet-container > table > * > tr > *._fixed:has(+ :not(._fixed)) {\n  border-right: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > thead {\n  position: sticky;\n  top: 0;\n  z-index: 3;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th {\n  position: relative;\n  background: var(--theme-gray-lightest);\n  vertical-align: middle;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._fixed {\n  z-index: 4;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._last-depth {\n  border-bottom: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._feature-cell {\n  border-bottom: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._sort {\n  cursor: pointer;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._sort:hover {\n  text-decoration: underline;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th > ._headerContent > ._sort-icon {\n  padding: var(--gap-xs) var(--gap-xs) var(--gap-xs) 0;\n  background-color: var(--theme-gray-lightest);\n}\nsd-sheet > ._sheet-container > table > thead > tr > th > ._resizer {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 2px;\n  cursor: ew-resize;\n}\nsd-sheet > ._sheet-container > table > thead:has(> tr._summary-row) > tr > th._last-depth {\n  border-bottom: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > thead:has(> tr._summary-row) > tr._summary-row > th {\n  background: var(--theme-warning-lightest);\n  text-align: left;\n  border-bottom: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > tbody > tr > td {\n  background: var(--control-color);\n  vertical-align: top;\n}\nsd-sheet > ._sheet-container > table > tbody > tr > td._fixed {\n  z-index: 2;\n}\nsd-sheet > ._sheet-container > table > tbody > tr > td > ._depth-indicator {\n  display: inline-block;\n  margin-top: 0.4em;\n  width: 0.5em;\n  height: 0.5em;\n  border-left: 1px solid var(--text-trans-default);\n  border-bottom: 1px solid var(--text-trans-default);\n  vertical-align: top;\n}\nsd-sheet > ._sheet-container > ._focus-row-indicator {\n  display: none;\n  position: absolute;\n  pointer-events: none;\n  background: rgba(158, 158, 158, 0.1);\n  z-index: 6;\n}\nsd-sheet > ._sheet-container > ._focus-row-indicator > ._focus-cell-indicator {\n  position: absolute;\n  border: 2px solid var(--theme-primary-default);\n  border-radius: var(--border-radius-default);\n}\nsd-sheet > ._sheet-container > ._resize-indicator {\n  display: none;\n  position: absolute;\n  pointer-events: none;\n  top: 0;\n  height: 100%;\n  border: 1px dotted var(--theme-gray-light);\n  z-index: 7;\n}\nsd-sheet > ._sheet-container > ._select-row-indicator-container {\n  display: none;\n  position: absolute;\n  pointer-events: none;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 5;\n}\nsd-sheet > ._sheet-container > ._select-row-indicator-container > ._select-row-indicator {\n  display: block;\n  left: 0;\n  position: absolute;\n  pointer-events: none;\n  background: var(--theme-primary-default);\n  opacity: 0.1;\n}\nsd-sheet ._p-sheet {\n  padding: var(--sheet-pv) var(--sheet-ph);\n}\nsd-sheet[data-sd-focus-mode=row] > ._sheet-container > ._focus-row-indicator > ._focus-cell-indicator {\n  display: none !important;\n}\nsd-sheet[data-sd-inset=true] {\n  border: none;\n  border-radius: 0;\n}"], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdSheet, [{
         type: Component,
-        args: [{ selector: "sd-sheet", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgTemplateOutlet, SdCheckbox, NgIcon, SdPagination, SdAnchor, SdButton], template: `
-    @if ((key() || effectivePageCount() > 1) && !hideConfigBar()) {
-      <div class="_tool">
+        args: [{ selector: "sd-sheet", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgTemplateOutlet, SdCheckbox, NgIcon, SdPagination, SdAnchor, SdButton, SdResizeDirective], hostDirectives: [
+                    { directive: SdEvents, outputs: ["keydown.capture", "focus.capture", "blur.capture"] },
+                ], host: {
+                    "class": "flex-column fill",
+                    "[attr.data-sd-inset]": "inset()",
+                    "[attr.data-sd-focus-mode]": "focusMode()",
+                    "(keydown.capture)": "onKeydownCapture($event)",
+                    "(focus.capture)": "onFocusCapture($event)",
+                    "(dblclick)": "onDblClick($event)",
+                    "(blur.capture)": "onBlurCapture($event)",
+                }, template: `
+    @if ((key() || effectivePageCount() > 0) && !hideConfigBar()) {
+      <div class="_tool flex-row gap-sm p-xs">
         @if (key()) {
-          <sd-button (click)="onConfigButtonClick()">
+          <sd-button [theme]="'link-primary'" [size]="'sm'" (click)="onConfigButtonClick()">
             <ng-icon [svg]="icons.tablerSettings" />
           </sd-button>
         }
         @if (effectivePageCount() > 1) {
-          <sd-pagination [(currentPage)]="currentPage" [totalPageCount]="effectivePageCount()" [visiblePageCount]="visiblePageCount()" />
+          <sd-pagination
+            class="flex-fill"
+            [(currentPage)]="currentPage"
+            [totalPageCount]="effectivePageCount()"
+            [visiblePageCount]="visiblePageCount()"
+          />
         }
       </div>
     }
-    <div class="_container" [style]="contentStyle()">
-      <table>
+
+    <div
+      class="_sheet-container flex-fill"
+      (scroll.passive)="onContainerScroll()"
+      [style]="contentStyle()"
+    >
+      <table (sdResize)="onTableResize($event)">
         <thead>
           @for (row of layout.headerDefTable(); track $index; let rowIdx = $index) {
             <tr>
-              @if (expanding.hasExpandable() && rowIdx === 0) {
+              @if (rowIdx === 0) {
+                @let _fc = expanding.hasExpandable() ? -2 : -1;
                 <th
-                  class="_expand-col"
-                  [attr.rowspan]="layout.headerFeatureRowSpan() > 1 ? layout.headerFeatureRowSpan() : null"
+                  class="_fixed _feature-cell _last-depth"
+                  [attr.rowspan]="
+                    layout.headerFeatureRowSpan() > 1 ? layout.headerFeatureRowSpan() : null
+                  "
+                  [attr.data-c]="_fc"
+                  [style.left.px]="featureFixedLeftMap().get(_fc)"
+                  (sdResize)="onFeatureCellResize($event, _fc)"
                 >
-                  <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") {
+                  @if (selection.hasSelectable() && selectMode() === "multi") {
                     <sd-checkbox
                       [value]="selection.isAllSelected()"
-                      (click)="selection.toggleAll()"
+                      (valueChange)="selection.toggleAll()"
                       [inline]="true"
-                      [inset]="true"
+                      [theme]="'white'"
                     />
                   }
                 </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)"
-                  [attr.title]="cell.colDef?.tooltip ?? cell.text"
-                  [class.help]="cell.colDef?.tooltip"
-                  [style]="getHeaderCellStyle(cell)"
-                  (click)="onHeaderClick($event, cell)"
-                >
-                  @if (cell.colDef && getColumnHeaderTpl(cell.colDef.key); as headerTpl) {
-                    <ng-template [ngTemplateOutlet]="headerTpl" />
-                  } @else {
-                    <span>{{ cell.text }}</span>
-                  }
-                  @if (cell.colDef && getSortDef(cell.colDef.key); as sortDef) {
+                @if (expanding.hasExpandable()) {
+                  <th
+                    class="_fixed _feature-cell _last-depth"
+                    [attr.rowspan]="
+                      layout.headerFeatureRowSpan() > 1 ? layout.headerFeatureRowSpan() : null
+                    "
+                    [attr.data-c]="-1"
+                    [style.left.px]="featureFixedLeftMap().get(-1)"
+                    (sdResize)="onFeatureCellResize($event, -1)"
+                  >
                     <ng-icon
-                      class="_sort-icon"
-                      [svg]="sortDef.desc ? icons.tablerArrowDown : icons.tablerArrowUp"
+                      [svg]="icons.tablerCaretRight"
+                      [class.tx-theme-primary-default]="expanding.isAllExpanded()"
+                      [style.transform]="expanding.isAllExpanded() ? 'rotate(90deg)' : undefined"
+                      (click)="expanding.toggleAll()"
                     />
-                    @if (sortDef.indexText) {
-                      <span class="_sort-index">{{ sortDef.indexText }}</span>
+                  </th>
+                }
+              }
+              @for (cell of row; track $index; let c = $index) {
+                @if (!cell.isLastRow) {
+                  <th
+                    [class._fixed]="cell.colDef?.fixed"
+                    [attr.colspan]="cell.colspan > 1 ? cell.colspan : null"
+                    [attr.rowspan]="cell.rowspan > 1 ? cell.rowspan : null"
+                    [attr.data-c]="c"
+                    [attr.title]="cell.text"
+                    [style.left.px]="
+                      cell.colDef?.fixed ? fixing.fixedLeftMap().get(cell.colDef!.key) : null
+                    "
+                  >
+                    <div class="_p-sheet">
+                      <pre>{{ cell.text }}</pre>
+                    </div>
+                  </th>
+                } @else {
+                  <th
+                    [class._fixed]="cell.colDef?.fixed"
+                    class="_last-depth"
+                    [class._sort]="cell.colDef && !cell.colDef.disableSorting"
+                    [attr.colspan]="cell.colspan > 1 ? cell.colspan : null"
+                    [attr.rowspan]="cell.rowspan > 1 ? cell.rowspan : null"
+                    [attr.data-c]="c"
+                    [attr.title]="cell.colDef?.tooltip ?? cell.text"
+                    [class.help]="cell.colDef?.tooltip"
+                    [style]="getHeaderCellStyle(cell)"
+                    (click)="onHeaderClick($event, cell)"
+                  >
+                    <div class="_headerContent flex-row">
+                      @if (cell.colDef && getColumnHeaderTpl(cell.colDef.key); as headerTpl) {
+                        <div class="flex-fill" [attr.style]="cell.colDef.headerStyle">
+                          <ng-template [ngTemplateOutlet]="headerTpl" />
+                        </div>
+                      } @else {
+                        <div class="flex-fill _p-sheet" [attr.style]="cell.colDef?.headerStyle">
+                          <pre>{{ cell.text }}</pre>
+                        </div>
+                      }
+                      @if (cell.colDef && !cell.colDef.disableSorting) {
+                        @let _sortDef = getSortDef(cell.colDef.key);
+                        <div class="_sort-icon">
+                          @if (_sortDef?.desc === false) {
+                            <ng-icon [svg]="icons.tablerSortAscending" />
+                          } @else if (_sortDef?.desc === true) {
+                            <ng-icon [svg]="icons.tablerSortDescending" />
+                          } @else {
+                            <ng-icon [svg]="icons.tablerArrowsSort" class="tx-trans-lightest" />
+                          }
+                          @if (_sortDef?.indexText) {
+                            <sub>{{ _sortDef?.indexText }}</sub>
+                          }
+                        </div>
+                      }
+                    </div>
+                    @if (cell.colDef && !cell.colDef.disableResizing) {
+                      <div
+                        class="_resizer"
+                        (mousedown)="onResizerMousedown($event, cell.colDef)"
+                        (dblclick)="onResizerDblClick($event, cell.colDef)"
+                      ></div>
                     }
-                  }
-                  @if (cell.isLastRow && cell.colDef && !cell.colDef.disableResizing) {
-                    <div
-                      class="_resizer"
-                      (mousedown)="onResizerMousedown($event, cell.colDef)"
-                      (dblclick)="onResizerDblClick($event, cell.colDef)"
-                    ></div>
+                  </th>
+                }
+              }
+            </tr>
+          }
+          @if (layout.hasSummary()) {
+            <tr class="_summary-row">
+              <th class="_fixed _feature-cell"></th>
+              @if (expanding.hasExpandable()) {
+                <th class="_fixed _feature-cell"></th>
+              }
+              @for (colDef of layout.columnDefs(); track colDef.key; let c = $index) {
+                <th
+                  [class._fixed]="colDef.fixed"
+                  [attr.data-c]="c"
+                  [style.left.px]="colDef.fixed ? fixing.fixedLeftMap().get(colDef.key) : null"
+                >
+                  @if (getColumnSummaryTpl(colDef.key); as tpl) {
+                    <ng-template [ngTemplateOutlet]="tpl" />
                   }
                 </th>
               }
@@ -627,39 +926,73 @@ export class SdSheet {
           }
         </thead>
         <tbody>
-          @for (item of displayItems(); track trackByFn() ? trackByFn()!(item, $index) : $index; let rowIdx = $index) {
+          @for (item of displayItems(); track trackByFn()(item, $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"
+              [attr.data-r]="rowIdx"
               (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">
+              @let _fc = expanding.hasExpandable() ? -2 : -1;
+              <td
+                class="_fixed _feature-cell"
+                [attr.data-r]="rowIdx"
+                [attr.data-c]="_fc"
+                [style.left.px]="featureFixedLeftMap().get(_fc)"
+              >
+                @if (selectMode() === "multi") {
+                  @let _selectable = selection.getSelectable(item);
                   <sd-checkbox
                     [value]="selection.isSelected(item)"
                     [canChangeFn]="selection.getCanChangeFn(item)"
-                    (click)="onSelectCheckboxClick($event, item)"
+                    (valueChange)="selection.toggle(item)"
+                    (mousedown)="onSelectorMouseDown($event, rowIdx)"
                     [inline]="true"
-                    [inset]="true"
-                    [attr.title]="getSelectableTooltip(item)"
+                    [theme]="'white'"
+                    [disabled]="_selectable !== true"
+                    [attr.title]="_selectable"
                   />
+                } @else if (selectMode() === "single") {
+                  @let _selectable = selection.getSelectable(item);
+                  @if (_selectable === true && selection.getCanChangeFn(item)) {
+                    <sd-anchor
+                      [theme]="selection.isSelected(item) ? 'primary' : 'gray'"
+                      (pointerdown)="selection.toggle(item)"
+                      [attr.title]="_selectable"
+                    >
+                      <ng-icon [svg]="icons.tablerArrowRight" />
+                    </sd-anchor>
+                  }
+                }
+              </td>
+              @if (expanding.hasExpandable()) {
+                <td
+                  class="_fixed _feature-cell"
+                  [attr.data-r]="rowIdx"
+                  [attr.data-c]="-1"
+                  [style.left.px]="featureFixedLeftMap().get(-1)"
+                >
+                  @let itemDef = getItemDef(item);
+                  @if (itemDef.depth > 0) {
+                    <div
+                      class="_depth-indicator"
+                      [style.margin-left.em]="itemDef.depth - 0.5"
+                    ></div>
+                  }
+                  @if (itemDef.hasChildren) {
+                    <ng-icon
+                      [svg]="icons.tablerCaretRight"
+                      [style.transform]="isExpanded(item) ? 'rotate(90deg)' : undefined"
+                      [class.tx-theme-primary-default]="isExpanded(item)"
+                      (click)="onExpandClick($event, item)"
+                    />
+                  }
                 </td>
               }
               @for (colDef of layout.columnDefs(); track colDef.key; let colIdx = $index) {
                 <td
                   [attr.data-r]="rowIdx"
                   [attr.data-c]="colIdx"
+                  [class._fixed]="colDef.fixed"
                   [class]="getDataCellClass(item, colDef, rowIdx, colIdx)"
                   [style]="getCellStyleWithIndent(item, colDef, colIdx)"
                   (click)="onCellClick($event, item)"
@@ -674,8 +1007,8 @@ export class SdSheet {
                         $implicit: item,
                         item: item,
                         index: rowIdx,
-                        depth: getChildrenFn() !== undefined ? getItemDef(item).depth : 0,
-                        edit: cellAgent.isCellEditMode({ r: rowIdx, c: colIdx })
+                        depth: getChildrenFn() != null ? getItemDef(item).depth : 0,
+                        edit: cellAgent.isCellEditMode({ r: rowIdx, c: colIdx }),
                       }"
                     />
                   }
@@ -684,33 +1017,18 @@ export class SdSheet {
             </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 class="_focus-row-indicator">
+        <div class="_focus-cell-indicator"></div>
+      </div>
+      <div
+        class="_resize-indicator"
+        [style.display]="_isResizing() ? 'block' : 'none'"
+        [style.left.px]="_resizeIndicatorLeft()"
+      ></div>
+      <div class="_select-row-indicator-container"></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}"] }]
+  `, styles: ["sd-sheet {\n  border: 1px solid var(--theme-gray-lighter);\n  border-radius: var(--border-radius-default);\n}\nsd-sheet > ._tool {\n  background: var(--control-color);\n  border-top-left-radius: var(--border-radius-default);\n  border-top-right-radius: var(--border-radius-default);\n  border-bottom: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container {\n  position: relative;\n  background: var(--sheet-bg);\n  border-bottom-left-radius: var(--border-radius-default);\n  border-bottom-right-radius: var(--border-radius-default);\n  overflow: auto;\n}\nsd-sheet > ._sheet-container > table {\n  border-spacing: 0;\n  table-layout: fixed;\n  margin-right: 2px;\n  margin-bottom: 2px;\n  border-bottom-right-radius: var(--border-radius-default);\n}\nsd-sheet > ._sheet-container > table > * > tr > *:last-child {\n  border-right: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > * > tr:last-child > * {\n  border-bottom: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > *:last-child > tr:last-child > td:last-child {\n  border-bottom-right-radius: var(--border-radius-default);\n  overflow: hidden;\n}\nsd-sheet > ._sheet-container > table > * > tr > * {\n  border-right: 1px solid var(--theme-gray-lighter);\n  border-bottom: 1px solid var(--theme-gray-lighter);\n  white-space: nowrap;\n  overflow: hidden;\n  padding: 0;\n  position: relative;\n}\nsd-sheet > ._sheet-container > table > * > tr > *._fixed:has(+ :not(._fixed)) + :not(._fixed):not([data-c=\"0\"]) {\n  border-left: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > * > tr > *._feature-cell {\n  background: var(--theme-gray-lightest);\n  min-width: calc(var(--font-size-default) + 2px + var(--sheet-ph) * 2);\n  padding: var(--sheet-pv) var(--sheet-ph);\n  text-align: left;\n}\nsd-sheet > ._sheet-container > table > * > tr > *._feature-cell > ng-icon {\n  cursor: pointer;\n  color: var(--text-trans-lightest);\n}\nsd-sheet > ._sheet-container > table > * > tr > *._fixed {\n  position: sticky;\n  left: 0;\n}\nsd-sheet > ._sheet-container > table > * > tr > *._fixed:has(+ :not(._fixed)) {\n  border-right: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > thead {\n  position: sticky;\n  top: 0;\n  z-index: 3;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th {\n  position: relative;\n  background: var(--theme-gray-lightest);\n  vertical-align: middle;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._fixed {\n  z-index: 4;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._last-depth {\n  border-bottom: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._feature-cell {\n  border-bottom: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._sort {\n  cursor: pointer;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th._sort:hover {\n  text-decoration: underline;\n}\nsd-sheet > ._sheet-container > table > thead > tr > th > ._headerContent > ._sort-icon {\n  padding: var(--gap-xs) var(--gap-xs) var(--gap-xs) 0;\n  background-color: var(--theme-gray-lightest);\n}\nsd-sheet > ._sheet-container > table > thead > tr > th > ._resizer {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 2px;\n  cursor: ew-resize;\n}\nsd-sheet > ._sheet-container > table > thead:has(> tr._summary-row) > tr > th._last-depth {\n  border-bottom: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > thead:has(> tr._summary-row) > tr._summary-row > th {\n  background: var(--theme-warning-lightest);\n  text-align: left;\n  border-bottom: 1px solid var(--theme-gray-lighter);\n}\nsd-sheet > ._sheet-container > table > tbody > tr > td {\n  background: var(--control-color);\n  vertical-align: top;\n}\nsd-sheet > ._sheet-container > table > tbody > tr > td._fixed {\n  z-index: 2;\n}\nsd-sheet > ._sheet-container > table > tbody > tr > td > ._depth-indicator {\n  display: inline-block;\n  margin-top: 0.4em;\n  width: 0.5em;\n  height: 0.5em;\n  border-left: 1px solid var(--text-trans-default);\n  border-bottom: 1px solid var(--text-trans-default);\n  vertical-align: top;\n}\nsd-sheet > ._sheet-container > ._focus-row-indicator {\n  display: none;\n  position: absolute;\n  pointer-events: none;\n  background: rgba(158, 158, 158, 0.1);\n  z-index: 6;\n}\nsd-sheet > ._sheet-container > ._focus-row-indicator > ._focus-cell-indicator {\n  position: absolute;\n  border: 2px solid var(--theme-primary-default);\n  border-radius: var(--border-radius-default);\n}\nsd-sheet > ._sheet-container > ._resize-indicator {\n  display: none;\n  position: absolute;\n  pointer-events: none;\n  top: 0;\n  height: 100%;\n  border: 1px dotted var(--theme-gray-light);\n  z-index: 7;\n}\nsd-sheet > ._sheet-container > ._select-row-indicator-container {\n  display: none;\n  position: absolute;\n  pointer-events: none;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 5;\n}\nsd-sheet > ._sheet-container > ._select-row-indicator-container > ._select-row-indicator {\n  display: block;\n  left: 0;\n  position: absolute;\n  pointer-events: none;\n  background: var(--theme-primary-default);\n  opacity: 0.1;\n}\nsd-sheet ._p-sheet {\n  padding: var(--sheet-pv) var(--sheet-ph);\n}\nsd-sheet[data-sd-focus-mode=row] > ._sheet-container > ._focus-row-indicator > ._focus-cell-indicator {\n  display: none !important;\n}\nsd-sheet[data-sd-inset=true] {\n  border: none;\n  border-radius: 0;\n}"] }]
     }], null, { 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(() => SdSheetColumn), { isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSheet, { className: "SdSheet", filePath: "packages/angular/src/data/sheet/sd-sheet.ts", lineNumber: 343, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSheet, { className: "SdSheet", filePath: "packages/angular/src/data/sheet/sd-sheet.ts", lineNumber: 562 }); })();