handsontable 12.1.3 → 12.3.0-next-bb1a7c2-20221208

package/core.mjs

@@ -1,25 +1,26 @@
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.symbol.iterator.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.object.freeze.js";
+var _templateObject, _templateObject2;
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.set.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.includes.js";
 import "core-js/modules/es.array.sort.js";
 import "core-js/modules/es.array.splice.js";
@@ -32,24 +33,18 @@ import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.array.from.js";
-import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/es.array.index-of.js";
 import "core-js/modules/es.array.reverse.js";
-import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/web.timers.js";
 import "core-js/modules/web.immediate.js";
-import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.map.js";
-import "core-js/modules/web.dom-collections.iterator.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.symbol.iterator.js";
-import "core-js/modules/es.function.name.js";
-import { addClass, empty, removeClass } from "./helpers/dom/element.mjs";
+import { addClass, empty, observeVisibilityChangeOnce, removeClass } from "./helpers/dom/element.mjs";
 import { isFunction } from "./helpers/function.mjs";
 import { isDefined, isUndefined, isRegExp, _injectProductInfo, isEmpty } from "./helpers/mixed.mjs";
 import { isMobileBrowser, isIpadOS } from "./helpers/browser.mjs";
+import { warn } from "./helpers/console.mjs";
+import { toSingleLine } from "./helpers/templateLiteralTag.mjs";
 import EditorManager from "./editorManager.mjs";
 import EventManager from "./eventManager.mjs";
 import { deepClone, duckSchema, isObjectEqual, isObject, deepObjectSize, hasOwnProperty, createObjectPropListener, objectEach } from "./helpers/object.mjs";
