handsontable 15.1.0 → 15.2.0-next-9a1a15b-20250314

package/dist/handsontable.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
- * Release date: 20/02/2025 (built at 19/02/2025 10:01:09)
+ * Version: 15.2.0-next-9a1a15b-20250314
+ * Release date: 19/03/2025 (built at 14/03/2025 11:50:19)
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -104,8 +104,8 @@ Handsontable.hooks = _hooks.Hooks.getSingleton();
 Handsontable.CellCoords = _src.CellCoords;
 Handsontable.CellRange = _src.CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "19/02/2025 10:01:09";
-Handsontable.version = "15.1.0";
+Handsontable.buildDate = "14/03/2025 11:50:19";
+Handsontable.version = "15.2.0-next-9a1a15b-20250314";
 Handsontable.languages = {
   dictionaryKeys: _registry.dictionaryKeys,
   getLanguageDictionary: _registry.getLanguageDictionary,
@@ -3687,6 +3687,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) {
@@ -3704,7 +3705,7 @@ function Core(rootElement, userSettings) {
         height = parseInt(height, 10);
       }
     }
-    return height;
+    return height !== undefined && height !== null && height < defaultRowHeight ? defaultRowHeight : height;
   };
 
   /**
@@ -4819,42 +4820,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();
@@ -5643,10 +5608,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'
 });
 
@@ -8698,9 +8663,10 @@ exports.innerHeight = innerHeight;
 exports.innerWidth = innerWidth;
 exports.isChildOf = isChildOf;
 exports.isDetached = isDetached;
+exports.isHTMLElement = isHTMLElement;
 exports.isInput = isInput;
+exports.isInternalElement = isInternalElement;
 exports.isOutsideInput = isOutsideInput;
-exports.isThisHotChild = isThisHotChild;
 exports.isVisible = isVisible;
 exports.makeElementContentEditableAndSelectItsContent = makeElementContentEditableAndSelectItsContent;
 exports.matchesCSSRules = matchesCSSRules;
@@ -8761,7 +8727,7 @@ function getParent(element) {
  * @param {HTMLElement} thisHotContainer The Handsontable container.
  * @returns {boolean}
  */
-function isThisHotChild(element, thisHotContainer) {
+function isInternalElement(element, thisHotContainer) {
   const closestHandsontableContainer = element.closest('.handsontable');
   return !!closestHandsontableContainer && (closestHandsontableContainer.parentNode === thisHotContainer || closestHandsontableContainer === thisHotContainer);
 }
@@ -9666,20 +9632,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;
 }
 
@@ -9842,6 +9814,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);
+}
+
 /***/ }),
 /* 156 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
@@ -10107,7 +10091,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";
+  const hotVersion = "15.2.0-next-9a1a15b-20250314";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';
@@ -10115,7 +10099,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');
@@ -12288,7 +12272,7 @@ function isKey(keyCode, baseCode) {
 
 /***/ }),
 /* 175 */
-/***/ ((__unused_webpack_module, exports) => {
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
@@ -12300,6 +12284,7 @@ exports.isRightClick = isRightClick;
 exports.isTouchEvent = isTouchEvent;
 exports.offsetRelativeTo = offsetRelativeTo;
 exports.stopImmediatePropagation = stopImmediatePropagation;
+var _element = __webpack_require__(155);
 /**
  * Prevent other listeners of the same event from being called.
  *
@@ -12363,7 +12348,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) {
@@ -16446,7 +16431,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())) {
@@ -16473,6 +16458,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;
@@ -16485,8 +16472,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;
@@ -17206,6 +17193,7 @@ function unifyPluginArguments(pluginName, pluginClass, priority) {
 exports.__esModule = true;
 exports.createPriorityMap = createPriorityMap;
 __webpack_require__(5);
+__webpack_require__(115);
 __webpack_require__(142);
 var _number = __webpack_require__(200);
 var _function = __webpack_require__(163);
@@ -17295,6 +17283,7 @@ __webpack_require__(107);
 __webpack_require__(109);
 __webpack_require__(111);
 __webpack_require__(113);
+__webpack_require__(115);
 __webpack_require__(142);
 /* eslint-disable jsdoc/require-description-complete-sentence */
 /**
@@ -19337,6 +19326,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.
@@ -23552,6 +23550,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);
@@ -23948,12 +23947,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);
@@ -25353,6 +25352,7 @@ exports.ViewDiffer = ViewDiffer;
 var _interopRequireDefault = __webpack_require__(1);
 exports.__esModule = true;
 __webpack_require__(242);
+__webpack_require__(115);
 __webpack_require__(142);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(170));
 /**
@@ -29871,7 +29871,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;
     }
   }
@@ -30098,8 +30098,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'),
@@ -30128,13 +30134,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;
@@ -30259,7 +30272,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;
       }
@@ -31672,6 +31685,7 @@ var _default = exports["default"] = MasterTable;
 
 
 exports.__esModule = true;
+__webpack_require__(115);
 __webpack_require__(142);
 var _element = __webpack_require__(155);
 var _object = __webpack_require__(165);
@@ -31794,7 +31808,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();
   }
 
   /**
@@ -31803,7 +31830,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();
   }
 
   /**
@@ -31843,7 +31883,7 @@ class Viewport {
    * @returns {number}
    */
   getWorkspaceOffset() {
-    return (0, _element.offset)(this.wtTable.TABLE);
+    return (0, _element.offset)(this.wtTable.holder);
   }
 
   /**
@@ -32822,8 +32862,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)) {
@@ -34310,6 +34350,7 @@ exports.IndexMap = IndexMap;
 exports.__esModule = true;
 exports.getListWithInsertedItems = getListWithInsertedItems;
 exports.getListWithRemovedItems = getListWithRemovedItems;
+__webpack_require__(115);
 __webpack_require__(142);
 var _function = __webpack_require__(163);
 var _array = __webpack_require__(161);
@@ -34354,6 +34395,7 @@ function getListWithRemovedItems(indexedValues, removedIndexes) {
 
 var _interopRequireDefault = __webpack_require__(1);
 exports.__esModule = true;
+__webpack_require__(115);
 __webpack_require__(142);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(170));
 var _indexMap = __webpack_require__(298);
@@ -38935,7 +38977,7 @@ class DataMap {
     this.metaManager = metaManager;
     this.tableMeta = metaManager.getTableMeta();
     this.dataSource = data;
-    this.duckSchema = this.createDuckSchema();
+    this.refreshDuckSchema();
     this.createMap();
   }
 
@@ -39298,14 +39340,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([]);
       }
     }
@@ -39368,13 +39406,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([]);
       }
     }
@@ -44378,8 +44412,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                                                      |
      * | ----------- | --------------------------------------------------------------------------------------------------- | ------------------------------------------------------------ |
@@ -49709,6 +49743,7 @@ exports.createContext = createContext;
 
 
 exports.__esModule = true;
+__webpack_require__(115);
 __webpack_require__(142);
 // 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.
@@ -50238,7 +50273,7 @@ class TextEditor extends _baseEditor.BaseEditor {
    */
   close() {
     this.autoResize.unObserve();
-    if ((0, _element.isThisHotChild)(this.hot.rootDocument.activeElement, this.hot.rootElement)) {
+    if ((0, _element.isInternalElement)(this.hot.rootDocument.activeElement, this.hot.rootElement)) {
       this.hot.listen(); // don't refocus the table if user focused some cell outside of HT on purpose
     }
     this.hideEditableElement();
@@ -50850,18 +50885,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;
 
@@ -51090,6 +51116,7 @@ var _string = __webpack_require__(156);
 var _unicode = __webpack_require__(174);
 var _textRenderer = __webpack_require__(426);
 var _a11y = __webpack_require__(162);
+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)); }
@@ -51101,9 +51128,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.
      *
@@ -51411,21 +51443,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 {
@@ -51485,7 +51512,6 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
     dropdownStyle.top = '';
     this.htEditor.flipped = undefined;
   }
-
   /**
    * Updates width and height of the internal Handsontable's instance.
    *
@@ -51496,11 +51522,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();
   }
 
@@ -51514,6 +51536,8 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
     this.htEditor.updateSettings({
       height
     });
+    _assertClassBrand(_AutocompleteEditor_brand, this, _fixDropdownWidth).call(this);
+    this.htEditor.view._wt.wtTable.alignOverlaysWithTrimmingContainer();
   }
 
   /**
@@ -51637,6 +51661,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)
+    });
+  }
+}
 
 /***/ }),
 /* 434 */
