@tsparticles/plugin-themes 4.0.0-alpha.8 → 4.0.0-beta.0

package/306.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_plugin_themes=this.webpackChunk_tsparticles_plugin_themes||[]).push([[306],{306(e,t,a){a.d(t,{ThemesPluginInstance:()=>n});var h=a(303);class n{_container;constructor(e){this._container=e}init(){let e=this._container;e.themeMatchMedia=(0,h.safeMatchMedia)("(prefers-color-scheme: dark)");let t=async t=>{e.destroyed||(e.currentTheme=t,await e.refresh())};return e.themeHandlers={themeChange:e=>{this._handleThemeChange(e)},oldThemeChange:e=>{this._handleThemeChange(e)}},e.manageMediaMatch=t=>{let a=e.themeHandlers;!a||e.themeMatchMedia&&(0,h.manageListener)(e.themeMatchMedia,"change",a.themeChange,t)},e.loadTheme=t,Promise.resolve()}manageListeners(e){let t=this._container;t.manageMediaMatch?.(e)}async start(){return this.manageListeners(!0),Promise.resolve()}stop(){this.manageListeners(!1)}updateActualOptions(){let e=this._container;return e.actualOptions.setTheme?.(e.currentTheme),!1}_handleThemeChange=e=>{let t=this._container,a=t.options,h=a.defaultThemes,n=e.matches?h.dark:h.light,s=a.themes?.find(e=>e.name===n);s?.default.auto&&t.loadTheme?.(n)}}}}]);

package/366.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_plugin_themes=this.webpackChunk_tsparticles_plugin_themes||[]).push([[366],{366(e,t,s){s.d(t,{ThemesPlugin:()=>h});var a,i,l=s(303);(a=i||(i={})).any="any",a.dark="dark",a.light="light";class n{auto;mode;value;constructor(){this.auto=!1,this.mode=i.any,this.value=!1}load(e){(0,l.isNull)(e)||(void 0!==e.auto&&(this.auto=e.auto),void 0!==e.mode&&(this.mode=e.mode),void 0!==e.value&&(this.value=e.value))}}class d{default;name;options;constructor(){this.name="",this.default=new n}load(e){(0,l.isNull)(e)||(void 0!==e.name&&(this.name=e.name),this.default.load(e.default),void 0!==e.options&&(this.options=(0,l.deepExtend)({},e.options)))}}class h{id="theme";async getPlugin(e){let{ThemesPluginInstance:t}=await s.e(306).then(s.bind(s,306));return new t(e)}loadOptions(e,t,s){if(!this.needsPlugin(t)&&!this.needsPlugin(s))return;let a=e=>{if(t.themes)return t.themes.find(t=>t.default.value&&t.default.mode===e)??t.themes.find(e=>e.default.value&&e.default.mode===i.any)};if(t.findDefaultTheme=a,t.setTheme=e=>{if(t.themes)if(e){let s=t.themes.find(t=>t.name===e);s&&t.load(s.options)}else{let e=(0,l.safeMatchMedia)("(prefers-color-scheme: dark)"),s=a(e?.matches?i.dark:i.light);s&&t.load(s.options)}},t.themes??=[],s?.themes!==void 0)for(let e of s.themes){if(!e)continue;let s=t.themes.find(t=>t.name===e.name);if(s)s.load(e);else{let s=new d;s.load(e),t.themes.push(s)}}t.defaultThemes.dark=a(i.dark)?.name,t.defaultThemes.light=a(i.light)?.name}needsPlugin(e){return!!e?.themes?.length}}}}]);

package/browser/Options/Classes/Theme.js

