@tsparticles/all 4.0.0-alpha.8 → 4.0.0-beta.0

package/plugins_emitters_dist_browser_EmittersPlugin_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-alpha.8
+ * v4.0.0-beta.0
  */
 "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 */   EmittersPlugin: () => (/* binding */ EmittersPlugin)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _Options_Classes_Emitter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Emitter.js */ \"../../plugins/emitters/dist/browser/Options/Classes/Emitter.js\");\n\n\nclass EmittersPlugin {\n  constructor(instancesManager) {\n    this._instancesManager = instancesManager;\n    this.id = \"emitters\";\n  }\n  async getPlugin(container) {\n    const {\n      EmittersPluginInstance\n    } = await __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_EmittersPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersPluginInstance.js */ \"../../plugins/emitters/dist/browser/EmittersPluginInstance.js\"));\n    return new EmittersPluginInstance(this._instancesManager, container);\n  }\n  loadOptions(_container, options, source) {\n    if (!this.needsPlugin(options) && !this.needsPlugin(source)) {\n      return;\n    }\n    if (source?.emitters) {\n      options.emitters = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(source.emitters, emitter => {\n        const tmp = new _Options_Classes_Emitter_js__WEBPACK_IMPORTED_MODULE_1__.Emitter();\n        tmp.load(emitter);\n        return tmp;\n      });\n    }\n  }\n  needsPlugin(options) {\n    if (!options) {\n      return false;\n    }\n    const emitters = options.emitters;\n    return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isArray)(emitters) && !!emitters.length || emitters !== undefined;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/EmittersPlugin.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmittersPlugin: () => (/* binding */ EmittersPlugin)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _Options_Classes_Emitter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Emitter.js */ \"../../plugins/emitters/dist/browser/Options/Classes/Emitter.js\");\n\n\nclass EmittersPlugin {\n    id = \"emitters\";\n    _instancesManager;\n    constructor(instancesManager){\n        this._instancesManager = instancesManager;\n    }\n    async getPlugin(container) {\n        const { EmittersPluginInstance } = await __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_EmittersPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersPluginInstance.js */ \"../../plugins/emitters/dist/browser/EmittersPluginInstance.js\"));\n        return new EmittersPluginInstance(this._instancesManager, container);\n    }\n    loadOptions(_container, options, source) {\n        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {\n            return;\n        }\n        if (source?.emitters) {\n            options.emitters = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(source.emitters, (emitter)=>{\n                const tmp = new _Options_Classes_Emitter_js__WEBPACK_IMPORTED_MODULE_1__.Emitter();\n                tmp.load(emitter);\n                return tmp;\n            });\n        }\n    }\n    needsPlugin(options) {\n        if (!options) {\n            return false;\n        }\n        const emitters = options.emitters;\n        return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isArray)(emitters) && !!emitters.length || emitters !== undefined;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/EmittersPlugin.js?\n}");
 
 /***/ },
 
@@ -33,7 +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 */   Emitter: () => (/* binding */ Emitter)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _EmitterLife_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./EmitterLife.js */ \"../../plugins/emitters/dist/browser/Options/Classes/EmitterLife.js\");\n/* harmony import */ var _EmitterRate_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./EmitterRate.js */ \"../../plugins/emitters/dist/browser/Options/Classes/EmitterRate.js\");\n/* harmony import */ var _EmitterShape_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./EmitterShape.js */ \"../../plugins/emitters/dist/browser/Options/Classes/EmitterShape.js\");\n/* harmony import */ var _EmitterSize_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./EmitterSize.js */ \"../../plugins/emitters/dist/browser/Options/Classes/EmitterSize.js\");\n\n\n\n\n\nclass Emitter {\n  constructor() {\n    this.autoPlay = true;\n    this.fill = true;\n    this.life = new _EmitterLife_js__WEBPACK_IMPORTED_MODULE_1__.EmitterLife();\n    this.rate = new _EmitterRate_js__WEBPACK_IMPORTED_MODULE_2__.EmitterRate();\n    this.shape = new _EmitterShape_js__WEBPACK_IMPORTED_MODULE_3__.EmitterShape();\n    this.startCount = 0;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.autoPlay !== undefined) {\n      this.autoPlay = data.autoPlay;\n    }\n    if (data.size !== undefined) {\n      this.size ??= new _EmitterSize_js__WEBPACK_IMPORTED_MODULE_4__.EmitterSize();\n      this.size.load(data.size);\n    }\n    if (data.direction !== undefined) {\n      this.direction = data.direction;\n    }\n    this.domId = data.domId;\n    if (data.fill !== undefined) {\n      this.fill = data.fill;\n    }\n    this.life.load(data.life);\n    this.name = data.name;\n    this.particles = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(data.particles, particles => {\n      return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, particles);\n    });\n    this.rate.load(data.rate);\n    this.shape.load(data.shape);\n    if (data.position !== undefined) {\n      this.position = {};\n      if (data.position.x !== undefined) {\n        this.position.x = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.position.x);\n      }\n      if (data.position.y !== undefined) {\n        this.position.y = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.position.y);\n      }\n    }\n    if (data.spawnColor !== undefined) {\n      this.spawnColor ??= new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor();\n      this.spawnColor.load(data.spawnColor);\n    }\n    if (data.startCount !== undefined) {\n      this.startCount = data.startCount;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/Options/Classes/Emitter.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Emitter: () => (/* binding */ Emitter)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _EmitterLife_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./EmitterLife.js */ \"../../plugins/emitters/dist/browser/Options/Classes/EmitterLife.js\");\n/* harmony import */ var _EmitterRate_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./EmitterRate.js */ \"../../plugins/emitters/dist/browser/Options/Classes/EmitterRate.js\");\n/* harmony import */ var _EmitterShape_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./EmitterShape.js */ \"../../plugins/emitters/dist/browser/Options/Classes/EmitterShape.js\");\n/* harmony import */ var _EmitterSize_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./EmitterSize.js */ \"../../plugins/emitters/dist/browser/Options/Classes/EmitterSize.js\");\n/* harmony import */ var _EmitterSpawn_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./EmitterSpawn.js */ \"../../plugins/emitters/dist/browser/Options/Classes/EmitterSpawn.js\");\n\n\n\n\n\n\nclass Emitter {\n    autoPlay;\n    direction;\n    domId;\n    fill;\n    life;\n    name;\n    particles;\n    position;\n    rate;\n    shape;\n    size;\n    spawn;\n    spawnFillColor;\n    spawnStrokeColor;\n    startCount;\n    constructor(){\n        this.autoPlay = true;\n        this.fill = true;\n        this.life = new _EmitterLife_js__WEBPACK_IMPORTED_MODULE_1__.EmitterLife();\n        this.rate = new _EmitterRate_js__WEBPACK_IMPORTED_MODULE_2__.EmitterRate();\n        this.shape = new _EmitterShape_js__WEBPACK_IMPORTED_MODULE_3__.EmitterShape();\n        this.spawn = new _EmitterSpawn_js__WEBPACK_IMPORTED_MODULE_5__.EmitterSpawn();\n        this.startCount = 0;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.autoPlay !== undefined) {\n            this.autoPlay = data.autoPlay;\n        }\n        if (data.size !== undefined) {\n            this.size ??= new _EmitterSize_js__WEBPACK_IMPORTED_MODULE_4__.EmitterSize();\n            this.size.load(data.size);\n        }\n        if (data.direction !== undefined) {\n            this.direction = data.direction;\n        }\n        this.domId = data.domId;\n        if (data.fill !== undefined) {\n            this.fill = data.fill;\n        }\n        this.life.load(data.life);\n        this.name = data.name;\n        this.particles = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(data.particles, (particles)=>{\n            return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, particles);\n        });\n        this.rate.load(data.rate);\n        this.shape.load(data.shape);\n        this.spawn.load(data.spawn);\n        if (data.position !== undefined) {\n            this.position = {};\n            if (data.position.x !== undefined) {\n                this.position.x = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.position.x);\n            }\n            if (data.position.y !== undefined) {\n                this.position.y = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.position.y);\n            }\n        }\n        if (data.spawnFillColor !== undefined) {\n            this.spawnFillColor ??= new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor();\n            this.spawnFillColor.load(data.spawnFillColor);\n        }\n        if (data.spawnStrokeColor !== undefined) {\n            this.spawnStrokeColor ??= new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor();\n            this.spawnStrokeColor.load(data.spawnStrokeColor);\n        }\n        if (data.startCount !== undefined) {\n            this.startCount = data.startCount;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/Options/Classes/Emitter.js?\n}");
 
 /***/ },
 
