handsontable 0.0.0-next-f86a877-20250819 → 0.0.0-next-fce5825-20250822

package/base.js

@@ -45,8 +45,8 @@ Handsontable.hooks = _hooks.Hooks.getSingleton();
 Handsontable.CellCoords = _src.CellCoords;
 Handsontable.CellRange = _src.CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "19/08/2025 13:12:41";
-Handsontable.version = "0.0.0-next-f86a877-20250819";
+Handsontable.buildDate = "22/08/2025 10:29:56";
+Handsontable.version = "0.0.0-next-fce5825-20250822";
 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 = "19/08/2025 13:12:47";
-Handsontable.version = "0.0.0-next-f86a877-20250819";
+Handsontable.buildDate = "22/08/2025 10:30:02";
+Handsontable.version = "0.0.0-next-fce5825-20250822";
 Handsontable.languages = {
   dictionaryKeys,
   getLanguageDictionary,

package/core/focusCatcher/index.js

@@ -3,8 +3,9 @@
 exports.__esModule = true;
 exports.installFocusCatcher = installFocusCatcher;
 var _shortcutContexts = require("../../shortcutContexts");
-var _focusDetector = require("./focusDetector");
+var _focusDetector = require("../../utils/focusDetector");
 var _utils = require("./utils");
+var _mixed = require("../../helpers/mixed");
 /**
  * Installs a focus catcher module. The module observes when the table is focused and depending on
  * from the which side it was focused on it selects a specified cell or releases the TAB navigation
@@ -18,22 +19,26 @@ function installFocusCatcher(hot) {
   const {
     activate,
     deactivate
-  } = (0, _focusDetector.installFocusDetector)(hot, {
-    onFocusFromTop() {
-      var _clampCoordsIfNeeded;
-      const mostTopStartCoords = (_clampCoordsIfNeeded = clampCoordsIfNeeded(recentlyAddedFocusCoords)) !== null && _clampCoordsIfNeeded !== void 0 ? _clampCoordsIfNeeded : (0, _utils.getMostTopStartPosition)(hot);
-      if (mostTopStartCoords) {
-        hot.runHooks('modifyFocusOnTabNavigation', 'from_above', mostTopStartCoords);
-        hot.selectCell(mostTopStartCoords.row, mostTopStartCoords.col);
-      }
-      hot.listen();
-    },
-    onFocusFromBottom() {
-      var _clampCoordsIfNeeded2;
-      const mostBottomEndCoords = (_clampCoordsIfNeeded2 = clampCoordsIfNeeded(recentlyAddedFocusCoords)) !== null && _clampCoordsIfNeeded2 !== void 0 ? _clampCoordsIfNeeded2 : (0, _utils.getMostBottomEndPosition)(hot);
-      if (mostBottomEndCoords) {
-        hot.runHooks('modifyFocusOnTabNavigation', 'from_below', mostBottomEndCoords);
-        hot.selectCell(mostBottomEndCoords.row, mostBottomEndCoords.col);
+  } = (0, _focusDetector.installFocusDetector)(hot, hot.rootGridElement, {
+    onFocus(from) {
+      if (from === 'from_above') {
+        var _clampCoordsIfNeeded;
+        const mostTopStartCoords = (_clampCoordsIfNeeded = clampCoordsIfNeeded(recentlyAddedFocusCoords)) !== null && _clampCoordsIfNeeded !== void 0 ? _clampCoordsIfNeeded : (0, _mixed.getMostTopStartPosition)(hot);
+        if (mostTopStartCoords) {
+          const result = hot.runHooks('modifyFocusOnTabNavigation', 'from_above', mostTopStartCoords);
+          if (result !== false) {
+            hot.selectCell(mostTopStartCoords.row, mostTopStartCoords.col);
+          }
+        }
+      } else {
+        var _clampCoordsIfNeeded2;
+        const mostBottomEndCoords = (_clampCoordsIfNeeded2 = clampCoordsIfNeeded(recentlyAddedFocusCoords)) !== null && _clampCoordsIfNeeded2 !== void 0 ? _clampCoordsIfNeeded2 : (0, _mixed.getMostBottomEndPosition)(hot);
+        if (mostBottomEndCoords) {
+          const result = hot.runHooks('modifyFocusOnTabNavigation', 'from_below', mostBottomEndCoords);
+          if (result !== false) {
+            hot.selectCell(mostBottomEndCoords.row, mostBottomEndCoords.col);
+          }
+        }
       }
       hot.listen();
     }
@@ -45,8 +50,20 @@ function installFocusCatcher(hot) {
   let isSavingCoordsEnabled = true;
   let isTabOrShiftTabPressed = false;
   let preventViewportScroll = false;
-  hot.addHook('afterListen', () => deactivate());
-  hot.addHook('afterUnlisten', () => activate());
+  hot.addHook('afterListen', () => {
+    const activeContextName = hot.getShortcutManager().getActiveContextName();
+    const activeContext = hot.getShortcutManager().getContext(activeContextName);
+    if ((activeContext === null || activeContext === void 0 ? void 0 : activeContext.scope) === 'table') {
+      deactivate();
+    }
+  });
+  hot.addHook('afterUnlisten', () => {
+    const activeContextName = hot.getShortcutManager().getActiveContextName();
+    const activeContext = hot.getShortcutManager().getContext(activeContextName);
+    if ((activeContext === null || activeContext === void 0 ? void 0 : activeContext.scope) === 'table') {
+      activate();
+    }
+  });
   hot.addHook('afterSelection', (row, column, row2, column2, preventScrolling) => {
     if (isTabOrShiftTabPressed && (rowWrapState.wrapped && rowWrapState.flipped || preventViewportScroll)) {
       preventViewportScroll = false;
@@ -104,7 +121,7 @@ function installFocusCatcher(hot) {
       isSavingCoordsEnabled = true;
       if (!tabNavigation || !hot.selection.isSelected() || autoWrapRow && rowWrapState.wrapped && rowWrapState.flipped || !autoWrapRow && rowWrapState.wrapped) {
         if (autoWrapRow && rowWrapState.wrapped && rowWrapState.flipped) {
-          recentlyAddedFocusCoords = event.shiftKey ? (0, _utils.getMostTopStartPosition)(hot) : (0, _utils.getMostBottomEndPosition)(hot);
+          recentlyAddedFocusCoords = event.shiftKey ? (0, _mixed.getMostTopStartPosition)(hot) : (0, _mixed.getMostBottomEndPosition)(hot);
         }
         deactivateTable();
         return false;

package/core/focusCatcher/index.mjs

@@ -1,6 +1,7 @@
 import { GRID_GROUP } from "../../shortcutContexts/index.mjs";
-import { installFocusDetector } from "./focusDetector.mjs";
-import { normalizeCoordsIfNeeded, getMostTopStartPosition, getMostBottomEndPosition } from "./utils.mjs";
+import { installFocusDetector } from "../../utils/focusDetector.mjs";
+import { normalizeCoordsIfNeeded } from "./utils.mjs";
+import { getMostTopStartPosition, getMostBottomEndPosition } from "../../helpers/mixed.mjs";
 /**
  * Installs a focus catcher module. The module observes when the table is focused and depending on
  * from the which side it was focused on it selects a specified cell or releases the TAB navigation
@@ -14,22 +15,26 @@ export function installFocusCatcher(hot) {
   const {
     activate,
     deactivate
-  } = installFocusDetector(hot, {
-    onFocusFromTop() {
-      var _clampCoordsIfNeeded;
-      const mostTopStartCoords = (_clampCoordsIfNeeded = clampCoordsIfNeeded(recentlyAddedFocusCoords)) !== null && _clampCoordsIfNeeded !== void 0 ? _clampCoordsIfNeeded : getMostTopStartPosition(hot);
-      if (mostTopStartCoords) {
-        hot.runHooks('modifyFocusOnTabNavigation', 'from_above', mostTopStartCoords);
-        hot.selectCell(mostTopStartCoords.row, mostTopStartCoords.col);
-      }
-      hot.listen();
-    },
-    onFocusFromBottom() {
-      var _clampCoordsIfNeeded2;
-      const mostBottomEndCoords = (_clampCoordsIfNeeded2 = clampCoordsIfNeeded(recentlyAddedFocusCoords)) !== null && _clampCoordsIfNeeded2 !== void 0 ? _clampCoordsIfNeeded2 : getMostBottomEndPosition(hot);
-      if (mostBottomEndCoords) {
-        hot.runHooks('modifyFocusOnTabNavigation', 'from_below', mostBottomEndCoords);
-        hot.selectCell(mostBottomEndCoords.row, mostBottomEndCoords.col);
+  } = installFocusDetector(hot, hot.rootGridElement, {
+    onFocus(from) {
+      if (from === 'from_above') {
+        var _clampCoordsIfNeeded;
+        const mostTopStartCoords = (_clampCoordsIfNeeded = clampCoordsIfNeeded(recentlyAddedFocusCoords)) !== null && _clampCoordsIfNeeded !== void 0 ? _clampCoordsIfNeeded : getMostTopStartPosition(hot);
+        if (mostTopStartCoords) {
+          const result = hot.runHooks('modifyFocusOnTabNavigation', 'from_above', mostTopStartCoords);
+          if (result !== false) {
+            hot.selectCell(mostTopStartCoords.row, mostTopStartCoords.col);
+          }
+        }
+      } else {
+        var _clampCoordsIfNeeded2;
+        const mostBottomEndCoords = (_clampCoordsIfNeeded2 = clampCoordsIfNeeded(recentlyAddedFocusCoords)) !== null && _clampCoordsIfNeeded2 !== void 0 ? _clampCoordsIfNeeded2 : getMostBottomEndPosition(hot);
+        if (mostBottomEndCoords) {
+          const result = hot.runHooks('modifyFocusOnTabNavigation', 'from_below', mostBottomEndCoords);
+          if (result !== false) {
+            hot.selectCell(mostBottomEndCoords.row, mostBottomEndCoords.col);
+          }
+        }
       }
       hot.listen();
     }
@@ -41,8 +46,20 @@ export function installFocusCatcher(hot) {
   let isSavingCoordsEnabled = true;
   let isTabOrShiftTabPressed = false;
   let preventViewportScroll = false;
-  hot.addHook('afterListen', () => deactivate());
-  hot.addHook('afterUnlisten', () => activate());
+  hot.addHook('afterListen', () => {
+    const activeContextName = hot.getShortcutManager().getActiveContextName();
+    const activeContext = hot.getShortcutManager().getContext(activeContextName);
+    if ((activeContext === null || activeContext === void 0 ? void 0 : activeContext.scope) === 'table') {
+      deactivate();
+    }
+  });
+  hot.addHook('afterUnlisten', () => {
+    const activeContextName = hot.getShortcutManager().getActiveContextName();
+    const activeContext = hot.getShortcutManager().getContext(activeContextName);
+    if ((activeContext === null || activeContext === void 0 ? void 0 : activeContext.scope) === 'table') {
+      activate();
+    }
+  });
   hot.addHook('afterSelection', (row, column, row2, column2, preventScrolling) => {
     if (isTabOrShiftTabPressed && (rowWrapState.wrapped && rowWrapState.flipped || preventViewportScroll)) {
       preventViewportScroll = false;

package/core/focusCatcher/utils.js

@@ -1,10 +1,9 @@
 "use strict";
 
 exports.__esModule = true;
-exports.getMostBottomEndPosition = getMostBottomEndPosition;
-exports.getMostTopStartPosition = getMostTopStartPosition;
 exports.normalizeCoordsIfNeeded = normalizeCoordsIfNeeded;
 var _number = require("../../helpers/number");
+var _mixed = require("../../helpers/mixed");
 /**
  * Normalizes the coordinates (clamps to nearest visible cell position within dataset range).
  *
@@ -23,70 +22,10 @@ function normalizeCoordsIfNeeded(hot) {
     if (rowIndexMapper.isHidden(coords.row) || columnIndexMapper.isHidden(coords.col)) {
       return null;
     }
-    const mostTopStartCoords = getMostTopStartPosition(hot);
-    const mostBottomEndCoords = getMostBottomEndPosition(hot);
+    const mostTopStartCoords = (0, _mixed.getMostTopStartPosition)(hot);
+    const mostBottomEndCoords = (0, _mixed.getMostBottomEndPosition)(hot);
     coords.row = (0, _number.clamp)(coords.row, mostTopStartCoords.row, mostBottomEndCoords.row);
     coords.col = (0, _number.clamp)(coords.col, mostTopStartCoords.col, mostBottomEndCoords.col);
     return coords;
   };
-}
-
-/**
- * Gets the coordinates of the most top-start cell or header (depends on the table settings and its size).
- *
- * @param {Core} hot The Handsontable instance.
- * @returns {CellCoords|null}
- */
-function getMostTopStartPosition(hot) {
-  const {
-    rowIndexMapper,
-    columnIndexMapper
-  } = hot;
-  const {
-    navigableHeaders
-  } = hot.getSettings();
-  let topRow = navigableHeaders && hot.countColHeaders() > 0 ? -hot.countColHeaders() : 0;
-  let startColumn = navigableHeaders && hot.countRowHeaders() > 0 ? -hot.countRowHeaders() : 0;
-  if (topRow === 0) {
-    topRow = rowIndexMapper.getVisualFromRenderableIndex(topRow);
-  }
-  if (startColumn === 0) {
-    startColumn = columnIndexMapper.getVisualFromRenderableIndex(startColumn);
-  }
-  if (topRow === null || startColumn === null) {
-    return null;
-  }
-  return hot._createCellCoords(topRow, startColumn);
-}
-
-/**
- * Gets the coordinates of the most bottom-end cell or header (depends on the table settings and its size).
- *
- * @param {Core} hot The Handsontable instance.
- * @returns {CellCoords|null}
- */
-function getMostBottomEndPosition(hot) {
-  var _rowIndexMapper$getVi, _columnIndexMapper$ge;
-  const {
-    rowIndexMapper,
-    columnIndexMapper
-  } = hot;
-  const {
-    navigableHeaders
-  } = hot.getSettings();
-  let bottomRow = rowIndexMapper.getRenderableIndexesLength() - 1;
-  let endColumn = columnIndexMapper.getRenderableIndexesLength() - 1;
-  if (bottomRow < 0) {
-    if (!navigableHeaders || hot.countColHeaders() === 0) {
-      return null;
-    }
-    bottomRow = -1;
-  }
-  if (endColumn < 0) {
-    if (!navigableHeaders || hot.countColHeaders() === 0) {
-      return null;
-    }
-    endColumn = -1;
-  }
-  return hot._createCellCoords((_rowIndexMapper$getVi = rowIndexMapper.getVisualFromRenderableIndex(bottomRow)) !== null && _rowIndexMapper$getVi !== void 0 ? _rowIndexMapper$getVi : bottomRow, (_columnIndexMapper$ge = columnIndexMapper.getVisualFromRenderableIndex(endColumn)) !== null && _columnIndexMapper$ge !== void 0 ? _columnIndexMapper$ge : endColumn);
 }

package/core/focusCatcher/utils.mjs

@@ -1,4 +1,5 @@
 import { clamp } from "../../helpers/number.mjs";
+import { getMostTopStartPosition, getMostBottomEndPosition } from "../../helpers/mixed.mjs";
 /**
  * Normalizes the coordinates (clamps to nearest visible cell position within dataset range).
  *
@@ -23,64 +24,4 @@ export function normalizeCoordsIfNeeded(hot) {
     coords.col = clamp(coords.col, mostTopStartCoords.col, mostBottomEndCoords.col);
     return coords;
   };
-}
-
-/**
- * Gets the coordinates of the most top-start cell or header (depends on the table settings and its size).
- *
- * @param {Core} hot The Handsontable instance.
- * @returns {CellCoords|null}
- */
-export function getMostTopStartPosition(hot) {
-  const {
-    rowIndexMapper,
-    columnIndexMapper
-  } = hot;
-  const {
-    navigableHeaders
-  } = hot.getSettings();
-  let topRow = navigableHeaders && hot.countColHeaders() > 0 ? -hot.countColHeaders() : 0;
-  let startColumn = navigableHeaders && hot.countRowHeaders() > 0 ? -hot.countRowHeaders() : 0;
-  if (topRow === 0) {
-    topRow = rowIndexMapper.getVisualFromRenderableIndex(topRow);
-  }
-  if (startColumn === 0) {
-    startColumn = columnIndexMapper.getVisualFromRenderableIndex(startColumn);
-  }
-  if (topRow === null || startColumn === null) {
-    return null;
-  }
-  return hot._createCellCoords(topRow, startColumn);
-}
-
-/**
- * Gets the coordinates of the most bottom-end cell or header (depends on the table settings and its size).
- *
- * @param {Core} hot The Handsontable instance.
- * @returns {CellCoords|null}
- */
-export function getMostBottomEndPosition(hot) {
-  var _rowIndexMapper$getVi, _columnIndexMapper$ge;
-  const {
-    rowIndexMapper,
-    columnIndexMapper
-  } = hot;
-  const {
-    navigableHeaders
-  } = hot.getSettings();
-  let bottomRow = rowIndexMapper.getRenderableIndexesLength() - 1;
-  let endColumn = columnIndexMapper.getRenderableIndexesLength() - 1;
-  if (bottomRow < 0) {
-    if (!navigableHeaders || hot.countColHeaders() === 0) {
-      return null;
-    }
-    bottomRow = -1;
-  }
-  if (endColumn < 0) {
-    if (!navigableHeaders || hot.countColHeaders() === 0) {
-      return null;
-    }
-    endColumn = -1;
-  }
-  return hot._createCellCoords((_rowIndexMapper$getVi = rowIndexMapper.getVisualFromRenderableIndex(bottomRow)) !== null && _rowIndexMapper$getVi !== void 0 ? _rowIndexMapper$getVi : bottomRow, (_columnIndexMapper$ge = columnIndexMapper.getVisualFromRenderableIndex(endColumn)) !== null && _columnIndexMapper$ge !== void 0 ? _columnIndexMapper$ge : endColumn);
 }

package/core/hooks/constants.js

@@ -1767,6 +1767,7 @@ const REGISTERED_HOOKS = exports.REGISTERED_HOOKS = [/* eslint-disable jsdoc/req
  * @param {'from_above' | 'from_below'} tabActivationDir The browsers Tab navigation direction. Depending on
  * whether the user activated the table from the element above or below, another cell can be selected.
  * @param {CellCoords} visualCoords The coords that will be used to select a cell.
+ * @returns {undefined|boolean} If `false` is returned, the table will not be focused.
  */
 'modifyFocusOnTabNavigation',
 /**
@@ -2937,6 +2938,63 @@ const REGISTERED_HOOKS = exports.REGISTERED_HOOKS = [/* eslint-disable jsdoc/req
  * Returning `true` removes those restrictions.
  */
 'beforeBeginEditing',
+/**
+ * Fired by {@link Dialog} plugin after hiding the dialog. This hook is fired when {@link Options#dialog}
+ * option is enabled.
+ *
+ * @since 16.1.0
+ * @event Hooks#afterDialogHide
+ */
+'afterDialogHide',
+/**
+ * Fired by {@link Dialog} plugin after showing the dialog. This hook is fired when {@link Options#dialog}
+ * option is enabled.
+ *
+ * @since 16.1.0
+ * @event Hooks#afterDialogShow
+ */
+'afterDialogShow',
+/**
+ * Fired by {@link Dialog} plugin before hiding the dialog. This hook is fired when {@link Options#dialog}
+ * option is enabled.
+ *
+ * @since 16.1.0
+ * @event Hooks#beforeDialogHide
+ */
+'beforeDialogHide',
+/**
+ * Fired by {@link Dialog} plugin before showing the dialog. This hook is fired when {@link Options#dialog}
+ * option is enabled.
+ *
+ * @since 16.1.0
+ * @event Hooks#beforeDialogShow
+ */
+'beforeDialogShow',
+/**
+ * Fired by {@link Dialog} plugin before focusing the previous element. This hook is fired when {@link Options#dialog}
+ * option is enabled.
+ *
+ * @since 16.1.0
+ * @event Hooks#dialogFocusPreviousElement
+ */
+'dialogFocusPreviousElement',
+/**
+ * Fired by {@link Dialog} plugin before focusing the next element. This hook is fired when {@link Options#dialog}
+ * option is enabled.
+ *
+ * @since 16.1.0
+ * @event Hooks#dialogFocusNextElement
+ */
+'dialogFocusNextElement',
+/**
+ * Fired by {@link Dialog} plugin when the focus is set. This hook is fired when {@link Options#dialog}
+ * option is enabled.
+ *
+ * @since 16.1.0
+ * @event Hooks#afterDialogFocus
+ * @param {'tab_from_above' | 'tab_from_below' | 'click' | 'show'} focusSource The source of the focus.
+ */
+'afterDialogFocus',
 /**
  * Fired after the editor is opened and rendered.
  *

package/core/hooks/constants.mjs

@@ -1764,6 +1764,7 @@ export const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-com
  * @param {'from_above' | 'from_below'} tabActivationDir The browsers Tab navigation direction. Depending on
  * whether the user activated the table from the element above or below, another cell can be selected.
  * @param {CellCoords} visualCoords The coords that will be used to select a cell.
+ * @returns {undefined|boolean} If `false` is returned, the table will not be focused.
  */
 'modifyFocusOnTabNavigation',
 /**
@@ -2934,6 +2935,63 @@ export const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-com
  * Returning `true` removes those restrictions.
  */
 'beforeBeginEditing',
+/**
+ * Fired by {@link Dialog} plugin after hiding the dialog. This hook is fired when {@link Options#dialog}
+ * option is enabled.
+ *
+ * @since 16.1.0
+ * @event Hooks#afterDialogHide
+ */
+'afterDialogHide',
+/**
+ * Fired by {@link Dialog} plugin after showing the dialog. This hook is fired when {@link Options#dialog}
+ * option is enabled.
+ *
+ * @since 16.1.0
+ * @event Hooks#afterDialogShow
+ */
+'afterDialogShow',
+/**
+ * Fired by {@link Dialog} plugin before hiding the dialog. This hook is fired when {@link Options#dialog}
+ * option is enabled.
+ *
+ * @since 16.1.0
+ * @event Hooks#beforeDialogHide
+ */
+'beforeDialogHide',
+/**
+ * Fired by {@link Dialog} plugin before showing the dialog. This hook is fired when {@link Options#dialog}
+ * option is enabled.
+ *
+ * @since 16.1.0
+ * @event Hooks#beforeDialogShow
+ */
+'beforeDialogShow',
+/**
+ * Fired by {@link Dialog} plugin before focusing the previous element. This hook is fired when {@link Options#dialog}
+ * option is enabled.
+ *
+ * @since 16.1.0
+ * @event Hooks#dialogFocusPreviousElement
+ */
+'dialogFocusPreviousElement',
+/**
+ * Fired by {@link Dialog} plugin before focusing the next element. This hook is fired when {@link Options#dialog}
+ * option is enabled.
+ *
+ * @since 16.1.0
+ * @event Hooks#dialogFocusNextElement
+ */
+'dialogFocusNextElement',
+/**
+ * Fired by {@link Dialog} plugin when the focus is set. This hook is fired when {@link Options#dialog}
+ * option is enabled.
+ *
+ * @since 16.1.0
+ * @event Hooks#afterDialogFocus
+ * @param {'tab_from_above' | 'tab_from_below' | 'click' | 'show'} focusSource The source of the focus.
+ */
+'afterDialogFocus',
 /**
  * Fired after the editor is opened and rendered.
  *

package/core/hooks/index.d.ts

@@ -68,6 +68,9 @@ export interface Events {
   afterContextMenuHide?: (context: ContextMenu) => void;
   afterContextMenuShow?: (context: ContextMenu) => void;
   afterCopy?: (data: CellValue[][], coords: RangeType[], copiedHeadersCount: { columnHeadersCount: number }) => void;
+  afterDialogFocus?: (focusSource: 'tab_from_above' | 'tab_from_below' | 'click' | 'show') => void;
+  afterDialogHide?: () => void;
+  afterDialogShow?: () => void;
   afterCopyLimit?: (selectedRows: number, selectedColumns: number, copyRowsLimit: number, copyColumnsLimit: number) => void;
   afterCreateCol?: (index: number, amount: number, source?: ChangeSource) => void;
   afterCreateRow?: (index: number, amount: number, source?: ChangeSource) => void;
@@ -178,6 +181,8 @@ export interface Events {
   beforeContextMenuShow?: (context: ContextMenu) => void;
   beforeCopy?: (data: CellValue[][], coords: RangeType[], copiedHeadersCount: { columnHeadersCount: number }) => void | boolean;
   beforeCreateCol?: (index: number, amount: number, source?: ChangeSource) => void | boolean;
+  beforeDialogHide?: () => void;
+  beforeDialogShow?: () => void;
   beforeCreateRow?: (index: number, amount: number, source?: ChangeSource) => void | boolean;
   beforeCut?: (data: CellValue[][], coords: RangeType[]) => void | boolean;
   beforeDetachChild?: (parent: RowObject, element: RowObject) => void;
@@ -244,6 +249,8 @@ export interface Events {
   beforeViewRender?: (isForced: boolean, skipRender: { skipRender?: boolean }) => void;
   beforeWidthChange?: (width: number | string) => number | string;
   construct?: () => void;
+  dialogFocusNextElement?: () => void;
+  dialogFocusPreviousElement?: () => void;
   init?: () => void;
   modifyAutoColumnSizeSeed?: (seed: string, cellProperties: CellProperties, cellValue: CellValue) => string | void;
   modifyAutofillRange?: (startArea: Array<[number, number, number, number]>, entireArea: Array<[number, number, number, number]>) => void;

package/core.js

@@ -201,6 +201,14 @@ function Core(rootContainer, userSettings) {
    */
   this.rootWrapperElement = undefined;
 
+  /**
+   * Reference to the grid element.
+   *
+   * @private
+   * @type {HTMLElement}
+   */
+  this.rootGridElement = undefined;
+
   /**
    * Reference to the portal element.
    *
@@ -235,10 +243,13 @@ function Core(rootContainer, userSettings) {
   this.rootWindow = this.rootDocument.defaultView;
   if ((0, _rootInstance.isRootInstance)(this)) {
     this.rootWrapperElement = this.rootDocument.createElement('div');
+    this.rootGridElement = this.rootDocument.createElement('div');
     this.rootPortalElement = this.rootDocument.createElement('div');
     (0, _element.addClass)(this.rootElement, ['ht-wrapper', 'handsontable']);
     (0, _element.addClass)(this.rootWrapperElement, 'ht-root-wrapper');
-    this.rootWrapperElement.appendChild(this.rootElement);
+    (0, _element.addClass)(this.rootGridElement, 'ht-grid');
+    this.rootGridElement.appendChild(this.rootElement);
+    this.rootWrapperElement.appendChild(this.rootGridElement);
     this.rootContainer.appendChild(this.rootWrapperElement);
     (0, _element.addClass)(this.rootPortalElement, 'ht-portal');
     this.rootDocument.body.appendChild(this.rootPortalElement);
@@ -351,9 +362,6 @@ function Core(rootContainer, userSettings) {
   const pluginsRegistry = (0, _uniqueMap.createUniqueMap)();
   this.container = this.rootDocument.createElement('div');
   this.rootElement.insertBefore(this.container, this.rootElement.firstChild);
-  if ((0, _rootInstance.isRootInstance)(this)) {
-    (0, _mixed._injectProductInfo)(mergedUserSettings.licenseKey, this.rootWrapperElement);
-  }
   this.guid = `ht_${(0, _string.randomString)()}`; // this is the namespace for global events
 
   foreignHotInstances.set(this.guid, this);
@@ -1190,6 +1198,7 @@ function Core(rootContainer, userSettings) {
     if ((0, _rootInstance.isRootInstance)(this)) {
       (0, _index.installFocusCatcher)(instance);
       (0, _a11yAnnouncer.install)(instance.rootPortalElement);
+      (0, _mixed._injectProductInfo)(mergedUserSettings.licenseKey, this.rootWrapperElement);
     }
     instance.runHooks('init');
     this.render();

package/core.mjs

@@ -196,6 +196,14 @@ export default function Core(rootContainer, userSettings) {
    */
   this.rootWrapperElement = undefined;
 
+  /**
+   * Reference to the grid element.
+   *
+   * @private
+   * @type {HTMLElement}
+   */
+  this.rootGridElement = undefined;
+
   /**
    * Reference to the portal element.
    *
@@ -230,10 +238,13 @@ export default function Core(rootContainer, userSettings) {
   this.rootWindow = this.rootDocument.defaultView;
   if (isRootInstance(this)) {
     this.rootWrapperElement = this.rootDocument.createElement('div');
+    this.rootGridElement = this.rootDocument.createElement('div');
     this.rootPortalElement = this.rootDocument.createElement('div');
     addClass(this.rootElement, ['ht-wrapper', 'handsontable']);
     addClass(this.rootWrapperElement, 'ht-root-wrapper');
-    this.rootWrapperElement.appendChild(this.rootElement);
+    addClass(this.rootGridElement, 'ht-grid');
+    this.rootGridElement.appendChild(this.rootElement);
+    this.rootWrapperElement.appendChild(this.rootGridElement);
     this.rootContainer.appendChild(this.rootWrapperElement);
     addClass(this.rootPortalElement, 'ht-portal');
     this.rootDocument.body.appendChild(this.rootPortalElement);
@@ -346,9 +357,6 @@ export default function Core(rootContainer, userSettings) {
   const pluginsRegistry = createUniqueMap();
   this.container = this.rootDocument.createElement('div');
   this.rootElement.insertBefore(this.container, this.rootElement.firstChild);
-  if (isRootInstance(this)) {
-    _injectProductInfo(mergedUserSettings.licenseKey, this.rootWrapperElement);
-  }
   this.guid = `ht_${randomString()}`; // this is the namespace for global events
 
   foreignHotInstances.set(this.guid, this);
@@ -1185,6 +1193,7 @@ export default function Core(rootContainer, userSettings) {
     if (isRootInstance(this)) {
       installFocusCatcher(instance);
       installAccessibilityAnnouncer(instance.rootPortalElement);
+      _injectProductInfo(mergedUserSettings.licenseKey, this.rootWrapperElement);
     }
     instance.runHooks('init');
     this.render();