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

package/browser/index.js

@@ -1,8 +1,7 @@
-import {} from "@tsparticles/engine";
 export async function loadAll(engine) {
-    engine.checkVersion("4.0.0-beta.4");
+    engine.checkVersion("4.0.0-beta.6");
     await engine.pluginManager.register(async (e) => {
-        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 }, { loadParticlesEffect }, { loadShadowEffect }, { loadTrailEffect }, { loadArrowShape }, { loadCardsShape }, { loadCogShape }, { loadHeartShape }, { loadInfinityShape }, { loadMatrixShape }, { loadPathShape }, { loadRoundedPolygonShape }, { loadRoundedRectShape }, { loadSpiralShape }, { loadSquircleShape }, { loadEmittersShapeCanvas }, { loadEmittersShapePath }, { loadEmittersShapePolygon },] = await Promise.all([
+        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([
             import("tsparticles"),
             import("@tsparticles/plugin-hsv-color"),
             import("@tsparticles/plugin-hwb-color"),
@@ -62,6 +61,7 @@ export async function loadAll(engine) {
             import("@tsparticles/path-zig-zag"),
             import("@tsparticles/path-simplex-noise"),
             import("@tsparticles/effect-bubble"),
+            import("@tsparticles/effect-filter"),
             import("@tsparticles/effect-particles"),
             import("@tsparticles/effect-shadow"),
             import("@tsparticles/effect-trail"),
@@ -147,6 +147,7 @@ export async function loadAll(engine) {
             loadGradientUpdater(e),
             loadOrbitUpdater(e),
             loadBubbleEffect(e),
+            loadFilterEffect(e),
             loadParticlesEffect(e),
             loadShadowEffect(e),
             loadTrailEffect(e),

package/cjs/index.js

@@ -1,8 +1,7 @@
-import {} from "@tsparticles/engine";
 export async function loadAll(engine) {
-    engine.checkVersion("4.0.0-beta.4");
+    engine.checkVersion("4.0.0-beta.6");
     await engine.pluginManager.register(async (e) => {
-        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 }, { loadParticlesEffect }, { loadShadowEffect }, { loadTrailEffect }, { loadArrowShape }, { loadCardsShape }, { loadCogShape }, { loadHeartShape }, { loadInfinityShape }, { loadMatrixShape }, { loadPathShape }, { loadRoundedPolygonShape }, { loadRoundedRectShape }, { loadSpiralShape }, { loadSquircleShape }, { loadEmittersShapeCanvas }, { loadEmittersShapePath }, { loadEmittersShapePolygon },] = await Promise.all([
+        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([
             import("tsparticles"),
             import("@tsparticles/plugin-hsv-color"),
             import("@tsparticles/plugin-hwb-color"),
@@ -62,6 +61,7 @@ export async function loadAll(engine) {
             import("@tsparticles/path-zig-zag"),
             import("@tsparticles/path-simplex-noise"),
             import("@tsparticles/effect-bubble"),
+            import("@tsparticles/effect-filter"),
             import("@tsparticles/effect-particles"),
             import("@tsparticles/effect-shadow"),
             import("@tsparticles/effect-trail"),
@@ -147,6 +147,7 @@ export async function loadAll(engine) {
             loadGradientUpdater(e),
             loadOrbitUpdater(e),
             loadBubbleEffect(e),
+            loadFilterEffect(e),
             loadParticlesEffect(e),
             loadShadowEffect(e),
             loadTrailEffect(e),

package/effects_bubble_dist_browser_BubbleDrawer_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.4
+ * v4.0.0-beta.6
  */
 "use strict";
 /*

package/effects_bubble_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.4
+ * v4.0.0-beta.6
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \**************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadBubbleEffect: () => (/* binding */ loadBubbleEffect)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadBubbleEffect(engine) {\n    engine.checkVersion(\"4.0.0-beta.4\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addEffect(\"bubble\", async ()=>{\n            const { BubbleDrawer } = await __webpack_require__.e(/*! import() */ \"effects_bubble_dist_browser_BubbleDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./BubbleDrawer.js */ \"../../effects/bubble/dist/browser/BubbleDrawer.js\"));\n            return new BubbleDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/bubble/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadBubbleEffect: () => (/* binding */ loadBubbleEffect)\n/* harmony export */ });\nasync function loadBubbleEffect(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addEffect(\"bubble\", async ()=>{\n            const { BubbleDrawer } = await __webpack_require__.e(/*! import() */ \"effects_bubble_dist_browser_BubbleDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./BubbleDrawer.js */ \"../../effects/bubble/dist/browser/BubbleDrawer.js\"));\n            return new BubbleDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/bubble/dist/browser/index.js?\n}");
 
 /***/ }
 

package/effects_filter_dist_browser_FilterDrawer_js.js

@@ -0,0 +1,30 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-beta.6
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["effects_filter_dist_browser_FilterDrawer_js"],{
+
+/***/ "../../effects/filter/dist/browser/FilterDrawer.js"
+/*!*********************************************************!*\
+  !*** ../../effects/filter/dist/browser/FilterDrawer.js ***!
+  \*********************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   FilterDrawer: () => (/* binding */ FilterDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass FilterDrawer {\n    drawAfter(data) {\n        const { context } = data;\n        context.restore();\n    }\n    drawBefore(data) {\n        const { context, particle } = data;\n        context.save();\n        const blurValue = typeof particle.filterBlur === \"number\" ? `${particle.filterBlur}px` : particle.filterBlur, brightnessValue = particle.filterBrightness, contrastValue = particle.filterContrast, dropShadowValue = particle.filterDropShadow, grayscaleValue = particle.filterGrayscale, hueRotateValue = typeof particle.filterHueRotate === \"number\" ? `${particle.filterHueRotate}deg` : particle.filterHueRotate, invertValue = particle.filterInvert, opacityValue = particle.filterOpacity, saturateValue = particle.filterSaturate, sepiaValue = particle.filterSepia, urlValue = particle.filterUrl, blurString = blurValue ? `blur(${blurValue})` : \"\", brightnessString = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(brightnessValue) ? \"\" : `brightness(${brightnessValue})`, contrastString = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(contrastValue) ? \"\" : `contrast(${contrastValue})`, dropShadowString = dropShadowValue ? `drop-shadow(${dropShadowValue})` : \"\", grayscaleString = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(grayscaleValue) ? \"\" : `grayscale(${grayscaleValue})`, hueRotateString = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(hueRotateValue) ? \"\" : `hue-rotate(${hueRotateValue})`, invertString = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(invertValue) ? \"\" : `invert(${invertValue})`, opacityString = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(opacityValue) ? \"\" : `opacity(${opacityValue})`, saturateString = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(saturateValue) ? \"\" : `saturate(${saturateValue})`, sepiaString = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(sepiaValue) ? \"\" : `sepia(${sepiaValue})`, urlString = urlValue ? `url(${urlValue})` : \"\";\n        context.filter = `${blurString} ${brightnessString} ${contrastString} ${dropShadowString} ${grayscaleString} ${hueRotateString} ${invertString} ${opacityString} ${saturateString} ${sepiaString} ${urlString}`.trim();\n    }\n    particleInit(_container, particle) {\n        const effectData = particle.effectData;\n        if (!effectData) {\n            return;\n        }\n        particle.filterBlur = effectData.blur;\n        particle.filterBrightness = effectData.brightness;\n        particle.filterContrast = effectData.contrast;\n        particle.filterDropShadow = effectData.dropShadow;\n        particle.filterGrayscale = effectData.grayscale;\n        particle.filterHueRotate = effectData.hueRotate;\n        particle.filterInvert = effectData.invert;\n        particle.filterOpacity = effectData.opacity;\n        particle.filterSaturate = effectData.saturate;\n        particle.filterSepia = effectData.sepia;\n        particle.filterUrl = effectData.url;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/filter/dist/browser/FilterDrawer.js?\n}");
+
+/***/ }
+
+}]);

package/effects_filter_dist_browser_index_js.js

@@ -0,0 +1,30 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-beta.6
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["effects_filter_dist_browser_index_js"],{
+
+/***/ "../../effects/filter/dist/browser/index.js"
+/*!**************************************************!*\
+  !*** ../../effects/filter/dist/browser/index.js ***!
+  \**************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadFilterEffect: () => (/* binding */ loadFilterEffect)\n/* harmony export */ });\nasync function loadFilterEffect(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addEffect(\"filter\", async ()=>{\n            const { FilterDrawer } = await __webpack_require__.e(/*! import() */ \"effects_filter_dist_browser_FilterDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./FilterDrawer.js */ \"../../effects/filter/dist/browser/FilterDrawer.js\"));\n            return new FilterDrawer();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/filter/dist/browser/index.js?\n}");
+
+/***/ }
+
+}]);

package/effects_particles_dist_browser_ParticlesDrawer_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.4
+ * v4.0.0-beta.6
  */
 "use strict";
 /*

package/effects_particles_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.4
+ * v4.0.0-beta.6
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \*****************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadParticlesEffect: () => (/* binding */ loadParticlesEffect)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadParticlesEffect(engine) {\n    engine.checkVersion(\"4.0.0-beta.4\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addEffect(\"particles\", async (container)=>{\n            const { ParticlesDrawer } = await __webpack_require__.e(/*! import() */ \"effects_particles_dist_browser_ParticlesDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ParticlesDrawer.js */ \"../../effects/particles/dist/browser/ParticlesDrawer.js\"));\n            return new ParticlesDrawer(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/particles/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadParticlesEffect: () => (/* binding */ loadParticlesEffect)\n/* harmony export */ });\nasync function loadParticlesEffect(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addEffect(\"particles\", async (container)=>{\n            const { ParticlesDrawer } = await __webpack_require__.e(/*! import() */ \"effects_particles_dist_browser_ParticlesDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ParticlesDrawer.js */ \"../../effects/particles/dist/browser/ParticlesDrawer.js\"));\n            return new ParticlesDrawer(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/particles/dist/browser/index.js?\n}");
 
 /***/ }
 

package/effects_shadow_dist_browser_ShadowDrawer_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.4
+ * v4.0.0-beta.6
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \*********************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ShadowDrawer: () => (/* binding */ ShadowDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultShadowBlur = 0, defaultShadowOffsetValue = 0;\nclass ShadowDrawer {\n    _container;\n    _pluginManager;\n    constructor(pluginManager, container){\n        this._pluginManager = pluginManager;\n        this._container = container;\n    }\n    drawAfter(data) {\n        const { context } = data;\n        context.shadowBlur = 0;\n        context.shadowColor = \"transparent\";\n        context.shadowOffsetX = 0;\n        context.shadowOffsetY = 0;\n    }\n    drawBefore(data) {\n        const { particle, context } = data, { _container: container } = this, shadowParticle = particle, shadowColor = shadowParticle.shadowColor, shadowOffset = shadowParticle.shadowOffset;\n        if (!shadowColor) {\n            return;\n        }\n        context.shadowBlur = shadowParticle.shadowBlur ?? defaultShadowBlur;\n        context.shadowColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(shadowColor, container.hdr);\n        context.shadowOffsetX = shadowOffset?.x ?? defaultShadowOffsetValue;\n        context.shadowOffsetY = shadowOffset?.y ?? defaultShadowOffsetValue;\n    }\n    particleInit(_container, particle) {\n        const effectData = particle.effectData, shadowColor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor(), effectData?.color);\n        particle.shadowColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._pluginManager, shadowColor);\n        particle.shadowBlur = effectData?.blur ?? defaultShadowBlur;\n        particle.shadowOffset = effectData?.offset ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/shadow/dist/browser/ShadowDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ShadowDrawer: () => (/* binding */ ShadowDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultShadowBlur = 0, defaultShadowOffsetValue = 0;\nclass ShadowDrawer {\n    _container;\n    _pluginManager;\n    constructor(pluginManager, container){\n        this._pluginManager = pluginManager;\n        this._container = container;\n    }\n    drawAfter(data) {\n        const { context } = data;\n        context.restore();\n    }\n    drawBefore(data) {\n        const { particle, context } = data, { _container: container } = this, shadowParticle = particle, shadowColor = shadowParticle.shadowColor, shadowOffset = shadowParticle.shadowOffset;\n        if (!shadowColor) {\n            return;\n        }\n        context.save();\n        context.shadowBlur = shadowParticle.shadowBlur ?? defaultShadowBlur;\n        context.shadowColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(shadowColor, container.hdr);\n        context.shadowOffsetX = shadowOffset?.x ?? defaultShadowOffsetValue;\n        context.shadowOffsetY = shadowOffset?.y ?? defaultShadowOffsetValue;\n    }\n    particleInit(_container, particle) {\n        const effectData = particle.effectData, shadowColor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor(), effectData?.color);\n        particle.shadowColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._pluginManager, shadowColor);\n        particle.shadowBlur = effectData?.blur ?? defaultShadowBlur;\n        particle.shadowOffset = effectData?.offset ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/shadow/dist/browser/ShadowDrawer.js?\n}");
 
 /***/ }
 

package/effects_shadow_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.4
+ * v4.0.0-beta.6
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \**************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadShadowEffect: () => (/* binding */ loadShadowEffect)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadShadowEffect(engine) {\n    engine.checkVersion(\"4.0.0-beta.4\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addEffect(\"shadow\", async (container)=>{\n            const { ShadowDrawer } = await __webpack_require__.e(/*! import() */ \"effects_shadow_dist_browser_ShadowDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ShadowDrawer.js */ \"../../effects/shadow/dist/browser/ShadowDrawer.js\"));\n            return new ShadowDrawer(e.pluginManager, container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/shadow/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadShadowEffect: () => (/* binding */ loadShadowEffect)\n/* harmony export */ });\nasync function loadShadowEffect(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addEffect(\"shadow\", async (container)=>{\n            const { ShadowDrawer } = await __webpack_require__.e(/*! import() */ \"effects_shadow_dist_browser_ShadowDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ShadowDrawer.js */ \"../../effects/shadow/dist/browser/ShadowDrawer.js\"));\n            return new ShadowDrawer(e.pluginManager, container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/shadow/dist/browser/index.js?\n}");
 
 /***/ }
 

package/effects_trail_dist_browser_TrailDrawer_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.4
+ * v4.0.0-beta.6
  */
 "use strict";
 /*

package/effects_trail_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.4
+ * v4.0.0-beta.6
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \*************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadTrailEffect: () => (/* binding */ loadTrailEffect)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadTrailEffect(engine) {\n    engine.checkVersion(\"4.0.0-beta.4\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addEffect(\"trail\", async (container)=>{\n            const { TrailDrawer } = await __webpack_require__.e(/*! import() */ \"effects_trail_dist_browser_TrailDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TrailDrawer.js */ \"../../effects/trail/dist/browser/TrailDrawer.js\"));\n            return new TrailDrawer(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/trail/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadTrailEffect: () => (/* binding */ loadTrailEffect)\n/* harmony export */ });\nasync function loadTrailEffect(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addEffect(\"trail\", async (container)=>{\n            const { TrailDrawer } = await __webpack_require__.e(/*! import() */ \"effects_trail_dist_browser_TrailDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TrailDrawer.js */ \"../../effects/trail/dist/browser/TrailDrawer.js\"));\n            return new TrailDrawer(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../effects/trail/dist/browser/index.js?\n}");
 
 /***/ }
 

package/engine_dist_browser_Core_Container_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.4
+ * v4.0.0-beta.6
  */
 "use strict";
 /*
@@ -33,37 +33,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 */   Container: () => (/* binding */ Container)\n/* harmony export */ });\n/* harmony import */ var _Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Utils/MathUtils.js */ \"../../engine/dist/browser/Utils/MathUtils.js\");\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../engine/dist/browser/Core/Utils/Constants.js\");\n/* harmony import */ var _CanvasManager_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./CanvasManager.js */ \"../../engine/dist/browser/Core/CanvasManager.js\");\n/* harmony import */ var _Utils_EventListeners_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Utils/EventListeners.js */ \"../../engine/dist/browser/Core/Utils/EventListeners.js\");\n/* harmony import */ var _Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Enums/Types/EventType.js */ \"../../engine/dist/browser/Enums/Types/EventType.js\");\n/* harmony import */ var _Interfaces_IEffectDrawer_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Interfaces/IEffectDrawer.js */ \"../../engine/dist/browser/Core/Interfaces/IEffectDrawer.js\");\n/* harmony import */ var _Interfaces_IParticleUpdater_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Interfaces/IParticleUpdater.js */ \"../../engine/dist/browser/Core/Interfaces/IParticleUpdater.js\");\n/* harmony import */ var _Interfaces_IShapeDrawer_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Interfaces/IShapeDrawer.js */ \"../../engine/dist/browser/Core/Interfaces/IShapeDrawer.js\");\n/* harmony import */ var _Options_Classes_Options_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../Options/Classes/Options.js */ \"../../engine/dist/browser/Options/Classes/Options.js\");\n/* harmony import */ var _ParticlesManager_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./ParticlesManager.js */ \"../../engine/dist/browser/Core/ParticlesManager.js\");\n/* harmony import */ var _Retina_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Retina.js */ \"../../engine/dist/browser/Core/Retina.js\");\n/* harmony import */ var _Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../Utils/LogUtils.js */ \"../../engine/dist/browser/Utils/LogUtils.js\");\n/* harmony import */ var _Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../Utils/OptionsUtils.js */ \"../../engine/dist/browser/Utils/OptionsUtils.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction guardCheck(container) {\n    return !container.destroyed;\n}\nfunction updateDelta(delta, value, fpsLimit = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.defaultFps, smooth = false) {\n    delta.value = value;\n    delta.factor = smooth ? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.defaultFps / fpsLimit : _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.defaultFps * value / _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.millisecondsToSeconds;\n}\nfunction loadContainerOptions(pluginManager, container, ...sourceOptionsArr) {\n    const options = new _Options_Classes_Options_js__WEBPACK_IMPORTED_MODULE_8__.Options(pluginManager, container);\n    (0,_Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_12__.loadOptions)(options, ...sourceOptionsArr);\n    return options;\n}\nclass Container {\n    actualOptions;\n    canvas;\n    destroyed;\n    effectDrawers;\n    fpsLimit;\n    hdr;\n    id;\n    pageHidden;\n    particleCreatedPlugins;\n    particleDestroyedPlugins;\n    particlePositionPlugins;\n    particleUpdaters;\n    particles;\n    plugins;\n    retina;\n    shapeDrawers;\n    started;\n    zLayers;\n    _delay;\n    _delayTimeout;\n    _delta = {\n        value: 0,\n        factor: 0\n    };\n    _dispatchCallback;\n    _drawAnimationFrame;\n    _duration;\n    _eventListeners;\n    _firstStart;\n    _initialSourceOptions;\n    _lastFrameTime;\n    _lifeTime;\n    _onDestroy;\n    _options;\n    _paused;\n    _pluginManager;\n    _smooth;\n    _sourceOptions;\n    constructor(params){\n        const { dispatchCallback, pluginManager, id, onDestroy, sourceOptions } = params;\n        this._pluginManager = pluginManager;\n        this._dispatchCallback = dispatchCallback;\n        this._onDestroy = onDestroy;\n        this.id = Symbol(id);\n        this.fpsLimit = 120;\n        this.hdr = false;\n        this._smooth = false;\n        this._delay = 0;\n        this._duration = 0;\n        this._lifeTime = 0;\n        this._firstStart = true;\n        this.started = false;\n        this.destroyed = false;\n        this._paused = true;\n        this._lastFrameTime = 0;\n        this.zLayers = 100;\n        this.pageHidden = false;\n        this._sourceOptions = sourceOptions;\n        this._initialSourceOptions = sourceOptions;\n        this.effectDrawers = new Map();\n        this.shapeDrawers = new Map();\n        this.particleUpdaters = [];\n        this.retina = new _Retina_js__WEBPACK_IMPORTED_MODULE_10__.Retina(this);\n        this.canvas = new _CanvasManager_js__WEBPACK_IMPORTED_MODULE_2__.CanvasManager(this._pluginManager, this);\n        this.particles = new _ParticlesManager_js__WEBPACK_IMPORTED_MODULE_9__.ParticlesManager(this._pluginManager, this);\n        this.plugins = [];\n        this.particleDestroyedPlugins = [];\n        this.particleCreatedPlugins = [];\n        this.particlePositionPlugins = [];\n        this._options = loadContainerOptions(this._pluginManager, this);\n        this.actualOptions = loadContainerOptions(this._pluginManager, this);\n        this._eventListeners = new _Utils_EventListeners_js__WEBPACK_IMPORTED_MODULE_3__.EventListeners(this);\n        this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.containerBuilt);\n    }\n    get animationStatus() {\n        return !this._paused && !this.pageHidden && guardCheck(this);\n    }\n    get options() {\n        return this._options;\n    }\n    get sourceOptions() {\n        return this._sourceOptions;\n    }\n    addLifeTime(value) {\n        this._lifeTime += value;\n    }\n    alive() {\n        return !this._duration || this._lifeTime <= this._duration;\n    }\n    destroy(remove = true) {\n        if (!guardCheck(this)) {\n            return;\n        }\n        this.stop();\n        this.particles.destroy();\n        this.canvas.destroy();\n        for (const [, effectDrawer] of this.effectDrawers){\n            effectDrawer.destroy?.(this);\n        }\n        for (const [, shapeDrawer] of this.shapeDrawers){\n            shapeDrawer.destroy?.(this);\n        }\n        for (const plugin of this.plugins){\n            plugin.destroy?.();\n        }\n        this.effectDrawers = new Map();\n        this.shapeDrawers = new Map();\n        this.particleUpdaters = [];\n        this.plugins.length = 0;\n        this._pluginManager.clearPlugins(this);\n        this.destroyed = true;\n        this._onDestroy(remove);\n        this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.containerDestroyed);\n    }\n    dispatchEvent(type, data) {\n        this._dispatchCallback(type, {\n            container: this,\n            data\n        });\n    }\n    draw(force) {\n        if (!guardCheck(this)) {\n            return;\n        }\n        let refreshTime = force;\n        this._drawAnimationFrame = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.animate)((timestamp)=>{\n            if (refreshTime) {\n                this._lastFrameTime = undefined;\n                refreshTime = false;\n            }\n            this._nextFrame(timestamp);\n        });\n    }\n    async export(type, options = {}) {\n        for (const plugin of this.plugins){\n            if (!plugin.export) {\n                continue;\n            }\n            const res = await plugin.export(type, options);\n            if (!res.supported) {\n                continue;\n            }\n            return res.blob;\n        }\n        (0,_Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_11__.getLogger)().error(`Export plugin with type ${type} not found`);\n        return undefined;\n    }\n    async init() {\n        if (!guardCheck(this)) {\n            return;\n        }\n        const allContainerPlugins = new Map();\n        for (const plugin of this._pluginManager.plugins){\n            const containerPlugin = await plugin.getPlugin(this);\n            if (containerPlugin.preInit) {\n                await containerPlugin.preInit();\n            }\n            allContainerPlugins.set(plugin, containerPlugin);\n        }\n        await this.initDrawersAndUpdaters();\n        this._options = loadContainerOptions(this._pluginManager, this, this._initialSourceOptions, this.sourceOptions);\n        this.actualOptions = loadContainerOptions(this._pluginManager, this, this._options);\n        this.plugins.length = 0;\n        this.particleDestroyedPlugins.length = 0;\n        this.particleCreatedPlugins.length = 0;\n        this.particlePositionPlugins.length = 0;\n        for (const [plugin, containerPlugin] of allContainerPlugins){\n            if (plugin.needsPlugin(this.actualOptions)) {\n                this.plugins.push(containerPlugin);\n                if (containerPlugin.particleCreated) {\n                    this.particleCreatedPlugins.push(containerPlugin);\n                }\n                if (containerPlugin.particleDestroyed) {\n                    this.particleDestroyedPlugins.push(containerPlugin);\n                }\n                if (containerPlugin.particlePosition) {\n                    this.particlePositionPlugins.push(containerPlugin);\n                }\n            }\n        }\n        this.retina.init();\n        this.canvas.init();\n        this.updateActualOptions();\n        this.canvas.initBackground();\n        this.canvas.resize();\n        const { delay, duration, fpsLimit, hdr, smooth, zLayers } = this.actualOptions;\n        this.hdr = hdr;\n        this.zLayers = zLayers;\n        this._duration = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(duration) * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.millisecondsToSeconds;\n        this._delay = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(delay) * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.millisecondsToSeconds;\n        this._lifeTime = 0;\n        this.fpsLimit = fpsLimit > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.minFpsLimit ? fpsLimit : _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.defaultFpsLimit;\n        this._smooth = smooth;\n        for (const plugin of this.plugins){\n            await plugin.init?.();\n        }\n        await this.particles.init();\n        this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.containerInit);\n        this.particles.setDensity();\n        for (const plugin of this.plugins){\n            plugin.particlesSetup?.();\n        }\n        this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.particlesSetup);\n    }\n    async initDrawersAndUpdaters() {\n        const pluginManager = this._pluginManager;\n        this.effectDrawers = await pluginManager.getEffectDrawers(this, true);\n        this.shapeDrawers = await pluginManager.getShapeDrawers(this, true);\n        this.particleUpdaters = await pluginManager.getUpdaters(this, true);\n    }\n    pause() {\n        if (!guardCheck(this)) {\n            return;\n        }\n        if (this._drawAnimationFrame !== undefined) {\n            (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.cancelAnimation)(this._drawAnimationFrame);\n            delete this._drawAnimationFrame;\n        }\n        if (this._paused) {\n            return;\n        }\n        for (const plugin of this.plugins){\n            plugin.pause?.();\n        }\n        if (!this.pageHidden) {\n            this._paused = true;\n        }\n        this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.containerPaused);\n    }\n    play(force) {\n        if (!guardCheck(this)) {\n            return;\n        }\n        const needsUpdate = this._paused || force;\n        if (this._firstStart && !this.actualOptions.autoPlay) {\n            this._firstStart = false;\n            return;\n        }\n        if (this._paused) {\n            this._paused = false;\n        }\n        if (needsUpdate) {\n            for (const plugin of this.plugins){\n                if (plugin.play) {\n                    plugin.play();\n                }\n            }\n        }\n        this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.containerPlay);\n        this.draw(needsUpdate ?? false);\n    }\n    async refresh() {\n        if (!guardCheck(this)) {\n            return;\n        }\n        this.stop();\n        return this.start();\n    }\n    async reset(sourceOptions) {\n        if (!guardCheck(this)) {\n            return;\n        }\n        this._initialSourceOptions = sourceOptions;\n        this._sourceOptions = sourceOptions;\n        this._options = loadContainerOptions(this._pluginManager, this, this._initialSourceOptions, this.sourceOptions);\n        this.actualOptions = loadContainerOptions(this._pluginManager, this, this._options);\n        return this.refresh();\n    }\n    async start() {\n        if (!guardCheck(this) || this.started) {\n            return;\n        }\n        await this.init();\n        this.started = true;\n        await new Promise((resolve)=>{\n            const start = async ()=>{\n                this._eventListeners.addListeners();\n                for (const plugin of this.plugins){\n                    await plugin.start?.();\n                }\n                this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.containerStarted);\n                this.play();\n                resolve();\n            };\n            this._delayTimeout = setTimeout(()=>void start(), this._delay);\n        });\n    }\n    stop() {\n        if (!guardCheck(this) || !this.started) {\n            return;\n        }\n        if (this._delayTimeout) {\n            clearTimeout(this._delayTimeout);\n            delete this._delayTimeout;\n        }\n        this._firstStart = true;\n        this.started = false;\n        this._eventListeners.removeListeners();\n        this.pause();\n        this.particles.clear();\n        this.canvas.stop();\n        for (const plugin of this.plugins){\n            plugin.stop?.();\n        }\n        this.particleCreatedPlugins.length = 0;\n        this.particleDestroyedPlugins.length = 0;\n        this.particlePositionPlugins.length = 0;\n        this._sourceOptions = this._options;\n        this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.containerStopped);\n    }\n    updateActualOptions() {\n        let refresh = false;\n        for (const plugin of this.plugins){\n            if (plugin.updateActualOptions) {\n                refresh = plugin.updateActualOptions() || refresh;\n            }\n        }\n        return refresh;\n    }\n    _nextFrame = (timestamp)=>{\n        try {\n            if (!this._smooth && this._lastFrameTime !== undefined && timestamp < this._lastFrameTime + _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.millisecondsToSeconds / this.fpsLimit) {\n                this.draw(false);\n                return;\n            }\n            this._lastFrameTime ??= timestamp;\n            updateDelta(this._delta, timestamp - this._lastFrameTime, this.fpsLimit, this._smooth);\n            this.addLifeTime(this._delta.value);\n            this._lastFrameTime = timestamp;\n            if (this._delta.value > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.millisecondsToSeconds) {\n                this.draw(false);\n                return;\n            }\n            this.canvas.render.drawParticles(this._delta);\n            if (!this.alive()) {\n                this.destroy();\n                return;\n            }\n            if (this.animationStatus) {\n                this.draw(false);\n            }\n        } catch (e) {\n            (0,_Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_11__.getLogger)().error(\"error in animation loop\", e);\n        }\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../engine/dist/browser/Core/Container.js?\n}");
-
-/***/ },
-
-/***/ "../../engine/dist/browser/Core/Interfaces/IEffectDrawer.js"
-/*!******************************************************************!*\
-  !*** ../../engine/dist/browser/Core/Interfaces/IEffectDrawer.js ***!
-  \******************************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../engine/dist/browser/Core/Interfaces/IEffectDrawer.js?\n}");
-
-/***/ },
-
-/***/ "../../engine/dist/browser/Core/Interfaces/IParticleUpdater.js"
-/*!*********************************************************************!*\
-  !*** ../../engine/dist/browser/Core/Interfaces/IParticleUpdater.js ***!
-  \*********************************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../engine/dist/browser/Core/Interfaces/IParticleUpdater.js?\n}");
-
-/***/ },
-
-/***/ "../../engine/dist/browser/Core/Interfaces/IShapeDrawer.js"
-/*!*****************************************************************!*\
-  !*** ../../engine/dist/browser/Core/Interfaces/IShapeDrawer.js ***!
-  \*****************************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../engine/dist/browser/Core/Interfaces/IShapeDrawer.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Container: () => (/* binding */ Container)\n/* harmony export */ });\n/* harmony import */ var _Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Utils/MathUtils.js */ \"../../engine/dist/browser/Utils/MathUtils.js\");\n/* harmony import */ var _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../engine/dist/browser/Core/Utils/Constants.js\");\n/* harmony import */ var _CanvasManager_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./CanvasManager.js */ \"../../engine/dist/browser/Core/CanvasManager.js\");\n/* harmony import */ var _Utils_EventListeners_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Utils/EventListeners.js */ \"../../engine/dist/browser/Core/Utils/EventListeners.js\");\n/* harmony import */ var _Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Enums/Types/EventType.js */ \"../../engine/dist/browser/Enums/Types/EventType.js\");\n/* harmony import */ var _Options_Classes_Options_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Options/Classes/Options.js */ \"../../engine/dist/browser/Options/Classes/Options.js\");\n/* harmony import */ var _ParticlesManager_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ParticlesManager.js */ \"../../engine/dist/browser/Core/ParticlesManager.js\");\n/* harmony import */ var _Retina_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Retina.js */ \"../../engine/dist/browser/Core/Retina.js\");\n/* harmony import */ var _Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../Utils/LogUtils.js */ \"../../engine/dist/browser/Utils/LogUtils.js\");\n/* harmony import */ var _Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../Utils/OptionsUtils.js */ \"../../engine/dist/browser/Utils/OptionsUtils.js\");\n\n\n\n\n\n\n\n\n\n\nfunction guardCheck(container) {\n    return !container.destroyed;\n}\nfunction updateDelta(delta, value, fpsLimit = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.defaultFps, smooth = false) {\n    delta.value = value;\n    delta.factor = smooth ? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.defaultFps / fpsLimit : _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.defaultFps * value / _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.millisecondsToSeconds;\n}\nfunction loadContainerOptions(pluginManager, container, ...sourceOptionsArr) {\n    const options = new _Options_Classes_Options_js__WEBPACK_IMPORTED_MODULE_5__.Options(pluginManager, container);\n    (0,_Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_9__.loadOptions)(options, ...sourceOptionsArr);\n    return options;\n}\nclass Container {\n    actualOptions;\n    canvas;\n    destroyed;\n    effectDrawers;\n    fpsLimit;\n    hdr;\n    id;\n    pageHidden;\n    particleCreatedPlugins;\n    particleDestroyedPlugins;\n    particlePositionPlugins;\n    particleUpdaters;\n    particles;\n    plugins;\n    retina;\n    shapeDrawers;\n    started;\n    zLayers;\n    _delay;\n    _delayTimeout;\n    _delta = {\n        value: 0,\n        factor: 0\n    };\n    _dispatchCallback;\n    _drawAnimationFrame;\n    _duration;\n    _eventListeners;\n    _firstStart;\n    _initialSourceOptions;\n    _lastFrameTime;\n    _lifeTime;\n    _onDestroy;\n    _options;\n    _paused;\n    _pluginManager;\n    _smooth;\n    _sourceOptions;\n    constructor(params){\n        const { dispatchCallback, pluginManager, id, onDestroy, sourceOptions } = params;\n        this._pluginManager = pluginManager;\n        this._dispatchCallback = dispatchCallback;\n        this._onDestroy = onDestroy;\n        this.id = Symbol(id);\n        this.fpsLimit = 120;\n        this.hdr = false;\n        this._smooth = false;\n        this._delay = 0;\n        this._duration = 0;\n        this._lifeTime = 0;\n        this._firstStart = true;\n        this.started = false;\n        this.destroyed = false;\n        this._paused = true;\n        this._lastFrameTime = 0;\n        this.zLayers = 100;\n        this.pageHidden = false;\n        this._sourceOptions = sourceOptions;\n        this._initialSourceOptions = sourceOptions;\n        this.effectDrawers = new Map();\n        this.shapeDrawers = new Map();\n        this.particleUpdaters = [];\n        this.retina = new _Retina_js__WEBPACK_IMPORTED_MODULE_7__.Retina(this);\n        this.canvas = new _CanvasManager_js__WEBPACK_IMPORTED_MODULE_2__.CanvasManager(this._pluginManager, this);\n        this.particles = new _ParticlesManager_js__WEBPACK_IMPORTED_MODULE_6__.ParticlesManager(this._pluginManager, this);\n        this.plugins = [];\n        this.particleDestroyedPlugins = [];\n        this.particleCreatedPlugins = [];\n        this.particlePositionPlugins = [];\n        this._options = loadContainerOptions(this._pluginManager, this);\n        this.actualOptions = loadContainerOptions(this._pluginManager, this);\n        this._eventListeners = new _Utils_EventListeners_js__WEBPACK_IMPORTED_MODULE_3__.EventListeners(this);\n        this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.containerBuilt);\n    }\n    get animationStatus() {\n        return !this._paused && !this.pageHidden && guardCheck(this);\n    }\n    get options() {\n        return this._options;\n    }\n    get sourceOptions() {\n        return this._sourceOptions;\n    }\n    addLifeTime(value) {\n        this._lifeTime += value;\n    }\n    alive() {\n        return !this._duration || this._lifeTime <= this._duration;\n    }\n    destroy(remove = true) {\n        if (!guardCheck(this)) {\n            return;\n        }\n        this.stop();\n        this.particles.destroy();\n        this.canvas.destroy();\n        for (const [, effectDrawer] of this.effectDrawers){\n            effectDrawer.destroy?.(this);\n        }\n        for (const [, shapeDrawer] of this.shapeDrawers){\n            shapeDrawer.destroy?.(this);\n        }\n        for (const plugin of this.plugins){\n            plugin.destroy?.();\n        }\n        this.effectDrawers = new Map();\n        this.shapeDrawers = new Map();\n        this.particleUpdaters = [];\n        this.plugins.length = 0;\n        this._pluginManager.clearPlugins(this);\n        this.destroyed = true;\n        this._onDestroy(remove);\n        this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.containerDestroyed);\n    }\n    dispatchEvent(type, data) {\n        this._dispatchCallback(type, {\n            container: this,\n            data\n        });\n    }\n    draw(force) {\n        if (!guardCheck(this)) {\n            return;\n        }\n        let refreshTime = force;\n        this._drawAnimationFrame = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.animate)((timestamp)=>{\n            if (refreshTime) {\n                this._lastFrameTime = undefined;\n                refreshTime = false;\n            }\n            this._nextFrame(timestamp);\n        });\n    }\n    async export(type, options = {}) {\n        for (const plugin of this.plugins){\n            if (!plugin.export) {\n                continue;\n            }\n            const res = await plugin.export(type, options);\n            if (!res.supported) {\n                continue;\n            }\n            return res.blob;\n        }\n        (0,_Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_8__.getLogger)().error(`Export plugin with type ${type} not found`);\n        return undefined;\n    }\n    async init() {\n        if (!guardCheck(this)) {\n            return;\n        }\n        const allContainerPlugins = new Map();\n        for (const plugin of this._pluginManager.plugins){\n            const containerPlugin = await plugin.getPlugin(this);\n            if (containerPlugin.preInit) {\n                await containerPlugin.preInit();\n            }\n            allContainerPlugins.set(plugin, containerPlugin);\n        }\n        await this.initDrawersAndUpdaters();\n        this._options = loadContainerOptions(this._pluginManager, this, this._initialSourceOptions, this.sourceOptions);\n        this.actualOptions = loadContainerOptions(this._pluginManager, this, this._options);\n        this.plugins.length = 0;\n        this.particleDestroyedPlugins.length = 0;\n        this.particleCreatedPlugins.length = 0;\n        this.particlePositionPlugins.length = 0;\n        for (const [plugin, containerPlugin] of allContainerPlugins){\n            if (plugin.needsPlugin(this.actualOptions)) {\n                this.plugins.push(containerPlugin);\n                if (containerPlugin.particleCreated) {\n                    this.particleCreatedPlugins.push(containerPlugin);\n                }\n                if (containerPlugin.particleDestroyed) {\n                    this.particleDestroyedPlugins.push(containerPlugin);\n                }\n                if (containerPlugin.particlePosition) {\n                    this.particlePositionPlugins.push(containerPlugin);\n                }\n            }\n        }\n        this.retina.init();\n        this.canvas.init();\n        this.updateActualOptions();\n        this.canvas.initBackground();\n        this.canvas.resize();\n        const { delay, duration, fpsLimit, hdr, smooth, zLayers } = this.actualOptions;\n        this.hdr = hdr;\n        this.zLayers = zLayers;\n        this._duration = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(duration) * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.millisecondsToSeconds;\n        this._delay = (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(delay) * _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.millisecondsToSeconds;\n        this._lifeTime = 0;\n        this.fpsLimit = fpsLimit > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.minFpsLimit ? fpsLimit : _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.defaultFpsLimit;\n        this._smooth = smooth;\n        for (const plugin of this.plugins){\n            await plugin.init?.();\n        }\n        await this.particles.init();\n        this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.containerInit);\n        this.particles.setDensity();\n        for (const plugin of this.plugins){\n            plugin.particlesSetup?.();\n        }\n        this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.particlesSetup);\n    }\n    async initDrawersAndUpdaters() {\n        const pluginManager = this._pluginManager;\n        this.effectDrawers = await pluginManager.getEffectDrawers(this, true);\n        this.shapeDrawers = await pluginManager.getShapeDrawers(this, true);\n        this.particleUpdaters = await pluginManager.getUpdaters(this, true);\n    }\n    pause() {\n        if (!guardCheck(this)) {\n            return;\n        }\n        if (this._drawAnimationFrame !== undefined) {\n            (0,_Utils_MathUtils_js__WEBPACK_IMPORTED_MODULE_0__.cancelAnimation)(this._drawAnimationFrame);\n            delete this._drawAnimationFrame;\n        }\n        if (this._paused) {\n            return;\n        }\n        for (const plugin of this.plugins){\n            plugin.pause?.();\n        }\n        if (!this.pageHidden) {\n            this._paused = true;\n        }\n        this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.containerPaused);\n    }\n    play(force) {\n        if (!guardCheck(this)) {\n            return;\n        }\n        const needsUpdate = this._paused || force;\n        if (this._firstStart && !this.actualOptions.autoPlay) {\n            this._firstStart = false;\n            return;\n        }\n        if (this._paused) {\n            this._paused = false;\n        }\n        if (needsUpdate) {\n            for (const plugin of this.plugins){\n                if (plugin.play) {\n                    plugin.play();\n                }\n            }\n        }\n        this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.containerPlay);\n        this.draw(needsUpdate ?? false);\n    }\n    async refresh() {\n        if (!guardCheck(this)) {\n            return;\n        }\n        this.stop();\n        return this.start();\n    }\n    async reset(sourceOptions) {\n        if (!guardCheck(this)) {\n            return;\n        }\n        this._initialSourceOptions = sourceOptions;\n        this._sourceOptions = sourceOptions;\n        this._options = loadContainerOptions(this._pluginManager, this, this._initialSourceOptions, this.sourceOptions);\n        this.actualOptions = loadContainerOptions(this._pluginManager, this, this._options);\n        return this.refresh();\n    }\n    async start() {\n        if (!guardCheck(this) || this.started) {\n            return;\n        }\n        await this.init();\n        this.started = true;\n        await new Promise((resolve)=>{\n            const start = async ()=>{\n                this._eventListeners.addListeners();\n                for (const plugin of this.plugins){\n                    await plugin.start?.();\n                }\n                this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.containerStarted);\n                this.play();\n                resolve();\n            };\n            this._delayTimeout = setTimeout(()=>void start(), this._delay);\n        });\n    }\n    stop() {\n        if (!guardCheck(this) || !this.started) {\n            return;\n        }\n        if (this._delayTimeout) {\n            clearTimeout(this._delayTimeout);\n            delete this._delayTimeout;\n        }\n        this._firstStart = true;\n        this.started = false;\n        this._eventListeners.removeListeners();\n        this.pause();\n        this.particles.clear();\n        this.canvas.stop();\n        for (const plugin of this.plugins){\n            plugin.stop?.();\n        }\n        this.particleCreatedPlugins.length = 0;\n        this.particleDestroyedPlugins.length = 0;\n        this.particlePositionPlugins.length = 0;\n        this._sourceOptions = this._options;\n        this.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_4__.EventType.containerStopped);\n    }\n    updateActualOptions() {\n        let refresh = false;\n        for (const plugin of this.plugins){\n            if (plugin.updateActualOptions) {\n                refresh = plugin.updateActualOptions() || refresh;\n            }\n        }\n        return refresh;\n    }\n    _nextFrame = (timestamp)=>{\n        try {\n            if (!this._smooth && this._lastFrameTime !== undefined && timestamp < this._lastFrameTime + _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.millisecondsToSeconds / this.fpsLimit) {\n                this.draw(false);\n                return;\n            }\n            this._lastFrameTime ??= timestamp;\n            updateDelta(this._delta, timestamp - this._lastFrameTime, this.fpsLimit, this._smooth);\n            this.addLifeTime(this._delta.value);\n            this._lastFrameTime = timestamp;\n            if (this._delta.value > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.millisecondsToSeconds) {\n                this.draw(false);\n                return;\n            }\n            this.canvas.render.drawParticles(this._delta);\n            if (!this.alive()) {\n                this.destroy();\n                return;\n            }\n            if (this.animationStatus) {\n                this.draw(false);\n            }\n        } catch (e) {\n            (0,_Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_8__.getLogger)().error(\"error in animation loop\", e);\n        }\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../engine/dist/browser/Core/Container.js?\n}");
 
 /***/ },
 
