@revolist/revogrid 4.23.20 → 4.23.22

package/hydrate/index.js

@@ -14646,7 +14646,7 @@ class TextEditor {
     }
 }
 
-const revogrEditStyleCss = () => `revogr-edit{display:block;position:absolute;background-color:#fff}revogr-edit input{height:100%;width:100%;box-sizing:border-box}revogr-edit revo-dropdown{height:100%}revogr-edit revo-dropdown.shrink fieldset legend>span{display:none}`;
+const revogrEditStyleCss = () => `revogr-edit{display:block;position:absolute;background-color:var(--revo-grid-background, #fff)}revogr-edit input{height:100%;width:100%;box-sizing:border-box;background-color:var(--revo-grid-background, transparent)}revogr-edit revo-dropdown{height:100%}revogr-edit revo-dropdown.shrink fieldset legend>span{display:none}`;
 
 /**
  * Represents a cell editor in a grid.
@@ -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);
         }
     }
     /**
@@ -16469,7 +16474,7 @@ function mergeSortedRowsWithGroups(indexes, source, sortedRows) {
  * 1. @event `beforesorting` - Triggered when sorting just starts. Nothing has happened yet. This can be triggered from a column or from the source. If the type is from rows, the column will be undefined.
  * 2. @event `beforesourcesortingapply` - Triggered before the sorting data is applied to the data source. You can prevent this event, and the data will not be sorted.
  * 3. @event `beforesortingapply` - Triggered before the sorting data is applied to the data source. You can prevent this event, and the data will not be sorted. This event is only called from a column sorting click.
- * 4. @event `aftersortingapply` - Triggered after sorting has been applied and completed. This event occurs for both row and column sorting.
+ * 4. @event `aftersortingapply` - Triggered after sorting has been applied and completed. The event detail includes the final sorting state and sorting column metadata when available.
  *
  * Note: If you prevent an event, it will not proceed to the subsequent steps.
  */
@@ -16611,6 +16616,38 @@ class SortingPlugin extends BasePlugin {
         });
         this.setSortingState(state);
     }
