@affino/datagrid-vue 0.3.2 → 0.3.3

package/dist/app/useDataGridAppRuntime.js

@@ -0,0 +1,137 @@
+import { isRef, onBeforeUnmount, ref, watch } from "vue";
+import { useDataGridRuntime } from "../composables/useDataGridRuntime";
+import { createDataGridWorkerOwnedRowModel, createDataGridWorkerOwnedRowModelHost, } from "../worker";
+function resolveMaybeRef(value) {
+    if (typeof value === "object" && value !== null && "value" in value) {
+        return value.value;
+    }
+    return value;
+}
+function postWorkerHostInit(worker, rows) {
+    const message = {
+        __datagridWorkerHostInit: true,
+        rows,
+    };
+    worker.postMessage(message);
+}
+export function useDataGridAppRuntime(options) {
+    const mode = resolveMaybeRef(options.mode);
+    let workerHost = null;
+    let workerRowModel = null;
+    let hostWorker = null;
+    let workerPortA = null;
+    let workerPortB = null;
+    const resolveWorkerRowInputs = () => {
+        if (!options.worker) {
+            return [];
+        }
+        if (options.worker.resolveRowInputsOnDemand) {
+            return options.worker.resolveRowInputsOnDemand();
+        }
+        if (options.worker.rowInputs) {
+            return resolveMaybeRef(options.worker.rowInputs);
+        }
+        if (options.worker.resolveRowInputs) {
+            return options.worker.resolveRowInputs(options.rows.value);
+        }
+        return [];
+    };
+    if (mode === "worker" && options.worker) {
+        const initialRowInputs = resolveWorkerRowInputs();
+        if (options.worker.createHostWorker) {
+            hostWorker = options.worker.createHostWorker();
+            postWorkerHostInit(hostWorker, initialRowInputs);
+            workerRowModel = createDataGridWorkerOwnedRowModel({
+                source: hostWorker,
+                target: hostWorker,
+            });
+        }
+        else {
+            const channel = new MessageChannel();
+            channel.port1.start();
+            channel.port2.start();
+            workerPortA = channel.port1;
+            workerPortB = channel.port2;
+            workerHost = createDataGridWorkerOwnedRowModelHost({
+                source: channel.port2,
+                target: channel.port2,
+                rows: initialRowInputs,
+            });
+            workerRowModel = createDataGridWorkerOwnedRowModel({
+                source: channel.port1,
+                target: channel.port1,
+            });
+        }
+    }
+    const clientRowModelOptions = {
+        ...(options.clientRowModelOptions ?? {}),
+        ...(mode === "tree" && options.treeData
+            ? {
+                initialTreeData: {
+                    mode: "path",
+                    getDataPath: options.treeData.getDataPath,
+                    filterMode: options.treeData.filterMode ?? "include-descendants",
+                },
+            }
+            : {}),
+        ...(mode === "pivot" && options.initialPivotModel
+            ? {
+                initialPivotModel: options.initialPivotModel,
+            }
+            : {}),
+    };
+    const runtime = useDataGridRuntime({
+        rows: options.rows,
+        columns: options.columns,
+        services: options.services,
+        rowModel: workerRowModel ?? undefined,
+        clientRowModelOptions: Object.keys(clientRowModelOptions).length > 0 ? clientRowModelOptions : undefined,
+    });
+    const rowVersion = ref(0);
+    const resolveRowModelVersionKey = (snapshot) => {
+        return [
+            snapshot.kind,
+            snapshot.revision ?? "",
+            snapshot.rowCount,
+            snapshot.loading ? 1 : 0,
+            snapshot.projection?.recomputeVersion ?? snapshot.projection?.version ?? "",
+        ].join("|");
+    };
+    let lastRowModelVersionKey = resolveRowModelVersionKey(runtime.rowModel.getSnapshot());
+    const unsubscribeRows = runtime.rowModel.subscribe(() => {
+        const nextVersionKey = resolveRowModelVersionKey(runtime.rowModel.getSnapshot());
+        if (nextVersionKey === lastRowModelVersionKey) {
+            return;
+        }
+        lastRowModelVersionKey = nextVersionKey;
+        rowVersion.value += 1;
+    });
+    if (mode === "worker" && options.worker) {
+        if (options.worker.resolveRowInputsOnDemand && options.worker.rowInputsUpdateKey !== undefined) {
+            watch(() => resolveMaybeRef(options.worker?.rowInputsUpdateKey), () => {
+                workerRowModel?.setRows(resolveWorkerRowInputs());
+            });
+        }
+        else if (options.worker.rowInputs && isRef(options.worker.rowInputs)) {
+            watch(options.worker.rowInputs, rowInputs => {
+                workerRowModel?.setRows(rowInputs);
+            });
+        }
+        else if (options.worker.resolveRowInputs && isRef(options.rows)) {
+            watch(options.rows, rows => {
+                workerRowModel?.setRows(options.worker?.resolveRowInputs?.(rows) ?? []);
+            });
+        }
+    }
+    onBeforeUnmount(() => {
+        unsubscribeRows();
+        workerHost?.dispose();
+        hostWorker?.terminate();
+        workerPortA?.close();
+        workerPortB?.close();
+    });
+    return {
+        runtime,
+        rowVersion,
+    };
+}