@@ -83,7 +53,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 */   ParticlesManager: () => (/* binding */ ParticlesManager)\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 _Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Enums/Types/EventType.js */ \"../../engine/dist/browser/Enums/Types/EventType.js\");\n/* harmony import */ var _Enums_Modes_LimitMode_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Enums/Modes/LimitMode.js */ \"../../engine/dist/browser/Enums/Modes/LimitMode.js\");\n/* harmony import */ var _Particle_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Particle.js */ \"../../engine/dist/browser/Core/Particle.js\");\n/* harmony import */ var _Options_Classes_Particles_ParticlesOptions_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Options/Classes/Particles/ParticlesOptions.js */ \"../../engine/dist/browser/Options/Classes/Particles/ParticlesOptions.js\");\n/* harmony import */ var _Utils_SpatialHashGrid_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Utils/SpatialHashGrid.js */ \"../../engine/dist/browser/Core/Utils/SpatialHashGrid.js\");\n/* harmony import */ var _Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Utils/LogUtils.js */ \"../../engine/dist/browser/Utils/LogUtils.js\");\n/* harmony import */ var _Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../Utils/OptionsUtils.js */ \"../../engine/dist/browser/Utils/OptionsUtils.js\");\n\n\n\n\n\n\n\n\nclass ParticlesManager {\n    checkParticlePositionPlugins;\n    grid;\n    _array;\n    _container;\n    _groupLimits;\n    _limit;\n    _maxZIndex;\n    _minZIndex;\n    _needsSort;\n    _nextId;\n    _particleResetPlugins;\n    _particleUpdatePlugins;\n    _pluginManager;\n    _pool;\n    _postParticleUpdatePlugins;\n    _postUpdatePlugins;\n    _resizeFactor;\n    _updatePlugins;\n    _zArray;\n    constructor(pluginManager, container){\n        this._pluginManager = pluginManager;\n        this._container = container;\n        this._nextId = 0;\n        this._array = [];\n        this._zArray = [];\n        this._pool = [];\n        this._limit = 0;\n        this._groupLimits = new Map();\n        this._needsSort = false;\n        this._minZIndex = 0;\n        this._maxZIndex = 0;\n        this.grid = new _Utils_SpatialHashGrid_js__WEBPACK_IMPORTED_MODULE_5__.SpatialHashGrid(_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.spatialHashGridCellSize);\n        this.checkParticlePositionPlugins = [];\n        this._particleResetPlugins = [];\n        this._particleUpdatePlugins = [];\n        this._postUpdatePlugins = [];\n        this._postParticleUpdatePlugins = [];\n        this._updatePlugins = [];\n    }\n    get count() {\n        return this._array.length;\n    }\n    addParticle(position, overrideOptions, group, initializer) {\n        const limitMode = this._container.actualOptions.particles.number.limit.mode, limit = group === undefined ? this._limit : this._groupLimits.get(group) ?? this._limit, currentCount = this.count;\n        if (limit > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minLimit) {\n            switch(limitMode){\n                case _Enums_Modes_LimitMode_js__WEBPACK_IMPORTED_MODULE_2__.LimitMode.delete:\n                    {\n                        const countToRemove = currentCount + _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.countOffset - limit;\n                        if (countToRemove > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minCount) {\n                            this.removeQuantity(countToRemove);\n                        }\n                        break;\n                    }\n                case _Enums_Modes_LimitMode_js__WEBPACK_IMPORTED_MODULE_2__.LimitMode.wait:\n                    if (currentCount >= limit) {\n                        return;\n                    }\n                    break;\n                default:\n                    break;\n            }\n        }\n        try {\n            const particle = this._pool.pop() ?? new _Particle_js__WEBPACK_IMPORTED_MODULE_3__.Particle(this._pluginManager, this._container);\n            particle.init(this._nextId, position, overrideOptions, group);\n            let canAdd = true;\n            if (initializer) {\n                canAdd = initializer(particle);\n            }\n            if (!canAdd) {\n                this._pool.push(particle);\n                return;\n            }\n            this._array.push(particle);\n            this._zArray.push(particle);\n            this._nextId++;\n            this._container.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_1__.EventType.particleAdded, {\n                particle\n            });\n            return particle;\n        } catch (e) {\n            (0,_Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_6__.getLogger)().warning(`error adding particle: ${e}`);\n        }\n        return undefined;\n    }\n    clear() {\n        this._array = [];\n        this._zArray = [];\n    }\n    destroy() {\n        this._array = [];\n        this._pool.length = 0;\n        this._zArray = [];\n        this.checkParticlePositionPlugins = [];\n        this._particleResetPlugins = [];\n        this._particleUpdatePlugins = [];\n        this._postUpdatePlugins = [];\n        this._postParticleUpdatePlugins = [];\n        this._updatePlugins = [];\n    }\n    drawParticles(delta) {\n        for (const particle of this._zArray){\n            particle.draw(delta);\n        }\n    }\n    filter(condition) {\n        return this._array.filter(condition);\n    }\n    find(condition) {\n        return this._array.find(condition);\n    }\n    get(index) {\n        return this._array[index];\n    }\n    async init() {\n        const container = this._container, options = container.actualOptions;\n        this._minZIndex = 0;\n        this._maxZIndex = 0;\n        this._needsSort = false;\n        this.checkParticlePositionPlugins = [];\n        this._updatePlugins = [];\n        this._particleUpdatePlugins = [];\n        this._postUpdatePlugins = [];\n        this._particleResetPlugins = [];\n        this._postParticleUpdatePlugins = [];\n        this.grid = new _Utils_SpatialHashGrid_js__WEBPACK_IMPORTED_MODULE_5__.SpatialHashGrid(_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.spatialHashGridCellSize * container.retina.pixelRatio);\n        for (const plugin of container.plugins){\n            if (plugin.redrawInit) {\n                await plugin.redrawInit();\n            }\n            if (plugin.checkParticlePosition) {\n                this.checkParticlePositionPlugins.push(plugin);\n            }\n            if (plugin.update) {\n                this._updatePlugins.push(plugin);\n            }\n            if (plugin.particleUpdate) {\n                this._particleUpdatePlugins.push(plugin);\n            }\n            if (plugin.postUpdate) {\n                this._postUpdatePlugins.push(plugin);\n            }\n            if (plugin.particleReset) {\n                this._particleResetPlugins.push(plugin);\n            }\n            if (plugin.postParticleUpdate) {\n                this._postParticleUpdatePlugins.push(plugin);\n            }\n        }\n        await this._container.initDrawersAndUpdaters();\n        for (const drawer of this._container.effectDrawers.values()){\n            await drawer.init?.(container);\n        }\n        for (const drawer of this._container.shapeDrawers.values()){\n            await drawer.init?.(container);\n        }\n        let handled = false;\n        for (const plugin of container.plugins){\n            handled = plugin.particlesInitialization?.() ?? handled;\n            if (handled) {\n                break;\n            }\n        }\n        if (!handled) {\n            const particlesOptions = options.particles, groups = particlesOptions.groups;\n            for(const group in groups){\n                const groupOptions = groups[group];\n                if (!groupOptions) {\n                    continue;\n                }\n                for(let i = this.count, j = 0; j < groupOptions.number.value && i < particlesOptions.number.value; i++, j++){\n                    this.addParticle(undefined, groupOptions, group);\n                }\n            }\n            for(let i = this.count; i < particlesOptions.number.value; i++){\n                this.addParticle();\n            }\n        }\n    }\n    push(nb, position, overrideOptions, group) {\n        for(let i = 0; i < nb; i++){\n            this.addParticle(position, overrideOptions, group);\n        }\n    }\n    async redraw() {\n        this.clear();\n        await this.init();\n        this._container.canvas.render.drawParticles({\n            value: 0,\n            factor: 0\n        });\n    }\n    remove(particle, group, override) {\n        this.removeAt(this._array.indexOf(particle), undefined, group, override);\n    }\n    removeAt(index, quantity = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.defaultRemoveQuantity, group, override) {\n        if (index < _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minIndex || index > this.count) {\n            return;\n        }\n        let deleted = 0;\n        for(let i = index; deleted < quantity && i < this.count; i++){\n            if (this._removeParticle(i, group, override)) {\n                i--;\n                deleted++;\n            }\n        }\n    }\n    removeQuantity(quantity, group) {\n        this.removeAt(_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minIndex, quantity, group);\n    }\n    setDensity() {\n        const options = this._container.actualOptions, groups = options.particles.groups;\n        let pluginsCount = 0;\n        for (const plugin of this._container.plugins){\n            if (plugin.particlesDensityCount) {\n                pluginsCount += plugin.particlesDensityCount();\n            }\n        }\n        for(const group in groups){\n            const groupData = groups[group];\n            if (!groupData) {\n                continue;\n            }\n            const groupDataOptions = (0,_Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_7__.loadParticlesOptions)(this._pluginManager, this._container, groupData);\n            this._applyDensity(groupDataOptions, pluginsCount, group);\n        }\n        this._applyDensity(options.particles, pluginsCount);\n    }\n    setLastZIndex(zIndex) {\n        this._needsSort ||= zIndex >= this._maxZIndex || zIndex > this._minZIndex && zIndex < this._maxZIndex;\n    }\n    setResizeFactor(factor) {\n        this._resizeFactor = factor;\n    }\n    update(delta) {\n        const particlesToDelete = new Set();\n        this.grid.clear();\n        for (const plugin of this._updatePlugins){\n            plugin.update?.(delta);\n        }\n        const resizeFactor = this._resizeFactor;\n        for (const particle of this._array){\n            if (resizeFactor && !particle.ignoresResizeRatio) {\n                particle.position.x *= resizeFactor.width;\n                particle.position.y *= resizeFactor.height;\n                particle.initialPosition.x *= resizeFactor.width;\n                particle.initialPosition.y *= resizeFactor.height;\n            }\n            particle.ignoresResizeRatio = false;\n            for (const plugin of this._particleResetPlugins){\n                plugin.particleReset?.(particle);\n            }\n            for (const plugin of this._particleUpdatePlugins){\n                if (particle.destroyed) {\n                    break;\n                }\n                plugin.particleUpdate?.(particle, delta);\n            }\n            if (particle.destroyed) {\n                particlesToDelete.add(particle);\n                continue;\n            }\n            this.grid.insert(particle);\n        }\n        for (const plugin of this._postUpdatePlugins){\n            plugin.postUpdate?.(delta);\n        }\n        for (const particle of this._array){\n            if (particle.destroyed) {\n                particlesToDelete.add(particle);\n                continue;\n            }\n            for (const updater of this._container.particleUpdaters){\n                updater.update(particle, delta);\n            }\n            if (!particle.destroyed && !particle.spawning) {\n                for (const plugin of this._postParticleUpdatePlugins){\n                    plugin.postParticleUpdate?.(particle, delta);\n                }\n            } else if (particle.destroyed) {\n                particlesToDelete.add(particle);\n            }\n        }\n        if (particlesToDelete.size) {\n            for (const particle of particlesToDelete){\n                this.remove(particle);\n            }\n        }\n        delete this._resizeFactor;\n        if (this._needsSort) {\n            const zArray = this._zArray;\n            zArray.sort((a, b)=>b.position.z - a.position.z || a.id - b.id);\n            const firstItem = zArray[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minIndex], lastItem = zArray[zArray.length - _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.lengthOffset];\n            if (!firstItem || !lastItem) {\n                return;\n            }\n            this._maxZIndex = firstItem.position.z;\n            this._minZIndex = lastItem.position.z;\n            this._needsSort = false;\n        }\n    }\n    _addToPool = (...particles)=>{\n        this._pool.push(...particles);\n    };\n    _applyDensity = (options, pluginsCount, group, groupOptions)=>{\n        const numberOptions = options.number;\n        if (!numberOptions.density.enable) {\n            if (group === undefined) {\n                this._limit = numberOptions.limit.value;\n            } else if (groupOptions?.number.limit.value ?? numberOptions.limit.value) {\n                this._groupLimits.set(group, groupOptions?.number.limit.value ?? numberOptions.limit.value);\n            }\n            return;\n        }\n        const densityFactor = this._initDensityFactor(numberOptions.density), optParticlesNumber = numberOptions.value, optParticlesLimit = numberOptions.limit.value > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minLimit ? numberOptions.limit.value : optParticlesNumber, particlesNumber = Math.min(optParticlesNumber, optParticlesLimit) * densityFactor + pluginsCount, particlesCount = Math.min(this.count, this.filter((t)=>t.group === group).length);\n        if (group === undefined) {\n            this._limit = numberOptions.limit.value * densityFactor;\n        } else {\n            this._groupLimits.set(group, numberOptions.limit.value * densityFactor);\n        }\n        if (particlesCount < particlesNumber) {\n            this.push(Math.abs(particlesNumber - particlesCount), undefined, options, group);\n        } else if (particlesCount > particlesNumber) {\n            this.removeQuantity(particlesCount - particlesNumber, group);\n        }\n    };\n    _initDensityFactor = (densityOptions)=>{\n        const container = this._container;\n        if (!container.canvas.element || !densityOptions.enable) {\n            return _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.defaultDensityFactor;\n        }\n        const canvas = container.canvas.element, pxRatio = container.retina.pixelRatio;\n        return canvas.width * canvas.height / (densityOptions.height * densityOptions.width * pxRatio ** _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.squareExp);\n    };\n    _removeParticle = (index, group, override)=>{\n        const particle = this._array[index];\n        if (!particle) {\n            return false;\n        }\n        if (particle.group !== group) {\n            return false;\n        }\n        const zIdx = this._zArray.indexOf(particle);\n        this._array.splice(index, _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.deleteCount);\n        this._zArray.splice(zIdx, _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.deleteCount);\n        particle.destroy(override);\n        this._container.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_1__.EventType.particleRemoved, {\n            particle\n        });\n        this._addToPool(particle);\n        return true;\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../engine/dist/browser/Core/ParticlesManager.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ParticlesManager: () => (/* binding */ ParticlesManager)\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 _Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Enums/Types/EventType.js */ \"../../engine/dist/browser/Enums/Types/EventType.js\");\n/* harmony import */ var _Enums_Modes_LimitMode_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Enums/Modes/LimitMode.js */ \"../../engine/dist/browser/Enums/Modes/LimitMode.js\");\n/* harmony import */ var _Particle_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Particle.js */ \"../../engine/dist/browser/Core/Particle.js\");\n/* harmony import */ var _Utils_SpatialHashGrid_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Utils/SpatialHashGrid.js */ \"../../engine/dist/browser/Core/Utils/SpatialHashGrid.js\");\n/* harmony import */ var _Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Utils/LogUtils.js */ \"../../engine/dist/browser/Utils/LogUtils.js\");\n/* harmony import */ var _Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Utils/OptionsUtils.js */ \"../../engine/dist/browser/Utils/OptionsUtils.js\");\n\n\n\n\n\n\n\nclass ParticlesManager {\n    checkParticlePositionPlugins;\n    grid;\n    _array;\n    _container;\n    _groupLimits;\n    _limit;\n    _maxZIndex;\n    _minZIndex;\n    _needsSort;\n    _nextId;\n    _particleResetPlugins;\n    _particleUpdatePlugins;\n    _pluginManager;\n    _pool;\n    _postParticleUpdatePlugins;\n    _postUpdatePlugins;\n    _resizeFactor;\n    _updatePlugins;\n    _zArray;\n    constructor(pluginManager, container){\n        this._pluginManager = pluginManager;\n        this._container = container;\n        this._nextId = 0;\n        this._array = [];\n        this._zArray = [];\n        this._pool = [];\n        this._limit = 0;\n        this._groupLimits = new Map();\n        this._needsSort = false;\n        this._minZIndex = 0;\n        this._maxZIndex = 0;\n        this.grid = new _Utils_SpatialHashGrid_js__WEBPACK_IMPORTED_MODULE_4__.SpatialHashGrid(_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.spatialHashGridCellSize);\n        this.checkParticlePositionPlugins = [];\n        this._particleResetPlugins = [];\n        this._particleUpdatePlugins = [];\n        this._postUpdatePlugins = [];\n        this._postParticleUpdatePlugins = [];\n        this._updatePlugins = [];\n    }\n    get count() {\n        return this._array.length;\n    }\n    addParticle(position, overrideOptions, group, initializer) {\n        const limitMode = this._container.actualOptions.particles.number.limit.mode, limit = group === undefined ? this._limit : this._groupLimits.get(group) ?? this._limit, currentCount = this.count;\n        if (limit > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minLimit) {\n            switch(limitMode){\n                case _Enums_Modes_LimitMode_js__WEBPACK_IMPORTED_MODULE_2__.LimitMode.delete:\n                    {\n                        const countToRemove = currentCount + _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.countOffset - limit;\n                        if (countToRemove > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minCount) {\n                            this.removeQuantity(countToRemove);\n                        }\n                        break;\n                    }\n                case _Enums_Modes_LimitMode_js__WEBPACK_IMPORTED_MODULE_2__.LimitMode.wait:\n                    if (currentCount >= limit) {\n                        return;\n                    }\n                    break;\n                default:\n                    break;\n            }\n        }\n        try {\n            const particle = this._pool.pop() ?? new _Particle_js__WEBPACK_IMPORTED_MODULE_3__.Particle(this._pluginManager, this._container);\n            particle.init(this._nextId, position, overrideOptions, group);\n            let canAdd = true;\n            if (initializer) {\n                canAdd = initializer(particle);\n            }\n            if (!canAdd) {\n                this._pool.push(particle);\n                return;\n            }\n            this._array.push(particle);\n            this._zArray.push(particle);\n            this._nextId++;\n            this._container.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_1__.EventType.particleAdded, {\n                particle\n            });\n            return particle;\n        } catch (e) {\n            (0,_Utils_LogUtils_js__WEBPACK_IMPORTED_MODULE_5__.getLogger)().warning(`error adding particle: ${e}`);\n        }\n        return undefined;\n    }\n    clear() {\n        this._array = [];\n        this._zArray = [];\n    }\n    destroy() {\n        this._array = [];\n        this._pool.length = 0;\n        this._zArray = [];\n        this.checkParticlePositionPlugins = [];\n        this._particleResetPlugins = [];\n        this._particleUpdatePlugins = [];\n        this._postUpdatePlugins = [];\n        this._postParticleUpdatePlugins = [];\n        this._updatePlugins = [];\n    }\n    drawParticles(delta) {\n        for (const particle of this._zArray){\n            particle.draw(delta);\n        }\n    }\n    filter(condition) {\n        return this._array.filter(condition);\n    }\n    find(condition) {\n        return this._array.find(condition);\n    }\n    get(index) {\n        return this._array[index];\n    }\n    async init() {\n        const container = this._container, options = container.actualOptions;\n        this._minZIndex = 0;\n        this._maxZIndex = 0;\n        this._needsSort = false;\n        this.checkParticlePositionPlugins = [];\n        this._updatePlugins = [];\n        this._particleUpdatePlugins = [];\n        this._postUpdatePlugins = [];\n        this._particleResetPlugins = [];\n        this._postParticleUpdatePlugins = [];\n        this.grid = new _Utils_SpatialHashGrid_js__WEBPACK_IMPORTED_MODULE_4__.SpatialHashGrid(_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.spatialHashGridCellSize * container.retina.pixelRatio);\n        for (const plugin of container.plugins){\n            if (plugin.redrawInit) {\n                await plugin.redrawInit();\n            }\n            if (plugin.checkParticlePosition) {\n                this.checkParticlePositionPlugins.push(plugin);\n            }\n            if (plugin.update) {\n                this._updatePlugins.push(plugin);\n            }\n            if (plugin.particleUpdate) {\n                this._particleUpdatePlugins.push(plugin);\n            }\n            if (plugin.postUpdate) {\n                this._postUpdatePlugins.push(plugin);\n            }\n            if (plugin.particleReset) {\n                this._particleResetPlugins.push(plugin);\n            }\n            if (plugin.postParticleUpdate) {\n                this._postParticleUpdatePlugins.push(plugin);\n            }\n        }\n        await this._container.initDrawersAndUpdaters();\n        for (const drawer of this._container.effectDrawers.values()){\n            await drawer.init?.(container);\n        }\n        for (const drawer of this._container.shapeDrawers.values()){\n            await drawer.init?.(container);\n        }\n        let handled = false;\n        for (const plugin of container.plugins){\n            handled = plugin.particlesInitialization?.() ?? handled;\n            if (handled) {\n                break;\n            }\n        }\n        if (!handled) {\n            const particlesOptions = options.particles, groups = particlesOptions.groups;\n            for(const group in groups){\n                const groupOptions = groups[group];\n                if (!groupOptions) {\n                    continue;\n                }\n                for(let i = this.count, j = 0; j < groupOptions.number.value && i < particlesOptions.number.value; i++, j++){\n                    this.addParticle(undefined, groupOptions, group);\n                }\n            }\n            for(let i = this.count; i < particlesOptions.number.value; i++){\n                this.addParticle();\n            }\n        }\n    }\n    push(nb, position, overrideOptions, group) {\n        for(let i = 0; i < nb; i++){\n            this.addParticle(position, overrideOptions, group);\n        }\n    }\n    async redraw() {\n        this.clear();\n        await this.init();\n        this._container.canvas.render.drawParticles({\n            value: 0,\n            factor: 0\n        });\n    }\n    remove(particle, group, override) {\n        this.removeAt(this._array.indexOf(particle), undefined, group, override);\n    }\n    removeAt(index, quantity = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.defaultRemoveQuantity, group, override) {\n        if (index < _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minIndex || index > this.count) {\n            return;\n        }\n        let deleted = 0;\n        for(let i = index; deleted < quantity && i < this.count; i++){\n            if (this._removeParticle(i, group, override)) {\n                i--;\n                deleted++;\n            }\n        }\n    }\n    removeQuantity(quantity, group) {\n        this.removeAt(_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minIndex, quantity, group);\n    }\n    setDensity() {\n        const options = this._container.actualOptions, groups = options.particles.groups;\n        let pluginsCount = 0;\n        for (const plugin of this._container.plugins){\n            if (plugin.particlesDensityCount) {\n                pluginsCount += plugin.particlesDensityCount();\n            }\n        }\n        for(const group in groups){\n            const groupData = groups[group];\n            if (!groupData) {\n                continue;\n            }\n            const groupDataOptions = (0,_Utils_OptionsUtils_js__WEBPACK_IMPORTED_MODULE_6__.loadParticlesOptions)(this._pluginManager, this._container, groupData);\n            this._applyDensity(groupDataOptions, pluginsCount, group);\n        }\n        this._applyDensity(options.particles, pluginsCount);\n    }\n    setLastZIndex(zIndex) {\n        this._needsSort ||= zIndex >= this._maxZIndex || zIndex > this._minZIndex && zIndex < this._maxZIndex;\n    }\n    setResizeFactor(factor) {\n        this._resizeFactor = factor;\n    }\n    update(delta) {\n        const particlesToDelete = new Set();\n        this.grid.clear();\n        for (const plugin of this._updatePlugins){\n            plugin.update?.(delta);\n        }\n        const resizeFactor = this._resizeFactor;\n        for (const particle of this._array){\n            if (resizeFactor && !particle.ignoresResizeRatio) {\n                particle.position.x *= resizeFactor.width;\n                particle.position.y *= resizeFactor.height;\n                particle.initialPosition.x *= resizeFactor.width;\n                particle.initialPosition.y *= resizeFactor.height;\n            }\n            particle.ignoresResizeRatio = false;\n            for (const plugin of this._particleResetPlugins){\n                plugin.particleReset?.(particle);\n            }\n            for (const plugin of this._particleUpdatePlugins){\n                if (particle.destroyed) {\n                    break;\n                }\n                plugin.particleUpdate?.(particle, delta);\n            }\n            if (particle.destroyed) {\n                particlesToDelete.add(particle);\n                continue;\n            }\n            this.grid.insert(particle);\n        }\n        for (const plugin of this._postUpdatePlugins){\n            plugin.postUpdate?.(delta);\n        }\n        for (const particle of this._array){\n            if (particle.destroyed) {\n                particlesToDelete.add(particle);\n                continue;\n            }\n            for (const updater of this._container.particleUpdaters){\n                updater.update(particle, delta);\n            }\n            if (!particle.destroyed && !particle.spawning) {\n                for (const plugin of this._postParticleUpdatePlugins){\n                    plugin.postParticleUpdate?.(particle, delta);\n                }\n            } else if (particle.destroyed) {\n                particlesToDelete.add(particle);\n            }\n        }\n        if (particlesToDelete.size) {\n            for (const particle of particlesToDelete){\n                this.remove(particle);\n            }\n        }\n        delete this._resizeFactor;\n        if (this._needsSort) {\n            const zArray = this._zArray;\n            zArray.sort((a, b)=>b.position.z - a.position.z || a.id - b.id);\n            const firstItem = zArray[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minIndex], lastItem = zArray[zArray.length - _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.lengthOffset];\n            if (!firstItem || !lastItem) {\n                return;\n            }\n            this._maxZIndex = firstItem.position.z;\n            this._minZIndex = lastItem.position.z;\n            this._needsSort = false;\n        }\n    }\n    _addToPool = (...particles)=>{\n        this._pool.push(...particles);\n    };\n    _applyDensity = (options, pluginsCount, group, groupOptions)=>{\n        const numberOptions = options.number;\n        if (!numberOptions.density.enable) {\n            if (group === undefined) {\n                this._limit = numberOptions.limit.value;\n            } else if (groupOptions?.number.limit.value ?? numberOptions.limit.value) {\n                this._groupLimits.set(group, groupOptions?.number.limit.value ?? numberOptions.limit.value);\n            }\n            return;\n        }\n        const densityFactor = this._initDensityFactor(numberOptions.density), optParticlesNumber = numberOptions.value, optParticlesLimit = numberOptions.limit.value > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.minLimit ? numberOptions.limit.value : optParticlesNumber, particlesNumber = Math.min(optParticlesNumber, optParticlesLimit) * densityFactor + pluginsCount, particlesCount = Math.min(this.count, this.filter((t)=>t.group === group).length);\n        if (group === undefined) {\n            this._limit = numberOptions.limit.value * densityFactor;\n        } else {\n            this._groupLimits.set(group, numberOptions.limit.value * densityFactor);\n        }\n        if (particlesCount < particlesNumber) {\n            this.push(Math.abs(particlesNumber - particlesCount), undefined, options, group);\n        } else if (particlesCount > particlesNumber) {\n            this.removeQuantity(particlesCount - particlesNumber, group);\n        }\n    };\n    _initDensityFactor = (densityOptions)=>{\n        const container = this._container;\n        if (!container.canvas.element || !densityOptions.enable) {\n            return _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.defaultDensityFactor;\n        }\n        const canvas = container.canvas.element, pxRatio = container.retina.pixelRatio;\n        return canvas.width * canvas.height / (densityOptions.height * densityOptions.width * pxRatio ** _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.squareExp);\n    };\n    _removeParticle = (index, group, override)=>{\n        const particle = this._array[index];\n        if (!particle) {\n            return false;\n        }\n        if (particle.group !== group) {\n            return false;\n        }\n        const zIdx = this._zArray.indexOf(particle);\n        this._array.splice(index, _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.deleteCount);\n        this._zArray.splice(zIdx, _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_0__.deleteCount);\n        particle.destroy(override);\n        this._container.dispatchEvent(_Enums_Types_EventType_js__WEBPACK_IMPORTED_MODULE_1__.EventType.particleRemoved, {\n            particle\n        });\n        this._addToPool(particle);\n        return true;\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../engine/dist/browser/Core/ParticlesManager.js?\n}");
 
 /***/ },
 