@@ -43,7 +43,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 */   EmitterLife: () => (/* binding */ EmitterLife)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass EmitterLife {\n  constructor() {\n    this.wait = false;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.count !== undefined) {\n      this.count = data.count;\n    }\n    if (data.delay !== undefined) {\n      this.delay = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.delay);\n    }\n    if (data.duration !== undefined) {\n      this.duration = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.duration);\n    }\n    if (data.wait !== undefined) {\n      this.wait = data.wait;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/Options/Classes/EmitterLife.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterLife: () => (/* binding */ EmitterLife)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass EmitterLife {\n    count;\n    delay;\n    duration;\n    wait;\n    constructor(){\n        this.wait = false;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.count !== undefined) {\n            this.count = data.count;\n        }\n        if (data.delay !== undefined) {\n            this.delay = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.delay);\n        }\n        if (data.duration !== undefined) {\n            this.duration = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.duration);\n        }\n        if (data.wait !== undefined) {\n            this.wait = data.wait;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/Options/Classes/EmitterLife.js?\n}");
 
 /***/ },
 
@@ -53,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 */   EmitterRate: () => (/* binding */ EmitterRate)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass EmitterRate {\n  constructor() {\n    this.quantity = 1;\n    this.delay = 0.1;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.quantity !== undefined) {\n      this.quantity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.quantity);\n    }\n    if (data.delay !== undefined) {\n      this.delay = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.delay);\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/Options/Classes/EmitterRate.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterRate: () => (/* binding */ EmitterRate)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass EmitterRate {\n    delay;\n    quantity;\n    constructor(){\n        this.quantity = 1;\n        this.delay = 0.1;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.quantity !== undefined) {\n            this.quantity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.quantity);\n        }\n        if (data.delay !== undefined) {\n            this.delay = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.delay);\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/Options/Classes/EmitterRate.js?\n}");
 
 /***/ },
 
@@ -63,7 +63,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \***************************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterShape: () => (/* binding */ EmitterShape)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _EmitterShapeReplace_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./EmitterShapeReplace.js */ \"../../plugins/emitters/dist/browser/Options/Classes/EmitterShapeReplace.js\");\n\n\nclass EmitterShape {\n  constructor() {\n    this.options = {};\n    this.replace = new _EmitterShapeReplace_js__WEBPACK_IMPORTED_MODULE_1__.EmitterShapeReplace();\n    this.type = \"square\";\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.options !== undefined) {\n      this.options = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, data.options ?? {});\n    }\n    this.replace.load(data.replace);\n    if (data.type !== undefined) {\n      this.type = data.type;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/Options/Classes/EmitterShape.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterShape: () => (/* binding */ EmitterShape)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _EmitterShapeReplace_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./EmitterShapeReplace.js */ \"../../plugins/emitters/dist/browser/Options/Classes/EmitterShapeReplace.js\");\n\n\nclass EmitterShape {\n    options;\n    replace;\n    type;\n    constructor(){\n        this.options = {};\n        this.replace = new _EmitterShapeReplace_js__WEBPACK_IMPORTED_MODULE_1__.EmitterShapeReplace();\n        this.type = \"square\";\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.options !== undefined) {\n            this.options = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, data.options ?? {});\n        }\n        this.replace.load(data.replace);\n        if (data.type !== undefined) {\n            this.type = data.type;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/Options/Classes/EmitterShape.js?\n}");
 
 /***/ },
 
