@revolist/revogrid 4.22.0 → 4.22.1

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

@@ -2,12 +2,12 @@
  * Built by Revolist OU ❤️
  */
 import { r as registerInstance, d as createEvent, h, e as Host, g as getElement } from './index-Chp_81rd.js';
-import { M as ColumnService, u as isGrouping, K as baseEach } from './column.service-Cdz3dYqZ.js';
-import { Q as ROW_FOCUSED_CLASS, b as getSourceItem, y as DATA_ROW, x as DATA_COL, a3 as getNative, a4 as baseIteratee, Y as isArray, M as MIN_COL_SIZE, B as HEADER_SORTABLE_CLASS, H as HEADER_CLASS, J as FOCUS_CLASS, E as HEADER_ROW_CLASS, F as HEADER_ACTUAL_ROW_CLASS, k as getItemByIndex } from './dimension.helpers-DzxqJQqN.js';
-import { G as GroupingRowRenderer, C as CellRenderer, R as RowRenderer, P as PADDING_DEPTH, S as SortingSign } from './cell-renderer-K_BKH7Kx.js';
+import { M as ColumnService, u as isGrouping } from './column.service-CCvAi5l4.js';
+import { Q as ROW_FOCUSED_CLASS, b as getSourceItem, y as DATA_ROW, x as DATA_COL, M as MIN_COL_SIZE, B as HEADER_SORTABLE_CLASS, H as HEADER_CLASS, J as FOCUS_CLASS, k as getItemByIndex, E as HEADER_ROW_CLASS, F as HEADER_ACTUAL_ROW_CLASS } from './dimension.helpers-DmIvjIa7.js';
+import { G as GroupingRowRenderer, C as CellRenderer, R as RowRenderer, P as PADDING_DEPTH, S as SortingSign } from './cell-renderer-CALsEsnh.js';
 import { c as FilterButton } from './filter.button-C8XTWPU2.js';
-import { H as HeaderCellRenderer } from './header-cell-renderer-DXhxZMly.js';
-import { t as throttle, L as LocalScrollTimer, a as LocalScrollService } from './throttle-BEjFQa2l.js';
+import { H as HeaderCellRenderer } from './header-cell-renderer-DU8wKAbg.js';
+import { t as throttle, L as LocalScrollTimer, a as LocalScrollService } from './throttle-ERvyruXb.js';
 import { H as HEADER_SLOT, C as CONTENT_SLOT, F as FOOTER_SLOT } from './viewport.helpers-VXhsJZtn.js';
 import './debounce-BfO9dz9v.js';
 
@@ -259,126 +259,8 @@ const RevogrData = class {
 };
 RevogrData.style = revogrDataStyleCss();
 