package/dist/app/useDataGridAppRuntimeSync.d.ts

@@ -0,0 +1,21 @@
+import { type Ref } from "vue";
+import type { UseDataGridRuntimeResult } from "../composables/useDataGridRuntime";
+import type { DataGridAppMode } from "./index";
+import type { DataGridAppRowHeightMode } from "./useDataGridAppControls";
+export interface UseDataGridAppRuntimeSyncOptions<TRow> {
+    mode: Ref<DataGridAppMode>;
+    rows: Ref<readonly TRow[]>;
+    runtime: Pick<UseDataGridRuntimeResult<TRow>, "api">;
+    totalRows: Ref<number>;
+    rowVersion: Ref<number>;
+    rowHeightMode: Ref<DataGridAppRowHeightMode>;
+    normalizedBaseRowHeight: Ref<number>;
+    syncSelectionSnapshotFromRuntime: () => void;
+    syncRowSelectionSnapshotFromRuntime?: () => void;
+    syncViewport: () => void;
+    scheduleViewportSync: () => void;
+    measureVisibleRowHeights: () => void;
+    applyRowHeightSettings: () => void;
+}
+export declare function useDataGridAppRuntimeSync<TRow>(options: UseDataGridAppRuntimeSyncOptions<TRow>): void;
+//# sourceMappingURL=useDataGridAppRuntimeSync.d.ts.map

package/dist/app/useDataGridAppRuntimeSync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataGridAppRuntimeSync.d.ts","sourceRoot":"","sources":["../../src/app/useDataGridAppRuntimeSync.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAA;AACjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AAExE,MAAM,WAAW,gCAAgC,CAAC,IAAI;IACpD,IAAI,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;IAC1B,IAAI,EAAE,GAAG,CAAC,SAAS,IAAI,EAAE,CAAC,CAAA;IAC1B,OAAO,EAAE,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAA;IACpD,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACtB,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACvB,aAAa,EAAE,GAAG,CAAC,wBAAwB,CAAC,CAAA;IAC5C,uBAAuB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACpC,gCAAgC,EAAE,MAAM,IAAI,CAAA;IAC5C,mCAAmC,CAAC,EAAE,MAAM,IAAI,CAAA;IAChD,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,oBAAoB,EAAE,MAAM,IAAI,CAAA;IAChC,wBAAwB,EAAE,MAAM,IAAI,CAAA;IACpC,sBAAsB,EAAE,MAAM,IAAI,CAAA;CACnC;AAED,wBAAgB,yBAAyB,CAAC,IAAI,EAC5C,OAAO,EAAE,gCAAgC,CAAC,IAAI,CAAC,GAC9C,IAAI,CAgCN"}

package/dist/app/useDataGridAppRuntimeSync.js

@@ -0,0 +1,30 @@
+import { nextTick, watch } from "vue";
+export function useDataGridAppRuntimeSync(options) {
+    const syncRowSelectionSnapshotFromRuntime = options.syncRowSelectionSnapshotFromRuntime ?? (() => undefined);
+    watch(options.rows, () => {
+        if (options.mode.value === "pivot") {
+            options.runtime.api.rows.expandAllGroups();
+        }
+        void nextTick(() => {
+            options.syncViewport();
+        });
+    }, { immediate: true });
+    watch(options.totalRows, () => {
+        options.syncSelectionSnapshotFromRuntime();
+        syncRowSelectionSnapshotFromRuntime();
+        void nextTick(() => {
+            options.syncViewport();
+        });
+    });
+    watch(options.rowVersion, () => {
+        syncRowSelectionSnapshotFromRuntime();
+        options.scheduleViewportSync();
+    });
+    watch([options.rowHeightMode, options.normalizedBaseRowHeight], () => {
+        options.applyRowHeightSettings();
+        void nextTick(() => {
+            options.measureVisibleRowHeights();
+            options.syncViewport();
+        });
+    }, { immediate: true });
+}

