@tsparticles/plugin-themes 4.0.0-alpha.4

package/52.min.js

@@ -0,0 +1,2 @@
+/*! 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

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

package/995.min.js

@@ -0,0 +1,2 @@
+/*! 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

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

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Matteo Bruni
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,74 @@
+[![banner](https://particles.js.org/images/banner2.png)](https://particles.js.org)
+
+# tsParticles Themes Plugin
+
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/plugin-themes/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/plugin-themes)
+[![npmjs](https://badge.fury.io/js/@tsparticles/plugin-themes.svg)](https://www.npmjs.com/package/@tsparticles/plugin-themes)
+[![npmjs](https://img.shields.io/npm/dt/@tsparticles/plugin-themes)](https://www.npmjs.com/package/@tsparticles/plugin-themes) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
+
+[tsParticles](https://github.com/tsparticles/tsparticles) plugin for handling themes feature.
+
+## How to use it
+
+### CDN / Vanilla JS / jQuery
+
+The CDN/Vanilla version JS has one required file in vanilla configuration:
+
+Including the `tsparticles.plugin.themes.min.js` file will export the function to load the plugin:
+
+```javascript
+loadThemesPlugin;
+```
+
+### Usage
+
+Once the scripts are loaded you can set up `tsParticles` and the plugin like this:
+
+```javascript
+(async () => {
+  await loadThemesPlugin(tsParticles);
+
+  await tsParticles.load({
+    id: "tsparticles",
+    options: {
+      /* options */
+    },
+  });
+})();
+```
+
+### ESM / CommonJS
+
+This package is compatible also with ES or CommonJS modules, firstly this needs to be installed, like this:
+
+```shell
+$ npm install @tsparticles/plugin-themes
+```
+
+or
+
+```shell
+$ yarn add @tsparticles/plugin-themes
+```
+
+Then you need to import it in the app, like this:
+
+```javascript
+const { tsParticles } = require("@tsparticles/engine");
+const { loadThemesPlugin } = require("@tsparticles/plugin-themes");
+
+(async () => {
+  await loadThemesPlugin(tsParticles);
+})();
+```
+
+or
+
+```javascript
+import { tsParticles } from "@tsparticles/engine";
+import { loadThemesPlugin } from "@tsparticles/plugin-themes";
+
+(async () => {
+  await loadThemesPlugin(tsParticles);
+})();
+```

package/browser/Options/Classes/Theme.js

@@ -0,0 +1,20 @@
+import { deepExtend, isNull, } from "@tsparticles/engine";
+import { ThemeDefault } from "./ThemeDefault.js";
+export class Theme {
+    constructor() {
+        this.name = "";
+        this.default = new ThemeDefault();
+    }
+    load(data) {
+        if (isNull(data)) {
+            return;
+        }
+        if (data.name !== undefined) {
+            this.name = data.name;
+        }
+        this.default.load(data.default);
+        if (data.options !== undefined) {
+            this.options = deepExtend({}, data.options);
+        }
+    }
+}

package/browser/Options/Classes/ThemeDefault.js

@@ -0,0 +1,23 @@
+import { isNull } from "@tsparticles/engine";
+import { ThemeMode } from "../../ThemeMode.js";
+export class ThemeDefault {
+    constructor() {
+        this.auto = false;
+        this.mode = ThemeMode.any;
+        this.value = false;
+    }
+    load(data) {
+        if (isNull(data)) {
+            return;
+        }
+        if (data.auto !== undefined) {
+            this.auto = data.auto;
+        }
+        if (data.mode !== undefined) {
+            this.mode = data.mode;
+        }
+        if (data.value !== undefined) {
+            this.value = data.value;
+        }
+    }
+}

package/browser/Options/Interfaces/ITheme.js

@@ -0,0 +1 @@
+export {};

package/browser/Options/Interfaces/IThemeDefault.js

@@ -0,0 +1 @@
+export {};

package/browser/ThemeMode.js

@@ -0,0 +1,6 @@
+export var ThemeMode;
+(function (ThemeMode) {
+    ThemeMode["any"] = "any";
+    ThemeMode["dark"] = "dark";
+    ThemeMode["light"] = "light";
+})(ThemeMode || (ThemeMode = {}));

package/browser/ThemesPlugin.js

@@ -0,0 +1,64 @@
+import { safeMatchMedia, } from "@tsparticles/engine";
+import { Theme } from "./Options/Classes/Theme.js";
+import { ThemeMode } from "./ThemeMode.js";
+export class ThemesPlugin {
+    constructor() {
+        this.id = "theme";
+    }
+    async getPlugin(container) {
+        const { ThemesPluginInstance } = await import("./ThemesPluginInstance.js");
+        return new ThemesPluginInstance(container);
+    }
+    loadOptions(_container, options, source) {
+        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
+            return;
+        }
+        const findDefaultTheme = (mode) => {
+            if (!options.themes) {
+                return;
+            }
+            return (options.themes.find(theme => theme.default.value && theme.default.mode === mode) ??
+                options.themes.find(theme => theme.default.value && theme.default.mode === ThemeMode.any));
+        }, setTheme = (name) => {
+            if (!options.themes) {
+                return;
+            }
+            if (name) {
+                const chosenTheme = options.themes.find(theme => theme.name === name);
+                if (chosenTheme) {
+                    options.load(chosenTheme.options);
+                }
+            }
+            else {
+                const mediaMatch = safeMatchMedia("(prefers-color-scheme: dark)"), clientDarkMode = mediaMatch?.matches, defaultTheme = findDefaultTheme(clientDarkMode ? ThemeMode.dark : ThemeMode.light);
+                if (defaultTheme) {
+                    options.load(defaultTheme.options);
+                }
+            }
+        };
+        options.findDefaultTheme = findDefaultTheme;
+        options.setTheme = setTheme;
+        options.themes ??= [];
+        if (source?.themes !== undefined) {
+            for (const theme of source.themes) {
+                if (!theme) {
+                    continue;
+                }
+                const existingTheme = options.themes.find(t => t.name === theme.name);
+                if (existingTheme) {
+                    existingTheme.load(theme);
+                }
+                else {
+                    const optTheme = new Theme();
+                    optTheme.load(theme);
+                    options.themes.push(optTheme);
+                }
+            }
+        }
+        options.defaultThemes.dark = findDefaultTheme(ThemeMode.dark)?.name;
+        options.defaultThemes.light = findDefaultTheme(ThemeMode.light)?.name;
+    }
+    needsPlugin(options) {
+        return !!options?.themes?.length;
+    }
+}

package/browser/ThemesPluginInstance.js

@@ -0,0 +1,59 @@
+import { manageListener, safeMatchMedia } from "@tsparticles/engine";
+export class ThemesPluginInstance {
+    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() {
+        const container = this._container;
+        container.themeMatchMedia = safeMatchMedia("(prefers-color-scheme: dark)");
+        const loadTheme = async (name) => {
+            if (container.destroyed) {
+                return;
+            }
+            container.currentTheme = name;
+            await container.refresh();
+        };
+        container.themeHandlers = {
+            themeChange: (e) => {
+                this._handleThemeChange(e);
+            },
+            oldThemeChange: (e) => {
+                this._handleThemeChange(e);
+            },
+        };
+        container.manageMediaMatch = (add) => {
+            const handlers = container.themeHandlers;
+            if (!handlers) {
+                return;
+            }
+            if (!container.themeMatchMedia) {
+                return;
+            }
+            manageListener(container.themeMatchMedia, "change", handlers.themeChange, add);
+        };
+        container.loadTheme = loadTheme;
+        await Promise.resolve();
+    }
+    manageListeners(add) {
+        const container = this._container;
+        container.manageMediaMatch?.(add);
+    }
+    async start() {
+        this.manageListeners(true);
+        await Promise.resolve();
+    }
+    stop() {
+        this.manageListeners(false);
+    }
+    updateActualOptions() {
+        const container = this._container;
+        container.actualOptions.setTheme?.(container.currentTheme);
+        return false;
+    }
+}

package/browser/index.js

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

package/browser/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/browser/types.js

@@ -0,0 +1 @@
+export {};

package/cjs/Options/Classes/Theme.js

@@ -0,0 +1,20 @@
+import { deepExtend, isNull, } from "@tsparticles/engine";
+import { ThemeDefault } from "./ThemeDefault.js";
+export class Theme {
+    constructor() {
+        this.name = "";
+        this.default = new ThemeDefault();
+    }
+    load(data) {
+        if (isNull(data)) {
+            return;
+        }
+        if (data.name !== undefined) {
+            this.name = data.name;
+        }
+        this.default.load(data.default);
+        if (data.options !== undefined) {
+            this.options = deepExtend({}, data.options);
+        }
+    }
+}

package/cjs/Options/Classes/ThemeDefault.js

@@ -0,0 +1,23 @@
+import { isNull } from "@tsparticles/engine";
+import { ThemeMode } from "../../ThemeMode.js";
+export class ThemeDefault {
+    constructor() {
+        this.auto = false;
+        this.mode = ThemeMode.any;
+        this.value = false;
+    }
+    load(data) {
+        if (isNull(data)) {
+            return;
+        }
+        if (data.auto !== undefined) {
+            this.auto = data.auto;
+        }
+        if (data.mode !== undefined) {
+            this.mode = data.mode;
+        }
+        if (data.value !== undefined) {
+            this.value = data.value;
+        }
+    }
+}

package/cjs/Options/Interfaces/ITheme.js

@@ -0,0 +1 @@
+export {};

package/cjs/Options/Interfaces/IThemeDefault.js

@@ -0,0 +1 @@
+export {};

package/cjs/ThemeMode.js

@@ -0,0 +1,6 @@
+export var ThemeMode;
+(function (ThemeMode) {
+    ThemeMode["any"] = "any";
+    ThemeMode["dark"] = "dark";
+    ThemeMode["light"] = "light";
+})(ThemeMode || (ThemeMode = {}));

package/cjs/ThemesPlugin.js

@@ -0,0 +1,64 @@
+import { safeMatchMedia, } from "@tsparticles/engine";
+import { Theme } from "./Options/Classes/Theme.js";
+import { ThemeMode } from "./ThemeMode.js";
+export class ThemesPlugin {
+    constructor() {
+        this.id = "theme";
+    }
+    async getPlugin(container) {
+        const { ThemesPluginInstance } = await import("./ThemesPluginInstance.js");
+        return new ThemesPluginInstance(container);
+    }
+    loadOptions(_container, options, source) {
+        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
+            return;
+        }
+        const findDefaultTheme = (mode) => {
+            if (!options.themes) {
+                return;
+            }
+            return (options.themes.find(theme => theme.default.value && theme.default.mode === mode) ??
+                options.themes.find(theme => theme.default.value && theme.default.mode === ThemeMode.any));
+        }, setTheme = (name) => {
+            if (!options.themes) {
+                return;
+            }
+            if (name) {
+                const chosenTheme = options.themes.find(theme => theme.name === name);
+                if (chosenTheme) {
+                    options.load(chosenTheme.options);
+                }
+            }
+            else {
+                const mediaMatch = safeMatchMedia("(prefers-color-scheme: dark)"), clientDarkMode = mediaMatch?.matches, defaultTheme = findDefaultTheme(clientDarkMode ? ThemeMode.dark : ThemeMode.light);
+                if (defaultTheme) {
+                    options.load(defaultTheme.options);
+                }
+            }
+        };
+        options.findDefaultTheme = findDefaultTheme;
+        options.setTheme = setTheme;
+        options.themes ??= [];
+        if (source?.themes !== undefined) {
+            for (const theme of source.themes) {
+                if (!theme) {
+                    continue;
+                }
+                const existingTheme = options.themes.find(t => t.name === theme.name);
+                if (existingTheme) {
+                    existingTheme.load(theme);
+                }
+                else {
+                    const optTheme = new Theme();
+                    optTheme.load(theme);
+                    options.themes.push(optTheme);
+                }
+            }
+        }
+        options.defaultThemes.dark = findDefaultTheme(ThemeMode.dark)?.name;
+        options.defaultThemes.light = findDefaultTheme(ThemeMode.light)?.name;
+    }
+    needsPlugin(options) {
+        return !!options?.themes?.length;
+    }
+}

package/cjs/ThemesPluginInstance.js

@@ -0,0 +1,59 @@
+import { manageListener, safeMatchMedia } from "@tsparticles/engine";
+export class ThemesPluginInstance {
+    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() {
+        const container = this._container;
+        container.themeMatchMedia = safeMatchMedia("(prefers-color-scheme: dark)");
+        const loadTheme = async (name) => {
+            if (container.destroyed) {
+                return;
+            }
+            container.currentTheme = name;
+            await container.refresh();
+        };
+        container.themeHandlers = {
+            themeChange: (e) => {
+                this._handleThemeChange(e);
+            },
+            oldThemeChange: (e) => {
+                this._handleThemeChange(e);
+            },
+        };
+        container.manageMediaMatch = (add) => {
+            const handlers = container.themeHandlers;
+            if (!handlers) {
+                return;
+            }
+            if (!container.themeMatchMedia) {
+                return;
+            }
+            manageListener(container.themeMatchMedia, "change", handlers.themeChange, add);
+        };
+        container.loadTheme = loadTheme;
+        await Promise.resolve();
+    }
+    manageListeners(add) {
+        const container = this._container;
+        container.manageMediaMatch?.(add);
+    }
+    async start() {
+        this.manageListeners(true);
+        await Promise.resolve();
+    }
+    stop() {
+        this.manageListeners(false);
+    }
+    updateActualOptions() {
+        const container = this._container;
+        container.actualOptions.setTheme?.(container.currentTheme);
+        return false;
+    }
+}

package/cjs/index.js

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

package/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/cjs/types.js

@@ -0,0 +1 @@
+export {};

package/dist_browser_ThemesPluginInstance_js.js

@@ -0,0 +1,30 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.4
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_plugin_themes"] = this["webpackChunk_tsparticles_plugin_themes"] || []).push([["dist_browser_ThemesPluginInstance_js"],{
+
+/***/ "./dist/browser/ThemesPluginInstance.js"
+/*!**********************************************!*\
+  !*** ./dist/browser/ThemesPluginInstance.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 */   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}");
+
+/***/ }
+
+}]);

package/dist_browser_ThemesPlugin_js.js

@@ -0,0 +1,60 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.4
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_plugin_themes"] = this["webpackChunk_tsparticles_plugin_themes"] || []).push([["dist_browser_ThemesPlugin_js"],{
+
+/***/ "./dist/browser/Options/Classes/Theme.js"
+/*!***********************************************!*\
+  !*** ./dist/browser/Options/Classes/Theme.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 */   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}");
+
+/***/ },
+
+/***/ "./dist/browser/Options/Classes/ThemeDefault.js"
+/*!******************************************************!*\
+  !*** ./dist/browser/Options/Classes/ThemeDefault.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 */   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}");
+
+/***/ },
+
+/***/ "./dist/browser/ThemeMode.js"
+/*!***********************************!*\
+  !*** ./dist/browser/ThemeMode.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 */   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}");
+
+/***/ },
+
+/***/ "./dist/browser/ThemesPlugin.js"
+/*!**************************************!*\
+  !*** ./dist/browser/ThemesPlugin.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 */   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}");
+
+/***/ }
+
+}]);

package/esm/Options/Classes/Theme.js

@@ -0,0 +1,20 @@
+import { deepExtend, isNull, } from "@tsparticles/engine";
+import { ThemeDefault } from "./ThemeDefault.js";
+export class Theme {
+    constructor() {
+        this.name = "";
+        this.default = new ThemeDefault();
+    }
+    load(data) {
+        if (isNull(data)) {
+            return;
+        }
+        if (data.name !== undefined) {
+            this.name = data.name;
+        }
+        this.default.load(data.default);
+        if (data.options !== undefined) {
+            this.options = deepExtend({}, data.options);
+        }
+    }
+}