@tsparticles/plugin-themes 4.0.0-beta.0 → 4.0.0-beta.10

package/{306.min.js → 453.min.js}

@@ -1 +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)}}}}]);
+"use strict";(this.webpackChunk_tsparticles_plugin_themes=this.webpackChunk_tsparticles_plugin_themes||[]).push([[453],{453(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 → 579.min.js}

@@ -1 +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}}}}]);
+"use strict";(this.webpackChunk_tsparticles_plugin_themes=this.webpackChunk_tsparticles_plugin_themes||[]).push([[579],{579(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(453).then(s.bind(s,453));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/README.md

@@ -8,6 +8,12 @@
 
 [tsParticles](https://github.com/tsparticles/tsparticles) plugin for handling themes feature.
 
+## Quick checklist
+
+1. Install `@tsparticles/engine` (or use the CDN bundle below)
+2. Call the package loader function(s) before `tsParticles.load(...)`
+3. Apply the package options in your `tsParticles.load(...)` config
+
 ## How to use it
 
 ### CDN / Vanilla JS / jQuery
@@ -72,3 +78,24 @@ import { loadThemesPlugin } from "@tsparticles/plugin-themes";
   await loadThemesPlugin(tsParticles);
 })();
 ```
+
+## Option mapping
+
+- Primary options key: `themes`
+
+```json
+{
+  "themes": {}
+}
+```
+
+## Common pitfalls
+
+- Calling `tsParticles.load(...)` before `loadThemesPlugin(...)`
+- Verify required peer packages before enabling advanced options
+- Change one option group at a time to isolate regressions quickly
+
+## Related docs
+
+- All packages catalog: <https://github.com/tsparticles/tsparticles>
+- Main docs: <https://particles.js.org/docs/>

package/browser/index.js

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

package/cjs/index.js

@@ -1,7 +1,7 @@
 export async function loadThemesPlugin(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(async (e) => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(async (e) => {
         const { ThemesPlugin } = await import("./ThemesPlugin.js");
-        e.addPlugin(new ThemesPlugin());
+        e.pluginManager.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-beta.0
+ * v4.0.0-beta.10
  */
 "use strict";
 /*

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-beta.0
+ * v4.0.0-beta.10
  */
 "use strict";
 /*

package/esm/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-themes",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.10",
   "description": "tsParticles themes plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -80,13 +80,12 @@
       "browser": "./browser/index.js",
       "import": "./esm/index.js",
       "require": "./cjs/index.js",
-      "umd": "./umd/index.js",
-      "default": "./cjs/index.js"
+      "default": "./esm/index.js"
     },
     "./package.json": "./package.json"
   },
-  "dependencies": {
-    "@tsparticles/engine": "4.0.0-beta.0"
+  "peerDependencies": {
+    "@tsparticles/engine": "4.0.0-beta.10"
   },
   "publishConfig": {
     "access": "public"