handsontable 15.1.0-next-7652ed7-20250219 → 15.2.0-next-8670a33-20250312

package/dist/handsontable.full.js

@@ -25,8 +25,8 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  *
- * Version: 15.1.0-next-7652ed7-20250219
- * Release date: 20/02/2025 (built at 19/02/2025 10:42:22)
+ * Version: 15.2.0-next-8670a33-20250312
+ * Release date: 19/03/2025 (built at 12/03/2025 10:12:02)
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -42681,7 +42681,7 @@ exports.CellRange = _base.CellRange;
 var _registry = __webpack_require__(764);
 var _eventManager = _interopRequireWildcard(__webpack_require__(522));
 var _translations = __webpack_require__(625);
-var _jquery = _interopRequireDefault(__webpack_require__(1100));
+var _jquery = _interopRequireDefault(__webpack_require__(1099));
 var _ghostTable = _interopRequireDefault(__webpack_require__(843));
 var parseTableHelpers = _interopRequireWildcard(__webpack_require__(524));
 var arrayHelpers = _interopRequireWildcard(__webpack_require__(495));
@@ -42855,8 +42855,8 @@ Handsontable.hooks = _hooks.Hooks.getSingleton();
 Handsontable.CellCoords = _src.CellCoords;
 Handsontable.CellRange = _src.CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "19/02/2025 10:42:22";
