@one-grid-core/angular 0.1.0-beta.6 → 0.2.0

package/lib/components/one-grid/one-grid.component.d.ts

@@ -9,6 +9,7 @@ import { CellOptionMenuSelectedEvent, ExpansionChangedEvent, RowSelectionMode, S
 import { Subject } from 'rxjs';
 import { OneDetailCellRendererParams } from '../../core/models/one-master-detail.model';
 import { OneCellRendererComponent } from '../../core/models/one-tree-data.model';
+import { OneRowDragEvent } from '../../core/models/one-row-drag.model';
 import * as i0 from "@angular/core";
 export declare class OneGridComponent<T> implements OnInit, OnChanges, AfterViewInit, OnDestroy {
     protected api: OneGridApi;
@@ -28,6 +29,14 @@ export declare class OneGridComponent<T> implements OnInit, OnChanges, AfterView
     groupColumnDefs: OneGroupColumnDef[];
     defaultColumnDef: OneColumnDef<T>;
     columnDefs: OneColumnDef<T>[];
+    /**
+     * Rows anchored above the scrolling area — a header summary, or an entry line.
+     * They keep column alignment and scroll sideways with the body, but are not
+     * data: sorting, filtering, selection and the row count all pass them by.
+     */
+    pinnedTopRowData: T[];
+    /** Rows anchored below the scrolling area, typically a totals row. */
+    pinnedBottomRowData: T[];
     protected gridCopy$: Subject<ClipboardEvent>;
     /**
      * Master Detail Feature
@@ -47,6 +56,11 @@ export declare class OneGridComponent<T> implements OnInit, OnChanges, AfterView
     /**
      * Bind Row Action Events & Data to Parent
      */
+    /**
+     * A row finished moving. Fires once per completed reorder — not while the
+     * pointer is in flight — and only when the position actually changed.
+     */
+    rowDragEnd: EventEmitter<OneRowDragEvent<T>>;
     onGridReady: EventEmitter<OneGridReadyEvent<T>>;
     onRowGotoDetail: EventEmitter<OneGridRowActionEvent<T>>;
     onRowAddNew: EventEmitter<OneGridRowActionEvent<T>>;
@@ -129,11 +143,12 @@ export declare class OneGridComponent<T> implements OnInit, OnChanges, AfterView
     invokeGoToNext(): void;
     invokeGoToLast(): void;
     invokePageSizeChange(pageSize: number): void;
+    invokeRowDragEnd(event: OneRowDragEvent<T>): void;
     invokeExpansionChangedClick(event: ExpansionChangedEvent<T>): void;
     /**
      * Handle Unsubscribe All Event Listenders
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OneGridComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OneGridComponent<any>, "one-grid", never, { "rowNumber": { "alias": "rowNumber"; "required": false; }; "allowedEdit": { "alias": "allowedEdit"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "context": { "alias": "context"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "rowSelection": { "alias": "rowSelection"; "required": false; }; "enableGroupColumnDefs": { "alias": "enableGroupColumnDefs"; "required": false; }; "groupColumnDefs": { "alias": "groupColumnDefs"; "required": false; }; "defaultColumnDef": { "alias": "defaultColumnDef"; "required": false; }; "columnDefs": { "alias": "columnDefs"; "required": false; }; "gridType": { "alias": "gridType"; "required": false; }; "masterDetail": { "alias": "masterDetail"; "required": false; }; "masterNode": { "alias": "masterNode"; "required": false; }; "detailCellRendererParams": { "alias": "detailCellRendererParams"; "required": false; }; "detailRendererComponent": { "alias": "detailRendererComponent"; "required": false; }; "treeData": { "alias": "treeData"; "required": false; }; "treeDataChildrenField": { "alias": "treeDataChildrenField"; "required": false; }; "autoGroupColumnDef": { "alias": "autoGroupColumnDef"; "required": false; }; "groupDefaultExpanded": { "alias": "groupDefaultExpanded"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "paginate": { "alias": "paginate"; "required": false; }; }, { "onGridReady": "onGridReady"; "onRowGotoDetail": "onRowGotoDetail"; "onRowAddNew": "onRowAddNew"; "onRowView": "onRowView"; "onRowLocation": "onRowLocation"; "onRowDocument": "onRowDocument"; "onRowCopy": "onRowCopy"; "onRowDelete": "onRowDelete"; "onRowGotoList": "onRowGotoList"; "onRowEdit": "onRowEdit"; "onRowPrint": "onRowPrint"; "onRowHistory": "onRowHistory"; "onRowOption": "onRowOption"; "onRowLanguage": "onRowLanguage"; "onRowSelection": "onRowSelection"; "onShiftDoubleClick": "onShiftDoubleClick"; "rowCountChanged": "rowCountChanged"; "selectionChanged": "selectionChanged"; "expansionChanged": "expansionChanged"; "cellOptionSelect": "cellOptionSelect"; "onRowCellOption": "onRowCellOption"; "goToFirst": "goToFirst"; "goToPrevious": "goToPrevious"; "goToNext": "goToNext"; "goToLast": "goToLast"; "pageSizeChange": "pageSizeChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OneGridComponent<any>, "one-grid", never, { "rowNumber": { "alias": "rowNumber"; "required": false; }; "allowedEdit": { "alias": "allowedEdit"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "context": { "alias": "context"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "rowSelection": { "alias": "rowSelection"; "required": false; }; "enableGroupColumnDefs": { "alias": "enableGroupColumnDefs"; "required": false; }; "groupColumnDefs": { "alias": "groupColumnDefs"; "required": false; }; "defaultColumnDef": { "alias": "defaultColumnDef"; "required": false; }; "columnDefs": { "alias": "columnDefs"; "required": false; }; "pinnedTopRowData": { "alias": "pinnedTopRowData"; "required": false; }; "pinnedBottomRowData": { "alias": "pinnedBottomRowData"; "required": false; }; "gridType": { "alias": "gridType"; "required": false; }; "masterDetail": { "alias": "masterDetail"; "required": false; }; "masterNode": { "alias": "masterNode"; "required": false; }; "detailCellRendererParams": { "alias": "detailCellRendererParams"; "required": false; }; "detailRendererComponent": { "alias": "detailRendererComponent"; "required": false; }; "treeData": { "alias": "treeData"; "required": false; }; "treeDataChildrenField": { "alias": "treeDataChildrenField"; "required": false; }; "autoGroupColumnDef": { "alias": "autoGroupColumnDef"; "required": false; }; "groupDefaultExpanded": { "alias": "groupDefaultExpanded"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "paginate": { "alias": "paginate"; "required": false; }; }, { "rowDragEnd": "rowDragEnd"; "onGridReady": "onGridReady"; "onRowGotoDetail": "onRowGotoDetail"; "onRowAddNew": "onRowAddNew"; "onRowView": "onRowView"; "onRowLocation": "onRowLocation"; "onRowDocument": "onRowDocument"; "onRowCopy": "onRowCopy"; "onRowDelete": "onRowDelete"; "onRowGotoList": "onRowGotoList"; "onRowEdit": "onRowEdit"; "onRowPrint": "onRowPrint"; "onRowHistory": "onRowHistory"; "onRowOption": "onRowOption"; "onRowLanguage": "onRowLanguage"; "onRowSelection": "onRowSelection"; "onShiftDoubleClick": "onShiftDoubleClick"; "rowCountChanged": "rowCountChanged"; "selectionChanged": "selectionChanged"; "expansionChanged": "expansionChanged"; "cellOptionSelect": "cellOptionSelect"; "onRowCellOption": "onRowCellOption"; "goToFirst": "goToFirst"; "goToPrevious": "goToPrevious"; "goToNext": "goToNext"; "goToLast": "goToLast"; "pageSizeChange": "pageSizeChange"; }, never, never, false, never>;
 }

package/lib/components/one-grid-body/one-grid-body.component.d.ts

@@ -1,5 +1,5 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef, Type } from '@angular/core';
-import { OneCellRendererParams, OneColumnDef } from '../../core/models/one-column-def-types.model';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef, Type } from '@angular/core';
+import { OneCellPresentationParams, OneCellRendererParams, OneColumnDef } from '../../core/models/one-column-def-types.model';
 import { OneCellRendererComponent } from '../../core/models/one-tree-data.model';
 import { OneRowNode } from '../../core/instants/one-row-node.class';
 import { OneGridApi } from '../../core/instants/one-grid-api.class';
@@ -11,11 +11,14 @@ import { OneDetailCellRendererParams } from '../../core/models/one-master-detail
 import { OneGridCellService } from '../../core/services/one-grid-cell.service';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { OgColumnService } from '../../core/services/og-column.service';
+import { OneGridRowDragService } from '../../core/services/one-grid-row-drag.service';
+import { OneRowDragEvent, OneRowDragState, OneRowDragSuppressedReason } from '../../core/models/one-row-drag.model';
 import * as i0 from "@angular/core";
-export declare class OneGridBodyComponent<T> implements OnInit, OnDestroy {
+export declare class OneGridBodyComponent<T> implements OnInit, AfterViewInit, OnDestroy {
     protected colService: OgColumnService;
     protected cellService: OneGridCellService;
     private eventService;
+    protected rowDragService: OneGridRowDragService<T>;
     private cdr;
     /**
      * Core Properties
@@ -31,6 +34,19 @@ export declare class OneGridBodyComponent<T> implements OnInit, OnDestroy {
     context: any;
     getRowId: (params: OneGridGetRowIdParams<T>) => string;
     gridCopy$: Subject<ClipboardEvent>;
+    /**
+     * Pinned rows are bound only so the component re-renders when they change;
+     * the nodes themselves come from the API, which owns them.
+     */
+    pinnedTopRowData: T[];
+    pinnedBottomRowData: T[];
+    /**
+     * The pinned row containers sit outside the scroll viewport, so they have to
+     * be told the horizontal offset — the same arrangement the header uses.
+     */
+    private pinnedViewports?;
+    protected pinnedTopNodes: OneRowNode<T>[];
+    protected pinnedBottomNodes: OneRowNode<T>[];
     viewport: CdkVirtualScrollViewport;
     protected columnDefs: OneColumnDef<T>[];
     protected cellRenderer: boolean;
@@ -74,11 +90,19 @@ export declare class OneGridBodyComponent<T> implements OnInit, OnDestroy {
     expansionChanged: EventEmitter<ExpansionChangedEvent<T>>;
     bodyScroll: EventEmitter<number>;
     cellOptionSelect: EventEmitter<any>;
+    rowDragEnd: EventEmitter<OneRowDragEvent<T>>;
     /**
      * Selection Range Variables
      */
     protected rowWidth: number;
     protected nodes: OneRowNode<T>[];
+    /**
+     * Row drag state, mirrored from the service so the template can read it
+     * synchronously. `null` whenever no drag is in flight.
+     */
+    protected dragState: OneRowDragState | null;
+    protected dragAnnouncement: string;
+    protected rowDragSuppressed: OneRowDragSuppressedReason | null;
     protected selectedCells: Set<string>;
     private isMouseDown;
     private startCell;
@@ -92,10 +116,19 @@ export declare class OneGridBodyComponent<T> implements OnInit, OnDestroy {
     protected itemSize: number;
     protected minBufferPx: number;
     protected maxBufferPx: number;
-    constructor(colService: OgColumnService, cellService: OneGridCellService, eventService: OneGridEventService, cdr: ChangeDetectorRef);
+    constructor(colService: OgColumnService, cellService: OneGridCellService, eventService: OneGridEventService, rowDragService: OneGridRowDragService<T>, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     onGridReady(params: OneGridReadyEvent): void;
     onBodyScroll(event: Event): void;
+    /**
+     * Keep the pinned rows in step with the body's horizontal position.
+     *
+     * Assigned rather than transformed, for the same reason as the header: sticky
+     * positioning for pinned *columns* has to resolve against a real scrollport,
+     * and a transformed ancestor is not one. Pinned rows and pinned columns
+     * therefore compose — a frozen corner cell stays frozen on both axes.
+     */
+    private syncPinnedRows;
     /**
      * Track Rendering Row Node By Row ID
      */
@@ -139,8 +172,39 @@ export declare class OneGridBodyComponent<T> implements OnInit, OnDestroy {
     invokeRowActionHistory(event: OneGridRowActionEvent<T>): void;
     invokeRowActionOption(event: OneGridRowActionEvent<T>): void;
     invokeRowActionLanguage(event: OneGridRowActionEvent<T>): void;
+    /**
+     * Open the cell option menu, and tell the host it was asked for.
+     *
+     * The opening is the part that was missing. Everything else existed — the
+     * trigger button behind `cellRendererParams.cellOptionButtonStatus`, the menu
+     * component, the `cellOptionMenu` column property, the selection event wired
+     * through to the grid's output — but nothing ever set the flag the template
+     * renders on, so the button did nothing at all.
+     *
+     * Done here rather than in the row-action component because this is the
+     * component whose template renders the menu, and so the one that has to be
+     * marked for check.
+     */
     invokeRowActionCellOption(event: OneGridRowActionEvent<T>): void;
+    /**
+     * The menu closed itself — on select, on Escape, or on a click outside. It
+     * has already cleared its own flag; this is what repaints without it.
+     */
+    cellOptionMenuClosed(): void;
     invokeRowActionSelection(event: OneGridRowActionEvent<T>): void;
+    /**
+     * Toggle a group / master row, then report the result.
+     *
+     * The group renderer is presentational: it says "the expander was clicked"
+     * and nothing more. Performing the state change belongs here, where the API
+     * is available. Previously this method only re-emitted, so the expander
+     * rendered, animated on hover and did nothing at all — every consumer had to
+     * discover for itself that `expansionChanged` was a request rather than the
+     * notification its past-tense name promises.
+     *
+     * The event is re-emitted *after* the toggle, so `event.node.expanded` is the
+     * new state, which is what a past-tense event should carry.
+     */
     invokeExpansionChangedClick(event: ExpansionChangedEvent): void;
     cellOptionMenuSelected(event: CellOptionMenuSelectedEvent): void;
     /**
@@ -165,12 +229,75 @@ export declare class OneGridBodyComponent<T> implements OnInit, OnDestroy {
     setCellValueByRowId(rowId: string, column: OneColumnDef, value: any): void;
     /**
      * Virtual Scroll Properties
+     *
+     * The buffer scales with the row count so small grids render in one pass, but
+     * it is capped: `itemSize * items * 1.5` is 1.5x the *total* content height,
+     * and CdkFixedSizeVirtualScroll expands its rendered range until the buffer is
+     * satisfied. Uncapped, that makes the viewport materialise every row and
+     * virtual scrolling stops doing anything at all (100k rows locked the tab).
+     * MAX_BUFFER_PX keeps roughly twenty rows of overscan either side instead.
      */
+    private readonly MAX_BUFFER_PX;
     setVirtualScroll(items?: number): void;
     /**
      * Unsubscribe All Subscriptions
      */
+    /**
+     * Hand the drag service what it needs to run a gesture.
+     *
+     * Deferred to here because the viewport element does not exist until the view
+     * is up, and `nodes` is passed as a getter rather than a value — a drag
+     * mutates the order underneath it, so a snapshot taken at attach time would
+     * go stale on the first move.
+     */
+    ngAfterViewInit(): void;
+    /**
+     * The params every per-cell callback receives.
+     *
+     * Built here rather than inline in the template so the whole documented
+     * shape is passed — `value`, `field`, `rowIndex`, `api` and `context` were
+     * all declared on `OneCellRendererParams` and none of them were being sent,
+     * so a `cellClass` reading `params.value` silently got `undefined`.
+     */
+    protected cellParams(node: OneRowNode<T>, column: OneColumnDef<T>): OneCellPresentationParams<T>;
+    /**
+     * Params for a component cell renderer.
+     *
+     * The cell params, plus whatever the column declared in
+     * `cellRendererParams` — a field that exists precisely so a renderer can be
+     * configured per column, and that nothing had ever forwarded to it. Column
+     * config goes first so the grid's own fields win a name collision.
+     */
+    protected rendererParams(node: OneRowNode<T>, column: OneColumnDef<T>): OneCellRendererParams<T>;
+    /** Is this the row currently being moved? */
+    protected isRowDragging(node: OneRowNode<T>): boolean;
+    /**
+     * Where to paint the drop indicator, in pixels from the top of the body.
+     *
+     * `insertAt` is a boundary, so the line sits at row-height times the number
+     * of rows above it — in content space. The indicator is a sibling of the
+     * viewport rather than a child, because anything inside it either scrolls
+     * away with the transformed content wrapper or ignores the scroll entirely,
+     * so the viewport's own scroll offset and its position within the body are
+     * both subtracted back out here.
+     *
+     * A field rather than a getter: it is read from the template on every change
+     * detection pass, and it only actually moves when the drag state or the
+     * scroll position does.
+     */
+    protected dropIndicatorTop: number | null;
+    /**
+     * How wide the line is drawn. Rows are `width: fit-content`, so they are
+     * often narrower than the viewport — a full-bleed line would hang past the
+     * last column into empty space and read as part of the frame rather than the
+     * rows. This is the visible extent of the row content, which also shrinks
+     * correctly as the grid is scrolled sideways.
+     */
+    protected dropIndicatorWidth: number;
+    private updateDropIndicator;
+    protected onRowDragEnd(event: OneRowDragEvent<T>): void;
+    private refreshRowDragSuppressed;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OneGridBodyComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OneGridBodyComponent<any>, "one-grid-body", never, { "rowData": { "alias": "rowData"; "required": true; }; "rowNumber": { "alias": "rowNumber"; "required": false; }; "api": { "alias": "api"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "allowedEdit": { "alias": "allowedEdit"; "required": false; }; "enableGroupColumnDefs": { "alias": "enableGroupColumnDefs"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "context": { "alias": "context"; "required": false; }; "getRowId": { "alias": "getRowId"; "required": false; }; "gridCopy$": { "alias": "gridCopy$"; "required": true; }; "gridType": { "alias": "gridType"; "required": false; }; "masterDetail": { "alias": "masterDetail"; "required": false; }; "masterNode": { "alias": "masterNode"; "required": false; }; "detailRowMaxHeight": { "alias": "detailRowMaxHeight"; "required": false; }; "detailCellRendererParams": { "alias": "detailCellRendererParams"; "required": false; }; "detailGridTemplate": { "alias": "detailGridTemplate"; "required": false; }; "detailRendererComponent": { "alias": "detailRendererComponent"; "required": false; }; "treeData": { "alias": "treeData"; "required": false; }; "treeDataChildrenField": { "alias": "treeDataChildrenField"; "required": false; }; "autoGroupColumnDef": { "alias": "autoGroupColumnDef"; "required": false; }; "groupDefaultExpanded": { "alias": "groupDefaultExpanded"; "required": false; }; }, { "onRowGotoDetail": "onRowGotoDetail"; "onRowAddNew": "onRowAddNew"; "onRowView": "onRowView"; "onRowCopy": "onRowCopy"; "onRowLocation": "onRowLocation"; "onRowDocument": "onRowDocument"; "onRowDelete": "onRowDelete"; "onRowGotoList": "onRowGotoList"; "onRowEdit": "onRowEdit"; "onRowPrint": "onRowPrint"; "onRowHistory": "onRowHistory"; "onRowOption": "onRowOption"; "onRowLanguage": "onRowLanguage"; "onRowCellOption": "onRowCellOption"; "onRowSelection": "onRowSelection"; "onShiftDoubleClick": "onShiftDoubleClick"; "rowCountChanged": "rowCountChanged"; "expansionChanged": "expansionChanged"; "bodyScroll": "bodyScroll"; "cellOptionSelect": "cellOptionSelect"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OneGridBodyComponent<any>, "one-grid-body", never, { "rowData": { "alias": "rowData"; "required": true; }; "rowNumber": { "alias": "rowNumber"; "required": false; }; "api": { "alias": "api"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "allowedEdit": { "alias": "allowedEdit"; "required": false; }; "enableGroupColumnDefs": { "alias": "enableGroupColumnDefs"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "context": { "alias": "context"; "required": false; }; "getRowId": { "alias": "getRowId"; "required": false; }; "gridCopy$": { "alias": "gridCopy$"; "required": true; }; "pinnedTopRowData": { "alias": "pinnedTopRowData"; "required": false; }; "pinnedBottomRowData": { "alias": "pinnedBottomRowData"; "required": false; }; "gridType": { "alias": "gridType"; "required": false; }; "masterDetail": { "alias": "masterDetail"; "required": false; }; "masterNode": { "alias": "masterNode"; "required": false; }; "detailRowMaxHeight": { "alias": "detailRowMaxHeight"; "required": false; }; "detailCellRendererParams": { "alias": "detailCellRendererParams"; "required": false; }; "detailGridTemplate": { "alias": "detailGridTemplate"; "required": false; }; "detailRendererComponent": { "alias": "detailRendererComponent"; "required": false; }; "treeData": { "alias": "treeData"; "required": false; }; "treeDataChildrenField": { "alias": "treeDataChildrenField"; "required": false; }; "autoGroupColumnDef": { "alias": "autoGroupColumnDef"; "required": false; }; "groupDefaultExpanded": { "alias": "groupDefaultExpanded"; "required": false; }; }, { "onRowGotoDetail": "onRowGotoDetail"; "onRowAddNew": "onRowAddNew"; "onRowView": "onRowView"; "onRowCopy": "onRowCopy"; "onRowLocation": "onRowLocation"; "onRowDocument": "onRowDocument"; "onRowDelete": "onRowDelete"; "onRowGotoList": "onRowGotoList"; "onRowEdit": "onRowEdit"; "onRowPrint": "onRowPrint"; "onRowHistory": "onRowHistory"; "onRowOption": "onRowOption"; "onRowLanguage": "onRowLanguage"; "onRowCellOption": "onRowCellOption"; "onRowSelection": "onRowSelection"; "onShiftDoubleClick": "onShiftDoubleClick"; "rowCountChanged": "rowCountChanged"; "expansionChanged": "expansionChanged"; "bodyScroll": "bodyScroll"; "cellOptionSelect": "cellOptionSelect"; "rowDragEnd": "rowDragEnd"; }, never, never, false, never>;
 }

package/lib/components/one-grid-cell-group-renderer/one-grid-cell-group-renderer.component.d.ts

@@ -10,7 +10,12 @@ export declare class OneGridCellGroupRendererComponent<T> {
     detailCellRendererParams: OneDetailCellRendererParams;
     detailRendererComponent: Type<OneCellRendererComponent>;
     expansionChanged: EventEmitter<ExpansionChangedEvent<T>>;
-    invokeChangedClick(): void;
+    /**
+     * Presentational only: report the click and let the body, which holds the
+     * API, perform the toggle. The click is stopped from bubbling so it is not
+     * also read as a cell click by the cell underneath.
+     */
+    invokeChangedClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OneGridCellGroupRendererComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<OneGridCellGroupRendererComponent<any>, "one-grid-cell-group-renderer", never, { "node": { "alias": "node"; "required": false; }; "masterDetail": { "alias": "masterDetail"; "required": false; }; "detailCellRendererParams": { "alias": "detailCellRendererParams"; "required": false; }; "detailRendererComponent": { "alias": "detailRendererComponent"; "required": false; }; }, { "expansionChanged": "expansionChanged"; }, never, never, false, never>;
 }

package/lib/components/one-grid-cell-option-menu/one-grid-cell-option-menu.component.d.ts

@@ -1,16 +1,33 @@
-import { ElementRef, EventEmitter } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter } from '@angular/core';
 import { OneRowNode } from '../../core/instants/one-row-node.class';
 import { OneColumnDef } from '../../core/models/one-column-def-types.model';
 import { CellOptionMenuSelectedEvent, OneCellOptionMenu } from '../../core/models/one-event-types.model';
 import * as i0 from "@angular/core";
-export declare class OneGridCellOptionMenuComponent {
+export declare class OneGridCellOptionMenuComponent implements AfterViewInit {
     private elementRef;
     column: OneColumnDef;
     node: OneRowNode;
     options: OneCellOptionMenu[];
     cellOptionMenuSelect: EventEmitter<CellOptionMenuSelectedEvent<any>>;
     cellOptionMenuClose: EventEmitter<void>;
+    private items?;
+    /**
+     * Roving tabindex: one item is tabbable and the arrows move which. Standard
+     * for a menu — a list of separately tabbable buttons makes a keyboard user
+     * tab through every option to get past the menu.
+     */
+    protected activeIndex: number;
+    protected get menuLabel(): string;
     constructor(elementRef: ElementRef);
+    /**
+     * Move focus into the menu once it exists.
+     *
+     * Opening a menu and leaving focus on the trigger strands a keyboard user:
+     * the menu is on screen and nothing they press reaches it.
+     */
+    ngAfterViewInit(): void;
+    protected onItemKeydown(event: KeyboardEvent, index: number, option: OneCellOptionMenu): void;
+    private focusItem;
     onDocumentClick(event: MouseEvent): void;
     onEscape(): void;
     onScroll(): void;

package/lib/components/one-grid-checkbox-header/one-grid-checkbox-header.component.d.ts

@@ -1,20 +1,23 @@
-import { OnInit } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { OneGridSelectionService } from '../../core/services/one-grid-selection.service';
 import { OneRowNode } from '../../core/instants/one-row-node.class';
 import { OneGridApi } from '../../core/instants/one-grid-api.class';
 import { OneGridEventService } from '../../core/services/one-grid-event.service';
 import { OneCheckboxState, RowSelectionMode } from '../../core/models/one-event-types.model';
 import * as i0 from "@angular/core";
-export declare class OneGridCheckboxHeaderComponent<T> implements OnInit {
+export declare class OneGridCheckboxHeaderComponent<T> implements OnInit, OnDestroy {
     private eventService;
     private selectionService;
     api: OneGridApi<T>;
     allowedEdit: boolean;
+    /** Unsubscribe callbacks for the two grid listeners below. */
+    private readonly teardown;
     state: OneCheckboxState;
     rowNodes: OneRowNode<T>[];
     selectionMode: RowSelectionMode;
     constructor(eventService: OneGridEventService, selectionService: OneGridSelectionService);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     /**
      * Toggle Selection Action
      */

package/lib/components/one-grid-header/one-grid-header.component.d.ts

@@ -1,19 +1,28 @@
-import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { OneColumnDef, OneGroupColumnDef } from '../../core/models/one-column-def-types.model';
 import { OneGridApi } from '../../core/instants/one-grid-api.class';
 import { OneGridEventService } from '../../core/services/one-grid-event.service';
 import * as i0 from "@angular/core";
-export declare class OneGridHeaderComponent<T> implements OnInit, OnDestroy {
+export declare class OneGridHeaderComponent<T> implements OnInit, AfterViewInit, OnDestroy {
     private eventService;
     private cdr;
-    scrollLeft: number;
+    private headerViewport?;
+    /**
+     * Horizontal offset of the body, mirrored here so the header tracks it.
+     *
+     * Applied to the viewport's `scrollLeft` rather than as a transform on the
+     * row: sticky positioning needs a real scrollport above it. The group row,
+     * which is a sibling of that viewport, still reads this for its transform.
+     */
+    set scrollLeft(value: number);
+    get scrollLeft(): number;
+    private _scrollLeft;
     allowedEdit: boolean;
     enableGroupColumnDefs: boolean;
     api: OneGridApi<T>;
     protected groupColumnDefs: OneGroupColumnDef[];
     protected columnDefs: OneColumnDef<T>[];
     private sortModel;
-    private destroy$;
     private subscriptions;
     private draggedIndex;
     private resizing;
@@ -22,6 +31,8 @@ export declare class OneGridHeaderComponent<T> implements OnInit, OnDestroy {
     private startWidth;
     constructor(eventService: OneGridEventService, cdr: ChangeDetectorRef);
     ngOnInit(): void;
+    ngAfterViewInit(): void;
+    private applyScrollLeft;
     onHeaderMenuOptionClick(columnDef: OneColumnDef<T>): void;
     onHeaderMenuSortClick(colId: keyof T): void;
     private cycleSort;
@@ -32,9 +43,6 @@ export declare class OneGridHeaderComponent<T> implements OnInit, OnDestroy {
     onDragColumnOver(event: DragEvent, targetIndex: number): void;
     onDragColumnEnd(event: DragEvent): void;
     onDropColumn(event: DragEvent): void;
-    /**
-     * Clear All Subscriptions
-     */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OneGridHeaderComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<OneGridHeaderComponent<any>, "one-grid-header", never, { "scrollLeft": { "alias": "scrollLeft"; "required": false; }; "allowedEdit": { "alias": "allowedEdit"; "required": false; }; "enableGroupColumnDefs": { "alias": "enableGroupColumnDefs"; "required": false; }; "api": { "alias": "api"; "required": false; }; }, {}, never, never, false, never>;

package/lib/components/one-grid-pagination/one-grid-pagination.component.d.ts

@@ -1,16 +1,35 @@
-import { AfterViewInit, EventEmitter } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { OnePaginationParams } from '../../core/models/one-pagination-types.model';
 import * as i0 from "@angular/core";
-export declare class OneGridPaginationComponent implements AfterViewInit {
+export declare class OneGridPaginationComponent {
     paginate: OnePaginationParams;
     goToFirst: EventEmitter<any>;
     goToPrevious: EventEmitter<any>;
     goToNext: EventEmitter<any>;
     goToLast: EventEmitter<any>;
     pageSizeChange: EventEmitter<any>;
-    pageSize: number;
-    pageSizeOptions: number[];
-    ngAfterViewInit(): void;
+    /**
+     * The page size the bar shows.
+     *
+     * Derived from the input rather than held locally. The bar is a display of
+     * the host's paging state — it does not own it — and a local copy meant a
+     * host that supplied `perPage: 50` still saw "25 rows" selected.
+     */
+    get pageSize(): number;
+    /**
+     * The size options offered.
+     *
+     * Also derived. These used to be copied out of the input in
+     * `ngAfterViewInit` — after the view had already been checked with the
+     * defaults — so any grid supplying its own options threw `NG0100` in dev
+     * mode, and later changes to the list were ignored entirely.
+     */
+    get pageSizeOptions(): number[];
+    /** Whether there is a page before the current one. */
+    get hasPrevious(): boolean;
+    /** Whether there is a page after the current one. */
+    get hasNext(): boolean;
+    private get pageCount();
     goToFirstPage(): void;
     goToPreviousPage(): void;
     goToNextPage(): void;

package/lib/components/one-grid-row-action/one-grid-row-action.component.d.ts

@@ -2,8 +2,10 @@ import { EventEmitter, OnInit } from '@angular/core';
 import { OneRowNode } from '../../core/instants/one-row-node.class';
 import { OneGridRowActionEvent, OneGridType } from '../../core/models/one-grid-types.model';
 import { OneCellRendererParams, OneColumnDef } from '../../core/models/one-column-def-types.model';
+import { OneGridCellService } from '../../core/services/one-grid-cell.service';
 import * as i0 from "@angular/core";
 export declare class OneGridRowActionComponent<T> implements OnInit {
+    private readonly cellService;
     /**
      * Get Node & Cell Renderer From Parent Component
      */
@@ -35,6 +37,48 @@ export declare class OneGridRowActionComponent<T> implements OnInit {
     protected detailActiveExcludeLevels: Set<number>;
     protected gotoDetailExcludeLevels: Set<number>;
     protected addNewExcludeLevels: Set<number>;
+    /**
+     * Accessible names for the action buttons.
+     *
+     * Every one of them is an icon with no text, and none carried a label — a
+     * screen reader announced "button" and nothing more, fourteen times per row.
+     * These are also the `title`, so the icons are identifiable by pointer too.
+     */
+    protected readonly labels: {
+        readonly gotoDetail: "Open detail";
+        readonly addNew: "Add new row";
+        readonly view: "View row";
+        readonly location: "Show location";
+        readonly document: "Open document";
+        readonly copy: "Copy row";
+        readonly delete: "Delete row";
+        readonly gotoList: "Open list";
+        readonly edit: "Edit row";
+        readonly print: "Print row";
+        readonly history: "View history";
+        readonly option: "Row options";
+        readonly language: "Change language";
+        readonly cellOption: "Cell options";
+    };
+    constructor(cellService: OneGridCellService);
+    /**
+     * Whether this column's action buttons are hidden for this row.
+     *
+     * The templates read `column?.hideActionButton` directly, which is truthy for
+     * any function — so a predicate asking to hide the buttons showed them, and
+     * one asking to show them showed them too. Resolved here instead, with the
+     * same params every other row-scoped predicate gets.
+     */
+    protected get hideActionButton(): boolean;
+    /**
+     * Whether this column's action buttons are disabled for this row.
+     *
+     * `disable` used to be resolved by `CellDisableResolverPipe`, which built its
+     * own params — a different set from every other row-scoped predicate. It goes
+     * through the shared builder now, so `disable` sees exactly what `editable`
+     * and `hideActionButton` see.
+     */
+    protected get actionDisabled(): boolean;
     ngOnInit(): void;
     /**
      * Trigger Invoke Click Event

package/lib/components/one-grid-row-drag-handle/one-grid-row-drag-handle.component.d.ts

@@ -0,0 +1,39 @@
+import { EventEmitter } from '@angular/core';
+import { OneRowNode } from '../../core/instants/one-row-node.class';
+import { OneGridRowDragService } from '../../core/services/one-grid-row-drag.service';
+import { OneRowDragEvent, OneRowDragSuppressedReason } from '../../core/models/one-row-drag.model';
+import * as i0 from "@angular/core";
+/**
+ * The grab handle for one row.
+ *
+ * A real `<button>`, not a styled div: it has to be focusable and operable from
+ * the keyboard, because WCAG 2.5.7 requires everything achievable by dragging
+ * to have a non-dragging alternative. Space picks the row up, the arrows move
+ * it, space drops it and escape puts it back.
+ *
+ * When reordering is unavailable the handle is disabled and says why, rather
+ * than disappearing — a control that vanishes when the user sorts looks like a
+ * bug, and one that silently does nothing is worse.
+ */
+export declare class OneGridRowDragHandleComponent<T> {
+    private readonly dragService;
+    node: OneRowNode<T>;
+    /** Non-null when the grid's order is not its own; see the model docs. */
+    suppressedReason: OneRowDragSuppressedReason | null;
+    dragEnd: EventEmitter<OneRowDragEvent<T>>;
+    constructor(dragService: OneGridRowDragService<T>);
+    protected get disabled(): boolean;
+    protected get label(): string;
+    /** True while this specific row is the one being moved. */
+    protected get grabbed(): boolean;
+    protected onPointerDown(event: PointerEvent): void;
+    protected onKeyDown(event: KeyboardEvent): void;
+    /**
+     * A row that is picked up and dropped where it started produces no event.
+     * Blur while grabbed would otherwise strand the row mid-move, so it cancels.
+     */
+    protected onBlur(): void;
+    private emit;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OneGridRowDragHandleComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OneGridRowDragHandleComponent<any>, "one-grid-row-drag-handle", never, { "node": { "alias": "node"; "required": true; }; "suppressedReason": { "alias": "suppressedReason"; "required": false; }; }, { "dragEnd": "dragEnd"; }, never, never, false, never>;
+}

package/lib/core/directives/one-cell-text-expand.directive.d.ts

@@ -1,19 +1,31 @@
-import { AfterViewChecked, AfterViewInit, ElementRef, OnDestroy, Renderer2 } from '@angular/core';
+import { ElementRef, OnDestroy, Renderer2 } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class OneCellTextExpandDirective implements AfterViewInit, AfterViewChecked, OnDestroy {
+/**
+ * Reveals a truncated cell in full while the pointer rests on it.
+ *
+ * Presentation lives in the stylesheet, under `.one-cell-text-expanded`. It
+ * used to be applied as inline styles here, one of which was
+ * `background: var(--ins-card-bg)` — a token from the application this library
+ * was extracted from, which no consumer defines. The expanded cell therefore
+ * had a transparent background and its text overlapped the next column. The
+ * inline rules also set `z-index` on a statically positioned element, where it
+ * does nothing.
+ *
+ * Overflow is measured on hover rather than after every view check. The old
+ * version measured on init and on every text change, and reading `scrollWidth`
+ * forces a synchronous layout — several hundred of them per render for a
+ * normal viewport, to answer a question only the hovered cell ever asks.
+ */
+export declare class OneCellTextExpandDirective implements OnDestroy {
     private cell;
     private renderer;
-    private overflowing;
+    private static readonly EXPANDED_CLASS;
+    private static readonly HOVER_DELAY_MS;
     private timer;
-    private lastText;
     constructor(cell: ElementRef<HTMLElement>, renderer: Renderer2);
-    ngAfterViewInit(): void;
-    ngAfterViewChecked(): void;
-    ngOnDestroy(): void;
-    private checkOverflow;
-    onResize(): void;
     onMouseEnter(): void;
     onMouseLeave(): void;
+    ngOnDestroy(): void;
     private expand;
     private collapse;
     static ɵfac: i0.ɵɵFactoryDeclaration<OneCellTextExpandDirective, never>;