@@ -73,7 +73,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \**********************************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterShapeReplace: () => (/* binding */ EmitterShapeReplace)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass EmitterShapeReplace {\n  constructor() {\n    this.color = false;\n    this.opacity = false;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.color !== undefined) {\n      this.color = data.color;\n    }\n    if (data.opacity !== undefined) {\n      this.opacity = data.opacity;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/Options/Classes/EmitterShapeReplace.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterShapeReplace: () => (/* binding */ EmitterShapeReplace)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass EmitterShapeReplace {\n    color;\n    opacity;\n    constructor(){\n        this.color = false;\n        this.opacity = false;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.color !== undefined) {\n            this.color = data.color;\n        }\n        if (data.opacity !== undefined) {\n            this.opacity = data.opacity;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/Options/Classes/EmitterShapeReplace.js?\n}");
 
 /***/ },
 
@@ -83,7 +83,17 @@ 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 */   EmitterSize: () => (/* binding */ EmitterSize)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass EmitterSize {\n  constructor() {\n    this.mode = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.PixelMode.percent;\n    this.height = 0;\n    this.width = 0;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.mode !== undefined) {\n      this.mode = data.mode;\n    }\n    if (data.height !== undefined) {\n      this.height = data.height;\n    }\n    if (data.width !== undefined) {\n      this.width = data.width;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/Options/Classes/EmitterSize.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterSize: () => (/* binding */ EmitterSize)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass EmitterSize {\n    height;\n    mode;\n    width;\n    constructor(){\n        this.mode = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.PixelMode.percent;\n        this.height = 0;\n        this.width = 0;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.mode !== undefined) {\n            this.mode = data.mode;\n        }\n        if (data.height !== undefined) {\n            this.height = data.height;\n        }\n        if (data.width !== undefined) {\n            this.width = data.width;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/Options/Classes/EmitterSize.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/emitters/dist/browser/Options/Classes/EmitterSpawn.js"
+/*!***************************************************************************!*\
+  !*** ../../plugins/emitters/dist/browser/Options/Classes/EmitterSpawn.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 */   EmitterSpawn: () => (/* binding */ EmitterSpawn)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass EmitterSpawn {\n    fill;\n    stroke;\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.fill) {\n            this.fill ??= new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Fill();\n            this.fill.load(data.fill);\n        }\n        if (data.stroke) {\n            this.stroke ??= new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Stroke();\n            this.stroke.load(data.stroke);\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/Options/Classes/EmitterSpawn.js?\n}");
 
 /***/ }
 

package/plugins_emitters_dist_browser_ShapeManager_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-alpha.8
+ * v4.0.0-beta.0
  */
 "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 */   ShapeManager: () => (/* binding */ ShapeManager)\n/* harmony export */ });\nconst shapeGenerators = new Map();\nclass ShapeManager {\n  addShapeGenerator(name, generator) {\n    if (!this.getShapeGenerator(name)) {\n      shapeGenerators.set(name, generator);\n    }\n  }\n  getShapeGenerator(name) {\n    return shapeGenerators.get(name);\n  }\n  getSupportedShapeGenerators() {\n    return shapeGenerators.keys();\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/ShapeManager.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ShapeManager: () => (/* binding */ ShapeManager)\n/* harmony export */ });\nconst shapeGenerators = new Map();\nclass ShapeManager {\n    addShapeGenerator(name, generator) {\n        if (!this.getShapeGenerator(name)) {\n            shapeGenerators.set(name, generator);\n        }\n    }\n    getShapeGenerator(name) {\n        return shapeGenerators.get(name);\n    }\n    getSupportedShapeGenerators() {\n        return shapeGenerators.keys();\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/ShapeManager.js?\n}");
 
 /***/ }
 

package/plugins_emitters_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-alpha.8
+ * v4.0.0-beta.0
  */
 "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 */   EmitterShapeBase: () => (/* binding */ EmitterShapeBase)\n/* harmony export */ });\nclass EmitterShapeBase {\n  constructor(position, size, fill, options) {\n    this.position = position;\n    this.size = size;\n    this.fill = fill;\n    this.options = options;\n  }\n  resize(position, size) {\n    this.position = position;\n    this.size = size;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/EmitterShapeBase.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterShapeBase: () => (/* binding */ EmitterShapeBase)\n/* harmony export */ });\nclass EmitterShapeBase {\n    fill;\n    options;\n    position;\n    size;\n    constructor(position, size, fill, options){\n        this.position = position;\n        this.size = size;\n        this.fill = fill;\n        this.options = options;\n    }\n    resize(position, size) {\n        this.position = position;\n        this.size = size;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/EmitterShapeBase.js?\n}");
 
 /***/ },
 
@@ -33,7 +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 */   EmitterClickMode: () => (/* binding */ EmitterClickMode)\n/* harmony export */ });\nvar EmitterClickMode;\n(function (EmitterClickMode) {\n  EmitterClickMode[\"emitter\"] = \"emitter\";\n})(EmitterClickMode || (EmitterClickMode = {}));\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/Enums/EmitterClickMode.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterClickMode: () => (/* binding */ EmitterClickMode)\n/* harmony export */ });\nvar EmitterClickMode;\n(function(EmitterClickMode) {\n    EmitterClickMode[\"emitter\"] = \"emitter\";\n})(EmitterClickMode || (EmitterClickMode = {}));\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/Enums/EmitterClickMode.js?\n}");
 
 /***/ },
 
@@ -43,7 +43,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \****************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterClickMode: () => (/* reexport safe */ _Enums_EmitterClickMode_js__WEBPACK_IMPORTED_MODULE_1__.EmitterClickMode),\n/* harmony export */   EmitterShapeBase: () => (/* reexport safe */ _EmitterShapeBase_js__WEBPACK_IMPORTED_MODULE_0__.EmitterShapeBase),\n/* harmony export */   loadEmittersPlugin: () => (/* binding */ loadEmittersPlugin)\n/* harmony export */ });\n/* harmony import */ var _EmitterShapeBase_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EmitterShapeBase.js */ \"../../plugins/emitters/dist/browser/EmitterShapeBase.js\");\n/* harmony import */ var _Enums_EmitterClickMode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Enums/EmitterClickMode.js */ \"../../plugins/emitters/dist/browser/Enums/EmitterClickMode.js\");\nasync function loadEmittersPlugin(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n        loadInteractivityPlugin\n      } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"../../plugins/interactivity/dist/browser/index.js\")),\n      {\n        ShapeManager\n      } = await __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_ShapeManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ShapeManager.js */ \"../../plugins/emitters/dist/browser/ShapeManager.js\")),\n      {\n        EmittersInstancesManager\n      } = await __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_EmittersInstancesManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersInstancesManager.js */ \"../../plugins/emitters/dist/browser/EmittersInstancesManager.js\")),\n      {\n        EmittersPlugin\n      } = await __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_EmittersPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersPlugin.js */ \"../../plugins/emitters/dist/browser/EmittersPlugin.js\")),\n      instancesManager = new EmittersInstancesManager(e);\n    await loadInteractivityPlugin(e);\n    e.emitterShapeManager ??= new ShapeManager();\n    e.addEmitterShapeGenerator ??= (name, generator) => {\n      e.emitterShapeManager?.addShapeGenerator(name, generator);\n    };\n    e.addPlugin(new EmittersPlugin(instancesManager));\n    e.addInteractor?.(\"externalEmitters\", async container => {\n      const {\n        EmittersInteractor\n      } = await __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_EmittersInteractor_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersInteractor.js */ \"../../plugins/emitters/dist/browser/EmittersInteractor.js\"));\n      return new EmittersInteractor(instancesManager, container);\n    });\n  });\n}\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterClickMode: () => (/* reexport safe */ _Enums_EmitterClickMode_js__WEBPACK_IMPORTED_MODULE_1__.EmitterClickMode),\n/* harmony export */   EmitterShapeBase: () => (/* reexport safe */ _EmitterShapeBase_js__WEBPACK_IMPORTED_MODULE_0__.EmitterShapeBase),\n/* harmony export */   ensureEmittersPluginLoaded: () => (/* binding */ ensureEmittersPluginLoaded),\n/* harmony export */   loadEmittersPlugin: () => (/* binding */ loadEmittersPlugin)\n/* harmony export */ });\n/* harmony import */ var _EmitterShapeBase_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EmitterShapeBase.js */ \"../../plugins/emitters/dist/browser/EmitterShapeBase.js\");\n/* harmony import */ var _Enums_EmitterClickMode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Enums/EmitterClickMode.js */ \"../../plugins/emitters/dist/browser/Enums/EmitterClickMode.js\");\nasync function loadEmittersPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const [{ ensureInteractivityPluginLoaded }, { ShapeManager }, { EmittersInstancesManager }, { EmittersPlugin }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"../../plugins/interactivity/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_ShapeManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ShapeManager.js */ \"../../plugins/emitters/dist/browser/ShapeManager.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_EmittersInstancesManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersInstancesManager.js */ \"../../plugins/emitters/dist/browser/EmittersInstancesManager.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_EmittersPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersPlugin.js */ \"../../plugins/emitters/dist/browser/EmittersPlugin.js\"))\n        ]), instancesManager = new EmittersInstancesManager(e);\n        ensureInteractivityPluginLoaded(e);\n        e.emitterShapeManager ??= new ShapeManager();\n        e.addEmitterShapeGenerator ??= (name, generator)=>{\n            e.emitterShapeManager?.addShapeGenerator(name, generator);\n        };\n        e.addPlugin(new EmittersPlugin(instancesManager));\n        e.addInteractor?.(\"externalEmitters\", async (container)=>{\n            const { EmittersInteractor } = await __webpack_require__.e(/*! import() */ \"plugins_emitters_dist_browser_EmittersInteractor_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersInteractor.js */ \"../../plugins/emitters/dist/browser/EmittersInteractor.js\"));\n            return new EmittersInteractor(instancesManager, container);\n        });\n    });\n}\nfunction ensureEmittersPluginLoaded(e) {\n    if (!e.addEmitterShapeGenerator) {\n        throw new Error(\"tsParticles Emitters Plugin is not loaded\");\n    }\n}\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/emitters/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_exports_image_dist_browser_ExportImagePluginInstance_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-alpha.8
+ * v4.0.0-beta.0
  */
 "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 */   ExportImagePluginInstance: () => (/* binding */ ExportImagePluginInstance)\n/* harmony export */ });\nclass ExportImagePluginInstance {\n  constructor(container) {\n    this._exportImage = async data => {\n      const element = this._container.canvas.element;\n      if (!element) {\n        return;\n      }\n      return new Promise(resolve => {\n        element.toBlob(blob => {\n          if (!blob) {\n            resolve(undefined);\n            return;\n          }\n          resolve(blob);\n        }, data.type ?? \"image/png\", data.quality);\n      });\n    };\n    this._container = container;\n  }\n  async export(type, data) {\n    const res = {\n      supported: false\n    };\n    switch (type) {\n      case \"image\":\n        res.supported = true;\n        res.blob = await this._exportImage(data);\n        break;\n    }\n    return res;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/exports/image/dist/browser/ExportImagePluginInstance.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ExportImagePluginInstance: () => (/* binding */ ExportImagePluginInstance)\n/* harmony export */ });\nclass ExportImagePluginInstance {\n    _container;\n    constructor(container){\n        this._container = container;\n    }\n    async export(type, data) {\n        const res = {\n            supported: false\n        };\n        switch(type){\n            case \"image\":\n                res.supported = true;\n                res.blob = await this._exportImage(data);\n                break;\n        }\n        return res;\n    }\n    _exportImage = async (data)=>{\n        const element = this._container.canvas.element;\n        if (!element) {\n            return;\n        }\n        return new Promise((resolve)=>{\n            element.toBlob((blob)=>{\n                if (!blob) {\n                    resolve(undefined);\n                    return;\n                }\n                resolve(blob);\n            }, data.type ?? \"image/png\", data.quality);\n        });\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/exports/image/dist/browser/ExportImagePluginInstance.js?\n}");
 
 /***/ }
 

