handsontable 0.0.0-next-221e46b-20240307 → 0.0.0-next-200799f-20240311

package/3rdparty/walkontable/src/cell/range.d.ts

@@ -20,6 +20,7 @@ export default class CellRange {
   }): boolean;
   isSingleCell(): boolean;
   isSingleHeader(): boolean;
+  isHeader(): boolean;
   containsHeaders(): boolean;
   getOuterHeight(): number;
   getOuterWidth(): number;

package/3rdparty/walkontable/src/cell/range.js

@@ -154,6 +154,18 @@ class CellRange {
     return (this.from.row < 0 || this.from.col < 0) && this.from.row === this.to.row && this.from.col === this.to.col;
   }
 
+  /**
+   * Checks if your range covers only headers range (negative coordinates, without any cells).
+   *
+   * @returns {boolean}
+   */
+  isHeader() {
+    if (this.from.isHeader() && this.to.isHeader()) {
+      return true;
+    }
+    return this.from.col < 0 && this.to.col < 0 || this.from.row < 0 && this.to.row < 0;
+  }
+
   /**
    * Checks if your range overlaps headers range (negative coordinates).
    *
@@ -338,9 +350,12 @@ class CellRange {
    * Expand your range with another range (`expandingRange`).
    *
    * @param {CellRange} expandingRange A new range.
+   * @param {boolean} [changeDirection=true] If `true`, the direction of your range is changed to the direction
+   * of the `expandingRange` range.
    * @returns {boolean}
    */
   expandByRange(expandingRange) {
+    let changeDirection = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     if (this.includesRange(expandingRange) || !this.overlaps(expandingRange)) {
       return false;
     }
@@ -358,11 +373,13 @@ class CellRange {
     this.from = finalFrom;
     this.to = finalTo;
     this.setDirection(initialDirection);
-    if (this.highlight.row === this.getOuterBottomRightCorner().row && this.getVerticalDirection() === 'N-S') {
-      this.flipDirectionVertically();
-    }
-    if (this.highlight.col === this.getOuterTopRightCorner().col && this.getHorizontalDirection() === 'W-E') {
-      this.flipDirectionHorizontally();
+    if (changeDirection) {
+      if (this.highlight.row === this.getOuterBottomRightCorner().row && this.getVerticalDirection() === 'N-S') {
+        this.flipDirectionVertically();
+      }
+      if (this.highlight.col === this.getOuterTopRightCorner().col && this.getHorizontalDirection() === 'W-E') {
+        this.flipDirectionHorizontally();
+      }
     }
     return true;
   }

package/3rdparty/walkontable/src/cell/range.mjs

@@ -150,6 +150,18 @@ class CellRange {
     return (this.from.row < 0 || this.from.col < 0) && this.from.row === this.to.row && this.from.col === this.to.col;
   }
 
+  /**
+   * Checks if your range covers only headers range (negative coordinates, without any cells).
+   *
+   * @returns {boolean}
+   */
+  isHeader() {
+    if (this.from.isHeader() && this.to.isHeader()) {
+      return true;
+    }
+    return this.from.col < 0 && this.to.col < 0 || this.from.row < 0 && this.to.row < 0;
+  }
+
   /**
    * Checks if your range overlaps headers range (negative coordinates).
    *
@@ -334,9 +346,12 @@ class CellRange {
    * Expand your range with another range (`expandingRange`).
    *
    * @param {CellRange} expandingRange A new range.
+   * @param {boolean} [changeDirection=true] If `true`, the direction of your range is changed to the direction
+   * of the `expandingRange` range.
    * @returns {boolean}
    */
   expandByRange(expandingRange) {
+    let changeDirection = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     if (this.includesRange(expandingRange) || !this.overlaps(expandingRange)) {
       return false;
     }
@@ -354,11 +369,13 @@ class CellRange {
     this.from = finalFrom;
     this.to = finalTo;
     this.setDirection(initialDirection);
-    if (this.highlight.row === this.getOuterBottomRightCorner().row && this.getVerticalDirection() === 'N-S') {
-      this.flipDirectionVertically();
-    }
-    if (this.highlight.col === this.getOuterTopRightCorner().col && this.getHorizontalDirection() === 'W-E') {
-      this.flipDirectionHorizontally();
+    if (changeDirection) {
+      if (this.highlight.row === this.getOuterBottomRightCorner().row && this.getVerticalDirection() === 'N-S') {
+        this.flipDirectionVertically();
+      }
+      if (this.highlight.col === this.getOuterTopRightCorner().col && this.getHorizontalDirection() === 'W-E') {
+        this.flipDirectionHorizontally();
+      }
     }
     return true;
   }

package/base.js

@@ -45,8 +45,8 @@ Handsontable.hooks = _pluginHooks.default.getSingleton();
 Handsontable.CellCoords = _src.CellCoords;
 Handsontable.CellRange = _src.CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "07/03/2024 14:16:09";
-Handsontable.version = "0.0.0-next-221e46b-20240307";
+Handsontable.buildDate = "11/03/2024 12:57:43";
+Handsontable.version = "0.0.0-next-200799f-20240311";
 Handsontable.languages = {
   dictionaryKeys: _registry.dictionaryKeys,
   getLanguageDictionary: _registry.getLanguageDictionary,

package/base.mjs

@@ -35,8 +35,8 @@ Handsontable.hooks = Hooks.getSingleton();
 Handsontable.CellCoords = CellCoords;
 Handsontable.CellRange = CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "07/03/2024 14:16:15";
-Handsontable.version = "0.0.0-next-221e46b-20240307";
+Handsontable.buildDate = "11/03/2024 12:57:49";
+Handsontable.version = "0.0.0-next-200799f-20240311";
 Handsontable.languages = {
   dictionaryKeys,
   getLanguageDictionary,

package/core/viewportScroll/index.js

@@ -4,6 +4,7 @@ exports.__esModule = true;
 exports.createViewportScroller = createViewportScroller;
 var _columnHeaderScroll = require("./scrollStrategies/columnHeaderScroll");
 var _cornerHeaderScroll = require("./scrollStrategies/cornerHeaderScroll");
+var _focusScroll = require("./scrollStrategies/focusScroll");
 var _multipleScroll = require("./scrollStrategies/multipleScroll");
 var _noncontiguousScroll = require("./scrollStrategies/noncontiguousScroll");
 var _rowHeaderScroll = require("./scrollStrategies/rowHeaderScroll");
@@ -46,7 +47,9 @@ function createViewportScroller(hot) {
         return;
       }
       let scrollStrategy;
-      if (selection.isSelectedByCorner()) {
+      if (selection.isFocusSelectionChanged()) {
+        scrollStrategy = (0, _focusScroll.focusScrollStrategy)(hot);
+      } else if (selection.isSelectedByCorner()) {
         scrollStrategy = (0, _cornerHeaderScroll.cornerHeaderScrollStrategy)(hot);
       } else if (selection.isSelectedByRowHeader()) {
         scrollStrategy = (0, _rowHeaderScroll.rowHeaderScrollStrategy)(hot);

package/core/viewportScroll/index.mjs

@@ -1,5 +1,6 @@
 import { columnHeaderScrollStrategy } from "./scrollStrategies/columnHeaderScroll.mjs";
 import { cornerHeaderScrollStrategy } from "./scrollStrategies/cornerHeaderScroll.mjs";
+import { focusScrollStrategy } from "./scrollStrategies/focusScroll.mjs";
 import { multipleScrollStrategy } from "./scrollStrategies/multipleScroll.mjs";
 import { noncontiguousScrollStrategy } from "./scrollStrategies/noncontiguousScroll.mjs";
 import { rowHeaderScrollStrategy } from "./scrollStrategies/rowHeaderScroll.mjs";
@@ -42,7 +43,9 @@ export function createViewportScroller(hot) {
         return;
       }
       let scrollStrategy;
-      if (selection.isSelectedByCorner()) {
+      if (selection.isFocusSelectionChanged()) {
+        scrollStrategy = focusScrollStrategy(hot);
+      } else if (selection.isSelectedByCorner()) {
         scrollStrategy = cornerHeaderScrollStrategy(hot);
       } else if (selection.isSelectedByRowHeader()) {
         scrollStrategy = rowHeaderScrollStrategy(hot);

package/core/viewportScroll/scrollStrategies/focusScroll.js

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+exports.focusScrollStrategy = focusScrollStrategy;
+/**
+ * Scroll strategy for changed the focus position of the selection.
+ *
+ * @param {Core} hot Handsontable instance.
+ * @returns {function(): function(CellCoords): void}
+ */
+function focusScrollStrategy(hot) {
+  return cellCoords => {
+    hot.scrollViewportTo(cellCoords.toObject());
+  };
+}

package/core/viewportScroll/scrollStrategies/focusScroll.mjs

@@ -0,0 +1,11 @@
+/**
+ * Scroll strategy for changed the focus position of the selection.
+ *
+ * @param {Core} hot Handsontable instance.
+ * @returns {function(): function(CellCoords): void}
+ */
+export function focusScrollStrategy(hot) {
+  return cellCoords => {
+    hot.scrollViewportTo(cellCoords.toObject());
+  };
+}

package/core.d.ts

@@ -3,6 +3,7 @@ import { Events } from './pluginHooks';
 import {
   CellValue,
   RowObject,
+  SimpleCellCoords,
 } from './common';
 import {
   GridSettings,
@@ -135,12 +136,12 @@ export default class Core {
   scrollViewportTo(options: { row?: number, col?: number, verticalSnap?: 'top' | 'bottom', horizontalSnap?: 'start' | 'end', considerHiddenIndexes?: boolean }): boolean;
   scrollViewportTo(row?: number, column?: number, snapToBottom?: boolean, snapToRight?: boolean, considerHiddenIndexes?: boolean): boolean;
   scrollToFocusedCell(callback?: () => void): void;
-  selectAll(includeRowHeaders?: boolean, includeColumnHeaders?: boolean, options?: { focusPosition?: { row: number, col: number }, disableHeadersHighlight?: boolean }): void;
+  selectAll(includeRowHeaders?: boolean, includeColumnHeaders?: boolean, options?: { focusPosition?: SimpleCellCoords | CellCoords, disableHeadersHighlight?: boolean }): void;
   selectCell(row: number, column: number, endRow?: number, endColumn?: number, scrollToCell?: boolean, changeListener?: boolean): boolean;
   selectCellByProp(row: number, prop: string, endRow?: number, endProp?: string, scrollToCell?: boolean): boolean;
   selectCells(coords: Array<[number, number | string, number, number | string]> | CellRange[], scrollToCell?: boolean, changeListener?: boolean): boolean;
-  selectColumns(startColumn: number | string, endColumn?: number | string, focusPosition?: number): boolean;
-  selectRows(startRow: number, endRow?: number, focusPosition?: number): boolean;
+  selectColumns(startColumn: number | string, endColumn?: number | string, focusPosition?: number | SimpleCellCoords | CellCoords): boolean;
+  selectRows(startRow: number, endRow?: number, focusPosition?: number | SimpleCellCoords | CellCoords): boolean;
   setCellMeta(row: number, column: number, key: string, val: any): void;
   setCellMeta<K extends keyof CellMeta>(row: number, column: number, key: K, val: CellMeta[K]): void;
   setCellMetaObject(row: number, column: number, prop: CellMeta): void;

package/core.js

@@ -273,6 +273,26 @@ function Core(rootElement, userSettings) {
     renderableRow >= 0 ? instance.rowIndexMapper.getVisualFromRenderableIndex(renderableRow) : renderableRow, renderableColumn >= 0 ? instance.columnIndexMapper.getVisualFromRenderableIndex(renderableColumn) : renderableColumn // eslint-disable-line max-len
     );
   };
+  const findFirstNonHiddenRenderableRow = (visualRowFrom, visualRowTo) => {
+    const dir = visualRowTo > visualRowFrom ? 1 : -1;
+    const minIndex = Math.min(visualRowFrom, visualRowTo);
+    const maxIndex = Math.max(visualRowFrom, visualRowTo);
+    const rowIndex = instance.rowIndexMapper.getNearestNotHiddenIndex(visualRowFrom, dir);
+    if (rowIndex === null || dir === 1 && rowIndex > maxIndex || dir === -1 && rowIndex < minIndex) {
+      return null;
+    }
+    return rowIndex >= 0 ? instance.rowIndexMapper.getRenderableFromVisualIndex(rowIndex) : rowIndex;
+  };
+  const findFirstNonHiddenRenderableColumn = (visualColumnFrom, visualColumnTo) => {
+    const dir = visualColumnTo > visualColumnFrom ? 1 : -1;
+    const minIndex = Math.min(visualColumnFrom, visualColumnTo);
+    const maxIndex = Math.max(visualColumnFrom, visualColumnTo);
+    const columnIndex = instance.columnIndexMapper.getNearestNotHiddenIndex(visualColumnFrom, dir);
+    if (columnIndex === null || dir === 1 && columnIndex > maxIndex || dir === -1 && columnIndex < minIndex) {
+      return null;
+    }
+    return columnIndex >= 0 ? instance.columnIndexMapper.getRenderableFromVisualIndex(columnIndex) : columnIndex;
+  };
   let selection = new _selection.Selection(tableMeta, {
     rowIndexMapper: instance.rowIndexMapper,
     columnIndexMapper: instance.columnIndexMapper,
@@ -284,11 +304,19 @@ function Core(rootElement, userSettings) {
     countRenderableRows: () => this.view.countRenderableRows(),
     countRowHeaders: () => this.countRowHeaders(),
     countColHeaders: () => this.countColHeaders(),
+    countRenderableRowsInRange: function () {
+      return _this.view.countRenderableRowsInRange(...arguments);
+    },
+    countRenderableColumnsInRange: function () {
+      return _this.view.countRenderableColumnsInRange(...arguments);
+    },
     getShortcutManager: () => instance.getShortcutManager(),
     createCellCoords: (row, column) => instance._createCellCoords(row, column),
     createCellRange: (highlight, from, to) => instance._createCellRange(highlight, from, to),
     visualToRenderableCoords,
     renderableToVisualCoords,
+    findFirstNonHiddenRenderableRow,
+    findFirstNonHiddenRenderableColumn,
     isDisabledCellSelection: (visualRow, visualColumn) => {
       if (visualRow < 0 || visualColumn < 0) {
         return instance.getSettings().disableVisualSelection;
@@ -339,6 +367,14 @@ function Core(rootElement, userSettings) {
     }
     this._refreshBorders(null);
   });
+  this.selection.addLocalHook('afterSetFocus', cellCoords => {
+    const preventScrolling = (0, _object.createObjectPropListener)(false);
+    this.runHooks('afterSelectionFocusSet', cellCoords.row, cellCoords.col, preventScrolling);
+    if (!preventScrolling.isTouched() || preventScrolling.isTouched() && !preventScrolling.value) {
+      viewportScroller.scrollTo(cellCoords);
+    }
+    this._refreshBorders(null);
+  });
   this.selection.addLocalHook('afterSelectionFinished', cellRanges => {
     const selectionLayerLevel = cellRanges.length - 1;
     const {
@@ -405,25 +441,40 @@ function Core(rootElement, userSettings) {
       args[_key9] = arguments[_key9];
     }
     return _this.runHooks('afterModifyTransformStart', ...args);
-  }).addLocalHook('beforeModifyTransformEnd', function () {
+  }).addLocalHook('beforeModifyTransformFocus', 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 () {
+    return _this.runHooks('modifyTransformFocus', ...args);
+  }).addLocalHook('afterModifyTransformFocus', 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 () {
+    return _this.runHooks('afterModifyTransformFocus', ...args);
+  }).addLocalHook('beforeModifyTransformEnd', 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 () {
+    return _this.runHooks('modifyTransformEnd', ...args);
+  }).addLocalHook('afterModifyTransformEnd', function () {
     for (var _len13 = arguments.length, args = new Array(_len13), _key13 = 0; _key13 < _len13; _key13++) {
       args[_key13] = arguments[_key13];
     }
+    return _this.runHooks('afterModifyTransformEnd', ...args);
+  }).addLocalHook('modifyTransformEndRestDelta', function () {
+    for (var _len14 = arguments.length, args = new Array(_len14), _key14 = 0; _key14 < _len14; _key14++) {
+      args[_key14] = arguments[_key14];
+    }
+    return _this.runHooks('modifyTransformEndRestDelta', ...args);
+  }).addLocalHook('beforeRowWrap', function () {
+    for (var _len15 = arguments.length, args = new Array(_len15), _key15 = 0; _key15 < _len15; _key15++) {
+      args[_key15] = arguments[_key15];
+    }
+    return _this.runHooks('beforeRowWrap', ...args);
+  }).addLocalHook('beforeColumnWrap', function () {
+    for (var _len16 = arguments.length, args = new Array(_len16), _key16 = 0; _key16 < _len16; _key16++) {
+      args[_key16] = arguments[_key16];
+    }
     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 = {
@@ -1561,8 +1612,8 @@ function Core(rootElement, userSettings) {
    * @returns {Array} Returns removed portion of columns.
    */
   this.spliceCol = function (column, index, amount) {
-    for (var _len14 = arguments.length, elements = new Array(_len14 > 3 ? _len14 - 3 : 0), _key14 = 3; _key14 < _len14; _key14++) {
-      elements[_key14 - 3] = arguments[_key14];
+    for (var _len17 = arguments.length, elements = new Array(_len17 > 3 ? _len17 - 3 : 0), _key17 = 3; _key17 < _len17; _key17++) {
+      elements[_key17 - 3] = arguments[_key17];
     }
     return datamap.spliceCol(column, index, amount, ...elements);
   };
@@ -1579,8 +1630,8 @@ function Core(rootElement, userSettings) {
    * @returns {Array} Returns removed portion of rows.
    */
   this.spliceRow = function (row, index, amount) {
-    for (var _len15 = arguments.length, elements = new Array(_len15 > 3 ? _len15 - 3 : 0), _key15 = 3; _key15 < _len15; _key15++) {
-      elements[_key15 - 3] = arguments[_key15];
+    for (var _len18 = arguments.length, elements = new Array(_len18 > 3 ? _len18 - 3 : 0), _key18 = 3; _key18 < _len18; _key18++) {
+      elements[_key18 - 3] = arguments[_key18];
     }
     return datamap.spliceRow(row, index, amount, ...elements);
   };
@@ -2977,8 +3028,8 @@ function Core(rootElement, userSettings) {
    */
   this.spliceCellsMeta = function (visualIndex) {
     let deleteAmount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    for (var _len16 = arguments.length, cellMetaRows = new Array(_len16 > 2 ? _len16 - 2 : 0), _key16 = 2; _key16 < _len16; _key16++) {
-      cellMetaRows[_key16 - 2] = arguments[_key16];
+    for (var _len19 = arguments.length, cellMetaRows = new Array(_len19 > 2 ? _len19 - 2 : 0), _key19 = 2; _key19 < _len19; _key19++) {
+      cellMetaRows[_key19 - 2] = arguments[_key19];
     }
     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.');
@@ -3900,6 +3951,8 @@ function Core(rootElement, userSettings) {
    * hot.selectColumns(1, 2, -1);
    * // Select range of columns using visual indexes and mark the second cell as highlighted.
    * hot.selectColumns(2, 1, 1);
+   * // Select range of columns using visual indexes and move the focus position somewhere in the middle of the range.
+   * hot.selectColumns(2, 5, { row: 2, col: 3 });
    * // Select range of columns using column properties.
    * hot.selectColumns('id', 'last_name');
    * ```
@@ -3909,10 +3962,11 @@ function Core(rootElement, userSettings) {
    * @function selectColumns
    * @param {number} startColumn The visual column index from which the selection starts.
    * @param {number} [endColumn=startColumn] The visual column index to which the selection finishes. If `endColumn`
-   *                                         is not defined the column defined by `startColumn` will be selected.
-   * @param {number} [focusPosition=0] The argument allows changing the cell/header focus position.
-   *                                   The value can take visual row index from -N to N, where negative values
-   *                                   point to the headers and positive values point to the cell range.
+   * is not defined the column defined by `startColumn` will be selected.
+   * @param {number | { row: number, col: number } | CellCoords} [focusPosition=0] The argument allows changing the cell/header focus
+   * position. The value can take visual row index from -N to N, where negative values point to the headers and positive
+   * values point to the cell range. An object with `row` and `col` properties also can be passed to change the focus
+   * position horizontally.
    * @returns {boolean} `true` if selection was successful, `false` otherwise.
    */
   this.selectColumns = function (startColumn) {
@@ -3934,6 +3988,8 @@ function Core(rootElement, userSettings) {
    * hot.selectRows(1, 2, -1);
    * // Select range of rows using visual indexes and mark the second cell as highlighted.
    * hot.selectRows(2, 1, 1);
+   * // Select range of rows using visual indexes and move the focus position somewhere in the middle of the range.
+   * hot.selectRows(2, 5, { row: 2, col: 3 });
    * ```
    *
    * @memberof Core#
@@ -3941,10 +3997,11 @@ function Core(rootElement, userSettings) {
    * @function selectRows
    * @param {number} startRow The visual row index from which the selection starts.
    * @param {number} [endRow=startRow] The visual row index to which the selection finishes. If `endRow`
-   *                                   is not defined the row defined by `startRow` will be selected.
-   * @param {number} [focusPosition=0] The argument allows changing the cell/header focus position.
-   *                                   The value can take visual column index from -N to N, where negative values
-   *                                   point to the headers and positive values point to the cell range.
+   * is not defined the row defined by `startRow` will be selected.
+   * @param {number | { row: number, col: number } | CellCoords} [focusPosition=0] The argument allows changing the cell/header focus
+   * position. The value can take visual row index from -N to N, where negative values point to the headers and positive
+   * values point to the cell range. An object with `row` and `col` properties also can be passed to change the focus
+   * position vertically.
    * @returns {boolean} `true` if selection was successful, `false` otherwise.
    */
   this.selectRows = function (startRow) {

package/core.mjs

@@ -268,6 +268,26 @@ export default function Core(rootElement, userSettings) {
     renderableRow >= 0 ? instance.rowIndexMapper.getVisualFromRenderableIndex(renderableRow) : renderableRow, renderableColumn >= 0 ? instance.columnIndexMapper.getVisualFromRenderableIndex(renderableColumn) : renderableColumn // eslint-disable-line max-len
     );
   };
+  const findFirstNonHiddenRenderableRow = (visualRowFrom, visualRowTo) => {
+    const dir = visualRowTo > visualRowFrom ? 1 : -1;
+    const minIndex = Math.min(visualRowFrom, visualRowTo);
+    const maxIndex = Math.max(visualRowFrom, visualRowTo);
+    const rowIndex = instance.rowIndexMapper.getNearestNotHiddenIndex(visualRowFrom, dir);
+    if (rowIndex === null || dir === 1 && rowIndex > maxIndex || dir === -1 && rowIndex < minIndex) {
+      return null;
+    }
+    return rowIndex >= 0 ? instance.rowIndexMapper.getRenderableFromVisualIndex(rowIndex) : rowIndex;
+  };
+  const findFirstNonHiddenRenderableColumn = (visualColumnFrom, visualColumnTo) => {
+    const dir = visualColumnTo > visualColumnFrom ? 1 : -1;
+    const minIndex = Math.min(visualColumnFrom, visualColumnTo);
+    const maxIndex = Math.max(visualColumnFrom, visualColumnTo);
+    const columnIndex = instance.columnIndexMapper.getNearestNotHiddenIndex(visualColumnFrom, dir);
+    if (columnIndex === null || dir === 1 && columnIndex > maxIndex || dir === -1 && columnIndex < minIndex) {
+      return null;
+    }
+    return columnIndex >= 0 ? instance.columnIndexMapper.getRenderableFromVisualIndex(columnIndex) : columnIndex;
+  };
   let selection = new Selection(tableMeta, {
     rowIndexMapper: instance.rowIndexMapper,
     columnIndexMapper: instance.columnIndexMapper,
@@ -279,11 +299,19 @@ export default function Core(rootElement, userSettings) {
     countRenderableRows: () => this.view.countRenderableRows(),
     countRowHeaders: () => this.countRowHeaders(),
     countColHeaders: () => this.countColHeaders(),
+    countRenderableRowsInRange: function () {
+      return _this.view.countRenderableRowsInRange(...arguments);
+    },
+    countRenderableColumnsInRange: function () {
+      return _this.view.countRenderableColumnsInRange(...arguments);
+    },
     getShortcutManager: () => instance.getShortcutManager(),
     createCellCoords: (row, column) => instance._createCellCoords(row, column),
     createCellRange: (highlight, from, to) => instance._createCellRange(highlight, from, to),
     visualToRenderableCoords,
     renderableToVisualCoords,
+    findFirstNonHiddenRenderableRow,
+    findFirstNonHiddenRenderableColumn,
     isDisabledCellSelection: (visualRow, visualColumn) => {
       if (visualRow < 0 || visualColumn < 0) {
         return instance.getSettings().disableVisualSelection;
@@ -334,6 +362,14 @@ export default function Core(rootElement, userSettings) {
     }
     this._refreshBorders(null);
   });
+  this.selection.addLocalHook('afterSetFocus', cellCoords => {
+    const preventScrolling = createObjectPropListener(false);
+    this.runHooks('afterSelectionFocusSet', cellCoords.row, cellCoords.col, preventScrolling);
+    if (!preventScrolling.isTouched() || preventScrolling.isTouched() && !preventScrolling.value) {
+      viewportScroller.scrollTo(cellCoords);
+    }
+    this._refreshBorders(null);
+  });
   this.selection.addLocalHook('afterSelectionFinished', cellRanges => {
     const selectionLayerLevel = cellRanges.length - 1;
     const {
@@ -400,25 +436,40 @@ export default function Core(rootElement, userSettings) {
       args[_key9] = arguments[_key9];
     }
     return _this.runHooks('afterModifyTransformStart', ...args);
-  }).addLocalHook('beforeModifyTransformEnd', function () {
+  }).addLocalHook('beforeModifyTransformFocus', 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 () {
+    return _this.runHooks('modifyTransformFocus', ...args);
+  }).addLocalHook('afterModifyTransformFocus', 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 () {
+    return _this.runHooks('afterModifyTransformFocus', ...args);
+  }).addLocalHook('beforeModifyTransformEnd', 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 () {
+    return _this.runHooks('modifyTransformEnd', ...args);
+  }).addLocalHook('afterModifyTransformEnd', function () {
     for (var _len13 = arguments.length, args = new Array(_len13), _key13 = 0; _key13 < _len13; _key13++) {
       args[_key13] = arguments[_key13];
     }
+    return _this.runHooks('afterModifyTransformEnd', ...args);
+  }).addLocalHook('modifyTransformEndRestDelta', function () {
+    for (var _len14 = arguments.length, args = new Array(_len14), _key14 = 0; _key14 < _len14; _key14++) {
+      args[_key14] = arguments[_key14];
+    }
+    return _this.runHooks('modifyTransformEndRestDelta', ...args);
+  }).addLocalHook('beforeRowWrap', function () {
+    for (var _len15 = arguments.length, args = new Array(_len15), _key15 = 0; _key15 < _len15; _key15++) {
+      args[_key15] = arguments[_key15];
+    }
+    return _this.runHooks('beforeRowWrap', ...args);
+  }).addLocalHook('beforeColumnWrap', function () {
+    for (var _len16 = arguments.length, args = new Array(_len16), _key16 = 0; _key16 < _len16; _key16++) {
+      args[_key16] = arguments[_key16];
+    }
     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 = {
@@ -1556,8 +1607,8 @@ export default function Core(rootElement, userSettings) {
    * @returns {Array} Returns removed portion of columns.
    */
   this.spliceCol = function (column, index, amount) {
-    for (var _len14 = arguments.length, elements = new Array(_len14 > 3 ? _len14 - 3 : 0), _key14 = 3; _key14 < _len14; _key14++) {
-      elements[_key14 - 3] = arguments[_key14];
+    for (var _len17 = arguments.length, elements = new Array(_len17 > 3 ? _len17 - 3 : 0), _key17 = 3; _key17 < _len17; _key17++) {
+      elements[_key17 - 3] = arguments[_key17];
     }
     return datamap.spliceCol(column, index, amount, ...elements);
   };
@@ -1574,8 +1625,8 @@ export default function Core(rootElement, userSettings) {
    * @returns {Array} Returns removed portion of rows.
    */
   this.spliceRow = function (row, index, amount) {
-    for (var _len15 = arguments.length, elements = new Array(_len15 > 3 ? _len15 - 3 : 0), _key15 = 3; _key15 < _len15; _key15++) {
-      elements[_key15 - 3] = arguments[_key15];
+    for (var _len18 = arguments.length, elements = new Array(_len18 > 3 ? _len18 - 3 : 0), _key18 = 3; _key18 < _len18; _key18++) {
+      elements[_key18 - 3] = arguments[_key18];
     }
     return datamap.spliceRow(row, index, amount, ...elements);
   };
@@ -2972,8 +3023,8 @@ export default function Core(rootElement, userSettings) {
    */
   this.spliceCellsMeta = function (visualIndex) {
     let deleteAmount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    for (var _len16 = arguments.length, cellMetaRows = new Array(_len16 > 2 ? _len16 - 2 : 0), _key16 = 2; _key16 < _len16; _key16++) {
-      cellMetaRows[_key16 - 2] = arguments[_key16];
+    for (var _len19 = arguments.length, cellMetaRows = new Array(_len19 > 2 ? _len19 - 2 : 0), _key19 = 2; _key19 < _len19; _key19++) {
+      cellMetaRows[_key19 - 2] = arguments[_key19];
     }
     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.');
@@ -3895,6 +3946,8 @@ export default function Core(rootElement, userSettings) {
    * hot.selectColumns(1, 2, -1);
    * // Select range of columns using visual indexes and mark the second cell as highlighted.
    * hot.selectColumns(2, 1, 1);
+   * // Select range of columns using visual indexes and move the focus position somewhere in the middle of the range.
+   * hot.selectColumns(2, 5, { row: 2, col: 3 });
    * // Select range of columns using column properties.
    * hot.selectColumns('id', 'last_name');
    * ```
@@ -3904,10 +3957,11 @@ export default function Core(rootElement, userSettings) {
    * @function selectColumns
    * @param {number} startColumn The visual column index from which the selection starts.
    * @param {number} [endColumn=startColumn] The visual column index to which the selection finishes. If `endColumn`
-   *                                         is not defined the column defined by `startColumn` will be selected.
-   * @param {number} [focusPosition=0] The argument allows changing the cell/header focus position.
-   *                                   The value can take visual row index from -N to N, where negative values
-   *                                   point to the headers and positive values point to the cell range.
+   * is not defined the column defined by `startColumn` will be selected.
+   * @param {number | { row: number, col: number } | CellCoords} [focusPosition=0] The argument allows changing the cell/header focus
+   * position. The value can take visual row index from -N to N, where negative values point to the headers and positive
+   * values point to the cell range. An object with `row` and `col` properties also can be passed to change the focus
+   * position horizontally.
    * @returns {boolean} `true` if selection was successful, `false` otherwise.
    */
   this.selectColumns = function (startColumn) {
@@ -3929,6 +3983,8 @@ export default function Core(rootElement, userSettings) {
    * hot.selectRows(1, 2, -1);
    * // Select range of rows using visual indexes and mark the second cell as highlighted.
    * hot.selectRows(2, 1, 1);
+   * // Select range of rows using visual indexes and move the focus position somewhere in the middle of the range.
+   * hot.selectRows(2, 5, { row: 2, col: 3 });
    * ```
    *
    * @memberof Core#
@@ -3936,10 +3992,11 @@ export default function Core(rootElement, userSettings) {
    * @function selectRows
    * @param {number} startRow The visual row index from which the selection starts.
    * @param {number} [endRow=startRow] The visual row index to which the selection finishes. If `endRow`
-   *                                   is not defined the row defined by `startRow` will be selected.
-   * @param {number} [focusPosition=0] The argument allows changing the cell/header focus position.
-   *                                   The value can take visual column index from -N to N, where negative values
-   *                                   point to the headers and positive values point to the cell range.
+   * is not defined the row defined by `startRow` will be selected.
+   * @param {number | { row: number, col: number } | CellCoords} [focusPosition=0] The argument allows changing the cell/header focus
+   * position. The value can take visual row index from -N to N, where negative values point to the headers and positive
+   * values point to the cell range. An object with `row` and `col` properties also can be passed to change the focus
+   * position vertically.
    * @returns {boolean} `true` if selection was successful, `false` otherwise.
    */
   this.selectRows = function (startRow) {

package/dist/handsontable.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-221e46b-20240307
- * Release date: 06/03/2024 (built at 07/03/2024 14:16:19)
+ * Version: 0.0.0-next-200799f-20240311
+ * Release date: 06/03/2024 (built at 11/03/2024 12:57:54)
  */
 /**
  * Fix for bootstrap styles

package/dist/handsontable.full.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-221e46b-20240307
- * Release date: 06/03/2024 (built at 07/03/2024 14:16:19)
+ * Version: 0.0.0-next-200799f-20240311
+ * Release date: 06/03/2024 (built at 11/03/2024 12:57:54)
  */
 /**
  * Fix for bootstrap styles