-Handsontable.version = "15.1.0-next-7652ed7-20250219";
+Handsontable.buildDate = "12/03/2025 10:12:02";
+Handsontable.version = "15.2.0-next-8670a33-20250312";
 Handsontable.languages = {
   dictionaryKeys: _registry.dictionaryKeys,
   getLanguageDictionary: _registry.getLanguageDictionary,
@@ -46435,6 +46435,7 @@ function Core(rootElement, userSettings) {
    * @returns {number}
    */
   this._getRowHeightFromSettings = function (row) {
+    const defaultRowHeight = this.view.getDefaultRowHeight();
     let height = tableMeta.rowHeights;
     if (height !== undefined && height !== null) {
       switch (typeof height) {
@@ -46452,7 +46453,7 @@ function Core(rootElement, userSettings) {
         height = parseInt(height, 10);
       }
     }
-    return height;
+    return height !== undefined && height !== null && height < defaultRowHeight ? defaultRowHeight : height;
   };
 
   /**
@@ -47567,42 +47568,6 @@ function Core(rootElement, userSettings) {
   this._getEditorManager = function () {
     return editorManager;
   };
-
-  /**
-   * Check if currently it is RTL direction.
-   *
-   * @private
-   * @memberof Core#
-   * @function isRtl
-   * @returns {boolean} True if RTL.
-   */
-  this.isRtl = function () {
-    return instance.rootWindow.getComputedStyle(instance.rootElement).direction === 'rtl';
-  };
-
-  /**
-   * Check if currently it is LTR direction.
-   *
-   * @private
-   * @memberof Core#
-   * @function isLtr
-   * @returns {boolean} True if LTR.
-   */
-  this.isLtr = function () {
-    return !instance.isRtl();
-  };
-
-  /**
-   * Returns 1 for LTR; -1 for RTL. Useful for calculations.
-   *
-   * @private
-   * @memberof Core#
-   * @function getDirectionFactor
-   * @returns {number} Returns 1 for LTR; -1 for RTL.
-   */
-  this.getDirectionFactor = function () {
-    return instance.isLtr() ? 1 : -1;
-  };
   const shortcutManager = (0, _shortcuts.createShortcutManager)({
     handleEvent() {
       return instance.isListening();
@@ -48391,10 +48356,10 @@ var SHARED = '__core-js_shared__';
 var store = module.exports = globalThis[SHARED] || defineGlobalProperty(SHARED, {});
 
 (store.versions || (store.versions = [])).push({
-  version: '3.40.0',
+  version: '3.41.0',
   mode: IS_PURE ? 'pure' : 'global',
   copyright: '© 2014-2025 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.40.0/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.41.0/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
@@ -51446,6 +51411,7 @@ exports.innerHeight = innerHeight;
 exports.innerWidth = innerWidth;
 exports.isChildOf = isChildOf;
 exports.isDetached = isDetached;
+exports.isHTMLElement = isHTMLElement;
 exports.isInput = isInput;
 exports.isOutsideInput = isOutsideInput;
 exports.isThisHotChild = isThisHotChild;
@@ -52414,20 +52380,26 @@ function getScrollbarWidth() {
 /**
  * Checks if the provided element has a vertical scrollbar.
  *
- * @param {HTMLElement} element An element to check.
+ * @param {HTMLElement|Window} element An element to check.
  * @returns {boolean}
  */
 function hasVerticalScrollbar(element) {
+  if (element instanceof Window) {
+    return element.document.body.scrollHeight > element.innerHeight;
+  }
   return element.offsetWidth !== element.clientWidth;
 }
 
 /**
  * Checks if the provided element has a vertical scrollbar.
  *
- * @param {HTMLElement} element An element to check.
+ * @param {HTMLElement|Window} element An element to check.
  * @returns {boolean}
  */
 function hasHorizontalScrollbar(element) {
+  if (element instanceof Window) {
+    return element.document.body.scrollWidth > element.innerWidth;
+  }
   return element.offsetHeight !== element.clientHeight;
 }
 
@@ -52590,6 +52562,18 @@ function runWithSelectedContendEditableElement(element, callback) {
   removeContentEditableFromElementAndDeselect(element, invisibleSelection);
 }
 
+/**
+ * Check if the element is HTMLElement.
+ *
+ * @param {*} element Element to check.
+ * @returns {boolean} `true` if the element is HTMLElement.
+ */
+function isHTMLElement(element) {
+  var _element$ownerDocumen;
+  const OwnElement = element === null || element === void 0 || (_element$ownerDocumen = element.ownerDocument) === null || _element$ownerDocumen === void 0 ? void 0 : _element$ownerDocumen.defaultView.Element;
+  return !!(OwnElement && OwnElement !== null && element instanceof OwnElement);
+}
+
 /***/ }),
 /* 352 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
@@ -54198,7 +54182,7 @@ const domMessages = {
 function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "15.1.0-next-7652ed7-20250219";
+  const hotVersion = "15.2.0-next-8670a33-20250312";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';
@@ -54206,7 +54190,7 @@ function _injectProductInfo(key, element) {
   const schemaValidity = _checkKeySchema(key);
   if (hasValidType || isNonCommercial || schemaValidity) {
     if (schemaValidity) {
-      const releaseDate = (0, _moment.default)("20/02/2025", 'DD/MM/YYYY');
+      const releaseDate = (0, _moment.default)("19/03/2025", 'DD/MM/YYYY');
       const releaseDays = Math.floor(releaseDate.toDate().getTime() / 8.64e7);
       const keyValidityDays = _extractTime(key);
       keyValidityDate = (0, _moment.default)((keyValidityDays + 1) * 8.64e7, 'x').format('MMMM DD, YYYY');
@@ -63192,7 +63176,7 @@ function isKey(keyCode, baseCode) {
 
 /***/ }),
 /* 509 */
-/***/ ((__unused_webpack_module, exports) => {
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
@@ -63204,6 +63188,7 @@ exports.isRightClick = isRightClick;
 exports.isTouchEvent = isTouchEvent;
 exports.offsetRelativeTo = offsetRelativeTo;
 exports.stopImmediatePropagation = stopImmediatePropagation;
+var _element = __webpack_require__(351);
 /**
  * Prevent other listeners of the same event from being called.
  *
@@ -63267,7 +63252,7 @@ function offsetRelativeTo(event, untilElement) {
     y: event.offsetY
   };
   let element = event.target;
-  if (!(untilElement instanceof HTMLElement) || element !== untilElement && element.contains(untilElement)) {
+  if (!(0, _element.isHTMLElement)(untilElement) || element !== untilElement && element.contains(untilElement)) {
     return offset;
   }
   while (element !== untilElement) {
@@ -67350,7 +67335,7 @@ class FocusManager {
         return;
       }
       let elementToBeFocused = _classPrivateFieldGet(_hot, this).runHooks('modifyFocusedElement', currentHighlightCoords.row, currentHighlightCoords.col, element);
-      if (!(elementToBeFocused instanceof HTMLElement)) {
+      if (!(0, _element.isHTMLElement)(elementToBeFocused)) {
         elementToBeFocused = element;
       }
       if (elementToBeFocused && !((_classPrivateFieldGet4 = _classPrivateFieldGet(_hot, this).getActiveEditor()) !== null && _classPrivateFieldGet4 !== void 0 && _classPrivateFieldGet4.isOpened())) {
@@ -67377,6 +67362,8 @@ class FocusManager {
     let delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _classPrivateFieldGet(_refocusDelay, this);
     // Re-focus on the editor's `TEXTAREA` element (or a predefined element) if the `imeFastEdit` option is enabled.
     if (_classPrivateFieldGet(_hot, this).getSettings().imeFastEdit && !((_classPrivateFieldGet5 = _classPrivateFieldGet(_hot, this).getActiveEditor()) !== null && _classPrivateFieldGet5 !== void 0 && _classPrivateFieldGet5.isOpened())) {
+      var _classPrivateFieldGet6, _classPrivateFieldGet7;
+      (_classPrivateFieldGet6 = _classPrivateFieldGet(_hot, this).getActiveEditor()) === null || _classPrivateFieldGet6 === void 0 || (_classPrivateFieldGet7 = _classPrivateFieldGet6.refreshValue) === null || _classPrivateFieldGet7 === void 0 || _classPrivateFieldGet7.call(_classPrivateFieldGet6);
       if (!_classPrivateFieldGet(_debouncedSelect, this).has(delay)) {
         _classPrivateFieldGet(_debouncedSelect, this).set(delay, (0, _function.debounce)(() => {
           var _this$getRefocusEleme;
@@ -67389,8 +67376,8 @@ class FocusManager {
 }
 exports.FocusManager = FocusManager;
 function _getSelectedCell(callback) {
-  var _classPrivateFieldGet6;
-  const highlight = (_classPrivateFieldGet6 = _classPrivateFieldGet(_hot, this).getSelectedRangeLast()) === null || _classPrivateFieldGet6 === void 0 ? void 0 : _classPrivateFieldGet6.highlight;
+  var _classPrivateFieldGet8;
+  const highlight = (_classPrivateFieldGet8 = _classPrivateFieldGet(_hot, this).getSelectedRangeLast()) === null || _classPrivateFieldGet8 === void 0 ? void 0 : _classPrivateFieldGet8.highlight;
   if (!highlight || !_classPrivateFieldGet(_hot, this).selection.isCellVisible(highlight)) {
     callback(null);
     return;
@@ -68110,6 +68097,7 @@ function unifyPluginArguments(pluginName, pluginClass, priority) {
 exports.__esModule = true;
 exports.createPriorityMap = createPriorityMap;
 __webpack_require__(201);
+__webpack_require__(311);
 __webpack_require__(338);
 var _number = __webpack_require__(534);
 var _function = __webpack_require__(497);
@@ -68199,6 +68187,7 @@ __webpack_require__(303);
 __webpack_require__(305);
 __webpack_require__(307);
 __webpack_require__(309);
+__webpack_require__(311);
 __webpack_require__(338);
 /* eslint-disable jsdoc/require-description-complete-sentence */
 /**
@@ -70241,6 +70230,15 @@ class TableView {
     return this._wt.wtTable.getHeight();
   }
 
+  /**
+   * Gets the table's offset.
+   *
+   * @returns {{ left: number, top: number }}
+   */
+  getTableOffset() {
+    return this._wt.wtViewport.getWorkspaceOffset();
+  }
+
   /**
    * Gets the row header width. If there are multiple row headers, the width of
    * the sum of all of them is returned.
@@ -74456,6 +74454,7 @@ class Table {
       holder = this.domBindings.rootDocument.createElement('div');
       holder.style.position = 'relative';
       holder.className = 'wtHolder';
+      (0, _element.setAttribute)(holder, [(0, _a11y.A11Y_TABINDEX)(-1)]);
       if (parent) {
         // if TABLE is detached (e.g. in Jasmine test), it has no parentNode so we cannot attach holder to it
         parent.insertBefore(holder, hider);
@@ -74852,12 +74851,12 @@ class Table {
       row = totalRows - CONTAINER.childNodes.length + row;
     } else if (CONTAINER === this.THEAD) {
       row = this.rowFilter.visibleColHeadedRowToSourceRow(row);
-    } else {
+    } else if (this.rowFilter) {
       row = this.rowFilter.renderedToSource(row);
     }
     if ((0, _element.overlayContainsElement)(_overlay.CLONE_TOP_INLINE_START_CORNER, cellElement, this.wtRootElement) || (0, _element.overlayContainsElement)(_overlay.CLONE_INLINE_START, cellElement, this.wtRootElement) || (0, _element.overlayContainsElement)(_overlay.CLONE_BOTTOM_INLINE_START_CORNER, cellElement, this.wtRootElement)) {
       col = this.columnFilter.offsettedTH(col);
-    } else {
+    } else if (this.columnFilter) {
       col = this.columnFilter.visibleRowHeadedColumnToSourceColumn(col);
     }
     const hookResult = this.wtSettings.getSetting('onModifyGetCoordsElement', row, col);
@@ -76257,6 +76256,7 @@ exports.ViewDiffer = ViewDiffer;
 var _interopRequireDefault = __webpack_require__(197);
 exports.__esModule = true;
 __webpack_require__(576);
+__webpack_require__(311);
 __webpack_require__(338);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(504));
 /**
@@ -80775,7 +80775,7 @@ function _scanCellsRange(callback) {
     }
   } else {
     const cell = wtTable.getCell(_classPrivateFieldGet(_activeOverlaysWot, this).createCellCoords(topRow, startColumn));
-    if (!(cell instanceof HTMLElement)) {
+    if (!(0, _element.isHTMLElement)(cell)) {
       return;
     }
   }
@@ -81002,8 +81002,14 @@ class Border {
    */
   createMultipleSelectorHandles() {
     const {
-      rootDocument
+      rootDocument,
+      stylesHandler
     } = this.wot;
+    const cellMobileHandleSize = stylesHandler.getCSSVariableValue('cell-mobile-handle-size');
+    const cellMobileHandleBorderRadius = stylesHandler.getCSSVariableValue('cell-mobile-handle-border-radius');
+    const cellMobileHandleBackgroundColor = stylesHandler.getCSSVariableValue('cell-mobile-handle-background-color');
+    const cellMobileHandleBorderWidth = stylesHandler.getCSSVariableValue('cell-mobile-handle-border-width');
+    const cellMobileHandleBorderColor = stylesHandler.getCSSVariableValue('cell-mobile-handle-border-color');
     this.selectionHandles = {
       top: rootDocument.createElement('DIV'),
       topHitArea: rootDocument.createElement('DIV'),
@@ -81032,13 +81038,20 @@ class Border {
       this.selectionHandles.styles.bottomHitArea[key] = value;
       this.selectionHandles.styles.topHitArea[key] = value;
     });
-    const handleStyle = {
+    const handleStyle = stylesHandler.isClassicTheme() ? {
       position: 'absolute',
       height: `${width}px`,
       width: `${width}px`,
       'border-radius': `${parseInt(width / 1.5, 10)}px`,
       background: '#F5F5FF',
       border: '1px solid #4285c8'
+    } : {
+      position: 'absolute',
+      height: `${cellMobileHandleSize}px`,
+      width: `${cellMobileHandleSize}px`,
+      'border-radius': `${cellMobileHandleBorderRadius}px`,
+      background: `${cellMobileHandleBackgroundColor}`,
+      border: `${cellMobileHandleBorderWidth}px solid ${cellMobileHandleBorderColor}`
     };
     (0, _object.objectEach)(handleStyle, (value, key) => {
       this.selectionHandles.styles.bottom[key] = value;
@@ -81163,7 +81176,7 @@ class Border {
       fromTD = wtTable.getCell(this.wot.createCellCoords(fromRow, fromColumn));
     } else {
       fromTD = wtTable.getCell(this.wot.createCellCoords(fromRow, fromColumn));
-      if (!(fromTD instanceof HTMLElement)) {
+      if (!(0, _element.isHTMLElement)(fromTD)) {
         this.disappear();
         return;
       }
@@ -82576,6 +82589,7 @@ var _default = exports["default"] = MasterTable;
 
 
 exports.__esModule = true;
+__webpack_require__(311);
 __webpack_require__(338);
 var _element = __webpack_require__(351);
 var _object = __webpack_require__(499);
@@ -82698,7 +82712,20 @@ class Viewport {
    * @returns {boolean}
    */
   hasVerticalScroll() {
-    return this.wtTable.hider.offsetHeight > this.getWorkspaceHeight();
+    if (this.isVerticallyScrollableByWindow()) {
+      const documentElement = this.domBindings.rootDocument.documentElement;
+      return documentElement.scrollHeight > documentElement.clientHeight;
+    }
+    const {
+      holder,
+      hider
+    } = this.wtTable;
+    const holderHeight = holder.clientHeight;
+    const hiderOffsetHeight = hider.offsetHeight;
+    if (holderHeight < hiderOffsetHeight) {
+      return true;
+    }
+    return hiderOffsetHeight > this.getWorkspaceHeight();
   }
 
   /**
@@ -82707,7 +82734,20 @@ class Viewport {
    * @returns {boolean}
    */
   hasHorizontalScroll() {
-    return this.wtTable.hider.offsetWidth > this.getWorkspaceWidth();
+    if (this.isVerticallyScrollableByWindow()) {
+      const documentElement = this.domBindings.rootDocument.documentElement;
+      return documentElement.scrollWidth > documentElement.clientWidth;
+    }
+    const {
+      holder,
+      hider
+    } = this.wtTable;
+    const holderWidth = holder.clientWidth;
+    const hiderOffsetWidth = hider.offsetWidth;
+    if (holderWidth < hiderOffsetWidth) {
+      return true;
+    }
+    return hiderOffsetWidth > this.getWorkspaceWidth();
   }
 
   /**
@@ -82747,7 +82787,7 @@ class Viewport {
    * @returns {number}
    */
   getWorkspaceOffset() {
-    return (0, _element.offset)(this.wtTable.TABLE);
+    return (0, _element.offset)(this.wtTable.holder);
   }
 
   /**
@@ -83726,8 +83766,8 @@ class DataSource {
         value = valueHolder.value;
       }
     }
-    if (!Number.isInteger(row)) {
-      // invalid row number
+    if (['__proto__', 'constructor', 'prototype'].includes(row)) {
+      // prevent prototype pollution
       return;
     }
     if (!Number.isInteger(column)) {
@@ -85214,6 +85254,7 @@ exports.IndexMap = IndexMap;
 exports.__esModule = true;
 exports.getListWithInsertedItems = getListWithInsertedItems;
 exports.getListWithRemovedItems = getListWithRemovedItems;
+__webpack_require__(311);
 __webpack_require__(338);
 var _function = __webpack_require__(497);
 var _array = __webpack_require__(495);
@@ -85258,6 +85299,7 @@ function getListWithRemovedItems(indexedValues, removedIndexes) {
 
 var _interopRequireDefault = __webpack_require__(197);
 exports.__esModule = true;
+__webpack_require__(311);
 __webpack_require__(338);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(504));
 var _indexMap = __webpack_require__(632);
@@ -89839,7 +89881,7 @@ class DataMap {
     this.metaManager = metaManager;
     this.tableMeta = metaManager.getTableMeta();
     this.dataSource = data;
-    this.duckSchema = this.createDuckSchema();
+    this.refreshDuckSchema();
     this.createMap();
   }
 
@@ -90202,14 +90244,10 @@ class DataMap {
     // List of removed indexes might be changed in the `beforeRemoveRow` hook. There may be new values.
     const numberOfRemovedIndexes = removedPhysicalIndexes.length;
     this.filterData(rowIndex, numberOfRemovedIndexes, removedPhysicalIndexes);
-
-    // TODO: Function `removeRow` should validate fully, probably above.
     if (rowIndex < this.hot.countRows()) {
       this.hot.rowIndexMapper.removeIndexes(removedPhysicalIndexes);
-      const customDefinedColumns = (0, _mixed.isDefined)(this.tableMeta.columns) || (0, _mixed.isDefined)(this.tableMeta.dataSchema);
-
-      // All rows have been removed. There shouldn't be any columns.
-      if (this.hot.rowIndexMapper.getNotTrimmedIndexesLength() === 0 && customDefinedColumns === false) {
+      const preserveColumns = (0, _mixed.isDefined)(this.tableMeta.columns) || (0, _mixed.isDefined)(this.tableMeta.dataSchema) || this.tableMeta.colHeaders;
+      if (this.hot.rowIndexMapper.getNotTrimmedIndexesLength() === 0 && !preserveColumns) {
         this.hot.columnIndexMapper.setIndexesSequence([]);
       }
     }
@@ -90272,13 +90310,9 @@ class DataMap {
         }
       }
     }
-
-    // TODO: Function `removeCol` should validate fully, probably above.
     if (columnIndex < this.hot.countCols()) {
       this.hot.columnIndexMapper.removeIndexes(removedPhysicalIndexes);
-
-      // All columns have been removed. There shouldn't be any rows.
-      if (this.hot.columnIndexMapper.getNotTrimmedIndexesLength() === 0) {
+      if (!this.tableMeta.rowHeaders && this.hot.columnIndexMapper.getNotTrimmedIndexesLength() === 0) {
         this.hot.rowIndexMapper.setIndexesSequence([]);
       }
     }
@@ -95282,8 +95316,8 @@ var _default = () => {
     /**
      * The `rowHeights` option sets rows' heights, in pixels.
      *
-     * In the rendering process, the default row height is 23 px (in the classic theme: 22 px + 1 px of the row's bottom border) or whatever is defined in the used theme (based on the line height, vertical padding and cell borders).
-     * You can change it to equal or greater than the defautl value, by setting the `rowHeights` option to one of the following:
+     * In the rendering process, the default row height is `classic: 23px`, `main: 29px`, `horizon: 37px` (in the classic theme: 22px + 1px of the row's bottom border) or whatever is defined in the used theme (based on the line height, vertical padding and cell borders).
+     * You can change it to equal or greater than the default value, by setting the `rowHeights` option to one of the following:
      *
      * | Setting     | Description                                                                                         | Example                                                      |
      * | ----------- | --------------------------------------------------------------------------------------------------- | ------------------------------------------------------------ |
@@ -100613,6 +100647,7 @@ exports.createContext = createContext;
 
 
 exports.__esModule = true;
+__webpack_require__(311);
 __webpack_require__(338);
 // This file handles key-name discrepancies between browsers.
 // For the list of discrepancies, go to: https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values.
@@ -101754,18 +101789,9 @@ function textRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
   if (cellProperties.trimWhitespace) {
     escaped = escaped.trim();
   }
-  if (cellProperties.rendererTemplate) {
-    (0, _element.empty)(TD);
-    const TEMPLATE = hotInstance.rootDocument.createElement('TEMPLATE');
-    TEMPLATE.setAttribute('bind', '{{}}');
-    TEMPLATE.innerHTML = cellProperties.rendererTemplate;
-    HTMLTemplateElement.decorate(TEMPLATE);
-    TEMPLATE.model = hotInstance.getSourceDataAtRow(row);
-    TD.appendChild(TEMPLATE);
-  } else {
-    // this is faster than innerHTML. See: https://github.com/handsontable/handsontable/wiki/JavaScript-&-DOM-performance-tips
-    (0, _element.fastInnerText)(TD, escaped);
-  }
+
+  // this is faster than innerHTML. See: https://github.com/handsontable/handsontable/wiki/JavaScript-&-DOM-performance-tips
+  (0, _element.fastInnerText)(TD, escaped);
 }
 textRenderer.RENDERER_TYPE = RENDERER_TYPE;
 
@@ -101994,6 +102020,7 @@ var _string = __webpack_require__(352);
 var _unicode = __webpack_require__(508);
 var _textRenderer = __webpack_require__(760);
 var _a11y = __webpack_require__(496);
+function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
@@ -102005,9 +102032,14 @@ const EDITOR_TYPE = exports.EDITOR_TYPE = 'autocomplete';
  * @class AutocompleteEditor
  */
 var _idPrefix = /*#__PURE__*/new WeakMap();
+var _AutocompleteEditor_brand = /*#__PURE__*/new WeakSet();
 class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
   constructor() {
     super(...arguments);
+    /**
+     * Fix width of the internal Handsontable's instance when editor has vertical scroll.
+     */
+    _classPrivateMethodInitSpec(this, _AutocompleteEditor_brand);
     /**
      * Query string to turn available values over.
      *
@@ -102315,21 +102347,16 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
    * @returns {boolean}
    */
   flipDropdownIfNeeded() {
-    const trimmingContainer = (0, _element.getTrimmingContainer)(this.hot.view._wt.wtTable.TABLE);
-    const isWindowAsScrollableElement = trimmingContainer === this.hot.rootWindow;
-    const preventOverflow = this.cellProperties.preventOverflow;
-    if (isWindowAsScrollableElement || !isWindowAsScrollableElement && (preventOverflow || preventOverflow === 'horizontal')) {
-      return false;
+    const editorRect = this.getEditedCellRect();
+    const editorHeight = editorRect.height;
+    let spaceAbove = editorRect.top;
+    if (this.hot.view.isVerticallyScrollableByWindow()) {
+      const topOffset = this.hot.view.getTableOffset().top - this.hot.rootWindow.scrollY;
+      spaceAbove = Math.max(spaceAbove + topOffset, 0);
     }
-    const textareaOffset = (0, _element.offset)(this.TEXTAREA);
-    const textareaHeight = (0, _element.outerHeight)(this.TEXTAREA);
     const dropdownHeight = this.getHeight();
-    const trimmingContainerScrollTop = trimmingContainer.scrollTop;
-    const headersHeight = (0, _element.outerHeight)(this.hot.view._wt.wtTable.THEAD);
-    const containerOffset = (0, _element.offset)(trimmingContainer);
-    const spaceAbove = textareaOffset.top - containerOffset.top - headersHeight + trimmingContainerScrollTop;
-    const spaceBelow = trimmingContainer.scrollHeight - spaceAbove - headersHeight - textareaHeight;
-    const flipNeeded = dropdownHeight > spaceBelow && spaceAbove > spaceBelow;
+    const spaceBelow = this.hot.view.getWorkspaceHeight() - spaceAbove - editorHeight;
+    const flipNeeded = dropdownHeight > spaceBelow && spaceAbove > spaceBelow + editorHeight;
     if (flipNeeded) {
       this.flipDropdown(dropdownHeight);
     } else {
@@ -102389,7 +102416,6 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
     dropdownStyle.top = '';
     this.htEditor.flipped = undefined;
   }
-
   /**
    * Updates width and height of the internal Handsontable's instance.
    *
@@ -102400,11 +102426,7 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
       width: this.getWidth(),
       height: this.getHeight()
     });
-    if (this.htEditor.view.hasVerticalScroll()) {
-      this.htEditor.updateSettings({
-        width: this.htEditor.getSettings().width + (0, _element.getScrollbarWidth)(this.hot.rootDocument)
-      });
-    }
+    _assertClassBrand(_AutocompleteEditor_brand, this, _fixDropdownWidth).call(this);
     this.htEditor.view._wt.wtTable.alignOverlaysWithTrimmingContainer();
   }
 
@@ -102418,6 +102440,8 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
     this.htEditor.updateSettings({
       height
     });
+    _assertClassBrand(_AutocompleteEditor_brand, this, _fixDropdownWidth).call(this);
+    this.htEditor.view._wt.wtTable.alignOverlaysWithTrimmingContainer();
   }
 
   /**
@@ -102541,6 +102565,13 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
   }
 }
 exports.AutocompleteEditor = AutocompleteEditor;
+function _fixDropdownWidth() {
+  if (this.htEditor.view.hasVerticalScroll()) {
+    this.htEditor.updateSettings({
+      width: this.htEditor.getSettings().width + (0, _element.getScrollbarWidth)(this.hot.rootDocument)
+    });
+  }
+}
 
 /***/ }),
 /* 768 */
@@ -102929,21 +102960,27 @@ var _element = __webpack_require__(351);
 var _object = __webpack_require__(499);
 var _unicode = __webpack_require__(508);
 var _browser = __webpack_require__(498);
+function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
+function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
+function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
 const EDITOR_TYPE = exports.EDITOR_TYPE = 'date';
 const SHORTCUTS_GROUP_EDITOR = 'dateEditor';
+const DEFAULT_DATE_FORMAT = 'DD/MM/YYYY';
 
 /**
  * @private
  * @class DateEditor
  */
+var _DateEditor_brand = /*#__PURE__*/new WeakSet();
 class DateEditor extends _textEditor.TextEditor {
   constructor() {
     super(...arguments);
-    // TODO: Move this option to general settings
     /**
-     * @type {string}
+     * Gets the current date format for this cell.
+     *
+     * @returns {string}
      */
-    (0, _defineProperty2.default)(this, "defaultDateFormat", 'DD/MM/YYYY');
+    _classPrivateMethodInitSpec(this, _DateEditor_brand);
     /**
      * @type {boolean}
      */
@@ -103109,7 +103146,7 @@ class DateEditor extends _textEditor.TextEditor {
    * @param {Event} event The event object.
    */
   showDatepicker(event) {
-    const dateFormat = this.cellProperties.dateFormat || this.defaultDateFormat;
+    const dateFormat = _assertClassBrand(_DateEditor_brand, this, _getDateFormat).call(this);
     const isMouseDown = this.hot.view.isMouseDown();
     const isMeta = event ? (0, _unicode.isFunctionKey)(event.keyCode) : false;
     let dateStr;
@@ -103161,6 +103198,7 @@ class DateEditor extends _textEditor.TextEditor {
    * @returns {object}
    */
   getDatePickerConfig() {
+    var _options$format;
     const htInput = this.TEXTAREA;
     const options = {};
     if (this.cellProperties && this.cellProperties.datePickerConfig) {
@@ -103173,7 +103211,7 @@ class DateEditor extends _textEditor.TextEditor {
     options.container = this.datePicker;
     options.bound = false;
     options.keyboardInput = false;
-    options.format = options.format || this.defaultDateFormat;
+    options.format = (_options$format = options.format) !== null && _options$format !== void 0 ? _options$format : _assertClassBrand(_DateEditor_brand, this, _getDateFormat).call(this);
     options.reposition = options.reposition || false;
     // Set the RTL to `false`. Due to the https://github.com/Pikaday/Pikaday/issues/647 bug, the layout direction
     // of the date picker is controlled by juggling the "dir" attribute of the root date picker element.
@@ -103182,7 +103220,7 @@ class DateEditor extends _textEditor.TextEditor {
     options.onSelect = value => {
       let dateStr = value;
       if (!isNaN(dateStr.getTime())) {
-        dateStr = (0, _moment.default)(dateStr).format(this.cellProperties.dateFormat || this.defaultDateFormat);
+        dateStr = (0, _moment.default)(dateStr).format(_assertClassBrand(_DateEditor_brand, this, _getDateFormat).call(this));
       }
       this.setValue(dateStr);
       if (origOnSelect) {
@@ -103250,6 +103288,10 @@ class DateEditor extends _textEditor.TextEditor {
   }
 }
 exports.DateEditor = DateEditor;
+function _getDateFormat() {
+  var _this$cellProperties$;
+  return (_this$cellProperties$ = this.cellProperties.dateFormat) !== null && _this$cellProperties$ !== void 0 ? _this$cellProperties$ : DEFAULT_DATE_FORMAT;
+}
 
 /***/ }),
 /* 774 */
@@ -105202,7 +105244,7 @@ function checkboxRenderer(hotInstance, TD, row, col, prop, value, cellProperties
             continue;
           }
           const cell = hotInstance.getCell(visualRow, visualColumn);
-          if (cell instanceof HTMLElement) {
+          if ((0, _element.isHTMLElement)(cell)) {
             const checkboxes = cell.querySelectorAll('input[type=checkbox]');
             if (checkboxes.length > 0) {
               return true;
@@ -105470,8 +105512,16 @@ function getRenderedValue(value, cellProperties) {
 function numericRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
   let newValue = value;
   if ((0, _number.isNumeric)(newValue)) {
-    const className = cellProperties.className || '';
-    const classArr = className.length ? className.split(' ') : [];
+    let classArr = [];
+    if (Array.isArray(cellProperties.className)) {
+      classArr = cellProperties.className;
+    } else {
+      var _cellProperties$class;
+      const className = (_cellProperties$class = cellProperties.className) !== null && _cellProperties$class !== void 0 ? _cellProperties$class : '';
+      if (className.length) {
+        classArr = className.split(' ');
+      }
+    }
     newValue = getRenderedValue(newValue, cellProperties);
     if (classArr.indexOf('htLeft') < 0 && classArr.indexOf('htCenter') < 0 && classArr.indexOf('htRight') < 0 && classArr.indexOf('htJustify') < 0) {
       classArr.push('htRight');
@@ -111925,23 +111975,23 @@ var _mergeCells = __webpack_require__(1022);
 exports.MergeCells = _mergeCells.MergeCells;
 var _multiColumnSorting = __webpack_require__(1036);
 exports.MultiColumnSorting = _multiColumnSorting.MultiColumnSorting;
-var _multipleSelectionHandles = __webpack_require__(1041);
+var _multipleSelectionHandles = __webpack_require__(1040);
 exports.MultipleSelectionHandles = _multipleSelectionHandles.MultipleSelectionHandles;
-var _nestedHeaders = __webpack_require__(1043);
+var _nestedHeaders = __webpack_require__(1042);
 exports.NestedHeaders = _nestedHeaders.NestedHeaders;
-var _nestedRows = __webpack_require__(1059);
+var _nestedRows = __webpack_require__(1058);
 exports.NestedRows = _nestedRows.NestedRows;
-var _persistentState = __webpack_require__(1067);
+var _persistentState = __webpack_require__(1066);
 exports.PersistentState = _persistentState.PersistentState;
-var _search = __webpack_require__(1070);
+var _search = __webpack_require__(1069);
 exports.Search = _search.Search;
-var _stretchColumns = __webpack_require__(1072);
+var _stretchColumns = __webpack_require__(1071);
 exports.StretchColumns = _stretchColumns.StretchColumns;
-var _touchScroll = __webpack_require__(1078);
+var _touchScroll = __webpack_require__(1077);
 exports.TouchScroll = _touchScroll.TouchScroll;
-var _trimRows = __webpack_require__(1080);
+var _trimRows = __webpack_require__(1079);
 exports.TrimRows = _trimRows.TrimRows;
-var _undoRedo = __webpack_require__(1082);
+var _undoRedo = __webpack_require__(1081);
 exports.UndoRedo = _undoRedo.UndoRedo;
 var _registry = __webpack_require__(532);
 exports.registerPlugin = _registry.registerPlugin;
@@ -115979,6 +116029,13 @@ const SHORTCUTS_GROUP = PLUGIN_KEY;
 _hooks.Hooks.getSingleton().register('beforeColumnSort');
 _hooks.Hooks.getSingleton().register('afterColumnSort');
 
+/**
+ * Tracks the conflicts between `columnSorting` and `multiColumnSorting` options.
+ * Only one plugin can be enabled for Handsontable instance. Once one of them is enabled,
+ * the other should remain disabled even if it's set to `true`.
+ */
+const pluginConflictsState = new WeakMap();
+
 // DIFF - MultiColumnSorting & ColumnSorting: changed configuration documentation.
 /**
  * @plugin ColumnSorting
@@ -116087,9 +116144,17 @@ class ColumnSorting extends _base.BasePlugin {
    */
   enablePlugin() {
     var _this = this;
+    if (pluginConflictsState.has(this.hot) && pluginConflictsState.get(this.hot) !== this.pluginKey) {
+      this.hot.updateSettings({
+        [this.pluginKey]: false
+      });
+      (0, _utils.warnAboutPluginsConflict)(pluginConflictsState.get(this.hot), this.pluginKey);
+      return;
+    }
     if (this.enabled) {
       return;
     }
+    pluginConflictsState.set(this.hot, this.pluginKey);
     this.columnStatesManager = new _columnStatesManager.ColumnStatesManager(this.hot, `${this.pluginKey}.sortingStates`);
     this.columnMetaCache = new _translations.PhysicalIndexToValueMap(physicalIndex => {
       let visualIndex = this.hot.toVisualColumn(physicalIndex);
@@ -116134,6 +116199,7 @@ class ColumnSorting extends _base.BasePlugin {
       }
       this.updateHeaderClasses(headerSpanElement);
     };
+    pluginConflictsState.delete(this.hot);
 
     // Changing header width and removing indicator.
     this.hot.addHook('afterGetColHeader', clearColHeader);
@@ -116611,7 +116677,7 @@ class ColumnSorting extends _base.BasePlugin {
    * @param {object} newSettings New settings object.
    */
   onUpdateSettings(newSettings) {
-    super.onUpdateSettings();
+    super.onUpdateSettings(newSettings);
     if (this.columnMetaCache !== null) {
       // Column meta cache base on settings, thus we should re-init the map.
       this.columnMetaCache.init(this.hot.columnIndexMapper.getNumberOfIndexes());
@@ -116741,6 +116807,7 @@ function _onBeforeOnCellMouseDown(event, coords, TD, controller) {
 
 var _interopRequireDefault = __webpack_require__(197);
 exports.__esModule = true;
+__webpack_require__(311);
 __webpack_require__(338);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(504));
 var _object = __webpack_require__(499);
@@ -116969,6 +117036,7 @@ exports.createDateTimeCompareFunction = createDateTimeCompareFunction;
 exports.getHeaderSpanElement = getHeaderSpanElement;
 exports.getNextSortOrder = getNextSortOrder;
 exports.isFirstLevelColumnHeader = isFirstLevelColumnHeader;
+exports.warnAboutPluginsConflict = warnAboutPluginsConflict;
 exports.wasHeaderClickedProperly = wasHeaderClickedProperly;
 __webpack_require__(287);
 __webpack_require__(298);
@@ -116985,6 +117053,8 @@ var _object = __webpack_require__(499);
 var _event = __webpack_require__(509);
 var _mixed = __webpack_require__(354);
 var _sortService = __webpack_require__(860);
+var _console = __webpack_require__(512);
+var _templateLiteralTag = __webpack_require__(494);
 const ASC_SORT_STATE = exports.ASC_SORT_STATE = 'asc';
 const DESC_SORT_STATE = exports.DESC_SORT_STATE = 'desc';
 const HEADER_SPAN_CLASS = exports.HEADER_SPAN_CLASS = 'colHeader';
@@ -117137,6 +117207,17 @@ function createDateTimeCompareFunction(sortOrder, format, columnPluginSettings)
   };
 }
 
+/**
+ * Warn users about problems when using `columnSorting` and `multiColumnSorting` plugins simultaneously.
+ *
+ * @param {string} workingPlugin The plugin that will work.
+ * @param {string} disabledPlugin The plugin that will remain disabled.
+ */
+function warnAboutPluginsConflict(workingPlugin, disabledPlugin) {
+  (0, _console.warn)((0, _templateLiteralTag.toSingleLine)`Plugins \`columnSorting\` and \`multiColumnSorting\` should not be enabled simultaneously.\x20
+    Only \`${workingPlugin}\` will work. The \`${disabledPlugin}\` plugin will remain disabled.`);
+}
+
 /***/ }),
 /* 860 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
@@ -119261,6 +119342,9 @@ class Comments extends _base.BasePlugin {
       innerHeight
     } = this.hot.rootWindow;
     const documentElement = this.hot.rootDocument.documentElement;
+    const scrollbarWidth = (0, _element.getScrollbarWidth)(this.hot.rootDocument);
+    const verticalScrollbarWidth = (0, _element.hasVerticalScrollbar)(this.hot.rootWindow) ? scrollbarWidth : 0;
+    const horizontalScrollbarWidth = (0, _element.hasHorizontalScrollbar)(this.hot.rootWindow) ? scrollbarWidth : 0;
     let x = left + rootWindow.scrollX + lastColWidth;
     let y = top + rootWindow.scrollY + lastRowHeight;
     if (this.hot.isRtl()) {
@@ -119268,12 +119352,12 @@ class Comments extends _base.BasePlugin {
     }
 
     // flip to the right or left the comments editor position when it goes out of browser viewport
-    if (this.hot.isLtr() && left + cellWidth + editorWidth > innerWidth) {
+    if (this.hot.isLtr() && left + cellWidth + editorWidth > innerWidth - verticalScrollbarWidth) {
       x = left + rootWindow.scrollX - editorWidth - 1;
     } else if (this.hot.isRtl() && x < -(documentElement.scrollWidth - documentElement.clientWidth)) {
       x = left + rootWindow.scrollX + lastColWidth + 1;
     }
-    if (top + editorHeight > innerHeight) {
+    if (top + editorHeight > innerHeight - horizontalScrollbarWidth) {
       y -= editorHeight - cellHeight + 1;
     }
     _classPrivateFieldGet(_editor, this).setPosition(x, y);
@@ -120473,19 +120557,14 @@ function columnLeftItem() {
         return true;
       }
       const range = this.getSelectedRangeLast();
-      if (!range) {
-        return true;
-      }
-      if (range.isSingleHeader() && range.highlight.col < 0) {
+      if (!range || this.selection.isSelectedByRowHeader() || range.isSingleHeader() && range.highlight.col < 0 || this.countSourceCols() >= this.getSettings().maxCols) {
         return true;
       }
       if (this.selection.isSelectedByCorner()) {
-        const totalColumns = this.countCols();
-
         // Enable "Insert column left" only when there is at least one column.
-        return totalColumns === 0;
+        return this.countCols() === 0;
       }
-      return this.selection.isSelectedByRowHeader() || this.countCols() >= this.getSettings().maxCols;
+      return false;
     },
     hidden() {
       return !this.getSettings().allowInsertColumn;
@@ -120526,17 +120605,10 @@ function columnRightItem() {
         return true;
       }
       const range = this.getSelectedRangeLast();
-      if (!range) {
-        return true;
-      }
-      if (range.isSingleHeader() && range.highlight.col < 0) {
+      if (!range || this.selection.isSelectedByRowHeader() || range.isSingleHeader() && range.highlight.col < 0 || this.countSourceCols() >= this.getSettings().maxCols) {
         return true;
       }
-      if (this.selection.isSelectedByCorner()) {
-        // Enable "Insert column right" always when the menu is triggered by corner click.
-        return false;
-      }
-      return this.selection.isSelectedByRowHeader() || this.countCols() >= this.getSettings().maxCols;
+      return false;
     },
     hidden() {
       return !this.getSettings().allowInsertColumn;
@@ -120806,19 +120878,14 @@ function rowAboveItem() {
     },
     disabled() {
       const range = this.getSelectedRangeLast();
-      if (!range) {
-        return true;
-      }
-      if (range.isSingleHeader() && range.highlight.row < 0) {
+      if (!range || this.selection.isSelectedByColumnHeader() || range.isSingleHeader() && range.highlight.row < 0 || this.countSourceRows() >= this.getSettings().maxRows) {
         return true;
       }
       if (this.selection.isSelectedByCorner()) {
-        const totalRows = this.countRows();
-
         // Enable "Insert row above" only when there is at least one row.
-        return totalRows === 0;
+        return this.countRows() === 0;
       }
-      return this.selection.isSelectedByColumnHeader() || this.countRows() >= this.getSettings().maxRows;
+      return false;
     },
     hidden() {
       return !this.getSettings().allowInsertRow;
@@ -120855,17 +120922,10 @@ function rowBelowItem() {
     },
     disabled() {
       const range = this.getSelectedRangeLast();
-      if (!range) {
+      if (!range || this.selection.isSelectedByColumnHeader() || range.isSingleHeader() && range.highlight.row < 0 || this.countSourceRows() >= this.getSettings().maxRows) {
         return true;
       }
-      if (range.isSingleHeader() && range.highlight.row < 0) {
-        return true;
-      }
-      if (this.selection.isSelectedByCorner()) {
-        // Enable "Insert row below" always when the menu is triggered by corner click.
-        return false;
-      }
-      return this.selection.isSelectedByColumnHeader() || this.countRows() >= this.getSettings().maxRows;
+      return false;
     },
     hidden() {
       return !this.getSettings().allowInsertRow;
@@ -122052,7 +122112,6 @@ class Menu {
           this.openSubMenu(coords.row);
         }
       },
-      rowHeights: row => filteredItems[row].name === _predefinedItems.SEPARATOR ? 1 : undefined,
       afterOnCellContextMenu: event => {
         event.preventDefault();
 
@@ -122323,6 +122382,7 @@ class Menu {
    * and adjusts the width and height of the menu's holder and hider elements accordingly.
    */
   updateMenuDimensions() {
+    const stylesHandler = this.hotMenu.view.getStylesHandler();
     const {
       wtTable
     } = this.hotMenu.view._wt;
@@ -122335,8 +122395,14 @@ class Menu {
       const currentRowHeight = itemCell ? (0, _element.outerHeight)(this.hotMenu.getCell(index, 0)) : 0;
       return accumulator + (value.name === _predefinedItems.SEPARATOR ? 1 : currentRowHeight);
     }, 0);
-    holderStyle.width = `${currentHiderWidth}px`;
-    holderStyle.height = `${realHeight}px`;
+    if (stylesHandler.isClassicTheme()) {
+      // Additional 3px to menu's size because of additional border around its `table.htCore`.
+      holderStyle.width = `${currentHiderWidth + 3}px`;
+      holderStyle.height = `${realHeight + 3}px`;
+    } else {
+      holderStyle.width = `${currentHiderWidth}px`;
+      holderStyle.height = `${realHeight}px`;
+    }
     hiderStyle.height = holderStyle.height;
   }
 
@@ -124043,7 +124109,7 @@ class CopyPaste extends _base.BasePlugin {
     const isHotInput = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.hasAttribute('data-hot-input');
     const selectedCell = (_this$hot$getSelected = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected === void 0 ? void 0 : _this$hot$getSelected.highlight;
     const TD = selectedCell ? this.hot.getCell(selectedCell.row, selectedCell.col, true) : null;
-    if (!this.hot.isListening() && !_classPrivateFieldGet(_isTriggeredByCopy, this) || this.isEditorOpened() || event.target instanceof HTMLElement && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && TD !== event.target)) {
+    if (!this.hot.isListening() && !_classPrivateFieldGet(_isTriggeredByCopy, this) || this.isEditorOpened() || (0, _element.isHTMLElement)(event.target) && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && TD !== event.target)) {
       return;
     }
     event.preventDefault();
@@ -124078,7 +124144,7 @@ class CopyPaste extends _base.BasePlugin {
     const isHotInput = (_event$target2 = event.target) === null || _event$target2 === void 0 ? void 0 : _event$target2.hasAttribute('data-hot-input');
     const selectedCell = (_this$hot$getSelected2 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected2 === void 0 ? void 0 : _this$hot$getSelected2.highlight;
     const TD = selectedCell ? this.hot.getCell(selectedCell.row, selectedCell.col, true) : null;
-    if (!this.hot.isListening() && !_classPrivateFieldGet(_isTriggeredByCut, this) || this.isEditorOpened() || event.target instanceof HTMLElement && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && TD !== event.target)) {
+    if (!this.hot.isListening() && !_classPrivateFieldGet(_isTriggeredByCut, this) || this.isEditorOpened() || (0, _element.isHTMLElement)(event.target) && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && TD !== event.target)) {
       return;
     }
     event.preventDefault();
@@ -124112,7 +124178,7 @@ class CopyPaste extends _base.BasePlugin {
     const isHotInput = (_event$target3 = event.target) === null || _event$target3 === void 0 ? void 0 : _event$target3.hasAttribute('data-hot-input');
     const selectedCell = (_this$hot$getSelected3 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected3 === void 0 ? void 0 : _this$hot$getSelected3.highlight;
     const TD = selectedCell ? this.hot.getCell(selectedCell.row, selectedCell.col, true) : null;
-    if (!this.hot.isListening() || this.isEditorOpened() || !this.hot.getSelected() || event.target instanceof HTMLElement && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && TD !== event.target)) {
+    if (!this.hot.isListening() || this.isEditorOpened() || !this.hot.getSelected() || (0, _element.isHTMLElement)(event.target) && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && TD !== event.target)) {
       return;
     }
     event.preventDefault();
@@ -127310,6 +127376,7 @@ function typeFactory(type, dataProvider, options) {
 
 var _interopRequireDefault = __webpack_require__(197);
 exports.__esModule = true;
+__webpack_require__(311);
 __webpack_require__(338);
 var _array = __webpack_require__(495);
 var _mixed = __webpack_require__(354);
@@ -127564,6 +127631,7 @@ const SHORTCUTS_GROUP = PLUGIN_KEY;
  */
 var _menuFocusNavigator = /*#__PURE__*/new WeakMap();
 var _dropdownMenuTraces = /*#__PURE__*/new WeakMap();
+var _previousConditionStack = /*#__PURE__*/new WeakMap();
 var _Filters_brand = /*#__PURE__*/new WeakSet();
 class Filters extends _base.BasePlugin {
   static get PLUGIN_KEY() {
@@ -127635,6 +127703,13 @@ class Filters extends _base.BasePlugin {
      * @type {WeakSet<Menu>}
      */
     _classPrivateFieldInitSpec(this, _dropdownMenuTraces, new WeakSet());
+    /**
+     * Stores the previous state of the condition stack before the latest filter operation.
+     * This is used in the `beforeFilter` plugin to allow performing the undo operation.
+     *
+     * @type {Array}
+     */
+    _classPrivateFieldInitSpec(this, _previousConditionStack, []);
     this.hot.addHook('afterGetColHeader', function () {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
@@ -127977,6 +128052,51 @@ class Filters extends _base.BasePlugin {
     }
   }
 
+  /**
+   * Imports filter conditions to all columns to the plugin. The method accepts
+   * the array of conditions with the same structure as the {@link Filters#exportConditions} method returns.
+   * Importing conditions will replace the current conditions. Once replaced, the state of the condition
+   * will be reflected in the UI. To apply the changes and filter the table, call
+   * the {@link Filters#filter} method eventually.
+   *
+   * @param {Array} conditions Array of conditions.
+   */
+  importConditions(conditions) {
+    this.conditionCollection.importAllConditions(conditions);
+  }
+
+  /* eslint-disable jsdoc/require-description-complete-sentence */
+  /**
+   * Exports filter conditions for all columns from the plugin.
+   * The array represents the filter state for each column. For example:
+   *
+   * ```js
+   * [
+   *   {
+   *     column: 1,
+   *     operation: 'conjunction',
+   *     conditions: [
+   *       { name: 'gt', args: [95] },
+   *     ]
+   *   },
+   *   {
+   *     column: 7,
+   *     operation: 'conjunction',
+   *     conditions: [
+   *       { name: 'contains', args: ['mike'] },
+   *       { name: 'begins_with', args: ['m'] },
+   *     ]
+   *   },
+   * ]
+   * ```
+   *
+   * @returns {Array}
+   */
+  /* eslint-enable jsdoc/require-description-complete-sentence */
+  exportConditions() {
+    return this.conditionCollection.exportAllConditions();
+  }
+
   /**
    * Filters data based on added filter conditions.
    *
@@ -127990,8 +128110,8 @@ class Filters extends _base.BasePlugin {
     const dataFilter = this._createDataFilter();
     const needToFilter = !this.conditionCollection.isEmpty();
     let visibleVisualRows = [];
-    const conditions = this.conditionCollection.exportAllConditions();
-    const allowFiltering = this.hot.runHooks('beforeFilter', conditions, this.conditionCollection.previousConditionStack);
+    const conditions = this.exportConditions();
+    const allowFiltering = this.hot.runHooks('beforeFilter', conditions, _classPrivateFieldGet(_previousConditionStack, this));
     if (allowFiltering !== false) {
       if (needToFilter) {
         const trimmedRows = [];
@@ -128014,11 +128134,13 @@ class Filters extends _base.BasePlugin {
       } else {
         this.filtersRowsMap.clear();
       }
+      _classPrivateFieldSet(_previousConditionStack, this, this.exportConditions());
+      this.hot.runHooks('afterFilter', conditions);
+      this.hot.view.adjustElementsSize();
+      this.hot.render();
+    } else {
+      this.importConditions(_classPrivateFieldGet(_previousConditionStack, this));
     }
-    this.hot.runHooks('afterFilter', conditions);
-    this.conditionCollection.setPreviousConditionStack(null);
-    this.hot.view.adjustElementsSize();
-    this.hot.render();
     if (this.hot.selection.isSelected()) {
       this.hot.selectCell(navigableHeaders ? -1 : 0, this.hot.getSelectedRangeLast().highlight.col);
     }
@@ -128381,7 +128503,6 @@ function _onActionBarSubmit(submitType) {
     }
     this.conditionUpdateObserver.flush();
     this.components.forEach(component => component.saveState(physicalIndex));
-    this.filtersRowsMap.clear();
     this.filter();
   }
   (_this$dropdownMenuPlu3 = this.dropdownMenuPlugin) === null || _this$dropdownMenuPlu3 === void 0 || _this$dropdownMenuPlu3.close();
@@ -128423,8 +128544,23 @@ function _updateComponents(conditionsState) {
     editedConditionStack: {
       conditions,
       column
-    }
+    },
+    conditionArgsChange
   } = conditionsState;
+  if (Array.isArray(conditionArgsChange)) {
+    // update the previous condition stack (only for 'by_value' condition) on each dataset
+    // change to make the undo/redo work properly
+    _classPrivateFieldSet(_previousConditionStack, this, _classPrivateFieldGet(_previousConditionStack, this).map(stack => {
+      if (stack.column === column && conditions.length > 0) {
+        stack.conditions.forEach(condition => {
+          if (condition.name === 'by_value') {
+            condition.args = [[...conditionArgsChange]];
+          }
+        });
+      }
+      return stack;
+    }));
+  }
   const conditionsByValue = conditions.filter(condition => condition.name === _constants2.CONDITION_BY_VALUE);
   const conditionsWithoutByValue = conditions.filter(condition => condition.name !== _constants2.CONDITION_BY_VALUE);
   if (conditionsByValue.length >= 2 || conditionsWithoutByValue.length >= 3) {
@@ -131868,13 +132004,6 @@ class ConditionCollection {
      * @type {LinkedPhysicalIndexToValueMap}
      */
     (0, _defineProperty2.default)(this, "filteringStates", new _translations.LinkedPhysicalIndexToValueMap());
-    /**
-     * Stores the previous state of the condition stack before the latest filter operation.
-     * This is used in the `beforeFilter` plugin to allow performing the undo operation.
-     *
-     * @type {null|Array}
-     */
-    (0, _defineProperty2.default)(this, "previousConditionStack", null);
     this.hot = hot;
     this.isMapRegistrable = isMapRegistrable;
     if (this.isMapRegistrable === true) {
@@ -131943,13 +132072,6 @@ class ConditionCollection {
     const localeForColumn = this.hot.getCellMeta(0, column).locale;
     const args = conditionDefinition.args.map(v => typeof v === 'string' ? v.toLocaleLowerCase(localeForColumn) : v);
     const name = conditionDefinition.name || conditionDefinition.command.key;
-
-    // If there's no previous condition stack defined (which means the condition stack was not cleared after the
-    // previous filter operation or that there was no filter operation performed yet), store the current conditions as
-    // the previous condition stack.
-    if (this.previousConditionStack === null) {
-      this.setPreviousConditionStack(this.exportAllConditions());
-    }
     this.runLocalHooks('beforeAdd', column);
     const columnType = this.getOperation(column);
     if (columnType) {
@@ -132078,8 +132200,6 @@ class ConditionCollection {
    * @fires ConditionCollection#afterRemove
    */
   removeConditions(column) {
-    // Store the current conditions as the previous condition stack before it's cleared.
-    this.setPreviousConditionStack(this.exportAllConditions());
     this.runLocalHooks('beforeRemove', column);
     this.filteringStates.clearValue(column);
     this.runLocalHooks('afterRemove', column);
@@ -132113,16 +132233,6 @@ class ConditionCollection {
     return conditions.length > 0;
   }
 
-  /**
-   * Updates the `previousConditionStack` property with the provided stack.
-   * It is used to store the current conditions before they are modified, allowing for undo operations.
-   *
-   * @param {Array|null} previousConditionStack The stack of previous conditions.
-   */
-  setPreviousConditionStack(previousConditionStack) {
-    this.previousConditionStack = previousConditionStack;
-  }
-
   /**
    * Destroy object.
    */
@@ -141269,14 +141379,17 @@ function _onModifyRowHeightByOverlayName(height, row, overlayType) {
  * @returns {number}
  */
 function _sumCellsHeights(row, rowspan) {
-  const stylesHandler = this.hot.view.getStylesHandler();
-  const defaultHeight = this.hot.view.getDefaultRowHeight();
-  const autoRowSizePlugin = this.hot.getPlugin('autoRowSize');
+  const {
+    view,
+    rowIndexMapper
+  } = this.hot;
+  const stylesHandler = view.getStylesHandler();
+  const defaultHeight = view.getDefaultRowHeight();
   let height = 0;
   for (let i = row; i < row + rowspan; i++) {
-    if (!this.hot.rowIndexMapper.isHidden(i)) {
-      var _autoRowSizePlugin$ge;
-      height += (_autoRowSizePlugin$ge = autoRowSizePlugin === null || autoRowSizePlugin === void 0 ? void 0 : autoRowSizePlugin.getRowHeight(i)) !== null && _autoRowSizePlugin$ge !== void 0 ? _autoRowSizePlugin$ge : defaultHeight;
+    if (!rowIndexMapper.isHidden(i)) {
+      var _this$hot$getRowHeigh;
+      height += (_this$hot$getRowHeigh = this.hot.getRowHeight(i)) !== null && _this$hot$getRowHeigh !== void 0 ? _this$hot$getRowHeigh : defaultHeight;
       if (i === 0 && !stylesHandler.isClassicTheme()) {
         height += 1; // border-top-width
       }
@@ -143576,12 +143689,10 @@ var _sortService = __webpack_require__(860);
 var _utils = __webpack_require__(859);
 var _element = __webpack_require__(351);
 var _rootComparator = __webpack_require__(1038);
-var _utils2 = __webpack_require__(1039);
-var _domHelpers = __webpack_require__(1040);
+var _domHelpers = __webpack_require__(1039);
 var _shortcutContexts = __webpack_require__(686);
 const PLUGIN_KEY = exports.PLUGIN_KEY = 'multiColumnSorting';
 const PLUGIN_PRIORITY = exports.PLUGIN_PRIORITY = 170;
-const CONFLICTED_PLUGIN_KEY = 'columnSorting';
 const SHORTCUTS_GROUP = PLUGIN_KEY;
 (0, _sortService.registerRootComparator)(PLUGIN_KEY, _rootComparator.rootComparator);
 
@@ -143661,17 +143772,13 @@ class MultiColumnSorting extends _columnSorting.ColumnSorting {
    * @returns {boolean}
    */
   isEnabled() {
-    return super.isEnabled();
+    return !!this.hot.getSettings()[this.pluginKey];
   }
 
   /**
    * Enables the plugin functionality for this Handsontable instance.
    */
   enablePlugin() {
-    if (!this.enabled && this.hot.getSettings()[this.pluginKey] && this.hot.getSettings()[CONFLICTED_PLUGIN_KEY]) {
-      (0, _utils2.warnAboutPluginsConflict)();
-      this.hot.getPlugin(CONFLICTED_PLUGIN_KEY).disablePlugin();
-    }
     super.enablePlugin();
   }
 
@@ -143843,20 +143950,6 @@ class MultiColumnSorting extends _columnSorting.ColumnSorting {
     }
   }
 
-  /**
-   * Overwriting base plugin's `onUpdateSettings` method. Please keep in mind that `onAfterUpdateSettings` isn't called
-   * for `updateSettings` in specific situations.
-   *
-   * @private
-   * @param {object} newSettings New settings object.
-   */
-  onUpdateSettings(newSettings) {
-    if (this.hot.getSettings()[this.pluginKey] && this.hot.getSettings()[CONFLICTED_PLUGIN_KEY]) {
-      (0, _utils2.warnAboutPluginsConflict)();
-    }
-    super.onUpdateSettings(newSettings);
-  }
-
   /**
    * Callback for the `onAfterOnCellMouseDown` hook.
    *
@@ -143930,25 +144023,6 @@ function rootComparator(sortingOrders, columnMetas) {
 "use strict";
 
 
-exports.__esModule = true;
-exports.warnAboutPluginsConflict = warnAboutPluginsConflict;
-var _console = __webpack_require__(512);
-var _templateLiteralTag = __webpack_require__(494);
-/**
- * Warn users about problems when using `columnSorting` and `multiColumnSorting` plugins simultaneously.
- */
-function warnAboutPluginsConflict() {
-  (0, _console.warn)((0, _templateLiteralTag.toSingleLine)`Plugins \`columnSorting\` and \`multiColumnSorting\` should not be enabled simultaneously. 
-    Only \`multiColumnSorting\` will work. The \`columnSorting\` plugin will be disabled.`);
-}
-
-/***/ }),
-/* 1040 */
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-
 exports.__esModule = true;
 exports.getClassesToAdd = getClassesToAdd;
 exports.getClassesToRemove = getClassesToRemove;
@@ -143989,20 +144063,20 @@ function getClassesToRemove(htmlElement) {
 }
 
 /***/ }),
-/* 1041 */
+/* 1040 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
 exports.__esModule = true;
-var _multipleSelectionHandles = __webpack_require__(1042);
+var _multipleSelectionHandles = __webpack_require__(1041);
 exports.PLUGIN_KEY = _multipleSelectionHandles.PLUGIN_KEY;
 exports.PLUGIN_PRIORITY = _multipleSelectionHandles.PLUGIN_PRIORITY;
 exports.MultipleSelectionHandles = _multipleSelectionHandles.MultipleSelectionHandles;
 
 /***/ }),
-/* 1042 */
+/* 1041 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -144341,20 +144415,20 @@ class MultipleSelectionHandles extends _base.BasePlugin {
 exports.MultipleSelectionHandles = MultipleSelectionHandles;
 
 /***/ }),
-/* 1043 */
+/* 1042 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
 exports.__esModule = true;
-var _nestedHeaders = __webpack_require__(1044);
+var _nestedHeaders = __webpack_require__(1043);
 exports.PLUGIN_KEY = _nestedHeaders.PLUGIN_KEY;
 exports.PLUGIN_PRIORITY = _nestedHeaders.PLUGIN_PRIORITY;
 exports.NestedHeaders = _nestedHeaders.NestedHeaders;
 
 /***/ }),
-/* 1044 */
+/* 1043 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -144374,8 +144448,8 @@ var _event = __webpack_require__(509);
 var _console = __webpack_require__(512);
 var _selection = __webpack_require__(652);
 var _base = __webpack_require__(841);
-var _stateManager2 = _interopRequireDefault(__webpack_require__(1045));
-var _ghostTable = _interopRequireDefault(__webpack_require__(1058));
+var _stateManager2 = _interopRequireDefault(__webpack_require__(1044));
+var _ghostTable = _interopRequireDefault(__webpack_require__(1057));
 function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
@@ -145260,9 +145334,11 @@ function _onBeforeSelectColumns(from, to, highlight) {
  * @param {Array} renderersArray Array of renderers.
  */
 function _onAfterGetColumnHeaderRenderers(renderersArray) {
-  renderersArray.length = 0;
-  for (let headerLayer = 0; headerLayer < _classPrivateFieldGet(_stateManager, this).getLayersCount(); headerLayer++) {
-    renderersArray.push(this.headerRendererFactory(headerLayer));
+  if (_classPrivateFieldGet(_stateManager, this).getLayersCount() > 0) {
+    renderersArray.length = 0;
+    for (let headerLayer = 0; headerLayer < _classPrivateFieldGet(_stateManager, this).getLayersCount(); headerLayer++) {
+      renderersArray.push(this.headerRendererFactory(headerLayer));
+    }
   }
 }
 /**
@@ -145361,7 +145437,7 @@ function _onAfterLoadData(sourceData, initialLoad) {
 }
 
 /***/ }),
-/* 1045 */
+/* 1044 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -145371,13 +145447,14 @@ var _interopRequireDefault = __webpack_require__(197);
 exports.__esModule = true;
 __webpack_require__(201);
 __webpack_require__(283);
+__webpack_require__(311);
 __webpack_require__(338);
 var _array = __webpack_require__(495);
-var _sourceSettings2 = _interopRequireDefault(__webpack_require__(1046));
-var _headersTree2 = _interopRequireDefault(__webpack_require__(1049));
-var _nodeModifiers = __webpack_require__(1051);
-var _matrixGenerator = __webpack_require__(1057);
-var _tree = __webpack_require__(1050);
+var _sourceSettings2 = _interopRequireDefault(__webpack_require__(1045));
+var _headersTree2 = _interopRequireDefault(__webpack_require__(1048));
+var _nodeModifiers = __webpack_require__(1050);
+var _matrixGenerator = __webpack_require__(1056);
+var _tree = __webpack_require__(1049);
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
@@ -145852,7 +145929,7 @@ class StateManager {
 exports["default"] = StateManager;
 
 /***/ }),
-/* 1046 */
+/* 1045 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -145863,7 +145940,7 @@ __webpack_require__(201);
 __webpack_require__(283);
 var _object = __webpack_require__(499);
 var _array = __webpack_require__(495);
-var _settingsNormalizer = __webpack_require__(1047);
+var _settingsNormalizer = __webpack_require__(1046);
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
@@ -146074,7 +146151,7 @@ class SourceSettings {
 exports["default"] = SourceSettings;
 
 /***/ }),
-/* 1047 */
+/* 1046 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -146086,7 +146163,7 @@ __webpack_require__(283);
 var _array = __webpack_require__(495);
 var _object = __webpack_require__(499);
 var _mixed = __webpack_require__(354);
-var _utils = __webpack_require__(1048);
+var _utils = __webpack_require__(1047);
 /* eslint-disable jsdoc/require-description-complete-sentence */
 
 /**
@@ -146188,7 +146265,7 @@ function normalizeSettings(sourceSettings) {
 }
 
 /***/ }),
-/* 1048 */
+/* 1047 */
 /***/ ((__unused_webpack_module, exports) => {
 
 "use strict";
@@ -146265,7 +146342,7 @@ function createPlaceholderHeaderSettings() {
 }
 
 /***/ }),
-/* 1049 */
+/* 1048 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -146275,7 +146352,7 @@ var _interopRequireDefault = __webpack_require__(197);
 exports.__esModule = true;
 __webpack_require__(201);
 var _array = __webpack_require__(495);
-var _tree = _interopRequireDefault(__webpack_require__(1050));
+var _tree = _interopRequireDefault(__webpack_require__(1049));
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
@@ -146503,7 +146580,7 @@ class HeadersTree {
 exports["default"] = HeadersTree;
 
 /***/ }),
-/* 1050 */
+/* 1049 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -146722,7 +146799,7 @@ class TreeNode {
 exports["default"] = TreeNode;
 
 /***/ }),
-/* 1051 */
+/* 1050 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -146731,10 +146808,10 @@ exports["default"] = TreeNode;
 exports.__esModule = true;
 exports.triggerNodeModification = triggerNodeModification;
 __webpack_require__(201);
-var _collapse = __webpack_require__(1052);
-var _expand = __webpack_require__(1053);
-var _hideColumn = __webpack_require__(1055);
-var _showColumn = __webpack_require__(1056);
+var _collapse = __webpack_require__(1051);
+var _expand = __webpack_require__(1052);
+var _hideColumn = __webpack_require__(1054);
+var _showColumn = __webpack_require__(1055);
 /**
  * The NodeModifiers module is responsible for the modification of a tree structure
  * in a way to achieve new column headers state.
@@ -146764,7 +146841,7 @@ function triggerNodeModification(actionName, nodeToProcess, gridColumnIndex) {
 }
 
 /***/ }),
-/* 1052 */
+/* 1051 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -146780,8 +146857,8 @@ __webpack_require__(305);
 __webpack_require__(307);
 __webpack_require__(309);
 var _array = __webpack_require__(495);
-var _expand = __webpack_require__(1053);
-var _tree = __webpack_require__(1054);
+var _expand = __webpack_require__(1052);
+var _tree = __webpack_require__(1053);
 /**
  * Collapsing a node is a process where the processing node is collapsed
  * to the colspan width of the first child. All node children, except the
@@ -146874,7 +146951,7 @@ function collapseNode(nodeToProcess) {
 }
 
 /***/ }),
-/* 1053 */
+/* 1052 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -146890,8 +146967,8 @@ __webpack_require__(305);
 __webpack_require__(307);
 __webpack_require__(309);
 var _array = __webpack_require__(495);
-var _collapse = __webpack_require__(1052);
-var _tree = __webpack_require__(1054);
+var _collapse = __webpack_require__(1051);
+var _tree = __webpack_require__(1053);
 /**
  * Expanding a node is a process where the processing node is expanded to
  * its original colspan width. To restore an original state of all node
@@ -146979,7 +147056,7 @@ function expandNode(nodeToProcess) {
 }
 
 /***/ }),
-/* 1054 */
+/* 1053 */
 /***/ ((__unused_webpack_module, exports) => {
 
 "use strict";
@@ -147050,7 +147127,7 @@ function isNodeReflectsFirstChildColspan(node) {
 }
 
 /***/ }),
-/* 1055 */
+/* 1054 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -147113,7 +147190,7 @@ the last node, the hide column modification can be applied.`);
 }
 
 /***/ }),
-/* 1056 */
+/* 1055 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -147174,7 +147251,7 @@ the last node, the show column modification can be applied.`);
 }
 
 /***/ }),
-/* 1057 */
+/* 1056 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -147184,7 +147261,7 @@ exports.__esModule = true;
 exports.generateMatrix = generateMatrix;
 __webpack_require__(283);
 var _array = __webpack_require__(495);
-var _utils = __webpack_require__(1048);
+var _utils = __webpack_require__(1047);
 /* eslint-disable jsdoc/require-description-complete-sentence */
 
 /**
@@ -147280,7 +147357,7 @@ function createNestedArrayIfNecessary(array, index) {
 }
 
 /***/ }),
-/* 1058 */
+/* 1057 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -147436,20 +147513,20 @@ class GhostTable {
 var _default = exports["default"] = GhostTable;
 
 /***/ }),
-/* 1059 */
+/* 1058 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
 exports.__esModule = true;
-var _nestedRows = __webpack_require__(1060);
+var _nestedRows = __webpack_require__(1059);
 exports.PLUGIN_KEY = _nestedRows.PLUGIN_KEY;
 exports.PLUGIN_PRIORITY = _nestedRows.PLUGIN_PRIORITY;
 exports.NestedRows = _nestedRows.NestedRows;
 
 /***/ }),
-/* 1060 */
+/* 1059 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -147471,15 +147548,15 @@ __webpack_require__(329);
 __webpack_require__(530);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(504));
 var _base = __webpack_require__(841);
-var _dataManager = _interopRequireDefault(__webpack_require__(1061));
-var _collapsing = _interopRequireDefault(__webpack_require__(1062));
-var _headers = _interopRequireDefault(__webpack_require__(1064));
-var _contextMenu = _interopRequireDefault(__webpack_require__(1065));
+var _dataManager = _interopRequireDefault(__webpack_require__(1060));
+var _collapsing = _interopRequireDefault(__webpack_require__(1061));
+var _headers = _interopRequireDefault(__webpack_require__(1063));
+var _contextMenu = _interopRequireDefault(__webpack_require__(1064));
 var _console = __webpack_require__(512);
 var _data = __webpack_require__(622);
 var _translations = __webpack_require__(625);
 var _shortcutContexts = __webpack_require__(686);
-var _rowMoveController = _interopRequireDefault(__webpack_require__(1066));
+var _rowMoveController = _interopRequireDefault(__webpack_require__(1065));
 function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
@@ -148011,7 +148088,7 @@ function _onBeforeLoadData(data) {
 }
 
 /***/ }),
-/* 1061 */
+/* 1060 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -148727,7 +148804,7 @@ class DataManager {
 var _default = exports["default"] = DataManager;
 
 /***/ }),
-/* 1062 */
+/* 1061 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -148740,8 +148817,8 @@ var _event = __webpack_require__(509);
 var _array = __webpack_require__(495);
 var _number = __webpack_require__(534);
 var _element = __webpack_require__(351);
-var _base = _interopRequireDefault(__webpack_require__(1063));
-var _headers = _interopRequireDefault(__webpack_require__(1064));
+var _base = _interopRequireDefault(__webpack_require__(1062));
+var _headers = _interopRequireDefault(__webpack_require__(1063));
 /**
  * Class responsible for the UI for collapsing and expanding groups.
  *
@@ -149202,7 +149279,7 @@ class CollapsingUI extends _base.default {
 var _default = exports["default"] = CollapsingUI;
 
 /***/ }),
-/* 1063 */
+/* 1062 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -149236,7 +149313,7 @@ class BaseUI {
 var _default = exports["default"] = BaseUI;
 
 /***/ }),
-/* 1064 */
+/* 1063 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -149247,7 +149324,7 @@ exports.__esModule = true;
 var _array = __webpack_require__(495);
 var _number = __webpack_require__(534);
 var _element = __webpack_require__(351);
-var _base = _interopRequireDefault(__webpack_require__(1063));
+var _base = _interopRequireDefault(__webpack_require__(1062));
 var _a11y = __webpack_require__(496);
 /**
  * Class responsible for the UI in the Nested Rows' row headers.
@@ -149380,7 +149457,7 @@ class HeadersUI extends _base.default {
 var _default = exports["default"] = HeadersUI;
 
 /***/ }),