package/plugins_exports_image_dist_browser_ExportImagePlugin_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-alpha.8
+ * v4.0.0-beta.0
  */
 "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 */   ExportImagePlugin: () => (/* binding */ ExportImagePlugin)\n/* harmony export */ });\nclass ExportImagePlugin {\n  constructor() {\n    this.id = \"export-image\";\n  }\n  async getPlugin(container) {\n    const {\n      ExportImagePluginInstance\n    } = await __webpack_require__.e(/*! import() */ \"plugins_exports_image_dist_browser_ExportImagePluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ExportImagePluginInstance.js */ \"../../plugins/exports/image/dist/browser/ExportImagePluginInstance.js\"));\n    return new ExportImagePluginInstance(container);\n  }\n  loadOptions() {}\n  needsPlugin() {\n    return true;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/exports/image/dist/browser/ExportImagePlugin.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ExportImagePlugin: () => (/* binding */ ExportImagePlugin)\n/* harmony export */ });\nclass ExportImagePlugin {\n    id = \"export-image\";\n    async getPlugin(container) {\n        const { ExportImagePluginInstance } = await __webpack_require__.e(/*! import() */ \"plugins_exports_image_dist_browser_ExportImagePluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ExportImagePluginInstance.js */ \"../../plugins/exports/image/dist/browser/ExportImagePluginInstance.js\"));\n        return new ExportImagePluginInstance(container);\n    }\n    loadOptions() {}\n    needsPlugin() {\n        return true;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/exports/image/dist/browser/ExportImagePlugin.js?\n}");
 
 /***/ }
 

package/plugins_exports_image_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-alpha.8
+ * v4.0.0-beta.0
  */
 "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 */   loadExportImagePlugin: () => (/* binding */ loadExportImagePlugin)\n/* harmony export */ });\nasync function loadExportImagePlugin(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      ExportImagePlugin\n    } = await __webpack_require__.e(/*! import() */ \"plugins_exports_image_dist_browser_ExportImagePlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ExportImagePlugin.js */ \"../../plugins/exports/image/dist/browser/ExportImagePlugin.js\"));\n    e.addPlugin(new ExportImagePlugin());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/exports/image/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadExportImagePlugin: () => (/* binding */ loadExportImagePlugin)\n/* harmony export */ });\nasync function loadExportImagePlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { ExportImagePlugin } = await __webpack_require__.e(/*! import() */ \"plugins_exports_image_dist_browser_ExportImagePlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ExportImagePlugin.js */ \"../../plugins/exports/image/dist/browser/ExportImagePlugin.js\"));\n        e.addPlugin(new ExportImagePlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/exports/image/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_exports_json_dist_browser_ExportJSONPluginInstance_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-alpha.8