+    resetSortingForStore(type) {
+        const storeService = this.providers.data.stores[type];
+        // row data
+        const source = storeService.store.get('source');
+        // row indexes
+        const proxyItems = storeService.store.get('proxyItems');
+        // row indexes
+        const newItemsOrder = Array.from({ length: source.length }, (_, i) => i); // recover indexes range(0, source.length)
+        this.providers.dimension.updateSizesPositionByNewDataIndexes(type, newItemsOrder, proxyItems);
+        storeService.setData({ proxyItems: newItemsOrder });
+    }
+    applySortingForStore(type, sorting, sortingFunc, sortingColumns, sortingOrder, ignoreViewportUpdate) {
+        const storeService = this.providers.data.stores[type];
+        // row data
+        const source = storeService.store.get('source');
+        // row indexes
+        const proxyItems = storeService.store.get('proxyItems');
+        const sortItems = getSortableRowIndexes(proxyItems, source);
+        const sortedItems = sortIndexByItems([...sortItems], source, sortingFunc, sorting, sortingColumns, sortingOrder);
+        const newItemsOrder = mergeSortedRowsWithGroups(proxyItems, source, sortedItems);
+        // take row indexes before trim applied and proxy items
+        const prevItems = storeService.store.get('items');
+        storeService.setData({
+            proxyItems: newItemsOrder,
+        });
+        // take currently visible row indexes
+        const newItems = storeService.store.get('items');
+        if (!ignoreViewportUpdate) {
+            this.providers.dimension
+                .updateSizesPositionByNewDataIndexes(type, newItems, prevItems);
+        }
+    }
     startSorting(order, sortingFunc, sortingColumns, sortingOrder, ignoreViewportUpdate) {
         if (!this.sortingPromise) {
             // add job before render
@@ -16702,45 +16739,25 @@ class SortingPlugin extends BasePlugin {
         // if no sorting - reset
         if (!Object.keys(sorting || {}).length) {
             for (let type of activeTypes) {
-                const storeService = this.providers.data.stores[type];
-                // row data
-                const source = storeService.store.get('source');
-                // row indexes
-                const proxyItems = storeService.store.get('proxyItems');
-                // row indexes
-                const newItemsOrder = Array.from({ length: source.length }, (_, i) => i); // recover indexes range(0, source.length)
-                this.providers.dimension.updateSizesPositionByNewDataIndexes(type, newItemsOrder, proxyItems);
-                storeService.setData({ proxyItems: newItemsOrder });
+                this.resetSortingForStore(type);
             }
         }
         else {
             for (let type of activeTypes) {
-                const storeService = this.providers.data.stores[type];
-                // row data
-                const source = storeService.store.get('source');
-                // row indexes
-                const proxyItems = storeService.store.get('proxyItems');
-                const sortItems = getSortableRowIndexes(proxyItems, source);
-                const sortedItems = sortIndexByItems([...sortItems], source, sortingFunc, sorting, activeSortingColumns, activeSortingOrder);
-                const newItemsOrder = mergeSortedRowsWithGroups(proxyItems, source, sortedItems);
-                // take row indexes before trim applied and proxy items
-                const prevItems = storeService.store.get('items');
-                storeService.setData({
-                    proxyItems: newItemsOrder,
-                });
-                // take currently visible row indexes
-                const newItems = storeService.store.get('items');
-                if (!activeIgnoreViewportUpdate) {
-                    this.providers.dimension
-                        .updateSizesPositionByNewDataIndexes(type, newItems, prevItems);
-                }
+                this.applySortingForStore(type, sorting, sortingFunc, activeSortingColumns, activeSortingOrder, activeIgnoreViewportUpdate);
             }
         }
         // refresh columns to redraw column headers and show correct icon
         columnTypes.forEach((type) => {
             this.providers.column.dataSources[type].refresh();
         });
-        this.emit('aftersortingapply');
+        const afterSortingDetail = {
+            sorting: hasActiveSorting(sorting) ? sorting : undefined,
+            sortingColumns: activeSortingColumns,
+            sortingOrder: activeSortingOrder,
+            types: activeTypes,
+        };
+        this.emit('aftersortingapply', afterSortingDetail);
     }
 }
 
@@ -17629,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;
@@ -17688,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
@@ -19265,6 +19285,7 @@ class RevoGridComponent {
         this.beforesorting = createEvent(this, "beforesorting", 7);
         this.beforesourcesortingapply = createEvent(this, "beforesourcesortingapply", 7);
         this.beforesortingapply = createEvent(this, "beforesortingapply", 7);
+        this.aftersortingapply = createEvent(this, "aftersortingapply", 7);
         this.rowdragstart = createEvent(this, "rowdragstart", 7);
         this.headerclick = createEvent(this, "headerclick", 7);
         this.beforecellfocus = createEvent(this, "beforecellfocus", 7);
@@ -19414,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.
@@ -19865,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;
@@ -19941,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;
@@ -20272,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);
@@ -20346,6 +20380,9 @@ class RevoGridComponent {
         "disableVirtualX": [{
                 "disableVirtualXChanged": 0
             }],
+        "virtualX": [{
+                "virtualXChanged": 0
+            }],
         "rowSize": [{
                 "rowSizeChanged": 0
             }],
@@ -20435,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

@@ -14644,7 +14644,7 @@ class TextEditor {
     }
 }
 
-const revogrEditStyleCss = () => `revogr-edit{display:block;position:absolute;background-color:#fff}revogr-edit input{height:100%;width:100%;box-sizing:border-box}revogr-edit revo-dropdown{height:100%}revogr-edit revo-dropdown.shrink fieldset legend>span{display:none}`;
+const revogrEditStyleCss = () => `revogr-edit{display:block;position:absolute;background-color:var(--revo-grid-background, #fff)}revogr-edit input{height:100%;width:100%;box-sizing:border-box;background-color:var(--revo-grid-background, transparent)}revogr-edit revo-dropdown{height:100%}revogr-edit revo-dropdown.shrink fieldset legend>span{display:none}`;
 
 /**
  * Represents a cell editor in a grid.
@@ -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);
         }
     }
     /**
@@ -16467,7 +16472,7 @@ function mergeSortedRowsWithGroups(indexes, source, sortedRows) {
  * 1. @event `beforesorting` - Triggered when sorting just starts. Nothing has happened yet. This can be triggered from a column or from the source. If the type is from rows, the column will be undefined.
  * 2. @event `beforesourcesortingapply` - Triggered before the sorting data is applied to the data source. You can prevent this event, and the data will not be sorted.
  * 3. @event `beforesortingapply` - Triggered before the sorting data is applied to the data source. You can prevent this event, and the data will not be sorted. This event is only called from a column sorting click.
- * 4. @event `aftersortingapply` - Triggered after sorting has been applied and completed. This event occurs for both row and column sorting.
+ * 4. @event `aftersortingapply` - Triggered after sorting has been applied and completed. The event detail includes the final sorting state and sorting column metadata when available.
  *
  * Note: If you prevent an event, it will not proceed to the subsequent steps.
  */
@@ -16609,6 +16614,38 @@ class SortingPlugin extends BasePlugin {
         });
         this.setSortingState(state);
     }
