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

package/plugins_infection_dist_browser_ParticlesInfecter_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.1
  */
 "use strict";
 /*
@@ -23,57 +23,67 @@
   \*****************************************************************/
 (__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 */   ParticlesInfecter: () => (/* binding */ ParticlesInfecter)\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_interactivity__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/plugin-interactivity */ \"../../plugins/interactivity/dist/browser/index.js\");\n\n\nconst minStagesCount = 1;\nclass ParticlesInfecter extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_1__.ParticlesInteractorBase {\n  constructor(container) {\n    super(container);\n  }\n  clear() {}\n  init() {}\n  interact(p1, _interactivityData, delta) {\n    const infecter = this.container.infecter;\n    if (!infecter) {\n      return;\n    }\n    infecter.updateInfection(p1, delta.value);\n    if (p1.infection?.stage === undefined) {\n      return;\n    }\n    const container = this.container,\n      options = container.actualOptions,\n      infectionOptions = options.infection;\n    if (!infectionOptions?.enable || infectionOptions.stages.length < minStagesCount) {\n      return;\n    }\n    const infectionStage1 = infectionOptions.stages[p1.infection.stage];\n    if (!infectionStage1) {\n      return;\n    }\n    const pxRatio = container.retina.pixelRatio,\n      radius = p1.getRadius() * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double + infectionStage1.radius * pxRatio,\n      pos = p1.getPosition(),\n      infectedStage1 = infectionStage1.infectedStage ?? p1.infection.stage,\n      query = container.particles.quadTree.queryCircle(pos, radius),\n      infections = infectionStage1.rate,\n      neighbors = query.length;\n    for (const p2 of query) {\n      const infP2 = p2;\n      if (infP2 === p1 || infP2.destroyed || infP2.spawning || !(infP2.infection?.stage === undefined || infP2.infection.stage !== p1.infection.stage) || (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() >= infections / neighbors) {\n        continue;\n      }\n      if (infP2.infection?.stage === undefined) {\n        infecter.startInfection(infP2, infectedStage1);\n      } else if (infP2.infection.stage < p1.infection.stage) {\n        infecter.updateInfectionStage(infP2, infectedStage1);\n      } else if (infP2.infection.stage > p1.infection.stage) {\n        const infectionStage2 = infectionOptions.stages[infP2.infection.stage];\n        if (!infectionStage2) {\n          continue;\n        }\n        const infectedStage2 = infectionStage2.infectedStage ?? infP2.infection.stage;\n        infecter.updateInfectionStage(p1, infectedStage2);\n      }\n    }\n  }\n  isEnabled() {\n    return this.container.actualOptions.infection?.enable ?? false;\n  }\n  reset() {}\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/infection/dist/browser/ParticlesInfecter.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ParticlesInfecter: () => (/* binding */ ParticlesInfecter)\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_interactivity__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/plugin-interactivity */ \"../../plugins/interactivity/dist/browser/index.js\");\n\n\nconst minStagesCount = 1;\nclass ParticlesInfecter extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_1__.ParticlesInteractorBase {\n    _maxDistance;\n    constructor(container){\n        super(container);\n        this._maxDistance = 0;\n    }\n    get maxDistance() {\n        return this._maxDistance;\n    }\n    clear() {}\n    init() {}\n    interact(p1, _interactivityData, delta) {\n        const infecter = this.container.infecter;\n        if (!infecter) {\n            return;\n        }\n        infecter.updateInfection(p1, delta.value);\n        if (p1.infection?.stage === undefined) {\n            return;\n        }\n        const container = this.container, options = container.actualOptions, infectionOptions = options.infection;\n        if (!infectionOptions?.enable || infectionOptions.stages.length < minStagesCount) {\n            return;\n        }\n        const infectionStage1 = infectionOptions.stages[p1.infection.stage];\n        if (!infectionStage1) {\n            return;\n        }\n        this._maxDistance = Math.max(this._maxDistance, infectionStage1.radius);\n        const pxRatio = container.retina.pixelRatio, radius = p1.getRadius() * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double + infectionStage1.radius * pxRatio, pos = p1.getPosition(), infectedStage1 = infectionStage1.infectedStage ?? p1.infection.stage, query = container.particles.grid.queryCircle(pos, radius), infections = infectionStage1.rate, neighbors = query.length;\n        for (const p2 of query){\n            const infP2 = p2;\n            if (infP2 === p1 || infP2.destroyed || infP2.spawning || !(infP2.infection?.stage === undefined || infP2.infection.stage !== p1.infection.stage) || (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() >= infections / neighbors) {\n                continue;\n            }\n            if (infP2.infection?.stage === undefined) {\n                infecter.startInfection(infP2, infectedStage1);\n            } else if (infP2.infection.stage < p1.infection.stage) {\n                infecter.updateInfectionStage(infP2, infectedStage1);\n            } else if (infP2.infection.stage > p1.infection.stage) {\n                const infectionStage2 = infectionOptions.stages[infP2.infection.stage];\n                if (!infectionStage2) {\n                    continue;\n                }\n                const infectedStage2 = infectionStage2.infectedStage ?? infP2.infection.stage;\n                infecter.updateInfectionStage(p1, infectedStage2);\n            }\n        }\n    }\n    isEnabled() {\n        return this.container.actualOptions.infection?.enable ?? false;\n    }\n    reset() {}\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/infection/dist/browser/ParticlesInfecter.js?\n}");
 
 /***/ },
 
-/***/ "../../plugins/interactivity/dist/browser/DivType.js"
-/*!***********************************************************!*\
-  !*** ../../plugins/interactivity/dist/browser/DivType.js ***!
-  \***********************************************************/
+/***/ "../../plugins/interactivity/dist/browser/BaseClasses/ExternalInteractorBase.js"
+/*!**************************************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/BaseClasses/ExternalInteractorBase.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 */   DivType: () => (/* binding */ DivType)\n/* harmony export */ });\nvar DivType;\n(function (DivType) {\n  DivType[\"circle\"] = \"circle\";\n  DivType[\"rectangle\"] = \"rectangle\";\n})(DivType || (DivType = {}));\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/DivType.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 _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}");
 
 /***/ },
 
-/***/ "../../plugins/interactivity/dist/browser/ExternalInteractorBase.js"
-/*!**************************************************************************!*\
-  !*** ../../plugins/interactivity/dist/browser/ExternalInteractorBase.js ***!
-  \**************************************************************************/
+/***/ "../../plugins/interactivity/dist/browser/BaseClasses/ParticlesInteractorBase.js"
+/*!***************************************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/BaseClasses/ParticlesInteractorBase.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 */   ExternalInteractorBase: () => (/* binding */ ExternalInteractorBase)\n/* harmony export */ });\n/* harmony import */ var _InteractorType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./InteractorType.js */ \"../../plugins/interactivity/dist/browser/InteractorType.js\");\n\nclass ExternalInteractorBase {\n  constructor(container) {\n    this.type = _InteractorType_js__WEBPACK_IMPORTED_MODULE_0__.InteractorType.external;\n    this.container = container;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/ExternalInteractorBase.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 _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}");
 
 /***/ },
 
