@alaarab/ogrid-angular 2.6.0 → 2.6.1

package/dist/types/components/inline-cell-editor-template.d.ts

@@ -2,5 +2,5 @@
  * Shared inline cell editor template used by all Angular UI packages.
  * The template is identical across Material, PrimeNG, and Radix implementations.
  */
-export declare const INLINE_CELL_EDITOR_TEMPLATE = "\n    @switch (editorType) {\n      @case ('text') {\n        <input\n          #inputEl\n          type=\"text\"\n          [value]=\"localValue()\"\n          (input)=\"localValue.set($any($event.target).value)\"\n          (keydown)=\"onTextKeyDown($event)\"\n          (blur)=\"onTextBlur()\"\n          [style]=\"getInputStyle()\"\n        />\n      }\n      @case ('richSelect') {\n        <div #richSelectWrapper\n             style=\"width:100%;height:100%;display:flex;align-items:center;padding:6px 10px;box-sizing:border-box;min-width:0;position:relative\">\n          <div style=\"display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;font-size:13px;color:inherit\">\n            <span>{{ getDisplayText(value) }}</span>\n            <span style=\"margin-left:4px;font-size:10px;opacity:0.5\">&#9662;</span>\n          </div>\n          <div #richSelectDropdown role=\"listbox\"\n               style=\"position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--ogrid-bg, #fff);border:1px solid var(--ogrid-border, rgba(0,0,0,0.12));z-index:10;box-shadow:0 4px 16px rgba(0,0,0,0.2);text-align:left;font-size:13px;font-family:inherit\">\n            <input\n              #richSelectInput\n              type=\"text\"\n              [value]=\"searchText()\"\n              (input)=\"onRichSelectSearch($any($event.target).value)\"\n              (keydown)=\"onRichSelectKeyDown($event)\"\n              placeholder=\"Search...\"\n              style=\"width:100%;padding:6px 8px;border:none;border-bottom:1px solid var(--ogrid-border, rgba(0,0,0,0.12));background:var(--ogrid-bg, #fff);color:inherit;font:inherit;font-size:13px;outline:none;box-sizing:border-box;position:sticky;top:0;z-index:1\"\n            />\n            <div #richSelectOptions>\n              @for (opt of filteredOptions(); track opt; let i = $index) {\n                <div role=\"option\"\n                     [attr.aria-selected]=\"i === highlightedIndex()\"\n                     (click)=\"commitValue(opt)\"\n                     [style]=\"i === highlightedIndex() ? 'padding:6px 8px;cursor:pointer;color:var(--ogrid-fg, #242424);font-size:13px;background:var(--ogrid-bg-hover, #e8f0fe)' : 'padding:6px 8px;cursor:pointer;color:var(--ogrid-fg, #242424);font-size:13px'\">\n                  {{ getDisplayText(opt) }}\n                </div>\n              }\n              @if (filteredOptions().length === 0) {\n                <div style=\"padding:6px 8px;color:var(--ogrid-muted, #999);font-size:13px\">No matches</div>\n              }\n            </div>\n          </div>\n        </div>\n      }\n      @case ('select') {\n        <div #selectWrapper tabindex=\"0\"\n             style=\"width:100%;height:100%;display:flex;align-items:center;padding:6px 10px;box-sizing:border-box;min-width:0;position:relative\"\n             (keydown)=\"onCustomSelectKeyDown($event)\">\n          <div style=\"display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;font-size:13px;color:inherit\">\n            <span>{{ getDisplayText(value) }}</span>\n            <span style=\"margin-left:4px;font-size:10px;opacity:0.5\">&#9662;</span>\n          </div>\n          <div #selectDropdown role=\"listbox\"\n               style=\"position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--ogrid-bg, #fff);border:1px solid var(--ogrid-border, rgba(0,0,0,0.12));z-index:10;box-shadow:0 4px 16px rgba(0,0,0,0.2);text-align:left;font-size:13px;font-family:inherit\">\n            @for (opt of selectOptions(); track opt; let i = $index) {\n              <div role=\"option\"\n                   [attr.aria-selected]=\"i === highlightedIndex()\"\n                   (click)=\"commitValue(opt)\"\n                   [style]=\"i === highlightedIndex() ? 'padding:6px 8px;cursor:pointer;color:var(--ogrid-fg, #242424);font-size:13px;background:var(--ogrid-bg-hover, #e8f0fe)' : 'padding:6px 8px;cursor:pointer;color:var(--ogrid-fg, #242424);font-size:13px'\">\n                {{ getDisplayText(opt) }}\n              </div>\n            }\n          </div>\n        </div>\n      }\n      @case ('checkbox') {\n        <div style=\"display:flex;align-items:center;justify-content:center;width:100%;height:100%\">\n          <input\n            type=\"checkbox\"\n            [checked]=\"!!localValue()\"\n            (change)=\"commitValue($any($event.target).checked)\"\n            (keydown)=\"onCheckboxKeyDown($event)\"\n          />\n        </div>\n      }\n      @case ('date') {\n        @if (getCellEditorType() === 'native') {\n          <input\n            #inputEl\n            type=\"date\"\n            [value]=\"localValue()\"\n            (input)=\"localValue.set($any($event.target).value)\"\n            (keydown)=\"onTextKeyDown($event)\"\n            (blur)=\"onTextBlur()\"\n            [style]=\"getInputStyle()\"\n          />\n        } @else {\n          <input\n            #inputEl\n            type=\"text\"\n            [placeholder]=\"getDatePlaceholder()\"\n            [value]=\"localValue()\"\n            (input)=\"localValue.set($any($event.target).value)\"\n            (keydown)=\"onTextKeyDown($event)\"\n            (blur)=\"onTextBlur()\"\n            [style]=\"getInputStyle()\"\n          />\n        }\n      }\n      @default {\n        <input\n          #inputEl\n          type=\"text\"\n          [value]=\"localValue()\"\n          (input)=\"localValue.set($any($event.target).value)\"\n          (keydown)=\"onTextKeyDown($event)\"\n          (blur)=\"onTextBlur()\"\n          [style]=\"getInputStyle()\"\n        />\n      }\n    }\n";
-export declare const INLINE_CELL_EDITOR_STYLES = "\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n";
+export declare const INLINE_CELL_EDITOR_TEMPLATE = "\n    @switch (editorType) {\n      @case ('text') {\n        <input\n          #inputEl\n          type=\"text\"\n          [value]=\"localValue()\"\n          (input)=\"localValue.set($any($event.target).value)\"\n          (keydown)=\"onTextKeyDown($event)\"\n          (blur)=\"onTextBlur()\"\n          [style]=\"getInputStyle()\"\n        />\n      }\n      @case ('richSelect') {\n        <div #richSelectWrapper\n             style=\"width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;overflow:hidden;min-width:0;position:relative\">\n          <div style=\"display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;cursor:pointer;font-size:var(--ogrid-cell-font-size, 13px);color:inherit\">\n            <span style=\"flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap\">{{ getDisplayText(value) }}</span>\n            <span style=\"margin-left:4px;font-size:10px;opacity:0.5\">&#9662;</span>\n          </div>\n          <div #richSelectDropdown role=\"listbox\"\n               style=\"position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--ogrid-bg, #fff);border:1px solid var(--ogrid-border, rgba(0,0,0,0.12));z-index:10;box-shadow:0 4px 16px rgba(0,0,0,0.2);text-align:left;font-size:var(--ogrid-cell-font-size, 13px);font-family:inherit\">\n            <input\n              #richSelectInput\n              type=\"text\"\n              [value]=\"searchText()\"\n              (input)=\"onRichSelectSearch($any($event.target).value)\"\n              (keydown)=\"onRichSelectKeyDown($event)\"\n              placeholder=\"Search...\"\n              style=\"width:100%;padding:6px 8px;border:none;border-bottom:1px solid var(--ogrid-border, rgba(0,0,0,0.12));background:var(--ogrid-bg, #fff);color:inherit;font:inherit;font-size:var(--ogrid-cell-font-size, 13px);outline:none;box-sizing:border-box;position:sticky;top:0;z-index:1\"\n            />\n            <div #richSelectOptions>\n              @for (opt of filteredOptions(); track opt; let i = $index) {\n                <div role=\"option\"\n                     [attr.aria-selected]=\"i === highlightedIndex()\"\n                     (click)=\"commitValue(opt)\"\n                     [style]=\"i === highlightedIndex() ? 'padding:6px 8px;cursor:pointer;color:var(--ogrid-fg, #242424);font-size:var(--ogrid-cell-font-size, 13px);background:var(--ogrid-bg-hover, #e8f0fe)' : 'padding:6px 8px;cursor:pointer;color:var(--ogrid-fg, #242424);font-size:var(--ogrid-cell-font-size, 13px)'\">\n                  {{ getDisplayText(opt) }}\n                </div>\n              }\n              @if (filteredOptions().length === 0) {\n                <div style=\"padding:6px 8px;color:var(--ogrid-muted, #999);font-size:var(--ogrid-cell-font-size, 13px)\">No matches</div>\n              }\n            </div>\n          </div>\n        </div>\n      }\n      @case ('select') {\n        <div #selectWrapper tabindex=\"0\"\n             style=\"width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;overflow:hidden;min-width:0;position:relative\"\n             (keydown)=\"onCustomSelectKeyDown($event)\">\n          <div style=\"display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;cursor:pointer;font-size:var(--ogrid-cell-font-size, 13px);color:inherit\">\n            <span style=\"flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap\">{{ getDisplayText(value) }}</span>\n            <span style=\"margin-left:4px;font-size:10px;opacity:0.5\">&#9662;</span>\n          </div>\n          <div #selectDropdown role=\"listbox\"\n               style=\"position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--ogrid-bg, #fff);border:1px solid var(--ogrid-border, rgba(0,0,0,0.12));z-index:10;box-shadow:0 4px 16px rgba(0,0,0,0.2);text-align:left;font-size:var(--ogrid-cell-font-size, 13px);font-family:inherit\">\n            @for (opt of selectOptions(); track opt; let i = $index) {\n              <div role=\"option\"\n                   [attr.aria-selected]=\"i === highlightedIndex()\"\n                   (click)=\"commitValue(opt)\"\n                   [style]=\"i === highlightedIndex() ? 'padding:6px 8px;cursor:pointer;color:var(--ogrid-fg, #242424);font-size:var(--ogrid-cell-font-size, 13px);background:var(--ogrid-bg-hover, #e8f0fe)' : 'padding:6px 8px;cursor:pointer;color:var(--ogrid-fg, #242424);font-size:var(--ogrid-cell-font-size, 13px)'\">\n                {{ getDisplayText(opt) }}\n              </div>\n            }\n          </div>\n        </div>\n      }\n      @case ('checkbox') {\n        <div style=\"display:flex;align-items:center;justify-content:center;width:100%;height:100%\">\n          <input\n            type=\"checkbox\"\n            [checked]=\"!!localValue()\"\n            (change)=\"commitValue($any($event.target).checked)\"\n            (keydown)=\"onCheckboxKeyDown($event)\"\n          />\n        </div>\n      }\n      @case ('date') {\n        @if (getCellEditorType() === 'native') {\n          <input\n            #inputEl\n            type=\"date\"\n            [value]=\"localValue()\"\n            (input)=\"localValue.set($any($event.target).value)\"\n            (keydown)=\"onTextKeyDown($event)\"\n            (blur)=\"onTextBlur()\"\n            [style]=\"getInputStyle()\"\n          />\n        } @else {\n          <input\n            #inputEl\n            type=\"text\"\n            [placeholder]=\"getDatePlaceholder()\"\n            [value]=\"localValue()\"\n            (input)=\"localValue.set($any($event.target).value)\"\n            (keydown)=\"onTextKeyDown($event)\"\n            (blur)=\"onTextBlur()\"\n            [style]=\"getInputStyle()\"\n          />\n        }\n      }\n      @default {\n        <input\n          #inputEl\n          type=\"text\"\n          [value]=\"localValue()\"\n          (input)=\"localValue.set($any($event.target).value)\"\n          (keydown)=\"onTextKeyDown($event)\"\n          (blur)=\"onTextBlur()\"\n          [style]=\"getInputStyle()\"\n        />\n      }\n    }\n";
+export declare const INLINE_CELL_EDITOR_STYLES = "\n    :host {\n      display: flex;\n      align-items: center;\n      width: 100%;\n      height: 100%;\n      min-width: 0;\n      padding-top: var(--ogrid-cell-padding-vertical, 6px);\n      padding-bottom: var(--ogrid-cell-padding-vertical, 6px);\n      padding-left: var(--ogrid-cell-padding-horizontal, 10px);\n      padding-right: var(--ogrid-cell-padding-horizontal, 10px);\n      box-sizing: border-box;\n      overflow: hidden;\n    }\n";

