@tsparticles/all 4.0.0-beta.6 → 4.0.0-beta.8

package/tsparticles.all.bundle.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.6
+ * v4.0.0-beta.8
  */
 /*
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -34,7 +34,7 @@ return /******/ (() => { // webpackBootstrap
   \************************************************/
 (__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 */   Engine: () => (/* binding */ Engine)\n/* harmony export */ });\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../engine/dist/browser/Core/Utils/Constants.js\");\n/* harmony import */ var _Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Utils/Utils.js */ \"../../engine/dist/browser/Utils/Utils.js\");\n/* harmony import */ var _Utils_EventDispatcher_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Utils/EventDispatcher.js */ \"../../engine/dist/browser/Utils/EventDispatcher.js\");\n/* harmony import */ var _Utils_PluginManager_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Utils/PluginManager.js */ \"../../engine/dist/browser/Core/Utils/PluginManager.js\");\n/* harmony import */ var _Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Utils/LogUtils.js */ \"../../engine/dist/browser/Utils/LogUtils.js\");\n/* harmony import */ var _Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Utils/MathUtils.js */ \"../../engine/dist/browser/Utils/MathUtils.js\");\n\n\n\n\n\n\nconst fullPercent = \"100%\";\nasync function getDataFromUrl(data) {\n    const url = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__.itemFromSingleOrMultiple)(data.url, data.index);\n    if (!url) {\n        return data.fallback;\n    }\n    const response = await fetch(url);\n    if (response.ok) {\n        return await response.json();\n    }\n    (0,_Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_4__.getLogger)().error(`${response.status.toString()} while retrieving config file`);\n    return data.fallback;\n}\nconst getCanvasFromContainer = (domContainer)=>{\n    const documentSafe = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__.safeDocument)();\n    let canvasEl;\n    if (domContainer instanceof HTMLCanvasElement || domContainer.tagName.toLowerCase() === _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.canvasTag) {\n        canvasEl = domContainer;\n        canvasEl.dataset[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.generatedAttribute] ??= _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.generatedFalse;\n    } else {\n        const existingCanvases = domContainer.getElementsByTagName(_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.canvasTag), foundCanvas = existingCanvases[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.canvasFirstIndex];\n        if (foundCanvas) {\n            canvasEl = foundCanvas;\n            canvasEl.dataset[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.generatedAttribute] = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.generatedFalse;\n        } else {\n            canvasEl = documentSafe.createElement(_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.canvasTag);\n            canvasEl.dataset[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.generatedAttribute] = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.generatedTrue;\n            domContainer.appendChild(canvasEl);\n        }\n    }\n    canvasEl.style.width ||= fullPercent;\n    canvasEl.style.height ||= fullPercent;\n    return canvasEl;\n}, getDomContainer = (id, source)=>{\n    const documentSafe = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__.safeDocument)();\n    let domContainer = source ?? documentSafe.getElementById(id);\n    if (domContainer) {\n        return domContainer;\n    }\n    domContainer = documentSafe.createElement(\"canvas\");\n    domContainer.id = id;\n    domContainer.dataset[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.generatedAttribute] = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.generatedTrue;\n    documentSafe.body.append(domContainer);\n    return domContainer;\n};\nclass Engine {\n    pluginManager = new _Utils_PluginManager_js__WEBPACK_IMPORTED_MODULE_3__.PluginManager(this);\n    _domArray = [];\n    _eventDispatcher = new _Utils_EventDispatcher_js__WEBPACK_IMPORTED_MODULE_2__.EventDispatcher();\n    _initialized = false;\n    get items() {\n        return this._domArray;\n    }\n    get version() {\n        return \"4.0.0-beta.6\";\n    }\n    addEventListener(type, listener) {\n        this._eventDispatcher.addEventListener(type, listener);\n    }\n    checkVersion(pluginVersion) {\n        if (this.version === pluginVersion) {\n            return;\n        }\n        throw new Error(`The tsParticles version is different from the loaded plugins version. Engine version: ${this.version}. Plugin version: ${pluginVersion}`);\n    }\n    dispatchEvent(type, args) {\n        this._eventDispatcher.dispatchEvent(type, args);\n    }\n    async init() {\n        if (this._initialized) {\n            return;\n        }\n        await this.pluginManager.init();\n        this._initialized = true;\n    }\n    item(index) {\n        const { items } = this, item = items[index];\n        if (item?.destroyed) {\n            items.splice(index, _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.removeDeleteCount);\n            return;\n        }\n        return item;\n    }\n    async load(params) {\n        await this.init();\n        const { Container } = await __webpack_require__.e(/*! import() */ \"engine_dist_browser_Core_Container_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./Container.js */ \"../../engine/dist/browser/Core/Container.js\")), id = params.id ?? params.element?.id ?? `tsparticles${Math.floor((0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_5__.getRandom)() * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.loadRandomFactor).toString()}`, { index, url } = params, options = url ? await getDataFromUrl({\n            fallback: params.options,\n            url,\n            index\n        }) : params.options, currentOptions = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__.itemFromSingleOrMultiple)(options, index), { items } = this, oldIndex = items.findIndex((v)=>v.id.description === id), newItem = new Container({\n            dispatchCallback: (eventType, args)=>{\n                this.dispatchEvent(eventType, args);\n            },\n            id,\n            onDestroy: (remove)=>{\n                if (!remove) {\n                    return;\n                }\n                const mainArr = this.items, idx = mainArr.indexOf(newItem);\n                if (idx >= _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.removeMinIndex) {\n                    mainArr.splice(idx, _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.removeDeleteCount);\n                }\n            },\n            pluginManager: this.pluginManager,\n            sourceOptions: currentOptions\n        });\n        if (oldIndex >= _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.loadMinIndex) {\n            const old = this.item(oldIndex), deleteCount = old ? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.one : _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.none;\n            if (old && !old.destroyed) {\n                old.destroy(false);\n            }\n            items.splice(oldIndex, deleteCount, newItem);\n        } else {\n            items.push(newItem);\n        }\n        const domContainer = getDomContainer(id, params.element), canvasEl = getCanvasFromContainer(domContainer);\n        newItem.canvas.loadCanvas(canvasEl);\n        await newItem.start();\n        return newItem;\n    }\n    async refresh(refresh = true) {\n        if (!refresh) {\n            return;\n        }\n        await Promise.all(this.items.map((t)=>t.refresh()));\n    }\n    removeEventListener(type, listener) {\n        this._eventDispatcher.removeEventListener(type, listener);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../engine/dist/browser/Core/Engine.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Engine: () => (/* binding */ Engine)\n/* harmony export */ });\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../engine/dist/browser/Core/Utils/Constants.js\");\n/* harmony import */ var _Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Utils/Utils.js */ \"../../engine/dist/browser/Utils/Utils.js\");\n/* harmony import */ var _Utils_EventDispatcher_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Utils/EventDispatcher.js */ \"../../engine/dist/browser/Utils/EventDispatcher.js\");\n/* harmony import */ var _Utils_PluginManager_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Utils/PluginManager.js */ \"../../engine/dist/browser/Core/Utils/PluginManager.js\");\n/* harmony import */ var _Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Utils/LogUtils.js */ \"../../engine/dist/browser/Utils/LogUtils.js\");\n/* harmony import */ var _Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Utils/MathUtils.js */ \"../../engine/dist/browser/Utils/MathUtils.js\");\n\n\n\n\n\n\nconst fullPercent = \"100%\";\nasync function getDataFromUrl(data) {\n    const url = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__.itemFromSingleOrMultiple)(data.url, data.index);\n    if (!url) {\n        return data.fallback;\n    }\n    const response = await fetch(url);\n    if (response.ok) {\n        return await response.json();\n    }\n    (0,_Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_4__.getLogger)().error(`${response.status.toString()} while retrieving config file`);\n    return data.fallback;\n}\nconst getCanvasFromContainer = (domContainer)=>{\n    const documentSafe = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__.safeDocument)();\n    let canvasEl;\n    if (domContainer instanceof HTMLCanvasElement || domContainer.tagName.toLowerCase() === _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.canvasTag) {\n        canvasEl = domContainer;\n        canvasEl.dataset[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.generatedAttribute] ??= _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.generatedFalse;\n    } else {\n        const existingCanvases = domContainer.getElementsByTagName(_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.canvasTag), foundCanvas = existingCanvases[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.canvasFirstIndex];\n        if (foundCanvas) {\n            canvasEl = foundCanvas;\n            canvasEl.dataset[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.generatedAttribute] = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.generatedFalse;\n        } else {\n            canvasEl = documentSafe.createElement(_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.canvasTag);\n            canvasEl.dataset[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.generatedAttribute] = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.generatedTrue;\n            domContainer.appendChild(canvasEl);\n        }\n    }\n    canvasEl.style.width ||= fullPercent;\n    canvasEl.style.height ||= fullPercent;\n    return canvasEl;\n}, getDomContainer = (id, source)=>{\n    const documentSafe = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__.safeDocument)();\n    let domContainer = source ?? documentSafe.getElementById(id);\n    if (domContainer) {\n        return domContainer;\n    }\n    domContainer = documentSafe.createElement(\"canvas\");\n    domContainer.id = id;\n    domContainer.dataset[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.generatedAttribute] = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.generatedTrue;\n    documentSafe.body.append(domContainer);\n    return domContainer;\n};\nclass Engine {\n    pluginManager = new _Utils_PluginManager_js__WEBPACK_IMPORTED_MODULE_3__.PluginManager(this);\n    _domArray = [];\n    _eventDispatcher = new _Utils_EventDispatcher_js__WEBPACK_IMPORTED_MODULE_2__.EventDispatcher();\n    _initialized = false;\n    get items() {\n        return this._domArray;\n    }\n    get version() {\n        return \"4.0.0-beta.8\";\n    }\n    addEventListener(type, listener) {\n        this._eventDispatcher.addEventListener(type, listener);\n    }\n    checkVersion(pluginVersion) {\n        if (this.version === pluginVersion) {\n            return;\n        }\n        throw new Error(`The tsParticles version is different from the loaded plugins version. Engine version: ${this.version}. Plugin version: ${pluginVersion}`);\n    }\n    dispatchEvent(type, args) {\n        this._eventDispatcher.dispatchEvent(type, args);\n    }\n    async init() {\n        if (this._initialized) {\n            return;\n        }\n        await this.pluginManager.init();\n        this._initialized = true;\n    }\n    item(index) {\n        const { items } = this, item = items[index];\n        if (item?.destroyed) {\n            items.splice(index, _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.removeDeleteCount);\n            return;\n        }\n        return item;\n    }\n    async load(params) {\n        await this.init();\n        const { Container } = await __webpack_require__.e(/*! import() */ \"engine_dist_browser_Core_Container_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./Container.js */ \"../../engine/dist/browser/Core/Container.js\")), id = params.id ?? params.element?.id ?? `tsparticles${Math.floor((0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_5__.getRandom)() * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.loadRandomFactor).toString()}`, { index, url } = params, options = url ? await getDataFromUrl({\n            fallback: params.options,\n            url,\n            index\n        }) : params.options, currentOptions = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_1__.itemFromSingleOrMultiple)(options, index), { items } = this, oldIndex = items.findIndex((v)=>v.id.description === id), newItem = new Container({\n            dispatchCallback: (eventType, args)=>{\n                this.dispatchEvent(eventType, args);\n            },\n            id,\n            onDestroy: (remove)=>{\n                if (!remove) {\n                    return;\n                }\n                const mainArr = this.items, idx = mainArr.indexOf(newItem);\n                if (idx >= _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.removeMinIndex) {\n                    mainArr.splice(idx, _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.removeDeleteCount);\n                }\n            },\n            pluginManager: this.pluginManager,\n            sourceOptions: currentOptions\n        });\n        if (oldIndex >= _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.loadMinIndex) {\n            const old = this.item(oldIndex), deleteCount = old ? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.one : _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.none;\n            if (old && !old.destroyed) {\n                old.destroy(false);\n            }\n            items.splice(oldIndex, deleteCount, newItem);\n        } else {\n            items.push(newItem);\n        }\n        const domContainer = getDomContainer(id, params.element), canvasEl = getCanvasFromContainer(domContainer);\n        newItem.canvas.loadCanvas(canvasEl);\n        await newItem.start();\n        return newItem;\n    }\n    async refresh(refresh = true) {\n        if (!refresh) {\n            return;\n        }\n        await Promise.all(this.items.map((t)=>t.refresh()));\n    }\n    removeEventListener(type, listener) {\n        this._eventDispatcher.removeEventListener(type, listener);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../engine/dist/browser/Core/Engine.js?\n}");
 
 /***/ },
 
