handsontable 0.0.0-next-cecf979-20231026 → 0.0.0-next-50e428d-20231026

package/dist/handsontable.js

@@ -25,8 +25,8 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  *
- * Version: 0.0.0-next-cecf979-20231026
- * Release date: 31/08/2023 (built at 26/10/2023 11:29:36)
+ * Version: 0.0.0-next-50e428d-20231026
+ * Release date: 31/08/2023 (built at 26/10/2023 13:13:24)
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -105,8 +105,8 @@ Handsontable.hooks = _pluginHooks.default.getSingleton();
 Handsontable.CellCoords = _src.CellCoords;
 Handsontable.CellRange = _src.CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "26/10/2023 11:29:36";
-Handsontable.version = "0.0.0-next-cecf979-20231026";
+Handsontable.buildDate = "26/10/2023 13:13:24";
+Handsontable.version = "0.0.0-next-50e428d-20231026";
 Handsontable.languages = {
   dictionaryKeys: _registry.dictionaryKeys,
   getLanguageDictionary: _registry.getLanguageDictionary,
@@ -464,18 +464,6 @@ function Core(rootElement, userSettings) {
   };
   this.columnIndexMapper.addLocalHook('cacheUpdated', onIndexMapperCacheUpdate);
   this.rowIndexMapper.addLocalHook('cacheUpdated', onIndexMapperCacheUpdate);
-  this.selection.addLocalHook('beforeHighlightSet', () => {
-    this.runHooks('beforeSelectionHighlightSet');
-  });
-  this.selection.addLocalHook('beforeSetRangeStart', cellCoords => {
-    this.runHooks('beforeSetRangeStart', cellCoords);
-  });
-  this.selection.addLocalHook('beforeSetRangeStartOnly', cellCoords => {
-    this.runHooks('beforeSetRangeStartOnly', cellCoords);
-  });
-  this.selection.addLocalHook('beforeSetRangeEnd', cellCoords => {
-    this.runHooks('beforeSetRangeEnd', cellCoords);
-  });
   this.selection.addLocalHook('afterSetRangeEnd', cellCoords => {
     const preventScrolling = (0, _object.createObjectPropListener)(false);
     const selectionRange = this.selection.getSelectedRange();
@@ -564,54 +552,78 @@ function Core(rootElement, userSettings) {
       isMultiple.value = changedIsMultiple;
     }
   });
-  this.selection.addLocalHook('beforeSelectColumns', function () {
+  this.selection.addLocalHook('afterDeselect', () => {
+    editorManager.destroyEditor();
+    this._refreshBorders();
+    (0, _element.removeClass)(this.rootElement, ['ht__selection--rows', 'ht__selection--columns']);
+    this.runHooks('afterDeselect');
+  });
+  this.selection.addLocalHook('beforeHighlightSet', () => this.runHooks('beforeSelectionHighlightSet')).addLocalHook('beforeSetRangeStart', function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    return _this.runHooks('beforeSelectColumns', ...args);
-  });
-  this.selection.addLocalHook('afterSelectColumns', function () {
+    return _this.runHooks('beforeSetRangeStart', ...args);
+  }).addLocalHook('beforeSetRangeStartOnly', function () {
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-    return _this.runHooks('afterSelectColumns', ...args);
-  });
-  this.selection.addLocalHook('beforeSelectRows', function () {
+    return _this.runHooks('beforeSetRangeStartOnly', ...args);
+  }).addLocalHook('beforeSetRangeEnd', function () {
     for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
       args[_key3] = arguments[_key3];
     }
-    return _this.runHooks('beforeSelectRows', ...args);
-  });
-  this.selection.addLocalHook('afterSelectRows', function () {
+    return _this.runHooks('beforeSetRangeEnd', ...args);
+  }).addLocalHook('beforeSelectColumns', function () {
     for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
       args[_key4] = arguments[_key4];
     }
+    return _this.runHooks('beforeSelectColumns', ...args);
+  }).addLocalHook('afterSelectColumns', function () {
+    for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+      args[_key5] = arguments[_key5];
+    }
+    return _this.runHooks('afterSelectColumns', ...args);
+  }).addLocalHook('beforeSelectRows', function () {
+    for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
+      args[_key6] = arguments[_key6];
+    }
+    return _this.runHooks('beforeSelectRows', ...args);
+  }).addLocalHook('afterSelectRows', function () {
+    for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
+      args[_key7] = arguments[_key7];
+    }
     return _this.runHooks('afterSelectRows', ...args);
-  });
-  this.selection.addLocalHook('beforeModifyTransformStart', cellCoordsDelta => {
-    this.runHooks('modifyTransformStart', cellCoordsDelta);
-  });
-  this.selection.addLocalHook('afterModifyTransformStart', (coords, rowTransformDir, colTransformDir) => {
-    this.runHooks('afterModifyTransformStart', coords, rowTransformDir, colTransformDir);
-  });
-  this.selection.addLocalHook('beforeModifyTransformEnd', cellCoordsDelta => {
-    this.runHooks('modifyTransformEnd', cellCoordsDelta);
-  });
-  this.selection.addLocalHook('afterModifyTransformEnd', (coords, rowTransformDir, colTransformDir) => {
-    this.runHooks('afterModifyTransformEnd', coords, rowTransformDir, colTransformDir);
-  });
-  this.selection.addLocalHook('afterDeselect', () => {
-    editorManager.destroyEditor();
-    this._refreshBorders();
-    (0, _element.removeClass)(this.rootElement, ['ht__selection--rows', 'ht__selection--columns']);
-    this.runHooks('afterDeselect');
-  });
-  this.selection.addLocalHook('insertRowRequire', totalRows => {
-    this.alter('insert_row_above', totalRows, 1, 'auto');
-  });
-  this.selection.addLocalHook('insertColRequire', totalCols => {
-    this.alter('insert_col_start', totalCols, 1, 'auto');
-  });
+  }).addLocalHook('beforeModifyTransformStart', function () {
+    for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
+      args[_key8] = arguments[_key8];
+    }
+    return _this.runHooks('modifyTransformStart', ...args);
+  }).addLocalHook('afterModifyTransformStart', function () {
+    for (var _len9 = arguments.length, args = new Array(_len9), _key9 = 0; _key9 < _len9; _key9++) {
+      args[_key9] = arguments[_key9];
+    }
+    return _this.runHooks('afterModifyTransformStart', ...args);
+  }).addLocalHook('beforeModifyTransformEnd', function () {
+    for (var _len10 = arguments.length, args = new Array(_len10), _key10 = 0; _key10 < _len10; _key10++) {
+      args[_key10] = arguments[_key10];
+    }
+    return _this.runHooks('modifyTransformEnd', ...args);
+  }).addLocalHook('afterModifyTransformEnd', function () {
+    for (var _len11 = arguments.length, args = new Array(_len11), _key11 = 0; _key11 < _len11; _key11++) {
+      args[_key11] = arguments[_key11];
+    }
+    return _this.runHooks('afterModifyTransformEnd', ...args);
+  }).addLocalHook('beforeRowWrap', function () {
+    for (var _len12 = arguments.length, args = new Array(_len12), _key12 = 0; _key12 < _len12; _key12++) {
+      args[_key12] = arguments[_key12];
+    }
+    return _this.runHooks('beforeRowWrap', ...args);
+  }).addLocalHook('beforeColumnWrap', function () {
+    for (var _len13 = arguments.length, args = new Array(_len13), _key13 = 0; _key13 < _len13; _key13++) {
+      args[_key13] = arguments[_key13];
+    }
+    return _this.runHooks('beforeColumnWrap', ...args);
+  }).addLocalHook('insertRowRequire', totalRows => this.alter('insert_row_above', totalRows, 1, 'auto')).addLocalHook('insertColRequire', totalCols => this.alter('insert_col_start', totalCols, 1, 'auto'));
   grid = {
     /**
      * Inserts or removes rows and columns.
@@ -1747,8 +1759,8 @@ function Core(rootElement, userSettings) {
    * @returns {Array} Returns removed portion of columns.
    */
   this.spliceCol = function (column, index, amount) {
-    for (var _len5 = arguments.length, elements = new Array(_len5 > 3 ? _len5 - 3 : 0), _key5 = 3; _key5 < _len5; _key5++) {
-      elements[_key5 - 3] = arguments[_key5];
+    for (var _len14 = arguments.length, elements = new Array(_len14 > 3 ? _len14 - 3 : 0), _key14 = 3; _key14 < _len14; _key14++) {
+      elements[_key14 - 3] = arguments[_key14];
     }
     return datamap.spliceCol(column, index, amount, ...elements);
   };
@@ -1765,8 +1777,8 @@ function Core(rootElement, userSettings) {
    * @returns {Array} Returns removed portion of rows.
    */
   this.spliceRow = function (row, index, amount) {
-    for (var _len6 = arguments.length, elements = new Array(_len6 > 3 ? _len6 - 3 : 0), _key6 = 3; _key6 < _len6; _key6++) {
-      elements[_key6 - 3] = arguments[_key6];
+    for (var _len15 = arguments.length, elements = new Array(_len15 > 3 ? _len15 - 3 : 0), _key15 = 3; _key15 < _len15; _key15++) {
+      elements[_key15 - 3] = arguments[_key15];
     }
     return datamap.spliceRow(row, index, amount, ...elements);
   };
@@ -3163,8 +3175,8 @@ function Core(rootElement, userSettings) {
    */
   this.spliceCellsMeta = function (visualIndex) {
     let deleteAmount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    for (var _len7 = arguments.length, cellMetaRows = new Array(_len7 > 2 ? _len7 - 2 : 0), _key7 = 2; _key7 < _len7; _key7++) {
-      cellMetaRows[_key7 - 2] = arguments[_key7];
+    for (var _len16 = arguments.length, cellMetaRows = new Array(_len16 > 2 ? _len16 - 2 : 0), _key16 = 2; _key16 < _len16; _key16++) {
+      cellMetaRows[_key16 - 2] = arguments[_key16];
     }
     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.');
@@ -8482,7 +8494,7 @@ const domMessages = {
 function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "0.0.0-next-cecf979-20231026";
+  const hotVersion = "0.0.0-next-50e428d-20231026";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';
@@ -11950,6 +11962,38 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  *                           If set to `false`, the rendering gets triggered by scrolling or moving the selection.
  */
 'afterRender',
+/**
+ * When the focus position is moved to the next or previous row caused by the {@link Options#autoWrapRow} option
+ * the hook is triggered.
+ *
+ * @since 14.0.0
+ * @event Hooks#beforeRowWrap
+ * @param {boolean} isWrapEnabled Tells whether the row wrapping is going to happen.
+ * There may be situations where the option does not work even though it is enabled.
+ * This is due to the priority of other options that may block the feature.
+ * For example, when the {@link Options#minSpareCols} is defined, the {@link Options#autoWrapRow} option is not checked.
+ * Thus, row wrapping is off.
+ * @param {CellCoords} newCoords The new focus position.
+ * @param {boolean} isFlipped `true` if the row index was flipped, `false` otherwise.
+ * Flipped index means that the user reached the last row and the focus is moved to the first row or vice versa.
+ */
+'beforeRowWrap',
+/**
+ * When the focus position is moved to the next or previous column caused by the {@link Options#autoWrapCol} option
+ * the hook is triggered.
+ *
+ * @since 14.0.0
+ * @event Hooks#beforeColumnWrap
+ * @param {boolean} isWrapEnabled Tells whether the column wrapping is going to happen.
+ * There may be situations where the option does not work even though it is enabled.
+ * This is due to the priority of other options that may block the feature.
+ * For example, when the {@link Options#minSpareRows} is defined, the {@link Options#autoWrapCol} option is not checked.
+ * Thus, column wrapping is off.
+ * @param {CellCoords} newCoords The new focus position.
+ * @param {boolean} isFlipped `true` if the column index was flipped, `false` otherwise.
+ * Flipped index means that the user reached the last column and the focus is moved to the first column or vice versa.
+ */
+'beforeColumnWrap',
 /**
  * Fired before cell meta is changed.
  *
@@ -17549,6 +17593,15 @@ class CellCoords {
     return this.row >= 0 && this.col >= 0;
   }
 
+  /**
+   * Checks if the coordinates runs in RTL mode.
+   *
+   * @returns {boolean}
+   */
+  isRtl() {
+    return (0, _classPrivateFieldGet2.default)(this, _isRtl);
+  }
+
   /**
    * Checks if another set of coordinates (`testedCoords`)
    * is south-east of the coordinates in your `CellCoords` instance.
@@ -17606,6 +17659,26 @@ class CellCoords {
     return this;
   }
 
+  /**
+   * Assigns the coordinates from another `CellCoords` instance (or compatible literal object)
+   * to your `CellCoords` instance.
+   *
+   * @param {CellCoords | { row?: number, col?: number }} coords The CellCoords instance or compatible literal object.
+   * @returns {CellCoords}
+   */
+  assign(coords) {
+    if (Number.isInteger(coords === null || coords === void 0 ? void 0 : coords.row)) {
+      this.row = coords.row;
+    }
+    if (Number.isInteger(coords === null || coords === void 0 ? void 0 : coords.col)) {
+      this.col = coords.col;
+    }
+    if (coords instanceof CellCoords) {
+      (0, _classPrivateFieldSet2.default)(this, _isRtl, coords.isRtl());
+    }
+    return this;
+  }
+
   /**
    * Clones your `CellCoords` instance.
    *
@@ -31814,6 +31887,18 @@ class Selection {
       }
       return _this.runLocalHooks('insertColRequire', ...args);
     });
+    this.transformation.addLocalHook('beforeRowWrap', function () {
+      for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
+        args[_key7] = arguments[_key7];
+      }
+      return _this.runLocalHooks('beforeRowWrap', ...args);
+    });
+    this.transformation.addLocalHook('beforeColumnWrap', function () {
+      for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
+        args[_key8] = arguments[_key8];
+      }
+      return _this.runLocalHooks('beforeColumnWrap', ...args);
+    });
   }
 
   /**
@@ -33666,7 +33751,7 @@ class Transformation {
      * Translates the visual coordinates to zero-based ones.
      *
      * @param {CellCoords} visualCoords The visual coords to process.
-     * @returns {{x: number, y: number}}
+     * @returns {CellCoords}
      */
     _classPrivateMethodInitSpec(this, _visualToZeroBasedCoords);
     /**
@@ -33753,56 +33838,60 @@ class Transformation {
         height
       } = _classPrivateMethodGet(this, _getTableSize, _getTableSize2).call(this);
       const {
-        x,
-        y
+        row,
+        col
       } = _classPrivateMethodGet(this, _visualToZeroBasedCoords, _visualToZeroBasedCoords2).call(this, visualCoords);
       const fixedRowsBottom = (0, _classPrivateFieldGet2.default)(this, _options).fixedRowsBottom();
       const minSpareRows = (0, _classPrivateFieldGet2.default)(this, _options).minSpareRows();
       const minSpareCols = (0, _classPrivateFieldGet2.default)(this, _options).minSpareCols();
       const autoWrapRow = (0, _classPrivateFieldGet2.default)(this, _options).autoWrapRow();
       const autoWrapCol = (0, _classPrivateFieldGet2.default)(this, _options).autoWrapCol();
-      const rawCoords = {
-        row: y + delta.row,
-        col: x + delta.col
-      };
-      if (rawCoords.row >= height) {
-        if (createMissingRecords && minSpareRows > 0 && fixedRowsBottom === 0) {
+      const zeroBasedCoords = (0, _classPrivateFieldGet2.default)(this, _options).createCellCoords(row + delta.row, col + delta.col);
+      if (zeroBasedCoords.row >= height) {
+        const autoInsertingMode = createMissingRecords && minSpareRows > 0 && fixedRowsBottom === 0;
+        const isWrapEnabled = !autoInsertingMode && autoWrapCol;
+        const nextColumn = zeroBasedCoords.col + 1;
+        const newCoords = (0, _classPrivateFieldGet2.default)(this, _options).createCellCoords(zeroBasedCoords.row - height, nextColumn >= width ? nextColumn - width : nextColumn);
+        this.runLocalHooks('beforeColumnWrap', isWrapEnabled, _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, newCoords), nextColumn >= width);
+        if (autoInsertingMode) {
           this.runLocalHooks('insertRowRequire', (0, _classPrivateFieldGet2.default)(this, _options).countRenderableRows());
-        } else if (autoWrapCol) {
-          const nextColumn = rawCoords.col + 1;
-          rawCoords.row = rawCoords.row - height;
-          rawCoords.col = nextColumn >= width ? nextColumn - width : nextColumn;
+        } else if (isWrapEnabled) {
+          zeroBasedCoords.assign(newCoords);
         }
-      } else if (rawCoords.row < 0) {
+      } else if (zeroBasedCoords.row < 0) {
+        const previousColumn = zeroBasedCoords.col - 1;
+        const newCoords = (0, _classPrivateFieldGet2.default)(this, _options).createCellCoords(height + zeroBasedCoords.row, previousColumn < 0 ? width + previousColumn : previousColumn);
+        this.runLocalHooks('beforeColumnWrap', autoWrapCol, _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, newCoords), previousColumn < 0);
         if (autoWrapCol) {
-          const previousColumn = rawCoords.col - 1;
-          rawCoords.row = height + rawCoords.row;
-          rawCoords.col = previousColumn < 0 ? width + previousColumn : previousColumn;
+          zeroBasedCoords.assign(newCoords);
         }
       }
-      if (rawCoords.col >= width) {
-        if (createMissingRecords && minSpareCols > 0) {
+      if (zeroBasedCoords.col >= width) {
+        const autoInsertingMode = createMissingRecords && minSpareCols > 0;
+        const isWrapEnabled = !autoInsertingMode && autoWrapRow;
+        const nextRow = zeroBasedCoords.row + 1;
+        const newCoords = (0, _classPrivateFieldGet2.default)(this, _options).createCellCoords(nextRow >= height ? nextRow - height : nextRow, zeroBasedCoords.col - width);
+        this.runLocalHooks('beforeRowWrap', isWrapEnabled, _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, newCoords), nextRow >= height);
+        if (autoInsertingMode) {
           this.runLocalHooks('insertColRequire', (0, _classPrivateFieldGet2.default)(this, _options).countRenderableColumns());
-        } else if (autoWrapRow) {
-          const nextRow = rawCoords.row + 1;
-          rawCoords.row = nextRow >= height ? nextRow - height : nextRow;
-          rawCoords.col = rawCoords.col - width;
+        } else if (isWrapEnabled) {
+          zeroBasedCoords.assign(newCoords);
         }
-      } else if (rawCoords.col < 0) {
+      } else if (zeroBasedCoords.col < 0) {
+        const previousRow = zeroBasedCoords.row - 1;
+        const newCoords = (0, _classPrivateFieldGet2.default)(this, _options).createCellCoords(previousRow < 0 ? height + previousRow : previousRow, width + zeroBasedCoords.col);
+        this.runLocalHooks('beforeRowWrap', autoWrapRow, _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, newCoords), previousRow < 0);
         if (autoWrapRow) {
-          const previousRow = rawCoords.row - 1;
-          rawCoords.row = previousRow < 0 ? height + previousRow : previousRow;
-          rawCoords.col = width + rawCoords.col;
+          zeroBasedCoords.assign(newCoords);
         }
       }
-      const coords = (0, _classPrivateFieldGet2.default)(this, _options).createCellCoords(rawCoords.row, rawCoords.col);
       const {
         rowDir,
         colDir
-      } = _classPrivateMethodGet(this, _clampCoords, _clampCoords2).call(this, coords);
+      } = _classPrivateMethodGet(this, _clampCoords, _clampCoords2).call(this, zeroBasedCoords);
       rowTransformDir = rowDir;
       colTransformDir = colDir;
-      visualCoords = _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, coords);
+      visualCoords = _classPrivateMethodGet(this, _zeroBasedToVisualCoords, _zeroBasedToVisualCoords2).call(this, zeroBasedCoords);
     }
     this.runLocalHooks('afterTransformStart', visualCoords, rowTransformDir, colTransformDir);
     return visualCoords;
@@ -33829,14 +33918,10 @@ class Transformation {
     this.runLocalHooks('beforeTransformEnd', delta);
     if (highlightRenderableCoords.row !== null && highlightRenderableCoords.col !== null) {
       const {
-        x,
-        y
+        row,
+        col
       } = _classPrivateMethodGet(this, _visualToZeroBasedCoords, _visualToZeroBasedCoords2).call(this, cellRange.to);
-      const rawCoords = {
-        row: y + delta.row,
-        col: x + delta.col
-      };
-      const coords = (0, _classPrivateFieldGet2.default)(this, _options).createCellCoords(rawCoords.row, rawCoords.col);
+      const coords = (0, _classPrivateFieldGet2.default)(this, _options).createCellCoords(row + delta.row, col + delta.col);
       const {
         rowDir,
         colDir
@@ -33904,15 +33989,13 @@ function _visualToZeroBasedCoords2(visualCoords) {
     row,
     col
   } = (0, _classPrivateFieldGet2.default)(this, _options).visualToRenderableCoords(visualCoords);
-  return {
-    x: (0, _classPrivateFieldGet2.default)(this, _offset).x + col,
-    y: (0, _classPrivateFieldGet2.default)(this, _offset).y + row
-  };
+  return (0, _classPrivateFieldGet2.default)(this, _options).createCellCoords((0, _classPrivateFieldGet2.default)(this, _offset).y + row, (0, _classPrivateFieldGet2.default)(this, _offset).x + col);
 }
 function _zeroBasedToVisualCoords2(zeroBasedCoords) {
-  zeroBasedCoords.col = zeroBasedCoords.col - (0, _classPrivateFieldGet2.default)(this, _offset).x;
-  zeroBasedCoords.row = zeroBasedCoords.row - (0, _classPrivateFieldGet2.default)(this, _offset).y;
-  return (0, _classPrivateFieldGet2.default)(this, _options).renderableToVisualCoords(zeroBasedCoords);
+  const coords = zeroBasedCoords.clone();
+  coords.col = zeroBasedCoords.col - (0, _classPrivateFieldGet2.default)(this, _offset).x;
+  coords.row = zeroBasedCoords.row - (0, _classPrivateFieldGet2.default)(this, _offset).y;
+  return (0, _classPrivateFieldGet2.default)(this, _options).renderableToVisualCoords(coords);
 }
 (0, _object.mixin)(Transformation, _localHooks.default);
 var _default = Transformation;
@@ -41653,46 +41736,52 @@ function installFocusCatcher(hot) {
       hot.listen();
     }
   });
+  const rowWrapState = {
+    wrapped: false,
+    flipped: false
+  };
   hot.addHook('afterListen', () => deactivate());
   hot.addHook('afterUnlisten', () => activate());
   hot.addHook('afterSelection', () => {
     var _hot$getSelectedRange;
     recentlyAddedFocusCoords = (_hot$getSelectedRange = hot.getSelectedRangeLast()) === null || _hot$getSelectedRange === void 0 ? void 0 : _hot$getSelectedRange.highlight;
   });
+  hot.addHook('beforeRowWrap', (isWrapEnabled, newCoords, isFlipped) => {
+    rowWrapState.wrapped = true;
+    rowWrapState.flipped = isFlipped;
+  });
+
+  /**
+   * Unselects the cell and deactivates the table.
+   */
+  function deactivateTable() {
+    rowWrapState.wrapped = false;
+    rowWrapState.flipped = false;
+    hot.deselectCell();
+    hot.unlisten();
+  }
   hot.getShortcutManager().getContext('grid').addShortcut({
     keys: [['Tab'], ['Shift', 'Tab']],
     callback: event => {
-      var _hot$getSelectedRange2;
       const {
         disableTabNavigation,
         autoWrapRow
       } = hot.getSettings();
-      if (disableTabNavigation) {
-        hot.deselectCell();
-        hot.unlisten();
+      if (disableTabNavigation || !hot.selection.isSelected() || autoWrapRow && rowWrapState.wrapped && rowWrapState.flipped || !autoWrapRow && rowWrapState.wrapped) {
+        if (autoWrapRow && rowWrapState.wrapped && rowWrapState.flipped) {
+          recentlyAddedFocusCoords = event.shiftKey ? getMostTopStartPosition(hot) : getMostBottomEndPosition(hot);
+        }
+        deactivateTable();
         return false;
       }
-      const isSelected = hot.selection.isSelected();
-      const highlight = (_hot$getSelectedRange2 = hot.getSelectedRangeLast()) === null || _hot$getSelectedRange2 === void 0 ? void 0 : _hot$getSelectedRange2.highlight;
-      const mostTopStartCoords = getMostTopStartPosition(hot);
-      const mostBottomEndCoords = getMostBottomEndPosition(hot);
 
-      // For disabled `autoWrapRow` option set the row to the same position as the currently selected row.
-      if (!autoWrapRow) {
-        mostTopStartCoords.row = highlight.row;
-        mostBottomEndCoords.row = highlight.row;
-      }
-      if (event.shiftKey && (!isSelected || highlight.isEqual(mostTopStartCoords)) || !event.shiftKey && (!isSelected || highlight.isEqual(mostBottomEndCoords))) {
-        hot.deselectCell();
-        hot.unlisten();
-        return false;
-      }
-      return true;
+      // if the selection is still within the table's range then prevent default action
+      event.preventDefault();
     },
     runOnlyIf: () => !hot.getSettings().minSpareCols,
     preventDefault: false,
     stopPropagation: false,
-    position: 'before',
+    position: 'after',
     relativeToGroup: _shortcutContexts.GRID_GROUP,
     group: 'focusCatcher'
   });
@@ -43088,9 +43177,13 @@ function shortcutsGridContext(hot) {
     callback: () => commandsPool.extendCellsSelectionDownByViewportHeight()
   }, {
     keys: [['Tab']],
+    // The property value is controlled by focusCatcher module (https://github.com/handsontable/handsontable/blob/master/handsontable/src/core/focusCatcher/index.js)
+    preventDefault: false,
     callback: () => commandsPool.moveCellSelectionInlineStart()
   }, {
     keys: [['Shift', 'Tab']],
+    // The property value is controlled by focusCatcher module (https://github.com/handsontable/handsontable/blob/master/handsontable/src/core/focusCatcher/index.js)
+    preventDefault: false,
     callback: () => commandsPool.moveCellSelectionInlineEnd()
   }, {
     keys: [['Control/Meta', 'Backspace']],

package/dist/handsontable.min.css

@@ -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-cecf979-20231026
- * Release date: 31/08/2023 (built at 26/10/2023 11:30:04)
+ * Version: 0.0.0-next-50e428d-20231026
+ * Release date: 31/08/2023 (built at 26/10/2023 13:13:59)
  */.handsontable .table td,.handsontable .table th{border-top:none}.handsontable tr{background:#fff}.handsontable td{background-color:inherit}.handsontable .table caption+thead tr:first-child td,.handsontable .table caption+thead tr:first-child th,.handsontable .table colgroup+thead tr:first-child td,.handsontable .table colgroup+thead tr:first-child th,.handsontable .table thead:first-child tr:first-child td,.handsontable .table thead:first-child tr:first-child th{border-top:1px solid #ccc}.handsontable .table-bordered{border:0;border-collapse:separate}.handsontable .table-bordered td,.handsontable .table-bordered th{border-left:none}.handsontable .table-bordered td:first-child,.handsontable .table-bordered th:first-child{border-left:1px solid #ccc}.handsontable .table>tbody>tr>td,.handsontable .table>tbody>tr>th,.handsontable .table>tfoot>tr>td,.handsontable .table>tfoot>tr>th,.handsontable .table>thead>tr>td,.handsontable .table>thead>tr>th{line-height:21px;padding:0}.col-lg-1.handsontable,.col-lg-10.handsontable,.col-lg-11.handsontable,.col-lg-12.handsontable,.col-lg-2.handsontable,.col-lg-3.handsontable,.col-lg-4.handsontable,.col-lg-5.handsontable,.col-lg-6.handsontable,.col-lg-7.handsontable,.col-lg-8.handsontable,.col-lg-9.handsontable,.col-md-1.handsontable,.col-md-10.handsontable,.col-md-11.handsontable,.col-md-12.handsontable,.col-md-2.handsontable,.col-md-3.handsontable,.col-md-4.handsontable,.col-md-5.handsontable,.col-md-6.handsontable,.col-md-7.handsontable,.col-md-8.handsontable,.col-md-9.handsontable .col-sm-1.handsontable,.col-sm-10.handsontable,.col-sm-11.handsontable,.col-sm-12.handsontable,.col-sm-2.handsontable,.col-sm-3.handsontable,.col-sm-4.handsontable,.col-sm-5.handsontable,.col-sm-6.handsontable,.col-sm-7.handsontable,.col-sm-8.handsontable,.col-sm-9.handsontable .col-xs-1.handsontable,.col-xs-10.handsontable,.col-xs-11.handsontable,.col-xs-12.handsontable,.col-xs-2.handsontable,.col-xs-3.handsontable,.col-xs-4.handsontable,.col-xs-5.handsontable,.col-xs-6.handsontable,.col-xs-7.handsontable,.col-xs-8.handsontable,.col-xs-9.handsontable{padding-left:0;padding-right:0}.handsontable .table-striped>tbody>tr:nth-of-type(2n){background-color:#fff}.handsontable{position:relative}.handsontable .hide{display:none}.handsontable .relative{position:relative}.handsontable .wtHider{width:0}.handsontable .wtSpreader{height:auto;position:relative;width:0}.handsontable div,.handsontable input,.handsontable table,.handsontable tbody,.handsontable td,.handsontable textarea,.handsontable th,.handsontable thead{box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box}.handsontable input,.handsontable textarea{min-height:auto}.handsontable table.htCore{border-collapse:separate;border-spacing:0;border-width:0;cursor:default;margin:0;max-height:none;max-width:none;outline-width:0;table-layout:fixed;width:0}.handsontable col,.handsontable col.rowHeader{width:50px}.handsontable td,.handsontable th{background-color:#fff;border-bottom:1px solid #ccc;border-left-width:0;border-right:1px solid #ccc;border-top-width:0;empty-cells:show;height:22px;line-height:21px;outline:none;outline-width:0;overflow:hidden;padding:0 4px;vertical-align:top;white-space:pre-wrap}[dir=rtl].handsontable td,[dir=rtl].handsontable th{border-left:1px solid #ccc;border-right-width:0}.handsontable th:last-child{border-bottom:1px solid #ccc;border-left:none;border-right:1px solid #ccc}[dir=rtl].handsontable th:last-child{border-left:1px solid #ccc;border-right:none}.handsontable td:first-of-type,.handsontable th:first-child,.handsontable th:nth-child(2){border-left:1px solid #ccc}[dir=rtl].handsontable td:first-of-type,[dir=rtl].handsontable th:first-child,[dir=rtl].handsontable th:nth-child(2){border-right:1px solid #ccc}.handsontable .ht_clone_top th:nth-child(2){border-left-width:0;border-right:1px solid #ccc}[dir=rtl].handsontable .ht_clone_top th:nth-child(2){border-left:1px solid #ccc;border-right-width:0}.handsontable.htRowHeaders thead tr th:nth-child(2){border-left:1px solid #ccc}[dir=rtl].handsontable.htRowHeaders thead tr th:nth-child(2){border-right:1px solid #ccc}.handsontable tr:first-child td,.handsontable tr:first-child th{border-top:1px solid #ccc}.ht_master:not(.innerBorderInlineStart):not(.emptyColumns)~.handsontable tbody tr th,.ht_master:not(.innerBorderInlineStart):not(.emptyColumns)~.handsontable:not(.ht_clone_top) thead tr th:first-child{border-left:1px solid #ccc;border-right-width:0}[dir=rtl].ht_master:not(.innerBorderInlineStart):not(.emptyColumns)~.handsontable tbody tr th,[dir=rtl].ht_master:not(.innerBorderInlineStart):not(.emptyColumns)~.handsontable:not(.ht_clone_top) thead tr th:first-child{border-left-width:0;border-right:1px solid #ccc}.ht_master:not(.innerBorderTop):not(.innerBorderBottom) thead tr.lastChild th,.ht_master:not(.innerBorderTop):not(.innerBorderBottom) thead tr:last-child th,.ht_master:not(.innerBorderTop):not(.innerBorderBottom)~.handsontable thead tr.lastChild th,.ht_master:not(.innerBorderTop):not(.innerBorderBottom)~.handsontable thead tr:last-child th{border-bottom-width:0}.handsontable th{background-color:#f0f0f0;color:#222;font-weight:400;text-align:center;white-space:nowrap}.handsontable thead th{padding:0}.handsontable th.active{background-color:#ccc}.handsontable thead th .relative{padding:2px 4px}.handsontable span.colHeader{display:inline-block;line-height:1.1}.handsontable .wtBorder{font-size:0;position:absolute}.handsontable .wtBorder.hidden{display:none!important}.handsontable .wtBorder.current{z-index:10}.handsontable .wtBorder.area{z-index:8}.handsontable .wtBorder.fill{z-index:6}.handsontable .wtBorder.corner{cursor:crosshair;font-size:0}.ht_clone_master{z-index:100}.ht_clone_inline_start{z-index:120}.ht_clone_bottom{z-index:130}.ht_clone_bottom_inline_start_corner{z-index:150}.ht_clone_top{z-index:160}.ht_clone_top_inline_start_corner{z-index:180}.handsontable col.hidden{width:0!important}.handsontable tr.hidden,.handsontable tr.hidden td,.handsontable tr.hidden th{display:none}.ht_clone_bottom,.ht_clone_inline_start,.ht_clone_top,.ht_master{overflow:hidden}.ht_master .wtHolder{overflow:auto}.handsontable .ht_clone_inline_start thead,.handsontable .ht_master thead,.handsontable .ht_master tr th{visibility:hidden}.ht_clone_bottom .wtHolder,.ht_clone_inline_start .wtHolder,.ht_clone_top .wtHolder{overflow:hidden}.handsontable{color:#373737;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:400;touch-action:manipulation}.handsontable a{color:#104acc}.handsontable.htAutoSize{left:-99000px;position:absolute;top:-99000px;visibility:hidden}.handsontable td.htInvalid{background-color:#ffbeba!important}.handsontable td.htNoWrap{white-space:nowrap}.handsontable td.invisibleSelection,.handsontable th.invisibleSelection{outline:none}.handsontable td.invisibleSelection::selection,.handsontable th.invisibleSelection::selection{background:hsla(0,0%,100%,0)}.hot-display-license-info{color:#373737;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:400;padding:5px 0 3px;text-align:left}.hot-display-license-info a{color:#104acc;font-size:10px}.handsontable .htFocusCatcher{border:0;height:0;margin:0;opacity:0;padding:0;position:absolute;width:0;z-index:-1}.handsontable .manualColumnResizer{cursor:col-resize;height:25px;position:absolute;top:0;width:5px;z-index:210}.handsontable .manualRowResizer{cursor:row-resize;height:5px;left:0;position:absolute;width:50px;z-index:210}.handsontable .manualColumnResizer.active,.handsontable .manualColumnResizer:hover,.handsontable .manualRowResizer.active,.handsontable .manualRowResizer:hover{background-color:#34a9db}.handsontable .manualColumnResizerGuide{background-color:#34a9db;border-left:none;border-right:1px dashed #777;display:none;margin-left:5px;margin-right:unset;position:absolute;right:unset;top:0;width:0}[dir=rtl].handsontable .manualColumnResizerGuide{border-left:1px dashed #777;border-right:none;left:unset;margin-left:unset;margin-right:5px}.handsontable .manualRowResizerGuide{background-color:#34a9db;border-bottom:1px dashed #777;bottom:0;display:none;height:0;left:0;margin-top:5px;position:absolute}.handsontable .manualColumnResizerGuide.active,.handsontable .manualRowResizerGuide.active{display:block;z-index:209}.handsontable .columnSorting{position:relative}.handsontable .columnSorting.sortAction:hover{cursor:pointer;text-decoration:underline}.handsontable span.colHeader.columnSorting:before{background-position-x:right;background-repeat:no-repeat;background-size:contain;content:"";height:10px;left:unset;margin-top:-6px;padding-left:8px;padding-right:0;position:absolute;right:-9px;top:50%;width:5px}[dir=rtl].handsontable span.colHeader.columnSorting:before{background-position-x:left;left:-9px;padding-left:0;padding-right:8px;right:unset}.handsontable span.colHeader.columnSorting.ascending:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFNJREFUeAHtzjkSgCAUBNHPgsoy97+ulGXRqJE5L+xkxoYt2UdsLb5bqFINz+aLuuLn5rIu2RkO3fZpWENimNgiw6iBYRTPMLJjGFxQZ1hxxb/xBI1qC8k39CdKAAAAAElFTkSuQmCC)}.handsontable span.colHeader.columnSorting.descending:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFJJREFUeAHtzjkSgCAQRNFmQYUZ7n9dKUvru0TmvPAn3br0QfgdZ5xx6x+rQn23GqTYnq1FDcnuzZIO2WmedVqIRVxgGKEyjNgYRjKGkZ1hFIZ3I70LyM0VtU8AAAAASUVORK5CYII=)}.htGhostTable .htCore span.colHeader.columnSorting:not(.indicatorDisabled):after{content:"*";display:inline-block;padding-right:20px;position:relative}.handsontable td.area,.handsontable td.area-1,.handsontable td.area-2,.handsontable td.area-3,.handsontable td.area-4,.handsontable td.area-5,.handsontable td.area-6,.handsontable td.area-7{position:relative}.handsontable td.area-1:before,.handsontable td.area-2:before,.handsontable td.area-3:before,.handsontable td.area-4:before,.handsontable td.area-5:before,.handsontable td.area-6:before,.handsontable td.area-7:before,.handsontable td.area:before{background:#005eff;bottom:0;bottom:-100%\9;content:"";left:0;position:absolute;right:0;top:0}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.handsontable td.area-1:before,.handsontable td.area-2:before,.handsontable td.area-3:before,.handsontable td.area-4:before,.handsontable td.area-5:before,.handsontable td.area-6:before,.handsontable td.area-7:before,.handsontable td.area:before{bottom:-100%}}.handsontable td.area:before{opacity:.1}.handsontable td.area-1:before{opacity:.2}.handsontable td.area-2:before{opacity:.27}.handsontable td.area-3:before{opacity:.35}.handsontable td.area-4:before{opacity:.41}.handsontable td.area-5:before{opacity:.47}.handsontable td.area-6:before{opacity:.54}.handsontable td.area-7:before{opacity:.58}.handsontable tbody th.current,.handsontable thead th.current{box-shadow:inset 0 0 0 2px #4b89ff}.handsontable tbody th.ht__highlight,.handsontable thead th.ht__highlight{background-color:#dcdcdc}.handsontable tbody th.ht__active_highlight,.handsontable thead th.ht__active_highlight{background-color:#8eb0e7;color:#000}.handsontableInput{background-color:#fff;border:none;border-radius:0;box-shadow:inset 0 0 0 2px #5292f7;color:#000;display:block;font-family:inherit;font-size:inherit;line-height:21px;margin:0;outline-width:0;padding:1px 5px 0;resize:none}.handsontableInput:focus{outline:none}.handsontableInputHolder{left:0;position:absolute;top:0}.htSelectEditor{-webkit-appearance:menulist-button!important;position:absolute;width:auto}.htSelectEditor:focus{outline:none}.handsontable .htDimmed{color:#777}.handsontable .htSubmenu{position:relative}.handsontable .htSubmenu :after{color:#777;content:"▶";font-size:9px;position:absolute;right:5px}[dir=rtl].handsontable .htSubmenu :after{content:""}[dir=rtl].handsontable .htSubmenu :before{color:#777;content:"◀";font-size:9px;left:5px;position:absolute}.handsontable .htLeft{text-align:left}.handsontable .htCenter{text-align:center}.handsontable .htRight{text-align:right}.handsontable .htJustify{text-align:justify}.handsontable .htTop{vertical-align:top}.handsontable .htMiddle{vertical-align:middle}.handsontable .htBottom{vertical-align:bottom}.handsontable .htPlaceholder{color:#999}.handsontable.listbox{margin:0}.handsontable.listbox .ht_master table{background:#fff;border:1px solid #ccc;border-collapse:separate}.handsontable.listbox td,.handsontable.listbox th,.handsontable.listbox tr:first-child td,.handsontable.listbox tr:first-child th,.handsontable.listbox tr:last-child th{border-color:transparent!important}.handsontable.listbox td,.handsontable.listbox th{text-overflow:ellipsis;white-space:nowrap}.handsontable.listbox td.htDimmed{color:inherit;cursor:default;font-style:inherit}.handsontable.listbox .wtBorder{visibility:hidden}.handsontable.listbox tr td.current,.handsontable.listbox tr:hover td{background:#eee}.ht_editor_hidden{z-index:-1}.ht_editor_visible{z-index:200}.handsontable td.htSearchResult{background:#fcedd9;color:#583707}.handsontable .collapsibleIndicator{background:#eee;border:1px solid #a6a6a6;border-radius:10px;-webkit-box-shadow:0 0 0 6px #eee;-moz-box-shadow:0 0 0 6px #eee;box-shadow:0 0 0 3px #eee;color:#222;cursor:pointer;font-size:10px;height:10px;left:unset;line-height:8px;position:absolute;right:5px;text-align:center;top:50%;transform:translateY(-50%);width:10px}[dir=rtl].handsontable .collapsibleIndicator{left:5px;right:unset}.handsontable.mobile,.handsontable.mobile .wtHolder{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-overflow-scrolling:touch;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.handsontable.mobile .handsontableInput:focus{-webkit-appearance:none;-webkit-box-shadow:inset 0 0 0 2px #5292f7;-moz-box-shadow:inset 0 0 0 2px #5292f7;box-shadow:inset 0 0 0 2px #5292f7}.handsontable .bottomSelectionHandle,.handsontable .bottomSelectionHandle-HitArea,.handsontable .topSelectionHandle,.handsontable .topSelectionHandle-HitArea{left:-10000px;right:unset;top:-10000px;z-index:9999}[dir=rtl].handsontable .bottomSelectionHandle,[dir=rtl].handsontable .bottomSelectionHandle-HitArea,[dir=rtl].handsontable .topSelectionHandle,[dir=rtl].handsontable .topSelectionHandle-HitArea{left:unset;right:-10000px}.handsontable.hide-tween{-webkit-animation:opacity-hide .3s;animation:opacity-hide .3s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.handsontable.show-tween{-webkit-animation:opacity-show .3s;animation:opacity-show .3s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.handsontable .htAutocompleteArrow{color:#bbb;cursor:default;float:right;font-size:10px;text-align:center;width:16px}[dir=rtl].handsontable .htAutocompleteArrow{float:left}.handsontable td.htInvalid .htAutocompleteArrow{color:#555}.handsontable td.htInvalid .htAutocompleteArrow:hover{color:#1a1a1a}.handsontable td .htAutocompleteArrow:hover{color:#777}.handsontable td.area .htAutocompleteArrow{color:#d3d3d3}.handsontable .htCheckboxRendererInput{display:inline-block}.handsontable .htCheckboxRendererInput.noValue{opacity:.5}.handsontable .htCheckboxRendererLabel{cursor:pointer;display:inline-block;font-size:inherit;vertical-align:middle}.handsontable .htCheckboxRendererLabel.fullWidth{width:100%}.handsontable .htCommentCell{position:relative}.handsontable .htCommentCell:after{border-left:6px solid transparent;border-right:none;border-top:6px solid #000;content:"";left:unset;position:absolute;right:0;top:0}[dir=rtl].handsontable .htCommentCell:after{border-left:none;border-right:6px solid transparent;left:0;right:unset}.htCommentsContainer .htComments{display:none;position:absolute;z-index:1059}.htCommentsContainer .htCommentTextArea{-webkit-appearance:none;background-color:#fff;border:none;border-left:3px solid #ccc;box-shadow:0 1px 3px rgba(0,0,0,.118),0 1px 2px rgba(0,0,0,.239);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:12px;height:90px;outline:0!important;padding:5px;width:215px}[dir=rtl].htCommentsContainer .htCommentTextArea{border-left:none;border-right:3px solid #ccc}.htCommentsContainer .htCommentTextArea:focus{border-left:3px solid #5292f7;border-right:none;box-shadow:0 1px 3px rgba(0,0,0,.118),0 1px 2px rgba(0,0,0,.239),inset 0 0 0 1px #5292f7}[dir=rtl].htCommentsContainer .htCommentTextArea:focus{border-left:none;border-right:3px solid #5292f7}
 /*!
  * Handsontable ContextMenu