handsontable 0.0.0-next-3b33ccd-20230710 → 0.0.0-next-90e205d-20230711

package/core.mjs

@@ -10,10 +10,11 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.map.js";
 import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.set.js";
 import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/web.dom-collections.iterator.js";
+import "core-js/modules/es.set.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";
@@ -26,10 +27,10 @@ import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.array.filter.js";
+import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.array.index-of.js";
 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.symbol.js";
@@ -63,11 +64,21 @@ import { hasLanguageDictionary, getValidLanguageCode, getTranslatedPhrase } from
 import { warnUserAboutLanguageRegistration, normalizeLanguageCode } from "./i18n/utils.mjs";
 import { Selection } from "./selection/index.mjs";
 import { MetaManager, DynamicCellMetaMod, ExtendMetaPropertiesMod, replaceData } from "./dataMap/index.mjs";
+import { installFocusCatcher } from "./core/index.mjs";
 import { createUniqueMap } from "./utils/dataStructures/uniqueMap.mjs";
 import { createShortcutManager } from "./shortcuts/index.mjs";
 import { registerAllShortcutContexts } from "./shortcutContexts/index.mjs";
 var activeGuid = null;
 
+/**
+ * Keeps the collection of the all Handsontable instances created on the same page. The
+ * list is then used to trigger the "afterUnlisten" hook when the "listen()" method was
+ * called on another instance.
+ *
+ * @type {Map<string, Core>}
+ */
+var foreignHotInstances = new Map();
+
 /**
  * A set of deprecated feature names.
  *
@@ -245,6 +256,8 @@ export default function Core(rootElement, userSettings) {
   }
   this.guid = "ht_".concat(randomString()); // this is the namespace for global events
 
+  foreignHotInstances.set(this.guid, this);
+
   /**
    * Instance of index mapper which is responsible for managing the column indexes.
    *
@@ -1101,6 +1114,9 @@ export default function Core(rootElement, userSettings) {
     this.updateSettings(tableMeta, true);
     this.view = new TableView(this);
     editorManager = EditorManager.getInstance(instance, tableMeta, selection);
+    if (isRootInstance(this)) {
+      installFocusCatcher(instance);
+    }
     instance.runHooks('init');
     this.forceFullRender = true; // used when data was changed
     this.view.render();
@@ -1517,6 +1533,11 @@ export default function Core(rootElement, userSettings) {
    */
   this.listen = function () {
     if (instance && !instance.isListening()) {
+      foreignHotInstances.forEach(function (foreignHot) {
+        if (instance !== foreignHot) {
+          foreignHot.unlisten();
+        }
+      });
       activeGuid = instance.guid;
       instance.runHooks('afterListen');
     }
@@ -4119,35 +4140,6 @@ export default function Core(rootElement, userSettings) {
     return false;
   };
 
-  /**
-   * Scrolls the viewport to coordinates specified by the currently focused cell.
-   *
-   * @since 14.0.0
-   * @memberof Core#
-   * @function scrollToFocusedCell
-   * @param {Function} callback The callback function to call after the viewport is scrolled.
-   */
-  this.scrollToFocusedCell = function () {
-    var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {};
-    if (!this.selection.isSelected()) {
-      return;
-    }
-    this.addHookOnce('afterScroll', callback);
-    var _this$getSelectedRang = this.getSelectedRangeLast(),
-      highlight = _this$getSelectedRang.highlight;
-    var renderableRowIndex = this.rowIndexMapper.getRenderableFromVisualIndex(highlight.row);
-    var renderableColumnIndex = this.columnIndexMapper.getRenderableFromVisualIndex(highlight.col);
-    var isScrolled = this.view.scrollViewport(this._createCellCoords(renderableRowIndex, renderableColumnIndex));
-    if (isScrolled) {
-      this.view.render();
-    } else {
-      this.removeHook('afterScroll', callback);
-      this._registerImmediate(function () {
-        return callback();
-      });
-    }
-  };
-
   /**
    * Removes the table from the DOM and destroys the instance of the Handsontable.
    *
@@ -4168,6 +4160,7 @@ export default function Core(rootElement, userSettings) {
     dataSource = null;
     this.getShortcutManager().destroy();
     metaManager.clearCache();
+    foreignHotInstances.delete(this.guid);
     if (isRootInstance(instance)) {
       var licenseInfo = this.rootDocument.querySelector('.hot-display-license-info');
       if (licenseInfo) {

package/dataMap/metaManager/metaSchema.js

@@ -3131,6 +3131,28 @@ var _default = function _default() {
      * ```
      */
     navigableHeaders: false,
+    /**
+     * When set to `true`, the `disableTabNavigation` option changes the behavior of the
+     * <kbd>Tab</kbd> and <kbd>Shift</kbd>+<kbd>Tab</kbd> keyboard shortcuts. The Handsontable
+     * no more captures that shortcuts to make the grid navigation available (`disableTabNavigation: false`)
+     * but returns control to the browser so the native page navigation is possible.
+     *
+     * @since 14.0.0
+     * @memberof Options#
+     * @type {boolean}
+     * @default false
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // you can't navigate row and column headers using <kbd>Tab</kbd> or <kbd>Shift</kbd>+<kbd>Tab</kbd> keyboard shortcuts
+     * disableTabNavigation: true,
+     *
+     * // default behavior: you can navigate row and column headers using <kbd>Tab</kbd> or <kbd>Shift</kbd>+<kbd>Tab</kbd> keyboard shortcuts
+     * disableTabNavigation: false,
+     * ```
+     */
+    disableTabNavigation: false,
     /**
      * @description
      * The `nestedHeaders` option configures the [`NestedHeaders`](@/api/nestedHeaders.md) plugin.

package/dataMap/metaManager/metaSchema.mjs

@@ -3127,6 +3127,28 @@ export default (function () {
      * ```
      */
     navigableHeaders: false,
+    /**
+     * When set to `true`, the `disableTabNavigation` option changes the behavior of the
+     * <kbd>Tab</kbd> and <kbd>Shift</kbd>+<kbd>Tab</kbd> keyboard shortcuts. The Handsontable
+     * no more captures that shortcuts to make the grid navigation available (`disableTabNavigation: false`)
+     * but returns control to the browser so the native page navigation is possible.
+     *
+     * @since 14.0.0
+     * @memberof Options#
+     * @type {boolean}
+     * @default false
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // you can't navigate row and column headers using <kbd>Tab</kbd> or <kbd>Shift</kbd>+<kbd>Tab</kbd> keyboard shortcuts
+     * disableTabNavigation: true,
+     *
+     * // default behavior: you can navigate row and column headers using <kbd>Tab</kbd> or <kbd>Shift</kbd>+<kbd>Tab</kbd> keyboard shortcuts
+     * disableTabNavigation: false,
+     * ```
+     */
+    disableTabNavigation: false,
     /**
      * @description
      * The `nestedHeaders` option configures the [`NestedHeaders`](@/api/nestedHeaders.md) plugin.

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-3b33ccd-20230710
- * Release date: 22/06/2023 (built at 10/07/2023 09:30:15)
+ * Version: 0.0.0-next-90e205d-20230711
+ * Release date: 22/06/2023 (built at 11/07/2023 14:08:29)
  */
 /**
  * Fix for bootstrap styles
@@ -410,6 +410,17 @@ innerBorderBottom - Property controlled by bottom overlay
   font-size: 10px;
 }
 
+.handsontable .htFocusCatcher {
+  position: absolute;
+  z-index: -1;
+  opacity: 0;
+  border: 0;
+  margin: 0;
+  padding: 0;
+  width: 0;
+  height: 0;
+}
+
 /* plugins */
 /* row + column resizer*/
 .handsontable .manualColumnResizer {

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-3b33ccd-20230710
- * Release date: 22/06/2023 (built at 10/07/2023 09:30:15)
+ * Version: 0.0.0-next-90e205d-20230711
+ * Release date: 22/06/2023 (built at 11/07/2023 14:08:29)
  */
 /**
  * Fix for bootstrap styles
@@ -410,6 +410,17 @@ innerBorderBottom - Property controlled by bottom overlay
   font-size: 10px;
 }
 
+.handsontable .htFocusCatcher {
+  position: absolute;
+  z-index: -1;
+  opacity: 0;
+  border: 0;
+  margin: 0;
+  padding: 0;
+  width: 0;
+  height: 0;
+}
+
 /* plugins */
 /* row + column resizer*/
 .handsontable .manualColumnResizer {