@tsparticles/all 4.0.0-beta.0 → 4.0.0-beta.2

package/paths_svg_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.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,17 @@
   \*********************************************/
 (__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 */   loadSVGPath: () => (/* binding */ loadSVGPath),\n/* harmony export */   svgPathName: () => (/* binding */ svgPathName)\n/* harmony export */ });\nconst svgPathName = \"svgPathGenerator\";\nasync function loadSVGPath(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { ensureBaseMoverLoaded } = await __webpack_require__.e(/*! import() */ \"plugins_move_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-move */ \"../../plugins/move/dist/browser/index.js\"));\n        ensureBaseMoverLoaded(e);\n        e.addPathGenerator?.(svgPathName, async (container)=>{\n            const { SVGPathGenerator } = await __webpack_require__.e(/*! import() */ \"paths_svg_dist_browser_SVGPathGenerator_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./SVGPathGenerator.js */ \"../../paths/svg/dist/browser/SVGPathGenerator.js\"));\n            return new SVGPathGenerator(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../paths/svg/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadSVGPath: () => (/* binding */ loadSVGPath),\n/* harmony export */   svgPathName: () => (/* binding */ svgPathName)\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 _tsparticles_plugin_move__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/plugin-move */ \"../../plugins/move/dist/browser/index.js\");\n\n\nconst svgPathName = \"svgPathGenerator\";\nasync function loadSVGPath(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.register(async (e)=>{\n        const { ensureBaseMoverLoaded } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-move */ \"../../plugins/move/dist/browser/index.js\"));\n        ensureBaseMoverLoaded(e);\n        e.pluginManager.addPathGenerator?.(svgPathName, async (container)=>{\n            const { SVGPathGenerator } = await __webpack_require__.e(/*! import() */ \"paths_svg_dist_browser_SVGPathGenerator_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./SVGPathGenerator.js */ \"../../paths/svg/dist/browser/SVGPathGenerator.js\"));\n            return new SVGPathGenerator(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../paths/svg/dist/browser/index.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/move/dist/browser/index.js"
+/*!************************************************!*\
+  !*** ../../plugins/move/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 */   ensureBaseMoverLoaded: () => (/* binding */ ensureBaseMoverLoaded),\n/* harmony export */   loadMovePlugin: () => (/* binding */ loadMovePlugin)\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 loadMovePlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.register(async (e)=>{\n        const moveEngine = e, movePluginManager = moveEngine.pluginManager;\n        movePluginManager.initializers.pathGenerators ??= new Map();\n        movePluginManager.pathGenerators ??= new Map();\n        movePluginManager.addPathGenerator = (name, generator)=>{\n            movePluginManager.initializers.pathGenerators ??= new Map();\n            movePluginManager.initializers.pathGenerators.set(name, generator);\n        };\n        movePluginManager.getPathGenerators = async (container, force = false)=>{\n            movePluginManager.initializers.pathGenerators ??= new Map();\n            movePluginManager.pathGenerators ??= new Map();\n            return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getItemMapFromInitializer)(container, movePluginManager.pathGenerators, movePluginManager.initializers.pathGenerators, force);\n        };\n        const { MovePlugin } = await __webpack_require__.e(/*! import() */ \"plugins_move_dist_browser_MovePlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./MovePlugin.js */ \"../../plugins/move/dist/browser/MovePlugin.js\"));\n        e.pluginManager.addPlugin(new MovePlugin(e.pluginManager));\n    });\n}\nfunction ensureBaseMoverLoaded(e) {\n    if (!e.pluginManager.addPathGenerator) {\n        throw new Error(\"tsParticles Base Mover is not loaded\");\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/move/dist/browser/index.js?\n}");
 
 /***/ }
 

package/paths_zigzag_dist_browser_ZigZagPathGenerator_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.0
+ * v4.0.0-beta.2
  */
 "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 */   ZigZagPathGenerator: () => (/* binding */ ZigZagPathGenerator)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst angularFrequencyFactor = 0.5, halfPI = Math.PI * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\nconst defaultOptions = {\n    waveHeight: {\n        min: 0,\n        max: 3\n    },\n    waveLength: {\n        min: 0,\n        max: 5\n    }\n};\nclass ZigZagPathGenerator {\n    options;\n    _container;\n    _res;\n    constructor(container){\n        this._container = container;\n        this._res = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin;\n        this.options = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, defaultOptions);\n    }\n    generate(particle, delta) {\n        const { options } = this;\n        particle.zigzag ??= {\n            counter: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)(),\n            waveHeight: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(options.waveHeight),\n            waveLength: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(options.waveLength)\n        };\n        const angularFrequency = angularFrequencyFactor / particle.zigzag.waveLength * delta.factor;\n        particle.zigzag.counter += angularFrequency;\n        const zigzagAngle = particle.zigzag.waveHeight * Math.sin(particle.zigzag.counter);\n        particle.position.x += zigzagAngle * Math.cos(particle.velocity.angle + halfPI);\n        particle.position.y += zigzagAngle * Math.sin(particle.velocity.angle + halfPI);\n        this._res.x = 0;\n        this._res.y = 0;\n        return this._res;\n    }\n    init() {\n        const sourceOptions = this._container.actualOptions.particles.move.path.options;\n        this.options.waveLength = sourceOptions[\"waveLength\"] ?? this.options.waveLength;\n        this.options.waveHeight = sourceOptions[\"waveHeight\"] ?? this.options.waveHeight;\n    }\n    reset() {}\n    update() {}\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../paths/zigzag/dist/browser/ZigZagPathGenerator.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ZigZagPathGenerator: () => (/* binding */ ZigZagPathGenerator)\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 _tsparticles_plugin_move__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/plugin-move */ \"../../plugins/move/dist/browser/index.js\");\n\n\nconst angularFrequencyFactor = 0.5, halfPI = Math.PI * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\nconst defaultOptions = {\n    waveHeight: {\n        min: 0,\n        max: 3\n    },\n    waveLength: {\n        min: 0,\n        max: 5\n    }\n};\nclass ZigZagPathGenerator {\n    options;\n    _container;\n    _res;\n    constructor(container){\n        this._container = container;\n        this._res = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin;\n        this.options = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, defaultOptions);\n    }\n    generate(particle, delta) {\n        const { options } = this;\n        particle.zigzag ??= {\n            counter: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)(),\n            waveHeight: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(options.waveHeight),\n            waveLength: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(options.waveLength)\n        };\n        const angularFrequency = angularFrequencyFactor / particle.zigzag.waveLength * delta.factor;\n        particle.zigzag.counter += angularFrequency;\n        const zigzagAngle = particle.zigzag.waveHeight * Math.sin(particle.zigzag.counter);\n        particle.position.x += zigzagAngle * Math.cos(particle.velocity.angle + halfPI);\n        particle.position.y += zigzagAngle * Math.sin(particle.velocity.angle + halfPI);\n        this._res.x = 0;\n        this._res.y = 0;\n        return this._res;\n    }\n    init() {\n        const sourceOptions = this._container.actualOptions.particles.move.path.options;\n        this.options.waveLength = sourceOptions[\"waveLength\"] ?? this.options.waveLength;\n        this.options.waveHeight = sourceOptions[\"waveHeight\"] ?? this.options.waveHeight;\n    }\n    reset() {}\n    update() {}\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../paths/zigzag/dist/browser/ZigZagPathGenerator.js?\n}");
 
 /***/ }
 