package/dist/app/useDataGridAppSelection.d.ts

@@ -0,0 +1,24 @@
+import { type Ref } from "vue";
+import type { DataGridColumnSnapshot, DataGridRowId, DataGridSelectionSnapshot } from "@affino/datagrid-core";
+import type { GridSelectionPointLike } from "@affino/datagrid-core/advanced";
+import type { UseDataGridRuntimeOptions, UseDataGridRuntimeResult } from "../composables/useDataGridRuntime";
+import type { DataGridAppMode } from "./useDataGridAppControls";
+type MaybeRef<T> = T | Ref<T>;
+export interface UseDataGridAppSelectionOptions<TRow> {
+    mode: MaybeRef<DataGridAppMode>;
+    resolveRuntime?: () => Pick<UseDataGridRuntimeResult<TRow>, "api"> | null;
+    visibleColumns?: Ref<readonly DataGridColumnSnapshot[]>;
+    totalRows?: Ref<number>;
+    showRowSelection?: MaybeRef<boolean>;
+}
+export interface UseDataGridAppSelectionResult<TRow> {
+    selectionSnapshot: Ref<DataGridSelectionSnapshot | null>;
+    selectionAnchor: Ref<GridSelectionPointLike<DataGridRowId> | null>;
+    selectionService: NonNullable<NonNullable<UseDataGridRuntimeOptions<TRow>["services"]>["selection"]>;
+    runtimeServices: Pick<NonNullable<UseDataGridRuntimeOptions<TRow>["services"]>, "selection">;
+    selectionAggregatesLabel: Ref<string>;
+    syncSelectionSnapshotFromRuntime: () => void;
+}
+export declare function useDataGridAppSelection<TRow>(options: UseDataGridAppSelectionOptions<TRow>): UseDataGridAppSelectionResult<TRow>;
+export {};
+//# sourceMappingURL=useDataGridAppSelection.d.ts.map

package/dist/app/useDataGridAppSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataGridAppSelection.d.ts","sourceRoot":"","sources":["../../src/app/useDataGridAppSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAC7C,OAAO,KAAK,EACV,sBAAsB,EACtB,aAAa,EACb,yBAAyB,EAC1B,MAAM,uBAAuB,CAAA;AAC9B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAA;AAC5E,OAAO,KAAK,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAA;AAC5G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE/D,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAA;AAS7B,MAAM,WAAW,8BAA8B,CAAC,IAAI;IAClD,IAAI,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAA;IAC/B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG,IAAI,CAAA;IACzE,cAAc,CAAC,EAAE,GAAG,CAAC,SAAS,sBAAsB,EAAE,CAAC,CAAA;IACvD,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACvB,gBAAgB,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;CACrC;AAED,MAAM,WAAW,6BAA6B,CAAC,IAAI;IACjD,iBAAiB,EAAE,GAAG,CAAC,yBAAyB,GAAG,IAAI,CAAC,CAAA;IACxD,eAAe,EAAE,GAAG,CAAC,sBAAsB,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,CAAA;IAClE,gBAAgB,EAAE,WAAW,CAAC,WAAW,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAA;IACpG,eAAe,EAAE,IAAI,CAAC,WAAW,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,EAAE,WAAW,CAAC,CAAA;IAC5F,wBAAwB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACrC,gCAAgC,EAAE,MAAM,IAAI,CAAA;CAC7C;AA6ED,wBAAgB,uBAAuB,CAAC,IAAI,EAC1C,OAAO,EAAE,8BAA8B,CAAC,IAAI,CAAC,GAC5C,6BAA6B,CAAC,IAAI,CAAC,CAsJrC"}

package/dist/app/useDataGridAppSelection.js

