@tsparticles/fireworks 4.0.0-beta.8 → 4.0.0

package/tsparticles.fireworks.js

@@ -1,467 +1,395 @@
-/*!
- * 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.8
- */
-/*
- * 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/).
- */
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("@tsparticles/engine"), require("@tsparticles/updater-stroke-color"), require("@tsparticles/updater-life"), require("@tsparticles/updater-destroy"), require("@tsparticles/updater-rotate"), require("@tsparticles/plugin-sounds"), require("@tsparticles/plugin-emitters-shape-square"), require("@tsparticles/plugin-emitters/plugin"), require("@tsparticles/plugin-blend"), require("@tsparticles/shape-line"), require("@tsparticles/basic"));
-	else if(typeof define === 'function' && define.amd)
-		define(["@tsparticles/engine", "@tsparticles/updater-stroke-color", "@tsparticles/updater-life", "@tsparticles/updater-destroy", "@tsparticles/updater-rotate", "@tsparticles/plugin-sounds", "@tsparticles/plugin-emitters-shape-square", "@tsparticles/plugin-emitters/plugin", "@tsparticles/plugin-blend", "@tsparticles/shape-line", "@tsparticles/basic"], factory);
-	else {
-		var a = typeof exports === 'object' ? factory(require("@tsparticles/engine"), require("@tsparticles/updater-stroke-color"), require("@tsparticles/updater-life"), require("@tsparticles/updater-destroy"), require("@tsparticles/updater-rotate"), require("@tsparticles/plugin-sounds"), require("@tsparticles/plugin-emitters-shape-square"), require("@tsparticles/plugin-emitters/plugin"), require("@tsparticles/plugin-blend"), require("@tsparticles/shape-line"), require("@tsparticles/basic")) : factory(root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"]);
-		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
-	}
-})(this, (__WEBPACK_EXTERNAL_MODULE__tsparticles_engine__, __WEBPACK_EXTERNAL_MODULE__tsparticles_updater_stroke_color__, __WEBPACK_EXTERNAL_MODULE__tsparticles_updater_life__, __WEBPACK_EXTERNAL_MODULE__tsparticles_updater_destroy__, __WEBPACK_EXTERNAL_MODULE__tsparticles_updater_rotate__, __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_sounds__, __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_emitters_shape_square__, __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_emitters_plugin__, __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_blend__, __WEBPACK_EXTERNAL_MODULE__tsparticles_shape_line__, __WEBPACK_EXTERNAL_MODULE__tsparticles_basic__) => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ "@tsparticles/basic"
-/*!******************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/basic","commonjs2":"@tsparticles/basic","amd":"@tsparticles/basic","root":"window"} ***!
-  \******************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_basic__;
-
-/***/ },
-
-/***/ "@tsparticles/engine"
-/*!*********************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"} ***!
-  \*********************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
-
-/***/ },
-
-/***/ "@tsparticles/plugin-blend"
-/*!***************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/plugin-blend","commonjs2":"@tsparticles/plugin-blend","amd":"@tsparticles/plugin-blend","root":"window"} ***!
-  \***************************************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_blend__;
-
-/***/ },
-
-/***/ "@tsparticles/plugin-emitters-shape-square"
-/*!***************************************************************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/plugin-emitters-shape-square","commonjs2":"@tsparticles/plugin-emitters-shape-square","amd":"@tsparticles/plugin-emitters-shape-square","root":"window"} ***!
-  \***************************************************************************************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_emitters_shape_square__;
-
-/***/ },
-
-/***/ "@tsparticles/plugin-emitters/plugin"
-/*!*********************************************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/plugin-emitters/plugin","commonjs2":"@tsparticles/plugin-emitters/plugin","amd":"@tsparticles/plugin-emitters/plugin","root":"window"} ***!
-  \*********************************************************************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_emitters_plugin__;
-
-/***/ },
-
-/***/ "@tsparticles/plugin-sounds"
-/*!******************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/plugin-sounds","commonjs2":"@tsparticles/plugin-sounds","amd":"@tsparticles/plugin-sounds","root":"window"} ***!
-  \******************************************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_sounds__;
-
-/***/ },
-
-/***/ "@tsparticles/shape-line"
-/*!*********************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/shape-line","commonjs2":"@tsparticles/shape-line","amd":"@tsparticles/shape-line","root":"window"} ***!
-  \*********************************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_shape_line__;
-
-/***/ },
-
-/***/ "@tsparticles/updater-destroy"
-/*!************************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/updater-destroy","commonjs2":"@tsparticles/updater-destroy","amd":"@tsparticles/updater-destroy","root":"window"} ***!
-  \************************************************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_updater_destroy__;
-
-/***/ },
-
-/***/ "@tsparticles/updater-life"
-/*!***************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/updater-life","commonjs2":"@tsparticles/updater-life","amd":"@tsparticles/updater-life","root":"window"} ***!
-  \***************************************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_updater_life__;
-
-/***/ },
-
-/***/ "@tsparticles/updater-rotate"
-/*!*********************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/updater-rotate","commonjs2":"@tsparticles/updater-rotate","amd":"@tsparticles/updater-rotate","root":"window"} ***!
-  \*********************************************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_updater_rotate__;
-
-/***/ },
-
-/***/ "@tsparticles/updater-stroke-color"
-/*!***************************************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/updater-stroke-color","commonjs2":"@tsparticles/updater-stroke-color","amd":"@tsparticles/updater-stroke-color","root":"window"} ***!
-  \***************************************************************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_updater_stroke_color__;
-
-/***/ },
-
-/***/ "./dist/browser/FireworkOptions.js"
-/*!*****************************************!*\
-  !*** ./dist/browser/FireworkOptions.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 */   FireworkOptions: () => (/* binding */ FireworkOptions)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass FireworkOptions {\n    background;\n    brightness;\n    colors;\n    gravity;\n    minHeight;\n    rate;\n    saturation;\n    sounds;\n    speed;\n    splitCount;\n    constructor(){\n        this.background = \"none\";\n        this.brightness = {\n            min: -30,\n            max: 30\n        };\n        this.colors = [\n            \"#FF0000\",\n            \"#FF2A00\",\n            \"#FF5500\",\n            \"#FF8000\",\n            \"#FFAA00\",\n            \"#FFD400\",\n            \"#FFFF00\",\n            \"#D4FF00\",\n            \"#AAFF00\",\n            \"#80FF00\",\n            \"#55FF00\",\n            \"#2AFF00\",\n            \"#00FF00\",\n            \"#00FF2A\",\n            \"#00FF55\",\n            \"#00FF80\",\n            \"#00FFAA\",\n            \"#00FFD4\",\n            \"#00FFFF\",\n            \"#00D4FF\",\n            \"#00AAFF\",\n            \"#0080FF\",\n            \"#0055FF\",\n            \"#002AFF\",\n            \"#0000FF\",\n            \"#2A00FF\",\n            \"#5500FF\",\n            \"#8000FF\",\n            \"#AA00FF\",\n            \"#D400FF\",\n            \"#FF00FF\",\n            \"#FF00D4\",\n            \"#FF00AA\",\n            \"#FF0080\",\n            \"#FF0055\",\n            \"#FF002A\"\n        ];\n        this.gravity = 30;\n        this.minHeight = {\n            min: 10,\n            max: 30\n        };\n        this.rate = 10;\n        this.saturation = {\n            min: -30,\n            max: 30\n        };\n        this.sounds = true;\n        this.speed = {\n            min: 20,\n            max: 40\n        };\n        this.splitCount = 100;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.background !== undefined) {\n            this.background = data.background;\n        }\n        if (data.colors !== undefined) {\n            if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isArray)(data.colors)) {\n                this.colors = [\n                    ...data.colors\n                ];\n            } else {\n                this.colors = data.colors;\n            }\n        }\n        if (data.brightness !== undefined) {\n            this.brightness = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.brightness);\n        }\n        if (data.gravity !== undefined) {\n            this.gravity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.gravity);\n        }\n        if (data.minHeight !== undefined) {\n            this.minHeight = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.minHeight);\n        }\n        if (data.rate !== undefined) {\n            this.rate = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.rate);\n        }\n        if (data.saturation !== undefined) {\n            this.saturation = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.saturation);\n        }\n        if (data.sounds !== undefined) {\n            this.sounds = data.sounds;\n        }\n        if (data.speed !== undefined) {\n            this.speed = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.speed);\n        }\n        if (data.splitCount !== undefined) {\n            this.splitCount = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.splitCount);\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/./dist/browser/FireworkOptions.js?\n}");
-
-/***/ },
-
-/***/ "./dist/browser/fireworks.js"
-/*!***********************************!*\
-  !*** ./dist/browser/fireworks.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 */   fireworks: () => (/* binding */ fireworks)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _FireworkOptions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./FireworkOptions.js */ \"./dist/browser/FireworkOptions.js\");\n\n\nlet initialized = false, initializing = false;\nconst explodeSoundCheck = (args)=>{\n    const data = args.data;\n    return data?.particle?.options.move.gravity.enable ?? false;\n};\nasync function initPlugins(engine) {\n    if (initialized) {\n        return;\n    }\n    if (initializing) {\n        return new Promise((resolve)=>{\n            const timeout = 100, interval = setInterval(()=>{\n                if (!initialized) {\n                    return;\n                }\n                clearInterval(interval);\n                resolve();\n            }, timeout);\n        });\n    }\n    initializing = true;\n    engine.checkVersion(\"4.0.0-beta.8\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ loadBasic }, { loadLineShape }, { loadBlendPlugin }, { loadEmittersPluginSimple }, { loadEmittersShapeSquare }, { loadSoundsPlugin }, { loadRotateUpdater }, { loadDestroyUpdater }, { loadLifeUpdater }, { loadStrokeColorUpdater }] = await Promise.all([\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/basic */ \"@tsparticles/basic\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/shape-line */ \"@tsparticles/shape-line\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/plugin-blend */ \"@tsparticles/plugin-blend\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/plugin-emitters/plugin */ \"@tsparticles/plugin-emitters/plugin\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/plugin-emitters-shape-square */ \"@tsparticles/plugin-emitters-shape-square\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/plugin-sounds */ \"@tsparticles/plugin-sounds\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/updater-rotate */ \"@tsparticles/updater-rotate\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/updater-destroy */ \"@tsparticles/updater-destroy\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/updater-life */ \"@tsparticles/updater-life\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/updater-stroke-color */ \"@tsparticles/updater-stroke-color\", 19))\n        ]);\n        await Promise.all([\n            loadBasic(e),\n            loadLineShape(e),\n            loadBlendPlugin(e),\n            (async ()=>{\n                await loadEmittersPluginSimple(e);\n                await loadEmittersShapeSquare(e);\n            })(),\n            loadSoundsPlugin(e),\n            loadRotateUpdater(e),\n            loadDestroyUpdater(e),\n            loadLifeUpdater(e),\n            loadStrokeColorUpdater(e)\n        ]);\n    });\n    initializing = false;\n    initialized = true;\n}\nfunction getOptions(options, canvas) {\n    const identity = 1;\n    return {\n        detectRetina: true,\n        background: {\n            color: options.background\n        },\n        blend: {\n            enable: true,\n            mode: \"lighter\"\n        },\n        fullScreen: {\n            enable: !canvas\n        },\n        fpsLimit: 60,\n        emitters: {\n            direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.top,\n            life: {\n                count: 0,\n                duration: 0.1,\n                delay: 0.1\n            },\n            rate: {\n                delay: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNumber)(options.rate) ? identity / options.rate : {\n                    min: identity / (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeMin)(options.rate),\n                    max: identity / (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeMax)(options.rate)\n                },\n                quantity: 1\n            },\n            size: {\n                width: 100,\n                height: 0\n            },\n            position: {\n                y: 100,\n                x: 50\n            }\n        },\n        particles: {\n            number: {\n                value: 0\n            },\n            stroke: {\n                color: {\n                    value: options.colors\n                },\n                width: 2\n            },\n            destroy: {\n                mode: \"split\",\n                bounds: {\n                    top: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(options.minHeight)\n                },\n                split: {\n                    count: 1,\n                    factor: {\n                        value: 0.333333\n                    },\n                    rate: {\n                        value: options.splitCount\n                    },\n                    strokeColorOffset: {\n                        s: options.saturation,\n                        l: options.brightness\n                    },\n                    particles: {\n                        group: \"split\",\n                        number: {\n                            value: 0\n                        },\n                        opacity: {\n                            value: {\n                                min: 0.1,\n                                max: 1\n                            },\n                            animation: {\n                                enable: true,\n                                speed: {\n                                    min: 2,\n                                    max: 4\n                                },\n                                sync: true,\n                                startValue: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.StartValueType.max,\n                                destroy: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.DestroyType.min,\n                                count: 1\n                            }\n                        },\n                        size: {\n                            value: {\n                                min: 5,\n                                max: 10\n                            }\n                        },\n                        life: {\n                            count: 1,\n                            duration: {\n                                value: {\n                                    min: 0.5,\n                                    max: 1\n                                }\n                            }\n                        },\n                        move: {\n                            decay: 0.05,\n                            enable: true,\n                            gravity: {\n                                enable: false\n                            },\n                            speed: {\n                                min: 10,\n                                max: 25\n                            },\n                            direction: \"outside\",\n                            outModes: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.destroy\n                        }\n                    }\n                }\n            },\n            life: {\n                count: 1\n            },\n            shape: {\n                type: \"line\",\n                options: {\n                    line: {\n                        cap: \"round\"\n                    }\n                }\n            },\n            size: {\n                value: {\n                    min: 10,\n                    max: 20\n                }\n            },\n            rotate: {\n                path: true\n            },\n            move: {\n                enable: true,\n                gravity: {\n                    acceleration: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(options.gravity),\n                    enable: true,\n                    inverse: true,\n                    maxSpeed: 150\n                },\n                speed: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(options.speed),\n                outModes: {\n                    default: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.destroy,\n                    top: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.none\n                }\n            }\n        },\n        sounds: {\n            enable: options.sounds,\n            events: [\n                {\n                    event: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.EventType.particleRemoved,\n                    filter: explodeSoundCheck,\n                    audio: [\n                        \"https://particles.js.org/audio/explosion0.mp3\",\n                        \"https://particles.js.org/audio/explosion1.mp3\",\n                        \"https://particles.js.org/audio/explosion2.mp3\"\n                    ]\n                }\n            ],\n            volume: 50\n        }\n    };\n}\nasync function getFireworksInstance(id, sourceOptions, canvas) {\n    await initPlugins(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.tsParticles);\n    const options = new _FireworkOptions_js__WEBPACK_IMPORTED_MODULE_1__.FireworkOptions();\n    options.load(sourceOptions);\n    const particlesOptions = getOptions(options, canvas), container = await _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.tsParticles.load({\n        id,\n        element: canvas,\n        options: particlesOptions\n    });\n    if (!container) {\n        return;\n    }\n    const { FireworksInstance } = await __webpack_require__.e(/*! import() */ \"dist_browser_FireworksInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./FireworksInstance.js */ \"./dist/browser/FireworksInstance.js\"));\n    return new FireworksInstance(container);\n}\nasync function fireworks(idOrOptions, sourceOptions) {\n    let id, options;\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isString)(idOrOptions)) {\n        id = idOrOptions;\n        options = sourceOptions ?? {};\n    } else {\n        id = \"fireworks\";\n        options = idOrOptions ?? {};\n    }\n    return getFireworksInstance(id, options);\n}\nfireworks.create = async (canvas, options)=>{\n    const id = canvas.id || \"fireworks\";\n    return getFireworksInstance(id, options ?? {}, canvas);\n};\nfireworks.init = async ()=>{\n    await initPlugins(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.tsParticles);\n};\nfireworks.version = \"4.0.0-beta.8\";\nglobalThis.fireworks = fireworks;\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/./dist/browser/fireworks.js?\n}");
-
-/***/ },
-
-/***/ "./dist/browser/index.js"
-/*!*******************************!*\
-  !*** ./dist/browser/index.js ***!
-  \*******************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   fireworks: () => (/* reexport safe */ _fireworks_js__WEBPACK_IMPORTED_MODULE_0__.fireworks)\n/* harmony export */ });\n/* harmony import */ var _fireworks_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./fireworks.js */ \"./dist/browser/fireworks.js\");\n\n\n\n//# sourceURL=webpack://@tsparticles/fireworks/./dist/browser/index.js?\n}");
-
-/***/ }
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		if (!(moduleId in __webpack_modules__)) {
-/******/ 			delete __webpack_module_cache__[moduleId];
-/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
-/******/ 			e.code = 'MODULE_NOT_FOUND';
-/******/ 			throw e;
-/******/ 		}
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = __webpack_modules__;
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/create fake namespace object */
-/******/ 	(() => {
-/******/ 		var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__);
-/******/ 		var leafPrototypes;
-/******/ 		// create a fake namespace object
-/******/ 		// mode & 1: value is a module id, require it
-/******/ 		// mode & 2: merge all properties of value into the ns
-/******/ 		// mode & 4: return value when already ns object
-/******/ 		// mode & 16: return value when it's Promise-like
-/******/ 		// mode & 8|1: behave like require
-/******/ 		__webpack_require__.t = function(value, mode) {
-/******/ 			if(mode & 1) value = this(value);
-/******/ 			if(mode & 8) return value;
-/******/ 			if(typeof value === 'object' && value) {
-/******/ 				if((mode & 4) && value.__esModule) return value;
-/******/ 				if((mode & 16) && typeof value.then === 'function') return value;
-/******/ 			}
-/******/ 			var ns = Object.create(null);
-/******/ 			__webpack_require__.r(ns);
-/******/ 			var def = {};
-/******/ 			leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
-/******/ 			for(var current = mode & 2 && value; (typeof current == 'object' || typeof current == 'function') && !~leafPrototypes.indexOf(current); current = getProto(current)) {
-/******/ 				Object.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));
-/******/ 			}
-/******/ 			def['default'] = () => (value);
-/******/ 			__webpack_require__.d(ns, def);
-/******/ 			return ns;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/ensure chunk */
-/******/ 	(() => {
-/******/ 		__webpack_require__.f = {};
-/******/ 		// This file contains only the entry chunk.
-/******/ 		// The chunk loading function for additional chunks
-/******/ 		__webpack_require__.e = (chunkId) => {
-/******/ 			return Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {
-/******/ 				__webpack_require__.f[key](chunkId, promises);
-/******/ 				return promises;
-/******/ 			}, []));
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/get javascript chunk filename */
-/******/ 	(() => {
-/******/ 		// This function allow to reference async chunks
-/******/ 		__webpack_require__.u = (chunkId) => {
-/******/ 			// return url for filenames based on template
-/******/ 			return "" + chunkId + ".js";
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/global */
-/******/ 	(() => {
-/******/ 		__webpack_require__.g = (function() {
-/******/ 			if (typeof globalThis === 'object') return globalThis;
-/******/ 			try {
-/******/ 				return this || new Function('return this')();
-/******/ 			} catch (e) {
-/******/ 				if (typeof window === 'object') return window;
-/******/ 			}
-/******/ 		})();
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/load script */
-/******/ 	(() => {
-/******/ 		var inProgress = {};
-/******/ 		var dataWebpackPrefix = "@tsparticles/fireworks:";
-/******/ 		// loadScript function to load a script via script tag
-/******/ 		__webpack_require__.l = (url, done, key, chunkId) => {
-/******/ 			if(inProgress[url]) { inProgress[url].push(done); return; }
-/******/ 			var script, needAttach;
-/******/ 			if(key !== undefined) {
-/******/ 				var scripts = document.getElementsByTagName("script");
-/******/ 				for(var i = 0; i < scripts.length; i++) {
-/******/ 					var s = scripts[i];
-/******/ 					if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; }
-/******/ 				}
-/******/ 			}
-/******/ 			if(!script) {
-/******/ 				needAttach = true;
-/******/ 				script = document.createElement('script');
-/******/ 		
-/******/ 				script.charset = 'utf-8';
-/******/ 				if (__webpack_require__.nc) {
-/******/ 					script.setAttribute("nonce", __webpack_require__.nc);
-/******/ 				}
-/******/ 				script.setAttribute("data-webpack", dataWebpackPrefix + key);
-/******/ 		
-/******/ 				script.src = url;
-/******/ 			}
-/******/ 			inProgress[url] = [done];
-/******/ 			var onScriptComplete = (prev, event) => {
-/******/ 				// avoid mem leaks in IE.
-/******/ 				script.onerror = script.onload = null;
-/******/ 				clearTimeout(timeout);
-/******/ 				var doneFns = inProgress[url];
-/******/ 				delete inProgress[url];
-/******/ 				script.parentNode && script.parentNode.removeChild(script);
-/******/ 				doneFns && doneFns.forEach((fn) => (fn(event)));
-/******/ 				if(prev) return prev(event);
-/******/ 			}
-/******/ 			var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);
-/******/ 			script.onerror = onScriptComplete.bind(null, script.onerror);
-/******/ 			script.onload = onScriptComplete.bind(null, script.onload);
-/******/ 			needAttach && document.head.appendChild(script);
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/publicPath */
-/******/ 	(() => {
-/******/ 		var scriptUrl;
-/******/ 		if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + "";
-/******/ 		var document = __webpack_require__.g.document;
-/******/ 		if (!scriptUrl && document) {
-/******/ 			if (document.currentScript && document.currentScript.tagName.toUpperCase() === 'SCRIPT')
-/******/ 				scriptUrl = document.currentScript.src;
-/******/ 			if (!scriptUrl) {
-/******/ 				var scripts = document.getElementsByTagName("script");
-/******/ 				if(scripts.length) {
-/******/ 					var i = scripts.length - 1;
-/******/ 					while (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;
-/******/ 				}
-/******/ 			}
-/******/ 		}
-/******/ 		// When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration
-/******/ 		// or pass an empty string ("") and set the __webpack_public_path__ variable from your code to use your own logic.
-/******/ 		if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser");
-/******/ 		scriptUrl = scriptUrl.replace(/^blob:/, "").replace(/#.*$/, "").replace(/\?.*$/, "").replace(/\/[^\/]+$/, "/");
-/******/ 		__webpack_require__.p = scriptUrl;
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/jsonp chunk loading */
-/******/ 	(() => {
-/******/ 		// no baseURI
-/******/ 		
-/******/ 		// object to store loaded and loading chunks
-/******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
-/******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
-/******/ 		var installedChunks = {
-/******/ 			"tsparticles.fireworks": 0
-/******/ 		};
-/******/ 		
-/******/ 		__webpack_require__.f.j = (chunkId, promises) => {
-/******/ 				// JSONP chunk loading for javascript
-/******/ 				var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
-/******/ 				if(installedChunkData !== 0) { // 0 means "already installed".
-/******/ 		
-/******/ 					// a Promise means "currently loading".
-/******/ 					if(installedChunkData) {
-/******/ 						promises.push(installedChunkData[2]);
-/******/ 					} else {
-/******/ 						if(true) { // all chunks have JS
-/******/ 							// setup Promise in chunk cache
-/******/ 							var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
-/******/ 							promises.push(installedChunkData[2] = promise);
-/******/ 		
-/******/ 							// start chunk loading
-/******/ 							var url = __webpack_require__.p + __webpack_require__.u(chunkId);
-/******/ 							// create error before stack unwound to get useful stacktrace later
-/******/ 							var error = new Error();
-/******/ 							var loadingEnded = (event) => {
-/******/ 								if(__webpack_require__.o(installedChunks, chunkId)) {
-/******/ 									installedChunkData = installedChunks[chunkId];
-/******/ 									if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
-/******/ 									if(installedChunkData) {
-/******/ 										var errorType = event && (event.type === 'load' ? 'missing' : event.type);
-/******/ 										var realSrc = event && event.target && event.target.src;
-/******/ 										error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
-/******/ 										error.name = 'ChunkLoadError';
-/******/ 										error.type = errorType;
-/******/ 										error.request = realSrc;
-/******/ 										installedChunkData[1](error);
-/******/ 									}
-/******/ 								}
-/******/ 							};
-/******/ 							__webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
-/******/ 						}
-/******/ 					}
-/******/ 				}
-/******/ 		};
-/******/ 		
-/******/ 		// no prefetching
-/******/ 		
-/******/ 		// no preloaded
-/******/ 		
-/******/ 		// no HMR
-/******/ 		
-/******/ 		// no HMR manifest
-/******/ 		
-/******/ 		// no on chunks loaded
-/******/ 		
-/******/ 		// install a JSONP callback for chunk loading
-/******/ 		var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
-/******/ 			var [chunkIds, moreModules, runtime] = data;
-/******/ 			// add "moreModules" to the modules object,
-/******/ 			// then flag all "chunkIds" as loaded and fire callback
-/******/ 			var moduleId, chunkId, i = 0;
-/******/ 			if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
-/******/ 				for(moduleId in moreModules) {
-/******/ 					if(__webpack_require__.o(moreModules, moduleId)) {
-/******/ 						__webpack_require__.m[moduleId] = moreModules[moduleId];
-/******/ 					}
-/******/ 				}
-/******/ 				if(runtime) var result = runtime(__webpack_require__);
-/******/ 			}
-/******/ 			if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
-/******/ 			for(;i < chunkIds.length; i++) {
-/******/ 				chunkId = chunkIds[i];
-/******/ 				if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
-/******/ 					installedChunks[chunkId][0]();
-/******/ 				}
-/******/ 				installedChunks[chunkId] = 0;
-/******/ 			}
-/******/ 		
-/******/ 		}
-/******/ 		
-/******/ 		var chunkLoadingGlobal = this["webpackChunk_tsparticles_fireworks"] = this["webpackChunk_tsparticles_fireworks"] || [];
-/******/ 		chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
-/******/ 		chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-/******/ 	
-/******/ 	// startup
-/******/ 	// Load entry module and return exports
-/******/ 	// This entry module can't be inlined because the eval devtool is used.
-/******/ 	var __webpack_exports__ = __webpack_require__("./dist/browser/index.js");
-/******/ 	
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
+(function(g){g.__tsParticlesInternals=g.__tsParticlesInternals||{};g.__tsParticlesInternals.bundles=g.__tsParticlesInternals.bundles||{};g.__tsParticlesInternals.effects=g.__tsParticlesInternals.effects||{};g.__tsParticlesInternals.engine=g.__tsParticlesInternals.engine||{};g.__tsParticlesInternals.interactions=g.__tsParticlesInternals.interactions||{};g.__tsParticlesInternals.palettes=g.__tsParticlesInternals.palettes||{};g.__tsParticlesInternals.paths=g.__tsParticlesInternals.paths||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins.emittersShapes=g.__tsParticlesInternals.plugins.emittersShapes||{};g.__tsParticlesInternals.presets=g.__tsParticlesInternals.presets||{};g.__tsParticlesInternals.shapes=g.__tsParticlesInternals.shapes||{};g.__tsParticlesInternals.updaters=g.__tsParticlesInternals.updaters||{};g.__tsParticlesInternals.utils=g.__tsParticlesInternals.utils||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas.utils=g.__tsParticlesInternals.canvas.utils||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path.utils=g.__tsParticlesInternals.path.utils||{};var __tsProxyFactory=typeof Proxy!=="undefined"?function(obj){return new Proxy(obj,{get:function(target,key){if(!(key in target)){target[key]={};}return target[key];}});}:function(obj){return obj;};g.__tsParticlesInternals.bundles=__tsProxyFactory(g.__tsParticlesInternals.bundles);g.__tsParticlesInternals.effects=__tsProxyFactory(g.__tsParticlesInternals.effects);g.__tsParticlesInternals.interactions=__tsProxyFactory(g.__tsParticlesInternals.interactions);g.__tsParticlesInternals.palettes=__tsProxyFactory(g.__tsParticlesInternals.palettes);g.__tsParticlesInternals.paths=__tsProxyFactory(g.__tsParticlesInternals.paths);g.__tsParticlesInternals.plugins=__tsProxyFactory(g.__tsParticlesInternals.plugins);g.__tsParticlesInternals.plugins.emittersShapes=__tsProxyFactory(g.__tsParticlesInternals.plugins.emittersShapes);g.__tsParticlesInternals.presets=__tsProxyFactory(g.__tsParticlesInternals.presets);g.__tsParticlesInternals.shapes=__tsProxyFactory(g.__tsParticlesInternals.shapes);g.__tsParticlesInternals.updaters=__tsProxyFactory(g.__tsParticlesInternals.updaters);g.__tsParticlesInternals.utils=__tsProxyFactory(g.__tsParticlesInternals.utils);g.__tsParticlesInternals.canvas=__tsProxyFactory(g.__tsParticlesInternals.canvas);g.__tsParticlesInternals.path=__tsProxyFactory(g.__tsParticlesInternals.path);g.tsparticlesInternalExports=g.tsparticlesInternalExports||{};})(typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:this);
+/* tsParticles v4.0.0 */
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tsparticles/engine'), require('@tsparticles/basic'), require('@tsparticles/plugin-blend'), require('@tsparticles/updater-destroy'), require('@tsparticles/plugin-emitters/plugin'), require('@tsparticles/plugin-emitters-shape-square'), require('@tsparticles/updater-life'), require('@tsparticles/shape-line'), require('@tsparticles/updater-paint'), require('@tsparticles/updater-rotate'), require('@tsparticles/plugin-sounds')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@tsparticles/engine', '@tsparticles/basic', '@tsparticles/plugin-blend', '@tsparticles/updater-destroy', '@tsparticles/plugin-emitters/plugin', '@tsparticles/plugin-emitters-shape-square', '@tsparticles/updater-life', '@tsparticles/shape-line', '@tsparticles/updater-paint', '@tsparticles/updater-rotate', '@tsparticles/plugin-sounds'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.__tsParticlesInternals = global.__tsParticlesInternals || {}, global.__tsParticlesInternals.bundles = global.__tsParticlesInternals.bundles || {}, global.__tsParticlesInternals.bundles.fireworks = global.__tsParticlesInternals.bundles.fireworks || {}), global.__tsParticlesInternals.engine, global.__tsParticlesInternals.bundles.basic, global.__tsParticlesInternals.plugins.blend, global.__tsParticlesInternals.updaters.destroy, global.__tsParticlesInternals.plugins["emitters/plugin"], global.__tsParticlesInternals.plugins.emittersShapes.square, global.__tsParticlesInternals.updaters.life, global.__tsParticlesInternals.shapes.line, global.__tsParticlesInternals.updaters.paint, global.__tsParticlesInternals.updaters.rotate, global.__tsParticlesInternals.plugins.sounds));
+})(this, (function (exports, engine, basic, pluginBlend, updaterDestroy, plugin, pluginEmittersShapeSquare, updaterLife, shapeLine, updaterPaint, updaterRotate, pluginSounds) { 'use strict';
+
+    class FireworkOptions {
+        background;
+        brightness;
+        colors;
+        gravity;
+        minHeight;
+        rate;
+        saturation;
+        sounds;
+        speed;
+        splitCount;
+        constructor() {
+            this.background = "none";
+            this.brightness = {
+                min: -30,
+                max: 30,
+            };
+            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,
+            };
+            this.rate = 10;
+            this.saturation = {
+                min: -30,
+                max: 30,
+            };
+            this.sounds = true;
+            this.speed = { min: 20, max: 40 };
+            this.splitCount = 100;
+        }
+        load(data) {
+            if (engine.isNull(data)) {
+                return;
+            }
+            if (data.background !== undefined) {
+                this.background = data.background;
+            }
+            if (data.colors !== undefined) {
+                if (engine.isArray(data.colors)) {
+                    this.colors = [...data.colors];
+                }
+                else {
+                    this.colors = data.colors;
+                }
+            }
+            if (data.brightness !== undefined) {
+                this.brightness = engine.setRangeValue(data.brightness);
+            }
+            if (data.gravity !== undefined) {
+                this.gravity = engine.setRangeValue(data.gravity);
+            }
+            if (data.minHeight !== undefined) {
+                this.minHeight = engine.setRangeValue(data.minHeight);
+            }
+            if (data.rate !== undefined) {
+                this.rate = engine.setRangeValue(data.rate);
+            }
+            if (data.saturation !== undefined) {
+                this.saturation = engine.setRangeValue(data.saturation);
+            }
+            if (data.sounds !== undefined) {
+                this.sounds = data.sounds;
+            }
+            if (data.speed !== undefined) {
+                this.speed = engine.setRangeValue(data.speed);
+            }
+            if (data.splitCount !== undefined) {
+                this.splitCount = engine.setRangeValue(data.splitCount);
+            }
+        }
+    }
+
+    const instances = new Map();
+    const explodeSoundCheck = (args) => {
+        const data = args.data;
+        return data?.particle?.options.move.gravity.enable ?? false;
+    };
+    function getOptions(options, canvas) {
+        const identity = 1;
+        return {
+            detectRetina: true,
+            background: {
+                color: options.background,
+            },
+            blend: {
+                enable: true,
+                mode: "lighter",
+            },
+            fullScreen: {
+                enable: !canvas,
+            },
+            fpsLimit: 60,
+            emitters: {
+                direction: engine.MoveDirection.top,
+                life: {
+                    count: 0,
+                    duration: 0.1,
+                    delay: 0.1,
+                },
+                rate: {
+                    delay: engine.isNumber(options.rate)
+                        ? identity / options.rate
+                        : { min: identity / engine.getRangeMin(options.rate), max: identity / engine.getRangeMax(options.rate) },
+                    quantity: 1,
+                },
+                size: {
+                    width: 100,
+                    height: 0,
+                },
+                position: {
+                    y: 100,
+                    x: 50,
+                },
+            },
+            particles: {
+                number: {
+                    value: 0,
+                },
+                paint: {
+                    fill: {
+                        enable: false,
+                    },
+                    stroke: {
+                        color: {
+                            value: options.colors,
+                        },
+                        width: 2,
+                    },
+                },
+                destroy: {
+                    mode: "split",
+                    bounds: {
+                        top: engine.setRangeValue(options.minHeight),
+                    },
+                    split: {
+                        count: 1,
+                        factor: {
+                            value: 0.333333,
+                        },
+                        rate: {
+                            value: options.splitCount,
+                        },
+                        strokeColorOffset: {
+                            s: options.saturation,
+                            l: options.brightness,
+                        },
+                        particles: {
+                            group: "split",
+                            number: {
+                                value: 0,
+                            },
+                            opacity: {
+                                value: {
+                                    min: 0.1,
+                                    max: 1,
+                                },
+                                animation: {
+                                    enable: true,
+                                    speed: { min: 2, max: 4 },
+                                    sync: true,
+                                    startValue: engine.StartValueType.max,
+                                    destroy: engine.DestroyType.min,
+                                    count: 1,
+                                },
+                            },
+                            size: {
+                                value: { min: 5, max: 10 },
+                            },
+                            life: {
+                                count: 1,
+                                duration: {
+                                    value: {
+                                        min: 0.5,
+                                        max: 1,
+                                    },
+                                },
+                            },
+                            move: {
+                                decay: 0.05,
+                                enable: true,
+                                gravity: {
+                                    enable: false,
+                                },
+                                speed: {
+                                    min: 10,
+                                    max: 25,
+                                },
+                                direction: "outside",
+                                outModes: engine.OutMode.destroy,
+                            },
+                        },
+                    },
+                },
+                life: {
+                    count: 1,
+                },
+                shape: {
+                    type: "line",
+                    options: {
+                        line: {
+                            cap: "round",
+                        },
+                    },
+                },
+                size: {
+                    value: { min: 10, max: 20 },
+                },
+                rotate: {
+                    path: true,
+                },
+                move: {
+                    enable: true,
+                    gravity: {
+                        acceleration: engine.setRangeValue(options.gravity),
+                        enable: true,
+                        inverse: true,
+                        maxSpeed: 150,
+                    },
+                    speed: engine.setRangeValue(options.speed),
+                    outModes: {
+                        default: engine.OutMode.destroy,
+                        top: engine.OutMode.none,
+                    },
+                },
+            },
+            sounds: {
+                enable: options.sounds,
+                events: [
+                    {
+                        event: engine.EventType.particleRemoved,
+                        filter: explodeSoundCheck,
+                        audio: [
+                            "https://particles.js.org/audio/explosion0.mp3",
+                            "https://particles.js.org/audio/explosion1.mp3",
+                            "https://particles.js.org/audio/explosion2.mp3",
+                        ],
+                    },
+                ],
+                volume: 50,
+            },
+        };
+    }
+    async function getFireworksInstance(engine, id, sourceOptions, canvas) {
+        const existing = instances.get(id);
+        if (existing instanceof Promise) {
+            return existing;
+        }
+        if (existing) {
+            return existing;
+        }
+        const create = async () => {
+            const options = new FireworkOptions();
+            options.load(sourceOptions);
+            const particlesOptions = getOptions(options, canvas), container = await engine.load({ id, element: canvas, options: particlesOptions });
+            if (!container) {
+                instances.delete(id);
+                return;
+            }
+            const { FireworksInstance } = await Promise.resolve().then(function () { return FireworksInstance$1; }), instance = new FireworksInstance(container);
+            instances.set(id, instance);
+            return instance;
+        }, createPromise = create();
+        instances.set(id, createPromise);
+        return createPromise;
+    }
+
+    let initPromise = null;
+    async function doInitPlugins(engine) {
+        engine.checkVersion("4.0.0");
+        await engine.pluginManager.register(async (e) => {
+            const loadEmittersForFireworks = async (e) => {
+                await plugin.loadEmittersPluginSimple(e);
+                await pluginEmittersShapeSquare.loadEmittersShapeSquare(e);
+            };
+            await Promise.all([
+                basic.loadBasic(e),
+                shapeLine.loadLineShape(e),
+                pluginBlend.loadBlendPlugin(e),
+                loadEmittersForFireworks(e),
+                pluginSounds.loadSoundsPlugin(e),
+                updaterRotate.loadRotateUpdater(e),
+                updaterDestroy.loadDestroyUpdater(e),
+                updaterLife.loadLifeUpdater(e),
+                updaterPaint.loadPaintUpdater(e),
+            ]);
+        });
+    }
+    async function initPlugins(engine) {
+        if (initPromise) {
+            return initPromise;
+        }
+        initPromise = doInitPlugins(engine);
+        return initPromise;
+    }
+    async function fireworks(idOrOptions, sourceOptions) {
+        await initPlugins(engine.tsParticles);
+        let id, options;
+        if (engine.isString(idOrOptions)) {
+            id = idOrOptions;
+            options = sourceOptions ?? {};
+        }
+        else {
+            id = "fireworks";
+            options = idOrOptions ?? {};
+        }
+        return getFireworksInstance(engine.tsParticles, id, options);
+    }
+    fireworks.create = async (canvas, options) => {
+        await initPlugins(engine.tsParticles);
+        const id = canvas?.id ?? "fireworks";
+        return getFireworksInstance(engine.tsParticles, id, options ?? {}, canvas ?? undefined);
+    };
+    fireworks.init = async () => {
+        await initPlugins(engine.tsParticles);
+    };
+    fireworks.version = "4.0.0";
+    globalThis.fireworks = fireworks;
+
+    const globalObject = globalThis;
+    globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+    globalObject.fireworks = fireworks;
+
+    class FireworksInstance {
+        _container;
+        constructor(container) {
+            this._container = container;
+        }
+        pause() {
+            this._container.pause();
+        }
+        play() {
+            this._container.play();
+        }
+        stop() {
+            this._container.stop();
+        }
+    }
+
+    var FireworksInstance$1 = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        FireworksInstance: FireworksInstance
+    });
+
+    exports.fireworks = fireworks;
+
+}));
+Object.assign(globalThis.window || globalThis, { fireworks: (globalThis.__tsParticlesInternals.bundles.fireworks || {}).fireworks });
+delete (globalThis.window || globalThis).tsparticlesInternalExports;