handsontable 0.0.0-next-2cb2d27-20240709 → 0.0.0-next-96d7219-20240710

package/helpers/dom/element.js

@@ -3,6 +3,7 @@
 exports.__esModule = true;
 exports.addClass = addClass;
 exports.addEvent = addEvent;
+exports.clearClasses = clearClasses;
 exports.clearTextSelection = clearTextSelection;
 exports.closest = closest;
 exports.closestDown = closestDown;
@@ -358,6 +359,15 @@ function removeClass(element, className) {
   });
 }
 
+/**
+ * Clear all the class names from the provided element.
+ *
+ * @param {HTMLElement} element The element to process.
+ */
+function clearClasses(element) {
+  element.className = '';
+}
+
 /**
  * Set a single attribute or multiple attributes at once.
  *

package/helpers/dom/element.mjs

@@ -298,6 +298,15 @@ export function removeClass(element, className) {
   });
 }
 
+/**
+ * Clear all the class names from the provided element.
+ *
+ * @param {HTMLElement} element The element to process.
+ */
+export function clearClasses(element) {
+  element.className = '';
+}
+
 /**
  * Set a single attribute or multiple attributes at once.
  *

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-2cb2d27-20240709";
+  const hotVersion = "0.0.0-next-96d7219-20240710";
   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-2cb2d27-20240709";
+  const hotVersion = "0.0.0-next-96d7219-20240710";
   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-2cb2d27-20240709",
+  "version": "0.0.0-next-96d7219-20240710",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",

package/tableView.js

@@ -1140,10 +1140,16 @@ class TableView {
   appendColHeader(visualColumnIndex, TH) {
     let label = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.hot.getColHeader;
     let headerLevel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+    const getColumnHeaderClassNames = () => {
+      const metaHeaderClassNames = visualColumnIndex >= 0 ? this.hot.getColumnMeta(visualColumnIndex).headerClassName : null;
+      return metaHeaderClassNames ? metaHeaderClassNames.split(' ') : [];
+    };
     if (TH.firstChild) {
       const container = TH.firstChild;
       if ((0, _element.hasClass)(container, 'relative')) {
         this.updateCellHeader(container.querySelector('.colHeader'), visualColumnIndex, label, headerLevel);
+        (0, _element.clearClasses)(container);
+        (0, _element.addClass)(container, ['relative', ...getColumnHeaderClassNames()]);
       } else {
         (0, _element.empty)(TH);
         this.appendColHeader(visualColumnIndex, TH, label, headerLevel);
@@ -1154,8 +1160,7 @@ class TableView {
       } = this.hot;
       const div = rootDocument.createElement('div');
       const span = rootDocument.createElement('span');
-      const metaHeaderClassNames = visualColumnIndex >= 0 ? this.hot.getColumnMeta(visualColumnIndex).headerClassName : null;
-      const classNames = metaHeaderClassNames ? metaHeaderClassNames.split(' ') : [];
+      const classNames = getColumnHeaderClassNames();
       div.classList.add('relative', ...classNames);
       span.className = 'colHeader';
       if (this.settings.ariaTags) {

package/tableView.mjs

@@ -9,7 +9,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 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 { addClass, clearTextSelection, empty, fastInnerHTML, fastInnerText, getScrollbarWidth, hasClass, isChildOf, isInput, isOutsideInput, isVisible, setAttribute, getParentWindow } from "./helpers/dom/element.mjs";
+import { addClass, clearClasses, clearTextSelection, empty, fastInnerHTML, fastInnerText, getScrollbarWidth, hasClass, isChildOf, isInput, isOutsideInput, isVisible, setAttribute, getParentWindow } from "./helpers/dom/element.mjs";
 import EventManager from "./eventManager.mjs";
 import { isImmediatePropagationStopped, isRightClick, isLeftClick } from "./helpers/dom/event.mjs";
 import Walkontable from "./3rdparty/walkontable/src/index.mjs";
@@ -1136,10 +1136,16 @@ class TableView {
   appendColHeader(visualColumnIndex, TH) {
     let label = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.hot.getColHeader;
     let headerLevel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+    const getColumnHeaderClassNames = () => {
+      const metaHeaderClassNames = visualColumnIndex >= 0 ? this.hot.getColumnMeta(visualColumnIndex).headerClassName : null;
+      return metaHeaderClassNames ? metaHeaderClassNames.split(' ') : [];
+    };
     if (TH.firstChild) {
       const container = TH.firstChild;
       if (hasClass(container, 'relative')) {
         this.updateCellHeader(container.querySelector('.colHeader'), visualColumnIndex, label, headerLevel);
+        clearClasses(container);
+        addClass(container, ['relative', ...getColumnHeaderClassNames()]);
       } else {
         empty(TH);
         this.appendColHeader(visualColumnIndex, TH, label, headerLevel);
@@ -1150,8 +1156,7 @@ class TableView {
       } = this.hot;
       const div = rootDocument.createElement('div');
       const span = rootDocument.createElement('span');
-      const metaHeaderClassNames = visualColumnIndex >= 0 ? this.hot.getColumnMeta(visualColumnIndex).headerClassName : null;
-      const classNames = metaHeaderClassNames ? metaHeaderClassNames.split(' ') : [];
+      const classNames = getColumnHeaderClassNames();
       div.classList.add('relative', ...classNames);
       span.className = 'colHeader';
       if (this.settings.ariaTags) {