@@ -0,0 +1,191 @@
+import { computed, ref } from "vue";
+function resolveMaybeRef(value) {
+    if (typeof value === "object" && value !== null && "value" in value) {
+        return value.value;
+    }
+    return value;
+}
+const aggregateNumberFormatter = new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 });
+function readByPath(value, path) {
+    if (!path || typeof value !== "object" || value === null) {
+        return undefined;
+    }
+    const segments = path.split(".").filter(Boolean);
+    let current = value;
+    for (const segment of segments) {
+        if (typeof current !== "object" || current === null || !(segment in current)) {
+            return undefined;
+        }
+        current = current[segment];
+    }
+    return current;
+}
+function normalizeRowId(value) {
+    return typeof value === "string" || typeof value === "number" ? value : null;
+}
+function formatAggregateNumber(value) {
+    if (value == null || !Number.isFinite(value)) {
+        return "—";
+    }
+    return aggregateNumberFormatter.format(value);
+}
+function readSelectionCellValue(rowData, column) {
+    if (!column) {
+        return undefined;
+    }
+    if (typeof column.column.valueGetter === "function") {
+        return column.column.valueGetter(rowData);
+    }
+    if (typeof column.column.accessor === "function") {
+        return column.column.accessor(rowData);
+    }
+    const source = rowData;
+    if (typeof source !== "object" || source === null) {
+        return undefined;
+    }
+    const directKey = column.key;
+    const directValue = source[directKey];
+    if (typeof directValue !== "undefined") {
+        return directValue;
+    }
+    if (typeof column.column.field === "string" && column.column.field.length > 0) {
+        const fieldValue = readByPath(source, column.column.field);
+        if (typeof fieldValue !== "undefined") {
+            return fieldValue;
+        }
+    }
+    return readByPath(source, directKey);
+}
+function hasLeadingRowSelectionColumn(showRowSelection, runtime) {
+    return showRowSelection && runtime?.api.rowSelection?.hasSupport?.() === true;
+}
+function resolveSelectionColumnAtIndex(visibleColumns, columnIndex, hasRowSelectionColumn) {
+    const normalizedIndex = hasRowSelectionColumn ? columnIndex - 1 : columnIndex;
+    if (normalizedIndex < 0) {
+        return undefined;
+    }
+    return visibleColumns[normalizedIndex];
+}
+export function useDataGridAppSelection(options) {
+    const selectionSnapshot = ref(null);
+    const selectionAnchor = ref(null);
+    const syncSelectionState = (snapshot) => {
+        selectionSnapshot.value = snapshot;
+        if (!snapshot || snapshot.ranges.length === 0) {
+            selectionAnchor.value = null;
+            return;
+        }
+        const activeIndex = snapshot.activeRangeIndex ?? 0;
+        const activeRange = snapshot.ranges[activeIndex] ?? snapshot.ranges[0] ?? null;
+        const anchor = activeRange?.anchor ?? null;
+        selectionAnchor.value = anchor
+            ? {
+                rowIndex: anchor.rowIndex,
+                colIndex: anchor.colIndex,
+                rowId: normalizeRowId(anchor.rowId),
+            }
+            : null;
+    };
+    const selectionService = {
+        name: "selection",
+        getSelectionSnapshot: () => selectionSnapshot.value,
+        setSelectionSnapshot: snapshot => {
+            syncSelectionState(snapshot);
+        },
+        clearSelection: () => {
+            syncSelectionState(null);
+        },
+    };
+    const runtimeServices = {
+        selection: selectionService,
+    };
+    const syncSelectionSnapshotFromRuntime = () => {
+        const runtime = options.resolveRuntime?.() ?? null;
+        syncSelectionState(runtime?.api.selection.hasSupport()
+            ? runtime.api.selection.getSnapshot()
+            : null);
+    };
+    const selectionAggregates = computed(() => {
+        if (resolveMaybeRef(options.mode) !== "base") {
+            return null;
+        }
+        const runtime = options.resolveRuntime?.() ?? null;
+        if (!runtime || !options.visibleColumns || !options.totalRows) {
+            return null;
+        }
+        const hasRowSelectionColumn = hasLeadingRowSelectionColumn(resolveMaybeRef(options.showRowSelection ?? true), runtime);
+        const snapshot = selectionSnapshot.value;
+        if (!snapshot || snapshot.ranges.length === 0) {
+            return null;
+        }
+        const rowCount = options.totalRows.value;
+        const columnCount = options.visibleColumns.value.length + (hasRowSelectionColumn ? 1 : 0);
+        if (rowCount <= 0 || columnCount <= 0) {
+            return null;
+        }
+        let selectedCellCount = 0;
+        let numericCount = 0;
+        let numericSum = 0;
+        let numericMin = Number.POSITIVE_INFINITY;
+        let numericMax = Number.NEGATIVE_INFINITY;
+        const seenCells = new Set();
+        for (const range of snapshot.ranges) {
+            const startRow = Math.max(0, Math.min(rowCount - 1, Math.min(range.startRow, range.endRow)));
+            const endRow = Math.max(0, Math.min(rowCount - 1, Math.max(range.startRow, range.endRow)));
+            const startColumn = Math.max(0, Math.min(columnCount - 1, Math.min(range.startCol, range.endCol)));
+            const endColumn = Math.max(0, Math.min(columnCount - 1, Math.max(range.startCol, range.endCol)));
+            for (let rowIndex = startRow; rowIndex <= endRow; rowIndex += 1) {
+                const rowNode = runtime.api.rows.get(rowIndex);
+                if (!rowNode || rowNode.kind === "group") {
+                    continue;
+                }
+                for (let columnIndex = startColumn; columnIndex <= endColumn; columnIndex += 1) {
+                    const cellKey = `${rowIndex}:${columnIndex}`;
+                    if (seenCells.has(cellKey)) {
+                        continue;
+                    }
+                    seenCells.add(cellKey);
+                    selectedCellCount += 1;
+                    const column = resolveSelectionColumnAtIndex(options.visibleColumns.value, columnIndex, hasRowSelectionColumn);
+                    if (!column?.key) {
+                        continue;
+                    }
+                    const rawValue = readSelectionCellValue(rowNode.data, column);
+                    const numericValue = typeof rawValue === "number" ? rawValue : Number(rawValue);
+                    if (!Number.isFinite(numericValue)) {
+                        continue;
+                    }
+                    numericCount += 1;
+                    numericSum += numericValue;
+                    numericMin = Math.min(numericMin, numericValue);
+                    numericMax = Math.max(numericMax, numericValue);
+                }
+            }
+        }
+        if (selectedCellCount <= 1) {
+            return null;
+        }
+        return {
+            count: selectedCellCount,
+            sum: numericCount > 0 ? numericSum : null,
+            min: numericCount > 0 ? numericMin : null,
+            max: numericCount > 0 ? numericMax : null,
+            average: numericCount > 0 ? numericSum / numericCount : null,
+        };
+    });
+    const selectionAggregatesLabel = computed(() => {
+        const summary = selectionAggregates.value;
+        if (!summary) {
+            return "";
+        }
+        return `Selection: count ${summary.count} · sum ${formatAggregateNumber(summary.sum)} · min ${formatAggregateNumber(summary.min)} · max ${formatAggregateNumber(summary.max)} · avg ${formatAggregateNumber(summary.average)}`;
+    });
+    return {
+        selectionSnapshot,
+        selectionAnchor,
+        selectionService,
+        runtimeServices,
+        selectionAggregatesLabel,
+        syncSelectionSnapshotFromRuntime,
+    };
+}

