handsontable 0.0.0-next-8d0643b-20230809 → 0.0.0-next-be16baf-20230809

package/dataMap/metaManager/metaSchema.js

@@ -3103,6 +3103,47 @@ var _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 14.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,
+    /**
+     * 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

@@ -3100,6 +3100,47 @@ export 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 14.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,
+    /**
+     * 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-8d0643b-20230809
- * Release date: 22/06/2023 (built at 09/08/2023 10:26:47)
+ * Version: 0.0.0-next-be16baf-20230809
+ * Release date: 22/06/2023 (built at 09/08/2023 12:41:15)
  */
 /**
  * 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 {
@@ -607,6 +618,11 @@ innerBorderBottom - Property controlled by bottom overlay
   opacity: 0.58;
 }
 
+.handsontable tbody th.current,
+.handsontable thead th.current {
+  box-shadow: inset 0 0 0 2px #5292f7;
+}
+
 .handsontable tbody th.ht__highlight,
 .handsontable thead th.ht__highlight {
   background-color: #dcdcdc;
@@ -799,7 +815,7 @@ TextRenderer placeholder value
   cursor: pointer;
   -webkit-box-shadow: 0 0 0 6px rgb(238, 238, 238);
   -moz-box-shadow: 0 0 0 6px rgb(238, 238, 238);
-  box-shadow: 0 0 0 6px rgb(238, 238, 238);
+  box-shadow: 0 0 0 3px rgb(238, 238, 238);
   background: #eee;
   text-align: center;
 }
@@ -832,6 +848,11 @@ TextRenderer placeholder value
   -webkit-appearance: none;
 }
 
+.topSelectionHandle:not(.ht_master .topSelectionHandle),
+.topSelectionHandle-HitArea:not(.ht_master .topSelectionHandle-HitArea) {
+  z-index: 9999;
+}
+
 /* Initial left/top coordinates - overwritten when actual position is set */
 .handsontable .topSelectionHandle,
 .handsontable .topSelectionHandle-HitArea,
@@ -840,7 +861,6 @@ TextRenderer placeholder value
   left: -10000px;
   right: unset;
   top: -10000px;
-  z-index: 9999;
 }
 
 [dir=rtl].handsontable .topSelectionHandle, [dir=rtl].handsontable .topSelectionHandle-HitArea, [dir=rtl].handsontable .bottomSelectionHandle, [dir=rtl].handsontable .bottomSelectionHandle-HitArea {

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-8d0643b-20230809
- * Release date: 22/06/2023 (built at 09/08/2023 10:26:47)
+ * Version: 0.0.0-next-be16baf-20230809
+ * Release date: 22/06/2023 (built at 09/08/2023 12:41:15)
  */
 /**
  * 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 {
@@ -607,6 +618,11 @@ innerBorderBottom - Property controlled by bottom overlay
   opacity: 0.58;
 }
 
+.handsontable tbody th.current,
+.handsontable thead th.current {
+  box-shadow: inset 0 0 0 2px #5292f7;
+}
+
 .handsontable tbody th.ht__highlight,
 .handsontable thead th.ht__highlight {
   background-color: #dcdcdc;
@@ -799,7 +815,7 @@ TextRenderer placeholder value
   cursor: pointer;
   -webkit-box-shadow: 0 0 0 6px rgb(238, 238, 238);
   -moz-box-shadow: 0 0 0 6px rgb(238, 238, 238);
-  box-shadow: 0 0 0 6px rgb(238, 238, 238);
+  box-shadow: 0 0 0 3px rgb(238, 238, 238);
   background: #eee;
   text-align: center;
 }
@@ -832,6 +848,11 @@ TextRenderer placeholder value
   -webkit-appearance: none;
 }
 
+.topSelectionHandle:not(.ht_master .topSelectionHandle),
+.topSelectionHandle-HitArea:not(.ht_master .topSelectionHandle-HitArea) {
+  z-index: 9999;
+}
+
 /* Initial left/top coordinates - overwritten when actual position is set */
 .handsontable .topSelectionHandle,
 .handsontable .topSelectionHandle-HitArea,
@@ -840,7 +861,6 @@ TextRenderer placeholder value
   left: -10000px;
   right: unset;
   top: -10000px;
-  z-index: 9999;
 }
 
 [dir=rtl].handsontable .topSelectionHandle, [dir=rtl].handsontable .topSelectionHandle-HitArea, [dir=rtl].handsontable .bottomSelectionHandle, [dir=rtl].handsontable .bottomSelectionHandle-HitArea {