@@ -52025,21 +52056,27 @@ var _element = __webpack_require__(155);
 var _object = __webpack_require__(165);
 var _unicode = __webpack_require__(174);
 var _browser = __webpack_require__(164);
+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}
      */
@@ -52205,7 +52242,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;
@@ -52257,6 +52294,7 @@ class DateEditor extends _textEditor.TextEditor {
    * @returns {object}
    */
   getDatePickerConfig() {
+    var _options$format;
     const htInput = this.TEXTAREA;
     const options = {};
     if (this.cellProperties && this.cellProperties.datePickerConfig) {
@@ -52269,7 +52307,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.
@@ -52278,7 +52316,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) {
@@ -52346,6 +52384,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;
+}
 
 /***/ }),
 /* 440 */
@@ -53363,7 +53405,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;
@@ -53631,8 +53673,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');
@@ -54615,23 +54665,23 @@ var _mergeCells = __webpack_require__(688);
 exports.MergeCells = _mergeCells.MergeCells;
 var _multiColumnSorting = __webpack_require__(702);
 exports.MultiColumnSorting = _multiColumnSorting.MultiColumnSorting;
-var _multipleSelectionHandles = __webpack_require__(707);
+var _multipleSelectionHandles = __webpack_require__(706);
 exports.MultipleSelectionHandles = _multipleSelectionHandles.MultipleSelectionHandles;
-var _nestedHeaders = __webpack_require__(709);
+var _nestedHeaders = __webpack_require__(708);
 exports.NestedHeaders = _nestedHeaders.NestedHeaders;
-var _nestedRows = __webpack_require__(725);
+var _nestedRows = __webpack_require__(724);
 exports.NestedRows = _nestedRows.NestedRows;
-var _persistentState = __webpack_require__(733);
+var _persistentState = __webpack_require__(732);
 exports.PersistentState = _persistentState.PersistentState;
-var _search = __webpack_require__(736);
+var _search = __webpack_require__(735);
 exports.Search = _search.Search;
-var _stretchColumns = __webpack_require__(738);
+var _stretchColumns = __webpack_require__(737);
 exports.StretchColumns = _stretchColumns.StretchColumns;
-var _touchScroll = __webpack_require__(744);
+var _touchScroll = __webpack_require__(743);
 exports.TouchScroll = _touchScroll.TouchScroll;
-var _trimRows = __webpack_require__(746);
+var _trimRows = __webpack_require__(745);
 exports.TrimRows = _trimRows.TrimRows;
-var _undoRedo = __webpack_require__(748);
+var _undoRedo = __webpack_require__(747);
 exports.UndoRedo = _undoRedo.UndoRedo;
 var _registry = __webpack_require__(198);
 exports.registerPlugin = _registry.registerPlugin;
@@ -58669,6 +58719,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
@@ -58777,9 +58834,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);
@@ -58824,6 +58889,7 @@ class ColumnSorting extends _base.BasePlugin {
       }
       this.updateHeaderClasses(headerSpanElement);
     };
+    pluginConflictsState.delete(this.hot);
 
     // Changing header width and removing indicator.
     this.hot.addHook('afterGetColHeader', clearColHeader);
@@ -59301,7 +59367,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());
@@ -59431,6 +59497,7 @@ function _onBeforeOnCellMouseDown(event, coords, TD, controller) {
 
 var _interopRequireDefault = __webpack_require__(1);
 exports.__esModule = true;
+__webpack_require__(115);
 __webpack_require__(142);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(170));
 var _object = __webpack_require__(165);
