@revolist/revogrid 4.26.2 → 4.27.1

package/dist/collection/plugins/row-resize/row-resize.plugin.js

@@ -0,0 +1,416 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+import { getItemByIndex, getViewportMaxCoordinate, rowTypes } from "../../store/index";
+import { BasePlugin } from "../base.plugin";
+import { BEFORE_GROUPING_APPLY_EVENT, GROUP_EXPAND_EVENT, } from "../groupingRow/grouping.const";
+import { clampRowResizeHeight, createRowResizePatch, getRowResizeIndexes, mergeRowResizeDefinitions, resolveRowResizeConfig, } from "./row-resize.utils";
+export const ROW_RESIZE_HANDLE_CLASS = 'row-resize-handle';
+export const BEFORE_ROW_RESIZE_EVENT = 'beforerowresize';
+export const ROW_RESIZE_EVENT = 'rowresize';
+export const AFTER_ROW_RESIZE_EVENT = 'afterrowresize';
+export const ROW_RESIZE_CANCEL_EVENT = 'rowresizecancel';
+export class RowResizePlugin extends BasePlugin {
+    constructor(revogrid, providers, config = {}) {
+        super(revogrid, providers);
+        this.enabled = false;
+        this.appliedDefinitionIndexes = new Map();
+        this.pendingBottomAnchor = false;
+        this.keepBottomAnchor = false;
+        this.rowDefinitionRemapQueued = false;
+        this.pendingSourceCounts = new Map();
+        this.previousBodyCursor = '';
+        this.decorateRow = ({ detail, }) => {
+            if (!this.enabled ||
+                (detail.colType !== 'rowHeaders' && !this.config.fullRow)) {
+                return;
+            }
+            const handle = this.h('div', {
+                'key': `row-resize-${detail.rowType}-${detail.item.itemIndex}`,
+                'class': { [ROW_RESIZE_HANDLE_CLASS]: true },
+                'data-row-resize-index': detail.item.itemIndex,
+                'aria-hidden': 'true',
+                'onPointerDown': (event) => this.startResize(event, detail.rowType, detail.item.itemIndex),
+            });
+            detail.node.$children$ = [...(detail.node.$children$ || []), handle];
+        };
+        this.cancelForDataChange = () => this.cancel('data-change');
+        this.onPointerMove = (event) => {
+            const active = this.active;
+            if ((active === null || active === void 0 ? void 0 : active.pointerId) !== event.pointerId) {
+                return;
+            }
+            event.preventDefault();
+            active.lastEvent = event;
+            this.pendingHeight = clampRowResizeHeight(active.startHeight + event.clientY - active.startY, this.config);
+            if (this.animationFrame === undefined) {
+                const view = this.revogrid.ownerDocument.defaultView;
+                this.animationFrame = view === null || view === void 0 ? void 0 : view.requestAnimationFrame(() => {
+                    this.animationFrame = undefined;
+                    this.flushPendingResize();
+                });
+            }
+        };
+        this.onPointerUp = (event) => {
+            const active = this.active;
+            if ((active === null || active === void 0 ? void 0 : active.pointerId) !== event.pointerId) {
+                return;
+            }
+            event.preventDefault();
+            active.lastEvent = event;
+            this.pendingHeight = clampRowResizeHeight(active.startHeight + event.clientY - active.startY, this.config);
+            this.flushPendingResize();
+            if (this.active !== active) {
+                return;
+            }
+            const detail = this.eventDetail(active, event, active.currentHeight);
+            this.finishGesture();
+            this.commitResize(active);
+            this.emit(AFTER_ROW_RESIZE_EVENT, detail);
+        };
+        this.onPointerCancel = (event) => {
+            var _a;
+            if (((_a = this.active) === null || _a === void 0 ? void 0 : _a.pointerId) === event.pointerId) {
+                this.active.lastEvent = event;
+                this.cancel('pointercancel');
+            }
+        };
+        this.onKeyDown = (event) => {
+            if (event.key === 'Escape' && this.active) {
+                event.preventDefault();
+                this.cancel('escape');
+            }
+        };
+        this.onWindowBlur = () => this.cancel('blur');
+        this.updateBottomAnchorState = ({ detail, }) => {
+            if (detail.dimension !== 'rgRow') {
+                return;
+            }
+            this.keepBottomAnchor = this.isMainViewportAtBottom(detail.coordinate);
+        };
+        this.applyPendingBottomAnchor = () => {
+            if (!this.pendingBottomAnchor) {
+                return;
+            }
+            this.pendingBottomAnchor = false;
+            const dimension = this.providers.dimension.stores.rgRow.store;
+            // Scroll surfaces have slightly different client sizes. Give the shared
+            // scrolling service the content end and let each surface clamp to its own
+            // exact bottom coordinate.
+            void this.revogrid.scrollToCoordinate({ y: dimension.get('realSize') });
+        };
+        this.scheduleRowDefinitionRemap = () => {
+            if (this.rowDefinitionRemapQueued) {
+                return;
+            }
+            this.rowDefinitionRemapQueued = true;
+            queueMicrotask(() => {
+                if (!this.rowDefinitionRemapQueued) {
+                    return;
+                }
+                this.pruneRowDefinitions();
+                this.reapplyRowDefinitionSizes();
+                this.rowDefinitionRemapQueued = false;
+            });
+        };
+        /** Map source-indexed row definitions back onto the current virtual order. */
+        this.reapplyRowDefinitionSizes = () => {
+            const rowDefinitions = this.providers.dimension.getRowDefinitions();
+            for (const rowType of rowTypes) {
+                const items = this.providers.data.stores[rowType].store.get('items');
+                const definitions = new Map(rowDefinitions
+                    .filter(definition => definition.type === rowType)
+                    .map(definition => [definition.index, definition.size]));
+                const appliedIndexes = this.appliedDefinitionIndexes.get(rowType);
+                if (!definitions.size && !(appliedIndexes === null || appliedIndexes === void 0 ? void 0 : appliedIndexes.size)) {
+                    continue;
+                }
+                const dimension = this.providers.dimension.stores[rowType];
+                const currentSizes = dimension.store.get('sizes');
+                const sizes = Object.assign({}, currentSizes);
+                for (const index of appliedIndexes || []) {
+                    delete sizes[index];
+                }
+                const indexes = new Set();
+                items.forEach((physicalIndex, virtualIndex) => {
+                    const size = definitions.get(physicalIndex);
+                    if (size !== undefined) {
+                        sizes[virtualIndex] = size;
+                        indexes.add(virtualIndex);
+                    }
+                });
+                this.appliedDefinitionIndexes.set(rowType, indexes);
+                const sizeKeys = Object.keys(sizes);
+                if (sizeKeys.length !== Object.keys(currentSizes).length ||
+                    sizeKeys.some(index => sizes[index] !== currentSizes[index])) {
+                    this.providers.dimension.setCustomSizes(rowType, sizes);
+                }
+            }
+        };
+        this.config = resolveRowResizeConfig(config);
+        if (new.target !== RowResizePlugin) {
+            this.enabled = true;
+            this.registerEventListeners();
+        }
+    }
+    registerEventListeners() {
+        this.addEventListener('beforerowrender', this.decorateRow);
+        this.addEventListener('beforeanysource', () => {
+            this.cancel('data-change');
+            this.keepBottomAnchor = false;
+        });
+        this.addEventListener('afteranysource', ({ detail }) => {
+            this.pendingSourceCounts.set(detail.type, detail.source.length);
+            this.scheduleRowDefinitionRemap();
+        });
+        this.addEventListener('beforesourcesortingapply', this.cancelForDataChange);
+        this.addEventListener('beforesortingapply', this.cancelForDataChange);
+        this.addEventListener('sortingconfigchanged', this.cancelForDataChange);
+        this.addEventListener(BEFORE_GROUPING_APPLY_EVENT, this.cancelForDataChange);
+        this.addEventListener('aftersortingapply', this.scheduleRowDefinitionRemap);
+        this.addEventListener('beforefilterapply', this.cancelForDataChange);
+        this.addEventListener('afterfilterapply', this.scheduleRowDefinitionRemap);
+        this.addEventListener('beforerowdefinition', () => {
+            this.cancel('data-change');
+            this.scheduleRowDefinitionRemap();
+        });
+        this.addEventListener('afterthemechanged', this.scheduleRowDefinitionRemap);
+        this.addEventListener('aftertrimmed', this.scheduleRowDefinitionRemap);
+        this.addEventListener('roworderchange', this.scheduleRowDefinitionRemap);
+        this.addEventListener(GROUP_EXPAND_EVENT, () => {
+            if (this.keepBottomAnchor) {
+                this.pendingBottomAnchor = true;
+            }
+            this.scheduleRowDefinitionRemap();
+        });
+        this.addEventListener('aftergridrender', this.applyPendingBottomAnchor);
+        this.addEventListener('viewportscroll', this.updateBottomAnchorState);
+        this.addEventListener('rowheaderschanged', ({ detail }) => {
+            if (!detail && !this.config.fullRow) {
+                this.cancel('row-headers-hidden');
+            }
+        });
+    }
+    syncGridConfig(refresh = true) {
+        const { plugins = [], resizeRow } = this.revogrid;
+        const isCorePlugin = this.constructor === RowResizePlugin;
+        const hasConfiguredPlugin = plugins.some(plugin => plugin !== RowResizePlugin &&
+            plugin.prototype instanceof RowResizePlugin);
+        const enabled = !isCorePlugin ||
+            (!hasConfiguredPlugin && !!resizeRow);
+        const resizeConfig = typeof resizeRow === 'object' ? resizeRow : undefined;
+        const config = isCorePlugin
+            ? resolveRowResizeConfig(resizeConfig)
+            : this.config;
+        const configChanged = config.minHeight !== this.config.minHeight ||
+            config.maxHeight !== this.config.maxHeight ||
+            config.fullRow !== this.config.fullRow;
+        if (enabled === this.enabled && !configChanged) {
+            return;
+        }
+        this.cancel('config-change');
+        this.config = config;
+        if (enabled !== this.enabled) {
+            this.enabled = enabled;
+            if (enabled) {
+                this.registerEventListeners();
+            }
+            else {
+                this.pendingBottomAnchor = false;
+                this.keepBottomAnchor = false;
+                this.rowDefinitionRemapQueued = false;
+                this.pendingSourceCounts.clear();
+                this.clearSubscriptions();
+            }
+        }
+        if (refresh) {
+            queueMicrotask(() => void this.revogrid.refresh());
+        }
+    }
+    startResize(event, rowType, index) {
+        var _a, _b;
+        if (!this.enabled ||
+            this.active ||
+            event.defaultPrevented ||
+            !event.isPrimary ||
+            (event.pointerType !== 'touch' && event.button !== 0)) {
+            return;
+        }
+        const dimension = this.providers.dimension.stores[rowType];
+        const dimensionState = dimension.getCurrentState();
+        const viewport = this.providers.viewport.stores[rowType];
+        const item = getItemByIndex(dimensionState, index);
+        const focusedStore = this.providers.selection.focusedStore;
+        const selectedRowType = focusedStore
+            ? this.providers.selection.storesYToType[focusedStore.position.y]
+            : undefined;
+        const indexes = getRowResizeIndexes({
+            rowType,
+            rowIndex: index,
+            rowCount: dimensionState.count,
+            selectedRange: this.providers.selection.selectedRange,
+            selectedRowType,
+        });
+        if (!indexes.length) {
+            return;
+        }
+        const previousSizes = indexes.reduce((sizes, rowIndex) => {
+            const row = getItemByIndex(dimensionState, rowIndex);
+            sizes[rowIndex] = row.end - row.start;
+            return sizes;
+        }, {});
+        const startHeight = item.end - item.start;
+        const active = {
+            pointerId: event.pointerId,
+            rowType,
+            index,
+            indexes,
+            startY: event.clientY,
+            startHeight,
+            currentHeight: startHeight,
+            previousSizes,
+            originalCustomSizes: Object.assign({}, dimensionState.sizes),
+            bottomAnchored: rowType === 'rgRow' &&
+                this.isMainViewportAtBottom(viewport.lastCoordinate),
+            lastEvent: event,
+        };
+        this.active = active;
+        const beforeEvent = this.emit(BEFORE_ROW_RESIZE_EVENT, this.eventDetail(active, event, startHeight));
+        if (beforeEvent.defaultPrevented) {
+            if (this.active === active) {
+                this.active = undefined;
+            }
+            return;
+        }
+        if (!this.enabled || this.active !== active) {
+            return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        const doc = this.revogrid.ownerDocument;
+        this.previousBodyCursor = ((_a = doc.body) === null || _a === void 0 ? void 0 : _a.style.cursor) || '';
+        if (doc.body) {
+            doc.body.style.cursor = 'row-resize';
+        }
+        doc.addEventListener('pointermove', this.onPointerMove, true);
+        doc.addEventListener('pointerup', this.onPointerUp, true);
+        doc.addEventListener('pointercancel', this.onPointerCancel, true);
+        doc.addEventListener('keydown', this.onKeyDown, true);
+        (_b = doc.defaultView) === null || _b === void 0 ? void 0 : _b.addEventListener('blur', this.onWindowBlur);
+    }
+    flushPendingResize() {
+        const active = this.active;
+        if (!active || this.pendingHeight === undefined) {
+            return;
+        }
+        const size = this.pendingHeight;
+        this.pendingHeight = undefined;
+        if (size === active.currentHeight) {
+            return;
+        }
+        this.providers.dimension.setCustomSizes(active.rowType, createRowResizePatch(active.indexes, size), true);
+        this.requestBottomAnchor(active);
+        active.currentHeight = size;
+        this.emit(ROW_RESIZE_EVENT, this.eventDetail(active, active.lastEvent, size));
+    }
+    cancel(reason) {
+        const active = this.active;
+        if (!active) {
+            return;
+        }
+        const currentSizes = Object.assign({}, this.providers.dimension.stores[active.rowType].store.get('sizes'));
+        for (const index of active.indexes) {
+            if (Object.hasOwn(active.originalCustomSizes, index)) {
+                currentSizes[index] = active.originalCustomSizes[index];
+            }
+            else {
+                delete currentSizes[index];
+            }
+        }
+        this.providers.dimension.setCustomSizes(active.rowType, currentSizes);
+        this.requestBottomAnchor(active);
+        const detail = Object.assign(Object.assign({}, this.eventDetail(active, active.lastEvent, active.startHeight)), { reason });
+        this.finishGesture();
+        this.emit(ROW_RESIZE_CANCEL_EVENT, detail);
+    }
+    eventDetail(active, originalEvent, size) {
+        return {
+            rowType: active.rowType,
+            index: active.index,
+            indexes: [...active.indexes],
+            size,
+            previousSizes: Object.assign({}, active.previousSizes),
+            originalEvent,
+        };
+    }
+    commitResize(active) {
+        if (active.currentHeight === active.startHeight) {
+            return;
+        }
+        const items = this.providers.data.stores[active.rowType].store.get('items');
+        const physicalIndexes = active.indexes.reduce((result, index) => {
+            const physicalIndex = items[index];
+            if (physicalIndex !== undefined) {
+                result.push(physicalIndex);
+            }
+            return result;
+        }, []);
+        if (physicalIndexes.length) {
+            const rowDefinitions = mergeRowResizeDefinitions(this.providers.dimension.getRowDefinitions(), active.rowType, physicalIndexes, active.currentHeight);
+            this.providers.dimension.setRowDefinitions(rowDefinitions);
+            this.scheduleRowDefinitionRemap();
+            this.keepBottomAnchor = active.bottomAnchored;
+            this.requestBottomAnchor(active);
+        }
+    }
+    requestBottomAnchor(active) {
+        if (active.bottomAnchored) {
+            this.pendingBottomAnchor = true;
+        }
+    }
+    isMainViewportAtBottom(coordinate) {
+        const dimension = this.providers.dimension.stores.rgRow.getCurrentState();
+        const viewport = this.providers.viewport.stores.rgRow.store.state;
+        return (dimension.realSize > viewport.clientSize &&
+            coordinate >= getViewportMaxCoordinate(dimension, viewport.virtualSize));
+    }
+    pruneRowDefinitions() {
+        if (!this.pendingSourceCounts.size) {
+            return;
+        }
+        const definitions = this.providers.dimension.getRowDefinitions();
+        const rowDefinitions = definitions.filter(definition => {
+            const count = this.pendingSourceCounts.get(definition.type);
+            return count === undefined || definition.index < count;
+        });
+        this.pendingSourceCounts.clear();
+        if (rowDefinitions.length !== definitions.length) {
+            this.providers.dimension.setRowDefinitions(rowDefinitions);
+        }
+    }
+    finishGesture() {
+        const doc = this.revogrid.ownerDocument;
+        const view = doc.defaultView;
+        if (this.animationFrame !== undefined) {
+            view === null || view === void 0 ? void 0 : view.cancelAnimationFrame(this.animationFrame);
+        }
+        doc.removeEventListener('pointermove', this.onPointerMove, true);
+        doc.removeEventListener('pointerup', this.onPointerUp, true);
+        doc.removeEventListener('pointercancel', this.onPointerCancel, true);
+        doc.removeEventListener('keydown', this.onKeyDown, true);
+        view === null || view === void 0 ? void 0 : view.removeEventListener('blur', this.onWindowBlur);
+        if (doc.body) {
+            doc.body.style.cursor = this.previousBodyCursor;
+        }
+        this.animationFrame = undefined;
+        this.pendingHeight = undefined;
+        this.active = undefined;
+    }
+    destroy() {
+        this.cancel('destroy');
+        this.keepBottomAnchor = false;
+        this.rowDefinitionRemapQueued = false;
+        this.pendingSourceCounts.clear();
+        super.destroy();
+    }
+}

package/dist/collection/plugins/row-resize/row-resize.types.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/plugins/row-resize/row-resize.utils.js

@@ -0,0 +1,55 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+export const DEFAULT_MIN_ROW_HEIGHT = 20;
+const finiteNumber = (value) => typeof value === 'number' && Number.isFinite(value);
+export function resolveRowResizeConfig(config = {}) {
+    const minHeight = finiteNumber(config.minHeight)
+        ? Math.max(1, Math.round(config.minHeight))
+        : DEFAULT_MIN_ROW_HEIGHT;
+    const maxHeight = finiteNumber(config.maxHeight)
+        ? Math.max(minHeight, Math.round(config.maxHeight))
+        : undefined;
+    return { minHeight, maxHeight, fullRow: config.fullRow === true };
+}
+export function clampRowResizeHeight(height, config) {
+    var _a;
+    const rounded = Number.isFinite(height)
+        ? Math.round(height)
+        : config.minHeight;
+    return Math.min(Math.max(rounded, config.minHeight), (_a = config.maxHeight) !== null && _a !== void 0 ? _a : Number.POSITIVE_INFINITY);
+}
+export function getRowResizeIndexes({ rowType, rowIndex, rowCount, selectedRange, selectedRowType, }) {
+    if (!selectedRange ||
+        selectedRowType !== rowType ||
+        rowIndex < Math.min(selectedRange.y, selectedRange.y1) ||
+        rowIndex > Math.max(selectedRange.y, selectedRange.y1)) {
+        return rowIndex >= 0 && rowIndex < rowCount ? [rowIndex] : [];
+    }
+    const start = Math.max(0, Math.min(selectedRange.y, selectedRange.y1));
+    const end = Math.min(rowCount - 1, Math.max(selectedRange.y, selectedRange.y1));
+    return Array.from({ length: Math.max(0, end - start + 1) }, (_, i) => start + i);
+}
+export function createRowResizePatch(indexes, size) {
+    return indexes.reduce((patch, index) => {
+        patch[index] = size;
+        return patch;
+    }, {});
+}
+export function mergeRowResizeDefinitions(definitions, rowType, physicalIndexes, size) {
+    const targetIndexes = new Set(physicalIndexes);
+    const existingIndexes = new Set();
+    const merged = definitions.map(definition => {
+        if (definition.type !== rowType || !targetIndexes.has(definition.index)) {
+            return definition;
+        }
+        existingIndexes.add(definition.index);
+        return Object.assign(Object.assign({}, definition), { size });
+    });
+    for (const index of targetIndexes) {
+        if (!existingIndexes.has(index)) {
+            merged.push({ type: rowType, index, size });
+        }
+    }
+    return merged;
+}

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

@@ -6,6 +6,7 @@ import { BasePlugin } from "../base.plugin";
 import { getColumnByProp } from "../../utils/column.utils";
 import { columnTypes, rowTypes } from "../../store/index";
 import { isGrouping } from "../groupingRow/grouping.service";
+import { gatherGroupedRowIndexes } from "../groupingRow/grouping.sorting.service";
 import { getComparer, getNextOrder, getSortingIndex, hasActiveSorting, sortIndexByItems, } from "./sorting.func";
 export * from './sorting.types';
 export * from './sorting.func';
@@ -13,18 +14,6 @@ export * from './sorting.sign';
 function getSortableRowIndexes(indexes, source) {
     return indexes.filter(index => !isGrouping(source[index]));
 }
-function mergeSortedRowsWithGroups(indexes, source, sortedRows) {
-    if (sortedRows.length === indexes.length) {
-        return sortedRows;
-    }
-    let rowIndex = 0;
-    return indexes.map(index => {
-        if (isGrouping(source[index])) {
-            return index;
-        }
-        return sortedRows[rowIndex++];
-    });
-}
 /**
  * Lifecycle
  * 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.
@@ -184,6 +173,7 @@ export class SortingPlugin extends BasePlugin {
         storeService.setData({ proxyItems: newItemsOrder });
     }
     applySortingForStore(type, sorting, sortingFunc, sortingColumns, sortingOrder, ignoreViewportUpdate) {
+        var _a;
         const storeService = this.providers.data.stores[type];
         // row data
         const source = storeService.store.get('source');
@@ -191,7 +181,10 @@ export class SortingPlugin extends BasePlugin {
         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);
+        const hasGroupingRows = sortedItems.length !== proxyItems.length;
+        const newItemsOrder = hasGroupingRows
+            ? (_a = gatherGroupedRowIndexes(source, sortedItems)) !== null && _a !== void 0 ? _a : proxyItems
+            : sortedItems;
         // take row indexes before trim applied and proxy items
         const prevItems = storeService.store.get('items');
         storeService.setData({
@@ -217,6 +210,16 @@ export class SortingPlugin extends BasePlugin {
         }
         this.postponeSort(order, sortingFunc, sortingColumns, sortingOrder, ignoreViewportUpdate);
     }
+    /**
+     * Schedules the current active sort again after another plugin rebuilds row
+     * proxy indexes while keeping the physical source unchanged.
+     */
+    reapplySorting() {
+        if (!hasActiveSorting(this.sorting) || !this.sortingFunc) {
+            return;
+        }
+        this.startSorting(this.sorting, this.sortingFunc, this.sortingColumns, this.sortingOrder);
+    }
     /**
      * Applies sorting requested by a sortable header click.
      *

package/dist/collection/plugins/wcag/index.js

@@ -2,6 +2,7 @@
  * Built by Revolist OU ❤️
  */
 import { BasePlugin } from "../base.plugin";
+const toAriaIndex = (index) => `${index + 1}`;
 /**
  * WCAG Plugin is responsible for enhancing the accessibility features of the RevoGrid component.
  * It ensures that the grid is fully compliant with Web Content Accessibility Guidelines (WCAG) 2.1.
@@ -45,14 +46,14 @@ export class WCAGPlugin extends BasePlugin {
                 column.columnProperties = (...args) => {
                     const result = (columnProperties === null || columnProperties === void 0 ? void 0 : columnProperties(...args)) || {};
                     result.role = 'columnheader';
-                    result['aria-colindex'] = `${index}`;
+                    result['aria-colindex'] = toAriaIndex(index);
                     return result;
                 };
                 column.cellProperties = (...args) => {
                     const wcagProps = {
                         ['role']: 'gridcell',
-                        ['aria-colindex']: `${index}`,
-                        ['aria-rowindex']: `${args[0].rowIndex}`,
+                        ['aria-colindex']: toAriaIndex(index),
+                        ['aria-rowindex']: toAriaIndex(args[0].rowIndex),
                         ['tabindex']: -1,
                     };
                     const columnProps = (cellProperties === null || cellProperties === void 0 ? void 0 : cellProperties(...args)) || {};
@@ -67,7 +68,7 @@ export class WCAGPlugin extends BasePlugin {
             revogrid.setAttribute('aria-rowcount', `${detail.source.length}`);
         });
         this.addEventListener('beforerowrender', ({ detail, }) => {
-            detail.node.$attrs$ = Object.assign(Object.assign({}, detail.node.$attrs$), { role: 'row', ['aria-rowindex']: detail.item.itemIndex });
+            detail.node.$attrs$ = Object.assign(Object.assign({}, detail.node.$attrs$), { role: 'row', ['aria-rowindex']: toAriaIndex(detail.item.itemIndex) });
         });
         // focuscell
         this.addEventListener('afterfocus', async (e) => {

package/dist/collection/serve/controller.js

@@ -436,7 +436,7 @@ function onLoad() {
   grid.range = true;
   grid.useClipboard = { rangeFill: true };
   grid.resize = true;
-  grid.filter = true;
+  grid.resizeRow = { fullRow: true };
 
   grid.exporting = true;
   grid.rowHeaders = true;

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

@@ -2,7 +2,7 @@
  * Built by Revolist OU ❤️
  */
 import reduce from "lodash/reduce";
-import { isRowType, rowTypes, DataStore, getSourceItem, getVisibleSourceItem, } from "../store/index";
+import { isRowType, rowTypes, DataStore, getSourceItem, } from "../store/index";
 /**
  * Data source provider
  *
@@ -105,7 +105,13 @@ export class DataProvider {
         store.addTrimmed(trimmed);
         this.dimensionProvider.setTrimmed(trimmed, type);
         if (type === 'rgRow') {
-            this.dimensionProvider.setData(getVisibleSourceItem(store.store).length, type);
+            this.dimensionProvider.setData(store.store.get('items').length, type);
         }
     }
+    /** Keep a row source empty until its current asynchronous update is ready. */
+    setItemsPending(pending, type = 'rgRow') {
+        const store = this.stores[type];
+        store.setItemsPending(pending);
+        this.dimensionProvider.setData(store.store.get('items').length, type, type !== 'rgRow');
+    }
 }

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