+    resetSortingForStore(type) {
+        const storeService = this.providers.data.stores[type];
+        // row data
+        const source = storeService.store.get('source');
+        // row indexes
+        const proxyItems = storeService.store.get('proxyItems');
+        // row indexes
+        const newItemsOrder = Array.from({ length: source.length }, (_, i) => i); // recover indexes range(0, source.length)
+        this.providers.dimension.updateSizesPositionByNewDataIndexes(type, newItemsOrder, proxyItems);
+        storeService.setData({ proxyItems: newItemsOrder });
+    }
+    applySortingForStore(type, sorting, sortingFunc, sortingColumns, sortingOrder, ignoreViewportUpdate) {
+        const storeService = this.providers.data.stores[type];
+        // row data
+        const source = storeService.store.get('source');
+        // row indexes
+        const proxyItems = storeService.store.get('proxyItems');
+        const sortItems = getSortableRowIndexes(proxyItems, source);
+        const sortedItems = sortIndexByItems([...sortItems], source, sortingFunc, sorting, sortingColumns, sortingOrder);
+        const newItemsOrder = mergeSortedRowsWithGroups(proxyItems, source, sortedItems);
+        // take row indexes before trim applied and proxy items
+        const prevItems = storeService.store.get('items');
+        storeService.setData({
+            proxyItems: newItemsOrder,
+        });
+        // take currently visible row indexes
+        const newItems = storeService.store.get('items');
+        if (!ignoreViewportUpdate) {
+            this.providers.dimension
+                .updateSizesPositionByNewDataIndexes(type, newItems, prevItems);
+        }
+    }
     startSorting(order, sortingFunc, sortingColumns, sortingOrder, ignoreViewportUpdate) {
         if (!this.sortingPromise) {
             // add job before render
@@ -16700,45 +16737,25 @@ class SortingPlugin extends BasePlugin {
         // if no sorting - reset
         if (!Object.keys(sorting || {}).length) {
             for (let type of activeTypes) {
-                const storeService = this.providers.data.stores[type];
-                // row data
-                const source = storeService.store.get('source');
-                // row indexes
-                const proxyItems = storeService.store.get('proxyItems');
-                // row indexes
-                const newItemsOrder = Array.from({ length: source.length }, (_, i) => i); // recover indexes range(0, source.length)
-                this.providers.dimension.updateSizesPositionByNewDataIndexes(type, newItemsOrder, proxyItems);
-                storeService.setData({ proxyItems: newItemsOrder });
+                this.resetSortingForStore(type);
             }
         }
         else {
             for (let type of activeTypes) {
-                const storeService = this.providers.data.stores[type];
-                // row data
-                const source = storeService.store.get('source');
-                // row indexes
-                const proxyItems = storeService.store.get('proxyItems');
-                const sortItems = getSortableRowIndexes(proxyItems, source);
-                const sortedItems = sortIndexByItems([...sortItems], source, sortingFunc, sorting, activeSortingColumns, activeSortingOrder);
-                const newItemsOrder = mergeSortedRowsWithGroups(proxyItems, source, sortedItems);
-                // take row indexes before trim applied and proxy items
-                const prevItems = storeService.store.get('items');
-                storeService.setData({
-                    proxyItems: newItemsOrder,
-                });
-                // take currently visible row indexes
-                const newItems = storeService.store.get('items');
-                if (!activeIgnoreViewportUpdate) {
-                    this.providers.dimension
-                        .updateSizesPositionByNewDataIndexes(type, newItems, prevItems);
-                }
+                this.applySortingForStore(type, sorting, sortingFunc, activeSortingColumns, activeSortingOrder, activeIgnoreViewportUpdate);
             }
         }
         // refresh columns to redraw column headers and show correct icon
         columnTypes.forEach((type) => {
             this.providers.column.dataSources[type].refresh();
         });
-        this.emit('aftersortingapply');
+        const afterSortingDetail = {
+            sorting: hasActiveSorting(sorting) ? sorting : undefined,
+            sortingColumns: activeSortingColumns,
+            sortingOrder: activeSortingOrder,
+            types: activeTypes,
+        };
+        this.emit('aftersortingapply', afterSortingDetail);
     }
 }
 
@@ -17627,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;
@@ -17686,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
@@ -19263,6 +19283,7 @@ class RevoGridComponent {
         this.beforesorting = createEvent(this, "beforesorting", 7);
         this.beforesourcesortingapply = createEvent(this, "beforesourcesortingapply", 7);
         this.beforesortingapply = createEvent(this, "beforesortingapply", 7);
+        this.aftersortingapply = createEvent(this, "aftersortingapply", 7);
         this.rowdragstart = createEvent(this, "rowdragstart", 7);
         this.headerclick = createEvent(this, "headerclick", 7);
         this.beforecellfocus = createEvent(this, "beforecellfocus", 7);
@@ -19412,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.
@@ -19863,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;
@@ -19939,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;
@@ -20270,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);
@@ -20344,6 +20378,9 @@ class RevoGridComponent {
         "disableVirtualX": [{
                 "disableVirtualXChanged": 0
             }],
+        "virtualX": [{
+                "virtualXChanged": 0
+            }],
         "rowSize": [{
                 "rowSizeChanged": 0
             }],
@@ -20433,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.20",
+  "version": "4.23.22",
   "type": "module",
   "description": "Virtual reactive data grid spreadsheet component - RevoGrid.",
   "license": "MIT",

package/standalone/index.js

@@ -1,4 +1,4 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import{setMode as _}from"@stencil/core/internal/client";export{getAssetPath,h,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";import{g as O,B as L}from"./revo-grid.js";export{A as AutoSizeColumnPlugin,o as BEFORE_COLUMN_DRAG_END_EVENT,n as COLUMN_DRAG_END_EVENT,m as COLUMN_DRAG_MOVE_EVENT,p as COLUMN_DRAG_START_EVENT,C as ColumnAutoSizeMode,q as ColumnMovePlugin,D as DimensionStore,b as ExportCsv,E as ExportFilePlugin,c as FILTER_CONFIG_CHANGED_EVENT,F as FILTER_TRIMMED_TYPE,d as FILTE_PANEL,e as FilterPlugin,G as GroupingRowPlugin,RevoGrid,S as SelectionStore,t as SortingPlugin,a as StretchColumn,x as defaultCellCompare,defineCustomElement as defineCustomElementRevoGrid,y as descCellCompare,k as doCollapse,l as doExpand,f as filterCoreFunctionsIndexedByType,j as filterNames,h as filterTypes,s as getColumnDragPosition,H as getComparer,r as getLeftRelative,z as getNextOrder,v as getSortingIndex,u as hasActiveSorting,i as isStretchPlugin,w as sortIndexByItems}from"./revo-grid.js";export{o as GROUPING_ROW_TYPE,j as GROUP_COLUMN_PROP,G as GROUP_DEPTH,h as GROUP_EXPANDED,l as GROUP_EXPAND_BTN,m as GROUP_EXPAND_EVENT,k as GROUP_ORIGINAL_INDEX,f as PSEUDO_GROUP_COLUMN,P as PSEUDO_GROUP_ITEM,d as PSEUDO_GROUP_ITEM_ID,e as PSEUDO_GROUP_ITEM_VALUE,c as columnTypes,a as cropCellToMax,H as gatherGroup,s as gatherGrouping,z as getCellData,B as getCellDataParsed,A as getCellRaw,I as getColumnByProp,D as getColumnSizes,C as getColumnType,F as getColumns,q as getExpanded,t as getGroupingName,x as getParsedGroup,g as getRange,p as getSource,E as isColGrouping,u as isGrouping,v as isGroupingColumn,b as isRangeSingleCell,i as isRowType,y as isSameGroup,w as measureEqualDepth,n as nextCell,r as rowTypes}from"./column.service.js";export{S as SortingSign,d as dispatch,a as dispatchByEvent}from"./revogr-header2.js";export{a as applyMixins,f as findPositionInArray,g as getScrollbarSize,m as mergeSortedArray,p as pushSorted,r as range,s as scaleValue,t as timeout}from"./index2.js";export{C as CellRenderer,G as GroupingRowRenderer,e as expandEvent,a as expandSvgIconVNode}from"./revogr-data2.js";export{T as TextEditor,k as isAll,c as isClear,h as isCopy,a as isCtrlKey,b as isCtrlMetaKey,g as isCut,m as isEditInput,n as isEditorCtrConstructible,f as isEnterKeyValue,i as isMetaKey,j as isPaste,l as isShortcutModifier,d as isTab,e as isTabKeyValue}from"./revogr-edit2.js";export{RevogrAttribution,defineCustomElement as defineCustomElementRevogrAttribution}from"./revogr-attribution.js";export{RevogrClipboard,defineCustomElement as defineCustomElementRevogrClipboard}from"./revogr-clipboard.js";export{RevogrData,defineCustomElement as defineCustomElementRevogrData}from"./revogr-data.js";export{RevogrEdit,defineCustomElement as defineCustomElementRevogrEdit}from"./revogr-edit.js";export{RevogrExtra,defineCustomElement as defineCustomElementRevogrExtra}from"./revogr-extra.js";export{RevogrFilterPanel,defineCustomElement as defineCustomElementRevogrFilterPanel}from"./revogr-filter-panel.js";export{RevogrFocus,defineCustomElement as defineCustomElementRevogrFocus}from"./revogr-focus.js";export{RevogrHeader,defineCustomElement as defineCustomElementRevogrHeader}from"./revogr-header.js";export{RevogrOrderEditor,defineCustomElement as defineCustomElementRevogrOrderEditor}from"./revogr-order-editor.js";export{RevogrOverlaySelection,defineCustomElement as defineCustomElementRevogrOverlaySelection}from"./revogr-overlay-selection.js";export{RevogrRowHeaders,defineCustomElement as defineCustomElementRevogrRowHeaders}from"./revogr-row-headers.js";export{RevogrScrollVirtual,defineCustomElement as defineCustomElementRevogrScrollVirtual}from"./revogr-scroll-virtual.js";export{RevogrTempRange,defineCustomElement as defineCustomElementRevogrTempRange}from"./revogr-temp-range.js";export{RevogrViewportScroll,defineCustomElement as defineCustomElementRevogrViewportScroll}from"./revogr-viewport-scroll.js";export{VnodeHtml,defineCustomElement as defineCustomElementVnodeHtml}from"./vnode-html.js";export{D as DataStore,h as gatherTrimmedItems,g as getPhysical,b as getSourceItem,f as getSourceItemVirtualIndexByProp,c as getSourcePhysicalIndex,a as getVisibleSourceItem,p as proxyPlugin,e as setItems,d as setSourceByPhysicalIndex,s as setSourceByVirtualIndex,i as setStore,t as trimmedPlugin}from"./data.store.js";export{c as calculateDimensionData,a as getItemByIndex,g as getItemByPosition}from"./dimension.helpers.js";export{V as ViewportStore,b as addMissingItems,j as calculateRowHeaderSize,c as clampViewportCoordinate,f as getFirstItem,d as getItems,h as getLastItem,a as getUpdatedItemsByPosition,g as getViewportMaxCoordinate,i as isActiveRange,e as isActiveRangeOutsideLastItem,r as recombineByOffset,s as setItemSizes,u as updateMissingAndRange}from"./revogr-row-headers2.js";export{A as AND_OR_BUTTON,e as AndOrButton,a as FILTER_BUTTON_ACTIVE,F as FILTER_BUTTON_CLASS,b as FILTER_PROP,c as FilterButton,R as REORDER_BUTTON,f as ReorderButton,T as TRASH_BUTTON,d as TrashButton,i as isFilterBtn}from"./filter.button.js";export{C as CELL_CLASS,j as CELL_HANDLER_CLASS,D as DATA_COL,a as DATA_ROW,b as DISABLED_CLASS,h as DRAGGABLE_CLASS,k as DRAGG_TEXT,g as DRAG_ICON_CLASS,E as EDIT_INPUT_WR,F as FOCUS_CLASS,G as GRID_INTERNALS,f as HEADER_ACTUAL_ROW_CLASS,H as HEADER_CLASS,e as HEADER_ROW_CLASS,d as HEADER_SORTABLE_CLASS,M as MIN_COL_SIZE,i as MOBILE_CLASS,R as RESIZE_INTERVAL,l as ROW_FOCUSED_CLASS,c as ROW_HEADER_TYPE,S as SELECTION_BORDER_CLASS,T as TMP_SELECTION_BG_CLASS}from"./consts.js";export{c as codesLetter,k as keyValues}from"./platform.js";const N=function(){_((e=>{let r=e.theme||e.getAttribute("theme");"string"==typeof r&&(r=r.trim());const o=O(r);return o!==r&&e.setAttribute("theme",o),o}))}||(()=>{}),U=new Map([["contentsizechanged","contentsizechanged"],["beforeedit","beforeedit"],["beforerangeedit","beforerangeedit"],["afteredit","afteredit"],["beforeautofill","beforeautofill"],["beforerange","beforerange"],["afterfocus","afterfocus"],["roworderchanged","roworderchanged"],["beforesorting","beforesorting"],["beforesourcesortingapply","beforesourcesortingapply"],["beforesortingapply","beforesortingapply"],["rowdragstart","rowdragstart"],["headerclick","headerclick"],["beforecellfocus","beforecellfocus"],["beforefocuslost","beforefocuslost"],["beforesourceset","beforesourceset"],["beforeanysource","beforeanysource"],["aftersourceset","aftersourceset"],["afteranysource","afteranysource"],["beforecolumnsgather","beforecolumnsgather"],["beforecolumnsset","beforecolumnsset"],["beforecolumnapplied","beforecolumnapplied"],["aftercolumnsset","aftercolumnsset"],["beforefilterapply","beforefilterapply"],["beforefiltertrimmed","beforefiltertrimmed"],["beforetrimmed","beforetrimmed"],["aftertrimmed","aftertrimmed"],["viewportscroll","viewportscroll"],["beforeexport","beforeexport"],["beforeeditstart","beforeeditstart"],["aftercolumnresize","aftercolumnresize"],["beforerowdefinition","beforerowdefinition"],["filterconfigchanged","filterconfigchanged"],["sortingconfigchanged","sortingconfigchanged"],["rowheaderschanged","rowheaderschanged"],["beforegridrender","beforegridrender"],["aftergridrender","aftergridrender"],["aftergridinit","aftergridinit"],["additionaldatachanged","additionaldatachanged"],["afterthemechanged","afterthemechanged"],["created","created"],["beforepaste","beforepaste"],["beforepasteapply","beforepasteapply"],["pasteregion","pasteregion"],["afterpasteapply","afterpasteapply"],["beforecut","beforecut"],["clearregion","clearregion"],["beforecopy","beforecopy"],["beforecopyapply","beforecopyapply"],["copyregion","copyregion"],["beforerowrender","beforerowrender"],["afterrender","afterrender"],["beforecellrender","beforecellrender"],["beforedatarender","beforedatarender"],["dragstartcell","dragstartcell"],["celleditinit","celleditinit"],["closeedit","closeedit"],["filterChange","filterChange"],["resetChange","resetChange"],["beforefocusrender","beforefocusrender"],["beforescrollintoview","beforescrollintoview"],["afterfocus","afterfocus"],["beforeheaderclick","beforeheaderclick"],["headerresize","headerresize"],["beforeheaderresize","beforeheaderresize"],["headerdblclick","headerdblclick"],["beforeheaderrender","beforeheaderrender"],["beforegroupheaderrender","beforegroupheaderrender"],["afterheaderrender","afterheaderrender"],["columndragstart","columndragstart"],["columndragmousemove","columndragmousemove"],["beforecolumndragend","beforecolumndragend"],["columndragend","columndragend"],["rowdragstartinit","rowdragstartinit"],["rowdragendinit","rowdragendinit"],["rowdragmoveinit","rowdragmoveinit"],["rowdragmousemove","rowdragmousemove"],["rowdropinit","rowdropinit"],["roworderchange","roworderchange"],["beforecopyregion","beforecopyregion"],["beforepasteregion","beforepasteregion"],["celleditapply","celleditapply"],["beforecellfocusinit","beforecellfocusinit"],["beforenextvpfocus","beforenextvpfocus"],["setedit","setedit"],["beforeapplyrange","beforeapplyrange"],["beforesetrange","beforesetrange"],["setrange","setrange"],["beforeeditrender","beforeeditrender"],["selectall","selectall"],["canceledit","canceledit"],["settemprange","settemprange"],["beforesettemprange","beforesettemprange"],["applyfocus","applyfocus"],["focuscell","focuscell"],["beforerangedataapply","beforerangedataapply"],["selectionchangeinit","selectionchangeinit"],["beforerangecopyapply","beforerangecopyapply"],["rangeeditapply","rangeeditapply"],["clipboardrangecopy","clipboardrangecopy"],["clipboardrangepaste","clipboardrangepaste"],["beforekeydown","beforekeydown"],["beforekeyup","beforekeyup"],["beforecellsave","beforecellsave"],["celledit","celledit"],["scrollview","scrollview"],["ref","ref"],["scrollvirtual","scrollvirtual"],["scrollviewport","scrollviewport"],["resizeviewport","resizeviewport"],["scrollchange","scrollchange"],["scrollviewportsilent","scrollviewportsilent"],["html","html"]]);class W extends L{constructor(e,r){super(e,r),this.addEventListener("beforepasteapply",(e=>this.handleBeforePasteApply(e)))}handleBeforePasteApply(e){const r=this.providers.selection.focused;if(!r||null!=this.providers.selection.edit)return;const o=this.providers.data.stores.rgRow.store.get("items").length,t=r.y+e.detail.parsed.length;if(o<t){const e=Array.from({length:t-o},((e,r)=>({index:o+r,data:{}}))),r=this.emit("newRows",{newRows:e});if(r.defaultPrevented)return;const a=[...this.providers.data.stores.rgRow.store.get("source"),...r.detail.newRows.map((e=>e.data))];this.providers.data.setData(a)}}}N();export{W as AutoAddRowsPlugin,L as BasePlugin,U as REVOGRID_EVENTS}
+import{setMode as _}from"@stencil/core/internal/client";export{getAssetPath,h,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";import{g as O,B as L}from"./revo-grid.js";export{A as AutoSizeColumnPlugin,o as BEFORE_COLUMN_DRAG_END_EVENT,n as COLUMN_DRAG_END_EVENT,m as COLUMN_DRAG_MOVE_EVENT,p as COLUMN_DRAG_START_EVENT,C as ColumnAutoSizeMode,q as ColumnMovePlugin,D as DimensionStore,b as ExportCsv,E as ExportFilePlugin,c as FILTER_CONFIG_CHANGED_EVENT,F as FILTER_TRIMMED_TYPE,d as FILTE_PANEL,e as FilterPlugin,G as GroupingRowPlugin,RevoGrid,S as SelectionStore,t as SortingPlugin,a as StretchColumn,x as defaultCellCompare,defineCustomElement as defineCustomElementRevoGrid,y as descCellCompare,k as doCollapse,l as doExpand,f as filterCoreFunctionsIndexedByType,j as filterNames,h as filterTypes,s as getColumnDragPosition,H as getComparer,r as getLeftRelative,z as getNextOrder,v as getSortingIndex,u as hasActiveSorting,i as isStretchPlugin,w as sortIndexByItems}from"./revo-grid.js";export{o as GROUPING_ROW_TYPE,j as GROUP_COLUMN_PROP,G as GROUP_DEPTH,h as GROUP_EXPANDED,l as GROUP_EXPAND_BTN,m as GROUP_EXPAND_EVENT,k as GROUP_ORIGINAL_INDEX,f as PSEUDO_GROUP_COLUMN,P as PSEUDO_GROUP_ITEM,d as PSEUDO_GROUP_ITEM_ID,e as PSEUDO_GROUP_ITEM_VALUE,c as columnTypes,a as cropCellToMax,H as gatherGroup,s as gatherGrouping,z as getCellData,B as getCellDataParsed,A as getCellRaw,I as getColumnByProp,D as getColumnSizes,C as getColumnType,F as getColumns,q as getExpanded,t as getGroupingName,x as getParsedGroup,g as getRange,p as getSource,E as isColGrouping,u as isGrouping,v as isGroupingColumn,b as isRangeSingleCell,i as isRowType,y as isSameGroup,w as measureEqualDepth,n as nextCell,r as rowTypes}from"./column.service.js";export{S as SortingSign,d as dispatch,a as dispatchByEvent}from"./revogr-header2.js";export{a as applyMixins,f as findPositionInArray,g as getScrollbarSize,m as mergeSortedArray,p as pushSorted,r as range,s as scaleValue,t as timeout}from"./index2.js";export{C as CellRenderer,G as GroupingRowRenderer,e as expandEvent,a as expandSvgIconVNode}from"./revogr-data2.js";export{T as TextEditor,k as isAll,c as isClear,h as isCopy,a as isCtrlKey,b as isCtrlMetaKey,g as isCut,m as isEditInput,n as isEditorCtrConstructible,f as isEnterKeyValue,i as isMetaKey,j as isPaste,l as isShortcutModifier,d as isTab,e as isTabKeyValue}from"./revogr-edit2.js";export{RevogrAttribution,defineCustomElement as defineCustomElementRevogrAttribution}from"./revogr-attribution.js";export{RevogrClipboard,defineCustomElement as defineCustomElementRevogrClipboard}from"./revogr-clipboard.js";export{RevogrData,defineCustomElement as defineCustomElementRevogrData}from"./revogr-data.js";export{RevogrEdit,defineCustomElement as defineCustomElementRevogrEdit}from"./revogr-edit.js";export{RevogrExtra,defineCustomElement as defineCustomElementRevogrExtra}from"./revogr-extra.js";export{RevogrFilterPanel,defineCustomElement as defineCustomElementRevogrFilterPanel}from"./revogr-filter-panel.js";export{RevogrFocus,defineCustomElement as defineCustomElementRevogrFocus}from"./revogr-focus.js";export{RevogrHeader,defineCustomElement as defineCustomElementRevogrHeader}from"./revogr-header.js";export{RevogrOrderEditor,defineCustomElement as defineCustomElementRevogrOrderEditor}from"./revogr-order-editor.js";export{RevogrOverlaySelection,defineCustomElement as defineCustomElementRevogrOverlaySelection}from"./revogr-overlay-selection.js";export{RevogrRowHeaders,defineCustomElement as defineCustomElementRevogrRowHeaders}from"./revogr-row-headers.js";export{RevogrScrollVirtual,defineCustomElement as defineCustomElementRevogrScrollVirtual}from"./revogr-scroll-virtual.js";export{RevogrTempRange,defineCustomElement as defineCustomElementRevogrTempRange}from"./revogr-temp-range.js";export{RevogrViewportScroll,defineCustomElement as defineCustomElementRevogrViewportScroll}from"./revogr-viewport-scroll.js";export{VnodeHtml,defineCustomElement as defineCustomElementVnodeHtml}from"./vnode-html.js";export{D as DataStore,h as gatherTrimmedItems,g as getPhysical,b as getSourceItem,f as getSourceItemVirtualIndexByProp,c as getSourcePhysicalIndex,a as getVisibleSourceItem,p as proxyPlugin,e as setItems,d as setSourceByPhysicalIndex,s as setSourceByVirtualIndex,i as setStore,t as trimmedPlugin}from"./data.store.js";export{c as calculateDimensionData,a as getItemByIndex,g as getItemByPosition}from"./dimension.helpers.js";export{V as ViewportStore,b as addMissingItems,j as calculateRowHeaderSize,c as clampViewportCoordinate,f as getFirstItem,d as getItems,h as getLastItem,a as getUpdatedItemsByPosition,g as getViewportMaxCoordinate,i as isActiveRange,e as isActiveRangeOutsideLastItem,r as recombineByOffset,s as setItemSizes,u as updateMissingAndRange}from"./revogr-row-headers2.js";export{A as AND_OR_BUTTON,e as AndOrButton,a as FILTER_BUTTON_ACTIVE,F as FILTER_BUTTON_CLASS,b as FILTER_PROP,c as FilterButton,R as REORDER_BUTTON,f as ReorderButton,T as TRASH_BUTTON,d as TrashButton,i as isFilterBtn}from"./filter.button.js";export{C as CELL_CLASS,j as CELL_HANDLER_CLASS,D as DATA_COL,a as DATA_ROW,b as DISABLED_CLASS,h as DRAGGABLE_CLASS,k as DRAGG_TEXT,g as DRAG_ICON_CLASS,E as EDIT_INPUT_WR,F as FOCUS_CLASS,G as GRID_INTERNALS,f as HEADER_ACTUAL_ROW_CLASS,H as HEADER_CLASS,e as HEADER_ROW_CLASS,d as HEADER_SORTABLE_CLASS,M as MIN_COL_SIZE,i as MOBILE_CLASS,R as RESIZE_INTERVAL,l as ROW_FOCUSED_CLASS,c as ROW_HEADER_TYPE,S as SELECTION_BORDER_CLASS,T as TMP_SELECTION_BG_CLASS}from"./consts.js";export{c as codesLetter,k as keyValues}from"./platform.js";const N=function(){_((e=>{let r=e.theme||e.getAttribute("theme");"string"==typeof r&&(r=r.trim());const o=O(r);return o!==r&&e.setAttribute("theme",o),o}))}||(()=>{}),U=new Map([["contentsizechanged","contentsizechanged"],["beforeedit","beforeedit"],["beforerangeedit","beforerangeedit"],["afteredit","afteredit"],["beforeautofill","beforeautofill"],["beforerange","beforerange"],["afterfocus","afterfocus"],["roworderchanged","roworderchanged"],["beforesorting","beforesorting"],["beforesourcesortingapply","beforesourcesortingapply"],["beforesortingapply","beforesortingapply"],["aftersortingapply","aftersortingapply"],["rowdragstart","rowdragstart"],["headerclick","headerclick"],["beforecellfocus","beforecellfocus"],["beforefocuslost","beforefocuslost"],["beforesourceset","beforesourceset"],["beforeanysource","beforeanysource"],["aftersourceset","aftersourceset"],["afteranysource","afteranysource"],["beforecolumnsgather","beforecolumnsgather"],["beforecolumnsset","beforecolumnsset"],["beforecolumnapplied","beforecolumnapplied"],["aftercolumnsset","aftercolumnsset"],["beforefilterapply","beforefilterapply"],["beforefiltertrimmed","beforefiltertrimmed"],["beforetrimmed","beforetrimmed"],["aftertrimmed","aftertrimmed"],["viewportscroll","viewportscroll"],["beforeexport","beforeexport"],["beforeeditstart","beforeeditstart"],["aftercolumnresize","aftercolumnresize"],["beforerowdefinition","beforerowdefinition"],["filterconfigchanged","filterconfigchanged"],["sortingconfigchanged","sortingconfigchanged"],["rowheaderschanged","rowheaderschanged"],["beforegridrender","beforegridrender"],["aftergridrender","aftergridrender"],["aftergridinit","aftergridinit"],["additionaldatachanged","additionaldatachanged"],["afterthemechanged","afterthemechanged"],["created","created"],["beforepaste","beforepaste"],["beforepasteapply","beforepasteapply"],["pasteregion","pasteregion"],["afterpasteapply","afterpasteapply"],["beforecut","beforecut"],["clearregion","clearregion"],["beforecopy","beforecopy"],["beforecopyapply","beforecopyapply"],["copyregion","copyregion"],["beforerowrender","beforerowrender"],["afterrender","afterrender"],["beforecellrender","beforecellrender"],["beforedatarender","beforedatarender"],["dragstartcell","dragstartcell"],["celleditinit","celleditinit"],["closeedit","closeedit"],["filterChange","filterChange"],["resetChange","resetChange"],["beforefocusrender","beforefocusrender"],["beforescrollintoview","beforescrollintoview"],["afterfocus","afterfocus"],["beforeheaderclick","beforeheaderclick"],["headerresize","headerresize"],["beforeheaderresize","beforeheaderresize"],["headerdblclick","headerdblclick"],["beforeheaderrender","beforeheaderrender"],["beforegroupheaderrender","beforegroupheaderrender"],["afterheaderrender","afterheaderrender"],["columndragstart","columndragstart"],["columndragmousemove","columndragmousemove"],["beforecolumndragend","beforecolumndragend"],["columndragend","columndragend"],["rowdragstartinit","rowdragstartinit"],["rowdragendinit","rowdragendinit"],["rowdragmoveinit","rowdragmoveinit"],["rowdragmousemove","rowdragmousemove"],["rowdropinit","rowdropinit"],["roworderchange","roworderchange"],["beforecopyregion","beforecopyregion"],["beforepasteregion","beforepasteregion"],["celleditapply","celleditapply"],["beforecellfocusinit","beforecellfocusinit"],["beforenextvpfocus","beforenextvpfocus"],["setedit","setedit"],["beforeapplyrange","beforeapplyrange"],["beforesetrange","beforesetrange"],["setrange","setrange"],["beforeeditrender","beforeeditrender"],["selectall","selectall"],["canceledit","canceledit"],["settemprange","settemprange"],["beforesettemprange","beforesettemprange"],["applyfocus","applyfocus"],["focuscell","focuscell"],["beforerangedataapply","beforerangedataapply"],["selectionchangeinit","selectionchangeinit"],["beforerangecopyapply","beforerangecopyapply"],["rangeeditapply","rangeeditapply"],["clipboardrangecopy","clipboardrangecopy"],["clipboardrangepaste","clipboardrangepaste"],["beforekeydown","beforekeydown"],["beforekeyup","beforekeyup"],["beforecellsave","beforecellsave"],["celledit","celledit"],["scrollview","scrollview"],["ref","ref"],["scrollvirtual","scrollvirtual"],["scrollviewport","scrollviewport"],["resizeviewport","resizeviewport"],["scrollchange","scrollchange"],["scrollviewportsilent","scrollviewportsilent"],["html","html"]]);class W extends L{constructor(e,r){super(e,r),this.addEventListener("beforepasteapply",(e=>this.handleBeforePasteApply(e)))}handleBeforePasteApply(e){const r=this.providers.selection.focused;if(!r||null!=this.providers.selection.edit)return;const o=this.providers.data.stores.rgRow.store.get("items").length,t=r.y+e.detail.parsed.length;if(o<t){const e=Array.from({length:t-o},((e,r)=>({index:o+r,data:{}}))),r=this.emit("newRows",{newRows:e});if(r.defaultPrevented)return;const a=[...this.providers.data.stores.rgRow.store.get("source"),...r.detail.newRows.map((e=>e.data))];this.providers.data.setData(a)}}}N();export{W as AutoAddRowsPlugin,L as BasePlugin,U as REVOGRID_EVENTS}