@@ -304,7 +304,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Options: () => (/* binding */ Options)\n/* harmony export */ });\n/* harmony import */ var _Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../Utils/Utils.js */ \"../../engine/dist/browser/Utils/Utils.js\");\n/* harmony import */ var _Utils_TypeUtils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../Utils/TypeUtils.js */ \"../../engine/dist/browser/Utils/TypeUtils.js\");\n/* harmony import */ var _Background_Background_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Background/Background.js */ \"../../engine/dist/browser/Options/Classes/Background/Background.js\");\n/* harmony import */ var _FullScreen_FullScreen_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./FullScreen/FullScreen.js */ \"../../engine/dist/browser/Options/Classes/FullScreen/FullScreen.js\");\n/* harmony import */ var _ResizeEvent_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ResizeEvent.js */ \"../../engine/dist/browser/Options/Classes/ResizeEvent.js\");\n/* harmony import */ var _Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../Utils/OptionsUtils.js */ \"../../engine/dist/browser/Utils/OptionsUtils.js\");\n/* harmony import */ var _Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../Utils/MathUtils.js */ \"../../engine/dist/browser/Utils/MathUtils.js\");\n\n\n\n\n\n\n\nclass Options {\n    autoPlay;\n    background;\n    clear;\n    defaultThemes;\n    delay;\n    detectRetina;\n    duration;\n    fpsLimit;\n    fullScreen;\n    hdr;\n    key;\n    name;\n    palette;\n    particles;\n    pauseOnBlur;\n    pauseOnOutsideViewport;\n    preset;\n    resize;\n    smooth;\n    style;\n    zLayers;\n    _container;\n    _pluginManager;\n    constructor(pluginManager, container){\n        this._pluginManager = pluginManager;\n        this._container = container;\n        this.autoPlay = true;\n        this.background = new _Background_Background_js__WEBPACK_IMPORTED_MODULE_2__.Background();\n        this.clear = true;\n        this.defaultThemes = {};\n        this.delay = 0;\n        this.fullScreen = new _FullScreen_FullScreen_js__WEBPACK_IMPORTED_MODULE_3__.FullScreen();\n        this.detectRetina = true;\n        this.duration = 0;\n        this.fpsLimit = 120;\n        this.hdr = true;\n        this.particles = (0,_Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_5__.loadParticlesOptions)(this._pluginManager, this._container);\n        this.pauseOnBlur = true;\n        this.pauseOnOutsideViewport = true;\n        this.resize = new _ResizeEvent_js__WEBPACK_IMPORTED_MODULE_4__.ResizeEvent();\n        this.smooth = false;\n        this.style = {};\n        this.zLayers = 100;\n    }\n    load(data) {\n        if ((0,_Utils_TypeUtils_js__WEBPACK_IMPORTED_MODULE_1__.isNull)(data)) {\n            return;\n        }\n        if (data.preset !== undefined) {\n            this.preset = data.preset;\n            (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(this.preset, (preset)=>{\n                this._importPreset(preset);\n            });\n        }\n        if (data.palette !== undefined) {\n            this.palette = data.palette;\n            this._importPalette(this.palette);\n        }\n        if (data.autoPlay !== undefined) {\n            this.autoPlay = data.autoPlay;\n        }\n        if (data.clear !== undefined) {\n            this.clear = data.clear;\n        }\n        if (data.key !== undefined) {\n            this.key = data.key;\n        }\n        if (data.name !== undefined) {\n            this.name = data.name;\n        }\n        if (data.delay !== undefined) {\n            this.delay = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_6__.setRangeValue)(data.delay);\n        }\n        const detectRetina = data.detectRetina;\n        if (detectRetina !== undefined) {\n            this.detectRetina = detectRetina;\n        }\n        if (data.duration !== undefined) {\n            this.duration = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_6__.setRangeValue)(data.duration);\n        }\n        const fpsLimit = data.fpsLimit;\n        if (fpsLimit !== undefined) {\n            this.fpsLimit = fpsLimit;\n        }\n        if (data.hdr !== undefined) {\n            this.hdr = data.hdr;\n        }\n        if (data.pauseOnBlur !== undefined) {\n            this.pauseOnBlur = data.pauseOnBlur;\n        }\n        if (data.pauseOnOutsideViewport !== undefined) {\n            this.pauseOnOutsideViewport = data.pauseOnOutsideViewport;\n        }\n        if (data.zLayers !== undefined) {\n            this.zLayers = data.zLayers;\n        }\n        this.background.load(data.background);\n        const fullScreen = data.fullScreen;\n        if ((0,_Utils_TypeUtils_js__WEBPACK_IMPORTED_MODULE_1__.isBoolean)(fullScreen)) {\n            this.fullScreen.enable = fullScreen;\n        } else {\n            this.fullScreen.load(fullScreen);\n        }\n        this.particles.load(data.particles);\n        this.resize.load(data.resize);\n        this.style = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__.deepExtend)(this.style, data.style);\n        if (data.smooth !== undefined) {\n            this.smooth = data.smooth;\n        }\n        this._pluginManager.plugins.forEach((plugin)=>{\n            plugin.loadOptions(this._container, this, data);\n        });\n    }\n    _importPalette = (palette)=>{\n        const paletteData = this._pluginManager.getPalette(palette);\n        if (!paletteData) {\n            return;\n        }\n        this.load({\n            background: {\n                color: paletteData.background\n            },\n            blend: {\n                enable: true,\n                mode: paletteData.blendMode\n            },\n            particles: {\n                fill: {\n                    color: paletteData.fill ? {\n                        value: paletteData.colors\n                    } : undefined,\n                    enable: paletteData.fill\n                },\n                stroke: !paletteData.fill ? paletteData.colors.map((color)=>({\n                        color: {\n                            value: color\n                        },\n                        width: 1\n                    })) : undefined\n            }\n        });\n    };\n    _importPreset = (preset)=>{\n        this.load(this._pluginManager.getPreset(preset));\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../engine/dist/browser/Options/Classes/Options.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Options: () => (/* binding */ Options)\n/* harmony export */ });\n/* harmony import */ var _Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../Utils/Utils.js */ \"../../engine/dist/browser/Utils/Utils.js\");\n/* harmony import */ var _Utils_TypeUtils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../Utils/TypeUtils.js */ \"../../engine/dist/browser/Utils/TypeUtils.js\");\n/* harmony import */ var _Background_Background_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Background/Background.js */ \"../../engine/dist/browser/Options/Classes/Background/Background.js\");\n/* harmony import */ var _FullScreen_FullScreen_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./FullScreen/FullScreen.js */ \"../../engine/dist/browser/Options/Classes/FullScreen/FullScreen.js\");\n/* harmony import */ var _ResizeEvent_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ResizeEvent.js */ \"../../engine/dist/browser/Options/Classes/ResizeEvent.js\");\n/* harmony import */ var _Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../Utils/OptionsUtils.js */ \"../../engine/dist/browser/Utils/OptionsUtils.js\");\n/* harmony import */ var _Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../Utils/MathUtils.js */ \"../../engine/dist/browser/Utils/MathUtils.js\");\n\n\n\n\n\n\n\nclass Options {\n    autoPlay;\n    background;\n    clear;\n    defaultThemes;\n    delay;\n    detectRetina;\n    duration;\n    fpsLimit;\n    fullScreen;\n    hdr;\n    key;\n    name;\n    palette;\n    particles;\n    pauseOnBlur;\n    pauseOnOutsideViewport;\n    preset;\n    resize;\n    smooth;\n    style;\n    zLayers;\n    _container;\n    _pluginManager;\n    constructor(pluginManager, container){\n        this._pluginManager = pluginManager;\n        this._container = container;\n        this.autoPlay = true;\n        this.background = new _Background_Background_js__WEBPACK_IMPORTED_MODULE_2__.Background();\n        this.clear = true;\n        this.defaultThemes = {};\n        this.delay = 0;\n        this.fullScreen = new _FullScreen_FullScreen_js__WEBPACK_IMPORTED_MODULE_3__.FullScreen();\n        this.detectRetina = true;\n        this.duration = 0;\n        this.fpsLimit = 120;\n        this.hdr = true;\n        this.particles = (0,_Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_5__.loadParticlesOptions)(this._pluginManager, this._container);\n        this.pauseOnBlur = true;\n        this.pauseOnOutsideViewport = true;\n        this.resize = new _ResizeEvent_js__WEBPACK_IMPORTED_MODULE_4__.ResizeEvent();\n        this.smooth = false;\n        this.style = {};\n        this.zLayers = 100;\n    }\n    load(data) {\n        if ((0,_Utils_TypeUtils_js__WEBPACK_IMPORTED_MODULE_1__.isNull)(data)) {\n            return;\n        }\n        if (data.preset !== undefined) {\n            this.preset = data.preset;\n            (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(this.preset, (preset)=>{\n                this._importPreset(preset);\n            });\n        }\n        if (data.palette !== undefined) {\n            this.palette = data.palette;\n            this._importPalette(this.palette);\n        }\n        if (data.autoPlay !== undefined) {\n            this.autoPlay = data.autoPlay;\n        }\n        if (data.clear !== undefined) {\n            this.clear = data.clear;\n        }\n        if (data.key !== undefined) {\n            this.key = data.key;\n        }\n        if (data.name !== undefined) {\n            this.name = data.name;\n        }\n        if (data.delay !== undefined) {\n            this.delay = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_6__.setRangeValue)(data.delay);\n        }\n        const detectRetina = data.detectRetina;\n        if (detectRetina !== undefined) {\n            this.detectRetina = detectRetina;\n        }\n        if (data.duration !== undefined) {\n            this.duration = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_6__.setRangeValue)(data.duration);\n        }\n        const fpsLimit = data.fpsLimit;\n        if (fpsLimit !== undefined) {\n            this.fpsLimit = fpsLimit;\n        }\n        if (data.hdr !== undefined) {\n            this.hdr = data.hdr;\n        }\n        if (data.pauseOnBlur !== undefined) {\n            this.pauseOnBlur = data.pauseOnBlur;\n        }\n        if (data.pauseOnOutsideViewport !== undefined) {\n            this.pauseOnOutsideViewport = data.pauseOnOutsideViewport;\n        }\n        if (data.zLayers !== undefined) {\n            this.zLayers = data.zLayers;\n        }\n        this.background.load(data.background);\n        const fullScreen = data.fullScreen;\n        if ((0,_Utils_TypeUtils_js__WEBPACK_IMPORTED_MODULE_1__.isBoolean)(fullScreen)) {\n            this.fullScreen.enable = fullScreen;\n        } else {\n            this.fullScreen.load(fullScreen);\n        }\n        this.particles.load(data.particles);\n        this.resize.load(data.resize);\n        this.style = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__.deepExtend)(this.style, data.style);\n        if (data.smooth !== undefined) {\n            this.smooth = data.smooth;\n        }\n        this._pluginManager.plugins.forEach((plugin)=>{\n            plugin.loadOptions(this._container, this, data);\n        });\n    }\n    _importPalette = (palette)=>{\n        const paletteData = this._pluginManager.getPalette(palette);\n        if (!paletteData) {\n            return;\n        }\n        this.load({\n            background: {\n                color: paletteData.background\n            },\n            blend: {\n                enable: true,\n                mode: paletteData.blendMode\n            },\n            particles: {\n                palette\n            }\n        });\n    };\n    _importPreset = (preset)=>{\n        this.load(this._pluginManager.getPreset(preset));\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../engine/dist/browser/Options/Classes/Options.js?\n}");
 
 /***/ },
 
