@gp-grid/angular 0.10.3 → 0.11.1

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@gp-grid/angular",
   "description": "A high-performance Angular data grid component with virtual scrolling, cell selection, sorting, filtering, and Excel-like editing",
-  "version": "0.10.3",
+  "version": "0.11.1",
   "license": "Apache-2.0",
-  "module": "dist/angular/fesm2022/gp-grid-angular.mjs",
-  "typings": "dist/angular/types/gp-grid-angular.d.ts",
+  "module": "fesm2022/gp-grid-angular.mjs",
+  "typings": "types/gp-grid-angular.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./dist/angular/types/gp-grid-angular.d.ts",
-      "default": "./dist/angular/fesm2022/gp-grid-angular.mjs"
+      "types": "./types/gp-grid-angular.d.ts",
+      "default": "./fesm2022/gp-grid-angular.mjs"
     },
     "./dist/styles.css": "./dist/styles.css"
   },
@@ -46,26 +46,14 @@
     "filtering",
     "editable"
   ],
-  "scripts": {
-    "build": "ng-packagr -p ng-package.json",
-    "postbuild": "node -e \"require('fs').copyFileSync('../core/dist/styles.css', 'dist/styles.css')\" && echo '✓ dist/styles.css copied'",
-    "build:production": "ng-packagr -p ng-package.json",
-    "postbuild:production": "node -e \"const fs=require('fs'),p=require('path');fs.copyFileSync('../core/dist/styles.css','dist/styles.css');const d='dist/angular/fesm2022';for(const f of fs.readdirSync(d))if(f.endsWith('.map'))fs.rmSync(p.join(d,f));\" && echo '✓ dist/styles.css copied, sourcemaps stripped'"
-  },
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0"
   },
-  "devDependencies": {
-    "@angular/common": "^18.0.0",
-    "@angular/compiler": "^18.0.0",
-    "@angular/compiler-cli": "^18.0.0",
-    "@angular/core": "^18.0.0",
-    "ng-packagr": "^18.0.0",
-    "typescript": "~5.9.0"
-  },
   "dependencies": {
-    "@gp-grid/core": "workspace:*",
+    "@gp-grid/core": "0.11.1",
     "tslib": "^2.8.1"
-  }
-}
+  },
+  "sideEffects": false,
+  "type": "module"
+}

package/types/gp-grid-angular.d.ts