-/***/ "../../plugins/interactivity/dist/browser/InteractivityConstants.js"
-/*!**************************************************************************!*\
-  !*** ../../plugins/interactivity/dist/browser/InteractivityConstants.js ***!
-  \**************************************************************************/
+/***/ "../../plugins/interactivity/dist/browser/Enums/DivType.js"
+/*!*****************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/Enums/DivType.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 */   DivType: () => (/* binding */ DivType)\n/* harmony export */ });\nvar DivType;\n(function(DivType) {\n    DivType[\"circle\"] = \"circle\";\n    DivType[\"rectangle\"] = \"rectangle\";\n})(DivType || (DivType = {}));\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/Enums/DivType.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/interactivity/dist/browser/Enums/InteractivityDetect.js"
+/*!*****************************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/Enums/InteractivityDetect.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 */   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\",\n  mouseDownEvent = \"pointerdown\",\n  mouseUpEvent = \"pointerup\",\n  mouseLeaveEvent = \"pointerleave\",\n  mouseOutEvent = \"pointerout\",\n  mouseMoveEvent = \"pointermove\",\n  touchStartEvent = \"touchstart\",\n  touchEndEvent = \"touchend\",\n  touchMoveEvent = \"touchmove\",\n  touchCancelEvent = \"touchcancel\";\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 */   InteractivityDetect: () => (/* binding */ InteractivityDetect)\n/* harmony export */ });\nvar InteractivityDetect;\n(function(InteractivityDetect) {\n    InteractivityDetect[\"canvas\"] = \"canvas\";\n    InteractivityDetect[\"parent\"] = \"parent\";\n    InteractivityDetect[\"window\"] = \"window\";\n})(InteractivityDetect || (InteractivityDetect = {}));\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/Enums/InteractivityDetect.js?\n}");
 
 /***/ },
 
-/***/ "../../plugins/interactivity/dist/browser/InteractivityDetect.js"
-/*!***********************************************************************!*\
-  !*** ../../plugins/interactivity/dist/browser/InteractivityDetect.js ***!
-  \***********************************************************************/
+/***/ "../../plugins/interactivity/dist/browser/Enums/InteractorType.js"
+/*!************************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/Enums/InteractorType.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 */   InteractivityDetect: () => (/* binding */ InteractivityDetect)\n/* harmony export */ });\nvar InteractivityDetect;\n(function (InteractivityDetect) {\n  InteractivityDetect[\"canvas\"] = \"canvas\";\n  InteractivityDetect[\"parent\"] = \"parent\";\n  InteractivityDetect[\"window\"] = \"window\";\n})(InteractivityDetect || (InteractivityDetect = {}));\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/InteractivityDetect.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   InteractorType: () => (/* binding */ InteractorType)\n/* harmony export */ });\nvar InteractorType;\n(function(InteractorType) {\n    InteractorType[\"external\"] = \"external\";\n    InteractorType[\"particles\"] = \"particles\";\n})(InteractorType || (InteractorType = {}));\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/Enums/InteractorType.js?\n}");
 
 /***/ },
 
-/***/ "../../plugins/interactivity/dist/browser/InteractorType.js"
-/*!******************************************************************!*\
-  !*** ../../plugins/interactivity/dist/browser/InteractorType.js ***!
-  \******************************************************************/
+/***/ "../../plugins/interactivity/dist/browser/InteractivityConstants.js"
+/*!**************************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/InteractivityConstants.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 */   InteractorType: () => (/* binding */ InteractorType)\n/* harmony export */ });\nvar InteractorType;\n(function (InteractorType) {\n  InteractorType[\"external\"] = \"external\";\n  InteractorType[\"particles\"] = \"particles\";\n})(InteractorType || (InteractorType = {}));\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/InteractorType.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}");
 
 /***/ },
 
@@ -83,7 +93,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 */   DivEvent: () => (/* binding */ DivEvent)\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 _DivType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../DivType.js */ \"../../plugins/interactivity/dist/browser/DivType.js\");\n\n\nclass DivEvent {\n  constructor() {\n    this.selectors = [];\n    this.enable = false;\n    this.mode = [];\n    this.type = _DivType_js__WEBPACK_IMPORTED_MODULE_1__.DivType.circle;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.selectors !== undefined) {\n      this.selectors = data.selectors;\n    }\n    if (data.enable !== undefined) {\n      this.enable = data.enable;\n    }\n    if (data.mode !== undefined) {\n      this.mode = data.mode;\n    }\n    if (data.type !== undefined) {\n      this.type = data.type;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/Options/Classes/Events/DivEvent.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DivEvent: () => (/* binding */ DivEvent)\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_DivType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../Enums/DivType.js */ \"../../plugins/interactivity/dist/browser/Enums/DivType.js\");\n\n\nclass DivEvent {\n    enable;\n    mode;\n    selectors;\n    type;\n    constructor(){\n        this.selectors = [];\n        this.enable = false;\n        this.mode = [];\n        this.type = _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_1__.DivType.circle;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.selectors !== undefined) {\n            this.selectors = data.selectors;\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n        if (data.mode !== undefined) {\n            this.mode = data.mode;\n        }\n        if (data.type !== undefined) {\n            this.type = data.type;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/Options/Classes/Events/DivEvent.js?\n}");
 
 /***/ },
 
@@ -93,17 +103,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  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//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/Options/Classes/Modes/Modes.js?\n}");
-
-/***/ },
-
-/***/ "../../plugins/interactivity/dist/browser/ParticlesInteractorBase.js"
-/*!***************************************************************************!*\
-  !*** ../../plugins/interactivity/dist/browser/ParticlesInteractorBase.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 */   ParticlesInteractorBase: () => (/* binding */ ParticlesInteractorBase)\n/* harmony export */ });\n/* harmony import */ var _InteractorType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./InteractorType.js */ \"../../plugins/interactivity/dist/browser/InteractorType.js\");\n\nclass ParticlesInteractorBase {\n  constructor(container) {\n    this.type = _InteractorType_js__WEBPACK_IMPORTED_MODULE_0__.InteractorType.particles;\n    this.container = container;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/ParticlesInteractorBase.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}");
 
 /***/ },
 
@@ -113,7 +113,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 */   DivEvent: () => (/* reexport safe */ _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__.DivEvent),\n/* harmony export */   DivType: () => (/* reexport safe */ _DivType_js__WEBPACK_IMPORTED_MODULE_1__.DivType),\n/* harmony export */   ExternalInteractorBase: () => (/* reexport safe */ _ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__.ExternalInteractorBase),\n/* harmony export */   InteractivityDetect: () => (/* reexport safe */ _InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_4__.InteractivityDetect),\n/* harmony export */   InteractorType: () => (/* reexport safe */ _InteractorType_js__WEBPACK_IMPORTED_MODULE_5__.InteractorType),\n/* harmony export */   Modes: () => (/* reexport safe */ _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__.Modes),\n/* harmony export */   ParticlesInteractorBase: () => (/* reexport safe */ _ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_6__.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 */   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 _DivType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DivType.js */ \"../../plugins/interactivity/dist/browser/DivType.js\");\n/* harmony import */ var _ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ExternalInteractorBase.js */ \"../../plugins/interactivity/dist/browser/ExternalInteractorBase.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 _InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./InteractivityDetect.js */ \"../../plugins/interactivity/dist/browser/InteractivityDetect.js\");\n/* harmony import */ var _InteractorType_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./InteractorType.js */ \"../../plugins/interactivity/dist/browser/InteractorType.js\");\n/* harmony import */ var _ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ParticlesInteractorBase.js */ \"../../plugins/interactivity/dist/browser/ParticlesInteractorBase.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-alpha.8\");\n  await engine.register(async e => {\n    const interactivityEngine = e,\n      {\n        InteractivityPlugin\n      } = 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.interactorsInitializers ??= new Map();\n    interactivityEngine.interactors ??= new Map();\n    interactivityEngine.addInteractor = (name, interactorInitializer) => {\n      interactivityEngine.interactorsInitializers ??= new Map();\n      interactivityEngine.interactorsInitializers.set(name, interactorInitializer);\n    };\n    interactivityEngine.getInteractors = async (container, force = false) => {\n      interactivityEngine.interactors ??= new Map();\n      interactivityEngine.interactorsInitializers ??= new Map();\n      return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getItemsFromInitializer)(container, interactivityEngine.interactors, interactivityEngine.interactorsInitializers, force);\n    };\n    interactivityEngine.setOnClickHandler = callback => {\n      const {\n        items\n      } = 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}\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_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 */   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.1\");\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}");
 
 /***/ },
 
