@revolist/revogrid 4.26.2 → 4.27.1

package/dist/cjs/{text-editor-F04kTx53.js → text-editor-CJyQaYei.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var edit_utils = require('./edit.utils-rAcGublN.js');
-var index = require('./index--FdNLz1Z.js');
+var edit_utils = require('./edit.utils-CBAbQhGP.js');
+var index = require('./index-BVESmpqW.js');
 
 class TextEditor {
     constructor(data, saveCallback) {

package/dist/cjs/{throttle-fV6BUmM7.js → throttle-BsaP4fgu.js}

@@ -197,7 +197,7 @@ class LocalScrollTimer {
      * Remember last mw event time
      */
     latestScrollUpdate(dimension) {
-        this.mouseWheelScrollTimestamp[dimension] = new Date().getTime();
+        this.mouseWheelScrollTimestamp[dimension] = Date.now();
     }
     isReady(type, coordinate) {
         // if there is a callback, clear it
@@ -208,7 +208,7 @@ class LocalScrollTimer {
         return this.verifyChange(type, coordinate);
     }
     verifyChange(type, coordinate) {
-        const now = new Date().getTime();
+        const now = Date.now();
         const change = now - this.mouseWheelScrollTimestamp[type];
         return change > this.scrollThrottling &&
             coordinate !== this.lastKnownScrollCoordinate[type];
@@ -226,7 +226,7 @@ class LocalScrollTimer {
             // save lastScrollUpdate callback
             const callback = this.lastScrollUpdateCallbacks[type] = {
                 callback: lastScrollUpdate,
-                timestamp: new Date().getTime(),
+                timestamp: Date.now(),
                 coordinate,
                 timeout: 0,
             };

package/dist/cjs/{viewport.store-B4Clk4m9.js → viewport.store-mhsdi61t.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var dimension_helpers = require('./dimension.helpers-CgHhnN1d.js');
+var dimension_helpers = require('./dimension.helpers-CptesQOZ.js');
 
 const LETTER_BLOCK_SIZE = 10;
 const calculateRowHeaderSize = (itemsLength, rowHeaderColumn, minWidth = 50) => {

package/dist/collection/components/data/revogr-data-style.css

@@ -44,6 +44,17 @@ revogr-data .rgRow {
   width: 100%;
   left: 0;
 }
+revogr-data .rgRow > .row-resize-handle {
+  position: absolute;
+  z-index: 2;
+  right: 0;
+  bottom: -3px;
+  left: 0;
+  height: 7px;
+  cursor: row-resize;
+  touch-action: none;
+  user-select: none;
+}
 revogr-data .rgRow.groupingRow {
   font-weight: 600;
   text-align: left;

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

@@ -113,7 +113,10 @@ export class RevogrData {
                     groupingCellRenderer, additionalData: this.additionalData,
                     // Only show expand button if grouping is enabled and not in row headers
                     hasExpand: this.columnService.hasGrouping && this.colType !== 'rowHeaders', columnItems: cols, providers: this.providers });
-                rowsEls.push(h(GroupingRowRenderer, Object.assign({}, gmodel)));
+                const row = h(GroupingRowRenderer, Object.assign({}, gmodel));
+                this.triggerBeforeRowRender(row, rgRow, dataItem);
+                rowsEls.push(row);
+                this.renderedRows.set(rgRow.itemIndex, row);
                 continue;
             }
             // #endregion
@@ -162,19 +165,22 @@ export class RevogrData {
                 rowClass += ` ${ROW_FOCUSED_CLASS}`;
             }
             const row = (h(RowRenderer, { index: rgRow.itemIndex, rowClass: rowClass, size: rgRow.size, start: rgRow.start - rowRenderOffset, groupingLevel: groupDepth || undefined }, cells));
-            this.beforerowrender.emit({
-                node: row,
-                item: rgRow,
-                model: dataItem,
-                colType: this.columnService.type,
-                rowType: this.type,
-            });
+            this.triggerBeforeRowRender(row, rgRow, dataItem);
             rowsEls.push(row);
             this.renderedRows.set(rgRow.itemIndex, row);
             // #endregion
         }
         return (h(Host, null, h("slot", null), rowsEls));
     }
+    triggerBeforeRowRender(node, item, model) {
+        this.beforerowrender.emit({
+            node,
+            item,
+            model,
+            colType: this.colType,
+            rowType: this.type,
+        });
+    }
     triggerBeforeCellRender(model, row, column) {
         const detail = {
             column,

package/dist/collection/components/header/revogr-header-style.css

@@ -62,6 +62,7 @@ revogr-header .rgHeaderCell.active .resizable {
 }
 revogr-header .rgHeaderCell .header-content {
   position: absolute;
+  z-index: 0;
   inset: 0;
   box-sizing: border-box;
   padding: inherit;

package/dist/collection/components/overlay/keyboard.service.js

@@ -15,6 +15,16 @@ const DIRECTION_CODES = [
 export class KeyboardService {
     constructor(sv) {
         this.sv = sv;
+        /** Keep focus transitions in keydown order so rendering can scroll each cell into view. */
+        this.keyChangeQueue = Promise.resolve(false);
+        this.keyChangeGeneration = 0;
+        this.applyingKeyChange = false;
+    }
+    /** Cancel delayed directional input after focus or edit context changes externally. */
+    invalidatePendingChanges() {
+        if (!this.applyingKeyChange) {
+            this.keyChangeGeneration += 1;
+        }
     }
     /**
      * Appends printable key input that arrives after edit mode was requested
@@ -117,13 +127,33 @@ export class KeyboardService {
         if (!data) {
             return false;
         }
+        const keyChangeGeneration = this.keyChangeGeneration;
         // this interval needed for several cases
         // grid could be resized before next click
         // at this case to avoid screen jump we use this interval
         await timeout(RESIZE_INTERVAL + 30);
-        const range = this.sv.selectionStore.get('range');
-        const focus = this.sv.selectionStore.get('focus');
-        return this.keyPositionChange(data.changes, range, focus, data.isMulti);
+        const applyKeyChange = async () => {
+            if (keyChangeGeneration !== this.keyChangeGeneration) {
+                return false;
+            }
+            const range = this.sv.selectionStore.get('range');
+            const focus = this.sv.selectionStore.get('focus');
+            this.applyingKeyChange = true;
+            let changed;
+            try {
+                changed = this.keyPositionChange(data.changes, range, focus, data.isMulti);
+            }
+            finally {
+                this.applyingKeyChange = false;
+            }
+            await new Promise(resolve => requestAnimationFrame(() => {
+                requestAnimationFrame(() => resolve());
+            }));
+            return changed;
+        };
+        const queuedChange = this.keyChangeQueue.then(applyKeyChange, applyKeyChange);
+        this.keyChangeQueue = queuedChange.catch(() => false);
+        return queuedChange;
     }
     keyPositionChange(changes, range, focus, isMulti = false) {
         if (!range || !focus) {

package/dist/collection/components/overlay/revogr-overlay-selection.js

@@ -84,6 +84,8 @@ export class OverlaySelection {
      * Selection & Keyboard
      */
     selectionServiceSet(selectionStore) {
+        var _a;
+        (_a = this.keyboardService) === null || _a === void 0 ? void 0 : _a.invalidatePendingChanges();
         // clear subscriptions
         this.unsubscribeSelectionStore.forEach(v => v());
         this.unsubscribeSelectionStore.length = 0;
@@ -111,6 +113,7 @@ export class OverlaySelection {
             getData: () => this.getData(),
             selectAll: () => this.selectAll.emit(),
         });
+        this.unsubscribeSelectionStore.push(selectionStore.onChange('focus', () => { var _a; return (_a = this.keyboardService) === null || _a === void 0 ? void 0 : _a.invalidatePendingChanges(); }), selectionStore.onChange('edit', () => { var _a; return (_a = this.keyboardService) === null || _a === void 0 ? void 0 : _a.invalidatePendingChanges(); }));
         this.createAutoFillService();
     }
     /** Autofill */
@@ -147,11 +150,12 @@ export class OverlaySelection {
         this.selectionServiceSet(this.selectionStore);
     }
     disconnectedCallback() {
-        var _a;
+        var _a, _b;
         // clear subscriptions
+        (_a = this.keyboardService) === null || _a === void 0 ? void 0 : _a.invalidatePendingChanges();
         this.unsubscribeSelectionStore.forEach(v => v());
         this.unsubscribeSelectionStore.length = 0;
-        (_a = this.columnService) === null || _a === void 0 ? void 0 : _a.destroy();
+        (_b = this.columnService) === null || _b === void 0 ? void 0 : _b.destroy();
     }
     async componentWillRender() {
         var _a, _b;
@@ -163,9 +167,7 @@ export class OverlaySelection {
     renderRange(range) {
         const cell = getCell(range, this.dimensionRow.state, this.dimensionCol.state);
         const styles = styleByCellProps(cell);
-        return [
-            h("div", { class: SELECTION_BORDER_CLASS, style: styles }, this.isMobileDevice && (h("div", { class: "range-handlers" }, h("span", { class: MOBILE_CLASS }), h("span", { class: MOBILE_CLASS })))),
-        ];
+        return (h("div", { class: SELECTION_BORDER_CLASS, style: styles }, this.isMobileDevice && (h("div", { class: "range-handlers" }, h("span", { class: MOBILE_CLASS }), h("span", { class: MOBILE_CLASS })))));
     }
     renderEditor() {
         // Check if edit access
@@ -218,7 +220,7 @@ export class OverlaySelection {
             }
             // Range
             if (range) {
-                nodes.push(...this.renderRange(range));
+                nodes.push(this.renderRange(range));
             }
             // Autofill
             if (focus && !this.readonly && this.range) {
@@ -229,9 +231,9 @@ export class OverlaySelection {
                 nodes.push(h("revogr-order-editor", { ref: e => (this.orderEditor = e), dataStore: this.dataStore, dimensionRow: this.dimensionRow, dimensionCol: this.dimensionCol, parent: this.element, rowType: this.types.rowType, onRowdragstartinit: e => this.rowDragStart(e) }));
             }
         }
-        return (h(Host, { key: '2d8dc4fd40a883fe59b24b2cfac1c370b9f0ac16', class: { mobile: this.isMobileDevice }, onDblClick: (e) => this.onElementDblClick(e), onMouseDown: (e) => this.onElementMouseDown(e), onTouchStart: (e) => this.onElementMouseDown(e, true), onCloseedit: (e) => this.closeEdit(e),
+        return (h(Host, { key: '230e2122c5c7065c072f02019d616a64949d54d0', class: { mobile: this.isMobileDevice }, onDblClick: (e) => this.onElementDblClick(e), onMouseDown: (e) => this.onElementMouseDown(e), onTouchStart: (e) => this.onElementMouseDown(e, true), onCloseedit: (e) => this.closeEdit(e),
             // it's done to be able to throw events from different levels, not just from editor
-            onCelledit: (e) => this.onEditCell(e) }, nodes, h("slot", { key: '8ad5df55904ca6a8b2fb0e69c5f608ec7264a0f1', name: "data" })));
+            onCelledit: (e) => this.onEditCell(e) }, nodes, h("slot", { key: '47740a79c605258b4024384510358be927d000b7', name: "data" })));
     }
     /**
      * Executes the focus operation on the specified range of cells.
@@ -428,12 +430,12 @@ export class OverlaySelection {
     clearCell() {
         var _a;
         const range = this.selectionStore.get('range');
-        if (range && !isRangeSingleCell(range)) {
+        const focused = this.selectionStore.get('focus');
+        if (range && (!isRangeSingleCell(range) || !focused)) {
             const data = this.columnService.getRangeStaticData(range, '');
             (_a = this.autoFillService) === null || _a === void 0 ? void 0 : _a.onRangeApply(data, range, range);
         }
         else if (this.canEdit()) {
-            const focused = this.selectionStore.get('focus');
             if (!focused) {
                 return;
             }

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

@@ -33,7 +33,7 @@ export class PluginService {
             return;
         }
         // Step 1: Identify plugins to remove, compare new and old plugins
-        const pluginsToRemove = (prevPlugins === null || prevPlugins === void 0 ? void 0 : prevPlugins.filter(prevPlugin => !plugins.some(userPlugin => userPlugin === prevPlugin))) || [];
+        const pluginsToRemove = (prevPlugins === null || prevPlugins === void 0 ? void 0 : prevPlugins.filter(prevPlugin => !plugins.includes(prevPlugin))) || [];
         // Step 2: Remove old plugins
         pluginsToRemove.forEach(plugin => {
             var _a, _b;
@@ -46,7 +46,7 @@ export class PluginService {
         // Step 3: Register user plugins
         plugins === null || plugins === void 0 ? void 0 : plugins.forEach(userPlugin => {
             // check if plugin already exists, if so, skip
-            const existingPlugin = this.internalPlugins.find(createdPlugin => createdPlugin instanceof userPlugin);
+            const existingPlugin = this.internalPlugins.some(createdPlugin => createdPlugin instanceof userPlugin);
             if (existingPlugin) {
                 return;
             }

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

@@ -21,7 +21,7 @@ import GridScrollingService from "./viewport.scrolling.service";
 import { SelectionStoreConnector } from "../../services/selection.store.connector";
 import OrderRenderer from "../order/order-renderer";
 import { StretchColumn, isStretchPlugin, } from "../../plugins/column.stretch.plugin";
-import { rowDefinitionByType, rowDefinitionRemoveByType } from "./grid.helpers";
+import { rowDefinitionByType } from "./grid.helpers";
 import { ColumnMovePlugin } from "../../plugins/moveColumn/column.drag.plugin";
 import { getPropertyFromEvent } from "../../utils/events";
 import { isMobileDevice } from "../../utils/mobile";
@@ -29,6 +29,7 @@ import { getColumnByProp, getColumns } from "../../utils/column.utils";
 import { WCAGPlugin } from "../../plugins/wcag";
 import { PluginService } from "./plugin.service";
 import { RTLPlugin } from "../../plugins/rtl/rtl.plugin";
+import { RowResizePlugin, } from "../../plugins/row-resize";
 const DEFAULT_COLUMN_SIZE = 100;
 function getColumnSize(size) {
     return Number.isFinite(size) && size > 0 ? size : DEFAULT_COLUMN_SIZE;
@@ -74,7 +75,12 @@ export class RevoGridComponent {
         /** When true, grid in read only mode. */
         this.readonly = false;
         /** When true, columns are resizable. */
-        this.resize = false;
+        this.resize = true;
+        /**
+         * Enables row resizing. Pass a configuration object to customize the
+         * height limits or enable resize edges across the full row.
+         */
+        this.resizeRow = false;
         /**
          * Prevents horizontal scroll state from being mirrored across viewport sections.
          */
@@ -145,15 +151,15 @@ export class RevoGridComponent {
          */
         this.autoSizeColumn = false;
         /**
-         * Enables filter plugin.
+         * Enables filter plugin. Enabled by default; set to `false` to opt out.
          * Can be boolean.
          * Or can be filter collection See `FilterCollection` for more info.
          */
-        this.filter = false;
+        this.filter = true;
         /**
          * Enable column move plugin.
          */
-        this.canMoveColumns = false;
+        this.canMoveColumns = true;
         /**
          * Trimmed rows.
          * Functionality which allows to hide rows from main data set.
@@ -163,7 +169,7 @@ export class RevoGridComponent {
         /**
          * Enable export plugin.
          */
-        this.exporting = false;
+        this.exporting = true;
         /**
          * Stretch strategy for columns by `StretchColumn` plugin.
          * For example if there are more space on the right last column size would be increased.
@@ -255,7 +261,7 @@ export class RevoGridComponent {
         var _a;
         if (this.dataProvider && this.columnProvider && !skipDataUpdate) {
             const columnProp = (_a = this.columnProvider.getColumn(col, colType)) === null || _a === void 0 ? void 0 : _a.prop;
-            if (typeof columnProp !== 'undefined') {
+            if (columnProp !== undefined) {
                 this.dataProvider.setCellData({
                     type: rowType,
                     rowIndex: row,
@@ -851,29 +857,31 @@ export class RevoGridComponent {
             vals: after,
             oldVals: before,
         });
-        // apply new values
+        this.dimensionProvider.syncRowDefinitions(newVal);
         const newRows = rowDefinitionByType(newVal);
-        // clear current defs
-        if (oldVal) {
-            const remove = rowDefinitionRemoveByType(oldVal);
-            // clear all old data and drop sizes
-            for (const t in remove) {
-                if (remove.hasOwnProperty(t)) {
-                    const type = t;
-                    const store = this.dataProvider.stores[type];
-                    const sourceLength = store.store.get('source').length;
-                    this.dimensionProvider.clearSize(type, sourceLength);
-                }
-            }
-        }
-        // set new sizes
+        const oldRows = rowDefinitionByType(oldVal);
+        const dataProvider = this.dataProvider;
+        const dimensionProvider = this.dimensionProvider;
         rowTypes.forEach((t) => {
-            var _a;
             const newSizes = newRows[t];
-            // apply new sizes or force update
-            if (newSizes || forceUpdate) {
-                (_a = this.dimensionProvider) === null || _a === void 0 ? void 0 : _a.setCustomSizes(t, (newSizes === null || newSizes === void 0 ? void 0 : newSizes.sizes) || {});
+            const oldSizes = oldRows[t];
+            if (!newSizes && !oldSizes && !forceUpdate) {
+                return;
             }
+            const sizes = Object.assign({}, dimensionProvider.stores[t].store.get('sizes'));
+            const definitionSizes = (newSizes === null || newSizes === void 0 ? void 0 : newSizes.sizes) || {};
+            const previousDefinitionSizes = (oldSizes === null || oldSizes === void 0 ? void 0 : oldSizes.sizes) || {};
+            const items = dataProvider.stores[t].store.get('items');
+            items.forEach((physicalIndex, virtualIndex) => {
+                if (Object.hasOwn(previousDefinitionSizes, physicalIndex) &&
+                    sizes[virtualIndex] === previousDefinitionSizes[physicalIndex]) {
+                    delete sizes[virtualIndex];
+                }
+                if (Object.hasOwn(definitionSizes, physicalIndex)) {
+                    sizes[virtualIndex] = definitionSizes[physicalIndex];
+                }
+            });
+            dimensionProvider.setCustomSizes(t, sizes);
         });
     }
     trimmedRowsChanged(newVal = {}) {
@@ -922,6 +930,9 @@ export class RevoGridComponent {
     rowHeadersChange(rowHeaders) {
         this.rowheaderschanged.emit(rowHeaders);
     }
+    resizeRowChanged() {
+        this.syncRowResizeConfig();
+    }
     /**
      * Register external VNodes
      */
@@ -944,6 +955,7 @@ export class RevoGridComponent {
      */
     pluginsChanged(plugins = [], prevPlugins) {
         this.pluginService.addUserPluginsAndCreate(this.element, plugins, prevPlugins, this.getPluginData());
+        this.syncRowResizeConfig();
     }
     // #endregion
     // #region Plugins
@@ -984,10 +996,15 @@ export class RevoGridComponent {
         this.pluginService.add(new SortingPlugin(this.element, pluginData));
         // register grouping plugin
         this.pluginService.add(new GroupingRowPlugin(this.element, pluginData));
+        this.pluginService.add(new RowResizePlugin(this.element, pluginData));
         if (this.canMoveColumns) {
             this.pluginService.add(new ColumnMovePlugin(this.element, pluginData));
         }
     }
+    syncRowResizeConfig() {
+        const plugin = this.pluginService.getByClass(RowResizePlugin);
+        plugin === null || plugin === void 0 ? void 0 : plugin.syncGridConfig();
+    }
     getPluginData() {
         if (!this.dimensionProvider || !this.dataProvider || !this.columnProvider || !this.viewportProvider || !this.selectionStoreConnector) {
             return;
@@ -1030,6 +1047,9 @@ export class RevoGridComponent {
         this.themeService.setDefinitions(this.themeDefinitions);
         this.dimensionProvider = new DimensionProvider(this.viewportProvider, {
             realSizeChanged: (k) => this.contentsizechanged.emit(k),
+            rowDefinitionsChanged: definitions => {
+                this.rowDefinitions = definitions;
+            },
         });
         this.dimensionProvider.setSettings({ originItemSize: getColumnSize(this.colSize) }, 'rgCol');
         this.columnProvider = new ColumnDataProvider();
@@ -1318,6 +1338,33 @@ export class RevoGridComponent {
                 "setter": false,
                 "reflect": false,
                 "attribute": "resize",
+                "defaultValue": "true"
+            },
+            "resizeRow": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean | RowResizeConfig",
+                    "resolved": "boolean | { minHeight?: number | undefined; maxHeight?: number | undefined; fullRow?: boolean | undefined; }",
+                    "references": {
+                        "RowResizeConfig": {
+                            "location": "import",
+                            "path": "../../plugins/row-resize",
+                            "id": "src/plugins/row-resize/index.ts::RowResizeConfig",
+                            "referenceLocation": "RowResizeConfig"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Enables row resizing. Pass a configuration object to customize the\nheight limits or enable resize edges across the full row."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "resize-row",
                 "defaultValue": "false"
             },
             "noHorizontalScrollTransfer": {
@@ -1724,13 +1771,13 @@ export class RevoGridComponent {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Enables filter plugin.\nCan be boolean.\nOr can be filter collection See `FilterCollection` for more info."
+                    "text": "Enables filter plugin. Enabled by default; set to `false` to opt out.\nCan be boolean.\nOr can be filter collection See `FilterCollection` for more info."
                 },
                 "getter": false,
                 "setter": false,
                 "reflect": false,
                 "attribute": "filter",
-                "defaultValue": "false"
+                "defaultValue": "true"
             },
             "sorting": {
                 "type": "unknown",
@@ -1798,7 +1845,7 @@ export class RevoGridComponent {
                 "setter": false,
                 "reflect": false,
                 "attribute": "can-move-columns",
-                "defaultValue": "false"
+                "defaultValue": "true"
             },
             "trimmedRows": {
                 "type": "unknown",
@@ -1841,7 +1888,7 @@ export class RevoGridComponent {
                 "setter": false,
                 "reflect": false,
                 "attribute": "exporting",
-                "defaultValue": "false"
+                "defaultValue": "true"
             },
             "grouping": {
                 "type": "unknown",
@@ -3839,6 +3886,9 @@ export class RevoGridComponent {
             }, {
                 "propName": "rowHeaders",
                 "methodName": "rowHeadersChange"
+            }, {
+                "propName": "resizeRow",
+                "methodName": "resizeRowChanged"
             }, {
                 "propName": "registerVNode",
                 "methodName": "registerOutsideVNodes"

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

@@ -8,29 +8,25 @@ export default class GridScrollingService {
         this.elements = {};
     }
     async proxyScroll(e, key, skipEvent) {
-        var _a;
         let newEventPromise;
         let event = e;
-        for (let elKey in (skipEvent ? {} : this.elements)) {
+        for (const elKey in (skipEvent ? {} : this.elements)) {
             // skip
             if (e.dimension === 'rgCol' && elKey === 'headerRow') {
                 continue;
                 // pinned column only
             }
-            else if (this.isPinnedColumn(key) && e.dimension === 'rgCol') {
+            if (this.isPinnedColumn(key) && e.dimension === 'rgCol') {
                 if (elKey === key || !e.delta) {
                     continue;
                 }
-                for (let el of this.elements[elKey]) {
-                    if (el.changeScroll) {
-                        newEventPromise = el.changeScroll(e);
-                    }
+                const changedEvent = this.changeScroll(this.elements[elKey], e);
+                if (changedEvent) {
+                    newEventPromise = changedEvent;
                 }
             }
             else {
-                for (let el of this.elements[elKey]) {
-                    await ((_a = el.setScroll) === null || _a === void 0 ? void 0 : _a.call(el, e));
-                }
+                await this.setScroll(this.elements[elKey], e);
             }
         }
         const newEvent = await newEventPromise;
@@ -40,12 +36,27 @@ export default class GridScrollingService {
         this.setViewport(skipEvent && this.isPinnedColumn(key)
             ? Object.assign(Object.assign({}, event), { dimension: key }) : event);
     }
+    changeScroll(elements, e) {
+        let changedEvent;
+        for (const element of elements) {
+            if (element.changeScroll) {
+                changedEvent = element.changeScroll(e);
+            }
+        }
+        return changedEvent;
+    }
+    async setScroll(elements, e) {
+        var _a;
+        for (const element of elements) {
+            await ((_a = element.setScroll) === null || _a === void 0 ? void 0 : _a.call(element, e));
+        }
+    }
     /**
      * Silent scroll update for mobile devices when we have negative scroll top
      */
     async scrollSilentService(e, key) {
         var _a;
-        for (let elKey in this.elements) {
+        for (const elKey in this.elements) {
             // skip same element update
             if (elKey === key) {
                 continue;
@@ -53,7 +64,7 @@ export default class GridScrollingService {
             if (columnTypes.includes(key) &&
                 (elKey === 'headerRow' ||
                     columnTypes.includes(elKey))) {
-                for (let el of this.elements[elKey]) {
+                for (const el of this.elements[elKey]) {
                     await ((_a = el.changeScroll) === null || _a === void 0 ? void 0 : _a.call(el, e, true));
                 }
                 continue;
@@ -61,7 +72,7 @@ export default class GridScrollingService {
         }
     }
     isPinnedColumn(key) {
-        return !!key && ['colPinStart', 'colPinEnd'].indexOf(key) > -1;
+        return !!key && ['colPinStart', 'colPinEnd'].includes(key);
     }
     registerElements(els) {
         this.elements = els;

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

@@ -114,7 +114,7 @@ export default class ViewportService {
         const changedItems = {};
         for (const i of Object.keys(detail || {})) {
             const size = detail[i];
-            const virtualIndex = parseInt(i, 10);
+            const virtualIndex = Number.parseInt(i, 10);
             const item = getSourceItem(store, virtualIndex);
             if (item) {
                 changedItems[virtualIndex] = Object.assign(Object.assign({}, item), { size });

package/dist/collection/plugins/filter/filter.constants.js

@@ -0,0 +1,9 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+/** Fewer rows keep the existing synchronous filtering behavior. */
+export const ASYNC_FILTER_ROW_THRESHOLD = 15000;
+/** Maximum rows evaluated in one filtering chunk. */
+export const FILTER_CHUNK_SIZE = 1000;
+/** Yield after approximately this much accumulated filtering work. */
+export const FILTER_TIME_BUDGET_MS = 5;