-/* 1065 */
+/* 1064 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -149393,7 +149470,7 @@ var _defineProperty2 = _interopRequireDefault(__webpack_require__(504));
 var _number = __webpack_require__(534);
 var _array = __webpack_require__(495);
 var C = _interopRequireWildcard(__webpack_require__(651));
-var _base = _interopRequireDefault(__webpack_require__(1063));
+var _base = _interopRequireDefault(__webpack_require__(1062));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
@@ -149499,7 +149576,7 @@ class ContextMenuUI extends _base.default {
 var _default = exports["default"] = ContextMenuUI;
 
 /***/ }),
-/* 1066 */
+/* 1065 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -149788,20 +149865,20 @@ class RowMoveController {
 exports["default"] = RowMoveController;
 
 /***/ }),
-/* 1067 */
+/* 1066 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
 exports.__esModule = true;
-var _persistentState = __webpack_require__(1068);
+var _persistentState = __webpack_require__(1067);
 exports.PLUGIN_KEY = _persistentState.PLUGIN_KEY;
 exports.PLUGIN_PRIORITY = _persistentState.PLUGIN_PRIORITY;
 exports.PersistentState = _persistentState.PersistentState;
 
 /***/ }),
-/* 1068 */
+/* 1067 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -149811,7 +149888,7 @@ var _interopRequireDefault = __webpack_require__(197);
 exports.__esModule = true;
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(504));
 var _base = __webpack_require__(841);
-var _storage = _interopRequireDefault(__webpack_require__(1069));
+var _storage = _interopRequireDefault(__webpack_require__(1068));
 var _hooks = __webpack_require__(511);
 _hooks.Hooks.getSingleton().register('persistentStateSave');
 _hooks.Hooks.getSingleton().register('persistentStateLoad');
@@ -149952,7 +150029,7 @@ class PersistentState extends _base.BasePlugin {
 exports.PersistentState = PersistentState;
 
 /***/ }),
