handsontable 16.2.0 → 17.0.0-rc10

package/themes/engine/builder.mjs

@@ -0,0 +1,246 @@
+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"); }
+import { isObject, deepClone, deepMerge } from "../../helpers/object.mjs";
+import sizing from "../static/variables/sizing.mjs";
+import densitySizes from "../static/variables/density.mjs";
+import { validateParams, validateDensityType, validateColorScheme } from "./utils/validation.mjs";
+import { warn } from "../../helpers/console.mjs";
+import { throwWithCause } from "../../helpers/errors.mjs";
+/**
+ * Config keys that support deep merging when updating theme params.
+ *
+ * @type {string[]}
+ */
+const MERGEABLE_CONFIG_KEYS = ['sizing', 'icons', 'colors', 'tokens'];
+
+/**
+ * Required config keys.
+ *
+ * @type {string[]}
+ */
+const REQUIRED_CONFIG_KEYS = ['name', 'icons', 'colors', 'tokens'];
+
+/**
+ * ThemeBuilder class provides methods to build and configure themes.
+ *
+ * @class ThemeBuilder
+ */
+var _initThemeConfig = /*#__PURE__*/new WeakMap();
+var _themeConfig = /*#__PURE__*/new WeakMap();
+var _listeners = /*#__PURE__*/new WeakMap();
+var _colorScheme = /*#__PURE__*/new WeakMap();
+var _densityType = /*#__PURE__*/new WeakMap();
+var _ThemeBuilder_brand = /*#__PURE__*/new WeakSet();
+class ThemeBuilder {
+  /**
+   * The theme builder constructor.
+   *
+   * @param {object} themeConfig - The theme config object with `name`, `sizing`, `density`, `icons`, `colors`, `tokens`, and `colorScheme` properties.
+   */
+  constructor(themeConfig) {
+    /**
+     * Notifies all listeners about a theme configuration change.
+     *
+     * @private
+     */
+    _classPrivateMethodInitSpec(this, _ThemeBuilder_brand);
+    /**
+     * The initial theme configuration object.
+     *
+     * @private
+     * @type {object}
+     */
+    _classPrivateFieldInitSpec(this, _initThemeConfig, void 0);
+    /**
+     * Theme configuration object.
+     *
+     * @private
+     * @type {object}
+     */
+    _classPrivateFieldInitSpec(this, _themeConfig, void 0);
+    /**
+     * Registered listeners notified when the theme configuration changes.
+     *
+     * @private
+     * @type {Set<Function>}
+     */
+    _classPrivateFieldInitSpec(this, _listeners, new Set());
+    /**
+     * Current color mode ('light', 'dark', or 'auto').
+     *
+     * @private
+     * @default 'auto'
+     * @type {string}
+     */
+    _classPrivateFieldInitSpec(this, _colorScheme, 'auto');
+    /**
+     * Current density type ('compact', 'default', or 'comfortable').
+     *
+     * @private
+     * @default 'default'
+     * @type {string}
+     */
+    _classPrivateFieldInitSpec(this, _densityType, 'default');
+    validateParams(themeConfig, 'themeConfig', {
+      requiredFields: REQUIRED_CONFIG_KEYS
+    });
+    _classPrivateFieldSet(_initThemeConfig, this, {
+      name: undefined,
+      sizing,
+      density: {
+        type: _classPrivateFieldGet(_densityType, this),
+        sizes: densitySizes
+      },
+      icons: {},
+      colors: {},
+      tokens: {},
+      colorScheme: _classPrivateFieldGet(_colorScheme, this)
+    });
+    _assertClassBrand(_ThemeBuilder_brand, this, _setParams).call(this, themeConfig);
+    _classPrivateFieldSet(_initThemeConfig, this, _classPrivateFieldGet(_themeConfig, this));
+  }
+  /**
+   * Subscribes to theme configuration changes.
+   *
+   * @param {Function} listener The callback invoked with the updated theme configuration.
+   * @returns {Function} An unsubscribe function.
+   */
+  subscribe(listener) {
+    if (typeof listener !== 'function') {
+      throwWithCause('[ThemeBuilder] listener must be a function.');
+    }
+    _classPrivateFieldGet(_listeners, this).add(listener);
+    return () => _classPrivateFieldGet(_listeners, this).delete(listener);
+  }
+
+  /**
+   * Sets theme configuration parameters.
+   *
+   * @param {object} paramsObject An object with theme configuration parameters.
+   * @returns {ThemeBuilder} The ThemeBuilder instance for chaining.
+   */
+  params(paramsObject) {
+    validateParams(paramsObject, 'params');
+    _assertClassBrand(_ThemeBuilder_brand, this, _setParams).call(this, paramsObject);
+    _assertClassBrand(_ThemeBuilder_brand, this, _notifyChange).call(this);
+    return this;
+  }
+
+  /**
+   * Sets the color mode (light, dark, or auto).
+   *
+   * @param {string} mode The color mode ('light', 'dark', or 'auto').
+   * @returns {ThemeBuilder} The ThemeBuilder instance for chaining.
+   */
+  setColorScheme(mode) {
+    _classPrivateFieldSet(_colorScheme, this, validateColorScheme(mode));
+    _classPrivateFieldGet(_themeConfig, this).colorScheme = _classPrivateFieldGet(_colorScheme, this);
+    _classPrivateFieldGet(_initThemeConfig, this).colorScheme = _classPrivateFieldGet(_colorScheme, this);
+    _assertClassBrand(_ThemeBuilder_brand, this, _notifyChange).call(this);
+    return this;
+  }
+
+  /**
+   * Sets the density type (compact, default, or comfortable).
+   *
+   * @param {string} type The density type ('compact', 'default', or 'comfortable').
+   * @returns {ThemeBuilder} The ThemeBuilder instance for chaining.
+   */
+  setDensityType(type) {
+    _classPrivateFieldSet(_densityType, this, validateDensityType(type));
+    _classPrivateFieldGet(_themeConfig, this).density.type = _classPrivateFieldGet(_densityType, this);
+    _classPrivateFieldGet(_initThemeConfig, this).density.type = _classPrivateFieldGet(_densityType, this);
+    _assertClassBrand(_ThemeBuilder_brand, this, _notifyChange).call(this);
+    return this;
+  }
+
+  /**
+   * Gets the current theme configuration.
+   *
+   * @returns {ThemeConfig} The theme configuration object.
+   */
+  getThemeConfig() {
+    return _classPrivateFieldGet(_themeConfig, this);
+  }
+}
+
+/**
+ * Creates a new ThemeBuilder instance.
+ *
+ * @param {object} baseTheme The base theme object with theme configuration parameters.
+ * @returns {ThemeBuilder} The ThemeBuilder instance.
+ */
+function _notifyChange() {
+  const config = this.getThemeConfig();
+  _classPrivateFieldGet(_listeners, this).forEach(listener => listener(config));
+}
+/**
+ * Applies density configuration from the params object.
+ *
+ * @private
+ * @param {object} config The config object to modify.
+ * @param {string|object} density The density value from params.
+ */
+function _applyDensityConfig(config, density) {
+  if (isObject(density)) {
+    var _classPrivateFieldGet2;
+    config.density = deepMerge(config.density, density);
+    _classPrivateFieldSet(_densityType, this, density.type);
+    if ((_classPrivateFieldGet2 = _classPrivateFieldGet(_initThemeConfig, this)) !== null && _classPrivateFieldGet2 !== void 0 && _classPrivateFieldGet2.density) {
+      _classPrivateFieldGet(_initThemeConfig, this).density.type = density.type;
+    }
+  } else if (typeof density === 'string') {
+    var _classPrivateFieldGet3;
+    config.density.type = density;
+    _classPrivateFieldSet(_densityType, this, density);
+    if ((_classPrivateFieldGet3 = _classPrivateFieldGet(_initThemeConfig, this)) !== null && _classPrivateFieldGet3 !== void 0 && _classPrivateFieldGet3.density) {
+      _classPrivateFieldGet(_initThemeConfig, this).density.type = density;
+    }
+  }
+}
+/**
+ * Sets the parameters to the theme configuration.
+ *
+ * @private
+ * @param {object} paramsObject The parameters object to set.
+ */
+function _setParams(paramsObject) {
+  const config = deepClone(_classPrivateFieldGet(_initThemeConfig, this));
+  if (paramsObject.name !== undefined) {
+    if (_classPrivateFieldGet(_initThemeConfig, this).name !== undefined) {
+      warn('[ThemeBuilder] The "name" property can only be set during ' + '`registerTheme()` and cannot be updated via `params()`.');
+    } else {
+      config.name = paramsObject.name;
+    }
+  }
+
+  // Apply mergeable config keys
+  MERGEABLE_CONFIG_KEYS.forEach(key => {
+    if (paramsObject[key] !== undefined && isObject(paramsObject[key])) {
+      config[key] = deepMerge(config[key], paramsObject[key]);
+    }
+  });
+
+  // Apply density (special handling for string or object)
+  if (paramsObject.density !== undefined) {
+    _assertClassBrand(_ThemeBuilder_brand, this, _applyDensityConfig).call(this, config, paramsObject.density);
+  }
+
+  // Apply color scheme
+  if (paramsObject.colorScheme !== undefined) {
+    var _classPrivateFieldGet4;
+    config.colorScheme = paramsObject.colorScheme;
+    _classPrivateFieldSet(_colorScheme, this, paramsObject.colorScheme);
+    if ((_classPrivateFieldGet4 = _classPrivateFieldGet(_initThemeConfig, this)) !== null && _classPrivateFieldGet4 !== void 0 && _classPrivateFieldGet4.colorScheme) {
+      _classPrivateFieldGet(_initThemeConfig, this).colorScheme = paramsObject.colorScheme;
+    }
+  }
+  _classPrivateFieldSet(_themeConfig, this, config);
+}
+export function createTheme(baseTheme) {
+  return new ThemeBuilder(baseTheme);
+}

