@tsparticles/fireworks 4.0.0-beta.1 → 4.0.0-beta.10

package/esm/FireworkOptions.js

@@ -16,8 +16,45 @@ export class FireworkOptions {
             min: -30,
             max: 30,
         };
-        this.colors = ["#ff595e", "#ffca3a", "#8ac926", "#1982c4", "#6a4c93"];
-        this.gravity = 5;
+        this.colors = [
+            "#FF0000",
+            "#FF2A00",
+            "#FF5500",
+            "#FF8000",
+            "#FFAA00",
+            "#FFD400",
+            "#FFFF00",
+            "#D4FF00",
+            "#AAFF00",
+            "#80FF00",
+            "#55FF00",
+            "#2AFF00",
+            "#00FF00",
+            "#00FF2A",
+            "#00FF55",
+            "#00FF80",
+            "#00FFAA",
+            "#00FFD4",
+            "#00FFFF",
+            "#00D4FF",
+            "#00AAFF",
+            "#0080FF",
+            "#0055FF",
+            "#002AFF",
+            "#0000FF",
+            "#2A00FF",
+            "#5500FF",
+            "#8000FF",
+            "#AA00FF",
+            "#D400FF",
+            "#FF00FF",
+            "#FF00D4",
+            "#FF00AA",
+            "#FF0080",
+            "#FF0055",
+            "#FF002A",
+        ];
+        this.gravity = 30;
         this.minHeight = {
             min: 10,
             max: 30,
@@ -28,11 +65,8 @@ export class FireworkOptions {
             max: 30,
         };
         this.sounds = true;
-        this.speed = { min: 5, max: 15 };
-        this.splitCount = {
-            min: 75,
-            max: 150,
-        };
+        this.speed = { min: 20, max: 40 };
+        this.splitCount = 100;
     }
     load(data) {
         if (isNull(data)) {

package/esm/fireworks.js

@@ -1,10 +1,9 @@
 import { DestroyType, EventType, MoveDirection, OutMode, StartValueType, getRangeMax, getRangeMin, isNumber, isString, setRangeValue, tsParticles, } from "@tsparticles/engine";
 import { FireworkOptions } from "./FireworkOptions.js";
 let initialized = false, initializing = false;
-const minSplitCount = 2;
 const explodeSoundCheck = (args) => {
     const data = args.data;
-    return data.particle.shape === "circle" && !!data.particle.splitCount && data.particle.splitCount < minSplitCount;
+    return data?.particle?.options.move.gravity.enable ?? false;
 };
 async function initPlugins(engine) {
     if (initialized) {
@@ -22,28 +21,34 @@ async function initPlugins(engine) {
         });
     }
     initializing = true;
-    engine.checkVersion("4.0.0-beta.1");
+    engine.checkVersion("4.0.0-beta.10");
     await engine.pluginManager.register(async (e) => {
-        const [{ loadBasic }, { loadEmittersPlugin }, { loadEmittersShapeSquare }, { loadSoundsPlugin }, { loadRotateUpdater }, { loadDestroyUpdater }, { loadLifeUpdater }, { loadTrailEffect },] = await Promise.all([
+        const [{ loadBasic }, { loadLineShape }, { loadBlendPlugin }, { loadEmittersPluginSimple }, { loadEmittersShapeSquare }, { loadSoundsPlugin }, { loadRotateUpdater }, { loadDestroyUpdater }, { loadLifeUpdater }, { loadPaintUpdater },] = await Promise.all([
             import("@tsparticles/basic"),
-            import("@tsparticles/plugin-emitters"),
+            import("@tsparticles/shape-line"),
+            import("@tsparticles/plugin-blend"),
+            import("@tsparticles/plugin-emitters/plugin"),
             import("@tsparticles/plugin-emitters-shape-square"),
             import("@tsparticles/plugin-sounds"),
             import("@tsparticles/updater-rotate"),
             import("@tsparticles/updater-destroy"),
             import("@tsparticles/updater-life"),
-            import("@tsparticles/effect-trail"),
-        ]);
+            import("@tsparticles/updater-paint"),
+        ]), loadEmittersForFireworks = async (e) => {
+            await loadEmittersPluginSimple(e);
+            await loadEmittersShapeSquare(e);
+        };
         await Promise.all([
             loadBasic(e),
-            loadEmittersPlugin(e),
+            loadLineShape(e),
+            loadBlendPlugin(e),
+            loadEmittersForFireworks(e),
             loadSoundsPlugin(e),
             loadRotateUpdater(e),
             loadDestroyUpdater(e),
             loadLifeUpdater(e),
-            loadTrailEffect(e),
+            loadPaintUpdater(e),
         ]);
-        await loadEmittersShapeSquare(e);
     });
     initializing = false;
     initialized = true;
@@ -55,8 +60,12 @@ function getOptions(options, canvas) {
         background: {
             color: options.background,
         },
+        blend: {
+            enable: true,
+            mode: "lighter",
+        },
         fullScreen: {
-            enable: !!canvas,
+            enable: !canvas,
         },
         fpsLimit: 60,
         emitters: {
@@ -85,11 +94,13 @@ function getOptions(options, canvas) {
             number: {
                 value: 0,
             },
-            fill: {
-                color: {
-                    value: "#fff",
+            paint: {
+                stroke: {
+                    color: {
+                        value: options.colors,
+                    },
+                    width: 2,
                 },
-                enable: true,
             },
             destroy: {
                 mode: "split",
@@ -97,7 +108,6 @@ function getOptions(options, canvas) {
                     top: setRangeValue(options.minHeight),
                 },
                 split: {
-                    sizeOffset: false,
                     count: 1,
                     factor: {
                         value: 0.333333,
@@ -105,20 +115,12 @@ function getOptions(options, canvas) {
                     rate: {
                         value: options.splitCount,
                     },
-                    fillColorOffset: {
+                    strokeColorOffset: {
                         s: options.saturation,
                         l: options.brightness,
                     },
                     particles: {
-                        fill: {
-                            color: {
-                                value: options.colors,
-                            },
-                            enable: true,
-                        },
-                        stroke: {
-                            width: 0,
-                        },
+                        group: "split",
                         number: {
                             value: 0,
                         },
@@ -129,56 +131,36 @@ function getOptions(options, canvas) {
                             },
                             animation: {
                                 enable: true,
-                                speed: 1,
-                                sync: false,
+                                speed: { min: 2, max: 4 },
+                                sync: true,
                                 startValue: StartValueType.max,
                                 destroy: DestroyType.min,
+                                count: 1,
                             },
                         },
-                        effect: {
-                            type: "trail",
-                            options: {
-                                trail: {
-                                    length: {
-                                        min: 5,
-                                        max: 10,
-                                    },
-                                },
-                            },
-                        },
-                        shape: {
-                            type: "circle",
-                        },
                         size: {
-                            value: { min: 1, max: 2 },
-                            animation: {
-                                enable: true,
-                                speed: 5,
-                                count: 1,
-                                sync: false,
-                                startValue: StartValueType.min,
-                                destroy: DestroyType.none,
-                            },
+                            value: { min: 5, max: 10 },
                         },
                         life: {
                             count: 1,
                             duration: {
                                 value: {
-                                    min: 0.25,
-                                    max: 0.5,
+                                    min: 0.5,
+                                    max: 1,
                                 },
                             },
                         },
                         move: {
-                            decay: { min: 0.05, max: 0.1 },
+                            decay: 0.05,
                             enable: true,
                             gravity: {
-                                enable: true,
-                                inverse: false,
-                                acceleration: setRangeValue(options.gravity),
+                                enable: false,
+                            },
+                            speed: {
+                                min: 10,
+                                max: 25,
                             },
-                            speed: setRangeValue(options.speed),
-                            direction: "none",
+                            direction: "outside",
                             outModes: OutMode.destroy,
                         },
                     },
@@ -187,27 +169,16 @@ function getOptions(options, canvas) {
             life: {
                 count: 1,
             },
-            effect: {
-                type: "trail",
+            shape: {
+                type: "line",
                 options: {
-                    trail: {
-                        length: {
-                            min: 10,
-                            max: 30,
-                        },
-                        minWidth: 1,
-                        maxWidth: 1,
+                    line: {
+                        cap: "round",
                     },
                 },
             },
-            shape: {
-                type: "circle",
-            },
             size: {
-                value: 1,
-            },
-            opacity: {
-                value: 0.5,
+                value: { min: 10, max: 20 },
             },
             rotate: {
                 path: true,
@@ -215,15 +186,12 @@ function getOptions(options, canvas) {
             move: {
                 enable: true,
                 gravity: {
-                    acceleration: 15,
+                    acceleration: setRangeValue(options.gravity),
                     enable: true,
                     inverse: true,
-                    maxSpeed: 100,
-                },
-                speed: {
-                    min: 10,
-                    max: 20,
+                    maxSpeed: 150,
                 },
+                speed: setRangeValue(options.speed),
                 outModes: {
                     default: OutMode.destroy,
                     top: OutMode.none,
@@ -277,5 +245,5 @@ fireworks.create = async (canvas, options) => {
 fireworks.init = async () => {
     await initPlugins(tsParticles);
 };
-fireworks.version = "4.0.0-beta.1";
+fireworks.version = "4.0.0-beta.10";
 globalThis.fireworks = fireworks;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/fireworks",
-  "version": "4.0.0-beta.1",
+  "version": "4.0.0-beta.10",
   "description": "Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -93,21 +93,22 @@
       "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/basic": "4.0.0-beta.1",
-    "@tsparticles/effect-trail": "4.0.0-beta.1",
-    "@tsparticles/engine": "4.0.0-beta.1",
-    "@tsparticles/plugin-emitters": "4.0.0-beta.1",
-    "@tsparticles/plugin-emitters-shape-square": "4.0.0-beta.1",
-    "@tsparticles/plugin-sounds": "4.0.0-beta.1",
-    "@tsparticles/updater-destroy": "4.0.0-beta.1",
-    "@tsparticles/updater-life": "4.0.0-beta.1",
-    "@tsparticles/updater-rotate": "4.0.0-beta.1"
+    "@tsparticles/basic": "4.0.0-beta.10",
+    "@tsparticles/engine": "4.0.0-beta.10",
+    "@tsparticles/plugin-blend": "4.0.0-beta.10",
+    "@tsparticles/plugin-emitters": "4.0.0-beta.10",
+    "@tsparticles/plugin-emitters-shape-square": "4.0.0-beta.10",
+    "@tsparticles/plugin-sounds": "4.0.0-beta.10",
+    "@tsparticles/shape-line": "4.0.0-beta.10",
+    "@tsparticles/updater-destroy": "4.0.0-beta.10",
+    "@tsparticles/updater-life": "4.0.0-beta.10",
+    "@tsparticles/updater-paint": "4.0.0-beta.10",
+    "@tsparticles/updater-rotate": "4.0.0-beta.10"
   },
   "publishConfig": {
     "access": "public"

package/plugins_blend_dist_browser_BlendPluginInstance_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-beta.10
+ */
+"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_fireworks"] = this["webpackChunk_tsparticles_fireworks"] || []).push([["plugins_blend_dist_browser_BlendPluginInstance_js"],{
+
+/***/ "../../plugins/blend/dist/browser/BlendPluginInstance.js"
+/*!***************************************************************!*\
+  !*** ../../plugins/blend/dist/browser/BlendPluginInstance.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 */   BlendPluginInstance: () => (/* binding */ BlendPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass BlendPluginInstance {\n    _container;\n    _defaultCompositeValue;\n    constructor(container){\n        this._container = container;\n    }\n    drawParticleCleanup(context, particle) {\n        if (!particle.options.blend?.enable) {\n            return;\n        }\n        context.globalCompositeOperation = particle.originalBlendMode ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultCompositeValue;\n        particle.originalBlendMode = undefined;\n    }\n    drawParticleSetup(context, particle) {\n        if (!particle.options.blend?.enable) {\n            return;\n        }\n        particle.originalBlendMode = context.globalCompositeOperation;\n        context.globalCompositeOperation = particle.options.blend.mode;\n    }\n    drawSettingsCleanup(context) {\n        if (!this._defaultCompositeValue) {\n            return;\n        }\n        context.globalCompositeOperation = this._defaultCompositeValue;\n    }\n    drawSettingsSetup(context) {\n        const previousComposite = context.globalCompositeOperation, blend = this._container.actualOptions.blend;\n        this._defaultCompositeValue = previousComposite;\n        context.globalCompositeOperation = blend?.enable ? blend.mode : previousComposite;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../plugins/blend/dist/browser/BlendPluginInstance.js?\n}");
+
+/***/ }
+
+}]);

package/plugins_blend_dist_browser_BlendPlugin_js.js

@@ -0,0 +1,40 @@
+/*!
+ * 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-beta.10
+ */
+"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_fireworks"] = this["webpackChunk_tsparticles_fireworks"] || []).push([["plugins_blend_dist_browser_BlendPlugin_js"],{
+
+/***/ "../../plugins/blend/dist/browser/BlendPlugin.js"
+/*!*******************************************************!*\
+  !*** ../../plugins/blend/dist/browser/BlendPlugin.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 */   BlendPlugin: () => (/* binding */ BlendPlugin)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Blend_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Blend.js */ \"../../plugins/blend/dist/browser/Options/Classes/Blend.js\");\n\nclass BlendPlugin {\n    id = \"blend\";\n    async getPlugin(container) {\n        const { BlendPluginInstance } = await __webpack_require__.e(/*! import() */ \"plugins_blend_dist_browser_BlendPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./BlendPluginInstance.js */ \"../../plugins/blend/dist/browser/BlendPluginInstance.js\"));\n        return new BlendPluginInstance(container);\n    }\n    loadOptions(_container, options, source) {\n        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {\n            return;\n        }\n        let blendOptions = options.blend;\n        if (!blendOptions?.load) {\n            options.blend = blendOptions = new _Options_Classes_Blend_js__WEBPACK_IMPORTED_MODULE_0__.Blend();\n        }\n        blendOptions.load(source?.blend);\n    }\n    loadParticlesOptions(_container, options, source) {\n        options.blend ??= new _Options_Classes_Blend_js__WEBPACK_IMPORTED_MODULE_0__.Blend();\n        options.blend.load(source?.blend);\n    }\n    needsPlugin(options) {\n        return !!options?.blend?.enable || !!options?.particles?.blend?.enable;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../plugins/blend/dist/browser/BlendPlugin.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/blend/dist/browser/Options/Classes/Blend.js"
+/*!*****************************************************************!*\
+  !*** ../../plugins/blend/dist/browser/Options/Classes/Blend.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 */   Blend: () => (/* binding */ Blend)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass Blend {\n    enable;\n    mode;\n    constructor(){\n        this.mode = \"destination-out\";\n        this.enable = false;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.mode !== undefined) {\n            this.mode = data.mode;\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../plugins/blend/dist/browser/Options/Classes/Blend.js?\n}");
+
+/***/ }
+
+}]);

package/{effects_trail_dist_browser_index_js.js → plugins_blend_dist_browser_index_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.1
+ * v4.0.0-beta.10
  */
 "use strict";
 /*
@@ -15,15 +15,15 @@
  * 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_fireworks"] = this["webpackChunk_tsparticles_fireworks"] || []).push([["effects_trail_dist_browser_index_js"],{
+(this["webpackChunk_tsparticles_fireworks"] = this["webpackChunk_tsparticles_fireworks"] || []).push([["plugins_blend_dist_browser_index_js"],{
 
-/***/ "../../effects/trail/dist/browser/index.js"
+/***/ "../../plugins/blend/dist/browser/index.js"
 /*!*************************************************!*\
-  !*** ../../effects/trail/dist/browser/index.js ***!
+  !*** ../../plugins/blend/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 */   loadTrailEffect: () => (/* binding */ loadTrailEffect)\n/* harmony export */ });\nasync function loadTrailEffect(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addEffect(\"trail\", async (container)=>{\n            const { TrailDrawer } = await __webpack_require__.e(/*! import() */ \"effects_trail_dist_browser_TrailDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TrailDrawer.js */ \"../../effects/trail/dist/browser/TrailDrawer.js\"));\n            return new TrailDrawer(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../effects/trail/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadBlendPlugin: () => (/* binding */ loadBlendPlugin)\n/* harmony export */ });\nasync function loadBlendPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.10\");\n    await engine.pluginManager.register(async (e)=>{\n        const { BlendPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_blend_dist_browser_BlendPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./BlendPlugin.js */ \"../../plugins/blend/dist/browser/BlendPlugin.js\"));\n        e.pluginManager.addPlugin(new BlendPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../plugins/blend/dist/browser/index.js?\n}");
 
 /***/ }
 

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

package/plugins_colors_hex_dist_browser_index_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.1
+ * v4.0.0-beta.10
  */
 "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 */   loadHexColorPlugin: () => (/* binding */ loadHexColorPlugin)\n/* harmony export */ });\nasync function loadHexColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register(async (e)=>{\n        const { HexColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hex_dist_browser_HexColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HexColorManager.js */ \"../../plugins/colors/hex/dist/browser/HexColorManager.js\"));\n        e.pluginManager.addColorManager(\"hex\", new HexColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../plugins/colors/hex/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadHexColorPlugin: () => (/* binding */ loadHexColorPlugin)\n/* harmony export */ });\nasync function loadHexColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.10\");\n    await engine.pluginManager.register(async (e)=>{\n        const { HexColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hex_dist_browser_HexColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HexColorManager.js */ \"../../plugins/colors/hex/dist/browser/HexColorManager.js\"));\n        e.pluginManager.addColorManager(\"hex\", new HexColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../plugins/colors/hex/dist/browser/index.js?\n}");
 
 /***/ }
 

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

package/plugins_colors_hsl_dist_browser_index_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.1
+ * v4.0.0-beta.10
  */
 "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 */   loadHslColorPlugin: () => (/* binding */ loadHslColorPlugin)\n/* harmony export */ });\nasync function loadHslColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register(async (e)=>{\n        const { HslColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hsl_dist_browser_HslColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HslColorManager.js */ \"../../plugins/colors/hsl/dist/browser/HslColorManager.js\"));\n        e.pluginManager.addColorManager(\"hsl\", new HslColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../plugins/colors/hsl/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadHslColorPlugin: () => (/* binding */ loadHslColorPlugin)\n/* harmony export */ });\nasync function loadHslColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.10\");\n    await engine.pluginManager.register(async (e)=>{\n        const { HslColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_hsl_dist_browser_HslColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./HslColorManager.js */ \"../../plugins/colors/hsl/dist/browser/HslColorManager.js\"));\n        e.pluginManager.addColorManager(\"hsl\", new HslColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../plugins/colors/hsl/dist/browser/index.js?\n}");
 
 /***/ }
 

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

package/plugins_colors_rgb_dist_browser_index_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.1
+ * v4.0.0-beta.10
  */
 "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 */   loadRgbColorPlugin: () => (/* binding */ loadRgbColorPlugin)\n/* harmony export */ });\nasync function loadRgbColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register(async (e)=>{\n        const { RgbColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_rgb_dist_browser_RgbColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./RgbColorManager.js */ \"../../plugins/colors/rgb/dist/browser/RgbColorManager.js\"));\n        e.pluginManager.addColorManager(\"rgb\", new RgbColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../plugins/colors/rgb/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadRgbColorPlugin: () => (/* binding */ loadRgbColorPlugin)\n/* harmony export */ });\nasync function loadRgbColorPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.10\");\n    await engine.pluginManager.register(async (e)=>{\n        const { RgbColorManager } = await __webpack_require__.e(/*! import() */ \"plugins_colors_rgb_dist_browser_RgbColorManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./RgbColorManager.js */ \"../../plugins/colors/rgb/dist/browser/RgbColorManager.js\"));\n        e.pluginManager.addColorManager(\"rgb\", new RgbColorManager());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../plugins/colors/rgb/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_emittersShapes_square_dist_browser_EmittersSquareShapeGenerator_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.1
+ * v4.0.0-beta.10
  */
 "use strict";
 /*
@@ -37,13 +37,43 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
 
 /***/ },
 
+/***/ "../../plugins/emitters/dist/browser/ensureEmittersPluginLoaded.js"
+/*!*************************************************************************!*\
+  !*** ../../plugins/emitters/dist/browser/ensureEmittersPluginLoaded.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 */   ensureEmittersPluginLoaded: () => (/* binding */ ensureEmittersPluginLoaded)\n/* harmony export */ });\nfunction ensureEmittersPluginLoaded(e) {\n    if (!e.pluginManager.addEmitterShapeGenerator) {\n        throw new Error(\"tsParticles Emitters Plugin is not loaded\");\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../plugins/emitters/dist/browser/ensureEmittersPluginLoaded.js?\n}");
+
+/***/ },
+
 /***/ "../../plugins/emitters/dist/browser/index.js"
 /*!****************************************************!*\
   !*** ../../plugins/emitters/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 */   EmitterClickMode: () => (/* reexport safe */ _Enums_EmitterClickMode_js__WEBPACK_IMPORTED_MODULE_1__.EmitterClickMode),\n/* harmony export */   EmitterShapeBase: () => (/* reexport safe */ _EmitterShapeBase_js__WEBPACK_IMPORTED_MODULE_0__.EmitterShapeBase),\n/* harmony export */   ensureEmittersPluginLoaded: () => (/* binding */ ensureEmittersPluginLoaded),\n/* harmony export */   loadEmittersPlugin: () => (/* binding */ loadEmittersPlugin)\n/* harmony export */ });\n/* harmony import */ var _EmitterShapeBase_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EmitterShapeBase.js */ \"../../plugins/emitters/dist/browser/EmitterShapeBase.js\");\n/* harmony import */ var _Enums_EmitterClickMode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Enums/EmitterClickMode.js */ \"../../plugins/emitters/dist/browser/Enums/EmitterClickMode.js\");\nasync function loadEmittersPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ ensureInteractivityPluginLoaded }, { ShapeManager }, { EmittersInstancesManager }, { EmittersPlugin }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"../../plugins/interactivity/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_ShapeManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ShapeManager.js */ \"../../plugins/emitters/dist/browser/ShapeManager.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_EmittersInstancesManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersInstancesManager.js */ \"../../plugins/emitters/dist/browser/EmittersInstancesManager.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_EmittersPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersPlugin.js */ \"../../plugins/emitters/dist/browser/EmittersPlugin.js\"))\n        ]), pluginManager = e.pluginManager, instancesManager = new EmittersInstancesManager(pluginManager);\n        ensureInteractivityPluginLoaded(e);\n        pluginManager.emitterShapeManager ??= new ShapeManager();\n        pluginManager.addEmitterShapeGenerator ??= (name, generator)=>{\n            pluginManager.emitterShapeManager?.addShapeGenerator(name, generator);\n        };\n        pluginManager.addPlugin(new EmittersPlugin(instancesManager));\n        pluginManager.addInteractor?.(\"externalEmitters\", async (container)=>{\n            const { EmittersInteractor } = await __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_EmittersInteractor_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersInteractor.js */ \"../../plugins/emitters/dist/browser/EmittersInteractor.js\"));\n            return new EmittersInteractor(instancesManager, container);\n        });\n    });\n}\nfunction ensureEmittersPluginLoaded(e) {\n    if (!e.pluginManager.addEmitterShapeGenerator) {\n        throw new Error(\"tsParticles Emitters Plugin is not loaded\");\n    }\n}\n\n\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../plugins/emitters/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterClickMode: () => (/* reexport safe */ _Enums_EmitterClickMode_js__WEBPACK_IMPORTED_MODULE_4__.EmitterClickMode),\n/* harmony export */   EmitterShapeBase: () => (/* reexport safe */ _EmitterShapeBase_js__WEBPACK_IMPORTED_MODULE_3__.EmitterShapeBase),\n/* harmony export */   ensureEmittersPluginLoaded: () => (/* reexport safe */ _ensureEmittersPluginLoaded_js__WEBPACK_IMPORTED_MODULE_2__.ensureEmittersPluginLoaded),\n/* harmony export */   loadEmittersPlugin: () => (/* binding */ loadEmittersPlugin)\n/* harmony export */ });\n/* harmony import */ var _interaction_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./interaction.js */ \"../../plugins/emitters/dist/browser/interaction.js\");\n/* harmony import */ var _plugin_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./plugin.js */ \"../../plugins/emitters/dist/browser/plugin.js\");\n/* harmony import */ var _ensureEmittersPluginLoaded_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ensureEmittersPluginLoaded.js */ \"../../plugins/emitters/dist/browser/ensureEmittersPluginLoaded.js\");\n/* harmony import */ var _EmitterShapeBase_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./EmitterShapeBase.js */ \"../../plugins/emitters/dist/browser/EmitterShapeBase.js\");\n/* harmony import */ var _Enums_EmitterClickMode_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Enums/EmitterClickMode.js */ \"../../plugins/emitters/dist/browser/Enums/EmitterClickMode.js\");\n\n\nasync function loadEmittersPlugin(engine) {\n    await (0,_plugin_js__WEBPACK_IMPORTED_MODULE_1__.loadEmittersPluginSimple)(engine);\n    await (0,_interaction_js__WEBPACK_IMPORTED_MODULE_0__.loadEmittersInteraction)(engine);\n}\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../plugins/emitters/dist/browser/index.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/emitters/dist/browser/interaction.js"
+/*!**********************************************************!*\
+  !*** ../../plugins/emitters/dist/browser/interaction.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 */   EmitterClickMode: () => (/* reexport safe */ _Enums_EmitterClickMode_js__WEBPACK_IMPORTED_MODULE_1__.EmitterClickMode),\n/* harmony export */   EmitterShapeBase: () => (/* reexport safe */ _EmitterShapeBase_js__WEBPACK_IMPORTED_MODULE_0__.EmitterShapeBase),\n/* harmony export */   loadEmittersInteraction: () => (/* binding */ loadEmittersInteraction)\n/* harmony export */ });\n/* harmony import */ var _EmitterShapeBase_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EmitterShapeBase.js */ \"../../plugins/emitters/dist/browser/EmitterShapeBase.js\");\n/* harmony import */ var _Enums_EmitterClickMode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Enums/EmitterClickMode.js */ \"../../plugins/emitters/dist/browser/Enums/EmitterClickMode.js\");\nasync function loadEmittersInteraction(engine) {\n    engine.checkVersion(\"4.0.0-beta.10\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ ensureInteractivityPluginLoaded }, { addEmittersShapesManager }, { getEmittersInstancesManager }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"../../plugins/interactivity/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_addEmittersShapesManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./addEmittersShapesManager.js */ \"../../plugins/emitters/dist/browser/addEmittersShapesManager.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_getEmittersInstancesManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./getEmittersInstancesManager.js */ \"../../plugins/emitters/dist/browser/getEmittersInstancesManager.js\"))\n        ]), instancesManager = await getEmittersInstancesManager(e);\n        ensureInteractivityPluginLoaded(e);\n        await addEmittersShapesManager(e);\n        e.pluginManager.addInteractor?.(\"externalEmitters\", async (container)=>{\n            const { EmittersInteractor } = await __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_EmittersInteractor_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersInteractor.js */ \"../../plugins/emitters/dist/browser/EmittersInteractor.js\"));\n            return new EmittersInteractor(instancesManager, container);\n        });\n    });\n}\n\n\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../plugins/emitters/dist/browser/interaction.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/emitters/dist/browser/plugin.js"
+/*!*****************************************************!*\
+  !*** ../../plugins/emitters/dist/browser/plugin.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 */   EmitterClickMode: () => (/* reexport safe */ _Enums_EmitterClickMode_js__WEBPACK_IMPORTED_MODULE_1__.EmitterClickMode),\n/* harmony export */   EmitterShapeBase: () => (/* reexport safe */ _EmitterShapeBase_js__WEBPACK_IMPORTED_MODULE_0__.EmitterShapeBase),\n/* harmony export */   loadEmittersPluginSimple: () => (/* binding */ loadEmittersPluginSimple)\n/* harmony export */ });\n/* harmony import */ var _EmitterShapeBase_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EmitterShapeBase.js */ \"../../plugins/emitters/dist/browser/EmitterShapeBase.js\");\n/* harmony import */ var _Enums_EmitterClickMode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Enums/EmitterClickMode.js */ \"../../plugins/emitters/dist/browser/Enums/EmitterClickMode.js\");\nasync function loadEmittersPluginSimple(engine) {\n    engine.checkVersion(\"4.0.0-beta.10\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ addEmittersShapesManager }, { getEmittersInstancesManager }, { EmittersPlugin }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_addEmittersShapesManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./addEmittersShapesManager.js */ \"../../plugins/emitters/dist/browser/addEmittersShapesManager.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_getEmittersInstancesManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./getEmittersInstancesManager.js */ \"../../plugins/emitters/dist/browser/getEmittersInstancesManager.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_EmittersPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersPlugin.js */ \"../../plugins/emitters/dist/browser/EmittersPlugin.js\"))\n        ]), instancesManager = await getEmittersInstancesManager(e);\n        await addEmittersShapesManager(e);\n        e.pluginManager.addPlugin(new EmittersPlugin(instancesManager));\n    });\n}\n\n\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../plugins/emitters/dist/browser/plugin.js?\n}");
 
 /***/ },