-/* 1069 */
+/* 1068 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -150076,20 +150153,20 @@ class Storage {
 var _default = exports["default"] = Storage;
 
 /***/ }),
-/* 1070 */
+/* 1069 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
 exports.__esModule = true;
-var _search = __webpack_require__(1071);
+var _search = __webpack_require__(1070);
 exports.PLUGIN_KEY = _search.PLUGIN_KEY;
 exports.PLUGIN_PRIORITY = _search.PLUGIN_PRIORITY;
 exports.Search = _search.Search;
 
 /***/ }),
-/* 1071 */
+/* 1070 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -150397,20 +150474,20 @@ function _onBeforeRenderer(TD, row, col, prop, value, cellProperties) {
 }
 
 /***/ }),
-/* 1072 */
+/* 1071 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
 exports.__esModule = true;
-var _stretchColumns = __webpack_require__(1073);
+var _stretchColumns = __webpack_require__(1072);
 exports.PLUGIN_KEY = _stretchColumns.PLUGIN_KEY;
 exports.PLUGIN_PRIORITY = _stretchColumns.PLUGIN_PRIORITY;
 exports.StretchColumns = _stretchColumns.StretchColumns;
 
 /***/ }),
-/* 1073 */
+/* 1072 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -150421,7 +150498,7 @@ __webpack_require__(201);
 __webpack_require__(311);
 __webpack_require__(329);
 var _base = __webpack_require__(841);
-var _calculator = __webpack_require__(1074);
+var _calculator = __webpack_require__(1073);
 function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
@@ -150638,7 +150715,7 @@ function _onBeforeRender(fullRender) {
 }
 
 /***/ }),