package/dist/app/useDataGridAppViewport.d.ts

@@ -0,0 +1,57 @@
+import { type Ref } from "vue";
+import type { DataGridColumnSnapshot, DataGridRowNode } from "@affino/datagrid-core";
+import type { UseDataGridRuntimeResult } from "../composables/useDataGridRuntime";
+import type { DataGridAppMode, DataGridAppRowRenderMode } from "./useDataGridAppControls";
+type MaybeRef<T> = T | Ref<T>;
+export type DataGridAppBodyViewportRuntime<TRow> = Pick<UseDataGridRuntimeResult<TRow>, "virtualWindow" | "syncBodyRowsInRange" | "rowPartition">;
+export interface UseDataGridAppViewportOptions<TRow> {
+    runtime: DataGridAppBodyViewportRuntime<TRow>;
+    mode: MaybeRef<DataGridAppMode>;
+    rowRenderMode: MaybeRef<DataGridAppRowRenderMode>;
+    rowVirtualizationEnabled?: MaybeRef<boolean>;
+    columnVirtualizationEnabled?: MaybeRef<boolean>;
+    totalRows?: Ref<number>;
+    visibleColumns: Ref<readonly DataGridColumnSnapshot[]>;
+    normalizedBaseRowHeight: Ref<number>;
+    columnWidths?: Ref<Record<string, number>>;
+    resolveColumnWidth?: (column: DataGridColumnSnapshot) => number;
+    defaultColumnWidth?: number;
+    indexColumnWidth?: number;
+    sizingColumns?: Ref<readonly DataGridColumnSnapshot[]>;
+    flexFillOffsetWidth?: number;
+    rowOverscan?: MaybeRef<number>;
+    columnOverscan?: MaybeRef<number>;
+    measureVisibleRowHeights?: () => void;
+    resolveRowHeight?: (rowIndex: number) => number;
+    resolveRowOffset?: (rowIndex: number) => number;
+    resolveRowIndexAtOffset?: (offset: number) => number;
+    resolveTotalRowHeight?: () => number;
+}
+export interface UseDataGridAppViewportResult<TRow> {
+    headerViewportRef: Ref<HTMLElement | null>;
+    bodyViewportRef: Ref<HTMLElement | null>;
+    viewportScrollTop: Ref<number>;
+    displayRows: Ref<readonly DataGridRowNode<TRow>[]>;
+    pinnedBottomRows: Ref<readonly DataGridRowNode<TRow>[]>;
+    renderedColumns: Ref<readonly DataGridColumnSnapshot[]>;
+    viewportRowStart: Ref<number>;
+    viewportRowEnd: Ref<number>;
+    viewportColumnStart: Ref<number>;
+    viewportColumnEnd: Ref<number>;
+    topSpacerHeight: Ref<number>;
+    bottomSpacerHeight: Ref<number>;
+    leftColumnSpacerWidth: Ref<number>;
+    rightColumnSpacerWidth: Ref<number>;
+    mainTrackWidth: Ref<number>;
+    gridContentStyle: Ref<Record<string, string>>;
+    mainTrackStyle: Ref<Record<string, string>>;
+    indexColumnStyle: Ref<Record<string, string>>;
+    columnStyle: (key: string) => Record<string, string>;
+    handleViewportScroll: (event: Event) => void;
+    syncViewportFromDom: () => void;
+    scheduleViewportSync: () => void;
+    cancelScheduledViewportSync: () => void;
+}
+export declare function useDataGridAppViewport<TRow>(options: UseDataGridAppViewportOptions<TRow>): UseDataGridAppViewportResult<TRow>;
+export {};
+//# sourceMappingURL=useDataGridAppViewport.d.ts.map