+ * v4.0.0-beta.0
  */
 "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 */   ExportJSONPluginInstance: () => (/* binding */ ExportJSONPluginInstance)\n/* harmony export */ });\nconst indent = 2;\nclass ExportJSONPluginInstance {\n  constructor(container) {\n    this._exportJSON = async () => {\n      const json = JSON.stringify(this._container.actualOptions, (key, value) => {\n        if (key.startsWith(\"_\")) {\n          return;\n        }\n        return value;\n      }, indent);\n      return Promise.resolve(new Blob([json], {\n        type: \"application/json\"\n      }));\n    };\n    this._container = container;\n  }\n  async export(type) {\n    const res = {\n      supported: false\n    };\n    switch (type) {\n      case \"json\":\n        res.supported = true;\n        res.blob = await this._exportJSON();\n        break;\n    }\n    return res;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/exports/json/dist/browser/ExportJSONPluginInstance.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ExportJSONPluginInstance: () => (/* binding */ ExportJSONPluginInstance)\n/* harmony export */ });\nconst indent = 2;\nclass ExportJSONPluginInstance {\n    _container;\n    constructor(container){\n        this._container = container;\n    }\n    async export(type) {\n        const res = {\n            supported: false\n        };\n        switch(type){\n            case \"json\":\n                res.supported = true;\n                res.blob = await this._exportJSON();\n                break;\n        }\n        return res;\n    }\n    _exportJSON = async ()=>{\n        const json = JSON.stringify(this._container.actualOptions, (key, value)=>{\n            if (key.startsWith(\"_\")) {\n                return;\n            }\n            return value;\n        }, indent);\n        return Promise.resolve(new Blob([\n            json\n        ], {\n            type: \"application/json\"\n        }));\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/exports/json/dist/browser/ExportJSONPluginInstance.js?\n}");
 
 /***/ }
 

package/plugins_exports_json_dist_browser_ExportJSONPlugin_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-alpha.8
+ * v4.0.0-beta.0
  */
 "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 */   ExportJSONPlugin: () => (/* binding */ ExportJSONPlugin)\n/* harmony export */ });\nclass ExportJSONPlugin {\n  constructor() {\n    this.id = \"export-json\";\n  }\n  async getPlugin(container) {\n    const {\n      ExportJSONPluginInstance\n    } = await __webpack_require__.e(/*! import() */ \"plugins_exports_json_dist_browser_ExportJSONPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ExportJSONPluginInstance.js */ \"../../plugins/exports/json/dist/browser/ExportJSONPluginInstance.js\"));\n    return new ExportJSONPluginInstance(container);\n  }\n  loadOptions() {}\n  needsPlugin() {\n    return true;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/exports/json/dist/browser/ExportJSONPlugin.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ExportJSONPlugin: () => (/* binding */ ExportJSONPlugin)\n/* harmony export */ });\nclass ExportJSONPlugin {\n    id = \"export-json\";\n    async getPlugin(container) {\n        const { ExportJSONPluginInstance } = await __webpack_require__.e(/*! import() */ \"plugins_exports_json_dist_browser_ExportJSONPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ExportJSONPluginInstance.js */ \"../../plugins/exports/json/dist/browser/ExportJSONPluginInstance.js\"));\n        return new ExportJSONPluginInstance(container);\n    }\n    loadOptions() {}\n    needsPlugin() {\n        return true;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/exports/json/dist/browser/ExportJSONPlugin.js?\n}");
 
 /***/ }
 

package/plugins_exports_json_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-alpha.8
+ * v4.0.0-beta.0
  */
 "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 */   loadExportJSONPlugin: () => (/* binding */ loadExportJSONPlugin)\n/* harmony export */ });\nasync function loadExportJSONPlugin(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      ExportJSONPlugin\n    } = await __webpack_require__.e(/*! import() */ \"plugins_exports_json_dist_browser_ExportJSONPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ExportJSONPlugin.js */ \"../../plugins/exports/json/dist/browser/ExportJSONPlugin.js\"));\n    e.addPlugin(new ExportJSONPlugin());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/exports/json/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadExportJSONPlugin: () => (/* binding */ loadExportJSONPlugin)\n/* harmony export */ });\nasync function loadExportJSONPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { ExportJSONPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_exports_json_dist_browser_ExportJSONPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ExportJSONPlugin.js */ \"../../plugins/exports/json/dist/browser/ExportJSONPlugin.js\"));\n        e.addPlugin(new ExportJSONPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/exports/json/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_exports_video_dist_browser_ExportVideoPluginInstance_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-alpha.8