-/* 1074 */
+/* 1073 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -150650,8 +150727,8 @@ __webpack_require__(311);
 __webpack_require__(329);
 var _src = __webpack_require__(540);
 var _element = __webpack_require__(351);
-var _all = __webpack_require__(1075);
-var _last = __webpack_require__(1077);
+var _all = __webpack_require__(1074);
+var _last = __webpack_require__(1076);
 function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
@@ -150806,7 +150883,7 @@ function _overwriteColumnWidthFn(columnWidth, columnVisualIndex) {
 }
 
 /***/ }),
-/* 1075 */
+/* 1074 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -150818,7 +150895,7 @@ __webpack_require__(311);
 __webpack_require__(329);
 __webpack_require__(530);
 var _src = __webpack_require__(540);
-var _base = __webpack_require__(1076);
+var _base = __webpack_require__(1075);
 /**
  * The strategy calculates the column widths by stretching all columns evenly.
  *
@@ -150883,7 +150960,7 @@ class StretchAllStrategy extends _base.StretchStrategy {
 exports.StretchAllStrategy = StretchAllStrategy;
 
 /***/ }),
-/* 1076 */
+/* 1075 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -150972,7 +151049,7 @@ class StretchStrategy {
 exports.StretchStrategy = StretchStrategy;
 
 /***/ }),
