@tsparticles/fireworks 4.0.0-beta.6 → 4.0.0-beta.9

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,20 +21,24 @@ async function initPlugins(engine) {
         });
     }
     initializing = true;
-    engine.checkVersion("4.0.0-beta.6");
+    engine.checkVersion("4.0.0-beta.9");
     await engine.pluginManager.register(async (e) => {
-        const [{ loadBasic }, { loadEmittersPluginSimple }, { loadEmittersShapeSquare }, { loadSoundsPlugin }, { loadRotateUpdater }, { loadDestroyUpdater }, { loadLifeUpdater }, { loadTrailEffect },] = await Promise.all([
+        const [{ loadBasic }, { loadLineShape }, { loadBlendPlugin }, { loadEmittersPluginSimple }, { loadEmittersShapeSquare }, { loadSoundsPlugin }, { loadRotateUpdater }, { loadDestroyUpdater }, { loadLifeUpdater }, { loadStrokeColorUpdater },] = await Promise.all([
             import("@tsparticles/basic"),
+            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-stroke-color"),
         ]);
         await Promise.all([
             loadBasic(e),
+            loadLineShape(e),
+            loadBlendPlugin(e),
             (async () => {
                 await loadEmittersPluginSimple(e);
                 await loadEmittersShapeSquare(e);
@@ -44,7 +47,7 @@ async function initPlugins(engine) {
             loadRotateUpdater(e),
             loadDestroyUpdater(e),
             loadLifeUpdater(e),
-            loadTrailEffect(e),
+            loadStrokeColorUpdater(e),
         ]);
     });
     initializing = false;
@@ -57,8 +60,12 @@ function getOptions(options, canvas) {
         background: {
             color: options.background,
         },
+        blend: {
+            enable: true,
+            mode: "lighter",
+        },
         fullScreen: {
-            enable: !!canvas,
+            enable: !canvas,
         },
         fpsLimit: 60,
         emitters: {
@@ -87,11 +94,11 @@ function getOptions(options, canvas) {
             number: {
                 value: 0,
             },
-            fill: {
+            stroke: {
                 color: {
-                    value: "#fff",
+                    value: options.colors,
                 },
-                enable: true,
+                width: 2,
             },
             destroy: {
                 mode: "split",
@@ -99,7 +106,6 @@ function getOptions(options, canvas) {
                     top: setRangeValue(options.minHeight),
                 },
                 split: {
-                    sizeOffset: false,
                     count: 1,
                     factor: {
                         value: 0.333333,
@@ -107,20 +113,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,
                         },
@@ -131,56 +129,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,
                         },
                     },
@@ -189,27 +167,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,
@@ -217,15 +184,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,
@@ -279,5 +243,5 @@ fireworks.create = async (canvas, options) => {
 fireworks.init = async () => {
     await initPlugins(tsParticles);
 };
-fireworks.version = "4.0.0-beta.6";
+fireworks.version = "4.0.0-beta.9";
 globalThis.fireworks = fireworks;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/fireworks",
-  "version": "4.0.0-beta.6",
+  "version": "4.0.0-beta.9",
   "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": {
@@ -98,15 +98,17 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/basic": "4.0.0-beta.6",
-    "@tsparticles/effect-trail": "4.0.0-beta.6",
-    "@tsparticles/engine": "4.0.0-beta.6",
-    "@tsparticles/plugin-emitters": "4.0.0-beta.6",
-    "@tsparticles/plugin-emitters-shape-square": "4.0.0-beta.6",
-    "@tsparticles/plugin-sounds": "4.0.0-beta.6",
-    "@tsparticles/updater-destroy": "4.0.0-beta.6",
-    "@tsparticles/updater-life": "4.0.0-beta.6",
-    "@tsparticles/updater-rotate": "4.0.0-beta.6"
+    "@tsparticles/basic": "4.0.0-beta.9",
+    "@tsparticles/engine": "4.0.0-beta.9",
+    "@tsparticles/plugin-blend": "4.0.0-beta.9",
+    "@tsparticles/plugin-emitters": "4.0.0-beta.9",
+    "@tsparticles/plugin-emitters-shape-square": "4.0.0-beta.9",
+    "@tsparticles/plugin-sounds": "4.0.0-beta.9",
+    "@tsparticles/shape-line": "4.0.0-beta.9",
+    "@tsparticles/updater-destroy": "4.0.0-beta.9",
+    "@tsparticles/updater-life": "4.0.0-beta.9",
+    "@tsparticles/updater-rotate": "4.0.0-beta.9",
+    "@tsparticles/updater-stroke-color": "4.0.0-beta.9"
   },
   "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.9
+ */
+"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.9
+ */
+"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.6
+ * v4.0.0-beta.9
  */
 "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.6\");\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.9\");\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.6
+ * v4.0.0-beta.9
  */
 "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.6
+ * v4.0.0-beta.9
  */
 "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.6\");\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.9\");\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.6
+ * v4.0.0-beta.9
  */
 "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.6
+ * v4.0.0-beta.9
  */
 "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.6\");\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.9\");\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.6
+ * v4.0.0-beta.9
  */
 "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.6
+ * v4.0.0-beta.9
  */
 "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.6\");\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.9\");\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.6
+ * v4.0.0-beta.9
  */
 "use strict";
 /*
@@ -63,7 +63,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 */   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.6\");\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}");
+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.9\");\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}");
 
 /***/ },
 
@@ -73,7 +73,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 */   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.6\");\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}");
+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.9\");\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}");
 
 /***/ },
 

package/plugins_emittersShapes_square_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.6
+ * v4.0.0-beta.9
  */
 "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 */   loadEmittersShapeSquare: () => (/* binding */ loadEmittersShapeSquare)\n/* harmony export */ });\nasync function loadEmittersShapeSquare(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register(async (e)=>{\n        const { ensureEmittersPluginLoaded } = await __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters */ \"../../plugins/emitters/dist/browser/index.js\"));\n        ensureEmittersPluginLoaded(e);\n        const { EmittersSquareShapeGenerator } = await __webpack_require__.e(/*! import() */ \"plugins_emittersShapes_square_dist_browser_EmittersSquareShapeGenerator_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersSquareShapeGenerator.js */ \"../../plugins/emittersShapes/square/dist/browser/EmittersSquareShapeGenerator.js\"));\n        e.pluginManager.addEmitterShapeGenerator?.(\"square\", new EmittersSquareShapeGenerator());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../plugins/emittersShapes/square/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadEmittersShapeSquare: () => (/* binding */ loadEmittersShapeSquare)\n/* harmony export */ });\nasync function loadEmittersShapeSquare(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register(async (e)=>{\n        const { ensureEmittersPluginLoaded } = await __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters */ \"../../plugins/emitters/dist/browser/index.js\"));\n        ensureEmittersPluginLoaded(e);\n        const { EmittersSquareShapeGenerator } = await __webpack_require__.e(/*! import() */ \"plugins_emittersShapes_square_dist_browser_EmittersSquareShapeGenerator_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersSquareShapeGenerator.js */ \"../../plugins/emittersShapes/square/dist/browser/EmittersSquareShapeGenerator.js\"));\n        e.pluginManager.addEmitterShapeGenerator?.(\"square\", new EmittersSquareShapeGenerator());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../plugins/emittersShapes/square/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_emitters_dist_browser_EmitterInstance_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.6
+ * v4.0.0-beta.9
  */
 "use strict";
 /*

package/plugins_emitters_dist_browser_EmittersInstancesManager_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.6
+ * v4.0.0-beta.9
  */
 "use strict";
 /*

package/plugins_emitters_dist_browser_EmittersInteractor_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.6
+ * v4.0.0-beta.9
  */
 "use strict";
 /*
@@ -193,7 +193,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 */   DivEvent: () => (/* reexport safe */ _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__.DivEvent),\n/* harmony export */   DivType: () => (/* reexport safe */ _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__.DivType),\n/* harmony export */   ExternalInteractorBase: () => (/* reexport safe */ _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__.ExternalInteractorBase),\n/* harmony export */   InteractivityDetect: () => (/* reexport safe */ _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__.InteractivityDetect),\n/* harmony export */   InteractorType: () => (/* reexport safe */ _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__.InteractorType),\n/* harmony export */   Modes: () => (/* reexport safe */ _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__.Modes),\n/* harmony export */   ParticlesInteractorBase: () => (/* reexport safe */ _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__.ParticlesInteractorBase),\n/* harmony export */   clickEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.clickEvent),\n/* harmony export */   divMode: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divMode),\n/* harmony export */   divModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divModeExecute),\n/* harmony export */   ensureInteractivityPluginLoaded: () => (/* binding */ ensureInteractivityPluginLoaded),\n/* harmony export */   isDivModeEnabled: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.isDivModeEnabled),\n/* harmony export */   loadInteractivityPlugin: () => (/* binding */ loadInteractivityPlugin),\n/* harmony export */   mouseDownEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseDownEvent),\n/* harmony export */   mouseLeaveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseLeaveEvent),\n/* harmony export */   mouseMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseMoveEvent),\n/* harmony export */   mouseUpEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseUpEvent),\n/* harmony export */   singleDivModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.singleDivModeExecute),\n/* harmony export */   touchCancelEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchCancelEvent),\n/* harmony export */   touchEndEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchEndEvent),\n/* harmony export */   touchMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchMoveEvent),\n/* harmony export */   touchStartEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchStartEvent)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BaseClasses/ExternalInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ExternalInteractorBase.js\");\n/* harmony import */ var _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BaseClasses/ParticlesInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ParticlesInteractorBase.js\");\n/* harmony import */ var _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../plugins/interactivity/dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Enums/DivType.js */ \"../../plugins/interactivity/dist/browser/Enums/DivType.js\");\n/* harmony import */ var _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Enums/InteractivityDetect.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractivityDetect.js\");\n/* harmony import */ var _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Enums/InteractorType.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractorType.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/interactivity/dist/browser/utils.js\");\n/* harmony import */ var _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Options/Classes/Events/DivEvent.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/DivEvent.js\");\n/* harmony import */ var _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Options/Classes/Modes/Modes.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Modes/Modes.js\");\n\nasync function loadInteractivityPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register(async (e)=>{\n        const interactivityEngine = e, interactivityPluginManager = interactivityEngine.pluginManager, { InteractivityPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_InteractivityPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InteractivityPlugin.js */ \"../../plugins/interactivity/dist/browser/InteractivityPlugin.js\"));\n        interactivityPluginManager.addPlugin(new InteractivityPlugin(interactivityPluginManager));\n        interactivityPluginManager.initializers.interactors ??= new Map();\n        interactivityPluginManager.interactors ??= new Map();\n        interactivityPluginManager.addInteractor = (name, interactorInitializer)=>{\n            interactivityPluginManager.initializers.interactors ??= new Map();\n            interactivityPluginManager.initializers.interactors.set(name, interactorInitializer);\n        };\n        interactivityPluginManager.getInteractors = async (container, force = false)=>{\n            interactivityPluginManager.interactors ??= new Map();\n            interactivityPluginManager.initializers.interactors ??= new Map();\n            return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getItemsFromInitializer)(container, interactivityPluginManager.interactors, interactivityPluginManager.initializers.interactors, force);\n        };\n        interactivityPluginManager.setOnClickHandler = (callback)=>{\n            const { items } = interactivityEngine;\n            if (!items.length) {\n                throw new Error(\"Click handlers can only be set after calling tsParticles.load()\");\n            }\n            items.forEach((item)=>{\n                const interactivityContainer = item;\n                interactivityContainer.addClickHandler?.(callback);\n            });\n        };\n    });\n}\nfunction ensureInteractivityPluginLoaded(e) {\n    if (!e.pluginManager.addInteractor) {\n        throw new Error(\"tsParticles Interactivity Plugin is not loaded\");\n    }\n}\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../plugins/interactivity/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DivEvent: () => (/* reexport safe */ _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__.DivEvent),\n/* harmony export */   DivType: () => (/* reexport safe */ _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__.DivType),\n/* harmony export */   ExternalInteractorBase: () => (/* reexport safe */ _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__.ExternalInteractorBase),\n/* harmony export */   InteractivityDetect: () => (/* reexport safe */ _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__.InteractivityDetect),\n/* harmony export */   InteractorType: () => (/* reexport safe */ _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__.InteractorType),\n/* harmony export */   Modes: () => (/* reexport safe */ _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__.Modes),\n/* harmony export */   ParticlesInteractorBase: () => (/* reexport safe */ _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__.ParticlesInteractorBase),\n/* harmony export */   clickEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.clickEvent),\n/* harmony export */   divMode: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divMode),\n/* harmony export */   divModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divModeExecute),\n/* harmony export */   ensureInteractivityPluginLoaded: () => (/* binding */ ensureInteractivityPluginLoaded),\n/* harmony export */   isDivModeEnabled: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.isDivModeEnabled),\n/* harmony export */   loadInteractivityPlugin: () => (/* binding */ loadInteractivityPlugin),\n/* harmony export */   mouseDownEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseDownEvent),\n/* harmony export */   mouseLeaveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseLeaveEvent),\n/* harmony export */   mouseMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseMoveEvent),\n/* harmony export */   mouseUpEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseUpEvent),\n/* harmony export */   singleDivModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.singleDivModeExecute),\n/* harmony export */   touchCancelEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchCancelEvent),\n/* harmony export */   touchEndEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchEndEvent),\n/* harmony export */   touchMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchMoveEvent),\n/* harmony export */   touchStartEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchStartEvent)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BaseClasses/ExternalInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ExternalInteractorBase.js\");\n/* harmony import */ var _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BaseClasses/ParticlesInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ParticlesInteractorBase.js\");\n/* harmony import */ var _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../plugins/interactivity/dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Enums/DivType.js */ \"../../plugins/interactivity/dist/browser/Enums/DivType.js\");\n/* harmony import */ var _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Enums/InteractivityDetect.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractivityDetect.js\");\n/* harmony import */ var _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Enums/InteractorType.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractorType.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/interactivity/dist/browser/utils.js\");\n/* harmony import */ var _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Options/Classes/Events/DivEvent.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/DivEvent.js\");\n/* harmony import */ var _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Options/Classes/Modes/Modes.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Modes/Modes.js\");\n\nasync function loadInteractivityPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.9\");\n    await engine.pluginManager.register(async (e)=>{\n        const interactivityEngine = e, interactivityPluginManager = interactivityEngine.pluginManager, { InteractivityPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_InteractivityPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InteractivityPlugin.js */ \"../../plugins/interactivity/dist/browser/InteractivityPlugin.js\"));\n        interactivityPluginManager.addPlugin(new InteractivityPlugin(interactivityPluginManager));\n        interactivityPluginManager.initializers.interactors ??= new Map();\n        interactivityPluginManager.interactors ??= new Map();\n        interactivityPluginManager.addInteractor = (name, interactorInitializer)=>{\n            interactivityPluginManager.initializers.interactors ??= new Map();\n            interactivityPluginManager.initializers.interactors.set(name, interactorInitializer);\n        };\n        interactivityPluginManager.getInteractors = async (container, force = false)=>{\n            interactivityPluginManager.interactors ??= new Map();\n            interactivityPluginManager.initializers.interactors ??= new Map();\n            return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getItemsFromInitializer)(container, interactivityPluginManager.interactors, interactivityPluginManager.initializers.interactors, force);\n        };\n        interactivityPluginManager.setOnClickHandler = (callback)=>{\n            const { items } = interactivityEngine;\n            if (!items.length) {\n                throw new Error(\"Click handlers can only be set after calling tsParticles.load()\");\n            }\n            items.forEach((item)=>{\n                const interactivityContainer = item;\n                interactivityContainer.addClickHandler?.(callback);\n            });\n        };\n    });\n}\nfunction ensureInteractivityPluginLoaded(e) {\n    if (!e.pluginManager.addInteractor) {\n        throw new Error(\"tsParticles Interactivity Plugin is not loaded\");\n    }\n}\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../plugins/interactivity/dist/browser/index.js?\n}");
 
 /***/ },