@@ -59659,6 +59726,7 @@ exports.createDateTimeCompareFunction = createDateTimeCompareFunction;
 exports.getHeaderSpanElement = getHeaderSpanElement;
 exports.getNextSortOrder = getNextSortOrder;
 exports.isFirstLevelColumnHeader = isFirstLevelColumnHeader;
+exports.warnAboutPluginsConflict = warnAboutPluginsConflict;
 exports.wasHeaderClickedProperly = wasHeaderClickedProperly;
 __webpack_require__(91);
 __webpack_require__(102);
@@ -59675,6 +59743,8 @@ var _object = __webpack_require__(165);
 var _event = __webpack_require__(175);
 var _mixed = __webpack_require__(158);
 var _sortService = __webpack_require__(526);
+var _console = __webpack_require__(178);
+var _templateLiteralTag = __webpack_require__(160);
 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';
@@ -59827,6 +59897,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.`);
+}
+
 /***/ }),
 /* 526 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
@@ -61951,6 +62032,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()) {
@@ -61958,12 +62042,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);
@@ -63163,19 +63247,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;
@@ -63216,17 +63295,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;
@@ -63496,19 +63568,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;
@@ -63545,17 +63612,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;
@@ -64742,7 +64802,6 @@ class Menu {
           this.openSubMenu(coords.row);
         }
       },
-      rowHeights: row => filteredItems[row].name === _predefinedItems.SEPARATOR ? 1 : undefined,
       afterOnCellContextMenu: event => {
         event.preventDefault();
 
@@ -65013,6 +65072,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;
@@ -65025,8 +65085,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;
   }
 
@@ -66728,12 +66794,10 @@ class CopyPaste extends _base.BasePlugin {
    * @private
    */
   onCopy(event) {
-    var _event$target, _this$hot$getSelected;
+    var _event$target;
     const focusedElement = this.hot.getFocusManager().getRefocusElement();
     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 && !(0, _element.isInternalElement)(event.target, this.hot.rootElement))) {
       return;
     }
     event.preventDefault();
@@ -66763,12 +66827,10 @@ class CopyPaste extends _base.BasePlugin {
    * @private
    */
   onCut(event) {
-    var _event$target2, _this$hot$getSelected2;
+    var _event$target2;
     const focusedElement = this.hot.getFocusManager().getRefocusElement();
     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 && !(0, _element.isInternalElement)(event.target, this.hot.rootElement))) {
       return;
     }
     event.preventDefault();
@@ -66797,12 +66859,10 @@ class CopyPaste extends _base.BasePlugin {
    * @private
    */
   onPaste(event) {
-    var _event$target3, _this$hot$getSelected3;
+    var _event$target3;
     const focusedElement = this.hot.getFocusManager().getRefocusElement();
     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 && !(0, _element.isInternalElement)(event.target, this.hot.rootElement))) {
       return;
     }
     event.preventDefault();
@@ -70000,6 +70060,7 @@ function typeFactory(type, dataProvider, options) {
 
 var _interopRequireDefault = __webpack_require__(1);
 exports.__esModule = true;
+__webpack_require__(115);
 __webpack_require__(142);
 var _array = __webpack_require__(161);
 var _mixed = __webpack_require__(158);
@@ -70254,6 +70315,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() {
@@ -70325,6 +70387,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];
@@ -70667,6 +70736,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.
    *
@@ -70680,8 +70794,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 = [];
@@ -70704,11 +70818,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);
     }
@@ -71071,7 +71187,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();
@@ -71113,8 +71228,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) {
@@ -74558,13 +74688,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) {
@@ -74633,13 +74756,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) {
@@ -74768,8 +74884,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);
@@ -74803,16 +74917,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.
    */
@@ -83959,14 +84063,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
       }
@@ -86266,12 +86373,10 @@ var _sortService = __webpack_require__(526);
 var _utils = __webpack_require__(525);
 var _element = __webpack_require__(155);
 var _rootComparator = __webpack_require__(704);
-var _utils2 = __webpack_require__(705);
-var _domHelpers = __webpack_require__(706);
+var _domHelpers = __webpack_require__(705);
 var _shortcutContexts = __webpack_require__(352);
 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);
 
@@ -86351,17 +86456,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();
   }
 
@@ -86533,20 +86634,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.
    *
@@ -86620,25 +86707,6 @@ function rootComparator(sortingOrders, columnMetas) {
 "use strict";
 
 
-exports.__esModule = true;
-exports.warnAboutPluginsConflict = warnAboutPluginsConflict;
-var _console = __webpack_require__(178);
-var _templateLiteralTag = __webpack_require__(160);
-/**
- * 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.`);
-}
-
-/***/ }),
-/* 706 */
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-
 exports.__esModule = true;
 exports.getClassesToAdd = getClassesToAdd;
 exports.getClassesToRemove = getClassesToRemove;
@@ -86679,20 +86747,20 @@ function getClassesToRemove(htmlElement) {
 }
 
 /***/ }),
-/* 707 */
+/* 706 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
 exports.__esModule = true;
-var _multipleSelectionHandles = __webpack_require__(708);
+var _multipleSelectionHandles = __webpack_require__(707);
 exports.PLUGIN_KEY = _multipleSelectionHandles.PLUGIN_KEY;
 exports.PLUGIN_PRIORITY = _multipleSelectionHandles.PLUGIN_PRIORITY;
 exports.MultipleSelectionHandles = _multipleSelectionHandles.MultipleSelectionHandles;
 
 /***/ }),
-/* 708 */
+/* 707 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -87031,20 +87099,20 @@ class MultipleSelectionHandles extends _base.BasePlugin {
 exports.MultipleSelectionHandles = MultipleSelectionHandles;
 
 /***/ }),
-/* 709 */
+/* 708 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
 exports.__esModule = true;
-var _nestedHeaders = __webpack_require__(710);
+var _nestedHeaders = __webpack_require__(709);
 exports.PLUGIN_KEY = _nestedHeaders.PLUGIN_KEY;
 exports.PLUGIN_PRIORITY = _nestedHeaders.PLUGIN_PRIORITY;
 exports.NestedHeaders = _nestedHeaders.NestedHeaders;
 
 /***/ }),