-/* 1077 */
+/* 1076 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -150982,7 +151059,7 @@ exports.__esModule = true;
 __webpack_require__(201);
 __webpack_require__(311);
 __webpack_require__(530);
-var _base = __webpack_require__(1076);
+var _base = __webpack_require__(1075);
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
@@ -151057,20 +151134,20 @@ class StretchLastStrategy extends _base.StretchStrategy {
 exports.StretchLastStrategy = StretchLastStrategy;
 
 /***/ }),
-/* 1078 */
+/* 1077 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
 exports.__esModule = true;
-var _touchScroll = __webpack_require__(1079);
+var _touchScroll = __webpack_require__(1078);
 exports.PLUGIN_KEY = _touchScroll.PLUGIN_KEY;
 exports.PLUGIN_PRIORITY = _touchScroll.PLUGIN_PRIORITY;
 exports.TouchScroll = _touchScroll.TouchScroll;
 
 /***/ }),
-/* 1079 */
+/* 1078 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -151259,20 +151336,20 @@ function _onAfterMomentumScroll() {
 }
 
 /***/ }),
-/* 1080 */
+/* 1079 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
 exports.__esModule = true;
-var _trimRows = __webpack_require__(1081);
+var _trimRows = __webpack_require__(1080);
 exports.PLUGIN_KEY = _trimRows.PLUGIN_KEY;
 exports.PLUGIN_PRIORITY = _trimRows.PLUGIN_PRIORITY;
 exports.TrimRows = _trimRows.TrimRows;
 
 /***/ }),