@@ -123,7 +123,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 */   divMode: () => (/* binding */ divMode),\n/* harmony export */   divModeExecute: () => (/* binding */ divModeExecute),\n/* harmony export */   isDivModeEnabled: () => (/* binding */ isDivModeEnabled),\n/* harmony export */   singleDivModeExecute: () => (/* binding */ singleDivModeExecute)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nfunction checkSelector(element, selectors) {\n  const res = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(selectors, selector => {\n    return element.matches(selector);\n  });\n  return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isArray)(res) ? res.some(t => t) : res;\n}\nfunction isDivModeEnabled(mode, divs) {\n  return !!(0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.findItemFromSingleOrMultiple)(divs, t => t.enable && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(mode, t.mode));\n}\nfunction divModeExecute(mode, divs, callback) {\n  (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(divs, div => {\n    const divMode = div.mode,\n      divEnabled = div.enable;\n    if (divEnabled && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(mode, divMode)) {\n      singleDivModeExecute(div, callback);\n    }\n  });\n}\nfunction singleDivModeExecute(div, callback) {\n  const selectors = div.selectors;\n  (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(selectors, selector => {\n    callback(selector, div);\n  });\n}\nfunction divMode(divs, element) {\n  if (!element || !divs) {\n    return;\n  }\n  return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.findItemFromSingleOrMultiple)(divs, div => {\n    return checkSelector(element, div.selectors);\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   divMode: () => (/* binding */ divMode),\n/* harmony export */   divModeExecute: () => (/* binding */ divModeExecute),\n/* harmony export */   isDivModeEnabled: () => (/* binding */ isDivModeEnabled),\n/* harmony export */   singleDivModeExecute: () => (/* binding */ singleDivModeExecute)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nfunction checkSelector(element, selectors) {\n    const res = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(selectors, (selector)=>{\n        return element.matches(selector);\n    });\n    return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isArray)(res) ? res.some((t)=>t) : res;\n}\nfunction isDivModeEnabled(mode, divs) {\n    return !!(0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.findItemFromSingleOrMultiple)(divs, (t)=>t.enable && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(mode, t.mode));\n}\nfunction divModeExecute(mode, divs, callback) {\n    (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(divs, (div)=>{\n        const divMode = div.mode, divEnabled = div.enable;\n        if (divEnabled && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(mode, divMode)) {\n            singleDivModeExecute(div, callback);\n        }\n    });\n}\nfunction singleDivModeExecute(div, callback) {\n    const selectors = div.selectors;\n    (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(selectors, (selector)=>{\n        callback(selector, div);\n    });\n}\nfunction divMode(divs, element) {\n    if (!element || !divs) {\n        return;\n    }\n    return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.findItemFromSingleOrMultiple)(divs, (div)=>{\n        return checkSelector(element, div.selectors);\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/utils.js?\n}");
 
 /***/ }
 

package/plugins_infection_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.1
  */
 "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 */   loadInfectionPlugin: () => (/* binding */ loadInfectionPlugin)\n/* harmony export */ });\nasync function loadInfectionPlugin(engine) {\n  engine.checkVersion(\"4.0.0-alpha.8\");\n  await engine.register(async e => {\n    const {\n        loadInteractivityPlugin\n      } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"../../plugins/interactivity/dist/browser/index.js\")),\n      {\n        InfectionPlugin\n      } = await __webpack_require__.e(/*! import() */ \"plugins_infection_dist_browser_InfectionPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InfectionPlugin.js */ \"../../plugins/infection/dist/browser/InfectionPlugin.js\"));\n    await loadInteractivityPlugin(e);\n    e.addPlugin(new InfectionPlugin());\n    e.addInteractor?.(\"particlesInfection\", async container => {\n      const {\n        ParticlesInfecter\n      } = await __webpack_require__.e(/*! import() */ \"plugins_infection_dist_browser_ParticlesInfecter_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ParticlesInfecter.js */ \"../../plugins/infection/dist/browser/ParticlesInfecter.js\"));\n      return new ParticlesInfecter(container);\n    });\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/infection/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadInfectionPlugin: () => (/* binding */ loadInfectionPlugin)\n/* harmony export */ });\nasync function loadInfectionPlugin(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ ensureInteractivityPluginLoaded }, { InfectionPlugin }] = 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_infection_dist_browser_InfectionPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InfectionPlugin.js */ \"../../plugins/infection/dist/browser/InfectionPlugin.js\"))\n        ]);\n        ensureInteractivityPluginLoaded(e);\n        e.pluginManager.addPlugin(new InfectionPlugin());\n        e.pluginManager.addInteractor?.(\"particlesInfection\", async (container)=>{\n            const { ParticlesInfecter } = await __webpack_require__.e(/*! import() */ \"plugins_infection_dist_browser_ParticlesInfecter_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ParticlesInfecter.js */ \"../../plugins/infection/dist/browser/ParticlesInfecter.js\"));\n            return new ParticlesInfecter(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/infection/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_interactivity_dist_browser_InteractivityPluginInstance_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.1
  */
 "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 */   InteractionManager: () => (/* binding */ InteractionManager)\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 _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../plugins/interactivity/dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _InteractivityEventListeners_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./InteractivityEventListeners.js */ \"../../plugins/interactivity/dist/browser/InteractivityEventListeners.js\");\n/* harmony import */ var _InteractorType_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InteractorType.js */ \"../../plugins/interactivity/dist/browser/InteractorType.js\");\n\n\n\n\nclass InteractionManager {\n  constructor(engine, container) {\n    this.container = container;\n    this._intersectionManager = entries => {\n      const {\n        container\n      } = this;\n      if (container.destroyed || !container.actualOptions.pauseOnOutsideViewport) {\n        return;\n      }\n      for (const entry of entries) {\n        if (entry.target !== this.interactivityData.element) {\n          continue;\n        }\n        if (entry.isIntersecting) {\n          container.play();\n        } else {\n          container.pause();\n        }\n      }\n    };\n    this._engine = engine;\n    this._interactors = [];\n    this._externalInteractors = [];\n    this._particleInteractors = [];\n    this._clickHandlers = new Map();\n    this._eventListeners = new _InteractivityEventListeners_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityEventListeners(container, this);\n    this.interactivityData = {\n      mouse: {\n        clicking: false,\n        inside: false\n      }\n    };\n    this._intersectionObserver = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeIntersectionObserver)(entries => {\n      this._intersectionManager(entries);\n    });\n  }\n  addClickHandler(callback) {\n    const {\n      container,\n      interactivityData\n    } = this;\n    if (container.destroyed) {\n      return;\n    }\n    const el = interactivityData.element;\n    if (!el) {\n      return;\n    }\n    const clickOrTouchHandler = (e, pos, radius) => {\n        if (container.destroyed) {\n          return;\n        }\n        const pxRatio = container.retina.pixelRatio,\n          posRetina = {\n            x: pos.x * pxRatio,\n            y: pos.y * pxRatio\n          },\n          particles = container.particles.quadTree.queryCircle(posRetina, radius * pxRatio);\n        callback(e, particles);\n      },\n      clickHandler = e => {\n        if (container.destroyed) {\n          return;\n        }\n        const mouseEvent = e,\n          pos = {\n            x: mouseEvent.offsetX,\n            y: mouseEvent.offsetY\n          };\n        clickOrTouchHandler(e, pos, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clickRadius);\n      },\n      touchStartHandler = () => {\n        if (container.destroyed) {\n          return;\n        }\n        touched = true;\n        touchMoved = false;\n      },\n      touchMoveHandler = () => {\n        if (container.destroyed) {\n          return;\n        }\n        touchMoved = true;\n      },\n      touchEndHandler = e => {\n        if (container.destroyed) {\n          return;\n        }\n        if (touched && !touchMoved) {\n          const touchEvent = e,\n            lastTouch = touchEvent.touches[touchEvent.touches.length - _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.touchEndLengthOffset];\n          if (!lastTouch) {\n            return;\n          }\n          const element = container.canvas.element,\n            canvasRect = element ? element.getBoundingClientRect() : undefined,\n            pos = {\n              x: lastTouch.clientX - (canvasRect ? canvasRect.left : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.minCoordinate),\n              y: lastTouch.clientY - (canvasRect ? canvasRect.top : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.minCoordinate)\n            };\n          clickOrTouchHandler(e, pos, Math.max(lastTouch.radiusX, lastTouch.radiusY));\n        }\n        touched = false;\n        touchMoved = false;\n      },\n      touchCancelHandler = () => {\n        if (container.destroyed) {\n          return;\n        }\n        touched = false;\n        touchMoved = false;\n      };\n    let touched = false,\n      touchMoved = false;\n    this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.clickEvent, clickHandler);\n    this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchStartEvent, touchStartHandler);\n    this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchMoveEvent, touchMoveHandler);\n    this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchEndEvent, touchEndHandler);\n    this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchCancelEvent, touchCancelHandler);\n    for (const [key, handler] of this._clickHandlers) {\n      el.addEventListener(key, handler);\n    }\n  }\n  addListeners() {\n    this._eventListeners.addListeners();\n  }\n  clearClickHandlers() {\n    const {\n      container,\n      interactivityData\n    } = this;\n    if (container.destroyed) {\n      return;\n    }\n    for (const [key, handler] of this._clickHandlers) {\n      interactivityData.element?.removeEventListener(key, handler);\n    }\n    this._clickHandlers.clear();\n  }\n  externalInteract(delta) {\n    for (const interactor of this._externalInteractors) {\n      const {\n        interactivityData\n      } = this;\n      if (interactor.isEnabled(interactivityData)) {\n        interactor.interact(interactivityData, delta);\n      }\n    }\n  }\n  handleClickMode(mode) {\n    if (this.container.destroyed) {\n      return;\n    }\n    const {\n      interactivityData\n    } = this;\n    for (const interactor of this._externalInteractors) {\n      interactor.handleClickMode?.(mode, interactivityData);\n    }\n  }\n  async init() {\n    const interactors = await this._engine.getInteractors?.(this.container, true);\n    if (!interactors) {\n      return;\n    }\n    this._interactors = interactors;\n    this._externalInteractors = [];\n    this._particleInteractors = [];\n    for (const interactor of this._interactors) {\n      switch (interactor.type) {\n        case _InteractorType_js__WEBPACK_IMPORTED_MODULE_3__.InteractorType.external:\n          this._externalInteractors.push(interactor);\n          break;\n        case _InteractorType_js__WEBPACK_IMPORTED_MODULE_3__.InteractorType.particles:\n          this._particleInteractors.push(interactor);\n          break;\n      }\n      interactor.init();\n    }\n  }\n  particlesInteract(particle, delta) {\n    const {\n      interactivityData\n    } = this;\n    for (const interactor of this._externalInteractors) {\n      interactor.clear(particle, delta);\n    }\n    for (const interactor of this._particleInteractors) {\n      if (interactor.isEnabled(particle, interactivityData)) {\n        interactor.interact(particle, interactivityData, delta);\n      }\n    }\n  }\n  removeListeners() {\n    this._eventListeners.removeListeners();\n  }\n  reset(particle) {\n    const {\n      interactivityData\n    } = this;\n    for (const interactor of this._externalInteractors) {\n      if (interactor.isEnabled(interactivityData)) {\n        interactor.reset(interactivityData, particle);\n      }\n    }\n    for (const interactor of this._particleInteractors) {\n      if (interactor.isEnabled(particle, interactivityData)) {\n        interactor.reset(interactivityData, particle);\n      }\n    }\n  }\n  startObserving() {\n    const {\n      interactivityData\n    } = this;\n    if (interactivityData.element instanceof HTMLElement && this._intersectionObserver) {\n      this._intersectionObserver.observe(interactivityData.element);\n    }\n  }\n  stopObserving() {\n    const {\n      interactivityData\n    } = this;\n    if (interactivityData.element instanceof HTMLElement && this._intersectionObserver) {\n      this._intersectionObserver.unobserve(interactivityData.element);\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/InteractionManager.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   InteractionManager: () => (/* binding */ InteractionManager)\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 _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../plugins/interactivity/dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _InteractivityEventListeners_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./InteractivityEventListeners.js */ \"../../plugins/interactivity/dist/browser/InteractivityEventListeners.js\");\n/* harmony import */ var _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Enums/InteractorType.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractorType.js\");\n\n\n\n\nconst clickRadius = 1, touchEndLengthOffset = 1, minCoordinate = 0;\nclass InteractionManager {\n    container;\n    interactivityData;\n    _clickHandlers;\n    _eventListeners;\n    _externalInteractors;\n    _interactors;\n    _intersectionObserver;\n    _particleInteractors;\n    _pluginManager;\n    constructor(pluginManager, container){\n        this.container = container;\n        this._pluginManager = pluginManager;\n        this._interactors = [];\n        this._externalInteractors = [];\n        this._particleInteractors = [];\n        this._clickHandlers = new Map();\n        this._eventListeners = new _InteractivityEventListeners_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityEventListeners(container, this);\n        this.interactivityData = {\n            mouse: {\n                clicking: false,\n                inside: false\n            }\n        };\n        this._intersectionObserver = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeIntersectionObserver)((entries)=>{\n            this._intersectionManager(entries);\n        });\n    }\n    addClickHandler(callback) {\n        const { container, interactivityData } = this;\n        if (container.destroyed) {\n            return;\n        }\n        const el = interactivityData.element;\n        if (!el) {\n            return;\n        }\n        const clickOrTouchHandler = (e, pos, radius)=>{\n            if (container.destroyed) {\n                return;\n            }\n            const pxRatio = container.retina.pixelRatio, posRetina = {\n                x: pos.x * pxRatio,\n                y: pos.y * pxRatio\n            }, particles = container.particles.grid.queryCircle(posRetina, radius * pxRatio);\n            callback(e, particles);\n        }, clickHandler = (e)=>{\n            if (container.destroyed) {\n                return;\n            }\n            const mouseEvent = e, pos = {\n                x: mouseEvent.offsetX,\n                y: mouseEvent.offsetY\n            };\n            clickOrTouchHandler(e, pos, clickRadius);\n        }, touchStartHandler = ()=>{\n            if (container.destroyed) {\n                return;\n            }\n            touched = true;\n            touchMoved = false;\n        }, touchMoveHandler = ()=>{\n            if (container.destroyed) {\n                return;\n            }\n            touchMoved = true;\n        }, touchEndHandler = (e)=>{\n            if (container.destroyed) {\n                return;\n            }\n            if (touched && !touchMoved) {\n                const touchEvent = e, lastTouch = touchEvent.touches[touchEvent.touches.length - touchEndLengthOffset];\n                if (!lastTouch) {\n                    return;\n                }\n                const element = container.canvas.element, canvasRect = element ? element.getBoundingClientRect() : undefined, pos = {\n                    x: lastTouch.clientX - (canvasRect ? canvasRect.left : minCoordinate),\n                    y: lastTouch.clientY - (canvasRect ? canvasRect.top : minCoordinate)\n                };\n                clickOrTouchHandler(e, pos, Math.max(lastTouch.radiusX, lastTouch.radiusY));\n            }\n            touched = false;\n            touchMoved = false;\n        }, touchCancelHandler = ()=>{\n            if (container.destroyed) {\n                return;\n            }\n            touched = false;\n            touchMoved = false;\n        };\n        let touched = false, touchMoved = false;\n        this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.clickEvent, clickHandler);\n        this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchStartEvent, touchStartHandler);\n        this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchMoveEvent, touchMoveHandler);\n        this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchEndEvent, touchEndHandler);\n        this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchCancelEvent, touchCancelHandler);\n        for (const [key, handler] of this._clickHandlers){\n            el.addEventListener(key, handler);\n        }\n    }\n    addListeners() {\n        this._eventListeners.addListeners();\n    }\n    clearClickHandlers() {\n        const { container, interactivityData } = this;\n        if (container.destroyed) {\n            return;\n        }\n        for (const [key, handler] of this._clickHandlers){\n            interactivityData.element?.removeEventListener(key, handler);\n        }\n        this._clickHandlers.clear();\n    }\n    externalInteract(delta) {\n        for (const interactor of this._externalInteractors){\n            const { interactivityData } = this;\n            if (interactor.isEnabled(interactivityData)) {\n                interactor.interact(interactivityData, delta);\n            }\n        }\n    }\n    handleClickMode(mode) {\n        if (this.container.destroyed) {\n            return;\n        }\n        const { interactivityData } = this;\n        for (const interactor of this._externalInteractors){\n            interactor.handleClickMode?.(mode, interactivityData);\n        }\n    }\n    init() {\n        this._eventListeners.init();\n        for (const interactor of this._interactors){\n            switch(interactor.type){\n                case _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_3__.InteractorType.external:\n                    this._externalInteractors.push(interactor);\n                    break;\n                case _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_3__.InteractorType.particles:\n                    this._particleInteractors.push(interactor);\n                    break;\n            }\n            interactor.init();\n        }\n    }\n    async initInteractors() {\n        const interactors = await this._pluginManager.getInteractors?.(this.container, true);\n        if (!interactors) {\n            return;\n        }\n        this._interactors = interactors;\n        this._externalInteractors = [];\n        this._particleInteractors = [];\n    }\n    particlesInteract(particle, delta) {\n        const { interactivityData } = this;\n        for (const interactor of this._externalInteractors){\n            interactor.clear(particle, delta);\n        }\n        for (const interactor of this._particleInteractors){\n            if (interactor.isEnabled(particle, interactivityData)) {\n                interactor.interact(particle, interactivityData, delta);\n            }\n        }\n    }\n    removeListeners() {\n        this._eventListeners.removeListeners();\n    }\n    reset(particle) {\n        const { interactivityData } = this;\n        for (const interactor of this._externalInteractors){\n            if (interactor.isEnabled(interactivityData)) {\n                interactor.reset(interactivityData, particle);\n            }\n        }\n        for (const interactor of this._particleInteractors){\n            if (interactor.isEnabled(particle, interactivityData)) {\n                interactor.reset(interactivityData, particle);\n            }\n        }\n    }\n    startObserving() {\n        const { interactivityData } = this;\n        if (interactivityData.element instanceof HTMLElement && this._intersectionObserver) {\n            this._intersectionObserver.observe(interactivityData.element);\n        }\n    }\n    stopObserving() {\n        const { interactivityData } = this;\n        if (interactivityData.element instanceof HTMLElement && this._intersectionObserver) {\n            this._intersectionObserver.unobserve(interactivityData.element);\n        }\n    }\n    updateMaxDistance() {\n        let maxTotalDistance = 0;\n        for (const interactor of this._interactors){\n            if (interactor.maxDistance > maxTotalDistance) {\n                maxTotalDistance = interactor.maxDistance;\n            }\n        }\n        const container = this.container;\n        container.particles.grid.setCellSize(maxTotalDistance * container.retina.pixelRatio);\n    }\n    _intersectionManager = (entries)=>{\n        const { container } = this;\n        if (container.destroyed || !container.actualOptions.pauseOnOutsideViewport) {\n            return;\n        }\n        for (const entry of entries){\n            if (entry.target !== this.interactivityData.element) {\n                continue;\n            }\n            if (entry.isIntersecting) {\n                container.play();\n            } else {\n                container.pause();\n            }\n        }\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/InteractionManager.js?\n}");
 
 /***/ },
 
@@ -33,7 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*******************************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   InteractivityEventListeners: () => (/* binding */ InteractivityEventListeners)\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 _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../plugins/interactivity/dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./InteractivityDetect.js */ \"../../plugins/interactivity/dist/browser/InteractivityDetect.js\");\n\n\n\nclass InteractivityEventListeners {\n  constructor(container, interactionManager) {\n    this._canPush = true;\n    this._doMouseTouchClick = e => {\n      const container = this._container,\n        interactionManager = this._interactionManager,\n        options = container.actualOptions;\n      if (this._canPush) {\n        const mouseInteractivity = interactionManager.interactivityData.mouse,\n          mousePos = mouseInteractivity.position;\n        if (!mousePos) {\n          return;\n        }\n        mouseInteractivity.clickPosition = {\n          ...mousePos\n        };\n        mouseInteractivity.clickTime = Date.now();\n        const onClick = options.interactivity?.events.onClick;\n        if (!onClick?.mode) {\n          return;\n        }\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(onClick.mode, mode => {\n          interactionManager.handleClickMode(mode);\n        });\n      }\n      if (e.type === \"touchend\") {\n        setTimeout(() => {\n          this._mouseTouchFinish();\n        }, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.touchDelay);\n      }\n    };\n    this._handleVisibilityChange = () => {\n      this._mouseTouchFinish();\n    };\n    this._manageInteractivityListeners = (mouseLeaveTmpEvent, add) => {\n      const handlers = this._handlers,\n        container = this._container,\n        interactionManager = this._interactionManager,\n        options = container.actualOptions,\n        interactivityEl = interactionManager.interactivityData.element;\n      if (!interactivityEl) {\n        return;\n      }\n      const html = interactivityEl,\n        canvas = container.canvas;\n      canvas.setPointerEvents(html === canvas.element ? \"initial\" : \"none\");\n      if (!(options.interactivity?.events.onHover.enable || options.interactivity?.events.onClick.enable)) {\n        return;\n      }\n      (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseMoveEvent, handlers.mouseMove, add);\n      (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchStartEvent, handlers.touchStart, add);\n      (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchMoveEvent, handlers.touchMove, add);\n      if (options.interactivity.events.onClick.enable) {\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchEndEvent, handlers.touchEndClick, add);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseUpEvent, handlers.mouseUp, add);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseDownEvent, handlers.mouseDown, add);\n      } else {\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchEndEvent, handlers.touchEnd, add);\n      }\n      (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, mouseLeaveTmpEvent, handlers.mouseLeave, add);\n      (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchCancelEvent, handlers.touchCancel, add);\n    };\n    this._manageListeners = add => {\n      const handlers = this._handlers,\n        container = this._container,\n        interactionManager = this._interactionManager,\n        options = container.actualOptions,\n        detectType = options.interactivity?.detectsOn,\n        canvasEl = container.canvas.element;\n      let mouseLeaveTmpEvent = _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseLeaveEvent;\n      if (detectType === _InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityDetect.window) {\n        interactionManager.interactivityData.element = globalThis;\n        mouseLeaveTmpEvent = _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseOutEvent;\n      } else if (detectType === _InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityDetect.parent && canvasEl) {\n        interactionManager.interactivityData.element = canvasEl.parentElement ?? canvasEl.parentNode;\n      } else {\n        interactionManager.interactivityData.element = canvasEl;\n      }\n      this._manageInteractivityListeners(mouseLeaveTmpEvent, add);\n      (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(document, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.visibilityChangeEvent, handlers.visibilityChange, add, false);\n    };\n    this._mouseDown = () => {\n      const {\n          interactivityData\n        } = this._interactionManager,\n        {\n          mouse\n        } = interactivityData;\n      mouse.clicking = true;\n      mouse.downPosition = mouse.position;\n    };\n    this._mouseTouchClick = e => {\n      const container = this._container,\n        interactionManager = this._interactionManager,\n        options = container.actualOptions,\n        {\n          mouse\n        } = interactionManager.interactivityData;\n      mouse.inside = true;\n      let handled = false;\n      const mousePosition = mouse.position;\n      if (!mousePosition || !options.interactivity?.events.onClick.enable) {\n        return;\n      }\n      for (const plugin of container.plugins) {\n        if (!plugin.clickPositionValid) {\n          continue;\n        }\n        handled = plugin.clickPositionValid(mousePosition);\n        if (handled) {\n          break;\n        }\n      }\n      if (!handled) {\n        this._doMouseTouchClick(e);\n      }\n      mouse.clicking = false;\n    };\n    this._mouseTouchFinish = () => {\n      const {\n          interactivityData\n        } = this._interactionManager,\n        {\n          mouse\n        } = interactivityData;\n      delete mouse.position;\n      delete mouse.clickPosition;\n      delete mouse.downPosition;\n      interactivityData.status = _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseLeaveEvent;\n      mouse.inside = false;\n      mouse.clicking = false;\n    };\n    this._mouseTouchMove = e => {\n      const container = this._container,\n        interactionManager = this._interactionManager,\n        options = container.actualOptions,\n        interactivity = interactionManager.interactivityData,\n        canvasEl = container.canvas.element;\n      if (!interactivity.element) {\n        return;\n      }\n      interactivity.mouse.inside = true;\n      let pos;\n      if (e.type.startsWith(\"pointer\")) {\n        this._canPush = true;\n        const mouseEvent = e;\n        if (interactivity.element === globalThis) {\n          if (canvasEl) {\n            const clientRect = canvasEl.getBoundingClientRect();\n            pos = {\n              x: mouseEvent.clientX - clientRect.left,\n              y: mouseEvent.clientY - clientRect.top\n            };\n          }\n        } else if (options.interactivity?.detectsOn === _InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityDetect.parent) {\n          const source = mouseEvent.target,\n            target = mouseEvent.currentTarget;\n          if (canvasEl) {\n            const sourceRect = source.getBoundingClientRect(),\n              targetRect = target.getBoundingClientRect(),\n              canvasRect = canvasEl.getBoundingClientRect();\n            pos = {\n              x: mouseEvent.offsetX + _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double * sourceRect.left - (targetRect.left + canvasRect.left),\n              y: mouseEvent.offsetY + _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double * sourceRect.top - (targetRect.top + canvasRect.top)\n            };\n          } else {\n            pos = {\n              x: mouseEvent.offsetX,\n              y: mouseEvent.offsetY\n            };\n          }\n        } else if (mouseEvent.target === canvasEl) {\n          pos = {\n            x: mouseEvent.offsetX,\n            y: mouseEvent.offsetY\n          };\n        }\n      } else {\n        this._canPush = e.type !== \"touchmove\";\n        if (canvasEl) {\n          const touchEvent = e,\n            lastTouch = touchEvent.touches[touchEvent.touches.length - _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.lengthOffset],\n            canvasRect = canvasEl.getBoundingClientRect();\n          if (!lastTouch) {\n            return;\n          }\n          pos = {\n            x: lastTouch.clientX - canvasRect.left,\n            y: lastTouch.clientY - canvasRect.top\n          };\n        }\n      }\n      const pxRatio = container.retina.pixelRatio;\n      if (pos) {\n        pos.x *= pxRatio;\n        pos.y *= pxRatio;\n      }\n      interactivity.mouse.position = pos;\n      interactivity.status = _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseMoveEvent;\n    };\n    this._touchEnd = e => {\n      const evt = e,\n        touches = Array.from(evt.changedTouches);\n      for (const touch of touches) {\n        this._touches.delete(touch.identifier);\n      }\n      this._mouseTouchFinish();\n    };\n    this._touchEndClick = e => {\n      const evt = e,\n        touches = Array.from(evt.changedTouches);\n      for (const touch of touches) {\n        this._touches.delete(touch.identifier);\n      }\n      this._mouseTouchClick(e);\n    };\n    this._touchStart = e => {\n      const evt = e,\n        touches = Array.from(evt.changedTouches);\n      for (const touch of touches) {\n        this._touches.set(touch.identifier, performance.now());\n      }\n      this._mouseTouchMove(e);\n    };\n    this._container = container;\n    this._interactionManager = interactionManager;\n    this._touches = new Map();\n    this._handlers = {\n      mouseDown: () => {\n        this._mouseDown();\n      },\n      mouseLeave: () => {\n        this._mouseTouchFinish();\n      },\n      mouseMove: e => {\n        this._mouseTouchMove(e);\n      },\n      mouseUp: e => {\n        this._mouseTouchClick(e);\n      },\n      touchStart: e => {\n        this._touchStart(e);\n      },\n      touchMove: e => {\n        this._mouseTouchMove(e);\n      },\n      touchEnd: e => {\n        this._touchEnd(e);\n      },\n      touchCancel: e => {\n        this._touchEnd(e);\n      },\n      touchEndClick: e => {\n        this._touchEndClick(e);\n      },\n      visibilityChange: () => {\n        this._handleVisibilityChange();\n      }\n    };\n  }\n  addListeners() {\n    this._manageListeners(true);\n  }\n  removeListeners() {\n    this._manageListeners(false);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/InteractivityEventListeners.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   InteractivityEventListeners: () => (/* binding */ InteractivityEventListeners)\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 _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../plugins/interactivity/dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Enums/InteractivityDetect.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractivityDetect.js\");\n\n\n\nconst touchDelay = 500;\nclass InteractivityEventListeners {\n    _canPush = true;\n    _clickPositionPlugins;\n    _container;\n    _handlers;\n    _interactionManager;\n    _touches;\n    constructor(container, interactionManager){\n        this._container = container;\n        this._clickPositionPlugins = [];\n        this._interactionManager = interactionManager;\n        this._touches = new Map();\n        this._handlers = {\n            mouseDown: ()=>{\n                this._mouseDown();\n            },\n            mouseLeave: ()=>{\n                this._mouseTouchFinish();\n            },\n            mouseMove: (e)=>{\n                this._mouseTouchMove(e);\n            },\n            mouseUp: (e)=>{\n                this._mouseTouchClick(e);\n            },\n            touchStart: (e)=>{\n                this._touchStart(e);\n            },\n            touchMove: (e)=>{\n                this._mouseTouchMove(e);\n            },\n            touchEnd: (e)=>{\n                this._touchEnd(e);\n            },\n            touchCancel: (e)=>{\n                this._touchEnd(e);\n            },\n            touchEndClick: (e)=>{\n                this._touchEndClick(e);\n            },\n            visibilityChange: ()=>{\n                this._handleVisibilityChange();\n            }\n        };\n    }\n    addListeners() {\n        this._manageListeners(true);\n    }\n    init() {\n        this._clickPositionPlugins.length = 0;\n        for (const plugin of this._container.plugins.filter((p)=>!!p.clickPositionValid)){\n            this._clickPositionPlugins.push(plugin);\n        }\n    }\n    removeListeners() {\n        this._manageListeners(false);\n    }\n    _doMouseTouchClick = (e)=>{\n        const container = this._container, interactionManager = this._interactionManager, options = container.actualOptions;\n        if (this._canPush) {\n            const mouseInteractivity = interactionManager.interactivityData.mouse, mousePos = mouseInteractivity.position;\n            if (!mousePos) {\n                return;\n            }\n            mouseInteractivity.clickPosition = {\n                ...mousePos\n            };\n            mouseInteractivity.clickTime = performance.now();\n            const onClick = options.interactivity?.events.onClick;\n            if (!onClick?.mode) {\n                return;\n            }\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(onClick.mode, (mode)=>{\n                interactionManager.handleClickMode(mode);\n            });\n        }\n        if (e.type === \"touchend\") {\n            setTimeout(()=>{\n                this._mouseTouchFinish();\n            }, touchDelay);\n        }\n    };\n    _handleVisibilityChange = ()=>{\n        this._mouseTouchFinish();\n    };\n    _manageInteractivityListeners = (add)=>{\n        const handlers = this._handlers, container = this._container, interactionManager = this._interactionManager, options = container.actualOptions, interactivityEl = interactionManager.interactivityData.element;\n        if (!interactivityEl) {\n            return;\n        }\n        const html = interactivityEl, canvas = container.canvas;\n        canvas.setPointerEvents(html === canvas.element ? \"initial\" : \"none\");\n        if (add && !(options.interactivity?.events.onHover.enable || options.interactivity?.events.onClick.enable)) {\n            return;\n        }\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseMoveEvent, handlers.mouseMove, add);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchStartEvent, handlers.touchStart, add);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchMoveEvent, handlers.touchMove, add);\n        if (add) {\n            if (options.interactivity?.events.onClick.enable) {\n                (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchEndEvent, handlers.touchEndClick, add);\n                (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseUpEvent, handlers.mouseUp, add);\n                (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseDownEvent, handlers.mouseDown, add);\n            } else {\n                (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchEndEvent, handlers.touchEnd, add);\n            }\n        } else {\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchEndEvent, handlers.touchEndClick, add);\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseUpEvent, handlers.mouseUp, add);\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseDownEvent, handlers.mouseDown, add);\n            (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchEndEvent, handlers.touchEnd, add);\n        }\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseLeaveEvent, handlers.mouseLeave, add);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(interactivityEl, _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchCancelEvent, handlers.touchCancel, add);\n    };\n    _manageListeners = (add)=>{\n        const handlers = this._handlers, container = this._container, interactionManager = this._interactionManager, options = container.actualOptions, detectType = options.interactivity?.detectsOn, canvasEl = container.canvas.element;\n        if (detectType === _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityDetect.window) {\n            interactionManager.interactivityData.element = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)();\n        } else if (detectType === _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityDetect.parent && canvasEl) {\n            interactionManager.interactivityData.element = canvasEl.parentElement ?? canvasEl.parentNode;\n        } else {\n            interactionManager.interactivityData.element = canvasEl;\n        }\n        this._manageInteractivityListeners(add);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(document, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.visibilityChangeEvent, handlers.visibilityChange, add, false);\n    };\n    _mouseDown = ()=>{\n        const { interactivityData } = this._interactionManager, { mouse } = interactivityData;\n        mouse.clicking = true;\n        mouse.downPosition = mouse.position;\n    };\n    _mouseTouchClick = (e)=>{\n        const container = this._container, interactionManager = this._interactionManager, options = container.actualOptions, { mouse } = interactionManager.interactivityData;\n        mouse.inside = true;\n        let handled = false;\n        const mousePosition = mouse.position;\n        if (!mousePosition || !options.interactivity?.events.onClick.enable) {\n            return;\n        }\n        for (const plugin of this._clickPositionPlugins){\n            handled = plugin.clickPositionValid?.(mousePosition) ?? false;\n            if (handled) {\n                break;\n            }\n        }\n        if (!handled) {\n            this._doMouseTouchClick(e);\n        }\n        mouse.clicking = false;\n    };\n    _mouseTouchFinish = ()=>{\n        const { interactivityData } = this._interactionManager, { mouse } = interactivityData;\n        delete mouse.position;\n        delete mouse.clickPosition;\n        delete mouse.downPosition;\n        interactivityData.status = _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseLeaveEvent;\n        mouse.inside = false;\n        mouse.clicking = false;\n    };\n    _mouseTouchMove = (e)=>{\n        const container = this._container, interactionManager = this._interactionManager, options = container.actualOptions, interactivity = interactionManager.interactivityData, canvasEl = container.canvas.element;\n        if (!interactivity.element) {\n            return;\n        }\n        interactivity.mouse.inside = true;\n        let pos;\n        if (e.type.startsWith(\"pointer\")) {\n            this._canPush = true;\n            const mouseEvent = e;\n            if (interactivity.element === (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)()) {\n                if (canvasEl) {\n                    const clientRect = canvasEl.getBoundingClientRect();\n                    pos = {\n                        x: mouseEvent.clientX - clientRect.left,\n                        y: mouseEvent.clientY - clientRect.top\n                    };\n                }\n            } else if (options.interactivity?.detectsOn === _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityDetect.parent) {\n                const source = mouseEvent.target, target = mouseEvent.currentTarget;\n                if (canvasEl) {\n                    const sourceRect = source.getBoundingClientRect(), targetRect = target.getBoundingClientRect(), canvasRect = canvasEl.getBoundingClientRect();\n                    pos = {\n                        x: mouseEvent.offsetX + _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double * sourceRect.left - (targetRect.left + canvasRect.left),\n                        y: mouseEvent.offsetY + _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double * sourceRect.top - (targetRect.top + canvasRect.top)\n                    };\n                } else {\n                    pos = {\n                        x: mouseEvent.offsetX,\n                        y: mouseEvent.offsetY\n                    };\n                }\n            } else if (mouseEvent.target === canvasEl) {\n                pos = {\n                    x: mouseEvent.offsetX,\n                    y: mouseEvent.offsetY\n                };\n            }\n        } else {\n            this._canPush = e.type !== \"touchmove\";\n            if (canvasEl) {\n                const touchEvent = e, lastTouch = touchEvent.touches[touchEvent.touches.length - _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.lengthOffset], canvasRect = canvasEl.getBoundingClientRect();\n                if (!lastTouch) {\n                    return;\n                }\n                pos = {\n                    x: lastTouch.clientX - canvasRect.left,\n                    y: lastTouch.clientY - canvasRect.top\n                };\n            }\n        }\n        const pxRatio = container.retina.pixelRatio;\n        if (pos) {\n            pos.x *= pxRatio;\n            pos.y *= pxRatio;\n        }\n        interactivity.mouse.position = pos;\n        interactivity.status = _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.mouseMoveEvent;\n    };\n    _touchEnd = (e)=>{\n        const evt = e, touches = Array.from(evt.changedTouches);\n        for (const touch of touches){\n            this._touches.delete(touch.identifier);\n        }\n        this._mouseTouchFinish();\n    };\n    _touchEndClick = (e)=>{\n        const evt = e, touches = Array.from(evt.changedTouches);\n        for (const touch of touches){\n            this._touches.delete(touch.identifier);\n        }\n        this._mouseTouchClick(e);\n    };\n    _touchStart = (e)=>{\n        const evt = e, touches = Array.from(evt.changedTouches);\n        for (const touch of touches){\n            this._touches.set(touch.identifier, performance.now());\n        }\n        this._mouseTouchMove(e);\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/InteractivityEventListeners.js?\n}");
 
 /***/ },
 
@@ -43,7 +43,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*******************************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   InteractivityPluginInstance: () => (/* binding */ InteractivityPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _InteractionManager_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./InteractionManager.js */ \"../../plugins/interactivity/dist/browser/InteractionManager.js\");\n/* harmony import */ var _Options_Classes_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Interactivity.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Interactivity.js\");\n\n\nclass InteractivityPluginInstance {\n  constructor(engine, container) {\n    this._container = container;\n    this._engine = engine;\n    this.interactionManager = new _InteractionManager_js__WEBPACK_IMPORTED_MODULE_0__.InteractionManager(engine, container);\n    this._container.addClickHandler = callback => {\n      this.interactionManager.addClickHandler(callback);\n    };\n  }\n  addClickHandler(callback) {\n    this.interactionManager.addClickHandler(callback);\n  }\n  clearClickHandlers() {\n    this.interactionManager.clearClickHandlers();\n  }\n  destroy() {\n    this.clearClickHandlers();\n    this._engine.interactors?.delete(this._container);\n  }\n  particleCreated(particle) {\n    const interactivityParticle = particle,\n      interactivity = new _Options_Classes_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__.Interactivity(this._engine, this._container);\n    interactivity.load(this._container.actualOptions.interactivity);\n    interactivity.load(interactivityParticle.options.interactivity);\n    interactivityParticle.interactivity = interactivity;\n  }\n  particleReset(particle) {\n    this.interactionManager.reset(particle);\n  }\n  postParticleUpdate(particle, delta) {\n    this.interactionManager.particlesInteract(particle, delta);\n  }\n  postUpdate(delta) {\n    this.interactionManager.externalInteract(delta);\n  }\n  async preInit() {\n    await this.interactionManager.init();\n  }\n  async redrawInit() {\n    await this.interactionManager.init();\n  }\n  start() {\n    this.interactionManager.addListeners();\n    this.interactionManager.startObserving();\n    return Promise.resolve();\n  }\n  stop() {\n    this.interactionManager.removeListeners();\n    this.interactionManager.stopObserving();\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/InteractivityPluginInstance.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   InteractivityPluginInstance: () => (/* binding */ InteractivityPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _InteractionManager_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./InteractionManager.js */ \"../../plugins/interactivity/dist/browser/InteractionManager.js\");\n/* harmony import */ var _Options_Classes_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Interactivity.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Interactivity.js\");\n\n\nclass InteractivityPluginInstance {\n    interactionManager;\n    _container;\n    _pluginManager;\n    constructor(pluginManager, container){\n        this._container = container;\n        this._pluginManager = pluginManager;\n        this.interactionManager = new _InteractionManager_js__WEBPACK_IMPORTED_MODULE_0__.InteractionManager(pluginManager, container);\n        this._container.addClickHandler = (callback)=>{\n            this.interactionManager.addClickHandler(callback);\n        };\n    }\n    addClickHandler(callback) {\n        this.interactionManager.addClickHandler(callback);\n    }\n    clearClickHandlers() {\n        this.interactionManager.clearClickHandlers();\n    }\n    destroy() {\n        this.clearClickHandlers();\n        this._pluginManager.interactors?.delete(this._container);\n    }\n    particleCreated(particle) {\n        const interactivityParticle = particle, interactivity = new _Options_Classes_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__.Interactivity(this._pluginManager, this._container);\n        interactivity.load(this._container.actualOptions.interactivity);\n        interactivity.load(interactivityParticle.options.interactivity);\n        interactivityParticle.interactivity = interactivity;\n    }\n    particleReset(particle) {\n        this.interactionManager.reset(particle);\n    }\n    postParticleUpdate(particle, delta) {\n        this.interactionManager.particlesInteract(particle, delta);\n    }\n    postUpdate(delta) {\n        this.interactionManager.externalInteract(delta);\n        this.interactionManager.updateMaxDistance();\n    }\n    async preInit() {\n        await this.interactionManager.initInteractors();\n        this.interactionManager.init();\n    }\n    async redrawInit() {\n        await this.interactionManager.initInteractors();\n        this.interactionManager.init();\n    }\n    start() {\n        this.interactionManager.addListeners();\n        this.interactionManager.startObserving();\n        return Promise.resolve();\n    }\n    stop() {\n        this.interactionManager.removeListeners();\n        this.interactionManager.stopObserving();\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/InteractivityPluginInstance.js?\n}");
 
 /***/ }
 

