@revolist/revogrid 4.21.0 → 4.21.3

package/dist/collection/components/clipboard/revogr-clipboard.js

@@ -35,6 +35,7 @@ export class Clipboard {
         const beforePasteApply = this.beforePasteApply.emit({
             raw: data,
             parsed: parsedData,
+            dataText,
             event: e,
         });
         if (beforePasteApply.defaultPrevented) {
@@ -45,6 +46,7 @@ export class Clipboard {
         const afterPasteApply = this.afterPasteApply.emit({
             raw: data,
             parsed: parsedData,
+            dataText,
             event: e,
         });
         // keep default behavior if needed
@@ -180,8 +182,8 @@ export class Clipboard {
                     "text": "Paste 2. Fired before paste applied to the grid and after data parsed"
                 },
                 "complexType": {
-                    "original": "{\n    raw: string;\n    parsed: string[][];\n    event: ClipboardEvent;\n  }",
-                    "resolved": "{ raw: string; parsed: string[][]; event: ClipboardEvent; }",
+                    "original": "{\n    raw: string;\n    parsed: string[][];\n    dataText: string;\n    event: ClipboardEvent;\n  }",
+                    "resolved": "{ raw: string; parsed: string[][]; dataText: string; event: ClipboardEvent; }",
                     "references": {
                         "ClipboardEvent": {
                             "location": "global",
@@ -221,8 +223,8 @@ export class Clipboard {
                     "text": "Paste 4. Fired after paste applied to the grid\ndefaultPrevented - if true, paste will be canceled"
                 },
                 "complexType": {
-                    "original": "{\n    raw: string;\n    parsed: string[][];\n    event: ClipboardEvent;\n  }",
-                    "resolved": "{ raw: string; parsed: string[][]; event: ClipboardEvent; }",
+                    "original": "{\n    raw: string;\n    parsed: string[][];\n    dataText: string;\n    event: ClipboardEvent;\n  }",
+                    "resolved": "{ raw: string; parsed: string[][]; dataText: string; event: ClipboardEvent; }",
                     "references": {
                         "ClipboardEvent": {
                             "location": "global",

package/dist/collection/components/revoGrid/grid.helpers.js

@@ -8,7 +8,7 @@ export const rowDefinitionByType = (newVal = []) => {
         if (!rowDefs) {
             rowDefs = result[v.type] = {};
         }
-        if (v.size) {
+        if (typeof v.size === 'number') {
             if (!rowDefs.sizes) {
                 rowDefs.sizes = {};
             }
@@ -24,7 +24,7 @@ export const rowDefinitionRemoveByType = (oldVal = []) => {
         if (!rowDefs) {
             rowDefs = result[v.type] = [];
         }
-        if (v.size) {
+        if (typeof v.size === 'number') {
             rowDefs.push(v.index);
         }
     }

package/dist/collection/components/revoGrid/revo-grid.js

@@ -70,6 +70,10 @@ export class RevoGridComponent {
         this.readonly = false;
         /** When true, columns are resizable. */
         this.resize = false;
+        /**
+         * Prevents horizontal scroll state from being mirrored across viewport sections.
+         */
+        this.noHorizontalScrollTransfer = false;
         /** When true cell focus appear. */
         this.canFocus = true;
         /** When true enable clipboard. */
@@ -605,7 +609,13 @@ export class RevoGridComponent {
         if (!this.dimensionProvider || !this.columnProvider) {
             return;
         }
-        const columnGather = getColumns(newVal, 0, this.columnTypes);
+        const beforeGatherEvent = this.beforecolumnsgather.emit({
+            columns: [...newVal],
+        });
+        if (beforeGatherEvent.defaultPrevented) {
+            return;
+        }
+        const columnGather = getColumns(beforeGatherEvent.detail.columns, 0, this.columnTypes);
         const beforeSetEvent = this.beforecolumnsset.emit(columnGather);
         if (beforeSetEvent.defaultPrevented) {
             return;
@@ -952,6 +962,7 @@ export class RevoGridComponent {
             scrollingService: this.scrollingService,
             orderService: this.orderService,
             selectionStoreConnector: this.selectionStoreConnector,
+            noHorizontalScrollTransfer: this.noHorizontalScrollTransfer,
             disableVirtualX: this.disableVirtualX,
             disableVirtualY: this.disableVirtualY,
             resize: c => this.aftercolumnresize.emit(c),
@@ -992,7 +1003,9 @@ export class RevoGridComponent {
                 dataViews.push(dataView);
             });
             // Add viewport scroll in the end
-            viewPortHtml.push(h("revogr-viewport-scroll", Object.assign({}, view.prop, { ref: el => this.scrollingService.registerElement(el, `${view.prop.key}`), onScrollviewport: e => this.scrollingService.proxyScroll(e.detail, `${view.prop.key}`), onScrollviewportsilent: e => this.scrollingService.scrollSilentService(e.detail, `${view.prop.key}`) }), dataViews));
+            viewPortHtml.push(h("revogr-viewport-scroll", Object.assign({}, view.prop, { ref: el => this.scrollingService.registerElement(el, `${view.prop.key}`), onScrollviewport: e => {
+                    this.scrollingService.proxyScroll(e.detail, `${view.prop.key}`, this.noHorizontalScrollTransfer && e.detail.dimension === 'rgCol');
+                }, onScrollviewportsilent: e => this.scrollingService.scrollSilentService(e.detail, `${view.prop.key}`) }), dataViews));
         }
         viewportSections.push(viewPortHtml);
         // #endregion
@@ -1173,6 +1186,26 @@ export class RevoGridComponent {
                 "attribute": "resize",
                 "defaultValue": "false"
             },
+            "noHorizontalScrollTransfer": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Prevents horizontal scroll state from being mirrored across viewport sections."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "no-horizontal-scroll-transfer",
+                "defaultValue": "false"
+            },
             "canFocus": {
                 "type": "boolean",
                 "mutable": false,
@@ -2344,6 +2377,34 @@ export class RevoGridComponent {
                         }
                     }
                 }
+            }, {
+                "method": "beforecolumnsgather",
+                "name": "beforecolumnsgather",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted before user column definitions are gathered into the internal column collection.\nListeners can replace `detail.columns` to rewrite the raw column set before RevoGrid normalizes it."
+                },
+                "complexType": {
+                    "original": "{\n    columns: (ColumnGrouping | ColumnRegular)[];\n  }",
+                    "resolved": "{ columns: (ColumnRegular | ColumnGrouping<any>)[]; }",
+                    "references": {
+                        "ColumnGrouping": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::ColumnGrouping",
+                            "referenceLocation": "ColumnGrouping"
+                        },
+                        "ColumnRegular": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::ColumnRegular",
+                            "referenceLocation": "ColumnRegular"
+                        }
+                    }
+                }
             }, {
                 "method": "beforecolumnsset",
                 "name": "beforecolumnsset",

package/dist/collection/components/revoGrid/viewport.scrolling.service.js

@@ -7,11 +7,11 @@ export default class GridScrollingService {
         this.setViewport = setViewport;
         this.elements = {};
     }
-    async proxyScroll(e, key) {
+    async proxyScroll(e, key, skipEvent) {
         var _a;
         let newEventPromise;
         let event = e;
-        for (let elKey in this.elements) {
+        for (let elKey in (skipEvent ? {} : this.elements)) {
             // skip
             if (e.dimension === 'rgCol' && elKey === 'headerRow') {
                 continue;

package/dist/collection/components/revoGrid/viewport.service.js

@@ -13,6 +13,7 @@ function gatherColumnData(data) {
         contentHeight: data.contentHeight,
         key: data.colType,
         colType: data.colType,
+        noHorizontalScrollTransfer: data.noHorizontalScrollTransfer,
         onResizeviewport: data.onResizeviewport,
         // set viewport size to real size
         style: data.fixWidth ? { minWidth: `${realWidth}px` } : undefined,
@@ -57,6 +58,7 @@ export default class ViewportService {
                 viewports: config.viewportProvider.stores,
                 dimensions: config.dimensionProvider.stores,
                 rowStores: config.dataProvider.stores,
+                noHorizontalScrollTransfer: config.noHorizontalScrollTransfer,
                 colStore,
                 onHeaderresize: e => this.onColumnResize(val, e, colStore),
             };

package/dist/collection/components/scroll/revogr-viewport-scroll.js

@@ -22,6 +22,7 @@ export class RevogrViewportScroll {
          * Height of inner content
          */
         this.contentHeight = 0;
+        this.noHorizontalScrollTransfer = false;
     }
     async setScroll(e) {
         var _a;
@@ -206,7 +207,7 @@ export class RevogrViewportScroll {
         this.setScrollVisibility('rgCol', this.horizontalScroll.clientWidth, this.contentWidth);
     }
     render() {
-        return (h(Host, { key: '2be96df29e23c7a681a45675567b5f168786cf92', onWheel: this.horizontalMouseWheel, onScroll: (e) => this.applyScroll('rgCol', e) }, h("div", { key: '49152054dc9c8bdbffc430aa4ee2cf8c2732e05c', class: "inner-content-table", style: { width: `${this.contentWidth}px` } }, h("div", { key: '6a2124ed6345021fbbfbd78607dc280918ef9bc5', class: "header-wrapper", ref: e => (this.header = e) }, h("slot", { key: '0a25f0620be889d87fbf81325ffb596919105f4d', name: HEADER_SLOT })), h("div", { key: '7c986664c70ebc6f6d996864e591e484d709c3a5', class: "vertical-inner", ref: el => (this.verticalScroll = el), onWheel: this.verticalMouseWheel, onScroll: (e) => this.applyScroll('rgRow', e) }, h("div", { key: 'bf810ecbb62b35334b24ab72292ae37866002cb9', class: "content-wrapper", style: { height: `${this.contentHeight}px` } }, h("slot", { key: '7d0bf53549eb60d9e6942b05fe1037131562ca2e', name: CONTENT_SLOT }))), h("div", { key: '78d8bdc545e220b324665b5331d902d887ea5e2b', class: "footer-wrapper", ref: e => (this.footer = e) }, h("slot", { key: '76d5b39a94ba27411ca0b58e49714b21e0e837bf', name: FOOTER_SLOT })))));
+        return (h(Host, { key: 'adc7378dba1794ca2ec263d52b09abefe50bcbfd', onWheel: this.horizontalMouseWheel, onScroll: (e) => this.applyScroll('rgCol', e) }, h("div", { key: '7b57a8a0ea44629fefcfe4d2cd77bf0f048d8e06', class: "inner-content-table", style: { width: `${this.contentWidth}px` } }, h("div", { key: 'cca3de158bc2a7f0651f578a281819be5698b257', class: "header-wrapper", ref: e => (this.header = e) }, h("slot", { key: '1d170147dabe034f2c35481a8e2fedd6de2b6aed', name: HEADER_SLOT })), h("div", { key: 'b6dd29a91bb1f380a83a035dfdb749ca669936f2', class: "vertical-inner", ref: el => (this.verticalScroll = el), onWheel: this.verticalMouseWheel, onScroll: (e) => this.applyScroll('rgRow', e) }, h("div", { key: '9bce27bf8ec4d3b679aa9a34eb6379a8c2d46cac', class: "content-wrapper", style: { height: `${this.contentHeight}px` } }, h("slot", { key: 'b44a082c9fbb948fd87bd235b4cd4356fd4a3536', name: CONTENT_SLOT }))), h("div", { key: '28c305ff6bc664f1d1bbb117e8b8565c8d4bb6b2', class: "footer-wrapper", ref: e => (this.footer = e) }, h("slot", { key: '96312fb7f18198fd1feb9dcc00c79cde74ba9c9f', name: FOOTER_SLOT })))));
     }
     /**
      * Extra layer for scroll event monitoring, where MouseWheel event is not passing
@@ -285,7 +286,7 @@ export class RevogrViewportScroll {
         const atRight = scrollLeft + clientWidth >= scrollWidth && e.deltaX > 0;
         // Detect if the user has reached the left end
         const atLeft = scrollLeft === 0 && e.deltaX < 0;
-        if (!atRight && !atLeft) {
+        if (!atRight && !atLeft && !this.noHorizontalScrollTransfer) {
             (_a = e.preventDefault) === null || _a === void 0 ? void 0 : _a.call(e);
         }
         const pos = scrollLeft + e[delta];
@@ -389,6 +390,26 @@ export class RevogrViewportScroll {
                 "setter": false,
                 "reflect": false,
                 "attribute": "col-type"
+            },
+            "noHorizontalScrollTransfer": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "no-horizontal-scroll-transfer",
+                "defaultValue": "false"
             }
         };
     }

package/dist/collection/plugins/base.plugin.js

@@ -32,10 +32,13 @@ export class BasePlugin {
      * @param immediate - trigger callback immediately with current value
      */
     watch(prop, callback, { immediate } = { immediate: false }) {
+        var _a;
         const nativeValueDesc = Object.getOwnPropertyDescriptor(this.revogrid, prop) ||
             Object.getOwnPropertyDescriptor(this.revogrid.constructor.prototype, prop);
         // Overwrite property descriptor for this instance
         Object.defineProperty(this.revogrid, prop, {
+            configurable: true,
+            enumerable: (_a = nativeValueDesc === null || nativeValueDesc === void 0 ? void 0 : nativeValueDesc.enumerable) !== null && _a !== void 0 ? _a : true,
             set(val) {
                 var _a;
                 const keepDefault = callback(val);

package/dist/collection/plugins/filter/filter.style.css

@@ -42,7 +42,6 @@ revogr-filter-panel {
   left: 0;
   z-index: 100;
   max-height: calc(100% - 80px);
-  min-width: 250px;
   overflow: auto;
   opacity: 1;
   transform: none;

package/dist/collection/plugins/sorting/sorting.plugin.js

@@ -101,7 +101,7 @@ export class SortingPlugin extends BasePlugin {
         });
     }
     /**
-     * Entry point for sorting, waits for all delayes, registers jobs
+     * Entry point for sorting, waits for all delays, registers jobs
      */
     startSorting(order, sortingFunc, ignoreViewportUpdate) {
         if (!this.sortingPromise) {

package/dist/collection/serve/controller.js

@@ -300,6 +300,65 @@ window.setFilter = () => {
   grid.filter = filterConfig;
 };
 
+/**
+ * Deep groups should align with a1/a2/a3/b1/b2/b3.
+ * https://github.com/revolist/revogrid/issues/828
+ */
+window.setColumnGroupOffsetBugDemo = () => {
+  const grid = document.querySelector('revo-grid');
+
+  grid.columns = [
+    { prop: 'q1', name: 'Q1', size: 90 },
+    { prop: 'q2', name: 'Q2', size: 90 },
+    {
+      name: 'Root',
+      children: [
+        {
+          name: 'A',
+          children: [
+            {
+              name: 'A1',
+              children: [
+                { prop: 'a1', name: 'A1-1', size: 90 },
+                { prop: 'a2', name: 'A1-2', size: 90 },
+              ],
+            },
+            {
+              name: 'A2',
+              children: [{ prop: 'a3', name: 'A2-1', size: 90 }],
+            },
+          ],
+        },
+        {
+          name: 'B',
+          children: [
+            {
+              name: 'B1',
+              children: [{ prop: 'b1', name: 'B1-1', size: 90 }],
+            },
+            {
+              name: 'B2',
+              children: [
+                { prop: 'b2', name: 'B2-1', size: 90 },
+                { prop: 'b3', name: 'B2-2', size: 90 },
+              ],
+            },
+          ],
+        },
+      ],
+    },
+  ];
+
+  grid.source = [
+    { q1: 'left-1', q2: 'left-2', a1: 'a1', a2: 'a2', a3: 'a3', b1: 'b1', b2: 'b2', b3: 'b3' },
+    { q1: 'left-3', q2: 'left-4', a1: 'a4', a2: 'a5', a3: 'a6', b1: 'b4', b2: 'b5', b3: 'b6' },
+  ];
+
+  grid.pinnedTopSource = [];
+  grid.pinnedBottomSource = [];
+  grid.rowHeaders = true;
+};
+
 /**
  * On load function
  */

package/dist/collection/services/data.provider.js

@@ -16,9 +16,25 @@ export class DataProvider {
             return sources;
         }, {});
     }
-    setData(data, type = 'rgRow', disableVirtualRows = false, grouping, silent = false) {
+    /**
+     * Replaces the data source for a row type and synchronizes the related dimension metadata.
+     *
+     * `rgRow` updates also refresh the virtual row model unless `disableVirtualRows` is set.
+     * Pinned row types skip virtual row recalculation because they are rendered directly.
+     *
+     * @param data Full source data assigned to the target row store.
+     * @param type Row collection to update. Defaults to the main body rows.
+     * @param disableVirtualRows Prevents recalculating virtual rows for the main row store.
+     * @param grouping Optional grouping metadata applied together with the new data set.
+     * @param silent Preserves the current trimmed state instead of resetting it during the update.
+     * @param preserveTrimmed Re-applies current trimmed indexes after a silent update.
+     * @returns The same `data` array that was provided to the method.
+     */
+    setData(data, type = 'rgRow', disableVirtualRows = false, grouping, 
+    // if true, store will be updated without resetting trimmed state
+    silent = false, preserveTrimmed = false) {
         // set rgRow data
-        this.stores[type].updateData([...data], grouping, silent);
+        this.stores[type].updateData([...data], grouping, silent, preserveTrimmed);
         // for pinned row no need virtual data
         const noVirtual = type !== 'rgRow' || disableVirtualRows;
         this.dimensionProvider.setData(data.length, type, noVirtual);

package/dist/collection/store/dataSource/data.store.js

@@ -4,7 +4,7 @@
 import findIndex from "lodash/findIndex";
 import range from "lodash/range";
 import { createStore } from "@stencil/store";
-import { trimmedPlugin } from "./trimmed.plugin";
+import { gatherTrimmedItems, trimmedPlugin } from "./trimmed.plugin";
 import { setStore } from "../../utils";
 import { proxyPlugin } from "./data.proxy";
 /**
@@ -24,8 +24,16 @@ export class DataStore {
      * full data source update
      * @param source - data column/rgRow source
      * @param grouping - grouping information if present
+     * @param silent - if true, store will be updated without resetting trimmed state
+     * @param preserveTrimmed - if true, current trimmed indexes will be re-applied to the new source, use with caution because physical indexes may change across full data refreshes
      */
-    updateData(source, grouping, silent = false) {
+    updateData(source, grouping, 
+    // if true, store will be updated without resetting trimmed state
+    silent = false, 
+    // if true, current trimmed indexes will be re-applied to the new source
+    preserveTrimmed = false) {
+        const trimmed = this.store.get('trimmed');
+        const trimmedItems = silent && preserveTrimmed ? gatherTrimmedItems(trimmed) : null;
         // during full update we do drop trim
         if (!silent) {
             this.store.set('trimmed', {});
@@ -38,12 +46,14 @@ export class DataStore {
             source,
             proxyItems: [...items],
         });
-        // update data items
-        this.store.set('items', items);
+        // Explicit trim preservation is opt-in because physical indexes may change
+        // across full data refreshes.
+        this.store.set('items', trimmedItems ? items.filter(i => !trimmedItems[i]) : items);
         // apply grouping if present
         if (grouping) {
             setStore(this.store, {
                 groupingDepth: grouping.depth,
+                // if groups are not provided, we will consider that there is only one group with all items
                 groups: grouping.groups,
                 groupingCustomRenderer: grouping.customRenderer,
             });

package/dist/collection/store/dimension/dimension.recalculate.plugin.js

@@ -13,6 +13,7 @@ export const recalculateRealSizePlugin = (storeService) => {
          * Reacts on changes of count, sizes and originItemSize
          */
         set(k) {
+            var _a;
             switch (k) {
                 case 'count':
                 case 'sizes':
@@ -20,10 +21,10 @@ export const recalculateRealSizePlugin = (storeService) => {
                     // recalculate realSize
                     let realSize = 0;
                     const count = storeService.store.get('count');
+                    const sizes = storeService.store.get('sizes');
+                    const originItemSize = storeService.store.get('originItemSize');
                     for (let i = 0; i < count; i++) {
-                        realSize +=
-                            storeService.store.get('sizes')[i] ||
-                                storeService.store.get('originItemSize');
+                        realSize += (_a = sizes[i]) !== null && _a !== void 0 ? _a : originItemSize;
                     }
                     storeService.setStore({ realSize });
                     break;

package/dist/collection/store/dimension/dimension.store.js

@@ -94,7 +94,9 @@ export class DimensionStore {
             const indices = originalIndices[physIndex]; // Get all original indices for this value
             if (indices && indices.length > 0) {
                 const originalIndex = indices.shift(); // Get the first available original index
-                if (originalIndex !== undefined && originalIndex !== virtIndex && customSizes[originalIndex]) {
+                if (originalIndex !== undefined &&
+                    originalIndex !== virtIndex &&
+                    typeof customSizes[originalIndex] === 'number') {
                     newSizes[virtIndex] = customSizes[originalIndex];
                     delete customSizes[originalIndex];
                 }

package/dist/collection/store/vp/viewport.helpers.js

@@ -182,7 +182,7 @@ export function recombineByOffset(offset, data) {
     return Object.assign({ items: newItems }, range);
 }
 function getItemSize(index, sizes, origSize = 0) {
-    if (sizes && sizes[index]) {
+    if (typeof (sizes === null || sizes === void 0 ? void 0 : sizes[index]) === 'number') {
         return sizes[index];
     }
     return origSize;

package/dist/collection/types/events.js

@@ -21,6 +21,7 @@ export const REVOGRID_EVENTS = new Map([
     ['beforeanysource', 'beforeanysource'],
     ['aftersourceset', 'aftersourceset'],
     ['afteranysource', 'afteranysource'],
+    ['beforecolumnsgather', 'beforecolumnsgather'],
     ['beforecolumnsset', 'beforecolumnsset'],
     ['beforecolumnapplied', 'beforecolumnapplied'],
     ['aftercolumnsset', 'aftercolumnsset'],

package/dist/collection/utils/column.utils.js

@@ -126,7 +126,11 @@ export function gatherGroup(res, colData, collection, existingColumnsByType, lev
     for (let k in collection.columnGrouping) {
         const key = k;
         const collectionItem = collection.columnGrouping[key];
-        res.columnGrouping[key].push(...collectionItem);
+        const delta = ((existingColumnsByType === null || existingColumnsByType === void 0 ? void 0 : existingColumnsByType[key]) || []).length;
+        const rebasedItem = delta > 0
+            ? collectionItem.map(group => (Object.assign(Object.assign({}, group), { indexes: group.indexes.map(i => i + delta) })))
+            : collectionItem;
+        res.columnGrouping[key].push(...rebasedItem);
     }
     res.maxLevel = Math.max(res.maxLevel, collection.maxLevel);
     res.sort = Object.assign(Object.assign({}, res.sort), collection.sort);

package/dist/{revo-grid/cell-renderer-Dbkws2Qx.js → esm/cell-renderer-BNeaYjy6.js}

@@ -2,8 +2,8 @@
  * Built by Revolist OU ❤️
  */
 import { h, f as Build } from './index-Chp_81rd.js';
-import { y as DATA_ROW, G as DRAG_ICON_CLASS, I as DRAGGABLE_CLASS } from './dimension.helpers-C2F2Cuh8.js';
-import { l as GROUP_EXPAND_BTN, m as GROUP_EXPAND_EVENT, G as GROUP_DEPTH, h as GROUP_EXPANDED, P as PSEUDO_GROUP_ITEM, O as isRowDragService, B as getCellDataParsed } from './column.service-BsgaP7Ww.js';
+import { y as DATA_ROW, G as DRAG_ICON_CLASS, I as DRAGGABLE_CLASS } from './dimension.helpers-B-5OBYes.js';
+import { l as GROUP_EXPAND_BTN, m as GROUP_EXPAND_EVENT, G as GROUP_DEPTH, h as GROUP_EXPANDED, P as PSEUDO_GROUP_ITEM, O as isRowDragService, B as getCellDataParsed } from './column.service-8pPNyrKn.js';
 
 const SortingSign = ({ column }) => {
     var _a;

package/dist/esm/{column.drag.plugin-DQ2k24n7.js → column.drag.plugin-C9lvlTfl.js}

@@ -1,13 +1,13 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { J as reduce, g as getRange, K as baseEach, C as getColumnType, c as columnTypes, L as toInteger, u as isGrouping, t as getGroupingName, r as rowTypes, B as getCellDataParsed, A as getCellRaw, I as getColumnByProp, h as GROUP_EXPANDED, x as getParsedGroup, y as isSameGroup, G as GROUP_DEPTH, e as PSEUDO_GROUP_ITEM_VALUE, d as PSEUDO_GROUP_ITEM_ID, o as GROUPING_ROW_TYPE, p as getSource, f as PSEUDO_GROUP_COLUMN, s as gatherGrouping, m as GROUP_EXPAND_EVENT, v as isGroupingColumn, q as getExpanded, E as isColGrouping } from './column.service-BsgaP7Ww.js';
-import { W as createStore, w as setStore, i as calculateDimensionData, X as identity, Y as isArray, b as getSourceItem, o as getScrollbarSize, u as timeout, Z as baseProperty, _ as isArrayLike, $ as getTag, a0 as baseKeys, g as getPhysical, e as setItems, j as getItemByPosition } from './dimension.helpers-C2F2Cuh8.js';
-import { f as calculateRowHeaderSize } from './viewport.store-CJZ-1j6C.js';
+import { J as reduce, g as getRange, K as baseEach, C as getColumnType, c as columnTypes, L as toInteger, u as isGrouping, t as getGroupingName, r as rowTypes, B as getCellDataParsed, A as getCellRaw, I as getColumnByProp, h as GROUP_EXPANDED, x as getParsedGroup, y as isSameGroup, G as GROUP_DEPTH, e as PSEUDO_GROUP_ITEM_VALUE, d as PSEUDO_GROUP_ITEM_ID, o as GROUPING_ROW_TYPE, p as getSource, f as PSEUDO_GROUP_COLUMN, s as gatherGrouping, m as GROUP_EXPAND_EVENT, v as isGroupingColumn, q as getExpanded, E as isColGrouping } from './column.service-8pPNyrKn.js';
+import { W as createStore, w as setStore, i as calculateDimensionData, X as identity, Y as isArray, b as getSourceItem, o as getScrollbarSize, u as timeout, Z as baseProperty, _ as isArrayLike, $ as getTag, a0 as baseKeys, g as getPhysical, e as setItems, j as getItemByPosition } from './dimension.helpers-B-5OBYes.js';
+import { f as calculateRowHeaderSize } from './viewport.store-BGWR3XfI.js';
 import { h } from './index-Chp_81rd.js';
 import { b as FILTER_PROP, i as isFilterBtn } from './filter.button-C8XTWPU2.js';
 import { i as isObjectLike, b as baseGetTag, d as debounce } from './debounce-BfO9dz9v.js';
-import { O as ON_COLUMN_CLICK, d as dispatch } from './header-cell-renderer-HSFeeOeL.js';
+import { O as ON_COLUMN_CLICK, d as dispatch } from './header-cell-renderer-WkTbrmr7.js';
 
 /**
  * Plugin which recalculates realSize on changes of sizes, originItemSize and count
@@ -21,6 +21,7 @@ const recalculateRealSizePlugin = (storeService) => {
          * Reacts on changes of count, sizes and originItemSize
          */
         set(k) {
+            var _a;
             switch (k) {
                 case 'count':
                 case 'sizes':
@@ -28,10 +29,10 @@ const recalculateRealSizePlugin = (storeService) => {
                     // recalculate realSize
                     let realSize = 0;
                     const count = storeService.store.get('count');
+                    const sizes = storeService.store.get('sizes');
+                    const originItemSize = storeService.store.get('originItemSize');
                     for (let i = 0; i < count; i++) {
-                        realSize +=
-                            storeService.store.get('sizes')[i] ||
-                                storeService.store.get('originItemSize');
+                        realSize += (_a = sizes[i]) !== null && _a !== void 0 ? _a : originItemSize;
                     }
                     storeService.setStore({ realSize });
                     break;
@@ -186,7 +187,9 @@ class DimensionStore {
             const indices = originalIndices[physIndex]; // Get all original indices for this value
             if (indices && indices.length > 0) {
                 const originalIndex = indices.shift(); // Get the first available original index
-                if (originalIndex !== undefined && originalIndex !== virtIndex && customSizes[originalIndex]) {
+                if (originalIndex !== undefined &&
+                    originalIndex !== virtIndex &&
+                    typeof customSizes[originalIndex] === 'number') {
                     newSizes[virtIndex] = customSizes[originalIndex];
                     delete customSizes[originalIndex];
                 }
@@ -308,10 +311,13 @@ class BasePlugin {
      * @param immediate - trigger callback immediately with current value
      */
     watch(prop, callback, { immediate } = { immediate: false }) {
+        var _a;
         const nativeValueDesc = Object.getOwnPropertyDescriptor(this.revogrid, prop) ||
             Object.getOwnPropertyDescriptor(this.revogrid.constructor.prototype, prop);
         // Overwrite property descriptor for this instance
         Object.defineProperty(this.revogrid, prop, {
+            configurable: true,
+            enumerable: (_a = nativeValueDesc === null || nativeValueDesc === void 0 ? void 0 : nativeValueDesc.enumerable) !== null && _a !== void 0 ? _a : true,
             set(val) {
                 var _a;
                 const keepDefault = callback(val);
@@ -1899,7 +1905,7 @@ class SortingPlugin extends BasePlugin {
         });
     }
     /**
-     * Entry point for sorting, waits for all delayes, registers jobs
+     * Entry point for sorting, waits for all delays, registers jobs
      */
     startSorting(order, sortingFunc, ignoreViewportUpdate) {
         if (!this.sortingPromise) {

package/dist/esm/{column.service-BsgaP7Ww.js → column.service-8pPNyrKn.js}

@@ -1,7 +1,7 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { a5 as toFinite, a6 as keys, _ as isArrayLike, a4 as baseIteratee, Y as isArray, P as GRID_INTERNALS, a7 as isIterateeCall, a as getVisibleSourceItem, z as DISABLED_CLASS, C as CELL_CLASS, b as getSourceItem } from './dimension.helpers-C2F2Cuh8.js';
+import { a5 as toFinite, a6 as keys, _ as isArrayLike, a4 as baseIteratee, Y as isArray, P as GRID_INTERNALS, a7 as isIterateeCall, a as getVisibleSourceItem, z as DISABLED_CLASS, C as CELL_CLASS, b as getSourceItem } from './dimension.helpers-B-5OBYes.js';
 
 /**
  * Converts `value` to an integer.
@@ -337,7 +337,11 @@ function gatherGroup(res, colData, collection, existingColumnsByType, level = 0)
     for (let k in collection.columnGrouping) {
         const key = k;
         const collectionItem = collection.columnGrouping[key];
-        res.columnGrouping[key].push(...collectionItem);
+        const delta = ((existingColumnsByType === null || existingColumnsByType === void 0 ? void 0 : existingColumnsByType[key]) || []).length;
+        const rebasedItem = delta > 0
+            ? collectionItem.map(group => (Object.assign(Object.assign({}, group), { indexes: group.indexes.map(i => i + delta) })))
+            : collectionItem;
+        res.columnGrouping[key].push(...rebasedItem);
     }
     res.maxLevel = Math.max(res.maxLevel, collection.maxLevel);
     res.sort = Object.assign(Object.assign({}, res.sort), collection.sort);

package/dist/{revo-grid/dimension.helpers-C2F2Cuh8.js → esm/dimension.helpers-B-5OBYes.js}

@@ -3270,8 +3270,16 @@ class DataStore {
      * full data source update
      * @param source - data column/rgRow source
      * @param grouping - grouping information if present
+     * @param silent - if true, store will be updated without resetting trimmed state
+     * @param preserveTrimmed - if true, current trimmed indexes will be re-applied to the new source, use with caution because physical indexes may change across full data refreshes
      */
-    updateData(source, grouping, silent = false) {
+    updateData(source, grouping, 
+    // if true, store will be updated without resetting trimmed state
+    silent = false, 
+    // if true, current trimmed indexes will be re-applied to the new source
+    preserveTrimmed = false) {
+        const trimmed = this.store.get('trimmed');
+        const trimmedItems = silent && preserveTrimmed ? gatherTrimmedItems(trimmed) : null;
         // during full update we do drop trim
         if (!silent) {
             this.store.set('trimmed', {});
@@ -3284,12 +3292,14 @@ class DataStore {
             source,
             proxyItems: [...items],
         });
-        // update data items
-        this.store.set('items', items);
+        // Explicit trim preservation is opt-in because physical indexes may change
+        // across full data refreshes.
+        this.store.set('items', trimmedItems ? items.filter(i => !trimmedItems[i]) : items);
         // apply grouping if present
         if (grouping) {
             setStore(this.store, {
                 groupingDepth: grouping.depth,
+                // if groups are not provided, we will consider that there is only one group with all items
                 groups: grouping.groups,
                 groupingCustomRenderer: grouping.customRenderer,
             });