package/paths_zigzag_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.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,17 @@
   \************************************************/
 (__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 */   loadZigZagPath: () => (/* binding */ loadZigZagPath),\n/* harmony export */   zigZagPathName: () => (/* binding */ zigZagPathName)\n/* harmony export */ });\nconst zigZagPathName = \"zigZagPathGenerator\";\nasync function loadZigZagPath(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { ensureBaseMoverLoaded } = await __webpack_require__.e(/*! import() */ \"plugins_move_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-move */ \"../../plugins/move/dist/browser/index.js\"));\n        ensureBaseMoverLoaded(e);\n        e.addPathGenerator?.(zigZagPathName, async (container)=>{\n            const { ZigZagPathGenerator } = await __webpack_require__.e(/*! import() */ \"paths_zigzag_dist_browser_ZigZagPathGenerator_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ZigZagPathGenerator.js */ \"../../paths/zigzag/dist/browser/ZigZagPathGenerator.js\"));\n            return new ZigZagPathGenerator(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../paths/zigzag/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadZigZagPath: () => (/* binding */ loadZigZagPath),\n/* harmony export */   zigZagPathName: () => (/* binding */ zigZagPathName)\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 _tsparticles_plugin_move__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/plugin-move */ \"../../plugins/move/dist/browser/index.js\");\n\n\nconst zigZagPathName = \"zigZagPathGenerator\";\nasync function loadZigZagPath(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.register(async (e)=>{\n        const { ensureBaseMoverLoaded } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-move */ \"../../plugins/move/dist/browser/index.js\"));\n        ensureBaseMoverLoaded(e);\n        e.pluginManager.addPathGenerator?.(zigZagPathName, async (container)=>{\n            const { ZigZagPathGenerator } = await __webpack_require__.e(/*! import() */ \"paths_zigzag_dist_browser_ZigZagPathGenerator_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ZigZagPathGenerator.js */ \"../../paths/zigzag/dist/browser/ZigZagPathGenerator.js\"));\n            return new ZigZagPathGenerator(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../paths/zigzag/dist/browser/index.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/move/dist/browser/index.js"