-/* 710 */
+/* 709 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -87064,8 +87132,8 @@ var _event = __webpack_require__(175);
 var _console = __webpack_require__(178);
 var _selection = __webpack_require__(318);
 var _base = __webpack_require__(507);
-var _stateManager2 = _interopRequireDefault(__webpack_require__(711));
-var _ghostTable = _interopRequireDefault(__webpack_require__(724));
+var _stateManager2 = _interopRequireDefault(__webpack_require__(710));
+var _ghostTable = _interopRequireDefault(__webpack_require__(723));
 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"); }
@@ -87950,9 +88018,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));
+    }
   }
 }
 /**
@@ -88051,7 +88121,7 @@ function _onAfterLoadData(sourceData, initialLoad) {
 }
 
 /***/ }),
-/* 711 */
+/* 710 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -88061,13 +88131,14 @@ var _interopRequireDefault = __webpack_require__(1);
 exports.__esModule = true;
 __webpack_require__(5);
 __webpack_require__(87);
+__webpack_require__(115);
 __webpack_require__(142);
 var _array = __webpack_require__(161);
-var _sourceSettings2 = _interopRequireDefault(__webpack_require__(712));
-var _headersTree2 = _interopRequireDefault(__webpack_require__(715));
-var _nodeModifiers = __webpack_require__(717);
-var _matrixGenerator = __webpack_require__(723);
-var _tree = __webpack_require__(716);
+var _sourceSettings2 = _interopRequireDefault(__webpack_require__(711));
+var _headersTree2 = _interopRequireDefault(__webpack_require__(714));
+var _nodeModifiers = __webpack_require__(716);
+var _matrixGenerator = __webpack_require__(722);
+var _tree = __webpack_require__(715);
 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; }
@@ -88542,7 +88613,7 @@ class StateManager {
 exports["default"] = StateManager;
 
 /***/ }),
-/* 712 */
+/* 711 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -88553,7 +88624,7 @@ __webpack_require__(5);
 __webpack_require__(87);
 var _object = __webpack_require__(165);
 var _array = __webpack_require__(161);
-var _settingsNormalizer = __webpack_require__(713);
+var _settingsNormalizer = __webpack_require__(712);
 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)); }
@@ -88764,7 +88835,7 @@ class SourceSettings {
 exports["default"] = SourceSettings;
 
 /***/ }),
-/* 713 */
+/* 712 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -88776,7 +88847,7 @@ __webpack_require__(87);
 var _array = __webpack_require__(161);
 var _object = __webpack_require__(165);
 var _mixed = __webpack_require__(158);
-var _utils = __webpack_require__(714);
+var _utils = __webpack_require__(713);
 /* eslint-disable jsdoc/require-description-complete-sentence */
 
 /**
@@ -88878,7 +88949,7 @@ function normalizeSettings(sourceSettings) {
 }
 
 /***/ }),
-/* 714 */
+/* 713 */
 /***/ ((__unused_webpack_module, exports) => {
 
 "use strict";
@@ -88955,7 +89026,7 @@ function createPlaceholderHeaderSettings() {
 }
 
 /***/ }),
-/* 715 */
+/* 714 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -88965,7 +89036,7 @@ var _interopRequireDefault = __webpack_require__(1);
 exports.__esModule = true;
 __webpack_require__(5);
 var _array = __webpack_require__(161);
-var _tree = _interopRequireDefault(__webpack_require__(716));
+var _tree = _interopRequireDefault(__webpack_require__(715));
 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)); }
@@ -89193,7 +89264,7 @@ class HeadersTree {
 exports["default"] = HeadersTree;
 
 /***/ }),
-/* 716 */
+/* 715 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -89412,7 +89483,7 @@ class TreeNode {
 exports["default"] = TreeNode;
 
 /***/ }),
-/* 717 */
+/* 716 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -89421,10 +89492,10 @@ exports["default"] = TreeNode;
 exports.__esModule = true;
 exports.triggerNodeModification = triggerNodeModification;
 __webpack_require__(5);
-var _collapse = __webpack_require__(718);
-var _expand = __webpack_require__(719);
-var _hideColumn = __webpack_require__(721);
-var _showColumn = __webpack_require__(722);
+var _collapse = __webpack_require__(717);
+var _expand = __webpack_require__(718);
+var _hideColumn = __webpack_require__(720);
+var _showColumn = __webpack_require__(721);
 /**
  * The NodeModifiers module is responsible for the modification of a tree structure
  * in a way to achieve new column headers state.
@@ -89454,7 +89525,7 @@ function triggerNodeModification(actionName, nodeToProcess, gridColumnIndex) {
 }
 
 /***/ }),
-/* 718 */
+/* 717 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -89470,8 +89541,8 @@ __webpack_require__(109);
 __webpack_require__(111);
 __webpack_require__(113);
 var _array = __webpack_require__(161);
-var _expand = __webpack_require__(719);
-var _tree = __webpack_require__(720);
+var _expand = __webpack_require__(718);
+var _tree = __webpack_require__(719);
 /**
  * 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
@@ -89564,7 +89635,7 @@ function collapseNode(nodeToProcess) {
 }
 
 /***/ }),
-/* 719 */
+/* 718 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -89580,8 +89651,8 @@ __webpack_require__(109);
 __webpack_require__(111);
 __webpack_require__(113);
 var _array = __webpack_require__(161);
-var _collapse = __webpack_require__(718);
-var _tree = __webpack_require__(720);
+var _collapse = __webpack_require__(717);
+var _tree = __webpack_require__(719);
 /**
  * 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
@@ -89669,7 +89740,7 @@ function expandNode(nodeToProcess) {
 }
 
 /***/ }),
-/* 720 */
+/* 719 */
 /***/ ((__unused_webpack_module, exports) => {
 
 "use strict";
@@ -89740,7 +89811,7 @@ function isNodeReflectsFirstChildColspan(node) {
 }
 
 /***/ }),
