@tsparticles/confetti 4.0.0-beta.9 → 4.0.0

package/tsparticles.confetti.js

@@ -1,322 +1,512 @@
-/*!
- * 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
- */
-/*
- * 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-wobble"), require("@tsparticles/updater-tilt"), require("@tsparticles/updater-roll"), require("@tsparticles/updater-life"), require("@tsparticles/updater-rotate"), require("@tsparticles/shape-emoji"), require("@tsparticles/shape-star"), require("@tsparticles/shape-square"), require("@tsparticles/shape-polygon"), require("@tsparticles/shape-image"), require("@tsparticles/shape-heart"), require("@tsparticles/shape-cards/suits"), require("@tsparticles/plugin-motion"), require("@tsparticles/plugin-emitters/plugin"), require("@tsparticles/basic"));
-	else if(typeof define === 'function' && define.amd)
-		define(["@tsparticles/engine", "@tsparticles/updater-wobble", "@tsparticles/updater-tilt", "@tsparticles/updater-roll", "@tsparticles/updater-life", "@tsparticles/updater-rotate", "@tsparticles/shape-emoji", "@tsparticles/shape-star", "@tsparticles/shape-square", "@tsparticles/shape-polygon", "@tsparticles/shape-image", "@tsparticles/shape-heart", "@tsparticles/shape-cards/suits", "@tsparticles/plugin-motion", "@tsparticles/plugin-emitters/plugin", "@tsparticles/basic"], factory);
-	else {
-		var a = typeof exports === 'object' ? factory(require("@tsparticles/engine"), require("@tsparticles/updater-wobble"), require("@tsparticles/updater-tilt"), require("@tsparticles/updater-roll"), require("@tsparticles/updater-life"), require("@tsparticles/updater-rotate"), require("@tsparticles/shape-emoji"), require("@tsparticles/shape-star"), require("@tsparticles/shape-square"), require("@tsparticles/shape-polygon"), require("@tsparticles/shape-image"), require("@tsparticles/shape-heart"), require("@tsparticles/shape-cards/suits"), require("@tsparticles/plugin-motion"), require("@tsparticles/plugin-emitters/plugin"), 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"], 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_wobble__, __WEBPACK_EXTERNAL_MODULE__tsparticles_updater_tilt__, __WEBPACK_EXTERNAL_MODULE__tsparticles_updater_roll__, __WEBPACK_EXTERNAL_MODULE__tsparticles_updater_life__, __WEBPACK_EXTERNAL_MODULE__tsparticles_updater_rotate__, __WEBPACK_EXTERNAL_MODULE__tsparticles_shape_emoji__, __WEBPACK_EXTERNAL_MODULE__tsparticles_shape_star__, __WEBPACK_EXTERNAL_MODULE__tsparticles_shape_square__, __WEBPACK_EXTERNAL_MODULE__tsparticles_shape_polygon__, __WEBPACK_EXTERNAL_MODULE__tsparticles_shape_image__, __WEBPACK_EXTERNAL_MODULE__tsparticles_shape_heart__, __WEBPACK_EXTERNAL_MODULE__tsparticles_shape_cards_suits__, __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_motion__, __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_emitters_plugin__, __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-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-motion"
-/*!******************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/plugin-motion","commonjs2":"@tsparticles/plugin-motion","amd":"@tsparticles/plugin-motion","root":"window"} ***!
-  \******************************************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_motion__;
-
-/***/ },
-
-/***/ "@tsparticles/shape-cards/suits"
-/*!******************************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/shape-cards/suits","commonjs2":"@tsparticles/shape-cards/suits","amd":"@tsparticles/shape-cards/suits","root":"window"} ***!
-  \******************************************************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_shape_cards_suits__;
-
-/***/ },
-
-/***/ "@tsparticles/shape-emoji"
-/*!************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/shape-emoji","commonjs2":"@tsparticles/shape-emoji","amd":"@tsparticles/shape-emoji","root":"window"} ***!
-  \************************************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_shape_emoji__;
-
-/***/ },
-
-/***/ "@tsparticles/shape-heart"
-/*!************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/shape-heart","commonjs2":"@tsparticles/shape-heart","amd":"@tsparticles/shape-heart","root":"window"} ***!
-  \************************************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_shape_heart__;
-
-/***/ },
-
-/***/ "@tsparticles/shape-image"
-/*!************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/shape-image","commonjs2":"@tsparticles/shape-image","amd":"@tsparticles/shape-image","root":"window"} ***!
-  \************************************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_shape_image__;
-
-/***/ },
-
-/***/ "@tsparticles/shape-polygon"
-/*!******************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/shape-polygon","commonjs2":"@tsparticles/shape-polygon","amd":"@tsparticles/shape-polygon","root":"window"} ***!
-  \******************************************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_shape_polygon__;
-
-/***/ },
-
-/***/ "@tsparticles/shape-square"
-/*!***************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/shape-square","commonjs2":"@tsparticles/shape-square","amd":"@tsparticles/shape-square","root":"window"} ***!
-  \***************************************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_shape_square__;
-
-/***/ },
-
-/***/ "@tsparticles/shape-star"
-/*!*********************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/shape-star","commonjs2":"@tsparticles/shape-star","amd":"@tsparticles/shape-star","root":"window"} ***!
-  \*********************************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_shape_star__;
-
-/***/ },
-
-/***/ "@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-roll"
-/*!***************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/updater-roll","commonjs2":"@tsparticles/updater-roll","amd":"@tsparticles/updater-roll","root":"window"} ***!
-  \***************************************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_updater_roll__;
-
-/***/ },
-
-/***/ "@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-tilt"
-/*!***************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/updater-tilt","commonjs2":"@tsparticles/updater-tilt","amd":"@tsparticles/updater-tilt","root":"window"} ***!
-  \***************************************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_updater_tilt__;
-
-/***/ },
-
-/***/ "@tsparticles/updater-wobble"
-/*!*********************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/updater-wobble","commonjs2":"@tsparticles/updater-wobble","amd":"@tsparticles/updater-wobble","root":"window"} ***!
-  \*********************************************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_updater_wobble__;
-
-/***/ },
-
-/***/ "./dist/browser/ConfettiOptions.js"
-/*!*****************************************!*\
-  !*** ./dist/browser/ConfettiOptions.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 */   ConfettiOptions: () => (/* binding */ ConfettiOptions)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass ConfettiOptions {\n    angle;\n    colors;\n    count;\n    decay;\n    disableForReducedMotion;\n    drift;\n    flat;\n    gravity;\n    position;\n    scalar;\n    shapeOptions;\n    shapes;\n    spread;\n    startVelocity;\n    ticks;\n    zIndex;\n    constructor(){\n        this.angle = 90;\n        this.count = 50;\n        this.spread = 45;\n        this.startVelocity = 45;\n        this.decay = 0.9;\n        this.gravity = 1;\n        this.drift = 0;\n        this.ticks = 200;\n        this.position = {\n            x: 50,\n            y: 50\n        };\n        this.colors = [\n            \"#26ccff\",\n            \"#a25afd\",\n            \"#ff5e7e\",\n            \"#88ff5a\",\n            \"#fcff42\",\n            \"#ffa62d\",\n            \"#ff36ff\"\n        ];\n        this.shapes = [\n            \"square\",\n            \"circle\"\n        ];\n        this.scalar = 1;\n        this.zIndex = 100;\n        this.disableForReducedMotion = true;\n        this.flat = false;\n        this.shapeOptions = {};\n    }\n    get origin() {\n        return {\n            x: this.position.x / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n            y: this.position.y / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator\n        };\n    }\n    set origin(value) {\n        this.position.x = value.x * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n        this.position.y = value.y * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator;\n    }\n    get particleCount() {\n        return this.count;\n    }\n    set particleCount(value) {\n        this.count = value;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.angle !== undefined) {\n            this.angle = data.angle;\n        }\n        const count = data.count ?? data.particleCount;\n        if (count !== undefined) {\n            this.count = count;\n        }\n        if (data.spread !== undefined) {\n            this.spread = data.spread;\n        }\n        if (data.startVelocity !== undefined) {\n            this.startVelocity = data.startVelocity;\n        }\n        if (data.decay !== undefined) {\n            this.decay = data.decay;\n        }\n        if (data.flat !== undefined) {\n            this.flat = data.flat;\n        }\n        if (data.gravity !== undefined) {\n            this.gravity = data.gravity;\n        }\n        if (data.drift !== undefined) {\n            this.drift = data.drift;\n        }\n        if (data.ticks !== undefined) {\n            this.ticks = data.ticks;\n        }\n        const origin = data.origin;\n        if (origin && !data.position) {\n            data.position = {\n                x: origin.x === undefined ? undefined : origin.x * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator,\n                y: origin.y === undefined ? undefined : origin.y * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator\n            };\n        }\n        const position = data.position;\n        if (position) {\n            if (position.x !== undefined) {\n                this.position.x = position.x;\n            }\n            if (position.y !== undefined) {\n                this.position.y = position.y;\n            }\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        const options = data.shapeOptions;\n        if (options !== undefined) {\n            for(const shape in options){\n                const item = options[shape];\n                if (item) {\n                    this.shapeOptions[shape] = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)(this.shapeOptions[shape] ?? {}, item);\n                }\n            }\n        }\n        if (data.shapes !== undefined) {\n            if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isArray)(data.shapes)) {\n                this.shapes = [\n                    ...data.shapes\n                ];\n            } else {\n                this.shapes = data.shapes;\n            }\n        }\n        if (data.scalar !== undefined) {\n            this.scalar = data.scalar;\n        }\n        if (data.zIndex !== undefined) {\n            this.zIndex = data.zIndex;\n        }\n        if (data.disableForReducedMotion !== undefined) {\n            this.disableForReducedMotion = data.disableForReducedMotion;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/./dist/browser/ConfettiOptions.js?\n}");
-
-/***/ },
-
-/***/ "./dist/browser/confetti.js"
-/*!**********************************!*\
-  !*** ./dist/browser/confetti.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 */   confetti: () => (/* binding */ confetti)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _ConfettiOptions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ConfettiOptions.js */ \"./dist/browser/ConfettiOptions.js\");\n\n\nlet initialized = false, initializing = false;\nconst ids = new Map(), defaultGravity = 9.81, sizeFactor = 5, speedFactor = 3, decayOffset = 1, disableRotate = 0, disableTilt = 0;\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.9\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ loadBasic }, { loadEmittersPluginSimple }, { loadMotionPlugin }, { loadCardSuitsShape }, { loadHeartShape }, { loadImageShape }, { loadPolygonShape }, { loadSquareShape }, { loadStarShape }, { loadEmojiShape }, { loadRotateUpdater }, { loadLifeUpdater }, { loadRollUpdater }, { loadTiltUpdater }, { loadWobbleUpdater }] = 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/plugin-emitters/plugin */ \"@tsparticles/plugin-emitters/plugin\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/plugin-motion */ \"@tsparticles/plugin-motion\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/shape-cards/suits */ \"@tsparticles/shape-cards/suits\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/shape-heart */ \"@tsparticles/shape-heart\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/shape-image */ \"@tsparticles/shape-image\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/shape-polygon */ \"@tsparticles/shape-polygon\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/shape-square */ \"@tsparticles/shape-square\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/shape-star */ \"@tsparticles/shape-star\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/shape-emoji */ \"@tsparticles/shape-emoji\", 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-life */ \"@tsparticles/updater-life\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/updater-roll */ \"@tsparticles/updater-roll\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/updater-tilt */ \"@tsparticles/updater-tilt\", 19)),\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/updater-wobble */ \"@tsparticles/updater-wobble\", 19))\n        ]);\n        await Promise.all([\n            loadBasic(e),\n            loadMotionPlugin(e),\n            loadEmittersPluginSimple(e),\n            loadCardSuitsShape(e),\n            loadHeartShape(e),\n            loadImageShape(e),\n            loadPolygonShape(e),\n            loadSquareShape(e),\n            loadStarShape(e),\n            loadEmojiShape(e),\n            loadRotateUpdater(e),\n            loadLifeUpdater(e),\n            loadRollUpdater(e),\n            loadTiltUpdater(e),\n            loadWobbleUpdater(e)\n        ]);\n    });\n    initializing = false;\n    initialized = true;\n}\nasync function setConfetti(params) {\n    const actualOptions = new _ConfettiOptions_js__WEBPACK_IMPORTED_MODULE_1__.ConfettiOptions();\n    actualOptions.load(params.options);\n    let container;\n    const fpsLimit = 120, fpsLimitFactor = 3.6, opacitySpeed = actualOptions.ticks * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds / (fpsLimitFactor * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds * fpsLimit);\n    if (ids.has(params.id)) {\n        container = ids.get(params.id);\n        if (container && !container.destroyed) {\n            const alias = container;\n            if (\"addEmitter\" in alias) {\n                await alias.addEmitter?.({\n                    startCount: actualOptions.count,\n                    position: actualOptions.position,\n                    size: {\n                        width: 0,\n                        height: 0\n                    },\n                    rate: {\n                        delay: 0,\n                        quantity: 0\n                    },\n                    life: {\n                        duration: 0.1,\n                        count: 1\n                    },\n                    particles: {\n                        fill: {\n                            color: {\n                                value: actualOptions.colors\n                            },\n                            enable: true\n                        },\n                        shape: {\n                            type: actualOptions.shapes,\n                            options: actualOptions.shapeOptions\n                        },\n                        life: {\n                            count: 1\n                        },\n                        opacity: {\n                            value: {\n                                min: 0,\n                                max: 1\n                            },\n                            animation: {\n                                enable: true,\n                                sync: true,\n                                speed: opacitySpeed,\n                                startValue: \"max\",\n                                destroy: \"min\",\n                                count: 1\n                            }\n                        },\n                        size: {\n                            value: sizeFactor * actualOptions.scalar\n                        },\n                        move: {\n                            angle: {\n                                value: actualOptions.spread,\n                                offset: 0\n                            },\n                            drift: {\n                                min: -actualOptions.drift,\n                                max: actualOptions.drift\n                            },\n                            gravity: {\n                                acceleration: actualOptions.gravity * defaultGravity\n                            },\n                            speed: actualOptions.startVelocity * speedFactor,\n                            decay: decayOffset - actualOptions.decay,\n                            direction: -actualOptions.angle\n                        },\n                        rotate: {\n                            value: actualOptions.flat ? disableRotate : {\n                                min: 0,\n                                max: 360\n                            },\n                            direction: \"random\",\n                            animation: {\n                                enable: !actualOptions.flat,\n                                speed: 60\n                            }\n                        },\n                        tilt: {\n                            direction: \"random\",\n                            enable: !actualOptions.flat,\n                            value: actualOptions.flat ? disableTilt : {\n                                min: 0,\n                                max: 360\n                            },\n                            animation: {\n                                enable: true,\n                                speed: 60\n                            }\n                        },\n                        roll: {\n                            darken: {\n                                enable: true,\n                                value: 25\n                            },\n                            enable: !actualOptions.flat,\n                            speed: {\n                                min: 15,\n                                max: 25\n                            }\n                        },\n                        wobble: {\n                            distance: 30,\n                            enable: !actualOptions.flat,\n                            speed: {\n                                min: -15,\n                                max: 15\n                            }\n                        }\n                    }\n                });\n                return;\n            }\n        }\n    }\n    const particlesOptions = {\n        fullScreen: {\n            enable: !params.canvas,\n            zIndex: actualOptions.zIndex\n        },\n        fpsLimit: 120,\n        particles: {\n            number: {\n                value: 0\n            },\n            fill: {\n                color: {\n                    value: actualOptions.colors\n                },\n                enable: true\n            },\n            shape: {\n                type: actualOptions.shapes,\n                options: actualOptions.shapeOptions\n            },\n            opacity: {\n                value: {\n                    min: 0,\n                    max: 1\n                },\n                animation: {\n                    enable: true,\n                    sync: true,\n                    speed: opacitySpeed,\n                    startValue: \"max\",\n                    destroy: \"min\",\n                    count: 1\n                }\n            },\n            size: {\n                value: sizeFactor * actualOptions.scalar\n            },\n            links: {\n                enable: false\n            },\n            life: {\n                count: 1\n            },\n            move: {\n                angle: {\n                    value: actualOptions.spread,\n                    offset: 0\n                },\n                drift: {\n                    min: -actualOptions.drift,\n                    max: actualOptions.drift\n                },\n                enable: true,\n                gravity: {\n                    enable: true,\n                    acceleration: actualOptions.gravity * defaultGravity\n                },\n                speed: actualOptions.startVelocity * speedFactor,\n                decay: decayOffset - actualOptions.decay,\n                direction: -actualOptions.angle,\n                random: true,\n                straight: false,\n                outModes: {\n                    default: \"none\",\n                    bottom: \"destroy\"\n                }\n            },\n            rotate: {\n                value: actualOptions.flat ? disableRotate : {\n                    min: 0,\n                    max: 360\n                },\n                direction: \"random\",\n                animation: {\n                    enable: !actualOptions.flat,\n                    speed: 60\n                }\n            },\n            tilt: {\n                direction: \"random\",\n                enable: !actualOptions.flat,\n                value: actualOptions.flat ? disableTilt : {\n                    min: 0,\n                    max: 360\n                },\n                animation: {\n                    enable: true,\n                    speed: 60\n                }\n            },\n            roll: {\n                darken: {\n                    enable: true,\n                    value: 25\n                },\n                enable: !actualOptions.flat,\n                speed: {\n                    min: 15,\n                    max: 25\n                }\n            },\n            wobble: {\n                distance: 30,\n                enable: !actualOptions.flat,\n                speed: {\n                    min: -15,\n                    max: 15\n                }\n            }\n        },\n        motion: {\n            disable: actualOptions.disableForReducedMotion\n        },\n        emitters: {\n            name: \"confetti\",\n            startCount: actualOptions.count,\n            position: actualOptions.position,\n            size: {\n                width: 0,\n                height: 0\n            },\n            rate: {\n                delay: 0,\n                quantity: 0\n            },\n            life: {\n                duration: 0.1,\n                count: 1\n            }\n        }\n    };\n    container = await _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.tsParticles.load({\n        id: params.id,\n        element: params.canvas,\n        options: particlesOptions\n    });\n    ids.set(params.id, container);\n    return container;\n}\nasync function confetti(idOrOptions, confettiOptions) {\n    await initPlugins(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.tsParticles);\n    let options, id;\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isString)(idOrOptions)) {\n        id = idOrOptions;\n        options = confettiOptions ?? {};\n    } else {\n        id = \"confetti\";\n        options = idOrOptions;\n    }\n    return setConfetti({\n        id,\n        options\n    });\n}\nconfetti.create = async (canvas, options)=>{\n    await initPlugins(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.tsParticles);\n    const id = canvas.getAttribute(\"id\") ?? \"confetti\";\n    canvas.setAttribute(\"id\", id);\n    return async (idOrOptions, confettiOptions)=>{\n        let subOptions, subId;\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isString)(idOrOptions)) {\n            subId = idOrOptions;\n            subOptions = confettiOptions ?? options;\n        } else {\n            subId = id;\n            subOptions = idOrOptions;\n        }\n        return setConfetti({\n            id: subId,\n            canvas,\n            options: subOptions\n        });\n    };\n};\nconfetti.init = async ()=>{\n    await initPlugins(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.tsParticles);\n};\nconfetti.version = \"4.0.0-beta.9\";\nglobalThis.confetti = confetti;\n\n\n//# sourceURL=webpack://@tsparticles/confetti/./dist/browser/confetti.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 */   confetti: () => (/* reexport safe */ _confetti_js__WEBPACK_IMPORTED_MODULE_0__.confetti)\n/* harmony export */ });\n/* harmony import */ var _confetti_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./confetti.js */ \"./dist/browser/confetti.js\");\n\n\n\n//# sourceURL=webpack://@tsparticles/confetti/./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;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	/* 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/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* 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 });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-/******/ 	
-/******/ 	// 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/shape-cards/suits'), require('@tsparticles/plugin-emitters/plugin'), require('@tsparticles/shape-emoji'), require('@tsparticles/shape-heart'), require('@tsparticles/shape-image'), require('@tsparticles/updater-life'), require('@tsparticles/plugin-motion'), require('@tsparticles/shape-polygon'), require('@tsparticles/updater-roll'), require('@tsparticles/updater-rotate'), require('@tsparticles/shape-square'), require('@tsparticles/shape-star'), require('@tsparticles/updater-tilt'), require('@tsparticles/updater-wobble')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@tsparticles/engine', '@tsparticles/basic', '@tsparticles/shape-cards/suits', '@tsparticles/plugin-emitters/plugin', '@tsparticles/shape-emoji', '@tsparticles/shape-heart', '@tsparticles/shape-image', '@tsparticles/updater-life', '@tsparticles/plugin-motion', '@tsparticles/shape-polygon', '@tsparticles/updater-roll', '@tsparticles/updater-rotate', '@tsparticles/shape-square', '@tsparticles/shape-star', '@tsparticles/updater-tilt', '@tsparticles/updater-wobble'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.__tsParticlesInternals = global.__tsParticlesInternals || {}, global.__tsParticlesInternals.bundles = global.__tsParticlesInternals.bundles || {}, global.__tsParticlesInternals.bundles.confetti = global.__tsParticlesInternals.bundles.confetti || {}), global.__tsParticlesInternals.engine, global.__tsParticlesInternals.bundles.basic, global.__tsParticlesInternals.shapes["cards/suits"], global.__tsParticlesInternals.plugins["emitters/plugin"], global.__tsParticlesInternals.shapes.emoji, global.__tsParticlesInternals.shapes.heart, global.__tsParticlesInternals.shapes.image, global.__tsParticlesInternals.updaters.life, global.__tsParticlesInternals.plugins.motion, global.__tsParticlesInternals.shapes.polygon, global.__tsParticlesInternals.updaters.roll, global.__tsParticlesInternals.updaters.rotate, global.__tsParticlesInternals.shapes.square, global.__tsParticlesInternals.shapes.star, global.__tsParticlesInternals.updaters.tilt, global.__tsParticlesInternals.updaters.wobble));
+})(this, (function (exports, engine, basic, suits, plugin, shapeEmoji, shapeHeart, shapeImage, updaterLife, pluginMotion, shapePolygon, updaterRoll, updaterRotate, shapeSquare, shapeStar, updaterTilt, updaterWobble) { 'use strict';
+
+    class ConfettiOptions {
+        angle;
+        colors;
+        count;
+        decay;
+        disableForReducedMotion;
+        drift;
+        flat;
+        gravity;
+        position;
+        scalar;
+        shapeOptions;
+        shapes;
+        spread;
+        startVelocity;
+        ticks;
+        zIndex;
+        constructor() {
+            this.angle = 90;
+            this.count = 50;
+            this.spread = 45;
+            this.startVelocity = 45;
+            this.decay = 0.9;
+            this.gravity = 1;
+            this.drift = 0;
+            this.ticks = 200;
+            this.position = {
+                x: 50,
+                y: 50,
+            };
+            this.colors = ["#26ccff", "#a25afd", "#ff5e7e", "#88ff5a", "#fcff42", "#ffa62d", "#ff36ff"];
+            this.shapes = ["square", "circle"];
+            this.scalar = 1;
+            this.zIndex = 100;
+            this.disableForReducedMotion = true;
+            this.flat = false;
+            this.shapeOptions = {};
+        }
+        get origin() {
+            return {
+                x: this.position.x / engine.percentDenominator,
+                y: this.position.y / engine.percentDenominator,
+            };
+        }
+        set origin(value) {
+            this.position.x = value.x * engine.percentDenominator;
+            this.position.y = value.y * engine.percentDenominator;
+        }
+        get particleCount() {
+            return this.count;
+        }
+        set particleCount(value) {
+            this.count = value;
+        }
+        load(data) {
+            if (engine.isNull(data)) {
+                return;
+            }
+            if (data.angle !== undefined) {
+                this.angle = data.angle;
+            }
+            const count = data.count ?? data.particleCount;
+            if (count !== undefined) {
+                this.count = count;
+            }
+            if (data.spread !== undefined) {
+                this.spread = data.spread;
+            }
+            if (data.startVelocity !== undefined) {
+                this.startVelocity = data.startVelocity;
+            }
+            if (data.decay !== undefined) {
+                this.decay = data.decay;
+            }
+            if (data.flat !== undefined) {
+                this.flat = data.flat;
+            }
+            if (data.gravity !== undefined) {
+                this.gravity = data.gravity;
+            }
+            if (data.drift !== undefined) {
+                this.drift = data.drift;
+            }
+            if (data.ticks !== undefined) {
+                this.ticks = data.ticks;
+            }
+            const origin = data.origin;
+            if (origin && !data.position) {
+                data.position = {
+                    x: origin.x === undefined ? undefined : origin.x * engine.percentDenominator,
+                    y: origin.y === undefined ? undefined : origin.y * engine.percentDenominator,
+                };
+            }
+            const position = data.position;
+            if (position) {
+                if (position.x !== undefined) {
+                    this.position.x = position.x;
+                }
+                if (position.y !== undefined) {
+                    this.position.y = position.y;
+                }
+            }
+            if (data.colors !== undefined) {
+                if (engine.isArray(data.colors)) {
+                    this.colors = [...data.colors];
+                }
+                else {
+                    this.colors = data.colors;
+                }
+            }
+            const options = data.shapeOptions;
+            if (options !== undefined) {
+                for (const shape in options) {
+                    const item = options[shape];
+                    if (item) {
+                        this.shapeOptions[shape] = engine.deepExtend(this.shapeOptions[shape] ?? {}, item);
+                    }
+                }
+            }
+            if (data.shapes !== undefined) {
+                if (engine.isArray(data.shapes)) {
+                    this.shapes = [...data.shapes];
+                }
+                else {
+                    this.shapes = data.shapes;
+                }
+            }
+            if (data.scalar !== undefined) {
+                this.scalar = data.scalar;
+            }
+            if (data.zIndex !== undefined) {
+                this.zIndex = data.zIndex;
+            }
+            if (data.disableForReducedMotion !== undefined) {
+                this.disableForReducedMotion = data.disableForReducedMotion;
+            }
+        }
+    }
+
+    const defaultGravity = 9.81, sizeFactor = 5, speedFactor = 3, decayOffset = 1, disableRotate = 0, disableTilt = 0, ids = new Map();
+    async function addEmitter(container, actualOptions, opacitySpeed) {
+        await container.addEmitter?.({
+            startCount: actualOptions.count,
+            position: actualOptions.position,
+            size: {
+                width: 0,
+                height: 0,
+            },
+            rate: {
+                delay: 0,
+                quantity: 0,
+            },
+            life: {
+                duration: 0.1,
+                count: 1,
+            },
+            particles: {
+                paint: {
+                    fill: {
+                        color: {
+                            value: actualOptions.colors,
+                        },
+                        enable: true,
+                    },
+                },
+                shape: {
+                    type: actualOptions.shapes,
+                    options: actualOptions.shapeOptions,
+                },
+                life: {
+                    count: 1,
+                },
+                opacity: {
+                    value: { min: 0, max: 1 },
+                    animation: {
+                        enable: true,
+                        sync: true,
+                        speed: opacitySpeed,
+                        startValue: "max",
+                        destroy: "min",
+                        count: 1,
+                    },
+                },
+                size: {
+                    value: sizeFactor * actualOptions.scalar,
+                },
+                move: {
+                    angle: {
+                        value: actualOptions.spread,
+                        offset: 0,
+                    },
+                    drift: {
+                        min: -actualOptions.drift,
+                        max: actualOptions.drift,
+                    },
+                    gravity: {
+                        acceleration: actualOptions.gravity * defaultGravity,
+                    },
+                    speed: actualOptions.startVelocity * speedFactor,
+                    decay: decayOffset - actualOptions.decay,
+                    direction: -actualOptions.angle,
+                },
+                rotate: {
+                    value: actualOptions.flat
+                        ? disableRotate
+                        : {
+                            min: 0,
+                            max: 360,
+                        },
+                    direction: "random",
+                    animation: {
+                        enable: !actualOptions.flat,
+                        speed: 60,
+                    },
+                },
+                tilt: {
+                    direction: "random",
+                    enable: !actualOptions.flat,
+                    value: actualOptions.flat
+                        ? disableTilt
+                        : {
+                            min: 0,
+                            max: 360,
+                        },
+                    animation: {
+                        enable: true,
+                        speed: 60,
+                    },
+                },
+                roll: {
+                    darken: {
+                        enable: true,
+                        value: 25,
+                    },
+                    enable: !actualOptions.flat,
+                    speed: {
+                        min: 15,
+                        max: 25,
+                    },
+                },
+                wobble: {
+                    distance: 30,
+                    enable: !actualOptions.flat,
+                    speed: {
+                        min: -15,
+                        max: 15,
+                    },
+                },
+            },
+        });
+    }
+    function convertOptions(actualOptions, params, opacitySpeed) {
+        return {
+            fullScreen: {
+                enable: !params.canvas,
+                zIndex: actualOptions.zIndex,
+            },
+            fpsLimit: 120,
+            particles: {
+                number: {
+                    value: 0,
+                },
+                paint: {
+                    fill: {
+                        color: {
+                            value: actualOptions.colors,
+                        },
+                        enable: true,
+                    },
+                },
+                shape: {
+                    type: actualOptions.shapes,
+                    options: actualOptions.shapeOptions,
+                },
+                opacity: {
+                    value: { min: 0, max: 1 },
+                    animation: {
+                        enable: true,
+                        sync: true,
+                        speed: opacitySpeed,
+                        startValue: "max",
+                        destroy: "min",
+                        count: 1,
+                    },
+                },
+                size: {
+                    value: sizeFactor * actualOptions.scalar,
+                },
+                links: {
+                    enable: false,
+                },
+                life: {
+                    count: 1,
+                },
+                move: {
+                    angle: {
+                        value: actualOptions.spread,
+                        offset: 0,
+                    },
+                    drift: {
+                        min: -actualOptions.drift,
+                        max: actualOptions.drift,
+                    },
+                    enable: true,
+                    gravity: {
+                        enable: true,
+                        acceleration: actualOptions.gravity * defaultGravity,
+                    },
+                    speed: actualOptions.startVelocity * speedFactor,
+                    decay: decayOffset - actualOptions.decay,
+                    direction: -actualOptions.angle,
+                    random: true,
+                    straight: false,
+                    outModes: {
+                        default: "none",
+                        bottom: "destroy",
+                    },
+                },
+                rotate: {
+                    value: actualOptions.flat
+                        ? disableRotate
+                        : {
+                            min: 0,
+                            max: 360,
+                        },
+                    direction: "random",
+                    animation: {
+                        enable: !actualOptions.flat,
+                        speed: 60,
+                    },
+                },
+                tilt: {
+                    direction: "random",
+                    enable: !actualOptions.flat,
+                    value: actualOptions.flat
+                        ? disableTilt
+                        : {
+                            min: 0,
+                            max: 360,
+                        },
+                    animation: {
+                        enable: true,
+                        speed: 60,
+                    },
+                },
+                roll: {
+                    darken: {
+                        enable: true,
+                        value: 25,
+                    },
+                    enable: !actualOptions.flat,
+                    speed: {
+                        min: 15,
+                        max: 25,
+                    },
+                },
+                wobble: {
+                    distance: 30,
+                    enable: !actualOptions.flat,
+                    speed: {
+                        min: -15,
+                        max: 15,
+                    },
+                },
+            },
+            motion: {
+                disable: actualOptions.disableForReducedMotion,
+            },
+            emitters: {
+                name: "confetti",
+                startCount: actualOptions.count,
+                position: actualOptions.position,
+                size: {
+                    width: 0,
+                    height: 0,
+                },
+                rate: {
+                    delay: 0,
+                    quantity: 0,
+                },
+                life: {
+                    duration: 0.1,
+                    count: 1,
+                },
+            },
+        };
+    }
+    async function setConfetti(engine$1, params) {
+        const actualOptions = new ConfettiOptions();
+        actualOptions.load(params.options);
+        const fpsLimit = 120, fpsLimitFactor = 3.6, opacitySpeed = (actualOptions.ticks * engine.millisecondsToSeconds) / (fpsLimitFactor * engine.millisecondsToSeconds * fpsLimit);
+        let containerOrPromise = ids.get(params.id);
+        if (containerOrPromise instanceof Promise) {
+            await containerOrPromise;
+            containerOrPromise = ids.get(params.id);
+        }
+        const container = containerOrPromise;
+        if (container && !container.destroyed) {
+            const alias = container;
+            if ("addEmitter" in alias) {
+                await addEmitter(alias, actualOptions, opacitySpeed);
+                return container;
+            }
+        }
+        const create = async () => {
+            const particlesOptions = convertOptions(actualOptions, params, opacitySpeed), newContainer = await engine$1.load({
+                id: params.id,
+                element: params.canvas,
+                options: particlesOptions,
+            });
+            ids.set(params.id, newContainer);
+            return newContainer;
+        }, createPromise = create();
+        ids.set(params.id, createPromise);
+        return createPromise;
+    }
+
+    let initPromise = null;
+    async function doInitPlugins(engine) {
+        engine.checkVersion("4.0.0");
+        await engine.pluginManager.register(async (e) => {
+            await Promise.all([
+                basic.loadBasic(e),
+                pluginMotion.loadMotionPlugin(e),
+                plugin.loadEmittersPluginSimple(e),
+                suits.loadCardSuitsShape(e),
+                shapeHeart.loadHeartShape(e),
+                shapeImage.loadImageShape(e),
+                shapePolygon.loadPolygonShape(e),
+                shapeSquare.loadSquareShape(e),
+                shapeStar.loadStarShape(e),
+                shapeEmoji.loadEmojiShape(e),
+                updaterRotate.loadRotateUpdater(e),
+                updaterLife.loadLifeUpdater(e),
+                updaterRoll.loadRollUpdater(e),
+                updaterTilt.loadTiltUpdater(e),
+                updaterWobble.loadWobbleUpdater(e),
+            ]);
+        });
+    }
+    async function initPlugins(engine) {
+        if (initPromise) {
+            return initPromise;
+        }
+        initPromise = doInitPlugins(engine);
+        return initPromise;
+    }
+    async function confetti(idOrOptions, confettiOptions) {
+        await initPlugins(engine.tsParticles);
+        let options, id;
+        if (engine.isString(idOrOptions)) {
+            id = idOrOptions;
+            options = confettiOptions ?? {};
+        }
+        else {
+            id = "confetti";
+            options = idOrOptions;
+        }
+        return setConfetti(engine.tsParticles, {
+            id,
+            options,
+        });
+    }
+    confetti.create = async (canvas, options = {}) => {
+        await initPlugins(engine.tsParticles);
+        const id = canvas?.getAttribute("id") ?? "confetti";
+        canvas?.setAttribute("id", id);
+        await setConfetti(engine.tsParticles, {
+            id,
+            canvas: canvas ?? undefined,
+            options,
+        });
+        return async (idOrOptions, confettiOptions) => {
+            let subOptions, subId;
+            if (engine.isString(idOrOptions)) {
+                subId = idOrOptions;
+                subOptions = confettiOptions ?? options;
+            }
+            else {
+                subId = id;
+                subOptions = idOrOptions;
+            }
+            return setConfetti(engine.tsParticles, {
+                id: subId,
+                canvas: canvas ?? undefined,
+                options: subOptions,
+            });
+        };
+    };
+    confetti.init = async () => {
+        await initPlugins(engine.tsParticles);
+    };
+    confetti.version = "4.0.0";
+    globalThis.confetti = confetti;
+
+    const globalObject = globalThis;
+    globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+    globalObject.confetti = confetti;
+
+    exports.confetti = confetti;
+
+}));
+Object.assign(globalThis.window || globalThis, { confetti: (globalThis.__tsParticlesInternals.bundles.confetti || {}).confetti });
+delete (globalThis.window || globalThis).tsparticlesInternalExports;