@revolist/revogrid 4.23.19 → 4.23.21

package/dist/cjs/{column.drag.plugin-ByDJ7Rk3.js → column.drag.plugin-Bjnv6C0x.js}

@@ -1877,7 +1877,7 @@ function mergeSortedRowsWithGroups(indexes, source, sortedRows) {
  * 1. @event `beforesorting` - Triggered when sorting just starts. Nothing has happened yet. This can be triggered from a column or from the source. If the type is from rows, the column will be undefined.
  * 2. @event `beforesourcesortingapply` - Triggered before the sorting data is applied to the data source. You can prevent this event, and the data will not be sorted.
  * 3. @event `beforesortingapply` - Triggered before the sorting data is applied to the data source. You can prevent this event, and the data will not be sorted. This event is only called from a column sorting click.
- * 4. @event `aftersortingapply` - Triggered after sorting has been applied and completed. This event occurs for both row and column sorting.
+ * 4. @event `aftersortingapply` - Triggered after sorting has been applied and completed. The event detail includes the final sorting state and sorting column metadata when available.
  *
  * Note: If you prevent an event, it will not proceed to the subsequent steps.
  */
@@ -2019,6 +2019,38 @@ class SortingPlugin extends BasePlugin {
         });
         this.setSortingState(state);
     }