+/*!************************************************!*\
+  !*** ../../plugins/move/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 */   ensureBaseMoverLoaded: () => (/* binding */ ensureBaseMoverLoaded),\n/* harmony export */   loadMovePlugin: () => (/* binding */ loadMovePlugin)\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 loadMovePlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.register(async (e)=>{\n        const moveEngine = e, movePluginManager = moveEngine.pluginManager;\n        movePluginManager.initializers.pathGenerators ??= new Map();\n        movePluginManager.pathGenerators ??= new Map();\n        movePluginManager.addPathGenerator = (name, generator)=>{\n            movePluginManager.initializers.pathGenerators ??= new Map();\n            movePluginManager.initializers.pathGenerators.set(name, generator);\n        };\n        movePluginManager.getPathGenerators = async (container, force = false)=>{\n            movePluginManager.initializers.pathGenerators ??= new Map();\n            movePluginManager.pathGenerators ??= new Map();\n            return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getItemMapFromInitializer)(container, movePluginManager.pathGenerators, movePluginManager.initializers.pathGenerators, force);\n        };\n        const { MovePlugin } = await __webpack_require__.e(/*! import() */ \"plugins_move_dist_browser_MovePlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./MovePlugin.js */ \"../../plugins/move/dist/browser/MovePlugin.js\"));\n        e.pluginManager.addPlugin(new MovePlugin(e.pluginManager));\n    });\n}\nfunction ensureBaseMoverLoaded(e) {\n    if (!e.pluginManager.addPathGenerator) {\n        throw new Error(\"tsParticles Base Mover is not loaded\");\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/move/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_absorbers_dist_browser_AbsorberInstance_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.0
+ * v4.0.0-beta.2
  */
 "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 */   AbsorberInstance: () => (/* binding */ AbsorberInstance)\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_Absorber_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Absorber.js */ \"../../plugins/absorbers/dist/browser/Options/Classes/Absorber.js\");\n\n\nconst squareExp = 2, absorbFactor = 0.033, minOrbitLength = 0, minRadius = 0, minMass = 0, minAngle = 0, maxAngle = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI, minVelocity = 0, defaultLifeDelay = 0, minLifeCount = 0, defaultSpawnDelay = 0, defaultLifeCount = -1;\nclass AbsorberInstance {\n    color;\n    limit;\n    mass;\n    name;\n    opacity;\n    options;\n    position;\n    size;\n    _container;\n    _currentDuration;\n    _currentSpawnDelay;\n    _duration;\n    _engine;\n    _firstSpawn;\n    _immortal;\n    _lifeCount;\n    _spawnDelay;\n    initialPosition;\n    constructor(engine, container, options, position){\n        this._container = container;\n        this._engine = engine;\n        this._currentDuration = 0;\n        this._currentSpawnDelay = 0;\n        this.initialPosition = position ? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.create(position.x, position.y) : undefined;\n        if (options instanceof _Options_Classes_Absorber_js__WEBPACK_IMPORTED_MODULE_1__.Absorber) {\n            this.options = options;\n        } else {\n            this.options = new _Options_Classes_Absorber_js__WEBPACK_IMPORTED_MODULE_1__.Absorber();\n            this.options.load(options);\n        }\n        this.name = this.options.name;\n        this.opacity = this.options.opacity;\n        this.size = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.size.value) * container.retina.pixelRatio;\n        this.mass = this.size * this.options.size.density * container.retina.reduceFactor;\n        const limit = this.options.size.limit;\n        this.limit = {\n            radius: limit.radius * container.retina.pixelRatio * container.retina.reduceFactor,\n            mass: limit.mass\n        };\n        this.color = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._engine, this.options.color) ?? {\n            b: 0,\n            g: 0,\n            r: 0\n        };\n        this.position = this.initialPosition?.copy() ?? this._calcPosition();\n        this._firstSpawn = !this.options.life.wait;\n        this._lifeCount = this.options.life.count ?? defaultLifeCount;\n        this._immortal = this._lifeCount <= minLifeCount;\n        this._spawnDelay = container.retina.reduceFactor ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.life.delay ?? defaultLifeDelay) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds / container.retina.reduceFactor : Infinity;\n    }\n    attract(particle, delta) {\n        const container = this._container, options = this.options, pos = particle.getPosition(), { dx, dy, distance } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(this.position, pos), v = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.create(dx, dy);\n        v.length = this.mass / Math.pow(distance, squareExp) * container.retina.reduceFactor;\n        if (distance < this.size + particle.getRadius()) {\n            const sizeFactor = particle.getRadius() * absorbFactor * container.retina.pixelRatio * delta.factor;\n            if (this.size > particle.getRadius() && distance < this.size - particle.getRadius() || particle.absorberOrbit !== undefined && particle.absorberOrbit.length < minOrbitLength) {\n                if (options.destroy) {\n                    particle.destroy();\n                } else {\n                    particle.needsNewPosition = true;\n                    this._updateParticlePosition(particle, v);\n                }\n            } else {\n                if (options.destroy) {\n                    particle.size.value -= sizeFactor;\n                }\n                this._updateParticlePosition(particle, v);\n            }\n            if (this.limit.radius <= minRadius || this.size < this.limit.radius) {\n                this.size += sizeFactor;\n            }\n            if (this.limit.mass <= minMass || this.mass < this.limit.mass) {\n                this.mass += sizeFactor * this.options.size.density * container.retina.reduceFactor;\n            }\n        } else {\n            this._updateParticlePosition(particle, v);\n        }\n    }\n    draw(context) {\n        context.translate(this.position.x, this.position.y);\n        context.beginPath();\n        context.arc(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, this.size, minAngle, maxAngle, false);\n        context.closePath();\n        context.fillStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(this.color, this._container.hdr, this.opacity);\n        context.fill();\n    }\n    resize() {\n        const initialPosition = this.initialPosition;\n        this.position = initialPosition && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isPointInside)(initialPosition, this._container.canvas.size, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin) ? initialPosition : this._calcPosition();\n    }\n    update(delta) {\n        if (this._firstSpawn) {\n            this._firstSpawn = false;\n            this._currentSpawnDelay = this._spawnDelay ?? defaultSpawnDelay;\n        }\n        if (this._duration !== undefined) {\n            this._currentDuration += delta.value;\n            if (this._currentDuration >= this._duration) {\n                if (!this._immortal) {\n                    this._lifeCount--;\n                }\n                if (this._lifeCount > minLifeCount || this._immortal) {\n                    this.position = this._calcPosition();\n                    this._spawnDelay = this._container.retina.reduceFactor ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.life.delay ?? defaultLifeDelay) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds / this._container.retina.reduceFactor : Infinity;\n                }\n                this._currentDuration -= this._duration;\n                delete this._duration;\n            }\n        }\n        if (this._spawnDelay !== undefined) {\n            this._currentSpawnDelay += delta.value;\n            if (this._currentSpawnDelay >= this._spawnDelay) {\n                this.play();\n                this._currentSpawnDelay -= this._spawnDelay;\n                delete this._spawnDelay;\n            }\n        }\n    }\n    _calcPosition = ()=>{\n        const exactPosition = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.calcPositionOrRandomFromSizeRanged)({\n            size: this._container.canvas.size,\n            position: this.options.position\n        });\n        return _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.create(exactPosition.x, exactPosition.y);\n    };\n    _prepareToDie = ()=>{\n        const duration = this.options.life.duration !== undefined ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.life.duration) : undefined, minDuration = 0;\n        if ((this._lifeCount > minLifeCount || this._immortal) && duration !== undefined && duration > minDuration) {\n            this._duration = duration * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds;\n        }\n    };\n    _updateParticlePosition = (particle, v)=>{\n        if (particle.destroyed) {\n            return;\n        }\n        const container = this._container, canvasSize = container.canvas.size;\n        if (particle.needsNewPosition) {\n            const newPosition = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.calcPositionOrRandomFromSize)({\n                size: canvasSize\n            });\n            particle.position.setTo(newPosition);\n            particle.velocity.setTo(particle.initialVelocity);\n            particle.absorberOrbit = undefined;\n            particle.needsNewPosition = false;\n        }\n        if (this.options.orbits) {\n            if (particle.absorberOrbit === undefined) {\n                particle.absorberOrbit = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin;\n                particle.absorberOrbit.length = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(particle.getPosition(), this.position);\n                particle.absorberOrbit.angle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * maxAngle;\n            }\n            if (particle.absorberOrbit.length <= this.size && !this.options.destroy) {\n                const minSize = Math.min(canvasSize.width, canvasSize.height), offset = 1, randomOffset = 0.1, randomFactor = 0.2;\n                particle.absorberOrbit.length = minSize * (offset + ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * randomFactor - randomOffset));\n            }\n            particle.absorberOrbitDirection ??= particle.velocity.x >= minVelocity ? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.RotateDirection.clockwise : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.RotateDirection.counterClockwise;\n            const orbitRadius = particle.absorberOrbit.length, orbitAngle = particle.absorberOrbit.angle, orbitDirection = particle.absorberOrbitDirection;\n            particle.velocity.setTo(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin);\n            const updateFunc = {\n                x: orbitDirection === _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.RotateDirection.clockwise ? Math.cos : Math.sin,\n                y: orbitDirection === _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.RotateDirection.clockwise ? Math.sin : Math.cos\n            };\n            particle.position.x = this.position.x + orbitRadius * updateFunc.x(orbitAngle);\n            particle.position.y = this.position.y + orbitRadius * updateFunc.y(orbitAngle);\n            particle.absorberOrbit.length -= v.length;\n            particle.absorberOrbit.angle += (particle.retina.moveSpeed ?? minVelocity) * container.retina.pixelRatio / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator * container.retina.reduceFactor;\n        } else {\n            const addV = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin;\n            addV.length = v.length;\n            addV.angle = v.angle;\n            particle.velocity.addTo(addV);\n        }\n    };\n    play = ()=>{\n        if (!((this._lifeCount > minLifeCount || this._immortal || !this.options.life.count) && (this._firstSpawn || this._currentSpawnDelay >= (this._spawnDelay ?? defaultSpawnDelay)))) {\n            return;\n        }\n        if (this._lifeCount > minLifeCount || this._immortal) {\n            this._prepareToDie();\n        }\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/absorbers/dist/browser/AbsorberInstance.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AbsorberInstance: () => (/* binding */ AbsorberInstance)\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_Absorber_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Absorber.js */ \"../../plugins/absorbers/dist/browser/Options/Classes/Absorber.js\");\n\n\nconst squareExp = 2, absorbFactor = 0.033, minOrbitLength = 0, minRadius = 0, minMass = 0, minAngle = 0, maxAngle = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.doublePI, maxDegreeAngle = 360, angleIncrementFactor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.identity / maxDegreeAngle, minVelocity = 0, defaultLifeDelay = 0, minLifeCount = 0, defaultSpawnDelay = 0, defaultLifeCount = -1;\nclass AbsorberInstance {\n    color;\n    limit;\n    mass;\n    name;\n    opacity;\n    options;\n    position;\n    size;\n    _container;\n    _currentDuration;\n    _currentSpawnDelay;\n    _duration;\n    _firstSpawn;\n    _immortal;\n    _lifeCount;\n    _pluginManager;\n    _spawnDelay;\n    initialPosition;\n    constructor(pluginManager, container, options, position){\n        this._container = container;\n        this._pluginManager = pluginManager;\n        this._currentDuration = 0;\n        this._currentSpawnDelay = 0;\n        this.initialPosition = position ? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.create(position.x, position.y) : undefined;\n        if (options instanceof _Options_Classes_Absorber_js__WEBPACK_IMPORTED_MODULE_1__.Absorber) {\n            this.options = options;\n        } else {\n            this.options = new _Options_Classes_Absorber_js__WEBPACK_IMPORTED_MODULE_1__.Absorber();\n            this.options.load(options);\n        }\n        this.name = this.options.name;\n        this.opacity = this.options.opacity;\n        this.size = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.size.value) * container.retina.pixelRatio;\n        this.mass = this.size * this.options.size.density * container.retina.reduceFactor;\n        const limit = this.options.size.limit;\n        this.limit = {\n            radius: limit.radius * container.retina.pixelRatio * container.retina.reduceFactor,\n            mass: limit.mass\n        };\n        this.color = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._pluginManager, this.options.color) ?? {\n            b: 0,\n            g: 0,\n            r: 0\n        };\n        this.position = this.initialPosition?.copy() ?? this._calcPosition();\n        this._firstSpawn = !this.options.life.wait;\n        this._lifeCount = this.options.life.count ?? defaultLifeCount;\n        this._immortal = this._lifeCount <= minLifeCount;\n        this._spawnDelay = container.retina.reduceFactor ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.life.delay ?? defaultLifeDelay) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds / container.retina.reduceFactor : Infinity;\n    }\n    attract(particle, delta) {\n        const container = this._container, options = this.options, pos = particle.getPosition(), { dx, dy, distance } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(this.position, pos), v = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.create(dx, dy);\n        v.length = this.mass / Math.pow(distance, squareExp) * container.retina.reduceFactor;\n        if (distance < this.size + particle.getRadius()) {\n            const sizeFactor = particle.getRadius() * absorbFactor * container.retina.pixelRatio * delta.factor;\n            if (this.size > particle.getRadius() && distance < this.size - particle.getRadius() || particle.absorberOrbit !== undefined && particle.absorberOrbit.length < minOrbitLength) {\n                if (options.destroy) {\n                    particle.destroy();\n                } else {\n                    particle.needsNewPosition = true;\n                    this._updateParticlePosition(particle, delta, v);\n                }\n            } else {\n                if (options.destroy) {\n                    particle.size.value -= sizeFactor;\n                }\n                this._updateParticlePosition(particle, delta, v);\n            }\n            if (this.limit.radius <= minRadius || this.size < this.limit.radius) {\n                this.size += sizeFactor;\n            }\n            if (this.limit.mass <= minMass || this.mass < this.limit.mass) {\n                this.mass += sizeFactor * this.options.size.density * container.retina.reduceFactor;\n            }\n        } else {\n            this._updateParticlePosition(particle, delta, v);\n        }\n    }\n    draw(context) {\n        context.translate(this.position.x, this.position.y);\n        context.beginPath();\n        context.arc(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, this.size, minAngle, maxAngle, false);\n        context.closePath();\n        context.fillStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(this.color, this._container.hdr, this.opacity);\n        context.fill();\n    }\n    resize() {\n        const initialPosition = this.initialPosition;\n        this.position = initialPosition && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isPointInside)(initialPosition, this._container.canvas.size, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin) ? initialPosition : this._calcPosition();\n    }\n    update(delta) {\n        if (this._firstSpawn) {\n            this._firstSpawn = false;\n            this._currentSpawnDelay = this._spawnDelay ?? defaultSpawnDelay;\n        }\n        if (this._duration !== undefined) {\n            this._currentDuration += delta.value;\n            if (this._currentDuration >= this._duration) {\n                if (!this._immortal) {\n                    this._lifeCount--;\n                }\n                if (this._lifeCount > minLifeCount || this._immortal) {\n                    this.position = this._calcPosition();\n                    this._spawnDelay = this._container.retina.reduceFactor ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.life.delay ?? defaultLifeDelay) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds / this._container.retina.reduceFactor : Infinity;\n                }\n                this._currentDuration -= this._duration;\n                delete this._duration;\n            }\n        }\n        if (this._spawnDelay !== undefined) {\n            this._currentSpawnDelay += delta.value;\n            if (this._currentSpawnDelay >= this._spawnDelay) {\n                this.play();\n                this._currentSpawnDelay -= this._spawnDelay;\n                delete this._spawnDelay;\n            }\n        }\n    }\n    _calcPosition = ()=>{\n        const exactPosition = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.calcPositionOrRandomFromSizeRanged)({\n            size: this._container.canvas.size,\n            position: this.options.position\n        });\n        return _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.create(exactPosition.x, exactPosition.y);\n    };\n    _prepareToDie = ()=>{\n        const duration = this.options.life.duration !== undefined ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.life.duration) : undefined, minDuration = 0;\n        if ((this._lifeCount > minLifeCount || this._immortal) && duration !== undefined && duration > minDuration) {\n            this._duration = duration * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds;\n        }\n    };\n    _updateParticlePosition = (particle, delta, v)=>{\n        if (particle.destroyed) {\n            return;\n        }\n        const container = this._container, canvasSize = container.canvas.size;\n        if (particle.needsNewPosition) {\n            const newPosition = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.calcPositionOrRandomFromSize)({\n                size: canvasSize\n            });\n            particle.position.setTo(newPosition);\n            particle.velocity.setTo(particle.initialVelocity);\n            particle.absorberOrbit = undefined;\n            particle.needsNewPosition = false;\n        }\n        if (this.options.orbits) {\n            if (particle.absorberOrbit === undefined) {\n                particle.absorberOrbit = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin;\n                particle.absorberOrbit.length = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(particle.getPosition(), this.position);\n                particle.absorberOrbit.angle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * maxAngle;\n            }\n            if (particle.absorberOrbit.length <= this.size && !this.options.destroy) {\n                const minSize = Math.min(canvasSize.width, canvasSize.height), offset = 1, randomOffset = 0.1, randomFactor = 0.2;\n                particle.absorberOrbit.length = minSize * (offset + ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * randomFactor - randomOffset));\n            }\n            particle.absorberOrbitDirection ??= particle.velocity.x >= minVelocity ? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.RotateDirection.clockwise : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.RotateDirection.counterClockwise;\n            const orbitRadius = particle.absorberOrbit.length, orbitAngle = particle.absorberOrbit.angle, orbitDirection = particle.absorberOrbitDirection;\n            particle.velocity.setTo(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin);\n            const maxSize = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeMax)(particle.options.size.value) * container.retina.pixelRatio, sizeFactor = particle.options.move.size ? particle.getRadius() / maxSize : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.identity, deltaFactor = delta.factor || _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.identity, baseSpeed = particle.retina.moveSpeed, moveSpeed = baseSpeed * sizeFactor * deltaFactor * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\n            particle.position.x = this.position.x + orbitRadius * Math.cos(orbitAngle);\n            particle.position.y = this.position.y + orbitRadius * (orbitDirection === _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.RotateDirection.clockwise ? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.identity : -_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.identity) * Math.sin(orbitAngle);\n            particle.absorberOrbit.length = Math.max(minOrbitLength, particle.absorberOrbit.length - v.length);\n            particle.absorberOrbit.angle += moveSpeed * angleIncrementFactor * container.retina.reduceFactor;\n        } else {\n            particle.velocity.addTo(v);\n        }\n    };\n    play = ()=>{\n        if (!((this._lifeCount > minLifeCount || this._immortal || !this.options.life.count) && (this._firstSpawn || this._currentSpawnDelay >= (this._spawnDelay ?? defaultSpawnDelay)))) {\n            return;\n        }\n        if (this._lifeCount > minLifeCount || this._immortal) {\n            this._prepareToDie();\n        }\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/absorbers/dist/browser/AbsorberInstance.js?\n}");
 
 /***/ },
 