+ * v4.0.0-beta.0
  */
 "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 */   ExportVideoPluginInstance: () => (/* binding */ ExportVideoPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst videoTypes = [\"webm\", \"ogg\", \"mp4\", \"x-matroska\"],\n  codecs = [\"vp9\", \"vp9.0\", \"vp8\", \"vp8.0\", \"avc1\", \"av1\", \"h265\", \"h.265\", \"h264\", \"h.264\", \"opus\", \"pcm\", \"aac\", \"mpeg\", \"mp4a\"];\nfunction getVideoSupportedMimeTypes() {\n  const isSupported = type => MediaRecorder.isTypeSupported(type),\n    supported = [];\n  videoTypes.forEach(type => {\n    const mimeType = `video/${type}`;\n    codecs.forEach(codec => {\n      [`${mimeType};codecs=${codec}`, `${mimeType};codecs=${codec.toUpperCase()}`].forEach(variation => {\n        if (isSupported(variation)) {\n          supported.push(variation);\n        }\n      });\n    });\n    if (isSupported(mimeType)) {\n      supported.push(mimeType);\n    }\n  });\n  return supported;\n}\nclass ExportVideoPluginInstance {\n  constructor(container) {\n    this._supportedTypes = [];\n    this._exportVideo = async data => {\n      const element = this._container.canvas.element;\n      if (!element) {\n        return;\n      }\n      return new Promise(resolve => {\n        const stream = element.captureStream(data.fps ?? this._container.actualOptions.fpsLimit),\n          firstIndex = 0,\n          mimeType = data.mimeType ?? this._supportedTypes[firstIndex],\n          recorder = new MediaRecorder(stream, {\n            mimeType\n          }),\n          chunks = [],\n          defaultDuration = 5;\n        recorder.addEventListener(\"dataavailable\", event => {\n          chunks.push(event.data);\n        });\n        recorder.addEventListener(\"stop\", () => {\n          resolve(new Blob(chunks, {\n            type: mimeType\n          }));\n        });\n        recorder.start();\n        setTimeout(() => {\n          recorder.stop();\n        }, data.duration ?? defaultDuration * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds);\n      });\n    };\n    this._container = container;\n    this._supportedTypes = getVideoSupportedMimeTypes();\n  }\n  async export(type, data) {\n    const res = {\n      supported: false\n    };\n    switch (type) {\n      case \"video\":\n        res.supported = true;\n        res.blob = await this._exportVideo(data);\n        break;\n    }\n    return res;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/exports/video/dist/browser/ExportVideoPluginInstance.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ExportVideoPluginInstance: () => (/* binding */ ExportVideoPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst videoTypes = [\n    \"webm\",\n    \"ogg\",\n    \"mp4\",\n    \"x-matroska\"\n], codecs = [\n    \"vp9\",\n    \"vp9.0\",\n    \"vp8\",\n    \"vp8.0\",\n    \"avc1\",\n    \"av1\",\n    \"h265\",\n    \"h.265\",\n    \"h264\",\n    \"h.264\",\n    \"opus\",\n    \"pcm\",\n    \"aac\",\n    \"mpeg\",\n    \"mp4a\"\n];\nfunction getVideoSupportedMimeTypes() {\n    const isSupported = (type)=>MediaRecorder.isTypeSupported(type), supported = [];\n    videoTypes.forEach((type)=>{\n        const mimeType = `video/${type}`;\n        codecs.forEach((codec)=>{\n            [\n                `${mimeType};codecs=${codec}`,\n                `${mimeType};codecs=${codec.toUpperCase()}`\n            ].forEach((variation)=>{\n                if (isSupported(variation)) {\n                    supported.push(variation);\n                }\n            });\n        });\n        if (isSupported(mimeType)) {\n            supported.push(mimeType);\n        }\n    });\n    return supported;\n}\nclass ExportVideoPluginInstance {\n    _container;\n    _supportedTypes = [];\n    constructor(container){\n        this._container = container;\n        this._supportedTypes = getVideoSupportedMimeTypes();\n    }\n    async export(type, data) {\n        const res = {\n            supported: false\n        };\n        switch(type){\n            case \"video\":\n                res.supported = true;\n                res.blob = await this._exportVideo(data);\n                break;\n        }\n        return res;\n    }\n    _exportVideo = async (data)=>{\n        const element = this._container.canvas.element;\n        if (!element) {\n            return;\n        }\n        return new Promise((resolve)=>{\n            const stream = element.captureStream(data.fps ?? this._container.actualOptions.fpsLimit), firstIndex = 0, mimeType = data.mimeType ?? this._supportedTypes[firstIndex], recorder = new MediaRecorder(stream, {\n                mimeType\n            }), chunks = [], defaultDuration = 5;\n            recorder.addEventListener(\"dataavailable\", (event)=>{\n                chunks.push(event.data);\n            });\n            recorder.addEventListener(\"stop\", ()=>{\n                resolve(new Blob(chunks, {\n                    type: mimeType\n                }));\n            });\n            recorder.start();\n            setTimeout(()=>{\n                recorder.stop();\n            }, data.duration ?? defaultDuration * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds);\n        });\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/exports/video/dist/browser/ExportVideoPluginInstance.js?\n}");
 
 /***/ }
 

package/plugins_exports_video_dist_browser_ExportVideoPlugin_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-alpha.8
+ * v4.0.0-beta.0
  */
 "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 */   ExportVideoPlugin: () => (/* binding */ ExportVideoPlugin)\n/* harmony export */ });\nclass ExportVideoPlugin {\n  constructor() {\n    this.id = \"export-video\";\n  }\n  async getPlugin(container) {\n    const {\n      ExportVideoPluginInstance\n    } = await __webpack_require__.e(/*! import() */ \"plugins_exports_video_dist_browser_ExportVideoPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ExportVideoPluginInstance.js */ \"../../plugins/exports/video/dist/browser/ExportVideoPluginInstance.js\"));\n    return new ExportVideoPluginInstance(container);\n  }\n  loadOptions() {}\n  needsPlugin() {\n    return true;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/exports/video/dist/browser/ExportVideoPlugin.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ExportVideoPlugin: () => (/* binding */ ExportVideoPlugin)\n/* harmony export */ });\nclass ExportVideoPlugin {\n    id = \"export-video\";\n    async getPlugin(container) {\n        const { ExportVideoPluginInstance } = await __webpack_require__.e(/*! import() */ \"plugins_exports_video_dist_browser_ExportVideoPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ExportVideoPluginInstance.js */ \"../../plugins/exports/video/dist/browser/ExportVideoPluginInstance.js\"));\n        return new ExportVideoPluginInstance(container);\n    }\n    loadOptions() {}\n    needsPlugin() {\n        return true;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/exports/video/dist/browser/ExportVideoPlugin.js?\n}");
 
 /***/ }
 

package/plugins_exports_video_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-alpha.8
+ * v4.0.0-beta.0
  */
 "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 */   loadExportVideoPlugin: () => (/* binding */ loadExportVideoPlugin)\n/* harmony export */ });\nasync function loadExportVideoPlugin(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n      ExportVideoPlugin\n    } = await __webpack_require__.e(/*! import() */ \"plugins_exports_video_dist_browser_ExportVideoPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ExportVideoPlugin.js */ \"../../plugins/exports/video/dist/browser/ExportVideoPlugin.js\"));\n    e.addPlugin(new ExportVideoPlugin());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/exports/video/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadExportVideoPlugin: () => (/* binding */ loadExportVideoPlugin)\n/* harmony export */ });\nasync function loadExportVideoPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { ExportVideoPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_exports_video_dist_browser_ExportVideoPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ExportVideoPlugin.js */ \"../../plugins/exports/video/dist/browser/ExportVideoPlugin.js\"));\n        e.addPlugin(new ExportVideoPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/exports/video/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_infection_dist_browser_InfectionPluginInstance_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-alpha.8
