handsontable 14.0.0-next-23212d5-20231127 → 14.0.0-next-477622d-20231128

package/editors/passwordEditor/passwordEditor.js

@@ -3,6 +3,7 @@
 exports.__esModule = true;
 var _textEditor = require("../textEditor");
 var _element = require("../../helpers/dom/element");
+var _a11y = require("../../helpers/a11y");
 const EDITOR_TYPE = exports.EDITOR_TYPE = 'password';
 
 /**
@@ -22,6 +23,9 @@ class PasswordEditor extends _textEditor.TextEditor {
     this.textareaStyle = this.TEXTAREA.style;
     this.textareaStyle.width = 0;
     this.textareaStyle.height = 0;
+    if (this.hot.getSettings().ariaTags) {
+      (0, _element.setAttribute)(this.TEXTAREA, [(0, _a11y.A11Y_HIDDEN)()]);
+    }
     (0, _element.empty)(this.TEXTAREA_PARENT);
     this.TEXTAREA_PARENT.appendChild(this.TEXTAREA);
   }

package/editors/passwordEditor/passwordEditor.mjs

@@ -1,5 +1,6 @@
 import { TextEditor } from "../textEditor/index.mjs";
-import { empty } from "../../helpers/dom/element.mjs";
+import { empty, setAttribute } from "../../helpers/dom/element.mjs";
+import { A11Y_HIDDEN } from "../../helpers/a11y.mjs";
 export const EDITOR_TYPE = 'password';
 
 /**
@@ -19,6 +20,9 @@ export class PasswordEditor extends TextEditor {
     this.textareaStyle = this.TEXTAREA.style;
     this.textareaStyle.width = 0;
     this.textareaStyle.height = 0;
+    if (this.hot.getSettings().ariaTags) {
+      setAttribute(this.TEXTAREA, [A11Y_HIDDEN()]);
+    }
     empty(this.TEXTAREA_PARENT);
     this.TEXTAREA_PARENT.appendChild(this.TEXTAREA);
   }

package/focusManager.js

@@ -4,6 +4,7 @@ exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 var _console = require("./helpers/console");
 var _element = require("./helpers/dom/element");
+var _function = require("./helpers/function");
 function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
@@ -33,9 +34,10 @@ var _hot = /*#__PURE__*/new WeakMap();
 var _focusMode = /*#__PURE__*/new WeakMap();
 var _refocusDelay = /*#__PURE__*/new WeakMap();
 var _refocusElementGetter = /*#__PURE__*/new WeakMap();
-var _getCurrentHighlightCoords = /*#__PURE__*/new WeakSet();
+var _debouncedSelect = /*#__PURE__*/new WeakMap();
 var _getSelectedCell = /*#__PURE__*/new WeakSet();