package/plugins_absorbers_dist_browser_AbsorbersInstancesManager_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.0
+ * v4.0.0-beta.2
  */
 "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 */   AbsorbersInstancesManager: () => (/* binding */ AbsorbersInstancesManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultIndex = 0;\nclass AbsorbersInstancesManager {\n    _containerArrays;\n    _engine;\n    constructor(engine){\n        this._containerArrays = new Map();\n        this._engine = engine;\n    }\n    async addAbsorber(container, options, position) {\n        const { AbsorberInstance } = await __webpack_require__.e(/*! import() */ \"plugins_absorbers_dist_browser_AbsorberInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./AbsorberInstance.js */ \"../../plugins/absorbers/dist/browser/AbsorberInstance.js\")), absorber = new AbsorberInstance(this._engine, container, options, position), array = this.getArray(container);\n        array.push(absorber);\n        return absorber;\n    }\n    clear(container) {\n        this.initContainer(container);\n        this._containerArrays.set(container, []);\n    }\n    getArray(container) {\n        this.initContainer(container);\n        let array = this._containerArrays.get(container);\n        if (!array) {\n            array = [];\n            this._containerArrays.set(container, array);\n        }\n        return array;\n    }\n    initContainer(container) {\n        if (this._containerArrays.has(container)) {\n            return;\n        }\n        this._containerArrays.set(container, []);\n        container.getAbsorber ??= (idxOrName)=>{\n            const array = this.getArray(container);\n            return idxOrName === undefined || (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNumber)(idxOrName) ? array[idxOrName ?? defaultIndex] : array.find((t)=>t.name === idxOrName);\n        };\n        container.addAbsorber ??= (options, position)=>{\n            return this.addAbsorber(container, options, position);\n        };\n    }\n    removeAbsorber(container, absorber) {\n        const index = this.getArray(container).indexOf(absorber), deleteCount = 1;\n        if (index >= defaultIndex) {\n            this.getArray(container).splice(index, deleteCount);\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/absorbers/dist/browser/AbsorbersInstancesManager.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AbsorbersInstancesManager: () => (/* binding */ AbsorbersInstancesManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst defaultIndex = 0;\nclass AbsorbersInstancesManager {\n    _containerArrays;\n    _pluginManager;\n    constructor(pluginManager){\n        this._pluginManager = pluginManager;\n        this._containerArrays = new Map();\n    }\n    async addAbsorber(container, options, position) {\n        const { AbsorberInstance } = await __webpack_require__.e(/*! import() */ \"plugins_absorbers_dist_browser_AbsorberInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./AbsorberInstance.js */ \"../../plugins/absorbers/dist/browser/AbsorberInstance.js\")), absorber = new AbsorberInstance(this._pluginManager, container, options, position), array = this.getArray(container);\n        array.push(absorber);\n        return absorber;\n    }\n    clear(container) {\n        this.initContainer(container);\n        this._containerArrays.set(container, []);\n    }\n    getArray(container) {\n        this.initContainer(container);\n        let array = this._containerArrays.get(container);\n        if (!array) {\n            array = [];\n            this._containerArrays.set(container, array);\n        }\n        return array;\n    }\n    initContainer(container) {\n        if (this._containerArrays.has(container)) {\n            return;\n        }\n        this._containerArrays.set(container, []);\n        container.getAbsorber ??= (idxOrName)=>{\n            const array = this.getArray(container);\n            return idxOrName === undefined || (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNumber)(idxOrName) ? array[idxOrName ?? defaultIndex] : array.find((t)=>t.name === idxOrName);\n        };\n        container.addAbsorber ??= (options, position)=>{\n            return this.addAbsorber(container, options, position);\n        };\n    }\n    removeAbsorber(container, absorber) {\n        const index = this.getArray(container).indexOf(absorber), deleteCount = 1;\n        if (index >= defaultIndex) {\n            this.getArray(container).splice(index, deleteCount);\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/absorbers/dist/browser/AbsorbersInstancesManager.js?\n}");
 
 /***/ }
 