package/themes/engine/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+var _builder = require("./builder");
+exports.createTheme = _builder.createTheme;
+var _manager = require("./manager");
+exports.createThemeManager = _manager.createThemeManager;

package/themes/engine/index.mjs

@@ -0,0 +1,2 @@
+export { createTheme } from "./builder.mjs";
+export { createThemeManager } from "./manager.mjs";

package/themes/engine/manager.js

@@ -0,0 +1,188 @@
+"use strict";
+
+exports.__esModule = true;
+exports.createThemeManager = createThemeManager;
+var _iconsMap = require("../static/variables/helpers/iconsMap");
+var _errors = require("../../helpers/errors");
+var _cssVariables = require("./utils/cssVariables");
+function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
+function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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"); }
+/**
+ * The theme prefix.
+ *
+ * @type {string}
+ */
+const THEME_PREFIX = 'ht-theme-';
+
+/**
+ * ThemeManager class provides methods to manage the theme styles.
+ *
+ * @class ThemeManager
+ */
+var _ThemeManager_brand = /*#__PURE__*/new WeakSet();
+class ThemeManager {
+  /**
+   * The theme manager constructor.
+   *
+   * @param {object} options - The options object.
+   * @param {Handsontable} options.hot - The Handsontable instance.
+   * @param {object} options.themeObject - The theme object.
+   */
+  constructor(_ref) {
+    let {
+      hot,
+      themeObject
+    } = _ref;
+    /**
+     * Injects theme styles into the DOM.
+     */
+    _classPrivateMethodInitSpec(this, _ThemeManager_brand);
+    /**
+     * The Handsontable instance.
+     *
+     * @type {Handsontable}
+     */
+    _defineProperty(this, "hot", void 0);
+    /**
+     * The theme styles element.
+     *
+     * @type {HTMLStyleElement}
+     */
+    _defineProperty(this, "themeStyles", void 0);
+    /**
+     * The theme class name.
+     *
+     * @type {string}
+     */
+    _defineProperty(this, "themeClassName", void 0);
+    /**
+     * The theme config.
+     *
+     * @type {object}
+     */
+    _defineProperty(this, "themeConfig", void 0);
+    this.hot = hot;
+    this.update(themeObject);
+  }
+  /**
+   * Gets the theme class name.
+   *
+   * @returns {string} The theme class name.
+   */
+  getClassName() {
+    return this.themeClassName;
+  }
+
+  /**
+   * Updates the theme manager.
+   *
+   * @param {object} themeObject - The theme object.
+   */
+  update(themeObject) {
+    if (!this.hot) {
+      return;
+    }
+    if (themeObject.getThemeConfig === undefined) {
+      (0, _errors.throwWithCause)('[ThemeManager] The "theme" option must be an instance of ThemeBuilder.');
+    }
+    this.themeConfig = themeObject.getThemeConfig();
+    this.themeClassName = `${THEME_PREFIX}${this.themeConfig.name}`;
+    if (typeof themeObject.subscribe === 'function') {
+      themeObject.subscribe(config => {
+        var _this$hot;
+        if (!((_this$hot = this.hot) !== null && _this$hot !== void 0 && _this$hot.stylesHandler)) {
+          return;
+        }
+        this.themeConfig = config;
+        _assertClassBrand(_ThemeManager_brand, this, _injectThemeStyles).call(this);
+        this.hot.stylesHandler.clearCache();
+        this.hot.render();
+        this.hot.runHooks('afterSetTheme', this.themeClassName, false);
+      });
+    }
+    this.mount();
+    this.hot.runHooks('afterSetTheme', this.themeClassName, true);
+  }
+
+  /**
+   * Mounts the theme manager.
+   */
+  mount() {
+    _assertClassBrand(_ThemeManager_brand, this, _injectThemeStyles).call(this);
+  }
+
+  /**
+   * Unmounts the theme manager.
+   */
+  unmount() {
+    if (this.themeStyles) {
+      this.themeStyles.remove();
+    }
+  }
+
+  /**
+   * Destroys the theme manager.
+   */
+  destroy() {
+    this.unmount();
+    this.hot.themeManager = null;
+  }
+}
+
+/**
+ * Creates a new ThemeManager instance.
+ *
+ * @param {object} options - The options object.
+ * @param {Handsontable} options.hot - The Handsontable instance.
+ * @param {object} options.themeObject - The theme object.
+ * @returns {ThemeManager} The ThemeManager instance.
+ */
+exports.ThemeManager = ThemeManager;
+function _injectThemeStyles() {
+  if (!this.themeConfig || !this.hot || !this.hot.rootDocument || !this.hot.rootWrapperElement) {
+    return;
+  }
+  const colorScheme = this.themeConfig.colorScheme === 'auto' ? 'light dark' : this.themeConfig.colorScheme;
+  if (this.themeStyles) {
+    this.themeStyles.textContent = '';
+  } else {
+    this.themeStyles = this.hot.rootDocument.createElement('style');
+  }
+  this.themeStyles.textContent = `:where(.${this.themeClassName}) {\n`;
+  this.themeStyles.textContent += `color-scheme: ${colorScheme};\n`;
+  if (this.themeConfig.sizing) {
+    this.themeStyles.textContent += (0, _cssVariables.flattenCssVariables)(this.themeConfig.sizing, 'sizing');
+  }
+  if (this.themeConfig.density && this.themeConfig.density.type && this.themeConfig.density.sizes && this.themeConfig.density.sizes[this.themeConfig.density.type]) {
+    this.themeStyles.textContent += (0, _cssVariables.flattenCssVariables)(this.themeConfig.density.sizes[this.themeConfig.density.type], 'density');
+  }
+  if (this.themeConfig.colors) {
+    this.themeStyles.textContent += (0, _cssVariables.flattenCssVariables)(this.themeConfig.colors, 'colors');
+  }
+  if (this.themeConfig.tokens) {
+    this.themeStyles.textContent += (0, _cssVariables.flattenCssVariables)(this.themeConfig.tokens);
+  }
+  if (this.themeConfig.icons) {
+    this.themeStyles.textContent += (0, _iconsMap.iconsMap)(this.themeConfig.icons);
+  }
+  this.themeStyles.textContent += '}';
+  if (this.hot.rootWrapperElement && this.hot.rootWrapperElement.querySelector('style')) {
+    this.hot.rootWrapperElement.querySelector('style').textContent = this.themeStyles.textContent;
+  } else {
+    this.hot.rootWrapperElement.prepend(this.themeStyles);
+  }
+}
+function createThemeManager(_ref2) {
+  let {
+    hot,
+    themeObject
+  } = _ref2;
+  return new ThemeManager({
+    hot,
+    themeObject
+  });
+}