+ * v4.0.0-beta.0
  */
 "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 */   Infecter: () => (/* binding */ Infecter)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst minStage = 0,\n  minDuration = 0;\nclass Infecter {\n  constructor(container) {\n    this._nextInfectionStage = particle => {\n      const infectionOptions = this._container.actualOptions.infection,\n        {\n          infection\n        } = particle;\n      if (!infectionOptions || !infection) {\n        return;\n      }\n      const stagesCount = infectionOptions.stages.length;\n      if (stagesCount <= minStage || infection.stage === undefined) {\n        return;\n      }\n      infection.time = 0;\n      if (stagesCount <= ++infection.stage) {\n        if (infectionOptions.cure) {\n          delete infection.stage;\n          delete infection.time;\n        } else {\n          infection.stage = 0;\n          infection.time = 0;\n        }\n      }\n    };\n    this._container = container;\n  }\n  startInfection(particle, stage) {\n    const infectionOptions = this._container.actualOptions.infection,\n      {\n        infection\n      } = particle;\n    if (!infectionOptions || !infection) {\n      return;\n    }\n    const stages = infectionOptions.stages,\n      stagesCount = stages.length;\n    if (stage > stagesCount || stage < minStage) {\n      return;\n    }\n    infection.delay = 0;\n    infection.delayStage = stage;\n  }\n  updateInfection(particle, delta) {\n    const infectionOptions = this._container.actualOptions.infection,\n      {\n        infection\n      } = particle;\n    if (!infectionOptions || !infection) {\n      return;\n    }\n    const stages = infectionOptions.stages,\n      stagesCount = stages.length;\n    if (infection.delay !== undefined && infection.delayStage !== undefined) {\n      const stage = infection.delayStage;\n      if (stage > stagesCount || stage < minStage) {\n        return;\n      }\n      if (infection.delay >= infectionOptions.delay * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds) {\n        infection.stage = stage;\n        infection.time = 0;\n        delete infection.delay;\n        delete infection.delayStage;\n      } else {\n        infection.delay += delta;\n      }\n    } else {\n      delete infection.delay;\n      delete infection.delayStage;\n    }\n    if (infection.stage !== undefined && infection.time !== undefined) {\n      const infectionStage = stages[infection.stage];\n      if (infectionStage?.duration !== undefined && infectionStage.duration >= minDuration) {\n        if (infection.time > infectionStage.duration * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds) {\n          this._nextInfectionStage(particle);\n        } else {\n          infection.time += delta;\n        }\n      } else {\n        infection.time += delta;\n      }\n    } else {\n      delete infection.stage;\n      delete infection.time;\n    }\n  }\n  updateInfectionStage(particle, stage) {\n    const options = this._container.actualOptions,\n      {\n        infection\n      } = particle;\n    if (!options.infection || !infection) {\n      return;\n    }\n    const stagesCount = options.infection.stages.length;\n    if (stage > stagesCount || stage < minStage || infection.stage !== undefined && infection.stage > stage) {\n      return;\n    }\n    infection.stage = stage;\n    infection.time = 0;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/infection/dist/browser/Infecter.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Infecter: () => (/* binding */ Infecter)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst minStage = 0, minDuration = 0;\nclass Infecter {\n    _container;\n    constructor(container){\n        this._container = container;\n    }\n    startInfection(particle, stage) {\n        const infectionOptions = this._container.actualOptions.infection, { infection } = particle;\n        if (!infectionOptions || !infection) {\n            return;\n        }\n        const stages = infectionOptions.stages, stagesCount = stages.length;\n        if (stage > stagesCount || stage < minStage) {\n            return;\n        }\n        infection.delay = 0;\n        infection.delayStage = stage;\n    }\n    updateInfection(particle, delta) {\n        const infectionOptions = this._container.actualOptions.infection, { infection } = particle;\n        if (!infectionOptions || !infection) {\n            return;\n        }\n        const stages = infectionOptions.stages, stagesCount = stages.length;\n        if (infection.delay !== undefined && infection.delayStage !== undefined) {\n            const stage = infection.delayStage;\n            if (stage > stagesCount || stage < minStage) {\n                return;\n            }\n            if (infection.delay >= infectionOptions.delay * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds) {\n                infection.stage = stage;\n                infection.time = 0;\n                delete infection.delay;\n                delete infection.delayStage;\n            } else {\n                infection.delay += delta;\n            }\n        } else {\n            delete infection.delay;\n            delete infection.delayStage;\n        }\n        if (infection.stage !== undefined && infection.time !== undefined) {\n            const infectionStage = stages[infection.stage];\n            if (infectionStage?.duration !== undefined && infectionStage.duration >= minDuration) {\n                if (infection.time > infectionStage.duration * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds) {\n                    this._nextInfectionStage(particle);\n                } else {\n                    infection.time += delta;\n                }\n            } else {\n                infection.time += delta;\n            }\n        } else {\n            delete infection.stage;\n            delete infection.time;\n        }\n    }\n    updateInfectionStage(particle, stage) {\n        const options = this._container.actualOptions, { infection } = particle;\n        if (!options.infection || !infection) {\n            return;\n        }\n        const stagesCount = options.infection.stages.length;\n        if (stage > stagesCount || stage < minStage || infection.stage !== undefined && infection.stage > stage) {\n            return;\n        }\n        infection.stage = stage;\n        infection.time = 0;\n    }\n    _nextInfectionStage = (particle)=>{\n        const infectionOptions = this._container.actualOptions.infection, { infection } = particle;\n        if (!infectionOptions || !infection) {\n            return;\n        }\n        const stagesCount = infectionOptions.stages.length;\n        if (stagesCount <= minStage || infection.stage === undefined) {\n            return;\n        }\n        infection.time = 0;\n        if (stagesCount <= ++infection.stage) {\n            if (infectionOptions.cure) {\n                delete infection.stage;\n                delete infection.time;\n            } else {\n                infection.stage = 0;\n                infection.time = 0;\n            }\n        }\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/infection/dist/browser/Infecter.js?\n}");
 
 /***/ },
 
@@ -33,7 +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 */   InfectionPluginInstance: () => (/* binding */ InfectionPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _Infecter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Infecter.js */ \"../../plugins/infection/dist/browser/Infecter.js\");\n\n\nconst minStage = 0;\nclass InfectionPluginInstance {\n  constructor(container) {\n    this._container = container;\n    this._container.infecter = new _Infecter_js__WEBPACK_IMPORTED_MODULE_1__.Infecter(this._container);\n  }\n  particleFillColor(particle) {\n    const options = this._container.actualOptions;\n    if (!particle.infection || !options.infection) {\n      return;\n    }\n    const infectionStage = particle.infection.stage,\n      infection = options.infection,\n      infectionStages = infection.stages;\n    return infectionStage === undefined ? undefined : infectionStages[infectionStage]?.color;\n  }\n  particleStrokeColor(particle) {\n    return this.particleFillColor(particle);\n  }\n  particlesSetup() {\n    const options = this._container.actualOptions;\n    if (!options.infection) {\n      return;\n    }\n    for (let i = 0; i < options.infection.infections; i++) {\n      const notInfected = this._container.particles.filter(p => {\n        const infP = p;\n        infP.infection ??= {};\n        return infP.infection.stage === undefined;\n      });\n      const infected = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromArray)(notInfected);\n      if (!infected) {\n        continue;\n      }\n      this._container.infecter?.startInfection(infected, minStage);\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/infection/dist/browser/InfectionPluginInstance.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   InfectionPluginInstance: () => (/* binding */ InfectionPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _Infecter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Infecter.js */ \"../../plugins/infection/dist/browser/Infecter.js\");\n\n\nconst minStage = 0;\nclass InfectionPluginInstance {\n    _container;\n    constructor(container){\n        this._container = container;\n        this._container.infecter = new _Infecter_js__WEBPACK_IMPORTED_MODULE_1__.Infecter(this._container);\n    }\n    particleFillColor(particle) {\n        const options = this._container.actualOptions;\n        if (!particle.infection || !options.infection) {\n            return;\n        }\n        const infectionStage = particle.infection.stage, infection = options.infection, infectionStages = infection.stages;\n        return infectionStage === undefined ? undefined : infectionStages[infectionStage]?.color;\n    }\n    particleStrokeColor(particle) {\n        return this.particleFillColor(particle);\n    }\n    particlesSetup() {\n        const options = this._container.actualOptions;\n        if (!options.infection) {\n            return;\n        }\n        for(let i = 0; i < options.infection.infections; i++){\n            const notInfected = this._container.particles.filter((p)=>{\n                const infP = p;\n                infP.infection ??= {};\n                return infP.infection.stage === undefined;\n            }), infected = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromArray)(notInfected);\n            if (!infected) {\n                continue;\n            }\n            this._container.infecter?.startInfection(infected, minStage);\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/infection/dist/browser/InfectionPluginInstance.js?\n}");
 
 /***/ }
 