-/* 721 */
+/* 720 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -89803,7 +89874,7 @@ the last node, the hide column modification can be applied.`);
 }
 
 /***/ }),
-/* 722 */
+/* 721 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -89864,7 +89935,7 @@ the last node, the show column modification can be applied.`);
 }
 
 /***/ }),
-/* 723 */
+/* 722 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -89874,7 +89945,7 @@ exports.__esModule = true;
 exports.generateMatrix = generateMatrix;
 __webpack_require__(87);
 var _array = __webpack_require__(161);
-var _utils = __webpack_require__(714);
+var _utils = __webpack_require__(713);
 /* eslint-disable jsdoc/require-description-complete-sentence */
 
 /**
@@ -89970,7 +90041,7 @@ function createNestedArrayIfNecessary(array, index) {
 }
 
 /***/ }),
-/* 724 */
+/* 723 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -90126,20 +90197,20 @@ class GhostTable {
 var _default = exports["default"] = GhostTable;
 
 /***/ }),
-/* 725 */
+/* 724 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
 exports.__esModule = true;
-var _nestedRows = __webpack_require__(726);
+var _nestedRows = __webpack_require__(725);
 exports.PLUGIN_KEY = _nestedRows.PLUGIN_KEY;
 exports.PLUGIN_PRIORITY = _nestedRows.PLUGIN_PRIORITY;
 exports.NestedRows = _nestedRows.NestedRows;
 
 /***/ }),
-/* 726 */
+/* 725 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -90161,15 +90232,15 @@ __webpack_require__(133);
 __webpack_require__(196);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(170));
 var _base = __webpack_require__(507);
-var _dataManager = _interopRequireDefault(__webpack_require__(727));
-var _collapsing = _interopRequireDefault(__webpack_require__(728));
-var _headers = _interopRequireDefault(__webpack_require__(730));
-var _contextMenu = _interopRequireDefault(__webpack_require__(731));
+var _dataManager = _interopRequireDefault(__webpack_require__(726));
+var _collapsing = _interopRequireDefault(__webpack_require__(727));
+var _headers = _interopRequireDefault(__webpack_require__(729));
+var _contextMenu = _interopRequireDefault(__webpack_require__(730));
 var _console = __webpack_require__(178);
 var _data = __webpack_require__(288);
 var _translations = __webpack_require__(291);
 var _shortcutContexts = __webpack_require__(352);
-var _rowMoveController = _interopRequireDefault(__webpack_require__(732));
+var _rowMoveController = _interopRequireDefault(__webpack_require__(731));
 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"); }
@@ -90701,7 +90772,7 @@ function _onBeforeLoadData(data) {
 }
 
 /***/ }),
-/* 727 */
+/* 726 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -91417,7 +91488,7 @@ class DataManager {
 var _default = exports["default"] = DataManager;
 
 /***/ }),
-/* 728 */
+/* 727 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -91430,8 +91501,8 @@ var _event = __webpack_require__(175);
 var _array = __webpack_require__(161);
 var _number = __webpack_require__(200);
 var _element = __webpack_require__(155);
-var _base = _interopRequireDefault(__webpack_require__(729));
-var _headers = _interopRequireDefault(__webpack_require__(730));
+var _base = _interopRequireDefault(__webpack_require__(728));
+var _headers = _interopRequireDefault(__webpack_require__(729));
 /**
  * Class responsible for the UI for collapsing and expanding groups.
  *
@@ -91892,7 +91963,7 @@ class CollapsingUI extends _base.default {
 var _default = exports["default"] = CollapsingUI;
 
 /***/ }),
-/* 729 */
+/* 728 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -91926,7 +91997,7 @@ class BaseUI {
 var _default = exports["default"] = BaseUI;
 
 /***/ }),
-/* 730 */
+/* 729 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -91937,7 +92008,7 @@ exports.__esModule = true;
 var _array = __webpack_require__(161);
 var _number = __webpack_require__(200);
 var _element = __webpack_require__(155);
-var _base = _interopRequireDefault(__webpack_require__(729));
+var _base = _interopRequireDefault(__webpack_require__(728));
 var _a11y = __webpack_require__(162);
 /**
  * Class responsible for the UI in the Nested Rows' row headers.
@@ -92070,7 +92141,7 @@ class HeadersUI extends _base.default {
 var _default = exports["default"] = HeadersUI;
 
 /***/ }),
-/* 731 */
+/* 730 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -92083,7 +92154,7 @@ var _defineProperty2 = _interopRequireDefault(__webpack_require__(170));
 var _number = __webpack_require__(200);
 var _array = __webpack_require__(161);
 var C = _interopRequireWildcard(__webpack_require__(317));
-var _base = _interopRequireDefault(__webpack_require__(729));
+var _base = _interopRequireDefault(__webpack_require__(728));
 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); }
@@ -92189,7 +92260,7 @@ class ContextMenuUI extends _base.default {
 var _default = exports["default"] = ContextMenuUI;
 
 /***/ }),
-/* 732 */
+/* 731 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -92478,20 +92549,20 @@ class RowMoveController {
 exports["default"] = RowMoveController;
 
 /***/ }),
-/* 733 */
+/* 732 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
 exports.__esModule = true;
-var _persistentState = __webpack_require__(734);
+var _persistentState = __webpack_require__(733);
 exports.PLUGIN_KEY = _persistentState.PLUGIN_KEY;
 exports.PLUGIN_PRIORITY = _persistentState.PLUGIN_PRIORITY;
 exports.PersistentState = _persistentState.PersistentState;
 
 /***/ }),
-/* 734 */
+/* 733 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -92501,7 +92572,7 @@ var _interopRequireDefault = __webpack_require__(1);
 exports.__esModule = true;
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(170));
 var _base = __webpack_require__(507);
-var _storage = _interopRequireDefault(__webpack_require__(735));
+var _storage = _interopRequireDefault(__webpack_require__(734));
 var _hooks = __webpack_require__(177);
 _hooks.Hooks.getSingleton().register('persistentStateSave');
 _hooks.Hooks.getSingleton().register('persistentStateLoad');
@@ -92642,7 +92713,7 @@ class PersistentState extends _base.BasePlugin {
 exports.PersistentState = PersistentState;
 
 /***/ }),