package/esm/index.js

@@ -1,8 +1,7 @@
-import {} from "@tsparticles/engine";
 export async function loadAll(engine) {
-    engine.checkVersion("4.0.0-beta.4");
+    engine.checkVersion("4.0.0-beta.6");
     await engine.pluginManager.register(async (e) => {
-        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 }, { loadParticlesEffect }, { loadShadowEffect }, { loadTrailEffect }, { loadArrowShape }, { loadCardsShape }, { loadCogShape }, { loadHeartShape }, { loadInfinityShape }, { loadMatrixShape }, { loadPathShape }, { loadRoundedPolygonShape }, { loadRoundedRectShape }, { loadSpiralShape }, { loadSquircleShape }, { loadEmittersShapeCanvas }, { loadEmittersShapePath }, { loadEmittersShapePolygon },] = await Promise.all([
+        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([
             import("tsparticles"),
             import("@tsparticles/plugin-hsv-color"),
             import("@tsparticles/plugin-hwb-color"),
@@ -62,6 +61,7 @@ export async function loadAll(engine) {
             import("@tsparticles/path-zig-zag"),
             import("@tsparticles/path-simplex-noise"),
             import("@tsparticles/effect-bubble"),
+            import("@tsparticles/effect-filter"),
             import("@tsparticles/effect-particles"),
             import("@tsparticles/effect-shadow"),
             import("@tsparticles/effect-trail"),
@@ -147,6 +147,7 @@ export async function loadAll(engine) {
             loadGradientUpdater(e),
             loadOrbitUpdater(e),
             loadBubbleEffect(e),
+            loadFilterEffect(e),
             loadParticlesEffect(e),
             loadShadowEffect(e),
             loadTrailEffect(e),

package/full_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.4
+ * v4.0.0-beta.6
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \*************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadFull: () => (/* binding */ loadFull)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nasync function loadFull(engine) {\n    engine.checkVersion(\"4.0.0-beta.4\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ loadSlim }, { loadExternalDragInteraction }, { loadExternalTrailInteraction }, { loadAbsorbersPlugin }, { loadEmittersPlugin }, { loadEmittersShapeCircle }, { loadEmittersShapeSquare }, { loadTextShape }, { loadDestroyUpdater }, { loadRollUpdater }, { loadTiltUpdater }, { loadTwinkleUpdater }, { loadWobbleUpdater }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"slim_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/slim */ \"../slim/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_drag_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-drag */ \"../../interactions/external/drag/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_trail_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-trail */ \"../../interactions/external/trail/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_absorbers_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-absorbers */ \"../../plugins/absorbers/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters */ \"../../plugins/emitters/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emittersShapes_circle_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters-shape-circle */ \"../../plugins/emittersShapes/circle/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emittersShapes_square_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters-shape-square */ \"../../plugins/emittersShapes/square/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_text_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-text */ \"../../shapes/text/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_destroy_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-destroy */ \"../../updaters/destroy/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_roll_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-roll */ \"../../updaters/roll/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_tilt_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-tilt */ \"../../updaters/tilt/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_twinkle_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-twinkle */ \"../../updaters/twinkle/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_wobble_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-wobble */ \"../../updaters/wobble/dist/browser/index.js\"))\n        ]);\n        await Promise.all([\n            (async ()=>{\n                await loadSlim(e);\n                await Promise.all([\n                    loadExternalDragInteraction(e),\n                    loadExternalTrailInteraction(e),\n                    loadAbsorbersPlugin(e),\n                    (async ()=>{\n                        await loadEmittersPlugin(e);\n                        await Promise.all([\n                            loadEmittersShapeCircle(e),\n                            loadEmittersShapeSquare(e)\n                        ]);\n                    })()\n                ]);\n            })(),\n            loadDestroyUpdater(e),\n            loadRollUpdater(e),\n            loadTiltUpdater(e),\n            loadTwinkleUpdater(e),\n            loadWobbleUpdater(e),\n            loadTextShape(e)\n        ]);\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../full/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadFull: () => (/* binding */ loadFull)\n/* harmony export */ });\nasync function loadFull(engine) {\n    engine.checkVersion(\"4.0.0-beta.6\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ loadSlim }, { loadExternalDragInteraction }, { loadExternalTrailInteraction }, { loadAbsorbersPlugin }, { loadEmittersPlugin }, { loadEmittersShapeCircle }, { loadEmittersShapeSquare }, { loadTextShape }, { loadDestroyUpdater }, { loadRollUpdater }, { loadTiltUpdater }, { loadTwinkleUpdater }, { loadWobbleUpdater }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"slim_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/slim */ \"../slim/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_drag_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-drag */ \"../../interactions/external/drag/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"interactions_external_trail_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/interaction-external-trail */ \"../../interactions/external/trail/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_absorbers_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-absorbers */ \"../../plugins/absorbers/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters */ \"../../plugins/emitters/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emittersShapes_circle_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters-shape-circle */ \"../../plugins/emittersShapes/circle/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emittersShapes_square_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-emitters-shape-square */ \"../../plugins/emittersShapes/square/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_text_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-text */ \"../../shapes/text/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_destroy_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-destroy */ \"../../updaters/destroy/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_roll_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-roll */ \"../../updaters/roll/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_tilt_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-tilt */ \"../../updaters/tilt/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_twinkle_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-twinkle */ \"../../updaters/twinkle/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_wobble_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-wobble */ \"../../updaters/wobble/dist/browser/index.js\"))\n        ]);\n        await Promise.all([\n            (async ()=>{\n                await loadSlim(e);\n                await Promise.all([\n                    loadExternalDragInteraction(e),\n                    loadExternalTrailInteraction(e),\n                    loadAbsorbersPlugin(e),\n                    (async ()=>{\n                        await loadEmittersPlugin(e);\n                        await Promise.all([\n                            loadEmittersShapeCircle(e),\n                            loadEmittersShapeSquare(e)\n                        ]);\n                    })()\n                ]);\n            })(),\n            loadDestroyUpdater(e),\n            loadRollUpdater(e),\n            loadTiltUpdater(e),\n            loadTwinkleUpdater(e),\n            loadWobbleUpdater(e),\n            loadTextShape(e)\n        ]);\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../full/dist/browser/index.js?\n}");
 
 /***/ }