@@ -484,7 +484,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*******************************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ParticlesOptions: () => (/* binding */ ParticlesOptions)\n/* harmony export */ });\n/* harmony import */ var _Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../Utils/Utils.js */ \"../../engine/dist/browser/Utils/Utils.js\");\n/* harmony import */ var _Effect_Effect_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Effect/Effect.js */ \"../../engine/dist/browser/Options/Classes/Particles/Effect/Effect.js\");\n/* harmony import */ var _Fill_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Fill.js */ \"../../engine/dist/browser/Options/Classes/Particles/Fill.js\");\n/* harmony import */ var _Move_Move_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Move/Move.js */ \"../../engine/dist/browser/Options/Classes/Particles/Move/Move.js\");\n/* harmony import */ var _Opacity_Opacity_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Opacity/Opacity.js */ \"../../engine/dist/browser/Options/Classes/Particles/Opacity/Opacity.js\");\n/* harmony import */ var _Bounce_ParticlesBounce_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Bounce/ParticlesBounce.js */ \"../../engine/dist/browser/Options/Classes/Particles/Bounce/ParticlesBounce.js\");\n/* harmony import */ var _Number_ParticlesNumber_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Number/ParticlesNumber.js */ \"../../engine/dist/browser/Options/Classes/Particles/Number/ParticlesNumber.js\");\n/* harmony import */ var _Shape_Shape_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Shape/Shape.js */ \"../../engine/dist/browser/Options/Classes/Particles/Shape/Shape.js\");\n/* harmony import */ var _Size_Size_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Size/Size.js */ \"../../engine/dist/browser/Options/Classes/Particles/Size/Size.js\");\n/* harmony import */ var _Stroke_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Stroke.js */ \"../../engine/dist/browser/Options/Classes/Particles/Stroke.js\");\n/* harmony import */ var _ZIndex_ZIndex_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./ZIndex/ZIndex.js */ \"../../engine/dist/browser/Options/Classes/Particles/ZIndex/ZIndex.js\");\n/* harmony import */ var _Utils_TypeUtils_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../Utils/TypeUtils.js */ \"../../engine/dist/browser/Utils/TypeUtils.js\");\n\n\n\n\n\n\n\n\n\n\n\n\nclass ParticlesOptions {\n    bounce;\n    effect;\n    fill;\n    groups;\n    move;\n    number;\n    opacity;\n    reduceDuplicates;\n    shape;\n    size;\n    stroke;\n    zIndex;\n    _container;\n    _pluginManager;\n    constructor(pluginManager, container){\n        this._pluginManager = pluginManager;\n        this._container = container;\n        this.bounce = new _Bounce_ParticlesBounce_js__WEBPACK_IMPORTED_MODULE_5__.ParticlesBounce();\n        this.effect = new _Effect_Effect_js__WEBPACK_IMPORTED_MODULE_1__.Effect();\n        this.fill = new _Fill_js__WEBPACK_IMPORTED_MODULE_2__.Fill();\n        this.groups = {};\n        this.move = new _Move_Move_js__WEBPACK_IMPORTED_MODULE_3__.Move();\n        this.number = new _Number_ParticlesNumber_js__WEBPACK_IMPORTED_MODULE_6__.ParticlesNumber();\n        this.opacity = new _Opacity_Opacity_js__WEBPACK_IMPORTED_MODULE_4__.Opacity();\n        this.reduceDuplicates = false;\n        this.shape = new _Shape_Shape_js__WEBPACK_IMPORTED_MODULE_7__.Shape();\n        this.size = new _Size_Size_js__WEBPACK_IMPORTED_MODULE_8__.Size();\n        this.stroke = new _Stroke_js__WEBPACK_IMPORTED_MODULE_9__.Stroke();\n        this.zIndex = new _ZIndex_ZIndex_js__WEBPACK_IMPORTED_MODULE_10__.ZIndex();\n    }\n    load(data) {\n        if ((0,_Utils_TypeUtils_js__WEBPACK_IMPORTED_MODULE_11__.isNull)(data)) {\n            return;\n        }\n        if (data.groups !== undefined) {\n            for (const group of Object.keys(data.groups)){\n                if (!(group in data.groups)) {\n                    continue;\n                }\n                const item = data.groups[group];\n                if (item !== undefined) {\n                    this.groups[group] = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__.deepExtend)(this.groups[group] ?? {}, item);\n                }\n            }\n        }\n        if (data.reduceDuplicates !== undefined) {\n            this.reduceDuplicates = data.reduceDuplicates;\n        }\n        this.bounce.load(data.bounce);\n        this.effect.load(data.effect);\n        this.move.load(data.move);\n        this.number.load(data.number);\n        this.opacity.load(data.opacity);\n        this.shape.load(data.shape);\n        this.size.load(data.size);\n        this.zIndex.load(data.zIndex);\n        const fillToLoad = data.fill;\n        if (fillToLoad) {\n            this.fill = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(fillToLoad, (t)=>{\n                const tmp = new _Fill_js__WEBPACK_IMPORTED_MODULE_2__.Fill();\n                tmp.load(t);\n                return tmp;\n            });\n        }\n        const strokeToLoad = data.stroke;\n        if (strokeToLoad) {\n            this.stroke = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(strokeToLoad, (t)=>{\n                const tmp = new _Stroke_js__WEBPACK_IMPORTED_MODULE_9__.Stroke();\n                tmp.load(t);\n                return tmp;\n            });\n        }\n        if (this._container) {\n            for (const plugin of this._pluginManager.plugins){\n                if (plugin.loadParticlesOptions) {\n                    plugin.loadParticlesOptions(this._container, this, data);\n                }\n            }\n            const updaters = this._pluginManager.updaters.get(this._container);\n            if (updaters) {\n                for (const updater of updaters){\n                    if (updater.loadOptions) {\n                        updater.loadOptions(this, data);\n                    }\n                }\n            }\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../engine/dist/browser/Options/Classes/Particles/ParticlesOptions.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ParticlesOptions: () => (/* binding */ ParticlesOptions)\n/* harmony export */ });\n/* harmony import */ var _Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../Utils/Utils.js */ \"../../engine/dist/browser/Utils/Utils.js\");\n/* harmony import */ var _Effect_Effect_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Effect/Effect.js */ \"../../engine/dist/browser/Options/Classes/Particles/Effect/Effect.js\");\n/* harmony import */ var _Fill_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Fill.js */ \"../../engine/dist/browser/Options/Classes/Particles/Fill.js\");\n/* harmony import */ var _Move_Move_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Move/Move.js */ \"../../engine/dist/browser/Options/Classes/Particles/Move/Move.js\");\n/* harmony import */ var _Opacity_Opacity_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Opacity/Opacity.js */ \"../../engine/dist/browser/Options/Classes/Particles/Opacity/Opacity.js\");\n/* harmony import */ var _Bounce_ParticlesBounce_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Bounce/ParticlesBounce.js */ \"../../engine/dist/browser/Options/Classes/Particles/Bounce/ParticlesBounce.js\");\n/* harmony import */ var _Number_ParticlesNumber_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Number/ParticlesNumber.js */ \"../../engine/dist/browser/Options/Classes/Particles/Number/ParticlesNumber.js\");\n/* harmony import */ var _Shape_Shape_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Shape/Shape.js */ \"../../engine/dist/browser/Options/Classes/Particles/Shape/Shape.js\");\n/* harmony import */ var _Size_Size_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Size/Size.js */ \"../../engine/dist/browser/Options/Classes/Particles/Size/Size.js\");\n/* harmony import */ var _Stroke_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Stroke.js */ \"../../engine/dist/browser/Options/Classes/Particles/Stroke.js\");\n/* harmony import */ var _ZIndex_ZIndex_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./ZIndex/ZIndex.js */ \"../../engine/dist/browser/Options/Classes/Particles/ZIndex/ZIndex.js\");\n/* harmony import */ var _Utils_TypeUtils_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../Utils/TypeUtils.js */ \"../../engine/dist/browser/Utils/TypeUtils.js\");\n\n\n\n\n\n\n\n\n\n\n\n\nclass ParticlesOptions {\n    bounce;\n    effect;\n    fill;\n    groups;\n    move;\n    number;\n    opacity;\n    palette;\n    reduceDuplicates;\n    shape;\n    size;\n    stroke;\n    zIndex;\n    _container;\n    _pluginManager;\n    constructor(pluginManager, container){\n        this._pluginManager = pluginManager;\n        this._container = container;\n        this.bounce = new _Bounce_ParticlesBounce_js__WEBPACK_IMPORTED_MODULE_5__.ParticlesBounce();\n        this.effect = new _Effect_Effect_js__WEBPACK_IMPORTED_MODULE_1__.Effect();\n        this.fill = new _Fill_js__WEBPACK_IMPORTED_MODULE_2__.Fill();\n        this.groups = {};\n        this.move = new _Move_Move_js__WEBPACK_IMPORTED_MODULE_3__.Move();\n        this.number = new _Number_ParticlesNumber_js__WEBPACK_IMPORTED_MODULE_6__.ParticlesNumber();\n        this.opacity = new _Opacity_Opacity_js__WEBPACK_IMPORTED_MODULE_4__.Opacity();\n        this.reduceDuplicates = false;\n        this.shape = new _Shape_Shape_js__WEBPACK_IMPORTED_MODULE_7__.Shape();\n        this.size = new _Size_Size_js__WEBPACK_IMPORTED_MODULE_8__.Size();\n        this.stroke = new _Stroke_js__WEBPACK_IMPORTED_MODULE_9__.Stroke();\n        this.zIndex = new _ZIndex_ZIndex_js__WEBPACK_IMPORTED_MODULE_10__.ZIndex();\n    }\n    load(data) {\n        if ((0,_Utils_TypeUtils_js__WEBPACK_IMPORTED_MODULE_11__.isNull)(data)) {\n            return;\n        }\n        if (data.palette) {\n            this.palette = data.palette;\n            this._importPalette(this.palette);\n        }\n        if (data.groups !== undefined) {\n            for (const group of Object.keys(data.groups)){\n                if (!(group in data.groups)) {\n                    continue;\n                }\n                const item = data.groups[group];\n                if (item !== undefined) {\n                    this.groups[group] = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__.deepExtend)(this.groups[group] ?? {}, item);\n                }\n            }\n        }\n        if (data.reduceDuplicates !== undefined) {\n            this.reduceDuplicates = data.reduceDuplicates;\n        }\n        this.bounce.load(data.bounce);\n        this.effect.load(data.effect);\n        this.move.load(data.move);\n        this.number.load(data.number);\n        this.opacity.load(data.opacity);\n        this.shape.load(data.shape);\n        this.size.load(data.size);\n        this.zIndex.load(data.zIndex);\n        const fillToLoad = data.fill;\n        if (fillToLoad) {\n            this.fill = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(fillToLoad, (t)=>{\n                const tmp = new _Fill_js__WEBPACK_IMPORTED_MODULE_2__.Fill();\n                tmp.load(t);\n                return tmp;\n            });\n        }\n        const strokeToLoad = data.stroke;\n        if (strokeToLoad) {\n            this.stroke = (0,_Utils_Utils_js__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(strokeToLoad, (t)=>{\n                const tmp = new _Stroke_js__WEBPACK_IMPORTED_MODULE_9__.Stroke();\n                tmp.load(t);\n                return tmp;\n            });\n        }\n        if (this._container) {\n            for (const plugin of this._pluginManager.plugins){\n                if (plugin.loadParticlesOptions) {\n                    plugin.loadParticlesOptions(this._container, this, data);\n                }\n            }\n            const updaters = this._pluginManager.updaters.get(this._container);\n            if (updaters) {\n                for (const updater of updaters){\n                    if (updater.loadOptions) {\n                        updater.loadOptions(this, data);\n                    }\n                }\n            }\n        }\n    }\n    _importPalette = (palette)=>{\n        const paletteData = this._pluginManager.getPalette(palette);\n        if (!paletteData) {\n            return;\n        }\n        this.load({\n            fill: {\n                color: paletteData.fill ? {\n                    value: paletteData.colors\n                } : undefined,\n                enable: paletteData.fill\n            },\n            stroke: paletteData.fill ? undefined : paletteData.colors.map((color)=>({\n                    color: {\n                        value: color\n                    },\n                    width: 1\n                })),\n            blend: {\n                enable: true,\n                mode: paletteData.blendMode\n            }\n        });\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../engine/dist/browser/Options/Classes/Particles/ParticlesOptions.js?\n}");
 
 /***/ },
 
