@sectile/dom 0.6.0 → 0.8.0

package/dist/internal/tabular-dom.d.ts

@@ -0,0 +1,109 @@
+import type { TabularCellAddress, TabularColumnDefinition, TabularColumnID, TabularHeaderNodeID, TabularQuery, TabularResult, TabularRow, TabularRowID, TabularRowSelection, TabularSnapshot, TabularView, TabularWireValue } from '@sectile/tabular';
+export interface TabularDOMColumnSizeState {
+    readonly revision: number;
+    readonly values: Readonly<Record<TabularColumnID, number>>;
+}
+export interface TabularDOMColumnSizeOptions {
+    readonly columnSizes?: Readonly<Record<TabularColumnID, number>>;
+    readonly defaultColumnSizes?: Readonly<Record<TabularColumnID, number>>;
+    readonly onColumnSizesChange?: (state: TabularDOMColumnSizeState) => void;
+}
+export interface TabularDOMRegistrationOptions {
+    readonly expectedProjectionGeneration?: number;
+}
+export interface TabularDOMColumnResizeHandleOptions {
+    readonly columnID: TabularColumnID;
+    readonly minSize?: number;
+    readonly maxSize?: number;
+    readonly step?: number;
+}
+export type TabularDOMEditorElement = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;
+export type TabularDOMEditorValueParser = (value: string) => TabularResult<TabularWireValue>;
+export interface TabularDOMEditorOptions {
+    readonly cell: TabularCellAddress;
+    readonly parseValue?: TabularDOMEditorValueParser;
+    readonly commitOnBlur?: boolean;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly label?: string;
+}
+export interface TabularHeaderMetrics {
+    readonly headerNodeID: TabularHeaderNodeID;
+    readonly columnID: TabularColumnID | null;
+    readonly columnIndex: number;
+    readonly colSpan: number;
+    readonly rowSpan: number;
+    readonly depth: number;
+}
+export type TabularDOMHeaderReference = {
+    readonly columnID: TabularColumnID;
+    readonly headerNodeID?: never;
+} | {
+    readonly headerNodeID: TabularHeaderNodeID;
+    readonly columnID?: never;
+};
+export interface ResolvedTabularHeaderReference {
+    readonly headerNodeID: TabularHeaderNodeID;
+    readonly metric: TabularHeaderMetrics | undefined;
+}
+export type TabularDOMBulkSelectionState = 'unchecked' | 'indeterminate' | 'checked';
+export interface TabularDOMRowSelectionAnchor {
+    readonly rowID: TabularRowID;
+    readonly projectionGeneration: number;
+}
+export type TabularDOMRowSelectionEvent = {
+    readonly type: 'toggle-row-selection';
+    readonly rowID: TabularRowID;
+} | {
+    readonly type: 'set-row-selection-range';
+    readonly anchorRowID: TabularRowID;
+    readonly rowID: TabularRowID;
+    readonly selected: boolean;
+};
+export interface TabularDOMRowSelectionActivation {
+    readonly event: TabularDOMRowSelectionEvent;
+    readonly anchor: TabularDOMRowSelectionAnchor;
+}
+export declare class ColumnSizeStore {
+    #private;
+    constructor(options: TabularDOMColumnSizeOptions);
+    getState(): TabularDOMColumnSizeState;
+    synchronize(values: Readonly<Record<TabularColumnID, number>> | undefined): TabularResult<TabularDOMColumnSizeState>;
+    propose(columnID: TabularColumnID, size: number): TabularResult<TabularDOMColumnSizeState>;
+}
+export declare function validateColumnSizeOptions(options: TabularDOMColumnSizeOptions): TabularResult<true>;
+export declare class BindingScope {
+    #private;
+    get active(): boolean;
+    retain(dispose: () => void): () => void;
+    disconnect(): void;
+}
+export declare function bindEvent<K extends keyof HTMLElementEventMap>(scope: BindingScope, element: HTMLElement, type: K, listener: (event: HTMLElementEventMap[K]) => void): () => void;
+export declare function readEditorValue(element: TabularDOMEditorElement, parser: TabularDOMEditorValueParser | undefined): TabularResult<TabularWireValue>;
+export declare function setEditorAttributes(element: TabularDOMEditorElement, options: TabularDOMEditorOptions, part: string): void;
+export declare function bindColumnResizeHandle(scope: BindingScope, element: HTMLElement, store: ColumnSizeStore, options: TabularDOMColumnResizeHandleOptions, onUpdate: () => void): () => void;
+export declare function validateRegistrationGeneration(current: number, options: TabularDOMRegistrationOptions): TabularResult<true>;
+export declare function currentView(snapshot: TabularSnapshot): TabularView | null;
+export declare function projectedColumns(snapshot: TabularSnapshot): readonly TabularColumnDefinition[];
+export declare function projectedRows(snapshot: TabularSnapshot): readonly TabularRow[];
+export declare function findProjectedRow(snapshot: TabularSnapshot, rowID: string): TabularRow | undefined;
+export declare function orderedColumnIDs(snapshot: TabularSnapshot): readonly TabularColumnID[];
+export declare function columnIndex(snapshot: TabularSnapshot, columnID: TabularColumnID): number;
+export declare function rowIndex(snapshot: TabularSnapshot, rowID: string): number;
+export declare function rowSelected(selection: TabularRowSelection, rowID: TabularRowID): boolean;
+export declare function rowSelectionActivation(selection: TabularRowSelection, projectionGeneration: number, anchor: TabularDOMRowSelectionAnchor | null, rowID: TabularRowID, shiftKey: boolean): TabularDOMRowSelectionActivation;
+export declare function setRowSelectionControlAttributes(element: HTMLElement, checked: boolean, disabled: boolean): void;
+export declare function allMatchingSelectionState(snapshot: TabularSnapshot): TabularDOMBulkSelectionState;
+export declare function setBulkSelectionControlAttributes(element: HTMLElement, state: TabularDOMBulkSelectionState, disabled: boolean): void;
+export declare function queryWithSort(query: TabularQuery, columnID: TabularColumnID, comparator: string, direction: 'ascending' | 'descending' | null): TabularQuery;
+export declare function queryWithFilter(query: TabularQuery, id: string, scope: 'global' | 'column', predicate: string, value: string, columnID?: TabularColumnID): TabularQuery;
+export declare function headerMetrics(snapshot: TabularSnapshot): readonly TabularHeaderMetrics[];
+export declare function resolveHeaderReference(snapshot: TabularSnapshot, reference: TabularDOMHeaderReference): ResolvedTabularHeaderReference;
+export declare function headerElementID(headerNodeID: TabularHeaderNodeID): string;
+export declare function leafHeaderID(snapshot: TabularSnapshot, columnID: TabularColumnID): string | null;
+export declare function setColumnInlineSize(element: HTMLElement, columnID: TabularColumnID, state: TabularDOMColumnSizeState): void;
+export declare function clearAttributes(element: HTMLElement, names: readonly string[]): void;
+export declare function cellKey(cell: TabularCellAddress): string;
+export declare function sameCell(left: TabularCellAddress, right: TabularCellAddress): boolean;
+export declare function domFailure<T>(code: 'invalid-controlled-shape' | 'invalid-column-definition' | 'profile-view-mismatch' | 'stale-revision', message: string, details?: Readonly<Record<string, unknown>>): TabularResult<T>;
+export declare function ok<T>(value: T): TabularResult<T>;

