@alaarab/ogrid-angular-material 2.6.0 → 2.6.1

package/dist/esm/datagrid-table/datagrid-table.component.js

@@ -0,0 +1,903 @@
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ViewChild, signal, computed, effect } from '@angular/core';
+import { BaseDataGridTableComponent, DataGridStateService, ColumnReorderService, VirtualScrollService, MarchingAntsOverlayComponent, StatusBarComponent, GridContextMenuComponent, EmptyStateComponent, FormulaRefOverlayComponent, CHECKBOX_COLUMN_WIDTH, ROW_NUMBER_COLUMN_ID, indexToColumnLetter, formatCellReference, } from '@alaarab/ogrid-angular';
+import { ColumnHeaderFilterComponent } from '../column-header-filter/column-header-filter.component';
+import { ColumnHeaderMenuComponent } from '../column-header-menu/column-header-menu.component';
+import { InlineCellEditorComponent } from './inline-cell-editor.component';
+import { PopoverCellEditorComponent } from './popover-cell-editor.component';
+import * as i0 from "@angular/core";
+const _c0 = ["wrapperEl"];
+const _c1 = ["tableContainerElRef"];
+const _forTrack0 = ($index, $item) => $item.columnId;
+const _forTrack1 = ($index, $item) => ($item.columnDef == null ? null : $item.columnDef.columnId) ?? $index;
+function _forTrack2($index, $item) { return this.getRowId()($item); }
+const _forTrack3 = ($index, $item) => $item.col.columnId;
+function DataGridTableComponent_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "th", 16);
+} }
+function DataGridTableComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "th", 16);
+} }
+function DataGridTableComponent_Conditional_9_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 16);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ɵ$index_24_r2 = ctx.$index;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.getColumnLetter(ɵ$index_24_r2), " ");
+} }
+function DataGridTableComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 7);
+    i0.ɵɵconditionalCreate(1, DataGridTableComponent_Conditional_9_Conditional_1_Template, 1, 0, "th", 16);
+    i0.ɵɵconditionalCreate(2, DataGridTableComponent_Conditional_9_Conditional_2_Template, 1, 0, "th", 16);
+    i0.ɵɵrepeaterCreate(3, DataGridTableComponent_Conditional_9_For_4_Template, 2, 1, "th", 16, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.hasCheckboxCol() ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.hasRowNumbersCol() ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.visibleCols());
+} }
+function DataGridTableComponent_For_11_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th", 17)(1, "div", 21)(2, "input", 22);
+    i0.ɵɵlistener("change", function DataGridTableComponent_For_11_Conditional_1_Template_input_change_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onSelectAllChange($event)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵattribute("rowSpan", ctx_r2.headerRows().length > 1 ? 1 : null);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("checked", ctx_r2.allSelected())("indeterminate", ctx_r2.someSelected());
+} }
+function DataGridTableComponent_For_11_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "th", 18);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵattribute("rowSpan", ctx_r2.headerRows().length - 1);
+} }
+function DataGridTableComponent_For_11_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th", 23)(1, "div", 24);
+    i0.ɵɵtext(2, "#");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 25);
+    i0.ɵɵlistener("pointerdown", function DataGridTableComponent_For_11_Conditional_3_Template_div_pointerdown_3_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onResizeRowNumber($event)); })("dblclick", function DataGridTableComponent_For_11_Conditional_3_Template_div_dblclick_3_listener($event) { i0.ɵɵrestoreView(_r5); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleProp("width", ctx_r2.getRowNumberWidth(), "px")("min-width", ctx_r2.getRowNumberWidth(), "px")("max-width", ctx_r2.getRowNumberWidth(), "px");
+    i0.ɵɵattribute("rowSpan", ctx_r2.headerRows().length > 1 ? 1 : null);
+} }
+function DataGridTableComponent_For_11_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "th", 26);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleProp("width", ctx_r2.getRowNumberWidth(), "px")("min-width", ctx_r2.getRowNumberWidth(), "px");
+    i0.ɵɵattribute("rowSpan", ctx_r2.headerRows().length - 1);
+} }
+function DataGridTableComponent_For_11_For_6_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 27);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const cell_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵattribute("colSpan", cell_r6.colSpan);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", cell_r6.label, " ");
+} }
+function DataGridTableComponent_For_11_For_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdeclareLet(0);
+    i0.ɵɵelementStart(1, "th", 29);
+    i0.ɵɵlistener("pointerdown", function DataGridTableComponent_For_11_For_6_Conditional_1_Template_th_pointerdown_1_listener($event) { i0.ɵɵrestoreView(_r7); const col_r8 = i0.ɵɵreadContextLet(0); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onHeaderMouseDown(col_r8.columnId, $event)); });
+    i0.ɵɵelementStart(2, "div", 30);
+    i0.ɵɵelement(3, "ogrid-column-header-filter", 31)(4, "column-header-menu", 32);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 33);
+    i0.ɵɵlistener("pointerdown", function DataGridTableComponent_For_11_For_6_Conditional_1_Template_div_pointerdown_5_listener($event) { i0.ɵɵrestoreView(_r7); const col_r8 = i0.ɵɵreadContextLet(0); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onResizeStart($event, col_r8)); })("dblclick", function DataGridTableComponent_For_11_For_6_Conditional_1_Template_div_dblclick_5_listener($event) { i0.ɵɵrestoreView(_r7); const col_r8 = i0.ɵɵreadContextLet(0); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onResizeDoubleClick($event, col_r8)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const cell_r6 = i0.ɵɵnextContext().$implicit;
+    const ɵ$index_28_r9 = i0.ɵɵnextContext().$index;
+    const ctx_r2 = i0.ɵɵnextContext();
+    const col_r10 = i0.ɵɵstoreLet(ctx_r2.asColumnDef(cell_r6.columnDef));
+    const colW_r11 = ctx_r2.getColumnWidth(col_r10);
+    const pinned_r12 = ctx_r2.isPinned(col_r10.columnId);
+    const pinnedLeft_r13 = pinned_r12 === "left";
+    const pinnedRight_r14 = pinned_r12 === "right";
+    const sortState_r15 = ctx_r2.getSortState(col_r10.columnId);
+    const ariaSort_r16 = sortState_r15 === "asc" ? "ascending" : sortState_r15 === "desc" ? "descending" : null;
+    const config_r17 = ctx_r2.getFilterConfig(col_r10);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("min-width", ctx_r2.getEffectiveMinWidth(col_r10), "px")("width", colW_r11, "px")("max-width", colW_r11, "px")("cursor", ctx_r2.columnReorderService.isDragging() ? "grabbing" : "grab")("left", pinnedLeft_r13 ? ctx_r2.getPinnedLeftOffset(col_r10.columnId) : null, "px")("right", pinnedRight_r14 ? ctx_r2.getPinnedRightOffset(col_r10.columnId) : null, "px");
+    i0.ɵɵclassProp("ogrid-datagrid-th--pinned-left", pinnedLeft_r13)("ogrid-datagrid-th--pinned-right", pinnedRight_r14);
+    i0.ɵɵattribute("rowSpan", ctx_r2.headerRows().length > 1 ? ctx_r2.headerRows().length - ɵ$index_28_r9 : null)("data-column-id", col_r10.columnId)("aria-sort", ariaSort_r16);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("columnKey", col_r10.columnId)("columnName", col_r10.name)("filterType", config_r17.filterType)("isSorted", config_r17.isSorted)("isSortedDescending", config_r17.isSortedDescending)("onSort", config_r17.onSort)("selectedValues", config_r17.selectedValues)("onFilterChange", config_r17.onFilterChange)("options", config_r17.options)("isLoadingOptions", config_r17.isLoadingOptions ?? false)("textValue", config_r17.textValue ?? "")("onTextChange", config_r17.onTextChange)("selectedUser", config_r17.selectedUser)("onUserChange", config_r17.onUserChange)("peopleSearch", config_r17.peopleSearch)("dateValue", config_r17.dateValue)("onDateChange", config_r17.onDateChange);
+    const pinState_r18 = ctx_r2.getPinState(col_r10.columnId);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("columnId", col_r10.columnId)("canPinLeft", pinState_r18.canPinLeft)("canPinRight", pinState_r18.canPinRight)("canUnpin", pinState_r18.canUnpin)("currentSort", sortState_r15)("isSortable", col_r10.sortable !== false)("isResizable", col_r10.resizable !== false)("handlers", ctx_r2.getColumnMenuHandlersMemoized(col_r10.columnId));
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("aria-label", "Resize " + col_r10.name);
+} }
+function DataGridTableComponent_For_11_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, DataGridTableComponent_For_11_For_6_Conditional_0_Template, 2, 2, "th", 27)(1, DataGridTableComponent_For_11_For_6_Conditional_1_Template, 6, 46, "th", 28);
+} if (rf & 2) {
+    const cell_r6 = ctx.$implicit;
+    i0.ɵɵconditional(cell_r6.isGroup ? 0 : 1);
+} }
+function DataGridTableComponent_For_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 8);
+    i0.ɵɵconditionalCreate(1, DataGridTableComponent_For_11_Conditional_1_Template, 3, 3, "th", 17);
+    i0.ɵɵconditionalCreate(2, DataGridTableComponent_For_11_Conditional_2_Template, 1, 1, "th", 18);
+    i0.ɵɵconditionalCreate(3, DataGridTableComponent_For_11_Conditional_3_Template, 4, 7, "th", 19);
+    i0.ɵɵconditionalCreate(4, DataGridTableComponent_For_11_Conditional_4_Template, 1, 5, "th", 20);
+    i0.ɵɵrepeaterCreate(5, DataGridTableComponent_For_11_For_6_Template, 2, 1, null, null, _forTrack1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r19 = ctx.$implicit;
+    const ɵ$index_28_r9 = ctx.$index;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ɵ$index_28_r9 === ctx_r2.headerRows().length - 1 && ctx_r2.hasCheckboxCol() ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ɵ$index_28_r9 === 0 && ɵ$index_28_r9 < ctx_r2.headerRows().length - 1 && ctx_r2.hasCheckboxCol() ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ɵ$index_28_r9 === ctx_r2.headerRows().length - 1 && ctx_r2.hasRowNumbersCol() ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ɵ$index_28_r9 === 0 && ɵ$index_28_r9 < ctx_r2.headerRows().length - 1 && ctx_r2.hasRowNumbersCol() ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(row_r19);
+} }
+function DataGridTableComponent_Conditional_12_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "tr", 36);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleProp("height", ctx_r2.vsTopSpacerHeight(), "px");
+} }
+function DataGridTableComponent_Conditional_12_For_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 38)(1, "div", 42);
+    i0.ɵɵlistener("click", function DataGridTableComponent_Conditional_12_For_3_Conditional_4_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r22); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "input", 43);
+    i0.ɵɵlistener("change", function DataGridTableComponent_Conditional_12_For_3_Conditional_4_Template_input_change_2_listener($event) { i0.ɵɵrestoreView(_r22); i0.ɵɵnextContext(); const rowIndex_r23 = i0.ɵɵreadContextLet(0); const rowId_r21 = i0.ɵɵreadContextLet(1); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onRowCheckboxChange(rowId_r21, $event, rowIndex_r23)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    i0.ɵɵnextContext();
+    const rowIndex_r23 = i0.ɵɵreadContextLet(0);
+    const isSelected_r24 = i0.ɵɵreadContextLet(2);
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("data-row-index", rowIndex_r23)("data-col-index", 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("checked", isSelected_r24);
+    i0.ɵɵattribute("aria-label", "Select row " + (rowIndex_r23 + 1));
+} }
+function DataGridTableComponent_Conditional_12_For_3_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 44)(1, "div", 45);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    i0.ɵɵnextContext();
+    const rowIndex_r23 = i0.ɵɵreadContextLet(0);
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleProp("width", ctx_r2.getRowNumberWidth(), "px")("min-width", ctx_r2.getRowNumberWidth(), "px")("max-width", ctx_r2.getRowNumberWidth(), "px");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.rowNumberOffset() + rowIndex_r23 + 1, " ");
+} }
+function DataGridTableComponent_Conditional_12_For_3_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "td");
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵstyleProp("width", ctx_r2.vsLeftSpacerWidth(), "px")("min-width", ctx_r2.vsLeftSpacerWidth(), "px")("max-width", ctx_r2.vsLeftSpacerWidth(), "px")("padding", "0");
+} }
+function DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 47)(1, "ogrid-mat-inline-cell-editor", 50);
+    i0.ɵɵlistener("commit", function DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_2_Template_ogrid_mat_inline_cell_editor_commit_1_listener($event) { i0.ɵɵrestoreView(_r25); const colLayout_r26 = i0.ɵɵnextContext().$implicit; const descriptor_r27 = i0.ɵɵreadContextLet(1); const item_r28 = i0.ɵɵnextContext().$implicit; const rowIndex_r23 = i0.ɵɵreadContextLet(0); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.commitEdit(item_r28, colLayout_r26.col.columnId, descriptor_r27.value, $event, rowIndex_r23, descriptor_r27.globalColIndex)); })("cancel", function DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_2_Template_ogrid_mat_inline_cell_editor_cancel_1_listener() { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.cancelEdit()); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const colLayout_r26 = i0.ɵɵnextContext().$implicit;
+    const descriptor_r27 = i0.ɵɵreadContextLet(1);
+    const item_r28 = i0.ɵɵnextContext().$implicit;
+    const rowIndex_r23 = i0.ɵɵreadContextLet(0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("value", descriptor_r27.value)("item", item_r28)("column", colLayout_r26.col)("rowIndex", rowIndex_r23)("editorType", descriptor_r27.editorType ?? "text");
+} }
+function DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "ogrid-mat-popover-cell-editor", 48);
+} if (rf & 2) {
+    const colLayout_r26 = i0.ɵɵnextContext().$implicit;
+    const descriptor_r27 = i0.ɵɵreadContextLet(1);
+    const item_r28 = i0.ɵɵnextContext().$implicit;
+    const rowIndex_r23 = i0.ɵɵreadContextLet(0);
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    const editorProps_r29 = ctx_r2.buildPopoverEditorProps(item_r28, colLayout_r26.col, descriptor_r27);
+    i0.ɵɵproperty("item", item_r28)("column", colLayout_r26.col)("rowIndex", rowIndex_r23)("globalColIndex", descriptor_r27.globalColIndex)("displayValue", descriptor_r27.displayValue)("editorProps", editorProps_r29)("onCancel", ctx_r2.cancelEdit.bind(ctx_r2));
+} }
+function DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r31 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 54);
+    i0.ɵɵlistener("change", function DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_4_Conditional_2_Template_input_change_0_listener() { i0.ɵɵrestoreView(_r31); const colLayout_r26 = i0.ɵɵnextContext(2).$implicit; const descriptor_r27 = i0.ɵɵreadContextLet(1); const item_r28 = i0.ɵɵnextContext().$implicit; const rowIndex_r23 = i0.ɵɵreadContextLet(0); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(descriptor_r27.canEditAny ? ctx_r2.commitBooleanEdit(item_r28, colLayout_r26.col.columnId, !!descriptor_r27.displayValue, rowIndex_r23, descriptor_r27.globalColIndex) : null); })("pointerdown", function DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_4_Conditional_2_Template_input_pointerdown_0_listener($event) { i0.ɵɵrestoreView(_r31); i0.ɵɵnextContext(2); const descriptor_r27 = i0.ɵɵreadContextLet(1); i0.ɵɵnextContext(); const rowIndex_r23 = i0.ɵɵreadContextLet(0); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onBooleanCheckboxPointerDown($event, rowIndex_r23, descriptor_r27.globalColIndex)); })("click", function DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_4_Conditional_2_Template_input_click_0_listener($event) { i0.ɵɵrestoreView(_r31); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵnextContext(2);
+    const descriptor_r27 = i0.ɵɵreadContextLet(1);
+    i0.ɵɵstyleProp("cursor", descriptor_r27.canEditAny ? "pointer" : "default");
+    i0.ɵɵproperty("checked", !!descriptor_r27.displayValue)("disabled", !descriptor_r27.canEditAny);
+    i0.ɵɵattribute("aria-label", descriptor_r27.displayValue ? "Checked" : "Unchecked");
+} }
+function DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    i0.ɵɵnextContext();
+    const content_r32 = i0.ɵɵreadContextLet(0);
+    i0.ɵɵtextInterpolate1(" ", content_r32, " ");
+} }
+function DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_4_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r33 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 55);
+    i0.ɵɵlistener("pointerdown", function DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_4_Conditional_4_Template_div_pointerdown_0_listener($event) { i0.ɵɵrestoreView(_r33); const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.onFillHandleMouseDown($event)); });
+    i0.ɵɵelementEnd();
+} }
+function DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdeclareLet(0);
+    i0.ɵɵelementStart(1, "div", 51);
+    i0.ɵɵlistener("pointerdown", function DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_4_Template_div_pointerdown_1_listener($event) { i0.ɵɵrestoreView(_r30); i0.ɵɵnextContext(); const descriptor_r27 = i0.ɵɵreadContextLet(1); i0.ɵɵnextContext(); const rowIndex_r23 = i0.ɵɵreadContextLet(0); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onCellMouseDown($event, rowIndex_r23, descriptor_r27.globalColIndex)); })("click", function DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_4_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r30); i0.ɵɵnextContext(); const descriptor_r27 = i0.ɵɵreadContextLet(1); i0.ɵɵnextContext(); const rowIndex_r23 = i0.ɵɵreadContextLet(0); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onCellClick(rowIndex_r23, descriptor_r27.globalColIndex)); })("contextmenu", function DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_4_Template_div_contextmenu_1_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.onCellContextMenu($event)); })("dblclick", function DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_4_Template_div_dblclick_1_listener() { i0.ɵɵrestoreView(_r30); const colLayout_r26 = i0.ɵɵnextContext().$implicit; const descriptor_r27 = i0.ɵɵreadContextLet(1); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(descriptor_r27.canEditAny ? ctx_r2.onCellDblClick(descriptor_r27.rowId, colLayout_r26.col.columnId) : null); });
+    i0.ɵɵconditionalCreate(2, DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_4_Conditional_2_Template, 1, 5, "input", 52)(3, DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_4_Conditional_3_Template, 1, 1);
+    i0.ɵɵconditionalCreate(4, DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_4_Conditional_4_Template, 1, 0, "div", 53);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const colLayout_r26 = i0.ɵɵnextContext().$implicit;
+    const descriptor_r27 = i0.ɵɵreadContextLet(1);
+    const item_r28 = i0.ɵɵnextContext().$implicit;
+    const rowIndex_r23 = i0.ɵɵreadContextLet(0);
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵstoreLet(ctx_r2.resolveCellContent(colLayout_r26.col, item_r28, descriptor_r27.displayValue));
+    const cellStyle_r34 = ctx_r2.resolveCellStyleFn(colLayout_r26.col, item_r28, descriptor_r27.displayValue);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleMap(cellStyle_r34 ?? undefined);
+    i0.ɵɵclassProp("ogrid-datagrid-cell--active", descriptor_r27.isActive)("ogrid-datagrid-cell--active-in-range", descriptor_r27.isActive && descriptor_r27.isInRange)("ogrid-datagrid-cell--in-range", descriptor_r27.isInRange && !descriptor_r27.isActive)("ogrid-datagrid-cell--in-cut-range", descriptor_r27.isInCutRange)("ogrid-datagrid-cell--editable", descriptor_r27.canEditAny)("ogrid-datagrid-cell--numeric", colLayout_r26.col.type === "numeric")("ogrid-datagrid-cell--boolean", colLayout_r26.col.type === "boolean");
+    i0.ɵɵattribute("data-row-index", rowIndex_r23)("data-col-index", descriptor_r27.globalColIndex)("data-in-range", descriptor_r27.isInRange ? "true" : null)("tabindex", descriptor_r27.isActive ? 0 : -1)("role", descriptor_r27.canEditAny ? "button" : null);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(colLayout_r26.col.type === "boolean" ? 2 : 3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(descriptor_r27.canEditAny && descriptor_r27.isSelectionEndCell ? 4 : -1);
+} }
+function DataGridTableComponent_Conditional_12_For_3_For_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 46);
+    i0.ɵɵdeclareLet(1);
+    i0.ɵɵconditionalCreate(2, DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_2_Template, 2, 5, "div", 47)(3, DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_3_Template, 1, 7, "ogrid-mat-popover-cell-editor", 48)(4, DataGridTableComponent_Conditional_12_For_3_For_8_Conditional_4_Template, 5, 24, "div", 49);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const colLayout_r26 = ctx.$implicit;
+    const item_r28 = i0.ɵɵnextContext().$implicit;
+    const rowIndex_r23 = i0.ɵɵreadContextLet(0);
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleProp("min-width", colLayout_r26.minWidth, "px")("width", colLayout_r26.width, "px")("max-width", colLayout_r26.width, "px")("left", colLayout_r26.pinnedLeft ? ctx_r2.getPinnedLeftOffset(colLayout_r26.col.columnId) : null, "px")("right", colLayout_r26.pinnedRight ? ctx_r2.getPinnedRightOffset(colLayout_r26.col.columnId) : null, "px");
+    i0.ɵɵclassProp("ogrid-datagrid-td--pinned-left", colLayout_r26.pinnedLeft)("ogrid-datagrid-td--pinned-right", colLayout_r26.pinnedRight);
+    i0.ɵɵattribute("data-column-id", colLayout_r26.col.columnId);
+    i0.ɵɵadvance();
+    const descriptor_r35 = i0.ɵɵstoreLet(ctx_r2.getCellDescriptor(item_r28, colLayout_r26.col, rowIndex_r23, ctx_r2.getGlobalColIndex(colLayout_r26.col)));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(descriptor_r35.mode === "editing-inline" ? 2 : descriptor_r35.mode === "editing-popover" ? 3 : 4);
+} }
+function DataGridTableComponent_Conditional_12_For_3_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "td");
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵstyleProp("width", ctx_r2.vsRightSpacerWidth(), "px")("min-width", ctx_r2.vsRightSpacerWidth(), "px")("max-width", ctx_r2.vsRightSpacerWidth(), "px")("padding", "0");
+} }
+function DataGridTableComponent_Conditional_12_For_3_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdeclareLet(0)(1)(2);
+    i0.ɵɵelementStart(3, "tr", 37);
+    i0.ɵɵlistener("click", function DataGridTableComponent_Conditional_12_For_3_Template_tr_click_3_listener($event) { i0.ɵɵrestoreView(_r20); const rowId_r21 = i0.ɵɵreadContextLet(1); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onRowClick($event, rowId_r21)); });
+    i0.ɵɵconditionalCreate(4, DataGridTableComponent_Conditional_12_For_3_Conditional_4_Template, 3, 4, "td", 38);
+    i0.ɵɵconditionalCreate(5, DataGridTableComponent_Conditional_12_For_3_Conditional_5_Template, 3, 7, "td", 39);
+    i0.ɵɵconditionalCreate(6, DataGridTableComponent_Conditional_12_For_3_Conditional_6_Template, 1, 8, "td", 40);
+    i0.ɵɵrepeaterCreate(7, DataGridTableComponent_Conditional_12_For_3_For_8_Template, 5, 17, "td", 41, _forTrack3);
+    i0.ɵɵconditionalCreate(9, DataGridTableComponent_Conditional_12_For_3_Conditional_9_Template, 1, 8, "td", 40);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r28 = ctx.$implicit;
+    const ɵ$index_83_r36 = ctx.$index;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵstoreLet(ctx_r2.vsStartIndex() + ɵ$index_83_r36);
+    i0.ɵɵadvance();
+    const rowId_r37 = i0.ɵɵstoreLet(ctx_r2.getRowId()(item_r28));
+    i0.ɵɵadvance();
+    const isSelected_r38 = i0.ɵɵstoreLet(ctx_r2.selectedRowIds().has(rowId_r37));
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("ogrid-datagrid-row--selected", isSelected_r38);
+    i0.ɵɵattribute("data-row-id", rowId_r37)("aria-selected", isSelected_r38 || null);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.hasCheckboxCol() ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.hasRowNumbersCol() ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.vsColumnsEnabled() && ctx_r2.vsLeftSpacerWidth() > 0 ? 6 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.vsColumnLayouts());
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.vsColumnsEnabled() && ctx_r2.vsRightSpacerWidth() > 0 ? 9 : -1);
+} }
+function DataGridTableComponent_Conditional_12_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "tr", 36);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleProp("height", ctx_r2.vsBottomSpacerHeight(), "px");
+} }
+function DataGridTableComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tbody");
+    i0.ɵɵconditionalCreate(1, DataGridTableComponent_Conditional_12_Conditional_1_Template, 1, 2, "tr", 34);
+    i0.ɵɵrepeaterCreate(2, DataGridTableComponent_Conditional_12_For_3_Template, 10, 11, "tr", 35, _forTrack2, true);
+    i0.ɵɵconditionalCreate(4, DataGridTableComponent_Conditional_12_Conditional_4_Template, 1, 2, "tr", 34);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.vsEnabled() && ctx_r2.vsTopSpacerHeight() > 0 ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.vsVisibleItems());
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.vsEnabled() && ctx_r2.vsBottomSpacerHeight() > 0 ? 4 : -1);
+} }
+function DataGridTableComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "ogrid-formula-ref-overlay", 10);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("containerEl", ctx_r2.tableContainerEl())("references", ctx_r2.formulaReferences())("colOffset", ctx_r2.colOffset());
+} }
+function DataGridTableComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    const _r39 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11)(1, "div", 56);
+    i0.ɵɵtext(2, "No results found");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 57)(4, "ogrid-empty-state", 58);
+    i0.ɵɵlistener("clearAll", function DataGridTableComponent_Conditional_15_Template_ogrid_empty_state_clearAll_4_listener() { let tmp_5_0; i0.ɵɵrestoreView(_r39); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView((tmp_5_0 = ctx_r2.emptyState()) == null ? null : tmp_5_0.onClearAll()); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    let tmp_4_0;
+    let tmp_5_0;
+    let tmp_6_0;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("message", (tmp_4_0 = ctx_r2.emptyState()) == null ? null : tmp_4_0.message)("hasActiveFilters", ((tmp_5_0 = ctx_r2.emptyState()) == null ? null : tmp_5_0.hasActiveFilters) ?? false)("render", (tmp_6_0 = ctx_r2.emptyState()) == null ? null : tmp_6_0.render);
+} }
+function DataGridTableComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 59);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵstyleProp("left", ctx_r2.columnReorderService.dropIndicatorX(), "px");
+} }
+function DataGridTableComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    const _r40 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 60);
+    i0.ɵɵlistener("click", function DataGridTableComponent_Conditional_17_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r40); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeContextMenu()); })("contextmenu", function DataGridTableComponent_Conditional_17_Template_div_contextmenu_0_listener($event) { i0.ɵɵrestoreView(_r40); const ctx_r2 = i0.ɵɵnextContext(); $event.preventDefault(); return i0.ɵɵresetView(ctx_r2.closeContextMenu()); });
+    i0.ɵɵelementStart(1, "ogrid-context-menu", 61);
+    i0.ɵɵlistener("undoAction", function DataGridTableComponent_Conditional_17_Template_ogrid_context_menu_undoAction_1_listener() { i0.ɵɵrestoreView(_r40); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onUndo()); })("redoAction", function DataGridTableComponent_Conditional_17_Template_ogrid_context_menu_redoAction_1_listener() { i0.ɵɵrestoreView(_r40); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onRedo()); })("copyAction", function DataGridTableComponent_Conditional_17_Template_ogrid_context_menu_copyAction_1_listener() { i0.ɵɵrestoreView(_r40); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.handleCopy()); })("cutAction", function DataGridTableComponent_Conditional_17_Template_ogrid_context_menu_cutAction_1_listener() { i0.ɵɵrestoreView(_r40); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.handleCut()); })("pasteAction", function DataGridTableComponent_Conditional_17_Template_ogrid_context_menu_pasteAction_1_listener() { i0.ɵɵrestoreView(_r40); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.handlePaste()); })("selectAllAction", function DataGridTableComponent_Conditional_17_Template_ogrid_context_menu_selectAllAction_1_listener() { i0.ɵɵrestoreView(_r40); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.handleSelectAllCells()); })("closeAction", function DataGridTableComponent_Conditional_17_Template_ogrid_context_menu_closeAction_1_listener() { i0.ɵɵrestoreView(_r40); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeContextMenu()); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("x", ctx_r2.menuPosition().x)("y", ctx_r2.menuPosition().y)("hasSelection", ctx_r2.hasCellSelection())("canUndoProp", ctx_r2.canUndo())("canRedoProp", ctx_r2.canRedo());
+} }
+function DataGridTableComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "ogrid-status-bar", 14);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    const sbConfig_r41 = i0.ɵɵreadContextLet(18);
+    i0.ɵɵproperty("totalCount", sbConfig_r41.totalCount)("filteredCount", sbConfig_r41.filteredCount)("selectedCount", sbConfig_r41.selectedCount ?? ctx_r2.selectedRowIds().size)("selectedCellCount", ctx_r2.selectionCellCount())("aggregation", sbConfig_r41.aggregation)("suppressRowCount", sbConfig_r41.suppressRowCount)("classNames", ctx_r2.statusBarClasses);
+} }
+function DataGridTableComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15)(1, "div", 62);
+    i0.ɵɵelement(2, "div", 63);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r2.loadingMessage());
+} }
+/**
+ * DataGridTable component using native HTML table with Material Design-inspired styling.
+ * Standalone component  -  this is the workhorse of the grid.
+ */
+export class DataGridTableComponent extends BaseDataGridTableComponent {
+    set propsInput(value) {
+        this.propsSignal.set(value);
+    }
+    constructor() {
+        super();
+        this.propsSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "propsSignal" }] : []));
+        this.statusBarClasses = {
+            statusBar: 'ogrid-status-bar',
+            statusBarItem: 'ogrid-status-bar-item',
+            statusBarLabel: 'ogrid-status-bar-label',
+            statusBarValue: 'ogrid-status-bar-value',
+        };
+        this.showColumnLetters = computed(() => !!this.getProps()?.showColumnLetters, ...(ngDevMode ? [{ debugName: "showColumnLetters" }] : []));
+        this.formulaReferences = computed(() => this.getProps()?.formulaReferences, ...(ngDevMode ? [{ debugName: "formulaReferences" }] : []));
+        this.initBase();
+        // Watch active cell and notify parent via onActiveCellChange when cellReferences is enabled
+        effect(() => {
+            const props = this.getProps();
+            const onActiveCellChange = props?.onActiveCellChange;
+            if (!onActiveCellChange)
+                return;
+            const ac = this.activeCell();
+            if (ac) {
+                const colIndex = ac.columnIndex - this.colOffset();
+                const rowNumber = ac.rowIndex + 1;
+                onActiveCellChange(formatCellReference(colIndex, rowNumber));
+            }
+            else {
+                onActiveCellChange(null);
+            }
+        });
+    }
+    getProps() {
+        return this.propsSignal();
+    }
+    getWrapperRef() {
+        return this.wrapperRef;
+    }
+    getTableContainerRef() {
+        return this.tableContainerRef;
+    }
+    getColumnLetter(colIdx) {
+        return indexToColumnLetter(colIdx);
+    }
+    onResizeRowNumber(event) {
+        event.stopPropagation();
+        this.onResizeStart(event, { columnId: ROW_NUMBER_COLUMN_ID, name: '#' });
+    }
+    static { this.ɵfac = function DataGridTableComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DataGridTableComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataGridTableComponent, selectors: [["ogrid-datagrid-table"]], viewQuery: function DataGridTableComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5)(_c1, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.wrapperRef = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tableContainerRef = _t.first);
+        } }, inputs: { propsInput: [0, "props", "propsInput"] }, features: [i0.ɵɵProvidersFeature([DataGridStateService, ColumnReorderService, VirtualScrollService]), i0.ɵɵInheritDefinitionFeature], decls: 21, vars: 39, consts: [["wrapperEl", ""], ["tableContainerElRef", ""], [1, "ogrid-datagrid-root"], ["tabindex", "0", "role", "region", "data-ogrid-scroll-container", "", 1, "ogrid-datagrid-wrapper", 3, "pointerdown", "keydown", "scroll", "contextmenu"], [1, "ogrid-datagrid-scroll-wrapper"], [2, "overflow-x", "clip"], ["role", "grid", 1, "ogrid-datagrid-table"], [1, "ogrid-column-letter-row"], [1, "ogrid-datagrid-header-row"], [3, "containerEl", "selectionRange", "copyRange", "cutRange", "colOffset", "columnSizingVersion", "items", "visibleColumns", "columnOrder"], [3, "containerEl", "references", "colOffset"], [1, "ogrid-datagrid-empty"], [1, "ogrid-datagrid-drop-indicator", 3, "left"], [1, "ogrid-datagrid-context-menu-overlay"], [3, "totalCount", "filteredCount", "selectedCount", "selectedCellCount", "aggregation", "suppressRowCount", "classNames"], [1, "ogrid-datagrid-loading-overlay"], [1, "ogrid-column-letter-cell"], [1, "ogrid-datagrid-th", "ogrid-datagrid-checkbox-col"], [1, "ogrid-datagrid-th", 2, "width", "48px", "min-width", "48px", "padding", "0"], [1, "ogrid-datagrid-th", "ogrid-row-number-header", 3, "width", "min-width", "max-width"], [1, "ogrid-datagrid-th", 2, "padding", "0", 3, "width", "min-width"], [1, "ogrid-datagrid-checkbox-wrapper"], ["type", "checkbox", "aria-label", "Select all rows", 3, "change", "checked", "indeterminate"], [1, "ogrid-datagrid-th", "ogrid-row-number-header"], [1, "ogrid-row-number-header-content"], ["role", "separator", "aria-label", "Resize row numbers", 1, "ogrid-datagrid-resize-handle", 3, "pointerdown", "dblclick"], [1, "ogrid-datagrid-th", 2, "padding", "0"], ["scope", "colgroup", 1, "ogrid-datagrid-th", "ogrid-datagrid-group-header"], ["scope", "col", 1, "ogrid-datagrid-th", 3, "ogrid-datagrid-th--pinned-left", "ogrid-datagrid-th--pinned-right", "minWidth", "width", "maxWidth", "cursor", "left", "right"], ["scope", "col", 1, "ogrid-datagrid-th", 3, "pointerdown"], [2, "display", "flex", "align-items", "center", "gap", "4px"], [3, "columnKey", "columnName", "filterType", "isSorted", "isSortedDescending", "onSort", "selectedValues", "onFilterChange", "options", "isLoadingOptions", "textValue", "onTextChange", "selectedUser", "onUserChange", "peopleSearch", "dateValue", "onDateChange"], [3, "columnId", "canPinLeft", "canPinRight", "canUnpin", "currentSort", "isSortable", "isResizable", "handlers"], ["role", "separator", 1, "ogrid-datagrid-resize-handle", 3, "pointerdown", "dblclick"], [1, "ogrid-datagrid-vs-spacer", 3, "height"], [1, "ogrid-datagrid-row", 3, "ogrid-datagrid-row--selected"], [1, "ogrid-datagrid-vs-spacer"], [1, "ogrid-datagrid-row", 3, "click"], [1, "ogrid-datagrid-td", "ogrid-datagrid-checkbox-col"], [1, "ogrid-datagrid-td", "ogrid-row-number-cell", 3, "width", "min-width", "max-width"], [3, "width", "minWidth", "maxWidth", "padding"], [1, "ogrid-datagrid-td", 3, "ogrid-datagrid-td--pinned-left", "ogrid-datagrid-td--pinned-right", "minWidth", "width", "maxWidth", "left", "right"], [1, "ogrid-datagrid-checkbox-wrapper", 3, "click"], ["type", "checkbox", 3, "change", "checked"], [1, "ogrid-datagrid-td", "ogrid-row-number-cell"], [1, "ogrid-row-number-cell-content"], [1, "ogrid-datagrid-td"], [1, "ogrid-editing-cell"], [3, "item", "column", "rowIndex", "globalColIndex", "displayValue", "editorProps", "onCancel"], [1, "ogrid-datagrid-cell", 3, "ogrid-datagrid-cell--active", "ogrid-datagrid-cell--active-in-range", "ogrid-datagrid-cell--in-range", "ogrid-datagrid-cell--in-cut-range", "ogrid-datagrid-cell--editable", "ogrid-datagrid-cell--numeric", "ogrid-datagrid-cell--boolean", "style"], [3, "commit", "cancel", "value", "item", "column", "rowIndex", "editorType"], [1, "ogrid-datagrid-cell", 3, "pointerdown", "click", "contextmenu", "dblclick"], ["type", "checkbox", 2, "margin", "0", "outline", "none", 3, "checked", "disabled", "cursor"], ["aria-label", "Fill handle", 1, "ogrid-datagrid-fill-handle"], ["type", "checkbox", 2, "margin", "0", "outline", "none", 3, "change", "pointerdown", "click", "checked", "disabled"], ["aria-label", "Fill handle", 1, "ogrid-datagrid-fill-handle", 3, "pointerdown"], [1, "ogrid-datagrid-empty__title"], [1, "ogrid-datagrid-empty__message"], [3, "clearAll", "message", "hasActiveFilters", "render"], [1, "ogrid-datagrid-drop-indicator"], [1, "ogrid-datagrid-context-menu-overlay", 3, "click", "contextmenu"], [3, "undoAction", "redoAction", "copyAction", "cutAction", "pasteAction", "selectAllAction", "closeAction", "x", "y", "hasSelection", "canUndoProp", "canRedoProp"], [1, "ogrid-datagrid-loading-inner"], [1, "ogrid-datagrid-spinner"]], template: function DataGridTableComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 2)(1, "div", 3, 0);
+            i0.ɵɵlistener("pointerdown", function DataGridTableComponent_Template_div_pointerdown_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onWrapperMouseDown($event)); })("keydown", function DataGridTableComponent_Template_div_keydown_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onGridKeyDown($event)); })("scroll", function DataGridTableComponent_Template_div_scroll_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onWrapperScroll($event)); })("contextmenu", function DataGridTableComponent_Template_div_contextmenu_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.preventDefault()); });
+            i0.ɵɵelementStart(3, "div", 4)(4, "div", 5)(5, "div", null, 1)(7, "table", 6)(8, "thead");
+            i0.ɵɵconditionalCreate(9, DataGridTableComponent_Conditional_9_Template, 5, 2, "tr", 7);
+            i0.ɵɵrepeaterCreate(10, DataGridTableComponent_For_11_Template, 7, 4, "tr", 8, i0.ɵɵrepeaterTrackByIndex);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(12, DataGridTableComponent_Conditional_12_Template, 5, 2, "tbody");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(13, "ogrid-marching-ants-overlay", 9);
+            i0.ɵɵconditionalCreate(14, DataGridTableComponent_Conditional_14_Template, 1, 3, "ogrid-formula-ref-overlay", 10);
+            i0.ɵɵconditionalCreate(15, DataGridTableComponent_Conditional_15_Template, 5, 3, "div", 11);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵconditionalCreate(16, DataGridTableComponent_Conditional_16_Template, 1, 2, "div", 12);
+            i0.ɵɵconditionalCreate(17, DataGridTableComponent_Conditional_17_Template, 2, 5, "div", 13);
+            i0.ɵɵelementEnd();
+            i0.ɵɵdeclareLet(18);
+            i0.ɵɵconditionalCreate(19, DataGridTableComponent_Conditional_19_Template, 1, 7, "ogrid-status-bar", 14);
+            i0.ɵɵconditionalCreate(20, DataGridTableComponent_Conditional_20_Template, 5, 1, "div", 15);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵstyleProp("--ogrid-row-height", ctx.rowHeightCssVar());
+            i0.ɵɵclassProp("ogrid-datagrid-wrapper--fit", ctx.layoutModeFit())("ogrid-datagrid-wrapper--loading-empty", ctx.isLoading() && ctx.items().length === 0)("ogrid-datagrid-wrapper--overflow-x", ctx.allowOverflowX());
+            i0.ɵɵattribute("aria-label", ctx.ariaLabel())("aria-labelledby", ctx.ariaLabelledBy())("data-overflow-x", ctx.allowOverflowX() ? "true" : "false")("data-virtual-scroll", ctx.vsEnabled() ? "" : null);
+            i0.ɵɵadvance(3);
+            i0.ɵɵstyleProp("min-width", ctx.allowOverflowX() ? ctx.minTableWidth() : undefined, "px");
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("ogrid-datagrid-table-wrapper--loading", ctx.isLoading() && ctx.items().length > 0);
+            i0.ɵɵadvance(2);
+            i0.ɵɵstyleProp("min-width", ctx.minTableWidth(), "px");
+            i0.ɵɵattribute("data-virtual-scroll", ctx.vsEnabled() ? "" : null);
+            i0.ɵɵadvance();
+            i0.ɵɵclassMap(ctx.stickyHeader() ? "ogrid-datagrid-thead ogrid-sticky-header" : "ogrid-datagrid-thead");
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showColumnLetters() ? 9 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.headerRows());
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(!ctx.showEmptyInGrid() ? 12 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("containerEl", ctx.tableContainerEl())("selectionRange", ctx.state().interaction.selectionRange)("copyRange", ctx.state().interaction.copyRange)("cutRange", ctx.state().interaction.cutRange)("colOffset", ctx.state().layout.colOffset)("columnSizingVersion", ctx.columnSizingVersion())("items", ctx.items())("visibleColumns", ctx.propsVisibleColumns())("columnOrder", ctx.propsColumnOrder());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.formulaReferences() && ctx.formulaReferences().length > 0 ? 14 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showEmptyInGrid() && ctx.emptyState() ? 15 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.columnReorderService.isDragging() && ctx.columnReorderService.dropIndicatorX() !== null ? 16 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.menuPosition() ? 17 : -1);
+            i0.ɵɵadvance();
+            const sbConfig_r42 = i0.ɵɵstoreLet(ctx.statusBarConfig());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(sbConfig_r42 ? 19 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.isLoading() ? 20 : -1);
+        } }, dependencies: [ColumnHeaderFilterComponent, ColumnHeaderMenuComponent, StatusBarComponent, GridContextMenuComponent, MarchingAntsOverlayComponent, EmptyStateComponent, FormulaRefOverlayComponent, InlineCellEditorComponent, PopoverCellEditorComponent], styles: ["\n    :host { display: block; }\n    .ogrid-datagrid-root { position: relative; flex: 1; min-height: 0; display: flex; flex-direction: column; }\n    .ogrid-datagrid-wrapper {\n      position: relative; width: 100%; max-width: 100%;\n      overflow-x: hidden; overflow-y: auto; background: var(--ogrid-bg, #ffffff);\n      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));\n      will-change: scroll-position; outline: none;\n    }\n    .ogrid-datagrid-wrapper[data-virtual-scroll] { flex: 1; min-height: 0; }\n    .ogrid-datagrid-wrapper [data-drag-range] { background: var(--ogrid-range-bg, rgba(33, 115, 70, 0.12)); }\n    .ogrid-datagrid-cell--active[data-drag-range] { outline: none; }\n    .ogrid-datagrid-wrapper--fit { width: fit-content; }\n    .ogrid-datagrid-wrapper--overflow-x { overflow-x: auto; }\n    .ogrid-datagrid-wrapper--loading-empty { min-height: 200px; }\n    .ogrid-datagrid-scroll-wrapper { display: flex; flex-direction: column; min-height: 100%; }\n    .ogrid-datagrid-table-wrapper--loading { position: relative; opacity: 0.6; }\n    .ogrid-datagrid-table {\n      width: 100%; min-width: max-content; border-collapse: collapse; table-layout: fixed;\n    }\n    .ogrid-datagrid-table tr th:first-child,\n    .ogrid-datagrid-table tr td:first-child { border-left: none; }\n    .ogrid-datagrid-table tbody tr { height: var(--ogrid-row-height, auto); }\n    .ogrid-datagrid-thead {\n      z-index: 8; background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04));\n    }\n    .ogrid-datagrid-thead th { background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04)); }\n    .ogrid-datagrid-header-row { background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04)); }\n    .ogrid-datagrid-th {\n      font-weight: 600; padding: 6px 10px; text-align: left;\n      font-size: 14px; border-bottom: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));\n      background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04)); z-index: 8;\n      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));\n    }\n    .ogrid-sticky-header .ogrid-datagrid-th { position: sticky; top: 0; }\n    .ogrid-datagrid-th:focus-visible {\n      outline: 2px solid var(--mat-sys-primary, #1976d2); outline-offset: -2px; z-index: 11;\n    }\n    .ogrid-datagrid-th--pinned-left {\n      position: sticky; top: 0; left: 0; z-index: 10; background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04)); will-change: transform;\n      border-right: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));\n      box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.1);\n    }\n    .ogrid-datagrid-th--pinned-right {\n      position: sticky; top: 0; right: 0; z-index: 10; background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04)); will-change: transform;\n      border-left: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));\n      box-shadow: -2px 0 4px -1px rgba(0, 0, 0, 0.1);\n    }\n    .ogrid-datagrid-group-header {\n      text-align: center; font-weight: 600; border-bottom: 2px solid var(--ogrid-border, rgba(0, 0, 0, 0.12)); padding: 6px;\n    }\n    .ogrid-datagrid-checkbox-col {\n      width: 48px; min-width: 48px;\n      max-width: 48px; text-align: center;\n    }\n    .ogrid-datagrid-checkbox-wrapper { display: flex; align-items: center; justify-content: center; }\n    .ogrid-row-number-header, .ogrid-row-number-cell {\n      text-align: center;\n      background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04)); font-weight: 600;\n      font-variant-numeric: tabular-nums; color: var(--ogrid-fg-secondary, rgba(0, 0, 0, 0.6));\n      position: sticky; left: 0; z-index: 3;\n    }\n    .ogrid-row-number-header { z-index: 4; }\n    .ogrid-row-number-header-content, .ogrid-row-number-cell-content {\n      display: flex; align-items: center; justify-content: center;\n    }\n    .ogrid-datagrid-row { }\n    .ogrid-datagrid-row:hover { background: var(--ogrid-hover-bg, rgba(0, 0, 0, 0.04)); }\n    .ogrid-datagrid-row--selected { background: var(--ogrid-selected-row-bg, #e6f0fb); }\n    .ogrid-datagrid-td { position: relative; padding: 0; height: 1px; border-bottom: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.06)); }\n    .ogrid-datagrid-td--pinned-left {\n      position: sticky; left: 0; z-index: 6; background: var(--ogrid-bg, #ffffff); will-change: transform;\n      border-right: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));\n      box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.1);\n    }\n    .ogrid-datagrid-td--pinned-right {\n      position: sticky; right: 0; z-index: 6; background: var(--ogrid-bg, #ffffff); will-change: transform;\n      border-left: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));\n      box-shadow: -2px 0 4px -1px rgba(0, 0, 0, 0.1);\n    }\n    .ogrid-datagrid-cell {\n      width: 100%; height: 100%; display: flex; align-items: center; min-width: 0;\n      padding: var(--ogrid-cell-padding, 6px 10px); box-sizing: border-box; overflow: hidden;\n      text-overflow: ellipsis; white-space: nowrap; user-select: none; outline: none;\n      font-size: 14px; color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));\n    }\n    .ogrid-datagrid-cell:focus-visible {\n      outline: 2px solid var(--mat-sys-primary, #1976d2); outline-offset: -2px; z-index: 3;\n    }\n    .ogrid-datagrid-cell--numeric { justify-content: flex-end; text-align: right; }\n    .ogrid-datagrid-cell--boolean { justify-content: flex-start; }\n    .ogrid-datagrid-cell--editable { cursor: cell; }\n    .ogrid-datagrid-cell--active {\n      outline: 2px solid var(--ogrid-selection-color, #217346); outline-offset: -1px;\n      z-index: 2; position: relative; overflow: visible;\n    }\n    .ogrid-datagrid-td:has(> .ogrid-datagrid-cell--active),\n    .ogrid-datagrid-td:has(> .ogrid-editing-cell) { z-index: 2; }\n    .ogrid-datagrid-cell--active-in-range { outline: none; background: var(--ogrid-bg, #fff); }\n    .ogrid-datagrid-cell--in-range { background: var(--ogrid-range-bg, rgba(33, 115, 70, 0.12)); }\n    .ogrid-datagrid-cell--in-cut-range { background: var(--ogrid-hover-bg, rgba(0, 0, 0, 0.04)); opacity: 0.7; }\n    .ogrid-datagrid-cell--editing { padding: 0; }\n    .ogrid-editing-cell {\n      width: 100%; height: 100%; display: flex; align-items: center; box-sizing: border-box;\n      outline: 2px solid var(--ogrid-selection-color, #217346); outline-offset: -1px;\n      z-index: 2; position: relative; background: var(--ogrid-bg, #fff); overflow: hidden; padding: 0;\n    }\n    .ogrid-datagrid-editor-input {\n      width: 100%; height: 100%; padding: 6px 10px; border: 2px solid var(--ogrid-selection-color, #217346);\n      box-sizing: border-box; font-size: 14px; outline: none; font-family: inherit; line-height: inherit;\n      background: var(--ogrid-bg, #ffffff); color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));\n    }\n    .ogrid-datagrid-cell--numeric .ogrid-datagrid-editor-input {\n      text-align: right;\n    }\n    .ogrid-datagrid-editor-select {\n      width: 100%; height: 100%; padding: 4px 8px; border: 2px solid var(--ogrid-selection-color, #217346);\n      box-sizing: border-box; font-size: 14px;\n      background: var(--ogrid-bg, #ffffff); color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));\n    }\n    .ogrid-datagrid-fill-handle {\n      position: absolute; right: -3px; bottom: -3px; width: 7px; height: 7px;\n      background: var(--ogrid-selection-color, #217346);\n      border: 1px solid var(--ogrid-bg, #ffffff); border-radius: 1px;\n      cursor: crosshair; pointer-events: auto; touch-action: none; z-index: 3;\n    }\n    @media (pointer: coarse) {\n      .ogrid-datagrid-fill-handle { width: 14px; height: 14px; right: -7px; bottom: -7px; border-radius: 2px; }\n    }\n    .ogrid-datagrid-resize-handle {\n      position: absolute; top: 0; right: -3px; bottom: 0; width: 8px;\n      cursor: col-resize; user-select: none; touch-action: none;\n    }\n    @media (pointer: coarse) {\n      .ogrid-datagrid-resize-handle { width: 16px; right: -8px; }\n    }\n    .ogrid-datagrid-resize-handle::after {\n      content: ''; position: absolute; top: 4px; right: 3px; bottom: 4px; width: 2px;\n      background: var(--ogrid-border, rgba(0, 0, 0, 0.12)); border-radius: 1px; transition: background 0.15s;\n    }\n    .ogrid-datagrid-resize-handle:hover::after { background: var(--ogrid-fg-muted, rgba(0, 0, 0, 0.4)); }\n    .ogrid-datagrid-resize-handle:active::after { background: var(--mat-sys-primary, #1976d2); }\n    .ogrid-datagrid-empty {\n      padding: 32px 16px; text-align: center; border-top: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));\n      background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04));\n    }\n    .ogrid-datagrid-empty__title { font-size: 18px; font-weight: 600; margin-bottom: 8px; color: var(--ogrid-fg, rgba(0, 0, 0, 0.87)); }\n    .ogrid-datagrid-empty__message { font-size: 14px; color: var(--ogrid-fg-secondary, rgba(0, 0, 0, 0.6)); }\n    .ogrid-datagrid-empty__clear {\n      background: none; border: none; color: var(--mat-sys-primary, #1976d2);\n      cursor: pointer; font-size: inherit; text-decoration: underline; padding: 0;\n    }\n    .ogrid-status-bar {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      width: 100%;\n      min-height: 33px;\n      padding: 6px 12px;\n      box-sizing: border-box;\n      font-size: 12px;\n      line-height: 20px;\n      color: var(--ogrid-fg-secondary, rgba(0, 0, 0, 0.6));\n      background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04));\n      border-top: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));\n    }\n    .ogrid-status-bar-item {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n    }\n    .ogrid-status-bar-item:not(:last-child)::after {\n      content: '';\n      width: 1px;\n      height: 14px;\n      margin-left: 12px;\n      background: var(--ogrid-border, rgba(0, 0, 0, 0.12));\n    }\n    .ogrid-status-bar-label {\n      color: var(--ogrid-fg-secondary, rgba(0, 0, 0, 0.6));\n    }\n    .ogrid-status-bar-value {\n      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));\n      font-weight: 600;\n    }\n    .ogrid-datagrid-loading-overlay {\n      position: absolute; inset: 0; z-index: 2;\n      display: flex; align-items: center; justify-content: center;\n      background: var(--ogrid-loading-overlay, rgba(255, 255, 255, 0.7));\n    }\n    .ogrid-datagrid-loading-inner {\n      display: flex; flex-direction: column; align-items: center; gap: 8px;\n      padding: 16px; background: var(--ogrid-bg, #ffffff); border: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12)); border-radius: 4px;\n      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));\n    }\n    .ogrid-datagrid-spinner {\n      width: 24px; height: 24px; border: 3px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));\n      border-top-color: var(--mat-sys-primary, #1976d2);\n      border-radius: 50%; animation: ogrid-spin 0.8s linear infinite;\n    }\n    @keyframes ogrid-spin { to { transform: rotate(360deg); } }\n    .ogrid-datagrid-drop-indicator {\n      position: absolute; top: 0; bottom: 0; width: 3px;\n      background: var(--ogrid-selection-color, #217346);\n      pointer-events: none; z-index: 100; transition: left 0.05s;\n    }\n    .ogrid-datagrid-context-menu-overlay {\n      position: fixed; inset: 0; z-index: 1000;\n    }\n    .ogrid-column-letter-cell {\n      text-align: center;\n      font-size: 11px;\n      font-weight: 500;\n      color: var(--ogrid-fg-muted, rgba(0, 0, 0, 0.4));\n      padding: 2px 4px;\n      background: var(--ogrid-column-letter-bg, var(--ogrid-header-bg, rgba(0, 0, 0, 0.04)));\n      border-bottom: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));\n      user-select: none;\n      font-variant-numeric: tabular-nums;\n    }\n\n    /* Reveal column menu trigger on header hover without layout shift.\n       The button always takes up space (visibility: hidden); shown when column is hovered. */\n    @media (hover: hover) {\n      th:hover .column-header-menu-trigger { visibility: visible; }\n    }\n\n    /* Angular Material Menu popup dark mode overrides.\n       Double-class selector (0,2,0) beats MUI's single-class (0,1,0) defaults. */\n    .mat-mdc-menu-panel.mat-mdc-menu-panel {\n      background: var(--ogrid-bg, #ffffff);\n      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));\n    }\n    .mat-mdc-menu-item.mat-mdc-menu-item {\n      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));\n    }\n    .mat-mdc-menu-item.mat-mdc-menu-item:hover:not([disabled]) {\n      background: var(--ogrid-hover-bg, rgba(0, 0, 0, 0.04));\n    }\n    .mat-mdc-menu-item.mat-mdc-menu-item .mat-mdc-menu-item-text {\n      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));\n    }\n  "], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DataGridTableComponent, [{
+        type: Component,
+        args: [{ selector: 'ogrid-datagrid-table', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [ColumnHeaderFilterComponent, ColumnHeaderMenuComponent, StatusBarComponent, GridContextMenuComponent, MarchingAntsOverlayComponent, EmptyStateComponent, FormulaRefOverlayComponent, InlineCellEditorComponent, PopoverCellEditorComponent], providers: [DataGridStateService, ColumnReorderService, VirtualScrollService], template: `
+    <div class="ogrid-datagrid-root">
+      <div
+        #wrapperEl
+        class="ogrid-datagrid-wrapper"
+        [class.ogrid-datagrid-wrapper--fit]="layoutModeFit()"
+        [class.ogrid-datagrid-wrapper--loading-empty]="isLoading() && items().length === 0"
+        [style.--ogrid-row-height]="rowHeightCssVar()"
+        tabindex="0"
+        role="region"
+        [attr.aria-label]="ariaLabel()"
+        [attr.aria-labelledby]="ariaLabelledBy()"
+        (pointerdown)="onWrapperMouseDown($event)"
+        (keydown)="onGridKeyDown($event)"
+        (scroll)="onWrapperScroll($event)"
+        (contextmenu)="$event.preventDefault()"
+        [class.ogrid-datagrid-wrapper--overflow-x]="allowOverflowX()"
+        [attr.data-overflow-x]="allowOverflowX() ? 'true' : 'false'"
+        [attr.data-virtual-scroll]="vsEnabled() ? '' : null"
+        data-ogrid-scroll-container
+      >
+        <div class="ogrid-datagrid-scroll-wrapper">
+          <div [style.minWidth.px]="allowOverflowX() ? minTableWidth() : undefined" style="overflow-x: clip">
+            <div [class.ogrid-datagrid-table-wrapper--loading]="isLoading() && items().length > 0" #tableContainerElRef>
+              <table class="ogrid-datagrid-table" role="grid" [style.minWidth.px]="minTableWidth()"
+                [attr.data-virtual-scroll]="vsEnabled() ? '' : null"
+              >
+                <thead [class]="stickyHeader() ? 'ogrid-datagrid-thead ogrid-sticky-header' : 'ogrid-datagrid-thead'">
+                  @if (showColumnLetters()) {
+                    <tr class="ogrid-column-letter-row">
+                      @if (hasCheckboxCol()) {
+                        <th class="ogrid-column-letter-cell"></th>
+                      }
+                      @if (hasRowNumbersCol()) {
+                        <th class="ogrid-column-letter-cell"></th>
+                      }
+                      @for (col of visibleCols(); track col.columnId; let colIdx = $index) {
+                        <th class="ogrid-column-letter-cell">
+                          {{ getColumnLetter(colIdx) }}
+                        </th>
+                      }
+                    </tr>
+                  }
+                  @for (row of headerRows(); track $index; let rowIdx = $index) {
+                    <tr class="ogrid-datagrid-header-row">
+                      @if (rowIdx === headerRows().length - 1 && hasCheckboxCol()) {
+                        <th class="ogrid-datagrid-th ogrid-datagrid-checkbox-col" [attr.rowSpan]="headerRows().length > 1 ? 1 : null">
+                          <div class="ogrid-datagrid-checkbox-wrapper">
+                            <input
+                              type="checkbox"
+                              [checked]="allSelected()"
+                              [indeterminate]="someSelected()"
+                              (change)="onSelectAllChange($event)"
+                              aria-label="Select all rows"
+                            />
+                          </div>
+                        </th>
+                      }
+                      @if (rowIdx === 0 && rowIdx < headerRows().length - 1 && hasCheckboxCol()) {
+                        <th [attr.rowSpan]="headerRows().length - 1" class="ogrid-datagrid-th" style="width: 48px; min-width: 48px; padding: 0;"></th>
+                      }
+                      @if (rowIdx === headerRows().length - 1 && hasRowNumbersCol()) {
+                        <th class="ogrid-datagrid-th ogrid-row-number-header" [attr.rowSpan]="headerRows().length > 1 ? 1 : null"
+                          [style.width.px]="getRowNumberWidth()"
+                          [style.min-width.px]="getRowNumberWidth()"
+                          [style.max-width.px]="getRowNumberWidth()"
+                        >
+                          <div class="ogrid-row-number-header-content">#</div>
+                          <div class="ogrid-datagrid-resize-handle" role="separator" aria-label="Resize row numbers" (pointerdown)="onResizeRowNumber($event)" (dblclick)="$event.stopPropagation()"></div>
+                        </th>
+                      }
+                      @if (rowIdx === 0 && rowIdx < headerRows().length - 1 && hasRowNumbersCol()) {
+                        <th [attr.rowSpan]="headerRows().length - 1" class="ogrid-datagrid-th" [style.width.px]="getRowNumberWidth()" [style.min-width.px]="getRowNumberWidth()" style="padding: 0;"></th>
+                      }
+                      @for (cell of row; track cell.columnDef?.columnId ?? $index; let cellIdx = $index) {
+                        @if (cell.isGroup) {
+                          <th [attr.colSpan]="cell.colSpan" scope="colgroup" class="ogrid-datagrid-th ogrid-datagrid-group-header">
+                            {{ cell.label }}
+                          </th>
+                        } @else {
+                          @let col = asColumnDef(cell.columnDef);
+                          @let colW = getColumnWidth(col);
+                          @let pinned = isPinned(col.columnId);
+                          @let pinnedLeft = pinned === 'left';
+                          @let pinnedRight = pinned === 'right';
+                          @let sortState = getSortState(col.columnId);
+                          @let ariaSort = sortState === 'asc' ? 'ascending' : sortState === 'desc' ? 'descending' : null;
+                          @let config = getFilterConfig(col);
+                          <th scope="col"
+                            class="ogrid-datagrid-th"
+                            [class.ogrid-datagrid-th--pinned-left]="pinnedLeft"
+                            [class.ogrid-datagrid-th--pinned-right]="pinnedRight"
+                            [attr.rowSpan]="headerRows().length > 1 ? headerRows().length - rowIdx : null"
+                            [attr.data-column-id]="col.columnId"
+                            [attr.aria-sort]="ariaSort"
+                            [style.minWidth.px]="getEffectiveMinWidth(col)"
+                            [style.width.px]="colW"
+                            [style.maxWidth.px]="colW"
+                            [style.cursor]="columnReorderService.isDragging() ? 'grabbing' : 'grab'"
+                            [style.left.px]="pinnedLeft ? getPinnedLeftOffset(col.columnId) : null"
+                            [style.right.px]="pinnedRight ? getPinnedRightOffset(col.columnId) : null"
+                            (pointerdown)="onHeaderMouseDown(col.columnId, $event)"
+                          >
+                            <div style="display:flex;align-items:center;gap:4px;">
+                              <ogrid-column-header-filter
+                                [columnKey]="col.columnId"
+                                [columnName]="col.name"
+                                [filterType]="config.filterType"
+                                [isSorted]="config.isSorted"
+                                [isSortedDescending]="config.isSortedDescending"
+                                [onSort]="config.onSort"
+                                [selectedValues]="config.selectedValues"
+                                [onFilterChange]="config.onFilterChange"
+                                [options]="config.options"
+                                [isLoadingOptions]="config.isLoadingOptions ?? false"
+                                [textValue]="config.textValue ?? ''"
+                                [onTextChange]="config.onTextChange"
+                                [selectedUser]="config.selectedUser"
+                                [onUserChange]="config.onUserChange"
+                                [peopleSearch]="config.peopleSearch"
+                                [dateValue]="config.dateValue"
+                                [onDateChange]="config.onDateChange"
+                              />
+                              @let pinState = getPinState(col.columnId);
+                              <column-header-menu
+                                [columnId]="col.columnId"
+                                [canPinLeft]="pinState.canPinLeft"
+                                [canPinRight]="pinState.canPinRight"
+                                [canUnpin]="pinState.canUnpin"
+                                [currentSort]="sortState"
+                                [isSortable]="col.sortable !== false"
+                                [isResizable]="col.resizable !== false"
+                                [handlers]="getColumnMenuHandlersMemoized(col.columnId)"
+                              />
+                            </div>
+                            <div class="ogrid-datagrid-resize-handle" role="separator" [attr.aria-label]="'Resize ' + col.name" (pointerdown)="onResizeStart($event, col)" (dblclick)="onResizeDoubleClick($event, col)"></div>
+                          </th>
+                        }
+                      }
+                    </tr>
+                  }
+                </thead>
+                @if (!showEmptyInGrid()) {
+                  <tbody>
+                    @if (vsEnabled() && vsTopSpacerHeight() > 0) {
+                      <tr class="ogrid-datagrid-vs-spacer" [style.height.px]="vsTopSpacerHeight()"></tr>
+                    }
+                    @for (item of vsVisibleItems(); track getRowId()(item); let localIdx = $index) {
+                      @let rowIndex = vsStartIndex() + localIdx;
+                      @let rowId = getRowId()(item);
+                      @let isSelected = selectedRowIds().has(rowId);
+                      <tr
+                        class="ogrid-datagrid-row"
+                        [class.ogrid-datagrid-row--selected]="isSelected"
+                        [attr.data-row-id]="rowId"
+                        [attr.aria-selected]="isSelected || null"
+                        (click)="onRowClick($event, rowId)"
+                      >
+                        @if (hasCheckboxCol()) {
+                          <td class="ogrid-datagrid-td ogrid-datagrid-checkbox-col">
+                            <div
+                              class="ogrid-datagrid-checkbox-wrapper"
+                              [attr.data-row-index]="rowIndex"
+                              [attr.data-col-index]="0"
+                              (click)="$event.stopPropagation()"
+                            >
+                              <input
+                                type="checkbox"
+                                [checked]="isSelected"
+                                (change)="onRowCheckboxChange(rowId, $event, rowIndex)"
+                                [attr.aria-label]="'Select row ' + (rowIndex + 1)"
+                              />
+                            </div>
+                          </td>
+                        }
+                        @if (hasRowNumbersCol()) {
+                          <td class="ogrid-datagrid-td ogrid-row-number-cell"
+                            [style.width.px]="getRowNumberWidth()"
+                            [style.min-width.px]="getRowNumberWidth()"
+                            [style.max-width.px]="getRowNumberWidth()"
+                          >
+                            <div class="ogrid-row-number-cell-content">
+                              {{ rowNumberOffset() + rowIndex + 1 }}
+                            </div>
+                          </td>
+                        }
+                        @if (vsColumnsEnabled() && vsLeftSpacerWidth() > 0) {
+                          <td [style.width.px]="vsLeftSpacerWidth()" [style.minWidth.px]="vsLeftSpacerWidth()" [style.maxWidth.px]="vsLeftSpacerWidth()" [style.padding]="'0'"></td>
+                        }
+                        @for (colLayout of vsColumnLayouts(); track colLayout.col.columnId) {
+                          <td
+                            class="ogrid-datagrid-td"
+                            [attr.data-column-id]="colLayout.col.columnId"
+                            [class.ogrid-datagrid-td--pinned-left]="colLayout.pinnedLeft"
+                            [class.ogrid-datagrid-td--pinned-right]="colLayout.pinnedRight"
+                            [style.minWidth.px]="colLayout.minWidth"
+                            [style.width.px]="colLayout.width"
+                            [style.maxWidth.px]="colLayout.width"
+                            [style.left.px]="colLayout.pinnedLeft ? getPinnedLeftOffset(colLayout.col.columnId) : null"
+                            [style.right.px]="colLayout.pinnedRight ? getPinnedRightOffset(colLayout.col.columnId) : null"
+                          >
+                            @let descriptor = getCellDescriptor(item, colLayout.col, rowIndex, getGlobalColIndex(colLayout.col));
+                            @if (descriptor.mode === 'editing-inline') {
+                              <div class="ogrid-editing-cell">
+                              <ogrid-mat-inline-cell-editor
+                                [value]="descriptor.value"
+                                [item]="item"
+                                [column]="colLayout.col"
+                                [rowIndex]="rowIndex"
+                                [editorType]="descriptor.editorType ?? 'text'"
+                                (commit)="commitEdit(item, colLayout.col.columnId, descriptor.value, $event, rowIndex, descriptor.globalColIndex)"
+                                (cancel)="cancelEdit()"
+                              ></ogrid-mat-inline-cell-editor>
+                              </div>
+                            } @else if (descriptor.mode === 'editing-popover') {
+                              @let editorProps = buildPopoverEditorProps(item, colLayout.col, descriptor);
+                              <ogrid-mat-popover-cell-editor
+                                [item]="item"
+                                [column]="colLayout.col"
+                                [rowIndex]="rowIndex"
+                                [globalColIndex]="descriptor.globalColIndex"
+                                [displayValue]="descriptor.displayValue"
+                                [editorProps]="editorProps"
+                                [onCancel]="cancelEdit.bind(this)"
+                              ></ogrid-mat-popover-cell-editor>
+                            } @else {
+                              @let content = resolveCellContent(colLayout.col, item, descriptor.displayValue);
+                              @let cellStyle = resolveCellStyleFn(colLayout.col, item, descriptor.displayValue);
+                              <div
+                                class="ogrid-datagrid-cell"
+                                [class.ogrid-datagrid-cell--active]="descriptor.isActive"
+                                [class.ogrid-datagrid-cell--active-in-range]="descriptor.isActive && descriptor.isInRange"
+                                [class.ogrid-datagrid-cell--in-range]="descriptor.isInRange && !descriptor.isActive"
+                                [class.ogrid-datagrid-cell--in-cut-range]="descriptor.isInCutRange"
+                                [class.ogrid-datagrid-cell--editable]="descriptor.canEditAny"
+                                [class.ogrid-datagrid-cell--numeric]="colLayout.col.type === 'numeric'"
+                                [class.ogrid-datagrid-cell--boolean]="colLayout.col.type === 'boolean'"
+                                [attr.data-row-index]="rowIndex"
+                                [attr.data-col-index]="descriptor.globalColIndex"
+                                [attr.data-in-range]="descriptor.isInRange ? 'true' : null"
+                                [attr.tabindex]="descriptor.isActive ? 0 : -1"
+                                (pointerdown)="onCellMouseDown($event, rowIndex, descriptor.globalColIndex)"
+                                (click)="onCellClick(rowIndex, descriptor.globalColIndex)"
+                                (contextmenu)="onCellContextMenu($event)"
+                                (dblclick)="descriptor.canEditAny ? onCellDblClick(descriptor.rowId, colLayout.col.columnId) : null"
+                                [attr.role]="descriptor.canEditAny ? 'button' : null"
+                                [style]="cellStyle ?? undefined"
+                              >
+                                @if (colLayout.col.type === 'boolean') {
+                                  <input type="checkbox" [checked]="!!descriptor.displayValue" [disabled]="!descriptor.canEditAny" (change)="descriptor.canEditAny ? commitBooleanEdit(item, colLayout.col.columnId, !!descriptor.displayValue, rowIndex, descriptor.globalColIndex) : null" (pointerdown)="onBooleanCheckboxPointerDown($event, rowIndex, descriptor.globalColIndex)" (click)="$event.stopPropagation()" style="margin:0;outline:none" [style.cursor]="descriptor.canEditAny ? 'pointer' : 'default'" [attr.aria-label]="descriptor.displayValue ? 'Checked' : 'Unchecked'" />
+                                } @else {
+                                  {{ content }}
+                                }
+                                @if (descriptor.canEditAny && descriptor.isSelectionEndCell) {
+                                  <div
+                                    class="ogrid-datagrid-fill-handle"
+                                    (pointerdown)="onFillHandleMouseDown($event)"
+                                    aria-label="Fill handle"
+                                  ></div>
+                                }
+                              </div>
+                            }
+                          </td>
+                        }
+                        @if (vsColumnsEnabled() && vsRightSpacerWidth() > 0) {
+                          <td [style.width.px]="vsRightSpacerWidth()" [style.minWidth.px]="vsRightSpacerWidth()" [style.maxWidth.px]="vsRightSpacerWidth()" [style.padding]="'0'"></td>
+                        }
+                      </tr>
+                    }
+                    @if (vsEnabled() && vsBottomSpacerHeight() > 0) {
+                      <tr class="ogrid-datagrid-vs-spacer" [style.height.px]="vsBottomSpacerHeight()"></tr>
+                    }
+                  </tbody>
+                }
+              </table>
+
+              <ogrid-marching-ants-overlay
+                [containerEl]="tableContainerEl()"
+                [selectionRange]="state().interaction.selectionRange"
+                [copyRange]="state().interaction.copyRange"
+                [cutRange]="state().interaction.cutRange"
+                [colOffset]="state().layout.colOffset"
+                [columnSizingVersion]="columnSizingVersion()"
+                [items]="items()"
+                [visibleColumns]="propsVisibleColumns()"
+                [columnOrder]="propsColumnOrder()"
+              ></ogrid-marching-ants-overlay>
+
+              @if (formulaReferences() && formulaReferences()!.length > 0) {
+                <ogrid-formula-ref-overlay
+                  [containerEl]="tableContainerEl()"
+                  [references]="formulaReferences()!"
+                  [colOffset]="colOffset()"
+                />
+              }
+
+              @if (showEmptyInGrid() && emptyState()) {
+                <div class="ogrid-datagrid-empty">
+                  <div class="ogrid-datagrid-empty__title">No results found</div>
+                  <div class="ogrid-datagrid-empty__message">
+                    <ogrid-empty-state
+                      [message]="emptyState()?.message"
+                      [hasActiveFilters]="emptyState()?.hasActiveFilters ?? false"
+                      [render]="emptyState()?.render"
+                      (clearAll)="emptyState()?.onClearAll()"
+                    ></ogrid-empty-state>
+                  </div>
+                </div>
+              }
+            </div>
+          </div>
+        </div>
+
+        @if (columnReorderService.isDragging() && columnReorderService.dropIndicatorX() !== null) {
+          <div class="ogrid-datagrid-drop-indicator" [style.left.px]="columnReorderService.dropIndicatorX()"></div>
+        }
+
+        @if (menuPosition()) {
+          <div
+            class="ogrid-datagrid-context-menu-overlay"
+            (click)="closeContextMenu()"
+            (contextmenu)="$event.preventDefault(); closeContextMenu()"
+          >
+            <ogrid-context-menu
+              [x]="menuPosition()!.x"
+              [y]="menuPosition()!.y"
+              [hasSelection]="hasCellSelection()"
+              [canUndoProp]="canUndo()"
+              [canRedoProp]="canRedo()"
+              (undoAction)="onUndo()"
+              (redoAction)="onRedo()"
+              (copyAction)="handleCopy()"
+              (cutAction)="handleCut()"
+              (pasteAction)="handlePaste()"
+              (selectAllAction)="handleSelectAllCells()"
+              (closeAction)="closeContextMenu()"
+            />
+          </div>
+        }
+      </div>
+
+      @let sbConfig = statusBarConfig();
+      @if (sbConfig) {
+        <ogrid-status-bar
+          [totalCount]="sbConfig.totalCount"
+          [filteredCount]="sbConfig.filteredCount"
+          [selectedCount]="sbConfig.selectedCount ?? selectedRowIds().size"
+          [selectedCellCount]="selectionCellCount()"
+          [aggregation]="sbConfig.aggregation"
+          [suppressRowCount]="sbConfig.suppressRowCount"
+          [classNames]="statusBarClasses"
+        />
+      }
+
+      @if (isLoading()) {
+        <div class="ogrid-datagrid-loading-overlay">
+          <div class="ogrid-datagrid-loading-inner">
+            <div class="ogrid-datagrid-spinner"></div>
+            <span>{{ loadingMessage() }}</span>
+          </div>
+        </div>
+      }
+    </div>
+  `, styles: ["\n    :host { display: block; }\n    .ogrid-datagrid-root { position: relative; flex: 1; min-height: 0; display: flex; flex-direction: column; }\n    .ogrid-datagrid-wrapper {\n      position: relative; width: 100%; max-width: 100%;\n      overflow-x: hidden; overflow-y: auto; background: var(--ogrid-bg, #ffffff);\n      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));\n      will-change: scroll-position; outline: none;\n    }\n    .ogrid-datagrid-wrapper[data-virtual-scroll] { flex: 1; min-height: 0; }\n    .ogrid-datagrid-wrapper [data-drag-range] { background: var(--ogrid-range-bg, rgba(33, 115, 70, 0.12)); }\n    .ogrid-datagrid-cell--active[data-drag-range] { outline: none; }\n    .ogrid-datagrid-wrapper--fit { width: fit-content; }\n    .ogrid-datagrid-wrapper--overflow-x { overflow-x: auto; }\n    .ogrid-datagrid-wrapper--loading-empty { min-height: 200px; }\n    .ogrid-datagrid-scroll-wrapper { display: flex; flex-direction: column; min-height: 100%; }\n    .ogrid-datagrid-table-wrapper--loading { position: relative; opacity: 0.6; }\n    .ogrid-datagrid-table {\n      width: 100%; min-width: max-content; border-collapse: collapse; table-layout: fixed;\n    }\n    .ogrid-datagrid-table tr th:first-child,\n    .ogrid-datagrid-table tr td:first-child { border-left: none; }\n    .ogrid-datagrid-table tbody tr { height: var(--ogrid-row-height, auto); }\n    .ogrid-datagrid-thead {\n      z-index: 8; background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04));\n    }\n    .ogrid-datagrid-thead th { background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04)); }\n    .ogrid-datagrid-header-row { background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04)); }\n    .ogrid-datagrid-th {\n      font-weight: 600; padding: 6px 10px; text-align: left;\n      font-size: 14px; border-bottom: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));\n      background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04)); z-index: 8;\n      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));\n    }\n    .ogrid-sticky-header .ogrid-datagrid-th { position: sticky; top: 0; }\n    .ogrid-datagrid-th:focus-visible {\n      outline: 2px solid var(--mat-sys-primary, #1976d2); outline-offset: -2px; z-index: 11;\n    }\n    .ogrid-datagrid-th--pinned-left {\n      position: sticky; top: 0; left: 0; z-index: 10; background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04)); will-change: transform;\n      border-right: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));\n      box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.1);\n    }\n    .ogrid-datagrid-th--pinned-right {\n      position: sticky; top: 0; right: 0; z-index: 10; background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04)); will-change: transform;\n      border-left: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));\n      box-shadow: -2px 0 4px -1px rgba(0, 0, 0, 0.1);\n    }\n    .ogrid-datagrid-group-header {\n      text-align: center; font-weight: 600; border-bottom: 2px solid var(--ogrid-border, rgba(0, 0, 0, 0.12)); padding: 6px;\n    }\n    .ogrid-datagrid-checkbox-col {\n      width: 48px; min-width: 48px;\n      max-width: 48px; text-align: center;\n    }\n    .ogrid-datagrid-checkbox-wrapper { display: flex; align-items: center; justify-content: center; }\n    .ogrid-row-number-header, .ogrid-row-number-cell {\n      text-align: center;\n      background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04)); font-weight: 600;\n      font-variant-numeric: tabular-nums; color: var(--ogrid-fg-secondary, rgba(0, 0, 0, 0.6));\n      position: sticky; left: 0; z-index: 3;\n    }\n    .ogrid-row-number-header { z-index: 4; }\n    .ogrid-row-number-header-content, .ogrid-row-number-cell-content {\n      display: flex; align-items: center; justify-content: center;\n    }\n    .ogrid-datagrid-row { }\n    .ogrid-datagrid-row:hover { background: var(--ogrid-hover-bg, rgba(0, 0, 0, 0.04)); }\n    .ogrid-datagrid-row--selected { background: var(--ogrid-selected-row-bg, #e6f0fb); }\n    .ogrid-datagrid-td { position: relative; padding: 0; height: 1px; border-bottom: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.06)); }\n    .ogrid-datagrid-td--pinned-left {\n      position: sticky; left: 0; z-index: 6; background: var(--ogrid-bg, #ffffff); will-change: transform;\n      border-right: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));\n      box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.1);\n    }\n    .ogrid-datagrid-td--pinned-right {\n      position: sticky; right: 0; z-index: 6; background: var(--ogrid-bg, #ffffff); will-change: transform;\n      border-left: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));\n      box-shadow: -2px 0 4px -1px rgba(0, 0, 0, 0.1);\n    }\n    .ogrid-datagrid-cell {\n      width: 100%; height: 100%; display: flex; align-items: center; min-width: 0;\n      padding: var(--ogrid-cell-padding, 6px 10px); box-sizing: border-box; overflow: hidden;\n      text-overflow: ellipsis; white-space: nowrap; user-select: none; outline: none;\n      font-size: 14px; color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));\n    }\n    .ogrid-datagrid-cell:focus-visible {\n      outline: 2px solid var(--mat-sys-primary, #1976d2); outline-offset: -2px; z-index: 3;\n    }\n    .ogrid-datagrid-cell--numeric { justify-content: flex-end; text-align: right; }\n    .ogrid-datagrid-cell--boolean { justify-content: flex-start; }\n    .ogrid-datagrid-cell--editable { cursor: cell; }\n    .ogrid-datagrid-cell--active {\n      outline: 2px solid var(--ogrid-selection-color, #217346); outline-offset: -1px;\n      z-index: 2; position: relative; overflow: visible;\n    }\n    .ogrid-datagrid-td:has(> .ogrid-datagrid-cell--active),\n    .ogrid-datagrid-td:has(> .ogrid-editing-cell) { z-index: 2; }\n    .ogrid-datagrid-cell--active-in-range { outline: none; background: var(--ogrid-bg, #fff); }\n    .ogrid-datagrid-cell--in-range { background: var(--ogrid-range-bg, rgba(33, 115, 70, 0.12)); }\n    .ogrid-datagrid-cell--in-cut-range { background: var(--ogrid-hover-bg, rgba(0, 0, 0, 0.04)); opacity: 0.7; }\n    .ogrid-datagrid-cell--editing { padding: 0; }\n    .ogrid-editing-cell {\n      width: 100%; height: 100%; display: flex; align-items: center; box-sizing: border-box;\n      outline: 2px solid var(--ogrid-selection-color, #217346); outline-offset: -1px;\n      z-index: 2; position: relative; background: var(--ogrid-bg, #fff); overflow: hidden; padding: 0;\n    }\n    .ogrid-datagrid-editor-input {\n      width: 100%; height: 100%; padding: 6px 10px; border: 2px solid var(--ogrid-selection-color, #217346);\n      box-sizing: border-box; font-size: 14px; outline: none; font-family: inherit; line-height: inherit;\n      background: var(--ogrid-bg, #ffffff); color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));\n    }\n    .ogrid-datagrid-cell--numeric .ogrid-datagrid-editor-input {\n      text-align: right;\n    }\n    .ogrid-datagrid-editor-select {\n      width: 100%; height: 100%; padding: 4px 8px; border: 2px solid var(--ogrid-selection-color, #217346);\n      box-sizing: border-box; font-size: 14px;\n      background: var(--ogrid-bg, #ffffff); color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));\n    }\n    .ogrid-datagrid-fill-handle {\n      position: absolute; right: -3px; bottom: -3px; width: 7px; height: 7px;\n      background: var(--ogrid-selection-color, #217346);\n      border: 1px solid var(--ogrid-bg, #ffffff); border-radius: 1px;\n      cursor: crosshair; pointer-events: auto; touch-action: none; z-index: 3;\n    }\n    @media (pointer: coarse) {\n      .ogrid-datagrid-fill-handle { width: 14px; height: 14px; right: -7px; bottom: -7px; border-radius: 2px; }\n    }\n    .ogrid-datagrid-resize-handle {\n      position: absolute; top: 0; right: -3px; bottom: 0; width: 8px;\n      cursor: col-resize; user-select: none; touch-action: none;\n    }\n    @media (pointer: coarse) {\n      .ogrid-datagrid-resize-handle { width: 16px; right: -8px; }\n    }\n    .ogrid-datagrid-resize-handle::after {\n      content: ''; position: absolute; top: 4px; right: 3px; bottom: 4px; width: 2px;\n      background: var(--ogrid-border, rgba(0, 0, 0, 0.12)); border-radius: 1px; transition: background 0.15s;\n    }\n    .ogrid-datagrid-resize-handle:hover::after { background: var(--ogrid-fg-muted, rgba(0, 0, 0, 0.4)); }\n    .ogrid-datagrid-resize-handle:active::after { background: var(--mat-sys-primary, #1976d2); }\n    .ogrid-datagrid-empty {\n      padding: 32px 16px; text-align: center; border-top: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));\n      background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04));\n    }\n    .ogrid-datagrid-empty__title { font-size: 18px; font-weight: 600; margin-bottom: 8px; color: var(--ogrid-fg, rgba(0, 0, 0, 0.87)); }\n    .ogrid-datagrid-empty__message { font-size: 14px; color: var(--ogrid-fg-secondary, rgba(0, 0, 0, 0.6)); }\n    .ogrid-datagrid-empty__clear {\n      background: none; border: none; color: var(--mat-sys-primary, #1976d2);\n      cursor: pointer; font-size: inherit; text-decoration: underline; padding: 0;\n    }\n    .ogrid-status-bar {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      width: 100%;\n      min-height: 33px;\n      padding: 6px 12px;\n      box-sizing: border-box;\n      font-size: 12px;\n      line-height: 20px;\n      color: var(--ogrid-fg-secondary, rgba(0, 0, 0, 0.6));\n      background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04));\n      border-top: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));\n    }\n    .ogrid-status-bar-item {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n    }\n    .ogrid-status-bar-item:not(:last-child)::after {\n      content: '';\n      width: 1px;\n      height: 14px;\n      margin-left: 12px;\n      background: var(--ogrid-border, rgba(0, 0, 0, 0.12));\n    }\n    .ogrid-status-bar-label {\n      color: var(--ogrid-fg-secondary, rgba(0, 0, 0, 0.6));\n    }\n    .ogrid-status-bar-value {\n      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));\n      font-weight: 600;\n    }\n    .ogrid-datagrid-loading-overlay {\n      position: absolute; inset: 0; z-index: 2;\n      display: flex; align-items: center; justify-content: center;\n      background: var(--ogrid-loading-overlay, rgba(255, 255, 255, 0.7));\n    }\n    .ogrid-datagrid-loading-inner {\n      display: flex; flex-direction: column; align-items: center; gap: 8px;\n      padding: 16px; background: var(--ogrid-bg, #ffffff); border: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12)); border-radius: 4px;\n      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));\n    }\n    .ogrid-datagrid-spinner {\n      width: 24px; height: 24px; border: 3px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));\n      border-top-color: var(--mat-sys-primary, #1976d2);\n      border-radius: 50%; animation: ogrid-spin 0.8s linear infinite;\n    }\n    @keyframes ogrid-spin { to { transform: rotate(360deg); } }\n    .ogrid-datagrid-drop-indicator {\n      position: absolute; top: 0; bottom: 0; width: 3px;\n      background: var(--ogrid-selection-color, #217346);\n      pointer-events: none; z-index: 100; transition: left 0.05s;\n    }\n    .ogrid-datagrid-context-menu-overlay {\n      position: fixed; inset: 0; z-index: 1000;\n    }\n    .ogrid-column-letter-cell {\n      text-align: center;\n      font-size: 11px;\n      font-weight: 500;\n      color: var(--ogrid-fg-muted, rgba(0, 0, 0, 0.4));\n      padding: 2px 4px;\n      background: var(--ogrid-column-letter-bg, var(--ogrid-header-bg, rgba(0, 0, 0, 0.04)));\n      border-bottom: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));\n      user-select: none;\n      font-variant-numeric: tabular-nums;\n    }\n\n    /* Reveal column menu trigger on header hover without layout shift.\n       The button always takes up space (visibility: hidden); shown when column is hovered. */\n    @media (hover: hover) {\n      th:hover .column-header-menu-trigger { visibility: visible; }\n    }\n\n    /* Angular Material Menu popup dark mode overrides.\n       Double-class selector (0,2,0) beats MUI's single-class (0,1,0) defaults. */\n    .mat-mdc-menu-panel.mat-mdc-menu-panel {\n      background: var(--ogrid-bg, #ffffff);\n      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));\n    }\n    .mat-mdc-menu-item.mat-mdc-menu-item {\n      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));\n    }\n    .mat-mdc-menu-item.mat-mdc-menu-item:hover:not([disabled]) {\n      background: var(--ogrid-hover-bg, rgba(0, 0, 0, 0.04));\n    }\n    .mat-mdc-menu-item.mat-mdc-menu-item .mat-mdc-menu-item-text {\n      color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));\n    }\n  "] }]
+    }], () => [], { propsInput: [{
+            type: Input,
+            args: [{ required: true, alias: 'props' }]
+        }], wrapperRef: [{
+            type: ViewChild,
+            args: ['wrapperEl']
+        }], tableContainerRef: [{
+            type: ViewChild,
+            args: ['tableContainerElRef']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DataGridTableComponent, { className: "DataGridTableComponent", filePath: "datagrid-table/datagrid-table.component.ts", lineNumber: 645 }); })();