handsontable 0.0.0-next-fad35d5-20240924 → 0.0.0-next-ffdf116-20240926

package/editorManager.js

@@ -120,7 +120,7 @@ class EditorManager {
       row,
       col
     } = highlight;
-    const modifiedCellCoords = this.hot.runHooks('modifyGetCellCoords', row, col, false, 'meta');
+    const modifiedCellCoords = this.hot.runHooks('modifyGetCellCoords', row, col);
     let visualRowToCheck = row;
     let visualColumnToCheck = col;
     if (Array.isArray(modifiedCellCoords)) {
@@ -174,7 +174,7 @@ class EditorManager {
     const selection = this.hot.getSelectedRangeLast();
     let allowOpening = this.hot.runHooks('beforeBeginEditing', selection.highlight.row, selection.highlight.col, newInitialValue, event, enableFullEditMode);
 
-    // If the above hook does not return boolean then the default behavior is applied which disallows opening
+    // If the above hook does not return boolean apply default behavior which disallows opening
     // an editor after double mouse click for non-contiguous selection (while pressing Ctrl/Cmd) and
     // for multiple selected cells (while pressing SHIFT).
     if (event instanceof MouseEvent && typeof allowOpening !== 'boolean') {

package/editorManager.mjs

@@ -116,7 +116,7 @@ class EditorManager {
       row,
       col
     } = highlight;
-    const modifiedCellCoords = this.hot.runHooks('modifyGetCellCoords', row, col, false, 'meta');
+    const modifiedCellCoords = this.hot.runHooks('modifyGetCellCoords', row, col);
     let visualRowToCheck = row;
     let visualColumnToCheck = col;
     if (Array.isArray(modifiedCellCoords)) {
@@ -170,7 +170,7 @@ class EditorManager {
     const selection = this.hot.getSelectedRangeLast();
     let allowOpening = this.hot.runHooks('beforeBeginEditing', selection.highlight.row, selection.highlight.col, newInitialValue, event, enableFullEditMode);
 
-    // If the above hook does not return boolean then the default behavior is applied which disallows opening
+    // If the above hook does not return boolean apply default behavior which disallows opening
     // an editor after double mouse click for non-contiguous selection (while pressing Ctrl/Cmd) and
     // for multiple selected cells (while pressing SHIFT).
     if (event instanceof MouseEvent && typeof allowOpening !== 'boolean') {

package/editors/autocompleteEditor/autocompleteEditor.js

@@ -9,7 +9,6 @@ var _element = require("../../helpers/dom/element");
 var _mixed = require("../../helpers/mixed");
 var _string = require("../../helpers/string");
 var _unicode = require("../../helpers/unicode");
-var _browser = require("../../helpers/browser");
 var _textRenderer = require("../../renderers/textRenderer");
 var _a11y = require("../../helpers/a11y");
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
@@ -183,15 +182,11 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
     } = this;
     this.showEditableElement();
     this.focus();
-    let scrollbarWidth = (0, _element.getScrollbarWidth)();
-    if (scrollbarWidth === 0 && (0, _browser.isMacOS)()) {
-      scrollbarWidth += 15; // default scroll bar width if scroll bars are visible only when scrolling
-    }
     this.addHook('beforeKeyDown', event => this.onBeforeKeyDown(event));
     this.htEditor.updateSettings({
       colWidths: trimDropdown ? [(0, _element.outerWidth)(this.TEXTAREA) - 2] : undefined,
-      width: trimDropdown ? (0, _element.outerWidth)(this.TEXTAREA) + scrollbarWidth : undefined,
       autoColumnSize: true,
+      autoRowSize: true,
       renderer: (hotInstance, TD, row, col, prop, value, cellProperties) => {
         (0, _textRenderer.textRenderer)(hotInstance, TD, row, col, prop, value, cellProperties);
         const {
@@ -350,7 +345,7 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
     }
     const textareaOffset = (0, _element.offset)(this.TEXTAREA);
     const textareaHeight = (0, _element.outerHeight)(this.TEXTAREA);
-    const dropdownHeight = this.getDropdownHeight();
+    const dropdownHeight = this.getHeight();
     const trimmingContainerScrollTop = trimmingContainer.scrollTop;
     const headersHeight = (0, _element.outerHeight)(this.hot.view._wt.wtTable.THEAD);
     const containerOffset = (0, _element.offset)(trimmingContainer);
@@ -423,12 +418,18 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
    * @private
    */
   updateDropdownDimensions() {
-    const currentDropdownWidth = this.htEditor.getColWidth(0) + (0, _element.getScrollbarWidth)(this.hot.rootDocument) + 2;
     const trimDropdown = this.cellProperties.trimDropdown;
+    const width = trimDropdown ? this.getWidth() : undefined;
+    const height = this.getHeight();
     this.htEditor.updateSettings({
-      height: this.getDropdownHeight(),
-      width: trimDropdown ? undefined : currentDropdownWidth
+      width,
+      height
     });
+    if (trimDropdown && this.htEditor.view.hasVerticalScroll()) {
+      this.htEditor.updateSettings({
+        width: width + (0, _element.getScrollbarWidth)(this.hot.rootDocument)
+      });
+    }
     this.htEditor.view._wt.wtTable.alignOverlaysWithTrimmingContainer();
   }
 
@@ -464,10 +465,26 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
    * @private
    * @returns {number}
    */
-  getDropdownHeight() {
-    const firstRowHeight = this.htEditor.getRowHeight(0) || 23;
-    const visibleRows = this.cellProperties.visibleRows;
-    return this.strippedChoices.length >= visibleRows ? visibleRows * firstRowHeight : this.strippedChoices.length * firstRowHeight + 8; // eslint-disable-line max-len
+  getHeight() {
+    const containerStyle = this.hot.rootWindow.getComputedStyle(this.htContainer.querySelector('.htCore'));
+    const borderVerticalCompensation = parseInt(containerStyle.borderTopWidth, 10) + parseInt(containerStyle.borderBottomWidth, 10);
+    const maxItems = Math.min(this.cellProperties.visibleRows, this.strippedChoices.length);
+    const height = Array.from({
+      length: maxItems
+    }, (_, i) => i).reduce((h, index) => h + this.htEditor.getRowHeight(index), 0);
+    return height + borderVerticalCompensation + 1;
+  }
+
+  /**
+   * Calculates and return the internal Handsontable's width.
+   *
+   * @private
+   * @returns {number}
+   */
+  getWidth() {
+    const containerStyle = this.hot.rootWindow.getComputedStyle(this.htContainer.querySelector('.htCore'));
+    const borderHorizontalCompensation = parseInt(containerStyle.borderInlineStartWidth, 10) + parseInt(containerStyle.borderInlineEndWidth, 10);
+    return this.htEditor.getColWidth(0) + borderHorizontalCompensation;
   }
 
   /**

package/editors/autocompleteEditor/autocompleteEditor.mjs

@@ -13,7 +13,6 @@ import { addClass, getCaretPosition, getScrollbarWidth, getSelectionEndPosition,
 import { isDefined, stringify } from "../../helpers/mixed.mjs";
 import { stripTags } from "../../helpers/string.mjs";
 import { KEY_CODES, isPrintableChar } from "../../helpers/unicode.mjs";
-import { isMacOS } from "../../helpers/browser.mjs";
 import { textRenderer } from "../../renderers/textRenderer/index.mjs";
 import { A11Y_ACTIVEDESCENDANT, A11Y_AUTOCOMPLETE, A11Y_COMBOBOX, A11Y_CONTROLS, A11Y_EXPANDED, A11Y_HASPOPUP, A11Y_LISTBOX, A11Y_LIVE, A11Y_OPTION, A11Y_POSINSET, A11Y_PRESENTATION, A11Y_RELEVANT, A11Y_SELECTED, A11Y_SETSIZE, A11Y_TEXT } from "../../helpers/a11y.mjs";
 export const EDITOR_TYPE = 'autocomplete';
@@ -180,15 +179,11 @@ export class AutocompleteEditor extends HandsontableEditor {
     } = this;
     this.showEditableElement();
     this.focus();
-    let scrollbarWidth = getScrollbarWidth();
-    if (scrollbarWidth === 0 && isMacOS()) {
-      scrollbarWidth += 15; // default scroll bar width if scroll bars are visible only when scrolling
-    }
     this.addHook('beforeKeyDown', event => this.onBeforeKeyDown(event));
     this.htEditor.updateSettings({
       colWidths: trimDropdown ? [outerWidth(this.TEXTAREA) - 2] : undefined,
-      width: trimDropdown ? outerWidth(this.TEXTAREA) + scrollbarWidth : undefined,
       autoColumnSize: true,
+      autoRowSize: true,
       renderer: (hotInstance, TD, row, col, prop, value, cellProperties) => {
         textRenderer(hotInstance, TD, row, col, prop, value, cellProperties);
         const {
@@ -347,7 +342,7 @@ export class AutocompleteEditor extends HandsontableEditor {
     }
     const textareaOffset = offset(this.TEXTAREA);
     const textareaHeight = outerHeight(this.TEXTAREA);
-    const dropdownHeight = this.getDropdownHeight();
+    const dropdownHeight = this.getHeight();
     const trimmingContainerScrollTop = trimmingContainer.scrollTop;
     const headersHeight = outerHeight(this.hot.view._wt.wtTable.THEAD);
     const containerOffset = offset(trimmingContainer);
@@ -420,12 +415,18 @@ export class AutocompleteEditor extends HandsontableEditor {
    * @private
    */
   updateDropdownDimensions() {
-    const currentDropdownWidth = this.htEditor.getColWidth(0) + getScrollbarWidth(this.hot.rootDocument) + 2;
     const trimDropdown = this.cellProperties.trimDropdown;
+    const width = trimDropdown ? this.getWidth() : undefined;
+    const height = this.getHeight();
     this.htEditor.updateSettings({
-      height: this.getDropdownHeight(),
-      width: trimDropdown ? undefined : currentDropdownWidth
+      width,
+      height
     });
+    if (trimDropdown && this.htEditor.view.hasVerticalScroll()) {
+      this.htEditor.updateSettings({
+        width: width + getScrollbarWidth(this.hot.rootDocument)
+      });
+    }
     this.htEditor.view._wt.wtTable.alignOverlaysWithTrimmingContainer();
   }
 
@@ -461,10 +462,26 @@ export class AutocompleteEditor extends HandsontableEditor {
    * @private
    * @returns {number}
    */
-  getDropdownHeight() {
-    const firstRowHeight = this.htEditor.getRowHeight(0) || 23;
-    const visibleRows = this.cellProperties.visibleRows;
-    return this.strippedChoices.length >= visibleRows ? visibleRows * firstRowHeight : this.strippedChoices.length * firstRowHeight + 8; // eslint-disable-line max-len
+  getHeight() {
+    const containerStyle = this.hot.rootWindow.getComputedStyle(this.htContainer.querySelector('.htCore'));
+    const borderVerticalCompensation = parseInt(containerStyle.borderTopWidth, 10) + parseInt(containerStyle.borderBottomWidth, 10);
+    const maxItems = Math.min(this.cellProperties.visibleRows, this.strippedChoices.length);
+    const height = Array.from({
+      length: maxItems
+    }, (_, i) => i).reduce((h, index) => h + this.htEditor.getRowHeight(index), 0);
+    return height + borderVerticalCompensation + 1;
+  }
+
+  /**
+   * Calculates and return the internal Handsontable's width.
+   *
+   * @private
+   * @returns {number}
+   */
+  getWidth() {
+    const containerStyle = this.hot.rootWindow.getComputedStyle(this.htContainer.querySelector('.htCore'));
+    const borderHorizontalCompensation = parseInt(containerStyle.borderInlineStartWidth, 10) + parseInt(containerStyle.borderInlineEndWidth, 10);
+    return this.htEditor.getColWidth(0) + borderHorizontalCompensation;
   }
 
   /**

package/editors/baseEditor/baseEditor.js

@@ -204,7 +204,7 @@ class BaseEditor {
     } else {
       [visualRowFrom, visualColumnFrom, visualRowTo, visualColumnTo] = [this.row, this.col, null, null];
     }
-    const modifiedCellCoords = this.hot.runHooks('modifyGetCellCoords', visualRowFrom, visualColumnFrom, false, 'meta');
+    const modifiedCellCoords = this.hot.runHooks('modifyGetCellCoords', visualRowFrom, visualColumnFrom);
     if (Array.isArray(modifiedCellCoords)) {
       [visualRowFrom, visualColumnFrom] = modifiedCellCoords;
     }
@@ -228,29 +228,22 @@ class BaseEditor {
     // due to hidden columns don't participate in the rendering process
     const renderableRowIndex = hotInstance.rowIndexMapper.getRenderableFromVisualIndex(this.row);
     const renderableColumnIndex = hotInstance.columnIndexMapper.getRenderableFromVisualIndex(this.col);
-    const openEditor = () => {
-      this.state = EDITOR_STATE.EDITING;
-
-      // Set the editor value only in the full edit mode. In other mode the focusable element has to be empty,
-      // otherwise IME (editor for Asia users) doesn't work.
-      if (this.isInFullEditMode()) {
-        const stringifiedInitialValue = typeof newInitialValue === 'string' ? newInitialValue : (0, _mixed.stringify)(this.originalValue);
-        this.setValue(stringifiedInitialValue);
-      }
-      this.open(event);
-      this._opened = true;
-      this.focus();
-
-      // only rerender the selections (FillHandle should disappear when beginEditing is triggered)
-      hotInstance.view.render();
-      hotInstance.runHooks('afterBeginEditing', this.row, this.col);
-    };
-    this.hot.addHookOnce('afterScroll', openEditor);
-    const wasScroll = hotInstance.view.scrollViewport(hotInstance._createCellCoords(renderableRowIndex, renderableColumnIndex));
-    if (!wasScroll) {
-      this.hot.removeHook('afterScroll', openEditor);
-      openEditor();
+    hotInstance.view.scrollViewport(hotInstance._createCellCoords(renderableRowIndex, renderableColumnIndex));
+    this.state = EDITOR_STATE.EDITING;
+
+    // Set the editor value only in the full edit mode. In other mode the focusable element has to be empty,
+    // otherwise IME (editor for Asia users) doesn't work.
+    if (this.isInFullEditMode()) {
+      const stringifiedInitialValue = typeof newInitialValue === 'string' ? newInitialValue : (0, _mixed.stringify)(this.originalValue);
+      this.setValue(stringifiedInitialValue);
     }
+    this.open(event);
+    this._opened = true;
+    this.focus();
+
+    // only rerender the selections (FillHandle should disappear when beginEditing is triggered)
+    hotInstance.view.render();
+    hotInstance.runHooks('afterBeginEditing', this.row, this.col);
   }
 
   /**
@@ -483,7 +476,7 @@ class BaseEditor {
     } else if (['top', 'master', 'bottom'].includes(overlayName)) {
       cellStartOffset += firstColumnOffset - horizontalScrollPosition;
     }
-    const cellComputedStyle = (0, _element.getComputedStyle)(this.TD, this.hot.rootWindow);
+    const cellComputedStyle = rootWindow.getComputedStyle(this.TD);
     const borderPhysicalWidthProp = this.hot.isRtl() ? 'borderRightWidth' : 'borderLeftWidth';
     const inlineStartBorderCompensation = parseInt(cellComputedStyle[borderPhysicalWidthProp], 10) > 0 ? 0 : 1;
     const topBorderCompensation = parseInt(cellComputedStyle.borderTopWidth, 10) > 0 ? 0 : 1;

package/editors/baseEditor/baseEditor.mjs

@@ -5,7 +5,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 import { stringify } from "../../helpers/mixed.mjs";
 import { mixin } from "../../helpers/object.mjs";
 import hooksRefRegisterer from "../../mixins/hooksRefRegisterer.mjs";
-import { getScrollbarWidth, offset, hasVerticalScrollbar, hasHorizontalScrollbar, outerWidth, outerHeight, getComputedStyle } from "../../helpers/dom/element.mjs";
+import { getScrollbarWidth, offset, hasVerticalScrollbar, hasHorizontalScrollbar, outerWidth, outerHeight } from "../../helpers/dom/element.mjs";
 export const EDITOR_TYPE = 'base';
 export const EDITOR_STATE = Object.freeze({
   VIRGIN: 'STATE_VIRGIN',
@@ -200,7 +200,7 @@ export class BaseEditor {
     } else {
       [visualRowFrom, visualColumnFrom, visualRowTo, visualColumnTo] = [this.row, this.col, null, null];
     }
-    const modifiedCellCoords = this.hot.runHooks('modifyGetCellCoords', visualRowFrom, visualColumnFrom, false, 'meta');
+    const modifiedCellCoords = this.hot.runHooks('modifyGetCellCoords', visualRowFrom, visualColumnFrom);
     if (Array.isArray(modifiedCellCoords)) {
       [visualRowFrom, visualColumnFrom] = modifiedCellCoords;
     }
@@ -224,29 +224,22 @@ export class BaseEditor {
     // due to hidden columns don't participate in the rendering process
     const renderableRowIndex = hotInstance.rowIndexMapper.getRenderableFromVisualIndex(this.row);
     const renderableColumnIndex = hotInstance.columnIndexMapper.getRenderableFromVisualIndex(this.col);
-    const openEditor = () => {
-      this.state = EDITOR_STATE.EDITING;
-
-      // Set the editor value only in the full edit mode. In other mode the focusable element has to be empty,
-      // otherwise IME (editor for Asia users) doesn't work.
-      if (this.isInFullEditMode()) {
-        const stringifiedInitialValue = typeof newInitialValue === 'string' ? newInitialValue : stringify(this.originalValue);
-        this.setValue(stringifiedInitialValue);
-      }
-      this.open(event);
-      this._opened = true;
-      this.focus();
-
-      // only rerender the selections (FillHandle should disappear when beginEditing is triggered)
-      hotInstance.view.render();
-      hotInstance.runHooks('afterBeginEditing', this.row, this.col);
-    };
-    this.hot.addHookOnce('afterScroll', openEditor);
-    const wasScroll = hotInstance.view.scrollViewport(hotInstance._createCellCoords(renderableRowIndex, renderableColumnIndex));
-    if (!wasScroll) {
-      this.hot.removeHook('afterScroll', openEditor);
-      openEditor();
+    hotInstance.view.scrollViewport(hotInstance._createCellCoords(renderableRowIndex, renderableColumnIndex));
+    this.state = EDITOR_STATE.EDITING;
+
+    // Set the editor value only in the full edit mode. In other mode the focusable element has to be empty,
+    // otherwise IME (editor for Asia users) doesn't work.
+    if (this.isInFullEditMode()) {
+      const stringifiedInitialValue = typeof newInitialValue === 'string' ? newInitialValue : stringify(this.originalValue);
+      this.setValue(stringifiedInitialValue);
     }
+    this.open(event);
+    this._opened = true;
+    this.focus();
+
+    // only rerender the selections (FillHandle should disappear when beginEditing is triggered)
+    hotInstance.view.render();
+    hotInstance.runHooks('afterBeginEditing', this.row, this.col);
   }
 
   /**
@@ -479,7 +472,7 @@ export class BaseEditor {
     } else if (['top', 'master', 'bottom'].includes(overlayName)) {
       cellStartOffset += firstColumnOffset - horizontalScrollPosition;
     }
-    const cellComputedStyle = getComputedStyle(this.TD, this.hot.rootWindow);
+    const cellComputedStyle = rootWindow.getComputedStyle(this.TD);
     const borderPhysicalWidthProp = this.hot.isRtl() ? 'borderRightWidth' : 'borderLeftWidth';
     const inlineStartBorderCompensation = parseInt(cellComputedStyle[borderPhysicalWidthProp], 10) > 0 ? 0 : 1;
     const topBorderCompensation = parseInt(cellComputedStyle.borderTopWidth, 10) > 0 ? 0 : 1;

package/editors/dropdownEditor/dropdownEditor.js

@@ -2,7 +2,8 @@
 
 exports.__esModule = true;
 var _autocompleteEditor = require("../autocompleteEditor");
-var _hooks = require("../../core/hooks");
+var _pluginHooks = _interopRequireDefault(require("../../pluginHooks"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const EDITOR_TYPE = exports.EDITOR_TYPE = 'dropdown';
 
 /**
@@ -29,7 +30,7 @@ class DropdownEditor extends _autocompleteEditor.AutocompleteEditor {
   }
 }
 exports.DropdownEditor = DropdownEditor;
-_hooks.Hooks.getSingleton().add('beforeValidate', function (value, row, col) {
+_pluginHooks.default.getSingleton().add('beforeValidate', function (value, row, col) {
   const visualColumnIndex = this.propToCol(col);
   if (Number.isInteger(visualColumnIndex)) {
     const cellMeta = this.getCellMeta(row, visualColumnIndex);

package/editors/dropdownEditor/dropdownEditor.mjs

@@ -1,5 +1,5 @@
 import { AutocompleteEditor } from "../autocompleteEditor/index.mjs";
-import { Hooks } from "../../core/hooks/index.mjs";
+import Hooks from "../../pluginHooks.mjs";
 export const EDITOR_TYPE = 'dropdown';
 
 /**

package/editors/handsontableEditor/handsontableEditor.js

@@ -41,6 +41,10 @@ class HandsontableEditor extends _textEditor.TextEditor {
     }
     (0, _element.setCaretPosition)(this.TEXTAREA, 0, this.TEXTAREA.value.length);
     this.refreshDimensions();
+    this.htEditor.updateSettings({
+      width: this.getWidth(),
+      height: this.getHeight()
+    });
   }
 
   /**
@@ -147,6 +151,26 @@ class HandsontableEditor extends _textEditor.TextEditor {
     super.finishEditing(restoreOriginalValue, ctrlDown, callback);
   }
 
+  /**
+   * Calculates and return the internal Handsontable's height.
+   *
+   * @private
+   * @returns {number}
+   */
+  getHeight() {
+    return this.htEditor.view.getTableHeight();
+  }
+
+  /**
+   * Calculates and return the internal Handsontable's width.
+   *
+   * @private
+   * @returns {number}
+   */
+  getWidth() {
+    return this.htEditor.view.getTableWidth();
+  }
+
   /**
    * Assigns afterDestroy callback to prevent memory leaks.
    *

package/editors/handsontableEditor/handsontableEditor.mjs

@@ -38,6 +38,10 @@ export class HandsontableEditor extends TextEditor {
     }
     setCaretPosition(this.TEXTAREA, 0, this.TEXTAREA.value.length);
     this.refreshDimensions();
+    this.htEditor.updateSettings({
+      width: this.getWidth(),
+      height: this.getHeight()
+    });
   }
 
   /**
@@ -144,6 +148,26 @@ export class HandsontableEditor extends TextEditor {
     super.finishEditing(restoreOriginalValue, ctrlDown, callback);
   }
 
+  /**
+   * Calculates and return the internal Handsontable's height.
+   *
+   * @private
+   * @returns {number}
+   */
+  getHeight() {
+    return this.htEditor.view.getTableHeight();
+  }
+
+  /**
+   * Calculates and return the internal Handsontable's width.
+   *
+   * @private
+   * @returns {number}
+   */
+  getWidth() {
+    return this.htEditor.view.getTableWidth();
+  }
+
   /**
    * Assigns afterDestroy callback to prevent memory leaks.
    *

package/editors/registry.js

@@ -6,7 +6,7 @@ exports.getEditorInstance = exports._getEditorInstance = _getEditorInstance;
 exports.getEditor = _getItem;
 exports.registerEditor = _register;
 require("core-js/modules/es.error.cause.js");
-var _hooks = require("../core/hooks");
+var _pluginHooks = _interopRequireDefault(require("../pluginHooks"));
 var _staticRegister = _interopRequireDefault(require("../utils/staticRegister"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
@@ -40,7 +40,7 @@ function RegisteredEditor(editorClass) {
     }
     return instances[hotInstance.guid];
   };
-  _hooks.Hooks.getSingleton().add('afterDestroy', function () {
+  _pluginHooks.default.getSingleton().add('afterDestroy', function () {
     instances[this.guid] = null;
   });
 }

package/editors/registry.mjs

@@ -2,7 +2,7 @@ import "core-js/modules/es.error.cause.js";
 /**
  * Utility to register editors and common namespace for keeping reference to all editor classes.
  */
-import { Hooks } from "../core/hooks/index.mjs";
+import Hooks from "../pluginHooks.mjs";
 import staticRegister from "../utils/staticRegister.mjs";
 const registeredEditorClasses = new WeakMap();
 const {

package/editors/textEditor/textEditor.js

@@ -308,11 +308,11 @@ class TextEditor extends _baseEditor.BaseEditor {
     this.textareaParentStyle.top = `${top}px`;
     this.textareaParentStyle[this.hot.isRtl() ? 'right' : 'left'] = `${start}px`;
     this.showEditableElement();
-    const cellComputedStyle = (0, _element.getComputedStyle)(this.TD, this.hot.rootWindow);
+    const cellComputedStyle = this.hot.rootWindow.getComputedStyle(this.TD);
     this.TEXTAREA.style.fontSize = cellComputedStyle.fontSize;
     this.TEXTAREA.style.fontFamily = cellComputedStyle.fontFamily;
     this.TEXTAREA.style.backgroundColor = this.TD.style.backgroundColor;
-    const textareaComputedStyle = (0, _element.getComputedStyle)(this.TEXTAREA);
+    const textareaComputedStyle = this.hot.rootWindow.getComputedStyle(this.TEXTAREA);
     const horizontalPadding = parseInt(textareaComputedStyle.paddingLeft, 10) + parseInt(textareaComputedStyle.paddingRight, 10);
     const verticalPadding = parseInt(textareaComputedStyle.paddingTop, 10) + parseInt(textareaComputedStyle.paddingBottom, 10);
     const finalWidth = width - horizontalPadding;

package/editors/textEditor/textEditor.mjs

@@ -5,7 +5,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 import { BaseEditor, EDITOR_STATE } from "../baseEditor/index.mjs";
 import EventManager from "../../eventManager.mjs";
 import { isEdge, isIOS } from "../../helpers/browser.mjs";
-import { addClass, getComputedStyle, isThisHotChild, setCaretPosition, hasClass, removeClass, setAttribute } from "../../helpers/dom/element.mjs";
+import { addClass, isThisHotChild, setCaretPosition, hasClass, removeClass, setAttribute } from "../../helpers/dom/element.mjs";
 import { rangeEach } from "../../helpers/number.mjs";
 import { createInputElementResizer } from "../../utils/autoResize.mjs";
 import { isDefined } from "../../helpers/mixed.mjs";
@@ -304,11 +304,11 @@ export class TextEditor extends BaseEditor {
     this.textareaParentStyle.top = `${top}px`;
     this.textareaParentStyle[this.hot.isRtl() ? 'right' : 'left'] = `${start}px`;
     this.showEditableElement();
-    const cellComputedStyle = getComputedStyle(this.TD, this.hot.rootWindow);
+    const cellComputedStyle = this.hot.rootWindow.getComputedStyle(this.TD);
     this.TEXTAREA.style.fontSize = cellComputedStyle.fontSize;
     this.TEXTAREA.style.fontFamily = cellComputedStyle.fontFamily;
     this.TEXTAREA.style.backgroundColor = this.TD.style.backgroundColor;
-    const textareaComputedStyle = getComputedStyle(this.TEXTAREA);
+    const textareaComputedStyle = this.hot.rootWindow.getComputedStyle(this.TEXTAREA);
     const horizontalPadding = parseInt(textareaComputedStyle.paddingLeft, 10) + parseInt(textareaComputedStyle.paddingRight, 10);
     const verticalPadding = parseInt(textareaComputedStyle.paddingTop, 10) + parseInt(textareaComputedStyle.paddingBottom, 10);
     const finalWidth = width - horizontalPadding;

package/helpers/dom/element.js

@@ -10,7 +10,6 @@ exports.empty = empty;
 exports.fastInnerHTML = fastInnerHTML;
 exports.fastInnerText = fastInnerText;
 exports.getCaretPosition = getCaretPosition;
-exports.getComputedStyle = getComputedStyle;
 exports.getCssTransform = getCssTransform;
 exports.getFrameElement = getFrameElement;
 exports.getMaximumScrollLeft = getMaximumScrollLeft;
@@ -488,6 +487,7 @@ function fastInnerText(element, content) {
  */
 function isVisible(element) {
   const documentElement = element.ownerDocument.documentElement;
+  const windowElement = element.ownerDocument.defaultView;
   let next = element;
   while (next !== documentElement) {
     // until <html> reached
@@ -510,7 +510,7 @@ function isVisible(element) {
       } else {
         return false; // this is a node detached from document in IE8
       }
-    } else if (getComputedStyle(next).display === 'none') {
+    } else if (windowElement.getComputedStyle(next).display === 'none') {
       return false;
     }
     next = next.parentNode;
@@ -700,7 +700,7 @@ function getTrimmingContainer(base) {
     if (el.style.overflow !== 'visible' && el.style.overflow !== '') {
       return el;
     }
-    const computedStyle = getComputedStyle(el, rootWindow);
+    const computedStyle = rootWindow.getComputedStyle(el);
     const allowedProperties = ['scroll', 'hidden', 'auto'];
     const property = computedStyle.getPropertyValue('overflow');
     const propertyY = computedStyle.getPropertyValue('overflow-y');
@@ -738,7 +738,7 @@ function getStyle(element, prop) {
   if (styleProp !== '' && styleProp !== undefined) {
     return styleProp;
   }
-  const computedStyle = getComputedStyle(element, rootWindow);
+  const computedStyle = rootWindow.getComputedStyle(element);
   if (computedStyle[prop] !== '' && computedStyle[prop] !== undefined) {
     return computedStyle[prop];
   }
@@ -766,19 +766,6 @@ function matchesCSSRules(element, rule) {
   return result;
 }
 
-/**
- * Returns a computed style object for the provided element. (Needed if style is declared in external stylesheet).
- *
- * @param {HTMLElement} element An element to get style from.
- * @param {Window} [rootWindow] The document window owner.
- * @returns {IEElementStyle|CssStyle} Elements computed style object.
- */
-// eslint-disable-next-line no-restricted-globals
-function getComputedStyle(element) {
-  let rootWindow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window;
-  return element.currentStyle || rootWindow.getComputedStyle(element);
-}
-
 /**
  * Returns the element's outer width.
  *

package/helpers/dom/element.mjs

@@ -428,6 +428,7 @@ export function fastInnerText(element, content) {
  */
 export function isVisible(element) {
   const documentElement = element.ownerDocument.documentElement;
+  const windowElement = element.ownerDocument.defaultView;
   let next = element;
   while (next !== documentElement) {
     // until <html> reached
@@ -450,7 +451,7 @@ export function isVisible(element) {
       } else {
         return false; // this is a node detached from document in IE8
       }
-    } else if (getComputedStyle(next).display === 'none') {
+    } else if (windowElement.getComputedStyle(next).display === 'none') {
       return false;
     }
     next = next.parentNode;
@@ -640,7 +641,7 @@ export function getTrimmingContainer(base) {
     if (el.style.overflow !== 'visible' && el.style.overflow !== '') {
       return el;
     }
-    const computedStyle = getComputedStyle(el, rootWindow);
+    const computedStyle = rootWindow.getComputedStyle(el);
     const allowedProperties = ['scroll', 'hidden', 'auto'];
     const property = computedStyle.getPropertyValue('overflow');
     const propertyY = computedStyle.getPropertyValue('overflow-y');
@@ -678,7 +679,7 @@ export function getStyle(element, prop) {
   if (styleProp !== '' && styleProp !== undefined) {
     return styleProp;
   }
-  const computedStyle = getComputedStyle(element, rootWindow);
+  const computedStyle = rootWindow.getComputedStyle(element);
   if (computedStyle[prop] !== '' && computedStyle[prop] !== undefined) {
     return computedStyle[prop];
   }
@@ -706,19 +707,6 @@ export function matchesCSSRules(element, rule) {
   return result;
 }
 
-/**
- * Returns a computed style object for the provided element. (Needed if style is declared in external stylesheet).
- *
- * @param {HTMLElement} element An element to get style from.
- * @param {Window} [rootWindow] The document window owner.
- * @returns {IEElementStyle|CssStyle} Elements computed style object.
- */
-// eslint-disable-next-line no-restricted-globals
-export function getComputedStyle(element) {
-  let rootWindow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window;
-  return element.currentStyle || rootWindow.getComputedStyle(element);
-}
-
 /**
  * Returns the element's outer width.
  *

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 = "0.0.0-next-fad35d5-20240924";
+  const hotVersion = "0.0.0-next-ffdf116-20240926";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';

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 = "0.0.0-next-fad35d5-20240924";
+  const hotVersion = "0.0.0-next-ffdf116-20240926";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';