+    resetSortingForStore(type) {
+        const storeService = this.providers.data.stores[type];
+        // row data
+        const source = storeService.store.get('source');
+        // row indexes
+        const proxyItems = storeService.store.get('proxyItems');
+        // row indexes
+        const newItemsOrder = Array.from({ length: source.length }, (_, i) => i); // recover indexes range(0, source.length)
+        this.providers.dimension.updateSizesPositionByNewDataIndexes(type, newItemsOrder, proxyItems);
+        storeService.setData({ proxyItems: newItemsOrder });
+    }
+    applySortingForStore(type, sorting, sortingFunc, sortingColumns, sortingOrder, ignoreViewportUpdate) {
+        const storeService = this.providers.data.stores[type];
+        // row data
+        const source = storeService.store.get('source');
+        // row indexes
+        const proxyItems = storeService.store.get('proxyItems');
+        const sortItems = getSortableRowIndexes(proxyItems, source);
+        const sortedItems = sortIndexByItems([...sortItems], source, sortingFunc, sorting, sortingColumns, sortingOrder);
+        const newItemsOrder = mergeSortedRowsWithGroups(proxyItems, source, sortedItems);
+        // take row indexes before trim applied and proxy items
+        const prevItems = storeService.store.get('items');
+        storeService.setData({
+            proxyItems: newItemsOrder,
+        });
+        // take currently visible row indexes
+        const newItems = storeService.store.get('items');
+        if (!ignoreViewportUpdate) {
+            this.providers.dimension
+                .updateSizesPositionByNewDataIndexes(type, newItems, prevItems);
+        }
+    }
     startSorting(order, sortingFunc, sortingColumns, sortingOrder, ignoreViewportUpdate) {
         if (!this.sortingPromise) {
             // add job before render
@@ -2110,45 +2142,25 @@ class SortingPlugin extends BasePlugin {
         // if no sorting - reset
         if (!Object.keys(sorting || {}).length) {
             for (let type of activeTypes) {
-                const storeService = this.providers.data.stores[type];
-                // row data
-                const source = storeService.store.get('source');
-                // row indexes
-                const proxyItems = storeService.store.get('proxyItems');
-                // row indexes
-                const newItemsOrder = Array.from({ length: source.length }, (_, i) => i); // recover indexes range(0, source.length)
-                this.providers.dimension.updateSizesPositionByNewDataIndexes(type, newItemsOrder, proxyItems);
-                storeService.setData({ proxyItems: newItemsOrder });
+                this.resetSortingForStore(type);
             }
         }
         else {
             for (let type of activeTypes) {
-                const storeService = this.providers.data.stores[type];
-                // row data
-                const source = storeService.store.get('source');
-                // row indexes
-                const proxyItems = storeService.store.get('proxyItems');
-                const sortItems = getSortableRowIndexes(proxyItems, source);
-                const sortedItems = sortIndexByItems([...sortItems], source, sortingFunc, sorting, activeSortingColumns, activeSortingOrder);
-                const newItemsOrder = mergeSortedRowsWithGroups(proxyItems, source, sortedItems);
-                // take row indexes before trim applied and proxy items
-                const prevItems = storeService.store.get('items');
-                storeService.setData({
-                    proxyItems: newItemsOrder,
-                });
-                // take currently visible row indexes
-                const newItems = storeService.store.get('items');
-                if (!activeIgnoreViewportUpdate) {
-                    this.providers.dimension
-                        .updateSizesPositionByNewDataIndexes(type, newItems, prevItems);
-                }
+                this.applySortingForStore(type, sorting, sortingFunc, activeSortingColumns, activeSortingOrder, activeIgnoreViewportUpdate);
             }
         }
         // refresh columns to redraw column headers and show correct icon
         column_service.columnTypes.forEach((type) => {
             this.providers.column.dataSources[type].refresh();
         });
-        this.emit('aftersortingapply');
+        const afterSortingDetail = {
+            sorting: hasActiveSorting(sorting) ? sorting : undefined,
+            sortingColumns: activeSortingColumns,
+            sortingOrder: activeSortingOrder,
+            types: activeTypes,
+        };
+        this.emit('aftersortingapply', afterSortingDetail);
     }
 }
 

package/dist/cjs/index.cjs.js

@@ -4,7 +4,7 @@
 'use strict';
 
 var column_service = require('./column.service-BNWNiJW3.js');
-var column_drag_plugin = require('./column.drag.plugin-ByDJ7Rk3.js');
+var column_drag_plugin = require('./column.drag.plugin-Bjnv6C0x.js');
 var headerCellRenderer = require('./header-cell-renderer-DyjOxArm.js');
 var cellRenderer = require('./cell-renderer-DfUCisis.js');
 var index$1 = require('./index-DxaSE5uZ.js');
@@ -28,6 +28,7 @@ const REVOGRID_EVENTS = new Map([
     ['beforesorting', 'beforesorting'],
     ['beforesourcesortingapply', 'beforesourcesortingapply'],
     ['beforesortingapply', 'beforesortingapply'],
+    ['aftersortingapply', 'aftersortingapply'],
     ['rowdragstart', 'rowdragstart'],
     ['headerclick', 'headerclick'],
     ['beforecellfocus', 'beforecellfocus'],

package/dist/cjs/revo-grid.cjs.entry.js

@@ -8,7 +8,7 @@ var column_service = require('./column.service-BNWNiJW3.js');
 var dimension_helpers = require('./dimension.helpers-B9HgANnM.js');
 var debounce = require('./debounce-CcpHiH2p.js');
 var viewport_helpers = require('./viewport.helpers-BND76K2j.js');
-var column_drag_plugin = require('./column.drag.plugin-ByDJ7Rk3.js');
+var column_drag_plugin = require('./column.drag.plugin-Bjnv6C0x.js');
 var viewport_store = require('./viewport.store-BscUCiUk.js');
 var theme_service = require('./theme.service-BgnxGIjK.js');
 var index$1 = require('./index-DxaSE5uZ.js');
@@ -1407,6 +1407,7 @@ const RevoGridComponent = class {
         this.beforesorting = index.createEvent(this, "beforesorting", 7);
         this.beforesourcesortingapply = index.createEvent(this, "beforesourcesortingapply", 7);
         this.beforesortingapply = index.createEvent(this, "beforesortingapply", 7);
+        this.aftersortingapply = index.createEvent(this, "aftersortingapply", 7);
         this.rowdragstart = index.createEvent(this, "rowdragstart", 7);
         this.headerclick = index.createEvent(this, "headerclick", 7);
         this.beforecellfocus = index.createEvent(this, "beforecellfocus", 7);

package/dist/cjs/revogr-attribution_7.cjs.entry.js

@@ -929,13 +929,13 @@ const OverlaySelection = class {
     /**
      * Executes the focus operation on the specified range of cells.
      */
-    doFocus(focus, end, changes) {
+    doFocus(focus, end, changes, originalEvent) {
         // 1. Trigger beforeFocus event
-        const { defaultPrevented } = this.beforeFocusCell.emit(this.columnService.getSaveData(focus.y, focus.x));
+        const { defaultPrevented } = this.beforeFocusCell.emit(Object.assign(Object.assign({}, this.columnService.getSaveData(focus.y, focus.x)), { originalEvent }));
         if (defaultPrevented) {
             return false;
         }
-        const evData = Object.assign(Object.assign({ range: Object.assign(Object.assign({}, focus), { x1: end.x, y1: end.y }), next: changes }, this.types), { rowDimension: Object.assign({}, this.dimensionRow.state), colDimension: Object.assign({}, this.dimensionCol.state) });
+        const evData = Object.assign(Object.assign({ range: Object.assign(Object.assign({}, focus), { x1: end.x, y1: end.y }), next: changes }, this.types), { rowDimension: Object.assign({}, this.dimensionRow.state), colDimension: Object.assign({}, this.dimensionCol.state), originalEvent });
         // 2. Trigger apply focus event
         const applyEvent = this.applyFocus.emit(evData);
         if (applyEvent.defaultPrevented) {
@@ -951,10 +951,10 @@ const OverlaySelection = class {
                 y: range.y1,
             } }, applyEvent.detail)).defaultPrevented;
     }
-    triggerRangeEvent(range) {
+    triggerRangeEvent(range, originalEvent) {
         const type = this.types.rowType;
         // 1. Apply range
-        const applyEvent = this.beforeApplyRange.emit(Object.assign(Object.assign({ range: Object.assign({}, range) }, this.types), { rowDimension: Object.assign({}, this.dimensionRow.state), colDimension: Object.assign({}, this.dimensionCol.state) }));
+        const applyEvent = this.beforeApplyRange.emit(Object.assign(Object.assign({ range: Object.assign({}, range) }, this.types), { rowDimension: Object.assign({}, this.dimensionRow.state), colDimension: Object.assign({}, this.dimensionCol.state), originalEvent }));
         if (applyEvent.defaultPrevented) {
             return false;
         }
@@ -1005,7 +1005,7 @@ const OverlaySelection = class {
             return;
         }
         // Set focus on the current cell
-        this.focus(focusCell, this.range && e.shiftKey);
+        this.focus(focusCell, this.range && e.shiftKey, e);
         // Initiate autofill selection
         if (this.range) {
             targetElement &&
@@ -1159,7 +1159,7 @@ const OverlaySelection = class {
     /**
      * Sets the focus on a cell and optionally edits a range.
      */
-    focus(cell, isRangeEdit = false) {
+    focus(cell, isRangeEdit = false, originalEvent) {
         if (!cell)
             return false;
         const end = cell;
@@ -1167,10 +1167,10 @@ const OverlaySelection = class {
         if (isRangeEdit && start) {
             const range = column_service.getRange(start, end);
             if (range) {
-                return this.triggerRangeEvent(range);
+                return this.triggerRangeEvent(range, originalEvent);
             }
         }
-        return this.doFocus(cell, end);
+        return this.doFocus(cell, end, undefined, originalEvent);
     }
     get types() {
         return {

package/dist/cjs/revogr-clipboard_3.cjs.entry.js

@@ -149,7 +149,7 @@ const Clipboard = class {
     }
 };
 
-const revogrEditStyleCss = () => `revogr-edit{display:block;position:absolute;background-color:#fff}revogr-edit input{height:100%;width:100%;box-sizing:border-box}revogr-edit revo-dropdown{height:100%}revogr-edit revo-dropdown.shrink fieldset legend>span{display:none}`;
+const revogrEditStyleCss = () => `revogr-edit{display:block;position:absolute;background-color:var(--revo-grid-background, #fff)}revogr-edit input{height:100%;width:100%;box-sizing:border-box;background-color:var(--revo-grid-background, transparent)}revogr-edit revo-dropdown{height:100%}revogr-edit revo-dropdown.shrink fieldset legend>span{display:none}`;
 
 const RevoEdit = class {
     constructor(hostRef) {

package/dist/collection/components/editors/revogr-edit-style.css

@@ -1,12 +1,13 @@
 revogr-edit {
   display: block;
   position: absolute;
-  background-color: #fff;
+  background-color: var(--revo-grid-background, #fff);
 }
 revogr-edit input {
   height: 100%;
   width: 100%;
   box-sizing: border-box;
+  background-color: var(--revo-grid-background, transparent);
 }
 revogr-edit revo-dropdown {
   height: 100%;

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

@@ -241,13 +241,13 @@ export class OverlaySelection {
     /**
      * Executes the focus operation on the specified range of cells.
      */
-    doFocus(focus, end, changes) {
+    doFocus(focus, end, changes, originalEvent) {
         // 1. Trigger beforeFocus event
-        const { defaultPrevented } = this.beforeFocusCell.emit(this.columnService.getSaveData(focus.y, focus.x));
+        const { defaultPrevented } = this.beforeFocusCell.emit(Object.assign(Object.assign({}, this.columnService.getSaveData(focus.y, focus.x)), { originalEvent }));
         if (defaultPrevented) {
             return false;
         }
-        const evData = Object.assign(Object.assign({ range: Object.assign(Object.assign({}, focus), { x1: end.x, y1: end.y }), next: changes }, this.types), { rowDimension: Object.assign({}, this.dimensionRow.state), colDimension: Object.assign({}, this.dimensionCol.state) });
+        const evData = Object.assign(Object.assign({ range: Object.assign(Object.assign({}, focus), { x1: end.x, y1: end.y }), next: changes }, this.types), { rowDimension: Object.assign({}, this.dimensionRow.state), colDimension: Object.assign({}, this.dimensionCol.state), originalEvent });
         // 2. Trigger apply focus event
         const applyEvent = this.applyFocus.emit(evData);
         if (applyEvent.defaultPrevented) {
@@ -263,10 +263,10 @@ export class OverlaySelection {
                 y: range.y1,
             } }, applyEvent.detail)).defaultPrevented;
     }
-    triggerRangeEvent(range) {
+    triggerRangeEvent(range, originalEvent) {
         const type = this.types.rowType;
         // 1. Apply range
-        const applyEvent = this.beforeApplyRange.emit(Object.assign(Object.assign({ range: Object.assign({}, range) }, this.types), { rowDimension: Object.assign({}, this.dimensionRow.state), colDimension: Object.assign({}, this.dimensionCol.state) }));
+        const applyEvent = this.beforeApplyRange.emit(Object.assign(Object.assign({ range: Object.assign({}, range) }, this.types), { rowDimension: Object.assign({}, this.dimensionRow.state), colDimension: Object.assign({}, this.dimensionCol.state), originalEvent }));
         if (applyEvent.defaultPrevented) {
             return false;
         }
@@ -317,7 +317,7 @@ export class OverlaySelection {
             return;
         }
         // Set focus on the current cell
-        this.focus(focusCell, this.range && e.shiftKey);
+        this.focus(focusCell, this.range && e.shiftKey, e);
         // Initiate autofill selection
         if (this.range) {
             targetElement &&
@@ -471,7 +471,7 @@ export class OverlaySelection {
     /**
      * Sets the focus on a cell and optionally edits a range.
      */
-    focus(cell, isRangeEdit = false) {
+    focus(cell, isRangeEdit = false, originalEvent) {
         if (!cell)
             return false;
         const end = cell;
@@ -479,10 +479,10 @@ export class OverlaySelection {
         if (isRangeEdit && start) {
             const range = getRange(start, end);
             if (range) {
-                return this.triggerRangeEvent(range);
+                return this.triggerRangeEvent(range, originalEvent);
             }
         }
-        return this.doFocus(cell, end);
+        return this.doFocus(cell, end, undefined, originalEvent);
     }
     get types() {
         return {

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

@@ -2248,6 +2248,28 @@ export class RevoGridComponent {
                         }
                     }
                 }
+            }, {
+                "method": "aftersortingapply",
+                "name": "aftersortingapply",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "By `SortingPlugin`\n<br>Triggered after sorting has been applied and completed.\n<br>Provides final sorting state and sorting column metadata when available."
+                },
+                "complexType": {
+                    "original": "AfterSortingApplyEvent",
+                    "resolved": "{ sorting?: SortingOrder | undefined; sortingColumns?: SortingColumnMap | undefined; sortingOrder?: SortingColumnOrder | undefined; types: DimensionRows[]; }",
+                    "references": {
+                        "AfterSortingApplyEvent": {
+                            "location": "import",
+                            "path": "../../plugins",
+                            "id": "src/plugins/index.ts::AfterSortingApplyEvent",
+                            "referenceLocation": "AfterSortingApplyEvent"
+                        }
+                    }
+                }
             }, {
                 "method": "rowdragstart",
                 "name": "rowdragstart",

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

@@ -30,7 +30,7 @@ function mergeSortedRowsWithGroups(indexes, source, sortedRows) {
  * 1. @event `beforesorting` - Triggered when sorting just starts. Nothing has happened yet. This can be triggered from a column or from the source. If the type is from rows, the column will be undefined.
  * 2. @event `beforesourcesortingapply` - Triggered before the sorting data is applied to the data source. You can prevent this event, and the data will not be sorted.
  * 3. @event `beforesortingapply` - Triggered before the sorting data is applied to the data source. You can prevent this event, and the data will not be sorted. This event is only called from a column sorting click.
- * 4. @event `aftersortingapply` - Triggered after sorting has been applied and completed. This event occurs for both row and column sorting.
+ * 4. @event `aftersortingapply` - Triggered after sorting has been applied and completed. The event detail includes the final sorting state and sorting column metadata when available.
  *
  * Note: If you prevent an event, it will not proceed to the subsequent steps.
  */
@@ -172,6 +172,38 @@ export class SortingPlugin extends BasePlugin {
         });
         this.setSortingState(state);
     }
+    resetSortingForStore(type) {
+        const storeService = this.providers.data.stores[type];
+        // row data
+        const source = storeService.store.get('source');
+        // row indexes
+        const proxyItems = storeService.store.get('proxyItems');
+        // row indexes
+        const newItemsOrder = Array.from({ length: source.length }, (_, i) => i); // recover indexes range(0, source.length)
+        this.providers.dimension.updateSizesPositionByNewDataIndexes(type, newItemsOrder, proxyItems);
+        storeService.setData({ proxyItems: newItemsOrder });
+    }
+    applySortingForStore(type, sorting, sortingFunc, sortingColumns, sortingOrder, ignoreViewportUpdate) {
+        const storeService = this.providers.data.stores[type];
+        // row data
+        const source = storeService.store.get('source');
+        // row indexes
+        const proxyItems = storeService.store.get('proxyItems');
+        const sortItems = getSortableRowIndexes(proxyItems, source);
+        const sortedItems = sortIndexByItems([...sortItems], source, sortingFunc, sorting, sortingColumns, sortingOrder);
+        const newItemsOrder = mergeSortedRowsWithGroups(proxyItems, source, sortedItems);
+        // take row indexes before trim applied and proxy items
+        const prevItems = storeService.store.get('items');
+        storeService.setData({
+            proxyItems: newItemsOrder,
+        });
+        // take currently visible row indexes
+        const newItems = storeService.store.get('items');
+        if (!ignoreViewportUpdate) {
+            this.providers.dimension
+                .updateSizesPositionByNewDataIndexes(type, newItems, prevItems);
+        }
+    }
     startSorting(order, sortingFunc, sortingColumns, sortingOrder, ignoreViewportUpdate) {
         if (!this.sortingPromise) {
             // add job before render
@@ -263,44 +295,24 @@ export class SortingPlugin extends BasePlugin {
         // if no sorting - reset
         if (!Object.keys(sorting || {}).length) {
             for (let type of activeTypes) {
-                const storeService = this.providers.data.stores[type];
-                // row data
-                const source = storeService.store.get('source');
-                // row indexes
-                const proxyItems = storeService.store.get('proxyItems');
-                // row indexes
-                const newItemsOrder = Array.from({ length: source.length }, (_, i) => i); // recover indexes range(0, source.length)
-                this.providers.dimension.updateSizesPositionByNewDataIndexes(type, newItemsOrder, proxyItems);
-                storeService.setData({ proxyItems: newItemsOrder });
+                this.resetSortingForStore(type);
             }
         }
         else {
             for (let type of activeTypes) {
-                const storeService = this.providers.data.stores[type];
-                // row data
-                const source = storeService.store.get('source');
-                // row indexes
-                const proxyItems = storeService.store.get('proxyItems');
-                const sortItems = getSortableRowIndexes(proxyItems, source);
-                const sortedItems = sortIndexByItems([...sortItems], source, sortingFunc, sorting, activeSortingColumns, activeSortingOrder);
-                const newItemsOrder = mergeSortedRowsWithGroups(proxyItems, source, sortedItems);
-                // take row indexes before trim applied and proxy items
-                const prevItems = storeService.store.get('items');
-                storeService.setData({
-                    proxyItems: newItemsOrder,
-                });
-                // take currently visible row indexes
-                const newItems = storeService.store.get('items');
-                if (!activeIgnoreViewportUpdate) {
-                    this.providers.dimension
-                        .updateSizesPositionByNewDataIndexes(type, newItems, prevItems);
-                }
+                this.applySortingForStore(type, sorting, sortingFunc, activeSortingColumns, activeSortingOrder, activeIgnoreViewportUpdate);
             }
         }
         // refresh columns to redraw column headers and show correct icon
         columnTypes.forEach((type) => {
             this.providers.column.dataSources[type].refresh();
         });
-        this.emit('aftersortingapply');
+        const afterSortingDetail = {
+            sorting: hasActiveSorting(sorting) ? sorting : undefined,
+            sortingColumns: activeSortingColumns,
+            sortingOrder: activeSortingOrder,
+            types: activeTypes,
+        };
+        this.emit('aftersortingapply', afterSortingDetail);
     }
 }

package/dist/collection/types/events.js

@@ -13,6 +13,7 @@ export const REVOGRID_EVENTS = new Map([
     ['beforesorting', 'beforesorting'],
     ['beforesourcesortingapply', 'beforesourcesortingapply'],
     ['beforesortingapply', 'beforesortingapply'],
+    ['aftersortingapply', 'aftersortingapply'],
     ['rowdragstart', 'rowdragstart'],
     ['headerclick', 'headerclick'],
     ['beforecellfocus', 'beforecellfocus'],

package/dist/esm/{column.drag.plugin-BZacA8n_.js → column.drag.plugin-Bzb8TAwZ.js}

@@ -1875,7 +1875,7 @@ function mergeSortedRowsWithGroups(indexes, source, sortedRows) {
  * 1. @event `beforesorting` - Triggered when sorting just starts. Nothing has happened yet. This can be triggered from a column or from the source. If the type is from rows, the column will be undefined.
  * 2. @event `beforesourcesortingapply` - Triggered before the sorting data is applied to the data source. You can prevent this event, and the data will not be sorted.
  * 3. @event `beforesortingapply` - Triggered before the sorting data is applied to the data source. You can prevent this event, and the data will not be sorted. This event is only called from a column sorting click.
- * 4. @event `aftersortingapply` - Triggered after sorting has been applied and completed. This event occurs for both row and column sorting.
+ * 4. @event `aftersortingapply` - Triggered after sorting has been applied and completed. The event detail includes the final sorting state and sorting column metadata when available.
  *
  * Note: If you prevent an event, it will not proceed to the subsequent steps.
  */
@@ -2017,6 +2017,38 @@ class SortingPlugin extends BasePlugin {
         });
         this.setSortingState(state);
     }
+    resetSortingForStore(type) {
+        const storeService = this.providers.data.stores[type];
+        // row data
+        const source = storeService.store.get('source');
+        // row indexes
+        const proxyItems = storeService.store.get('proxyItems');
+        // row indexes
+        const newItemsOrder = Array.from({ length: source.length }, (_, i) => i); // recover indexes range(0, source.length)
+        this.providers.dimension.updateSizesPositionByNewDataIndexes(type, newItemsOrder, proxyItems);
+        storeService.setData({ proxyItems: newItemsOrder });
+    }
+    applySortingForStore(type, sorting, sortingFunc, sortingColumns, sortingOrder, ignoreViewportUpdate) {
+        const storeService = this.providers.data.stores[type];
+        // row data
+        const source = storeService.store.get('source');
+        // row indexes
+        const proxyItems = storeService.store.get('proxyItems');
+        const sortItems = getSortableRowIndexes(proxyItems, source);
+        const sortedItems = sortIndexByItems([...sortItems], source, sortingFunc, sorting, sortingColumns, sortingOrder);
+        const newItemsOrder = mergeSortedRowsWithGroups(proxyItems, source, sortedItems);
+        // take row indexes before trim applied and proxy items
+        const prevItems = storeService.store.get('items');
+        storeService.setData({
+            proxyItems: newItemsOrder,
+        });
+        // take currently visible row indexes
+        const newItems = storeService.store.get('items');
+        if (!ignoreViewportUpdate) {
+            this.providers.dimension
+                .updateSizesPositionByNewDataIndexes(type, newItems, prevItems);
+        }
+    }
     startSorting(order, sortingFunc, sortingColumns, sortingOrder, ignoreViewportUpdate) {
         if (!this.sortingPromise) {
             // add job before render
@@ -2108,45 +2140,25 @@ class SortingPlugin extends BasePlugin {
         // if no sorting - reset
         if (!Object.keys(sorting || {}).length) {
             for (let type of activeTypes) {
-                const storeService = this.providers.data.stores[type];
-                // row data
-                const source = storeService.store.get('source');
-                // row indexes
-                const proxyItems = storeService.store.get('proxyItems');
-                // row indexes
-                const newItemsOrder = Array.from({ length: source.length }, (_, i) => i); // recover indexes range(0, source.length)
-                this.providers.dimension.updateSizesPositionByNewDataIndexes(type, newItemsOrder, proxyItems);
-                storeService.setData({ proxyItems: newItemsOrder });
+                this.resetSortingForStore(type);
             }
         }
         else {
             for (let type of activeTypes) {
-                const storeService = this.providers.data.stores[type];
-                // row data
-                const source = storeService.store.get('source');
-                // row indexes
-                const proxyItems = storeService.store.get('proxyItems');
-                const sortItems = getSortableRowIndexes(proxyItems, source);
-                const sortedItems = sortIndexByItems([...sortItems], source, sortingFunc, sorting, activeSortingColumns, activeSortingOrder);
-                const newItemsOrder = mergeSortedRowsWithGroups(proxyItems, source, sortedItems);
-                // take row indexes before trim applied and proxy items
-                const prevItems = storeService.store.get('items');
-                storeService.setData({
-                    proxyItems: newItemsOrder,
-                });
-                // take currently visible row indexes
-                const newItems = storeService.store.get('items');
-                if (!activeIgnoreViewportUpdate) {
-                    this.providers.dimension
-                        .updateSizesPositionByNewDataIndexes(type, newItems, prevItems);
-                }
+                this.applySortingForStore(type, sorting, sortingFunc, activeSortingColumns, activeSortingOrder, activeIgnoreViewportUpdate);
             }
         }
         // refresh columns to redraw column headers and show correct icon
         columnTypes.forEach((type) => {
             this.providers.column.dataSources[type].refresh();
         });
-        this.emit('aftersortingapply');
+        const afterSortingDetail = {
+            sorting: hasActiveSorting(sorting) ? sorting : undefined,
+            sortingColumns: activeSortingColumns,
+            sortingOrder: activeSortingOrder,
+            types: activeTypes,
+        };
+        this.emit('aftersortingapply', afterSortingDetail);
     }
 }
 

package/dist/esm/index.js

@@ -2,8 +2,8 @@
  * Built by Revolist OU ❤️
  */
 export { o as GROUPING_ROW_TYPE, j as GROUP_COLUMN_PROP, G as GROUP_DEPTH, h as GROUP_EXPANDED, l as GROUP_EXPAND_BTN, m as GROUP_EXPAND_EVENT, k as GROUP_ORIGINAL_INDEX, f as PSEUDO_GROUP_COLUMN, P as PSEUDO_GROUP_ITEM, d as PSEUDO_GROUP_ITEM_ID, e as PSEUDO_GROUP_ITEM_VALUE, c as columnTypes, a as cropCellToMax, H as gatherGroup, s as gatherGrouping, z as getCellData, B as getCellDataParsed, A as getCellRaw, I as getColumnByProp, D as getColumnSizes, C as getColumnType, F as getColumns, q as getExpanded, t as getGroupingName, x as getParsedGroup, g as getRange, p as getSource, E as isColGrouping, u as isGrouping, v as isGroupingColumn, b as isRangeSingleCell, i as isRowType, y as isSameGroup, w as measureEqualDepth, n as nextCell, r as rowTypes } from './column.service-C6hByxPy.js';
-import { B as BasePlugin } from './column.drag.plugin-BZacA8n_.js';
-export { A as AutoSizeColumnPlugin, n as BEFORE_COLUMN_DRAG_END_EVENT, m as COLUMN_DRAG_END_EVENT, l as COLUMN_DRAG_MOVE_EVENT, o as COLUMN_DRAG_START_EVENT, C as ColumnAutoSizeMode, p as ColumnMovePlugin, D as DimensionStore, b as ExportCsv, E as ExportFilePlugin, c as FILTER_CONFIG_CHANGED_EVENT, F as FILTER_TRIMMED_TYPE, d as FILTE_PANEL, e as FilterPlugin, G as GroupingRowPlugin, S as SelectionStore, s as SortingPlugin, a as StretchColumn, w as defaultCellCompare, x as descCellCompare, j as doCollapse, k as doExpand, f as filterCoreFunctionsIndexedByType, h as filterNames, g as filterTypes, r as getColumnDragPosition, z as getComparer, q as getLeftRelative, y as getNextOrder, u as getSortingIndex, t as hasActiveSorting, i as isStretchPlugin, v as sortIndexByItems } from './column.drag.plugin-BZacA8n_.js';
+import { B as BasePlugin } from './column.drag.plugin-Bzb8TAwZ.js';
+export { A as AutoSizeColumnPlugin, n as BEFORE_COLUMN_DRAG_END_EVENT, m as COLUMN_DRAG_END_EVENT, l as COLUMN_DRAG_MOVE_EVENT, o as COLUMN_DRAG_START_EVENT, C as ColumnAutoSizeMode, p as ColumnMovePlugin, D as DimensionStore, b as ExportCsv, E as ExportFilePlugin, c as FILTER_CONFIG_CHANGED_EVENT, F as FILTER_TRIMMED_TYPE, d as FILTE_PANEL, e as FilterPlugin, G as GroupingRowPlugin, S as SelectionStore, s as SortingPlugin, a as StretchColumn, w as defaultCellCompare, x as descCellCompare, j as doCollapse, k as doExpand, f as filterCoreFunctionsIndexedByType, h as filterNames, g as filterTypes, r as getColumnDragPosition, z as getComparer, q as getLeftRelative, y as getNextOrder, u as getSortingIndex, t as hasActiveSorting, i as isStretchPlugin, v as sortIndexByItems } from './column.drag.plugin-Bzb8TAwZ.js';
 export { d as dispatch, a as dispatchByEvent } from './header-cell-renderer-BMmXRsd_.js';
 export { C as CellRenderer, G as GroupingRowRenderer, S as SortingSign, e as expandEvent, a as expandSvgIconVNode } from './cell-renderer-CLTRlCa5.js';
 export { a as applyMixins, f as findPositionInArray, g as getScrollbarSize, m as mergeSortedArray, p as pushSorted, r as range, s as scaleValue, t as timeout } from './index-Db3qZoW5.js';
@@ -27,6 +27,7 @@ const REVOGRID_EVENTS = new Map([
     ['beforesorting', 'beforesorting'],
     ['beforesourcesortingapply', 'beforesourcesortingapply'],
     ['beforesortingapply', 'beforesortingapply'],
+    ['aftersortingapply', 'aftersortingapply'],
     ['rowdragstart', 'rowdragstart'],
     ['headerclick', 'headerclick'],
     ['beforecellfocus', 'beforecellfocus'],

package/dist/esm/revo-grid.entry.js

@@ -6,7 +6,7 @@ import { c as columnTypes, J as reduce, C as getColumnType, r as rowTypes, i as
 import { D as DataStore, b as getSourceItem, f as getSourceItemVirtualIndexByProp, d as setSourceByPhysicalIndex, s as setSourceByVirtualIndex, a as getVisibleSourceItem, h as gatherTrimmedItems, k as getItemByIndex, R as RESIZE_INTERVAL } from './dimension.helpers-CGKwSvw6.js';
 import { d as debounce } from './debounce-PCRWZliA.js';
 import { g as getScrollDimension, v as viewportDataPartition, F as FOOTER_SLOT, C as CONTENT_SLOT, H as HEADER_SLOT, D as DATA_SLOT } from './viewport.helpers-CoCAvmZs.js';
-import { D as DimensionStore, S as SelectionStore, B as BasePlugin, G as GroupingRowPlugin, a as StretchColumn, i as isStretchPlugin, A as AutoSizeColumnPlugin, e as FilterPlugin, E as ExportFilePlugin, s as SortingPlugin, p as ColumnMovePlugin } from './column.drag.plugin-BZacA8n_.js';
+import { D as DimensionStore, S as SelectionStore, B as BasePlugin, G as GroupingRowPlugin, a as StretchColumn, i as isStretchPlugin, A as AutoSizeColumnPlugin, e as FilterPlugin, E as ExportFilePlugin, s as SortingPlugin, p as ColumnMovePlugin } from './column.drag.plugin-Bzb8TAwZ.js';
 import { V as ViewportStore } from './viewport.store-_c579YyM.js';
 import { T as ThemeService } from './theme.service-BmnDvr6P.js';
 import { t as timeout } from './index-Db3qZoW5.js';
@@ -1405,6 +1405,7 @@ const RevoGridComponent = class {
         this.beforesorting = createEvent(this, "beforesorting", 7);
         this.beforesourcesortingapply = createEvent(this, "beforesourcesortingapply", 7);
         this.beforesortingapply = createEvent(this, "beforesortingapply", 7);
+        this.aftersortingapply = createEvent(this, "aftersortingapply", 7);
         this.rowdragstart = createEvent(this, "rowdragstart", 7);
         this.headerclick = createEvent(this, "headerclick", 7);
         this.beforecellfocus = createEvent(this, "beforecellfocus", 7);

package/dist/esm/revogr-attribution_7.entry.js

@@ -927,13 +927,13 @@ const OverlaySelection = class {
     /**
      * Executes the focus operation on the specified range of cells.
      */
-    doFocus(focus, end, changes) {
+    doFocus(focus, end, changes, originalEvent) {
         // 1. Trigger beforeFocus event
-        const { defaultPrevented } = this.beforeFocusCell.emit(this.columnService.getSaveData(focus.y, focus.x));
+        const { defaultPrevented } = this.beforeFocusCell.emit(Object.assign(Object.assign({}, this.columnService.getSaveData(focus.y, focus.x)), { originalEvent }));
         if (defaultPrevented) {
             return false;
         }
-        const evData = Object.assign(Object.assign({ range: Object.assign(Object.assign({}, focus), { x1: end.x, y1: end.y }), next: changes }, this.types), { rowDimension: Object.assign({}, this.dimensionRow.state), colDimension: Object.assign({}, this.dimensionCol.state) });
+        const evData = Object.assign(Object.assign({ range: Object.assign(Object.assign({}, focus), { x1: end.x, y1: end.y }), next: changes }, this.types), { rowDimension: Object.assign({}, this.dimensionRow.state), colDimension: Object.assign({}, this.dimensionCol.state), originalEvent });
         // 2. Trigger apply focus event
         const applyEvent = this.applyFocus.emit(evData);
         if (applyEvent.defaultPrevented) {
@@ -949,10 +949,10 @@ const OverlaySelection = class {
                 y: range.y1,
             } }, applyEvent.detail)).defaultPrevented;
     }
-    triggerRangeEvent(range) {
+    triggerRangeEvent(range, originalEvent) {
         const type = this.types.rowType;
         // 1. Apply range
-        const applyEvent = this.beforeApplyRange.emit(Object.assign(Object.assign({ range: Object.assign({}, range) }, this.types), { rowDimension: Object.assign({}, this.dimensionRow.state), colDimension: Object.assign({}, this.dimensionCol.state) }));
+        const applyEvent = this.beforeApplyRange.emit(Object.assign(Object.assign({ range: Object.assign({}, range) }, this.types), { rowDimension: Object.assign({}, this.dimensionRow.state), colDimension: Object.assign({}, this.dimensionCol.state), originalEvent }));
         if (applyEvent.defaultPrevented) {
             return false;
         }
@@ -1003,7 +1003,7 @@ const OverlaySelection = class {
             return;
         }
         // Set focus on the current cell
-        this.focus(focusCell, this.range && e.shiftKey);
+        this.focus(focusCell, this.range && e.shiftKey, e);
         // Initiate autofill selection
         if (this.range) {
             targetElement &&
@@ -1157,7 +1157,7 @@ const OverlaySelection = class {
     /**
      * Sets the focus on a cell and optionally edits a range.
      */
-    focus(cell, isRangeEdit = false) {
+    focus(cell, isRangeEdit = false, originalEvent) {
         if (!cell)
             return false;
         const end = cell;
@@ -1165,10 +1165,10 @@ const OverlaySelection = class {
         if (isRangeEdit && start) {
             const range = getRange(start, end);
             if (range) {
-                return this.triggerRangeEvent(range);
+                return this.triggerRangeEvent(range, originalEvent);
             }
         }
-        return this.doFocus(cell, end);
+        return this.doFocus(cell, end, undefined, originalEvent);
     }
     get types() {
         return {