@@ -19,7 +19,9 @@ export function isVirtualXDimension(type, disableVirtualX = false, virtualX = DE
 export default class DimensionProvider {
     constructor(viewports, config) {
         this.viewports = viewports;
-        const sizeChanged = debounce((k) => config.realSizeChanged(k), RESIZE_INTERVAL);
+        this.config = config;
+        this.rowDefinitions = [];
+        const sizeChanged = debounce((k) => this.config.realSizeChanged(k), RESIZE_INTERVAL);
         this.stores = [...rowTypes, ...columnTypes].reduce((sources, t) => {
             sources[t] = new DimensionStore(t);
             sources[t].store.onChange('realSize', () => sizeChanged(t));
@@ -37,6 +39,20 @@ export default class DimensionProvider {
         this.viewports.stores[t].setOriginalSizes(this.stores[t].store.get('originItemSize'));
         this.setItemCount(count, t);
     }
+    getRowDefinitions() {
+        return this.rowDefinitions;
+    }
+    syncRowDefinitions(definitions) {
+        this.rowDefinitions = definitions;
+    }
+    setRowDefinitions(definitions) {
+        var _a, _b;
+        if (definitions === this.rowDefinitions) {
+            return;
+        }
+        this.syncRowDefinitions(definitions);
+        (_b = (_a = this.config).rowDefinitionsChanged) === null || _b === void 0 ? void 0 : _b.call(_a, definitions);
+    }
     /**
      * Apply new custom sizes to dimension and view port
      * @param type - dimension type

package/dist/collection/services/local.scroll.timer.js

@@ -37,7 +37,7 @@ export 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
@@ -48,7 +48,7 @@ export 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];
@@ -66,7 +66,7 @@ export class LocalScrollTimer {
             // save lastScrollUpdate callback
             const callback = this.lastScrollUpdateCallbacks[type] = {
                 callback: lastScrollUpdate,
-                timestamp: new Date().getTime(),
+                timestamp: Date.now(),
                 coordinate,
                 timeout: 0,
             };