@@ -634,7 +634,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   areBoundsInside: () => (/* binding */ areBoundsInside),\n/* harmony export */   arrayRandomIndex: () => (/* binding */ arrayRandomIndex),\n/* harmony export */   calculateBounds: () => (/* binding */ calculateBounds),\n/* harmony export */   circleBounce: () => (/* binding */ circleBounce),\n/* harmony export */   circleBounceDataFromParticle: () => (/* binding */ circleBounceDataFromParticle),\n/* harmony export */   cloneStyle: () => (/* binding */ cloneStyle),\n/* harmony export */   deepExtend: () => (/* binding */ deepExtend),\n/* harmony export */   executeOnSingleOrMultiple: () => (/* binding */ executeOnSingleOrMultiple),\n/* harmony export */   findItemFromSingleOrMultiple: () => (/* binding */ findItemFromSingleOrMultiple),\n/* harmony export */   getFullScreenStyle: () => (/* binding */ getFullScreenStyle),\n/* harmony export */   getItemMapFromInitializer: () => (/* binding */ getItemMapFromInitializer),\n/* harmony export */   getItemsFromInitializer: () => (/* binding */ getItemsFromInitializer),\n/* harmony export */   getPosition: () => (/* binding */ getPosition),\n/* harmony export */   getSize: () => (/* binding */ getSize),\n/* harmony export */   hasMatchMedia: () => (/* binding */ hasMatchMedia),\n/* harmony export */   initParticleNumericAnimationValue: () => (/* binding */ initParticleNumericAnimationValue),\n/* harmony export */   isInArray: () => (/* binding */ isInArray),\n/* harmony export */   isPointInside: () => (/* binding */ isPointInside),\n/* harmony export */   itemFromArray: () => (/* binding */ itemFromArray),\n/* harmony export */   itemFromSingleOrMultiple: () => (/* binding */ itemFromSingleOrMultiple),\n/* harmony export */   manageListener: () => (/* binding */ manageListener),\n/* harmony export */   memoize: () => (/* binding */ memoize),\n/* harmony export */   safeDocument: () => (/* binding */ safeDocument),\n/* harmony export */   safeIntersectionObserver: () => (/* binding */ safeIntersectionObserver),\n/* harmony export */   safeMatchMedia: () => (/* binding */ safeMatchMedia),\n/* harmony export */   safeMutationObserver: () => (/* binding */ safeMutationObserver),\n/* harmony export */   updateAnimation: () => (/* binding */ updateAnimation)\n/* harmony export */ });\n/* harmony import */ var _MathUtils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MathUtils.js */ \"../../engine/dist/browser/Utils/MathUtils.js\");\n/* harmony import */ var _Core_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Core/Utils/Constants.js */ \"../../engine/dist/browser/Core/Utils/Constants.js\");\n/* harmony import */ var _TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TypeUtils.js */ \"../../engine/dist/browser/Utils/TypeUtils.js\");\n/* harmony import */ var _Enums_Modes_AnimationMode_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Enums/Modes/AnimationMode.js */ \"../../engine/dist/browser/Enums/Modes/AnimationMode.js\");\n/* harmony import */ var _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Enums/AnimationStatus.js */ \"../../engine/dist/browser/Enums/AnimationStatus.js\");\n/* harmony import */ var _Enums_Types_DestroyType_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Enums/Types/DestroyType.js */ \"../../engine/dist/browser/Enums/Types/DestroyType.js\");\n/* harmony import */ var _Enums_Directions_OutModeDirection_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Enums/Directions/OutModeDirection.js */ \"../../engine/dist/browser/Enums/Directions/OutModeDirection.js\");\n/* harmony import */ var _Enums_Modes_PixelMode_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../Enums/Modes/PixelMode.js */ \"../../engine/dist/browser/Enums/Modes/PixelMode.js\");\n/* harmony import */ var _Enums_Types_StartValueType_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../Enums/Types/StartValueType.js */ \"../../engine/dist/browser/Enums/Types/StartValueType.js\");\n/* harmony import */ var _Core_Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../Core/Utils/Vectors.js */ \"../../engine/dist/browser/Core/Utils/Vectors.js\");\n\n\n\n\n\n\n\n\n\n\nconst minRadius = 0, minMemoizeSize = 0;\nfunction memoize(fn, options) {\n    const cache = new Map(), maxSize = options?.maxSize, ttlMs = options?.ttlMs, keyFn = options?.keyFn, stableStringify = (obj, seen = new WeakSet())=>{\n        if (obj === null) {\n            return \"null\";\n        }\n        const t = typeof obj;\n        if (t === \"undefined\") {\n            return \"undefined\";\n        }\n        if (t === \"number\" || t === \"boolean\" || t === \"string\") {\n            return JSON.stringify(obj);\n        }\n        if (t === \"function\") {\n            try {\n                const fn = obj;\n                return fn.toString();\n            } catch  {\n                return '\"[Function]\"';\n            }\n        }\n        if (t === \"symbol\") {\n            try {\n                return obj.toString();\n            } catch  {\n                return '\"[Symbol]\"';\n            }\n        }\n        if (Array.isArray(obj)) {\n            return `[${obj.map((i)=>stableStringify(i, seen)).join(\",\")}]`;\n        }\n        if (seen.has(obj)) {\n            return '\"[Circular]\"';\n        }\n        seen.add(obj);\n        const keys = Object.keys(obj).sort();\n        return `{${keys.map((k)=>`${JSON.stringify(k)}:${stableStringify(obj[k], seen)}`).join(\",\")}}`;\n    }, defaultKeyer = (args)=>stableStringify(args), makeKey = (args)=>keyFn ? keyFn(args) : defaultKeyer(args), ensureBounds = ()=>{\n        if (typeof maxSize === \"number\" && maxSize >= minMemoizeSize) {\n            while(cache.size > maxSize){\n                const firstKey = cache.keys().next().value;\n                if (firstKey === undefined) break;\n                cache.delete(firstKey);\n            }\n        }\n    };\n    return (...args)=>{\n        const key = makeKey(args), now = Date.now(), entry = cache.get(key);\n        if (entry !== undefined) {\n            if (ttlMs && now - entry.ts > ttlMs) {\n                cache.delete(key);\n            } else {\n                cache.delete(key);\n                cache.set(key, {\n                    value: entry.value,\n                    ts: entry.ts\n                });\n                return entry.value;\n            }\n        }\n        const result = fn(...args);\n        cache.set(key, {\n            value: result,\n            ts: now\n        });\n        ensureBounds();\n        return result;\n    };\n}\nfunction hasMatchMedia() {\n    return typeof matchMedia !== \"undefined\";\n}\nfunction safeDocument() {\n    return globalThis.document;\n}\nfunction safeMatchMedia(query) {\n    if (!hasMatchMedia()) {\n        return;\n    }\n    return matchMedia(query);\n}\nfunction safeIntersectionObserver(callback) {\n    if (typeof IntersectionObserver === \"undefined\") {\n        return;\n    }\n    return new IntersectionObserver(callback);\n}\nfunction safeMutationObserver(callback) {\n    if (typeof MutationObserver === \"undefined\") {\n        return;\n    }\n    return new MutationObserver(callback);\n}\nfunction isInArray(value, array) {\n    return value === array || (0,_TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__.isArray)(array) && array.includes(value);\n}\nfunction arrayRandomIndex(array) {\n    return Math.floor((0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * array.length);\n}\nfunction itemFromArray(array, index, useIndex = true) {\n    return array[index !== undefined && useIndex ? index % array.length : arrayRandomIndex(array)];\n}\nfunction isPointInside(point, size, offset, radius, direction) {\n    return areBoundsInside(calculateBounds(point, radius ?? minRadius), size, offset, direction);\n}\nfunction areBoundsInside(bounds, size, offset, direction) {\n    let inside = true;\n    if (!direction || direction === _Enums_Directions_OutModeDirection_js__WEBPACK_IMPORTED_MODULE_6__.OutModeDirection.bottom) {\n        inside = bounds.top < size.height + offset.x;\n    }\n    if (inside && (!direction || direction === _Enums_Directions_OutModeDirection_js__WEBPACK_IMPORTED_MODULE_6__.OutModeDirection.left)) {\n        inside = bounds.right > offset.x;\n    }\n    if (inside && (!direction || direction === _Enums_Directions_OutModeDirection_js__WEBPACK_IMPORTED_MODULE_6__.OutModeDirection.right)) {\n        inside = bounds.left < size.width + offset.y;\n    }\n    if (inside && (!direction || direction === _Enums_Directions_OutModeDirection_js__WEBPACK_IMPORTED_MODULE_6__.OutModeDirection.top)) {\n        inside = bounds.bottom > offset.y;\n    }\n    return inside;\n}\nfunction calculateBounds(point, radius) {\n    return {\n        bottom: point.y + radius,\n        left: point.x - radius,\n        right: point.x + radius,\n        top: point.y - radius\n    };\n}\nfunction deepExtend(destination, ...sources) {\n    for (const source of sources){\n        if ((0,_TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__.isNull)(source)) {\n            continue;\n        }\n        if (!(0,_TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__.isObject)(source)) {\n            destination = source;\n            continue;\n        }\n        if (Array.isArray(source)) {\n            if (!Array.isArray(destination)) {\n                destination = [];\n            }\n        } else if (!(0,_TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__.isObject)(destination) || Array.isArray(destination)) {\n            destination = {};\n        }\n        const sourceKeys = Object.keys(source), dangerousKeys = new Set([\n            \"__proto__\",\n            \"constructor\",\n            \"prototype\"\n        ]), hasNested = sourceKeys.some((k)=>{\n            const v = source[k];\n            return (0,_TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__.isObject)(v) || Array.isArray(v);\n        });\n        if (!hasNested) {\n            const sourceDict = source, destDict = destination;\n            for (const key of sourceKeys){\n                if (dangerousKeys.has(key)) {\n                    continue;\n                }\n                if (key in sourceDict) {\n                    const v = sourceDict[key];\n                    if (v !== undefined) {\n                        destDict[key] = v;\n                    }\n                }\n            }\n            continue;\n        }\n        for (const key of sourceKeys){\n            if (dangerousKeys.has(key)) {\n                continue;\n            }\n            const sourceDict = source, destDict = destination, value = sourceDict[key];\n            destDict[key] = Array.isArray(value) ? value.map((v)=>deepExtend(undefined, v)) : deepExtend(destDict[key], value);\n        }\n    }\n    return destination;\n}\nfunction circleBounceDataFromParticle(p) {\n    return {\n        position: p.getPosition(),\n        radius: p.getRadius(),\n        mass: p.getMass(),\n        velocity: p.velocity,\n        factor: _Core_Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_9__.Vector.create((0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(p.options.bounce.horizontal.value), (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(p.options.bounce.vertical.value))\n    };\n}\nfunction circleBounce(p1, p2) {\n    const { x: xVelocityDiff, y: yVelocityDiff } = p1.velocity.sub(p2.velocity), [pos1, pos2] = [\n        p1.position,\n        p2.position\n    ], { dx: xDist, dy: yDist } = (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getDistances)(pos2, pos1), minimumDistance = 0;\n    if (xVelocityDiff * xDist + yVelocityDiff * yDist < minimumDistance) {\n        return;\n    }\n    const angle = -Math.atan2(yDist, xDist), m1 = p1.mass, m2 = p2.mass, u1 = p1.velocity.rotate(angle), u2 = p2.velocity.rotate(angle), v1 = (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.collisionVelocity)(u1, u2, m1, m2), v2 = (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.collisionVelocity)(u2, u1, m1, m2), vFinal1 = v1.rotate(-angle), vFinal2 = v2.rotate(-angle);\n    p1.velocity.x = vFinal1.x * p1.factor.x;\n    p1.velocity.y = vFinal1.y * p1.factor.y;\n    p2.velocity.x = vFinal2.x * p2.factor.x;\n    p2.velocity.y = vFinal2.y * p2.factor.y;\n}\nfunction executeOnSingleOrMultiple(obj, callback) {\n    const defaultIndex = 0;\n    return (0,_TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__.isArray)(obj) ? obj.map((item, index)=>callback(item, index)) : callback(obj, defaultIndex);\n}\nfunction itemFromSingleOrMultiple(obj, index, useIndex) {\n    return (0,_TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__.isArray)(obj) ? itemFromArray(obj, index, useIndex) : obj;\n}\nfunction findItemFromSingleOrMultiple(obj, callback) {\n    if ((0,_TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__.isArray)(obj)) {\n        return obj.find((t, index)=>callback(t, index));\n    }\n    const defaultIndex = 0;\n    return callback(obj, defaultIndex) ? obj : undefined;\n}\nfunction initParticleNumericAnimationValue(options, pxRatio) {\n    const valueRange = options.value, animationOptions = options.animation, res = {\n        delayTime: (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(animationOptions.delay) * _Core_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.millisecondsToSeconds,\n        enable: animationOptions.enable,\n        value: (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(options.value) * pxRatio,\n        max: (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeMax)(valueRange) * pxRatio,\n        min: (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeMin)(valueRange) * pxRatio,\n        loops: 0,\n        maxLoops: (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(animationOptions.count),\n        time: 0\n    }, decayOffset = 1;\n    if (animationOptions.enable) {\n        res.decay = decayOffset - (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(animationOptions.decay);\n        switch(animationOptions.mode){\n            case _Enums_Modes_AnimationMode_js__WEBPACK_IMPORTED_MODULE_3__.AnimationMode.increase:\n                res.status = _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.increasing;\n                break;\n            case _Enums_Modes_AnimationMode_js__WEBPACK_IMPORTED_MODULE_3__.AnimationMode.decrease:\n                res.status = _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.decreasing;\n                break;\n            case _Enums_Modes_AnimationMode_js__WEBPACK_IMPORTED_MODULE_3__.AnimationMode.random:\n                res.status = (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRandom)() >= _Core_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.half ? _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.increasing : _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.decreasing;\n                break;\n            default:\n                break;\n        }\n        const autoStatus = animationOptions.mode === _Enums_Modes_AnimationMode_js__WEBPACK_IMPORTED_MODULE_3__.AnimationMode.auto;\n        switch(animationOptions.startValue){\n            case _Enums_Types_StartValueType_js__WEBPACK_IMPORTED_MODULE_8__.StartValueType.min:\n                res.value = res.min;\n                if (autoStatus) {\n                    res.status = _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.increasing;\n                }\n                break;\n            case _Enums_Types_StartValueType_js__WEBPACK_IMPORTED_MODULE_8__.StartValueType.max:\n                res.value = res.max;\n                if (autoStatus) {\n                    res.status = _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.decreasing;\n                }\n                break;\n            case _Enums_Types_StartValueType_js__WEBPACK_IMPORTED_MODULE_8__.StartValueType.random:\n            default:\n                res.value = (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.randomInRangeValue)(res);\n                if (autoStatus) {\n                    res.status = (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRandom)() >= _Core_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.half ? _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.increasing : _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.decreasing;\n                }\n                break;\n        }\n    }\n    res.initialValue = res.value;\n    return res;\n}\nfunction getPositionOrSize(positionOrSize, canvasSize) {\n    const isPercent = positionOrSize.mode === _Enums_Modes_PixelMode_js__WEBPACK_IMPORTED_MODULE_7__.PixelMode.percent;\n    if (!isPercent) {\n        const { mode: _, ...rest } = positionOrSize;\n        return rest;\n    }\n    const isPosition = \"x\" in positionOrSize;\n    if (isPosition) {\n        return {\n            x: positionOrSize.x / _Core_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.percentDenominator * canvasSize.width,\n            y: positionOrSize.y / _Core_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.percentDenominator * canvasSize.height\n        };\n    } else {\n        return {\n            width: positionOrSize.width / _Core_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.percentDenominator * canvasSize.width,\n            height: positionOrSize.height / _Core_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.percentDenominator * canvasSize.height\n        };\n    }\n}\nfunction getPosition(position, canvasSize) {\n    return getPositionOrSize(position, canvasSize);\n}\nfunction getSize(size, canvasSize) {\n    return getPositionOrSize(size, canvasSize);\n}\nfunction checkDestroy(particle, destroyType, value, minValue, maxValue) {\n    switch(destroyType){\n        case _Enums_Types_DestroyType_js__WEBPACK_IMPORTED_MODULE_5__.DestroyType.max:\n            if (value >= maxValue) {\n                particle.destroy();\n            }\n            break;\n        case _Enums_Types_DestroyType_js__WEBPACK_IMPORTED_MODULE_5__.DestroyType.min:\n            if (value <= minValue) {\n                particle.destroy();\n            }\n            break;\n        default:\n            break;\n    }\n}\nfunction updateAnimation(particle, data, changeDirection, destroyType, delta) {\n    const minLoops = 0, minDelay = 0, identity = 1, minVelocity = 0, minDecay = 1;\n    if (particle.destroyed || !data.enable || (data.maxLoops ?? minLoops) > minLoops && (data.loops ?? minLoops) > (data.maxLoops ?? minLoops)) {\n        return;\n    }\n    const velocity = (data.velocity ?? minVelocity) * delta.factor, minValue = data.min, maxValue = data.max, decay = data.decay ?? minDecay;\n    data.time ??= 0;\n    if ((data.delayTime ?? minDelay) > minDelay && data.time < (data.delayTime ?? minDelay)) {\n        data.time += delta.value;\n    }\n    if ((data.delayTime ?? minDelay) > minDelay && data.time < (data.delayTime ?? minDelay)) {\n        return;\n    }\n    switch(data.status){\n        case _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.increasing:\n            if (data.value >= maxValue) {\n                if (changeDirection) {\n                    data.status = _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.decreasing;\n                } else {\n                    data.value -= maxValue;\n                }\n                data.loops ??= minLoops;\n                data.loops++;\n            } else {\n                data.value += velocity;\n            }\n            break;\n        case _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.decreasing:\n            if (data.value <= minValue) {\n                if (changeDirection) {\n                    data.status = _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.increasing;\n                } else {\n                    data.value += maxValue;\n                }\n                data.loops ??= minLoops;\n                data.loops++;\n            } else {\n                data.value -= velocity;\n            }\n            break;\n        default:\n            break;\n    }\n    if (data.velocity && decay !== identity) {\n        data.velocity *= decay;\n    }\n    checkDestroy(particle, destroyType, data.value, minValue, maxValue);\n    data.value = (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.clamp)(data.value, minValue, maxValue);\n}\nfunction cloneStyle(style) {\n    const clonedStyle = safeDocument().createElement(\"div\").style;\n    for(const key in style){\n        const styleKey = style[key];\n        if (!(key in style) || (0,_TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__.isNull)(styleKey)) {\n            continue;\n        }\n        const styleValue = style.getPropertyValue?.(styleKey);\n        if (!styleValue) {\n            continue;\n        }\n        const stylePriority = style.getPropertyPriority?.(styleKey);\n        if (stylePriority) {\n            clonedStyle.setProperty(styleKey, styleValue, stylePriority);\n        } else {\n            clonedStyle.setProperty(styleKey, styleValue);\n        }\n    }\n    return clonedStyle;\n}\nfunction computeFullScreenStyle(zIndex) {\n    const fullScreenStyle = safeDocument().createElement(\"div\").style, radix = 10, style = {\n        width: \"100%\",\n        height: \"100%\",\n        margin: \"0\",\n        padding: \"0\",\n        borderWidth: \"0\",\n        position: \"fixed\",\n        zIndex: zIndex.toString(radix),\n        \"z-index\": zIndex.toString(radix),\n        top: \"0\",\n        left: \"0\"\n    };\n    for(const key in style){\n        const value = style[key];\n        if (value === undefined) {\n            continue;\n        }\n        fullScreenStyle.setProperty(key, value);\n    }\n    return fullScreenStyle;\n}\nconst getFullScreenStyle = memoize(computeFullScreenStyle);\nfunction manageListener(element, event, handler, add, options) {\n    if (add) {\n        let addOptions = {\n            passive: true\n        };\n        if ((0,_TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__.isBoolean)(options)) {\n            addOptions.capture = options;\n        } else if (options !== undefined) {\n            addOptions = options;\n        }\n        element.addEventListener(event, handler, addOptions);\n    } else {\n        const removeOptions = options;\n        element.removeEventListener(event, handler, removeOptions);\n    }\n}\nasync function getItemsFromInitializer(container, map, initializers, force = false) {\n    let res = map.get(container);\n    if (!res || force) {\n        res = await Promise.all([\n            ...initializers.values()\n        ].map((t)=>t(container)));\n        map.set(container, res);\n    }\n    return res;\n}\nasync function getItemMapFromInitializer(container, map, initializers, force = false) {\n    let res = map.get(container);\n    if (!res || force) {\n        const entries = await Promise.all([\n            ...initializers.entries()\n        ].map(([key, initializer])=>initializer(container).then((item)=>[\n                    key,\n                    item\n                ])));\n        res = new Map(entries);\n        map.set(container, res);\n    }\n    return res;\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../engine/dist/browser/Utils/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   areBoundsInside: () => (/* binding */ areBoundsInside),\n/* harmony export */   arrayRandomIndex: () => (/* binding */ arrayRandomIndex),\n/* harmony export */   calculateBounds: () => (/* binding */ calculateBounds),\n/* harmony export */   circleBounce: () => (/* binding */ circleBounce),\n/* harmony export */   circleBounceDataFromParticle: () => (/* binding */ circleBounceDataFromParticle),\n/* harmony export */   cloneStyle: () => (/* binding */ cloneStyle),\n/* harmony export */   deepExtend: () => (/* binding */ deepExtend),\n/* harmony export */   executeOnSingleOrMultiple: () => (/* binding */ executeOnSingleOrMultiple),\n/* harmony export */   findItemFromSingleOrMultiple: () => (/* binding */ findItemFromSingleOrMultiple),\n/* harmony export */   getFullScreenStyle: () => (/* binding */ getFullScreenStyle),\n/* harmony export */   getItemMapFromInitializer: () => (/* binding */ getItemMapFromInitializer),\n/* harmony export */   getItemsFromInitializer: () => (/* binding */ getItemsFromInitializer),\n/* harmony export */   getPosition: () => (/* binding */ getPosition),\n/* harmony export */   getSize: () => (/* binding */ getSize),\n/* harmony export */   hasMatchMedia: () => (/* binding */ hasMatchMedia),\n/* harmony export */   initParticleNumericAnimationValue: () => (/* binding */ initParticleNumericAnimationValue),\n/* harmony export */   isInArray: () => (/* binding */ isInArray),\n/* harmony export */   isPointInside: () => (/* binding */ isPointInside),\n/* harmony export */   itemFromArray: () => (/* binding */ itemFromArray),\n/* harmony export */   itemFromSingleOrMultiple: () => (/* binding */ itemFromSingleOrMultiple),\n/* harmony export */   manageListener: () => (/* binding */ manageListener),\n/* harmony export */   memoize: () => (/* binding */ memoize),\n/* harmony export */   safeDocument: () => (/* binding */ safeDocument),\n/* harmony export */   safeIntersectionObserver: () => (/* binding */ safeIntersectionObserver),\n/* harmony export */   safeMatchMedia: () => (/* binding */ safeMatchMedia),\n/* harmony export */   safeMutationObserver: () => (/* binding */ safeMutationObserver),\n/* harmony export */   updateAnimation: () => (/* binding */ updateAnimation)\n/* harmony export */ });\n/* harmony import */ var _MathUtils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MathUtils.js */ \"../../engine/dist/browser/Utils/MathUtils.js\");\n/* harmony import */ var _Core_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Core/Utils/Constants.js */ \"../../engine/dist/browser/Core/Utils/Constants.js\");\n/* harmony import */ var _TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TypeUtils.js */ \"../../engine/dist/browser/Utils/TypeUtils.js\");\n/* harmony import */ var _Enums_Modes_AnimationMode_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Enums/Modes/AnimationMode.js */ \"../../engine/dist/browser/Enums/Modes/AnimationMode.js\");\n/* harmony import */ var _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Enums/AnimationStatus.js */ \"../../engine/dist/browser/Enums/AnimationStatus.js\");\n/* harmony import */ var _Enums_Types_DestroyType_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Enums/Types/DestroyType.js */ \"../../engine/dist/browser/Enums/Types/DestroyType.js\");\n/* harmony import */ var _Enums_Directions_OutModeDirection_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Enums/Directions/OutModeDirection.js */ \"../../engine/dist/browser/Enums/Directions/OutModeDirection.js\");\n/* harmony import */ var _Enums_Modes_PixelMode_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../Enums/Modes/PixelMode.js */ \"../../engine/dist/browser/Enums/Modes/PixelMode.js\");\n/* harmony import */ var _Enums_Types_StartValueType_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../Enums/Types/StartValueType.js */ \"../../engine/dist/browser/Enums/Types/StartValueType.js\");\n/* harmony import */ var _Core_Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../Core/Utils/Vectors.js */ \"../../engine/dist/browser/Core/Utils/Vectors.js\");\n\n\n\n\n\n\n\n\n\n\nconst minRadius = 0, minMemoizeSize = 0;\nfunction memoize(fn, options) {\n    const cache = new Map(), maxSize = options?.maxSize, ttlMs = options?.ttlMs, keyFn = options?.keyFn, stableStringify = (obj, seen = new WeakSet())=>{\n        if (obj === null) {\n            return \"null\";\n        }\n        const t = typeof obj;\n        if (t === \"undefined\") {\n            return \"undefined\";\n        }\n        if (t === \"number\" || t === \"boolean\" || t === \"string\") {\n            return JSON.stringify(obj);\n        }\n        if (t === \"function\") {\n            try {\n                const fn = obj;\n                return fn.toString();\n            } catch  {\n                return '\"[Function]\"';\n            }\n        }\n        if (t === \"symbol\") {\n            try {\n                return obj.toString();\n            } catch  {\n                return '\"[Symbol]\"';\n            }\n        }\n        if (Array.isArray(obj)) {\n            return `[${obj.map((i)=>stableStringify(i, seen)).join(\",\")}]`;\n        }\n        if (seen.has(obj)) {\n            return '\"[Circular]\"';\n        }\n        seen.add(obj);\n        const keys = Object.keys(obj).sort();\n        return `{${keys.map((k)=>`${JSON.stringify(k)}:${stableStringify(obj[k], seen)}`).join(\",\")}}`;\n    }, defaultKeyer = (args)=>stableStringify(args), makeKey = (args)=>keyFn ? keyFn(args) : defaultKeyer(args), ensureBounds = ()=>{\n        if (typeof maxSize === \"number\" && maxSize >= minMemoizeSize) {\n            while(cache.size > maxSize){\n                const firstKey = cache.keys().next().value;\n                if (firstKey === undefined) break;\n                cache.delete(firstKey);\n            }\n        }\n    };\n    return (...args)=>{\n        const key = makeKey(args), now = Date.now(), entry = cache.get(key);\n        if (entry !== undefined) {\n            if (ttlMs && now - entry.ts > ttlMs) {\n                cache.delete(key);\n            } else {\n                cache.delete(key);\n                cache.set(key, {\n                    value: entry.value,\n                    ts: entry.ts\n                });\n                return entry.value;\n            }\n        }\n        const result = fn(...args);\n        cache.set(key, {\n            value: result,\n            ts: now\n        });\n        ensureBounds();\n        return result;\n    };\n}\nfunction hasMatchMedia() {\n    return typeof matchMedia !== \"undefined\";\n}\nfunction safeDocument() {\n    return globalThis.document;\n}\nfunction safeMatchMedia(query) {\n    if (!hasMatchMedia()) {\n        return;\n    }\n    return matchMedia(query);\n}\nfunction safeIntersectionObserver(callback) {\n    if (typeof IntersectionObserver === \"undefined\") {\n        return;\n    }\n    return new IntersectionObserver(callback);\n}\nfunction safeMutationObserver(callback) {\n    if (typeof MutationObserver === \"undefined\") {\n        return;\n    }\n    return new MutationObserver(callback);\n}\nfunction isInArray(value, array) {\n    return value === array || (0,_TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__.isArray)(array) && array.includes(value);\n}\nfunction arrayRandomIndex(array) {\n    return Math.floor((0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * array.length);\n}\nfunction itemFromArray(array, index, useIndex = true) {\n    return array[index !== undefined && useIndex ? index % array.length : arrayRandomIndex(array)];\n}\nfunction isPointInside(point, size, offset, radius, direction) {\n    return areBoundsInside(calculateBounds(point, radius ?? minRadius), size, offset, direction);\n}\nfunction areBoundsInside(bounds, size, offset, direction) {\n    let inside = true;\n    if (!direction || direction === _Enums_Directions_OutModeDirection_js__WEBPACK_IMPORTED_MODULE_6__.OutModeDirection.bottom) {\n        inside = bounds.top < size.height + offset.x;\n    }\n    if (inside && (!direction || direction === _Enums_Directions_OutModeDirection_js__WEBPACK_IMPORTED_MODULE_6__.OutModeDirection.left)) {\n        inside = bounds.right > offset.x;\n    }\n    if (inside && (!direction || direction === _Enums_Directions_OutModeDirection_js__WEBPACK_IMPORTED_MODULE_6__.OutModeDirection.right)) {\n        inside = bounds.left < size.width + offset.y;\n    }\n    if (inside && (!direction || direction === _Enums_Directions_OutModeDirection_js__WEBPACK_IMPORTED_MODULE_6__.OutModeDirection.top)) {\n        inside = bounds.bottom > offset.y;\n    }\n    return inside;\n}\nfunction calculateBounds(point, radius) {\n    return {\n        bottom: point.y + radius,\n        left: point.x - radius,\n        right: point.x + radius,\n        top: point.y - radius\n    };\n}\nfunction deepExtend(destination, ...sources) {\n    for (const source of sources){\n        if ((0,_TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__.isNull)(source)) {\n            continue;\n        }\n        if (!(0,_TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__.isObject)(source)) {\n            destination = source;\n            continue;\n        }\n        if (Array.isArray(source)) {\n            if (!Array.isArray(destination)) {\n                destination = [];\n            }\n        } else if (!(0,_TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__.isObject)(destination) || Array.isArray(destination)) {\n            destination = {};\n        }\n        const sourceKeys = Object.keys(source), dangerousKeys = new Set([\n            \"__proto__\",\n            \"constructor\",\n            \"prototype\"\n        ]), hasNested = sourceKeys.some((k)=>{\n            const v = source[k];\n            return (0,_TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__.isObject)(v) || Array.isArray(v);\n        });\n        if (!hasNested) {\n            const sourceDict = source, destDict = destination;\n            for (const key of sourceKeys){\n                if (dangerousKeys.has(key)) {\n                    continue;\n                }\n                if (key in sourceDict) {\n                    const v = sourceDict[key];\n                    if (v !== undefined) {\n                        destDict[key] = v;\n                    }\n                }\n            }\n            continue;\n        }\n        for (const key of sourceKeys){\n            if (dangerousKeys.has(key)) {\n                continue;\n            }\n            const sourceDict = source, destDict = destination, value = sourceDict[key];\n            destDict[key] = Array.isArray(value) ? value.map((v)=>deepExtend(undefined, v)) : deepExtend(destDict[key], value);\n        }\n    }\n    return destination;\n}\nfunction circleBounceDataFromParticle(p) {\n    return {\n        position: p.getPosition(),\n        radius: p.getRadius(),\n        mass: p.getMass(),\n        velocity: p.velocity,\n        factor: _Core_Utils_Vectors_js__WEBPACK_IMPORTED_MODULE_9__.Vector.create((0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(p.options.bounce.horizontal.value), (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(p.options.bounce.vertical.value))\n    };\n}\nfunction circleBounce(p1, p2) {\n    const { x: xVelocityDiff, y: yVelocityDiff } = p1.velocity.sub(p2.velocity), [pos1, pos2] = [\n        p1.position,\n        p2.position\n    ], { dx: xDist, dy: yDist } = (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getDistances)(pos2, pos1), minimumDistance = 0;\n    if (xVelocityDiff * xDist + yVelocityDiff * yDist < minimumDistance) {\n        return;\n    }\n    const angle = -Math.atan2(yDist, xDist), m1 = p1.mass, m2 = p2.mass, u1 = p1.velocity.rotate(angle), u2 = p2.velocity.rotate(angle), v1 = (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.collisionVelocity)(u1, u2, m1, m2), v2 = (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.collisionVelocity)(u2, u1, m1, m2), vFinal1 = v1.rotate(-angle), vFinal2 = v2.rotate(-angle);\n    p1.velocity.x = vFinal1.x * p1.factor.x;\n    p1.velocity.y = vFinal1.y * p1.factor.y;\n    p2.velocity.x = vFinal2.x * p2.factor.x;\n    p2.velocity.y = vFinal2.y * p2.factor.y;\n}\nfunction executeOnSingleOrMultiple(obj, callback) {\n    const defaultIndex = 0;\n    return (0,_TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__.isArray)(obj) ? obj.map((item, index)=>callback(item, index)) : callback(obj, defaultIndex);\n}\nfunction itemFromSingleOrMultiple(obj, index, useIndex) {\n    return (0,_TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__.isArray)(obj) ? itemFromArray(obj, index, useIndex) : obj;\n}\nfunction findItemFromSingleOrMultiple(obj, callback) {\n    if ((0,_TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__.isArray)(obj)) {\n        return obj.find((t, index)=>callback(t, index));\n    }\n    const defaultIndex = 0;\n    return callback(obj, defaultIndex) ? obj : undefined;\n}\nfunction initParticleNumericAnimationValue(options, pxRatio) {\n    const valueRange = options.value, animationOptions = options.animation, res = {\n        delayTime: (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(animationOptions.delay) * _Core_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.millisecondsToSeconds,\n        enable: animationOptions.enable,\n        value: (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(options.value) * pxRatio,\n        max: (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeMax)(valueRange) * pxRatio,\n        min: (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeMin)(valueRange) * pxRatio,\n        loops: 0,\n        maxLoops: (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(animationOptions.count),\n        time: 0\n    }, decayOffset = 1;\n    if (animationOptions.enable) {\n        res.decay = decayOffset - (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(animationOptions.decay);\n        switch(animationOptions.mode){\n            case _Enums_Modes_AnimationMode_js__WEBPACK_IMPORTED_MODULE_3__.AnimationMode.increase:\n                res.status = _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.increasing;\n                break;\n            case _Enums_Modes_AnimationMode_js__WEBPACK_IMPORTED_MODULE_3__.AnimationMode.decrease:\n                res.status = _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.decreasing;\n                break;\n            case _Enums_Modes_AnimationMode_js__WEBPACK_IMPORTED_MODULE_3__.AnimationMode.random:\n                res.status = (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRandom)() >= _Core_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.half ? _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.increasing : _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.decreasing;\n                break;\n            default:\n                break;\n        }\n        const autoStatus = animationOptions.mode === _Enums_Modes_AnimationMode_js__WEBPACK_IMPORTED_MODULE_3__.AnimationMode.auto;\n        switch(animationOptions.startValue){\n            case _Enums_Types_StartValueType_js__WEBPACK_IMPORTED_MODULE_8__.StartValueType.min:\n                res.value = res.min;\n                if (autoStatus) {\n                    res.status = _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.increasing;\n                }\n                break;\n            case _Enums_Types_StartValueType_js__WEBPACK_IMPORTED_MODULE_8__.StartValueType.max:\n                res.value = res.max;\n                if (autoStatus) {\n                    res.status = _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.decreasing;\n                }\n                break;\n            case _Enums_Types_StartValueType_js__WEBPACK_IMPORTED_MODULE_8__.StartValueType.random:\n            default:\n                res.value = (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.randomInRangeValue)(res);\n                if (autoStatus) {\n                    res.status = (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRandom)() >= _Core_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.half ? _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.increasing : _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.decreasing;\n                }\n                break;\n        }\n    }\n    res.initialValue = res.value;\n    return res;\n}\nfunction getPositionOrSize(positionOrSize, canvasSize) {\n    const isPercent = positionOrSize.mode === _Enums_Modes_PixelMode_js__WEBPACK_IMPORTED_MODULE_7__.PixelMode.percent;\n    if (!isPercent) {\n        const { mode: _, ...rest } = positionOrSize;\n        return rest;\n    }\n    const isPosition = \"x\" in positionOrSize;\n    if (isPosition) {\n        return {\n            x: positionOrSize.x / _Core_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.percentDenominator * canvasSize.width,\n            y: positionOrSize.y / _Core_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.percentDenominator * canvasSize.height\n        };\n    } else {\n        return {\n            width: positionOrSize.width / _Core_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.percentDenominator * canvasSize.width,\n            height: positionOrSize.height / _Core_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.percentDenominator * canvasSize.height\n        };\n    }\n}\nfunction getPosition(position, canvasSize) {\n    return getPositionOrSize(position, canvasSize);\n}\nfunction getSize(size, canvasSize) {\n    return getPositionOrSize(size, canvasSize);\n}\nfunction checkDestroy(particle, destroyType, value, minValue, maxValue) {\n    switch(destroyType){\n        case _Enums_Types_DestroyType_js__WEBPACK_IMPORTED_MODULE_5__.DestroyType.max:\n            if (value >= maxValue) {\n                particle.destroy();\n            }\n            break;\n        case _Enums_Types_DestroyType_js__WEBPACK_IMPORTED_MODULE_5__.DestroyType.min:\n            if (value <= minValue) {\n                particle.destroy();\n            }\n            break;\n        default:\n            break;\n    }\n}\nfunction updateAnimation(particle, data, changeDirection, destroyType, delta) {\n    const minLoops = 0, minDelay = 0, identity = 1, minVelocity = 0, minDecay = 1;\n    if (particle.destroyed || !data.enable || (data.maxLoops ?? minLoops) > minLoops && (data.loops ?? minLoops) > (data.maxLoops ?? minLoops)) {\n        return;\n    }\n    const velocity = (data.velocity ?? minVelocity) * delta.factor, minValue = data.min, maxValue = data.max, decay = data.decay ?? minDecay;\n    data.time ??= 0;\n    if ((data.delayTime ?? minDelay) > minDelay && data.time < (data.delayTime ?? minDelay)) {\n        data.time += delta.value;\n    }\n    if ((data.delayTime ?? minDelay) > minDelay && data.time < (data.delayTime ?? minDelay)) {\n        return;\n    }\n    switch(data.status){\n        case _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.increasing:\n            data.value += velocity;\n            break;\n        case _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.decreasing:\n            data.value -= velocity;\n            break;\n        default:\n            break;\n    }\n    if (data.velocity && decay !== identity) {\n        data.velocity *= decay;\n    }\n    switch(data.status){\n        case _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.increasing:\n            if (data.value >= maxValue) {\n                if (changeDirection) {\n                    data.status = _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.decreasing;\n                } else {\n                    data.value -= maxValue;\n                }\n                data.loops ??= minLoops;\n                data.loops++;\n            }\n            break;\n        case _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.decreasing:\n            if (data.value <= minValue) {\n                if (changeDirection) {\n                    data.status = _Enums_AnimationStatus_js__WEBPACK_IMPORTED_MODULE_4__.AnimationStatus.increasing;\n                } else {\n                    data.value += maxValue;\n                }\n                data.loops ??= minLoops;\n                data.loops++;\n            }\n            break;\n        default:\n            break;\n    }\n    checkDestroy(particle, destroyType, data.value, minValue, maxValue);\n    if (!particle.destroyed) {\n        data.value = (0,_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.clamp)(data.value, minValue, maxValue);\n    }\n}\nfunction cloneStyle(style) {\n    const clonedStyle = safeDocument().createElement(\"div\").style;\n    for(const key in style){\n        const styleKey = style[key];\n        if (!(key in style) || (0,_TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__.isNull)(styleKey)) {\n            continue;\n        }\n        const styleValue = style.getPropertyValue?.(styleKey);\n        if (!styleValue) {\n            continue;\n        }\n        const stylePriority = style.getPropertyPriority?.(styleKey);\n        if (stylePriority) {\n            clonedStyle.setProperty(styleKey, styleValue, stylePriority);\n        } else {\n            clonedStyle.setProperty(styleKey, styleValue);\n        }\n    }\n    return clonedStyle;\n}\nfunction computeFullScreenStyle(zIndex) {\n    const fullScreenStyle = safeDocument().createElement(\"div\").style, radix = 10, style = {\n        width: \"100%\",\n        height: \"100%\",\n        margin: \"0\",\n        padding: \"0\",\n        borderWidth: \"0\",\n        position: \"fixed\",\n        zIndex: zIndex.toString(radix),\n        \"z-index\": zIndex.toString(radix),\n        top: \"0\",\n        left: \"0\"\n    };\n    for(const key in style){\n        const value = style[key];\n        if (value === undefined) {\n            continue;\n        }\n        fullScreenStyle.setProperty(key, value);\n    }\n    return fullScreenStyle;\n}\nconst getFullScreenStyle = memoize(computeFullScreenStyle);\nfunction manageListener(element, event, handler, add, options) {\n    if (add) {\n        let addOptions = {\n            passive: true\n        };\n        if ((0,_TypeUtils_js__WEBPACK_IMPORTED_MODULE_2__.isBoolean)(options)) {\n            addOptions.capture = options;\n        } else if (options !== undefined) {\n            addOptions = options;\n        }\n        element.addEventListener(event, handler, addOptions);\n    } else {\n        const removeOptions = options;\n        element.removeEventListener(event, handler, removeOptions);\n    }\n}\nasync function getItemsFromInitializer(container, map, initializers, force = false) {\n    let res = map.get(container);\n    if (!res || force) {\n        res = await Promise.all([\n            ...initializers.values()\n        ].map((t)=>t(container)));\n        map.set(container, res);\n    }\n    return res;\n}\nasync function getItemMapFromInitializer(container, map, initializers, force = false) {\n    let res = map.get(container);\n    if (!res || force) {\n        const entries = await Promise.all([\n            ...initializers.entries()\n        ].map(([key, initializer])=>initializer(container).then((item)=>[\n                    key,\n                    item\n                ])));\n        res = new Map(entries);\n        map.set(container, res);\n    }\n    return res;\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../engine/dist/browser/Utils/Utils.js?\n}");
 
 /***/ },
 
