@affino/datagrid-vue 0.3.35 → 0.3.36

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

@@ -1 +1 @@
-{"version":3,"file":"useDataGridAppRowSelection.d.ts","sourceRoot":"","sources":["../../src/app/useDataGridAppRowSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,aAAa,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAA;AAWxF,OAAO,KAAK,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAA;AAE5G,MAAM,WAAW,iCAAiC,CAAC,IAAI;IACrD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG,IAAI,CAAA;CAC1E;AAED,MAAM,WAAW,gCAAgC,CAAC,IAAI;IACpD,oBAAoB,EAAE,GAAG,CAAC,4BAA4B,GAAG,IAAI,CAAC,CAAA;IAC9D,UAAU,EAAE,GAAG,CAAC,aAAa,GAAG,IAAI,CAAC,CAAA;IACrC,YAAY,EAAE,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAA;IACrC,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,mCAAmC,EAAE,MAAM,IAAI,CAAA;IAC/C,gCAAgC,EAAE,MAAM,IAAI,CAAA;CAC7C;AAQD,wBAAgB,0BAA0B,CAAC,IAAI,EAC7C,OAAO,EAAE,iCAAiC,CAAC,IAAI,CAAC,GAC/C,gCAAgC,CAAC,IAAI,CAAC,CAqFxC"}
+{"version":3,"file":"useDataGridAppRowSelection.d.ts","sourceRoot":"","sources":["../../src/app/useDataGridAppRowSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,aAAa,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAA;AAYxF,OAAO,KAAK,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAA;AAE5G,MAAM,WAAW,iCAAiC,CAAC,IAAI;IACrD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG,IAAI,CAAA;CAC1E;AAED,MAAM,WAAW,gCAAgC,CAAC,IAAI;IACpD,oBAAoB,EAAE,GAAG,CAAC,4BAA4B,GAAG,IAAI,CAAC,CAAA;IAC9D,UAAU,EAAE,GAAG,CAAC,aAAa,GAAG,IAAI,CAAC,CAAA;IACrC,YAAY,EAAE,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAA;IACrC,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,mCAAmC,EAAE,MAAM,IAAI,CAAA;IAC/C,gCAAgC,EAAE,MAAM,IAAI,CAAA;CAC7C;AAQD,wBAAgB,0BAA0B,CAAC,IAAI,EAC7C,OAAO,EAAE,iCAAiC,CAAC,IAAI,CAAC,GAC/C,gCAAgC,CAAC,IAAI,CAAC,CAqFxC"}

package/dist/app/useDataGridAppRowSelection.js

@@ -1,7 +1,7 @@
 import { ref } from "vue";
-import { clearDataGridSelectedRows, dataGridRowSelectionSnapshotsEqual, deselectDataGridRows, normalizeDataGridRowSelectionSnapshot, reconcileDataGridRowSelectionSnapshot, selectDataGridRows, setDataGridRowFocused, setDataGridRowSelected, } from "@affino/datagrid-core";
+import { clearDataGridSelectedRows, dataGridRowSelectionSnapshotsEqual, deselectDataGridRows, isDataGridRowSelected, normalizeDataGridRowSelectionSnapshot, reconcileDataGridRowSelectionSnapshot, selectDataGridRows, setDataGridRowFocused, setDataGridRowSelected, } from "@affino/datagrid-core";
 function toNullableSnapshot(snapshot) {
-    return snapshot.focusedRow == null && snapshot.selectedRows.length === 0
+    return (snapshot.mode ?? "explicit") !== "all" && snapshot.focusedRow == null && snapshot.selectedRows.length === 0
         ? null
         : snapshot;
 }
@@ -33,7 +33,7 @@ export function useDataGridAppRowSelection(options) {
             syncSnapshot(toNullableSnapshot(setDataGridRowFocused(rowSelectionSnapshot.value, rowId)));
         },
         getSelectedRows: () => [...selectedRows.value],
-        isRowSelected: rowId => selectedRows.value.has(rowId),
+        isRowSelected: rowId => isDataGridRowSelected(rowSelectionSnapshot.value, rowId),
         setRowSelected: (rowId, selected) => {
             syncSnapshot(toNullableSnapshot(setDataGridRowSelected(rowSelectionSnapshot.value, rowId, selected)));
         },

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

@@ -1 +1 @@
-{"version":3,"file":"useDataGridAppSelection.d.ts","sourceRoot":"","sources":["../../src/app/useDataGridAppSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAMpD,OAAO,KAAK,EACV,sBAAsB,EACtB,aAAa,EAEb,eAAe,EACf,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,CAAC,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;IACvI,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;IACpC,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAA;IAC9E,0BAA0B,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,eAAe,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CAChF;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;AAuED,wBAAgB,uBAAuB,CAAC,IAAI,EAC1C,OAAO,EAAE,8BAA8B,CAAC,IAAI,CAAC,GAC5C,6BAA6B,CAAC,IAAI,CAAC,CAiMrC"}
+{"version":3,"file":"useDataGridAppSelection.d.ts","sourceRoot":"","sources":["../../src/app/useDataGridAppSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAMpD,OAAO,KAAK,EACV,sBAAsB,EACtB,aAAa,EAEb,eAAe,EACf,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,CAAC,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;IACvI,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;IACpC,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAA;IAC9E,0BAA0B,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,eAAe,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CAChF;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;AAuED,wBAAgB,uBAAuB,CAAC,IAAI,EAC1C,OAAO,EAAE,8BAA8B,CAAC,IAAI,CAAC,GAC5C,6BAA6B,CAAC,IAAI,CAAC,CA4MrC"}

package/dist/app/useDataGridAppSelection.js

@@ -152,6 +152,7 @@ export function useDataGridAppSelection(options) {
             return null;
         }
         let selectedCellCount = 0;
+        let loadedSelectedCellCount = 0;
         let numericCount = 0;
         let numericSum = 0;
         let numericMin = Number.POSITIVE_INFINITY;
@@ -164,20 +165,21 @@ export function useDataGridAppSelection(options) {
             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 = options.resolveSelectionRowAtIndex?.(rowIndex) ?? 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;
                     }
+                    seenCells.add(cellKey);
+                    selectedCellCount += 1;
+                    if (!rowNode || rowNode.kind === "group") {
+                        continue;
+                    }
+                    loadedSelectedCellCount += 1;
                     const rawValue = readSelectionCellValue(rowNode, column, options.readSelectionCell);
                     const numericValue = typeof rawValue === "number" ? rawValue : Number(rawValue);
                     if (!Number.isFinite(numericValue)) {
@@ -195,10 +197,12 @@ export function useDataGridAppSelection(options) {
         }
         return {
             count: selectedCellCount,
+            loadedCount: loadedSelectedCellCount,
             sum: numericCount > 0 ? numericSum : null,
             min: numericCount > 0 ? numericMin : null,
             max: numericCount > 0 ? numericMax : null,
             average: numericCount > 0 ? numericSum / numericCount : null,
+            isPartial: loadedSelectedCellCount < selectedCellCount,
         };
     });
     const selectionAggregatesLabel = computed(() => {
@@ -206,7 +210,10 @@ export function useDataGridAppSelection(options) {
         if (!summary) {
             return "";
         }
-        return `Selection: count ${summary.count} · sum ${formatAggregateNumber(summary.sum)} · min ${formatAggregateNumber(summary.min)} · max ${formatAggregateNumber(summary.max)} · avg ${formatAggregateNumber(summary.average)}`;
+        const loadedLabel = summary.isPartial
+            ? ` · loaded ${aggregateNumberFormatter.format(summary.loadedCount)}`
+            : "";
+        return `Selection: count ${aggregateNumberFormatter.format(summary.count)}${loadedLabel} · sum ${formatAggregateNumber(summary.sum)} · min ${formatAggregateNumber(summary.min)} · max ${formatAggregateNumber(summary.max)} · avg ${formatAggregateNumber(summary.average)}`;
     });
     return {
         selectionSnapshot,

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

@@ -1 +1 @@
-{"version":3,"file":"useDataGridAppViewport.d.ts","sourceRoot":"","sources":["../../src/app/useDataGridAppViewport.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useDataGridAppViewport.d.ts","sourceRoot":"","sources":["../../src/app/useDataGridAppViewport.ts"],"names":[],"mappings":"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"}

package/dist/app/useDataGridAppViewport.js

@@ -4,6 +4,8 @@ const DATA_GRID_PERF_TRACE_QUERY_PARAM = "dgPerfTrace";
 const DATA_GRID_PERF_TRACE_STORAGE_KEY = "affino-datagrid-perf-trace";
 const DATA_GRID_PERF_STORE_KEY = "__AFFINO_DATAGRID_PERF__";
 const DATA_GRID_PERF_SAMPLE_LIMIT = 400;
+const DATA_GRID_HORIZONTAL_SCROLL_IDLE_MS = 120;
+const DATA_GRID_ACTIVE_HORIZONTAL_OVERSCAN_MULTIPLIER = 3;
 function parseDataGridBooleanToken(value) {
     if (!value) {
         return null;
@@ -219,6 +221,10 @@ export function useDataGridAppViewport(options) {
     let lastVisibleRowSyncPerf = null;
     let pendingViewportScrollTop = 0;
     let pendingViewportScrollLeft = 0;
+    let horizontalScrollIdleTimer = null;
+    let horizontalScrollActive = false;
+    let forceNextColumnWindowSync = false;
+    const horizontalScrollIdleRevision = ref(0);
     let cachedViewportElement = null;
     let cachedViewportDimensions = null;
     let lastSyncedColumnRange = null;
@@ -246,6 +252,31 @@ export function useDataGridAppViewport(options) {
         }
         globalThis.clearTimeout(handle);
     };
+    const clearHorizontalScrollIdleTimer = () => {
+        if (horizontalScrollIdleTimer == null) {
+            return;
+        }
+        globalThis.clearTimeout(horizontalScrollIdleTimer);
+        horizontalScrollIdleTimer = null;
+    };
+    const forcePreciseHorizontalColumnWindow = () => {
+        clearHorizontalScrollIdleTimer();
+        horizontalScrollActive = false;
+        forceNextColumnWindowSync = true;
+        horizontalScrollIdleRevision.value += 1;
+    };
+    const scheduleHorizontalScrollIdleSync = () => {
+        clearHorizontalScrollIdleTimer();
+        horizontalScrollActive = true;
+        horizontalScrollIdleTimer = globalThis.setTimeout(() => {
+            horizontalScrollIdleTimer = null;
+            horizontalScrollActive = false;
+            forceNextColumnWindowSync = true;
+            horizontalScrollIdleRevision.value += 1;
+        }, DATA_GRID_HORIZONTAL_SCROLL_IDLE_MS);
+        const maybeNodeTimer = horizontalScrollIdleTimer;
+        maybeNodeTimer.unref?.();
+    };
     const captureViewportDimensions = (element) => ({
         clientWidth: element.clientWidth,
         clientHeight: element.clientHeight,
@@ -381,37 +412,54 @@ export function useDataGridAppViewport(options) {
         };
         return value;
     };
-    const resolveBufferedViewportColumnMetrics = (columns, visibleStart, visibleEnd, prefix, totalWidth) => {
+    const resolveBufferedViewportColumnMetrics = (columns, visibleStart, visibleEnd, prefix, totalWidth, retainMode, forcePrecise) => {
+        const overscan = columnOverscan.value;
         const previousRange = lastSyncedColumnRange?.columns === columns
+            && lastSyncedColumnRange.prefix === prefix
+            && lastSyncedColumnRange.totalWidth === totalWidth
+            && lastSyncedColumnRange.overscan === overscan
             ? lastSyncedColumnRange
             : null;
-        const hysteresis = Math.max(1, Math.floor(columnOverscan.value / 2));
-        const retainPreviousRange = previousRange != null
+        const hysteresis = retainMode === "active" ? 0 : Math.max(1, Math.floor(overscan / 2));
+        const retainPreviousRange = !forcePrecise
+            && previousRange != null
             && visibleStart >= previousRange.start + hysteresis
             && visibleEnd <= previousRange.end - hysteresis;
+        const activeOverscan = retainMode === "active"
+            ? Math.max(overscan, Math.ceil(overscan * DATA_GRID_ACTIVE_HORIZONTAL_OVERSCAN_MULTIPLIER))
+            : overscan;
         const start = retainPreviousRange
             ? previousRange.start
-            : Math.max(0, visibleStart - columnOverscan.value);
+            : Math.max(0, visibleStart - activeOverscan);
         const end = retainPreviousRange
             ? previousRange.end
-            : Math.min(columns.length - 1, visibleEnd + columnOverscan.value);
+            : Math.min(columns.length - 1, visibleEnd + activeOverscan);
         const leftSpacerWidth = prefix[start] ?? 0;
         const renderedWidth = (prefix[end + 1] ?? totalWidth) - leftSpacerWidth;
         const rightSpacerWidth = Math.max(0, totalWidth - leftSpacerWidth - renderedWidth);
         lastSyncedColumnRange = {
             columns,
+            prefix,
+            totalWidth,
+            overscan,
             start,
             end,
         };
         return resolveViewportColumnMetricsResult(columns, start, end, leftSpacerWidth, rightSpacerWidth);
     };
     const viewportColumnMetrics = computed(() => {
+        horizontalScrollIdleRevision.value;
+        const forcePrecise = forceNextColumnWindowSync;
+        forceNextColumnWindowSync = false;
         const columns = options.visibleColumns.value;
         const totalWidth = mainTrackWidth.value;
         if (!resolveMaybeRef(options.columnVirtualizationEnabled) || columns.length <= 0) {
             lastSyncedColumnRange = columns.length > 0
                 ? {
                     columns,
+                    prefix: columnPrefixWidths.value,
+                    totalWidth,
+                    overscan: columnOverscan.value,
                     start: 0,
                     end: Math.max(0, columns.length - 1),
                 }
@@ -422,6 +470,9 @@ export function useDataGridAppViewport(options) {
         if (availableWidth <= 0) {
             lastSyncedColumnRange = {
                 columns,
+                prefix: columnPrefixWidths.value,
+                totalWidth,
+                overscan: columnOverscan.value,
                 start: 0,
                 end: Math.max(0, columns.length - 1),
             };
@@ -445,7 +496,7 @@ export function useDataGridAppViewport(options) {
         const visibleStart = lo;
         if (visibleStart >= columns.length) {
             const lastIndex = columns.length - 1;
-            return resolveBufferedViewportColumnMetrics(columns, lastIndex, lastIndex, prefix, totalWidth);
+            return resolveBufferedViewportColumnMetrics(columns, lastIndex, lastIndex, prefix, totalWidth, horizontalScrollActive ? "active" : "precise", forcePrecise);
         }
         // Binary search: last column whose left edge (prefix[i]) < viewportEndPx.
         lo = visibleStart;
@@ -459,7 +510,7 @@ export function useDataGridAppViewport(options) {
                 hi = mid - 1;
         }
         const visibleEnd = lo;
-        return resolveBufferedViewportColumnMetrics(columns, visibleStart, visibleEnd, prefix, totalWidth);
+        return resolveBufferedViewportColumnMetrics(columns, visibleStart, visibleEnd, prefix, totalWidth, horizontalScrollActive ? "active" : "precise", forcePrecise);
     });
     const gridContentStyle = computed(() => {
         const width = indexColumnWidth + mainTrackWidth.value;
@@ -740,6 +791,14 @@ export function useDataGridAppViewport(options) {
         }
     };
     const commitViewportSnapshot = (snapshot, commitOptions) => {
+        const previousScrollLeft = viewportScrollLeft.value;
+        const shouldForceColumnWindow = commitOptions.forceVisibleRows || commitOptions.measureVisibleRowHeights;
+        if (shouldForceColumnWindow) {
+            forcePreciseHorizontalColumnWindow();
+        }
+        else if (snapshot.scrollLeft !== previousScrollLeft) {
+            scheduleHorizontalScrollIdleSync();
+        }
         viewportScrollLeft.value = snapshot.scrollLeft;
         viewportScrollTop.value = snapshot.scrollTop;
         viewportClientWidth.value = snapshot.clientWidth;
@@ -886,6 +945,8 @@ export function useDataGridAppViewport(options) {
     const cancelScheduledViewportSync = () => {
         pendingViewportSyncForce = false;
         pendingViewportSyncMeasureVisibleRowHeights = false;
+        clearHorizontalScrollIdleTimer();
+        horizontalScrollActive = false;
         if (viewportSyncRafHandle == null) {
             return;
         }
@@ -903,6 +964,8 @@ export function useDataGridAppViewport(options) {
             }
             cachedViewportElement = null;
             cachedViewportDimensions = null;
+            clearHorizontalScrollIdleTimer();
+            horizontalScrollActive = false;
         });
     }
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@affino/datagrid-vue",
-  "version": "0.3.35",
+  "version": "0.3.36",
   "author": "Anton Pavlov <a.pavlov@affino.dev>",
   "type": "module",
   "description": "Vue adapter and headless foundation for Affino DataGrid",
@@ -75,10 +75,10 @@
     }
   },
   "dependencies": {
-    "@affino/datagrid-core": "0.3.23",
     "@affino/datagrid-orchestration": "0.3.15",
     "@affino/datagrid-pivot": "0.1.2",
-    "@affino/datagrid-worker": "0.1.1"
+    "@affino/datagrid-worker": "0.1.1",
+    "@affino/datagrid-core": "0.3.24"
   },
   "devDependencies": {
     "@affino/datagrid-theme": "^0.2.2"