package/dist/internal/tabular-dom.js

@@ -0,0 +1,316 @@
+import { rowSelectionContains } from '@sectile/tabular/data-table';
+export class ColumnSizeStore {
+    #controlled;
+    #onChange;
+    #state;
+    constructor(options) {
+        this.#controlled = options.columnSizes !== undefined;
+        this.#onChange = options.onColumnSizesChange;
+        const initial = options.columnSizes ?? options.defaultColumnSizes ?? {};
+        this.#state = freezeColumnSizes(0, initial);
+    }
+    getState() { return this.#state; }
+    synchronize(values) {
+        if (this.#controlled !== (values !== undefined)) {
+            return domFailure('invalid-controlled-shape', 'Controlled column sizes must preserve construction-time ownership.');
+        }
+        if (values === undefined)
+            return ok(this.#state);
+        const valid = validateColumnSizes(values);
+        if (!valid.ok)
+            return valid;
+        this.#state = freezeColumnSizes(this.#state.revision + 1, values);
+        return ok(this.#state);
+    }
+    propose(columnID, size) {
+        if (!Number.isFinite(size) || size <= 0)
+            return domFailure('invalid-column-definition', 'Column size must be a positive finite number.', { columnID, size });
+        const next = freezeColumnSizes(this.#state.revision + 1, { ...this.#state.values, [columnID]: size });
+        this.#onChange?.(next);
+        if (!this.#controlled)
+            this.#state = next;
+        return ok(this.#controlled ? this.#state : next);
+    }
+}
+export function validateColumnSizeOptions(options) {
+    return validateColumnSizes(options.columnSizes ?? options.defaultColumnSizes ?? {});
+}
+export class BindingScope {
+    #disposers = new Set();
+    #active = true;
+    get active() { return this.#active; }
+    retain(dispose) {
+        if (!this.#active)
+            return () => { };
+        let retained = true;
+        const wrapped = () => {
+            if (!retained)
+                return;
+            retained = false;
+            this.#disposers.delete(wrapped);
+            dispose();
+        };
+        this.#disposers.add(wrapped);
+        return wrapped;
+    }
+    disconnect() {
+        if (!this.#active)
+            return;
+        this.#active = false;
+        for (const dispose of [...this.#disposers])
+            dispose();
+        this.#disposers.clear();
+    }
+}
+export function bindEvent(scope, element, type, listener) {
+    const typed = listener;
+    element.addEventListener(type, typed);
+    return scope.retain(() => element.removeEventListener(type, typed));
+}
+export function readEditorValue(element, parser) {
+    return parser?.(element.value) ?? ok(element.value);
+}
+export function setEditorAttributes(element, options, part) {
+    element.setAttribute('data-part', part);
+    element.setAttribute('data-row-id', options.cell.rowID);
+    element.setAttribute('data-column-id', options.cell.columnID);
+    if (options.label === undefined)
+        element.removeAttribute('aria-label');
+    else
+        element.setAttribute('aria-label', options.label);
+    element.disabled = options.disabled === true;
+    if ('readOnly' in element)
+        element.readOnly = options.readOnly === true;
+}
+export function bindColumnResizeHandle(scope, element, store, options, onUpdate) {
+    const minimum = options.minSize ?? 24;
+    const maximum = options.maxSize ?? Number.MAX_SAFE_INTEGER;
+    const step = options.step ?? 8;
+    element.setAttribute('role', 'separator');
+    element.setAttribute('aria-orientation', 'vertical');
+    element.setAttribute('data-column-id', options.columnID);
+    element.tabIndex = 0;
+    const propose = (size) => {
+        const bounded = Math.min(maximum, Math.max(minimum, size));
+        if (store.propose(options.columnID, bounded).ok)
+            onUpdate();
+    };
+    const keydown = (event) => {
+        if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight')
+            return;
+        event.preventDefault();
+        const current = store.getState().values[options.columnID] ?? minimum;
+        propose(current + (event.key === 'ArrowRight' ? step : -step));
+    };
+    const pointerdown = (event) => {
+        if (event.button !== 0)
+            return;
+        event.preventDefault();
+        const start = event.clientX;
+        const initial = store.getState().values[options.columnID] ?? Math.max(minimum, element.getBoundingClientRect().width);
+        const view = element.ownerDocument.defaultView;
+        if (view === null)
+            return;
+        const move = (next) => propose(initial + next.clientX - start);
+        const end = () => {
+            view.removeEventListener('pointermove', move);
+            view.removeEventListener('pointerup', end);
+            view.removeEventListener('pointercancel', end);
+        };
+        view.addEventListener('pointermove', move);
+        view.addEventListener('pointerup', end, { once: true });
+        view.addEventListener('pointercancel', end, { once: true });
+        scope.retain(end);
+    };
+    const removeKey = bindEvent(scope, element, 'keydown', keydown);
+    const removePointer = bindEvent(scope, element, 'pointerdown', pointerdown);
+    return scope.retain(() => { removeKey(); removePointer(); });
+}
+export function validateRegistrationGeneration(current, options) {
+    if (options.expectedProjectionGeneration !== undefined && options.expectedProjectionGeneration !== current) {
+        return domFailure('stale-revision', 'DOM registration projection generation is stale.', {
+            expectedProjectionGeneration: options.expectedProjectionGeneration,
+            currentProjectionGeneration: current,
+        });
+    }
+    return ok(true);
+}
+export function currentView(snapshot) {
+    return snapshot.state.acceptedViewState.kind === 'none' ? null : snapshot.state.acceptedViewState.view;
+}
+export function projectedColumns(snapshot) {
+    const view = currentView(snapshot);
+    return view?.columnSchema.columns ?? [];
+}
+export function projectedRows(snapshot) {
+    return currentView(snapshot)?.rows ?? [];
+}
+export function findProjectedRow(snapshot, rowID) {
+    return projectedRows(snapshot).find((row) => row.id === rowID);
+}
+export function orderedColumnIDs(snapshot) {
+    const state = snapshot.state.columnState;
+    const hidden = new Set(state.hidden);
+    return state.order.filter((id) => !hidden.has(id));
+}
+export function columnIndex(snapshot, columnID) {
+    return orderedColumnIDs(snapshot).indexOf(columnID) + 1;
+}
+export function rowIndex(snapshot, rowID) {
+    return projectedRows(snapshot).findIndex((row) => row.id === rowID) + 1;
+}
+export function rowSelected(selection, rowID) {
+    return rowSelectionContains(selection, rowID);
+}
+export function rowSelectionActivation(selection, projectionGeneration, anchor, rowID, shiftKey) {
+    const current = Object.freeze({ rowID, projectionGeneration });
+    if (!shiftKey || anchor === null || anchor.projectionGeneration !== projectionGeneration) {
+        return Object.freeze({ event: Object.freeze({ type: 'toggle-row-selection', rowID }), anchor: current });
+    }
+    return Object.freeze({
+        event: Object.freeze({
+            type: 'set-row-selection-range',
+            anchorRowID: anchor.rowID,
+            rowID,
+            selected: !rowSelected(selection, rowID),
+        }),
+        anchor,
+    });
+}
+export function setRowSelectionControlAttributes(element, checked, disabled) {
+    if (element.tagName === 'INPUT') {
+        const input = element;
+        input.checked = checked;
+        input.indeterminate = false;
+        input.disabled = disabled;
+        return;
+    }
+    element.setAttribute('role', 'checkbox');
+    element.setAttribute('aria-checked', String(checked));
+    element.setAttribute('aria-disabled', String(disabled));
+    element.setAttribute('data-state', checked ? 'checked' : 'unchecked');
+}
+export function allMatchingSelectionState(snapshot) {
+    const selection = snapshot.state.rowSelection;
+    const view = currentView(snapshot);
+    const count = view?.matchingLeafCount;
+    const total = count?.kind === 'known' ? count.value : null;
+    if (total === 0)
+        return 'unchecked';
+    if (selection.kind === 'explicit-rows') {
+        const visibleLeafIDs = view?.rows.filter((row) => row.kind === 'leaf').map((row) => row.id) ?? [];
+        const selectedVisibleCount = visibleLeafIDs.filter((rowID) => rowSelected(selection, rowID)).length;
+        if (selectedVisibleCount === 0)
+            return 'unchecked';
+        return total !== null && visibleLeafIDs.length === total && selectedVisibleCount === total ? 'checked' : 'indeterminate';
+    }
+    if (selection.excludedRowIDs.length === 0)
+        return 'checked';
+    return total !== null && selection.excludedRowIDs.length >= total ? 'unchecked' : 'indeterminate';
+}
+export function setBulkSelectionControlAttributes(element, state, disabled) {
+    element.setAttribute('role', 'checkbox');
+    element.setAttribute('aria-checked', state === 'indeterminate' ? 'mixed' : String(state === 'checked'));
+    element.setAttribute('aria-disabled', String(disabled));
+    element.setAttribute('data-state', state);
+}
+export function queryWithSort(query, columnID, comparator, direction) {
+    const retained = query.sort.filter((sort) => sort.columnID !== columnID);
+    const sort = direction === null ? retained : [...retained, { id: `sort:${columnID}`, columnID, comparator, direction }];
+    return Object.freeze({ ...query, sort: Object.freeze(sort) });
+}
+export function queryWithFilter(query, id, scope, predicate, value, columnID) {
+    const retained = query.filters.filter((filter) => filter.id !== id);
+    const filters = value.length === 0
+        ? retained
+        : [...retained, { id, scope, predicate, value, enabled: true, ...(columnID === undefined ? {} : { columnID }) }];
+    return Object.freeze({ ...query, filters: Object.freeze(filters) });
+}
+export function headerMetrics(snapshot) {
+    const view = currentView(snapshot);
+    const columns = orderedColumnIDs(snapshot);
+    const source = view?.columnSchema.headers.length
+        ? view.columnSchema.headers
+        : (view?.columnSchema.columns ?? []).map((column) => ({
+            kind: 'column',
+            id: column.headerNodeID ?? column.id,
+            columnID: column.id,
+            ...(column.label === undefined ? {} : { label: column.label }),
+        }));
+    const maximumDepth = Math.max(0, ...source.map(nodeDepth));
+    const output = [];
+    let logicalColumn = 1;
+    const visit = (node, depth) => {
+        if (node.kind === 'column') {
+            const index = columns.indexOf(node.columnID) + 1;
+            if (index < 1)
+                return 0;
+            output.push(Object.freeze({ headerNodeID: node.id, columnID: node.columnID, columnIndex: index, colSpan: 1, rowSpan: maximumDepth - depth + 1, depth }));
+            logicalColumn = Math.max(logicalColumn, index + 1);
+            return 1;
+        }
+        const start = logicalColumn;
+        let span = 0;
+        for (const child of node.children)
+            span += visit(child, depth + 1);
+        if (span > 0)
+            output.push(Object.freeze({ headerNodeID: node.id, columnID: null, columnIndex: start, colSpan: span, rowSpan: 1, depth }));
+        return span;
+    };
+    for (const node of source)
+        visit(node, 0);
+    return Object.freeze(output);
+}
+export function resolveHeaderReference(snapshot, reference) {
+    const metrics = headerMetrics(snapshot);
+    const metric = reference.columnID === undefined
+        ? metrics.find((entry) => entry.headerNodeID === reference.headerNodeID)
+        : metrics.find((entry) => entry.columnID === reference.columnID);
+    const fallback = reference.columnID === undefined ? reference.headerNodeID : reference.columnID;
+    return Object.freeze({
+        headerNodeID: metric?.headerNodeID ?? fallback,
+        metric,
+    });
+}
+export function headerElementID(headerNodeID) {
+    return `sectile-tabular-header-${encodeURIComponent(headerNodeID)}`;
+}
+export function leafHeaderID(snapshot, columnID) {
+    const metric = headerMetrics(snapshot).find((entry) => entry.columnID === columnID);
+    return metric === undefined ? null : headerElementID(metric.headerNodeID);
+}
+export function setColumnInlineSize(element, columnID, state) {
+    const size = state.values[columnID];
+    if (size === undefined)
+        element.style.removeProperty('inline-size');
+    else
+        element.style.inlineSize = `${size}px`;
+}
+export function clearAttributes(element, names) {
+    for (const name of names)
+        element.removeAttribute(name);
+}
+export function cellKey(cell) {
+    return JSON.stringify([cell.rowID, cell.columnID]);
+}
+export function sameCell(left, right) {
+    return left.rowID === right.rowID && left.columnID === right.columnID;
+}
+export function domFailure(code, message, details) {
+    return { ok: false, error: { class: 'construction', code, message, ...(details === undefined ? {} : { details }) } };
+}
+export function ok(value) { return { ok: true, value }; }
+function validateColumnSizes(values) {
+    for (const [columnID, size] of Object.entries(values)) {
+        if (!Number.isFinite(size) || size <= 0)
+            return domFailure('invalid-column-definition', 'Column sizes must be positive finite numbers.', { columnID, size });
+    }
+    return ok(true);
+}
+function freezeColumnSizes(revision, values) {
+    return Object.freeze({ revision, values: Object.freeze({ ...values }) });
+}
+function nodeDepth(node) {
+    return node.kind === 'column' ? 0 : 1 + Math.max(0, ...node.children.map(nodeDepth));
+}
+//# sourceMappingURL=tabular-dom.js.map

package/dist/internal/tabular-dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabular-dom.js","sourceRoot":"","sources":["../../src/internal/tabular-dom.ts"],"names":[],"mappings":"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"}

package/dist/internal/tabular-grid-dom.d.ts

@@ -0,0 +1,151 @@
+import type { TabularCellAddress, TabularColumnID, TabularControlledValues, TabularGroupID, TabularResult, TabularRow, TabularRowID, TabularRowSelection, TabularSnapshot, TabularViewResponse } from '@sectile/tabular';
+import { type TabularDOMColumnResizeHandleOptions, type TabularDOMColumnSizeOptions, type TabularDOMColumnSizeState, type TabularDOMEditorElement, type TabularDOMEditorOptions, type TabularDOMHeaderReference, type TabularDOMRegistrationOptions } from './tabular-dom.js';
+export interface GridDOMCursorState {
+    readonly current: TabularCellAddress | null;
+}
+export type GridDOMEditState = {
+    readonly kind: 'navigation';
+} | {
+    readonly kind: 'editing';
+    readonly cell: TabularCellAddress;
+};
+export interface GridDOMState {
+    readonly revision: number;
+    readonly tabular: TabularSnapshot;
+    readonly cursor: GridDOMCursorState;
+    readonly edit: GridDOMEditState;
+}
+export interface GridDOMRow {
+    readonly row: TabularRow;
+    readonly rowID: TabularRowID | TabularGroupID;
+    readonly parentRowID: TabularGroupID | null;
+    readonly depth: number;
+    readonly cells: readonly TabularCellAddress[];
+}
+export interface GridDOMProjection {
+    readonly generation: number;
+    readonly rows: readonly GridDOMRow[];
+    readonly columns: {
+        readonly start: readonly TabularColumnID[];
+        readonly center: readonly TabularColumnID[];
+        readonly end: readonly TabularColumnID[];
+    };
+    readonly cursor: GridDOMCursorState;
+    readonly edit: GridDOMEditState;
+    readonly rowSelection: TabularRowSelection;
+    readonly expansion: {
+        readonly expandedRowIDs: readonly TabularGroupID[];
+    };
+}
+export interface GridDOMController<Event, Command, State extends GridDOMState, Projection extends GridDOMProjection> {
+    getSnapshot(): State;
+    getProjection(): Projection;
+    dispatch(event: Event, expectedRevision?: number): TabularResult<{
+        readonly snapshot: State;
+        readonly commands: readonly Command[];
+    }>;
+    synchronizeView(response: TabularViewResponse): TabularResult<State>;
+    syncControlledValues(values: TabularControlledValues): TabularResult<State>;
+    requestView(): TabularResult<State>;
+    abandonRequest(requestID: number): TabularResult<State>;
+    subscribeCommands(listener: (command: Command) => void): () => void;
+    dispose(): void;
+}
+export type GridRevealCellCommand = {
+    readonly type: 'request-reveal-cell';
+    readonly cell: TabularCellAddress;
+    readonly expectedProjectionGeneration: number;
+};
+export type GridRevealRowCommand = {
+    readonly type: 'request-reveal-row';
+    readonly rowID: TabularRowID;
+    readonly expectedProjectionGeneration: number;
+};
+export interface GridDOMConnectionOptions<Controller, Command> extends TabularDOMColumnSizeOptions {
+    readonly controller: Controller;
+    readonly root: HTMLElement;
+    readonly onCommand?: (command: Command | GridRevealCellCommand | GridRevealRowCommand) => void;
+    readonly onSnapshotChange?: (snapshot: GridDOMState) => void;
+}
+export interface GridDOMControlledValues extends TabularControlledValues {
+    readonly columnSizes?: Readonly<Record<TabularColumnID, number>>;
+}
+export type GridDOMColumnHeaderOptions = TabularDOMHeaderReference;
+export interface GridDOMRowOptions extends TabularDOMRegistrationOptions {
+    readonly rowID: TabularRowID | TabularGroupID;
+    readonly disabled?: boolean;
+}
+export interface GridDOMCellOptions extends TabularDOMRegistrationOptions {
+    readonly cell: TabularCellAddress;
+    readonly disabled?: boolean;
+}
+export interface GridDOMSortTriggerOptions {
+    readonly columnID: TabularColumnID;
+    readonly comparator: string;
+}
+export type GridDOMFilterControlOptions = {
+    readonly scope: 'global';
+    readonly id: string;
+    readonly predicate: string;
+} | {
+    readonly scope: 'column';
+    readonly id: string;
+    readonly predicate: string;
+    readonly columnID: TabularColumnID;
+};
+export interface GridDOMSelectionControlOptions {
+    readonly rowID: TabularRowID;
+    readonly name: string;
+    readonly value: string;
+    readonly form?: string;
+    readonly disabled?: boolean;
+}
+export type GridDOMBulkSelectionControlOptions = {
+    readonly target: {
+        readonly kind: 'all-matching';
+    };
+    readonly disabled?: boolean;
+} | {
+    readonly target: {
+        readonly kind: 'group-leaves';
+        readonly groupID: TabularGroupID;
+    };
+    readonly disabled?: boolean;
+};
+export interface GridDOMDisclosureOptions {
+    readonly rowID: TabularGroupID;
+    readonly disabled?: boolean;
+}
+export interface GridDOMEditorOptions extends TabularDOMEditorOptions {
+}
+export declare class DOMTabularGrid<Event, Command, State extends GridDOMState, Projection extends GridDOMProjection> {
+    #private;
+    readonly controller: GridDOMController<Event, Command, State, Projection>;
+    constructor(options: GridDOMConnectionOptions<GridDOMController<Event, Command, State, Projection>, Command>, tree: boolean, ownsController: boolean);
+    getSnapshot(): State;
+    getProjection(): Projection;
+    getColumnSizeState(): TabularDOMColumnSizeState;
+    syncControlledValues(values: GridDOMControlledValues): TabularResult<State>;
+    synchronizeView(response: TabularViewResponse): TabularResult<State>;
+    requestView(): TabularResult<State>;
+    abandonRequest(requestID: number): TabularResult<State>;
+    handleEvent(event: Event): boolean;
+    setGridAttributes(element?: HTMLElement): void;
+    setColumnHeaderAttributes(element: HTMLElement, options: GridDOMColumnHeaderOptions): void;
+    setRowAttributes(element: HTMLElement, options: GridDOMRowOptions): void;
+    setCellAttributes(element: HTMLElement, options: GridDOMCellOptions): void;
+    registerRow(element: HTMLElement, options: GridDOMRowOptions): TabularResult<() => void>;
+    registerCell(element: HTMLElement, options: GridDOMCellOptions): TabularResult<() => void>;
+    bindSortTrigger(element: HTMLElement, options: GridDOMSortTriggerOptions): () => void;
+    bindFilterControl(element: HTMLInputElement | HTMLSelectElement, options: GridDOMFilterControlOptions): () => void;
+    bindRowSelectionControl(element: HTMLElement, options: GridDOMSelectionControlOptions): () => void;
+    bindBulkSelectionControl(element: HTMLElement, options: GridDOMBulkSelectionControlOptions): () => void;
+    bindRowDisclosure(element: HTMLElement, options: GridDOMDisclosureOptions): () => void;
+    bindEditor(element: TabularDOMEditorElement, options: GridDOMEditorOptions): () => void;
+    bindColumnResizeHandle(element: HTMLElement, options: TabularDOMColumnResizeHandleOptions): () => void;
+    requestRevealCell(cell: TabularCellAddress, expectedProjectionGeneration?: number): boolean;
+    requestRevealRow(rowID: TabularRowID, expectedProjectionGeneration?: number): boolean;
+    focusCurrent(): void;
+    refresh(): void;
+    disconnect(): void;
+}