handsontable 0.0.0-next-517ec9c-20240930 → 0.0.0-next-f512acf-20240930

package/base.js

@@ -45,8 +45,8 @@ Handsontable.hooks = _pluginHooks.default.getSingleton();
 Handsontable.CellCoords = _src.CellCoords;
 Handsontable.CellRange = _src.CellRange;
 Handsontable.packageName = 'handsontable';
-Handsontable.buildDate = "30/09/2024 11:07:12";
-Handsontable.version = "0.0.0-next-517ec9c-20240930";
+Handsontable.buildDate = "30/09/2024 12:22:34";
+Handsontable.version = "0.0.0-next-f512acf-20240930";
 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 = "30/09/2024 11:07:18";
-Handsontable.version = "0.0.0-next-517ec9c-20240930";
+Handsontable.buildDate = "30/09/2024 12:22:40";
+Handsontable.version = "0.0.0-next-f512acf-20240930";
 Handsontable.languages = {
   dictionaryKeys,
   getLanguageDictionary,

package/core.js

@@ -43,6 +43,7 @@ var _index3 = require("./core/index");
 var _uniqueMap = require("./utils/dataStructures/uniqueMap");
 var _shortcuts = require("./shortcuts");
 var _shortcutContexts = require("./shortcutContexts");
+var _themes = require("./helpers/themes");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 let activeGuid = null;
 
@@ -229,7 +230,17 @@ function Core(rootElement, userSettings) {
   this.renderCall = false;
   rootElement.insertBefore(this.container, rootElement.firstChild);
   if ((0, _rootInstance.isRootInstance)(this)) {
+    var _rootElement$parentNo;
     (0, _mixed._injectProductInfo)(userSettings.licenseKey, rootElement);
+    const rootThemeClassName = (0, _themes.getThemeClassName)(rootElement.className);
+    if (rootThemeClassName) {
+      tableMeta.themeName = rootThemeClassName;
+    }
+    (0, _element.addClass)(rootElement, tableMeta.themeName);
+    const licenseInfo = (_rootElement$parentNo = rootElement.parentNode) === null || _rootElement$parentNo === void 0 ? void 0 : _rootElement$parentNo.querySelector('.hot-display-license-info');
+    if (licenseInfo) {
+      (0, _element.addClass)(licenseInfo, tableMeta.themeName);
+    }
   }
   this.guid = `ht_${(0, _string.randomString)()}`; // this is the namespace for global events
 

package/core.mjs

@@ -39,6 +39,7 @@ import { installFocusCatcher, createViewportScroller } from "./core/index.mjs";
 import { createUniqueMap } from "./utils/dataStructures/uniqueMap.mjs";
 import { createShortcutManager } from "./shortcuts/index.mjs";
 import { registerAllShortcutContexts } from "./shortcutContexts/index.mjs";
+import { getThemeClassName } from "./helpers/themes.mjs";
 let activeGuid = null;
 
 /**
@@ -224,7 +225,17 @@ export default function Core(rootElement, userSettings) {
   this.renderCall = false;
   rootElement.insertBefore(this.container, rootElement.firstChild);
   if (isRootInstance(this)) {
+    var _rootElement$parentNo;
     _injectProductInfo(userSettings.licenseKey, rootElement);
+    const rootThemeClassName = getThemeClassName(rootElement.className);
+    if (rootThemeClassName) {
+      tableMeta.themeName = rootThemeClassName;
+    }
+    addClass(rootElement, tableMeta.themeName);
+    const licenseInfo = (_rootElement$parentNo = rootElement.parentNode) === null || _rootElement$parentNo === void 0 ? void 0 : _rootElement$parentNo.querySelector('.hot-display-license-info');
+    if (licenseInfo) {
+      addClass(licenseInfo, tableMeta.themeName);
+    }
   }
   this.guid = `ht_${randomString()}`; // this is the namespace for global events
 

package/dataMap/metaManager/metaSchema.js

@@ -4313,6 +4313,23 @@ var _default = () => {
      * ```
      */
     tableClassName: undefined,
+    // TODO: add themeName description
+    /**
+     * The `themeName` option lets you add CSS class names
+     *
+     * @memberof Options#
+     * @type {string|string[]}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // add a `ht-theme-name` CSS class name
+     * // to every Handsontable instance inside the `container` element
+     * themeName: 'ht-theme-name',
+     * ```
+     */
+    themeName: 'ht-theme-main',
     /**
      * The `tabMoves` option configures the action of the <kbd>**Tab**</kbd> key.
      *

package/dataMap/metaManager/metaSchema.mjs

@@ -4310,6 +4310,23 @@ export default (() => {
      * ```
      */
     tableClassName: undefined,
+    // TODO: add themeName description
+    /**
+     * The `themeName` option lets you add CSS class names
+     *
+     * @memberof Options#
+     * @type {string|string[]}
+     * @default undefined
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // add a `ht-theme-name` CSS class name
+     * // to every Handsontable instance inside the `container` element
+     * themeName: 'ht-theme-name',
+     * ```
+     */
+    themeName: 'ht-theme-main',
     /**
      * The `tabMoves` option configures the action of the <kbd>**Tab**</kbd> key.
      *