package/plugins_interactivity_dist_browser_InteractivityPlugin_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.1
  */
 "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 */   InteractivityPlugin: () => (/* binding */ InteractivityPlugin)\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_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Interactivity.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Interactivity.js\");\n\n\nclass InteractivityPlugin {\n  constructor(engine) {\n    this._engine = engine;\n    this.id = \"interactivity\";\n  }\n  async getPlugin(container) {\n    const {\n      InteractivityPluginInstance\n    } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_InteractivityPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InteractivityPluginInstance.js */ \"../../plugins/interactivity/dist/browser/InteractivityPluginInstance.js\"));\n    return new InteractivityPluginInstance(this._engine, container);\n  }\n  loadOptions(container, options, source) {\n    if (!this.needsPlugin()) {\n      return;\n    }\n    let interactivityOptions = options.interactivity;\n    if (!interactivityOptions?.load) {\n      options.interactivity = interactivityOptions = new _Options_Classes_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__.Interactivity(this._engine, container);\n    }\n    interactivityOptions.load(source?.interactivity);\n    const interactors = this._engine.interactors?.get(container);\n    if (!interactors) {\n      return;\n    }\n    for (const interactor of interactors) {\n      if (interactor.loadOptions) {\n        interactor.loadOptions(options, source);\n      }\n    }\n  }\n  loadParticlesOptions(container, options, source) {\n    if (source?.interactivity) {\n      options.interactivity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, source.interactivity);\n    }\n    const interactors = this._engine.interactors?.get(container);\n    if (!interactors) {\n      return;\n    }\n    for (const interactor of interactors) {\n      if (interactor.loadParticlesOptions) {\n        interactor.loadParticlesOptions(options, source);\n      }\n    }\n  }\n  needsPlugin() {\n    return true;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/InteractivityPlugin.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   InteractivityPlugin: () => (/* binding */ InteractivityPlugin)\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_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Interactivity.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Interactivity.js\");\n\n\nclass InteractivityPlugin {\n    id = \"interactivity\";\n    _pluginManager;\n    constructor(pluginManager){\n        this._pluginManager = pluginManager;\n    }\n    async getPlugin(container) {\n        const { InteractivityPluginInstance } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_InteractivityPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InteractivityPluginInstance.js */ \"../../plugins/interactivity/dist/browser/InteractivityPluginInstance.js\"));\n        return new InteractivityPluginInstance(this._pluginManager, container);\n    }\n    loadOptions(container, options, source) {\n        if (!this.needsPlugin()) {\n            return;\n        }\n        let interactivityOptions = options.interactivity;\n        if (!interactivityOptions?.load) {\n            options.interactivity = interactivityOptions = new _Options_Classes_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__.Interactivity(this._pluginManager, container);\n        }\n        interactivityOptions.load(source?.interactivity);\n        const interactors = this._pluginManager.interactors?.get(container);\n        if (!interactors) {\n            return;\n        }\n        for (const interactor of interactors){\n            if (interactor.loadOptions) {\n                interactor.loadOptions(options, source);\n            }\n        }\n    }\n    loadParticlesOptions(container, options, source) {\n        if (source?.interactivity) {\n            options.interactivity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, source.interactivity);\n        }\n        const interactors = this._pluginManager.interactors?.get(container);\n        if (!interactors) {\n            return;\n        }\n        for (const interactor of interactors){\n            interactor.loadParticlesOptions?.(options, source);\n        }\n    }\n    needsPlugin() {\n        return true;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/InteractivityPlugin.js?\n}");
 
 /***/ },
 
