handsontable 0.0.0-next-e2a5d5f-20250221 → 0.0.0-next-326182b-20250225

package/focusManager.js

@@ -183,7 +183,7 @@ class FocusManager {
         return;
       }
       let elementToBeFocused = _classPrivateFieldGet(_hot, this).runHooks('modifyFocusedElement', currentHighlightCoords.row, currentHighlightCoords.col, element);
-      if (!(elementToBeFocused instanceof HTMLElement)) {
+      if (!(0, _element.isHTMLElement)(elementToBeFocused)) {
         elementToBeFocused = element;
       }
       if (elementToBeFocused && !((_classPrivateFieldGet4 = _classPrivateFieldGet(_hot, this).getActiveEditor()) !== null && _classPrivateFieldGet4 !== void 0 && _classPrivateFieldGet4.isOpened())) {

package/focusManager.mjs

@@ -6,7 +6,7 @@ function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
 function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
 function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
 import { warn } from "./helpers/console.mjs";
-import { isOutsideInput } from "./helpers/dom/element.mjs";
+import { isHTMLElement, isOutsideInput } from "./helpers/dom/element.mjs";
 import { debounce } from "./helpers/function.mjs";
 /**
  * Possible focus modes.
@@ -180,7 +180,7 @@ export class FocusManager {
         return;
       }
       let elementToBeFocused = _classPrivateFieldGet(_hot, this).runHooks('modifyFocusedElement', currentHighlightCoords.row, currentHighlightCoords.col, element);
-      if (!(elementToBeFocused instanceof HTMLElement)) {
+      if (!isHTMLElement(elementToBeFocused)) {
         elementToBeFocused = element;
       }
       if (elementToBeFocused && !((_classPrivateFieldGet4 = _classPrivateFieldGet(_hot, this).getActiveEditor()) !== null && _classPrivateFieldGet4 !== void 0 && _classPrivateFieldGet4.isOpened())) {

package/helpers/dom/element.d.ts

@@ -45,4 +45,5 @@ export function isInput(element: HTMLElement): boolean;
 export function isOutsideInput(element: HTMLElement): boolean;
 export function selectElementIfAllowed(element: HTMLElement): void;
 export function isDetached(element: HTMLElement): boolean;
+export function isHTMLElement(element: any): boolean;
 export const HTML_CHARACTERS: RegExp;

package/helpers/dom/element.js

@@ -36,6 +36,7 @@ exports.innerHeight = innerHeight;
 exports.innerWidth = innerWidth;
 exports.isChildOf = isChildOf;
 exports.isDetached = isDetached;
+exports.isHTMLElement = isHTMLElement;
 exports.isInput = isInput;
 exports.isOutsideInput = isOutsideInput;
 exports.isThisHotChild = isThisHotChild;
@@ -1178,4 +1179,16 @@ function runWithSelectedContendEditableElement(element, callback) {
   makeElementContentEditableAndSelectItsContent(element, invisibleSelection);
   callback();
   removeContentEditableFromElementAndDeselect(element, invisibleSelection);
+}
+
+/**
+ * Check if the element is HTMLElement.
+ *
+ * @param {*} element Element to check.
+ * @returns {boolean} `true` if the element is HTMLElement.
+ */
+function isHTMLElement(element) {
+  var _element$ownerDocumen;
+  const OwnElement = element === null || element === void 0 || (_element$ownerDocumen = element.ownerDocument) === null || _element$ownerDocumen === void 0 ? void 0 : _element$ownerDocumen.defaultView.Element;
+  return !!(OwnElement && OwnElement !== null && element instanceof OwnElement);
 }

package/helpers/dom/element.mjs

@@ -1118,4 +1118,16 @@ export function runWithSelectedContendEditableElement(element, callback) {
   makeElementContentEditableAndSelectItsContent(element, invisibleSelection);
   callback();
   removeContentEditableFromElementAndDeselect(element, invisibleSelection);
+}
+
+/**
+ * Check if the element is HTMLElement.
+ *
+ * @param {*} element Element to check.
+ * @returns {boolean} `true` if the element is HTMLElement.
+ */
+export function isHTMLElement(element) {
+  var _element$ownerDocumen;
+  const OwnElement = element === null || element === void 0 || (_element$ownerDocumen = element.ownerDocument) === null || _element$ownerDocumen === void 0 ? void 0 : _element$ownerDocumen.defaultView.Element;
+  return !!(OwnElement && OwnElement !== null && element instanceof OwnElement);
 }

package/helpers/dom/event.js

@@ -7,6 +7,7 @@ exports.isRightClick = isRightClick;
 exports.isTouchEvent = isTouchEvent;
 exports.offsetRelativeTo = offsetRelativeTo;
 exports.stopImmediatePropagation = stopImmediatePropagation;
+var _element = require("./element");
 /**
  * Prevent other listeners of the same event from being called.
  *
@@ -70,7 +71,7 @@ function offsetRelativeTo(event, untilElement) {
     y: event.offsetY
   };
   let element = event.target;
-  if (!(untilElement instanceof HTMLElement) || element !== untilElement && element.contains(untilElement)) {
+  if (!(0, _element.isHTMLElement)(untilElement) || element !== untilElement && element.contains(untilElement)) {
     return offset;
   }
   while (element !== untilElement) {

package/helpers/dom/event.mjs

@@ -1,3 +1,4 @@
+import { isHTMLElement } from "./element.mjs";
 /**
  * Prevent other listeners of the same event from being called.
  *
@@ -61,7 +62,7 @@ export function offsetRelativeTo(event, untilElement) {
     y: event.offsetY
   };
   let element = event.target;
-  if (!(untilElement instanceof HTMLElement) || element !== untilElement && element.contains(untilElement)) {
+  if (!isHTMLElement(untilElement) || element !== untilElement && element.contains(untilElement)) {
     return offset;
   }
   while (element !== untilElement) {

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-e2a5d5f-20250221";
+  const hotVersion = "0.0.0-next-326182b-20250225";
   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-e2a5d5f-20250221";
+  const hotVersion = "0.0.0-next-326182b-20250225";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/handsontable/handsontable/issues"
   },
   "author": "Handsoncode <hello@handsontable.com>",
-  "version": "0.0.0-next-e2a5d5f-20250221",
+  "version": "0.0.0-next-326182b-20250225",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",

package/plugins/copyPaste/copyPaste.js

@@ -567,7 +567,7 @@ class CopyPaste extends _base.BasePlugin {
     const isHotInput = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.hasAttribute('data-hot-input');
     const selectedCell = (_this$hot$getSelected = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected === void 0 ? void 0 : _this$hot$getSelected.highlight;
     const TD = selectedCell ? this.hot.getCell(selectedCell.row, selectedCell.col, true) : null;
-    if (!this.hot.isListening() && !_classPrivateFieldGet(_isTriggeredByCopy, this) || this.isEditorOpened() || event.target instanceof HTMLElement && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && TD !== event.target)) {
+    if (!this.hot.isListening() && !_classPrivateFieldGet(_isTriggeredByCopy, this) || this.isEditorOpened() || (0, _element.isHTMLElement)(event.target) && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && TD !== event.target)) {
       return;
     }
     event.preventDefault();
@@ -602,7 +602,7 @@ class CopyPaste extends _base.BasePlugin {
     const isHotInput = (_event$target2 = event.target) === null || _event$target2 === void 0 ? void 0 : _event$target2.hasAttribute('data-hot-input');
     const selectedCell = (_this$hot$getSelected2 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected2 === void 0 ? void 0 : _this$hot$getSelected2.highlight;
     const TD = selectedCell ? this.hot.getCell(selectedCell.row, selectedCell.col, true) : null;
-    if (!this.hot.isListening() && !_classPrivateFieldGet(_isTriggeredByCut, this) || this.isEditorOpened() || event.target instanceof HTMLElement && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && TD !== event.target)) {
+    if (!this.hot.isListening() && !_classPrivateFieldGet(_isTriggeredByCut, this) || this.isEditorOpened() || (0, _element.isHTMLElement)(event.target) && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && TD !== event.target)) {
       return;
     }
     event.preventDefault();
@@ -636,7 +636,7 @@ class CopyPaste extends _base.BasePlugin {
     const isHotInput = (_event$target3 = event.target) === null || _event$target3 === void 0 ? void 0 : _event$target3.hasAttribute('data-hot-input');
     const selectedCell = (_this$hot$getSelected3 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected3 === void 0 ? void 0 : _this$hot$getSelected3.highlight;
     const TD = selectedCell ? this.hot.getCell(selectedCell.row, selectedCell.col, true) : null;
-    if (!this.hot.isListening() || this.isEditorOpened() || !this.hot.getSelected() || event.target instanceof HTMLElement && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && TD !== event.target)) {
+    if (!this.hot.isListening() || this.isEditorOpened() || !this.hot.getSelected() || (0, _element.isHTMLElement)(event.target) && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && TD !== event.target)) {
       return;
     }
     event.preventDefault();

package/plugins/copyPaste/copyPaste.mjs

@@ -17,7 +17,7 @@ import { Hooks } from "../../core/hooks/index.mjs";
 import { stringify, parse } from "../../3rdparty/SheetClip/index.mjs";
 import { arrayEach } from "../../helpers/array.mjs";
 import { sanitize } from "../../helpers/string.mjs";
-import { removeContentEditableFromElementAndDeselect, runWithSelectedContendEditableElement, makeElementContentEditableAndSelectItsContent } from "../../helpers/dom/element.mjs";
+import { removeContentEditableFromElementAndDeselect, runWithSelectedContendEditableElement, makeElementContentEditableAndSelectItsContent, isHTMLElement } from "../../helpers/dom/element.mjs";
 import { isSafari } from "../../helpers/browser.mjs";
 import copyItem from "./contextMenuItem/copy.mjs";
 import copyColumnHeadersOnlyItem from "./contextMenuItem/copyColumnHeadersOnly.mjs";
@@ -563,7 +563,7 @@ export class CopyPaste extends BasePlugin {
     const isHotInput = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.hasAttribute('data-hot-input');
     const selectedCell = (_this$hot$getSelected = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected === void 0 ? void 0 : _this$hot$getSelected.highlight;
     const TD = selectedCell ? this.hot.getCell(selectedCell.row, selectedCell.col, true) : null;
-    if (!this.hot.isListening() && !_classPrivateFieldGet(_isTriggeredByCopy, this) || this.isEditorOpened() || event.target instanceof HTMLElement && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && TD !== event.target)) {
+    if (!this.hot.isListening() && !_classPrivateFieldGet(_isTriggeredByCopy, this) || this.isEditorOpened() || isHTMLElement(event.target) && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && TD !== event.target)) {
       return;
     }
     event.preventDefault();
@@ -598,7 +598,7 @@ export class CopyPaste extends BasePlugin {
     const isHotInput = (_event$target2 = event.target) === null || _event$target2 === void 0 ? void 0 : _event$target2.hasAttribute('data-hot-input');
     const selectedCell = (_this$hot$getSelected2 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected2 === void 0 ? void 0 : _this$hot$getSelected2.highlight;
     const TD = selectedCell ? this.hot.getCell(selectedCell.row, selectedCell.col, true) : null;
-    if (!this.hot.isListening() && !_classPrivateFieldGet(_isTriggeredByCut, this) || this.isEditorOpened() || event.target instanceof HTMLElement && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && TD !== event.target)) {
+    if (!this.hot.isListening() && !_classPrivateFieldGet(_isTriggeredByCut, this) || this.isEditorOpened() || isHTMLElement(event.target) && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && TD !== event.target)) {
       return;
     }
     event.preventDefault();
@@ -632,7 +632,7 @@ export class CopyPaste extends BasePlugin {
     const isHotInput = (_event$target3 = event.target) === null || _event$target3 === void 0 ? void 0 : _event$target3.hasAttribute('data-hot-input');
     const selectedCell = (_this$hot$getSelected3 = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected3 === void 0 ? void 0 : _this$hot$getSelected3.highlight;
     const TD = selectedCell ? this.hot.getCell(selectedCell.row, selectedCell.col, true) : null;
-    if (!this.hot.isListening() || this.isEditorOpened() || !this.hot.getSelected() || event.target instanceof HTMLElement && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && TD !== event.target)) {
+    if (!this.hot.isListening() || this.isEditorOpened() || !this.hot.getSelected() || isHTMLElement(event.target) && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && TD !== event.target)) {
       return;
     }
     event.preventDefault();

package/plugins/mergeCells/mergeCells.js

@@ -1491,12 +1491,16 @@ function _onModifyRowHeightByOverlayName(height, row, overlayType) {
  * @returns {number}
  */
 function _sumCellsHeights(row, rowspan) {
-  const stylesHandler = this.hot.view.getStylesHandler();
-  const defaultHeight = this.hot.view.getDefaultRowHeight();
+  const {
+    view,
+    rowIndexMapper
+  } = this.hot;
+  const stylesHandler = view.getStylesHandler();
+  const defaultHeight = view.getDefaultRowHeight();
   const autoRowSizePlugin = this.hot.getPlugin('autoRowSize');
   let height = 0;
   for (let i = row; i < row + rowspan; i++) {
-    if (!this.hot.rowIndexMapper.isHidden(i)) {
+    if (!rowIndexMapper.isHidden(i)) {
       var _autoRowSizePlugin$ge;
       height += (_autoRowSizePlugin$ge = autoRowSizePlugin === null || autoRowSizePlugin === void 0 ? void 0 : autoRowSizePlugin.getRowHeight(i)) !== null && _autoRowSizePlugin$ge !== void 0 ? _autoRowSizePlugin$ge : defaultHeight;
       if (i === 0 && !stylesHandler.isClassicTheme()) {

package/plugins/mergeCells/mergeCells.mjs

@@ -1486,12 +1486,16 @@ function _onModifyRowHeightByOverlayName(height, row, overlayType) {
  * @returns {number}
  */
 function _sumCellsHeights(row, rowspan) {
-  const stylesHandler = this.hot.view.getStylesHandler();
-  const defaultHeight = this.hot.view.getDefaultRowHeight();
+  const {
+    view,
+    rowIndexMapper
+  } = this.hot;
+  const stylesHandler = view.getStylesHandler();
+  const defaultHeight = view.getDefaultRowHeight();
   const autoRowSizePlugin = this.hot.getPlugin('autoRowSize');
   let height = 0;
   for (let i = row; i < row + rowspan; i++) {
-    if (!this.hot.rowIndexMapper.isHidden(i)) {
+    if (!rowIndexMapper.isHidden(i)) {
       var _autoRowSizePlugin$ge;
       height += (_autoRowSizePlugin$ge = autoRowSizePlugin === null || autoRowSizePlugin === void 0 ? void 0 : autoRowSizePlugin.getRowHeight(i)) !== null && _autoRowSizePlugin$ge !== void 0 ? _autoRowSizePlugin$ge : defaultHeight;
       if (i === 0 && !stylesHandler.isClassicTheme()) {

package/renderers/checkboxRenderer/checkboxRenderer.js

@@ -309,7 +309,7 @@ function checkboxRenderer(hotInstance, TD, row, col, prop, value, cellProperties
             continue;
           }
           const cell = hotInstance.getCell(visualRow, visualColumn);
-          if (cell instanceof HTMLElement) {
+          if ((0, _element.isHTMLElement)(cell)) {
             const checkboxes = cell.querySelectorAll('input[type=checkbox]');
             if (checkboxes.length > 0) {
               return true;

package/renderers/checkboxRenderer/checkboxRenderer.mjs

@@ -4,7 +4,7 @@ import "core-js/modules/esnext.iterator.every.js";
 import "core-js/modules/esnext.iterator.map.js";
 import { baseRenderer } from "../baseRenderer/index.mjs";
 import EventManager from "../../eventManager.mjs";
-import { empty, addClass, setAttribute } from "../../helpers/dom/element.mjs";
+import { empty, addClass, setAttribute, isHTMLElement } from "../../helpers/dom/element.mjs";
 import { isEmpty, stringify } from "../../helpers/mixed.mjs";
 import { EDITOR_EDIT_GROUP as SHORTCUTS_GROUP_EDITOR } from "../../shortcutContexts/index.mjs";
 import { Hooks } from "../../core/hooks/index.mjs";
@@ -304,7 +304,7 @@ export function checkboxRenderer(hotInstance, TD, row, col, prop, value, cellPro
             continue;
           }
           const cell = hotInstance.getCell(visualRow, visualColumn);
-          if (cell instanceof HTMLElement) {
+          if (isHTMLElement(cell)) {
             const checkboxes = cell.querySelectorAll('input[type=checkbox]');
             if (checkboxes.length > 0) {
               return true;

package/styles/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-e2a5d5f-20250221
- * Release date: 20/02/2025 (built at 21/02/2025 11:46:23)
+ * Version: 0.0.0-next-326182b-20250225
+ * Release date: 20/02/2025 (built at 25/02/2025 10:16:04)
  */
 .ht-wrapper:not([class*=ht-theme]) {
   --ht-gap-size: 4px;
@@ -89,6 +89,9 @@
 .handsontable.htGhostTable table tbody tr th {
   border-top-width: 0;
 }
+.handsontable.htGhostTable table tbody:first-of-type td {
+  height: calc(var(--ht-cell-vertical-padding) * 2 + var(--ht-line-height) + 1px);
+}
 .handsontable.htHasScrollX .ht_master .wtHolder, .handsontable.htHasScrollY .ht_master .wtHolder {
   background-color: var(--ht-background-color);
   border-radius: var(--ht-wrapper-border-radius, 0);
@@ -137,6 +140,9 @@
 .handsontable td.invisibleSelection::selection {
   background: transparent;
 }
+.handsontable tr:first-of-type td {
+  height: calc(var(--ht-cell-vertical-padding) * 2 + var(--ht-line-height) + 2px);
+}
 .handsontable td:first-of-type {
   border-inline-start-width: 1px;
 }
@@ -910,6 +916,7 @@
   background-color: var(--ht-cell-editor-background-color, #ffffff);
   box-shadow: inset 0 0 0 var(--ht-cell-editor-border-width, 2px) var(--ht-cell-editor-border-color, #1a42e8), 0 0 var(--ht-cell-editor-shadow-blur-radius, 0) 0 var(--ht-cell-editor-shadow-color, transparent);
   border: none;
+  border-radius: 0;
   -webkit-appearance: none !important;
   box-sizing: border-box;
   /* Miscellaneous */
@@ -941,6 +948,7 @@
   line-height: inherit !important;
   box-shadow: inset 0 0 0 var(--ht-cell-editor-border-width, 2px) var(--ht-cell-editor-border-color, #1a42e8), 0 0 var(--ht-cell-editor-shadow-blur-radius, 0) 0 var(--ht-cell-editor-shadow-color, transparent);
   border: none;
+  border-radius: 0;
   box-sizing: border-box;
   -webkit-appearance: none !important;
 }