handsontable 0.0.0-next-06a64be-20230621 → 0.0.0-next-d1c8e0e-20230621

package/core.mjs

@@ -15,12 +15,12 @@ import "core-js/modules/es.set.js";
 import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.array.sort.js";
 import "core-js/modules/es.array.splice.js";
 import "core-js/modules/es.number.is-integer.js";
 import "core-js/modules/es.number.constructor.js";
 import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.array.fill.js";
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.regexp.exec.js";
@@ -32,7 +32,6 @@ import "core-js/modules/es.array.reverse.js";
 import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/web.timers.js";
 import "core-js/modules/web.immediate.js";
-import "core-js/modules/es.map.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/es.symbol.iterator.js";
@@ -66,7 +65,7 @@ import { Selection } from "./selection/index.mjs";
 import { MetaManager, DynamicCellMetaMod, ExtendMetaPropertiesMod, replaceData } from "./dataMap/index.mjs";
 import { createUniqueMap } from "./utils/dataStructures/uniqueMap.mjs";
 import { createShortcutManager } from "./shortcuts/index.mjs";
-var SHORTCUTS_GROUP = 'gridDefault';
+import { registerAllShortcutContexts } from "./shortcutContexts/index.mjs";
 var activeGuid = null;
 
 /**
@@ -290,12 +289,8 @@ export default function Core(rootElement, userSettings) {
   };
 
   var selection = new Selection(tableMeta, {
-    rowIndexMapper: function rowIndexMapper() {
-      return instance.rowIndexMapper;
-    },
-    columnIndexMapper: function columnIndexMapper() {
-      return instance.columnIndexMapper;
-    },
+    rowIndexMapper: instance.rowIndexMapper,
+    columnIndexMapper: instance.columnIndexMapper,
     countCols: function countCols() {
       return instance.countCols();
     },
@@ -308,12 +303,18 @@ export default function Core(rootElement, userSettings) {
     isEditorOpened: function isEditorOpened() {
       return instance.getActiveEditor() ? instance.getActiveEditor().isOpened() : false;
     },
-    countColsTranslated: function countColsTranslated() {
+    countRenderableColumns: function countRenderableColumns() {
       return _this.view.countRenderableColumns();
     },
-    countRowsTranslated: function countRowsTranslated() {
+    countRenderableRows: function countRenderableRows() {
       return _this.view.countRenderableRows();
     },
+    countRowHeaders: function countRowHeaders() {
+      return _this.countRowHeaders();
+    },
+    countColHeaders: function countColHeaders() {
+      return _this.countColHeaders();
+    },
     getShortcutManager: function getShortcutManager() {
       return instance.getShortcutManager();
     },
@@ -346,12 +347,6 @@ export default function Core(rootElement, userSettings) {
   });
   this.selection.addLocalHook('beforeSetRangeEnd', function (cellCoords) {
     _this.runHooks('beforeSetRangeEnd', cellCoords);
-    if (cellCoords.row < 0) {
-      cellCoords.row = _this.view._wt.wtTable.getFirstVisibleRow();
-    }
-    if (cellCoords.col < 0) {
-      cellCoords.col = _this.view._wt.wtTable.getFirstVisibleColumn();
-    }
   });
   this.selection.addLocalHook('afterSetRangeEnd', function (cellCoords) {
     var preventScrolling = createObjectPropListener(false);
@@ -377,7 +372,14 @@ export default function Core(rootElement, userSettings) {
     if (scrollToCell !== false) {
       if (!isSelectedByAnyHeader) {
         if (currentSelectedRange && !_this.selection.isMultiple()) {
-          _this.view.scrollViewport(visualToRenderableCoords(currentSelectedRange.from));
+          var renderableCoords = visualToRenderableCoords(currentSelectedRange.from);
+          if (renderableCoords.row < 0 && renderableCoords.col >= 0) {
+            _this.view.scrollViewportHorizontally(renderableCoords.col);
+          } else if (renderableCoords.col < 0 && renderableCoords.row >= 0) {
+            _this.view.scrollViewportVertically(renderableCoords.row);
+          } else {
+            _this.view.scrollViewport(renderableCoords);
+          }
         } else {
           _this.view.scrollViewport(visualToRenderableCoords(cellCoords));
         }
@@ -418,6 +420,30 @@ export default function Core(rootElement, userSettings) {
       isMultiple.value = changedIsMultiple;
     }
   });
+  this.selection.addLocalHook('beforeSelectColumns', function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    return _this.runHooks.apply(_this, ['beforeSelectColumns'].concat(args));
+  });
+  this.selection.addLocalHook('afterSelectColumns', function () {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    return _this.runHooks.apply(_this, ['afterSelectColumns'].concat(args));
+  });
+  this.selection.addLocalHook('beforeSelectRows', function () {
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+    return _this.runHooks.apply(_this, ['beforeSelectRows'].concat(args));
+  });
+  this.selection.addLocalHook('afterSelectRows', function () {
+    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+      args[_key4] = arguments[_key4];
+    }
+    return _this.runHooks.apply(_this, ['afterSelectRows'].concat(args));
+  });
   this.selection.addLocalHook('beforeModifyTransformStart', function (cellCoordsDelta) {
     _this.runHooks('modifyTransformStart', cellCoordsDelta);
   });
@@ -1576,8 +1602,8 @@ export default function Core(rootElement, userSettings) {
    */
   this.spliceCol = function (column, index, amount) {
     var _datamap;
-    for (var _len = arguments.length, elements = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
-      elements[_key - 3] = arguments[_key];
+    for (var _len5 = arguments.length, elements = new Array(_len5 > 3 ? _len5 - 3 : 0), _key5 = 3; _key5 < _len5; _key5++) {
+      elements[_key5 - 3] = arguments[_key5];
     }
     return (_datamap = datamap).spliceCol.apply(_datamap, [column, index, amount].concat(elements));
   };
@@ -1595,8 +1621,8 @@ export default function Core(rootElement, userSettings) {
    */
   this.spliceRow = function (row, index, amount) {
     var _datamap2;
-    for (var _len2 = arguments.length, elements = new Array(_len2 > 3 ? _len2 - 3 : 0), _key2 = 3; _key2 < _len2; _key2++) {
-      elements[_key2 - 3] = arguments[_key2];
+    for (var _len6 = arguments.length, elements = new Array(_len6 > 3 ? _len6 - 3 : 0), _key6 = 3; _key6 < _len6; _key6++) {
+      elements[_key6 - 3] = arguments[_key6];
     }
     return (_datamap2 = datamap).spliceRow.apply(_datamap2, [row, index, amount].concat(elements));
   };
@@ -1692,6 +1718,9 @@ export default function Core(rootElement, userSettings) {
     }
     var changes = [];
     arrayEach(selection.getSelectedRange(), function (cellRange) {
+      if (cellRange.isSingleHeader()) {
+        return;
+      }
       var topStart = cellRange.getTopStartCorner();
       var bottomEnd = cellRange.getBottomEndCorner();
       rangeEach(topStart.row, bottomEnd.row, function (row) {
@@ -3006,8 +3035,8 @@ export default function Core(rootElement, userSettings) {
   this.spliceCellsMeta = function (visualIndex) {
     var _this5 = this;
     var deleteAmount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    for (var _len3 = arguments.length, cellMetaRows = new Array(_len3 > 2 ? _len3 - 2 : 0), _key3 = 2; _key3 < _len3; _key3++) {
-      cellMetaRows[_key3 - 2] = arguments[_key3];
+    for (var _len7 = arguments.length, cellMetaRows = new Array(_len7 > 2 ? _len7 - 2 : 0), _key7 = 2; _key7 < _len7; _key7++) {
+      cellMetaRows[_key7 - 2] = arguments[_key7];
     }
     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.');
@@ -3701,6 +3730,30 @@ export default function Core(rootElement, userSettings) {
     return instance.view._wt.drawn ? instance.view._wt.wtTable.getVisibleColumnsCount() : -1;
   };
 
+  /**
+   * Returns the number of rendered row headers.
+   *
+   * @since 13.0.0
+   * @memberof Core#
+   * @function countRowHeaders
+   * @returns {number} Number of row headers.
+   */
+  this.countRowHeaders = function () {
+    return this.view.getRowHeadersCount();
+  };
+
+  /**
+   * Returns the number of rendered column headers.
+   *
+   * @since 13.0.0
+   * @memberof Core#
+   * @function countColHeaders
+   * @returns {number} Number of column headers.
+   */
+  this.countColHeaders = function () {
+    return this.view.getColumnHeadersCount();
+  };
+
   /**
    * Returns the number of empty rows. If the optional ending parameter is `true`, returns the
    * number of empty rows at the bottom of the table.
@@ -3905,6 +3958,10 @@ export default function Core(rootElement, userSettings) {
    * hot.selectColumns('id');
    * // Select range of columns using visual indexes.
    * hot.selectColumns(1, 4);
+   * // Select range of columns using visual indexes and mark the first header as highlighted.
+   * 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 column properties.
    * hot.selectColumns('id', 'last_name');
    * ```
@@ -3915,11 +3972,15 @@ export default function Core(rootElement, userSettings) {
    * @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.
    * @returns {boolean} `true` if selection was successful, `false` otherwise.
    */
   this.selectColumns = function (startColumn) {
     var endColumn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : startColumn;
-    return selection.selectColumns(startColumn, endColumn);
+    var focusPosition = arguments.length > 2 ? arguments[2] : undefined;
+    return selection.selectColumns(startColumn, endColumn, focusPosition);
   };
 
   /**
@@ -3929,8 +3990,12 @@ export default function Core(rootElement, userSettings) {
    * ```js
    * // Select row using visual index.
    * hot.selectRows(1);
-   * // Select range of rows using visual indexes.
+   * // select a range of rows, using visual indexes.
    * hot.selectRows(1, 4);
+   * // select a range of rows, using visual indexes, and mark the header as highlighted.
+   * hot.selectRows(1, 2, -1);
+   * // Select range of rows using visual indexes and mark the second cell as highlighted.
+   * hot.selectRows(2, 1, 1);
    * ```
    *
    * @memberof Core#
@@ -3939,11 +4004,15 @@ export default function Core(rootElement, userSettings) {
    * @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.
    * @returns {boolean} `true` if selection was successful, `false` otherwise.
    */
   this.selectRows = function (startRow) {
     var endRow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : startRow;
-    return selection.selectRows(startRow, endRow);
+    var focusPosition = arguments.length > 2 ? arguments[2] : undefined;
+    return selection.selectRows(startRow, endRow, focusPosition);
   };
 
   /**
@@ -3962,9 +4031,16 @@ export default function Core(rootElement, userSettings) {
    * The previous selection is overwritten.
    *
    * ```js
-   * // select all cells in the table, including all headers
+   * // select all cells in the table, including all headers and the corner cell
    * hot.selectAll();
    *
+   * // select all cells in the table, including row headers but excluding the corner cell
+   * hot.selectAll(true, false);
+   *
+   * // select all cells in the table, including all headers and the corner cell, but move the focus
+   * // highlight to position -2, -1
+   * hot.selectAll(-2, -1);
+   *
    * // select all cells in the table, without headers
    * hot.selectAll(false);
    * ```
@@ -3972,15 +4048,20 @@ export default function Core(rootElement, userSettings) {
    * @since 0.38.2
    * @memberof Core#
    * @function selectAll
-   * @param {boolean} [includeHeaders=true] `true`: include all row, column and corner headers.
-   * `false`: don't include any headers.
+   * @param {boolean} [includeRowHeaders=false] `true` If the selection should include the row headers,
+   * `false` otherwise.
+   * @param {boolean} [includeColumnHeaders=false] `true` If the selection should include the column
+   * headers, `false` otherwise.
+   * @param {{row: number, col: number}} [focusPosition] The argument allows changing the cell/header
+   * focus position. The value takes an object with a `row` and `col` properties (visual indexes)
+   * from -N to N, where negative values point to the headers and positive values point to the cell range.
    */
   this.selectAll = function () {
-    var includeHeaders = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    var includeRowHeaders = includeHeaders && this.hasRowHeaders();
-    var includeColumnHeaders = includeHeaders && this.hasColHeaders();
+    var includeRowHeaders = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    var includeColumnHeaders = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : includeRowHeaders;
+    var focusPosition = arguments.length > 2 ? arguments[2] : undefined;
     preventScrollingToCell = true;
-    selection.selectAll(includeRowHeaders, includeColumnHeaders);
+    selection.selectAll(includeRowHeaders, includeColumnHeaders, focusPosition);
     preventScrollingToCell = false;
   };
   var getIndexToScroll = function getIndexToScroll(indexMapper, visualIndex) {
@@ -4384,6 +4465,16 @@ export default function Core(rootElement, userSettings) {
     }
   };
 
+  /**
+   * Gets the instance of the EditorManager.
+   *
+   * @private
+   * @returns {EditorManager}
+   */
+  this._getEditorManager = function () {
+    return editorManager;
+  };
+
   /**
    * Check if currently it is RTL direction.
    *
@@ -4456,284 +4547,11 @@ export default function Core(rootElement, userSettings) {
   this.getShortcutManager = function () {
     return shortcutManager;
   };
-  var gridContext = shortcutManager.addContext('grid');
-  var gridConfig = {
-    runOnlyIf: function runOnlyIf() {
-      return isDefined(instance.getSelected()) && instance.countRenderedRows() > 0 && instance.countRenderedCols() > 0;
-    },
-    group: SHORTCUTS_GROUP
-  };
-  shortcutManager.setActiveContextName('grid');
-  gridContext.addShortcuts([{
-    keys: [['Control/Meta', 'A']],
-    callback: function callback() {
-      instance.selectAll();
-    }
-  }, {
-    keys: [['Control/Meta', 'Enter']],
-    callback: function callback() {
-      var selectedRange = instance.getSelectedRange();
-      var _selectedRange$highli = selectedRange[selectedRange.length - 1].highlight,
-        highlightRow = _selectedRange$highli.row,
-        highlightColumn = _selectedRange$highli.col;
-      var valueToPopulate = instance.getDataAtCell(highlightRow, highlightColumn);
-      var cellValues = new Map();
-      for (var i = 0; i < selectedRange.length; i++) {
-        selectedRange[i].forAll(function (row, column) {
-          if (row >= 0 && column >= 0 && (row !== highlightRow || column !== highlightColumn)) {
-            var _instance$getCellMeta = instance.getCellMeta(row, column),
-              readOnly = _instance$getCellMeta.readOnly;
-            if (!readOnly) {
-              cellValues.set("".concat(row, "x").concat(column), [row, column, valueToPopulate]);
-            }
-          }
-        });
-      }
-      instance.setDataAtCell(Array.from(cellValues.values()));
-    },
-    runOnlyIf: function runOnlyIf() {
-      return instance.getSelectedRangeLast().getCellsCount() > 1;
-    }
-  }, {
-    keys: [['ArrowUp']],
-    callback: function callback() {
-      selection.transformStart(-1, 0);
-    }
-  }, {
-    keys: [['ArrowUp', 'Control/Meta']],
-    captureCtrl: true,
-    callback: function callback() {
-      selection.setRangeStart(instance._createCellCoords(instance.rowIndexMapper.getNearestNotHiddenIndex(0, 1), instance.getSelectedRangeLast().highlight.col));
-    }
-  }, {
-    keys: [['ArrowUp', 'Shift']],
-    callback: function callback() {
-      selection.transformEnd(-1, 0);
-    }
-  }, {
-    keys: [['ArrowUp', 'Shift', 'Control/Meta']],
-    captureCtrl: true,
-    callback: function callback() {
-      var _instance$getSelected = instance.getSelectedRangeLast(),
-        from = _instance$getSelected.from,
-        to = _instance$getSelected.to;
-      var row = instance.rowIndexMapper.getNearestNotHiddenIndex(0, 1);
-      selection.setRangeStart(from.clone());
-      selection.setRangeEnd(instance._createCellCoords(row, to.col));
-    },
-    runOnlyIf: function runOnlyIf() {
-      return !(instance.selection.isSelectedByCorner() || instance.selection.isSelectedByColumnHeader());
-    }
-  }, {
-    keys: [['ArrowDown']],
-    callback: function callback() {
-      selection.transformStart(1, 0);
-    }
-  }, {
-    keys: [['ArrowDown', 'Control/Meta']],
-    captureCtrl: true,
-    callback: function callback() {
-      selection.setRangeStart(instance._createCellCoords(instance.rowIndexMapper.getNearestNotHiddenIndex(instance.countRows() - 1, -1), instance.getSelectedRangeLast().highlight.col));
-    }
-  }, {
-    keys: [['ArrowDown', 'Shift']],
-    callback: function callback() {
-      selection.transformEnd(1, 0);
-    }
-  }, {
-    keys: [['ArrowDown', 'Shift', 'Control/Meta']],
-    captureCtrl: true,
-    callback: function callback() {
-      var _instance$getSelected2 = instance.getSelectedRangeLast(),
-        from = _instance$getSelected2.from,
-        to = _instance$getSelected2.to;
-      var row = instance.rowIndexMapper.getNearestNotHiddenIndex(instance.countRows() - 1, -1);
-      selection.setRangeStart(from.clone());
-      selection.setRangeEnd(instance._createCellCoords(row, to.col));
-    },
-    runOnlyIf: function runOnlyIf() {
-      return !(instance.selection.isSelectedByCorner() || instance.selection.isSelectedByColumnHeader());
-    }
-  }, {
-    keys: [['ArrowLeft']],
-    callback: function callback() {
-      selection.transformStart(0, -1 * instance.getDirectionFactor());
-    }
-  }, {
-    keys: [['ArrowLeft', 'Control/Meta']],
-    captureCtrl: true,
-    callback: function callback() {
-      var _instance$columnIndex;
-      var row = instance.getSelectedRangeLast().highlight.row;
-      var column = (_instance$columnIndex = instance.columnIndexMapper).getNearestNotHiddenIndex.apply(_instance$columnIndex, _toConsumableArray(instance.isRtl() ? [instance.countCols() - 1, -1] : [0, 1]));
-      selection.setRangeStart(instance._createCellCoords(row, column));
-    }
-  }, {
-    keys: [['ArrowLeft', 'Shift']],
-    callback: function callback() {
-      selection.transformEnd(0, -1 * instance.getDirectionFactor());
-    }
-  }, {
-    keys: [['ArrowLeft', 'Shift', 'Control/Meta']],
-    captureCtrl: true,
-    callback: function callback() {
-      var _instance$columnIndex2;
-      var _instance$getSelected3 = instance.getSelectedRangeLast(),
-        from = _instance$getSelected3.from,
-        to = _instance$getSelected3.to;
-      var column = (_instance$columnIndex2 = instance.columnIndexMapper).getNearestNotHiddenIndex.apply(_instance$columnIndex2, _toConsumableArray(instance.isRtl() ? [instance.countCols() - 1, -1] : [0, 1]));
-      selection.setRangeStart(from.clone());
-      selection.setRangeEnd(instance._createCellCoords(to.row, column));
-    },
-    runOnlyIf: function runOnlyIf() {
-      return !(instance.selection.isSelectedByCorner() || instance.selection.isSelectedByRowHeader());
-    }
-  }, {
-    keys: [['ArrowRight']],
-    callback: function callback() {
-      selection.transformStart(0, instance.getDirectionFactor());
-    }
-  }, {
-    keys: [['ArrowRight', 'Control/Meta']],
-    captureCtrl: true,
-    callback: function callback() {
-      var _instance$columnIndex3;
-      var row = instance.getSelectedRangeLast().highlight.row;
-      var column = (_instance$columnIndex3 = instance.columnIndexMapper).getNearestNotHiddenIndex.apply(_instance$columnIndex3, _toConsumableArray(instance.isRtl() ? [0, 1] : [instance.countCols() - 1, -1]));
-      selection.setRangeStart(instance._createCellCoords(row, column));
-    }
-  }, {
-    keys: [['ArrowRight', 'Shift']],
-    callback: function callback() {
-      selection.transformEnd(0, instance.getDirectionFactor());
-    }
-  }, {
-    keys: [['ArrowRight', 'Shift', 'Control/Meta']],
-    captureCtrl: true,
-    callback: function callback() {
-      var _instance$columnIndex4;
-      var _instance$getSelected4 = instance.getSelectedRangeLast(),
-        from = _instance$getSelected4.from,
-        to = _instance$getSelected4.to;
-      var column = (_instance$columnIndex4 = instance.columnIndexMapper).getNearestNotHiddenIndex.apply(_instance$columnIndex4, _toConsumableArray(instance.isRtl() ? [0, 1] : [instance.countCols() - 1, -1]));
-      selection.setRangeStart(from.clone());
-      selection.setRangeEnd(instance._createCellCoords(to.row, column));
-    },
-    runOnlyIf: function runOnlyIf() {
-      return !(instance.selection.isSelectedByCorner() || instance.selection.isSelectedByRowHeader());
-    }
-  }, {
-    keys: [['Home']],
-    captureCtrl: true,
-    callback: function callback() {
-      var fixedColumns = parseInt(instance.getSettings().fixedColumnsStart, 10);
-      var row = instance.getSelectedRangeLast().highlight.row;
-      var column = instance.columnIndexMapper.getNearestNotHiddenIndex(fixedColumns, 1);
-      selection.setRangeStart(instance._createCellCoords(row, column));
-    },
-    runOnlyIf: function runOnlyIf() {
-      return instance.view.isMainTableNotFullyCoveredByOverlays();
-    }
-  }, {
-    keys: [['Home', 'Shift']],
-    callback: function callback() {
-      selection.setRangeEnd(instance._createCellCoords(selection.selectedRange.current().from.row, instance.columnIndexMapper.getNearestNotHiddenIndex(0, 1)));
-    }
-  }, {
-    keys: [['Home', 'Control/Meta']],
-    captureCtrl: true,
-    callback: function callback() {
-      var fixedRows = parseInt(instance.getSettings().fixedRowsTop, 10);
-      var fixedColumns = parseInt(instance.getSettings().fixedColumnsStart, 10);
-      var row = instance.rowIndexMapper.getNearestNotHiddenIndex(fixedRows, 1);
-      var column = instance.columnIndexMapper.getNearestNotHiddenIndex(fixedColumns, 1);
-      selection.setRangeStart(instance._createCellCoords(row, column));
-    },
-    runOnlyIf: function runOnlyIf() {
-      return instance.view.isMainTableNotFullyCoveredByOverlays();
-    }
-  }, {
-    keys: [['End']],
-    captureCtrl: true,
-    callback: function callback() {
-      selection.setRangeStart(instance._createCellCoords(instance.getSelectedRangeLast().highlight.row, instance.columnIndexMapper.getNearestNotHiddenIndex(instance.countCols() - 1, -1)));
-    },
-    runOnlyIf: function runOnlyIf() {
-      return instance.view.isMainTableNotFullyCoveredByOverlays();
-    }
-  }, {
-    keys: [['End', 'Shift']],
-    callback: function callback() {
-      selection.setRangeEnd(instance._createCellCoords(selection.selectedRange.current().from.row, instance.columnIndexMapper.getNearestNotHiddenIndex(instance.countCols() - 1, -1)));
-    }
-  }, {
-    keys: [['End', 'Control/Meta']],
-    captureCtrl: true,
-    callback: function callback() {
-      var fixedRows = parseInt(instance.getSettings().fixedRowsBottom, 10);
-      var row = instance.rowIndexMapper.getNearestNotHiddenIndex(instance.countRows() - fixedRows - 1, -1);
-      var column = instance.columnIndexMapper.getNearestNotHiddenIndex(instance.countCols() - 1, -1);
-      selection.setRangeStart(instance._createCellCoords(row, column));
-    },
-    runOnlyIf: function runOnlyIf() {
-      return instance.view.isMainTableNotFullyCoveredByOverlays();
-    }
-  }, {
-    keys: [['PageUp']],
-    callback: function callback() {
-      selection.transformStart(-instance.countVisibleRows(), 0);
-    }
-  }, {
-    keys: [['PageUp', 'Shift']],
-    callback: function callback() {
-      var _instance$getSelected5 = instance.getSelectedRangeLast(),
-        to = _instance$getSelected5.to;
-      var nextRowIndexToSelect = Math.max(to.row - instance.countVisibleRows(), 0);
-      var row = instance.rowIndexMapper.getNearestNotHiddenIndex(nextRowIndexToSelect, 1);
-      if (row !== null) {
-        var coords = instance._createCellCoords(row, to.col);
-        var scrollPadding = to.row - instance.view.getFirstFullyVisibleRow();
-        var nextVerticalScroll = Math.max(coords.row - scrollPadding, 0);
-        selection.setRangeEnd(coords);
-        instance.scrollViewportTo(nextVerticalScroll);
-      }
-    }
-  }, {
-    keys: [['PageDown']],
-    callback: function callback() {
-      selection.transformStart(instance.countVisibleRows(), 0);
-    }
-  }, {
-    keys: [['PageDown', 'Shift']],
-    callback: function callback() {
-      var _instance$getSelected6 = instance.getSelectedRangeLast(),
-        to = _instance$getSelected6.to;
-      var nextRowIndexToSelect = Math.min(to.row + instance.countVisibleRows(), instance.countRows() - 1);
-      var row = instance.rowIndexMapper.getNearestNotHiddenIndex(nextRowIndexToSelect, -1);
-      if (row !== null) {
-        var coords = instance._createCellCoords(row, to.col);
-        var scrollPadding = to.row - instance.view.getFirstFullyVisibleRow();
-        var nextVerticalScroll = Math.min(coords.row - scrollPadding, instance.countRows() - 1);
-        selection.setRangeEnd(coords);
-        instance.scrollViewportTo(nextVerticalScroll);
-      }
-    }
-  }, {
-    keys: [['Tab']],
-    callback: function callback(event) {
-      var tabMoves = typeof tableMeta.tabMoves === 'function' ? tableMeta.tabMoves(event) : tableMeta.tabMoves;
-      selection.transformStart(tabMoves.row, tabMoves.col, true);
-    }
-  }, {
-    keys: [['Shift', 'Tab']],
-    callback: function callback(event) {
-      var tabMoves = typeof tableMeta.tabMoves === 'function' ? tableMeta.tabMoves(event) : tableMeta.tabMoves;
-      selection.transformStart(-tabMoves.row, -tabMoves.col);
-    }
-  }], gridConfig);
   getPluginsNames().forEach(function (pluginName) {
     var PluginClass = getPlugin(pluginName);
     pluginsRegistry.addItem(pluginName, new PluginClass(_this));
   });
+  registerAllShortcutContexts(instance);
+  shortcutManager.setActiveContextName('grid');
   Hooks.getSingleton().run(instance, 'construct');
 }

package/dataMap/metaManager/metaSchema.js

@@ -3112,6 +3112,25 @@ var _default = function _default() {
      * ```
      */
     multiColumnSorting: void 0,
+    /**
+     * When set to `true`, the `navigableHeaders` option lets you navigate [row headers](@/guides/rows/row-header.md) and [column headers](@/guides/columns/column-header.md), using the arrow keys or the <kbd>**Tab**</kbd> key (if the [`disableTabNavigation`](#disabletabnavigation) option is set to `false`).
+     *
+     * @since 13.0.0
+     * @memberof Options#
+     * @type {boolean}
+     * @default false
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // you can navigate row and column headers with the keyboard
+     * navigableHeaders: true,
+     *
+     * // default behavior: you can't navigate row and column headers with the keyboard
+     * navigableHeaders: false,
+     * ```
+     */
+    navigableHeaders: false,
     /**
      * @description
      * The `nestedHeaders` option configures the [`NestedHeaders`](@/api/nestedHeaders.md) plugin.

package/dataMap/metaManager/metaSchema.mjs

@@ -3108,6 +3108,25 @@ export default (function () {
      * ```
      */
     multiColumnSorting: void 0,
+    /**
+     * When set to `true`, the `navigableHeaders` option lets you navigate [row headers](@/guides/rows/row-header.md) and [column headers](@/guides/columns/column-header.md), using the arrow keys or the <kbd>**Tab**</kbd> key (if the [`disableTabNavigation`](#disabletabnavigation) option is set to `false`).
+     *
+     * @since 13.0.0
+     * @memberof Options#
+     * @type {boolean}
+     * @default false
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // you can navigate row and column headers with the keyboard
+     * navigableHeaders: true,
+     *
+     * // default behavior: you can't navigate row and column headers with the keyboard
+     * navigableHeaders: false,
+     * ```
+     */
+    navigableHeaders: false,
     /**
      * @description
      * The `nestedHeaders` option configures the [`NestedHeaders`](@/api/nestedHeaders.md) plugin.