-var _manageFocus = /*#__PURE__*/new WeakSet();
+var _focusCell = /*#__PURE__*/new WeakSet();
+var _focusEditorElement = /*#__PURE__*/new WeakSet();
 var _onUpdateSettings = /*#__PURE__*/new WeakSet();
 class FocusManager {
   constructor(hotInstance) {
@@ -43,29 +45,23 @@ class FocusManager {
     /**
      * Update the manager configuration after calling `updateSettings`.
      *
-     * @private
      * @param {object} newSettings The new settings passed to the `updateSettings` method.
      */
     _classPrivateMethodInitSpec(this, _onUpdateSettings);
     /**
-     * Manage the browser's focus after cell selection.
-     *
-     * @private
+     * Manage the browser's focus after cell selection end.
      */
-    _classPrivateMethodInitSpec(this, _manageFocus);
+    _classPrivateMethodInitSpec(this, _focusEditorElement);
     /**
-     * Get and return the currently selected and highlighted cell/header element.
-     *
-     * @private
-     * @returns {HTMLTableCellElement}
+     * Manage the browser's focus after each cell selection change.
      */
-    _classPrivateMethodInitSpec(this, _getSelectedCell);
+    _classPrivateMethodInitSpec(this, _focusCell);
     /**
-     * Get the coordinates of the highlight of the currently selected cell/header.
+     * Get and return the currently selected and highlighted cell/header element.
      *
-     * @returns {CellCoords}
+     * @param {Function} callback Callback function to be called after the cell element is retrieved.
      */
-    _classPrivateMethodInitSpec(this, _getCurrentHighlightCoords);
+    _classPrivateMethodInitSpec(this, _getSelectedCell);
     /**
      * The Handsontable instance.
      */
@@ -81,7 +77,7 @@ class FocusManager {
      * - 'mixed' - The browser's focus switches from the lastly selected cell element to the currently active editor's
      * `TEXTAREA` element after a delay defined in the manager.
      *
-     * @type {string}
+     * @type {'cell' | 'mixed'}
      */
     _classPrivateFieldInitSpec(this, _focusMode, {
       writable: true,
@@ -107,6 +103,15 @@ class FocusManager {
       writable: true,
       value: null
     });
+    /**
+     * Map of the debounced `select` functions.
+     *
+     * @type {Map<number, Function>}
+     */
+    _classPrivateFieldInitSpec(this, _debouncedSelect, {
+      writable: true,
+      value: new Map()
+    });
     const hotSettings = hotInstance.getSettings();
     _classPrivateFieldSet(this, _hot, hotInstance);
     _classPrivateFieldSet(this, _focusMode, hotSettings.imeFastEdit ? FOCUS_MODES.MIXED : FOCUS_MODES.CELL);
@@ -120,7 +125,13 @@ class FocusManager {
       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         args[_key2] = arguments[_key2];
       }
-      return _classPrivateMethodGet(_this, _manageFocus, _manageFocus2).call(_this, ...args);
+      return _classPrivateMethodGet(_this, _focusCell, _focusCell2).call(_this, ...args);
+    });
+    _classPrivateFieldGet(this, _hot).addHook('afterSelectionEnd', function () {
+      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        args[_key3] = arguments[_key3];
+      }
+      return _classPrivateMethodGet(_this, _focusEditorElement, _focusEditorElement2).call(_this, ...args);
     });
   }
 
@@ -195,17 +206,26 @@ class FocusManager {
    * @param {HTMLTableCellElement} [selectedCell] The highlighted cell/header element.
    */
   focusOnHighlightedCell(selectedCell) {
-    var _classPrivateFieldGet3;
-    const currentHighlightCoords = _classPrivateMethodGet(this, _getCurrentHighlightCoords, _getCurrentHighlightCoords2).call(this);
-    const currentlySelectedHighlight = selectedCell || _classPrivateMethodGet(this, _getSelectedCell, _getSelectedCell2).call(this);
-    let elementToBeFocused = _classPrivateFieldGet(this, _hot).runHooks('modifyFocusedElement', currentHighlightCoords.row, currentHighlightCoords.col, currentlySelectedHighlight);
-    if (!(elementToBeFocused instanceof HTMLElement)) {
-      elementToBeFocused = currentlySelectedHighlight;
-    }
-    if (elementToBeFocused && !((_classPrivateFieldGet3 = _classPrivateFieldGet(this, _hot).getActiveEditor()) !== null && _classPrivateFieldGet3 !== void 0 && _classPrivateFieldGet3.isOpened())) {
-      elementToBeFocused.focus({
-        preventScroll: true
-      });
+    const focusElement = element => {
+      var _classPrivateFieldGet3, _classPrivateFieldGet4;
+      const currentHighlightCoords = (_classPrivateFieldGet3 = _classPrivateFieldGet(this, _hot).getSelectedRangeLast()) === null || _classPrivateFieldGet3 === void 0 ? void 0 : _classPrivateFieldGet3.highlight;
+      if (!currentHighlightCoords || !element) {
+        return;
+      }
+      let elementToBeFocused = _classPrivateFieldGet(this, _hot).runHooks('modifyFocusedElement', currentHighlightCoords.row, currentHighlightCoords.col, element);
+      if (!(elementToBeFocused instanceof HTMLElement)) {
+        elementToBeFocused = element;
+      }
+      if (elementToBeFocused && !((_classPrivateFieldGet4 = _classPrivateFieldGet(this, _hot).getActiveEditor()) !== null && _classPrivateFieldGet4 !== void 0 && _classPrivateFieldGet4.isOpened())) {
+        elementToBeFocused.focus({
+          preventScroll: true
+        });
+      }
+    };
+    if (selectedCell) {
+      focusElement(selectedCell);
+    } else {
+      _classPrivateMethodGet(this, _getSelectedCell, _getSelectedCell2).call(this, element => focusElement(element));
     }
   }
 
@@ -213,50 +233,64 @@ class FocusManager {
    * Set the focus to the active editor's `TEXTAREA` element after the provided delay. If no delay is provided, it
    * will be taken from the manager's configuration.
    *
-   * @param {number} delay Delay in milliseconds.
+   * @param {number} [delay] Delay in milliseconds.
    */
   refocusToEditorTextarea() {
-    var _classPrivateFieldGet4;
+    var _classPrivateFieldGet5;
     let delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _classPrivateFieldGet(this, _refocusDelay);
     const refocusElement = this.getRefocusElement();
 
     // Re-focus on the editor's `TEXTAREA` element (or a predefined element) if the `imeFastEdit` option is enabled.
-    if (_classPrivateFieldGet(this, _hot).getSettings().imeFastEdit && !((_classPrivateFieldGet4 = _classPrivateFieldGet(this, _hot).getActiveEditor()) !== null && _classPrivateFieldGet4 !== void 0 && _classPrivateFieldGet4.isOpened()) && !!refocusElement) {
-      _classPrivateFieldGet(this, _hot)._registerTimeout(() => {
-        refocusElement.select();
-      }, delay);
+    if (_classPrivateFieldGet(this, _hot).getSettings().imeFastEdit && !((_classPrivateFieldGet5 = _classPrivateFieldGet(this, _hot).getActiveEditor()) !== null && _classPrivateFieldGet5 !== void 0 && _classPrivateFieldGet5.isOpened()) && !!refocusElement) {
+      if (!_classPrivateFieldGet(this, _debouncedSelect).has(delay)) {
+        _classPrivateFieldGet(this, _debouncedSelect).set(delay, (0, _function.debounce)(() => {
+          refocusElement.select();
+        }, delay));
+      }
+      _classPrivateFieldGet(this, _debouncedSelect).get(delay)();
     }
   }
 }
 exports.FocusManager = FocusManager;
-function _getCurrentHighlightCoords2() {
-  const lastSelectedRange = _classPrivateFieldGet(this, _hot).getSelectedRangeLast();
-  return lastSelectedRange.highlight;
-}
-function _getSelectedCell2() {
-  const selectedCellCoords = _classPrivateMethodGet(this, _getCurrentHighlightCoords, _getCurrentHighlightCoords2).call(this);
-  return _classPrivateFieldGet(this, _hot).getCell(selectedCellCoords.row, selectedCellCoords.col, true);
-}
-function _manageFocus2() {
-  const selectedCell = _classPrivateMethodGet(this, _getSelectedCell, _getSelectedCell2).call(this);
-  const {
-    activeElement
-  } = _classPrivateFieldGet(this, _hot).rootDocument;
-
-  // Blurring the `activeElement` removes the unwanted border around the focusable element (#6877)
-  // and resets the `document.activeElement` property. The blurring should happen only when the
-  // previously selected input element has not belonged to the Handsontable editor. If blurring is
-  // triggered for all elements, there is a problem with the disappearing IME editor (#9672).
-  if (activeElement && (0, _element.isOutsideInput)(activeElement)) {
-    activeElement.blur();
+function _getSelectedCell2(callback) {
+  var _classPrivateFieldGet6;
+  const highlight = (_classPrivateFieldGet6 = _classPrivateFieldGet(this, _hot).getSelectedRangeLast()) === null || _classPrivateFieldGet6 === void 0 ? void 0 : _classPrivateFieldGet6.highlight;
+  if (!highlight) {
+    callback(null);
+    return;
   }
-  this.focusOnHighlightedCell(selectedCell);
-  if (this.getFocusMode() === FOCUS_MODES.MIXED && selectedCell.nodeName === 'TD') {
-    _classPrivateFieldGet(this, _hot).addHookOnce('afterSelectionEnd', () => {
-      this.refocusToEditorTextarea();
+  const cell = _classPrivateFieldGet(this, _hot).getCell(highlight.row, highlight.col, true);
+  if (cell === null) {
+    _classPrivateFieldGet(this, _hot).addHookOnce('afterScroll', () => {
+      callback(_classPrivateFieldGet(this, _hot).getCell(highlight.row, highlight.col, true));
     });
+  } else {
+    callback(cell);
   }
 }
+function _focusCell2() {
+  _classPrivateMethodGet(this, _getSelectedCell, _getSelectedCell2).call(this, selectedCell => {
+    const {
+      activeElement
+    } = _classPrivateFieldGet(this, _hot).rootDocument;
+
+    // Blurring the `activeElement` removes the unwanted border around the focusable element (#6877)
+    // and resets the `document.activeElement` property. The blurring should happen only when the
+    // previously selected input element has not belonged to the Handsontable editor. If blurring is
+    // triggered for all elements, there is a problem with the disappearing IME editor (#9672).
+    if (activeElement && (0, _element.isOutsideInput)(activeElement)) {
+      activeElement.blur();
+    }
+    this.focusOnHighlightedCell(selectedCell);
+  });
+}
+function _focusEditorElement2() {
+  _classPrivateMethodGet(this, _getSelectedCell, _getSelectedCell2).call(this, selectedCell => {
+    if (this.getFocusMode() === FOCUS_MODES.MIXED && selectedCell.nodeName === 'TD') {
+      this.refocusToEditorTextarea();
+    }
+  });
+}
 function _onUpdateSettings2(newSettings) {
   if (newSettings.imeFastEdit && this.getFocusMode() !== FOCUS_MODES.MIXED) {
     this.setFocusMode(FOCUS_MODES.MIXED);

package/focusManager.mjs

@@ -10,6 +10,7 @@ function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!priva
 function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
 import { warn } from "./helpers/console.mjs";
 import { isOutsideInput } from "./helpers/dom/element.mjs";
+import { debounce } from "./helpers/function.mjs";
 /**
  * Possible focus modes.
  * - CELL - The browser's focus stays on the lastly selected cell element.
@@ -30,9 +31,10 @@ var _hot = /*#__PURE__*/new WeakMap();
 var _focusMode = /*#__PURE__*/new WeakMap();
 var _refocusDelay = /*#__PURE__*/new WeakMap();
 var _refocusElementGetter = /*#__PURE__*/new WeakMap();
-var _getCurrentHighlightCoords = /*#__PURE__*/new WeakSet();
+var _debouncedSelect = /*#__PURE__*/new WeakMap();
 var _getSelectedCell = /*#__PURE__*/new WeakSet();
-var _manageFocus = /*#__PURE__*/new WeakSet();
+var _focusCell = /*#__PURE__*/new WeakSet();
+var _focusEditorElement = /*#__PURE__*/new WeakSet();
 var _onUpdateSettings = /*#__PURE__*/new WeakSet();
 export class FocusManager {
   constructor(hotInstance) {
@@ -40,29 +42,23 @@ export class FocusManager {
     /**
      * Update the manager configuration after calling `updateSettings`.
      *
-     * @private
      * @param {object} newSettings The new settings passed to the `updateSettings` method.
      */
     _classPrivateMethodInitSpec(this, _onUpdateSettings);
     /**
-     * Manage the browser's focus after cell selection.
-     *
-     * @private
+     * Manage the browser's focus after cell selection end.
      */
-    _classPrivateMethodInitSpec(this, _manageFocus);
+    _classPrivateMethodInitSpec(this, _focusEditorElement);
     /**
-     * Get and return the currently selected and highlighted cell/header element.
-     *
-     * @private
-     * @returns {HTMLTableCellElement}
+     * Manage the browser's focus after each cell selection change.
      */
-    _classPrivateMethodInitSpec(this, _getSelectedCell);
+    _classPrivateMethodInitSpec(this, _focusCell);
     /**
-     * Get the coordinates of the highlight of the currently selected cell/header.
+     * Get and return the currently selected and highlighted cell/header element.
      *
-     * @returns {CellCoords}
+     * @param {Function} callback Callback function to be called after the cell element is retrieved.
      */
-    _classPrivateMethodInitSpec(this, _getCurrentHighlightCoords);
+    _classPrivateMethodInitSpec(this, _getSelectedCell);
     /**
      * The Handsontable instance.
      */
@@ -78,7 +74,7 @@ export class FocusManager {
      * - 'mixed' - The browser's focus switches from the lastly selected cell element to the currently active editor's
      * `TEXTAREA` element after a delay defined in the manager.
      *
-     * @type {string}
+     * @type {'cell' | 'mixed'}
      */
     _classPrivateFieldInitSpec(this, _focusMode, {
       writable: true,
@@ -104,6 +100,15 @@ export class FocusManager {
       writable: true,
       value: null
     });
+    /**
+     * Map of the debounced `select` functions.
+     *
+     * @type {Map<number, Function>}
+     */
+    _classPrivateFieldInitSpec(this, _debouncedSelect, {
+      writable: true,
+      value: new Map()
+    });
     const hotSettings = hotInstance.getSettings();
     _classPrivateFieldSet(this, _hot, hotInstance);
     _classPrivateFieldSet(this, _focusMode, hotSettings.imeFastEdit ? FOCUS_MODES.MIXED : FOCUS_MODES.CELL);
@@ -117,7 +122,13 @@ export class FocusManager {
       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         args[_key2] = arguments[_key2];
       }
-      return _classPrivateMethodGet(_this, _manageFocus, _manageFocus2).call(_this, ...args);
+      return _classPrivateMethodGet(_this, _focusCell, _focusCell2).call(_this, ...args);
+    });
+    _classPrivateFieldGet(this, _hot).addHook('afterSelectionEnd', function () {
+      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        args[_key3] = arguments[_key3];
+      }
+      return _classPrivateMethodGet(_this, _focusEditorElement, _focusEditorElement2).call(_this, ...args);
     });
   }
 
@@ -192,17 +203,26 @@ export class FocusManager {
    * @param {HTMLTableCellElement} [selectedCell] The highlighted cell/header element.
    */
   focusOnHighlightedCell(selectedCell) {
-    var _classPrivateFieldGet3;
-    const currentHighlightCoords = _classPrivateMethodGet(this, _getCurrentHighlightCoords, _getCurrentHighlightCoords2).call(this);
-    const currentlySelectedHighlight = selectedCell || _classPrivateMethodGet(this, _getSelectedCell, _getSelectedCell2).call(this);
-    let elementToBeFocused = _classPrivateFieldGet(this, _hot).runHooks('modifyFocusedElement', currentHighlightCoords.row, currentHighlightCoords.col, currentlySelectedHighlight);
-    if (!(elementToBeFocused instanceof HTMLElement)) {
-      elementToBeFocused = currentlySelectedHighlight;
-    }
-    if (elementToBeFocused && !((_classPrivateFieldGet3 = _classPrivateFieldGet(this, _hot).getActiveEditor()) !== null && _classPrivateFieldGet3 !== void 0 && _classPrivateFieldGet3.isOpened())) {
-      elementToBeFocused.focus({
-        preventScroll: true
-      });
+    const focusElement = element => {
+      var _classPrivateFieldGet3, _classPrivateFieldGet4;
+      const currentHighlightCoords = (_classPrivateFieldGet3 = _classPrivateFieldGet(this, _hot).getSelectedRangeLast()) === null || _classPrivateFieldGet3 === void 0 ? void 0 : _classPrivateFieldGet3.highlight;
+      if (!currentHighlightCoords || !element) {
+        return;
+      }
+      let elementToBeFocused = _classPrivateFieldGet(this, _hot).runHooks('modifyFocusedElement', currentHighlightCoords.row, currentHighlightCoords.col, element);
+      if (!(elementToBeFocused instanceof HTMLElement)) {
+        elementToBeFocused = element;
+      }
+      if (elementToBeFocused && !((_classPrivateFieldGet4 = _classPrivateFieldGet(this, _hot).getActiveEditor()) !== null && _classPrivateFieldGet4 !== void 0 && _classPrivateFieldGet4.isOpened())) {
+        elementToBeFocused.focus({
+          preventScroll: true
+        });
+      }
+    };
+    if (selectedCell) {
+      focusElement(selectedCell);
+    } else {
+      _classPrivateMethodGet(this, _getSelectedCell, _getSelectedCell2).call(this, element => focusElement(element));
     }
   }
 
@@ -210,49 +230,63 @@ export class FocusManager {
    * Set the focus to the active editor's `TEXTAREA` element after the provided delay. If no delay is provided, it
    * will be taken from the manager's configuration.
    *
-   * @param {number} delay Delay in milliseconds.
+   * @param {number} [delay] Delay in milliseconds.
    */
   refocusToEditorTextarea() {
-    var _classPrivateFieldGet4;
+    var _classPrivateFieldGet5;
     let delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _classPrivateFieldGet(this, _refocusDelay);
     const refocusElement = this.getRefocusElement();
 
     // Re-focus on the editor's `TEXTAREA` element (or a predefined element) if the `imeFastEdit` option is enabled.
-    if (_classPrivateFieldGet(this, _hot).getSettings().imeFastEdit && !((_classPrivateFieldGet4 = _classPrivateFieldGet(this, _hot).getActiveEditor()) !== null && _classPrivateFieldGet4 !== void 0 && _classPrivateFieldGet4.isOpened()) && !!refocusElement) {
-      _classPrivateFieldGet(this, _hot)._registerTimeout(() => {
-        refocusElement.select();
-      }, delay);
+    if (_classPrivateFieldGet(this, _hot).getSettings().imeFastEdit && !((_classPrivateFieldGet5 = _classPrivateFieldGet(this, _hot).getActiveEditor()) !== null && _classPrivateFieldGet5 !== void 0 && _classPrivateFieldGet5.isOpened()) && !!refocusElement) {
+      if (!_classPrivateFieldGet(this, _debouncedSelect).has(delay)) {
+        _classPrivateFieldGet(this, _debouncedSelect).set(delay, debounce(() => {
+          refocusElement.select();
+        }, delay));
+      }
+      _classPrivateFieldGet(this, _debouncedSelect).get(delay)();
     }
   }
 }
-function _getCurrentHighlightCoords2() {
-  const lastSelectedRange = _classPrivateFieldGet(this, _hot).getSelectedRangeLast();
-  return lastSelectedRange.highlight;
-}
-function _getSelectedCell2() {
-  const selectedCellCoords = _classPrivateMethodGet(this, _getCurrentHighlightCoords, _getCurrentHighlightCoords2).call(this);
-  return _classPrivateFieldGet(this, _hot).getCell(selectedCellCoords.row, selectedCellCoords.col, true);
-}
-function _manageFocus2() {
-  const selectedCell = _classPrivateMethodGet(this, _getSelectedCell, _getSelectedCell2).call(this);
-  const {
-    activeElement
-  } = _classPrivateFieldGet(this, _hot).rootDocument;
-
-  // Blurring the `activeElement` removes the unwanted border around the focusable element (#6877)
-  // and resets the `document.activeElement` property. The blurring should happen only when the
-  // previously selected input element has not belonged to the Handsontable editor. If blurring is
-  // triggered for all elements, there is a problem with the disappearing IME editor (#9672).
-  if (activeElement && isOutsideInput(activeElement)) {
-    activeElement.blur();
+function _getSelectedCell2(callback) {
+  var _classPrivateFieldGet6;
+  const highlight = (_classPrivateFieldGet6 = _classPrivateFieldGet(this, _hot).getSelectedRangeLast()) === null || _classPrivateFieldGet6 === void 0 ? void 0 : _classPrivateFieldGet6.highlight;
+  if (!highlight) {
+    callback(null);
+    return;
   }
-  this.focusOnHighlightedCell(selectedCell);
-  if (this.getFocusMode() === FOCUS_MODES.MIXED && selectedCell.nodeName === 'TD') {
-    _classPrivateFieldGet(this, _hot).addHookOnce('afterSelectionEnd', () => {
-      this.refocusToEditorTextarea();
+  const cell = _classPrivateFieldGet(this, _hot).getCell(highlight.row, highlight.col, true);
+  if (cell === null) {
+    _classPrivateFieldGet(this, _hot).addHookOnce('afterScroll', () => {
+      callback(_classPrivateFieldGet(this, _hot).getCell(highlight.row, highlight.col, true));
     });
+  } else {
+    callback(cell);
   }
 }
+function _focusCell2() {
+  _classPrivateMethodGet(this, _getSelectedCell, _getSelectedCell2).call(this, selectedCell => {
+    const {
+      activeElement
+    } = _classPrivateFieldGet(this, _hot).rootDocument;
+
+    // Blurring the `activeElement` removes the unwanted border around the focusable element (#6877)
+    // and resets the `document.activeElement` property. The blurring should happen only when the
+    // previously selected input element has not belonged to the Handsontable editor. If blurring is
+    // triggered for all elements, there is a problem with the disappearing IME editor (#9672).
+    if (activeElement && isOutsideInput(activeElement)) {
+      activeElement.blur();
+    }
+    this.focusOnHighlightedCell(selectedCell);
+  });
+}
+function _focusEditorElement2() {
+  _classPrivateMethodGet(this, _getSelectedCell, _getSelectedCell2).call(this, selectedCell => {
+    if (this.getFocusMode() === FOCUS_MODES.MIXED && selectedCell.nodeName === 'TD') {
+      this.refocusToEditorTextarea();
+    }
+  });
+}
 function _onUpdateSettings2(newSettings) {
   if (newSettings.imeFastEdit && this.getFocusMode() !== FOCUS_MODES.MIXED) {
     this.setFocusMode(FOCUS_MODES.MIXED);

package/helpers/a11y.js

@@ -11,6 +11,8 @@ const A11Y_GRIDCELL = () => ['role', 'gridcell'];
 exports.A11Y_GRIDCELL = A11Y_GRIDCELL;
 const A11Y_ROWHEADER = () => ['role', 'rowheader'];
 exports.A11Y_ROWHEADER = A11Y_ROWHEADER;
+const A11Y_ROWGROUP = () => ['role', 'rowgroup'];
+exports.A11Y_ROWGROUP = A11Y_ROWGROUP;
 const A11Y_COLUMNHEADER = () => ['role', 'columnheader'];
 exports.A11Y_COLUMNHEADER = A11Y_COLUMNHEADER;
 const A11Y_ROW = () => ['role', 'row'];

package/helpers/a11y.mjs

@@ -3,6 +3,7 @@ export const A11Y_TREEGRID = () => ['role', 'treegrid'];
 export const A11Y_PRESENTATION = () => ['role', 'presentation'];
 export const A11Y_GRIDCELL = () => ['role', 'gridcell'];
 export const A11Y_ROWHEADER = () => ['role', 'rowheader'];
+export const A11Y_ROWGROUP = () => ['role', 'rowgroup'];
 export const A11Y_COLUMNHEADER = () => ['role', 'columnheader'];
 export const A11Y_ROW = () => ['role', 'row'];
 export const A11Y_MENU = () => ['role', 'menu'];

package/helpers/mixed.js

@@ -134,7 +134,7 @@ const domMessages = {
 function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "14.0.0-next-23212d5-20231127";
+  const hotVersion = "14.0.0-next-477622d-20231128";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';
@@ -142,7 +142,7 @@ function _injectProductInfo(key, element) {
   const schemaValidity = _checkKeySchema(key);
   if (hasValidType || isNonCommercial || schemaValidity) {
     if (schemaValidity) {
-      const releaseDate = (0, _moment.default)("22/11/2023", 'DD/MM/YYYY');
+      const releaseDate = (0, _moment.default)("29/11/2023", 'DD/MM/YYYY');
       const releaseDays = Math.floor(releaseDate.toDate().getTime() / 8.64e7);
       const keyValidityDays = _extractTime(key);
       keyValidityDate = (0, _moment.default)((keyValidityDays + 1) * 8.64e7, 'x').format('MMMM DD, YYYY');

package/helpers/mixed.mjs

@@ -124,7 +124,7 @@ const domMessages = {
 export function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "14.0.0-next-23212d5-20231127";
+  const hotVersion = "14.0.0-next-477622d-20231128";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';
@@ -132,7 +132,7 @@ export function _injectProductInfo(key, element) {
   const schemaValidity = _checkKeySchema(key);
   if (hasValidType || isNonCommercial || schemaValidity) {
     if (schemaValidity) {
-      const releaseDate = moment("22/11/2023", 'DD/MM/YYYY');
+      const releaseDate = moment("29/11/2023", 'DD/MM/YYYY');
       const releaseDays = Math.floor(releaseDate.toDate().getTime() / 8.64e7);
       const keyValidityDays = _extractTime(key);
       keyValidityDate = moment((keyValidityDays + 1) * 8.64e7, 'x').format('MMMM DD, YYYY');

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/handsontable/handsontable/issues"
   },
   "author": "Handsoncode <hello@handsontable.com>",
-  "version": "14.0.0-next-23212d5-20231127",
+  "version": "14.0.0-next-477622d-20231128",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",

package/renderers/checkboxRenderer/checkboxRenderer.js

@@ -294,7 +294,6 @@ function createInput(rootDocument) {
   const input = rootDocument.createElement('input');
   input.className = 'htCheckboxRendererInput';
   input.type = 'checkbox';
-  input.setAttribute('autocomplete', 'off');
   input.setAttribute('tabindex', '-1');
   return input.cloneNode(false);
 }

package/renderers/checkboxRenderer/checkboxRenderer.mjs

@@ -289,7 +289,6 @@ function createInput(rootDocument) {
   const input = rootDocument.createElement('input');
   input.className = 'htCheckboxRendererInput';
   input.type = 'checkbox';
-  input.setAttribute('autocomplete', 'off');
   input.setAttribute('tabindex', '-1');
   return input.cloneNode(false);
 }