handsontable 0.0.0-next-d4ae6d7-20221205 → 0.0.0-next-0c2e6f8-20221206

package/dist/handsontable.full.js

@@ -25,8 +25,8 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  * 
- * Version: 0.0.0-next-d4ae6d7-20221205
- * Release date: 25/10/2022 (built at 05/12/2022 10:27:39)
+ * Version: 0.0.0-next-0c2e6f8-20221206
+ * Release date: 25/10/2022 (built at 06/12/2022 11:00:58)
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -3075,7 +3075,7 @@ var domMessages = {
 function _injectProductInfo(key, element) {
   var hasValidType = !isEmpty(key);
   var isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  var hotVersion = "0.0.0-next-d4ae6d7-20221205";
+  var hotVersion = "0.0.0-next-0c2e6f8-20221206";
   var keyValidityDate;
   var consoleMessageState = 'invalid';
   var domMessageState = 'invalid';
@@ -31333,6 +31333,7 @@ var _classCallCheck2 = _interopRequireDefault(__webpack_require__(2));
 var _createClass2 = _interopRequireDefault(__webpack_require__(3));
 var _unicode = __webpack_require__(107);
 var _event = __webpack_require__(75);
+var _element = __webpack_require__(16);
 var _registry = __webpack_require__(129);
 var _eventManager = _interopRequireDefault(__webpack_require__(49));
 var _mixed = __webpack_require__(24);
@@ -31556,10 +31557,12 @@ var EditorManager = /*#__PURE__*/function () {
       // Getting values using the modified coordinates.
       this.cellProperties = this.instance.getCellMeta(visualRowToCheck, visualColumnToCheck);
       var activeElement = this.instance.rootDocument.activeElement;
-      if (activeElement) {
-        // Blurring the activeElement removes unwanted border around the focusable element
-        // (and resets activeElement prop). Without blurring the activeElement points to the
-        // previously focusable element after clicking onto the cell (#6877).
+
+      // Blurring the `activeElement` removes the unwanted border around the focusable element (#6877)
+      // and resets the `document.activeElement` property. The blurring should happen only when the
+      // previously selected input element has not belonged to the Handsontable editor. If blurring is
+      // triggered for all elements, there is a problem with the disappearing IME editor (#9672).
+      if (activeElement && (0, _element.isOutsideInput)(activeElement)) {
         activeElement.blur();
       }
       if (!this.isCellEditable()) {
@@ -49170,7 +49173,7 @@ var Formulas = /*#__PURE__*/function (_BasePlugin) {
      * @private
      * @param {Array[]} changes An array of changes in format [[row, prop, oldValue, value], ...].
      * @param {string} [source] String that identifies source of hook call
-     *                          ([list of all available sources]{@link http://docs.handsontable.com/tutorial-using-callbacks.html#page-source-definition}).
+     *                          ([list of all available sources]{@link https://handsontable.com/docs/javascript-data-grid/events-and-hooks/#handsontable-hooks}).
      */
   }, {
     key: "onAfterSetDataAtCell",
@@ -49231,7 +49234,7 @@ var Formulas = /*#__PURE__*/function (_BasePlugin) {
      * @private
      * @param {Array[]} changes An array of changes in format [[row, column, oldValue, value], ...].
      * @param {string} [source] String that identifies source of hook call
-     *                          ([list of all available sources]{@link http://docs.handsontable.com/tutorial-using-callbacks.html#page-source-definition}).
+     *                          ([list of all available sources]{@link https://handsontable.com/docs/javascript-data-grid/events-and-hooks/#handsontable-hooks}).
      */
   }, {
     key: "onAfterSetSourceDataAtCell",
@@ -49346,7 +49349,7 @@ var Formulas = /*#__PURE__*/function (_BasePlugin) {
      * @param {number} row Represents the visual index of first newly created row in the data source array.
      * @param {number} amount Number of newly created rows in the data source array.
      * @param {string} [source] String that identifies source of hook call
-     *                          ([list of all available sources]{@link http://docs.handsontable.com/tutorial-using-callbacks.html#page-source-definition}).
+     *                          ([list of all available sources]{@link https://handsontable.com/docs/javascript-data-grid/events-and-hooks/#handsontable-hooks}).
      */
   }, {
     key: "onAfterCreateRow",
@@ -49365,7 +49368,7 @@ var Formulas = /*#__PURE__*/function (_BasePlugin) {
      * @param {number} col Represents the visual index of first newly created column in the data source.
      * @param {number} amount Number of newly created columns in the data source.
      * @param {string} [source] String that identifies source of hook call
-     *                          ([list of all available sources]{@link http://docs.handsontable.com/tutorial-using-callbacks.html#page-source-definition}).
+     *                          ([list of all available sources]{@link https://handsontable.com/docs/javascript-data-grid/events-and-hooks/#handsontable-hooks}).
      */
   }, {
     key: "onAfterCreateCol",
@@ -49385,7 +49388,7 @@ var Formulas = /*#__PURE__*/function (_BasePlugin) {
      * @param {number} amount An amount of removed rows.
      * @param {number[]} physicalRows An array of physical rows removed from the data source.
      * @param {string} [source] String that identifies source of hook call
-     *                          ([list of all available sources]{@link http://docs.handsontable.com/tutorial-using-callbacks.html#page-source-definition}).
+     *                          ([list of all available sources]{@link https://handsontable.com/docs/javascript-data-grid/events-and-hooks/#handsontable-hooks}).
      */
   }, {
     key: "onAfterRemoveRow",
@@ -49411,7 +49414,7 @@ var Formulas = /*#__PURE__*/function (_BasePlugin) {
      * @param {number} amount An amount of removed columns.
      * @param {number[]} physicalColumns An array of physical columns removed from the data source.
      * @param {string} [source] String that identifies source of hook call
-     *                          ([list of all available sources]{@link http://docs.handsontable.com/tutorial-using-callbacks.html#page-source-definition}).
+     *                          ([list of all available sources]{@link https://handsontable.com/docs/javascript-data-grid/events-and-hooks/#handsontable-hooks}).
      */
   }, {
     key: "onAfterRemoveCol",
@@ -66480,7 +66483,7 @@ var deprecationWarns = new Set();
  *
  * ::: only-for react
  * To use these methods, associate a Handsontable instance with your instance
- * of the [`HotTable` component](@/guides/getting-started/installation.md#hottable-component),
+ * 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).
  * :::
  *
@@ -66917,6 +66920,7 @@ function Core(rootElement, userSettings) {
             rowDelta = _datamap$createRow.delta,
             startRowPhysicalIndex = _datamap$createRow.startPhysicalIndex;
           if (rowDelta) {
+            metaManager.createRow(startRowPhysicalIndex, amount);
             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;
@@ -66972,6 +66976,7 @@ function Core(rootElement, userSettings) {
             colDelta = _datamap$createCol.delta,
             startColumnPhysicalIndex = _datamap$createCol.startPhysicalIndex;
           if (colDelta) {
+            metaManager.createColumn(startColumnPhysicalIndex, amount);
             if (Array.isArray(tableMeta.colHeaders)) {
               var spliceArray = [instance.toVisualColumn(startColumnPhysicalIndex), 0];
               spliceArray.length += colDelta; // inserts empty (undefined) elements at the end of an array
@@ -67034,6 +67039,7 @@ function Core(rootElement, userSettings) {
               if (!wasRemoved) {
                 return;
               }
+              metaManager.removeRow(instance.toPhysicalRow(calcIndex), groupAmount);
               var totalRows = instance.countRows();
               var fixedRowsTop = tableMeta.fixedRowsTop;
               if (fixedRowsTop >= calcIndex + 1) {
@@ -67079,6 +67085,7 @@ function Core(rootElement, userSettings) {
               if (!wasRemoved) {
                 return;
               }
+              metaManager.removeColumn(physicalColumnIndex, groupAmount);
               var fixedColumnsStart = tableMeta.fixedColumnsStart;
               if (fixedColumnsStart >= calcIndex + 1) {
                 tableMeta.fixedColumnsStart -= Math.min(groupAmount, fixedColumnsStart - calcIndex);
@@ -67660,7 +67667,9 @@ function Core(rootElement, userSettings) {
               source: source
             }),
             numberOfCreatedRows = _datamap$createRow2.delta;
-          if (numberOfCreatedRows === 0) {
+          if (numberOfCreatedRows >= 1) {
+            metaManager.createRow(null, numberOfCreatedRows);
+          } else {
             skipThisChange = true;
             break;
           }
@@ -67672,7 +67681,9 @@ function Core(rootElement, userSettings) {
               source: source
             }),
             numberOfCreatedColumns = _datamap$createCol2.delta;
-          if (numberOfCreatedColumns === 0) {
+          if (numberOfCreatedColumns >= 1) {
+            metaManager.createColumn(null, numberOfCreatedColumns);
+          } else {
             skipThisChange = true;
             break;
           }
@@ -68497,7 +68508,6 @@ function Core(rootElement, userSettings) {
       dataSource: dataSource,
       internalSource: 'updateData',
       source: source,
-      metaManager: metaManager,
       firstRun: firstRun
     });
   };
@@ -68540,7 +68550,6 @@ function Core(rootElement, userSettings) {
       dataSource: dataSource,
       internalSource: 'loadData',
       source: source,
-      metaManager: metaManager,
       firstRun: firstRun
     });
   };
@@ -77918,8 +77927,8 @@ __webpack_require__(73);
 __webpack_require__(53);
 __webpack_require__(89);
 __webpack_require__(40);
-__webpack_require__(23);
 __webpack_require__(20);
+__webpack_require__(23);
 __webpack_require__(35);
 __webpack_require__(22);
 var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(32));
@@ -77966,9 +77975,9 @@ var DataMap = /*#__PURE__*/function () {
   /**
    * @param {object} instance Instance of Handsontable.
    * @param {Array} data Array of arrays or array of objects containing data.
-   * @param {MetaManager} metaManager The meta manager instance.
+   * @param {TableMeta} tableMeta The table meta instance.
    */
-  function DataMap(instance, data, metaManager) {
+  function DataMap(instance, data, tableMeta) {
     (0, _classCallCheck2.default)(this, DataMap);
     /**
      * Instance of {@link Handsontable}.
@@ -77978,12 +77987,12 @@ var DataMap = /*#__PURE__*/function () {
      */
     this.instance = instance;
     /**
-     * Instance of {@link MetaManager}.
+     * Instance of {@link TableMeta}.
      *
      * @private
-     * @type {MetaManager}
+     * @type {TableMeta}
      */
-    this.metaManager = metaManager;
+    this.tableMeta = tableMeta;
     /**
      * Reference to the original dataset.
      *
@@ -78021,7 +78030,7 @@ var DataMap = /*#__PURE__*/function () {
       if (typeof schema === 'undefined') {
         throw new Error('trying to create `columns` definition but you didn\'t provide `schema` nor `data`');
       }
-      var columns = this.instance.getSettings().columns;
+      var columns = this.tableMeta.columns;
       var i;
       this.colToPropCache = [];
       this.propToColCache = new Map();
@@ -78034,7 +78043,7 @@ var DataMap = /*#__PURE__*/function () {
           columnsLen = schemaLen > 0 ? schemaLen : this.countFirstRowKeys();
           columnsAsFunc = true;
         } else {
-          var maxCols = this.instance.getSettings().maxCols;
+          var maxCols = this.tableMeta.maxCols;
           columnsLen = Math.min(maxCols, columns.length);
         }
         for (i = 0; i < columnsLen; i++) {
@@ -78156,7 +78165,7 @@ var DataMap = /*#__PURE__*/function () {
   }, {
     key: "getSchema",
     value: function getSchema() {
-      var schema = this.instance.getSettings().dataSchema;
+      var schema = this.tableMeta.dataSchema;
       if (schema) {
         if (typeof schema === 'function') {
           return schema();
@@ -78218,17 +78227,15 @@ var DataMap = /*#__PURE__*/function () {
       }
       var continueProcess = this.instance.runHooks('beforeCreateRow', rowIndex, amount, source);
       if (continueProcess === false || physicalRowIndex === null) {
-        return {
-          delta: 0
-        };
+        return 0;
       }
-      var maxRows = this.instance.getSettings().maxRows;
+      var maxRows = this.tableMeta.maxRows;
       var columnCount = this.getSchema().length;
       var rowsToAdd = [];
       var _loop = function _loop() {
         var row = null;
         if (_this2.instance.dataType === 'array') {
-          if (_this2.instance.getSettings().dataSchema) {
+          if (_this2.tableMeta.dataSchema) {
             // Clone template array
             row = (0, _object.deepClone)(_this2.getSchema());
           } else {
@@ -78239,7 +78246,7 @@ var DataMap = /*#__PURE__*/function () {
             });
           }
         } else if (_this2.instance.dataType === 'function') {
-          row = _this2.instance.getSettings().dataSchema(rowIndex + numberOfCreatedRows);
+          row = _this2.tableMeta.dataSchema(rowIndex + numberOfCreatedRows);
         } else {
           row = {};
           (0, _object.deepExtend)(row, _this2.getSchema());
@@ -78262,14 +78269,6 @@ var DataMap = /*#__PURE__*/function () {
       if (this.instance.countSourceRows() === rowsToAdd.length) {
         this.instance.columnIndexMapper.initToLength(this.instance.getInitialColumnCount());
       }
-      if (numberOfCreatedRows > 0) {
-        if (index === void 0 || index === null) {
-          // Creates the meta rows at the end of the rows collection.
-          this.metaManager.createRow(null, numberOfCreatedRows);
-        } else if (source !== 'auto') {
-          this.metaManager.createRow(physicalRowIndex, amount);
-        }
-      }
       this.instance.runHooks('afterCreateRow', newVisualRowIndex, numberOfCreatedRows, source);
       this.instance.forceFullRender = true; // used when data was changed
 
@@ -78303,7 +78302,7 @@ var DataMap = /*#__PURE__*/function () {
         throw new Error('Cannot create new column. When data source in an object, ' + 'you can only have as much columns as defined in first data row, data schema or in the \'columns\' setting.' + 'If you want to be able to add new columns, you have to use array datasource.');
       }
       var dataSource = this.dataSource;
-      var maxCols = this.instance.getSettings().maxCols;
+      var maxCols = this.tableMeta.maxCols;
       var countSourceCols = this.instance.countSourceCols();
       var columnIndex = index;
       if (typeof columnIndex !== 'number' || columnIndex >= countSourceCols) {
@@ -78311,9 +78310,7 @@ var DataMap = /*#__PURE__*/function () {
       }
       var continueProcess = this.instance.runHooks('beforeCreateCol', columnIndex, amount, source);
       if (continueProcess === false) {
-        return {
-          delta: 0
-        };
+        return 0;
       }
       var physicalColumnIndex = countSourceCols;
       if (columnIndex < this.instance.countCols()) {
@@ -78349,14 +78346,6 @@ var DataMap = /*#__PURE__*/function () {
         nrOfColumns += 1;
       }
       this.instance.columnIndexMapper.insertIndexes(columnIndex, numberOfCreatedCols);
-      if (numberOfCreatedCols > 0) {
-        if (index === void 0 || index === null) {
-          // Creates the meta columns at the end of the columns collection.
-          this.metaManager.createColumn(null, numberOfCreatedCols);
-        } else if (source !== 'auto') {
-          this.metaManager.createColumn(startPhysicalIndex, amount);
-        }
-      }
       var newVisualColumnIndex = this.instance.toVisualColumn(startPhysicalIndex);
       this.instance.runHooks('afterCreateCol', newVisualColumnIndex, numberOfCreatedCols, source);
       this.instance.forceFullRender = true; // used when data was changed
@@ -78381,7 +78370,6 @@ var DataMap = /*#__PURE__*/function () {
   }, {
     key: "removeRow",
     value: function removeRow(index) {
-      var _this3 = this;
       var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
       var source = arguments.length > 2 ? arguments[2] : undefined;
       var rowIndex = Number.isInteger(index) ? index : -amount; // -amount = taking indexes from the end.
@@ -78402,19 +78390,13 @@ var DataMap = /*#__PURE__*/function () {
       // TODO: Function `removeRow` should validate fully, probably above.
       if (rowIndex < this.instance.countRows()) {
         this.instance.rowIndexMapper.removeIndexes(removedPhysicalIndexes);
-        var customDefinedColumns = (0, _mixed.isDefined)(this.instance.getSettings().columns) || (0, _mixed.isDefined)(this.instance.getSettings().dataSchema);
+        var customDefinedColumns = (0, _mixed.isDefined)(this.tableMeta.columns) || (0, _mixed.isDefined)(this.tableMeta.dataSchema);
 
         // All rows have been removed. There shouldn't be any columns.
         if (this.instance.rowIndexMapper.getNotTrimmedIndexesLength() === 0 && customDefinedColumns === false) {
           this.instance.columnIndexMapper.setIndexesSequence([]);
         }
       }
-      var descendingPhysicalRows = removedPhysicalIndexes.slice(0).sort(function (a, b) {
-        return b - a;
-      });
-      descendingPhysicalRows.forEach(function (rowPhysicalIndex) {
-        _this3.metaManager.removeRow(rowPhysicalIndex, 1);
-      });
       this.instance.runHooks('afterRemoveRow', rowIndex, numberOfRemovedIndexes, removedPhysicalIndexes, source);
       this.instance.forceFullRender = true; // used when data was changed
 
@@ -78436,56 +78418,51 @@ var DataMap = /*#__PURE__*/function () {
     value: function removeCol(index) {
       var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
       var source = arguments.length > 2 ? arguments[2] : undefined;
-      if (this.instance.dataType === 'object' || this.instance.getSettings().columns) {
+      if (this.instance.dataType === 'object' || this.tableMeta.columns) {
         throw new Error('cannot remove column with object data source or columns option specified');
       }
       var columnIndex = typeof index !== 'number' ? -amount : index;
       columnIndex = (this.instance.countCols() + columnIndex) % this.instance.countCols();
-      var removedPhysicalIndexes = this.visualColumnsToPhysical(columnIndex, amount);
-      var descendingPhysicalColumns = removedPhysicalIndexes.slice(0).sort(function (a, b) {
+      var logicColumns = this.visualColumnsToPhysical(columnIndex, amount);
+      var descendingLogicColumns = logicColumns.slice(0).sort(function (a, b) {
         return b - a;
       });
-      var actionWasNotCancelled = this.instance.runHooks('beforeRemoveCol', columnIndex, amount, removedPhysicalIndexes, source);
+      var actionWasNotCancelled = this.instance.runHooks('beforeRemoveCol', columnIndex, amount, logicColumns, source);
       if (actionWasNotCancelled === false) {
         return false;
       }
       var isTableUniform = true;
-      var removedColumnsCount = descendingPhysicalColumns.length;
+      var removedColumnsCount = descendingLogicColumns.length;
       var data = this.dataSource;
       for (var c = 0; c < removedColumnsCount; c++) {
-        if (isTableUniform && removedPhysicalIndexes[0] !== removedPhysicalIndexes[c] - c) {
+        if (isTableUniform && logicColumns[0] !== logicColumns[c] - c) {
           isTableUniform = false;
         }
       }
       if (isTableUniform) {
         for (var r = 0, rlen = this.instance.countSourceRows(); r < rlen; r++) {
-          data[r].splice(removedPhysicalIndexes[0], amount);
-          if (r === 0) {
-            this.metaManager.removeColumn(removedPhysicalIndexes[0], amount);
-          }
+          data[r].splice(logicColumns[0], amount);
         }
       } else {
         for (var _r = 0, _rlen = this.instance.countSourceRows(); _r < _rlen; _r++) {
           for (var _c = 0; _c < removedColumnsCount; _c++) {
-            data[_r].splice(descendingPhysicalColumns[_c], 1);
-            if (_r === 0) {
-              this.metaManager.removeColumn(descendingPhysicalColumns[_c], 1);
-            }
+            data[_r].splice(descendingLogicColumns[_c], 1);
           }
         }
       }
 
       // TODO: Function `removeCol` should validate fully, probably above.
       if (columnIndex < this.instance.countCols()) {
-        this.instance.columnIndexMapper.removeIndexes(removedPhysicalIndexes);
+        this.instance.columnIndexMapper.removeIndexes(logicColumns);
 
         // All columns have been removed. There shouldn't be any rows.
         if (this.instance.columnIndexMapper.getNotTrimmedIndexesLength() === 0) {
           this.instance.rowIndexMapper.setIndexesSequence([]);
         }
       }
-      this.instance.runHooks('afterRemoveCol', columnIndex, amount, removedPhysicalIndexes, source);
+      this.instance.runHooks('afterRemoveCol', columnIndex, amount, logicColumns, source);
       this.instance.forceFullRender = true; // used when data was changed
+
       this.refreshDuckSchema();
       return true;
     }
@@ -78557,7 +78534,7 @@ var DataMap = /*#__PURE__*/function () {
   }, {
     key: "spliceData",
     value: function spliceData(index, deleteCount, elements) {
-      var _this4 = this;
+      var _this3 = this;
       var continueSplicing = this.instance.runHooks('beforeDataSplice', index, deleteCount, elements);
       if (continueSplicing !== false) {
         var newData = [].concat((0, _toConsumableArray2.default)(this.dataSource.slice(0, index)), (0, _toConsumableArray2.default)(elements), (0, _toConsumableArray2.default)(this.dataSource.slice(index)));
@@ -78568,7 +78545,7 @@ var DataMap = /*#__PURE__*/function () {
         // Pushing to array instead of using `splice`, because Babel changes the code to one that uses the `apply` method.
         // The used method was cause of the problem described within #7840.
         newData.forEach(function (row) {
-          return _this4.dataSource.push(row);
+          return _this3.dataSource.push(row);
         });
       }
     }
@@ -78777,7 +78754,7 @@ var DataMap = /*#__PURE__*/function () {
   }, {
     key: "getLength",
     value: function getLength() {
-      var maxRowsFromSettings = this.instance.getSettings().maxRows;
+      var maxRowsFromSettings = this.tableMeta.maxRows;
       var maxRows;
       if (maxRowsFromSettings < 0 || maxRowsFromSettings === 0) {
         maxRows = 0;
@@ -78836,8 +78813,8 @@ var DataMap = /*#__PURE__*/function () {
       var r;
       var c;
       var row;
-      var maxRows = this.instance.getSettings().maxRows;
-      var maxCols = this.instance.getSettings().maxCols;
+      var maxRows = this.tableMeta.maxRows;
+      var maxCols = this.tableMeta.maxCols;
       if (maxRows === 0 || maxCols === 0) {
         return [];
       }
@@ -78894,7 +78871,7 @@ var DataMap = /*#__PURE__*/function () {
     key: "destroy",
     value: function destroy() {
       this.instance = null;
-      this.metaManager = null;
+      this.tableMeta = null;
       this.dataSource = null;
       this.duckSchema = null;
       this.colToPropCache.length = 0;
@@ -79002,7 +78979,7 @@ var _object = __webpack_require__(12);
  * ::: only-for react
  *
  * To apply configuration options, pass them as individual props
- * of the [`HotTable`](@/guides/getting-started/installation.md##hottable-component)
+ * of the [`HotTable`](@/guides/getting-started/installation.md#use-the-hottable-component)
  * or [`HotColumn`](@/guides/columns/react-hot-column.md) components.
  *
  * Read more on the [Configuration options](@/guides/getting-started/configuration-options.md) page.
@@ -79032,10 +79009,10 @@ var _object = __webpack_require__(12);
  * :::
  *
  * Depending on your needs, you can apply [configuration options](@/api/options.md) to different elements of your grid:
- * - [The entire grid](@/guides/getting-started/configuration-options.md#setting-grid-options)
- * - [Individual columns](@/guides/getting-started/configuration-options.md#setting-column-options)
- * - [Individual rows](@/guides/getting-started/configuration-options.md#setting-row-options)
- * - [Individual cells](@/guides/getting-started/configuration-options.md#setting-cell-options)
+ * - [The entire grid](@/guides/getting-started/configuration-options.md#set-grid-options)
+ * - [Individual columns](@/guides/getting-started/configuration-options.md#set-column-options)
+ * - [Individual rows](@/guides/getting-started/configuration-options.md#set-row-options)
+ * - [Individual cells](@/guides/getting-started/configuration-options.md#set-cell-options)
  * - [Individual grid elements, based on any logic you implement](@/guides/getting-started/configuration-options.md#implementing-custom-logic)
  *
  * Read more:
@@ -79356,14 +79333,16 @@ var _default = function _default() {
      */
     autoRowSize: void 0,
     /**
-     * The `autoWrapCol` option determines what happens to current cell selection when you navigate to the grid's top or bottom edge.
+     * With [`autoWrapCol`](#autowrapcol) enabled:
+     * - When you select a bottom-most cell, pressing <kbd>**↓**</kbd> takes you to the top-most cell of the next column.
+     * - When you select a top-most cell, pressing <kbd>**↑**</kbd> takes you to the bottom-most cell of the previous column.
      *
-     * You can set the `autoWrapCol` option to one of the following:
+     * You can set the [`autoWrapCol`](#autowrapcol) option to one of the following:
      *
-     * | Setting           | Description                                                                                                             |
-     * | ----------------- | ----------------------------------------------------------------------------------------------------------------------- |
-     * | `true`            | On reaching the grid's top or bottom edge<br>- Jump to the opposite edge<br>- Select a cell in the previous/next column |
-     * | `false` (default) | On reaching the grid's top or bottom edge, stop                                                                         |
+     * | Setting           | Description                                                                                                                                                                                                                                  |
+     * | ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+     * | `true`            | When you select a bottom-most cell, pressing <kbd>**↓**</kbd> takes you to the top-most cell of the next column.<br><br>When you select a top-most cell, pressing <kbd>**↑**</kbd> takes you to the bottom-most cell of the previous column. |
+     * | `false` (default) | When you select a bottom-most cell, pressing <kbd>**↓**</kbd> doesn't do anything.<br><br>When you select a top-most cell, pressing <kbd>**↑**</kbd> doesn't do anything.                                                                    |
      *
      * @memberof Options#
      * @type {boolean}
@@ -79372,20 +79351,29 @@ var _default = function _default() {
      *
      * @example
      * ```js
-     * // on reaching the grid's top or bottom edge, jump to the opposite edge
+     * // when you select a bottom-most cell, pressing ⬇ doesn't do anything
+     * // when you select a top-most cell, pressing ⬆ doesn't do anything
+     * autoWrapCol: false, // default setting
+     *
+     * // when you select a bottom-most cell, pressing ⬇ takes you to the top-most cell of the next column
+     * // when you select a top-most cell, pressing ⬆ takes you to the bottom-most cell of the previous column
      * autoWrapCol: true,
      * ```
      */
     autoWrapCol: false,
     /**
-     * The `autoWrapRow` option determines what happens to current cell selection when you navigate to the grid's left or right edge.
+     * With [`autoWrapRow`](#autoWrapRow) enabled:
+     * - When you select the first cell of a row, pressing <kbd>**←**</kbd>* takes you to the last cell of the row above.
+     * - When you select the last cell of a row, pressing <kbd>**→**</kbd>* takes you to the first cell of the row below.
+     *
+     * You can set the [`autoWrapRow`](#autoWrapRow) option to one of the following:
      *
-     * You can set the `autoWrapRow` option to one of the following:
+     * | Setting           | Description                                                                                                                                                                                                                              |
+     * | ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+     * | `true`            | When you select the first cell of a row, pressing <kbd>**←**</kbd>* takes you to the last cell of the row above.<br><br>When you select the last cell of a row, pressing <kbd>**→**</kbd>* takes you to the first cell of the row below. |
+     * | `false` (default) | When you select the first cell of a row, pressing <kbd>**←**</kbd>* doesn't do anything.<br><br>When you select the last cell of a row, pressing <kbd>**→**</kbd>* doesn't do anything.                                                  |
      *
-     * | Setting           | Description                                                                                                                  |
-     * | ----------------- | ---------------------------------------------------------------------------------------------------------------------------- |
-     * | `true`            | On reaching the grid's left or right edge:<br>- Jump to the grid's opposite edge<br>- Select a cell in the previous/next row |
-     * | `false` (default) | On reaching the grid's left or right edge, stop                                                                              |
+     * \* The exact key depends on your [`layoutDirection`](#layoutdirection) configuration.
      *
      * @memberof Options#
      * @type {boolean}
@@ -79394,7 +79382,12 @@ var _default = function _default() {
      *
      * @example
      * ```js
-     * // on reaching the grid's left or right edge, jump to the opposite edge
+     * // when you select the first cell of a row, pressing ⬅ doesn't do anything
+     * // when you select the last cell of a row, pressing ➡️ doesn't do anything
+     * autoWrapRow: false, // default setting
+     *
+     * // when you select the first cell of a row, pressing ⬅ takes you to the last cell of the row above
+     * // when you select the last cell of a row, pressing ➡️ takes you to the first cell of the row below
      * autoWrapRow: true,
      * ```
      */
@@ -79428,11 +79421,11 @@ var _default = function _default() {
     /**
      * The `cell` option lets you apply [configuration options](@/guides/getting-started/configuration-options.md) to individual cells.
      *
-     * The `cell` option overwrites the [top-level grid options](@/guides/getting-started/configuration-options.md#setting-grid-options),
+     * The `cell` option overwrites the [top-level grid options](@/guides/getting-started/configuration-options.md#set-grid-options),
      * and the [`columns`](#columns) options.
      *
      * Read more:
-     * - [Configuration options: Setting cell options](@/guides/getting-started/configuration-options.md#setting-cell-options)
+     * - [Configuration options: Setting cell options](@/guides/getting-started/configuration-options.md#set-cell-options)
      * - [`columns`](#columns)
      *
      * @memberof Options#
@@ -79469,8 +79462,8 @@ var _default = function _default() {
      * | `prop`    | No       | String \| Number | If [`data`](#data) is set to an [array of arrays](@/guides/getting-started/binding-to-data.md#array-of-arrays), `prop` is the same number as `column`.<br><br>If [`data`](#data) is set to an [array of objects](@/guides/getting-started/binding-to-data.md#array-of-objects), `prop` is a property name for the column's data object. |
      *
      * Read more:
-     * - [Configuration options: Implementing custom logic](@/guides/getting-started/configuration-options.md#implementing-custom-logic)
-     * - [Configuration options: Setting row options](@/guides/getting-started/configuration-options.md#setting-row-options)
+     * - [Configuration options: Implementing custom logic](@/guides/getting-started/configuration-options.md#implement-custom-logic)
+     * - [Configuration options: Setting row options](@/guides/getting-started/configuration-options.md#set-row-options)
      * - [`columns`](#columns)
      * - [`cell`](#cell)
      *
@@ -79687,12 +79680,12 @@ var _default = function _default() {
      * - An array of objects (each object represents one column)
      * - A function that returns an array of objects
      *
-     * The `columns` option overwrites the [top-level grid options](@/guides/getting-started/configuration-options.md#setting-grid-options).
+     * The `columns` option overwrites the [top-level grid options](@/guides/getting-started/configuration-options.md#set-grid-options).
      *
      * When you use `columns`, the [`startCols`](#startCols), [`minCols`](#minCols), and [`maxCols`](#maxCols) options are ignored.
      *
      * Read more:
-     * - [Configuration options: Setting column options](@/guides/getting-started/configuration-options.md#setting-column-options)
+     * - [Configuration options: Setting column options](@/guides/getting-started/configuration-options.md#set-column-options)
      * - [`startCols`](#startCols)
      * - [`minCols`](#minCols)
      * - [`maxCols`](#maxCols)
@@ -79825,12 +79818,12 @@ var _default = function _default() {
      * | `type`                   | `'sum'` \| `'min'` \| `'max'` \| `'count'` \| `'average'` \| `'custom'` | [Summary function](@/guides/columns/column-summary.md#step-3-calculate-your-summary)                                         |
      * | `destinationRow`         | A number                                                                | [Destination cell's row coordinate](@/guides/columns/column-summary.md#step-4-provide-the-destination-cell-s-coordinates)    |
      * | `destinationColumn`      | A number                                                                | [Destination cell's column coordinate](@/guides/columns/column-summary.md#step-4-provide-the-destination-cell-s-coordinates) |
-     * | `forceNumeric`           | `true`  \| `false`                                                      | [Treat non-numerics as numerics](@/guides/columns/column-summary.md#forcing-numeric-values)                                  |
+     * | `forceNumeric`           | `true`  \| `false`                                                      | [Treat non-numerics as numerics](@/guides/columns/column-summary.md#force-numeric-values)                                  |
      * | `reversedRowCoords`      | `true`  \| `false`                                                      | [Reverse row coordinates](@/guides/columns/column-summary.md#step-5-make-room-for-the-destination-cell)                      |
-     * | `suppressDataTypeErrors` | `true`  \| `false`                                                      | [Suppress data type errors](@/guides/columns/column-summary.md#throwing-data-type-errors)                                    |
+     * | `suppressDataTypeErrors` | `true`  \| `false`                                                      | [Suppress data type errors](@/guides/columns/column-summary.md#throw-data-type-errors)                                    |
      * | `readOnly`               | `true`  \| `false`                                                      | Make summary cell read-only                                                                                                  |
-     * | `roundFloat`             | `true`  \| `false`                                                      | [Round summary result](@/guides/columns/column-summary.md#rounding-a-column-summary-result)                                  |
-     * | `customFunction`         | A function                                                              | [Custom summary function](@/guides/columns/column-summary.md#implementing-a-custom-summary-function)                         |
+     * | `roundFloat`             | `true`  \| `false`                                                      | [Round summary result](@/guides/columns/column-summary.md#round-a-column-summary-result)                                  |
+     * | `customFunction`         | A function                                                              | [Custom summary function](@/guides/columns/column-summary.md#implement-a-custom-summary-function)                         |
      *
      * Read more:
      * - [Column summary](@/guides/columns/column-summary.md)
@@ -80008,13 +80001,13 @@ var _default = function _default() {
      * | `false`   | Disable the [`ContextMenu`](@/api/contextMenu.md) plugin                                                                                                                                                |
      * | `true`    | - Enable the [`ContextMenu`](@/api/contextMenu.md) plugin<br>- Use the [default context menu options](@/guides/accessories-and-menus/context-menu.md#context-menu-with-default-options)                 |
      * | An array  | - Enable the [`ContextMenu`](@/api/contextMenu.md) plugin<br>- Modify [individual context menu options](@/guides/accessories-and-menus/context-menu.md#context-menu-with-specific-options)              |
-     * | An object | - Enable the [`ContextMenu`](@/api/contextMenu.md) plugin<br>- Apply a [custom context menu configuration](@/guides/accessories-and-menus/context-menu.md#context-menu-with-fully-custom-configuration) |
+     * | An object | - Enable the [`ContextMenu`](@/api/contextMenu.md) plugin<br>- Apply a [custom context menu configuration](@/guides/accessories-and-menus/context-menu.md#context-menu-with-a-fully-custom-configuration) |
      *
      * Read more:
      * - [Context menu](@/guides/accessories-and-menus/context-menu.md)
      * - [Context menu: Context menu with default options](@/guides/accessories-and-menus/context-menu.md#context-menu-with-default-options)
      * - [Context menu: Context menu with specific options](@/guides/accessories-and-menus/context-menu.md#context-menu-with-specific-options)
-     * - [Context menu: Context menu with fully custom configuration options](@/guides/accessories-and-menus/context-menu.md#context-menu-with-fully-custom-configuration)
+     * - [Context menu: Context menu with fully custom configuration options](@/guides/accessories-and-menus/context-menu.md#context-menu-with-a-fully-custom-configuration)
      * - [Plugins: `ContextMenu`](@/api/contextMenu.md)
      *
      * @memberof Options#
@@ -81511,7 +81504,7 @@ var _default = function _default() {
      *
      * You can set the layout direction only at Handsontable's [initialization](@/guides/getting-started/installation.md#initialize-handsontable). Any change of the `layoutDirection` option after the initialization (e.g. using the [`updateSettings()`](@/api/core.md#updatesettings) method) is ignored.
      *
-     * You can set the `layoutDirection` option only [for the entire grid](@/guides/getting-started/configuration-options.md#setting-grid-options).
+     * You can set the `layoutDirection` option only [for the entire grid](@/guides/getting-started/configuration-options.md#set-grid-options).
      * You can't set it for individual columns, rows, or cells.
      *
      * You can set the `layoutDirection` option to one of the following strings:
@@ -81583,8 +81576,8 @@ var _default = function _default() {
      * The `locale` option configures Handsontable's [locale](@/guides/internationalization/locale.md) settings.
      *
      * You can set the `locale` option to any valid and canonicalized Unicode BCP 47 locale tag,
-     * both for the [entire grid](@/guides/internationalization/locale.md#setting-the-grid-s-locale),
-     * and for [individual columns](@/guides/internationalization/locale.md#setting-a-column-s-locale).
+     * both for the [entire grid](@/guides/internationalization/locale.md#set-the-grid-s-locale),
+     * and for [individual columns](@/guides/internationalization/locale.md#set-a-column-s-locale).
      *
      * Read more:
      * - [Locale](@/guides/internationalization/locale.md)
@@ -82237,7 +82230,7 @@ var _default = function _default() {
      * | `true`            | Enable the [`PersistentState`](@/api/persistentState.md) plugin  |
      *
      * Read more:
-     * - [Saving data: Saving data locally](@/guides/getting-started/saving-data.md#saving-data-locally)
+     * - [Saving data: Saving data locally](@/guides/getting-started/saving-data.md#save-data-locally)
      * - [Plugins: `PersistentState`](@/api/persistentState.md)
      *
      * @memberof Options#
@@ -82680,7 +82673,7 @@ var _default = function _default() {
      * | `'multiple'` | Allow the user to select multiple ranges of cells at a time. |
      *
      * Read more:
-     * - [Selection: Selecting ranges](@/guides/cell-features/selection.md#selecting-ranges)
+     * - [Selection: Selecting ranges](@/guides/cell-features/selection.md#select-ranges)
      *
      * @memberof Options#
      * @type {string}
@@ -82771,7 +82764,7 @@ var _default = function _default() {
      * | `true`            | - Disable pasting data into this column<br>- On pasting, paste data into the next column to the right |
      *
      * Read more:
-     * - [Configuration options: Setting column options](@/guides/getting-started/configuration-options.md#setting-column-options)
+     * - [Configuration options: Setting column options](@/guides/getting-started/configuration-options.md#set-column-options)
      *
      * @memberof Options#
      * @type {boolean}
@@ -82804,7 +82797,7 @@ var _default = function _default() {
      * | `true`            | - Disable pasting data into this row<br>- On pasting, paste data into the row below |
      *
      * Read more:
-     * - [Configuration options: Setting row options](@/guides/getting-started/configuration-options.md#setting-row-options)
+     * - [Configuration options: Setting row options](@/guides/getting-started/configuration-options.md#set-row-options)
      *
      * @memberof Options#
      * @type {boolean}
@@ -96288,8 +96281,8 @@ Handsontable.hooks = _pluginHooks.default.getSingleton();
 Handsontable.CellCoords = _src.CellCoords;
 Handsontable.CellRange = _src.CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "05/12/2022 10:27:39";
-Handsontable.version = "0.0.0-next-d4ae6d7-20221205";
+Handsontable.buildDate = "06/12/2022 11:00:58";
+Handsontable.version = "0.0.0-next-0c2e6f8-20221206";
 Handsontable.languages = {
   dictionaryKeys: _registry.dictionaryKeys,
   getLanguageDictionary: _registry.getLanguageDictionary,
@@ -111278,7 +111271,6 @@ function replaceData(data, setDataMapFunction, callbackFunction, config) {
     dataSource = config.dataSource,
     internalSource = config.internalSource,
     source = config.source,
-    metaManager = config.metaManager,
     firstRun = config.firstRun;
   var capitalizedInternalSource = (0, _string.toUpperCaseFirst)(internalSource);
   var tableMeta = hotInstance.getSettings();
@@ -111293,7 +111285,7 @@ function replaceData(data, setDataMapFunction, callbackFunction, config) {
     dataMap.destroy();
   }
   data = hotInstance.runHooks("before".concat(capitalizedInternalSource), data, firstRun, source);
-  var newDataMap = new _dataMap.default(hotInstance, data, metaManager);
+  var newDataMap = new _dataMap.default(hotInstance, data, tableMeta);
 
   // We need to apply the new dataMap immediately, because of some asynchronous logic in the
   // `autoRowSize`/`autoColumnSize` plugins.
@@ -111613,7 +111605,7 @@ var _recorder = __webpack_require__(825);
  * @param {object} options The manager's options
  * @param {EventTarget} options.ownerWindow A starting `window` element
  * @param {Function} options.handleEvent A condition on which `event` is handled.
- * @param {Function} options.beforeKeyDown A hook fired before the `keydown` event is handled. You can use it to [block a keyboard shortcut's actions](@/guides/accessories-and-menus/keyboard-shortcuts.md#blocking-a-keyboard-shortcut-s-actions).
+ * @param {Function} options.beforeKeyDown A hook fired before the `keydown` event is handled. You can use it to [block a keyboard shortcut's actions](@/guides/accessories-and-menus/keyboard-shortcuts.md#block-a-keyboard-shortcut-s-actions).
  * @param {Function} options.afterKeyDown A hook fired after the `keydown` event is handled
  */
 var createShortcutManager = function createShortcutManager(_ref) {
@@ -123070,7 +123062,7 @@ var PLUGIN_PRIORITY = 220;
  * The `ColumnSummary` plugin lets you [easily summarize your columns](@/guides/columns/column-summary.md).
  *
  * You can use the [built-in summary functions](@/guides/columns/column-summary.md#built-in-summary-functions),
- * or implement a [custom summary function](@/guides/columns/column-summary.md#implementing-a-custom-summary-function).
+ * or implement a [custom summary function](@/guides/columns/column-summary.md#implement-a-custom-summary-function).
  *
  * For each column summary, you can set the following configuration options:
  *
@@ -123081,12 +123073,12 @@ var PLUGIN_PRIORITY = 220;
  * | `type` | Yes | String | - | [Sets a summary function](@/guides/columns/column-summary.md#step-3-calculate-your-summary) |
  * | `destinationRow` | Yes | Number | - | [Sets the destination cell's row coordinate](@/guides/columns/column-summary.md#step-4-provide-the-destination-cell-s-coordinates) |
  * | `destinationColumn` | Yes | Number | - | [Sets the destination cell's column coordinate](@/guides/columns/column-summary.md#step-4-provide-the-destination-cell-s-coordinates) |
- * | `forceNumeric` | No | Boolean | `false` | [Forces the summary to treat non-numerics as numerics](@/guides/columns/column-summary.md#forcing-numeric-values) |
+ * | `forceNumeric` | No | Boolean | `false` | [Forces the summary to treat non-numerics as numerics](@/guides/columns/column-summary.md#force-numeric-values) |
  * | `reversedRowCoords` | No | Boolean | `false` | [Reverses row coordinates](@/guides/columns/column-summary.md#step-5-make-room-for-the-destination-cell) |
- * | `suppressDataTypeErrors` | No | Boolean | `true` | [Suppresses data type errors](@/guides/columns/column-summary.md#throwing-data-type-errors) |
+ * | `suppressDataTypeErrors` | No | Boolean | `true` | [Suppresses data type errors](@/guides/columns/column-summary.md#throw-data-type-errors) |
  * | `readOnly` | No | Boolean | `true` | Makes summary cell read-only |
- * | `roundFloat` | No | Number | - | [Rounds summary result](@/guides/columns/column-summary.md#rounding-a-column-summary-result) |
- * | `customFunction` | No | Function | - | [Lets you add a custom summary function](@/guides/columns/column-summary.md#implementing-a-custom-summary-function) |
+ * | `roundFloat` | No | Number | - | [Rounds summary result](@/guides/columns/column-summary.md#round-a-column-summary-result) |
+ * | `customFunction` | No | Function | - | [Lets you add a custom summary function](@/guides/columns/column-summary.md#implement-a-custom-summary-function) |
  *
  * @example
  * ::: only-for javascript
@@ -124056,6 +124048,15 @@ var Endpoints = /*#__PURE__*/function () {
       var useOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       var alterRowOffset = endpoint.alterRowOffset || 0;
       var alterColOffset = endpoint.alterColumnOffset || 0;
+      var _ref = [this.hot.toVisualRow(endpoint.destinationRow), this.hot.toVisualColumn(endpoint.destinationColumn)],
+        visualRowIndex = _ref[0],
+        visualColumnIndex = _ref[1];
+      if (visualColumnIndex !== null && visualRowIndex !== null) {
+        // Clear the meta on the "old" indexes
+        var cellMeta = this.hot.getCellMeta(visualRowIndex, visualColumnIndex);
+        cellMeta.readOnly = false;
+        cellMeta.className = '';
+      }
       this.cellsToSetCache.push([this.hot.toVisualRow(endpoint.destinationRow + (useOffset ? alterRowOffset : 0)), this.hot.toVisualColumn(endpoint.destinationColumn + (useOffset ? alterColOffset : 0)), '']);
     }
 
@@ -124070,14 +124071,17 @@ var Endpoints = /*#__PURE__*/function () {
     key: "setEndpointValue",
     value: function setEndpointValue(endpoint, source) {
       var render = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      // We'll need the reversed offset values, because cellMeta will be shifted AGAIN afterwards.
+      var reverseRowOffset = -1 * endpoint.alterRowOffset || 0;
+      var reverseColOffset = -1 * endpoint.alterColumnOffset || 0;
       var visualEndpointRowIndex = this.hot.toVisualRow(endpoint.destinationRow);
       if (endpoint.destinationRow >= this.hot.countRows() || endpoint.destinationColumn >= this.hot.countCols()) {
         this.throwOutOfBoundsWarning();
         return;
       }
-      var destinationVisualRow = this.hot.toVisualRow(endpoint.destinationRow);
+      var destinationVisualRow = this.hot.toVisualRow(endpoint.destinationRow + reverseRowOffset);
       if (destinationVisualRow !== null) {
-        var cellMeta = this.hot.getCellMeta(destinationVisualRow, endpoint.destinationColumn);
+        var cellMeta = this.hot.getCellMeta(destinationVisualRow, endpoint.destinationColumn + reverseColOffset);
         if (source === 'init' || cellMeta.readOnly !== endpoint.readOnly) {
           cellMeta.readOnly = endpoint.readOnly;
           cellMeta.className = 'columnSummaryResult';