@revolist/revogrid 4.23.19 → 4.23.21

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

@@ -147,7 +147,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/revo-grid/{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/revo-grid/index.esm.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/revo-grid/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/revo-grid/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 {

package/dist/revo-grid/revogr-clipboard_3.entry.js

@@ -147,7 +147,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/types/components/overlay/revogr-overlay-selection.d.ts

@@ -268,7 +268,7 @@ export declare class OverlaySelection {
     /**
      * Sets the focus on a cell and optionally edits a range.
      */
-    focus(cell?: Cell, isRangeEdit?: boolean): boolean;
+    focus(cell?: Cell, isRangeEdit?: boolean, originalEvent?: MouseEvent | TouchEvent | KeyboardEvent): boolean;
     get types(): AllDimensionType;
     /**
      * Collect data

package/dist/types/components/revoGrid/revo-grid.d.ts

@@ -18,7 +18,7 @@ import type { GridPlugin } from '../../plugins/base.plugin';
 import { ColumnCollection } from '../../utils/column.utils';
 import { ColumnFilterConfig, FilterCollectionItem } from '../../plugins/filter/filter.types';
 import { PluginService } from './plugin.service';
-import { SortingConfig, SortingOrder } from '../../plugins';
+import { AfterSortingApplyEvent, SortingConfig, SortingOrder } from '../../plugins';
 /**
  * Revogrid - High-performance, customizable grid library for managing large datasets.
  * ### Events guide
@@ -298,6 +298,12 @@ export declare class RevoGridComponent {
         order: 'desc' | 'asc';
         additive: boolean;
     }>;
+    /**
+     * By `SortingPlugin`
+     * <br>Triggered after sorting has been applied and completed.
+     * <br>Provides final sorting state and sorting column metadata when available.
+     */
+    aftersortingapply: EventEmitter<AfterSortingApplyEvent>;
     /**
      * This event is triggered when the row order change is started.
      * To prevent the default behavior of changing the row order, you can call `e.preventDefault()`.

package/dist/types/components.d.ts

@@ -9,7 +9,7 @@ import { AdditionalData, AfterEditEvent, AllDimensionType, ApplyFocusEvent, Befo
 import { GridPlugin } from "./plugins/base.plugin";
 import { AutoSizeColumnConfig } from "./plugins/column.auto-size.plugin";
 import { ColumnFilterConfig, FilterCaptions, FilterCollectionItem, LogicFunction, MultiFilterItem, ShowData } from "./plugins/filter/filter.types";
-import { SortingConfig, SortingOrder } from "./plugins";
+import { AfterSortingApplyEvent, SortingConfig, SortingOrder } from "./plugins";
 import { GroupingOptions } from "./plugins/groupingRow/grouping.row.types";
 import { VNode } from "./stencil-public-runtime";
 import { FocusedData } from "./components/revoGrid/viewport.service";
@@ -25,7 +25,7 @@ export { AdditionalData, AfterEditEvent, AllDimensionType, ApplyFocusEvent, Befo
 export { GridPlugin } from "./plugins/base.plugin";
 export { AutoSizeColumnConfig } from "./plugins/column.auto-size.plugin";
 export { ColumnFilterConfig, FilterCaptions, FilterCollectionItem, LogicFunction, MultiFilterItem, ShowData } from "./plugins/filter/filter.types";
-export { SortingConfig, SortingOrder } from "./plugins";
+export { AfterSortingApplyEvent, SortingConfig, SortingOrder } from "./plugins";
 export { GroupingOptions } from "./plugins/groupingRow/grouping.row.types";
 export { VNode } from "./stencil-public-runtime";
 export { FocusedData } from "./components/revoGrid/viewport.service";
@@ -889,6 +889,7 @@ declare global {
     order: 'desc' | 'asc';
     additive: boolean;
   };
+        "aftersortingapply": AfterSortingApplyEvent;
         "rowdragstart": RowDragStartDetails;
         "headerclick": ColumnRegular;
         "beforecellfocus": BeforeSaveDataDetails;
@@ -1510,6 +1511,10 @@ declare namespace LocalJSX {
           * Emmited after the grid is rendered.
          */
         "onAftergridrender"?: (event: RevoGridCustomEvent<any>) => void;
+        /**
+          * By `SortingPlugin` <br>Triggered after sorting has been applied and completed. <br>Provides final sorting state and sorting column metadata when available.
+         */
+        "onAftersortingapply"?: (event: RevoGridCustomEvent<AfterSortingApplyEvent>) => void;
         /**
           * After main source/rows updated
          */

package/dist/types/plugins/sorting/sorting.plugin.d.ts

@@ -9,7 +9,7 @@ export * from './sorting.sign';
  * 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.
  */
@@ -72,6 +72,8 @@ export declare class SortingPlugin extends BasePlugin {
      * comparator, and column metadata maps.
      */
     private applySortingConfig;
+    private resetSortingForStore;
+    private applySortingForStore;
     /**
      * Schedules sorting before the next render.
      *

package/dist/types/plugins/sorting/sorting.types.d.ts

@@ -1,4 +1,4 @@
-import type { CellCompareFunc, ColumnProp, ColumnRegular, Order } from "../../types/index";
+import type { CellCompareFunc, ColumnProp, ColumnRegular, DimensionRows, Order } from "../../types/index";
 /**
  * Current sorting order per column property.
  */
@@ -33,6 +33,27 @@ export type SortingColumnRender = {
      */
     sortIndex?: number;
 };
+/**
+ * Sorting information emitted after sorting is applied.
+ */
+export type AfterSortingApplyEvent = {
+    /**
+     * Final active sorting order per column property.
+     */
+    sorting?: SortingOrder;
+    /**
+     * Column metadata indexed by sorted column property.
+     */
+    sortingColumns?: SortingColumnMap;
+    /**
+     * Active sorting priority in click/config insertion order.
+     */
+    sortingOrder?: SortingColumnOrder;
+    /**
+     * Row stores affected by the sorting run.
+     */
+    types: DimensionRows[];
+};
 /**
  * Sorting information emitted after columns are set.
  */

package/dist/types/types/events.d.ts

@@ -1,2 +1,2 @@
-export type RevogridEvents = 'contentsizechanged' | 'beforeedit' | 'beforerangeedit' | 'afteredit' | 'beforeautofill' | 'beforerange' | 'afterfocus' | 'roworderchanged' | 'beforesorting' | 'beforesourcesortingapply' | 'beforesortingapply' | 'rowdragstart' | 'headerclick' | 'beforecellfocus' | 'beforefocuslost' | 'beforesourceset' | 'beforeanysource' | 'aftersourceset' | 'afteranysource' | 'beforecolumnsgather' | 'beforecolumnsset' | 'beforecolumnapplied' | 'aftercolumnsset' | 'beforefilterapply' | 'beforefiltertrimmed' | 'beforetrimmed' | 'aftertrimmed' | 'viewportscroll' | 'beforeexport' | 'beforeeditstart' | 'aftercolumnresize' | 'beforerowdefinition' | 'filterconfigchanged' | 'sortingconfigchanged' | 'rowheaderschanged' | 'beforegridrender' | 'aftergridrender' | 'aftergridinit' | 'additionaldatachanged' | 'afterthemechanged' | 'created' | 'beforepaste' | 'beforepasteapply' | 'pasteregion' | 'afterpasteapply' | 'beforecut' | 'clearregion' | 'beforecopy' | 'beforecopyapply' | 'copyregion' | 'beforerowrender' | 'afterrender' | 'beforecellrender' | 'beforedatarender' | 'dragstartcell' | 'celleditinit' | 'closeedit' | 'filterChange' | 'resetChange' | 'beforefocusrender' | 'beforescrollintoview' | 'afterfocus' | 'beforeheaderclick' | 'headerresize' | 'beforeheaderresize' | 'headerdblclick' | 'beforeheaderrender' | 'beforegroupheaderrender' | 'afterheaderrender' | 'columndragstart' | 'columndragmousemove' | 'beforecolumndragend' | 'columndragend' | 'rowdragstartinit' | 'rowdragendinit' | 'rowdragmoveinit' | 'rowdragmousemove' | 'rowdropinit' | 'roworderchange' | 'beforecopyregion' | 'beforepasteregion' | 'celleditapply' | 'beforecellfocusinit' | 'beforenextvpfocus' | 'setedit' | 'beforeapplyrange' | 'beforesetrange' | 'setrange' | 'beforeeditrender' | 'selectall' | 'canceledit' | 'settemprange' | 'beforesettemprange' | 'applyfocus' | 'focuscell' | 'beforerangedataapply' | 'selectionchangeinit' | 'beforerangecopyapply' | 'rangeeditapply' | 'clipboardrangecopy' | 'clipboardrangepaste' | 'beforekeydown' | 'beforekeyup' | 'beforecellsave' | 'celledit' | 'scrollview' | 'ref' | 'scrollvirtual' | 'scrollviewport' | 'resizeviewport' | 'scrollchange' | 'scrollviewportsilent' | 'html';
+export type RevogridEvents = 'contentsizechanged' | 'beforeedit' | 'beforerangeedit' | 'afteredit' | 'beforeautofill' | 'beforerange' | 'afterfocus' | 'roworderchanged' | 'beforesorting' | 'beforesourcesortingapply' | 'beforesortingapply' | 'aftersortingapply' | 'rowdragstart' | 'headerclick' | 'beforecellfocus' | 'beforefocuslost' | 'beforesourceset' | 'beforeanysource' | 'aftersourceset' | 'afteranysource' | 'beforecolumnsgather' | 'beforecolumnsset' | 'beforecolumnapplied' | 'aftercolumnsset' | 'beforefilterapply' | 'beforefiltertrimmed' | 'beforetrimmed' | 'aftertrimmed' | 'viewportscroll' | 'beforeexport' | 'beforeeditstart' | 'aftercolumnresize' | 'beforerowdefinition' | 'filterconfigchanged' | 'sortingconfigchanged' | 'rowheaderschanged' | 'beforegridrender' | 'aftergridrender' | 'aftergridinit' | 'additionaldatachanged' | 'afterthemechanged' | 'created' | 'beforepaste' | 'beforepasteapply' | 'pasteregion' | 'afterpasteapply' | 'beforecut' | 'clearregion' | 'beforecopy' | 'beforecopyapply' | 'copyregion' | 'beforerowrender' | 'afterrender' | 'beforecellrender' | 'beforedatarender' | 'dragstartcell' | 'celleditinit' | 'closeedit' | 'filterChange' | 'resetChange' | 'beforefocusrender' | 'beforescrollintoview' | 'afterfocus' | 'beforeheaderclick' | 'headerresize' | 'beforeheaderresize' | 'headerdblclick' | 'beforeheaderrender' | 'beforegroupheaderrender' | 'afterheaderrender' | 'columndragstart' | 'columndragmousemove' | 'beforecolumndragend' | 'columndragend' | 'rowdragstartinit' | 'rowdragendinit' | 'rowdragmoveinit' | 'rowdragmousemove' | 'rowdropinit' | 'roworderchange' | 'beforecopyregion' | 'beforepasteregion' | 'celleditapply' | 'beforecellfocusinit' | 'beforenextvpfocus' | 'setedit' | 'beforeapplyrange' | 'beforesetrange' | 'setrange' | 'beforeeditrender' | 'selectall' | 'canceledit' | 'settemprange' | 'beforesettemprange' | 'applyfocus' | 'focuscell' | 'beforerangedataapply' | 'selectionchangeinit' | 'beforerangecopyapply' | 'rangeeditapply' | 'clipboardrangecopy' | 'clipboardrangepaste' | 'beforekeydown' | 'beforekeyup' | 'beforecellsave' | 'celledit' | 'scrollview' | 'ref' | 'scrollvirtual' | 'scrollviewport' | 'resizeviewport' | 'scrollchange' | 'scrollviewportsilent' | 'html';
 export declare const REVOGRID_EVENTS: Map<RevogridEvents, RevogridEvents>;

package/dist/types/types/interfaces.d.ts

@@ -742,6 +742,10 @@ export interface FocusRenderEvent extends AllDimensionType {
      * Changes for the next cell to focus. @example { y: -1 }
      */
     next?: Partial<Cell>;
+    /**
+     * Original user input event that initiated the focus/range change, when available.
+     */
+    originalEvent?: MouseEvent | TouchEvent | KeyboardEvent;
 }
 export interface FocusAfterRenderEvent<TModel extends DataType = DataType> extends AllDimensionType {
     model?: TModel;

package/dist/types/types/selection.d.ts

@@ -117,6 +117,10 @@ export interface BeforeSaveDataDetails<TModel extends DataType = DataType, TColu
      * Value from editor to save, not part of the model value yet
      */
     val?: any;
+    /**
+     * Original user input event that initiated the save/focus flow, when available.
+     */
+    originalEvent?: MouseEvent | TouchEvent | KeyboardEvent;
 }
 export type BeforeRangeSaveDataDetails<TModel extends DataType = DataType> = {
     data: {

package/hydrate/index.js

@@ -14270,13 +14270,13 @@ 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) {
@@ -14292,10 +14292,10 @@ 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;
         }
@@ -14346,7 +14346,7 @@ 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 &&
@@ -14500,7 +14500,7 @@ 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;
@@ -14508,10 +14508,10 @@ 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 {
@@ -14646,7 +14646,7 @@ class TextEditor {
     }
 }
 
-const revogrEditStyleCss = () => `revogr-edit{display:block;position:absolute;background-color:#fff}revogr-edit input{height:100%;width:100%;box-sizing:border-box}revogr-edit revo-dropdown{height:100%}revogr-edit revo-dropdown.shrink fieldset legend>span{display:none}`;
+const revogrEditStyleCss = () => `revogr-edit{display:block;position:absolute;background-color:var(--revo-grid-background, #fff)}revogr-edit input{height:100%;width:100%;box-sizing:border-box;background-color:var(--revo-grid-background, transparent)}revogr-edit revo-dropdown{height:100%}revogr-edit revo-dropdown.shrink fieldset legend>span{display:none}`;
 
 /**
  * Represents a cell editor in a grid.
@@ -16469,7 +16469,7 @@ function mergeSortedRowsWithGroups(indexes, source, sortedRows) {
  * 1. @event `beforesorting` - Triggered when sorting just starts. Nothing has happened yet. This can be triggered from a column or from the source. If the type is from rows, the column will be undefined.
  * 2. @event `beforesourcesortingapply` - Triggered before the sorting data is applied to the data source. You can prevent this event, and the data will not be sorted.
  * 3. @event `beforesortingapply` - Triggered before the sorting data is applied to the data source. You can prevent this event, and the data will not be sorted. This event is only called from a column sorting click.
- * 4. @event `aftersortingapply` - Triggered after sorting has been applied and completed. This event occurs for both row and column sorting.
+ * 4. @event `aftersortingapply` - Triggered after sorting has been applied and completed. The event detail includes the final sorting state and sorting column metadata when available.
  *
  * Note: If you prevent an event, it will not proceed to the subsequent steps.
  */
@@ -16611,6 +16611,38 @@ class SortingPlugin extends BasePlugin {
         });
         this.setSortingState(state);
     }
+    resetSortingForStore(type) {
+        const storeService = this.providers.data.stores[type];
+        // row data
+        const source = storeService.store.get('source');
+        // row indexes
+        const proxyItems = storeService.store.get('proxyItems');
+        // row indexes
+        const newItemsOrder = Array.from({ length: source.length }, (_, i) => i); // recover indexes range(0, source.length)
+        this.providers.dimension.updateSizesPositionByNewDataIndexes(type, newItemsOrder, proxyItems);
+        storeService.setData({ proxyItems: newItemsOrder });
+    }
+    applySortingForStore(type, sorting, sortingFunc, sortingColumns, sortingOrder, ignoreViewportUpdate) {
+        const storeService = this.providers.data.stores[type];
+        // row data
+        const source = storeService.store.get('source');
+        // row indexes
+        const proxyItems = storeService.store.get('proxyItems');
+        const sortItems = getSortableRowIndexes(proxyItems, source);
+        const sortedItems = sortIndexByItems([...sortItems], source, sortingFunc, sorting, sortingColumns, sortingOrder);
+        const newItemsOrder = mergeSortedRowsWithGroups(proxyItems, source, sortedItems);
+        // take row indexes before trim applied and proxy items
+        const prevItems = storeService.store.get('items');
+        storeService.setData({
+            proxyItems: newItemsOrder,
+        });
+        // take currently visible row indexes
+        const newItems = storeService.store.get('items');
+        if (!ignoreViewportUpdate) {
+            this.providers.dimension
+                .updateSizesPositionByNewDataIndexes(type, newItems, prevItems);
+        }
+    }
     startSorting(order, sortingFunc, sortingColumns, sortingOrder, ignoreViewportUpdate) {
         if (!this.sortingPromise) {
             // add job before render
@@ -16702,45 +16734,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);
     }
 }
 
@@ -19265,6 +19277,7 @@ class RevoGridComponent {
         this.beforesorting = createEvent(this, "beforesorting", 7);
         this.beforesourcesortingapply = createEvent(this, "beforesourcesortingapply", 7);
         this.beforesortingapply = createEvent(this, "beforesortingapply", 7);
+        this.aftersortingapply = createEvent(this, "aftersortingapply", 7);
         this.rowdragstart = createEvent(this, "rowdragstart", 7);
         this.headerclick = createEvent(this, "headerclick", 7);
         this.beforecellfocus = createEvent(this, "beforecellfocus", 7);