package/plugins_absorbers_dist_browser_AbsorbersInteractor_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.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -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 */   ExternalInteractorBase: () => (/* binding */ ExternalInteractorBase)\n/* harmony export */ });\n/* harmony import */ var _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Enums/InteractorType.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractorType.js\");\n\nclass ExternalInteractorBase {\n    type = _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_0__.InteractorType.external;\n    container;\n    constructor(container){\n        this.container = container;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/BaseClasses/ExternalInteractorBase.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ExternalInteractorBase: () => (/* binding */ ExternalInteractorBase)\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 _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Enums/InteractorType.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractorType.js\");\n\n\nclass ExternalInteractorBase {\n    type = _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_1__.InteractorType.external;\n    container;\n    constructor(container){\n        this.container = container;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/BaseClasses/ExternalInteractorBase.js?\n}");
 
 /***/ },
 
@@ -83,7 +83,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 */   ParticlesInteractorBase: () => (/* binding */ ParticlesInteractorBase)\n/* harmony export */ });\n/* harmony import */ var _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Enums/InteractorType.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractorType.js\");\n\nclass ParticlesInteractorBase {\n    type = _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_0__.InteractorType.particles;\n    container;\n    constructor(container){\n        this.container = container;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/BaseClasses/ParticlesInteractorBase.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ParticlesInteractorBase: () => (/* binding */ ParticlesInteractorBase)\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 _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Enums/InteractorType.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractorType.js\");\n\n\nclass ParticlesInteractorBase {\n    type = _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_1__.InteractorType.particles;\n    container;\n    constructor(container){\n        this.container = container;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/BaseClasses/ParticlesInteractorBase.js?\n}");
 
 /***/ },
 
@@ -123,7 +123,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 */   clickEvent: () => (/* binding */ clickEvent),\n/* harmony export */   mouseDownEvent: () => (/* binding */ mouseDownEvent),\n/* harmony export */   mouseLeaveEvent: () => (/* binding */ mouseLeaveEvent),\n/* harmony export */   mouseMoveEvent: () => (/* binding */ mouseMoveEvent),\n/* harmony export */   mouseOutEvent: () => (/* binding */ mouseOutEvent),\n/* harmony export */   mouseUpEvent: () => (/* binding */ mouseUpEvent),\n/* harmony export */   touchCancelEvent: () => (/* binding */ touchCancelEvent),\n/* harmony export */   touchEndEvent: () => (/* binding */ touchEndEvent),\n/* harmony export */   touchMoveEvent: () => (/* binding */ touchMoveEvent),\n/* harmony export */   touchStartEvent: () => (/* binding */ touchStartEvent)\n/* harmony export */ });\nconst clickEvent = \"click\", mouseDownEvent = \"pointerdown\", mouseUpEvent = \"pointerup\", mouseLeaveEvent = \"pointerleave\", mouseOutEvent = \"pointerout\", mouseMoveEvent = \"pointermove\", touchStartEvent = \"touchstart\", touchEndEvent = \"touchend\", touchMoveEvent = \"touchmove\", touchCancelEvent = \"touchcancel\";\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/InteractivityConstants.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   clickEvent: () => (/* binding */ clickEvent),\n/* harmony export */   mouseDownEvent: () => (/* binding */ mouseDownEvent),\n/* harmony export */   mouseLeaveEvent: () => (/* binding */ mouseLeaveEvent),\n/* harmony export */   mouseMoveEvent: () => (/* binding */ mouseMoveEvent),\n/* harmony export */   mouseUpEvent: () => (/* binding */ mouseUpEvent),\n/* harmony export */   touchCancelEvent: () => (/* binding */ touchCancelEvent),\n/* harmony export */   touchEndEvent: () => (/* binding */ touchEndEvent),\n/* harmony export */   touchMoveEvent: () => (/* binding */ touchMoveEvent),\n/* harmony export */   touchStartEvent: () => (/* binding */ touchStartEvent)\n/* harmony export */ });\nconst clickEvent = \"click\", mouseDownEvent = \"pointerdown\", mouseUpEvent = \"pointerup\", mouseLeaveEvent = \"pointerleave\", mouseMoveEvent = \"pointermove\", touchStartEvent = \"touchstart\", touchEndEvent = \"touchend\", touchMoveEvent = \"touchmove\", touchCancelEvent = \"touchcancel\";\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/InteractivityConstants.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/interactivity/dist/browser/Interfaces/IInteractor.js"
+/*!**************************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/Interfaces/IInteractor.js ***!
+  \**************************************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/Interfaces/IInteractor.js?\n}");
 
 /***/ },
 