package/dist/app/useDataGridAppViewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataGridAppViewport.d.ts","sourceRoot":"","sources":["../../src/app/useDataGridAppViewport.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AACzD,OAAO,KAAK,EAAE,sBAAsB,EAAE,eAAe,EAAyB,MAAM,uBAAuB,CAAA;AAE3G,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAA;AACjF,OAAO,KAAK,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AAEzF,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAA;AAS7B,MAAM,MAAM,8BAA8B,CAAC,IAAI,IAAI,IAAI,CACrD,wBAAwB,CAAC,IAAI,CAAC,EAC9B,eAAe,GAAG,qBAAqB,GAAG,cAAc,CACzD,CAAA;AAED,MAAM,WAAW,6BAA6B,CAAC,IAAI;IACjD,OAAO,EAAE,8BAA8B,CAAC,IAAI,CAAC,CAAA;IAC7C,IAAI,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAA;IAC/B,aAAa,EAAE,QAAQ,CAAC,wBAAwB,CAAC,CAAA;IACjD,wBAAwB,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IAC5C,2BAA2B,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IAC/C,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACvB,cAAc,EAAE,GAAG,CAAC,SAAS,sBAAsB,EAAE,CAAC,CAAA;IACtD,uBAAuB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACpC,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IAC1C,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,MAAM,CAAA;IAC/D,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,GAAG,CAAC,SAAS,sBAAsB,EAAE,CAAC,CAAA;IACtD,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC9B,cAAc,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACjC,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAA;IACrC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAA;IAC/C,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAA;IAC/C,uBAAuB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAA;IACpD,qBAAqB,CAAC,EAAE,MAAM,MAAM,CAAA;CACrC;AAED,MAAM,WAAW,4BAA4B,CAAC,IAAI;IAChD,iBAAiB,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC1C,eAAe,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACxC,iBAAiB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC9B,WAAW,EAAE,GAAG,CAAC,SAAS,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAClD,gBAAgB,EAAE,GAAG,CAAC,SAAS,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACvD,eAAe,EAAE,GAAG,CAAC,SAAS,sBAAsB,EAAE,CAAC,CAAA;IACvD,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC7B,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,mBAAmB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAChC,iBAAiB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC9B,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC5B,kBAAkB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC/B,qBAAqB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAClC,sBAAsB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACnC,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IAC7C,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IAC3C,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IAC7C,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACpD,oBAAoB,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAC5C,mBAAmB,EAAE,MAAM,IAAI,CAAA;IAC/B,oBAAoB,EAAE,MAAM,IAAI,CAAA;IAChC,2BAA2B,EAAE,MAAM,IAAI,CAAA;CACxC;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EACzC,OAAO,EAAE,6BAA6B,CAAC,IAAI,CAAC,GAC3C,4BAA4B,CAAC,IAAI,CAAC,CA6apC"}