-/* 735 */
+/* 734 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -92766,20 +92837,20 @@ class Storage {
 var _default = exports["default"] = Storage;
 
 /***/ }),
-/* 736 */
+/* 735 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
 exports.__esModule = true;
-var _search = __webpack_require__(737);
+var _search = __webpack_require__(736);
 exports.PLUGIN_KEY = _search.PLUGIN_KEY;
 exports.PLUGIN_PRIORITY = _search.PLUGIN_PRIORITY;
 exports.Search = _search.Search;
 
 /***/ }),
-/* 737 */
+/* 736 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -93087,20 +93158,20 @@ function _onBeforeRenderer(TD, row, col, prop, value, cellProperties) {
 }
 
 /***/ }),
-/* 738 */
+/* 737 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
 exports.__esModule = true;
-var _stretchColumns = __webpack_require__(739);
+var _stretchColumns = __webpack_require__(738);
 exports.PLUGIN_KEY = _stretchColumns.PLUGIN_KEY;
 exports.PLUGIN_PRIORITY = _stretchColumns.PLUGIN_PRIORITY;
 exports.StretchColumns = _stretchColumns.StretchColumns;
 
 /***/ }),
-/* 739 */
+/* 738 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -93111,7 +93182,7 @@ __webpack_require__(5);
 __webpack_require__(115);
 __webpack_require__(133);
 var _base = __webpack_require__(507);
-var _calculator = __webpack_require__(740);
+var _calculator = __webpack_require__(739);
 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"); }
@@ -93328,7 +93399,7 @@ function _onBeforeRender(fullRender) {
 }
 
 /***/ }),
-/* 740 */
+/* 739 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -93340,8 +93411,8 @@ __webpack_require__(115);
 __webpack_require__(133);
 var _src = __webpack_require__(206);
 var _element = __webpack_require__(155);
-var _all = __webpack_require__(741);
-var _last = __webpack_require__(743);
+var _all = __webpack_require__(740);
+var _last = __webpack_require__(742);
 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"); }
@@ -93496,7 +93567,7 @@ function _overwriteColumnWidthFn(columnWidth, columnVisualIndex) {
 }
 
 /***/ }),
-/* 741 */
+/* 740 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -93508,7 +93579,7 @@ __webpack_require__(115);
 __webpack_require__(133);
 __webpack_require__(196);
 var _src = __webpack_require__(206);
-var _base = __webpack_require__(742);
+var _base = __webpack_require__(741);
 /**
  * The strategy calculates the column widths by stretching all columns evenly.
  *
@@ -93573,7 +93644,7 @@ class StretchAllStrategy extends _base.StretchStrategy {
 exports.StretchAllStrategy = StretchAllStrategy;
 
 /***/ }),
-/* 742 */
+/* 741 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -93662,7 +93733,7 @@ class StretchStrategy {
 exports.StretchStrategy = StretchStrategy;
 
 /***/ }),
-/* 743 */
+/* 742 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -93672,7 +93743,7 @@ exports.__esModule = true;
 __webpack_require__(5);
 __webpack_require__(115);
 __webpack_require__(196);
-var _base = __webpack_require__(742);
+var _base = __webpack_require__(741);
 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)); }
@@ -93747,20 +93818,20 @@ class StretchLastStrategy extends _base.StretchStrategy {
 exports.StretchLastStrategy = StretchLastStrategy;
 
 /***/ }),
-/* 744 */
+/* 743 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
 exports.__esModule = true;
-var _touchScroll = __webpack_require__(745);
+var _touchScroll = __webpack_require__(744);
 exports.PLUGIN_KEY = _touchScroll.PLUGIN_KEY;
 exports.PLUGIN_PRIORITY = _touchScroll.PLUGIN_PRIORITY;
 exports.TouchScroll = _touchScroll.TouchScroll;
 
 /***/ }),
-/* 745 */
+/* 744 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -93949,20 +94020,20 @@ function _onAfterMomentumScroll() {
 }
 
 /***/ }),
-/* 746 */
+/* 745 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
 exports.__esModule = true;
-var _trimRows = __webpack_require__(747);
+var _trimRows = __webpack_require__(746);
 exports.PLUGIN_KEY = _trimRows.PLUGIN_KEY;
 exports.PLUGIN_PRIORITY = _trimRows.PLUGIN_PRIORITY;
 exports.TrimRows = _trimRows.TrimRows;
 
 /***/ }),
-/* 747 */
+/* 746 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -94294,20 +94365,20 @@ function _onMapInit() {
 }
 
 /***/ }),
-/* 748 */
+/* 747 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
 exports.__esModule = true;
-var _undoRedo = __webpack_require__(749);
+var _undoRedo = __webpack_require__(748);
 exports.PLUGIN_KEY = _undoRedo.PLUGIN_KEY;
 exports.PLUGIN_PRIORITY = _undoRedo.PLUGIN_PRIORITY;
 exports.UndoRedo = _undoRedo.UndoRedo;
 
 /***/ }),
-/* 749 */
+/* 748 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -94330,7 +94401,7 @@ var _hooks = __webpack_require__(177);
 var _object = __webpack_require__(165);
 var _templateLiteralTag = __webpack_require__(160);
 var _console = __webpack_require__(178);
-var _actions = __webpack_require__(750);
+var _actions = __webpack_require__(749);
 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"); }
@@ -94700,7 +94771,7 @@ function _removeAPIFromCore() {
 }
 
 /***/ }),