@@ -143,7 +153,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 */   Modes: () => (/* binding */ Modes)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass Modes {\n    _container;\n    _engine;\n    constructor(engine, container){\n        this._engine = engine;\n        this._container = container;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (!this._container) {\n            return;\n        }\n        const interactors = this._engine.interactors?.get(this._container);\n        if (!interactors) {\n            return;\n        }\n        for (const interactor of interactors){\n            if (!interactor.loadModeOptions) {\n                continue;\n            }\n            interactor.loadModeOptions(this, data);\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/Options/Classes/Modes/Modes.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Modes: () => (/* binding */ Modes)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass Modes {\n    _container;\n    _pluginManager;\n    constructor(pluginManager, container){\n        this._pluginManager = pluginManager;\n        this._container = container;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (!this._container) {\n            return;\n        }\n        const interactors = this._pluginManager.interactors?.get(this._container);\n        if (!interactors) {\n            return;\n        }\n        for (const interactor of interactors){\n            if (!interactor.loadModeOptions) {\n                continue;\n            }\n            interactor.loadModeOptions(this, data);\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/Options/Classes/Modes/Modes.js?\n}");
 
 /***/ },
 
@@ -153,7 +163,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 */   DivEvent: () => (/* reexport safe */ _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__.DivEvent),\n/* harmony export */   DivType: () => (/* reexport safe */ _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__.DivType),\n/* harmony export */   ExternalInteractorBase: () => (/* reexport safe */ _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__.ExternalInteractorBase),\n/* harmony export */   InteractivityDetect: () => (/* reexport safe */ _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__.InteractivityDetect),\n/* harmony export */   InteractorType: () => (/* reexport safe */ _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__.InteractorType),\n/* harmony export */   Modes: () => (/* reexport safe */ _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__.Modes),\n/* harmony export */   ParticlesInteractorBase: () => (/* reexport safe */ _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__.ParticlesInteractorBase),\n/* harmony export */   clickEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.clickEvent),\n/* harmony export */   divMode: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divMode),\n/* harmony export */   divModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divModeExecute),\n/* harmony export */   ensureInteractivityPluginLoaded: () => (/* binding */ ensureInteractivityPluginLoaded),\n/* harmony export */   isDivModeEnabled: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.isDivModeEnabled),\n/* harmony export */   loadInteractivityPlugin: () => (/* binding */ loadInteractivityPlugin),\n/* harmony export */   mouseDownEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseDownEvent),\n/* harmony export */   mouseLeaveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseLeaveEvent),\n/* harmony export */   mouseMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseMoveEvent),\n/* harmony export */   mouseOutEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseOutEvent),\n/* harmony export */   mouseUpEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseUpEvent),\n/* harmony export */   singleDivModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.singleDivModeExecute),\n/* harmony export */   touchCancelEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchCancelEvent),\n/* harmony export */   touchEndEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchEndEvent),\n/* harmony export */   touchMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchMoveEvent),\n/* harmony export */   touchStartEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchStartEvent)\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 _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BaseClasses/ExternalInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ExternalInteractorBase.js\");\n/* harmony import */ var _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BaseClasses/ParticlesInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ParticlesInteractorBase.js\");\n/* harmony import */ var _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../plugins/interactivity/dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Enums/DivType.js */ \"../../plugins/interactivity/dist/browser/Enums/DivType.js\");\n/* harmony import */ var _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Enums/InteractivityDetect.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractivityDetect.js\");\n/* harmony import */ var _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Enums/InteractorType.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractorType.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/interactivity/dist/browser/utils.js\");\n/* harmony import */ var _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Options/Classes/Events/DivEvent.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/DivEvent.js\");\n/* harmony import */ var _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Options/Classes/Modes/Modes.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Modes/Modes.js\");\n\nasync function loadInteractivityPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const interactivityEngine = e, { InteractivityPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_InteractivityPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InteractivityPlugin.js */ \"../../plugins/interactivity/dist/browser/InteractivityPlugin.js\"));\n        interactivityEngine.addPlugin(new InteractivityPlugin(interactivityEngine));\n        interactivityEngine.initializers.interactors ??= new Map();\n        interactivityEngine.interactors ??= new Map();\n        interactivityEngine.addInteractor = (name, interactorInitializer)=>{\n            interactivityEngine.initializers.interactors ??= new Map();\n            interactivityEngine.initializers.interactors.set(name, interactorInitializer);\n        };\n        interactivityEngine.getInteractors = async (container, force = false)=>{\n            interactivityEngine.interactors ??= new Map();\n            interactivityEngine.initializers.interactors ??= new Map();\n            return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getItemsFromInitializer)(container, interactivityEngine.interactors, interactivityEngine.initializers.interactors, force);\n        };\n        interactivityEngine.setOnClickHandler = (callback)=>{\n            const { items } = interactivityEngine;\n            if (!items.length) {\n                throw new Error(\"Click handlers can only be set after calling tsParticles.load()\");\n            }\n            items.forEach((item)=>{\n                const interactivityContainer = item;\n                interactivityContainer.addClickHandler?.(callback);\n            });\n        };\n    });\n}\nfunction ensureInteractivityPluginLoaded(e) {\n    if (!e.addInteractor) {\n        throw new Error(\"tsParticles Interactivity Plugin is not loaded\");\n    }\n}\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DivEvent: () => (/* reexport safe */ _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_10__.DivEvent),\n/* harmony export */   DivType: () => (/* reexport safe */ _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_6__.DivType),\n/* harmony export */   ExternalInteractorBase: () => (/* reexport safe */ _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_3__.ExternalInteractorBase),\n/* harmony export */   InteractivityDetect: () => (/* reexport safe */ _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_7__.InteractivityDetect),\n/* harmony export */   InteractorType: () => (/* reexport safe */ _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_8__.InteractorType),\n/* harmony export */   Modes: () => (/* reexport safe */ _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_11__.Modes),\n/* harmony export */   ParticlesInteractorBase: () => (/* reexport safe */ _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_4__.ParticlesInteractorBase),\n/* harmony export */   clickEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_5__.clickEvent),\n/* harmony export */   divMode: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_9__.divMode),\n/* harmony export */   divModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_9__.divModeExecute),\n/* harmony export */   ensureInteractivityPluginLoaded: () => (/* binding */ ensureInteractivityPluginLoaded),\n/* harmony export */   isDivModeEnabled: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_9__.isDivModeEnabled),\n/* harmony export */   loadInteractivityPlugin: () => (/* binding */ loadInteractivityPlugin),\n/* harmony export */   mouseDownEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_5__.mouseDownEvent),\n/* harmony export */   mouseLeaveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_5__.mouseLeaveEvent),\n/* harmony export */   mouseMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_5__.mouseMoveEvent),\n/* harmony export */   mouseUpEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_5__.mouseUpEvent),\n/* harmony export */   singleDivModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_9__.singleDivModeExecute),\n/* harmony export */   touchCancelEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_5__.touchCancelEvent),\n/* harmony export */   touchEndEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_5__.touchEndEvent),\n/* harmony export */   touchMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_5__.touchMoveEvent),\n/* harmony export */   touchStartEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_5__.touchStartEvent)\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 _types_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types.js */ \"../../plugins/interactivity/dist/browser/types.js\");\n/* harmony import */ var _Interfaces_IInteractor_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Interfaces/IInteractor.js */ \"../../plugins/interactivity/dist/browser/Interfaces/IInteractor.js\");\n/* harmony import */ var _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./BaseClasses/ExternalInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ExternalInteractorBase.js\");\n/* harmony import */ var _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./BaseClasses/ParticlesInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ParticlesInteractorBase.js\");\n/* harmony import */ var _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../plugins/interactivity/dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Enums/DivType.js */ \"../../plugins/interactivity/dist/browser/Enums/DivType.js\");\n/* harmony import */ var _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Enums/InteractivityDetect.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractivityDetect.js\");\n/* harmony import */ var _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Enums/InteractorType.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractorType.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/interactivity/dist/browser/utils.js\");\n/* harmony import */ var _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Options/Classes/Events/DivEvent.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/DivEvent.js\");\n/* harmony import */ var _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Options/Classes/Modes/Modes.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Modes/Modes.js\");\n\n\n\nasync function loadInteractivityPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.register(async (e)=>{\n        const interactivityEngine = e, interactivityPluginManager = interactivityEngine.pluginManager, { InteractivityPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_InteractivityPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InteractivityPlugin.js */ \"../../plugins/interactivity/dist/browser/InteractivityPlugin.js\"));\n        interactivityPluginManager.addPlugin(new InteractivityPlugin(interactivityPluginManager));\n        interactivityPluginManager.initializers.interactors ??= new Map();\n        interactivityPluginManager.interactors ??= new Map();\n        interactivityPluginManager.addInteractor = (name, interactorInitializer)=>{\n            interactivityPluginManager.initializers.interactors ??= new Map();\n            interactivityPluginManager.initializers.interactors.set(name, interactorInitializer);\n        };\n        interactivityPluginManager.getInteractors = async (container, force = false)=>{\n            interactivityPluginManager.interactors ??= new Map();\n            interactivityPluginManager.initializers.interactors ??= new Map();\n            return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getItemsFromInitializer)(container, interactivityPluginManager.interactors, interactivityPluginManager.initializers.interactors, force);\n        };\n        interactivityPluginManager.setOnClickHandler = (callback)=>{\n            const { items } = interactivityEngine;\n            if (!items.length) {\n                throw new Error(\"Click handlers can only be set after calling tsParticles.load()\");\n            }\n            items.forEach((item)=>{\n                const interactivityContainer = item;\n                interactivityContainer.addClickHandler?.(callback);\n            });\n        };\n    });\n}\nfunction ensureInteractivityPluginLoaded(e) {\n    if (!e.pluginManager.addInteractor) {\n        throw new Error(\"tsParticles Interactivity Plugin is not loaded\");\n    }\n}\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/index.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/interactivity/dist/browser/types.js"
+/*!*********************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/types.js ***!
+  \*********************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/types.js?\n}");
 
 /***/ },
 