package/themes/engine/manager.mjs

@@ -0,0 +1,183 @@
+function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
+function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 { iconsMap } from "../static/variables/helpers/iconsMap.mjs";
+import { throwWithCause } from "../../helpers/errors.mjs";
+import { flattenCssVariables } from "./utils/cssVariables.mjs";
+/**
+ * The theme prefix.
+ *
+ * @type {string}
+ */
+const THEME_PREFIX = 'ht-theme-';
+
+/**
+ * ThemeManager class provides methods to manage the theme styles.
+ *
+ * @class ThemeManager
+ */
+var _ThemeManager_brand = /*#__PURE__*/new WeakSet();
+export class ThemeManager {
+  /**
+   * The theme manager constructor.
+   *
+   * @param {object} options - The options object.
+   * @param {Handsontable} options.hot - The Handsontable instance.
+   * @param {object} options.themeObject - The theme object.
+   */
+  constructor(_ref) {
+    let {
+      hot,
+      themeObject
+    } = _ref;
+    /**
+     * Injects theme styles into the DOM.
+     */
+    _classPrivateMethodInitSpec(this, _ThemeManager_brand);
+    /**
+     * The Handsontable instance.
+     *
+     * @type {Handsontable}
+     */
+    _defineProperty(this, "hot", void 0);
+    /**
+     * The theme styles element.
+     *
+     * @type {HTMLStyleElement}
+     */
+    _defineProperty(this, "themeStyles", void 0);
+    /**
+     * The theme class name.
+     *
+     * @type {string}
+     */
+    _defineProperty(this, "themeClassName", void 0);
+    /**
+     * The theme config.
+     *
+     * @type {object}
+     */
+    _defineProperty(this, "themeConfig", void 0);
+    this.hot = hot;
+    this.update(themeObject);
+  }
+  /**
+   * Gets the theme class name.
+   *
+   * @returns {string} The theme class name.
+   */
+  getClassName() {
+    return this.themeClassName;
+  }
+
+  /**
+   * Updates the theme manager.
+   *
+   * @param {object} themeObject - The theme object.
+   */
+  update(themeObject) {
+    if (!this.hot) {
+      return;
+    }
+    if (themeObject.getThemeConfig === undefined) {
+      throwWithCause('[ThemeManager] The "theme" option must be an instance of ThemeBuilder.');
+    }
+    this.themeConfig = themeObject.getThemeConfig();
+    this.themeClassName = `${THEME_PREFIX}${this.themeConfig.name}`;
+    if (typeof themeObject.subscribe === 'function') {
+      themeObject.subscribe(config => {
+        var _this$hot;
+        if (!((_this$hot = this.hot) !== null && _this$hot !== void 0 && _this$hot.stylesHandler)) {
+          return;
+        }
+        this.themeConfig = config;
+        _assertClassBrand(_ThemeManager_brand, this, _injectThemeStyles).call(this);
+        this.hot.stylesHandler.clearCache();
+        this.hot.render();
+        this.hot.runHooks('afterSetTheme', this.themeClassName, false);
+      });
+    }
+    this.mount();
+    this.hot.runHooks('afterSetTheme', this.themeClassName, true);
+  }
+
+  /**
+   * Mounts the theme manager.
+   */
+  mount() {
+    _assertClassBrand(_ThemeManager_brand, this, _injectThemeStyles).call(this);
+  }
+
+  /**
+   * Unmounts the theme manager.
+   */
+  unmount() {
+    if (this.themeStyles) {
+      this.themeStyles.remove();
+    }
+  }
+
+  /**
+   * Destroys the theme manager.
+   */
+  destroy() {
+    this.unmount();
+    this.hot.themeManager = null;
+  }
+}
+
+/**
+ * Creates a new ThemeManager instance.
+ *
+ * @param {object} options - The options object.
+ * @param {Handsontable} options.hot - The Handsontable instance.
+ * @param {object} options.themeObject - The theme object.
+ * @returns {ThemeManager} The ThemeManager instance.
+ */
+function _injectThemeStyles() {
+  if (!this.themeConfig || !this.hot || !this.hot.rootDocument || !this.hot.rootWrapperElement) {
+    return;
+  }
+  const colorScheme = this.themeConfig.colorScheme === 'auto' ? 'light dark' : this.themeConfig.colorScheme;
+  if (this.themeStyles) {
+    this.themeStyles.textContent = '';
+  } else {
+    this.themeStyles = this.hot.rootDocument.createElement('style');
+  }
+  this.themeStyles.textContent = `:where(.${this.themeClassName}) {\n`;
+  this.themeStyles.textContent += `color-scheme: ${colorScheme};\n`;
+  if (this.themeConfig.sizing) {
+    this.themeStyles.textContent += flattenCssVariables(this.themeConfig.sizing, 'sizing');
+  }
+  if (this.themeConfig.density && this.themeConfig.density.type && this.themeConfig.density.sizes && this.themeConfig.density.sizes[this.themeConfig.density.type]) {
+    this.themeStyles.textContent += flattenCssVariables(this.themeConfig.density.sizes[this.themeConfig.density.type], 'density');
+  }
+  if (this.themeConfig.colors) {
+    this.themeStyles.textContent += flattenCssVariables(this.themeConfig.colors, 'colors');
+  }
+  if (this.themeConfig.tokens) {
+    this.themeStyles.textContent += flattenCssVariables(this.themeConfig.tokens);
+  }
+  if (this.themeConfig.icons) {
+    this.themeStyles.textContent += iconsMap(this.themeConfig.icons);
+  }
+  this.themeStyles.textContent += '}';
+  if (this.hot.rootWrapperElement && this.hot.rootWrapperElement.querySelector('style')) {
+    this.hot.rootWrapperElement.querySelector('style').textContent = this.themeStyles.textContent;
+  } else {
+    this.hot.rootWrapperElement.prepend(this.themeStyles);
+  }
+}
+export function createThemeManager(_ref2) {
+  let {
+    hot,
+    themeObject
+  } = _ref2;
+  return new ThemeManager({
+    hot,
+    themeObject
+  });
+}