-/* 750 */
+/* 749 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -94710,18 +94781,18 @@ exports.__esModule = true;
 exports.registerActions = registerActions;
 __webpack_require__(115);
 __webpack_require__(133);
-var _cellAlignment = __webpack_require__(751);
-var _columnMove = __webpack_require__(753);
-var _columnSort = __webpack_require__(754);
-var _createColumn = __webpack_require__(755);
-var _createRow = __webpack_require__(756);
-var _dataChange = __webpack_require__(757);
-var _filters = __webpack_require__(758);
-var _mergeCells = __webpack_require__(759);
-var _removeColumn = __webpack_require__(760);
-var _removeRow = __webpack_require__(763);
-var _rowMove = __webpack_require__(764);
-var _unmergeCells = __webpack_require__(765);
+var _cellAlignment = __webpack_require__(750);
+var _columnMove = __webpack_require__(752);
+var _columnSort = __webpack_require__(753);
+var _createColumn = __webpack_require__(754);
+var _createRow = __webpack_require__(755);
+var _dataChange = __webpack_require__(756);
+var _filters = __webpack_require__(757);
+var _mergeCells = __webpack_require__(758);
+var _removeColumn = __webpack_require__(759);
+var _removeRow = __webpack_require__(762);
+var _rowMove = __webpack_require__(763);
+var _unmergeCells = __webpack_require__(764);
 /**
  * Register all undo/redo actions.
  *
@@ -94733,7 +94804,7 @@ function registerActions(hot, undoRedoPlugin) {
 }
 
 /***/ }),
-/* 751 */
+/* 750 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -94742,7 +94813,7 @@ function registerActions(hot, undoRedoPlugin) {
 var _interopRequireDefault = __webpack_require__(1);
 exports.__esModule = true;
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(170));
-var _base = __webpack_require__(752);
+var _base = __webpack_require__(751);
 var _utils = __webpack_require__(547);
 var _array = __webpack_require__(161);
 /**
@@ -94759,7 +94830,7 @@ class CellAlignmentAction extends _base.BaseAction {
       type,
       alignment
     } = _ref;
-    super();
+    super('cell_alignment');
     /**
      * @param {Array} stateBefore The previous state.
      */
@@ -94822,14 +94893,16 @@ class CellAlignmentAction extends _base.BaseAction {
 exports.CellAlignmentAction = CellAlignmentAction;
 
 /***/ }),
-/* 752 */
+/* 751 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
 
 
+var _interopRequireDefault = __webpack_require__(1);
 exports.__esModule = true;
 __webpack_require__(5);
+var _defineProperty2 = _interopRequireDefault(__webpack_require__(170));
 /**
  * An abstract class that defines the structure of an undo/redo action.
  *
@@ -94837,6 +94910,13 @@ __webpack_require__(5);
  * @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');
   }
@@ -94847,7 +94927,7 @@ class BaseAction {
 exports.BaseAction = BaseAction;
 
 /***/ }),
-/* 753 */
+/* 752 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -94858,7 +94938,7 @@ exports.__esModule = true;
 __webpack_require__(115);
 __webpack_require__(133);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(170));
-var _base = __webpack_require__(752);
+var _base = __webpack_require__(751);
 var _moves = __webpack_require__(661);
 /**
  * Action that tracks column move changes.
@@ -94872,7 +94952,7 @@ class ColumnMoveAction extends _base.BaseAction {
       columns,
       finalIndex
     } = _ref;
-    super();
+    super('col_move');
     /**
      * @param {number[]} columns An array with moved columns.
      */
@@ -94935,7 +95015,7 @@ class ColumnMoveAction extends _base.BaseAction {
 exports.ColumnMoveAction = ColumnMoveAction;
 
 /***/ }),
-/* 754 */
+/* 753 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -94944,7 +95024,7 @@ exports.ColumnMoveAction = ColumnMoveAction;
 var _interopRequireDefault = __webpack_require__(1);
 exports.__esModule = true;
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(170));
-var _base = __webpack_require__(752);
+var _base = __webpack_require__(751);
 /**
  * Action that tracks column sort changes.
  *
@@ -94957,7 +95037,7 @@ class ColumnSortAction extends _base.BaseAction {
       currentSortState,
       newSortState
     } = _ref;
-    super();
+    super('col_sort');
     /**
      * @param {Array} currentSortState The current sort state.
      */
@@ -95012,7 +95092,7 @@ class ColumnSortAction extends _base.BaseAction {
 exports.ColumnSortAction = ColumnSortAction;
 
 /***/ }),
-/* 755 */
+/* 754 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -95021,7 +95101,7 @@ exports.ColumnSortAction = ColumnSortAction;
 var _interopRequireDefault = __webpack_require__(1);
 exports.__esModule = true;
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(170));
-var _base = __webpack_require__(752);
+var _base = __webpack_require__(751);
 /**
  * Action that tracks column creation.
  *
@@ -95034,7 +95114,7 @@ class CreateColumnAction extends _base.BaseAction {
       index,
       amount
     } = _ref;
-    super();
+    super('insert_col');
     /**
      * @param {number} index The visual column index.
      */
@@ -95076,7 +95156,7 @@ class CreateColumnAction extends _base.BaseAction {
 exports.CreateColumnAction = CreateColumnAction;
 
 /***/ }),
-/* 756 */
+/* 755 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -95085,7 +95165,7 @@ exports.CreateColumnAction = CreateColumnAction;
 var _interopRequireDefault = __webpack_require__(1);
 exports.__esModule = true;
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(170));
-var _base = __webpack_require__(752);
+var _base = __webpack_require__(751);
 /**
  * Action that tracks row creation.
  *
@@ -95098,7 +95178,7 @@ class CreateRowAction extends _base.BaseAction {
       index,
       amount
     } = _ref;
-    super();
+    super('insert_row');
     /**
      * @param {number} index The visual row index.
      */
@@ -95145,7 +95225,7 @@ class CreateRowAction extends _base.BaseAction {
 exports.CreateRowAction = CreateRowAction;
 
 /***/ }),
-/* 757 */
+/* 756 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -95159,7 +95239,7 @@ __webpack_require__(185);
 __webpack_require__(133);
 __webpack_require__(196);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(170));
-var _base = __webpack_require__(752);
+var _base = __webpack_require__(751);
 var _object = __webpack_require__(165);
 /**
  * Action that tracks data changes.
@@ -95175,7 +95255,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.
      */
@@ -95272,7 +95352,7 @@ class DataChangeAction extends _base.BaseAction {
 exports.DataChangeAction = DataChangeAction;
 
 /***/ }),