-/* 1081 */
+/* 1080 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -151604,20 +151681,20 @@ function _onMapInit() {
 }
 
 /***/ }),
-/* 1082 */
+/* 1081 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
 exports.__esModule = true;
-var _undoRedo = __webpack_require__(1083);
+var _undoRedo = __webpack_require__(1082);
 exports.PLUGIN_KEY = _undoRedo.PLUGIN_KEY;
 exports.PLUGIN_PRIORITY = _undoRedo.PLUGIN_PRIORITY;
 exports.UndoRedo = _undoRedo.UndoRedo;
 
 /***/ }),
-/* 1083 */
+/* 1082 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -151640,7 +151717,7 @@ var _hooks = __webpack_require__(511);
 var _object = __webpack_require__(499);
 var _templateLiteralTag = __webpack_require__(494);
 var _console = __webpack_require__(512);
-var _actions = __webpack_require__(1084);
+var _actions = __webpack_require__(1083);
 function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
@@ -152010,7 +152087,7 @@ function _removeAPIFromCore() {
 }
 
 /***/ }),
-/* 1084 */
+/* 1083 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -152020,18 +152097,18 @@ exports.__esModule = true;
 exports.registerActions = registerActions;
 __webpack_require__(311);
 __webpack_require__(329);
-var _cellAlignment = __webpack_require__(1085);
-var _columnMove = __webpack_require__(1087);
-var _columnSort = __webpack_require__(1088);
-var _createColumn = __webpack_require__(1089);
-var _createRow = __webpack_require__(1090);
-var _dataChange = __webpack_require__(1091);
-var _filters = __webpack_require__(1092);
-var _mergeCells = __webpack_require__(1093);
-var _removeColumn = __webpack_require__(1094);
-var _removeRow = __webpack_require__(1097);
-var _rowMove = __webpack_require__(1098);
-var _unmergeCells = __webpack_require__(1099);
+var _cellAlignment = __webpack_require__(1084);
+var _columnMove = __webpack_require__(1086);
+var _columnSort = __webpack_require__(1087);
+var _createColumn = __webpack_require__(1088);
+var _createRow = __webpack_require__(1089);
+var _dataChange = __webpack_require__(1090);
+var _filters = __webpack_require__(1091);
+var _mergeCells = __webpack_require__(1092);
+var _removeColumn = __webpack_require__(1093);
+var _removeRow = __webpack_require__(1096);
+var _rowMove = __webpack_require__(1097);
+var _unmergeCells = __webpack_require__(1098);
 /**
  * Register all undo/redo actions.
  *
@@ -152043,7 +152120,7 @@ function registerActions(hot, undoRedoPlugin) {
 }
 
 /***/ }),
-/* 1085 */
+/* 1084 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -152052,7 +152129,7 @@ function registerActions(hot, undoRedoPlugin) {
 var _interopRequireDefault = __webpack_require__(197);
 exports.__esModule = true;
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(504));
-var _base = __webpack_require__(1086);
+var _base = __webpack_require__(1085);
 var _utils = __webpack_require__(881);
 var _array = __webpack_require__(495);
 /**
@@ -152069,7 +152146,7 @@ class CellAlignmentAction extends _base.BaseAction {
       type,
       alignment
     } = _ref;
-    super();
+    super('cell_alignment');
     /**
      * @param {Array} stateBefore The previous state.
      */
@@ -152132,14 +152209,16 @@ class CellAlignmentAction extends _base.BaseAction {
 exports.CellAlignmentAction = CellAlignmentAction;
 
 /***/ }),