@@ -0,0 +1,444 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, ElementRef, AfterViewInit, OnDestroy, Signal, OnInit } from '@angular/core';
+import * as _gp_grid_core from '@gp-grid/core';
+import { HeaderRendererParams, SortDirection, VisibleColumnInfo, HeaderData, ColumnDefinition, SlotData, CellPosition, CellRange, CellValue, CellRendererParams, EditRendererParams, FillHandlePosition, DragState, ColumnFilterModel, BatchChangeSetters, DataSource, RowId, HighlightingOptions, CellValueChangedEvent, ParallelSortOptions, MutableDataSource } from '@gp-grid/core';
+export { CellDataType, CellPosition, CellRange, CellRendererParams, CellValue, CellValueChangedEvent, ColumnDefinition, ColumnFilterModel, DataSource, DataSourceRequest, DataSourceResponse, EditRendererParams, FilterCondition, FilterModel, GridCore, GridInstruction, HeaderRendererParams, HighlightContext, HighlightingOptions, MutableDataSource, RowId, SortDirection, SortModel, createClientDataSource, createDataSourceFromArray, createMutableClientDataSource, createServerDataSource } from '@gp-grid/core';
+
+type HeaderRendererTemplate = TemplateRef<{
+    $implicit: HeaderRendererParams;
+}>;
+interface HeaderSortEvent {
+    colId: string;
+    direction: SortDirection | null;
+    addToExisting: boolean;
+}
+interface HeaderPointerDownEvent {
+    colIndex: number;
+    colWidth: number;
+    colHeight: number;
+    event: PointerEvent;
+}
+interface FilterPointerDownEvent {
+    colIndex: number;
+    anchorEl: HTMLElement;
+}
+interface ResizePointerDownEvent {
+    colIndex: number;
+    colWidth: number;
+    event: PointerEvent;
+}
+declare class GridHeaderComponent {
+    headerHeight: _angular_core.InputSignal<number>;
+    scrollLeft: _angular_core.InputSignal<number>;
+    contentWidth: _angular_core.InputSignal<number>;
+    totalWidth: _angular_core.InputSignal<number>;
+    isLoading: _angular_core.InputSignal<boolean>;
+    visibleColumnsWithIndices: _angular_core.InputSignal<VisibleColumnInfo[]>;
+    columnPositions: _angular_core.InputSignal<number[]>;
+    columnWidths: _angular_core.InputSignal<number[]>;
+    headers: _angular_core.InputSignal<Map<number, HeaderData>>;
+    sortingEnabled: _angular_core.InputSignal<boolean>;
+    headerRenderers: _angular_core.InputSignal<Record<string, HeaderRendererTemplate>>;
+    globalHeaderRenderer: _angular_core.InputSignal<HeaderRendererTemplate>;
+    headerPointerDown: _angular_core.OutputEmitterRef<HeaderPointerDownEvent>;
+    filterPointerDown: _angular_core.OutputEmitterRef<FilterPointerDownEvent>;
+    resizePointerDown: _angular_core.OutputEmitterRef<ResizePointerDownEvent>;
+    headerSort: _angular_core.OutputEmitterRef<HeaderSortEvent>;
+    headerFilterOpen: _angular_core.OutputEmitterRef<{
+        colIndex: number;
+        anchorEl: HTMLElement;
+    }>;
+    protected innerWidth: _angular_core.Signal<number>;
+    protected transformStyle: _angular_core.Signal<string>;
+    protected onHeaderPointerDown(event: PointerEvent, colIndex: number, colWidth: number): void;
+    protected onFilterPointerDown(event: PointerEvent, colIndex: number): void;
+    protected onResizePointerDown(event: PointerEvent, colIndex: number, colWidth: number): void;
+    protected headerTemplate(column: ColumnDefinition): HeaderRendererTemplate | null;
+    protected headerParams(column: ColumnDefinition, colIndex: number, headerData: HeaderData | undefined): HeaderRendererParams;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridHeaderComponent, "gp-grid-header", never, { "headerHeight": { "alias": "headerHeight"; "required": true; "isSignal": true; }; "scrollLeft": { "alias": "scrollLeft"; "required": true; "isSignal": true; }; "contentWidth": { "alias": "contentWidth"; "required": true; "isSignal": true; }; "totalWidth": { "alias": "totalWidth"; "required": true; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": true; "isSignal": true; }; "visibleColumnsWithIndices": { "alias": "visibleColumnsWithIndices"; "required": true; "isSignal": true; }; "columnPositions": { "alias": "columnPositions"; "required": true; "isSignal": true; }; "columnWidths": { "alias": "columnWidths"; "required": true; "isSignal": true; }; "headers": { "alias": "headers"; "required": true; "isSignal": true; }; "sortingEnabled": { "alias": "sortingEnabled"; "required": false; "isSignal": true; }; "headerRenderers": { "alias": "headerRenderers"; "required": false; "isSignal": true; }; "globalHeaderRenderer": { "alias": "globalHeaderRenderer"; "required": false; "isSignal": true; }; }, { "headerPointerDown": "headerPointerDown"; "filterPointerDown": "filterPointerDown"; "resizePointerDown": "resizePointerDown"; "headerSort": "headerSort"; "headerFilterOpen": "headerFilterOpen"; }, never, never, true, never>;
+}
+
+type RowClassFn = (rowIndex: number, rowData: unknown) => string[];
+type CellClassFn = (rowIndex: number, colIndex: number, column: ColumnDefinition, rowData: unknown) => string[];
+type CellRendererTemplate = TemplateRef<{
+    $implicit: CellRendererParams;
+}>;
+type EditRendererTemplate = TemplateRef<{
+    $implicit: EditRendererParams;
+}>;
+interface FillHandlePointerDownEvent {
+    event: PointerEvent;
+}
+interface CellPointerDownEvent {
+    rowIndex: number;
+    colIndex: number;
+    event: PointerEvent;
+}
+interface CellPointerEnterEvent {
+    rowIndex: number;
+    colIndex: number;
+}
+interface CellDoubleClickEvent {
+    rowIndex: number;
+    colIndex: number;
+}
+interface EditingCellState {
+    row: number;
+    col: number;
+    initialValue: CellValue;
+}
+declare class GridBodyComponent {
+    scrollContainer: ElementRef<HTMLDivElement>;
+    rowHeight: _angular_core.InputSignal<number>;
+    totalHeaderHeight: _angular_core.InputSignal<number>;
+    contentWidth: _angular_core.InputSignal<number>;
+    contentHeight: _angular_core.InputSignal<number>;
+    rowsWrapperOffset: _angular_core.InputSignal<number>;
+    slotsArray: _angular_core.InputSignal<SlotData<unknown>[]>;
+    visibleColumnWithIndices: _angular_core.InputSignal<VisibleColumnInfo[]>;
+    totalWidth: _angular_core.InputSignal<number>;
+    columnPositions: _angular_core.InputSignal<number[]>;
+    columnWidths: _angular_core.InputSignal<number[]>;
+    totalRows: _angular_core.InputSignal<number>;
+    activeCell: _angular_core.InputSignal<CellPosition>;
+    selectionRange: _angular_core.InputSignal<CellRange>;
+    editingCell: _angular_core.InputSignal<EditingCellState>;
+    cellRenderers: _angular_core.InputSignal<Record<string, CellRendererTemplate>>;
+    globalCellRenderer: _angular_core.InputSignal<CellRendererTemplate>;
+    editRenderers: _angular_core.InputSignal<Record<string, EditRendererTemplate>>;
+    globalEditRenderer: _angular_core.InputSignal<EditRendererTemplate>;
+    hoverPosition: _angular_core.InputSignal<CellPosition>;
+    computeRowClasses: _angular_core.InputSignal<RowClassFn>;
+    computeCellClasses: _angular_core.InputSignal<CellClassFn>;
+    fillHandlePosition: _angular_core.InputSignal<FillHandlePosition>;
+    dragState: _angular_core.InputSignal<DragState>;
+    scrolled: _angular_core.OutputEmitterRef<number>;
+    cellPointerDown: _angular_core.OutputEmitterRef<CellPointerDownEvent>;
+    cellPointerEnter: _angular_core.OutputEmitterRef<CellPointerEnterEvent>;
+    cellPointerLeave: _angular_core.OutputEmitterRef<void>;
+    cellDoubleClick: _angular_core.OutputEmitterRef<CellDoubleClickEvent>;
+    editValueChange: _angular_core.OutputEmitterRef<string>;
+    editCommit: _angular_core.OutputEmitterRef<void>;
+    editCancel: _angular_core.OutputEmitterRef<void>;
+    fillHandlePointerDown: _angular_core.OutputEmitterRef<FillHandlePointerDownEvent>;
+    protected innerWidth: _angular_core.Signal<number>;
+    protected sizerHeight: _angular_core.Signal<number>;
+    protected rowDropIndicator: _angular_core.Signal<_gp_grid_core.RowDragState>;
+    protected rowDropIndicatorWidth: _angular_core.Signal<number>;
+    protected wrapperTransform: _angular_core.Signal<string>;
+    protected onScroll(): void;
+    protected cellParams(rowData: unknown, column: ColumnDefinition, rowIndex: number, colIndex: number): CellRendererParams;
+    protected cellTemplate(column: ColumnDefinition): CellRendererTemplate | null;
+    protected editTemplate(column: ColumnDefinition): EditRendererTemplate | null;
+    protected editParams(rowData: unknown, column: ColumnDefinition, rowIndex: number, colIndex: number): EditRendererParams;
+    protected cellDisplay(rowData: unknown, column: ColumnDefinition, rowIndex: number, colIndex: number): string;
+    protected cellClass(rowIndex: number, colIndex: number, column: ColumnDefinition, rowData: unknown): string;
+    protected rowClass(rowIndex: number, rowData: unknown): string;
+    protected isEditing(rowIndex: number, colIndex: number): boolean;
+    protected editInitialValue(): string;
+    protected asInput(event: Event): HTMLInputElement;
+    protected onEditFocus(event: FocusEvent): void;
+    protected onEditKeyDown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridBodyComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridBodyComponent, "gp-grid-body", never, { "rowHeight": { "alias": "rowHeight"; "required": true; "isSignal": true; }; "totalHeaderHeight": { "alias": "totalHeaderHeight"; "required": true; "isSignal": true; }; "contentWidth": { "alias": "contentWidth"; "required": true; "isSignal": true; }; "contentHeight": { "alias": "contentHeight"; "required": true; "isSignal": true; }; "rowsWrapperOffset": { "alias": "rowsWrapperOffset"; "required": true; "isSignal": true; }; "slotsArray": { "alias": "slotsArray"; "required": true; "isSignal": true; }; "visibleColumnWithIndices": { "alias": "visibleColumnWithIndices"; "required": true; "isSignal": true; }; "totalWidth": { "alias": "totalWidth"; "required": true; "isSignal": true; }; "columnPositions": { "alias": "columnPositions"; "required": true; "isSignal": true; }; "columnWidths": { "alias": "columnWidths"; "required": true; "isSignal": true; }; "totalRows": { "alias": "totalRows"; "required": true; "isSignal": true; }; "activeCell": { "alias": "activeCell"; "required": false; "isSignal": true; }; "selectionRange": { "alias": "selectionRange"; "required": false; "isSignal": true; }; "editingCell": { "alias": "editingCell"; "required": false; "isSignal": true; }; "cellRenderers": { "alias": "cellRenderers"; "required": false; "isSignal": true; }; "globalCellRenderer": { "alias": "globalCellRenderer"; "required": false; "isSignal": true; }; "editRenderers": { "alias": "editRenderers"; "required": false; "isSignal": true; }; "globalEditRenderer": { "alias": "globalEditRenderer"; "required": false; "isSignal": true; }; "hoverPosition": { "alias": "hoverPosition"; "required": false; "isSignal": true; }; "computeRowClasses": { "alias": "computeRowClasses"; "required": false; "isSignal": true; }; "computeCellClasses": { "alias": "computeCellClasses"; "required": false; "isSignal": true; }; "fillHandlePosition": { "alias": "fillHandlePosition"; "required": false; "isSignal": true; }; "dragState": { "alias": "dragState"; "required": false; "isSignal": true; }; }, { "scrolled": "scrolled"; "cellPointerDown": "cellPointerDown"; "cellPointerEnter": "cellPointerEnter"; "cellPointerLeave": "cellPointerLeave"; "cellDoubleClick": "cellDoubleClick"; "editValueChange": "editValueChange"; "editCommit": "editCommit"; "editCancel": "editCancel"; "fillHandlePointerDown": "fillHandlePointerDown"; }, never, never, true, never>;
+}
+
+interface TextConditionState {
+    operator: string;
+    value: string;
+    nextOperator: 'and' | 'or';
+}
+interface NumberConditionState {
+    operator: string;
+    value: string;
+    valueTo: string;
+    nextOperator: 'and' | 'or';
+}
+type FilterMode = 'values' | 'condition';
+
+declare class FilterPopupComponent implements AfterViewInit, OnDestroy {
+    popupEl: ElementRef<HTMLDivElement>;
+    column: _angular_core.InputSignal<ColumnDefinition>;
+    colIndex: _angular_core.InputSignal<number>;
+    anchorEl: _angular_core.InputSignal<HTMLElement>;
+    distinctValues: _angular_core.InputSignal<CellValue[]>;
+    currentFilter: _angular_core.InputSignal<ColumnFilterModel>;
+    apply: _angular_core.OutputEmitterRef<{
+        colId: string;
+        filter: ColumnFilterModel | null;
+    }>;
+    close: _angular_core.OutputEmitterRef<void>;
+    popupTop: _angular_core.WritableSignal<number>;
+    popupLeft: _angular_core.WritableSignal<number>;
+    popupMinWidth: _angular_core.WritableSignal<number>;
+    positioned: _angular_core.WritableSignal<boolean>;
+    filterMode: FilterMode;
+    searchText: string;
+    selectedValues: Set<string>;
+    includeBlanks: boolean;
+    textConditions: TextConditionState[];
+    numberConditions: NumberConditionState[];
+    readonly textOperators: readonly {
+        value: _gp_grid_core.TextFilterOperator;
+        label: string;
+    }[];
+    readonly numberOperators: readonly {
+        value: _gp_grid_core.NumberFilterOperator;
+        label: string;
+    }[];
+    protected readonly isValueLessTextOp: (operator: string) => boolean;
+    protected readonly isValueLessNumberOp: (operator: string) => boolean;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    onEscape(): void;
+    isNumberColumn(): boolean;
+    showValuesMode(): boolean;
+    uniqueValues(): string[];
+    filteredUniqueValues(): string[];
+    toggleValue(val: string, checked: boolean): void;
+    selectAll(): void;
+    deselectAll(): void;
+    onTextOperatorChange(index: number, value: string): void;
+    onNumberOperatorChange(index: number, value: string): void;
+    addTextCondition(): void;
+    addNumberCondition(): void;
+    removeTextCondition(index: number): void;
+    removeNumberCondition(index: number): void;
+    setTextNextOp(index: number, value: 'and' | 'or'): void;
+    setNumberNextOp(index: number, value: 'and' | 'or'): void;
+    handleApply(): void;
+    handleClear(): void;
+    private buildFilter;
+    private initFromCurrentFilter;
+    private updatePosition;
+    private onDocumentPointerDown;
+    private onWindowResize;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterPopupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterPopupComponent, "gp-grid-filter-popup", never, { "column": { "alias": "column"; "required": true; "isSignal": true; }; "colIndex": { "alias": "colIndex"; "required": true; "isSignal": true; }; "anchorEl": { "alias": "anchorEl"; "required": true; "isSignal": true; }; "distinctValues": { "alias": "distinctValues"; "required": true; "isSignal": true; }; "currentFilter": { "alias": "currentFilter"; "required": false; "isSignal": true; }; }, { "apply": "apply"; "close": "close"; }, never, never, true, never>;
+}
+
+interface ActiveFilterPopup {
+    colIndex: number;
+    column: ColumnDefinition;
+    distinctValues: CellValue[];
+    currentFilter?: ColumnFilterModel;
+    anchorEl: HTMLElement | null;
+}
+declare class GridOverlaysComponent {
+    filterPopup: _angular_core.InputSignal<ActiveFilterPopup>;
+    isLoading: _angular_core.InputSignal<boolean>;
+    errorMessage: _angular_core.InputSignal<string>;
+    headerHeight: _angular_core.InputSignal<number>;
+    rowHeight: _angular_core.InputSignal<number>;
+    dragState: _angular_core.InputSignal<DragState>;
+    visibleColumnWithIndices: _angular_core.InputSignal<VisibleColumnInfo[]>;
+    columnPositions: _angular_core.InputSignal<number[]>;
+    scrollLeft: _angular_core.InputSignal<number>;
+    effectiveColumns: _angular_core.InputSignal<ColumnDefinition[]>;
+    totalWidth: _angular_core.InputSignal<number>;
+    filterApply: _angular_core.OutputEmitterRef<{
+        colId: string;
+        filter: ColumnFilterModel | null;
+    }>;
+    filterClose: _angular_core.OutputEmitterRef<void>;
+    protected isResizing: _angular_core.Signal<boolean>;
+    protected resizeLineLeft: _angular_core.Signal<number>;
+    protected columnMove: _angular_core.Signal<_gp_grid_core.ColumnMoveDragState>;
+    protected rowDragGhost: _angular_core.Signal<_gp_grid_core.RowDragState>;
+    protected columnMoveGhostText: _angular_core.Signal<string>;
+    protected columnMoveDropLeft: _angular_core.Signal<number>;
+    protected rowDragGhostWidth: _angular_core.Signal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridOverlaysComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridOverlaysComponent, "gp-grid-overlays", never, { "filterPopup": { "alias": "filterPopup"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "headerHeight": { "alias": "headerHeight"; "required": true; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": true; "isSignal": true; }; "dragState": { "alias": "dragState"; "required": true; "isSignal": true; }; "visibleColumnWithIndices": { "alias": "visibleColumnWithIndices"; "required": true; "isSignal": true; }; "columnPositions": { "alias": "columnPositions"; "required": true; "isSignal": true; }; "scrollLeft": { "alias": "scrollLeft"; "required": true; "isSignal": true; }; "effectiveColumns": { "alias": "effectiveColumns"; "required": true; "isSignal": true; }; "totalWidth": { "alias": "totalWidth"; "required": true; "isSignal": true; }; }, { "filterApply": "filterApply"; "filterClose": "filterClose"; }, never, never, true, never>;
+}
+
+/**
+ * Column definition extended for Angular — allows `cellRenderer`,
+ * `editRenderer`, and `headerRenderer` to be passed directly as
+ * `TemplateRef` references in addition to the core's string-key / function
+ * forms.
+ */
+interface AngularColumnDefinition extends Omit<ColumnDefinition, 'cellRenderer' | 'editRenderer' | 'headerRenderer'> {
+    cellRenderer?: string | TemplateRef<{
+        $implicit: CellRendererParams;
+    }> | ((params: CellRendererParams) => unknown);
+    editRenderer?: string | TemplateRef<{
+        $implicit: EditRendererParams;
+    }> | ((params: EditRendererParams) => unknown);
+    headerRenderer?: string | TemplateRef<{
+        $implicit: HeaderRendererParams;
+    }> | ((params: HeaderRendererParams) => unknown);
+}
+
+interface GpGridViewModelDeps {
+    getColumns: () => AngularColumnDefinition[];
+    getRows: () => unknown[];
+    getRowHeight: () => number;
+}
+/**
+ * Reactive view-state container for GpGridComponent.
+ *
+ * Owns every signal and computed the template binds against, plus the
+ * batch-change setters bag wired into those signals. The component
+ * becomes a thin shell that holds lifecycle, event handlers, and inputs.
+ *
+ * Angular-specific (uses signal/computed from @angular/core) — lives in
+ * the angular package, not core.
+ */
+declare class GpGridViewModel {
+    readonly headerState: _angular_core.WritableSignal<Map<number, HeaderData>>;
+    readonly viewportWidth: _angular_core.WritableSignal<number>;
+    readonly scrollLeft: _angular_core.WritableSignal<number>;
+    readonly isLoading: _angular_core.WritableSignal<boolean>;
+    readonly errorMessage: _angular_core.WritableSignal<string>;
+    readonly filterPopup: _angular_core.WritableSignal<ActiveFilterPopup>;
+    readonly pendingScrollTop: _angular_core.WritableSignal<number>;
+    readonly activeCell: _angular_core.WritableSignal<CellPosition>;
+    readonly selectionRange: _angular_core.WritableSignal<CellRange>;
+    readonly editingCell: _angular_core.WritableSignal<EditingCellState>;
+    readonly hoverPosition: _angular_core.WritableSignal<CellPosition>;
+    readonly columnsOverride: _angular_core.WritableSignal<ColumnDefinition[]>;
+    readonly dragState: _angular_core.WritableSignal<DragState>;
+    readonly contentWidth: _angular_core.WritableSignal<number>;
+    readonly contentHeight: _angular_core.WritableSignal<number>;
+    readonly rowsWrapperOffset: _angular_core.WritableSignal<number>;
+    readonly slots: _angular_core.WritableSignal<Map<string, SlotData<unknown>>>;
+    readonly effectiveColumns: Signal<ColumnDefinition[]>;
+    readonly visibleColumnWithIndices: Signal<VisibleColumnInfo[]>;
+    readonly columnPositions: Signal<number[]>;
+    readonly columnWidths: Signal<number[]>;
+    readonly totalWidth: Signal<number>;
+    readonly fillHandlePosition: Signal<FillHandlePosition | null>;
+    readonly slotsArray: Signal<SlotData[]>;
+    readonly totalRows: Signal<number>;
+    readonly batchSetters: BatchChangeSetters;
+    private filterAnchorEl;
+    constructor(deps: GpGridViewModelDeps);
+    setFilterAnchor(el: HTMLElement | null): void;
+    private materializeFilterPopup;
+}
+
+declare class GpGridComponent implements OnInit, AfterViewInit, OnDestroy {
+    container: ElementRef<HTMLDivElement>;
+    body: GridBodyComponent;
+    private readonly isBrowser;
+    columns: _angular_core.InputSignal<AngularColumnDefinition[]>;
+    rows: _angular_core.InputSignal<unknown[]>;
+    dataSource: _angular_core.InputSignal<DataSource<unknown>>;
+    getRowId: _angular_core.InputSignal<(row: unknown) => RowId>;
+    rowHeight: _angular_core.InputSignal<number>;
+    headerHeight: _angular_core.InputSignal<number>;
+    darkMode: _angular_core.InputSignal<boolean>;
+    cellRenderers: _angular_core.InputSignal<Record<string, CellRendererTemplate>>;
+    headerRenderers: _angular_core.InputSignal<Record<string, HeaderRendererTemplate>>;
+    editRenderers: _angular_core.InputSignal<Record<string, EditRendererTemplate>>;
+    cellRenderer: _angular_core.InputSignal<CellRendererTemplate>;
+    headerRenderer: _angular_core.InputSignal<HeaderRendererTemplate>;
+    editRenderer: _angular_core.InputSignal<EditRendererTemplate>;
+    highlighting: _angular_core.InputSignal<HighlightingOptions<Record<string, unknown>>>;
+    rowDragEntireRow: _angular_core.InputSignal<boolean>;
+    overscan: _angular_core.InputSignal<number>;
+    sortingEnabled: _angular_core.InputSignal<boolean>;
+    wheelDampening: _angular_core.InputSignal<number>;
+    onRowDragEnd: _angular_core.OutputEmitterRef<{
+        source: number;
+        target: number;
+    }>;
+    onCellValueChanged: _angular_core.OutputEmitterRef<CellValueChangedEvent<unknown>>;
+    onColumnResized: _angular_core.OutputEmitterRef<{
+        colIndex: number;
+        newWidth: number;
+    }>;
+    onColumnMoved: _angular_core.OutputEmitterRef<{
+        fromIndex: number;
+        toIndex: number;
+    }>;
+    protected readonly vm: GpGridViewModel;
+    private readonly bindings;
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    protected onBodyScroll(scrollLeft: number): void;
+    protected onHeaderPointerDown(evt: HeaderPointerDownEvent): void;
+    protected onFilterPointerDown(evt: FilterPointerDownEvent): void;
+    protected onCellPointerDown(evt: CellPointerDownEvent): void;
+    protected onCellPointerEnter(evt: CellPointerEnterEvent): void;
+    protected onFillHandlePointerDown(evt: FillHandlePointerDownEvent): void;
+    protected onCellPointerLeave(): void;
+    protected computeRowClassesFn: (rowIndex: number, rowData: unknown) => string[];
+    protected computeCellClassesFn: (rowIndex: number, colIndex: number, column: ColumnDefinition, rowData: unknown) => string[];
+    protected onCellDoubleClick(evt: CellDoubleClickEvent): void;
+    protected onEditValueChange(value: string): void;
+    protected onEditCommit(): void;
+    protected onEditCancel(): void;
+    protected onHeaderSort(evt: HeaderSortEvent): void;
+    protected onWheel(event: WheelEvent): void;
+    protected onKeyDown(event: KeyboardEvent): void;
+    protected onResizePointerDown(evt: ResizePointerDownEvent): void;
+    protected onFilterApply(event: {
+        colId: string;
+        filter: ColumnFilterModel | null;
+    }): void;
+    protected onFilterClose(): void;
+    private onDocumentPointerMove;
+    private onDocumentPointerUp;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GpGridComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GpGridComponent, "gp-grid", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "getRowId": { "alias": "getRowId"; "required": false; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "headerHeight": { "alias": "headerHeight"; "required": false; "isSignal": true; }; "darkMode": { "alias": "darkMode"; "required": false; "isSignal": true; }; "cellRenderers": { "alias": "cellRenderers"; "required": false; "isSignal": true; }; "headerRenderers": { "alias": "headerRenderers"; "required": false; "isSignal": true; }; "editRenderers": { "alias": "editRenderers"; "required": false; "isSignal": true; }; "cellRenderer": { "alias": "cellRenderer"; "required": false; "isSignal": true; }; "headerRenderer": { "alias": "headerRenderer"; "required": false; "isSignal": true; }; "editRenderer": { "alias": "editRenderer"; "required": false; "isSignal": true; }; "highlighting": { "alias": "highlighting"; "required": false; "isSignal": true; }; "rowDragEntireRow": { "alias": "rowDragEntireRow"; "required": false; "isSignal": true; }; "overscan": { "alias": "overscan"; "required": false; "isSignal": true; }; "sortingEnabled": { "alias": "sortingEnabled"; "required": false; "isSignal": true; }; "wheelDampening": { "alias": "wheelDampening"; "required": false; "isSignal": true; }; }, { "onRowDragEnd": "onRowDragEnd"; "onCellValueChanged": "onCellValueChanged"; "onColumnResized": "onColumnResized"; "onColumnMoved": "onColumnMoved"; }, never, never, true, never>;
+}
+
+interface CreateGridDataOptions<TData> {
+    /** Function to extract a unique ID from each row. Required. */
+    getRowId: (row: TData) => RowId;
+    /** Debounce time for batching transactions in ms. Default 50. */
+    debounceMs?: number;
+    /** Use Web Worker for sorting large datasets (default: true) */
+    useWorker?: boolean;
+    /** Options for parallel sorting (only used when useWorker is true) */
+    parallelSort?: ParallelSortOptions | false;
+}
+interface GridDataApi<TData> {
+    /** The data source to pass to <gp-grid [dataSource]="dataSource" />. */
+    dataSource: MutableDataSource<TData>;
+    /** Update a single row by ID with partial data. */
+    updateRow: (id: RowId, data: Partial<TData>) => void;
+    /** Add rows to the data source. */
+    addRows: (rows: TData[]) => void;
+    /** Remove rows by ID. */
+    removeRows: (ids: RowId[]) => void;
+    /** Update a single cell value. */
+    updateCell: (id: RowId, field: string, value: CellValue) => void;
+    /** Clear all data from the data source. */
+    clear: () => void;
+    /** Get a row by its ID. */
+    getRowById: (id: RowId) => TData | undefined;
+    /** Get the current total row count. */
+    getTotalRowCount: () => number;
+    /** Force immediate processing of queued transactions. */
+    flushTransactions: () => Promise<void>;
+}
+/**
+ * Angular helper for efficient grid data mutations.
+ *
+ * Wraps `createMutableClientDataSource` to provide a simple API for
+ * updating grid data without triggering full pipeline rebuilds.
+ *
+ * @example
+ * ```ts
+ * private readonly grid = createGridData(initialRows, {
+ *   getRowId: (row) => row.id,
+ * });
+ *
+ * // Template:
+ * // <gp-grid [dataSource]="grid.dataSource" [columns]="columns" />
+ *
+ * // Update a row imperatively:
+ * this.grid.updateRow(42, { name: 'New name' });
+ * ```
+ */
+declare const createGridData: <TData = unknown>(initialData: TData[], options: CreateGridDataOptions<TData>) => GridDataApi<TData>;
+
+export { FilterPopupComponent, GpGridComponent, GridBodyComponent, GridHeaderComponent, GridOverlaysComponent, createGridData };
+export type { ActiveFilterPopup, AngularColumnDefinition, CellClassFn, CellDoubleClickEvent, CellPointerDownEvent, CellPointerEnterEvent, CellRendererTemplate, CreateGridDataOptions, EditRendererTemplate, EditingCellState, FillHandlePointerDownEvent, FilterPointerDownEvent, GridDataApi, HeaderPointerDownEvent, HeaderRendererTemplate, HeaderSortEvent, ResizePointerDownEvent, RowClassFn };

package/ng-package.json

@@ -1,10 +0,0 @@
-{
-  "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "./dist/angular",
-  "allowedNonPeerDependencies": [
-    "@gp-grid/core"
-  ],
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  }
-}