@@ -684,7 +684,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*******************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadAll: () => (/* binding */ loadAll)\n/* harmony export */ });\nasync function loadAll(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ loadFull }, { loadHsvColorPlugin }, { loadHwbColorPlugin }, { loadLabColorPlugin }, { loadLchColorPlugin }, { loadOklabColorPlugin }, { loadOklchColorPlugin }, { loadNamedColorPlugin }, { loadEasingBackPlugin }, { loadEasingBouncePlugin }, { loadEasingCircPlugin }, { loadEasingCubicPlugin }, { loadEasingElasticPlugin }, { loadEasingExpoPlugin }, { loadEasingGaussianPlugin }, { loadEasingLinearPlugin }, { loadEasingQuartPlugin }, { loadEasingQuintPlugin }, { loadEasingSigmoidPlugin }, { loadEasingSinePlugin }, { loadEasingSmoothstepPlugin }, { loadBackgroundMaskPlugin }, { loadBlendPlugin }, { loadCanvasMaskPlugin }, { loadInfectionPlugin }, { loadManualParticlesPlugin }, { loadMotionPlugin }, { loadPoissonDiscPlugin }, { loadPolygonMaskPlugin }, { loadResponsivePlugin }, { loadSoundsPlugin }, { loadThemesPlugin }, { loadTrailPlugin }, { loadZoomPlugin }, { loadExportImagePlugin }, { loadExportJSONPlugin }, { loadExportVideoPlugin }, { loadExternalCannonInteraction }, { loadExternalParticleInteraction }, { loadExternalPopInteraction }, { loadLightInteraction }, { loadParticlesRepulseInteraction }, { loadGradientUpdater }, { loadOrbitUpdater }, { loadBranchesPath }, { loadBrownianPath }, { loadCurlNoisePath }, { loadCurvesPath }, { loadFractalNoisePath }, { loadGridPath }, { loadLevyPath }, { loadPerlinNoisePath }, { loadPolygonPath }, { loadRandomPath }, { loadSVGPath }, { loadSpiralPath }, { loadZigZagPath }, { loadSimplexNoisePath }, { loadBubbleEffect }, { loadFilterEffect }, { loadParticlesEffect }, { loadShadowEffect }, { loadTrailEffect }, { loadArrowShape }, { loadCardsShape }, { loadCogShape }, { loadHeartShape }, { loadInfinityShape }, { loadMatrixShape }, { loadPathShape }, { loadRoundedPolygonShape }, { loadRoundedRectShape }, { loadSpiralShape }, { loadSquircleShape }, { loadEmittersShapeCanvas }, { loadEmittersShapePath }, { loadEmittersShapePolygon }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"full_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! tsparticles */ \"../full/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_hsv_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-hsv-color */ \"../../plugins/colors/hsv/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_hwb_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-hwb-color */ \"../../plugins/colors/hwb/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_lab_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-lab-color */ \"../../plugins/colors/lab/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_lch_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-lch-color */ \"../../plugins/colors/lch/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_oklab_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-oklab-color */ \"../../plugins/colors/oklab/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_oklch_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-oklch-color */ \"../../plugins/colors/oklch/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_named_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-named-color */ \"../../plugins/colors/named/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_back_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-back */ \"../../plugins/easings/back/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_bounce_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-bounce */ \"../../plugins/easings/bounce/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_circ_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-circ */ \"../../plugins/easings/circ/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_cubic_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-cubic */ \"../../plugins/easings/cubic/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_elastic_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-elastic */ \"../../plugins/easings/elastic/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_expo_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-expo */ \"../../plugins/easings/expo/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_gaussian_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-gaussian */ \"../../plugins/easings/gaussian/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_linear_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-linear */ \"../../plugins/easings/linear/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_quart_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-quart */ \"../../plugins/easings/quart/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_quint_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-quint */ \"../../plugins/easings/quint/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_sigmoid_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-sigmoid */ \"../../plugins/easings/sigmoid/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_sine_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-sine */ \"../../plugins/easings/sine/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_smoothstep_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-smoothstep */ \"../../plugins/easings/smoothstep/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_backgroundMask_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-background-mask */ \"../../plugins/backgroundMask/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_blend_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-blend */ \"../../plugins/blend/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_canvasMask_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-canvas-mask */ \"../../plugins/canvasMask/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_infection_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-infection */ \"../../plugins/infection/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_manualParticles_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-manual-particles */ \"../../plugins/manualParticles/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_motion_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-motion */ \"../../plugins/motion/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_poisson_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-poisson-disc */ \"../../plugins/poisson/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_polygonMask_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-polygon-mask */ \"../../plugins/polygonMask/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_responsive_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-responsive */ \"../../plugins/responsive/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_sounds_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-sounds */ \"../../plugins/sounds/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_themes_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-themes */ \"../../plugins/themes/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_trail_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-trail */ \"../../plugins/trail/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_zoom_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-zoom */ \"../../plugins/zoom/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_exports_image_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-export-image */ \"../../plugins/exports/image/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_exports_json_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-export-json */ \"../../plugins/exports/json/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_exports_video_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-export-video */ \"../../plugins/exports/video/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_cannon_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-cannon */ \"../../interactions/external/cannon/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_particle_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-particle */ \"../../interactions/external/particle/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_pop_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-pop */ \"../../interactions/external/pop/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_light_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-light */ \"../../interactions/light/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_particles_repulse_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-particles-repulse */ \"../../interactions/particles/repulse/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_gradient_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-gradient */ \"../../updaters/gradient/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_orbit_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-orbit */ \"../../updaters/orbit/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_branches_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-branches */ \"../../paths/branches/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_brownian_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-brownian */ \"../../paths/brownian/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_curlNoise_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-curl-noise */ \"../../paths/curlNoise/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_curves_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-curves */ \"../../paths/curves/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_fractalNoise_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-fractal-noise */ \"../../paths/fractalNoise/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_grid_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-grid */ \"../../paths/grid/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_levy_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-levy */ \"../../paths/levy/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_perlinNoise_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-perlin-noise */ \"../../paths/perlinNoise/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_polygon_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-polygon */ \"../../paths/polygon/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_random_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-random */ \"../../paths/random/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_svg_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-svg */ \"../../paths/svg/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_spiral_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-spiral */ \"../../paths/spiral/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_zigzag_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-zig-zag */ \"../../paths/zigzag/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_simplexNoise_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-simplex-noise */ \"../../paths/simplexNoise/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"effects_bubble_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/effect-bubble */ \"../../effects/bubble/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"effects_filter_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/effect-filter */ \"../../effects/filter/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"effects_particles_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/effect-particles */ \"../../effects/particles/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"effects_shadow_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/effect-shadow */ \"../../effects/shadow/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"effects_trail_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/effect-trail */ \"../../effects/trail/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_arrow_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-arrow */ \"../../shapes/arrow/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_cards_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-cards */ \"../../shapes/cards/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_cog_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-cog */ \"../../shapes/cog/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_heart_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-heart */ \"../../shapes/heart/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_infinity_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-infinity */ \"../../shapes/infinity/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_matrix_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-matrix */ \"../../shapes/matrix/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_path_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-path */ \"../../shapes/path/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_rounded-polygon_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-rounded-polygon */ \"../../shapes/rounded-polygon/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_rounded-rect_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-rounded-rect */ \"../../shapes/rounded-rect/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_spiral_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-spiral */ \"../../shapes/spiral/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_squircle_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-squircle */ \"../../shapes/squircle/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emittersShapes_canvas_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters-shape-canvas */ \"../../plugins/emittersShapes/canvas/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emittersShapes_path_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters-shape-path */ \"../../plugins/emittersShapes/path/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emittersShapes_polygon_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters-shape-polygon */ \"../../plugins/emittersShapes/polygon/dist/browser/index.js\"))\n        ]);\n        await Promise.all([\n            (async ()=>{\n                await loadFull(e);\n                await Promise.all([\n                    loadExternalCannonInteraction(e),\n                    loadExternalParticleInteraction(e),\n                    loadExternalPopInteraction(e),\n                    loadLightInteraction(e),\n                    loadParticlesRepulseInteraction(e),\n                    loadInfectionPlugin(e),\n                    loadEmittersShapeCanvas(e),\n                    loadEmittersShapePath(e),\n                    loadEmittersShapePolygon(e),\n                    loadBranchesPath(e),\n                    loadBrownianPath(e),\n                    loadCurlNoisePath(e),\n                    loadCurvesPath(e),\n                    loadFractalNoisePath(e),\n                    loadGridPath(e),\n                    loadLevyPath(e),\n                    loadPerlinNoisePath(e),\n                    loadPolygonPath(e),\n                    loadRandomPath(e),\n                    loadSVGPath(e),\n                    loadSpiralPath(e),\n                    loadZigZagPath(e),\n                    loadSimplexNoisePath(e)\n                ]);\n            })(),\n            loadHsvColorPlugin(e),\n            loadHwbColorPlugin(e),\n            loadLabColorPlugin(e),\n            loadLchColorPlugin(e),\n            loadOklabColorPlugin(e),\n            loadOklchColorPlugin(e),\n            loadNamedColorPlugin(e),\n            loadEasingBackPlugin(e),\n            loadEasingBouncePlugin(e),\n            loadEasingCircPlugin(e),\n            loadEasingCubicPlugin(e),\n            loadEasingElasticPlugin(e),\n            loadEasingExpoPlugin(e),\n            loadEasingGaussianPlugin(e),\n            loadEasingLinearPlugin(e),\n            loadEasingQuartPlugin(e),\n            loadEasingQuintPlugin(e),\n            loadEasingSigmoidPlugin(e),\n            loadEasingSinePlugin(e),\n            loadEasingSmoothstepPlugin(e),\n            loadBackgroundMaskPlugin(e),\n            loadBlendPlugin(e),\n            loadCanvasMaskPlugin(e),\n            loadManualParticlesPlugin(e),\n            loadMotionPlugin(e),\n            loadPoissonDiscPlugin(e),\n            loadPolygonMaskPlugin(e),\n            loadResponsivePlugin(e),\n            loadSoundsPlugin(e),\n            loadThemesPlugin(e),\n            loadTrailPlugin(e),\n            loadZoomPlugin(e),\n            loadExportImagePlugin(e),\n            loadExportJSONPlugin(e),\n            loadExportVideoPlugin(e),\n            loadGradientUpdater(e),\n            loadOrbitUpdater(e),\n            loadBubbleEffect(e),\n            loadFilterEffect(e),\n            loadParticlesEffect(e),\n            loadShadowEffect(e),\n            loadTrailEffect(e),\n            loadArrowShape(e),\n            loadCardsShape(e),\n            loadCogShape(e),\n            loadHeartShape(e),\n            loadInfinityShape(e),\n            loadMatrixShape(e),\n            loadPathShape(e),\n            loadRoundedPolygonShape(e),\n            loadRoundedRectShape(e),\n            loadSpiralShape(e),\n            loadSquircleShape(e)\n        ]);\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/./dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadAll: () => (/* binding */ loadAll)\n/* harmony export */ });\nasync function loadAll(engine) {\n    engine.checkVersion(\"4.0.0-beta.8\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ loadFull }, { loadHsvColorPlugin }, { loadHwbColorPlugin }, { loadLabColorPlugin }, { loadLchColorPlugin }, { loadOklabColorPlugin }, { loadOklchColorPlugin }, { loadNamedColorPlugin }, { loadEasingBackPlugin }, { loadEasingBouncePlugin }, { loadEasingCircPlugin }, { loadEasingCubicPlugin }, { loadEasingElasticPlugin }, { loadEasingExpoPlugin }, { loadEasingGaussianPlugin }, { loadEasingLinearPlugin }, { loadEasingQuartPlugin }, { loadEasingQuintPlugin }, { loadEasingSigmoidPlugin }, { loadEasingSinePlugin }, { loadEasingSmoothstepPlugin }, { loadBackgroundMaskPlugin }, { loadBlendPlugin }, { loadCanvasMaskPlugin }, { loadInfectionPlugin }, { loadManualParticlesPlugin }, { loadMotionPlugin }, { loadPoissonDiscPlugin }, { loadPolygonMaskPlugin }, { loadResponsivePlugin }, { loadSoundsPlugin }, { loadThemesPlugin }, { loadTrailPlugin }, { loadZoomPlugin }, { loadExportImagePlugin }, { loadExportJSONPlugin }, { loadExportVideoPlugin }, { loadExternalCannonInteraction }, { loadExternalParticleInteraction }, { loadExternalPopInteraction }, { loadLightInteraction }, { loadParticlesRepulseInteraction }, { loadGradientUpdater }, { loadOrbitUpdater }, { loadBranchesPath }, { loadBrownianPath }, { loadCurlNoisePath }, { loadCurvesPath }, { loadFractalNoisePath }, { loadGridPath }, { loadLevyPath }, { loadPerlinNoisePath }, { loadPolygonPath }, { loadRandomPath }, { loadSVGPath }, { loadSpiralPath }, { loadZigZagPath }, { loadSimplexNoisePath }, { loadBubbleEffect }, { loadFilterEffect }, { loadParticlesEffect }, { loadShadowEffect }, { loadTrailEffect }, { loadArrowShape }, { loadCardsShape }, { loadCogShape }, { loadHeartShape }, { loadInfinityShape }, { loadMatrixShape }, { loadPathShape }, { loadRoundedPolygonShape }, { loadRoundedRectShape }, { loadSpiralShape }, { loadSquircleShape }, { loadEmittersShapeCanvas }, { loadEmittersShapePath }, { loadEmittersShapePolygon }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"full_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! tsparticles */ \"../full/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_hsv_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-hsv-color */ \"../../plugins/colors/hsv/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_hwb_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-hwb-color */ \"../../plugins/colors/hwb/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_lab_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-lab-color */ \"../../plugins/colors/lab/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_lch_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-lch-color */ \"../../plugins/colors/lch/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_oklab_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-oklab-color */ \"../../plugins/colors/oklab/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_oklch_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-oklch-color */ \"../../plugins/colors/oklch/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_named_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-named-color */ \"../../plugins/colors/named/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_back_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-back */ \"../../plugins/easings/back/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_bounce_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-bounce */ \"../../plugins/easings/bounce/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_circ_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-circ */ \"../../plugins/easings/circ/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_cubic_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-cubic */ \"../../plugins/easings/cubic/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_elastic_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-elastic */ \"../../plugins/easings/elastic/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_expo_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-expo */ \"../../plugins/easings/expo/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_gaussian_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-gaussian */ \"../../plugins/easings/gaussian/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_linear_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-linear */ \"../../plugins/easings/linear/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_quart_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-quart */ \"../../plugins/easings/quart/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_quint_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-quint */ \"../../plugins/easings/quint/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_sigmoid_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-sigmoid */ \"../../plugins/easings/sigmoid/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_sine_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-sine */ \"../../plugins/easings/sine/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_easings_smoothstep_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-easing-smoothstep */ \"../../plugins/easings/smoothstep/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_backgroundMask_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-background-mask */ \"../../plugins/backgroundMask/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_blend_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-blend */ \"../../plugins/blend/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_canvasMask_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-canvas-mask */ \"../../plugins/canvasMask/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_infection_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-infection */ \"../../plugins/infection/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_manualParticles_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-manual-particles */ \"../../plugins/manualParticles/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_motion_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-motion */ \"../../plugins/motion/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_poisson_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-poisson-disc */ \"../../plugins/poisson/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_polygonMask_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-polygon-mask */ \"../../plugins/polygonMask/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_responsive_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-responsive */ \"../../plugins/responsive/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_sounds_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-sounds */ \"../../plugins/sounds/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_themes_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-themes */ \"../../plugins/themes/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_trail_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-trail */ \"../../plugins/trail/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_zoom_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-zoom */ \"../../plugins/zoom/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_exports_image_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-export-image */ \"../../plugins/exports/image/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_exports_json_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-export-json */ \"../../plugins/exports/json/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_exports_video_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-export-video */ \"../../plugins/exports/video/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_cannon_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-cannon */ \"../../interactions/external/cannon/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_particle_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-particle */ \"../../interactions/external/particle/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_pop_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-pop */ \"../../interactions/external/pop/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_light_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-light */ \"../../interactions/light/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_particles_repulse_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-particles-repulse */ \"../../interactions/particles/repulse/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_gradient_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-gradient */ \"../../updaters/gradient/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_orbit_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-orbit */ \"../../updaters/orbit/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_branches_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-branches */ \"../../paths/branches/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_brownian_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-brownian */ \"../../paths/brownian/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_curlNoise_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-curl-noise */ \"../../paths/curlNoise/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_curves_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-curves */ \"../../paths/curves/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_fractalNoise_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-fractal-noise */ \"../../paths/fractalNoise/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_grid_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-grid */ \"../../paths/grid/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_levy_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-levy */ \"../../paths/levy/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_perlinNoise_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-perlin-noise */ \"../../paths/perlinNoise/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_polygon_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-polygon */ \"../../paths/polygon/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_random_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-random */ \"../../paths/random/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_svg_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-svg */ \"../../paths/svg/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_spiral_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-spiral */ \"../../paths/spiral/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_zigzag_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-zig-zag */ \"../../paths/zigzag/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"paths_simplexNoise_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/path-simplex-noise */ \"../../paths/simplexNoise/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"effects_bubble_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/effect-bubble */ \"../../effects/bubble/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"effects_filter_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/effect-filter */ \"../../effects/filter/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"effects_particles_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/effect-particles */ \"../../effects/particles/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"effects_shadow_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/effect-shadow */ \"../../effects/shadow/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"effects_trail_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/effect-trail */ \"../../effects/trail/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_arrow_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-arrow */ \"../../shapes/arrow/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_cards_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-cards */ \"../../shapes/cards/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_cog_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-cog */ \"../../shapes/cog/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_heart_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-heart */ \"../../shapes/heart/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_infinity_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-infinity */ \"../../shapes/infinity/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_matrix_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-matrix */ \"../../shapes/matrix/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_path_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-path */ \"../../shapes/path/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_rounded-polygon_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-rounded-polygon */ \"../../shapes/rounded-polygon/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_rounded-rect_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-rounded-rect */ \"../../shapes/rounded-rect/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_spiral_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-spiral */ \"../../shapes/spiral/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_squircle_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-squircle */ \"../../shapes/squircle/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emittersShapes_canvas_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters-shape-canvas */ \"../../plugins/emittersShapes/canvas/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emittersShapes_path_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters-shape-path */ \"../../plugins/emittersShapes/path/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emittersShapes_polygon_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters-shape-polygon */ \"../../plugins/emittersShapes/polygon/dist/browser/index.js\"))\n        ]);\n        await Promise.all([\n            (async ()=>{\n                await loadFull(e);\n                await Promise.all([\n                    loadExternalCannonInteraction(e),\n                    loadExternalParticleInteraction(e),\n                    loadExternalPopInteraction(e),\n                    loadLightInteraction(e),\n                    loadParticlesRepulseInteraction(e),\n                    loadInfectionPlugin(e),\n                    loadEmittersShapeCanvas(e),\n                    loadEmittersShapePath(e),\n                    loadEmittersShapePolygon(e),\n                    loadBranchesPath(e),\n                    loadBrownianPath(e),\n                    loadCurlNoisePath(e),\n                    loadCurvesPath(e),\n                    loadFractalNoisePath(e),\n                    loadGridPath(e),\n                    loadLevyPath(e),\n                    loadPerlinNoisePath(e),\n                    loadPolygonPath(e),\n                    loadRandomPath(e),\n                    loadSVGPath(e),\n                    loadSpiralPath(e),\n                    loadZigZagPath(e),\n                    loadSimplexNoisePath(e)\n                ]);\n            })(),\n            loadHsvColorPlugin(e),\n            loadHwbColorPlugin(e),\n            loadLabColorPlugin(e),\n            loadLchColorPlugin(e),\n            loadOklabColorPlugin(e),\n            loadOklchColorPlugin(e),\n            loadNamedColorPlugin(e),\n            loadEasingBackPlugin(e),\n            loadEasingBouncePlugin(e),\n            loadEasingCircPlugin(e),\n            loadEasingCubicPlugin(e),\n            loadEasingElasticPlugin(e),\n            loadEasingExpoPlugin(e),\n            loadEasingGaussianPlugin(e),\n            loadEasingLinearPlugin(e),\n            loadEasingQuartPlugin(e),\n            loadEasingQuintPlugin(e),\n            loadEasingSigmoidPlugin(e),\n            loadEasingSinePlugin(e),\n            loadEasingSmoothstepPlugin(e),\n            loadBackgroundMaskPlugin(e),\n            loadBlendPlugin(e),\n            loadCanvasMaskPlugin(e),\n            loadManualParticlesPlugin(e),\n            loadMotionPlugin(e),\n            loadPoissonDiscPlugin(e),\n            loadPolygonMaskPlugin(e),\n            loadResponsivePlugin(e),\n            loadSoundsPlugin(e),\n            loadThemesPlugin(e),\n            loadTrailPlugin(e),\n            loadZoomPlugin(e),\n            loadExportImagePlugin(e),\n            loadExportJSONPlugin(e),\n            loadExportVideoPlugin(e),\n            loadGradientUpdater(e),\n            loadOrbitUpdater(e),\n            loadBubbleEffect(e),\n            loadFilterEffect(e),\n            loadParticlesEffect(e),\n            loadShadowEffect(e),\n            loadTrailEffect(e),\n            loadArrowShape(e),\n            loadCardsShape(e),\n            loadCogShape(e),\n            loadHeartShape(e),\n            loadInfinityShape(e),\n            loadMatrixShape(e),\n            loadPathShape(e),\n            loadRoundedPolygonShape(e),\n            loadRoundedRectShape(e),\n            loadSpiralShape(e),\n            loadSquircleShape(e)\n        ]);\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/./dist/browser/index.js?\n}");
 
 /***/ }