@revolist/revogrid 4.23.21 → 4.23.22

package/hydrate/index.js

@@ -15101,6 +15101,10 @@ function getScrollDimension({ contentSize, clientSize, virtualSize = 0, maxScrol
     };
 }
 
+const DEFAULT_VIRTUAL_X = ['rgCol'];
+function isVirtualXDimension(type, disableVirtualX = false, virtualX = DEFAULT_VIRTUAL_X) {
+    return !disableVirtualX && virtualX.includes(type);
+}
 /**
  * Dimension provider
  * Stores dimension information and custom sizes
@@ -15111,7 +15115,7 @@ class DimensionProvider {
     constructor(viewports, config) {
         this.viewports = viewports;
         const sizeChanged = debounce$1((k) => config.realSizeChanged(k), RESIZE_INTERVAL);
-        this.stores = reduce([...rowTypes, ...columnTypes], (sources, t) => {
+        this.stores = [...rowTypes, ...columnTypes].reduce((sources, t) => {
             sources[t] = new DimensionStore(t);
             sources[t].store.onChange('realSize', () => sizeChanged(t));
             return sources;
@@ -15187,8 +15191,9 @@ class DimensionProvider {
      * Applies new columns to the dimension provider
      * @param columns - new columns data
      * @param disableVirtualX - disable virtual data for X axis
+     * @param virtualX - column dimensions that should use virtual data
      */