package/dist/types/components/marching-ants-overlay.component.d.ts

@@ -1,6 +1,7 @@
 import { OnChanges, SimpleChanges } from '@angular/core';
 import type { ISelectionRange } from '../types';
 import { type OverlayRect } from '@alaarab/ogrid-core';
+import * as i0 from "@angular/core";
 export declare class MarchingAntsOverlayComponent implements OnChanges {
     private destroyRef;
     containerEl: HTMLElement | null;
@@ -22,4 +23,6 @@ export declare class MarchingAntsOverlayComponent implements OnChanges {
     isSingleCellSelection(): boolean;
     clipRangeMatchesSel(): boolean;
     max0(n: number): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MarchingAntsOverlayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MarchingAntsOverlayComponent, "ogrid-marching-ants-overlay", never, { "containerEl": { "alias": "containerEl"; "required": true; }; "selectionRange": { "alias": "selectionRange"; "required": false; }; "copyRange": { "alias": "copyRange"; "required": false; }; "cutRange": { "alias": "cutRange"; "required": false; }; "colOffset": { "alias": "colOffset"; "required": false; }; "columnSizingVersion": { "alias": "columnSizingVersion"; "required": false; }; "items": { "alias": "items"; "required": false; }; "visibleColumns": { "alias": "visibleColumns"; "required": false; }; "columnOrder": { "alias": "columnOrder"; "required": false; }; }, {}, never, never, true, never>;
 }

package/dist/types/components/ogrid-layout.component.d.ts

@@ -1,6 +1,7 @@
 import type { SideBarProps } from './sidebar.component';
 import type { OGridFormulaBarState } from '../services/ogrid.service';
 import type { ISheetDef } from '@alaarab/ogrid-core';
+import * as i0 from "@angular/core";
 export declare class OGridLayoutComponent {
     className?: string;
     hasToolbar: boolean;
@@ -21,4 +22,6 @@ export declare class OGridLayoutComponent {
     get rootClass(): string;
     toggleFullScreen(): void;
     private removeEscListener;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OGridLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OGridLayoutComponent, "ogrid-layout", never, { "className": { "alias": "className"; "required": false; }; "hasToolbar": { "alias": "hasToolbar"; "required": false; }; "hasToolbarBelow": { "alias": "hasToolbarBelow"; "required": false; }; "hasPagination": { "alias": "hasPagination"; "required": false; }; "sideBar": { "alias": "sideBar"; "required": false; }; "fullScreen": { "alias": "fullScreen"; "required": false; }; "showNameBox": { "alias": "showNameBox"; "required": false; }; "activeCellRef": { "alias": "activeCellRef"; "required": false; }; "formulaBar": { "alias": "formulaBar"; "required": false; }; "sheetDefs": { "alias": "sheetDefs"; "required": false; }; "activeSheet": { "alias": "activeSheet"; "required": false; }; "onSheetChange": { "alias": "onSheetChange"; "required": false; }; "onSheetAdd": { "alias": "onSheetAdd"; "required": false; }; }, {}, never, ["[toolbar]", "[toolbarEnd]", "[toolbarBelow]", "*", "[pagination]"], true, never>;
 }

package/dist/types/components/sheet-tabs.component.d.ts

@@ -1,16 +1,11 @@
-/**
- * SheetTabsComponent -- Excel-style sheet tab bar at the bottom of the grid.
- *
- * Layout: [+] [Sheet1] [Sheet2] [Sheet3]
- *
- * Uses --ogrid-* CSS variables for theming.
- * Port of React's SheetTabs component.
- */
 import type { ISheetDef } from '@alaarab/ogrid-core';
+import * as i0 from "@angular/core";
 export declare class SheetTabsComponent {
     readonly sheets: import("@angular/core").InputSignal<ISheetDef[]>;
     readonly activeSheet: import("@angular/core").InputSignal<string>;
     readonly showAddButton: import("@angular/core").InputSignal<boolean>;
     readonly sheetChange: import("@angular/core").OutputEmitterRef<string>;
     readonly sheetAdd: import("@angular/core").OutputEmitterRef<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SheetTabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SheetTabsComponent, "ogrid-sheet-tabs", never, { "sheets": { "alias": "sheets"; "required": true; "isSignal": true; }; "activeSheet": { "alias": "activeSheet"; "required": true; "isSignal": true; }; "showAddButton": { "alias": "showAddButton"; "required": false; "isSignal": true; }; }, { "sheetChange": "sheetChange"; "sheetAdd": "sheetAdd"; }, never, never, true, never>;
 }

package/dist/types/components/sidebar.component.d.ts

@@ -1,4 +1,5 @@
 import type { IColumnDefinition, SideBarPanelId, IFilters, FilterValue } from '../types';
+import * as i0 from "@angular/core";
 /** Describes a filterable column for the sidebar filters panel. */
 export interface SideBarFilterColumn {
     columnId: string;
@@ -37,4 +38,6 @@ export declare class SideBarComponent {
     getFilterOptions(filterField: string): string[];
     isMultiSelectChecked(filterField: string, opt: string): boolean;
     onMultiSelectChange(filterField: string, opt: string, checked: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideBarComponent, "ogrid-sidebar", never, { "sideBarProps": { "alias": "sideBarProps"; "required": false; }; }, {}, never, never, true, never>;
 }

package/dist/types/components/status-bar.component.d.ts

@@ -1,4 +1,5 @@
 import { OnChanges } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class StatusBarComponent implements OnChanges {
     totalCount: number;
     filteredCount: number | undefined;
@@ -21,4 +22,6 @@ export declare class StatusBarComponent implements OnChanges {
     private cachedParts;
     ngOnChanges(): void;
     getParts(): import("@alaarab/ogrid-core").StatusBarPart[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<StatusBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StatusBarComponent, "ogrid-status-bar", never, { "totalCount": { "alias": "totalCount"; "required": true; }; "filteredCount": { "alias": "filteredCount"; "required": false; }; "selectedCount": { "alias": "selectedCount"; "required": false; }; "selectedCellCount": { "alias": "selectedCellCount"; "required": false; }; "aggregation": { "alias": "aggregation"; "required": false; }; "suppressRowCount": { "alias": "suppressRowCount"; "required": false; }; "classNames": { "alias": "classNames"; "required": false; }; }, {}, never, never, true, never>;
 }

package/dist/types/index.d.ts

@@ -1,5 +1,3 @@
-export { isGroupHeader, buildGroupedRows } from '@alaarab/ogrid-core';
-export type { IRowGroup, IRowGroupingConfig, RowGroupingDisplayRow } from '@alaarab/ogrid-core';
 export type { ISheetDef, IVirtualScrollConfig, IColumnReorderConfig, CsvColumn, FormulaExportOptions, StatusBarPart, StatusBarPartsInput, PaginationViewModel, GridContextMenuItem, IColumnHeaderMenuItem, GridContextMenuHandlerProps, ColumnHeaderMenuInput, ColumnHeaderMenuHandlers, ParseValueResult, AggregationResult, GridRowComparatorProps, ColumnPinState, IDropTarget, ICalculateDropTargetParams, IVisibleRange, IVisibleColumnRange, SortFilterRequest, SortFilterResponse, OverlayRect, ISortState, ArrowNavigationContext, ArrowNavigationResult, IFillFormulaOptions, FormulaReference, IResponsiveColumnsConfig, ZIndexKey, ICellAddress, ICellRange, CellKey, FormulaErrorType, TokenType, Token, ASTNode, BinaryOp, IFormulaContext, IFormulaFunction, IEvaluator, IRecalcResult, IFormulaEngineConfig, IGridDataAccessor, INamedRange, IAuditEntry, IAuditTrail, } from '@alaarab/ogrid-core';
 export { escapeCsvValue, buildCsvHeader, buildCsvRows, exportToCsv, triggerCsvDownload, getCellValue, isColumnEditable, createGridDataAccessor, flattenColumns, buildHeaderRows, isFilterConfig, getFilterField, mergeFilter, deriveFilterOptionsFromData, getMultiSelectFilterFields, getStatusBarParts, getDataGridStatusBarConfig, getPaginationViewModel, PAGE_SIZE_OPTIONS, MAX_PAGE_BUTTONS, GRID_CONTEXT_MENU_ITEMS, COLUMN_HEADER_MENU_ITEMS, getContextMenuHandlers, getColumnHeaderMenuItems, formatShortcut, parseValue, numberParser, currencyParser, dateParser, emailParser, booleanParser, computeAggregations, processClientSideData, areGridRowPropsEqual, isRowInRange, getPinStateForColumn, reorderColumnArray, calculateDropTarget, computeVisibleRange, computeTotalHeight, getScrollTopForRow, computeVisibleColumnRange, partitionColumnsForVirtualization, createSortFilterWorker, terminateSortFilterWorker, extractValueMatrix, processClientSideDataAsync, CellDescriptorCache, buildInlineEditorProps, buildPopoverEditorProps, measureRange, buildCellIndex, injectGlobalStyles, computeNextSortState, measureColumnContentWidth, AUTOSIZE_EXTRA_PX, AUTOSIZE_MAX_PX, findCtrlArrowTarget, computeTabNavigation, computeArrowNavigation, applyCellDeletion, rangesEqual, clampSelectionToBounds, computeAutoScrollSpeed, applyRangeRowSelection, computeRowSelectionState, formatCellValueForTsv, formatSelectionAsTsv, parseTsvClipboard, applyPastedValues, applyCutClear, applyFillValues, UndoRedoStack, validateColumns, validateRowIds, validateVirtualScrollConfig, indexToColumnLetter, columnLetterToIndex, formatCellReference, getResponsiveHiddenColumns, RESPONSIVE_BREAKPOINTS, resolveResponsiveConfig, applyResponsiveHiding, } from '@alaarab/ogrid-core';
 export { CHECKBOX_COLUMN_WIDTH, ROW_NUMBER_COLUMN_WIDTH, ROW_NUMBER_COLUMN_ID, ROW_NUMBER_COLUMN_MIN_WIDTH, DEFAULT_MIN_COLUMN_WIDTH, CELL_PADDING, GRID_BORDER_RADIUS, DEFAULT_DEBOUNCE_MS, PEOPLE_SEARCH_DEBOUNCE_MS, SIDEBAR_TRANSITION_MS, Z_INDEX, } from '@alaarab/ogrid-core';

package/dist/types/services/column-reorder.service.d.ts

@@ -1,4 +1,5 @@
 import type { IColumnDef } from '../types';
+import * as i0 from "@angular/core";
 /**
  * Manages column reorder drag interactions with RAF-throttled updates.
  * Angular signals-based port of React's useColumnReorder hook.
@@ -27,4 +28,6 @@ export declare class ColumnReorderService<T> {
      * Same logic as React's useColumnReorder inline calculation.
      */
     private calculateDrop;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnReorderService<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ColumnReorderService<any>>;
 }

package/dist/types/services/datagrid-interaction.service.d.ts

@@ -19,6 +19,7 @@ export declare class DataGridInteractionHelper<T> {
     readonly cutRangeSig: import("@angular/core").WritableSignal<ISelectionRange | null>;
     readonly copyRangeSig: import("@angular/core").WritableSignal<ISelectionRange | null>;
     private internalClipboard;
+    private preferInternalClipboard;
     readonly undoRedoStack: UndoRedoStack<ICellValueChangedEvent<T>>;
     readonly undoLengthSig: import("@angular/core").WritableSignal<number>;
     readonly redoLengthSig: import("@angular/core").WritableSignal<number>;

package/dist/types/services/datagrid-state.service.d.ts

@@ -4,6 +4,7 @@ import type { IOGridDataGridProps } from '../types';
 import { DataGridLayoutHelper } from './datagrid-layout.service';
 import { DataGridEditingHelper } from './datagrid-editing.service';
 import { DataGridInteractionHelper } from './datagrid-interaction.service';
+import * as i0 from "@angular/core";
 type IColumnDef<T> = IAngularColumnDef<T>;
 export interface DataGridLayoutState<T> {
     flatColumns: IColumnDef<T>[];
@@ -168,6 +169,7 @@ export interface DataGridStateResult<T> {
 export declare class DataGridStateService<T> {
     private destroyRef;
     private ngZone;
+    private readonly mutationTick;
     readonly props: import("@angular/core").WritableSignal<IOGridDataGridProps<T> | null>;
     readonly wrapperEl: import("@angular/core").WritableSignal<HTMLElement | null>;
     /** Layout helper: column layout, visibility, sizing, container measurement. */
@@ -209,6 +211,7 @@ export declare class DataGridStateService<T> {
         totalCount: number;
         filteredCount?: number;
         selectedCount?: number;
+        selectedCellCount?: number;
         panels?: import("@alaarab/ogrid-core").StatusBarPanel[];
         suppressRowCount?: boolean;
     } | null>;
@@ -301,5 +304,7 @@ export declare class DataGridStateService<T> {
     private onWindowMouseMove;
     private onWindowMouseUp;
     private setupFillHandleDrag;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataGridStateService<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DataGridStateService<any>>;
 }
 export {};

package/dist/types/services/formula-engine.service.d.ts

@@ -1,13 +1,5 @@
-/**
- * FormulaEngineService  -  Angular service for integrating the formula engine with the grid.
- *
- * Lazily creates a FormulaEngine instance when configured with `formulas: true`.
- * Provides an accessor bridge between grid data and formula coordinates.
- * Uses Angular signals for reactive state.
- *
- * Port of React's useFormulaEngine hook.
- */
 import type { IGridDataAccessor, IFormulaFunction, IRecalcResult, IColumnDef, IAuditEntry, IAuditTrail } from '@alaarab/ogrid-core';
+import * as i0 from "@angular/core";
 export interface FormulaEngineConfig {
     /** Enable formula support. */
     formulas?: boolean;
@@ -128,4 +120,6 @@ export declare class FormulaEngineService<T = unknown> {
     getAuditTrail(col: number, row: number): IAuditTrail | null;
     /** Create a data accessor that bridges grid data to formula coordinates. */
     private createAccessor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormulaEngineService<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FormulaEngineService<any>>;
 }

package/dist/types/services/ogrid.service.d.ts

@@ -1,9 +1,9 @@
-import type { RowGroupingDisplayRow } from '@alaarab/ogrid-core';
 import type { FormulaReference } from '@alaarab/ogrid-core';
 import type { RowId, IOGridApi, IFilters, FilterValue, IRowSelectionChangeEvent, IStatusBarProps, IColumnDefinition, IDataSource, ISideBarDef, IVirtualScrollConfig, IResponsiveColumnsConfig, SideBarPanelId, IFormulaFunction, IRecalcResult, IGridDataAccessor } from '../types';
 import type { IOGridProps, IOGridDataGridProps } from '../types';
 import type { IColumnDef, IColumnGroupDef, ICellValueChangedEvent } from '../types';
 import type { SideBarProps } from '../components/sidebar.component';
+import * as i0 from "@angular/core";
 /** Resolved column chooser placement. */
 export type ColumnChooserPlacement = 'toolbar' | 'sidebar' | 'none';
 /** Pagination state and handlers. */
@@ -80,6 +80,7 @@ export declare class OGridService<T> {
     readonly onFiltersChange: import("@angular/core").WritableSignal<((filters: IFilters) => void) | undefined>;
     readonly onVisibleColumnsChange: import("@angular/core").WritableSignal<((cols: Set<string>) => void) | undefined>;
     readonly columnOrder: import("@angular/core").WritableSignal<string[] | undefined>;
+    readonly internalColumnOrder: import("@angular/core").WritableSignal<string[] | undefined>;
     readonly onColumnOrderChange: import("@angular/core").WritableSignal<((order: string[]) => void) | undefined>;
     readonly onColumnResized: import("@angular/core").WritableSignal<((columnId: string, width: number) => void) | undefined>;
     readonly onAutosizeColumn: import("@angular/core").WritableSignal<((columnId: string, width: number) => void) | undefined>;
@@ -122,10 +123,8 @@ export declare class OGridService<T> {
     readonly virtualScroll: import("@angular/core").WritableSignal<IVirtualScrollConfig | undefined>;
     readonly ariaLabel: import("@angular/core").WritableSignal<string | undefined>;
     readonly ariaLabelledBy: import("@angular/core").WritableSignal<string | undefined>;
-    readonly workerSort: import("@angular/core").WritableSignal<boolean>;
+    readonly workerSort: import("@angular/core").WritableSignal<boolean | "auto">;
     readonly showRowNumbers: import("@angular/core").WritableSignal<boolean>;
-    readonly groupBy: import("@angular/core").WritableSignal<string[]>;
-    readonly expandedGroups: import("@angular/core").WritableSignal<Set<string>>;
     readonly cellReferences: import("@angular/core").WritableSignal<boolean>;
     readonly formulasEnabled: import("@angular/core").WritableSignal<boolean>;
     readonly initialFormulas: import("@angular/core").WritableSignal<{
@@ -190,7 +189,7 @@ export declare class OGridService<T> {
     private readonly sortSnapshotVersion;
     private readonly sideBarActivePanel;
     private readonly serverFilterOptions;
-    private readonly loadingFilterOptions;
+    readonly loadingFilterOptions: import("@angular/core").WritableSignal<Record<string, boolean>>;
     readonly columns: import("@angular/core").Signal<IColumnDef<T>[]>;
     readonly isServerSide: import("@angular/core").Signal<boolean>;
     readonly isClientSide: import("@angular/core").Signal<boolean>;
@@ -205,11 +204,13 @@ export declare class OGridService<T> {
     }>;
     readonly filters: import("@angular/core").Signal<IFilters>;
     readonly visibleColumns: import("@angular/core").Signal<Set<string>>;
+    readonly effectiveColumnOrder: import("@angular/core").Signal<string[] | undefined>;
     readonly effectiveSelectedRows: import("@angular/core").Signal<Set<RowId>>;
     readonly columnChooserPlacement: import("@angular/core").Signal<ColumnChooserPlacement>;
     readonly multiSelectFilterFields: import("@angular/core").Signal<string[]>;
     readonly hasServerFilterOptions: import("@angular/core").Signal<boolean>;
     readonly clientFilterOptions: import("@angular/core").Signal<Record<string, string[]>>;
+    readonly workerSortEnabled: import("@angular/core").Signal<boolean>;
     /** Sync path: used when workerSort is off. */
     readonly clientItemsAndTotal: import("@angular/core").Signal<{
         items: T[];
@@ -222,9 +223,6 @@ export declare class OGridService<T> {
     } | null>;
     readonly displayItems: import("@angular/core").Signal<T[]>;
     readonly displayTotalCount: import("@angular/core").Signal<number>;
-    /** When groupBy is active, returns grouped display rows (with group headers). Otherwise returns displayItems as-is. */
-    readonly displayRows: import("@angular/core").Signal<RowGroupingDisplayRow<T>[]>;
-    readonly isGroupingActive: import("@angular/core").Signal<boolean>;
     readonly hasActiveFilters: import("@angular/core").Signal<boolean>;
     readonly columnChooserColumns: import("@angular/core").Signal<IColumnDefinition[]>;
     readonly statusBarConfig: import("@angular/core").Signal<IStatusBarProps | undefined>;
@@ -286,9 +284,6 @@ export declare class OGridService<T> {
     private startFormulaBarEditing;
     private commitFormulaBar;
     private cancelFormulaBar;
-    toggleGroup(groupKey: string): void;
-    expandAllGroups(): void;
-    collapseAllGroups(): void;
     configure(props: IOGridProps<T>): void;
     /**
      * Pin a column to the left or right edge.
@@ -317,4 +312,6 @@ export declare class OGridService<T> {
         columnId: string;
     }[], columnWidths: Record<string, number>, defaultWidth: number): Record<string, number>;
     getApi(): IOGridApi<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OGridService<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OGridService<any>>;
 }

package/dist/types/services/virtual-scroll.service.d.ts

@@ -1,4 +1,5 @@
 import type { IVisibleRange, IVisibleColumnRange, IVirtualScrollConfig } from '@alaarab/ogrid-core';
+import * as i0 from "@angular/core";
 /**
  * Manages virtual scrolling state using Angular signals.
  * Port of React's useVirtualScroll hook.
@@ -52,4 +53,6 @@ export declare class VirtualScrollService {
      * Update the virtual scroll configuration.
      */
     updateConfig(updates: Partial<IVirtualScrollConfig>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VirtualScrollService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<VirtualScrollService>;
 }

package/dist/types/types/dataGridTypes.d.ts

@@ -75,8 +75,6 @@ interface IOGridBaseProps<T> {
     onError?: (error: unknown) => void;
     onCellError?: (error: Error, info: unknown) => void;
     showRowNumbers?: boolean;
-    /** Column IDs to group rows by. When non-empty, rows are grouped and group header rows are inserted. */
-    groupBy?: string[];
     /** Enable Excel-style cell references: column letter headers, row numbers, and name box. Implies showRowNumbers. */
     cellReferences?: boolean;
     /** Enable Excel-like formula support. When true, cells starting with '=' are treated as formulas. Default: false. */
@@ -181,8 +179,6 @@ export interface IOGridDataGridProps<T> {
     onCellError?: (error: Error, info: unknown) => void;
     'aria-label'?: string;
     'aria-labelledby'?: string;
-    /** Column IDs to group rows by. Groups are nested in the order provided. */
-    groupBy?: string[];
     /** Custom keydown handler. Called before grid's built-in handling. Call event.preventDefault() to suppress grid default. */
     onKeyDown?: (event: KeyboardEvent) => void;
     /** Enable formula support. When true, cell values starting with '=' are treated as formulas. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-angular",
-  "version": "2.6.0",
+  "version": "2.6.1",
   "description": "OGrid Angular – Angular services, signals, and headless components for OGrid data grids.",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -13,7 +13,7 @@
     }
   },
   "scripts": {
-    "build": "rimraf dist && tsup && tsc -p tsconfig.build.json",
+    "build": "rimraf dist && ngc -p tsconfig.build.json",
     "test": "jest --passWithNoTests"
   },
   "keywords": [
@@ -35,13 +35,14 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@alaarab/ogrid-core": "2.6.0"
+    "@alaarab/ogrid-core": "2.6.1"
   },
   "peerDependencies": {
     "@angular/core": "^21.0.0",
     "@angular/common": "^21.0.0"
   },
   "devDependencies": {
+    "@angular/compiler-cli": "^21.1.4",
     "@angular/core": "^21.1.4",
     "@angular/common": "^21.1.4",
     "@angular/compiler": "^21.1.4",