package/plugins_absorbers_dist_browser_AbsorbersPluginInstance_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.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*

package/plugins_absorbers_dist_browser_AbsorbersPlugin_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.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*

package/plugins_absorbers_dist_browser_getAbsorbersInstancesManager_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.2
+ */
+"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([["plugins_absorbers_dist_browser_getAbsorbersInstancesManager_js"],{
+
+/***/ "../../plugins/absorbers/dist/browser/getAbsorbersInstancesManager.js"
+/*!****************************************************************************!*\
+  !*** ../../plugins/absorbers/dist/browser/getAbsorbersInstancesManager.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 */   getAbsorbersInstancesManager: () => (/* binding */ getAbsorbersInstancesManager)\n/* harmony export */ });\nconst instancesManagers = new WeakMap();\nasync function getAbsorbersInstancesManager(e) {\n    const pluginManager = e.pluginManager;\n    let manager = instancesManagers.get(pluginManager);\n    if (!manager) {\n        const { AbsorbersInstancesManager } = await __webpack_require__.e(/*! import() */ \"plugins_absorbers_dist_browser_AbsorbersInstancesManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./AbsorbersInstancesManager.js */ \"../../plugins/absorbers/dist/browser/AbsorbersInstancesManager.js\"));\n        manager = new AbsorbersInstancesManager(pluginManager);\n        instancesManagers.set(pluginManager, manager);\n    }\n    return manager;\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/absorbers/dist/browser/getAbsorbersInstancesManager.js?\n}");
+
+/***/ }
+
+}]);

package/plugins_absorbers_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.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,27 @@
   \*****************************************************/
 (__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 */   loadAbsorbersPlugin: () => (/* binding */ loadAbsorbersPlugin)\n/* harmony export */ });\nasync function loadAbsorbersPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const [{ ensureInteractivityPluginLoaded }, { AbsorbersInstancesManager }, { AbsorbersPlugin }] = 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_absorbers_dist_browser_AbsorbersInstancesManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./AbsorbersInstancesManager.js */ \"../../plugins/absorbers/dist/browser/AbsorbersInstancesManager.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_absorbers_dist_browser_AbsorbersPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./AbsorbersPlugin.js */ \"../../plugins/absorbers/dist/browser/AbsorbersPlugin.js\"))\n        ]), instancesManager = new AbsorbersInstancesManager(e);\n        ensureInteractivityPluginLoaded(e);\n        e.addPlugin(new AbsorbersPlugin(instancesManager));\n        e.addInteractor?.(\"externalAbsorbers\", async (container)=>{\n            const { AbsorbersInteractor } = await __webpack_require__.e(/*! import() */ \"plugins_absorbers_dist_browser_AbsorbersInteractor_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./AbsorbersInteractor.js */ \"../../plugins/absorbers/dist/browser/AbsorbersInteractor.js\"));\n            return new AbsorbersInteractor(container, instancesManager);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/absorbers/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadAbsorbersPlugin: () => (/* binding */ loadAbsorbersPlugin)\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 _interaction_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./interaction.js */ \"../../plugins/absorbers/dist/browser/interaction.js\");\n/* harmony import */ var _plugin_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./plugin.js */ \"../../plugins/absorbers/dist/browser/plugin.js\");\n\n\n\nasync function loadAbsorbersPlugin(engine) {\n    await (0,_plugin_js__WEBPACK_IMPORTED_MODULE_2__.loadAbsorbersPluginSimple)(engine);\n    await (0,_interaction_js__WEBPACK_IMPORTED_MODULE_1__.loadAbsorbersInteraction)(engine);\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/absorbers/dist/browser/index.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/absorbers/dist/browser/interaction.js"
+/*!***********************************************************!*\
+  !*** ../../plugins/absorbers/dist/browser/interaction.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 */   loadAbsorbersInteraction: () => (/* binding */ loadAbsorbersInteraction)\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 loadAbsorbersInteraction(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ ensureInteractivityPluginLoaded }, { getAbsorbersInstancesManager }] = 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_absorbers_dist_browser_getAbsorbersInstancesManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./getAbsorbersInstancesManager.js */ \"../../plugins/absorbers/dist/browser/getAbsorbersInstancesManager.js\"))\n        ]), pluginManager = e.pluginManager, instancesManager = await getAbsorbersInstancesManager(e);\n        ensureInteractivityPluginLoaded(e);\n        pluginManager.addInteractor?.(\"externalAbsorbers\", async (container)=>{\n            const { AbsorbersInteractor } = await __webpack_require__.e(/*! import() */ \"plugins_absorbers_dist_browser_AbsorbersInteractor_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./AbsorbersInteractor.js */ \"../../plugins/absorbers/dist/browser/AbsorbersInteractor.js\"));\n            return new AbsorbersInteractor(container, instancesManager);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/absorbers/dist/browser/interaction.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/absorbers/dist/browser/plugin.js"
+/*!******************************************************!*\
+  !*** ../../plugins/absorbers/dist/browser/plugin.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 */   loadAbsorbersPluginSimple: () => (/* binding */ loadAbsorbersPluginSimple)\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 loadAbsorbersPluginSimple(engine) {\n    engine.checkVersion(\"4.0.0-beta.2\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ getAbsorbersInstancesManager }, { AbsorbersPlugin }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"plugins_absorbers_dist_browser_getAbsorbersInstancesManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./getAbsorbersInstancesManager.js */ \"../../plugins/absorbers/dist/browser/getAbsorbersInstancesManager.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_absorbers_dist_browser_AbsorbersPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./AbsorbersPlugin.js */ \"../../plugins/absorbers/dist/browser/AbsorbersPlugin.js\"))\n        ]), pluginManager = e.pluginManager, instancesManager = await getAbsorbersInstancesManager(e);\n        pluginManager.addPlugin(new AbsorbersPlugin(instancesManager));\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/absorbers/dist/browser/plugin.js?\n}");
 
 /***/ }
 

