handsontable 14.0.0-next-c080457-20231107 → 14.0.0-next-bfad250-20231108

package/plugins/mergeCells/mergeCells.mjs

@@ -1,4 +1,17 @@
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.error.cause.js";
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
+function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
+function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
+function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
+function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
+function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 import { BasePlugin } from "../base/index.mjs";
 import Hooks from "../../pluginHooks.mjs";
 import MergedCellsCollection from "./cellsCollection.mjs";
@@ -19,7 +32,6 @@ Hooks.getSingleton().register('beforeUnmergeCells');
 Hooks.getSingleton().register('afterUnmergeCells');
 export const PLUGIN_KEY = 'mergeCells';
 export const PLUGIN_PRIORITY = 150;
-const privatePool = new WeakMap();
 const SHORTCUTS_GROUP = PLUGIN_KEY;
 
 /* eslint-disable jsdoc/require-description-complete-sentence */
@@ -59,42 +71,231 @@ const SHORTCUTS_GROUP = PLUGIN_KEY;
  * ```
  * :::
  */
+var _lastDesiredCoords = /*#__PURE__*/new WeakMap();
+var _onAfterInit = /*#__PURE__*/new WeakSet();
+var _onAfterIsMultipleSelection = /*#__PURE__*/new WeakSet();
+var _onModifyTransformStart = /*#__PURE__*/new WeakSet();
+var _onModifyTransformEnd = /*#__PURE__*/new WeakSet();
+var _onModifyGetCellCoords = /*#__PURE__*/new WeakSet();
+var _addMergeActionsToContextMenu = /*#__PURE__*/new WeakSet();
+var _onAfterRenderer = /*#__PURE__*/new WeakSet();
+var _onBeforeSetRangeStart = /*#__PURE__*/new WeakSet();
+var _onBeforeSetRangeEnd = /*#__PURE__*/new WeakSet();
+var _onAfterGetCellMeta = /*#__PURE__*/new WeakSet();
+var _onAfterViewportRowCalculatorOverride = /*#__PURE__*/new WeakSet();
+var _onAfterViewportColumnCalculatorOverride = /*#__PURE__*/new WeakSet();
+var _onModifyAutofillRange = /*#__PURE__*/new WeakSet();
+var _onAfterCreateCol = /*#__PURE__*/new WeakSet();
+var _onAfterRemoveCol = /*#__PURE__*/new WeakSet();
+var _onAfterCreateRow = /*#__PURE__*/new WeakSet();
+var _onAfterRemoveRow = /*#__PURE__*/new WeakSet();
+var _onAfterChange = /*#__PURE__*/new WeakSet();
+var _onBeforeDrawAreaBorders = /*#__PURE__*/new WeakSet();
+var _onAfterModifyTransformStart = /*#__PURE__*/new WeakSet();
+var _onAfterDrawSelection = /*#__PURE__*/new WeakSet();
+var _onBeforeRemoveCellClassNames = /*#__PURE__*/new WeakSet();
 export class MergeCells extends BasePlugin {
-  static get PLUGIN_KEY() {
-    return PLUGIN_KEY;
-  }
-  static get PLUGIN_PRIORITY() {
-    return PLUGIN_PRIORITY;
-  }
-  constructor(hotInstance) {
-    super(hotInstance);
-    privatePool.set(this, {
-      lastDesiredCoords: null
-    });
-
+  constructor() {
+    super(...arguments);
+    /**
+     * `beforeRemoveCellClassNames` hook callback. Used to remove additional class name from all cells in the table.
+     *
+     * @returns {string[]} An `Array` of `String`s. Each of these strings will act like class names to be removed from
+     *   all the cells in the table.
+     */
+    _classPrivateMethodInitSpec(this, _onBeforeRemoveCellClassNames);
+    /**
+     * `afterDrawSelection` hook callback. Used to add the additional class name for the entirely-selected merged cells.
+     *
+     * @param {number} currentRow Visual row index of the currently processed cell.
+     * @param {number} currentColumn Visual column index of the currently cell.
+     * @param {Array} cornersOfSelection Array of the current selection in a form of `[startRow, startColumn, endRow,
+     *   endColumn]`.
+     * @param {number|undefined} layerLevel Number indicating which layer of selection is currently processed.
+     * @returns {string|undefined} A `String`, which will act as an additional `className` to be added to the currently
+     *   processed cell.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterDrawSelection);
+    /**
+     * `afterModifyTransformStart` hook callback. Fixes a problem with navigating through merged cells at the edges of
+     * the table with the ENTER/SHIFT+ENTER/TAB/SHIFT+TAB keys.
+     *
+     * @param {CellCoords} coords Coordinates of the to-be-selected cell.
+     * @param {number} rowTransformDir Row transformation direction (negative value = up, 0 = none, positive value =
+     *   down).
+     * @param {number} colTransformDir Column transformation direction (negative value = up, 0 = none, positive value =
+     *   down).
+     */
+    _classPrivateMethodInitSpec(this, _onAfterModifyTransformStart);
+    /**
+     * `beforeDrawAreaBorders` hook callback.
+     *
+     * @param {Array} corners Visual coordinates of the area corners.
+     * @param {string} className Class name for the area.
+     */
+    _classPrivateMethodInitSpec(this, _onBeforeDrawAreaBorders);
+    /**
+     * `afterChange` hook callback. Used to propagate merged cells after using Autofill.
+     *
+     * @param {Array} changes The changes array.
+     * @param {string} source Determines the source of the change.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterChange);
+    /**
+     * `afterRemoveRow` hook callback.
+     *
+     * @param {number} row Row index.
+     * @param {number} count Number of removed rows.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterRemoveRow);
+    /**
+     * `afterCreateRow` hook callback.
+     *
+     * @param {number} row Row index.
+     * @param {number} count Number of created rows.
+     * @param {string} source Source of change.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterCreateRow);
+    /**
+     * `afterRemoveCol` hook callback.
+     *
+     * @param {number} column Column index.
+     * @param {number} count Number of removed columns.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterRemoveCol);
+    /**
+     * `afterCreateCol` hook callback.
+     *
+     * @param {number} column Column index.
+     * @param {number} count Number of created columns.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterCreateCol);
+    /**
+     * The `modifyAutofillRange` hook callback.
+     *
+     * @param {Array} drag The drag area coordinates.
+     * @param {Array} select The selection information.
+     * @returns {Array} The new drag area.
+     */
+    _classPrivateMethodInitSpec(this, _onModifyAutofillRange);
+    /**
+     * `afterViewportColumnCalculatorOverride` hook callback.
+     *
+     * @param {object} calc The column calculator object.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterViewportColumnCalculatorOverride);
+    /**
+     * `afterViewportRowCalculatorOverride` hook callback.
+     *
+     * @param {object} calc The row calculator object.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterViewportRowCalculatorOverride);
+    /**
+     * The `afterGetCellMeta` hook callback.
+     *
+     * @param {number} row Row index.
+     * @param {number} col Column index.
+     * @param {object} cellProperties The cell properties object.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterGetCellMeta);
+    /**
+     * `beforeSetRangeEnd` hook callback.
+     * While selecting cells with keyboard or mouse, make sure that rectangular area is expanded to the extent of the
+     * merged cell.
+     *
+     * Note: Please keep in mind that callback may modify both start and end range coordinates by the reference.
+     *
+     * @param {object} coords Cell coords.
+     */
+    _classPrivateMethodInitSpec(this, _onBeforeSetRangeEnd);
+    /**
+     * `beforeSetRangeStart` and `beforeSetRangeStartOnly` hook callback.
+     * A selection within merge area should be rewritten to the start of merge area.
+     *
+     * @param {object} coords Cell coords.
+     */
+    _classPrivateMethodInitSpec(this, _onBeforeSetRangeStart);
+    /**
+     * `afterRenderer` hook callback.
+     *
+     * @param {HTMLElement} TD The cell to be modified.
+     * @param {number} row Row index.
+     * @param {number} col Visual column index.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterRenderer);
+    /**
+     * `afterContextMenuDefaultOptions` hook callback.
+     *
+     * @param {object} defaultOptions The default context menu options.
+     */
+    _classPrivateMethodInitSpec(this, _addMergeActionsToContextMenu);
+    /**
+     * `modifyGetCellCoords` hook callback. Swaps the `getCell` coords with the merged parent coords.
+     *
+     * @param {number} row Row index.
+     * @param {number} column Visual column index.
+     * @returns {Array|undefined} Visual coordinates of the merge.
+     */
+    _classPrivateMethodInitSpec(this, _onModifyGetCellCoords);
+    /**
+     * `modifyTransformEnd` hook callback. Needed to handle "jumping over" merged merged cells, while selecting.
+     *
+     * @param {object} delta The transformation delta.
+     */
+    _classPrivateMethodInitSpec(this, _onModifyTransformEnd);
+    /**
+     * `modifyTransformStart` hook callback.
+     *
+     * @param {object} delta The transformation delta.
+     */
+    _classPrivateMethodInitSpec(this, _onModifyTransformStart);
+    /**
+     * Modifies the information on whether the current selection contains multiple cells. The `afterIsMultipleSelection`
+     * hook callback.
+     *
+     * @param {boolean} isMultiple Determines whether the current selection contains multiple cells.
+     * @returns {boolean}
+     */
+    _classPrivateMethodInitSpec(this, _onAfterIsMultipleSelection);
+    /**
+     * `afterInit` hook callback.
+     */
+    _classPrivateMethodInitSpec(this, _onAfterInit);
     /**
      * A container for all the merged cells.
      *
      * @private
      * @type {MergedCellsCollection}
      */
-    this.mergedCellsCollection = null;
+    _defineProperty(this, "mergedCellsCollection", null);
     /**
      * Instance of the class responsible for all the autofill-related calculations.
      *
      * @private
      * @type {AutofillCalculations}
      */
-    this.autofillCalculations = null;
+    _defineProperty(this, "autofillCalculations", null);
     /**
      * Instance of the class responsible for the selection-related calculations.
      *
      * @private
      * @type {SelectionCalculations}
      */
-    this.selectionCalculations = null;
+    _defineProperty(this, "selectionCalculations", null);
+    /**
+     * @type {CellCoords}
+     */
+    _classPrivateFieldInitSpec(this, _lastDesiredCoords, {
+      writable: true,
+      value: null
+    });
+  }
+  static get PLUGIN_KEY() {
+    return PLUGIN_KEY;
+  }
+  static get PLUGIN_PRIORITY() {
+    return PLUGIN_PRIORITY;
   }
-
   /**
    * Checks if the plugin is enabled in the handsontable settings. This method is executed in {@link Hooks#beforeInit}
    * hook and if it returns `true` then the {@link MergeCells#enablePlugin} method is called.
@@ -117,73 +318,142 @@ export class MergeCells extends BasePlugin {
     this.autofillCalculations = new AutofillCalculations(this);
     this.selectionCalculations = new SelectionCalculations(this);
     this.addHook('afterInit', function () {
-      return _this.onAfterInit(...arguments);
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      return _classPrivateMethodGet(_this, _onAfterInit, _onAfterInit2).call(_this, ...args);
     });
     this.addHook('modifyTransformStart', function () {
-      return _this.onModifyTransformStart(...arguments);
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+      return _classPrivateMethodGet(_this, _onModifyTransformStart, _onModifyTransformStart2).call(_this, ...args);
     });
     this.addHook('afterModifyTransformStart', function () {
-      return _this.onAfterModifyTransformStart(...arguments);
+      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        args[_key3] = arguments[_key3];
+      }
+      return _classPrivateMethodGet(_this, _onAfterModifyTransformStart, _onAfterModifyTransformStart2).call(_this, ...args);
     });
     this.addHook('modifyTransformEnd', function () {
-      return _this.onModifyTransformEnd(...arguments);
+      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+        args[_key4] = arguments[_key4];
+      }
+      return _classPrivateMethodGet(_this, _onModifyTransformEnd, _onModifyTransformEnd2).call(_this, ...args);
     });
     this.addHook('modifyGetCellCoords', function () {
-      return _this.onModifyGetCellCoords(...arguments);
+      for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+        args[_key5] = arguments[_key5];
+      }
+      return _classPrivateMethodGet(_this, _onModifyGetCellCoords, _onModifyGetCellCoords2).call(_this, ...args);
     });
     this.addHook('beforeSetRangeStart', function () {
-      return _this.onBeforeSetRangeStart(...arguments);
+      for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
+        args[_key6] = arguments[_key6];
+      }
+      return _classPrivateMethodGet(_this, _onBeforeSetRangeStart, _onBeforeSetRangeStart2).call(_this, ...args);
     });
     this.addHook('beforeSetRangeStartOnly', function () {
-      return _this.onBeforeSetRangeStart(...arguments);
+      for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
+        args[_key7] = arguments[_key7];
+      }
+      return _classPrivateMethodGet(_this, _onBeforeSetRangeStart, _onBeforeSetRangeStart2).call(_this, ...args);
     });
     this.addHook('beforeSetRangeEnd', function () {
-      return _this.onBeforeSetRangeEnd(...arguments);
+      for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
+        args[_key8] = arguments[_key8];
+      }
+      return _classPrivateMethodGet(_this, _onBeforeSetRangeEnd, _onBeforeSetRangeEnd2).call(_this, ...args);
     });
     this.addHook('afterIsMultipleSelection', function () {
-      return _this.onAfterIsMultipleSelection(...arguments);
+      for (var _len9 = arguments.length, args = new Array(_len9), _key9 = 0; _key9 < _len9; _key9++) {
+        args[_key9] = arguments[_key9];
+      }
+      return _classPrivateMethodGet(_this, _onAfterIsMultipleSelection, _onAfterIsMultipleSelection2).call(_this, ...args);
     });
     this.addHook('afterRenderer', function () {
-      return _this.onAfterRenderer(...arguments);
+      for (var _len10 = arguments.length, args = new Array(_len10), _key10 = 0; _key10 < _len10; _key10++) {
+        args[_key10] = arguments[_key10];
+      }
+      return _classPrivateMethodGet(_this, _onAfterRenderer, _onAfterRenderer2).call(_this, ...args);
     });
     this.addHook('afterContextMenuDefaultOptions', function () {
-      return _this.addMergeActionsToContextMenu(...arguments);
+      for (var _len11 = arguments.length, args = new Array(_len11), _key11 = 0; _key11 < _len11; _key11++) {
+        args[_key11] = arguments[_key11];
+      }
+      return _classPrivateMethodGet(_this, _addMergeActionsToContextMenu, _addMergeActionsToContextMenu2).call(_this, ...args);
     });
     this.addHook('afterGetCellMeta', function () {
-      return _this.onAfterGetCellMeta(...arguments);
+      for (var _len12 = arguments.length, args = new Array(_len12), _key12 = 0; _key12 < _len12; _key12++) {
+        args[_key12] = arguments[_key12];
+      }
+      return _classPrivateMethodGet(_this, _onAfterGetCellMeta, _onAfterGetCellMeta2).call(_this, ...args);
     });
     this.addHook('afterViewportRowCalculatorOverride', function () {
-      return _this.onAfterViewportRowCalculatorOverride(...arguments);
+      for (var _len13 = arguments.length, args = new Array(_len13), _key13 = 0; _key13 < _len13; _key13++) {
+        args[_key13] = arguments[_key13];
+      }
+      return _classPrivateMethodGet(_this, _onAfterViewportRowCalculatorOverride, _onAfterViewportRowCalculatorOverride2).call(_this, ...args);
     });
     this.addHook('afterViewportColumnCalculatorOverride', function () {
-      return _this.onAfterViewportColumnCalculatorOverride(...arguments);
+      for (var _len14 = arguments.length, args = new Array(_len14), _key14 = 0; _key14 < _len14; _key14++) {
+        args[_key14] = arguments[_key14];
+      }
+      return _classPrivateMethodGet(_this, _onAfterViewportColumnCalculatorOverride, _onAfterViewportColumnCalculatorOverride2).call(_this, ...args);
     });
     this.addHook('modifyAutofillRange', function () {
-      return _this.onModifyAutofillRange(...arguments);
+      for (var _len15 = arguments.length, args = new Array(_len15), _key15 = 0; _key15 < _len15; _key15++) {
+        args[_key15] = arguments[_key15];
+      }
+      return _classPrivateMethodGet(_this, _onModifyAutofillRange, _onModifyAutofillRange2).call(_this, ...args);
     });
     this.addHook('afterCreateCol', function () {
-      return _this.onAfterCreateCol(...arguments);
+      for (var _len16 = arguments.length, args = new Array(_len16), _key16 = 0; _key16 < _len16; _key16++) {
+        args[_key16] = arguments[_key16];
+      }
+      return _classPrivateMethodGet(_this, _onAfterCreateCol, _onAfterCreateCol2).call(_this, ...args);
     });
     this.addHook('afterRemoveCol', function () {
-      return _this.onAfterRemoveCol(...arguments);
+      for (var _len17 = arguments.length, args = new Array(_len17), _key17 = 0; _key17 < _len17; _key17++) {
+        args[_key17] = arguments[_key17];
+      }
+      return _classPrivateMethodGet(_this, _onAfterRemoveCol, _onAfterRemoveCol2).call(_this, ...args);
     });
     this.addHook('afterCreateRow', function () {
-      return _this.onAfterCreateRow(...arguments);
+      for (var _len18 = arguments.length, args = new Array(_len18), _key18 = 0; _key18 < _len18; _key18++) {
+        args[_key18] = arguments[_key18];
+      }
+      return _classPrivateMethodGet(_this, _onAfterCreateRow, _onAfterCreateRow2).call(_this, ...args);
     });
     this.addHook('afterRemoveRow', function () {
-      return _this.onAfterRemoveRow(...arguments);
+      for (var _len19 = arguments.length, args = new Array(_len19), _key19 = 0; _key19 < _len19; _key19++) {
+        args[_key19] = arguments[_key19];
+      }
+      return _classPrivateMethodGet(_this, _onAfterRemoveRow, _onAfterRemoveRow2).call(_this, ...args);
     });
     this.addHook('afterChange', function () {
-      return _this.onAfterChange(...arguments);
+      for (var _len20 = arguments.length, args = new Array(_len20), _key20 = 0; _key20 < _len20; _key20++) {
+        args[_key20] = arguments[_key20];
+      }
+      return _classPrivateMethodGet(_this, _onAfterChange, _onAfterChange2).call(_this, ...args);
     });
     this.addHook('beforeDrawBorders', function () {
-      return _this.onBeforeDrawAreaBorders(...arguments);
+      for (var _len21 = arguments.length, args = new Array(_len21), _key21 = 0; _key21 < _len21; _key21++) {
+        args[_key21] = arguments[_key21];
+      }
+      return _classPrivateMethodGet(_this, _onBeforeDrawAreaBorders, _onBeforeDrawAreaBorders2).call(_this, ...args);
     });
     this.addHook('afterDrawSelection', function () {
-      return _this.onAfterDrawSelection(...arguments);
+      for (var _len22 = arguments.length, args = new Array(_len22), _key22 = 0; _key22 < _len22; _key22++) {
+        args[_key22] = arguments[_key22];
+      }
+      return _classPrivateMethodGet(_this, _onAfterDrawSelection, _onAfterDrawSelection2).call(_this, ...args);
     });
     this.addHook('beforeRemoveCellClassNames', function () {
-      return _this.onBeforeRemoveCellClassNames(...arguments);
+      for (var _len23 = arguments.length, args = new Array(_len23), _key23 = 0; _key23 < _len23; _key23++) {
+        args[_key23] = arguments[_key23];
+      }
+      return _classPrivateMethodGet(_this, _onBeforeRemoveCellClassNames, _onBeforeRemoveCellClassNames2).call(_this, ...args);
     });
     this.addHook('beforeUndoStackChange', (action, source) => {
       if (source === 'MergeCells') {
@@ -458,7 +728,7 @@ export class MergeCells extends BasePlugin {
       if (preventPopulation) {
         populationInfo = [mergeParent.row, mergeParent.col, clearedData];
       } else {
-        this.hot.populateFromArray(mergeParent.row, mergeParent.col, clearedData, void 0, void 0, this.pluginName);
+        this.hot.populateFromArray(mergeParent.row, mergeParent.col, clearedData, undefined, undefined, this.pluginName);
       }
       if (!auto) {
         this.ifChromeForceRepaint();
@@ -547,17 +817,6 @@ export class MergeCells extends BasePlugin {
     const end = this.hot._createCellCoords(endRow, endColumn);
     this.unmergeRange(this.hot._createCellRange(start, start, end));
   }
-
-  /**
-   * `afterInit` hook callback.
-   *
-   * @private
-   */
-  onAfterInit() {
-    this.generateFromSettings(this.hot.getSettings()[PLUGIN_KEY]);
-    this.hot.render();
-  }
-
   /**
    * Register shortcuts responsible for toggling a merge.
    *
@@ -591,280 +850,6 @@ export class MergeCells extends BasePlugin {
     const gridContext = shortcutManager.getContext('grid');
     gridContext.removeShortcutsByGroup(SHORTCUTS_GROUP);
   }
-
-  /**
-   * Modifies the information on whether the current selection contains multiple cells. The `afterIsMultipleSelection`
-   * hook callback.
-   *
-   * @private
-   * @param {boolean} isMultiple Determines whether the current selection contains multiple cells.
-   * @returns {boolean}
-   */
-  onAfterIsMultipleSelection(isMultiple) {
-    if (isMultiple) {
-      const mergedCells = this.mergedCellsCollection.mergedCells;
-      const selectionRange = this.hot.getSelectedRangeLast();
-      for (let group = 0; group < mergedCells.length; group += 1) {
-        if (selectionRange.from.row === mergedCells[group].row && selectionRange.from.col === mergedCells[group].col && selectionRange.to.row === mergedCells[group].row + mergedCells[group].rowspan - 1 && selectionRange.to.col === mergedCells[group].col + mergedCells[group].colspan - 1) {
-          return false;
-        }
-      }
-    }
-    return isMultiple;
-  }
-
-  /**
-   * `modifyTransformStart` hook callback.
-   *
-   * @private
-   * @param {object} delta The transformation delta.
-   */
-  onModifyTransformStart(delta) {
-    const priv = privatePool.get(this);
-    const currentlySelectedRange = this.hot.getSelectedRangeLast();
-    let newDelta = {
-      row: delta.row,
-      col: delta.col
-    };
-    let nextPosition = null;
-    const currentPosition = this.hot._createCellCoords(currentlySelectedRange.highlight.row, currentlySelectedRange.highlight.col);
-    const mergedParent = this.mergedCellsCollection.get(currentPosition.row, currentPosition.col);
-    if (!priv.lastDesiredCoords) {
-      priv.lastDesiredCoords = this.hot._createCellCoords(null, null);
-    }
-    if (mergedParent) {
-      // only merge selected
-      const mergeTopLeft = this.hot._createCellCoords(mergedParent.row, mergedParent.col);
-      const mergeBottomRight = this.hot._createCellCoords(mergedParent.row + mergedParent.rowspan - 1, mergedParent.col + mergedParent.colspan - 1);
-      const mergeRange = this.hot._createCellRange(mergeTopLeft, mergeTopLeft, mergeBottomRight);
-      if (!mergeRange.includes(priv.lastDesiredCoords)) {
-        priv.lastDesiredCoords = this.hot._createCellCoords(null, null); // reset outdated version of lastDesiredCoords
-      }
-
-      newDelta.row = priv.lastDesiredCoords.row ? priv.lastDesiredCoords.row - currentPosition.row : newDelta.row;
-      newDelta.col = priv.lastDesiredCoords.col ? priv.lastDesiredCoords.col - currentPosition.col : newDelta.col;
-      if (delta.row > 0) {
-        // moving down
-        newDelta.row = mergedParent.row + mergedParent.rowspan - 1 - currentPosition.row + delta.row;
-      } else if (delta.row < 0) {
-        // moving up
-        newDelta.row = currentPosition.row - mergedParent.row + delta.row;
-      }
-      if (delta.col > 0) {
-        // moving right
-        newDelta.col = mergedParent.col + mergedParent.colspan - 1 - currentPosition.col + delta.col;
-      } else if (delta.col < 0) {
-        // moving left
-        newDelta.col = currentPosition.col - mergedParent.col + delta.col;
-      }
-    }
-    nextPosition = this.hot._createCellCoords(currentlySelectedRange.highlight.row + newDelta.row, currentlySelectedRange.highlight.col + newDelta.col);
-    const nextPositionMergedCell = this.mergedCellsCollection.get(nextPosition.row, nextPosition.col);
-    if (nextPositionMergedCell) {
-      // skipping the invisible cells in the merge range
-      const firstRenderableCoords = this.mergedCellsCollection.getFirstRenderableCoords(nextPositionMergedCell.row, nextPositionMergedCell.col);
-      priv.lastDesiredCoords = nextPosition;
-      newDelta = {
-        row: firstRenderableCoords.row - currentPosition.row,
-        col: firstRenderableCoords.col - currentPosition.col
-      };
-    }
-    if (newDelta.row !== 0) {
-      delta.row = newDelta.row;
-    }
-    if (newDelta.col !== 0) {
-      delta.col = newDelta.col;
-    }
-  }
-
-  /**
-   * `modifyTransformEnd` hook callback. Needed to handle "jumping over" merged merged cells, while selecting.
-   *
-   * @private
-   * @param {object} delta The transformation delta.
-   */
-  onModifyTransformEnd(delta) {
-    const currentSelectionRange = this.hot.getSelectedRangeLast();
-    const newDelta = clone(delta);
-    const newSelectionRange = this.selectionCalculations.getUpdatedSelectionRange(currentSelectionRange, delta);
-    let tempDelta = clone(newDelta);
-    const mergedCellsWithinRange = this.mergedCellsCollection.getWithinRange(newSelectionRange, true);
-    do {
-      tempDelta = clone(newDelta);
-      this.selectionCalculations.getUpdatedSelectionRange(currentSelectionRange, newDelta);
-      arrayEach(mergedCellsWithinRange, mergedCell => {
-        this.selectionCalculations.snapDelta(newDelta, currentSelectionRange, mergedCell);
-      });
-    } while (newDelta.row !== tempDelta.row || newDelta.col !== tempDelta.col);
-    delta.row = newDelta.row;
-    delta.col = newDelta.col;
-  }
-
-  /**
-   * `modifyGetCellCoords` hook callback. Swaps the `getCell` coords with the merged parent coords.
-   *
-   * @private
-   * @param {number} row Row index.
-   * @param {number} column Visual column index.
-   * @returns {Array|undefined} Visual coordinates of the merge.
-   */
-  onModifyGetCellCoords(row, column) {
-    if (row < 0 || column < 0) {
-      return;
-    }
-    const mergeParent = this.mergedCellsCollection.get(row, column);
-    if (!mergeParent) {
-      return;
-    }
-    const {
-      row: mergeRow,
-      col: mergeColumn,
-      colspan,
-      rowspan
-    } = mergeParent;
-    return [
-    // Most top-left merged cell coords.
-    mergeRow, mergeColumn,
-    // Most bottom-right merged cell coords.
-    mergeRow + rowspan - 1, mergeColumn + colspan - 1];
-  }
-
-  /**
-   * `afterContextMenuDefaultOptions` hook callback.
-   *
-   * @private
-   * @param {object} defaultOptions The default context menu options.
-   */
-  addMergeActionsToContextMenu(defaultOptions) {
-    defaultOptions.items.push({
-      name: '---------'
-    }, toggleMergeItem(this));
-  }
-
-  /**
-   * `afterRenderer` hook callback.
-   *
-   * @private
-   * @param {HTMLElement} TD The cell to be modified.
-   * @param {number} row Row index.
-   * @param {number} col Visual column index.
-   */
-  onAfterRenderer(TD, row, col) {
-    const mergedCell = this.mergedCellsCollection.get(row, col);
-    // We shouldn't override data in the collection.
-    const mergedCellCopy = isObject(mergedCell) ? clone(mergedCell) : void 0;
-    if (isObject(mergedCellCopy)) {
-      const {
-        rowIndexMapper: rowMapper,
-        columnIndexMapper: columnMapper
-      } = this.hot;
-      const {
-        row: mergeRow,
-        col: mergeColumn,
-        colspan,
-        rowspan
-      } = mergedCellCopy;
-      const [lastMergedRowIndex, lastMergedColumnIndex] = this.translateMergedCellToRenderable(mergeRow, rowspan, mergeColumn, colspan);
-      const renderedRowIndex = rowMapper.getRenderableFromVisualIndex(row);
-      const renderedColumnIndex = columnMapper.getRenderableFromVisualIndex(col);
-      const maxRowSpan = lastMergedRowIndex - renderedRowIndex + 1; // Number of rendered columns.
-      const maxColSpan = lastMergedColumnIndex - renderedColumnIndex + 1; // Number of rendered columns.
-
-      // We just try to determine some values basing on the actual number of rendered indexes (some columns may be hidden).
-      mergedCellCopy.row = rowMapper.getNearestNotHiddenIndex(mergedCellCopy.row, 1);
-      // We just try to determine some values basing on the actual number of rendered indexes (some columns may be hidden).
-      mergedCellCopy.col = columnMapper.getNearestNotHiddenIndex(mergedCellCopy.col, 1);
-      // The `rowSpan` property for a `TD` element should be at most equal to number of rendered rows in the merge area.
-      mergedCellCopy.rowspan = Math.min(mergedCellCopy.rowspan, maxRowSpan);
-      // The `colSpan` property for a `TD` element should be at most equal to number of rendered columns in the merge area.
-      mergedCellCopy.colspan = Math.min(mergedCellCopy.colspan, maxColSpan);
-    }
-    applySpanProperties(TD, mergedCellCopy, row, col);
-  }
-
-  /**
-   * `beforeSetRangeStart` and `beforeSetRangeStartOnly` hook callback.
-   * A selection within merge area should be rewritten to the start of merge area.
-   *
-   * @private
-   * @param {object} coords Cell coords.
-   */
-  onBeforeSetRangeStart(coords) {
-    // TODO: It is a workaround, but probably this hook may be needed. Every selection on the merge area
-    // could set start point of the selection to the start of the merge area. However, logic inside `expandByRange` need
-    // an initial start point. Click on the merge cell when there are some hidden indexes break the logic in some cases.
-    // Please take a look at #7010 for more information. I'm not sure if selection directions are calculated properly
-    // and what was idea for flipping direction inside `expandByRange` method.
-    if (this.mergedCellsCollection.isFirstRenderableMergedCell(coords.row, coords.col)) {
-      const mergeParent = this.mergedCellsCollection.get(coords.row, coords.col);
-      [coords.row, coords.col] = [mergeParent.row, mergeParent.col];
-    }
-  }
-
-  /**
-   * `beforeSetRangeEnd` hook callback.
-   * While selecting cells with keyboard or mouse, make sure that rectangular area is expanded to the extent of the
-   * merged cell.
-   *
-   * Note: Please keep in mind that callback may modify both start and end range coordinates by the reference.
-   *
-   * @private
-   * @param {object} coords Cell coords.
-   */
-  onBeforeSetRangeEnd(coords) {
-    const selRange = this.hot.getSelectedRangeLast();
-    selRange.highlight = this.hot._createCellCoords(selRange.highlight.row, selRange.highlight.col); // clone in case we will modify its reference
-    selRange.to = coords;
-    let rangeExpanded = false;
-    if (this.hot.selection.isSelectedByColumnHeader() || this.hot.selection.isSelectedByRowHeader()) {
-      return;
-    }
-    do {
-      rangeExpanded = false;
-      for (let i = 0; i < this.mergedCellsCollection.mergedCells.length; i += 1) {
-        const cellInfo = this.mergedCellsCollection.mergedCells[i];
-        const mergedCellRange = cellInfo.getRange();
-        if (selRange.expandByRange(mergedCellRange)) {
-          coords.row = selRange.to.row;
-          coords.col = selRange.to.col;
-          rangeExpanded = true;
-        }
-      }
-    } while (rangeExpanded);
-  }
-
-  /**
-   * The `afterGetCellMeta` hook callback.
-   *
-   * @private
-   * @param {number} row Row index.
-   * @param {number} col Column index.
-   * @param {object} cellProperties The cell properties object.
-   */
-  onAfterGetCellMeta(row, col, cellProperties) {
-    const mergeParent = this.mergedCellsCollection.get(row, col);
-    if (mergeParent) {
-      if (mergeParent.row !== row || mergeParent.col !== col) {
-        cellProperties.copyable = false;
-      } else {
-        cellProperties.rowspan = mergeParent.rowspan;
-        cellProperties.colspan = mergeParent.colspan;
-      }
-    }
-  }
-
-  /**
-   * `afterViewportRowCalculatorOverride` hook callback.
-   *
-   * @private
-   * @param {object} calc The row calculator object.
-   */
-  onAfterViewportRowCalculatorOverride(calc) {
-    const nrOfColumns = this.hot.countCols();
-    this.modifyViewportRowStart(calc, nrOfColumns);
-    this.modifyViewportRowEnd(calc, nrOfColumns);
-  }
-
   /**
    * Modify viewport start when needed. We extend viewport when merged cells aren't fully visible.
    *
@@ -922,18 +907,6 @@ export class MergeCells extends BasePlugin {
     }
   }
 
-  /**
-   * `afterViewportColumnCalculatorOverride` hook callback.
-   *
-   * @private
-   * @param {object} calc The column calculator object.
-   */
-  onAfterViewportColumnCalculatorOverride(calc) {
-    const nrOfRows = this.hot.countRows();
-    this.modifyViewportColumnStart(calc, nrOfRows);
-    this.modifyViewportColumnEnd(calc, nrOfRows);
-  }
-
   /**
    * Modify viewport start when needed. We extend viewport when merged cells aren't fully visible.
    *
@@ -1028,183 +1001,290 @@ export class MergeCells extends BasePlugin {
     const renderableColumn = parentColumn >= 0 ? columnMapper.getRenderableFromVisualIndex(firstNonHiddenColumn) : parentColumn;
     return [renderableRow, renderableColumn];
   }
-
-  /**
-   * The `modifyAutofillRange` hook callback.
-   *
-   * @private
-   * @param {Array} drag The drag area coordinates.
-   * @param {Array} select The selection information.
-   * @returns {Array} The new drag area.
-   */
-  onModifyAutofillRange(drag, select) {
-    this.autofillCalculations.correctSelectionAreaSize(select);
-    const dragDirection = this.autofillCalculations.getDirection(select, drag);
-    let dragArea = drag;
-    if (this.autofillCalculations.dragAreaOverlapsCollections(select, dragArea, dragDirection)) {
-      dragArea = select;
-      return dragArea;
-    }
-    const mergedCellsWithinSelectionArea = this.mergedCellsCollection.getWithinRange({
-      from: {
-        row: select[0],
-        col: select[1]
-      },
-      to: {
-        row: select[2],
-        col: select[3]
+}
+function _onAfterInit2() {
+  this.generateFromSettings(this.hot.getSettings()[PLUGIN_KEY]);
+  this.hot.render();
+}
+function _onAfterIsMultipleSelection2(isMultiple) {
+  if (isMultiple) {
+    const mergedCells = this.mergedCellsCollection.mergedCells;
+    const selectionRange = this.hot.getSelectedRangeLast();
+    for (let group = 0; group < mergedCells.length; group += 1) {
+      if (selectionRange.from.row === mergedCells[group].row && selectionRange.from.col === mergedCells[group].col && selectionRange.to.row === mergedCells[group].row + mergedCells[group].rowspan - 1 && selectionRange.to.col === mergedCells[group].col + mergedCells[group].colspan - 1) {
+        return false;
       }
-    });
-    if (!mergedCellsWithinSelectionArea) {
-      return dragArea;
     }
-    dragArea = this.autofillCalculations.snapDragArea(select, dragArea, dragDirection, mergedCellsWithinSelectionArea);
-    return dragArea;
-  }
-
-  /**
-   * `afterCreateCol` hook callback.
-   *
-   * @private
-   * @param {number} column Column index.
-   * @param {number} count Number of created columns.
-   */
-  onAfterCreateCol(column, count) {
-    this.mergedCellsCollection.shiftCollections('right', column, count);
   }
-
-  /**
-   * `afterRemoveCol` hook callback.
-   *
-   * @private
-   * @param {number} column Column index.
-   * @param {number} count Number of removed columns.
-   */
-  onAfterRemoveCol(column, count) {
-    this.mergedCellsCollection.shiftCollections('left', column, count);
+  return isMultiple;
+}
+function _onModifyTransformStart2(delta) {
+  const currentlySelectedRange = this.hot.getSelectedRangeLast();
+  let newDelta = {
+    row: delta.row,
+    col: delta.col
+  };
+  let nextPosition = null;
+  const currentPosition = this.hot._createCellCoords(currentlySelectedRange.highlight.row, currentlySelectedRange.highlight.col);
+  const mergedParent = this.mergedCellsCollection.get(currentPosition.row, currentPosition.col);
+  if (!_classPrivateFieldGet(this, _lastDesiredCoords)) {
+    _classPrivateFieldSet(this, _lastDesiredCoords, this.hot._createCellCoords(null, null));
   }
+  if (mergedParent) {
+    // only merge selected
+    const mergeTopLeft = this.hot._createCellCoords(mergedParent.row, mergedParent.col);
+    const mergeBottomRight = this.hot._createCellCoords(mergedParent.row + mergedParent.rowspan - 1, mergedParent.col + mergedParent.colspan - 1);
+    const mergeRange = this.hot._createCellRange(mergeTopLeft, mergeTopLeft, mergeBottomRight);
+    if (!mergeRange.includes(_classPrivateFieldGet(this, _lastDesiredCoords))) {
+      _classPrivateFieldSet(this, _lastDesiredCoords, this.hot._createCellCoords(null, null)); // reset outdated version of lastDesiredCoords
+    }
 
-  /**
-   * `afterCreateRow` hook callback.
-   *
-   * @private
-   * @param {number} row Row index.
-   * @param {number} count Number of created rows.
-   * @param {string} source Source of change.
-   */
-  onAfterCreateRow(row, count, source) {
-    if (source === 'auto') {
-      return;
+    newDelta.row = _classPrivateFieldGet(this, _lastDesiredCoords).row ? _classPrivateFieldGet(this, _lastDesiredCoords).row - currentPosition.row : newDelta.row;
+    newDelta.col = _classPrivateFieldGet(this, _lastDesiredCoords).col ? _classPrivateFieldGet(this, _lastDesiredCoords).col - currentPosition.col : newDelta.col;
+    if (delta.row > 0) {
+      // moving down
+      newDelta.row = mergedParent.row + mergedParent.rowspan - 1 - currentPosition.row + delta.row;
+    } else if (delta.row < 0) {
+      // moving up
+      newDelta.row = currentPosition.row - mergedParent.row + delta.row;
+    }
+    if (delta.col > 0) {
+      // moving right
+      newDelta.col = mergedParent.col + mergedParent.colspan - 1 - currentPosition.col + delta.col;
+    } else if (delta.col < 0) {
+      // moving left
+      newDelta.col = currentPosition.col - mergedParent.col + delta.col;
     }
-    this.mergedCellsCollection.shiftCollections('down', row, count);
   }
-
-  /**
-   * `afterRemoveRow` hook callback.
-   *
-   * @private
-   * @param {number} row Row index.
-   * @param {number} count Number of removed rows.
-   */
-  onAfterRemoveRow(row, count) {
-    this.mergedCellsCollection.shiftCollections('up', row, count);
+  nextPosition = this.hot._createCellCoords(currentlySelectedRange.highlight.row + newDelta.row, currentlySelectedRange.highlight.col + newDelta.col);
+  const nextPositionMergedCell = this.mergedCellsCollection.get(nextPosition.row, nextPosition.col);
+  if (nextPositionMergedCell) {
+    // skipping the invisible cells in the merge range
+    const firstRenderableCoords = this.mergedCellsCollection.getFirstRenderableCoords(nextPositionMergedCell.row, nextPositionMergedCell.col);
+    _classPrivateFieldSet(this, _lastDesiredCoords, nextPosition);
+    newDelta = {
+      row: firstRenderableCoords.row - currentPosition.row,
+      col: firstRenderableCoords.col - currentPosition.col
+    };
   }
-
-  /**
-   * `afterChange` hook callback. Used to propagate merged cells after using Autofill.
-   *
-   * @private
-   * @param {Array} changes The changes array.
-   * @param {string} source Determines the source of the change.
-   */
-  onAfterChange(changes, source) {
-    if (source !== 'Autofill.fill') {
-      return;
-    }
-    this.autofillCalculations.recreateAfterDataPopulation(changes);
+  if (newDelta.row !== 0) {
+    delta.row = newDelta.row;
   }
-
-  /**
-   * `beforeDrawAreaBorders` hook callback.
-   *
-   * @private
-   * @param {Array} corners Visual coordinates of the area corners.
-   * @param {string} className Class name for the area.
-   */
-  onBeforeDrawAreaBorders(corners, className) {
-    if (className && className === 'area') {
-      const selectedRange = this.hot.getSelectedRangeLast();
-      const mergedCellsWithinRange = this.mergedCellsCollection.getWithinRange(selectedRange);
-      arrayEach(mergedCellsWithinRange, mergedCell => {
-        if (selectedRange.getBottomEndCorner().row === mergedCell.getLastRow() && selectedRange.getBottomEndCorner().col === mergedCell.getLastColumn()) {
-          corners[2] = mergedCell.row;
-          corners[3] = mergedCell.col;
-        }
-      });
-    }
+  if (newDelta.col !== 0) {
+    delta.col = newDelta.col;
+  }
+}
+function _onModifyTransformEnd2(delta) {
+  const currentSelectionRange = this.hot.getSelectedRangeLast();
+  const newDelta = clone(delta);
+  const newSelectionRange = this.selectionCalculations.getUpdatedSelectionRange(currentSelectionRange, delta);
+  let tempDelta = clone(newDelta);
+  const mergedCellsWithinRange = this.mergedCellsCollection.getWithinRange(newSelectionRange, true);
+  do {
+    tempDelta = clone(newDelta);
+    this.selectionCalculations.getUpdatedSelectionRange(currentSelectionRange, newDelta);
+    arrayEach(mergedCellsWithinRange, mergedCell => {
+      this.selectionCalculations.snapDelta(newDelta, currentSelectionRange, mergedCell);
+    });
+  } while (newDelta.row !== tempDelta.row || newDelta.col !== tempDelta.col);
+  delta.row = newDelta.row;
+  delta.col = newDelta.col;
+}
+function _onModifyGetCellCoords2(row, column) {
+  if (row < 0 || column < 0) {
+    return;
+  }
+  const mergeParent = this.mergedCellsCollection.get(row, column);
+  if (!mergeParent) {
+    return;
   }
+  const {
+    row: mergeRow,
+    col: mergeColumn,
+    colspan,
+    rowspan
+  } = mergeParent;
+  return [
+  // Most top-left merged cell coords.
+  mergeRow, mergeColumn,
+  // Most bottom-right merged cell coords.
+  mergeRow + rowspan - 1, mergeColumn + colspan - 1];
+}
+function _addMergeActionsToContextMenu2(defaultOptions) {
+  defaultOptions.items.push({
+    name: '---------'
+  }, toggleMergeItem(this));
+}
+function _onAfterRenderer2(TD, row, col) {
+  const mergedCell = this.mergedCellsCollection.get(row, col);
+  // We shouldn't override data in the collection.
+  const mergedCellCopy = isObject(mergedCell) ? clone(mergedCell) : undefined;
+  if (isObject(mergedCellCopy)) {
+    const {
+      rowIndexMapper: rowMapper,
+      columnIndexMapper: columnMapper
+    } = this.hot;
+    const {
+      row: mergeRow,
+      col: mergeColumn,
+      colspan,
+      rowspan
+    } = mergedCellCopy;
+    const [lastMergedRowIndex, lastMergedColumnIndex] = this.translateMergedCellToRenderable(mergeRow, rowspan, mergeColumn, colspan);
+    const renderedRowIndex = rowMapper.getRenderableFromVisualIndex(row);
+    const renderedColumnIndex = columnMapper.getRenderableFromVisualIndex(col);
+    const maxRowSpan = lastMergedRowIndex - renderedRowIndex + 1; // Number of rendered columns.
+    const maxColSpan = lastMergedColumnIndex - renderedColumnIndex + 1; // Number of rendered columns.
 
-  /**
-   * `afterModifyTransformStart` hook callback. Fixes a problem with navigating through merged cells at the edges of
-   * the table with the ENTER/SHIFT+ENTER/TAB/SHIFT+TAB keys.
-   *
-   * @private
-   * @param {CellCoords} coords Coordinates of the to-be-selected cell.
-   * @param {number} rowTransformDir Row transformation direction (negative value = up, 0 = none, positive value =
-   *   down).
-   * @param {number} colTransformDir Column transformation direction (negative value = up, 0 = none, positive value =
-   *   down).
-   */
-  onAfterModifyTransformStart(coords, rowTransformDir, colTransformDir) {
-    if (!this.enabled) {
-      return;
-    }
-    const mergedCellAtCoords = this.mergedCellsCollection.get(coords.row, coords.col);
-    if (!mergedCellAtCoords) {
-      return;
+    // We just try to determine some values basing on the actual number of rendered indexes (some columns may be hidden).
+    mergedCellCopy.row = rowMapper.getNearestNotHiddenIndex(mergedCellCopy.row, 1);
+    // We just try to determine some values basing on the actual number of rendered indexes (some columns may be hidden).
+    mergedCellCopy.col = columnMapper.getNearestNotHiddenIndex(mergedCellCopy.col, 1);
+    // The `rowSpan` property for a `TD` element should be at most equal to number of rendered rows in the merge area.
+    mergedCellCopy.rowspan = Math.min(mergedCellCopy.rowspan, maxRowSpan);
+    // The `colSpan` property for a `TD` element should be at most equal to number of rendered columns in the merge area.
+    mergedCellCopy.colspan = Math.min(mergedCellCopy.colspan, maxColSpan);
+  }
+  applySpanProperties(TD, mergedCellCopy, row, col);
+}
+function _onBeforeSetRangeStart2(coords) {
+  // TODO: It is a workaround, but probably this hook may be needed. Every selection on the merge area
+  // could set start point of the selection to the start of the merge area. However, logic inside `expandByRange` need
+  // an initial start point. Click on the merge cell when there are some hidden indexes break the logic in some cases.
+  // Please take a look at #7010 for more information. I'm not sure if selection directions are calculated properly
+  // and what was idea for flipping direction inside `expandByRange` method.
+  if (this.mergedCellsCollection.isFirstRenderableMergedCell(coords.row, coords.col)) {
+    const mergeParent = this.mergedCellsCollection.get(coords.row, coords.col);
+    [coords.row, coords.col] = [mergeParent.row, mergeParent.col];
+  }
+}
+function _onBeforeSetRangeEnd2(coords) {
+  const selRange = this.hot.getSelectedRangeLast();
+  selRange.highlight = this.hot._createCellCoords(selRange.highlight.row, selRange.highlight.col); // clone in case we will modify its reference
+  selRange.to = coords;
+  let rangeExpanded = false;
+  if (this.hot.selection.isSelectedByColumnHeader() || this.hot.selection.isSelectedByRowHeader()) {
+    return;
+  }
+  do {
+    rangeExpanded = false;
+    for (let i = 0; i < this.mergedCellsCollection.mergedCells.length; i += 1) {
+      const cellInfo = this.mergedCellsCollection.mergedCells[i];
+      const mergedCellRange = cellInfo.getRange();
+      if (selRange.expandByRange(mergedCellRange)) {
+        coords.row = selRange.to.row;
+        coords.col = selRange.to.col;
+        rangeExpanded = true;
+      }
     }
-    const goingDown = rowTransformDir > 0;
-    const goingUp = rowTransformDir < 0;
-    const goingLeft = colTransformDir < 0;
-    const goingRight = colTransformDir > 0;
-    const mergedCellOnBottomEdge = mergedCellAtCoords.row + mergedCellAtCoords.rowspan - 1 === this.hot.countRows() - 1;
-    const mergedCellOnTopEdge = mergedCellAtCoords.row === 0;
-    const mergedCellOnRightEdge = mergedCellAtCoords.col + mergedCellAtCoords.colspan - 1 === this.hot.countCols() - 1;
-    const mergedCellOnLeftEdge = mergedCellAtCoords.col === 0;
-    if (goingDown && mergedCellOnBottomEdge || goingUp && mergedCellOnTopEdge || goingRight && mergedCellOnRightEdge || goingLeft && mergedCellOnLeftEdge) {
-      coords.row = mergedCellAtCoords.row;
-      coords.col = mergedCellAtCoords.col;
+  } while (rangeExpanded);
+}
+function _onAfterGetCellMeta2(row, col, cellProperties) {
+  const mergeParent = this.mergedCellsCollection.get(row, col);
+  if (mergeParent) {
+    if (mergeParent.row !== row || mergeParent.col !== col) {
+      cellProperties.copyable = false;
+    } else {
+      cellProperties.rowspan = mergeParent.rowspan;
+      cellProperties.colspan = mergeParent.colspan;
     }
   }
-
-  /**
-   * `afterDrawSelection` hook callback. Used to add the additional class name for the entirely-selected merged cells.
-   *
-   * @private
-   * @param {number} currentRow Visual row index of the currently processed cell.
-   * @param {number} currentColumn Visual column index of the currently cell.
-   * @param {Array} cornersOfSelection Array of the current selection in a form of `[startRow, startColumn, endRow,
-   *   endColumn]`.
-   * @param {number|undefined} layerLevel Number indicating which layer of selection is currently processed.
-   * @returns {string|undefined} A `String`, which will act as an additional `className` to be added to the currently
-   *   processed cell.
-   */
-  onAfterDrawSelection(currentRow, currentColumn, cornersOfSelection, layerLevel) {
-    // Nothing's selected (hook might be triggered by the custom borders)
-    if (!cornersOfSelection) {
-      return;
+}
+function _onAfterViewportRowCalculatorOverride2(calc) {
+  const nrOfColumns = this.hot.countCols();
+  this.modifyViewportRowStart(calc, nrOfColumns);
+  this.modifyViewportRowEnd(calc, nrOfColumns);
+}
+function _onAfterViewportColumnCalculatorOverride2(calc) {
+  const nrOfRows = this.hot.countRows();
+  this.modifyViewportColumnStart(calc, nrOfRows);
+  this.modifyViewportColumnEnd(calc, nrOfRows);
+}
+function _onModifyAutofillRange2(drag, select) {
+  this.autofillCalculations.correctSelectionAreaSize(select);
+  const dragDirection = this.autofillCalculations.getDirection(select, drag);
+  let dragArea = drag;
+  if (this.autofillCalculations.dragAreaOverlapsCollections(select, dragArea, dragDirection)) {
+    dragArea = select;
+    return dragArea;
+  }
+  const mergedCellsWithinSelectionArea = this.mergedCellsCollection.getWithinRange({
+    from: {
+      row: select[0],
+      col: select[1]
+    },
+    to: {
+      row: select[2],
+      col: select[3]
     }
-    return this.selectionCalculations.getSelectedMergedCellClassName(currentRow, currentColumn, cornersOfSelection, layerLevel);
+  });
+  if (!mergedCellsWithinSelectionArea) {
+    return dragArea;
   }
-
-  /**
-   * `beforeRemoveCellClassNames` hook callback. Used to remove additional class name from all cells in the table.
-   *
-   * @private
-   * @returns {string[]} An `Array` of `String`s. Each of these strings will act like class names to be removed from
-   *   all the cells in the table.
-   */
-  onBeforeRemoveCellClassNames() {
-    return this.selectionCalculations.getSelectedMergedCellClassNameToRemove();
+  dragArea = this.autofillCalculations.snapDragArea(select, dragArea, dragDirection, mergedCellsWithinSelectionArea);
+  return dragArea;
+}
+function _onAfterCreateCol2(column, count) {
+  this.mergedCellsCollection.shiftCollections('right', column, count);
+}
+function _onAfterRemoveCol2(column, count) {
+  this.mergedCellsCollection.shiftCollections('left', column, count);
+}
+function _onAfterCreateRow2(row, count, source) {
+  if (source === 'auto') {
+    return;
+  }
+  this.mergedCellsCollection.shiftCollections('down', row, count);
+}
+function _onAfterRemoveRow2(row, count) {
+  this.mergedCellsCollection.shiftCollections('up', row, count);
+}
+function _onAfterChange2(changes, source) {
+  if (source !== 'Autofill.fill') {
+    return;
+  }
+  this.autofillCalculations.recreateAfterDataPopulation(changes);
+}
+function _onBeforeDrawAreaBorders2(corners, className) {
+  if (className && className === 'area') {
+    const selectedRange = this.hot.getSelectedRangeLast();
+    const mergedCellsWithinRange = this.mergedCellsCollection.getWithinRange(selectedRange);
+    arrayEach(mergedCellsWithinRange, mergedCell => {
+      if (selectedRange.getBottomEndCorner().row === mergedCell.getLastRow() && selectedRange.getBottomEndCorner().col === mergedCell.getLastColumn()) {
+        corners[2] = mergedCell.row;
+        corners[3] = mergedCell.col;
+      }
+    });
+  }
+}
+function _onAfterModifyTransformStart2(coords, rowTransformDir, colTransformDir) {
+  if (!this.enabled) {
+    return;
+  }
+  const mergedCellAtCoords = this.mergedCellsCollection.get(coords.row, coords.col);
+  if (!mergedCellAtCoords) {
+    return;
+  }
+  const goingDown = rowTransformDir > 0;
+  const goingUp = rowTransformDir < 0;
+  const goingLeft = colTransformDir < 0;
+  const goingRight = colTransformDir > 0;
+  const mergedCellOnBottomEdge = mergedCellAtCoords.row + mergedCellAtCoords.rowspan - 1 === this.hot.countRows() - 1;
+  const mergedCellOnTopEdge = mergedCellAtCoords.row === 0;
+  const mergedCellOnRightEdge = mergedCellAtCoords.col + mergedCellAtCoords.colspan - 1 === this.hot.countCols() - 1;
+  const mergedCellOnLeftEdge = mergedCellAtCoords.col === 0;
+  if (goingDown && mergedCellOnBottomEdge || goingUp && mergedCellOnTopEdge || goingRight && mergedCellOnRightEdge || goingLeft && mergedCellOnLeftEdge) {
+    coords.row = mergedCellAtCoords.row;
+    coords.col = mergedCellAtCoords.col;
+  }
+}
+function _onAfterDrawSelection2(currentRow, currentColumn, cornersOfSelection, layerLevel) {
+  // Nothing's selected (hook might be triggered by the custom borders)
+  if (!cornersOfSelection) {
+    return;
   }
+  return this.selectionCalculations.getSelectedMergedCellClassName(currentRow, currentColumn, cornersOfSelection, layerLevel);
+}
+function _onBeforeRemoveCellClassNames2() {
+  return this.selectionCalculations.getSelectedMergedCellClassNameToRemove();
 }