handsontable 0.0.0-next-627918e-20241025 → 0.0.0-next-7cc7ef7-20241028

package/tableView.js

@@ -587,39 +587,6 @@ class TableView {
     return count;
   }
 
-  /**
-   * Returns the default row height.
-   *
-   * This method retrieves the default row height from the Walkontable styles handler.
-   *
-   * @returns {number} The default row height.
-   */
-  getDefaultRowHeight() {
-    return this._wt.stylesHandler.getDefaultRowHeight();
-  }
-
-  /**
-   * Retrieves the value of a specified CSS variable for the instance's container.
-   *
-   * @param {string} variableName - The name of the CSS variable to retrieve.
-   * @returns {string} The value of the specified CSS variable.
-   */
-  getCSSVariableValue(variableName) {
-    return this._wt.stylesHandler.getCSSVariableValue(variableName);
-  }
-
-  /**
-   * Checks if the classic theme is being used.
-   *
-   * This method verifies if the current theme applied to the Handsontable instance
-   * is the classic theme.
-   *
-   * @returns {boolean} `true` if the classic theme is being used, `false` otherwise.
-   */
-  isUsingClassicTheme() {
-    return this._wt.stylesHandler.isClassicTheme();
-  }
-
   /**
    * Checks if at least one cell than belongs to the main table is not covered by the top, left or
    * bottom overlay.
@@ -639,7 +606,6 @@ class TableView {
    */
   initializeWalkontable() {
     const walkontableConfig = {
-      themeName: this.settings.themeName,
       ariaTags: this.settings.ariaTags,
       rtlMode: this.hot.isRtl(),
       externalRowCalculator: this.hot.getPlugin('autoRowSize') && this.hot.getPlugin('autoRowSize').isEnabled(),

package/tableView.mjs

@@ -583,39 +583,6 @@ class TableView {
     return count;
   }
 
-  /**
-   * Returns the default row height.
-   *
-   * This method retrieves the default row height from the Walkontable styles handler.
-   *
-   * @returns {number} The default row height.
-   */
-  getDefaultRowHeight() {
-    return this._wt.stylesHandler.getDefaultRowHeight();
-  }
-
-  /**
-   * Retrieves the value of a specified CSS variable for the instance's container.
-   *
-   * @param {string} variableName - The name of the CSS variable to retrieve.
-   * @returns {string} The value of the specified CSS variable.
-   */
-  getCSSVariableValue(variableName) {
-    return this._wt.stylesHandler.getCSSVariableValue(variableName);
-  }
-
-  /**
-   * Checks if the classic theme is being used.
-   *
-   * This method verifies if the current theme applied to the Handsontable instance
-   * is the classic theme.
-   *
-   * @returns {boolean} `true` if the classic theme is being used, `false` otherwise.
-   */
-  isUsingClassicTheme() {
-    return this._wt.stylesHandler.isClassicTheme();
-  }
-
   /**
    * Checks if at least one cell than belongs to the main table is not covered by the top, left or
    * bottom overlay.
@@ -635,7 +602,6 @@ class TableView {
    */
   initializeWalkontable() {
     const walkontableConfig = {
-      themeName: this.settings.themeName,
       ariaTags: this.settings.ariaTags,
       rtlMode: this.hot.isRtl(),
       externalRowCalculator: this.hot.getPlugin('autoRowSize') && this.hot.getPlugin('autoRowSize').isEnabled(),

package/utils/autoResize.js

@@ -77,7 +77,6 @@ function createInputElementResizer(ownerDocument) {
    * Resizes the element.
    */
   function resize() {
-    var _getComputedStyle, _getComputedStyle2;
     textHolder.textContent = observedElement.value;
     // Won't expand the element size for displaying body as for example, `grid`, `inline-grid` or `flex` with
     // `flex-direction` set as `column`.
@@ -86,9 +85,7 @@ function createInputElementResizer(ownerDocument) {
     textContainer.style.fontFamily = getComputedStyle(observedElement).fontFamily;
     textContainer.style.whiteSpace = 'pre';
     body.appendChild(textContainer);
-    const paddingStart = parseInt(((_getComputedStyle = getComputedStyle(observedElement)) === null || _getComputedStyle === void 0 ? void 0 : _getComputedStyle.paddingInlineStart) || 0, 10);
-    const paddingEnd = parseInt(((_getComputedStyle2 = getComputedStyle(observedElement)) === null || _getComputedStyle2 === void 0 ? void 0 : _getComputedStyle2.paddingInlineEnd) || 0, 10);
-    const width = textContainer.clientWidth + 2 + paddingStart + paddingEnd;
+    const width = textContainer.clientWidth + 2;
     body.removeChild(textContainer);
     const elementStyle = observedElement.style;
     elementStyle.height = `${defaults.minHeight}px`;

package/utils/autoResize.mjs

@@ -73,7 +73,6 @@ export function createInputElementResizer(ownerDocument) {
    * Resizes the element.
    */
   function resize() {
-    var _getComputedStyle, _getComputedStyle2;
     textHolder.textContent = observedElement.value;
     // Won't expand the element size for displaying body as for example, `grid`, `inline-grid` or `flex` with
     // `flex-direction` set as `column`.
@@ -82,9 +81,7 @@ export function createInputElementResizer(ownerDocument) {
     textContainer.style.fontFamily = getComputedStyle(observedElement).fontFamily;
     textContainer.style.whiteSpace = 'pre';
     body.appendChild(textContainer);
-    const paddingStart = parseInt(((_getComputedStyle = getComputedStyle(observedElement)) === null || _getComputedStyle === void 0 ? void 0 : _getComputedStyle.paddingInlineStart) || 0, 10);
-    const paddingEnd = parseInt(((_getComputedStyle2 = getComputedStyle(observedElement)) === null || _getComputedStyle2 === void 0 ? void 0 : _getComputedStyle2.paddingInlineEnd) || 0, 10);
-    const width = textContainer.clientWidth + 2 + paddingStart + paddingEnd;
+    const width = textContainer.clientWidth + 2;
     body.removeChild(textContainer);
     const elementStyle = observedElement.style;
     elementStyle.height = `${defaults.minHeight}px`;

package/utils/ghostTable.js

@@ -131,7 +131,7 @@ class GhostTable {
     if (this.getSetting('useHeaders') && this.hot.getColHeader(column) !== null) {
       // Please keep in mind that the renderable column index equal to the visual columns index for the GhostTable.
       // We render all columns.
-      this.hot.view.appendColHeader(column, this.table.th, undefined, -1);
+      this.hot.view.appendColHeader(column, this.table.th);
     }
     this.table.tBody.appendChild(this.createCol(column));
     this.container.container.appendChild(this.table.fragment);

package/utils/ghostTable.mjs

@@ -128,7 +128,7 @@ class GhostTable {
     if (this.getSetting('useHeaders') && this.hot.getColHeader(column) !== null) {
       // Please keep in mind that the renderable column index equal to the visual columns index for the GhostTable.
       // We render all columns.
-      this.hot.view.appendColHeader(column, this.table.th, undefined, -1);
+      this.hot.view.appendColHeader(column, this.table.th);
     }
     this.table.tBody.appendChild(this.createCol(column));
     this.container.container.appendChild(this.table.fragment);

package/3rdparty/walkontable/src/utils/stylesHandler.js

@@ -1,179 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-require("core-js/modules/es.error.cause.js");
-function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
-function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
-function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
-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"); }
-const CLASSIC_THEME_DEFAULT_HEIGHT = 23;
-
-/**
- * Handles the theme-related style operations.
- */
-var _rootElement = /*#__PURE__*/new WeakMap();
-var _rootComputedStyle = /*#__PURE__*/new WeakMap();
-var _rootDocument = /*#__PURE__*/new WeakMap();
-var _isClassicTheme = /*#__PURE__*/new WeakMap();
-var _cssVars = /*#__PURE__*/new WeakMap();
-var _computedStyles = /*#__PURE__*/new WeakMap();
-var _StylesHandler_brand = /*#__PURE__*/new WeakSet();
-class StylesHandler {
-  /**
-   * Initializes a new instance of the `StylesHandler` class.
-   *
-   * @param {string} themeName - The name of the theme.
-   * @param {object} domBindings - The DOM bindings for the instance.
-   */
-  constructor(themeName, domBindings) {
-    /**
-     * Retrieves and processes the computed styles for a `td` element.
-     *
-     * This method creates a temporary table structure, appends it to the root element,
-     * retrieves the computed styles for the `td` element, and then removes the table
-     * from the DOM. The computed styles are passed to the provided callback function.
-     *
-     * @param {Array} cssProps - An array of CSS properties to retrieve.
-     * @returns {object} An object containing the requested computed styles for the `td` element.
-     * @private
-     */
-    _classPrivateMethodInitSpec(this, _StylesHandler_brand);
-    /**
-     * The instance's root element.
-     *
-     * @type {HTMLElement}
-     */
-    _classPrivateFieldInitSpec(this, _rootElement, void 0);
-    /**
-     * The computed style of the root element.
-     *
-     * @type {CSSStyleDeclaration}
-     * @private
-     */
-    _classPrivateFieldInitSpec(this, _rootComputedStyle, void 0);
-    /**
-     * The root document of the instance.
-     *
-     * @type {Document}
-     * @private
-     */
-    _classPrivateFieldInitSpec(this, _rootDocument, void 0);
-    /**
-     * `true` if the classic theme is enabled, `false` otherwise.
-     *
-     * @type {boolean}
-     */
-    _classPrivateFieldInitSpec(this, _isClassicTheme, false);
-    /**
-     * An object to store CSS variable values.
-     *
-     * @type {object}
-     * @private
-     */
-    _classPrivateFieldInitSpec(this, _cssVars, {});
-    /**
-     * Stores the computed styles for various elements.
-     *
-     * @type {object} - An object containing the computed styles if a nested structore of `element: { [element type]: {property: value} }`.
-     * @private
-     */
-    _classPrivateFieldInitSpec(this, _computedStyles, {});
-    _classPrivateFieldSet(_rootElement, this, domBindings.rootTable.parentElement);
-    _classPrivateFieldSet(_rootComputedStyle, this, getComputedStyle(_classPrivateFieldGet(_rootElement, this)));
-    _classPrivateFieldSet(_rootDocument, this, domBindings.rootDocument);
-    if (!themeName) {
-      _classPrivateFieldSet(_isClassicTheme, this, true);
-    }
-    const stylesForTD = _assertClassBrand(_StylesHandler_brand, this, _getStylesForTD).call(this, ['box-sizing']);
-    _classPrivateFieldGet(_computedStyles, this).td = {
-      ..._classPrivateFieldGet(_computedStyles, this).td,
-      ...{
-        'box-sizing': stylesForTD['box-sizing']
-      }
-    };
-  }
-
-  /**
-   * Gets the value indicating whether the classic theme is enabled.
-   *
-   * @returns {boolean} `true` if the classic theme is enabled, `false` otherwise.
-   */
-  isClassicTheme() {
-    return _classPrivateFieldGet(_isClassicTheme, this);
-  }
-
-  /**
-   * Retrieves the value of a specified CSS variable.
-   *
-   * @param {string} variableName - The name of the CSS variable to retrieve.
-   * @returns {number|undefined} The value of the specified CSS variable, or `undefined` if not found.
-   */
-  getCSSVariableValue(variableName) {
-    if (_classPrivateFieldGet(_cssVars, this)[`--ht-${variableName}`]) {
-      return _classPrivateFieldGet(_cssVars, this)[`--ht-${variableName}`];
-    }
-    const acquiredValue = _assertClassBrand(_StylesHandler_brand, this, _getParsedCSSValue).call(this, `--ht-${variableName}`);
-    if (acquiredValue !== null) {
-      _classPrivateFieldGet(_cssVars, this)[`--ht-${variableName}`] = acquiredValue;
-      return acquiredValue;
-    }
-  }
-
-  /**
-   * Retrieves the computed style value for a specified CSS property of a `td` element.
-   *
-   * @param {string} cssProperty - The CSS property to retrieve the value for.
-   * @returns {number|string|undefined} The value of the specified CSS property, or `undefined` if not found.
-   */
-  getStyleForTD(cssProperty) {
-    var _classPrivateFieldGet2;
-    return (_classPrivateFieldGet2 = _classPrivateFieldGet(_computedStyles, this)) === null || _classPrivateFieldGet2 === void 0 ? void 0 : _classPrivateFieldGet2.td[cssProperty];
-  }
-
-  /**
-   * Calculates the row height based on the current theme and CSS variables.
-   *
-   * @returns {number} The calculated row height.
-   */
-  getDefaultRowHeight() {
-    if (_classPrivateFieldGet(_isClassicTheme, this)) {
-      return CLASSIC_THEME_DEFAULT_HEIGHT;
-    }
-    return this.getCSSVariableValue('row-height');
-  }
-}
-exports.StylesHandler = StylesHandler;
-function _getStylesForTD(cssProps) {
-  const rootDocument = _classPrivateFieldGet(_rootDocument, this);
-  const rootElement = _classPrivateFieldGet(_rootElement, this);
-  const table = rootDocument.createElement('table');
-  const tbody = rootDocument.createElement('tbody');
-  const tr = rootDocument.createElement('tr');
-  // This needs not to be the first row in order to get "regular" vaules.
-  const tr2 = rootDocument.createElement('tr');
-  const td = rootDocument.createElement('td');
-  tr2.appendChild(td);
-  tbody.appendChild(tr);
-  tbody.appendChild(tr2);
-  table.appendChild(tbody);
-  rootElement.appendChild(table);
-  const computedStyle = getComputedStyle(td);
-  const returnObject = {};
-  cssProps.forEach(prop => {
-    returnObject[prop] = computedStyle.getPropertyValue(prop);
-  });
-  rootElement.removeChild(table);
-  return returnObject;
-}
-/**
- * Parses the value of a specified CSS property from the root element's computed style.
- *
- * @param {string} property - The CSS property to retrieve and parse.
- * @returns {number|null} The parsed value of the CSS property.
- */
-function _getParsedCSSValue(property) {
-  const parsedValue = parseInt(_classPrivateFieldGet(_rootComputedStyle, this).getPropertyValue(property), 10);
-  return Number.isNaN(parsedValue) ? null : parsedValue;
-}

package/3rdparty/walkontable/src/utils/stylesHandler.mjs

@@ -1,175 +0,0 @@
-import "core-js/modules/es.error.cause.js";
-function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
-function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
-function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
-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"); }
-const CLASSIC_THEME_DEFAULT_HEIGHT = 23;
-
-/**
- * Handles the theme-related style operations.
- */
-var _rootElement = /*#__PURE__*/new WeakMap();
-var _rootComputedStyle = /*#__PURE__*/new WeakMap();
-var _rootDocument = /*#__PURE__*/new WeakMap();
-var _isClassicTheme = /*#__PURE__*/new WeakMap();
-var _cssVars = /*#__PURE__*/new WeakMap();
-var _computedStyles = /*#__PURE__*/new WeakMap();
-var _StylesHandler_brand = /*#__PURE__*/new WeakSet();
-export class StylesHandler {
-  /**
-   * Initializes a new instance of the `StylesHandler` class.
-   *
-   * @param {string} themeName - The name of the theme.
-   * @param {object} domBindings - The DOM bindings for the instance.
-   */
-  constructor(themeName, domBindings) {
-    /**
-     * Retrieves and processes the computed styles for a `td` element.
-     *
-     * This method creates a temporary table structure, appends it to the root element,
-     * retrieves the computed styles for the `td` element, and then removes the table
-     * from the DOM. The computed styles are passed to the provided callback function.
-     *
-     * @param {Array} cssProps - An array of CSS properties to retrieve.
-     * @returns {object} An object containing the requested computed styles for the `td` element.
-     * @private
-     */
-    _classPrivateMethodInitSpec(this, _StylesHandler_brand);
-    /**
-     * The instance's root element.
-     *
-     * @type {HTMLElement}
-     */
-    _classPrivateFieldInitSpec(this, _rootElement, void 0);
-    /**
-     * The computed style of the root element.
-     *
-     * @type {CSSStyleDeclaration}
-     * @private
-     */
-    _classPrivateFieldInitSpec(this, _rootComputedStyle, void 0);
-    /**
-     * The root document of the instance.
-     *
-     * @type {Document}
-     * @private
-     */
-    _classPrivateFieldInitSpec(this, _rootDocument, void 0);
-    /**
-     * `true` if the classic theme is enabled, `false` otherwise.
-     *
-     * @type {boolean}
-     */
-    _classPrivateFieldInitSpec(this, _isClassicTheme, false);
-    /**
-     * An object to store CSS variable values.
-     *
-     * @type {object}
-     * @private
-     */
-    _classPrivateFieldInitSpec(this, _cssVars, {});
-    /**
-     * Stores the computed styles for various elements.
-     *
-     * @type {object} - An object containing the computed styles if a nested structore of `element: { [element type]: {property: value} }`.
-     * @private
-     */
-    _classPrivateFieldInitSpec(this, _computedStyles, {});
-    _classPrivateFieldSet(_rootElement, this, domBindings.rootTable.parentElement);
-    _classPrivateFieldSet(_rootComputedStyle, this, getComputedStyle(_classPrivateFieldGet(_rootElement, this)));
-    _classPrivateFieldSet(_rootDocument, this, domBindings.rootDocument);
-    if (!themeName) {
-      _classPrivateFieldSet(_isClassicTheme, this, true);
-    }
-    const stylesForTD = _assertClassBrand(_StylesHandler_brand, this, _getStylesForTD).call(this, ['box-sizing']);
-    _classPrivateFieldGet(_computedStyles, this).td = {
-      ..._classPrivateFieldGet(_computedStyles, this).td,
-      ...{
-        'box-sizing': stylesForTD['box-sizing']
-      }
-    };
-  }
-
-  /**
-   * Gets the value indicating whether the classic theme is enabled.
-   *
-   * @returns {boolean} `true` if the classic theme is enabled, `false` otherwise.
-   */
-  isClassicTheme() {
-    return _classPrivateFieldGet(_isClassicTheme, this);
-  }
-
-  /**
-   * Retrieves the value of a specified CSS variable.
-   *
-   * @param {string} variableName - The name of the CSS variable to retrieve.
-   * @returns {number|undefined} The value of the specified CSS variable, or `undefined` if not found.
-   */
-  getCSSVariableValue(variableName) {
-    if (_classPrivateFieldGet(_cssVars, this)[`--ht-${variableName}`]) {
-      return _classPrivateFieldGet(_cssVars, this)[`--ht-${variableName}`];
-    }
-    const acquiredValue = _assertClassBrand(_StylesHandler_brand, this, _getParsedCSSValue).call(this, `--ht-${variableName}`);
-    if (acquiredValue !== null) {
-      _classPrivateFieldGet(_cssVars, this)[`--ht-${variableName}`] = acquiredValue;
-      return acquiredValue;
-    }
-  }
-
-  /**
-   * Retrieves the computed style value for a specified CSS property of a `td` element.
-   *
-   * @param {string} cssProperty - The CSS property to retrieve the value for.
-   * @returns {number|string|undefined} The value of the specified CSS property, or `undefined` if not found.
-   */
-  getStyleForTD(cssProperty) {
-    var _classPrivateFieldGet2;
-    return (_classPrivateFieldGet2 = _classPrivateFieldGet(_computedStyles, this)) === null || _classPrivateFieldGet2 === void 0 ? void 0 : _classPrivateFieldGet2.td[cssProperty];
-  }
-
-  /**
-   * Calculates the row height based on the current theme and CSS variables.
-   *
-   * @returns {number} The calculated row height.
-   */
-  getDefaultRowHeight() {
-    if (_classPrivateFieldGet(_isClassicTheme, this)) {
-      return CLASSIC_THEME_DEFAULT_HEIGHT;
-    }
-    return this.getCSSVariableValue('row-height');
-  }
-}
-function _getStylesForTD(cssProps) {
-  const rootDocument = _classPrivateFieldGet(_rootDocument, this);
-  const rootElement = _classPrivateFieldGet(_rootElement, this);
-  const table = rootDocument.createElement('table');
-  const tbody = rootDocument.createElement('tbody');
-  const tr = rootDocument.createElement('tr');
-  // This needs not to be the first row in order to get "regular" vaules.
-  const tr2 = rootDocument.createElement('tr');
-  const td = rootDocument.createElement('td');
-  tr2.appendChild(td);
-  tbody.appendChild(tr);
-  tbody.appendChild(tr2);
-  table.appendChild(tbody);
-  rootElement.appendChild(table);
-  const computedStyle = getComputedStyle(td);
-  const returnObject = {};
-  cssProps.forEach(prop => {
-    returnObject[prop] = computedStyle.getPropertyValue(prop);
-  });
-  rootElement.removeChild(table);
-  return returnObject;
-}
-/**
- * Parses the value of a specified CSS property from the root element's computed style.
- *
- * @param {string} property - The CSS property to retrieve and parse.
- * @returns {number|null} The parsed value of the CSS property.
- */
-function _getParsedCSSValue(property) {
-  const parsedValue = parseInt(_classPrivateFieldGet(_rootComputedStyle, this).getPropertyValue(property), 10);
-  return Number.isNaN(parsedValue) ? null : parsedValue;
-}

package/helpers/themes.js

@@ -1,17 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getThemeClassName = getThemeClassName;
-/**
- * Get theme class name from rootElement class.
- *
- * @param {string} className Class names.
- * @returns {string}
- */
-function getThemeClassName(className) {
-  if (!className || typeof className !== 'string') {
-    return false;
-  }
-  const [match] = className.match(/ht-theme-[a-zA-Z0-9_-]+/) || [];
-  return match;
-}

package/helpers/themes.mjs

@@ -1,13 +0,0 @@
-/**
- * Get theme class name from rootElement class.
- *
- * @param {string} className Class names.
- * @returns {string}
- */
-export function getThemeClassName(className) {
-  if (!className || typeof className !== 'string') {
-    return false;
-  }
-  const [match] = className.match(/ht-theme-[a-zA-Z0-9_-]+/) || [];
-  return match;
-}