-var defineProperty = (function() {
-  try {
-    var func = getNative(Object, 'defineProperty');
-    func({}, '', {});
-    return func;
-  } catch (e) {}
-}());
-
-/**
- * The base implementation of `assignValue` and `assignMergeValue` without
- * value checks.
- *
- * @private
- * @param {Object} object The object to modify.
- * @param {string} key The key of the property to assign.
- * @param {*} value The value to assign.
- */
-function baseAssignValue(object, key, value) {
-  if (key == '__proto__' && defineProperty) {
-    defineProperty(object, key, {
-      'configurable': true,
-      'enumerable': true,
-      'value': value,
-      'writable': true
-    });
-  } else {
-    object[key] = value;
-  }
-}
-
-/**
- * A specialized version of `baseAggregator` for arrays.
- *
- * @private
- * @param {Array} [array] The array to iterate over.
- * @param {Function} setter The function to set `accumulator` values.
- * @param {Function} iteratee The iteratee to transform keys.
- * @param {Object} accumulator The initial aggregated object.
- * @returns {Function} Returns `accumulator`.
- */
-function arrayAggregator(array, setter, iteratee, accumulator) {
-  var index = -1,
-      length = array == null ? 0 : array.length;
-
-  while (++index < length) {
-    var value = array[index];
-    setter(accumulator, value, iteratee(value), array);
-  }
-  return accumulator;
-}
-
-/**
- * Aggregates elements of `collection` on `accumulator` with keys transformed
- * by `iteratee` and values set by `setter`.
- *
- * @private
- * @param {Array|Object} collection The collection to iterate over.
- * @param {Function} setter The function to set `accumulator` values.
- * @param {Function} iteratee The iteratee to transform keys.
- * @param {Object} accumulator The initial aggregated object.
- * @returns {Function} Returns `accumulator`.
- */
-function baseAggregator(collection, setter, iteratee, accumulator) {
-  baseEach(collection, function(value, key, collection) {
-    setter(accumulator, value, iteratee(value), collection);
-  });
-  return accumulator;
-}
-
-/**
- * Creates a function like `_.groupBy`.
- *
- * @private
- * @param {Function} setter The function to set accumulator values.
- * @param {Function} [initializer] The accumulator object initializer.
- * @returns {Function} Returns the new aggregator function.
- */
-function createAggregator(setter, initializer) {
-  return function(collection, iteratee) {
-    var func = isArray(collection) ? arrayAggregator : baseAggregator,
-        accumulator = {};
-
-    return func(collection, setter, baseIteratee(iteratee), accumulator);
-  };
-}
-
-/**
- * Creates an object composed of keys generated from the results of running
- * each element of `collection` thru `iteratee`. The corresponding value of
- * each key is the last element responsible for generating the key. The
- * iteratee is invoked with one argument: (value).
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Collection
- * @param {Array|Object} collection The collection to iterate over.
- * @param {Function} [iteratee=_.identity] The iteratee to transform keys.
- * @returns {Object} Returns the composed aggregate object.
- * @example
- *
- * var array = [
- *   { 'dir': 'left', 'code': 97 },
- *   { 'dir': 'right', 'code': 100 }
- * ];
- *
- * _.keyBy(array, function(o) {
- *   return String.fromCharCode(o.code);
- * });
- * // => { 'a': { 'dir': 'left', 'code': 97 }, 'd': { 'dir': 'right', 'code': 100 } }
- *
- * _.keyBy(array, 'dir');
- * // => { 'left': { 'dir': 'left', 'code': 97 }, 'right': { 'dir': 'right', 'code': 100 } }
- */
-var keyBy = createAggregator(function(result, value, key) {
-  baseAssignValue(result, key, value);
-});
-
 const HeaderRenderer = (p) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g;
     const cellClass = {
         [HEADER_CLASS]: true,
         [HEADER_SORTABLE_CLASS]: !!((_a = p.data) === null || _a === void 0 ? void 0 : _a.sortable),
@@ -387,10 +269,11 @@ const HeaderRenderer = (p) => {
         cellClass[p.data.order] = true;
     }
     const dataProps = {
+        key: String((_d = (_c = p.data) === null || _c === void 0 ? void 0 : _c.prop) !== null && _d !== void 0 ? _d : p.column.itemIndex),
         [DATA_COL]: p.column.itemIndex,
         canResize: p.canResize,
-        minWidth: ((_c = p.data) === null || _c === void 0 ? void 0 : _c.minSize) || MIN_COL_SIZE,
-        maxWidth: (_d = p.data) === null || _d === void 0 ? void 0 : _d.maxSize,
+        minWidth: ((_e = p.data) === null || _e === void 0 ? void 0 : _e.minSize) || MIN_COL_SIZE,
+        maxWidth: (_f = p.data) === null || _f === void 0 ? void 0 : _f.maxSize,
         active: p.active || ['r'],
         class: cellClass,
         style: {
@@ -426,11 +309,12 @@ const HeaderRenderer = (p) => {
             }
         }
     }
-    return (h(HeaderCellRenderer, { data: p.data, props: dataProps, additionalData: p.additionalData }, h(SortingSign, { column: p.data }), p.canFilter && ((_e = p.data) === null || _e === void 0 ? void 0 : _e.filter) !== false ? (h(FilterButton, { column: p.data })) : ('')));
+    return (h(HeaderCellRenderer, { data: p.data, props: dataProps, additionalData: p.additionalData }, h(SortingSign, { column: p.data }), p.canFilter && ((_g = p.data) === null || _g === void 0 ? void 0 : _g.filter) !== false ? (h(FilterButton, { column: p.data })) : ('')));
 };
 
 const HeaderGroupRenderer = (p) => {
     const groupProps = {
+        key: `${p.group.name}-${p.group.indexes.join('-')}`,
         canResize: p.canResize,
         minWidth: p.group.indexes.length * MIN_COL_SIZE,
         maxWidth: 0,
@@ -480,13 +364,10 @@ const RevogrHeaderComponent = class {
     }
     onResizeGroup(changedX, startIndex, endIndex) {
         const sizes = {};
-        const cols = keyBy(this.viewportCol.get('items'), 'itemIndex');
         const change = changedX / (endIndex - startIndex + 1);
         for (let i = startIndex; i <= endIndex; i++) {
-            const item = cols[i];
-            if (item) {
-                sizes[i] = item.size + change;
-            }
+            const item = getItemByIndex(this.dimensionCol.state, i);
+            sizes[i] = item.end - item.start + change;
         }
         this.headerresize.emit(sizes);
     }
@@ -500,12 +381,12 @@ const RevogrHeaderComponent = class {
         const { cells } = this.renderHeaderColumns(cols, range);
         const groupRow = this.renderGroupingColumns();
         return [
-            h("div", { key: 'a8d57270f4758b454fb4900808453e0c4663c91c', class: "group-rgRow" }, groupRow),
-            h("div", { key: '41a270ff6bde9943a81d9c46482f2a40312afb50', class: `${HEADER_ROW_CLASS} ${HEADER_ACTUAL_ROW_CLASS}` }, cells),
+            h("div", { key: '3cc466db6bc4df0cd61c47a22c3a0473318e5dd8', class: "group-rgRow" }, groupRow),
+            h("div", { key: '9742a3fa4d4b75073aef5544806f42386ebffdea', class: `${HEADER_ROW_CLASS} ${HEADER_ACTUAL_ROW_CLASS}` }, cells),
         ];
     }
     renderHeaderColumns(cols, range) {
-        const cells = [];
+        const columnsToRender = [];
         for (let rgCol of cols) {
             const colData = this.colData[rgCol.itemIndex];
             const props = {
@@ -522,45 +403,105 @@ const RevogrHeaderComponent = class {
             };
             const event = this.beforeHeaderRender.emit(props);
             if (!event.defaultPrevented) {
-                cells.push(h(HeaderRenderer, Object.assign({}, event.detail)));
+                columnsToRender.push(event.detail);
             }
         }
+        const duplicateProps = this.getDuplicateHeaderProps(columnsToRender);
+        const cells = columnsToRender.map(detail => h(HeaderRenderer, Object.assign({ key: this.getHeaderCellKey(detail.data, this.type, duplicateProps) }, detail)));
         return { cells };
     }
     renderGroupingColumns() {
+        const visibleGroupRange = this.getVisibleGroupRange();
+        return Array.from({ length: this.groupingDepth }, (_, level) => this.renderGroupRow(level, visibleGroupRange)).flat();
+    }
+    renderGroupRow(level, visibleGroupRange) {
+        const groupCells = (this.groups[level] || [])
+            .map(group => this.renderGroupColumn(group, level, visibleGroupRange))
+            .filter((cell) => !!cell);
+        return [
+            ...groupCells,
+            h('div', {
+                key: `group-row-${level}`,
+                class: {
+                    [HEADER_ROW_CLASS]: true,
+                    group: true,
+                },
+            }),
+        ];
+    }
+    renderGroupColumn(group, level, visibleGroupRange) {
         var _a;
-        const groupRow = [];
-        for (let i = 0; i < this.groupingDepth; i++) {
-            if (this.groups[i]) {
-                for (let group of this.groups[i]) {
-                    const groupStartIndex = (_a = group.indexes[0]) !== null && _a !== void 0 ? _a : -1;
-                    if (groupStartIndex > -1) {
-                        const groupEndIndex = groupStartIndex + group.indexes.length - 1;
-                        const groupStart = getItemByIndex(this.dimensionCol.state, groupStartIndex).start;
-                        const groupEnd = getItemByIndex(this.dimensionCol.state, groupEndIndex).end;
-                        const props = {
-                            providers: this.providers,
-                            start: groupStart,
-                            end: groupEnd,
-                            group,
-                            active: this.resizeHandler,
-                            canResize: this.canResize,
-                            additionalData: this.additionalData,
-                            onResize: e => {
-                                var _a;
-                                return this.onResizeGroup((_a = e.changedX) !== null && _a !== void 0 ? _a : 0, groupStartIndex, groupEndIndex);
-                            },
-                        };
-                        const event = this.beforeGroupHeaderRender.emit(props);
-                        if (!event.defaultPrevented) {
-                            groupRow.push(h(HeaderGroupRenderer, Object.assign({}, event.detail)));
-                        }
-                    }
+        const groupStartIndex = (_a = group.indexes[0]) !== null && _a !== void 0 ? _a : -1;
+        if (groupStartIndex < 0) {
+            return;
+        }
+        const groupEndIndex = groupStartIndex + group.indexes.length - 1;
+        if (!visibleGroupRange ||
+            !isGroupInVisibleRange(groupStartIndex, groupEndIndex, visibleGroupRange)) {
+            return;
+        }
+        const groupStart = getItemByIndex(this.dimensionCol.state, groupStartIndex).start;
+        const groupEnd = getItemByIndex(this.dimensionCol.state, groupEndIndex).end;
+        const props = {
+            providers: this.providers,
+            start: groupStart,
+            end: groupEnd,
+            group,
+            active: this.resizeHandler,
+            canResize: this.canResize,
+            additionalData: this.additionalData,
+            onResize: e => {
+                var _a;
+                return this.onResizeGroup((_a = e.changedX) !== null && _a !== void 0 ? _a : 0, groupStartIndex, groupEndIndex);
+            },
+        };
+        const event = this.beforeGroupHeaderRender.emit(props);
+        if (event.defaultPrevented) {
+            return;
+        }
+        return h(HeaderGroupRenderer, Object.assign({ key: this.getGroupHeaderCellKey(event.detail.group, level) }, event.detail));
+    }
+    getVisibleGroupRange() {
+        const visibleColumns = this.viewportCol.get('items');
+        if (!visibleColumns.length) {
+            return;
+        }
+        return visibleColumns.reduce((range, column) => ({
+            start: Math.min(range.start, column.itemIndex),
+            end: Math.max(range.end, column.itemIndex),
+        }), {
+            start: visibleColumns[0].itemIndex,
+            end: visibleColumns[0].itemIndex,
+        });
+    }
+    getHeaderCellKey(column, type, duplicateProps) {
+        if ((column === null || column === void 0 ? void 0 : column.prop) === undefined) {
+            return `${type}-${String(column === null || column === void 0 ? void 0 : column.index)}`;
+        }
+        const propKey = String(column.prop);
+        if (duplicateProps.has(propKey)) {
+            return `${type}-${propKey}-${String(column.index)}`;
+        }
+        return `${type}-${propKey}`;
+    }
+    getDuplicateHeaderProps(columns) {
+        const seenProps = new Set();
+        const duplicateProps = new Set();
+        columns.forEach(({ data }) => {
+            if ((data === null || data === void 0 ? void 0 : data.prop) !== undefined) {
+                const propKey = String(data.prop);
+                if (seenProps.has(propKey)) {
+                    duplicateProps.add(propKey);
+                }
+                else {
+                    seenProps.add(propKey);
                 }
             }
-            groupRow.push(h("div", { class: `${HEADER_ROW_CLASS} group` }));
-        }
-        return groupRow;
+        });
+        return duplicateProps;
+    }
+    getGroupHeaderCellKey(group, level) {
+        return `group-${level}-${group.name}-${group.indexes.join('-')}`;
     }
     get providers() {
         return {
@@ -574,6 +515,10 @@ const RevogrHeaderComponent = class {
     }
     get element() { return getElement(this); }
 };
+function isGroupInVisibleRange(groupStartIndex, groupEndIndex, visibleRange) {
+    return (groupStartIndex <= visibleRange.end &&
+        groupEndIndex >= visibleRange.start);
+}
 RevogrHeaderComponent.style = revogrHeaderStyleCss();
 
 class GridResizeService {

package/dist/{revo-grid/text-editor-C1ks5eQ4.js → esm/text-editor-DpCnd6Fq.js}

@@ -1,8 +1,8 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { d as isTab, f as isEnterKeyValue } from './edit.utils-CzfeG98N.js';
-import { u as timeout } from './dimension.helpers-DzxqJQqN.js';
+import { d as isTab, f as isEnterKeyValue } from './edit.utils-DYN6XZh8.js';
+import { u as timeout } from './dimension.helpers-DmIvjIa7.js';
 
 class TextEditor {
     constructor(data, saveCallback) {

package/dist/esm/{throttle-BEjFQa2l.js → throttle-ERvyruXb.js}

@@ -1,7 +1,7 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { q as scaleValue } from './dimension.helpers-DzxqJQqN.js';
+import { q as scaleValue } from './dimension.helpers-DmIvjIa7.js';
 import { d as debounce, a as isObject } from './debounce-BfO9dz9v.js';
 
 const initialParams = {

package/dist/{revo-grid/viewport.store-saAZJHRo.js → esm/viewport.store-CFjDW-3l.js}

@@ -1,7 +1,7 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { j as getItemByPosition, W as createStore, w as setStore } from './dimension.helpers-DzxqJQqN.js';
+import { j as getItemByPosition, W as createStore, w as setStore } from './dimension.helpers-DmIvjIa7.js';
 
 const LETTER_BLOCK_SIZE = 10;
 const calculateRowHeaderSize = (itemsLength, rowHeaderColumn, minWidth = 50) => {

package/dist/{esm/cell-renderer-K_BKH7Kx.js → revo-grid/cell-renderer-CALsEsnh.js}

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

package/dist/revo-grid/{column.drag.plugin-DEqZ2qXJ.js → column.drag.plugin-Dy5ztusn.js}

@@ -1,13 +1,13 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { J as reduce, g as getRange, K as baseEach, C as getColumnType, c as columnTypes, L as toInteger, u as isGrouping, t as getGroupingName, r as rowTypes, B as getCellDataParsed, A as getCellRaw, I as getColumnByProp, h as GROUP_EXPANDED, x as getParsedGroup, y as isSameGroup, G as GROUP_DEPTH, e as PSEUDO_GROUP_ITEM_VALUE, d as PSEUDO_GROUP_ITEM_ID, o as GROUPING_ROW_TYPE, p as getSource, f as PSEUDO_GROUP_COLUMN, s as gatherGrouping, m as GROUP_EXPAND_EVENT, v as isGroupingColumn, q as getExpanded, E as isColGrouping } from './column.service-Cdz3dYqZ.js';
-import { W as createStore, w as setStore, i as calculateDimensionData, X as identity, Y as isArray, b as getSourceItem, o as getScrollbarSize, u as timeout, Z as baseProperty, _ as isArrayLike, $ as getTag, a0 as baseKeys, g as getPhysical, e as setItems, j as getItemByPosition } from './dimension.helpers-DzxqJQqN.js';
-import { f as calculateRowHeaderSize } from './viewport.store-saAZJHRo.js';
+import { J as reduce, g as getRange, K as baseEach, C as getColumnType, c as columnTypes, L as toInteger, u as isGrouping, t as getGroupingName, r as rowTypes, B as getCellDataParsed, A as getCellRaw, I as getColumnByProp, h as GROUP_EXPANDED, x as getParsedGroup, y as isSameGroup, G as GROUP_DEPTH, e as PSEUDO_GROUP_ITEM_VALUE, d as PSEUDO_GROUP_ITEM_ID, o as GROUPING_ROW_TYPE, p as getSource, f as PSEUDO_GROUP_COLUMN, s as gatherGrouping, m as GROUP_EXPAND_EVENT, v as isGroupingColumn, q as getExpanded, E as isColGrouping } from './column.service-CCvAi5l4.js';
+import { W as createStore, w as setStore, i as calculateDimensionData, X as identity, Y as isArray, b as getSourceItem, o as getScrollbarSize, u as timeout, Z as baseProperty, _ as isArrayLike, $ as getTag, a0 as baseKeys, g as getPhysical, e as setItems, j as getItemByPosition } from './dimension.helpers-DmIvjIa7.js';
+import { f as calculateRowHeaderSize } from './viewport.store-CFjDW-3l.js';
 import { h } from './index-Chp_81rd.js';
 import { b as FILTER_PROP, i as isFilterBtn } from './filter.button-C8XTWPU2.js';
 import { i as isObjectLike, b as baseGetTag, d as debounce } from './debounce-BfO9dz9v.js';
-import { O as ON_COLUMN_CLICK, d as dispatch } from './header-cell-renderer-DXhxZMly.js';
+import { O as ON_COLUMN_CLICK, d as dispatch } from './header-cell-renderer-DU8wKAbg.js';
 
 /**
  * Plugin which recalculates realSize on changes of sizes, originItemSize and count
@@ -2528,11 +2528,11 @@ class ColumnOrderHandler {
  * Plugin for column manual move
  */
 const COLUMN_CLICK = ON_COLUMN_CLICK;
-const MOVE = 'columndragmousemove';
-const DRAG_END = 'columndragend';
-const BEFORE_DRAG_END = 'beforecolumndragend';
+const COLUMN_DRAG_MOVE_EVENT = 'columndragmousemove';
+const COLUMN_DRAG_END_EVENT = 'columndragend';
+const BEFORE_COLUMN_DRAG_END_EVENT = 'beforecolumndragend';
 // use this event subscription to drop D&D for particular columns
-const DRAG_START = 'columndragstart';
+const COLUMN_DRAG_START_EVENT = 'columndragstart';
 class ColumnMovePlugin extends BasePlugin {
     constructor(revogrid, providers) {
         super(revogrid, providers);
@@ -2562,7 +2562,7 @@ class ColumnMovePlugin extends BasePlugin {
         if (event.defaultPrevented) {
             return;
         }
-        const { defaultPrevented } = dispatch(this.revogrid, DRAG_START, data);
+        const { defaultPrevented } = dispatch(this.revogrid, COLUMN_DRAG_START_EVENT, data);
         // check if allowed to drag particulat column
         if (defaultPrevented) {
             return;
@@ -2593,7 +2593,7 @@ class ColumnMovePlugin extends BasePlugin {
             gridEl: this.revogrid,
             cols,
         };
-        this.dragData = this.getData(this.staticDragData);
+        this.dragData = this.getData(this.staticDragData, []);
         mousemove.target.addEventListener('mousemove', mousemove.callback);
         this.orderUi.start(event, Object.assign(Object.assign({}, this.dragData), this.staticDragData));
     }
@@ -2601,7 +2601,7 @@ class ColumnMovePlugin extends BasePlugin {
         if (!this.staticDragData) {
             return;
         }
-        const dragData = (this.dragData = this.getData(this.staticDragData));
+        const dragData = (this.dragData = this.getData(this.staticDragData, []));
         if (!dragData) {
             return;
         }
@@ -2618,7 +2618,7 @@ class ColumnMovePlugin extends BasePlugin {
         }
     }
     move(e) {
-        dispatch(this.revogrid, MOVE, e);
+        dispatch(this.revogrid, COLUMN_DRAG_MOVE_EVENT, e);
         // then do move
         this.moveFunc(e);
     }
@@ -2634,9 +2634,10 @@ class ColumnMovePlugin extends BasePlugin {
             }
             const newPosition = getItemByPosition(this.staticDragData.cols, relativePos);
             const store = this.providers.column.stores[this.dragData.type].store;
+            const source = store.get('source');
             const newItems = [...store.get('items')];
             // prevent position change if needed
-            const { defaultPrevented: stopDrag } = dispatch(this.revogrid, BEFORE_DRAG_END, Object.assign(Object.assign({}, this.staticDragData), { startPosition: this.staticDragData.startItem, newPosition, newItem: store.get('source')[newItems[this.staticDragData.startItem.itemIndex]] }));
+            const { defaultPrevented: stopDrag } = dispatch(this.revogrid, BEFORE_COLUMN_DRAG_END_EVENT, Object.assign(Object.assign({}, this.staticDragData), { startPosition: this.staticDragData.startItem, newPosition, newItem: source[newItems[this.staticDragData.startItem.itemIndex]] }));
             if (!stopDrag) {
                 const prevItems = [...newItems];
                 // todo: if move item out of group remove item from group
@@ -2645,7 +2646,7 @@ class ColumnMovePlugin extends BasePlugin {
                 store.set('items', newItems);
                 this.providers.dimension.updateSizesPositionByNewDataIndexes(this.dragData.type, newItems, prevItems);
             }
-            dispatch(this.revogrid, DRAG_END, this.dragData);
+            dispatch(this.revogrid, COLUMN_DRAG_END_EVENT, this.getData(this.staticDragData, newItems, source));
         }
         this.clearOrder();
     }
@@ -2665,13 +2666,15 @@ class ColumnMovePlugin extends BasePlugin {
         super.clearSubscriptions();
         this.clearLocalSubscriptions();
     }
-    getData({ gridEl, dataEl, pin, }) {
+    getData({ gridEl, dataEl, pin }, order, source = []) {
         const gridRect = gridEl.getBoundingClientRect();
         const elRect = dataEl.getBoundingClientRect();
         const scrollOffset = elRect.left - gridRect.left;
         return {
+            columns: order.map(index => source[index]).filter(Boolean),
             elRect,
             gridRect,
+            order,
             type: pin || 'rgCol',
             scrollOffset,
         };
@@ -2684,4 +2687,4 @@ function getLeftRelative(absoluteX, gridPos, offset) {
     return absoluteX - gridPos - offset;
 }
 
-export { AutoSizeColumnPlugin as A, BasePlugin as B, ColumnAutoSizeMode as C, DimensionStore as D, ExportFilePlugin as E, FILTER_TRIMMED_TYPE as F, GroupingRowPlugin as G, SelectionStore as S, StretchColumn as a, ExportCsv as b, FILTER_CONFIG_CHANGED_EVENT as c, FILTE_PANEL as d, FilterPlugin as e, filterCoreFunctionsIndexedByType as f, filterTypes as g, filterNames as h, isStretchPlugin as i, doCollapse as j, doExpand as k, ColumnMovePlugin as l, getLeftRelative as m, SortingPlugin as n, defaultCellCompare as o, descCellCompare as p, getNextOrder as q, getComparer as r, sortIndexByItems as s };
+export { AutoSizeColumnPlugin as A, BasePlugin as B, ColumnAutoSizeMode as C, DimensionStore as D, ExportFilePlugin as E, FILTER_TRIMMED_TYPE as F, GroupingRowPlugin as G, SelectionStore as S, StretchColumn as a, ExportCsv as b, FILTER_CONFIG_CHANGED_EVENT as c, FILTE_PANEL as d, FilterPlugin as e, filterCoreFunctionsIndexedByType as f, filterTypes as g, filterNames as h, isStretchPlugin as i, doCollapse as j, doExpand as k, COLUMN_DRAG_MOVE_EVENT as l, COLUMN_DRAG_END_EVENT as m, BEFORE_COLUMN_DRAG_END_EVENT as n, COLUMN_DRAG_START_EVENT as o, ColumnMovePlugin as p, getLeftRelative as q, SortingPlugin as r, sortIndexByItems as s, defaultCellCompare as t, descCellCompare as u, getNextOrder as v, getComparer as w };

package/dist/revo-grid/{column.service-Cdz3dYqZ.js → column.service-CCvAi5l4.js}

@@ -1,7 +1,7 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { a5 as toFinite, a6 as keys, _ as isArrayLike, a4 as baseIteratee, Y as isArray, P as GRID_INTERNALS, a7 as isIterateeCall, a as getVisibleSourceItem, z as DISABLED_CLASS, C as CELL_CLASS, b as getSourceItem } from './dimension.helpers-DzxqJQqN.js';
+import { a3 as toFinite, a4 as keys, _ as isArrayLike, a5 as baseIteratee, Y as isArray, P as GRID_INTERNALS, a6 as isIterateeCall, a as getVisibleSourceItem, z as DISABLED_CLASS, C as CELL_CLASS, b as getSourceItem } from './dimension.helpers-DmIvjIa7.js';
 
 /**
  * Converts `value` to an integer.

package/dist/{esm/dimension.helpers-DzxqJQqN.js → revo-grid/dimension.helpers-DmIvjIa7.js}

@@ -3617,4 +3617,4 @@ function getItemByIndex(dimension, index) {
     return item;
 }
 
-export { getTag as $, ROW_HEADER_TYPE as A, HEADER_SORTABLE_CLASS as B, CELL_CLASS as C, DataStore as D, HEADER_ROW_CLASS as E, HEADER_ACTUAL_ROW_CLASS as F, DRAG_ICON_CLASS as G, HEADER_CLASS as H, DRAGGABLE_CLASS as I, FOCUS_CLASS as J, MOBILE_CLASS as K, CELL_HANDLER_CLASS as L, MIN_COL_SIZE as M, EDIT_INPUT_WR as N, DRAGG_TEXT as O, GRID_INTERNALS as P, ROW_FOCUSED_CLASS as Q, RESIZE_INTERVAL as R, SELECTION_BORDER_CLASS as S, TMP_SELECTION_BG_CLASS as T, codesLetter as U, keyValues as V, createStore as W, identity as X, isArray as Y, baseProperty as Z, isArrayLike as _, getVisibleSourceItem as a, baseKeys as a0, KeyCodesEnum as a1, OsPlatform as a2, getNative as a3, baseIteratee as a4, toFinite as a5, keys as a6, isIterateeCall as a7, getSourceItem as b, getSourcePhysicalIndex as c, setSourceByPhysicalIndex as d, setItems as e, getSourceItemVirtualIndexByProp as f, getPhysical as g, gatherTrimmedItems as h, calculateDimensionData as i, getItemByPosition as j, getItemByIndex as k, findPositionInArray as l, pushSorted as m, mergeSortedArray as n, getScrollbarSize as o, proxyPlugin as p, scaleValue as q, range as r, setSourceByVirtualIndex as s, trimmedPlugin as t, timeout as u, applyMixins as v, setStore as w, DATA_COL as x, DATA_ROW as y, DISABLED_CLASS as z };
+export { getTag as $, ROW_HEADER_TYPE as A, HEADER_SORTABLE_CLASS as B, CELL_CLASS as C, DataStore as D, HEADER_ROW_CLASS as E, HEADER_ACTUAL_ROW_CLASS as F, DRAG_ICON_CLASS as G, HEADER_CLASS as H, DRAGGABLE_CLASS as I, FOCUS_CLASS as J, MOBILE_CLASS as K, CELL_HANDLER_CLASS as L, MIN_COL_SIZE as M, EDIT_INPUT_WR as N, DRAGG_TEXT as O, GRID_INTERNALS as P, ROW_FOCUSED_CLASS as Q, RESIZE_INTERVAL as R, SELECTION_BORDER_CLASS as S, TMP_SELECTION_BG_CLASS as T, codesLetter as U, keyValues as V, createStore as W, identity as X, isArray as Y, baseProperty as Z, isArrayLike as _, getVisibleSourceItem as a, baseKeys as a0, KeyCodesEnum as a1, OsPlatform as a2, toFinite as a3, keys as a4, baseIteratee as a5, isIterateeCall as a6, getSourceItem as b, getSourcePhysicalIndex as c, setSourceByPhysicalIndex as d, setItems as e, getSourceItemVirtualIndexByProp as f, getPhysical as g, gatherTrimmedItems as h, calculateDimensionData as i, getItemByPosition as j, getItemByIndex as k, findPositionInArray as l, pushSorted as m, mergeSortedArray as n, getScrollbarSize as o, proxyPlugin as p, scaleValue as q, range as r, setSourceByVirtualIndex as s, trimmedPlugin as t, timeout as u, applyMixins as v, setStore as w, DATA_COL as x, DATA_ROW as y, DISABLED_CLASS as z };

package/dist/revo-grid/{edit.utils-CzfeG98N.js → edit.utils-DYN6XZh8.js}

@@ -1,7 +1,7 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { a1 as KeyCodesEnum, a2 as OsPlatform, U as codesLetter, V as keyValues, N as EDIT_INPUT_WR } from './dimension.helpers-DzxqJQqN.js';
+import { a1 as KeyCodesEnum, a2 as OsPlatform, U as codesLetter, V as keyValues, N as EDIT_INPUT_WR } from './dimension.helpers-DmIvjIa7.js';
 
 function isMetaKey(code) {
     const keys = [
@@ -83,6 +83,26 @@ function isAll(event) {
     return ((event.ctrlKey && event.code === 'KeyA') || // Ctrl + A on Windows
         (event.metaKey && event.code === 'KeyA')); // Cmd + A on Mac
 }
+/**
+ * Returns true when a keyboard event represents a shortcut modifier that
+ * should not start cell editing from printable `event.key` input.
+ *
+ * AltGr is intentionally excluded because many Windows/Linux layouts expose
+ * printable AltGr characters as Ctrl+Alt key events.
+ */
+function isShortcutModifier(event) {
+    var _a;
+    if ((_a = event.getModifierState) === null || _a === void 0 ? void 0 : _a.call(event, 'AltGraph')) {
+        return false;
+    }
+    if (event.ctrlKey &&
+        event.altKey &&
+        !event.metaKey &&
+        event.key.length === 1) {
+        return false;
+    }
+    return event.ctrlKey || event.metaKey;
+}
 
 // is edit input
 function isEditInput(el) {
@@ -93,4 +113,4 @@ function isEditorCtrConstructible(editor) {
     return typeof editor === 'function' && typeof editor.prototype === 'object';
 }
 
-export { isCtrlKey as a, isCtrlMetaKey as b, isClear as c, isTab as d, isTabKeyValue as e, isEnterKeyValue as f, isCut as g, isCopy as h, isMetaKey as i, isPaste as j, isAll as k, isEditInput as l, isEditorCtrConstructible as m };
+export { isCtrlKey as a, isCtrlMetaKey as b, isClear as c, isTab as d, isTabKeyValue as e, isEnterKeyValue as f, isCut as g, isCopy as h, isMetaKey as i, isPaste as j, isAll as k, isShortcutModifier as l, isEditInput as m, isEditorCtrConstructible as n };

package/dist/{esm/header-cell-renderer-DXhxZMly.js → revo-grid/header-cell-renderer-DU8wKAbg.js}

@@ -2,7 +2,7 @@
  * Built by Revolist OU ❤️
  */
 import { h } from './index-Chp_81rd.js';
-import { Q as doPropMerge } from './column.service-Cdz3dYqZ.js';
+import { Q as doPropMerge } from './column.service-CCvAi5l4.js';
 
 /**
  * Dispatches a custom event to a specified target element.

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

@@ -1,16 +1,16 @@
 /*!
  * 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-Cdz3dYqZ.js';
-import { B as BasePlugin } from './column.drag.plugin-DEqZ2qXJ.js';
-export { A as AutoSizeColumnPlugin, C as ColumnAutoSizeMode, l 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, n as SortingPlugin, a as StretchColumn, o as defaultCellCompare, p as descCellCompare, j as doCollapse, k as doExpand, f as filterCoreFunctionsIndexedByType, h as filterNames, g as filterTypes, r as getComparer, m as getLeftRelative, q as getNextOrder, i as isStretchPlugin, s as sortIndexByItems } from './column.drag.plugin-DEqZ2qXJ.js';
-export { d as dispatch, a as dispatchByEvent } from './header-cell-renderer-DXhxZMly.js';
-export { C as CellRenderer, G as GroupingRowRenderer, S as SortingSign, e as expandEvent, a as expandSvgIconVNode } from './cell-renderer-K_BKH7Kx.js';
-export { C as CELL_CLASS, L as CELL_HANDLER_CLASS, x as DATA_COL, y as DATA_ROW, z as DISABLED_CLASS, I as DRAGGABLE_CLASS, O as DRAGG_TEXT, G as DRAG_ICON_CLASS, D as DataStore, N as EDIT_INPUT_WR, J as FOCUS_CLASS, P as GRID_INTERNALS, F as HEADER_ACTUAL_ROW_CLASS, H as HEADER_CLASS, E as HEADER_ROW_CLASS, B as HEADER_SORTABLE_CLASS, M as MIN_COL_SIZE, K as MOBILE_CLASS, R as RESIZE_INTERVAL, Q as ROW_FOCUSED_CLASS, A as ROW_HEADER_TYPE, S as SELECTION_BORDER_CLASS, T as TMP_SELECTION_BG_CLASS, v as applyMixins, i as calculateDimensionData, U as codesLetter, l as findPositionInArray, h as gatherTrimmedItems, k as getItemByIndex, j as getItemByPosition, g as getPhysical, o as getScrollbarSize, b as getSourceItem, f as getSourceItemVirtualIndexByProp, c as getSourcePhysicalIndex, a as getVisibleSourceItem, V as keyValues, n as mergeSortedArray, p as proxyPlugin, m as pushSorted, r as range, q as scaleValue, e as setItems, d as setSourceByPhysicalIndex, s as setSourceByVirtualIndex, w as setStore, u as timeout, t as trimmedPlugin } from './dimension.helpers-DzxqJQqN.js';
-export { T as TextEditor } from './text-editor-C1ks5eQ4.js';
-export { k as isAll, c as isClear, h as isCopy, a as isCtrlKey, b as isCtrlMetaKey, g as isCut, l as isEditInput, m as isEditorCtrConstructible, f as isEnterKeyValue, i as isMetaKey, j as isPaste, d as isTab, e as isTabKeyValue } from './edit.utils-CzfeG98N.js';
+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-CCvAi5l4.js';
+import { B as BasePlugin } from './column.drag.plugin-Dy5ztusn.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, r as SortingPlugin, a as StretchColumn, t as defaultCellCompare, u as descCellCompare, j as doCollapse, k as doExpand, f as filterCoreFunctionsIndexedByType, h as filterNames, g as filterTypes, w as getComparer, q as getLeftRelative, v as getNextOrder, i as isStretchPlugin, s as sortIndexByItems } from './column.drag.plugin-Dy5ztusn.js';
+export { d as dispatch, a as dispatchByEvent } from './header-cell-renderer-DU8wKAbg.js';
+export { C as CellRenderer, G as GroupingRowRenderer, S as SortingSign, e as expandEvent, a as expandSvgIconVNode } from './cell-renderer-CALsEsnh.js';
+export { C as CELL_CLASS, L as CELL_HANDLER_CLASS, x as DATA_COL, y as DATA_ROW, z as DISABLED_CLASS, I as DRAGGABLE_CLASS, O as DRAGG_TEXT, G as DRAG_ICON_CLASS, D as DataStore, N as EDIT_INPUT_WR, J as FOCUS_CLASS, P as GRID_INTERNALS, F as HEADER_ACTUAL_ROW_CLASS, H as HEADER_CLASS, E as HEADER_ROW_CLASS, B as HEADER_SORTABLE_CLASS, M as MIN_COL_SIZE, K as MOBILE_CLASS, R as RESIZE_INTERVAL, Q as ROW_FOCUSED_CLASS, A as ROW_HEADER_TYPE, S as SELECTION_BORDER_CLASS, T as TMP_SELECTION_BG_CLASS, v as applyMixins, i as calculateDimensionData, U as codesLetter, l as findPositionInArray, h as gatherTrimmedItems, k as getItemByIndex, j as getItemByPosition, g as getPhysical, o as getScrollbarSize, b as getSourceItem, f as getSourceItemVirtualIndexByProp, c as getSourcePhysicalIndex, a as getVisibleSourceItem, V as keyValues, n as mergeSortedArray, p as proxyPlugin, m as pushSorted, r as range, q as scaleValue, e as setItems, d as setSourceByPhysicalIndex, s as setSourceByVirtualIndex, w as setStore, u as timeout, t as trimmedPlugin } from './dimension.helpers-DmIvjIa7.js';
+export { T as TextEditor } from './text-editor-DpCnd6Fq.js';
+export { k as isAll, c as isClear, h as isCopy, a as isCtrlKey, b as isCtrlMetaKey, g as isCut, m as isEditInput, n as isEditorCtrConstructible, f as isEnterKeyValue, i as isMetaKey, j as isPaste, l as isShortcutModifier, d as isTab, e as isTabKeyValue } from './edit.utils-DYN6XZh8.js';
 export { h } from './index-Chp_81rd.js';
-export { V as ViewportStore, a as addMissingItems, f as calculateRowHeaderSize, d as getFirstItem, b as getItems, e as getLastItem, g as getUpdatedItemsByPosition, i as isActiveRange, c as isActiveRangeOutsideLastItem, r as recombineByOffset, s as setItemSizes, u as updateMissingAndRange } from './viewport.store-saAZJHRo.js';
+export { V as ViewportStore, a as addMissingItems, f as calculateRowHeaderSize, d as getFirstItem, b as getItems, e as getLastItem, g as getUpdatedItemsByPosition, i as isActiveRange, c as isActiveRangeOutsideLastItem, r as recombineByOffset, s as setItemSizes, u as updateMissingAndRange } from './viewport.store-CFjDW-3l.js';
 export { A as AND_OR_BUTTON, e as AndOrButton, a as FILTER_BUTTON_ACTIVE, F as FILTER_BUTTON_CLASS, b as FILTER_PROP, c as FilterButton, T as TRASH_BUTTON, d as TrashButton, i as isFilterBtn } from './filter.button-C8XTWPU2.js';
 import './debounce-BfO9dz9v.js';
 
@@ -84,6 +84,10 @@ const REVOGRID_EVENTS = new Map([
     ['beforeheaderrender', 'beforeheaderrender'],
     ['beforegroupheaderrender', 'beforegroupheaderrender'],
     ['afterheaderrender', 'afterheaderrender'],
+    ['columndragstart', 'columndragstart'],
+    ['columndragmousemove', 'columndragmousemove'],
+    ['beforecolumndragend', 'beforecolumndragend'],
+    ['columndragend', 'columndragend'],
     ['rowdragstartinit', 'rowdragstartinit'],
     ['rowdragendinit', 'rowdragendinit'],
     ['rowdragmoveinit', 'rowdragmoveinit'],