package/plugins_infection_dist_browser_InfectionPlugin_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-alpha.8
+ * v4.0.0-beta.0
  */
 "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 */   InfectionPlugin: () => (/* binding */ InfectionPlugin)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Infection_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Infection.js */ \"../../plugins/infection/dist/browser/Options/Classes/Infection.js\");\n\nclass InfectionPlugin {\n  constructor() {\n    this.id = \"infection\";\n  }\n  async getPlugin(container) {\n    const {\n      InfectionPluginInstance\n    } = await __webpack_require__.e(/*! import() */ \"plugins_infection_dist_browser_InfectionPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InfectionPluginInstance.js */ \"../../plugins/infection/dist/browser/InfectionPluginInstance.js\"));\n    return new InfectionPluginInstance(container);\n  }\n  loadOptions(_container, options, source) {\n    if (!this.needsPlugin(options) && !this.needsPlugin(source)) {\n      return;\n    }\n    let infectionOptions = options.infection;\n    if (infectionOptions?.load === undefined) {\n      options.infection = infectionOptions = new _Options_Classes_Infection_js__WEBPACK_IMPORTED_MODULE_0__.Infection();\n    }\n    infectionOptions.load(source?.infection);\n  }\n  needsPlugin(options) {\n    return options?.infection?.enable ?? false;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/infection/dist/browser/InfectionPlugin.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   InfectionPlugin: () => (/* binding */ InfectionPlugin)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Infection_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Infection.js */ \"../../plugins/infection/dist/browser/Options/Classes/Infection.js\");\n\nclass InfectionPlugin {\n    id = \"infection\";\n    async getPlugin(container) {\n        const { InfectionPluginInstance } = await __webpack_require__.e(/*! import() */ \"plugins_infection_dist_browser_InfectionPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InfectionPluginInstance.js */ \"../../plugins/infection/dist/browser/InfectionPluginInstance.js\"));\n        return new InfectionPluginInstance(container);\n    }\n    loadOptions(_container, options, source) {\n        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {\n            return;\n        }\n        let infectionOptions = options.infection;\n        if (infectionOptions?.load === undefined) {\n            options.infection = infectionOptions = new _Options_Classes_Infection_js__WEBPACK_IMPORTED_MODULE_0__.Infection();\n        }\n        infectionOptions.load(source?.infection);\n    }\n    needsPlugin(options) {\n        return options?.infection?.enable ?? false;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/infection/dist/browser/InfectionPlugin.js?\n}");
 
 /***/ },
 
@@ -33,7 +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 */   Infection: () => (/* binding */ Infection)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _InfectionStage_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./InfectionStage.js */ \"../../plugins/infection/dist/browser/Options/Classes/InfectionStage.js\");\n\n\nclass Infection {\n  constructor() {\n    this.cure = false;\n    this.delay = 0;\n    this.enable = false;\n    this.infections = 0;\n    this.stages = [];\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.cure !== undefined) {\n      this.cure = data.cure;\n    }\n    if (data.delay !== undefined) {\n      this.delay = data.delay;\n    }\n    if (data.enable !== undefined) {\n      this.enable = data.enable;\n    }\n    if (data.infections !== undefined) {\n      this.infections = data.infections;\n    }\n    if (data.stages === undefined) {\n      return;\n    }\n    this.stages = data.stages.map(t => {\n      const s = new _InfectionStage_js__WEBPACK_IMPORTED_MODULE_1__.InfectionStage();\n      s.load(t);\n      return s;\n    });\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/infection/dist/browser/Options/Classes/Infection.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Infection: () => (/* binding */ Infection)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _InfectionStage_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./InfectionStage.js */ \"../../plugins/infection/dist/browser/Options/Classes/InfectionStage.js\");\n\n\nclass Infection {\n    cure;\n    delay;\n    enable;\n    infections;\n    stages;\n    constructor(){\n        this.cure = false;\n        this.delay = 0;\n        this.enable = false;\n        this.infections = 0;\n        this.stages = [];\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.cure !== undefined) {\n            this.cure = data.cure;\n        }\n        if (data.delay !== undefined) {\n            this.delay = data.delay;\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n        if (data.infections !== undefined) {\n            this.infections = data.infections;\n        }\n        if (data.stages === undefined) {\n            return;\n        }\n        this.stages = data.stages.map((t)=>{\n            const s = new _InfectionStage_js__WEBPACK_IMPORTED_MODULE_1__.InfectionStage();\n            s.load(t);\n            return s;\n        });\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/infection/dist/browser/Options/Classes/Infection.js?\n}");
 
 /***/ },
 
@@ -43,7 +43,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 */   InfectionStage: () => (/* binding */ InfectionStage)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass InfectionStage {\n  constructor() {\n    this.color = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor();\n    this.color.value = \"#ff0000\";\n    this.radius = 0;\n    this.rate = 1;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.color !== undefined) {\n      this.color = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.color, data.color);\n    }\n    this.duration = data.duration;\n    this.infectedStage = data.infectedStage;\n    if (data.radius !== undefined) {\n      this.radius = data.radius;\n    }\n    if (data.rate !== undefined) {\n      this.rate = data.rate;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/infection/dist/browser/Options/Classes/InfectionStage.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   InfectionStage: () => (/* binding */ InfectionStage)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass InfectionStage {\n    color;\n    duration;\n    infectedStage;\n    radius;\n    rate;\n    constructor(){\n        this.color = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor();\n        this.color.value = \"#ff0000\";\n        this.radius = 0;\n        this.rate = 1;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.color !== undefined) {\n            this.color = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.color, data.color);\n        }\n        this.duration = data.duration;\n        this.infectedStage = data.infectedStage;\n        if (data.radius !== undefined) {\n            this.radius = data.radius;\n        }\n        if (data.rate !== undefined) {\n            this.rate = data.rate;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/infection/dist/browser/Options/Classes/InfectionStage.js?\n}");
 
 /***/ }