package/plugins_backgroundMask_dist_browser_BackgroundMaskPluginInstance_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.0
+ * v4.0.0-beta.2
  */
 "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 */   BackgroundMaskPluginInstance: () => (/* binding */ BackgroundMaskPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass BackgroundMaskPluginInstance {\n    _container;\n    _coverColorStyle;\n    _coverImage;\n    _defaultCompositeValue;\n    _engine;\n    constructor(container, engine){\n        this._container = container;\n        this._engine = engine;\n    }\n    canvasClear() {\n        const backgroundMask = this._container.actualOptions.backgroundMask;\n        if (!backgroundMask?.enable) {\n            return false;\n        }\n        return this.canvasPaint();\n    }\n    canvasPaint() {\n        if (!this._container.actualOptions.backgroundMask?.enable) {\n            return false;\n        }\n        const canvas = this._container.canvas;\n        canvas.canvasClear();\n        if (this._coverImage) {\n            canvas.paintImage(this._coverImage.image, this._coverImage.opacity);\n        } else {\n            canvas.paintBase(this._coverColorStyle);\n        }\n        return true;\n    }\n    drawSettingsCleanup(context) {\n        if (!this._defaultCompositeValue) {\n            return;\n        }\n        context.globalCompositeOperation = this._defaultCompositeValue;\n    }\n    drawSettingsSetup(context) {\n        const previousComposite = context.globalCompositeOperation, backgroundMask = this._container.actualOptions.backgroundMask;\n        this._defaultCompositeValue = previousComposite;\n        context.globalCompositeOperation = backgroundMask?.enable ? backgroundMask.composite : previousComposite;\n    }\n    async init() {\n        await this._initCover();\n    }\n    _initCover = async ()=>{\n        const options = this._container.actualOptions, cover = options.backgroundMask?.cover, color = cover?.color;\n        if (color) {\n            const coverRgb = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._engine, color);\n            if (coverRgb) {\n                const coverColor = {\n                    ...coverRgb,\n                    a: cover.opacity\n                };\n                this._coverColorStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(coverColor, this._container.hdr, coverColor.a);\n            }\n        } else {\n            await new Promise((resolve, reject)=>{\n                if (!cover?.image) {\n                    return;\n                }\n                const img = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"img\");\n                img.addEventListener(\"load\", ()=>{\n                    this._coverImage = {\n                        image: img,\n                        opacity: cover.opacity\n                    };\n                    resolve();\n                });\n                img.addEventListener(\"error\", ()=>{\n                    reject(new Error(\"Error loading image\"));\n                });\n                img.src = cover.image;\n            });\n        }\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/backgroundMask/dist/browser/BackgroundMaskPluginInstance.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   BackgroundMaskPluginInstance: () => (/* binding */ BackgroundMaskPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass BackgroundMaskPluginInstance {\n    _container;\n    _coverColorStyle;\n    _coverImage;\n    _defaultCompositeValue;\n    _pluginManager;\n    constructor(pluginManager, container){\n        this._pluginManager = pluginManager;\n        this._container = container;\n    }\n    canvasClear() {\n        const backgroundMask = this._container.actualOptions.backgroundMask;\n        if (!backgroundMask?.enable) {\n            return false;\n        }\n        return this.canvasPaint();\n    }\n    canvasPaint() {\n        if (!this._container.actualOptions.backgroundMask?.enable) {\n            return false;\n        }\n        const canvas = this._container.canvas;\n        canvas.render.canvasClear();\n        if (this._coverImage) {\n            canvas.render.paintImage(this._coverImage.image, this._coverImage.opacity);\n        } else {\n            canvas.render.paintBase(this._coverColorStyle);\n        }\n        return true;\n    }\n    drawSettingsCleanup(context) {\n        if (!this._defaultCompositeValue) {\n            return;\n        }\n        context.globalCompositeOperation = this._defaultCompositeValue;\n    }\n    drawSettingsSetup(context) {\n        const previousComposite = context.globalCompositeOperation, backgroundMask = this._container.actualOptions.backgroundMask;\n        this._defaultCompositeValue = previousComposite;\n        context.globalCompositeOperation = backgroundMask?.enable ? backgroundMask.composite : previousComposite;\n    }\n    async init() {\n        await this._initCover();\n    }\n    _initCover = async ()=>{\n        const options = this._container.actualOptions, cover = options.backgroundMask?.cover, color = cover?.color;\n        if (color) {\n            const coverRgb = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._pluginManager, color);\n            if (coverRgb) {\n                const coverColor = {\n                    ...coverRgb,\n                    a: cover.opacity\n                };\n                this._coverColorStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(coverColor, this._container.hdr, coverColor.a);\n            }\n        } else {\n            await new Promise((resolve, reject)=>{\n                if (!cover?.image) {\n                    return;\n                }\n                const img = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().createElement(\"img\");\n                img.addEventListener(\"load\", ()=>{\n                    this._coverImage = {\n                        image: img,\n                        opacity: cover.opacity\n                    };\n                    resolve();\n                });\n                img.addEventListener(\"error\", ()=>{\n                    reject(new Error(\"Error loading image\"));\n                });\n                img.src = cover.image;\n            });\n        }\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/backgroundMask/dist/browser/BackgroundMaskPluginInstance.js?\n}");
 
 /***/ }
 

package/plugins_backgroundMask_dist_browser_BackgroundMaskPlugin_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.0
+ * v4.0.0-beta.2
  */
 "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 */   BackgroundMaskPlugin: () => (/* binding */ BackgroundMaskPlugin)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_BackgroundMask_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/BackgroundMask.js */ \"../../plugins/backgroundMask/dist/browser/Options/Classes/BackgroundMask.js\");\n\nclass BackgroundMaskPlugin {\n    id = \"background-mask\";\n    _engine;\n    constructor(engine){\n        this._engine = engine;\n    }\n    async getPlugin(container) {\n        const { BackgroundMaskPluginInstance } = await __webpack_require__.e(/*! import() */ \"plugins_backgroundMask_dist_browser_BackgroundMaskPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./BackgroundMaskPluginInstance.js */ \"../../plugins/backgroundMask/dist/browser/BackgroundMaskPluginInstance.js\"));\n        return new BackgroundMaskPluginInstance(container, this._engine);\n    }\n    loadOptions(_container, options, source) {\n        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {\n            return;\n        }\n        let backgroundMaskOptions = options.backgroundMask;\n        if (!backgroundMaskOptions?.load) {\n            options.backgroundMask = backgroundMaskOptions = new _Options_Classes_BackgroundMask_js__WEBPACK_IMPORTED_MODULE_0__.BackgroundMask();\n        }\n        backgroundMaskOptions.load(source?.backgroundMask);\n    }\n    needsPlugin(options) {\n        return !!options?.backgroundMask?.enable;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/backgroundMask/dist/browser/BackgroundMaskPlugin.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   BackgroundMaskPlugin: () => (/* binding */ BackgroundMaskPlugin)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_BackgroundMask_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/BackgroundMask.js */ \"../../plugins/backgroundMask/dist/browser/Options/Classes/BackgroundMask.js\");\n\nclass BackgroundMaskPlugin {\n    id = \"background-mask\";\n    _pluginManager;\n    constructor(pluginManager){\n        this._pluginManager = pluginManager;\n    }\n    async getPlugin(container) {\n        const { BackgroundMaskPluginInstance } = await __webpack_require__.e(/*! import() */ \"plugins_backgroundMask_dist_browser_BackgroundMaskPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./BackgroundMaskPluginInstance.js */ \"../../plugins/backgroundMask/dist/browser/BackgroundMaskPluginInstance.js\"));\n        return new BackgroundMaskPluginInstance(this._pluginManager, container);\n    }\n    loadOptions(_container, options, source) {\n        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {\n            return;\n        }\n        let backgroundMaskOptions = options.backgroundMask;\n        if (!backgroundMaskOptions?.load) {\n            options.backgroundMask = backgroundMaskOptions = new _Options_Classes_BackgroundMask_js__WEBPACK_IMPORTED_MODULE_0__.BackgroundMask();\n        }\n        backgroundMaskOptions.load(source?.backgroundMask);\n    }\n    needsPlugin(options) {\n        return !!options?.backgroundMask?.enable;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/backgroundMask/dist/browser/BackgroundMaskPlugin.js?\n}");
 
 /***/ },
 

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

package/plugins_blend_dist_browser_BlendPluginInstance_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.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*

package/plugins_blend_dist_browser_BlendPlugin_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.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*

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