@@ -57,12 +52,13 @@ import { arrayMap, arrayEach, arrayReduce, getDifferenceOfArrays, stringToArray,
 import { instanceToHTML } from "./utils/parseTable.mjs";
 import { getPlugin, getPluginsNames } from "./plugins/registry.mjs";
 import { getRenderer } from "./renderers/registry.mjs";
+import { getEditor } from "./editors/registry.mjs";
 import { getValidator } from "./validators/registry.mjs";
 import { randomString, toUpperCaseFirst } from "./helpers/string.mjs";
 import { rangeEach, rangeEachReverse, isNumericLike } from "./helpers/number.mjs";
 import TableView from "./tableView.mjs";
-import DataSource from "./dataSource.mjs";
-import { cellMethodLookupFactory, spreadsheetColumnLabel } from "./helpers/data.mjs";
+import DataSource from "./dataMap/dataSource.mjs";
+import { spreadsheetColumnLabel } from "./helpers/data.mjs";
 import { IndexMapper } from "./translations/index.mjs";
 import { registerAsRootInstance, hasValidParameter, isRootInstance } from "./utils/rootInstance.mjs";
 import { ViewportColumnsCalculator } from "./3rdparty/walkontable/src/index.mjs";
@@ -75,8 +71,9 @@ import { createUniqueMap } from "./utils/dataStructures/uniqueMap.mjs";
 import { createShortcutManager } from "./shortcuts/index.mjs";
 var SHORTCUTS_GROUP = 'gridDefault';
 var activeGuid = null;
-/* eslint-disable jsdoc/require-description-complete-sentence */
+var deprecationWarns = new Set();
 
+/* eslint-disable jsdoc/require-description-complete-sentence */
 /**
  * Handsontable constructor.
  *
@@ -84,27 +81,51 @@ var activeGuid = null;
  * @class Core
  * @description
  *
- * The `Handsontable` class to which we refer as to `Core`, allows you to modify the grid's behavior by using one of the available public methods.
+ * The `Handsontable` class (known as the `Core`) lets you modify the grid's behavior by using Handsontable's public API methods.
+ *
+ * ::: only-for react
+ * To use these methods, associate a Handsontable instance with your instance
+ * of the [`HotTable` component](@/guides/getting-started/installation.md#use-the-hottable-component),
+ * by using React's `ref` feature (read more on the [Instance methods](@/guides/getting-started/react-methods.md) page).
+ * :::
  *
  * ## How to call a method
  *
+ * ::: only-for javascript
  * ```js
- * // First, let's contruct Handsontable
+ * // create a Handsontable instance
  * const hot = new Handsontable(document.getElementById('example'), options);
  *
- * // Then, let's use the setDataAtCell method
+ * // call a method
  * hot.setDataAtCell(0, 0, 'new value');
  * ```
+ * :::
+ *
+ * ::: only-for react
+ * ```jsx{3,7,13}
+ * import { useRef } from 'react';
+ *
+ * const hotTableComponent = useRef(null);
+ *
+ * <HotTable
+ *   // associate your `HotTable` component with a Handsontable instance
+ *   ref={hotTableComponent}
+ *   settings={options}
+ * />
+ *
+ * // access the Handsontable instance, under the `.current.hotInstance` property
+ * // call a method
+ * hotTableComponent.current.hotInstance.setDataAtCell(0, 0, 'new value');
+ * ```
+ * :::
  *
  * @param {HTMLElement} rootElement The element to which the Handsontable instance is injected.
  * @param {object} userSettings The user defined options.
  * @param {boolean} [rootInstanceSymbol=false] Indicates if the instance is root of all later instances created.
  */
-
 export default function Core(rootElement, userSettings) {
   var _userSettings$layoutD,
-      _this = this;
-
+    _this = this;
   var rootInstanceSymbol = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var preventScrollingToCell = false;
   var instance = this;
@@ -114,19 +135,17 @@ export default function Core(rootElement, userSettings) {
   var grid;
   var editorManager;
   var firstRun = true;
-
   if (hasValidParameter(rootInstanceSymbol)) {
     registerAsRootInstance(this);
-  } // TODO: check if references to DOM elements should be move to UI layer (Walkontable)
+  }
 
+  // TODO: check if references to DOM elements should be move to UI layer (Walkontable)
   /**
    * Reference to the container element.
    *
    * @private
    * @type {HTMLElement}
    */
-
-
   this.rootElement = rootElement;
   /**
    * The nearest document over container.
@@ -134,7 +153,6 @@ export default function Core(rootElement, userSettings) {
    * @private
    * @type {Document}
    */
-
   this.rootDocument = rootElement.ownerDocument;
   /**
    * Window object over container's document.
@@ -142,7 +160,6 @@ export default function Core(rootElement, userSettings) {
    * @private
    * @type {Window}
    */
-
   this.rootWindow = this.rootDocument.defaultView;
   /**
    * A boolean to tell if the Handsontable has been fully destroyed. This is set to `true`
@@ -152,7 +169,6 @@ export default function Core(rootElement, userSettings) {
    * @member isDestroyed
    * @type {boolean}
    */
-
   this.isDestroyed = false;
   /**
    * The counter determines how many times the render suspending was called. It allows
@@ -163,7 +179,6 @@ export default function Core(rootElement, userSettings) {
    * @private
    * @type {number}
    */
-
   this.renderSuspendedCounter = 0;
   /**
    * The counter determines how many times the execution suspending was called. It allows
@@ -174,11 +189,11 @@ export default function Core(rootElement, userSettings) {
    * @private
    * @type {number}
    */
-
   this.executionSuspendedCounter = 0;
   var layoutDirection = (_userSettings$layoutD = userSettings === null || userSettings === void 0 ? void 0 : userSettings.layoutDirection) !== null && _userSettings$layoutD !== void 0 ? _userSettings$layoutD : 'inherit';
   var rootElementDirection = ['rtl', 'ltr'].includes(layoutDirection) ? layoutDirection : this.rootWindow.getComputedStyle(this.rootElement).direction;
   this.rootElement.setAttribute('dir', rootElementDirection);
+
   /**
    * Checks if the grid is rendered using the right-to-left layout direction.
    *
@@ -187,10 +202,10 @@ export default function Core(rootElement, userSettings) {
    * @function isRtl
    * @returns {boolean} True if RTL.
    */
-
   this.isRtl = function () {
     return rootElementDirection === 'rtl';
   };
+
   /**
    * Checks if the grid is rendered using the left-to-right layout direction.
    *
@@ -199,11 +214,10 @@ export default function Core(rootElement, userSettings) {
    * @function isLtr
    * @returns {boolean} True if LTR.
    */
-
-
   this.isLtr = function () {
     return !instance.isRtl();
   };
+
   /**
    * Returns 1 for LTR; -1 for RTL. Useful for calculations.
    *
@@ -212,12 +226,9 @@ export default function Core(rootElement, userSettings) {
    * @function getDirectionFactor
    * @returns {number} Returns 1 for LTR; -1 for RTL.
    */
-
-
   this.getDirectionFactor = function () {
     return instance.isLtr() ? 1 : -1;
   };
-
   userSettings.language = getValidLanguageCode(userSettings.language);
   var metaManager = new MetaManager(instance, userSettings, [DynamicCellMetaMod, ExtendMetaPropertiesMod]);
   var tableMeta = metaManager.getTableMeta();
@@ -226,11 +237,9 @@ export default function Core(rootElement, userSettings) {
   this.container = this.rootDocument.createElement('div');
   this.renderCall = false;
   rootElement.insertBefore(this.container, rootElement.firstChild);
-
   if (isRootInstance(this)) {
     _injectProductInfo(userSettings.licenseKey, rootElement);
   }
-
   this.guid = "ht_".concat(randomString()); // this is the namespace for global events
 
   /**
@@ -240,7 +249,6 @@ export default function Core(rootElement, userSettings) {
    * @member columnIndexMapper
    * @type {IndexMapper}
    */
-
   this.columnIndexMapper = new IndexMapper();
   /**
    * Instance of index mapper which is responsible for managing the row indexes.
@@ -249,25 +257,24 @@ export default function Core(rootElement, userSettings) {
    * @member rowIndexMapper
    * @type {IndexMapper}
    */
-
   this.rowIndexMapper = new IndexMapper();
   dataSource = new DataSource(instance);
-
   if (!this.rootElement.id || this.rootElement.id.substring(0, 3) === 'ht_') {
     this.rootElement.id = this.guid; // if root element does not have an id, assign a random id
   }
 
   var visualToRenderableCoords = function visualToRenderableCoords(coords) {
     var visualRow = coords.row,
-        visualColumn = coords.col;
-    return instance._createCellCoords( // We just store indexes for rows and columns without headers.
+      visualColumn = coords.col;
+    return instance._createCellCoords(
+    // We just store indexes for rows and columns without headers.
     visualRow >= 0 ? instance.rowIndexMapper.getRenderableFromVisualIndex(visualRow) : visualRow, visualColumn >= 0 ? instance.columnIndexMapper.getRenderableFromVisualIndex(visualColumn) : visualColumn);
   };
-
   var renderableToVisualCoords = function renderableToVisualCoords(coords) {
     var renderableRow = coords.row,
-        renderableColumn = coords.col;
-    return instance._createCellCoords( // We just store indexes for rows and columns without headers.
+      renderableColumn = coords.col;
+    return instance._createCellCoords(
+    // We just store indexes for rows and columns without headers.
     renderableRow >= 0 ? instance.rowIndexMapper.getVisualFromRenderableIndex(renderableRow) : renderableRow, renderableColumn >= 0 ? instance.columnIndexMapper.getVisualFromRenderableIndex(renderableColumn) : renderableColumn // eslint-disable-line max-len
     );
   };
@@ -313,15 +320,12 @@ export default function Core(rootElement, userSettings) {
     }
   });
   this.selection = selection;
-
   var onIndexMapperCacheUpdate = function onIndexMapperCacheUpdate(_ref) {
     var hiddenIndexesChanged = _ref.hiddenIndexesChanged;
-
     if (hiddenIndexesChanged) {
       _this.selection.refresh();
     }
   };
-
   this.columnIndexMapper.addLocalHook('cacheUpdated', onIndexMapperCacheUpdate);
   this.rowIndexMapper.addLocalHook('cacheUpdated', onIndexMapperCacheUpdate);
   this.selection.addLocalHook('beforeSetRangeStart', function (cellCoords) {
@@ -332,49 +336,34 @@ export default function Core(rootElement, userSettings) {
   });
   this.selection.addLocalHook('beforeSetRangeEnd', function (cellCoords) {
     _this.runHooks('beforeSetRangeEnd', cellCoords);
-
     if (cellCoords.row < 0) {
       cellCoords.row = _this.view._wt.wtTable.getFirstVisibleRow();
     }
-
     if (cellCoords.col < 0) {
       cellCoords.col = _this.view._wt.wtTable.getFirstVisibleColumn();
     }
   });
   this.selection.addLocalHook('afterSetRangeEnd', function (cellCoords) {
     var preventScrolling = createObjectPropListener(false);
-
     var selectionRange = _this.selection.getSelectedRange();
-
     var _selectionRange$curre = selectionRange.current(),
-        from = _selectionRange$curre.from,
-        to = _selectionRange$curre.to;
-
+      from = _selectionRange$curre.from,
+      to = _selectionRange$curre.to;
     var selectionLayerLevel = selectionRange.size() - 1;
-
     _this.runHooks('afterSelection', from.row, from.col, to.row, to.col, preventScrolling, selectionLayerLevel);
-
     _this.runHooks('afterSelectionByProp', from.row, instance.colToProp(from.col), to.row, instance.colToProp(to.col), preventScrolling, selectionLayerLevel); // eslint-disable-line max-len
 
-
     var isSelectedByAnyHeader = _this.selection.isSelectedByAnyHeader();
-
     var currentSelectedRange = _this.selection.selectedRange.current();
-
     var scrollToCell = true;
-
     if (preventScrollingToCell) {
       scrollToCell = false;
     }
-
     if (preventScrolling.isTouched()) {
       scrollToCell = !preventScrolling.value;
     }
-
     var isSelectedByRowHeader = _this.selection.isSelectedByRowHeader();
-
     var isSelectedByColumnHeader = _this.selection.isSelectedByColumnHeader();
-
     if (scrollToCell !== false) {
       if (!isSelectedByAnyHeader) {
         if (currentSelectedRange && !_this.selection.isMultiple()) {
@@ -387,11 +376,11 @@ export default function Core(rootElement, userSettings) {
       } else if (isSelectedByColumnHeader) {
         _this.view.scrollViewportHorizontally(instance.columnIndexMapper.getRenderableFromVisualIndex(cellCoords.col));
       }
-    } // @TODO: These CSS classes are no longer needed anymore. They are used only as a indicator of the selected
+    }
+
+    // @TODO: These CSS classes are no longer needed anymore. They are used only as a indicator of the selected
     // rows/columns in the MergedCells plugin (via border.js#L520 in the walkontable module). After fixing
     // the Border class this should be removed.
-
-
     if (isSelectedByRowHeader && isSelectedByColumnHeader) {
       addClass(_this.rootElement, ['ht__selection--rows', 'ht__selection--columns']);
     } else if (isSelectedByRowHeader) {
@@ -403,22 +392,18 @@ export default function Core(rootElement, userSettings) {
     } else {
       removeClass(_this.rootElement, ['ht__selection--rows', 'ht__selection--columns']);
     }
-
     _this._refreshBorders(null);
   });
   this.selection.addLocalHook('afterSelectionFinished', function (cellRanges) {
     var selectionLayerLevel = cellRanges.length - 1;
     var _cellRanges$selection = cellRanges[selectionLayerLevel],
-        from = _cellRanges$selection.from,
-        to = _cellRanges$selection.to;
-
+      from = _cellRanges$selection.from,
+      to = _cellRanges$selection.to;
     _this.runHooks('afterSelectionEnd', from.row, from.col, to.row, to.col, selectionLayerLevel);
-
     _this.runHooks('afterSelectionEndByProp', from.row, instance.colToProp(from.col), to.row, instance.colToProp(to.col), selectionLayerLevel);
   });
   this.selection.addLocalHook('afterIsMultipleSelection', function (isMultiple) {
     var changedIsMultiple = _this.runHooks('afterIsMultipleSelection', isMultiple.value);
-
     if (isMultiple.value) {
       isMultiple.value = changedIsMultiple;
     }
@@ -437,299 +422,297 @@ export default function Core(rootElement, userSettings) {
   });
   this.selection.addLocalHook('afterDeselect', function () {
     editorManager.destroyEditor();
-
     _this._refreshBorders();
-
     removeClass(_this.rootElement, ['ht__selection--rows', 'ht__selection--columns']);
-
     _this.runHooks('afterDeselect');
   });
   this.selection.addLocalHook('insertRowRequire', function (totalRows) {
-    _this.alter('insert_row', totalRows, 1, 'auto');
+    _this.alter('insert_row_above', totalRows, 1, 'auto');
   });
   this.selection.addLocalHook('insertColRequire', function (totalCols) {
-    _this.alter('insert_col', totalCols, 1, 'auto');
+    _this.alter('insert_col_start', totalCols, 1, 'auto');
   });
   grid = {
     /**
      * Inserts or removes rows and columns.
      *
      * @private
-     * @param {string} action Possible values: "insert_row", "insert_col", "remove_row", "remove_col".
+     * @param {string} action Possible values: "insert_row_above", "insert_row_below", "insert_col_start", "insert_col_end",
+     *                        "remove_row", "remove_col".
      * @param {number|Array} index Row or column visual index which from the alter action will be triggered.
      *                             Alter actions such as "remove_row" and "remove_col" support array indexes in the
      *                             format `[[index, amount], [index, amount]...]` this can be used to remove
      *                             non-consecutive columns or rows in one call.
-     * @param {number} [amount=1] Ammount rows or columns to remove.
+     * @param {number} [amount=1] Amount of rows or columns to remove.
      * @param {string} [source] Optional. Source of hook runner.
      * @param {boolean} [keepEmptyRows] Optional. Flag for preventing deletion of empty rows.
      */
     alter: function alter(action, index) {
+      var _index, _index2;
       var amount = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
       var source = arguments.length > 3 ? arguments[3] : undefined;
       var keepEmptyRows = arguments.length > 4 ? arguments[4] : undefined;
-      var delta;
-
       var normalizeIndexesGroup = function normalizeIndexesGroup(indexes) {
         if (indexes.length === 0) {
           return [];
         }
+        var sortedIndexes = _toConsumableArray(indexes);
 
-        var sortedIndexes = _toConsumableArray(indexes); // Sort the indexes in ascending order.
-
-
+        // Sort the indexes in ascending order.
         sortedIndexes.sort(function (_ref2, _ref3) {
           var _ref4 = _slicedToArray(_ref2, 1),
-              indexA = _ref4[0];
-
+            indexA = _ref4[0];
           var _ref5 = _slicedToArray(_ref3, 1),
-              indexB = _ref5[0];
-
+            indexB = _ref5[0];
           if (indexA === indexB) {
             return 0;
           }
-
           return indexA > indexB ? 1 : -1;
-        }); // Normalize the {index, amount} groups into bigger groups.
+        });
 
+        // Normalize the {index, amount} groups into bigger groups.
         var normalizedIndexes = arrayReduce(sortedIndexes, function (acc, _ref6) {
           var _ref7 = _slicedToArray(_ref6, 2),
-              groupIndex = _ref7[0],
-              groupAmount = _ref7[1];
-
+            groupIndex = _ref7[0],
+            groupAmount = _ref7[1];
           var previousItem = acc[acc.length - 1];
-
           var _previousItem = _slicedToArray(previousItem, 2),
-              prevIndex = _previousItem[0],
-              prevAmount = _previousItem[1];
-
+            prevIndex = _previousItem[0],
+            prevAmount = _previousItem[1];
           var prevLastIndex = prevIndex + prevAmount;
-
           if (groupIndex <= prevLastIndex) {
             var amountToAdd = Math.max(groupAmount - (prevLastIndex - groupIndex), 0);
             previousItem[1] += amountToAdd;
           } else {
             acc.push([groupIndex, groupAmount]);
           }
-
           return acc;
         }, [sortedIndexes[0]]);
         return normalizedIndexes;
       };
-      /* eslint-disable no-case-declarations */
-
 
+      /* eslint-disable no-case-declarations */
       switch (action) {
         case 'insert_row':
+          // backward compatibility
+          if (!deprecationWarns.has(action)) {
+            deprecationWarns.add(action);
+            warn(toSingleLine(_templateObject || (_templateObject = _taggedTemplateLiteral(["The `", "` action of the `alter()` method is deprecated and will be removed \n                              in the next major release of Handsontable. Use the `insert_row_above` action instead."], ["The \\`", "\\` action of the \\`alter()\\` method is deprecated and will be removed\\x20\n                              in the next major release of Handsontable. Use the \\`insert_row_above\\` action instead."])), action));
+          }
+        // falls through
+        case 'insert_row_below':
+        case 'insert_row_above':
           var numberOfSourceRows = instance.countSourceRows();
-
           if (tableMeta.maxRows === numberOfSourceRows) {
             return;
-          } // eslint-disable-next-line no-param-reassign
-
-
-          index = isDefined(index) ? index : numberOfSourceRows;
-          delta = datamap.createRow(index, amount, source);
+          }
 
-          if (delta) {
-            metaManager.createRow(instance.toPhysicalRow(index), amount);
+          // `above` is the default behavior for creating new rows
+          var insertRowMode = action === 'insert_row_below' ? 'below' : 'above';
+
+          // The line below ensures backward compatibility of the `alter()` method's `insert_row` action.
+          // Calling the `insert_row` action with no arguments adds a new row at the end of the data set.
+          // Calling the `insert_row_above` action adds a new row at the beginning of the data set.
+          // eslint-disable-next-line no-param-reassign
+          index = (_index = index) !== null && _index !== void 0 ? _index : action === 'insert_row' || insertRowMode === 'below' ? numberOfSourceRows : 0;
+          var _datamap$createRow = datamap.createRow(index, amount, {
+              source: source,
+              mode: insertRowMode
+            }),
+            rowDelta = _datamap$createRow.delta,
+            startRowPhysicalIndex = _datamap$createRow.startPhysicalIndex;
+          if (rowDelta) {
             var currentSelectedRange = selection.selectedRange.current();
             var currentFromRange = currentSelectedRange === null || currentSelectedRange === void 0 ? void 0 : currentSelectedRange.from;
-            var currentFromRow = currentFromRange === null || currentFromRange === void 0 ? void 0 : currentFromRange.row; // Moving down the selection (when it exist). It should be present on the "old" row.
-            // TODO: The logic here should be handled by selection module.
-
-            if (isDefined(currentFromRow) && currentFromRow >= index) {
+            var currentFromRow = currentFromRange === null || currentFromRange === void 0 ? void 0 : currentFromRange.row;
+            var startVisualRowIndex = instance.toVisualRow(startRowPhysicalIndex);
+            if (selection.isSelectedByCorner()) {
+              instance.selectAll();
+            } else if (isDefined(currentFromRow) && currentFromRow >= startVisualRowIndex) {
+              // Moving the selection (if it exists) downward – it should be applied to the "old" row.
+              // TODO: The logic here should be handled by selection module.
               var _currentSelectedRange = currentSelectedRange.to,
-                  currentToRow = _currentSelectedRange.row,
-                  currentToColumn = _currentSelectedRange.col;
-              var currentFromColumn = currentFromRange.col; // Workaround: headers are not stored inside selection.
+                currentToRow = _currentSelectedRange.row,
+                currentToColumn = _currentSelectedRange.col;
+              var currentFromColumn = currentFromRange.col;
 
+              // Workaround: headers are not stored inside selection.
               if (selection.isSelectedByRowHeader()) {
                 currentFromColumn = -1;
-              } // Remove from the stack the last added selection as that selection below will be
-              // replaced by new transformed selection.
-
-
-              selection.getSelectedRange().pop(); // I can't use transforms as they don't work in negative indexes.
+              }
 
-              selection.setRangeStartOnly(instance._createCellCoords(currentFromRow + delta, currentFromColumn), true);
-              selection.setRangeEnd(instance._createCellCoords(currentToRow + delta, currentToColumn)); // will call render() internally
+              // Remove from the stack the last added selection as that selection below will be
+              // replaced by new transformed selection.
+              selection.getSelectedRange().pop();
+              // I can't use transforms as they don't work in negative indexes.
+              selection.setRangeStartOnly(instance._createCellCoords(currentFromRow + rowDelta, currentFromColumn), true);
+              selection.setRangeEnd(instance._createCellCoords(currentToRow + rowDelta, currentToColumn)); // will call render() internally
             } else {
               instance._refreshBorders(); // it will call render and prepare methods
-
             }
           }
 
           break;
-
         case 'insert_col':
-          delta = datamap.createCol(index, amount, source);
-
-          if (delta) {
-            metaManager.createColumn(instance.toPhysicalColumn(index), amount);
-
+          // backward compatibility
+          if (!deprecationWarns.has(action)) {
+            deprecationWarns.add(action);
+            warn(toSingleLine(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["The `", "` action of the `alter()` method is deprecated and will be removed \n                              in the next major release of Handsontable. Use the `insert_col_start` action instead."], ["The \\`", "\\` action of the \\`alter()\\` method is deprecated and will be removed\\x20\n                              in the next major release of Handsontable. Use the \\`insert_col_start\\` action instead."])), action));
+          }
+        // falls through
+        case 'insert_col_start':
+        case 'insert_col_end':
+          // "start" is a default behavior for creating new columns
+          var insertColumnMode = action === 'insert_col_end' ? 'end' : 'start';
+
+          // The line below ensures backward compatibility of the `alter()` method's `insert_col` action.
+          // Calling the `insert_col` action with no arguments adds a new column to the right of the data set.
+          // Calling the `insert_col_start` action adds a new column to the left of the data set.
+          // eslint-disable-next-line no-param-reassign
+          index = (_index2 = index) !== null && _index2 !== void 0 ? _index2 : action === 'insert_col' || insertColumnMode === 'end' ? instance.countSourceCols() : 0;
+          var _datamap$createCol = datamap.createCol(index, amount, {
+              source: source,
+              mode: insertColumnMode
+            }),
+            colDelta = _datamap$createCol.delta,
+            startColumnPhysicalIndex = _datamap$createCol.startPhysicalIndex;
+          if (colDelta) {
             if (Array.isArray(tableMeta.colHeaders)) {
-              var spliceArray = [index, 0];
-              spliceArray.length += delta; // inserts empty (undefined) elements at the end of an array
-
+              var spliceArray = [instance.toVisualColumn(startColumnPhysicalIndex), 0];
+              spliceArray.length += colDelta; // inserts empty (undefined) elements at the end of an array
               Array.prototype.splice.apply(tableMeta.colHeaders, spliceArray); // inserts empty (undefined) elements into the colHeader array
             }
 
             var _currentSelectedRange2 = selection.selectedRange.current();
-
             var _currentFromRange = _currentSelectedRange2 === null || _currentSelectedRange2 === void 0 ? void 0 : _currentSelectedRange2.from;
-
-            var _currentFromColumn = _currentFromRange === null || _currentFromRange === void 0 ? void 0 : _currentFromRange.col; // Moving right the selection (when it exist). It should be present on the "old" row.
-            // TODO: The logic here should be handled by selection module.
-
-
-            if (isDefined(_currentFromColumn) && _currentFromColumn >= index) {
+            var _currentFromColumn = _currentFromRange === null || _currentFromRange === void 0 ? void 0 : _currentFromRange.col;
+            var startVisualColumnIndex = instance.toVisualColumn(startColumnPhysicalIndex);
+            if (selection.isSelectedByCorner()) {
+              instance.selectAll();
+            } else if (isDefined(_currentFromColumn) && _currentFromColumn >= startVisualColumnIndex) {
+              // Moving the selection (if it exists) rightward – it should be applied to the "old" column.
+              // TODO: The logic here should be handled by selection module.
               var _currentSelectedRange3 = _currentSelectedRange2.to,
-                  _currentToRow = _currentSelectedRange3.row,
-                  _currentToColumn = _currentSelectedRange3.col;
-              var _currentFromRow = _currentFromRange.row; // Workaround: headers are not stored inside selection.
+                _currentToRow = _currentSelectedRange3.row,
+                _currentToColumn = _currentSelectedRange3.col;
+              var _currentFromRow = _currentFromRange.row;
 
+              // Workaround: headers are not stored inside selection.
               if (selection.isSelectedByColumnHeader()) {
                 _currentFromRow = -1;
-              } // Remove from the stack the last added selection as that selection below will be
-              // replaced by new transformed selection.
-
+              }
 
-              selection.getSelectedRange().pop(); // I can't use transforms as they don't work in negative indexes.
+              // Remove from the stack the last added selection as that selection below will be
+              // replaced by new transformed selection.
+              selection.getSelectedRange().pop();
 
-              selection.setRangeStartOnly(instance._createCellCoords(_currentFromRow, _currentFromColumn + delta), true);
-              selection.setRangeEnd(instance._createCellCoords(_currentToRow, _currentToColumn + delta)); // will call render() internally
+              // I can't use transforms as they don't work in negative indexes.
+              selection.setRangeStartOnly(instance._createCellCoords(_currentFromRow, _currentFromColumn + colDelta), true);
+              selection.setRangeEnd(instance._createCellCoords(_currentToRow, _currentToColumn + colDelta)); // will call render() internally
             } else {
               instance._refreshBorders(); // it will call render and prepare methods
-
             }
           }
 
           break;
-
         case 'remove_row':
           var removeRow = function removeRow(indexes) {
-            var offset = 0; // Normalize the {index, amount} groups into bigger groups.
+            var offset = 0;
 
+            // Normalize the {index, amount} groups into bigger groups.
             arrayEach(indexes, function (_ref8) {
               var _ref9 = _slicedToArray(_ref8, 2),
-                  groupIndex = _ref9[0],
-                  groupAmount = _ref9[1];
+                groupIndex = _ref9[0],
+                groupAmount = _ref9[1];
+              var calcIndex = isEmpty(groupIndex) ? instance.countRows() - 1 : Math.max(groupIndex - offset, 0);
 
-              var calcIndex = isEmpty(groupIndex) ? instance.countRows() - 1 : Math.max(groupIndex - offset, 0); // If the 'index' is an integer decrease it by 'offset' otherwise pass it through to make the value
+              // If the 'index' is an integer decrease it by 'offset' otherwise pass it through to make the value
               // compatible with datamap.removeCol method.
-
               if (Number.isInteger(groupIndex)) {
                 // eslint-disable-next-line no-param-reassign
                 groupIndex = Math.max(groupIndex - offset, 0);
-              } // TODO: for datamap.removeRow index should be passed as it is (with undefined and null values). If not, the logic
-              // inside the datamap.removeRow breaks the removing functionality.
-
+              }
 
+              // TODO: for datamap.removeRow index should be passed as it is (with undefined and null values). If not, the logic
+              // inside the datamap.removeRow breaks the removing functionality.
               var wasRemoved = datamap.removeRow(groupIndex, groupAmount, source);
-
               if (!wasRemoved) {
                 return;
               }
-
-              metaManager.removeRow(instance.toPhysicalRow(calcIndex), groupAmount);
               var totalRows = instance.countRows();
               var fixedRowsTop = tableMeta.fixedRowsTop;
-
               if (fixedRowsTop >= calcIndex + 1) {
                 tableMeta.fixedRowsTop -= Math.min(groupAmount, fixedRowsTop - calcIndex);
               }
-
               var fixedRowsBottom = tableMeta.fixedRowsBottom;
-
               if (fixedRowsBottom && calcIndex >= totalRows - fixedRowsBottom) {
                 tableMeta.fixedRowsBottom -= Math.min(groupAmount, fixedRowsBottom);
               }
-
               offset += groupAmount;
             });
           };
-
           if (Array.isArray(index)) {
             removeRow(normalizeIndexesGroup(index));
           } else {
             removeRow([[index, amount]]);
           }
-
           grid.adjustRowsAndCols();
-
           instance._refreshBorders(); // it will call render and prepare methods
-
-
           break;
-
         case 'remove_col':
           var removeCol = function removeCol(indexes) {
-            var offset = 0; // Normalize the {index, amount} groups into bigger groups.
+            var offset = 0;
 
+            // Normalize the {index, amount} groups into bigger groups.
             arrayEach(indexes, function (_ref10) {
               var _ref11 = _slicedToArray(_ref10, 2),
-                  groupIndex = _ref11[0],
-                  groupAmount = _ref11[1];
-
+                groupIndex = _ref11[0],
+                groupAmount = _ref11[1];
               var calcIndex = isEmpty(groupIndex) ? instance.countCols() - 1 : Math.max(groupIndex - offset, 0);
-              var physicalColumnIndex = instance.toPhysicalColumn(calcIndex); // If the 'index' is an integer decrease it by 'offset' otherwise pass it through to make the value
-              // compatible with datamap.removeCol method.
+              var physicalColumnIndex = instance.toPhysicalColumn(calcIndex);
 
+              // If the 'index' is an integer decrease it by 'offset' otherwise pass it through to make the value
+              // compatible with datamap.removeCol method.
               if (Number.isInteger(groupIndex)) {
                 // eslint-disable-next-line no-param-reassign
                 groupIndex = Math.max(groupIndex - offset, 0);
-              } // TODO: for datamap.removeCol index should be passed as it is (with undefined and null values). If not, the logic
-              // inside the datamap.removeCol breaks the removing functionality.
-
+              }
 
+              // TODO: for datamap.removeCol index should be passed as it is (with undefined and null values). If not, the logic
+              // inside the datamap.removeCol breaks the removing functionality.
               var wasRemoved = datamap.removeCol(groupIndex, groupAmount, source);
-
               if (!wasRemoved) {
                 return;
               }
-
-              metaManager.removeColumn(physicalColumnIndex, groupAmount);
               var fixedColumnsStart = tableMeta.fixedColumnsStart;
-
               if (fixedColumnsStart >= calcIndex + 1) {
                 tableMeta.fixedColumnsStart -= Math.min(groupAmount, fixedColumnsStart - calcIndex);
               }
-
               if (Array.isArray(tableMeta.colHeaders)) {
                 if (typeof physicalColumnIndex === 'undefined') {
                   physicalColumnIndex = -1;
                 }
-
                 tableMeta.colHeaders.splice(physicalColumnIndex, groupAmount);
               }
-
               offset += groupAmount;
             });
           };
-
           if (Array.isArray(index)) {
             removeCol(normalizeIndexesGroup(index));
           } else {
             removeCol([[index, amount]]);
           }
-
           grid.adjustRowsAndCols();
-
           instance._refreshBorders(); // it will call render and prepare methods
 
-
           break;
-
         default:
           throw new Error("There is no such action \"".concat(action, "\""));
       }
-
       if (!keepEmptyRows) {
         grid.adjustRowsAndCols(); // makes sure that we did not add rows that will be removed in next refresh
       }
     },
-
     /**
      * Makes sure there are empty rows at the bottom of the table.
      *
@@ -740,118 +723,114 @@ export default function Core(rootElement, userSettings) {
       var minSpareRows = tableMeta.minSpareRows;
       var minCols = tableMeta.minCols;
       var minSpareCols = tableMeta.minSpareCols;
-
+      if (instance.countRows() === 0 && instance.countCols() === 0) {
+        selection.deselect();
+      }
       if (minRows) {
         // should I add empty rows to data source to meet minRows?
         var nrOfRows = instance.countRows();
-
         if (nrOfRows < minRows) {
           // The synchronization with cell meta is not desired here. For `minRows` option,
           // we don't want to touch/shift cell meta objects.
-          datamap.createRow(nrOfRows, minRows - nrOfRows, 'auto');
+          datamap.createRow(nrOfRows, minRows - nrOfRows, {
+            source: 'auto'
+          });
         }
       }
-
       if (minSpareRows) {
-        var emptyRows = instance.countEmptyRows(true); // should I add empty rows to meet minSpareRows?
+        var emptyRows = instance.countEmptyRows(true);
 
+        // should I add empty rows to meet minSpareRows?
         if (emptyRows < minSpareRows) {
           var emptyRowsMissing = minSpareRows - emptyRows;
-          var rowsToCreate = Math.min(emptyRowsMissing, tableMeta.maxRows - instance.countSourceRows()); // The synchronization with cell meta is not desired here. For `minSpareRows` option,
-          // we don't want to touch/shift cell meta objects.
+          var rowsToCreate = Math.min(emptyRowsMissing, tableMeta.maxRows - instance.countSourceRows());
 
-          datamap.createRow(instance.countRows(), rowsToCreate, 'auto');
+          // The synchronization with cell meta is not desired here. For `minSpareRows` option,
+          // we don't want to touch/shift cell meta objects.
+          datamap.createRow(instance.countRows(), rowsToCreate, {
+            source: 'auto'
+          });
         }
       }
-
       {
-        var emptyCols; // count currently empty cols
+        var emptyCols;
 
+        // count currently empty cols
         if (minCols || minSpareCols) {
           emptyCols = instance.countEmptyCols(true);
         }
+        var nrOfColumns = instance.countCols();
 
-        var nrOfColumns = instance.countCols(); // should I add empty cols to meet minCols?
-
+        // should I add empty cols to meet minCols?
         if (minCols && !tableMeta.columns && nrOfColumns < minCols) {
           // The synchronization with cell meta is not desired here. For `minSpareRows` option,
           // we don't want to touch/shift cell meta objects.
           var colsToCreate = minCols - nrOfColumns;
           emptyCols += colsToCreate;
-          datamap.createCol(nrOfColumns, colsToCreate, 'auto');
-        } // should I add empty cols to meet minSpareCols?
-
-
+          datamap.createCol(nrOfColumns, colsToCreate, {
+            source: 'auto'
+          });
+        }
+        // should I add empty cols to meet minSpareCols?
         if (minSpareCols && !tableMeta.columns && instance.dataType === 'array' && emptyCols < minSpareCols) {
           nrOfColumns = instance.countCols();
           var emptyColsMissing = minSpareCols - emptyCols;
+          var _colsToCreate = Math.min(emptyColsMissing, tableMeta.maxCols - nrOfColumns);
 
-          var _colsToCreate = Math.min(emptyColsMissing, tableMeta.maxCols - nrOfColumns); // The synchronization with cell meta is not desired here. For `minSpareRows` option,
+          // The synchronization with cell meta is not desired here. For `minSpareRows` option,
           // we don't want to touch/shift cell meta objects.
-
-
-          datamap.createCol(nrOfColumns, _colsToCreate, 'auto');
+          datamap.createCol(nrOfColumns, _colsToCreate, {
+            source: 'auto'
+          });
         }
       }
-      var rowCount = instance.countRows();
-      var colCount = instance.countCols();
-
-      if (rowCount === 0 || colCount === 0) {
-        selection.deselect();
-      }
-
       if (selection.isSelected()) {
+        var rowCount = instance.countRows();
+        var colCount = instance.countCols();
         arrayEach(selection.selectedRange, function (range) {
           var selectionChanged = false;
           var fromRow = range.from.row;
           var fromCol = range.from.col;
           var toRow = range.to.row;
-          var toCol = range.to.col; // if selection is outside, move selection to last row
+          var toCol = range.to.col;
 
+          // if selection is outside, move selection to last row
           if (fromRow > rowCount - 1) {
             fromRow = rowCount - 1;
             selectionChanged = true;
-
             if (toRow > fromRow) {
               toRow = fromRow;
             }
           } else if (toRow > rowCount - 1) {
             toRow = rowCount - 1;
             selectionChanged = true;
-
             if (fromRow > toRow) {
               fromRow = toRow;
             }
-          } // if selection is outside, move selection to last row
-
-
+          }
+          // if selection is outside, move selection to last row
           if (fromCol > colCount - 1) {
             fromCol = colCount - 1;
             selectionChanged = true;
-
             if (toCol > fromCol) {
               toCol = fromCol;
             }
           } else if (toCol > colCount - 1) {
             toCol = colCount - 1;
             selectionChanged = true;
-
             if (fromCol > toCol) {
               fromCol = toCol;
             }
           }
-
           if (selectionChanged) {
             instance.selectCell(fromRow, fromCol, toRow, toCol);
           }
         });
       }
-
       if (instance.view) {
         instance.view.adjustElementsSize();
       }
     },
-
     /**
      * Populate the data from the provided 2d array from the given cell coordinates.
      *
@@ -878,38 +857,34 @@ export default function Core(rootElement, userSettings) {
       var startRow = start.row;
       var startColumn = start.col;
       rlen = input.length;
-
       if (rlen === 0) {
         return false;
       }
-
       var columnsPopulationEnd = 0;
       var rowsPopulationEnd = 0;
-
       if (isObject(end)) {
         columnsPopulationEnd = end.col - startColumn + 1;
         rowsPopulationEnd = end.row - startRow + 1;
-      } // insert data with specified pasteMode method
-
+      }
 
+      // insert data with specified pasteMode method
       switch (method) {
         case 'shift_down':
           // translate data from a list of rows to a list of columns
           var populatedDataByColumns = pivot(input);
-          var numberOfDataColumns = populatedDataByColumns.length; // method's argument can extend the range of data population (data would be repeated)
-
+          var numberOfDataColumns = populatedDataByColumns.length;
+          // method's argument can extend the range of data population (data would be repeated)
           var numberOfColumnsToPopulate = Math.max(numberOfDataColumns, columnsPopulationEnd);
-          var pushedDownDataByRows = instance.getData().slice(startRow); // translate data from a list of rows to a list of columns
+          var pushedDownDataByRows = instance.getData().slice(startRow);
 
+          // translate data from a list of rows to a list of columns
           var pushedDownDataByColumns = pivot(pushedDownDataByRows).slice(startColumn, startColumn + numberOfColumnsToPopulate);
-
           for (c = 0; c < numberOfColumnsToPopulate; c += 1) {
             if (c < numberOfDataColumns) {
               for (r = 0, rlen = populatedDataByColumns[c].length; r < rowsPopulationEnd - rlen; r += 1) {
                 // repeating data for rows
                 populatedDataByColumns[c].push(populatedDataByColumns[c][r % rlen]);
               }
-
               if (c < pushedDownDataByColumns.length) {
                 newDataByColumns.push(populatedDataByColumns[c].concat(pushedDownDataByColumns[c]));
               } else {
@@ -922,32 +897,27 @@ export default function Core(rootElement, userSettings) {
               newDataByColumns.push(populatedDataByColumns[c % numberOfDataColumns].concat(pushedDownDataByColumns[c]));
             }
           }
-
           instance.populateFromArray(startRow, startColumn, pivot(newDataByColumns));
           break;
-
         case 'shift_right':
-          var numberOfDataRows = input.length; // method's argument can extend the range of data population (data would be repeated)
-
+          var numberOfDataRows = input.length;
+          // method's argument can extend the range of data population (data would be repeated)
           var numberOfRowsToPopulate = Math.max(numberOfDataRows, rowsPopulationEnd);
           var pushedRightDataByRows = instance.getData().slice(startRow).map(function (rowData) {
             return rowData.slice(startColumn);
           });
-
           for (r = 0; r < numberOfRowsToPopulate; r += 1) {
             if (r < numberOfDataRows) {
               for (c = 0, clen = input[r].length; c < columnsPopulationEnd - clen; c += 1) {
                 // repeating data for rows
                 input[r].push(input[r][c % clen]);
               }
-
               if (r < pushedRightDataByRows.length) {
                 for (var i = 0; i < pushedRightDataByRows[r].length; i += 1) {
                   input[r].push(pushedRightDataByRows[r][i]);
                 }
               } else {
                 var _input$r;
-
                 // if before data population, there was no data in the row
                 // we fill the required columns' newly-created cells with `null` values
                 (_input$r = input[r]).push.apply(_input$r, _toConsumableArray(new Array(pushedRightDataByRows[0].length).fill(null)));
@@ -957,10 +927,8 @@ export default function Core(rootElement, userSettings) {
               input.push(input[r % rlen].slice(0, numberOfRowsToPopulate).concat(pushedRightDataByRows[r]));
             }
           }
-
           instance.populateFromArray(startRow, startColumn, input);
           break;
-
         case 'overwrite':
         default:
           // overwrite and other not specified options
@@ -975,77 +943,59 @@ export default function Core(rootElement, userSettings) {
           var skippedColumn = 0;
           var pushData = true;
           var cellMeta;
-
           var getInputValue = function getInputValue(row) {
             var col = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
             var rowValue = input[row % input.length];
-
             if (col !== null) {
               return rowValue[col % rowValue.length];
             }
-
             return rowValue;
           };
-
           var rowInputLength = input.length;
           var rowSelectionLength = end ? end.row - start.row + 1 : 0;
-
           if (end) {
             rlen = rowSelectionLength;
           } else {
             rlen = Math.max(rowInputLength, rowSelectionLength);
           }
-
           for (r = 0; r < rlen; r++) {
             if (end && current.row > end.row && rowSelectionLength > rowInputLength || !tableMeta.allowInsertRow && current.row > instance.countRows() - 1 || current.row >= tableMeta.maxRows) {
               break;
             }
-
             var visualRow = r - skippedRow;
             var colInputLength = getInputValue(visualRow).length;
             var colSelectionLength = end ? end.col - start.col + 1 : 0;
-
             if (end) {
               clen = colSelectionLength;
             } else {
               clen = Math.max(colInputLength, colSelectionLength);
             }
-
             current.col = start.col;
             cellMeta = instance.getCellMeta(current.row, current.col);
-
             if ((source === 'CopyPaste.paste' || source === 'Autofill.fill') && cellMeta.skipRowOnPaste) {
               skippedRow += 1;
               current.row += 1;
               rlen += 1;
               /* eslint-disable no-continue */
-
               continue;
             }
-
             skippedColumn = 0;
-
             for (c = 0; c < clen; c++) {
               if (end && current.col > end.col && colSelectionLength > colInputLength || !tableMeta.allowInsertColumn && current.col > instance.countCols() - 1 || current.col >= tableMeta.maxCols) {
                 break;
               }
-
               cellMeta = instance.getCellMeta(current.row, current.col);
-
               if ((source === 'CopyPaste.paste' || source === 'Autofill.fill') && cellMeta.skipColumnOnPaste) {
                 skippedColumn += 1;
                 current.col += 1;
                 clen += 1;
                 continue;
               }
-
               if (cellMeta.readOnly && source !== 'UndoRedo.undo') {
                 current.col += 1;
                 /* eslint-disable no-continue */
-
                 continue;
               }
-
               var visualColumn = c - skippedColumn;
               var value = getInputValue(visualRow, visualColumn);
               var orgValue = instance.getDataAtCell(current.row, current.col);
@@ -1053,29 +1003,25 @@ export default function Core(rootElement, userSettings) {
                 row: visualRow,
                 col: visualColumn
               };
-
               if (source === 'Autofill.fill') {
                 var result = instance.runHooks('beforeAutofillInsidePopulate', index, direction, input, deltas, {}, selected);
-
                 if (result) {
                   value = isUndefined(result.value) ? value : result.value;
                 }
               }
-
               if (value !== null && _typeof(value) === 'object') {
                 // when 'value' is array and 'orgValue' is null, set 'orgValue' to
                 // an empty array so that the null value can be compared to 'value'
                 // as an empty value for the array context
                 if (Array.isArray(value) && orgValue === null) orgValue = [];
-
                 if (orgValue === null || _typeof(orgValue) !== 'object') {
                   pushData = false;
                 } else {
                   var orgValueSchema = duckSchema(Array.isArray(orgValue) ? orgValue : orgValue[0] || orgValue);
                   var valueSchema = duckSchema(Array.isArray(value) ? value : value[0] || value);
-                  /* eslint-disable max-depth */
 
-                  if (isObjectEqual(orgValueSchema, valueSchema)) {
+                  // Allow overwriting values with the same object-based schema or any array-based schema.
+                  if (isObjectEqual(orgValueSchema, valueSchema) || Array.isArray(orgValueSchema) && Array.isArray(valueSchema)) {
                     value = deepClone(value);
                   } else {
                     pushData = false;
@@ -1084,23 +1030,20 @@ export default function Core(rootElement, userSettings) {
               } else if (orgValue !== null && _typeof(orgValue) === 'object') {
                 pushData = false;
               }
-
               if (pushData) {
                 setData.push([current.row, current.col, value]);
               }
-
               pushData = true;
               current.col += 1;
             }
-
             current.row += 1;
           }
-
           instance.setDataAtCell(setData, null, null, source || 'populateFromArray');
           break;
       }
     }
   };
+
   /**
    * Internal function to set `language` key of settings.
    *
@@ -1108,10 +1051,8 @@ export default function Core(rootElement, userSettings) {
    * @param {string} languageCode Language code for specific language i.e. 'en-US', 'pt-BR', 'de-DE'.
    * @fires Hooks#afterLanguageChange
    */
-
   function setLanguage(languageCode) {
     var normalizedLanguageCode = normalizeLanguageCode(languageCode);
-
     if (hasLanguageDictionary(normalizedLanguageCode)) {
       instance.runHooks('beforeLanguageChange', normalizedLanguageCode);
       globalMeta.language = normalizedLanguageCode;
@@ -1120,6 +1061,7 @@ export default function Core(rootElement, userSettings) {
       warnUserAboutLanguageRegistration(languageCode);
     }
   }
+
   /**
    * Internal function to set `className` or `tableClassName`, depending on the key from the settings object.
    *
@@ -1127,69 +1069,63 @@ export default function Core(rootElement, userSettings) {
    * @param {string} className `className` or `tableClassName` from the key in the settings object.
    * @param {string|string[]} classSettings String or array of strings. Contains class name(s) from settings object.
    */
-
-
   function setClassName(className, classSettings) {
     var element = className === 'className' ? instance.rootElement : instance.table;
-
     if (firstRun) {
       addClass(element, classSettings);
     } else {
       var globalMetaSettingsArray = [];
       var settingsArray = [];
-
       if (globalMeta[className]) {
         globalMetaSettingsArray = Array.isArray(globalMeta[className]) ? globalMeta[className] : stringToArray(globalMeta[className]);
       }
-
       if (classSettings) {
         settingsArray = Array.isArray(classSettings) ? classSettings : stringToArray(classSettings);
       }
-
       var classNameToRemove = getDifferenceOfArrays(globalMetaSettingsArray, settingsArray);
       var classNameToAdd = getDifferenceOfArrays(settingsArray, globalMetaSettingsArray);
-
       if (classNameToRemove.length) {
         removeClass(element, classNameToRemove);
       }
-
       if (classNameToAdd.length) {
         addClass(element, classNameToAdd);
       }
     }
-
     globalMeta[className] = classSettings;
   }
-
   this.init = function () {
     dataSource.setData(tableMeta.data);
     instance.runHooks('beforeInit');
-
     if (isMobileBrowser() || isIpadOS()) {
       addClass(instance.rootElement, 'mobile');
     }
-
     this.updateSettings(tableMeta, true);
     this.view = new TableView(this);
     editorManager = EditorManager.getInstance(instance, tableMeta, selection);
     instance.runHooks('init');
     this.forceFullRender = true; // used when data was changed
-
     this.view.render();
 
+    // Run the logic only if it's the table's initialization and the root element is not visible.
+    if (!!firstRun && instance.rootElement.offsetParent === null) {
+      observeVisibilityChangeOnce(instance.rootElement, function () {
+        // Update the spreader size cache before rendering.
+        instance.view._wt.wtOverlays.updateLastSpreaderSize();
+        instance.render();
+        instance.view.adjustElementsSize();
+      });
+    }
     if (_typeof(firstRun) === 'object') {
       instance.runHooks('afterChange', firstRun[0], firstRun[1]);
       firstRun = false;
     }
-
     instance.runHooks('afterInit');
   };
+
   /**
    * @ignore
    * @returns {object}
    */
-
-
   function ValidatorsQueue() {
     // moved this one level up so it can be used in any function here. Probably this should be moved to a separate file
     var resolved = false;
@@ -1213,6 +1149,7 @@ export default function Core(rootElement, userSettings) {
       }
     };
   }
+
   /**
    * Get parsed number from numeric string.
    *
@@ -1220,51 +1157,40 @@ export default function Core(rootElement, userSettings) {
    * @param {string} numericData Float (separated by a dot or a comma) or integer.
    * @returns {number} Number if we get data in parsable format, not changed value otherwise.
    */
-
-
   function getParsedNumber(numericData) {
     // Unifying "float like" string. Change from value with comma determiner to value with dot determiner,
     // for example from `450,65` to `450.65`.
     var unifiedNumericData = numericData.replace(',', '.');
-
     if (isNaN(parseFloat(unifiedNumericData)) === false) {
       return parseFloat(unifiedNumericData);
     }
-
     return numericData;
   }
+
   /**
    * @ignore
    * @param {Array} changes The 2D array containing information about each of the edited cells.
    * @param {string} source The string that identifies source of validation.
    * @param {Function} callback The callback function fot async validation.
    */
-
-
   function validateChanges(changes, source, callback) {
     if (!changes.length) {
       return;
     }
-
     var activeEditor = instance.getActiveEditor();
     var beforeChangeResult = instance.runHooks('beforeChange', changes, source || 'edit');
     var shouldBeCanceled = true;
-
     if (beforeChangeResult === false) {
       if (activeEditor) {
         activeEditor.cancelChanges();
       }
-
       return;
     }
-
     var waitingForValidator = new ValidatorsQueue();
-
     waitingForValidator.onQueueEmpty = function (isValid) {
       if (activeEditor && shouldBeCanceled) {
         activeEditor.cancelChanges();
       }
-
       callback(isValid); // called when async validators are resolved and beforeChange was not async
     };
 
@@ -1273,19 +1199,16 @@ export default function Core(rootElement, userSettings) {
         changes.splice(i, 1);
       } else {
         var _changes$i = _slicedToArray(changes[i], 4),
-            row = _changes$i[0],
-            prop = _changes$i[1],
-            newValue = _changes$i[3];
-
+          row = _changes$i[0],
+          prop = _changes$i[1],
+          newValue = _changes$i[3];
         var col = datamap.propToCol(prop);
         var cellProperties = instance.getCellMeta(row, col);
-
         if (cellProperties.type === 'numeric' && typeof newValue === 'string' && isNumericLike(newValue)) {
           changes[i][3] = getParsedNumber(newValue);
         }
-        /* eslint-disable no-loop-func */
-
 
+        /* eslint-disable no-loop-func */
         if (instance.getCellValidator(cellProperties)) {
           waitingForValidator.addValidatorToQueue();
           instance.validateCell(changes[i][3], cellProperties, function (index, cellPropertiesReference) {
@@ -1293,19 +1216,16 @@ export default function Core(rootElement, userSettings) {
               if (typeof result !== 'boolean') {
                 throw new Error('Validation error: result is not boolean');
               }
-
               if (result === false && cellPropertiesReference.allowInvalid === false) {
                 shouldBeCanceled = false;
                 changes.splice(index, 1); // cancel the change
-
                 cellPropertiesReference.valid = true; // we cancelled the change, so cell value is still valid
 
                 var cell = instance.getCell(cellPropertiesReference.visualRow, cellPropertiesReference.visualCol);
-
                 if (cell !== null) {
                   removeClass(cell, tableMeta.invalidCellClassName);
-                } // index -= 1;
-
+                }
+                // index -= 1;
               }
 
               waitingForValidator.removeValidatorFormQueue();
@@ -1314,9 +1234,9 @@ export default function Core(rootElement, userSettings) {
         }
       }
     }
-
     waitingForValidator.checkIfQueueIsEmpty();
   }
+
   /**
    * Internal function to apply changes. Called after validateChanges.
    *
@@ -1326,81 +1246,66 @@ export default function Core(rootElement, userSettings) {
    * @fires Hooks#beforeChangeRender
    * @fires Hooks#afterChange
    */
-
-
   function applyChanges(changes, source) {
     var i = changes.length - 1;
-
     if (i < 0) {
       return;
     }
-
     for (; i >= 0; i--) {
       var skipThisChange = false;
-
       if (changes[i] === null) {
         changes.splice(i, 1);
         /* eslint-disable no-continue */
-
         continue;
       }
-
       if ((changes[i][2] === null || changes[i][2] === void 0) && (changes[i][3] === null || changes[i][3] === void 0)) {
         /* eslint-disable no-continue */
         continue;
       }
-
       if (tableMeta.allowInsertRow) {
         while (changes[i][0] > instance.countRows() - 1) {
-          var numberOfCreatedRows = datamap.createRow(void 0, void 0, source);
-
-          if (numberOfCreatedRows >= 1) {
-            metaManager.createRow(null, numberOfCreatedRows);
-          } else {
+          var _datamap$createRow2 = datamap.createRow(void 0, void 0, {
+              source: source
+            }),
+            numberOfCreatedRows = _datamap$createRow2.delta;
+          if (numberOfCreatedRows === 0) {
             skipThisChange = true;
             break;
           }
         }
       }
-
       if (instance.dataType === 'array' && (!tableMeta.columns || tableMeta.columns.length === 0) && tableMeta.allowInsertColumn) {
         while (datamap.propToCol(changes[i][1]) > instance.countCols() - 1) {
-          var numberOfCreatedColumns = datamap.createCol(void 0, void 0, source);
-
-          if (numberOfCreatedColumns >= 1) {
-            metaManager.createColumn(null, numberOfCreatedColumns);
-          } else {
+          var _datamap$createCol2 = datamap.createCol(void 0, void 0, {
+              source: source
+            }),
+            numberOfCreatedColumns = _datamap$createCol2.delta;
+          if (numberOfCreatedColumns === 0) {
             skipThisChange = true;
             break;
           }
         }
       }
-
       if (skipThisChange) {
         /* eslint-disable no-continue */
         continue;
       }
-
       datamap.set(changes[i][0], changes[i][1], changes[i][3]);
     }
-
     instance.forceFullRender = true; // used when data was changed
-
     grid.adjustRowsAndCols();
     instance.runHooks('beforeChangeRender', changes, source);
     editorManager.lockEditor();
-
     instance._refreshBorders(null);
-
     editorManager.unlockEditor();
     instance.view.adjustElementsSize();
     instance.runHooks('afterChange', changes, source || 'edit');
     var activeEditor = instance.getActiveEditor();
-
     if (activeEditor && isDefined(activeEditor.refreshValue)) {
       activeEditor.refreshValue();
     }
   }
+
   /**
    * Creates and returns the CellCoords object.
    *
@@ -1411,11 +1316,10 @@ export default function Core(rootElement, userSettings) {
    * @param {number} column The column index.
    * @returns {CellCoords}
    */
-
-
   this._createCellCoords = function (row, column) {
     return instance.view._wt.createCellCoords(row, column);
   };
+
   /**
    * Creates and returns the CellRange object.
    *
@@ -1428,11 +1332,10 @@ export default function Core(rootElement, userSettings) {
    * @param {CellCoords} to Final coordinates.
    * @returns {CellRange}
    */
-
-
   this._createCellRange = function (highlight, from, to) {
     return instance.view._wt.createCellRange(highlight, from, to);
   };
+
   /**
    * Validate a single cell.
    *
@@ -1443,41 +1346,33 @@ export default function Core(rootElement, userSettings) {
    * @param {Function} callback The callback function.
    * @param {string} source The string that identifies source of the validation.
    */
-
-
   this.validateCell = function (value, cellProperties, callback, source) {
-    var validator = instance.getCellValidator(cellProperties); // the `canBeValidated = false` argument suggests, that the cell passes validation by default.
+    var validator = instance.getCellValidator(cellProperties);
 
+    // the `canBeValidated = false` argument suggests, that the cell passes validation by default.
     /**
      * @private
      * @function done
      * @param {boolean} valid Indicates if the validation was successful.
      * @param {boolean} [canBeValidated=true] Flag which controls the validation process.
      */
-
     function done(valid) {
       var canBeValidated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
       // Fixes GH#3903
       if (!canBeValidated || cellProperties.hidden === true) {
         callback(valid);
         return;
       }
-
       var col = cellProperties.visualCol;
       var row = cellProperties.visualRow;
       var td = instance.getCell(row, col, true);
-
       if (td && td.nodeName !== 'TH') {
         var renderableRow = instance.rowIndexMapper.getRenderableFromVisualIndex(row);
         var renderableColumn = instance.columnIndexMapper.getRenderableFromVisualIndex(col);
-
         instance.view._wt.getSetting('cellRenderer', renderableRow, renderableColumn, td);
       }
-
       callback(valid);
     }
-
     if (isRegExp(validator)) {
       validator = function (expression) {
         return function (cellValue, validatorCallback) {
@@ -1485,18 +1380,17 @@ export default function Core(rootElement, userSettings) {
         };
       }(validator);
     }
-
     if (isFunction(validator)) {
       // eslint-disable-next-line no-param-reassign
-      value = instance.runHooks('beforeValidate', value, cellProperties.visualRow, cellProperties.prop, source); // To provide consistent behaviour, validation should be always asynchronous
+      value = instance.runHooks('beforeValidate', value, cellProperties.visualRow, cellProperties.prop, source);
 
+      // To provide consistent behaviour, validation should be always asynchronous
       instance._registerImmediate(function () {
         validator.call(cellProperties, value, function (valid) {
           if (!instance) {
             return;
-          } // eslint-disable-next-line no-param-reassign
-
-
+          }
+          // eslint-disable-next-line no-param-reassign
           valid = instance.runHooks('afterValidate', valid, value, cellProperties.visualRow, cellProperties.prop, source);
           cellProperties.valid = valid;
           done(valid);
@@ -1511,6 +1405,7 @@ export default function Core(rootElement, userSettings) {
       });
     }
   };
+
   /**
    * @ignore
    * @param {number} row The visual row index.
@@ -1518,16 +1413,14 @@ export default function Core(rootElement, userSettings) {
    * @param {*} value The cell value.
    * @returns {Array}
    */
-
-
   function setDataInputToArray(row, propOrCol, value) {
     if (Array.isArray(row)) {
       // it's an array of changes
       return row;
     }
-
     return [[row, propOrCol, value]];
   }
+
   /**
    * @description
    * Set new value to a cell. To change many cells at once (recommended way), pass an array of `changes` in format
@@ -1540,8 +1433,6 @@ export default function Core(rootElement, userSettings) {
    * @param {string} [value] New value.
    * @param {string} [source] String that identifies how this change will be described in the changes array (useful in afterChange or beforeChange callback). Set to 'edit' if left empty.
    */
-
-
   this.setDataAtCell = function (row, column, value, source) {
     var input = setDataInputToArray(row, column, value);
     var changes = [];
@@ -1549,12 +1440,10 @@ export default function Core(rootElement, userSettings) {
     var i;
     var ilen;
     var prop;
-
     for (i = 0, ilen = input.length; i < ilen; i++) {
       if (_typeof(input[i]) !== 'object') {
         throw new Error('Method `setDataAtCell` accepts row number or changes array of arrays as its first parameter');
       }
-
       if (typeof input[i][1] !== 'number') {
         throw new Error('Method `setDataAtCell` accepts row and column number as its parameters. If you want to use object property name, use method `setDataAtRowProp`'); // eslint-disable-line max-len
       }
@@ -1564,19 +1453,17 @@ export default function Core(rootElement, userSettings) {
       } else {
         prop = datamap.colToProp(input[i][1]);
       }
-
       changes.push([input[i][0], prop, dataSource.getAtCell(this.toPhysicalRow(input[i][0]), input[i][1]), input[i][2]]);
     }
-
     if (!changeSource && _typeof(row) === 'object') {
       changeSource = column;
     }
-
     instance.runHooks('afterSetDataAtCell', changes, changeSource);
     validateChanges(changes, changeSource, function () {
       applyChanges(changes, changeSource);
     });
   };
+
   /**
    * @description
    * Set new value to a cell. To change many cells at once (recommended way), pass an array of `changes` in format
@@ -1589,28 +1476,24 @@ export default function Core(rootElement, userSettings) {
    * @param {string} value Value to be set.
    * @param {string} [source] String that identifies how this change will be described in changes array (useful in onChange callback).
    */
-
-
   this.setDataAtRowProp = function (row, prop, value, source) {
     var input = setDataInputToArray(row, prop, value);
     var changes = [];
     var changeSource = source;
     var i;
     var ilen;
-
     for (i = 0, ilen = input.length; i < ilen; i++) {
       changes.push([input[i][0], input[i][1], dataSource.getAtCell(this.toPhysicalRow(input[i][0]), input[i][1]), input[i][2]]);
     }
-
     if (!changeSource && _typeof(row) === 'object') {
       changeSource = prop;
     }
-
     instance.runHooks('afterSetDataAtRowProp', changes, changeSource);
     validateChanges(changes, changeSource, function () {
       applyChanges(changes, changeSource);
     });
   };
+
   /**
    * Listen to the keyboard input on document body. This allows Handsontable to capture keyboard events and respond
    * in the right way.
@@ -1619,14 +1502,13 @@ export default function Core(rootElement, userSettings) {
    * @function listen
    * @fires Hooks#afterListen
    */
-
-
   this.listen = function () {
     if (instance && !instance.isListening()) {
       activeGuid = instance.guid;
       instance.runHooks('afterListen');
     }
   };
+
   /**
    * Stop listening to keyboard input on the document body. Calling this method makes the Handsontable inactive for
    * any keyboard events.
@@ -1634,14 +1516,13 @@ export default function Core(rootElement, userSettings) {
    * @memberof Core#
    * @function unlisten
    */
-
-
   this.unlisten = function () {
     if (this.isListening()) {
       activeGuid = null;
       instance.runHooks('afterUnlisten');
     }
   };
+
   /**
    * Returns `true` if the current Handsontable instance is listening to keyboard input on document body.
    *
@@ -1649,11 +1530,10 @@ export default function Core(rootElement, userSettings) {
    * @function isListening
    * @returns {boolean} `true` if the instance is listening, `false` otherwise.
    */
-
-
   this.isListening = function () {
     return activeGuid === instance.guid;
   };
+
   /**
    * Destroys the current editor, render the table and prepares the editor of the newly selected cell.
    *
@@ -1662,14 +1542,12 @@ export default function Core(rootElement, userSettings) {
    * @param {boolean} [revertOriginal=false] If `true`, the previous value will be restored. Otherwise, the edited value will be saved.
    * @param {boolean} [prepareEditorIfNeeded=true] If `true` the editor under the selected cell will be prepared to open.
    */
-
-
   this.destroyEditor = function () {
     var revertOriginal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     var prepareEditorIfNeeded = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
     instance._refreshBorders(revertOriginal, prepareEditorIfNeeded);
   };
+
   /**
    * Populates cells at position with 2D input array (e.g. `[[1, 2], [3, 4]]`). Use `endRow`, `endCol` when you
    * want to cut input when a certain row is reached.
@@ -1692,8 +1570,6 @@ export default function Core(rootElement, userSettings) {
    *                       Useful **only** when the type of handled cells is `numeric`.
    * @returns {object|undefined} Ending td in pasted area (only if any cell was changed).
    */
-
-
   this.populateFromArray = function (row, column, input, endRow, endCol, source, method, direction, deltas) {
     if (!(_typeof(input) === 'object' && _typeof(input[0]) === 'object')) {
       throw new Error('populateFromArray parameter `input` must be an array of arrays'); // API changed in 0.9-beta2, let's check if you use it correctly
@@ -1702,6 +1578,7 @@ export default function Core(rootElement, userSettings) {
     var c = typeof endRow === 'number' ? instance._createCellCoords(endRow, endCol) : null;
     return grid.populateFromArray(instance._createCellCoords(row, column), input, c, source, method, direction, deltas);
   };
+
   /**
    * Adds/removes data from the column. This method works the same as Array.splice for arrays.
    *
@@ -1713,17 +1590,14 @@ export default function Core(rootElement, userSettings) {
    * @param {...number} [elements] The elements to add to the array. If you don't specify any elements, spliceCol simply removes elements from the array.
    * @returns {Array} Returns removed portion of columns.
    */
-
-
   this.spliceCol = function (column, index, amount) {
     var _datamap;
-
     for (var _len = arguments.length, elements = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
       elements[_key - 3] = arguments[_key];
     }
-
     return (_datamap = datamap).spliceCol.apply(_datamap, [column, index, amount].concat(elements));
   };
+
   /**
    * Adds/removes data from the row. This method works the same as Array.splice for arrays.
    *
@@ -1735,17 +1609,14 @@ export default function Core(rootElement, userSettings) {
    * @param {...number} [elements] The elements to add to the array. If you don't specify any elements, spliceCol simply removes elements from the array.
    * @returns {Array} Returns removed portion of rows.
    */
-
-
   this.spliceRow = function (row, index, amount) {
     var _datamap2;
-
     for (var _len2 = arguments.length, elements = new Array(_len2 > 3 ? _len2 - 3 : 0), _key2 = 3; _key2 < _len2; _key2++) {
       elements[_key2 - 3] = arguments[_key2];
     }
-
     return (_datamap2 = datamap).spliceRow.apply(_datamap2, [row, index, amount].concat(elements));
   };
+
   /**
    * Returns indexes of the currently selected cells as an array of arrays `[[startRow, startCol, endRow, endCol],...]`.
    *
@@ -1759,18 +1630,17 @@ export default function Core(rootElement, userSettings) {
    * @function getSelected
    * @returns {Array[]|undefined} An array of arrays of the selection's coordinates.
    */
-
-
   this.getSelected = function () {
     // https://github.com/handsontable/handsontable/issues/44  //cjl
     if (selection.isSelected()) {
       return arrayMap(selection.getSelectedRange(), function (_ref12) {
         var from = _ref12.from,
-            to = _ref12.to;
+          to = _ref12.to;
         return [from.row, from.col, to.row, to.col];
       });
     }
   };
+
   /**
    * Returns the last coordinates applied to the table as a an array `[startRow, startCol, endRow, endCol]`.
    *
@@ -1779,18 +1649,15 @@ export default function Core(rootElement, userSettings) {
    * @function getSelectedLast
    * @returns {Array|undefined} An array of the selection's coordinates.
    */
-
-
   this.getSelectedLast = function () {
     var selected = this.getSelected();
     var result;
-
     if (selected && selected.length > 0) {
       result = selected[selected.length - 1];
     }
-
     return result;
   };
+
   /**
    * Returns the current selection as an array of CellRange objects.
    *
@@ -1802,14 +1669,13 @@ export default function Core(rootElement, userSettings) {
    * @function getSelectedRange
    * @returns {CellRange[]|undefined} Selected range object or undefined if there is no selection.
    */
-
-
   this.getSelectedRange = function () {
     // https://github.com/handsontable/handsontable/issues/44  //cjl
     if (selection.isSelected()) {
       return Array.from(selection.getSelectedRange());
     }
   };
+
   /**
    * Returns the last coordinates applied to the table as a CellRange object.
    *
@@ -1818,18 +1684,15 @@ export default function Core(rootElement, userSettings) {
    * @since 0.36.0
    * @returns {CellRange|undefined} Selected range object or undefined` if there is no selection.
    */
-
-
   this.getSelectedRangeLast = function () {
     var selectedRange = this.getSelectedRange();
     var result;
-
     if (selectedRange && selectedRange.length > 0) {
       result = selectedRange[selectedRange.length - 1];
     }
-
     return result;
   };
+
   /**
    * Erases content from cells that have been selected in the table.
    *
@@ -1838,15 +1701,11 @@ export default function Core(rootElement, userSettings) {
    * @param {string} [source] String that identifies how this change will be described in the changes array (useful in afterChange or beforeChange callback). Set to 'edit' if left empty.
    * @since 0.36.0
    */
-
-
   this.emptySelectedCells = function (source) {
     var _this2 = this;
-
     if (!selection.isSelected() || this.countRows() === 0 || this.countCols() === 0) {
       return;
     }
-
     var changes = [];
     arrayEach(selection.getSelectedRange(), function (cellRange) {
       var topStart = cellRange.getTopStartCorner();
@@ -1859,11 +1718,11 @@ export default function Core(rootElement, userSettings) {
         });
       });
     });
-
     if (changes.length > 0) {
       this.setDataAtCell(changes, source);
     }
   };
+
   /**
    * Checks if the table rendering process was suspended. See explanation in {@link Core#suspendRender}.
    *
@@ -1872,11 +1731,10 @@ export default function Core(rootElement, userSettings) {
    * @since 8.3.0
    * @returns {boolean}
    */
-
-
   this.isRenderSuspended = function () {
     return this.renderSuspendedCounter > 0;
   };
+
   /**
    * Suspends the rendering process. It's helpful to wrap the table render
    * cycles triggered by API calls or UI actions (or both) and call the "render"
@@ -1900,8 +1758,8 @@ export default function Core(rootElement, userSettings) {
    * @example
    * ```js
    * hot.suspendRender();
-   * hot.alter('insert_row', 5, 45);
-   * hot.alter('insert_col', 10, 40);
+   * hot.alter('insert_row_above', 5, 45);
+   * hot.alter('insert_col_start', 10, 40);
    * hot.setDataAtCell(1, 1, 'John');
    * hot.setDataAtCell(2, 2, 'Mark');
    * hot.setDataAtCell(3, 3, 'Ann');
@@ -1911,11 +1769,10 @@ export default function Core(rootElement, userSettings) {
    * hot.resumeRender(); // It re-renders the table internally
    * ```
    */
-
-
   this.suspendRender = function () {
     this.renderSuspendedCounter += 1;
   };
+
   /**
    * Resumes the rendering process. In combination with the {@link Core#suspendRender}
    * method it allows aggregating the table render cycles triggered by API calls or UI
@@ -1935,8 +1792,8 @@ export default function Core(rootElement, userSettings) {
    * @example
    * ```js
    * hot.suspendRender();
-   * hot.alter('insert_row', 5, 45);
-   * hot.alter('insert_col', 10, 40);
+   * hot.alter('insert_row_above', 5, 45);
+   * hot.alter('insert_col_start', 10, 40);
    * hot.setDataAtCell(1, 1, 'John');
    * hot.setDataAtCell(2, 2, 'Mark');
    * hot.setDataAtCell(3, 3, 'Ann');
@@ -1946,12 +1803,9 @@ export default function Core(rootElement, userSettings) {
    * hot.resumeRender(); // It re-renders the table internally
    * ```
    */
-
-
   this.resumeRender = function () {
     var nextValue = this.renderSuspendedCounter - 1;
     this.renderSuspendedCounter = Math.max(nextValue, 0);
-
     if (!this.isRenderSuspended() && nextValue === this.renderSuspendedCounter) {
       if (this.renderCall) {
         this.render();
@@ -1960,6 +1814,7 @@ export default function Core(rootElement, userSettings) {
       }
     }
   };
+
   /**
    * Rerender the table. Calling this method starts the process of recalculating, redrawing and applying the changes
    * to the DOM. While rendering the table all cell renderers are recalled.
@@ -1970,8 +1825,6 @@ export default function Core(rootElement, userSettings) {
    * @memberof Core#
    * @function render
    */
-
-
   this.render = function () {
     if (this.view) {
       this.renderCall = true;
@@ -1979,13 +1832,12 @@ export default function Core(rootElement, userSettings) {
 
       if (!this.isRenderSuspended()) {
         editorManager.lockEditor();
-
         this._refreshBorders(null);
-
         editorManager.unlockEditor();
       }
     }
   };
+
   /**
    * The method aggregates multi-line API calls into a callback and postpones the
    * table rendering process. After the execution of the operations, the table is
@@ -2000,8 +1852,8 @@ export default function Core(rootElement, userSettings) {
    * @example
    * ```js
    * hot.batchRender(() => {
-   *   hot.alter('insert_row', 5, 45);
-   *   hot.alter('insert_col', 10, 40);
+   *   hot.alter('insert_row_above', 5, 45);
+   *   hot.alter('insert_col_start', 10, 40);
    *   hot.setDataAtCell(1, 1, 'John');
    *   hot.setDataAtCell(2, 2, 'Mark');
    *   hot.setDataAtCell(3, 3, 'Ann');
@@ -2012,14 +1864,13 @@ export default function Core(rootElement, userSettings) {
    * });
    * ```
    */
-
-
   this.batchRender = function (wrappedOperations) {
     this.suspendRender();
     var result = wrappedOperations();
     this.resumeRender();
     return result;
   };
+
   /**
    * Checks if the table indexes recalculation process was suspended. See explanation
    * in {@link Core#suspendExecution}.
@@ -2029,11 +1880,10 @@ export default function Core(rootElement, userSettings) {
    * @since 8.3.0
    * @returns {boolean}
    */
-
-
   this.isExecutionSuspended = function () {
     return this.executionSuspendedCounter > 0;
   };
+
   /**
    * Suspends the execution process. It's helpful to wrap the table logic changes
    * such as index changes into one call after which the cache is updated. As a result,
@@ -2056,13 +1906,12 @@ export default function Core(rootElement, userSettings) {
    * hot.resumeExecution(); // It updates the cache internally
    * ```
    */
-
-
   this.suspendExecution = function () {
     this.executionSuspendedCounter += 1;
     this.columnIndexMapper.suspendOperations();
     this.rowIndexMapper.suspendOperations();
   };
+
   /**
    * Resumes the execution process. In combination with the {@link Core#suspendExecution}
    * method it allows aggregating the table logic changes after which the cache is
@@ -2089,18 +1938,16 @@ export default function Core(rootElement, userSettings) {
    * hot.resumeExecution(); // It updates the cache internally
    * ```
    */
-
-
   this.resumeExecution = function () {
     var forceFlushChanges = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     var nextValue = this.executionSuspendedCounter - 1;
     this.executionSuspendedCounter = Math.max(nextValue, 0);
-
     if (!this.isExecutionSuspended() && nextValue === this.executionSuspendedCounter || forceFlushChanges) {
       this.columnIndexMapper.resumeOperations();
       this.rowIndexMapper.resumeOperations();
     }
   };
+
   /**
    * The method aggregates multi-line API calls into a callback and postpones the
    * table execution process. After the execution of the operations, the internal table
@@ -2127,8 +1974,6 @@ export default function Core(rootElement, userSettings) {
    * });
    * ```
    */
-
-
   this.batchExecution = function (wrappedOperations) {
     var forceFlushChanges = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     this.suspendExecution();
@@ -2136,6 +1981,7 @@ export default function Core(rootElement, userSettings) {
     this.resumeExecution(forceFlushChanges);
     return result;
   };
+
   /**
    * It batches the rendering process and index recalculations. The method aggregates
    * multi-line API calls into a callback and postpones the table rendering process
@@ -2152,8 +1998,8 @@ export default function Core(rootElement, userSettings) {
    * @example
    * ```js
    * hot.batch(() => {
-   *   hot.alter('insert_row', 5, 45);
-   *   hot.alter('insert_col', 10, 40);
+   *   hot.alter('insert_row_above', 5, 45);
+   *   hot.alter('insert_col_start', 10, 40);
    *   hot.setDataAtCell(1, 1, 'x');
    *   hot.setDataAtCell(2, 2, 'c');
    *   hot.setDataAtCell(3, 3, 'v');
@@ -2170,8 +2016,6 @@ export default function Core(rootElement, userSettings) {
    * });
    * ```
    */
-
-
   this.batch = function (wrappedOperations) {
     this.suspendRender();
     this.suspendExecution();
@@ -2180,6 +2024,7 @@ export default function Core(rootElement, userSettings) {
     this.resumeRender();
     return result;
   };
+
   /**
    * Updates dimensions of the table. The method compares previous dimensions with the current ones and updates accordingly.
    *
@@ -2188,21 +2033,16 @@ export default function Core(rootElement, userSettings) {
    * @fires Hooks#beforeRefreshDimensions
    * @fires Hooks#afterRefreshDimensions
    */
-
-
   this.refreshDimensions = function () {
     if (!instance.view) {
       return;
     }
-
     var _instance$view$getLas = instance.view.getLastSize(),
-        lastWidth = _instance$view$getLas.width,
-        lastHeight = _instance$view$getLas.height;
-
+      lastWidth = _instance$view$getLas.width,
+      lastHeight = _instance$view$getLas.height;
     var _instance$rootElement = instance.rootElement.getBoundingClientRect(),
-        width = _instance$rootElement.width,
-        height = _instance$rootElement.height;
-
+      width = _instance$rootElement.width,
+      height = _instance$rootElement.height;
     var isSizeChanged = width !== lastWidth || height !== lastHeight;
     var isResizeBlocked = instance.runHooks('beforeRefreshDimensions', {
       width: lastWidth,
@@ -2211,16 +2051,13 @@ export default function Core(rootElement, userSettings) {
       width: width,
       height: height
     }, isSizeChanged) === false;
-
     if (isResizeBlocked) {
       return;
     }
-
     if (isSizeChanged || instance.view._wt.wtOverlays.scrollableElement === instance.rootWindow) {
       instance.view.setLastSize(width, height);
       instance.render();
     }
-
     instance.runHooks('afterRefreshDimensions', {
       width: lastWidth,
       height: lastHeight
@@ -2229,6 +2066,7 @@ export default function Core(rootElement, userSettings) {
       height: height
     }, isSizeChanged);
   };
+
   /**
    * The `updateData()` method replaces Handsontable's [`data`](@/api/options.md#data) with a new dataset.
    *
@@ -2252,11 +2090,8 @@ export default function Core(rootElement, userSettings) {
    * @fires Hooks#afterUpdateData
    * @fires Hooks#afterChange
    */
-
-
   this.updateData = function (data, source) {
     var _this3 = this;
-
     replaceData(data, function (newDataMap) {
       datamap = newDataMap;
     }, function (newDataMap) {
@@ -2270,9 +2105,11 @@ export default function Core(rootElement, userSettings) {
       dataSource: dataSource,
       internalSource: 'updateData',
       source: source,
+      metaManager: metaManager,
       firstRun: firstRun
     });
   };
+
   /**
    * The `loadData()` method replaces Handsontable's [`data`](@/api/options.md#data) with a new dataset.
    *
@@ -2295,8 +2132,6 @@ export default function Core(rootElement, userSettings) {
    * @fires Hooks#afterLoadData
    * @fires Hooks#afterChange
    */
-
-
   this.loadData = function (data, source) {
     replaceData(data, function (newDataMap) {
       datamap = newDataMap;
@@ -2304,7 +2139,6 @@ export default function Core(rootElement, userSettings) {
       metaManager.clearCellsCache();
       instance.initIndexMappers();
       grid.adjustRowsAndCols();
-
       if (firstRun) {
         firstRun = [null, 'loadData'];
       }
@@ -2314,60 +2148,62 @@ export default function Core(rootElement, userSettings) {
       dataSource: dataSource,
       internalSource: 'loadData',
       source: source,
+      metaManager: metaManager,
       firstRun: firstRun
     });
   };
+
   /**
    * Gets the initial column count, calculated based on the `columns` setting.
    *
    * @private
    * @returns {number} The calculated number of columns.
    */
-
-
   this.getInitialColumnCount = function () {
     var columnsSettings = tableMeta.columns;
-    var finalNrOfColumns = 0; // We will check number of columns when the `columns` property was defined as an array. Columns option may
-    // narrow down or expand displayed dataset in that case.
+    var finalNrOfColumns = 0;
 
+    // We will check number of columns when the `columns` property was defined as an array. Columns option may
+    // narrow down or expand displayed dataset in that case.
     if (Array.isArray(columnsSettings)) {
       finalNrOfColumns = columnsSettings.length;
     } else if (isFunction(columnsSettings)) {
       if (instance.dataType === 'array') {
         var nrOfSourceColumns = this.countSourceCols();
-
         for (var columnIndex = 0; columnIndex < nrOfSourceColumns; columnIndex += 1) {
           if (columnsSettings(columnIndex)) {
             finalNrOfColumns += 1;
           }
-        } // Extended dataset by the `columns` property? Moved code right from the refactored `countCols` method.
+        }
 
+        // Extended dataset by the `columns` property? Moved code right from the refactored `countCols` method.
       } else if (instance.dataType === 'object' || instance.dataType === 'function') {
         finalNrOfColumns = datamap.colToPropCache.length;
-      } // In some cases we need to check columns length from the schema, i.e. `data` may be empty.
+      }
 
+      // In some cases we need to check columns length from the schema, i.e. `data` may be empty.
     } else if (isDefined(tableMeta.dataSchema)) {
-      var schema = datamap.getSchema(); // Schema may be defined as an array of objects. Each object will define column.
+      var schema = datamap.getSchema();
 
+      // Schema may be defined as an array of objects. Each object will define column.
       finalNrOfColumns = Array.isArray(schema) ? schema.length : deepObjectSize(schema);
     } else {
       // We init index mappers by length of source data to provide indexes also for skipped indexes.
       finalNrOfColumns = this.countSourceCols();
     }
-
     return finalNrOfColumns;
   };
+
   /**
    * Init index mapper which manage indexes assigned to the data.
    *
    * @private
    */
-
-
   this.initIndexMappers = function () {
     this.columnIndexMapper.initToLength(this.getInitialColumnCount());
     this.rowIndexMapper.initToLength(this.countSourceRows());
   };
+
   /**
    * Returns the current data object (the same one that was passed by `data` configuration option or `loadData` method,
    * unless some modifications have been applied (i.e. Sequence of rows/columns was changed, some row/column was skipped).
@@ -2392,15 +2228,13 @@ export default function Core(rootElement, userSettings) {
    * hot.getData(2, 1, 3, 3);
    * ```
    */
-
-
   this.getData = function (row, column, row2, column2) {
     if (isUndefined(row)) {
       return datamap.getAll();
     }
-
     return datamap.getRange(instance._createCellCoords(row, column), instance._createCellCoords(row2, column2), datamap.DESTINATION_RENDERER);
   };
+
   /**
    * Returns a string value of the selected range. Each column is separated by tab, each row is separated by a new
    * line character.
@@ -2413,11 +2247,10 @@ export default function Core(rootElement, userSettings) {
    * @param {number} endCol To visual column index.
    * @returns {string}
    */
-
-
   this.getCopyableText = function (startRow, startCol, endRow, endCol) {
     return datamap.getCopyableText(instance._createCellCoords(startRow, startCol), instance._createCellCoords(endRow, endCol));
   };
+
   /**
    * Returns the data's copyable value at specified `row` and `column` index.
    *
@@ -2427,11 +2260,10 @@ export default function Core(rootElement, userSettings) {
    * @param {number} column Visual column index.
    * @returns {string}
    */
-
-
   this.getCopyableData = function (row, column) {
     return datamap.getCopyable(row, datamap.colToProp(column));
   };
+
   /**
    * Returns schema provided by constructor settings. If it doesn't exist then it returns the schema based on the data
    * structure in the first row.
@@ -2440,11 +2272,10 @@ export default function Core(rootElement, userSettings) {
    * @function getSchema
    * @returns {object} Schema object.
    */
-
-
   this.getSchema = function () {
     return datamap.getSchema();
   };
+
   /**
    * Use it if you need to change configuration after initialization. The `settings` argument is an object containing the changed
    * settings, declared the same way as in the initial settings object.
@@ -2473,37 +2304,32 @@ export default function Core(rootElement, userSettings) {
    * @fires Hooks#afterCellMetaReset
    * @fires Hooks#afterUpdateSettings
    */
-
-
   this.updateSettings = function (settings) {
     var init = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var dataUpdateFunction = (firstRun ? instance.loadData : instance.updateData).bind(this);
     var columnsAsFunc = false;
     var i;
     var j;
-
     if (isDefined(settings.rows)) {
       throw new Error('The "rows" setting is no longer supported. Do you mean startRows, minRows or maxRows?');
     }
-
     if (isDefined(settings.cols)) {
       throw new Error('The "cols" setting is no longer supported. Do you mean startCols, minCols or maxCols?');
     }
-
     if (isDefined(settings.ganttChart)) {
       throw new Error('Since 8.0.0 the "ganttChart" setting is no longer supported.');
-    } // eslint-disable-next-line no-restricted-syntax
-
+    }
 
+    // eslint-disable-next-line no-restricted-syntax
     for (i in settings) {
-      if (i === 'data') {// Do nothing. loadData will be triggered later
+      if (i === 'data') {
+        // Do nothing. loadData will be triggered later
       } else if (i === 'language') {
         setLanguage(settings.language);
       } else if (i === 'className') {
         setClassName('className', settings.className);
       } else if (i === 'tableClassName' && instance.table) {
         setClassName('tableClassName', settings.tableClassName);
-
         instance.view._wt.wtOverlays.syncOverlayTableClassNames();
       } else if (Hooks.getSingleton().isRegistered(i) || Hooks.getSingleton().isDeprecated(i)) {
         if (isFunction(settings[i]) || Array.isArray(settings[i])) {
@@ -2514,76 +2340,65 @@ export default function Core(rootElement, userSettings) {
         // Update settings
         globalMeta[i] = settings[i];
       }
-    } // Load data or create data map
-
+    }
 
+    // Load data or create data map
     if (settings.data === void 0 && tableMeta.data === void 0) {
       dataUpdateFunction(null, 'updateSettings'); // data source created just now
     } else if (settings.data !== void 0) {
       dataUpdateFunction(settings.data, 'updateSettings'); // data source given as option
     } else if (settings.columns !== void 0) {
-      datamap.createMap(); // The `column` property has changed - dataset may be expanded or narrowed down. The `loadData` do the same.
+      datamap.createMap();
 
+      // The `column` property has changed - dataset may be expanded or narrowed down. The `loadData` do the same.
       instance.initIndexMappers();
     }
-
     var clen = instance.countCols();
-    var columnSetting = tableMeta.columns; // Init columns constructors configuration
+    var columnSetting = tableMeta.columns;
 
+    // Init columns constructors configuration
     if (columnSetting && isFunction(columnSetting)) {
       columnsAsFunc = true;
-    } // Clear cell meta cache
-
+    }
 
+    // Clear cell meta cache
     if (settings.cell !== void 0 || settings.cells !== void 0 || settings.columns !== void 0) {
       metaManager.clearCache();
     }
-
     if (clen > 0) {
       for (i = 0, j = 0; i < clen; i++) {
         // Use settings provided by user
         if (columnSetting) {
           var column = columnsAsFunc ? columnSetting(i) : columnSetting[j];
-
           if (column) {
             metaManager.updateColumnMeta(j, column);
           }
         }
-
         j += 1;
       }
     }
-
     if (isDefined(settings.cell)) {
       objectEach(settings.cell, function (cell) {
         instance.setCellMetaObject(cell.row, cell.col, cell);
       });
     }
-
     instance.runHooks('afterCellMetaReset');
     var currentHeight = instance.rootElement.style.height;
-
     if (currentHeight !== '') {
       currentHeight = parseInt(instance.rootElement.style.height, 10);
     }
-
     var height = settings.height;
-
     if (isFunction(height)) {
       height = height();
     }
-
     if (init) {
       var initialStyle = instance.rootElement.getAttribute('style');
-
       if (initialStyle) {
         instance.rootElement.setAttribute('data-initialstyle', instance.rootElement.getAttribute('style'));
       }
     }
-
     if (height === null) {
       var _initialStyle = instance.rootElement.getAttribute('data-initialstyle');
-
       if (_initialStyle && (_initialStyle.indexOf('height') > -1 || _initialStyle.indexOf('overflow') > -1)) {
         instance.rootElement.setAttribute('style', _initialStyle);
       } else {
@@ -2594,45 +2409,33 @@ export default function Core(rootElement, userSettings) {
       instance.rootElement.style.height = isNaN(height) ? "".concat(height) : "".concat(height, "px");
       instance.rootElement.style.overflow = 'hidden';
     }
-
     if (typeof settings.width !== 'undefined') {
       var width = settings.width;
-
       if (isFunction(width)) {
         width = width();
       }
-
       instance.rootElement.style.width = isNaN(width) ? "".concat(width) : "".concat(width, "px");
     }
-
     if (!init) {
       if (instance.view) {
         instance.view._wt.wtViewport.resetHasOversizedColumnHeadersMarked();
-
         instance.view._wt.exportSettingsAsClassNames();
       }
-
       instance.runHooks('afterUpdateSettings', settings);
     }
-
     grid.adjustRowsAndCols();
-
     if (instance.view && !firstRun) {
       instance.forceFullRender = true; // used when data was changed
-
       editorManager.lockEditor();
-
       instance._refreshBorders(null);
-
       instance.view._wt.wtOverlays.adjustElementsSize();
-
       editorManager.unlockEditor();
     }
-
     if (!init && instance.view && (currentHeight === '' || height === '' || height === void 0) && currentHeight !== height) {
       instance.view._wt.wtOverlays.updateMainScrollableElements();
     }
   };
+
   /**
    * Get value from the selected cell.
    *
@@ -2640,11 +2443,8 @@ export default function Core(rootElement, userSettings) {
    * @function getValue
    * @returns {*} Value of selected cell.
    */
-
-
   this.getValue = function () {
     var sel = instance.getSelectedLast();
-
     if (tableMeta.getValue) {
       if (isFunction(tableMeta.getValue)) {
         return tableMeta.getValue.call(instance);
@@ -2655,6 +2455,7 @@ export default function Core(rootElement, userSettings) {
       return instance.getDataAtCell(sel[0], sel[1]);
     }
   };
+
   /**
    * Returns the object settings.
    *
@@ -2662,58 +2463,94 @@ export default function Core(rootElement, userSettings) {
    * @function getSettings
    * @returns {TableMeta} Object containing the current table settings.
    */
-
-
   this.getSettings = function () {
     return tableMeta;
   };
+
   /**
    * Clears the data from the table (the table settings remain intact).
    *
    * @memberof Core#
    * @function clear
    */
-
-
   this.clear = function () {
     this.selectAll();
     this.emptySelectedCells();
   };
+
   /**
-   * Allows altering the table structure by either inserting/removing rows or columns.
-   * This method works with an array data structure only.
+   * The `alter()` method lets you alter the grid's structure
+   * by adding or removing rows and columns at specified positions.
+   *
+   * ::: tip
+   * The `alter()` method works only when your [`data`](@/api/options.md#data)
+   * is an [array of arrays](@/guides/getting-started/binding-to-data.md#array-of-arrays).
+   * :::
+   *
+   * ```js
+   * // above row 10 (by visual index), insert 1 new row
+   * hot.alter('insert_row_above', 10);
+   * ```
+   *
+   *  | Action               | With `index` | Without `index` |
+   *  | -------------------- | ------------ | --------------- |
+   *  | `'insert_row_above'` | Inserts rows above the `index` row. | Inserts rows above the first row. |
+   *  | `'insert_row_below'` | Inserts rows below the `index` row. | Inserts rows below the last row. |
+   *  | `'remove_row'`       | Removes rows, starting from the `index` row. | Removes rows, starting from the last row. |
+   *  | `'insert_col_start'` | Inserts columns before the `index` column. | Inserts columns before the first column. |
+   *  | `'insert_col_end'`   | Inserts columns after the `index` column. | Inserts columns after the last column. |
+   *  | `'remove_col'`       | Removes columns, starting from the `index` column. | Removes columns, starting from the last column. |
+   *  | `'insert_row'` (<b>Deprecated</b>) |  Inserts rows above the `index` row. | Inserts rows below the last row. |
+   *  | `'insert_col'` (<b>Deprecated</b>) |  Inserts columns before the `index` column. | Inserts columns after the last column. |
+   *
+   * The behavior of `'insert_col_start'`, `'insert_col_end'`, and `'insert_col'` depends on your [`layoutDirection`](@/api/options.md#layoutdirection).
    *
    * @memberof Core#
    * @function alter
-   * @param {string} action Possible alter operations:
-   *  <ul>
-   *    <li> `'insert_row'` </li>
-   *    <li> `'insert_col'` </li>
-   *    <li> `'remove_row'` </li>
+   * @param {string} action Available operations:
+   * <ul>
+   *    <li> `'insert_row_above'` </li>
+   *    <li> `'insert_row_below'` </li>
+   *    <li> `'remove_row'` </li> </li>
+   *    <li> `'insert_col_start'` </li>
+   *    <li> `'insert_col_end'` </li>
    *    <li> `'remove_col'` </li>
-   * </ul>.
-   * @param {number|number[]} index Visual index of the row/column before which the new row/column will be
-   *                                inserted/removed or an array of arrays in format `[[index, amount],...]`.
-   * @param {number} [amount=1] Amount of rows/columns to be inserted or removed.
+   *    <li> `'insert_row'` (<b>Deprecated</b>) </li>
+   *    <li> `'insert_col'` (<b>Deprecated</b>) </li>
+   * </ul>
+   * @param {number|number[]} [index] A visual index of the row/column before or after which the new row/column will be
+   *                                inserted or removed. Can also be an array of arrays, in format `[[index, amount],...]`.
+   * @param {number} [amount] The amount of rows or columns to be inserted or removed (default: `1`).
    * @param {string} [source] Source indicator.
-   * @param {boolean} [keepEmptyRows] Flag for preventing deletion of empty rows.
+   * @param {boolean} [keepEmptyRows] If set to `true`: prevents removing empty rows.
    * @example
    * ```js
-   * // Insert new row above the row at given visual index.
-   * hot.alter('insert_row', 10);
-   * // Insert 3 new columns before 10th column.
-   * hot.alter('insert_col', 10, 3);
-   * // Remove 2 rows starting from 10th row.
+   * // above row 10 (by visual index), insert 1 new row
+   * hot.alter('insert_row_above', 10);
+   *
+   * // below row 10 (by visual index), insert 3 new rows
+   * hot.alter('insert_row_below', 10, 3);
+   *
+   * // in the LTR layout direction: to the left of column 10 (by visual index), insert 3 new columns
+   * // in the RTL layout direction: to the right of column 10 (by visual index), insert 3 new columns
+   * hot.alter('insert_col_start', 10, 3);
+   *
+   * // in the LTR layout direction: to the right of column 10 (by visual index), insert 1 new column
+   * // in the RTL layout direction: to the left of column 10 (by visual index), insert 1 new column
+   * hot.alter('insert_col_end', 10);
+   *
+   * // remove 2 rows, starting from row 10 (by visual index)
    * hot.alter('remove_row', 10, 2);
-   * // Remove 5 non-contiquous rows (it removes 3 rows from visual index 1 and 2 rows from visual index 5).
+   *
+   * // remove 3 rows, starting from row 1 (by visual index)
+   * // remove 2 rows, starting from row 5 (by visual index)
    * hot.alter('remove_row', [[1, 3], [5, 2]]);
    * ```
    */
-
-
   this.alter = function (action, index, amount, source, keepEmptyRows) {
     grid.alter(action, index, amount, source, keepEmptyRows);
   };
+
   /**
    * Returns a TD element for the given `row` and `column` arguments, if it is rendered on screen.
    * Returns `null` if the TD is not rendered on screen (probably because that part of the table is not visible).
@@ -2726,36 +2563,29 @@ export default function Core(rootElement, userSettings) {
    * if the wanted cell is in the range of fixed rows, it will return a TD element from the `top` overlay.
    * @returns {HTMLTableCellElement|null} The cell's TD element.
    */
-
-
   this.getCell = function (row, column) {
     var topmost = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     var renderableColumnIndex = column; // Handling also column headers.
-
     var renderableRowIndex = row; // Handling also row headers.
 
     if (column >= 0) {
       if (this.columnIndexMapper.isHidden(this.toPhysicalColumn(column))) {
         return null;
       }
-
       renderableColumnIndex = this.columnIndexMapper.getRenderableFromVisualIndex(column);
     }
-
     if (row >= 0) {
       if (this.rowIndexMapper.isHidden(this.toPhysicalRow(row))) {
         return null;
       }
-
       renderableRowIndex = this.rowIndexMapper.getRenderableFromVisualIndex(row);
     }
-
     if (renderableRowIndex === null || renderableColumnIndex === null) {
       return null;
     }
-
     return instance.view.getCellAtCoords(instance._createCellCoords(renderableRowIndex, renderableColumnIndex), topmost);
   };
+
   /**
    * Returns the coordinates of the cell, provided as a HTML table cell element.
    *
@@ -2769,30 +2599,24 @@ export default function Core(rootElement, userSettings) {
    * // it returns CellCoords object instance with props row: 1 and col: 1.
    * ```
    */
-
-
   this.getCoords = function (element) {
     var renderableCoords = this.view._wt.wtTable.getCoords(element);
-
     if (renderableCoords === null) {
       return null;
     }
-
     var renderableRow = renderableCoords.row,
-        renderableColumn = renderableCoords.col;
+      renderableColumn = renderableCoords.col;
     var visualRow = renderableRow;
     var visualColumn = renderableColumn;
-
     if (renderableRow >= 0) {
       visualRow = this.rowIndexMapper.getVisualFromRenderableIndex(renderableRow);
     }
-
     if (renderableColumn >= 0) {
       visualColumn = this.columnIndexMapper.getVisualFromRenderableIndex(renderableColumn);
     }
-
     return instance._createCellCoords(visualRow, visualColumn);
   };
+
   /**
    * Returns the property name that corresponds with the given column index.
    * If the data source is an array of arrays, it returns the columns index.
@@ -2802,11 +2626,10 @@ export default function Core(rootElement, userSettings) {
    * @param {number} column Visual column index.
    * @returns {string|number} Column property or physical column index.
    */
-
-
   this.colToProp = function (column) {
     return datamap.colToProp(column);
   };
+
   /**
    * Returns column index that corresponds with the given property.
    *
@@ -2815,11 +2638,10 @@ export default function Core(rootElement, userSettings) {
    * @param {string|number} prop Property name or physical column index.
    * @returns {number} Visual column index.
    */
-
-
   this.propToCol = function (prop) {
     return datamap.propToCol(prop);
   };
+
   /**
    * Translate physical row index into visual.
    *
@@ -2831,11 +2653,10 @@ export default function Core(rootElement, userSettings) {
    * @param {number} row Physical row index.
    * @returns {number} Returns visual row index.
    */
-
-
   this.toVisualRow = function (row) {
     return _this.rowIndexMapper.getVisualFromPhysicalIndex(row);
   };
+
   /**
    * Translate physical column index into visual.
    *
@@ -2847,11 +2668,10 @@ export default function Core(rootElement, userSettings) {
    * @param {number} column Physical column index.
    * @returns {number} Returns visual column index.
    */
-
-
   this.toVisualColumn = function (column) {
     return _this.columnIndexMapper.getVisualFromPhysicalIndex(column);
   };
+
   /**
    * Translate visual row index into physical.
    *
@@ -2863,11 +2683,10 @@ export default function Core(rootElement, userSettings) {
    * @param {number} row Visual row index.
    * @returns {number} Returns physical row index.
    */
-
-
   this.toPhysicalRow = function (row) {
     return _this.rowIndexMapper.getPhysicalFromVisualIndex(row);
   };
+
   /**
    * Translate visual column index into physical.
    *
@@ -2879,11 +2698,10 @@ export default function Core(rootElement, userSettings) {
    * @param {number} column Visual column index.
    * @returns {number} Returns physical column index.
    */
-
-
   this.toPhysicalColumn = function (column) {
     return _this.columnIndexMapper.getPhysicalFromVisualIndex(column);
   };
+
   /**
    * @description
    * Returns the cell value at `row`, `column`.
@@ -2896,11 +2714,10 @@ export default function Core(rootElement, userSettings) {
    * @param {number} column Visual column index.
    * @returns {*} Data at cell.
    */
-
-
   this.getDataAtCell = function (row, column) {
     return datamap.get(row, datamap.colToProp(column));
   };
+
   /**
    * Returns value at visual `row` and `prop` indexes.
    *
@@ -2912,11 +2729,10 @@ export default function Core(rootElement, userSettings) {
    * @param {string} prop Property name.
    * @returns {*} Cell value.
    */
-
-
   this.getDataAtRowProp = function (row, prop) {
     return datamap.get(row, prop);
   };
+
   /**
    * @description
    * Returns array of column values from the data source.
@@ -2928,13 +2744,11 @@ export default function Core(rootElement, userSettings) {
    * @param {number} column Visual column index.
    * @returns {Array} Array of cell values.
    */
-
-
   this.getDataAtCol = function (column) {
     var _ref13;
-
     return (_ref13 = []).concat.apply(_ref13, _toConsumableArray(datamap.getRange(instance._createCellCoords(0, column), instance._createCellCoords(tableMeta.data.length - 1, column), datamap.DESTINATION_RENDERER)));
   };
+
   /**
    * Given the object property name (e.g. `'first.name'` or `'0'`), returns an array of column's values from the table data.
    * You can also provide a column index as the first argument.
@@ -2945,14 +2759,12 @@ export default function Core(rootElement, userSettings) {
    * @returns {Array} Array of cell values.
    */
   // TODO: Getting data from `datamap` should work on visual indexes.
-
-
   this.getDataAtProp = function (prop) {
     var _ref14;
-
     var range = datamap.getRange(instance._createCellCoords(0, datamap.propToCol(prop)), instance._createCellCoords(tableMeta.data.length - 1, datamap.propToCol(prop)), datamap.DESTINATION_RENDERER);
     return (_ref14 = []).concat.apply(_ref14, _toConsumableArray(range));
   };
+
   /**
    * Returns a clone of the source data object.
    * Optionally you can provide a cell range by using the `row`, `column`, `row2`, `column2` arguments, to get only a
@@ -2969,19 +2781,16 @@ export default function Core(rootElement, userSettings) {
    * @param {number} [column2] To physical column index (or visual index, if data type is an array of objects).
    * @returns {Array[]|object[]} The table data.
    */
-
-
   this.getSourceData = function (row, column, row2, column2) {
     var data;
-
     if (row === void 0) {
       data = dataSource.getData();
     } else {
       data = dataSource.getByRange(instance._createCellCoords(row, column), instance._createCellCoords(row2, column2));
     }
-
     return data;
   };
+
   /**
    * Returns the source data object as an arrays of arrays format even when source data was provided in another format.
    * Optionally you can provide a cell range by using the `row`, `column`, `row2`, `column2` arguments, to get only a
@@ -2998,19 +2807,16 @@ export default function Core(rootElement, userSettings) {
    * @param {number} [column2] To physical column index (or visual index, if data type is an array of objects).
    * @returns {Array} An array of arrays.
    */
-
-
   this.getSourceDataArray = function (row, column, row2, column2) {
     var data;
-
     if (row === void 0) {
       data = dataSource.getData(true);
     } else {
       data = dataSource.getByRange(instance._createCellCoords(row, column), instance._createCellCoords(row2, column2), true);
     }
-
     return data;
   };
+
   /**
    * Returns an array of column values from the data source.
    *
@@ -3020,13 +2826,11 @@ export default function Core(rootElement, userSettings) {
    * @returns {Array} Array of the column's cell values.
    */
   // TODO: Getting data from `sourceData` should work always on physical indexes.
-
-
   this.getSourceDataAtCol = function (column) {
     return dataSource.getAtColumn(column);
   };
-  /* eslint-disable jsdoc/require-param */
 
+  /* eslint-disable jsdoc/require-param */
   /**
    * Set the provided value in the source data set at the provided coordinates.
    *
@@ -3037,47 +2841,39 @@ export default function Core(rootElement, userSettings) {
    * @param {*} value The value to be set at the provided coordinates.
    * @param {string} [source] Source of the change as a string.
    */
-
   /* eslint-enable jsdoc/require-param */
-
-
   this.setSourceDataAtCell = function (row, column, value, source) {
     var input = setDataInputToArray(row, column, value);
     var isThereAnySetSourceListener = this.hasHook('afterSetSourceDataAtCell');
     var changesForHook = [];
-
     if (isThereAnySetSourceListener) {
       arrayEach(input, function (_ref15) {
         var _ref16 = _slicedToArray(_ref15, 3),
-            changeRow = _ref16[0],
-            changeProp = _ref16[1],
-            changeValue = _ref16[2];
-
-        changesForHook.push([changeRow, changeProp, dataSource.getAtCell(changeRow, changeProp), // The previous value.
+          changeRow = _ref16[0],
+          changeProp = _ref16[1],
+          changeValue = _ref16[2];
+        changesForHook.push([changeRow, changeProp, dataSource.getAtCell(changeRow, changeProp),
+        // The previous value.
         changeValue]);
       });
     }
-
     arrayEach(input, function (_ref17) {
       var _ref18 = _slicedToArray(_ref17, 3),
-          changeRow = _ref18[0],
-          changeProp = _ref18[1],
-          changeValue = _ref18[2];
-
+        changeRow = _ref18[0],
+        changeProp = _ref18[1],
+        changeValue = _ref18[2];
       dataSource.setAtCell(changeRow, changeProp, changeValue);
     });
-
     if (isThereAnySetSourceListener) {
       this.runHooks('afterSetSourceDataAtCell', changesForHook, source);
     }
-
     this.render();
     var activeEditor = instance.getActiveEditor();
-
     if (activeEditor && isDefined(activeEditor.refreshValue)) {
       activeEditor.refreshValue();
     }
   };
+
   /**
    * Returns a single row of the data (array or object, depending on what data format you use).
    *
@@ -3089,11 +2885,10 @@ export default function Core(rootElement, userSettings) {
    * @param {number} row Physical row index.
    * @returns {Array|object} Single row of data.
    */
-
-
   this.getSourceDataAtRow = function (row) {
     return dataSource.getAtRow(row);
   };
+
   /**
    * Returns a single value from the data source.
    *
@@ -3104,11 +2899,10 @@ export default function Core(rootElement, userSettings) {
    * @returns {*} Cell data.
    */
   // TODO: Getting data from `sourceData` should work always on physical indexes.
-
-
   this.getSourceDataAtCell = function (row, column) {
     return dataSource.getAtCell(row, column);
   };
+
   /**
    * @description
    * Returns a single row of the data.
@@ -3120,12 +2914,11 @@ export default function Core(rootElement, userSettings) {
    * @param {number} row Visual row index.
    * @returns {Array} Array of row's cell data.
    */
-
-
   this.getDataAtRow = function (row) {
     var data = datamap.getRange(instance._createCellCoords(row, 0), instance._createCellCoords(row, this.countCols() - 1), datamap.DESTINATION_RENDERER);
     return data[0] || [];
   };
+
   /**
    * @description
    * Returns a data type defined in the Handsontable settings under the `type` key ({@link Options#type}).
@@ -3141,41 +2934,32 @@ export default function Core(rootElement, userSettings) {
    * @param {number} columnTo To visual column index.
    * @returns {string} Cell type (e.q: `'mixed'`, `'text'`, `'numeric'`, `'autocomplete'`).
    */
-
-
   this.getDataType = function (rowFrom, columnFrom, rowTo, columnTo) {
     var _this4 = this;
-
     var coords = rowFrom === void 0 ? [0, 0, this.countRows(), this.countCols()] : [rowFrom, columnFrom, rowTo, columnTo];
     var rowStart = coords[0],
-        columnStart = coords[1];
+      columnStart = coords[1];
     var rowEnd = coords[2],
-        columnEnd = coords[3];
+      columnEnd = coords[3];
     var previousType = null;
     var currentType = null;
-
     if (rowEnd === void 0) {
       rowEnd = rowStart;
     }
-
     if (columnEnd === void 0) {
       columnEnd = columnStart;
     }
-
     var type = 'mixed';
     rangeEach(Math.max(Math.min(rowStart, rowEnd), 0), Math.max(rowStart, rowEnd), function (row) {
       var isTypeEqual = true;
       rangeEach(Math.max(Math.min(columnStart, columnEnd), 0), Math.max(columnStart, columnEnd), function (column) {
         var cellType = _this4.getCellMeta(row, column);
-
         currentType = cellType.type;
-
         if (previousType) {
           isTypeEqual = previousType === currentType;
         } else {
           previousType = currentType;
         }
-
         return isTypeEqual;
       });
       type = isTypeEqual ? currentType : 'mixed';
@@ -3183,6 +2967,7 @@ export default function Core(rootElement, userSettings) {
     });
     return type;
   };
+
   /**
    * Remove a property defined by the `key` argument from the cell meta object for the provided `row` and `column` coordinates.
    *
@@ -3194,22 +2979,19 @@ export default function Core(rootElement, userSettings) {
    * @fires Hooks#beforeRemoveCellMeta
    * @fires Hooks#afterRemoveCellMeta
    */
-
-
   this.removeCellMeta = function (row, column, key) {
     var _ref19 = [this.toPhysicalRow(row), this.toPhysicalColumn(column)],
-        physicalRow = _ref19[0],
-        physicalColumn = _ref19[1];
+      physicalRow = _ref19[0],
+      physicalColumn = _ref19[1];
     var cachedValue = metaManager.getCellMetaKeyValue(physicalRow, physicalColumn, key);
     var hookResult = instance.runHooks('beforeRemoveCellMeta', row, column, key, cachedValue);
-
     if (hookResult !== false) {
       metaManager.removeCellMeta(physicalRow, physicalColumn, key);
       instance.runHooks('afterRemoveCellMeta', row, column, key, cachedValue);
     }
-
     cachedValue = null;
   };
+
   /**
    * Removes or adds one or more rows of the cell meta objects to the cell meta collections.
    *
@@ -3220,25 +3002,18 @@ export default function Core(rootElement, userSettings) {
    * @param {number} [deleteAmount=0] The number of items to be removed. If set to 0, no cell meta objects will be removed.
    * @param {...object} [cellMetaRows] The new cell meta row objects to be added to the cell meta collection.
    */
-
-
   this.spliceCellsMeta = function (visualIndex) {
     var _this5 = this;
-
     var deleteAmount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-
     for (var _len3 = arguments.length, cellMetaRows = new Array(_len3 > 2 ? _len3 - 2 : 0), _key3 = 2; _key3 < _len3; _key3++) {
       cellMetaRows[_key3 - 2] = arguments[_key3];
     }
-
     if (cellMetaRows.length > 0 && !Array.isArray(cellMetaRows[0])) {
       throw new Error('The 3rd argument (cellMetaRows) has to be passed as an array of cell meta objects array.');
     }
-
     if (deleteAmount > 0) {
       metaManager.removeRow(this.toPhysicalRow(visualIndex), deleteAmount);
     }
-
     if (cellMetaRows.length > 0) {
       arrayEach(cellMetaRows.reverse(), function (cellMetaRow) {
         metaManager.createRow(_this5.toPhysicalRow(visualIndex));
@@ -3247,9 +3022,9 @@ export default function Core(rootElement, userSettings) {
         });
       });
     }
-
     instance.render();
   };
+
   /**
    * Set cell meta data object defined by `prop` to the corresponding params `row` and `column`.
    *
@@ -3259,17 +3034,15 @@ export default function Core(rootElement, userSettings) {
    * @param {number} column Visual column index.
    * @param {object} prop Meta object.
    */
-
-
   this.setCellMetaObject = function (row, column, prop) {
     var _this6 = this;
-
     if (_typeof(prop) === 'object') {
       objectEach(prop, function (value, key) {
         _this6.setCellMeta(row, column, key, value);
       });
     }
   };
+
   /**
    * Sets a property defined by the `key` property to the meta object of a cell corresponding to params `row` and `column`.
    *
@@ -3282,29 +3055,23 @@ export default function Core(rootElement, userSettings) {
    * @fires Hooks#beforeSetCellMeta
    * @fires Hooks#afterSetCellMeta
    */
-
-
   this.setCellMeta = function (row, column, key, value) {
     var allowSetCellMeta = instance.runHooks('beforeSetCellMeta', row, column, key, value);
-
     if (allowSetCellMeta === false) {
       return;
     }
-
     var physicalRow = row;
     var physicalColumn = column;
-
     if (row < this.countRows()) {
       physicalRow = this.toPhysicalRow(row);
     }
-
     if (column < this.countCols()) {
       physicalColumn = this.toPhysicalColumn(column);
     }
-
     metaManager.setCellMeta(physicalRow, physicalColumn, key, value);
     instance.runHooks('afterSetCellMeta', row, column, key, value);
   };
+
   /**
    * Get all the cells meta settings at least once generated in the table (in order of cell initialization).
    *
@@ -3312,11 +3079,10 @@ export default function Core(rootElement, userSettings) {
    * @function getCellsMeta
    * @returns {Array} Returns an array of ColumnSettings object instances.
    */
-
-
   this.getCellsMeta = function () {
     return metaManager.getCellsMeta();
   };
+
   /**
    * Returns the cell properties object for the given `row` and `column` coordinates.
    *
@@ -3328,25 +3094,21 @@ export default function Core(rootElement, userSettings) {
    * @fires Hooks#beforeGetCellMeta
    * @fires Hooks#afterGetCellMeta
    */
-
-
   this.getCellMeta = function (row, column) {
     var physicalRow = this.toPhysicalRow(row);
     var physicalColumn = this.toPhysicalColumn(column);
-
     if (physicalRow === null) {
       physicalRow = row;
     }
-
     if (physicalColumn === null) {
       physicalColumn = column;
     }
-
     return metaManager.getCellMeta(physicalRow, physicalColumn, {
       visualRow: row,
       visualColumn: column
     });
   };
+
   /**
    * Returns an array of cell meta objects for specified physical row index.
    *
@@ -3355,11 +3117,10 @@ export default function Core(rootElement, userSettings) {
    * @param {number} row Physical row index.
    * @returns {Array}
    */
-
-
   this.getCellMetaAtRow = function (row) {
     return metaManager.getCellsMetaAtRow(row);
   };
+
   /**
    * Checks if the data format and config allows user to modify the column structure.
    *
@@ -3367,21 +3128,18 @@ export default function Core(rootElement, userSettings) {
    * @function isColumnModificationAllowed
    * @returns {boolean}
    */
-
-
   this.isColumnModificationAllowed = function () {
     return !(instance.dataType === 'object' || tableMeta.columns);
   };
 
-  var rendererLookup = cellMethodLookupFactory('renderer');
   /**
    * Returns the cell renderer function by given `row` and `column` arguments.
    *
    * @memberof Core#
    * @function getCellRenderer
-   * @param {number|object} row Visual row index or cell meta object (see {@link Core#getCellMeta}).
+   * @param {number|object} rowOrMeta Visual row index or cell meta object (see {@link Core#getCellMeta}).
    * @param {number} column Visual column index.
-   * @returns {Function} The renderer function.
+   * @returns {Function} Returns the renderer function.
    * @example
    * ```js
    * // Get cell renderer using `row` and `column` coordinates.
@@ -3390,18 +3148,22 @@ export default function Core(rootElement, userSettings) {
    * hot.getCellRenderer(hot.getCellMeta(1, 1));
    * ```
    */
-
-  this.getCellRenderer = function (row, column) {
-    return getRenderer(rendererLookup.call(this, row, column));
+  this.getCellRenderer = function (rowOrMeta, column) {
+    var cellRenderer = typeof rowOrMeta === 'number' ? instance.getCellMeta(rowOrMeta, column).renderer : rowOrMeta.renderer;
+    if (typeof cellRenderer === 'string') {
+      return getRenderer(cellRenderer);
+    }
+    return isUndefined(cellRenderer) ? getRenderer('text') : cellRenderer;
   };
+
   /**
    * Returns the cell editor class by the provided `row` and `column` arguments.
    *
    * @memberof Core#
    * @function getCellEditor
-   * @param {number} row Visual row index or cell meta object (see {@link Core#getCellMeta}).
+   * @param {number} rowOrMeta Visual row index or cell meta object (see {@link Core#getCellMeta}).
    * @param {number} column Visual column index.
-   * @returns {Function} The editor class.
+   * @returns {Function|boolean} Returns the editor class or `false` is cell editor is disabled.
    * @example
    * ```js
    * // Get cell editor class using `row` and `column` coordinates.
@@ -3410,36 +3172,38 @@ export default function Core(rootElement, userSettings) {
    * hot.getCellEditor(hot.getCellMeta(1, 1));
    * ```
    */
+  this.getCellEditor = function (rowOrMeta, column) {
+    var cellEditor = typeof rowOrMeta === 'number' ? instance.getCellMeta(rowOrMeta, column).editor : rowOrMeta.editor;
+    if (typeof cellEditor === 'string') {
+      return getEditor(cellEditor);
+    }
+    return isUndefined(cellEditor) ? getEditor('text') : cellEditor;
+  };
 
-
-  this.getCellEditor = cellMethodLookupFactory('editor');
-  var validatorLookup = cellMethodLookupFactory('validator');
   /**
    * Returns the cell validator by `row` and `column`.
    *
    * @memberof Core#
    * @function getCellValidator
-   * @param {number|object} row Visual row index or cell meta object (see {@link Core#getCellMeta}).
+   * @param {number|object} rowOrMeta Visual row index or cell meta object (see {@link Core#getCellMeta}).
    * @param {number} column Visual column index.
    * @returns {Function|RegExp|undefined} The validator function.
    * @example
    * ```js
-   * // Get cell valiator using `row` and `column` coordinates.
+   * // Get cell validator using `row` and `column` coordinates.
    * hot.getCellValidator(1, 1);
-   * // Get cell valiator using cell meta object.
+   * // Get cell validator using cell meta object.
    * hot.getCellValidator(hot.getCellMeta(1, 1));
    * ```
    */
-
-  this.getCellValidator = function (row, column) {
-    var validator = validatorLookup.call(this, row, column);
-
-    if (typeof validator === 'string') {
-      validator = getValidator(validator);
+  this.getCellValidator = function (rowOrMeta, column) {
+    var cellValidator = typeof rowOrMeta === 'number' ? instance.getCellMeta(rowOrMeta, column).validator : rowOrMeta.validator;
+    if (typeof cellValidator === 'string') {
+      return getValidator(cellValidator);
     }
-
-    return validator;
+    return cellValidator;
   };
+
   /**
    * Validates all cells using their validator functions and calls callback when finished.
    *
@@ -3458,11 +3222,10 @@ export default function Core(rootElement, userSettings) {
    * })
    * ```
    */
-
-
   this.validateCells = function (callback) {
     this._validateCells(callback);
   };
+
   /**
    * Validates rows using their validator functions and calls callback when finished.
    *
@@ -3482,15 +3245,13 @@ export default function Core(rootElement, userSettings) {
    * })
    * ```
    */
-
-
   this.validateRows = function (rows, callback) {
     if (!Array.isArray(rows)) {
       throw new Error('validateRows parameter `rows` must be an array');
     }
-
     this._validateCells(callback, rows);
   };
+
   /**
    * Validates columns using their validator functions and calls callback when finished.
    *
@@ -3510,15 +3271,13 @@ export default function Core(rootElement, userSettings) {
    * })
    * ```
    */
-
-
   this.validateColumns = function (columns, callback) {
     if (!Array.isArray(columns)) {
       throw new Error('validateColumns parameter `columns` must be an array');
     }
-
     this._validateCells(callback, undefined, columns);
   };
+
   /**
    * Validates all cells using their validator functions and calls callback when finished.
    *
@@ -3533,51 +3292,40 @@ export default function Core(rootElement, userSettings) {
    * @param {Array} [rows] An array of validation target visual row indexes.
    * @param {Array} [columns] An array of validation target visual column indexes.
    */
-
-
   this._validateCells = function (callback, rows, columns) {
     var waitingForValidator = new ValidatorsQueue();
-
     if (callback) {
       waitingForValidator.onQueueEmpty = callback;
     }
-
     var i = instance.countRows() - 1;
-
     while (i >= 0) {
       if (rows !== undefined && rows.indexOf(i) === -1) {
         i -= 1;
         continue;
       }
-
       var j = instance.countCols() - 1;
-
       while (j >= 0) {
         if (columns !== undefined && columns.indexOf(j) === -1) {
           j -= 1;
           continue;
         }
-
         waitingForValidator.addValidatorToQueue();
         instance.validateCell(instance.getDataAtCell(i, j), instance.getCellMeta(i, j), function (result) {
           if (typeof result !== 'boolean') {
             throw new Error('Validation error: result is not boolean');
           }
-
           if (result === false) {
             waitingForValidator.valid = false;
           }
-
           waitingForValidator.removeValidatorFormQueue();
         }, 'validateCells');
         j -= 1;
       }
-
       i -= 1;
     }
-
     waitingForValidator.checkIfQueueIsEmpty();
   };
+
   /**
    * Returns an array of row headers' values (if they are enabled). If param `row` was given, it returns the header of the given row as a string.
    *
@@ -3587,16 +3335,12 @@ export default function Core(rootElement, userSettings) {
    * @fires Hooks#modifyRowHeader
    * @returns {Array|string|number} Array of header values / single header value.
    */
-
-
   this.getRowHeader = function (row) {
     var rowHeader = tableMeta.rowHeaders;
     var physicalRow = row;
-
     if (physicalRow !== void 0) {
       physicalRow = instance.runHooks('modifyRowHeader', physicalRow);
     }
-
     if (physicalRow === void 0) {
       rowHeader = [];
       rangeEach(instance.countRows() - 1, function (i) {
@@ -3609,9 +3353,9 @@ export default function Core(rootElement, userSettings) {
     } else if (rowHeader && typeof rowHeader !== 'string' && typeof rowHeader !== 'number') {
       rowHeader = physicalRow + 1;
     }
-
     return rowHeader;
   };
+
   /**
    * Returns information about if this table is configured to display row headers.
    *
@@ -3619,11 +3363,10 @@ export default function Core(rootElement, userSettings) {
    * @function hasRowHeaders
    * @returns {boolean} `true` if the instance has the row headers enabled, `false` otherwise.
    */
-
-
   this.hasRowHeaders = function () {
     return !!tableMeta.rowHeaders;
   };
+
   /**
    * Returns information about if this table is configured to display column headers.
    *
@@ -3631,82 +3374,101 @@ export default function Core(rootElement, userSettings) {
    * @function hasColHeaders
    * @returns {boolean} `true` if the instance has the column headers enabled, `false` otherwise.
    */
-
-
   this.hasColHeaders = function () {
     if (tableMeta.colHeaders !== void 0 && tableMeta.colHeaders !== null) {
       // Polymer has empty value = null
       return !!tableMeta.colHeaders;
     }
-
     for (var i = 0, ilen = instance.countCols(); i < ilen; i++) {
       if (instance.getColHeader(i)) {
         return true;
       }
     }
-
     return false;
   };
+
   /**
-   * Returns an array of column headers (in string format, if they are enabled). If param `column` is given, it
-   * returns the header at the given column.
+   * Gets the values of column headers (if column headers are [enabled](@/api/options.md#colheaders)).
+   *
+   * To get an array with the values of all
+   * [bottom-most](@/guides/cell-features/clipboard.md#copy-with-headers) column headers,
+   * call `getColHeader()` with no arguments.
+   *
+   * To get the value of the bottom-most header of a specific column, use the `column` parameter.
+   *
+   * To get the value of a [specific-level](@/guides/columns/column-groups.md) header
+   * of a specific column, use the `column` and `headerLevel` parameters.
+   *
+   * Read more:
+   * - [Guides: Column groups](@/guides/columns/column-groups.md)
+   * - [Options: `colHeaders`](@/api/options.md#colheaders)
+   * - [Guides: Copy with headers](@/guides/cell-features/clipboard.md#copy-with-headers)
+   *
+   * ```js
+   * // get the contents of all bottom-most column headers
+   * hot.getColHeader();
+   *
+   * // get the contents of the bottom-most header of a specific column
+   * hot.getColHeader(5);
+   *
+   * // get the contents of a specific column header at a specific level
+   * hot.getColHeader(5, -2);
+   * ```
    *
    * @memberof Core#
    * @function getColHeader
-   * @param {number} [column] Visual column index.
+   * @param {number} [column] A visual column index.
+   * @param {number} [headerLevel=-1] (Since 12.3.0) Header level index. Accepts positive (0 to n)
+   *                                  and negative (-1 to -n) values. For positive values, 0 points to the
+   *                                  topmost header. For negative values, -1 points to the bottom-most
+   *                                  header (the header closest to the cells).
    * @fires Hooks#modifyColHeader
-   * @returns {Array|string|number} The column header(s).
+   * @fires Hooks#modifyColumnHeaderValue
+   * @returns {Array|string|number} Column header values.
    */
-
-
   this.getColHeader = function (column) {
+    var headerLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
     var columnIndex = instance.runHooks('modifyColHeader', column);
-    var result = tableMeta.colHeaders;
-
     if (columnIndex === void 0) {
       var out = [];
       var ilen = instance.countCols();
-
-      for (var i = 0; i < ilen; i++) {
-        out.push(instance.getColHeader(i));
-      }
-
-      result = out;
-    } else {
-      var translateVisualIndexToColumns = function translateVisualIndexToColumns(visualColumnIndex) {
-        var arr = [];
-        var columnsLen = instance.countCols();
-        var index = 0;
-
-        for (; index < columnsLen; index++) {
-          if (isFunction(tableMeta.columns) && tableMeta.columns(index)) {
-            arr.push(index);
-          }
-        }
-
-        return arr[visualColumnIndex];
-      };
-
-      var physicalColumn = instance.toPhysicalColumn(columnIndex);
-      var prop = translateVisualIndexToColumns(physicalColumn);
-
-      if (tableMeta.colHeaders === false) {
-        result = null;
-      } else if (tableMeta.columns && isFunction(tableMeta.columns) && tableMeta.columns(prop) && tableMeta.columns(prop).title) {
-        result = tableMeta.columns(prop).title;
-      } else if (tableMeta.columns && tableMeta.columns[physicalColumn] && tableMeta.columns[physicalColumn].title) {
-        result = tableMeta.columns[physicalColumn].title;
-      } else if (Array.isArray(tableMeta.colHeaders) && tableMeta.colHeaders[physicalColumn] !== void 0) {
-        result = tableMeta.colHeaders[physicalColumn];
-      } else if (isFunction(tableMeta.colHeaders)) {
-        result = tableMeta.colHeaders(physicalColumn);
-      } else if (tableMeta.colHeaders && typeof tableMeta.colHeaders !== 'string' && typeof tableMeta.colHeaders !== 'number') {
-        result = spreadsheetColumnLabel(columnIndex); // see #1458
+      for (var i = 0; i < ilen; i++) {
+        out.push(instance.getColHeader(i));
       }
+      return out;
     }
-
+    var result = tableMeta.colHeaders;
+    var translateVisualIndexToColumns = function translateVisualIndexToColumns(visualColumnIndex) {
+      var arr = [];
+      var columnsLen = instance.countCols();
+      var index = 0;
+      for (; index < columnsLen; index++) {
+        if (isFunction(tableMeta.columns) && tableMeta.columns(index)) {
+          arr.push(index);
+        }
+      }
+      return arr[visualColumnIndex];
+    };
+    var physicalColumn = instance.toPhysicalColumn(columnIndex);
+    var prop = translateVisualIndexToColumns(physicalColumn);
+    if (tableMeta.colHeaders === false) {
+      result = null;
+    } else if (tableMeta.columns && isFunction(tableMeta.columns) && tableMeta.columns(prop) && tableMeta.columns(prop).title) {
+      result = tableMeta.columns(prop).title;
+    } else if (tableMeta.columns && tableMeta.columns[physicalColumn] && tableMeta.columns[physicalColumn].title) {
+      result = tableMeta.columns[physicalColumn].title;
+    } else if (Array.isArray(tableMeta.colHeaders) && tableMeta.colHeaders[physicalColumn] !== void 0) {
+      result = tableMeta.colHeaders[physicalColumn];
+    } else if (isFunction(tableMeta.colHeaders)) {
+      result = tableMeta.colHeaders(physicalColumn);
+    } else if (tableMeta.colHeaders && typeof tableMeta.colHeaders !== 'string' && typeof tableMeta.colHeaders !== 'number') {
+      result = spreadsheetColumnLabel(columnIndex); // see #1458
+    }
+
+    result = instance.runHooks('modifyColumnHeaderValue', result, column, headerLevel);
     return result;
   };
+
   /**
    * Return column width from settings (no guessing). Private use intended.
    *
@@ -3716,42 +3478,36 @@ export default function Core(rootElement, userSettings) {
    * @param {number} col Visual col index.
    * @returns {number}
    */
-
-
   this._getColWidthFromSettings = function (col) {
-    var width; // We currently don't support cell meta objects for headers (negative values)
+    var width;
 
+    // We currently don't support cell meta objects for headers (negative values)
     if (col >= 0) {
       var cellProperties = instance.getCellMeta(0, col);
       width = cellProperties.width;
     }
-
     if (width === void 0 || width === tableMeta.width) {
       width = tableMeta.colWidths;
     }
-
     if (width !== void 0 && width !== null) {
       switch (_typeof(width)) {
         case 'object':
           // array
           width = width[col];
           break;
-
         case 'function':
           width = width(col);
           break;
-
         default:
           break;
       }
-
       if (typeof width === 'string') {
         width = parseInt(width, 10);
       }
     }
-
     return width;
   };
+
   /**
    * Returns the width of the requested column.
    *
@@ -3761,19 +3517,15 @@ export default function Core(rootElement, userSettings) {
    * @returns {number} Column width.
    * @fires Hooks#modifyColWidth
    */
-
-
   this.getColWidth = function (column) {
     var width = instance._getColWidthFromSettings(column);
-
     width = instance.runHooks('modifyColWidth', width, column);
-
     if (width === void 0) {
       width = ViewportColumnsCalculator.DEFAULT_WIDTH;
     }
-
     return width;
   };
+
   /**
    * Return row height from settings (no guessing). Private use intended.
    *
@@ -3783,8 +3535,6 @@ export default function Core(rootElement, userSettings) {
    * @param {number} row Visual row index.
    * @returns {number}
    */
-
-
   this._getRowHeightFromSettings = function (row) {
     // let cellProperties = instance.getCellMeta(row, 0);
     // let height = cellProperties.height;
@@ -3793,48 +3543,57 @@ export default function Core(rootElement, userSettings) {
     //  height = cellProperties.rowHeights;
     // }
     var height = tableMeta.rowHeights;
-
     if (height !== void 0 && height !== null) {
       switch (_typeof(height)) {
         case 'object':
           // array
           height = height[row];
           break;
-
         case 'function':
           height = height(row);
           break;
-
         default:
           break;
       }
-
       if (typeof height === 'string') {
         height = parseInt(height, 10);
       }
     }
-
     return height;
   };
+
   /**
-   * Returns the row height.
+   * Returns a row's height, as recognized by Handsontable.
+   *
+   * Depending on your configuration, the method returns (in order of priority):
+   *   1. The row height set by the [`ManualRowResize`](@/api/manualRowResize.md) plugin
+   *     (if the plugin is enabled).
+   *   2. The row height set by the [`rowHeights`](@/api/options.md#rowheights) configuration option
+   *     (if the option is set).
+   *   3. The row height as measured in the DOM by the [`AutoRowSize`](@/api/autoRowSize.md) plugin
+   *     (if the plugin is enabled).
+   *   4. `undefined`, if neither [`ManualRowResize`](@/api/manualRowResize.md),
+   *     nor [`rowHeights`](@/api/options.md#rowheights),
+   *     nor [`AutoRowSize`](@/api/autoRowSize.md) is used.
    *
-   * Mind that this method is different from the [AutoRowSize](@/api/autoRowSize.md) plugin's [`getRowHeight()`](@/api/autoRowSize.md#getrowheight) method.
+   * The height returned includes 1 px of the row's bottom border.
+   *
+   * Mind that this method is different from the
+   * [`getRowHeight()`](@/api/autoRowSize.md#getrowheight) method
+   * of the [`AutoRowSize`](@/api/autoRowSize.md) plugin.
    *
    * @memberof Core#
    * @function getRowHeight
-   * @param {number} row Visual row index.
-   * @returns {number} The given row's height.
+   * @param {number} row A visual row index.
+   * @returns {number|undefined} The height of the specified row, in pixels.
    * @fires Hooks#modifyRowHeight
    */
-
-
   this.getRowHeight = function (row) {
     var height = instance._getRowHeightFromSettings(row);
-
     height = instance.runHooks('modifyRowHeight', height, row);
     return height;
   };
+
   /**
    * Returns the total number of rows in the data source.
    *
@@ -3842,11 +3601,10 @@ export default function Core(rootElement, userSettings) {
    * @function countSourceRows
    * @returns {number} Total number of rows.
    */
-
-
   this.countSourceRows = function () {
     return dataSource.countRows();
   };
+
   /**
    * Returns the total number of columns in the data source.
    *
@@ -3854,11 +3612,10 @@ export default function Core(rootElement, userSettings) {
    * @function countSourceCols
    * @returns {number} Total number of columns.
    */
-
-
   this.countSourceCols = function () {
     return dataSource.countFirstRowKeys();
   };
+
   /**
    * Returns the total number of visual rows in the table.
    *
@@ -3866,11 +3623,10 @@ export default function Core(rootElement, userSettings) {
    * @function countRows
    * @returns {number} Total number of rows.
    */
-
-
   this.countRows = function () {
     return datamap.getLength();
   };
+
   /**
    * Returns the total number of visible columns in the table.
    *
@@ -3878,13 +3634,12 @@ export default function Core(rootElement, userSettings) {
    * @function countCols
    * @returns {number} Total number of columns.
    */
-
-
   this.countCols = function () {
     var maxCols = tableMeta.maxCols;
     var dataLen = this.columnIndexMapper.getNotTrimmedIndexesLength();
     return Math.min(maxCols, dataLen);
   };
+
   /**
    * Returns the number of rendered rows including rows that are partially or fully rendered
    * outside the table viewport.
@@ -3893,11 +3648,10 @@ export default function Core(rootElement, userSettings) {
    * @function countRenderedRows
    * @returns {number} Returns -1 if table is not visible.
    */
-
-
   this.countRenderedRows = function () {
     return instance.view._wt.drawn ? instance.view._wt.wtTable.getRenderedRowsCount() : -1;
   };
+
   /**
    * Returns the number of rendered rows that are only visible in the table viewport.
    * The rows that are partially visible are not counted.
@@ -3906,11 +3660,10 @@ export default function Core(rootElement, userSettings) {
    * @function countVisibleRows
    * @returns {number} Number of visible rows or -1.
    */
-
-
   this.countVisibleRows = function () {
     return instance.view._wt.drawn ? instance.view._wt.wtTable.getVisibleRowsCount() : -1;
   };
+
   /**
    * Returns the number of rendered rows including columns that are partially or fully rendered
    * outside the table viewport.
@@ -3919,11 +3672,10 @@ export default function Core(rootElement, userSettings) {
    * @function countRenderedCols
    * @returns {number} Returns -1 if table is not visible.
    */
-
-
   this.countRenderedCols = function () {
     return instance.view._wt.drawn ? instance.view._wt.wtTable.getRenderedColumnsCount() : -1;
   };
+
   /**
    * Returns the number of rendered columns that are only visible in the table viewport.
    * The columns that are partially visible are not counted.
@@ -3932,11 +3684,10 @@ export default function Core(rootElement, userSettings) {
    * @function countVisibleCols
    * @returns {number} Number of visible columns or -1.
    */
-
-
   this.countVisibleCols = function () {
     return instance.view._wt.drawn ? instance.view._wt.wtTable.getVisibleColumnsCount() : -1;
   };
+
   /**
    * Returns the number of empty rows. If the optional ending parameter is `true`, returns the
    * number of empty rows at the bottom of the table.
@@ -3946,8 +3697,6 @@ export default function Core(rootElement, userSettings) {
    * @param {boolean} [ending=false] If `true`, will only count empty rows at the end of the data source.
    * @returns {number} Count empty rows.
    */
-
-
   this.countEmptyRows = function () {
     var ending = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     var emptyRows = 0;
@@ -3960,6 +3709,7 @@ export default function Core(rootElement, userSettings) {
     });
     return emptyRows;
   };
+
   /**
    * Returns the number of empty columns. If the optional ending parameter is `true`, returns the number of empty
    * columns at right hand edge of the table.
@@ -3969,15 +3719,8 @@ export default function Core(rootElement, userSettings) {
    * @param {boolean} [ending=false] If `true`, will only count empty columns at the end of the data source row.
    * @returns {number} Count empty cols.
    */
-
-
   this.countEmptyCols = function () {
     var ending = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-
-    if (instance.countRows() < 1) {
-      return 0;
-    }
-
     var emptyColumns = 0;
     rangeEachReverse(instance.countCols() - 1, function (visualIndex) {
       if (instance.isEmptyCol(visualIndex)) {
@@ -3988,6 +3731,7 @@ export default function Core(rootElement, userSettings) {
     });
     return emptyColumns;
   };
+
   /**
    * Check if all cells in the row declared by the `row` argument are empty.
    *
@@ -3996,11 +3740,10 @@ export default function Core(rootElement, userSettings) {
    * @param {number} row Visual row index.
    * @returns {boolean} `true` if the row at the given `row` is empty, `false` otherwise.
    */
-
-
   this.isEmptyRow = function (row) {
     return tableMeta.isEmptyRow.call(instance, row);
   };
+
   /**
    * Check if all cells in the the column declared by the `column` argument are empty.
    *
@@ -4009,73 +3752,106 @@ export default function Core(rootElement, userSettings) {
    * @param {number} column Column index.
    * @returns {boolean} `true` if the column at the given `col` is empty, `false` otherwise.
    */
-
-
   this.isEmptyCol = function (column) {
     return tableMeta.isEmptyCol.call(instance, column);
   };
+
   /**
-   * Select cell specified by `row` and `column` values or a range of cells finishing at `endRow`, `endCol`. If the table
-   * was configured to support data column properties that properties can be used to making a selection.
+   * Select a single cell, or a single range of adjacent cells.
+   *
+   * To select a cell, pass its visual row and column indexes, for example: `selectCell(2, 4)`.
+   *
+   * To select a range, pass the visual indexes of the first and last cell in the range, for example: `selectCell(2, 4, 3, 5)`.
+   *
+   * If your columns have properties, you can pass those properties' values instead of column indexes, for example: `selectCell(2, 'first_name')`.
    *
-   * By default, viewport will be scrolled to the selection. After the `selectCell` method had finished, the instance
-   * will be listening to keyboard input on the document.
+   * By default, `selectCell()` also:
+   *  - Scrolls the viewport to the newly-selected cells.
+   *  - Switches the keyboard focus to Handsontable (by calling Handsontable's [`listen()`](#listen) method).
    *
    * @example
    * ```js
    * // select a single cell
    * hot.selectCell(2, 4);
-   * // select a single cell using column property
-   * hot.selectCell(2, 'address');
+   *
    * // select a range of cells
    * hot.selectCell(2, 4, 3, 5);
-   * // select a range of cells using column properties
-   * hot.selectCell(2, 'address', 3, 'phone_number');
-   * // select a range of cells without scrolling to them
-   * hot.selectCell(2, 'address', 3, 'phone_number', false);
+   *
+   * // select a single cell, using a column property
+   * hot.selectCell(2, 'first_name');
+   *
+   * // select a range of cells, using column properties
+   * hot.selectCell(2, 'first_name', 3, 'last_name');
+   *
+   * // select a range of cells, without scrolling to them
+   * hot.selectCell(2, 4, 3, 5, false);
+   *
+   * // select a range of cells, without switching the keyboard focus to Handsontable
+   * hot.selectCell(2, 4, 3, 5, null, false);
    * ```
    *
    * @memberof Core#
    * @function selectCell
-   * @param {number} row Visual row index.
-   * @param {number|string} column Visual column index or column property.
-   * @param {number} [endRow] Visual end row index (if selecting a range).
-   * @param {number|string} [endColumn] Visual end column index or column property (if selecting a range).
-   * @param {boolean} [scrollToCell=true] If `true`, the viewport will be scrolled to the selection.
-   * @param {boolean} [changeListener=true] If `false`, Handsontable will not change keyboard events listener to himself.
-   * @returns {boolean} `true` if selection was successful, `false` otherwise.
+   * @param {number} row A visual row index.
+   * @param {number|string} column A visual column index (`number`), or a column property's value (`string`).
+   * @param {number} [endRow] If selecting a range: the visual row index of the last cell in the range.
+   * @param {number|string} [endColumn] If selecting a range: the visual column index (or a column property's value) of the last cell in the range.
+   * @param {boolean} [scrollToCell=true] `true`: scroll the viewport to the newly-selected cells. `false`: keep the previous viewport.
+   * @param {boolean} [changeListener=true] `true`: switch the keyboard focus to Handsontable. `false`: keep the previous keyboard focus.
+   * @returns {boolean} `true`: the selection was successful, `false`: the selection failed.
    */
-
-
   this.selectCell = function (row, column, endRow, endColumn) {
     var scrollToCell = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
     var changeListener = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : true;
-
     if (isUndefined(row) || isUndefined(column)) {
       return false;
     }
-
     return this.selectCells([[row, column, endRow, endColumn]], scrollToCell, changeListener);
   };
+
   /**
-   * Make multiple, non-contiguous selection specified by `row` and `column` values or a range of cells
-   * finishing at `endRow`, `endColumn`. The method supports two input formats which are the same as that
-   * produces by `getSelected` and `getSelectedRange` methods.
+   * Select multiple cells or ranges of cells, adjacent or non-adjacent.
+   *
+   * You can pass one of the below:
+   * - An array of arrays (which matches the output of Handsontable's [`getSelected()`](#getselected) method).
+   * - An array of [`CellRange`](@/api/cellRange.md) objects (which matches the output of Handsontable's [`getSelectedRange()`](#getselectedrange) method).
+   *
+   * To select multiple cells, pass the visual row and column indexes of each cell, for example: `hot.selectCells([[1, 1], [5, 5]])`.
+   *
+   * To select multiple ranges, pass the visual indexes of the first and last cell in each range, for example: `hot.selectCells([[1, 1, 2, 2], [6, 2, 0, 2]])`.
+   *
+   * If your columns have properties, you can pass those properties' values instead of column indexes, for example: `hot.selectCells([[1, 'first_name'], [5, 'last_name']])`.
    *
-   * By default, viewport will be scrolled to selection. After the `selectCells` method had finished, the instance
-   * will be listening to keyboard input on the document.
+   * By default, `selectCell()` also:
+   *  - Scrolls the viewport to the newly-selected cells.
+   *  - Switches the keyboard focus to Handsontable (by calling Handsontable's [`listen()`](#listen) method).
    *
    * @example
    * ```js
-   * // Using an array of arrays.
+   * // select non-adjacent cells
+   * hot.selectCells([[1, 1], [5, 5], [10, 10]]);
+   *
+   * // select non-adjacent ranges of cells
+   * hot.selectCells([[1, 1, 2, 2], [10, 10, 20, 20]]);
+   *
+   * // select cells and ranges of cells
    * hot.selectCells([[1, 1, 2, 2], [3, 3], [6, 2, 0, 2]]);
-   * // Using an array of arrays with defined columns as props.
+   *
+   * // select cells, using column properties
    * hot.selectCells([[1, 'id', 2, 'first_name'], [3, 'full_name'], [6, 'last_name', 0, 'first_name']]);
-   * // Using an array of CellRange objects (produced by `.getSelectedRange()` method).
+   *
+   * // select multiple ranges, using an array of `CellRange` objects
    * const selected = hot.getSelectedRange();
    *
    * selected[0].from.row = 0;
    * selected[0].from.col = 0;
+   * selected[0].to.row = 5;
+   * selected[0].to.col = 5;
+   *
+   * selected[1].from.row = 10;
+   * selected[1].from.col = 10;
+   * selected[1].to.row = 20;
+   * selected[1].to.col = 20;
    *
    * hot.selectCells(selected);
    * ```
@@ -4083,33 +3859,28 @@ export default function Core(rootElement, userSettings) {
    * @memberof Core#
    * @since 0.38.0
    * @function selectCells
-   * @param {Array[]|CellRange[]} coords Visual coords passed as an array of array (`[[rowStart, columnStart, rowEnd, columnEnd], ...]`)
-   *                                     the same format as `getSelected` method returns or as an CellRange objects
-   *                                     which is the same format what `getSelectedRange` method returns.
-   * @param {boolean} [scrollToCell=true] If `true`, the viewport will be scrolled to the selection.
-   * @param {boolean} [changeListener=true] If `false`, Handsontable will not change keyboard events listener to himself.
-   * @returns {boolean} `true` if selection was successful, `false` otherwise.
+   * @param {Array[]|CellRange[]} coords Visual coordinates,
+   * passed either as an array of arrays (`[[rowStart, columnStart, rowEnd, columnEnd], ...]`)
+   * or as an array of [`CellRange`](@/api/cellRange.md) objects.
+   * @param {boolean} [scrollToCell=true] `true`: scroll the viewport to the newly-selected cells. `false`: keep the previous viewport.
+   * @param {boolean} [changeListener=true] `true`: switch the keyboard focus to Handsontable. `false`: keep the previous keyboard focus.
+   * @returns {boolean} `true`: the selection was successful, `false`: the selection failed.
    */
-
-
   this.selectCells = function () {
     var coords = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [[]];
     var scrollToCell = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     var changeListener = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-
     if (scrollToCell === false) {
       preventScrollingToCell = true;
     }
-
     var wasSelected = selection.selectCells(coords);
-
     if (wasSelected && changeListener) {
       instance.listen();
     }
-
     preventScrollingToCell = false;
     return wasSelected;
   };
+
   /**
    * Select column specified by `startColumn` visual index, column property or a range of columns finishing at `endColumn`.
    *
@@ -4133,12 +3904,11 @@ export default function Core(rootElement, userSettings) {
    *                                         is not defined the column defined by `startColumn` will be selected.
    * @returns {boolean} `true` if selection was successful, `false` otherwise.
    */
-
-
   this.selectColumns = function (startColumn) {
     var endColumn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : startColumn;
     return selection.selectColumns(startColumn, endColumn);
   };
+
   /**
    * Select row specified by `startRow` visual index or a range of rows finishing at `endRow`.
    *
@@ -4158,34 +3928,40 @@ export default function Core(rootElement, userSettings) {
    *                                   is not defined the row defined by `startRow` will be selected.
    * @returns {boolean} `true` if selection was successful, `false` otherwise.
    */
-
-
   this.selectRows = function (startRow) {
     var endRow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : startRow;
     return selection.selectRows(startRow, endRow);
   };
+
   /**
    * Deselects the current cell selection on the table.
    *
    * @memberof Core#
    * @function deselectCell
    */
-
-
   this.deselectCell = function () {
     selection.deselect();
   };
+
   /**
-   * Select the whole table. The previous selection will be overwritten.
+   * Select the whole table.
+   *
+   * The previous selection is overwritten.
+   *
+   * ```js
+   * // select all cells in the table, including all headers
+   * hot.selectAll();
+   *
+   * // select all cells in the table, without headers
+   * hot.selectAll(false);
+   * ```
    *
    * @since 0.38.2
    * @memberof Core#
    * @function selectAll
-   * @param {boolean} [includeHeaders=true] `true` If the selection should include the row, column and corner headers,
-   * `false` otherwise.
+   * @param {boolean} [includeHeaders=true] `true`: include all row, column and corner headers.
+   * `false`: don't include any headers.
    */
-
-
   this.selectAll = function () {
     var includeHeaders = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     var includeRowHeaders = includeHeaders && this.hasRowHeaders();
@@ -4194,11 +3970,11 @@ export default function Core(rootElement, userSettings) {
     selection.selectAll(includeRowHeaders, includeColumnHeaders);
     preventScrollingToCell = false;
   };
-
   var getIndexToScroll = function getIndexToScroll(indexMapper, visualIndex) {
     // Looking for a visual index on the right and then (when not found) on the left.
     return indexMapper.getNearestNotHiddenIndex(visualIndex, 1, true);
   };
+
   /**
    * Scroll viewport to coordinates specified by the `row` and `column` arguments.
    *
@@ -4216,8 +3992,6 @@ export default function Core(rootElement, userSettings) {
    * may be rendered when they are in the viewport (we don't consider hidden indexes as they aren't rendered).
    * @returns {boolean} `true` if scroll was successful, `false` otherwise.
    */
-
-
   this.scrollViewportTo = function (row, column) {
     var snapToBottom = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     var snapToRight = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
@@ -4226,40 +4000,31 @@ export default function Core(rootElement, userSettings) {
     var snapToLeft = !snapToRight;
     var renderableRow = row;
     var renderableColumn = column;
-
     if (considerHiddenIndexes) {
       var _isRowInteger = Number.isInteger(row);
-
       var _isColumnInteger = Number.isInteger(column);
-
       var visualRowToScroll = _isRowInteger ? getIndexToScroll(this.rowIndexMapper, row) : void 0;
       var visualColumnToScroll = _isColumnInteger ? getIndexToScroll(this.columnIndexMapper, column) : void 0;
-
       if (visualRowToScroll === null || visualColumnToScroll === null) {
         return false;
       }
-
       renderableRow = _isRowInteger ? instance.rowIndexMapper.getRenderableFromVisualIndex(visualRowToScroll) : void 0;
       renderableColumn = _isColumnInteger ? instance.columnIndexMapper.getRenderableFromVisualIndex(visualColumnToScroll) : void 0;
     }
-
     var isRowInteger = Number.isInteger(renderableRow);
     var isColumnInteger = Number.isInteger(renderableColumn);
-
     if (isRowInteger && isColumnInteger) {
       return instance.view.scrollViewport(instance._createCellCoords(renderableRow, renderableColumn), snapToTop, snapToRight, snapToBottom, snapToLeft);
     }
-
     if (isRowInteger && isColumnInteger === false) {
       return instance.view.scrollViewportVertically(renderableRow, snapToTop, snapToBottom);
     }
-
     if (isColumnInteger && isRowInteger === false) {
       return instance.view.scrollViewportHorizontally(renderableColumn, snapToRight, snapToLeft);
     }
-
     return false;
   };
+
   /**
    * Removes the table from the DOM and destroys the instance of the Handsontable.
    *
@@ -4267,50 +4032,39 @@ export default function Core(rootElement, userSettings) {
    * @function destroy
    * @fires Hooks#afterDestroy
    */
-
-
   this.destroy = function () {
     instance._clearTimeouts();
-
     instance._clearImmediates();
-
     if (instance.view) {
       // in case HT is destroyed before initialization has finished
       instance.view.destroy();
     }
-
     if (dataSource) {
       dataSource.destroy();
     }
-
     dataSource = null;
     this.getShortcutManager().destroy();
     metaManager.clearCache();
-
     if (isRootInstance(instance)) {
       var licenseInfo = this.rootDocument.querySelector('#hot-display-license-info');
-
       if (licenseInfo) {
         licenseInfo.parentNode.removeChild(licenseInfo);
       }
     }
-
     empty(instance.rootElement);
     eventManager.destroy();
-
     if (editorManager) {
       editorManager.destroy();
-    } // The plugin's `destroy` method is called as a consequence and it should handle
-    // unregistration of plugin's maps. Some unregistered maps reset the cache.
-
+    }
 
+    // The plugin's `destroy` method is called as a consequence and it should handle
+    // unregistration of plugin's maps. Some unregistered maps reset the cache.
     instance.batchExecution(function () {
       instance.rowIndexMapper.unregisterAll();
       instance.columnIndexMapper.unregisterAll();
       pluginsRegistry.getItems().forEach(function (_ref20) {
         var _ref21 = _slicedToArray(_ref20, 2),
-            plugin = _ref21[1];
-
+          plugin = _ref21[1];
         plugin.destroy();
       });
       pluginsRegistry.clear();
@@ -4327,13 +4081,13 @@ export default function Core(rootElement, userSettings) {
         obj[key] = null;
       }
     });
-    instance.isDestroyed = true; // replace private properties with null (restores memory)
-    // it should not be necessary but this prevents a memory leak side effects that show itself in Jasmine tests
+    instance.isDestroyed = true;
 
+    // replace private properties with null (restores memory)
+    // it should not be necessary but this prevents a memory leak side effects that show itself in Jasmine tests
     if (datamap) {
       datamap.destroy();
     }
-
     instance.rowIndexMapper = null;
     instance.columnIndexMapper = null;
     datamap = null;
@@ -4342,6 +4096,7 @@ export default function Core(rootElement, userSettings) {
     editorManager = null;
     instance = null;
   };
+
   /**
    * Replacement for all methods after the Handsontable was destroyed.
    *
@@ -4349,13 +4104,12 @@ export default function Core(rootElement, userSettings) {
    * @param {string} method The method name.
    * @returns {Function}
    */
-
-
   function postMortem(method) {
     return function () {
       throw new Error("The \"".concat(method, "\" method cannot be called because this Handsontable instance has been destroyed"));
     };
   }
+
   /**
    * Returns the active editor class instance.
    *
@@ -4363,11 +4117,10 @@ export default function Core(rootElement, userSettings) {
    * @function getActiveEditor
    * @returns {BaseEditor} The active editor instance.
    */
-
-
   this.getActiveEditor = function () {
     return editorManager.getActiveEditor();
   };
+
   /**
    * Returns plugin instance by provided its name.
    *
@@ -4376,17 +4129,16 @@ export default function Core(rootElement, userSettings) {
    * @param {string} pluginName The plugin name.
    * @returns {BasePlugin|undefined} The plugin instance or undefined if there is no plugin.
    */
-
-
   this.getPlugin = function (pluginName) {
-    var unifiedPluginName = toUpperCaseFirst(pluginName); // Workaround for the UndoRedo plugin which, currently doesn't follow the plugin architecture.
+    var unifiedPluginName = toUpperCaseFirst(pluginName);
 
+    // Workaround for the UndoRedo plugin which, currently doesn't follow the plugin architecture.
     if (unifiedPluginName === 'UndoRedo') {
       return this.undoRedo;
     }
-
     return pluginsRegistry.getItem(unifiedPluginName);
   };
+
   /**
    * Returns name of the passed plugin.
    *
@@ -4395,16 +4147,14 @@ export default function Core(rootElement, userSettings) {
    * @param {BasePlugin} plugin The plugin instance.
    * @returns {string}
    */
-
-
   this.getPluginName = function (plugin) {
     // Workaround for the UndoRedo plugin which, currently doesn't follow the plugin architecture.
     if (plugin === this.undoRedo) {
       return this.undoRedo.constructor.PLUGIN_KEY;
     }
-
     return pluginsRegistry.getId(plugin);
   };
+
   /**
    * Returns the Handsontable instance.
    *
@@ -4412,11 +4162,10 @@ export default function Core(rootElement, userSettings) {
    * @function getInstance
    * @returns {Handsontable} The Handsontable instance.
    */
-
-
   this.getInstance = function () {
     return instance;
   };
+
   /**
    * Adds listener to the specified hook name (only for this Handsontable instance).
    *
@@ -4430,11 +4179,10 @@ export default function Core(rootElement, userSettings) {
    * hot.addHook('beforeInit', myCallback);
    * ```
    */
-
-
   this.addHook = function (key, callback) {
     Hooks.getSingleton().add(key, callback, instance);
   };
+
   /**
    * Check if for a specified hook name there are added listeners (only for this Handsontable instance). All available
    * hooks you will find {@link Hooks}.
@@ -4450,11 +4198,10 @@ export default function Core(rootElement, userSettings) {
    * const hasBeforeInitListeners = hot.hasHook('beforeInit');
    * ```
    */
-
-
   this.hasHook = function (key) {
     return Hooks.getSingleton().has(key, instance) || Hooks.getSingleton().has(key);
   };
+
   /**
    * Adds listener to specified hook name (only for this Handsontable instance). After the listener is triggered,
    * it will be automatically removed.
@@ -4469,11 +4216,10 @@ export default function Core(rootElement, userSettings) {
    * hot.addHookOnce('beforeInit', myCallback);
    * ```
    */
-
-
   this.addHookOnce = function (key, callback) {
     Hooks.getSingleton().once(key, callback, instance);
   };
+
   /**
    * Removes the hook listener previously registered with {@link Core#addHook}.
    *
@@ -4488,11 +4234,10 @@ export default function Core(rootElement, userSettings) {
    * hot.removeHook('beforeInit', myCallback);
    * ```
    */
-
-
   this.removeHook = function (key, callback) {
     Hooks.getSingleton().remove(key, callback, instance);
   };
+
   /**
    * Run the callbacks for the hook provided in the `key` argument using the parameters given in the other arguments.
    *
@@ -4516,11 +4261,10 @@ export default function Core(rootElement, userSettings) {
    * hot.runHooks('customAction', 10, 'foo');
    * ```
    */
-
-
   this.runHooks = function (key, p1, p2, p3, p4, p5, p6) {
     return Hooks.getSingleton().run(instance, key, p1, p2, p3, p4, p5, p6);
   };
+
   /**
    * Get language phrase for specified dictionary key.
    *
@@ -4531,11 +4275,10 @@ export default function Core(rootElement, userSettings) {
    * @param {*} extraArguments Arguments which will be handled by formatters.
    * @returns {string}
    */
-
-
   this.getTranslatedPhrase = function (dictionaryKey, extraArguments) {
     return getTranslatedPhrase(tableMeta.language, dictionaryKey, extraArguments);
   };
+
   /**
    * Converts instance into outerHTML of HTMLTableElement.
    *
@@ -4544,11 +4287,10 @@ export default function Core(rootElement, userSettings) {
    * @since 7.1.0
    * @returns {string}
    */
-
-
   this.toHTML = function () {
     return instanceToHTML(_this);
   };
+
   /**
    * Converts instance into HTMLTableElement.
    *
@@ -4557,16 +4299,13 @@ export default function Core(rootElement, userSettings) {
    * @since 7.1.0
    * @returns {HTMLTableElement}
    */
-
-
   this.toTableElement = function () {
     var tempElement = _this.rootDocument.createElement('div');
-
     tempElement.insertAdjacentHTML('afterbegin', instanceToHTML(_this));
     return tempElement.firstElementChild;
   };
-
   this.timeouts = [];
+
   /**
    * Sets timeout. Purpose of this method is to clear all known timeouts when `destroy` method is called.
    *
@@ -4575,53 +4314,48 @@ export default function Core(rootElement, userSettings) {
    * @param {number} [delay=0] If first argument is passed as a function this argument set delay of the execution of that function.
    * @private
    */
-
   this._registerTimeout = function (handle) {
     var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     var handleFunc = handle;
-
     if (typeof handleFunc === 'function') {
       handleFunc = setTimeout(handleFunc, delay);
     }
-
     this.timeouts.push(handleFunc);
   };
+
   /**
    * Clears all known timeouts.
    *
    * @private
    */
-
-
   this._clearTimeouts = function () {
     arrayEach(this.timeouts, function (handler) {
       clearTimeout(handler);
     });
   };
-
   this.immediates = [];
+
   /**
    * Execute function execution to the next event loop cycle. Purpose of this method is to clear all known timeouts when `destroy` method is called.
    *
    * @param {Function} callback Function to be delayed in execution.
    * @private
    */
-
   this._registerImmediate = function (callback) {
     this.immediates.push(setImmediate(callback));
   };
+
   /**
    * Clears all known timeouts.
    *
    * @private
    */
-
-
   this._clearImmediates = function () {
     arrayEach(this.immediates, function (handler) {
       clearImmediate(handler);
     });
   };
+
   /**
    * Refresh selection borders. This is temporary method relic after selection rewrite.
    *
@@ -4629,18 +4363,16 @@ export default function Core(rootElement, userSettings) {
    * @param {boolean} [revertOriginal=false] If `true`, the previous value will be restored. Otherwise, the edited value will be saved.
    * @param {boolean} [prepareEditorIfNeeded=true] If `true` the editor under the selected cell will be prepared to open.
    */
-
-
   this._refreshBorders = function () {
     var revertOriginal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     var prepareEditorIfNeeded = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     editorManager.destroyEditor(revertOriginal);
     instance.view.render();
-
     if (prepareEditorIfNeeded && selection.isSelected()) {
       editorManager.prepareEditor();
     }
   };
+
   /**
    * Check if currently it is RTL direction.
    *
@@ -4649,11 +4381,10 @@ export default function Core(rootElement, userSettings) {
    * @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.
    *
@@ -4662,11 +4393,10 @@ export default function Core(rootElement, userSettings) {
    * @function isLtr
    * @returns {boolean} True if LTR.
    */
-
-
   this.isLtr = function () {
     return !instance.isRtl();
   };
+
   /**
    * Returns 1 for LTR; -1 for RTL. Useful for calculations.
    *
@@ -4675,12 +4405,9 @@ export default function Core(rootElement, userSettings) {
    * @function getDirectionFactor
    * @returns {number} Returns 1 for LTR; -1 for RTL.
    */
-
-
   this.getDirectionFactor = function () {
     return instance.isLtr() ? 1 : -1;
   };
-
   var shortcutManager = createShortcutManager({
     handleEvent: function handleEvent(event) {
       var isListening = instance.isListening();
@@ -4695,11 +4422,11 @@ export default function Core(rootElement, userSettings) {
         // Handsontable could be destroyed after performing action (executing a callback).
         return;
       }
-
       instance.runHooks('afterDocumentKeyDown', event);
     },
     ownerWindow: this.rootWindow
   });
+
   /**
    * Returns instance of a manager responsible for handling shortcuts stored in some contexts. It run actions after
    * pressing key combination in active Handsontable instance.
@@ -4709,11 +4436,9 @@ export default function Core(rootElement, userSettings) {
    * @function getShortcutManager
    * @returns {ShortcutManager} Instance of {@link ShortcutManager}
    */
-
   this.getShortcutManager = function () {
     return shortcutManager;
   };
-
   var gridContext = shortcutManager.addContext('grid');
   var gridConfig = {
     runOnlyIf: function runOnlyIf() {
@@ -4732,24 +4457,21 @@ export default function Core(rootElement, userSettings) {
     callback: function callback() {
       var selectedRange = instance.getSelectedRange();
       var _selectedRange$highli = selectedRange[selectedRange.length - 1].highlight,
-          highlightRow = _selectedRange$highli.row,
-          highlightColumn = _selectedRange$highli.col;
+        highlightRow = _selectedRange$highli.row,
+        highlightColumn = _selectedRange$highli.col;
       var valueToPopulate = instance.getDataAtCell(highlightRow, highlightColumn);
       var cellValues = new Map();
-
       for (var i = 0; i < selectedRange.length; i++) {
         selectedRange[i].forAll(function (row, column) {
           if (row >= 0 && column >= 0 && (row !== highlightRow || column !== highlightColumn)) {
             var _instance$getCellMeta = instance.getCellMeta(row, column),
-                readOnly = _instance$getCellMeta.readOnly;
-
+              readOnly = _instance$getCellMeta.readOnly;
             if (!readOnly) {
               cellValues.set("".concat(row, "x").concat(column), [row, column, valueToPopulate]);
             }
           }
         });
       }
-
       instance.setDataAtCell(Array.from(cellValues.values()));
     },
     runOnlyIf: function runOnlyIf() {
@@ -4776,9 +4498,8 @@ export default function Core(rootElement, userSettings) {
     captureCtrl: true,
     callback: function callback() {
       var _instance$getSelected = instance.getSelectedRangeLast(),
-          from = _instance$getSelected.from,
-          to = _instance$getSelected.to;
-
+        from = _instance$getSelected.from,
+        to = _instance$getSelected.to;
       var row = instance.rowIndexMapper.getNearestNotHiddenIndex(0, 1);
       selection.setRangeStart(from.clone());
       selection.setRangeEnd(instance._createCellCoords(row, to.col));
@@ -4807,9 +4528,8 @@ export default function Core(rootElement, userSettings) {
     captureCtrl: true,
     callback: function callback() {
       var _instance$getSelected2 = instance.getSelectedRangeLast(),
-          from = _instance$getSelected2.from,
-          to = _instance$getSelected2.to;
-
+        from = _instance$getSelected2.from,
+        to = _instance$getSelected2.to;
       var row = instance.rowIndexMapper.getNearestNotHiddenIndex(instance.countRows() - 1, -1);
       selection.setRangeStart(from.clone());
       selection.setRangeEnd(instance._createCellCoords(row, to.col));
@@ -4827,11 +4547,8 @@ export default function Core(rootElement, userSettings) {
     captureCtrl: true,
     callback: function callback() {
       var _instance$columnIndex;
-
       var row = instance.getSelectedRangeLast().highlight.row;
-
       var column = (_instance$columnIndex = instance.columnIndexMapper).getNearestNotHiddenIndex.apply(_instance$columnIndex, _toConsumableArray(instance.isRtl() ? [instance.countCols() - 1, -1] : [0, 1]));
-
       selection.setRangeStart(instance._createCellCoords(row, column));
     }
   }, {
@@ -4844,13 +4561,10 @@ export default function Core(rootElement, userSettings) {
     captureCtrl: true,
     callback: function callback() {
       var _instance$columnIndex2;
-
       var _instance$getSelected3 = instance.getSelectedRangeLast(),
-          from = _instance$getSelected3.from,
-          to = _instance$getSelected3.to;
-
+        from = _instance$getSelected3.from,
+        to = _instance$getSelected3.to;
       var column = (_instance$columnIndex2 = instance.columnIndexMapper).getNearestNotHiddenIndex.apply(_instance$columnIndex2, _toConsumableArray(instance.isRtl() ? [instance.countCols() - 1, -1] : [0, 1]));
-
       selection.setRangeStart(from.clone());
       selection.setRangeEnd(instance._createCellCoords(to.row, column));
     },
@@ -4867,11 +4581,8 @@ export default function Core(rootElement, userSettings) {
     captureCtrl: true,
     callback: function callback() {
       var _instance$columnIndex3;
-
       var row = instance.getSelectedRangeLast().highlight.row;
-
       var column = (_instance$columnIndex3 = instance.columnIndexMapper).getNearestNotHiddenIndex.apply(_instance$columnIndex3, _toConsumableArray(instance.isRtl() ? [0, 1] : [instance.countCols() - 1, -1]));
-
       selection.setRangeStart(instance._createCellCoords(row, column));
     }
   }, {
@@ -4884,13 +4595,10 @@ export default function Core(rootElement, userSettings) {
     captureCtrl: true,
     callback: function callback() {
       var _instance$columnIndex4;
-
       var _instance$getSelected4 = instance.getSelectedRangeLast(),
-          from = _instance$getSelected4.from,
-          to = _instance$getSelected4.to;
-
+        from = _instance$getSelected4.from,
+        to = _instance$getSelected4.to;
       var column = (_instance$columnIndex4 = instance.columnIndexMapper).getNearestNotHiddenIndex.apply(_instance$columnIndex4, _toConsumableArray(instance.isRtl() ? [0, 1] : [instance.countCols() - 1, -1]));
-
       selection.setRangeStart(from.clone());
       selection.setRangeEnd(instance._createCellCoords(to.row, column));
     },
@@ -4962,14 +4670,11 @@ export default function Core(rootElement, userSettings) {
     keys: [['PageUp', 'Shift']],
     callback: function callback() {
       var _instance$getSelected5 = instance.getSelectedRangeLast(),
-          to = _instance$getSelected5.to;
-
+        to = _instance$getSelected5.to;
       var nextRowIndexToSelect = Math.max(to.row - instance.countVisibleRows(), 0);
       var row = instance.rowIndexMapper.getNearestNotHiddenIndex(nextRowIndexToSelect, 1);
-
       if (row !== null) {
         var coords = instance._createCellCoords(row, to.col);
-
         var scrollPadding = to.row - instance.view.getFirstFullyVisibleRow();
         var nextVerticalScroll = Math.max(coords.row - scrollPadding, 0);
         selection.setRangeEnd(coords);
@@ -4985,14 +4690,11 @@ export default function Core(rootElement, userSettings) {
     keys: [['PageDown', 'Shift']],
     callback: function callback() {
       var _instance$getSelected6 = instance.getSelectedRangeLast(),
-          to = _instance$getSelected6.to;
-
+        to = _instance$getSelected6.to;
       var nextRowIndexToSelect = Math.min(to.row + instance.countVisibleRows(), instance.countRows() - 1);
       var row = instance.rowIndexMapper.getNearestNotHiddenIndex(nextRowIndexToSelect, -1);
-
       if (row !== null) {
         var coords = instance._createCellCoords(row, to.col);
-
         var scrollPadding = to.row - instance.view.getFirstFullyVisibleRow();
         var nextVerticalScroll = Math.min(coords.row - scrollPadding, instance.countRows() - 1);
         selection.setRangeEnd(coords);