-/* 1086 */
+/* 1085 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
+var _interopRequireDefault = __webpack_require__(197);
 exports.__esModule = true;
 __webpack_require__(201);
+var _defineProperty2 = _interopRequireDefault(__webpack_require__(504));
 /**
  * An abstract class that defines the structure of an undo/redo action.
  *
@@ -152147,6 +152226,13 @@ __webpack_require__(201);
  * @private
  */
 class BaseAction {
+  constructor(actionType) {
+    /**
+     * @param {string} actionType The action type.
+     */
+    (0, _defineProperty2.default)(this, "actionType", '');
+    this.actionType = actionType;
+  }
   undo() {
     throw new Error('Not implemented');
   }
@@ -152157,7 +152243,7 @@ class BaseAction {
 exports.BaseAction = BaseAction;
 
 /***/ }),
-/* 1087 */
+/* 1086 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -152168,7 +152254,7 @@ exports.__esModule = true;
 __webpack_require__(311);
 __webpack_require__(329);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(504));
-var _base = __webpack_require__(1086);
+var _base = __webpack_require__(1085);
 var _moves = __webpack_require__(995);
 /**
  * Action that tracks column move changes.
@@ -152182,7 +152268,7 @@ class ColumnMoveAction extends _base.BaseAction {
       columns,
       finalIndex
     } = _ref;
-    super();
+    super('col_move');
     /**
      * @param {number[]} columns An array with moved columns.
      */
@@ -152245,7 +152331,7 @@ class ColumnMoveAction extends _base.BaseAction {
 exports.ColumnMoveAction = ColumnMoveAction;
 
 /***/ }),
-/* 1088 */
+/* 1087 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -152254,7 +152340,7 @@ exports.ColumnMoveAction = ColumnMoveAction;
 var _interopRequireDefault = __webpack_require__(197);
 exports.__esModule = true;
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(504));
-var _base = __webpack_require__(1086);
+var _base = __webpack_require__(1085);
 /**
  * Action that tracks column sort changes.
  *
@@ -152267,7 +152353,7 @@ class ColumnSortAction extends _base.BaseAction {
       currentSortState,
       newSortState
     } = _ref;
-    super();
+    super('col_sort');
     /**
      * @param {Array} currentSortState The current sort state.
      */
@@ -152322,7 +152408,7 @@ class ColumnSortAction extends _base.BaseAction {
 exports.ColumnSortAction = ColumnSortAction;
 
 /***/ }),
-/* 1089 */
+/* 1088 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -152331,7 +152417,7 @@ exports.ColumnSortAction = ColumnSortAction;
 var _interopRequireDefault = __webpack_require__(197);
 exports.__esModule = true;
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(504));
-var _base = __webpack_require__(1086);
+var _base = __webpack_require__(1085);
 /**
  * Action that tracks column creation.
  *
@@ -152344,7 +152430,7 @@ class CreateColumnAction extends _base.BaseAction {
       index,
       amount
     } = _ref;
-    super();
+    super('insert_col');
     /**
      * @param {number} index The visual column index.
      */
@@ -152386,7 +152472,7 @@ class CreateColumnAction extends _base.BaseAction {
 exports.CreateColumnAction = CreateColumnAction;
 
 /***/ }),
-/* 1090 */
+/* 1089 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -152395,7 +152481,7 @@ exports.CreateColumnAction = CreateColumnAction;
 var _interopRequireDefault = __webpack_require__(197);
 exports.__esModule = true;
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(504));
-var _base = __webpack_require__(1086);
+var _base = __webpack_require__(1085);
 /**
  * Action that tracks row creation.
  *
@@ -152408,7 +152494,7 @@ class CreateRowAction extends _base.BaseAction {
       index,
       amount
     } = _ref;
-    super();
+    super('insert_row');
     /**
      * @param {number} index The visual row index.
      */
@@ -152455,7 +152541,7 @@ class CreateRowAction extends _base.BaseAction {
 exports.CreateRowAction = CreateRowAction;
 
 /***/ }),
-/* 1091 */
+/* 1090 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -152469,7 +152555,7 @@ __webpack_require__(519);
 __webpack_require__(329);
 __webpack_require__(530);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(504));
-var _base = __webpack_require__(1086);
+var _base = __webpack_require__(1085);
 var _object = __webpack_require__(499);
 /**
  * Action that tracks data changes.
@@ -152485,7 +152571,7 @@ class DataChangeAction extends _base.BaseAction {
       countCols,
       countRows
     } = _ref;
-    super();
+    super('change');
     /**
      * @param {Array} changes 2D array containing information about each of the edited cells.
      */
@@ -152582,7 +152668,7 @@ class DataChangeAction extends _base.BaseAction {
 exports.DataChangeAction = DataChangeAction;
 
 /***/ }),
-/* 1092 */
+/* 1091 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -152593,7 +152679,7 @@ exports.__esModule = true;
 __webpack_require__(311);
 __webpack_require__(323);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(504));
-var _base = __webpack_require__(1086);
+var _base = __webpack_require__(1085);
 /**
  * Action that tracks filter changes.
  *
@@ -152606,7 +152692,7 @@ class FiltersAction extends _base.BaseAction {
       conditionsStack,
       previousConditionsStack
     } = _ref;
-    super();
+    super('filter');
     /**
      * @param {Array} previousConditionsStack An array of the previous filter conditions.
      */
@@ -152634,7 +152720,7 @@ class FiltersAction extends _base.BaseAction {
   undo(hot, undoneCallback) {
     const filters = hot.getPlugin('filters');
     hot.addHookOnce('afterViewRender', undoneCallback);
-    filters.conditionCollection.importAllConditions(this.previousConditionsStack);
+    filters.importConditions(this.previousConditionsStack);
     filters.filter();
   }
 
@@ -152645,14 +152731,14 @@ class FiltersAction extends _base.BaseAction {
   redo(hot, redoneCallback) {
     const filters = hot.getPlugin('filters');
     hot.addHookOnce('afterViewRender', redoneCallback);
-    filters.conditionCollection.importAllConditions(this.conditionsStack);
+    filters.importConditions(this.conditionsStack);
     filters.filter();
   }
 }
 exports.FiltersAction = FiltersAction;
 
 /***/ }),
-/* 1093 */
+/* 1092 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -152661,7 +152747,7 @@ exports.FiltersAction = FiltersAction;
 var _interopRequireDefault = __webpack_require__(197);
 exports.__esModule = true;
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(504));
-var _base = __webpack_require__(1086);
+var _base = __webpack_require__(1085);
 /**
  * Action that tracks changes in merged cells.
  *
@@ -152674,7 +152760,10 @@ class MergeCellsAction extends _base.BaseAction {
       data,
       cellRange
     } = _ref;
-    super();
+    super('merge_cells');
+    /**
+     * @param {CellRange} cellRange The merged cell range.
+     */
     (0, _defineProperty2.default)(this, "cellRange", void 0);
     this.cellRange = cellRange;
     this.data = data;
@@ -152719,7 +152808,7 @@ class MergeCellsAction extends _base.BaseAction {
 exports.MergeCellsAction = MergeCellsAction;
 
 /***/ }),
-/* 1094 */
+/* 1093 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -152731,8 +152820,8 @@ __webpack_require__(283);
 __webpack_require__(311);
 __webpack_require__(329);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(504));
-var _base = __webpack_require__(1086);
-var _utils = __webpack_require__(1095);
+var _base = __webpack_require__(1085);
+var _utils = __webpack_require__(1094);
 var _number = __webpack_require__(534);
 var _array = __webpack_require__(495);
 /**
@@ -152747,13 +152836,14 @@ class RemoveColumnAction extends _base.BaseAction {
       index,
       indexes,
       data,
+      amount,
       headers,
       columnPositions,
       rowPositions,
       fixedColumnsStart,
       removedCellMetas
     } = _ref;
-    super();
+    super('remove_col');
     /**
      * @param {number} index The visual column index.
      */
@@ -152793,7 +152883,7 @@ class RemoveColumnAction extends _base.BaseAction {
     this.index = index;
     this.indexes = indexes;
     this.data = data;
-    this.amount = this.data[0].length;
+    this.amount = amount;
     this.headers = headers;
     this.columnPositions = columnPositions.slice(0);
     this.rowPositions = rowPositions.slice(0);
@@ -152831,6 +152921,7 @@ class RemoveColumnAction extends _base.BaseAction {
           index: columnIndex,
           indexes,
           data: removedData,
+          amount,
           headers,
           columnPositions: columnsMap,
           rowPositions: rowsMap,
@@ -152899,7 +152990,7 @@ class RemoveColumnAction extends _base.BaseAction {
 exports.RemoveColumnAction = RemoveColumnAction;
 
 /***/ }),
-/* 1095 */
+/* 1094 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -152908,7 +152999,7 @@ exports.RemoveColumnAction = RemoveColumnAction;
 exports.__esModule = true;
 exports.getCellMetas = getCellMetas;
 __webpack_require__(283);
-__webpack_require__(1096);
+__webpack_require__(1095);
 __webpack_require__(311);
 __webpack_require__(323);
 var _number = __webpack_require__(534);
@@ -152942,7 +153033,7 @@ function getCellMetas(hot, fromRow, toRow, fromColumn, toColumn) {
 }
 
 /***/ }),
-/* 1096 */
+/* 1095 */
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
 "use strict";
@@ -152965,7 +153056,7 @@ $({ target: 'Object', stat: true }, {
 
 
 /***/ }),
-/* 1097 */
+/* 1096 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -152977,8 +153068,8 @@ __webpack_require__(283);
 __webpack_require__(311);
 __webpack_require__(329);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(504));
-var _base = __webpack_require__(1086);
-var _utils = __webpack_require__(1095);
+var _base = __webpack_require__(1085);
+var _utils = __webpack_require__(1094);
 var _object = __webpack_require__(499);
 /**
  * Action that tracks changes in row removal.
@@ -152996,7 +153087,7 @@ class RemoveRowAction extends _base.BaseAction {
       rowIndexesSequence,
       removedCellMetas
     } = _ref;
-    super();
+    super('remove_row');
     /**
      * @param {number} index The visual row index.
      */
@@ -153088,7 +153179,7 @@ class RemoveRowAction extends _base.BaseAction {
 exports.RemoveRowAction = RemoveRowAction;
 
 /***/ }),
-/* 1098 */
+/* 1097 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -153099,7 +153190,7 @@ exports.__esModule = true;
 __webpack_require__(311);
 __webpack_require__(329);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(504));
-var _base = __webpack_require__(1086);
+var _base = __webpack_require__(1085);
 var _moves = __webpack_require__(995);
 /**
  * Action that tracks row move changes.
@@ -153113,7 +153204,7 @@ class RowMoveAction extends _base.BaseAction {
       rows,
       finalIndex
     } = _ref;
-    super();
+    super('row_move');
     /**
      * @param {number[]} rows An array with moved rows.
      */
@@ -153176,7 +153267,7 @@ class RowMoveAction extends _base.BaseAction {
 exports.RowMoveAction = RowMoveAction;
 
 /***/ }),
-/* 1099 */
+/* 1098 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -153185,7 +153276,7 @@ exports.RowMoveAction = RowMoveAction;
 var _interopRequireDefault = __webpack_require__(197);
 exports.__esModule = true;
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(504));
-var _base = __webpack_require__(1086);
+var _base = __webpack_require__(1085);
 /**
  * Action that tracks changes in merged cells.
  *
@@ -153197,7 +153288,10 @@ class UnmergeCellsAction extends _base.BaseAction {
     let {
       cellRange
     } = _ref;
-    super();
+    super('unmerge_cells');
+    /**
+     * @param {CellRange} cellRange The merged cell range.
+     */
     (0, _defineProperty2.default)(this, "cellRange", void 0);
     this.cellRange = cellRange;
   }
@@ -153236,7 +153330,7 @@ class UnmergeCellsAction extends _base.BaseAction {
 exports.UnmergeCellsAction = UnmergeCellsAction;
 
 /***/ }),
-/* 1100 */
+/* 1099 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";