@@ -33,7 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*************************************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ClickEvent: () => (/* binding */ ClickEvent)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass ClickEvent {\n  constructor() {\n    this.enable = false;\n    this.mode = [];\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.enable !== undefined) {\n      this.enable = data.enable;\n    }\n    if (data.mode !== undefined) {\n      this.mode = data.mode;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/Options/Classes/Events/ClickEvent.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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass ClickEvent {\n    enable;\n    mode;\n    constructor(){\n        this.enable = false;\n        this.mode = [];\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n        if (data.mode !== undefined) {\n            this.mode = data.mode;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/Options/Classes/Events/ClickEvent.js?\n}");
 
 /***/ },
 
@@ -43,7 +43,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*********************************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Events: () => (/* binding */ Events)\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 _ClickEvent_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ClickEvent.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/ClickEvent.js\");\n/* harmony import */ var _DivEvent_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DivEvent.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/DivEvent.js\");\n/* harmony import */ var _HoverEvent_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./HoverEvent.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/HoverEvent.js\");\n\n\n\n\nclass Events {\n  constructor() {\n    this.onClick = new _ClickEvent_js__WEBPACK_IMPORTED_MODULE_1__.ClickEvent();\n    this.onDiv = new _DivEvent_js__WEBPACK_IMPORTED_MODULE_2__.DivEvent();\n    this.onHover = new _HoverEvent_js__WEBPACK_IMPORTED_MODULE_3__.HoverEvent();\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    this.onClick.load(data.onClick);\n    const onDiv = data.onDiv;\n    if (onDiv !== undefined) {\n      this.onDiv = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(onDiv, t => {\n        const tmp = new _DivEvent_js__WEBPACK_IMPORTED_MODULE_2__.DivEvent();\n        tmp.load(t);\n        return tmp;\n      });\n    }\n    this.onHover.load(data.onHover);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/Options/Classes/Events/Events.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Events: () => (/* binding */ Events)\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 _ClickEvent_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ClickEvent.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/ClickEvent.js\");\n/* harmony import */ var _DivEvent_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DivEvent.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/DivEvent.js\");\n/* harmony import */ var _HoverEvent_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./HoverEvent.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/HoverEvent.js\");\n\n\n\n\nclass Events {\n    onClick;\n    onDiv;\n    onHover;\n    constructor(){\n        this.onClick = new _ClickEvent_js__WEBPACK_IMPORTED_MODULE_1__.ClickEvent();\n        this.onDiv = new _DivEvent_js__WEBPACK_IMPORTED_MODULE_2__.DivEvent();\n        this.onHover = new _HoverEvent_js__WEBPACK_IMPORTED_MODULE_3__.HoverEvent();\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        this.onClick.load(data.onClick);\n        const onDiv = data.onDiv;\n        if (onDiv !== undefined) {\n            this.onDiv = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(onDiv, (t)=>{\n                const tmp = new _DivEvent_js__WEBPACK_IMPORTED_MODULE_2__.DivEvent();\n                tmp.load(t);\n                return tmp;\n            });\n        }\n        this.onHover.load(data.onHover);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/Options/Classes/Events/Events.js?\n}");
 
 /***/ },
 
@@ -53,7 +53,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*************************************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   HoverEvent: () => (/* binding */ HoverEvent)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass HoverEvent {\n  constructor() {\n    this.enable = false;\n    this.mode = [];\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.enable !== undefined) {\n      this.enable = data.enable;\n    }\n    if (data.mode !== undefined) {\n      this.mode = data.mode;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/Options/Classes/Events/HoverEvent.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   HoverEvent: () => (/* binding */ HoverEvent)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass HoverEvent {\n    enable;\n    mode;\n    constructor(){\n        this.enable = false;\n        this.mode = [];\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n        if (data.mode !== undefined) {\n            this.mode = data.mode;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/Options/Classes/Events/HoverEvent.js?\n}");
 
 /***/ },
 
@@ -63,7 +63,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*********************************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Interactivity: () => (/* binding */ Interactivity)\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 _Events_Events_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Events/Events.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/Events.js\");\n/* harmony import */ var _InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../InteractivityDetect.js */ \"../../plugins/interactivity/dist/browser/InteractivityDetect.js\");\n/* harmony import */ var _Modes_Modes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Modes/Modes.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Modes/Modes.js\");\n\n\n\n\nclass Interactivity {\n  constructor(engine, container) {\n    this.detectsOn = _InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityDetect.window;\n    this.events = new _Events_Events_js__WEBPACK_IMPORTED_MODULE_1__.Events();\n    this.modes = new _Modes_Modes_js__WEBPACK_IMPORTED_MODULE_3__.Modes(engine, container);\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    const detectsOn = data.detectsOn;\n    if (detectsOn !== undefined) {\n      this.detectsOn = detectsOn;\n    }\n    this.events.load(data.events);\n    this.modes.load(data.modes);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/Options/Classes/Interactivity.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Interactivity: () => (/* binding */ Interactivity)\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 _Events_Events_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Events/Events.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/Events.js\");\n/* harmony import */ var _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../Enums/InteractivityDetect.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractivityDetect.js\");\n/* harmony import */ var _Modes_Modes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Modes/Modes.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Modes/Modes.js\");\n\n\n\n\nclass Interactivity {\n    detectsOn;\n    events;\n    modes;\n    constructor(pluginManager, container){\n        this.detectsOn = _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityDetect.window;\n        this.events = new _Events_Events_js__WEBPACK_IMPORTED_MODULE_1__.Events();\n        this.modes = new _Modes_Modes_js__WEBPACK_IMPORTED_MODULE_3__.Modes(pluginManager, container);\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        const detectsOn = data.detectsOn;\n        if (detectsOn !== undefined) {\n            this.detectsOn = detectsOn;\n        }\n        this.events.load(data.events);\n        this.modes.load(data.modes);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/Options/Classes/Interactivity.js?\n}");
 
 /***/ }