-/* 758 */
+/* 757 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -95283,7 +95363,7 @@ exports.__esModule = true;
 __webpack_require__(115);
 __webpack_require__(127);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(170));
-var _base = __webpack_require__(752);
+var _base = __webpack_require__(751);
 /**
  * Action that tracks filter changes.
  *
@@ -95296,7 +95376,7 @@ class FiltersAction extends _base.BaseAction {
       conditionsStack,
       previousConditionsStack
     } = _ref;
-    super();
+    super('filter');
     /**
      * @param {Array} previousConditionsStack An array of the previous filter conditions.
      */
@@ -95324,7 +95404,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();
   }
 
@@ -95335,14 +95415,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;
 
 /***/ }),
-/* 759 */
+/* 758 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -95351,7 +95431,7 @@ exports.FiltersAction = FiltersAction;
 var _interopRequireDefault = __webpack_require__(1);
 exports.__esModule = true;
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(170));
-var _base = __webpack_require__(752);
+var _base = __webpack_require__(751);
 /**
  * Action that tracks changes in merged cells.
  *
@@ -95364,7 +95444,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;
@@ -95409,7 +95492,7 @@ class MergeCellsAction extends _base.BaseAction {
 exports.MergeCellsAction = MergeCellsAction;
 
 /***/ }),
-/* 760 */
+/* 759 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -95421,8 +95504,8 @@ __webpack_require__(87);
 __webpack_require__(115);
 __webpack_require__(133);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(170));
-var _base = __webpack_require__(752);
-var _utils = __webpack_require__(761);
+var _base = __webpack_require__(751);
+var _utils = __webpack_require__(760);
 var _number = __webpack_require__(200);
 var _array = __webpack_require__(161);
 /**
@@ -95437,13 +95520,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.
      */
@@ -95483,7 +95567,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);
@@ -95521,6 +95605,7 @@ class RemoveColumnAction extends _base.BaseAction {
           index: columnIndex,
           indexes,
           data: removedData,
+          amount,
           headers,
           columnPositions: columnsMap,
           rowPositions: rowsMap,
@@ -95589,7 +95674,7 @@ class RemoveColumnAction extends _base.BaseAction {
 exports.RemoveColumnAction = RemoveColumnAction;
 
 /***/ }),
-/* 761 */
+/* 760 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -95598,7 +95683,7 @@ exports.RemoveColumnAction = RemoveColumnAction;
 exports.__esModule = true;
 exports.getCellMetas = getCellMetas;
 __webpack_require__(87);
-__webpack_require__(762);
+__webpack_require__(761);
 __webpack_require__(115);
 __webpack_require__(127);
 var _number = __webpack_require__(200);
@@ -95632,7 +95717,7 @@ function getCellMetas(hot, fromRow, toRow, fromColumn, toColumn) {
 }
 
 /***/ }),
-/* 762 */
+/* 761 */
 /***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
 
 "use strict";
@@ -95655,7 +95740,7 @@ $({ target: 'Object', stat: true }, {
 
 
 /***/ }),
-/* 763 */
+/* 762 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -95667,8 +95752,8 @@ __webpack_require__(87);
 __webpack_require__(115);
 __webpack_require__(133);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(170));
-var _base = __webpack_require__(752);
-var _utils = __webpack_require__(761);
+var _base = __webpack_require__(751);
+var _utils = __webpack_require__(760);
 var _object = __webpack_require__(165);
 /**
  * Action that tracks changes in row removal.
@@ -95686,7 +95771,7 @@ class RemoveRowAction extends _base.BaseAction {
       rowIndexesSequence,
       removedCellMetas
     } = _ref;
-    super();
+    super('remove_row');
     /**
      * @param {number} index The visual row index.
      */
@@ -95778,7 +95863,7 @@ class RemoveRowAction extends _base.BaseAction {
 exports.RemoveRowAction = RemoveRowAction;
 
 /***/ }),
-/* 764 */
+/* 763 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -95789,7 +95874,7 @@ exports.__esModule = true;
 __webpack_require__(115);
 __webpack_require__(133);
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(170));
-var _base = __webpack_require__(752);
+var _base = __webpack_require__(751);
 var _moves = __webpack_require__(661);
 /**
  * Action that tracks row move changes.
@@ -95803,7 +95888,7 @@ class RowMoveAction extends _base.BaseAction {
       rows,
       finalIndex
     } = _ref;
-    super();
+    super('row_move');
     /**
      * @param {number[]} rows An array with moved rows.
      */
@@ -95866,7 +95951,7 @@ class RowMoveAction extends _base.BaseAction {
 exports.RowMoveAction = RowMoveAction;
 
 /***/ }),
-/* 765 */
+/* 764 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -95875,7 +95960,7 @@ exports.RowMoveAction = RowMoveAction;
 var _interopRequireDefault = __webpack_require__(1);
 exports.__esModule = true;
 var _defineProperty2 = _interopRequireDefault(__webpack_require__(170));
-var _base = __webpack_require__(752);
+var _base = __webpack_require__(751);
 /**
  * Action that tracks changes in merged cells.
  *
@@ -95887,7 +95972,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;
   }
@@ -95926,7 +96014,7 @@ class UnmergeCellsAction extends _base.BaseAction {
 exports.UnmergeCellsAction = UnmergeCellsAction;
 
 /***/ }),
-/* 766 */
+/* 765 */
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -96035,7 +96123,7 @@ exports.CellRange = _base.CellRange;
 var _registry = __webpack_require__(430);
 var _eventManager = _interopRequireWildcard(__webpack_require__(188));
 var _translations = __webpack_require__(291);
-var _jquery = _interopRequireDefault(__webpack_require__(766));
+var _jquery = _interopRequireDefault(__webpack_require__(765));
 var _ghostTable = _interopRequireDefault(__webpack_require__(509));
 var parseTableHelpers = _interopRequireWildcard(__webpack_require__(190));
 var arrayHelpers = _interopRequireWildcard(__webpack_require__(161));