@@ -1,6 +1,9 @@
 import { deepExtend, isNull, } from "@tsparticles/engine";
 import { ThemeDefault } from "./ThemeDefault.js";
 export class Theme {
+    default;
+    name;
+    options;
     constructor() {
         this.name = "";
         this.default = new ThemeDefault();

package/browser/Options/Classes/ThemeDefault.js

@@ -1,6 +1,9 @@
 import { isNull } from "@tsparticles/engine";
 import { ThemeMode } from "../../ThemeMode.js";
 export class ThemeDefault {
+    auto;
+    mode;
+    value;
     constructor() {
         this.auto = false;
         this.mode = ThemeMode.any;

package/browser/ThemesPlugin.js

@@ -2,9 +2,7 @@ import { safeMatchMedia, } from "@tsparticles/engine";
 import { Theme } from "./Options/Classes/Theme.js";
 import { ThemeMode } from "./ThemeMode.js";
 export class ThemesPlugin {
-    constructor() {
-        this.id = "theme";
-    }
+    id = "theme";
     async getPlugin(container) {
         const { ThemesPluginInstance } = await import("./ThemesPluginInstance.js");
         return new ThemesPluginInstance(container);

package/browser/ThemesPluginInstance.js

@@ -1,15 +1,10 @@
 import { manageListener, safeMatchMedia } from "@tsparticles/engine";
 export class ThemesPluginInstance {
+    _container;
     constructor(container) {
-        this._handleThemeChange = (e) => {
-            const mediaEvent = e, container = this._container, options = container.options, defaultThemes = options.defaultThemes, themeName = mediaEvent.matches ? defaultThemes.dark : defaultThemes.light, theme = options.themes?.find(theme => theme.name === themeName);
-            if (theme?.default.auto) {
-                void container.loadTheme?.(themeName);
-            }
-        };
         this._container = container;
     }
-    async init() {
+    init() {
         const container = this._container;
         container.themeMatchMedia = safeMatchMedia("(prefers-color-scheme: dark)");
         const loadTheme = async (name) => {
@@ -38,7 +33,7 @@ export class ThemesPluginInstance {
             manageListener(container.themeMatchMedia, "change", handlers.themeChange, add);
         };
         container.loadTheme = loadTheme;
-        await Promise.resolve();
+        return Promise.resolve();
     }
     manageListeners(add) {
         const container = this._container;
@@ -46,7 +41,7 @@ export class ThemesPluginInstance {
     }
     async start() {
         this.manageListeners(true);
-        await Promise.resolve();
+        return Promise.resolve();
     }
     stop() {
         this.manageListeners(false);
@@ -56,4 +51,10 @@ export class ThemesPluginInstance {
         container.actualOptions.setTheme?.(container.currentTheme);
         return false;
     }
+    _handleThemeChange = (e) => {
+        const mediaEvent = e, container = this._container, options = container.options, defaultThemes = options.defaultThemes, themeName = mediaEvent.matches ? defaultThemes.dark : defaultThemes.light, theme = options.themes?.find(theme => theme.name === themeName);
+        if (theme?.default.auto) {
+            void container.loadTheme?.(themeName);
+        }
+    };
 }

package/browser/index.js

@@ -1,5 +1,5 @@
 export async function loadThemesPlugin(engine) {
-    engine.checkVersion("4.0.0-alpha.8");
+    engine.checkVersion("4.0.0-beta.0");
     await engine.register(async (e) => {
         const { ThemesPlugin } = await import("./ThemesPlugin.js");
         e.addPlugin(new ThemesPlugin());

package/cjs/Options/Classes/Theme.js

@@ -1,6 +1,9 @@
 import { deepExtend, isNull, } from "@tsparticles/engine";
 import { ThemeDefault } from "./ThemeDefault.js";
 export class Theme {
+    default;
+    name;
+    options;
     constructor() {
         this.name = "";
         this.default = new ThemeDefault();

package/cjs/Options/Classes/ThemeDefault.js

@@ -1,6 +1,9 @@
 import { isNull } from "@tsparticles/engine";
 import { ThemeMode } from "../../ThemeMode.js";
 export class ThemeDefault {
+    auto;
+    mode;
+    value;
     constructor() {
         this.auto = false;
         this.mode = ThemeMode.any;

package/cjs/ThemesPlugin.js

@@ -2,9 +2,7 @@ import { safeMatchMedia, } from "@tsparticles/engine";
 import { Theme } from "./Options/Classes/Theme.js";
 import { ThemeMode } from "./ThemeMode.js";
 export class ThemesPlugin {
-    constructor() {
-        this.id = "theme";
-    }
+    id = "theme";
     async getPlugin(container) {
         const { ThemesPluginInstance } = await import("./ThemesPluginInstance.js");
         return new ThemesPluginInstance(container);

package/cjs/ThemesPluginInstance.js

@@ -1,15 +1,10 @@
 import { manageListener, safeMatchMedia } from "@tsparticles/engine";
 export class ThemesPluginInstance {
+    _container;
     constructor(container) {
-        this._handleThemeChange = (e) => {
-            const mediaEvent = e, container = this._container, options = container.options, defaultThemes = options.defaultThemes, themeName = mediaEvent.matches ? defaultThemes.dark : defaultThemes.light, theme = options.themes?.find(theme => theme.name === themeName);
-            if (theme?.default.auto) {
-                void container.loadTheme?.(themeName);
-            }
-        };
         this._container = container;
     }
-    async init() {
+    init() {
         const container = this._container;
         container.themeMatchMedia = safeMatchMedia("(prefers-color-scheme: dark)");
         const loadTheme = async (name) => {
@@ -38,7 +33,7 @@ export class ThemesPluginInstance {
             manageListener(container.themeMatchMedia, "change", handlers.themeChange, add);
         };
         container.loadTheme = loadTheme;
-        await Promise.resolve();
+        return Promise.resolve();
     }
     manageListeners(add) {
         const container = this._container;
@@ -46,7 +41,7 @@ export class ThemesPluginInstance {
     }
     async start() {
         this.manageListeners(true);
-        await Promise.resolve();
+        return Promise.resolve();
     }
     stop() {
         this.manageListeners(false);
@@ -56,4 +51,10 @@ export class ThemesPluginInstance {
         container.actualOptions.setTheme?.(container.currentTheme);
         return false;
     }
+    _handleThemeChange = (e) => {
+        const mediaEvent = e, container = this._container, options = container.options, defaultThemes = options.defaultThemes, themeName = mediaEvent.matches ? defaultThemes.dark : defaultThemes.light, theme = options.themes?.find(theme => theme.name === themeName);
+        if (theme?.default.auto) {
+            void container.loadTheme?.(themeName);
+        }
+    };
 }

package/cjs/index.js

@@ -1,5 +1,5 @@
 export async function loadThemesPlugin(engine) {
-    engine.checkVersion("4.0.0-alpha.8");
+    engine.checkVersion("4.0.0-beta.0");
     await engine.register(async (e) => {
         const { ThemesPlugin } = await import("./ThemesPlugin.js");
         e.addPlugin(new ThemesPlugin());

package/dist_browser_ThemesPluginInstance_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.0
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \**********************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ThemesPluginInstance: () => (/* binding */ ThemesPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass ThemesPluginInstance {\n  constructor(container) {\n    this._handleThemeChange = e => {\n      const mediaEvent = e,\n        container = this._container,\n        options = container.options,\n        defaultThemes = options.defaultThemes,\n        themeName = mediaEvent.matches ? defaultThemes.dark : defaultThemes.light,\n        theme = options.themes?.find(theme => theme.name === themeName);\n      if (theme?.default.auto) {\n        void container.loadTheme?.(themeName);\n      }\n    };\n    this._container = container;\n  }\n  async init() {\n    const container = this._container;\n    container.themeMatchMedia = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeMatchMedia)(\"(prefers-color-scheme: dark)\");\n    const loadTheme = async name => {\n      if (container.destroyed) {\n        return;\n      }\n      container.currentTheme = name;\n      await container.refresh();\n    };\n    container.themeHandlers = {\n      themeChange: e => {\n        this._handleThemeChange(e);\n      },\n      oldThemeChange: e => {\n        this._handleThemeChange(e);\n      }\n    };\n    container.manageMediaMatch = add => {\n      const handlers = container.themeHandlers;\n      if (!handlers) {\n        return;\n      }\n      if (!container.themeMatchMedia) {\n        return;\n      }\n      (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(container.themeMatchMedia, \"change\", handlers.themeChange, add);\n    };\n    container.loadTheme = loadTheme;\n    await Promise.resolve();\n  }\n  manageListeners(add) {\n    const container = this._container;\n    container.manageMediaMatch?.(add);\n  }\n  async start() {\n    this.manageListeners(true);\n    await Promise.resolve();\n  }\n  stop() {\n    this.manageListeners(false);\n  }\n  updateActualOptions() {\n    const container = this._container;\n    container.actualOptions.setTheme?.(container.currentTheme);\n    return false;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-themes/./dist/browser/ThemesPluginInstance.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ThemesPluginInstance: () => (/* binding */ ThemesPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass ThemesPluginInstance {\n    _container;\n    constructor(container){\n        this._container = container;\n    }\n    init() {\n        const container = this._container;\n        container.themeMatchMedia = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeMatchMedia)(\"(prefers-color-scheme: dark)\");\n        const loadTheme = async (name)=>{\n            if (container.destroyed) {\n                return;\n            }\n            container.currentTheme = name;\n            await container.refresh();\n        };\n        container.themeHandlers = {\n            themeChange: (e)=>{\n                this._handleThemeChange(e);\n            },\n            oldThemeChange: (e)=>{\n                this._handleThemeChange(e);\n            }\n        };\n        container.manageMediaMatch = (add)=>{\n            const handlers = container.themeHandlers;\n            if (!handlers) {\n                return;\n            }\n            if (!container.themeMatchMedia) {\n                return;\n            }\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(container.themeMatchMedia, \"change\", handlers.themeChange, add);\n        };\n        container.loadTheme = loadTheme;\n        return Promise.resolve();\n    }\n    manageListeners(add) {\n        const container = this._container;\n        container.manageMediaMatch?.(add);\n    }\n    async start() {\n        this.manageListeners(true);\n        return Promise.resolve();\n    }\n    stop() {\n        this.manageListeners(false);\n    }\n    updateActualOptions() {\n        const container = this._container;\n        container.actualOptions.setTheme?.(container.currentTheme);\n        return false;\n    }\n    _handleThemeChange = (e)=>{\n        const mediaEvent = e, container = this._container, options = container.options, defaultThemes = options.defaultThemes, themeName = mediaEvent.matches ? defaultThemes.dark : defaultThemes.light, theme = options.themes?.find((theme)=>theme.name === themeName);\n        if (theme?.default.auto) {\n            void container.loadTheme?.(themeName);\n        }\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-themes/./dist/browser/ThemesPluginInstance.js?\n}");
 
 /***/ }
 

package/dist_browser_ThemesPlugin_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.0
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \***********************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Theme: () => (/* binding */ Theme)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _ThemeDefault_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ThemeDefault.js */ \"./dist/browser/Options/Classes/ThemeDefault.js\");\n\n\nclass Theme {\n  constructor() {\n    this.name = \"\";\n    this.default = new _ThemeDefault_js__WEBPACK_IMPORTED_MODULE_1__.ThemeDefault();\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.name !== undefined) {\n      this.name = data.name;\n    }\n    this.default.load(data.default);\n    if (data.options !== undefined) {\n      this.options = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, data.options);\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-themes/./dist/browser/Options/Classes/Theme.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Theme: () => (/* binding */ Theme)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _ThemeDefault_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ThemeDefault.js */ \"./dist/browser/Options/Classes/ThemeDefault.js\");\n\n\nclass Theme {\n    default;\n    name;\n    options;\n    constructor(){\n        this.name = \"\";\n        this.default = new _ThemeDefault_js__WEBPACK_IMPORTED_MODULE_1__.ThemeDefault();\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.name !== undefined) {\n            this.name = data.name;\n        }\n        this.default.load(data.default);\n        if (data.options !== undefined) {\n            this.options = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, data.options);\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-themes/./dist/browser/Options/Classes/Theme.js?\n}");
 
 /***/ },
 
@@ -33,7 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \******************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ThemeDefault: () => (/* binding */ ThemeDefault)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _ThemeMode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../ThemeMode.js */ \"./dist/browser/ThemeMode.js\");\n\n\nclass ThemeDefault {\n  constructor() {\n    this.auto = false;\n    this.mode = _ThemeMode_js__WEBPACK_IMPORTED_MODULE_1__.ThemeMode.any;\n    this.value = false;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.auto !== undefined) {\n      this.auto = data.auto;\n    }\n    if (data.mode !== undefined) {\n      this.mode = data.mode;\n    }\n    if (data.value !== undefined) {\n      this.value = data.value;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-themes/./dist/browser/Options/Classes/ThemeDefault.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ThemeDefault: () => (/* binding */ ThemeDefault)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _ThemeMode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../ThemeMode.js */ \"./dist/browser/ThemeMode.js\");\n\n\nclass ThemeDefault {\n    auto;\n    mode;\n    value;\n    constructor(){\n        this.auto = false;\n        this.mode = _ThemeMode_js__WEBPACK_IMPORTED_MODULE_1__.ThemeMode.any;\n        this.value = false;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.auto !== undefined) {\n            this.auto = data.auto;\n        }\n        if (data.mode !== undefined) {\n            this.mode = data.mode;\n        }\n        if (data.value !== undefined) {\n            this.value = data.value;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-themes/./dist/browser/Options/Classes/ThemeDefault.js?\n}");
 
 /***/ },
 
@@ -43,7 +43,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \***********************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ThemeMode: () => (/* binding */ ThemeMode)\n/* harmony export */ });\nvar ThemeMode;\n(function (ThemeMode) {\n  ThemeMode[\"any\"] = \"any\";\n  ThemeMode[\"dark\"] = \"dark\";\n  ThemeMode[\"light\"] = \"light\";\n})(ThemeMode || (ThemeMode = {}));\n\n//# sourceURL=webpack://@tsparticles/plugin-themes/./dist/browser/ThemeMode.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ThemeMode: () => (/* binding */ ThemeMode)\n/* harmony export */ });\nvar ThemeMode;\n(function(ThemeMode) {\n    ThemeMode[\"any\"] = \"any\";\n    ThemeMode[\"dark\"] = \"dark\";\n    ThemeMode[\"light\"] = \"light\";\n})(ThemeMode || (ThemeMode = {}));\n\n\n//# sourceURL=webpack://@tsparticles/plugin-themes/./dist/browser/ThemeMode.js?\n}");
 
 /***/ },
 
@@ -53,7 +53,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \**************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ThemesPlugin: () => (/* binding */ ThemesPlugin)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Options_Classes_Theme_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Theme.js */ \"./dist/browser/Options/Classes/Theme.js\");\n/* harmony import */ var _ThemeMode_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ThemeMode.js */ \"./dist/browser/ThemeMode.js\");\n\n\n\nclass ThemesPlugin {\n  constructor() {\n    this.id = \"theme\";\n  }\n  async getPlugin(container) {\n    const {\n      ThemesPluginInstance\n    } = await __webpack_require__.e(/*! import() */ \"dist_browser_ThemesPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ThemesPluginInstance.js */ \"./dist/browser/ThemesPluginInstance.js\"));\n    return new ThemesPluginInstance(container);\n  }\n  loadOptions(_container, options, source) {\n    if (!this.needsPlugin(options) && !this.needsPlugin(source)) {\n      return;\n    }\n    const findDefaultTheme = mode => {\n        if (!options.themes) {\n          return;\n        }\n        return options.themes.find(theme => theme.default.value && theme.default.mode === mode) ?? options.themes.find(theme => theme.default.value && theme.default.mode === _ThemeMode_js__WEBPACK_IMPORTED_MODULE_2__.ThemeMode.any);\n      },\n      setTheme = name => {\n        if (!options.themes) {\n          return;\n        }\n        if (name) {\n          const chosenTheme = options.themes.find(theme => theme.name === name);\n          if (chosenTheme) {\n            options.load(chosenTheme.options);\n          }\n        } else {\n          const mediaMatch = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeMatchMedia)(\"(prefers-color-scheme: dark)\"),\n            clientDarkMode = mediaMatch?.matches,\n            defaultTheme = findDefaultTheme(clientDarkMode ? _ThemeMode_js__WEBPACK_IMPORTED_MODULE_2__.ThemeMode.dark : _ThemeMode_js__WEBPACK_IMPORTED_MODULE_2__.ThemeMode.light);\n          if (defaultTheme) {\n            options.load(defaultTheme.options);\n          }\n        }\n      };\n    options.findDefaultTheme = findDefaultTheme;\n    options.setTheme = setTheme;\n    options.themes ??= [];\n    if (source?.themes !== undefined) {\n      for (const theme of source.themes) {\n        if (!theme) {\n          continue;\n        }\n        const existingTheme = options.themes.find(t => t.name === theme.name);\n        if (existingTheme) {\n          existingTheme.load(theme);\n        } else {\n          const optTheme = new _Options_Classes_Theme_js__WEBPACK_IMPORTED_MODULE_1__.Theme();\n          optTheme.load(theme);\n          options.themes.push(optTheme);\n        }\n      }\n    }\n    options.defaultThemes.dark = findDefaultTheme(_ThemeMode_js__WEBPACK_IMPORTED_MODULE_2__.ThemeMode.dark)?.name;\n    options.defaultThemes.light = findDefaultTheme(_ThemeMode_js__WEBPACK_IMPORTED_MODULE_2__.ThemeMode.light)?.name;\n  }\n  needsPlugin(options) {\n    return !!options?.themes?.length;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-themes/./dist/browser/ThemesPlugin.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ThemesPlugin: () => (/* binding */ ThemesPlugin)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Options_Classes_Theme_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Theme.js */ \"./dist/browser/Options/Classes/Theme.js\");\n/* harmony import */ var _ThemeMode_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ThemeMode.js */ \"./dist/browser/ThemeMode.js\");\n\n\n\nclass ThemesPlugin {\n    id = \"theme\";\n    async getPlugin(container) {\n        const { ThemesPluginInstance } = await __webpack_require__.e(/*! import() */ \"dist_browser_ThemesPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ThemesPluginInstance.js */ \"./dist/browser/ThemesPluginInstance.js\"));\n        return new ThemesPluginInstance(container);\n    }\n    loadOptions(_container, options, source) {\n        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {\n            return;\n        }\n        const findDefaultTheme = (mode)=>{\n            if (!options.themes) {\n                return;\n            }\n            return options.themes.find((theme)=>theme.default.value && theme.default.mode === mode) ?? options.themes.find((theme)=>theme.default.value && theme.default.mode === _ThemeMode_js__WEBPACK_IMPORTED_MODULE_2__.ThemeMode.any);\n        }, setTheme = (name)=>{\n            if (!options.themes) {\n                return;\n            }\n            if (name) {\n                const chosenTheme = options.themes.find((theme)=>theme.name === name);\n                if (chosenTheme) {\n                    options.load(chosenTheme.options);\n                }\n            } else {\n                const mediaMatch = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeMatchMedia)(\"(prefers-color-scheme: dark)\"), clientDarkMode = mediaMatch?.matches, defaultTheme = findDefaultTheme(clientDarkMode ? _ThemeMode_js__WEBPACK_IMPORTED_MODULE_2__.ThemeMode.dark : _ThemeMode_js__WEBPACK_IMPORTED_MODULE_2__.ThemeMode.light);\n                if (defaultTheme) {\n                    options.load(defaultTheme.options);\n                }\n            }\n        };\n        options.findDefaultTheme = findDefaultTheme;\n        options.setTheme = setTheme;\n        options.themes ??= [];\n        if (source?.themes !== undefined) {\n            for (const theme of source.themes){\n                if (!theme) {\n                    continue;\n                }\n                const existingTheme = options.themes.find((t)=>t.name === theme.name);\n                if (existingTheme) {\n                    existingTheme.load(theme);\n                } else {\n                    const optTheme = new _Options_Classes_Theme_js__WEBPACK_IMPORTED_MODULE_1__.Theme();\n                    optTheme.load(theme);\n                    options.themes.push(optTheme);\n                }\n            }\n        }\n        options.defaultThemes.dark = findDefaultTheme(_ThemeMode_js__WEBPACK_IMPORTED_MODULE_2__.ThemeMode.dark)?.name;\n        options.defaultThemes.light = findDefaultTheme(_ThemeMode_js__WEBPACK_IMPORTED_MODULE_2__.ThemeMode.light)?.name;\n    }\n    needsPlugin(options) {\n        return !!options?.themes?.length;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-themes/./dist/browser/ThemesPlugin.js?\n}");
 
 /***/ }
 

package/esm/Options/Classes/Theme.js

@@ -1,6 +1,9 @@
 import { deepExtend, isNull, } from "@tsparticles/engine";
 import { ThemeDefault } from "./ThemeDefault.js";
 export class Theme {
+    default;
+    name;
+    options;
     constructor() {
         this.name = "";
         this.default = new ThemeDefault();

package/esm/Options/Classes/ThemeDefault.js

@@ -1,6 +1,9 @@
 import { isNull } from "@tsparticles/engine";
 import { ThemeMode } from "../../ThemeMode.js";
 export class ThemeDefault {
+    auto;
+    mode;
+    value;
     constructor() {
         this.auto = false;
         this.mode = ThemeMode.any;

package/esm/ThemesPlugin.js

@@ -2,9 +2,7 @@ import { safeMatchMedia, } from "@tsparticles/engine";
 import { Theme } from "./Options/Classes/Theme.js";
 import { ThemeMode } from "./ThemeMode.js";
 export class ThemesPlugin {
-    constructor() {
-        this.id = "theme";
-    }
+    id = "theme";
     async getPlugin(container) {
         const { ThemesPluginInstance } = await import("./ThemesPluginInstance.js");
         return new ThemesPluginInstance(container);

package/esm/ThemesPluginInstance.js

@@ -1,15 +1,10 @@
 import { manageListener, safeMatchMedia } from "@tsparticles/engine";
 export class ThemesPluginInstance {
+    _container;
     constructor(container) {
-        this._handleThemeChange = (e) => {
-            const mediaEvent = e, container = this._container, options = container.options, defaultThemes = options.defaultThemes, themeName = mediaEvent.matches ? defaultThemes.dark : defaultThemes.light, theme = options.themes?.find(theme => theme.name === themeName);
-            if (theme?.default.auto) {
-                void container.loadTheme?.(themeName);
-            }
-        };
         this._container = container;
     }
-    async init() {
+    init() {
         const container = this._container;
         container.themeMatchMedia = safeMatchMedia("(prefers-color-scheme: dark)");
         const loadTheme = async (name) => {
@@ -38,7 +33,7 @@ export class ThemesPluginInstance {
             manageListener(container.themeMatchMedia, "change", handlers.themeChange, add);
         };
         container.loadTheme = loadTheme;
-        await Promise.resolve();
+        return Promise.resolve();
     }
     manageListeners(add) {
         const container = this._container;
@@ -46,7 +41,7 @@ export class ThemesPluginInstance {
     }
     async start() {
         this.manageListeners(true);
-        await Promise.resolve();
+        return Promise.resolve();
     }
     stop() {
         this.manageListeners(false);
@@ -56,4 +51,10 @@ export class ThemesPluginInstance {
         container.actualOptions.setTheme?.(container.currentTheme);
         return false;
     }
+    _handleThemeChange = (e) => {
+        const mediaEvent = e, container = this._container, options = container.options, defaultThemes = options.defaultThemes, themeName = mediaEvent.matches ? defaultThemes.dark : defaultThemes.light, theme = options.themes?.find(theme => theme.name === themeName);
+        if (theme?.default.auto) {
+            void container.loadTheme?.(themeName);
+        }
+    };
 }

package/esm/index.js

@@ -1,5 +1,5 @@
 export async function loadThemesPlugin(engine) {
-    engine.checkVersion("4.0.0-alpha.8");
+    engine.checkVersion("4.0.0-beta.0");
     await engine.register(async (e) => {
         const { ThemesPlugin } = await import("./ThemesPlugin.js");
         e.addPlugin(new ThemesPlugin());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-themes",
-  "version": "4.0.0-alpha.8",
+  "version": "4.0.0-beta.0",
   "description": "tsParticles themes plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -86,7 +86,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-alpha.8"
+    "@tsparticles/engine": "4.0.0-beta.0"
   },
   "publishConfig": {
     "access": "public"

package/report.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>@tsparticles/plugin-themes [23 Jan 2026 at 23:46]</title>
+    <title>@tsparticles/plugin-themes [19 Mar 2026 at 14:03]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>

package/tsparticles.plugin.themes.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.0
  */
 /*
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -28,16 +28,6 @@ return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ "./dist/browser/index.js"
-/*!*******************************!*\
-  !*** ./dist/browser/index.js ***!
-  \*******************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadThemesPlugin: () => (/* binding */ loadThemesPlugin)\n/* harmony export */ });\nasync function loadThemesPlugin(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      ThemesPlugin\n    } = await __webpack_require__.e(/*! import() */ \"dist_browser_ThemesPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ThemesPlugin.js */ \"./dist/browser/ThemesPlugin.js\"));\n    e.addPlugin(new ThemesPlugin());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-themes/./dist/browser/index.js?\n}");
-
-/***/ },
-
 /***/ "@tsparticles/engine"
 /*!*********************************************************************************************************************************!*\
   !*** external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"} ***!
@@ -46,6 +36,16 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
 
 module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
 
+/***/ },
+
+/***/ "./dist/browser/index.js"
+/*!*******************************!*\
+  !*** ./dist/browser/index.js ***!
+  \*******************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadThemesPlugin: () => (/* binding */ loadThemesPlugin)\n/* harmony export */ });\nasync function loadThemesPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { ThemesPlugin } = await __webpack_require__.e(/*! import() */ \"dist_browser_ThemesPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ThemesPlugin.js */ \"./dist/browser/ThemesPlugin.js\"));\n        e.addPlugin(new ThemesPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-themes/./dist/browser/index.js?\n}");
+
 /***/ }
 
 /******/ 	});
@@ -60,12 +60,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
 /******/ 		if (cachedModule !== undefined) {
 /******/ 			return cachedModule.exports;
 /******/ 		}
-/******/ 		// Check if module exists (development only)
-/******/ 		if (__webpack_modules__[moduleId] === undefined) {
-/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
-/******/ 			e.code = 'MODULE_NOT_FOUND';
-/******/ 			throw e;
-/******/ 		}
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = __webpack_module_cache__[moduleId] = {
 /******/ 			// no module.id needed
@@ -74,6 +68,12 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
 /******/ 		};
 /******/ 	
 /******/ 		// Execute the module function
+/******/ 		if (!(moduleId in __webpack_modules__)) {
+/******/ 			delete __webpack_module_cache__[moduleId];
+/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
+/******/ 			e.code = 'MODULE_NOT_FOUND';
+/******/ 			throw e;
+/******/ 		}
 /******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
 /******/ 	
 /******/ 		// Return the exports of the module
@@ -118,6 +118,18 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
 /******/ 		};
 /******/ 	})();
 /******/ 	
+/******/ 	/* webpack/runtime/global */
+/******/ 	(() => {
+/******/ 		__webpack_require__.g = (function() {
+/******/ 			if (typeof globalThis === 'object') return globalThis;
+/******/ 			try {
+/******/ 				return this || new Function('return this')();
+/******/ 			} catch (e) {
+/******/ 				if (typeof window === 'object') return window;
+/******/ 			}
+/******/ 		})();
+/******/ 	})();
+/******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */
 /******/ 	(() => {
 /******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
@@ -182,8 +194,8 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
 /******/ 	/* webpack/runtime/publicPath */
 /******/ 	(() => {
 /******/ 		var scriptUrl;
-/******/ 		if (globalThis.importScripts) scriptUrl = globalThis.location + "";
-/******/ 		var document = globalThis.document;
+/******/ 		if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + "";
+/******/ 		var document = __webpack_require__.g.document;
 /******/ 		if (!scriptUrl && document) {
 /******/ 			if (document.currentScript && document.currentScript.tagName.toUpperCase() === 'SCRIPT')
 /******/ 				scriptUrl = document.currentScript.src;

package/tsparticles.plugin.themes.min.js

@@ -1,2 +1,2 @@
-/*! For license information please see tsparticles.plugin.themes.min.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(this,(e=>(()=>{var t,r,o={303(t){t.exports=e}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,i),r.exports}i.m=o,i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,r)=>(i.f[r](e,t),t)),[])),i.u=e=>e+".min.js",i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),t={},r="@tsparticles/plugin-themes:",i.l=(e,o,n,a)=>{if(t[e])t[e].push(o);else{var s,l;if(void 0!==n)for(var p=document.getElementsByTagName("script"),c=0;c<p.length;c++){var u=p[c];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==r+n){s=u;break}}s||(l=!0,(s=document.createElement("script")).charset="utf-8",i.nc&&s.setAttribute("nonce",i.nc),s.setAttribute("data-webpack",r+n),s.src=e),t[e]=[o];var d=(r,o)=>{s.onerror=s.onload=null,clearTimeout(f);var n=t[e];if(delete t[e],s.parentNode&&s.parentNode.removeChild(s),n&&n.forEach((e=>e(o))),r)return r(o)},f=setTimeout(d.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=d.bind(null,s.onerror),s.onload=d.bind(null,s.onload),l&&document.head.appendChild(s)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;globalThis.importScripts&&(e=globalThis.location+"");var t=globalThis.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var o=r.length-1;o>-1&&(!e||!/^http(s?):/.test(e));)e=r[o--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),i.p=e})(),(()=>{var e={998:0};i.f.j=(t,r)=>{var o=i.o(e,t)?e[t]:void 0;if(0!==o)if(o)r.push(o[2]);else{var n=new Promise(((r,n)=>o=e[t]=[r,n]));r.push(o[2]=n);var a=i.p+i.u(t),s=new Error;i.l(a,(r=>{if(i.o(e,t)&&(0!==(o=e[t])&&(e[t]=void 0),o)){var n=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;s.message="Loading chunk "+t+" failed.\n("+n+": "+a+")",s.name="ChunkLoadError",s.type=n,s.request=a,o[1](s)}}),"chunk-"+t,t)}};var t=(t,r)=>{var o,n,[a,s,l]=r,p=0;if(a.some((t=>0!==e[t]))){for(o in s)i.o(s,o)&&(i.m[o]=s[o]);if(l)l(i)}for(t&&t(r);p<a.length;p++)n=a[p],i.o(e,n)&&e[n]&&e[n][0](),e[n]=0},r=this.webpackChunk_tsparticles_plugin_themes=this.webpackChunk_tsparticles_plugin_themes||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var a={};async function s(e){e.checkVersion("4.0.0-alpha.8"),await e.register((async e=>{const{ThemesPlugin:t}=await i.e(995).then(i.bind(i,995));e.addPlugin(new t)}))}return i.r(a),i.d(a,{loadThemesPlugin:()=>s}),a})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(this,e=>(()=>{"use strict";var t,r,o,i={303(t){t.exports=e}},n={};function a(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return i[e](r,r.exports,a),r.exports}a.m=i,a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce((t,r)=>(a.f[r](e,t),t),[])),a.u=e=>""+e+".min.js",a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s={},a.l=(e,t,r,o)=>{if(s[e])return void s[e].push(t);if(void 0!==r)for(var i,n,c=document.getElementsByTagName("script"),l=0;l<c.length;l++){var p=c[l];if(p.getAttribute("src")==e||p.getAttribute("data-webpack")=="@tsparticles/plugin-themes:"+r){i=p;break}}i||(n=!0,(i=document.createElement("script")).charset="utf-8",a.nc&&i.setAttribute("nonce",a.nc),i.setAttribute("data-webpack","@tsparticles/plugin-themes:"+r),i.src=e),s[e]=[t];var u=(t,r)=>{i.onerror=i.onload=null,clearTimeout(d);var o=s[e];if(delete s[e],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach(e=>e(r)),t)return t(r)},d=setTimeout(u.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=u.bind(null,i.onerror),i.onload=u.bind(null,i.onload),n&&document.head.appendChild(i)},a.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.g.importScripts&&(c=a.g.location+"");var s,c,l=a.g.document;if(!c&&l&&(l.currentScript&&"SCRIPT"===l.currentScript.tagName.toUpperCase()&&(c=l.currentScript.src),!c)){var p=l.getElementsByTagName("script");if(p.length)for(var u=p.length-1;u>-1&&(!c||!/^http(s?):/.test(c));)c=p[u--].src}if(!c)throw Error("Automatic publicPath is not supported in this browser");a.p=c=c.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),t={998:0},a.f.j=(e,r)=>{var o=a.o(t,e)?t[e]:void 0;if(0!==o)if(o)r.push(o[2]);else{var i=new Promise((r,i)=>o=t[e]=[r,i]);r.push(o[2]=i);var n=a.p+a.u(e),s=Error();a.l(n,r=>{if(a.o(t,e)&&(0!==(o=t[e])&&(t[e]=void 0),o)){var i=r&&("load"===r.type?"missing":r.type),n=r&&r.target&&r.target.src;s.message="Loading chunk "+e+` failed.
+(`+i+": "+n+")",s.name="ChunkLoadError",s.type=i,s.request=n,o[1](s)}},"chunk-"+e,e)}},r=(e,r)=>{var o,i,[n,s,c]=r,l=0;if(n.some(e=>0!==t[e])){for(o in s)a.o(s,o)&&(a.m[o]=s[o]);c&&c(a)}for(e&&e(r);l<n.length;l++)i=n[l],a.o(t,i)&&t[i]&&t[i][0](),t[i]=0},(o=this.webpackChunk_tsparticles_plugin_themes=this.webpackChunk_tsparticles_plugin_themes||[]).forEach(r.bind(null,0)),o.push=r.bind(null,o.push.bind(o));var d={};async function f(e){e.checkVersion("4.0.0-beta.0"),await e.register(async e=>{let{ThemesPlugin:t}=await a.e(366).then(a.bind(a,366));e.addPlugin(new t)})}return a.r(d),a.d(d,{loadThemesPlugin:()=>f}),d})());

package/types/ThemesPlugin.d.ts

@@ -1,8 +1,7 @@
 import { type Container, type IContainerPlugin, type IPlugin, type RecursivePartial } from "@tsparticles/engine";
 import type { IThemesOptions, ThemesContainer, ThemesOptions } from "./types.js";
 export declare class ThemesPlugin implements IPlugin {
-    readonly id: string;
-    constructor();
+    readonly id = "theme";
     getPlugin(container: ThemesContainer): Promise<IContainerPlugin>;
     loadOptions(_container: Container, options: ThemesOptions, source?: RecursivePartial<IThemesOptions>): void;
     needsPlugin(options?: RecursivePartial<IThemesOptions>): boolean;

package/umd/Options/Classes/Theme.js

@@ -13,6 +13,9 @@
     const engine_1 = require("@tsparticles/engine");
     const ThemeDefault_js_1 = require("./ThemeDefault.js");
     class Theme {
+        default;
+        name;
+        options;
         constructor() {
             this.name = "";
             this.default = new ThemeDefault_js_1.ThemeDefault();

package/umd/Options/Classes/ThemeDefault.js

@@ -13,6 +13,9 @@
     const engine_1 = require("@tsparticles/engine");
     const ThemeMode_js_1 = require("../../ThemeMode.js");
     class ThemeDefault {
+        auto;
+        mode;
+        value;
         constructor() {
             this.auto = false;
             this.mode = ThemeMode_js_1.ThemeMode.any;

package/umd/ThemesPlugin.js

@@ -48,9 +48,7 @@ var __importStar = (this && this.__importStar) || (function () {
     const Theme_js_1 = require("./Options/Classes/Theme.js");
     const ThemeMode_js_1 = require("./ThemeMode.js");
     class ThemesPlugin {
-        constructor() {
-            this.id = "theme";
-        }
+        id = "theme";
         async getPlugin(container) {
             const { ThemesPluginInstance } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./ThemesPluginInstance.js"))) : new Promise((resolve_1, reject_1) => { require(["./ThemesPluginInstance.js"], resolve_1, reject_1); }).then(__importStar));
             return new ThemesPluginInstance(container);

package/umd/ThemesPluginInstance.js

@@ -12,16 +12,11 @@
     exports.ThemesPluginInstance = void 0;
     const engine_1 = require("@tsparticles/engine");
     class ThemesPluginInstance {
+        _container;
         constructor(container) {
-            this._handleThemeChange = (e) => {
-                const mediaEvent = e, container = this._container, options = container.options, defaultThemes = options.defaultThemes, themeName = mediaEvent.matches ? defaultThemes.dark : defaultThemes.light, theme = options.themes?.find(theme => theme.name === themeName);
-                if (theme?.default.auto) {
-                    void container.loadTheme?.(themeName);
-                }
-            };
             this._container = container;
         }
-        async init() {
+        init() {
             const container = this._container;
             container.themeMatchMedia = (0, engine_1.safeMatchMedia)("(prefers-color-scheme: dark)");
             const loadTheme = async (name) => {
@@ -50,7 +45,7 @@
                 (0, engine_1.manageListener)(container.themeMatchMedia, "change", handlers.themeChange, add);
             };
             container.loadTheme = loadTheme;
-            await Promise.resolve();
+            return Promise.resolve();
         }
         manageListeners(add) {
             const container = this._container;
@@ -58,7 +53,7 @@
         }
         async start() {
             this.manageListeners(true);
-            await Promise.resolve();
+            return Promise.resolve();
         }
         stop() {
             this.manageListeners(false);
@@ -68,6 +63,12 @@
             container.actualOptions.setTheme?.(container.currentTheme);
             return false;
         }
+        _handleThemeChange = (e) => {
+            const mediaEvent = e, container = this._container, options = container.options, defaultThemes = options.defaultThemes, themeName = mediaEvent.matches ? defaultThemes.dark : defaultThemes.light, theme = options.themes?.find(theme => theme.name === themeName);
+            if (theme?.default.auto) {
+                void container.loadTheme?.(themeName);
+            }
+        };
     }
     exports.ThemesPluginInstance = ThemesPluginInstance;
 });

package/umd/index.js

@@ -45,7 +45,7 @@ var __importStar = (this && this.__importStar) || (function () {
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadThemesPlugin = loadThemesPlugin;
     async function loadThemesPlugin(engine) {
-        engine.checkVersion("4.0.0-alpha.8");
+        engine.checkVersion("4.0.0-beta.0");
         await engine.register(async (e) => {
             const { ThemesPlugin } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./ThemesPlugin.js"))) : new Promise((resolve_1, reject_1) => { require(["./ThemesPlugin.js"], resolve_1, reject_1); }).then(__importStar));
             e.addPlugin(new ThemesPlugin());

package/52.min.js

@@ -1,2 +0,0 @@
-/*! For license information please see 52.min.js.LICENSE.txt */
-(this.webpackChunk_tsparticles_plugin_themes=this.webpackChunk_tsparticles_plugin_themes||[]).push([[52],{52(e,a,t){t.d(a,{ThemesPluginInstance:()=>n});var s=t(303);class n{constructor(e){this._handleThemeChange=e=>{const a=e,t=this._container,s=t.options,n=s.defaultThemes,h=a.matches?n.dark:n.light,i=s.themes?.find((e=>e.name===h));i?.default.auto&&t.loadTheme?.(h)},this._container=e}async init(){const e=this._container;e.themeMatchMedia=(0,s.safeMatchMedia)("(prefers-color-scheme: dark)");e.themeHandlers={themeChange:e=>{this._handleThemeChange(e)},oldThemeChange:e=>{this._handleThemeChange(e)}},e.manageMediaMatch=a=>{const t=e.themeHandlers;t&&e.themeMatchMedia&&(0,s.manageListener)(e.themeMatchMedia,"change",t.themeChange,a)},e.loadTheme=async a=>{e.destroyed||(e.currentTheme=a,await e.refresh())},await Promise.resolve()}manageListeners(e){const a=this._container;a.manageMediaMatch?.(e)}async start(){this.manageListeners(!0),await Promise.resolve()}stop(){this.manageListeners(!1)}updateActualOptions(){const e=this._container;return e.actualOptions.setTheme?.(e.currentTheme),!1}}}}]);

package/52.min.js.LICENSE.txt

@@ -1 +0,0 @@
-/*! tsParticles Themes Plugin v4.0.0-alpha.8 by Matteo Bruni */

package/995.min.js

@@ -1,2 +0,0 @@
-/*! For license information please see 995.min.js.LICENSE.txt */
-(this.webpackChunk_tsparticles_plugin_themes=this.webpackChunk_tsparticles_plugin_themes||[]).push([[995],{995(e,t,s){s.d(t,{ThemesPlugin:()=>h});var n,a=s(303);!function(e){e.any="any",e.dark="dark",e.light="light"}(n||(n={}));class i{constructor(){this.auto=!1,this.mode=n.any,this.value=!1}load(e){(0,a.isNull)(e)||(void 0!==e.auto&&(this.auto=e.auto),void 0!==e.mode&&(this.mode=e.mode),void 0!==e.value&&(this.value=e.value))}}class o{constructor(){this.name="",this.default=new i}load(e){(0,a.isNull)(e)||(void 0!==e.name&&(this.name=e.name),this.default.load(e.default),void 0!==e.options&&(this.options=(0,a.deepExtend)({},e.options)))}}class h{constructor(){this.id="theme"}async getPlugin(e){const{ThemesPluginInstance:t}=await s.e(52).then(s.bind(s,52));return new t(e)}loadOptions(e,t,s){if(!this.needsPlugin(t)&&!this.needsPlugin(s))return;const i=e=>{if(t.themes)return t.themes.find((t=>t.default.value&&t.default.mode===e))??t.themes.find((e=>e.default.value&&e.default.mode===n.any))};if(t.findDefaultTheme=i,t.setTheme=e=>{if(t.themes)if(e){const s=t.themes.find((t=>t.name===e));s&&t.load(s.options)}else{const e=(0,a.safeMatchMedia)("(prefers-color-scheme: dark)"),s=e?.matches,o=i(s?n.dark:n.light);o&&t.load(o.options)}},t.themes??=[],void 0!==s?.themes)for(const e of s.themes){if(!e)continue;const s=t.themes.find((t=>t.name===e.name));if(s)s.load(e);else{const s=new o;s.load(e),t.themes.push(s)}}t.defaultThemes.dark=i(n.dark)?.name,t.defaultThemes.light=i(n.light)?.name}needsPlugin(e){return!!e?.themes?.length}}}}]);

package/995.min.js.LICENSE.txt

@@ -1 +0,0 @@
-/*! tsParticles Themes Plugin v4.0.0-alpha.8 by Matteo Bruni */

package/tsparticles.plugin.themes.min.js.LICENSE.txt

@@ -1 +0,0 @@
-/*! tsParticles Themes Plugin v4.0.0-alpha.8 by Matteo Bruni */