-    applyNewColumns(columns, disableVirtualX, keepOld = false) {
+    applyNewColumns(columns, disableVirtualX, keepOld = false, virtualX = DEFAULT_VIRTUAL_X) {
         // Apply new columns to dimension provider
         for (let type of columnTypes) {
             if (!keepOld) {
@@ -15198,7 +15203,7 @@ class DimensionProvider {
             // Get the new columns for the current type
             const items = columns[type];
             // Determine if virtual data should be disabled for the current type
-            const noVirtual = type !== 'rgCol' || disableVirtualX;
+            const noVirtual = !isVirtualXDimension(type, disableVirtualX, virtualX);
             // Set the items count in the dimension provider
             this.stores[type].setStore({ count: items.length });
             // Set the custom sizes for the columns
@@ -15424,7 +15429,7 @@ class BasePlugin {
             },
         });
         if (immediate) {
-            callback(nativeValueDesc === null || nativeValueDesc === void 0 ? void 0 : nativeValueDesc.value);
+            callback((nativeValueDesc === null || nativeValueDesc === void 0 ? void 0 : nativeValueDesc.get) ? nativeValueDesc.get.call(this.revogrid) : nativeValueDesc === null || nativeValueDesc === void 0 ? void 0 : nativeValueDesc.value);
         }
     }
     /**
@@ -17641,6 +17646,9 @@ function viewportDataPartition(data, type, slot, fixed) {
     };
 }
 
+function getViewportResizeDimension(colType, dimension) {
+    return dimension === 'rgCol' ? colType : dimension;
+}
 /** Collect Column data */
 function gatherColumnData(data) {
     const colDimension = data.dimensions[data.colType].store;
@@ -17700,20 +17708,20 @@ class ViewportService {
                 colStore,
                 onHeaderresize: e => this.onColumnResize(val, e, colStore),
             };
-            if (val === 'rgCol') {
-                column.onResizeviewport = (e) => {
-                    var _a;
-                    const vpState = {
-                        clientSize: e.detail.size,
-                    };
-                    // virtual size will be handled by dimension provider if disabled
-                    if ((e.detail.dimension === 'rgRow' && !config.disableVirtualY)
-                        || (e.detail.dimension === 'rgCol' && !config.disableVirtualX)) {
-                        vpState.virtualSize = e.detail.size;
-                    }
-                    (_a = config.viewportProvider) === null || _a === void 0 ? void 0 : _a.setViewport(e.detail.dimension, vpState);
+            column.onResizeviewport = (e) => {
+                var _a;
+                const vpState = {
+                    clientSize: e.detail.size,
                 };
-            }
+                const dimension = getViewportResizeDimension(val, e.detail.dimension);
+                const isVirtualColumn = columnTypes.includes(dimension)
+                    && isVirtualXDimension(dimension, config.disableVirtualX, config.virtualX);
+                // Keep virtual dimensions in sync with their viewport size.
+                if ((dimension === 'rgRow' && !config.disableVirtualY) || isVirtualColumn) {
+                    vpState.virtualSize = e.detail.size;
+                }
+                (_a = config.viewportProvider) === null || _a === void 0 ? void 0 : _a.setViewport(dimension, vpState);
+            };
             const colData = gatherColumnData(column);
             const columnSelectionStore = this.registerCol(colData.position.x, val);
             // render per each column data collections vertically
@@ -19427,6 +19435,12 @@ class RevoGridComponent {
          * Can be used for initial rendering performance improvement.
          */
         this.disableVirtualX = false;
+        /**
+         * Column dimensions that use X axis virtual rendering.
+         * Defaults to regular columns only to preserve pinned column behavior.
+         * Set to `['rgCol', 'colPinStart', 'colPinEnd']` to virtualize all column areas.
+         */
+        this.virtualX = ['rgCol'];
         /**
          * Disable lazy rendering mode for the `Y axis`.
          * Use when not many rows present and you don't need rerenader cells during scroll.
@@ -19878,7 +19892,7 @@ class RevoGridComponent {
         if (beforeSetEvent.defaultPrevented) {
             return;
         }
-        this.dimensionProvider.applyNewColumns(beforeSetEvent.detail.columns, this.disableVirtualX, init);
+        this.dimensionProvider.applyNewColumns(beforeSetEvent.detail.columns, this.disableVirtualX, init, this.virtualX);
         const beforeApplyEvent = this.beforecolumnapplied.emit(columnGather);
         if (beforeApplyEvent.defaultPrevented) {
             return;
@@ -19954,12 +19968,18 @@ class RevoGridComponent {
         };
         this.viewport.setFocus(colType, pending.rowType, cell, cell);
     }
-    disableVirtualXChanged(newVal = false, prevVal = false) {
+    refreshColumnsOnConfigChange(newVal, prevVal) {
         if (newVal === prevVal) {
             return;
         }
         this.columnChanged(this.columns);
     }
+    disableVirtualXChanged(newVal = false, prevVal = false) {
+        this.refreshColumnsOnConfigChange(newVal, prevVal);
+    }
+    virtualXChanged(newVal = ['rgCol'], prevVal = ['rgCol']) {
+        this.refreshColumnsOnConfigChange(newVal, prevVal);
+    }
     rowSizeChanged(s) {
         if (!this.dimensionProvider) {
             return;
@@ -20285,6 +20305,7 @@ class RevoGridComponent {
             selectionStoreConnector: this.selectionStoreConnector,
             noHorizontalScrollTransfer: this.noHorizontalScrollTransfer,
             disableVirtualX: this.disableVirtualX,
+            virtualX: this.virtualX,
             disableVirtualY: this.disableVirtualY,
             resize: c => this.aftercolumnresize.emit(c),
         }, contentHeight);
@@ -20359,6 +20380,9 @@ class RevoGridComponent {
         "disableVirtualX": [{
                 "disableVirtualXChanged": 0
             }],
+        "virtualX": [{
+                "virtualXChanged": 0
+            }],
         "rowSize": [{
                 "rowSizeChanged": 0
             }],
@@ -20448,6 +20472,7 @@ class RevoGridComponent {
             "stretch": [8],
             "additionalData": [16],
             "disableVirtualX": [4, "disable-virtual-x"],
+            "virtualX": [16],
             "disableVirtualY": [4, "disable-virtual-y"],
             "hideAttribution": [4, "hide-attribution"],
             "jobsBeforeRender": [16],

package/hydrate/index.mjs

@@ -15099,6 +15099,10 @@ function getScrollDimension({ contentSize, clientSize, virtualSize = 0, maxScrol
     };
 }
 
+const DEFAULT_VIRTUAL_X = ['rgCol'];
+function isVirtualXDimension(type, disableVirtualX = false, virtualX = DEFAULT_VIRTUAL_X) {
+    return !disableVirtualX && virtualX.includes(type);
+}
 /**
  * Dimension provider
  * Stores dimension information and custom sizes
@@ -15109,7 +15113,7 @@ class DimensionProvider {
     constructor(viewports, config) {
         this.viewports = viewports;
         const sizeChanged = debounce$1((k) => config.realSizeChanged(k), RESIZE_INTERVAL);
-        this.stores = reduce([...rowTypes, ...columnTypes], (sources, t) => {
+        this.stores = [...rowTypes, ...columnTypes].reduce((sources, t) => {
             sources[t] = new DimensionStore(t);
             sources[t].store.onChange('realSize', () => sizeChanged(t));
             return sources;
@@ -15185,8 +15189,9 @@ class DimensionProvider {
      * Applies new columns to the dimension provider
      * @param columns - new columns data
      * @param disableVirtualX - disable virtual data for X axis
+     * @param virtualX - column dimensions that should use virtual data
      */
-    applyNewColumns(columns, disableVirtualX, keepOld = false) {
+    applyNewColumns(columns, disableVirtualX, keepOld = false, virtualX = DEFAULT_VIRTUAL_X) {
         // Apply new columns to dimension provider
         for (let type of columnTypes) {
             if (!keepOld) {
@@ -15196,7 +15201,7 @@ class DimensionProvider {
             // Get the new columns for the current type
             const items = columns[type];
             // Determine if virtual data should be disabled for the current type
-            const noVirtual = type !== 'rgCol' || disableVirtualX;
+            const noVirtual = !isVirtualXDimension(type, disableVirtualX, virtualX);
             // Set the items count in the dimension provider
             this.stores[type].setStore({ count: items.length });
             // Set the custom sizes for the columns
@@ -15422,7 +15427,7 @@ class BasePlugin {
             },
         });
         if (immediate) {
-            callback(nativeValueDesc === null || nativeValueDesc === void 0 ? void 0 : nativeValueDesc.value);
+            callback((nativeValueDesc === null || nativeValueDesc === void 0 ? void 0 : nativeValueDesc.get) ? nativeValueDesc.get.call(this.revogrid) : nativeValueDesc === null || nativeValueDesc === void 0 ? void 0 : nativeValueDesc.value);
         }
     }
     /**
@@ -17639,6 +17644,9 @@ function viewportDataPartition(data, type, slot, fixed) {
     };
 }
 
+function getViewportResizeDimension(colType, dimension) {
+    return dimension === 'rgCol' ? colType : dimension;
+}
 /** Collect Column data */
 function gatherColumnData(data) {
     const colDimension = data.dimensions[data.colType].store;
@@ -17698,20 +17706,20 @@ class ViewportService {
                 colStore,
                 onHeaderresize: e => this.onColumnResize(val, e, colStore),
             };
-            if (val === 'rgCol') {
-                column.onResizeviewport = (e) => {
-                    var _a;
-                    const vpState = {
-                        clientSize: e.detail.size,
-                    };
-                    // virtual size will be handled by dimension provider if disabled
-                    if ((e.detail.dimension === 'rgRow' && !config.disableVirtualY)
-                        || (e.detail.dimension === 'rgCol' && !config.disableVirtualX)) {
-                        vpState.virtualSize = e.detail.size;
-                    }
-                    (_a = config.viewportProvider) === null || _a === void 0 ? void 0 : _a.setViewport(e.detail.dimension, vpState);
+            column.onResizeviewport = (e) => {
+                var _a;
+                const vpState = {
+                    clientSize: e.detail.size,
                 };
-            }
+                const dimension = getViewportResizeDimension(val, e.detail.dimension);
+                const isVirtualColumn = columnTypes.includes(dimension)
+                    && isVirtualXDimension(dimension, config.disableVirtualX, config.virtualX);
+                // Keep virtual dimensions in sync with their viewport size.
+                if ((dimension === 'rgRow' && !config.disableVirtualY) || isVirtualColumn) {
+                    vpState.virtualSize = e.detail.size;
+                }
+                (_a = config.viewportProvider) === null || _a === void 0 ? void 0 : _a.setViewport(dimension, vpState);
+            };
             const colData = gatherColumnData(column);
             const columnSelectionStore = this.registerCol(colData.position.x, val);
             // render per each column data collections vertically
@@ -19425,6 +19433,12 @@ class RevoGridComponent {
          * Can be used for initial rendering performance improvement.
          */
         this.disableVirtualX = false;
+        /**
+         * Column dimensions that use X axis virtual rendering.
+         * Defaults to regular columns only to preserve pinned column behavior.
+         * Set to `['rgCol', 'colPinStart', 'colPinEnd']` to virtualize all column areas.
+         */
+        this.virtualX = ['rgCol'];
         /**
          * Disable lazy rendering mode for the `Y axis`.
          * Use when not many rows present and you don't need rerenader cells during scroll.
@@ -19876,7 +19890,7 @@ class RevoGridComponent {
         if (beforeSetEvent.defaultPrevented) {
             return;
         }
-        this.dimensionProvider.applyNewColumns(beforeSetEvent.detail.columns, this.disableVirtualX, init);
+        this.dimensionProvider.applyNewColumns(beforeSetEvent.detail.columns, this.disableVirtualX, init, this.virtualX);
         const beforeApplyEvent = this.beforecolumnapplied.emit(columnGather);
         if (beforeApplyEvent.defaultPrevented) {
             return;
@@ -19952,12 +19966,18 @@ class RevoGridComponent {
         };
         this.viewport.setFocus(colType, pending.rowType, cell, cell);
     }
-    disableVirtualXChanged(newVal = false, prevVal = false) {
+    refreshColumnsOnConfigChange(newVal, prevVal) {
         if (newVal === prevVal) {
             return;
         }
         this.columnChanged(this.columns);
     }
+    disableVirtualXChanged(newVal = false, prevVal = false) {
+        this.refreshColumnsOnConfigChange(newVal, prevVal);
+    }
+    virtualXChanged(newVal = ['rgCol'], prevVal = ['rgCol']) {
+        this.refreshColumnsOnConfigChange(newVal, prevVal);
+    }
     rowSizeChanged(s) {
         if (!this.dimensionProvider) {
             return;
@@ -20283,6 +20303,7 @@ class RevoGridComponent {
             selectionStoreConnector: this.selectionStoreConnector,
             noHorizontalScrollTransfer: this.noHorizontalScrollTransfer,
             disableVirtualX: this.disableVirtualX,
+            virtualX: this.virtualX,
             disableVirtualY: this.disableVirtualY,
             resize: c => this.aftercolumnresize.emit(c),
         }, contentHeight);
@@ -20357,6 +20378,9 @@ class RevoGridComponent {
         "disableVirtualX": [{
                 "disableVirtualXChanged": 0
             }],
+        "virtualX": [{
+                "virtualXChanged": 0
+            }],
         "rowSize": [{
                 "rowSizeChanged": 0
             }],
@@ -20446,6 +20470,7 @@ class RevoGridComponent {
             "stretch": [8],
             "additionalData": [16],
             "disableVirtualX": [4, "disable-virtual-x"],
+            "virtualX": [16],
             "disableVirtualY": [4, "disable-virtual-y"],
             "hideAttribution": [4, "hide-attribution"],
             "jobsBeforeRender": [16],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revolist/revogrid",
-  "version": "4.23.21",
+  "version": "4.23.22",
   "type": "module",
   "description": "Virtual reactive data grid spreadsheet component - RevoGrid.",
   "license": "MIT",