@tsparticles/all 4.0.0-alpha.21 → 4.0.0-alpha.23

package/plugins_interactivity_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.21
+ * v4.0.0-alpha.23
  */
 "use strict";
 /*
@@ -17,53 +17,63 @@
  */
 (this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["plugins_interactivity_dist_browser_index_js"],{
 
-/***/ "../../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\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    type = _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/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 */   clickEvent: () => (/* binding */ clickEvent),\n/* harmony export */   mouseDownEvent: () => (/* binding */ mouseDownEvent),\n/* harmony export */   mouseLeaveEvent: () => (/* binding */ mouseLeaveEvent),\n/* harmony export */   mouseMoveEvent: () => (/* binding */ mouseMoveEvent),\n/* harmony export */   mouseOutEvent: () => (/* binding */ mouseOutEvent),\n/* harmony export */   mouseUpEvent: () => (/* binding */ mouseUpEvent),\n/* harmony export */   touchCancelEvent: () => (/* binding */ touchCancelEvent),\n/* harmony export */   touchEndEvent: () => (/* binding */ touchEndEvent),\n/* harmony export */   touchMoveEvent: () => (/* binding */ touchMoveEvent),\n/* harmony export */   touchStartEvent: () => (/* binding */ touchStartEvent)\n/* harmony export */ });\nconst clickEvent = \"click\", mouseDownEvent = \"pointerdown\", mouseUpEvent = \"pointerup\", mouseLeaveEvent = \"pointerleave\", mouseOutEvent = \"pointerout\", mouseMoveEvent = \"pointermove\", touchStartEvent = \"touchstart\", touchEndEvent = \"touchend\", touchMoveEvent = \"touchmove\", touchCancelEvent = \"touchcancel\";\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/InteractivityConstants.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   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 */   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\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\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 */   mouseOutEvent: () => (/* binding */ mouseOutEvent),\n/* harmony export */   mouseUpEvent: () => (/* binding */ mouseUpEvent),\n/* harmony export */   touchCancelEvent: () => (/* binding */ touchCancelEvent),\n/* harmony export */   touchEndEvent: () => (/* binding */ touchEndEvent),\n/* harmony export */   touchMoveEvent: () => (/* binding */ touchMoveEvent),\n/* harmony export */   touchStartEvent: () => (/* binding */ touchStartEvent)\n/* harmony export */ });\nconst clickEvent = \"click\", mouseDownEvent = \"pointerdown\", mouseUpEvent = \"pointerup\", mouseLeaveEvent = \"pointerleave\", mouseOutEvent = \"pointerout\", mouseMoveEvent = \"pointermove\", touchStartEvent = \"touchstart\", touchEndEvent = \"touchend\", touchMoveEvent = \"touchmove\", touchCancelEvent = \"touchcancel\";\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/InteractivityConstants.js?\n}");
 
 /***/ },
 
@@ -73,7 +83,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \***********************************************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   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    enable;\n    mode;\n    selectors;\n    type;\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\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}");
 
 /***/ },
 
@@ -87,23 +97,13 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
 
 /***/ },
 
-/***/ "../../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    type = _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/ParticlesInteractorBase.js?\n}");
-
-/***/ },
-
 /***/ "../../plugins/interactivity/dist/browser/index.js"
 /*!*********************************************************!*\
   !*** ../../plugins/interactivity/dist/browser/index.js ***!
   \*********************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   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 */   ensureInteractivityPluginLoaded: () => (/* binding */ ensureInteractivityPluginLoaded),\n/* harmony export */   isDivModeEnabled: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.isDivModeEnabled),\n/* harmony export */   loadInteractivityPlugin: () => (/* binding */ loadInteractivityPlugin),\n/* harmony export */   mouseDownEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseDownEvent),\n/* harmony export */   mouseLeaveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseLeaveEvent),\n/* harmony export */   mouseMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseMoveEvent),\n/* harmony export */   mouseOutEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseOutEvent),\n/* harmony export */   mouseUpEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseUpEvent),\n/* harmony export */   singleDivModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.singleDivModeExecute),\n/* harmony export */   touchCancelEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchCancelEvent),\n/* harmony export */   touchEndEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchEndEvent),\n/* harmony export */   touchMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchMoveEvent),\n/* harmony export */   touchStartEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchStartEvent)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _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.21\");\n    await engine.register(async (e)=>{\n        const interactivityEngine = e, { InteractivityPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_InteractivityPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InteractivityPlugin.js */ \"../../plugins/interactivity/dist/browser/InteractivityPlugin.js\"));\n        interactivityEngine.addPlugin(new InteractivityPlugin(interactivityEngine));\n        interactivityEngine.initializers.interactors ??= new Map();\n        interactivityEngine.interactors ??= new Map();\n        interactivityEngine.addInteractor = (name, interactorInitializer)=>{\n            interactivityEngine.initializers.interactors ??= new Map();\n            interactivityEngine.initializers.interactors.set(name, interactorInitializer);\n        };\n        interactivityEngine.getInteractors = async (container, force = false)=>{\n            interactivityEngine.interactors ??= new Map();\n            interactivityEngine.initializers.interactors ??= new Map();\n            return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getItemsFromInitializer)(container, interactivityEngine.interactors, interactivityEngine.initializers.interactors, force);\n        };\n        interactivityEngine.setOnClickHandler = (callback)=>{\n            const { items } = interactivityEngine;\n            if (!items.length) {\n                throw new Error(\"Click handlers can only be set after calling tsParticles.load()\");\n            }\n            items.forEach((item)=>{\n                const interactivityContainer = item;\n                interactivityContainer.addClickHandler?.(callback);\n            });\n        };\n    });\n}\nfunction ensureInteractivityPluginLoaded(e) {\n    if (!e.addInteractor) {\n        throw new Error(\"tsParticles Interactivity Plugin is not loaded\");\n    }\n}\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   DivEvent: () => (/* reexport safe */ _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__.DivEvent),\n/* harmony export */   DivType: () => (/* reexport safe */ _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__.DivType),\n/* harmony export */   ExternalInteractorBase: () => (/* reexport safe */ _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__.ExternalInteractorBase),\n/* harmony export */   InteractivityDetect: () => (/* reexport safe */ _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__.InteractivityDetect),\n/* harmony export */   InteractorType: () => (/* reexport safe */ _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__.InteractorType),\n/* harmony export */   Modes: () => (/* reexport safe */ _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__.Modes),\n/* harmony export */   ParticlesInteractorBase: () => (/* reexport safe */ _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__.ParticlesInteractorBase),\n/* harmony export */   clickEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.clickEvent),\n/* harmony export */   divMode: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divMode),\n/* harmony export */   divModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divModeExecute),\n/* harmony export */   ensureInteractivityPluginLoaded: () => (/* binding */ ensureInteractivityPluginLoaded),\n/* harmony export */   isDivModeEnabled: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.isDivModeEnabled),\n/* harmony export */   loadInteractivityPlugin: () => (/* binding */ loadInteractivityPlugin),\n/* harmony export */   mouseDownEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseDownEvent),\n/* harmony export */   mouseLeaveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseLeaveEvent),\n/* harmony export */   mouseMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseMoveEvent),\n/* harmony export */   mouseOutEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseOutEvent),\n/* harmony export */   mouseUpEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseUpEvent),\n/* harmony export */   singleDivModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.singleDivModeExecute),\n/* harmony export */   touchCancelEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchCancelEvent),\n/* harmony export */   touchEndEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchEndEvent),\n/* harmony export */   touchMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchMoveEvent),\n/* harmony export */   touchStartEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchStartEvent)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n/* harmony import */ var _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BaseClasses/ExternalInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ExternalInteractorBase.js\");\n/* harmony import */ var _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BaseClasses/ParticlesInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ParticlesInteractorBase.js\");\n/* harmony import */ var _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../plugins/interactivity/dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Enums/DivType.js */ \"../../plugins/interactivity/dist/browser/Enums/DivType.js\");\n/* harmony import */ var _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Enums/InteractivityDetect.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractivityDetect.js\");\n/* harmony import */ var _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Enums/InteractorType.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractorType.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/interactivity/dist/browser/utils.js\");\n/* harmony import */ var _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Options/Classes/Events/DivEvent.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Events/DivEvent.js\");\n/* harmony import */ var _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Options/Classes/Modes/Modes.js */ \"../../plugins/interactivity/dist/browser/Options/Classes/Modes/Modes.js\");\n\nasync function loadInteractivityPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register(async (e)=>{\n        const interactivityEngine = e, { InteractivityPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_interactivity_dist_browser_InteractivityPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InteractivityPlugin.js */ \"../../plugins/interactivity/dist/browser/InteractivityPlugin.js\"));\n        interactivityEngine.addPlugin(new InteractivityPlugin(interactivityEngine));\n        interactivityEngine.initializers.interactors ??= new Map();\n        interactivityEngine.interactors ??= new Map();\n        interactivityEngine.addInteractor = (name, interactorInitializer)=>{\n            interactivityEngine.initializers.interactors ??= new Map();\n            interactivityEngine.initializers.interactors.set(name, interactorInitializer);\n        };\n        interactivityEngine.getInteractors = async (container, force = false)=>{\n            interactivityEngine.interactors ??= new Map();\n            interactivityEngine.initializers.interactors ??= new Map();\n            return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getItemsFromInitializer)(container, interactivityEngine.interactors, interactivityEngine.initializers.interactors, force);\n        };\n        interactivityEngine.setOnClickHandler = (callback)=>{\n            const { items } = interactivityEngine;\n            if (!items.length) {\n                throw new Error(\"Click handlers can only be set after calling tsParticles.load()\");\n            }\n            items.forEach((item)=>{\n                const interactivityContainer = item;\n                interactivityContainer.addClickHandler?.(callback);\n            });\n        };\n    });\n}\nfunction ensureInteractivityPluginLoaded(e) {\n    if (!e.addInteractor) {\n        throw new Error(\"tsParticles Interactivity Plugin is not loaded\");\n    }\n}\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/index.js?\n}");
 
 /***/ },
 

package/plugins_manualParticles_dist_browser_ManualParticlesPluginInstance_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.21
+ * v4.0.0-alpha.23
  */
 "use strict";
 /*

package/plugins_manualParticles_dist_browser_ManualParticlesPlugin_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.21
+ * v4.0.0-alpha.23
  */
 "use strict";
 /*

package/plugins_manualParticles_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.21
+ * v4.0.0-alpha.23
  */
 "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 */   loadManualParticlesPlugin: () => (/* binding */ loadManualParticlesPlugin)\n/* harmony export */ });\nasync function loadManualParticlesPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.21\");\n    await engine.register(async (e)=>{\n        const { ManualParticlesPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_manualParticles_dist_browser_ManualParticlesPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ManualParticlesPlugin.js */ \"../../plugins/manualParticles/dist/browser/ManualParticlesPlugin.js\"));\n        e.addPlugin(new ManualParticlesPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/manualParticles/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadManualParticlesPlugin: () => (/* binding */ loadManualParticlesPlugin)\n/* harmony export */ });\nasync function loadManualParticlesPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register(async (e)=>{\n        const { ManualParticlesPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_manualParticles_dist_browser_ManualParticlesPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ManualParticlesPlugin.js */ \"../../plugins/manualParticles/dist/browser/ManualParticlesPlugin.js\"));\n        e.addPlugin(new ManualParticlesPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/manualParticles/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_motion_dist_browser_MotionPluginInstance_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.21
+ * v4.0.0-alpha.23
  */
 "use strict";
 /*

package/plugins_motion_dist_browser_MotionPlugin_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.21
+ * v4.0.0-alpha.23
  */
 "use strict";
 /*

package/plugins_motion_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.21
+ * v4.0.0-alpha.23
  */
 "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 */   loadMotionPlugin: () => (/* binding */ loadMotionPlugin)\n/* harmony export */ });\nasync function loadMotionPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.21\");\n    await engine.register(async (e)=>{\n        const { MotionPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_motion_dist_browser_MotionPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./MotionPlugin.js */ \"../../plugins/motion/dist/browser/MotionPlugin.js\"));\n        e.addPlugin(new MotionPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/motion/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadMotionPlugin: () => (/* binding */ loadMotionPlugin)\n/* harmony export */ });\nasync function loadMotionPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register(async (e)=>{\n        const { MotionPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_motion_dist_browser_MotionPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./MotionPlugin.js */ \"../../plugins/motion/dist/browser/MotionPlugin.js\"));\n        e.addPlugin(new MotionPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/motion/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_poisson_dist_browser_PoissonDiscPluginInstance_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.21
+ * v4.0.0-alpha.23
  */
 "use strict";
 /*

package/plugins_poisson_dist_browser_PoissonDiscPlugin_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.21
+ * v4.0.0-alpha.23
  */
 "use strict";
 /*

package/plugins_poisson_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.21
+ * v4.0.0-alpha.23
  */
 "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 */   loadPoissonDiscPlugin: () => (/* binding */ loadPoissonDiscPlugin)\n/* harmony export */ });\nasync function loadPoissonDiscPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.21\");\n    await engine.register(async (e)=>{\n        const { PoissonDiscPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_poisson_dist_browser_PoissonDiscPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./PoissonDiscPlugin.js */ \"../../plugins/poisson/dist/browser/PoissonDiscPlugin.js\"));\n        e.addPlugin(new PoissonDiscPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/poisson/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadPoissonDiscPlugin: () => (/* binding */ loadPoissonDiscPlugin)\n/* harmony export */ });\nasync function loadPoissonDiscPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register(async (e)=>{\n        const { PoissonDiscPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_poisson_dist_browser_PoissonDiscPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./PoissonDiscPlugin.js */ \"../../plugins/poisson/dist/browser/PoissonDiscPlugin.js\"));\n        e.addPlugin(new PoissonDiscPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/poisson/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_polygonMask_dist_browser_PolygonMaskInstance_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.21
+ * v4.0.0-alpha.23
  */
 "use strict";
 /*

package/plugins_polygonMask_dist_browser_PolygonMaskPlugin_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.21
+ * v4.0.0-alpha.23
  */
 "use strict";
 /*

package/plugins_polygonMask_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.21
+ * v4.0.0-alpha.23
  */
 "use strict";
 /*
@@ -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 */   PolygonMaskInlineArrangement: () => (/* reexport safe */ _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_0__.PolygonMaskInlineArrangement),\n/* harmony export */   PolygonMaskMoveType: () => (/* reexport safe */ _Enums_PolygonMaskMoveType_js__WEBPACK_IMPORTED_MODULE_1__.PolygonMaskMoveType),\n/* harmony export */   PolygonMaskType: () => (/* reexport safe */ _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_2__.PolygonMaskType),\n/* harmony export */   loadPolygonMaskPlugin: () => (/* binding */ loadPolygonMaskPlugin)\n/* harmony export */ });\n/* harmony import */ var _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Enums/PolygonMaskInlineArrangement.js */ \"../../plugins/polygonMask/dist/browser/Enums/PolygonMaskInlineArrangement.js\");\n/* harmony import */ var _Enums_PolygonMaskMoveType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Enums/PolygonMaskMoveType.js */ \"../../plugins/polygonMask/dist/browser/Enums/PolygonMaskMoveType.js\");\n/* harmony import */ var _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Enums/PolygonMaskType.js */ \"../../plugins/polygonMask/dist/browser/Enums/PolygonMaskType.js\");\nasync function loadPolygonMaskPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.21\");\n    await engine.register(async (e)=>{\n        const { PolygonMaskPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_polygonMask_dist_browser_PolygonMaskPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./PolygonMaskPlugin.js */ \"../../plugins/polygonMask/dist/browser/PolygonMaskPlugin.js\"));\n        e.addPlugin(new PolygonMaskPlugin(engine));\n    });\n}\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/polygonMask/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PolygonMaskInlineArrangement: () => (/* reexport safe */ _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_0__.PolygonMaskInlineArrangement),\n/* harmony export */   PolygonMaskMoveType: () => (/* reexport safe */ _Enums_PolygonMaskMoveType_js__WEBPACK_IMPORTED_MODULE_1__.PolygonMaskMoveType),\n/* harmony export */   PolygonMaskType: () => (/* reexport safe */ _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_2__.PolygonMaskType),\n/* harmony export */   loadPolygonMaskPlugin: () => (/* binding */ loadPolygonMaskPlugin)\n/* harmony export */ });\n/* harmony import */ var _Enums_PolygonMaskInlineArrangement_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Enums/PolygonMaskInlineArrangement.js */ \"../../plugins/polygonMask/dist/browser/Enums/PolygonMaskInlineArrangement.js\");\n/* harmony import */ var _Enums_PolygonMaskMoveType_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Enums/PolygonMaskMoveType.js */ \"../../plugins/polygonMask/dist/browser/Enums/PolygonMaskMoveType.js\");\n/* harmony import */ var _Enums_PolygonMaskType_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Enums/PolygonMaskType.js */ \"../../plugins/polygonMask/dist/browser/Enums/PolygonMaskType.js\");\nasync function loadPolygonMaskPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register(async (e)=>{\n        const { PolygonMaskPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_polygonMask_dist_browser_PolygonMaskPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./PolygonMaskPlugin.js */ \"../../plugins/polygonMask/dist/browser/PolygonMaskPlugin.js\"));\n        e.addPlugin(new PolygonMaskPlugin(engine));\n    });\n}\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/polygonMask/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_responsive_dist_browser_ResponsivePluginInstance_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.21
+ * v4.0.0-alpha.23
  */
 "use strict";
 /*

package/plugins_responsive_dist_browser_ResponsivePlugin_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.21
+ * v4.0.0-alpha.23
  */
 "use strict";
 /*

package/plugins_responsive_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.21
+ * v4.0.0-alpha.23
  */
 "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 */   loadResponsivePlugin: () => (/* binding */ loadResponsivePlugin)\n/* harmony export */ });\nasync function loadResponsivePlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.21\");\n    await engine.register(async (e)=>{\n        const { ResponsivePlugin } = await __webpack_require__.e(/*! import() */ \"plugins_responsive_dist_browser_ResponsivePlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ResponsivePlugin.js */ \"../../plugins/responsive/dist/browser/ResponsivePlugin.js\"));\n        e.addPlugin(new ResponsivePlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/responsive/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadResponsivePlugin: () => (/* binding */ loadResponsivePlugin)\n/* harmony export */ });\nasync function loadResponsivePlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register(async (e)=>{\n        const { ResponsivePlugin } = await __webpack_require__.e(/*! import() */ \"plugins_responsive_dist_browser_ResponsivePlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ResponsivePlugin.js */ \"../../plugins/responsive/dist/browser/ResponsivePlugin.js\"));\n        e.addPlugin(new ResponsivePlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/responsive/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_sounds_dist_browser_SoundsPluginInstance_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.21
+ * v4.0.0-alpha.23
  */
 "use strict";
 /*

package/plugins_sounds_dist_browser_SoundsPlugin_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.21
+ * v4.0.0-alpha.23
  */
 "use strict";
 /*

package/plugins_sounds_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.21
+ * v4.0.0-alpha.23
  */
 "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 */   loadSoundsPlugin: () => (/* binding */ loadSoundsPlugin)\n/* harmony export */ });\nasync function loadSoundsPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.21\");\n    await engine.register(async (e)=>{\n        const { SoundsPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_sounds_dist_browser_SoundsPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./SoundsPlugin.js */ \"../../plugins/sounds/dist/browser/SoundsPlugin.js\"));\n        e.addPlugin(new SoundsPlugin(engine));\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/sounds/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadSoundsPlugin: () => (/* binding */ loadSoundsPlugin)\n/* harmony export */ });\nasync function loadSoundsPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register(async (e)=>{\n        const { SoundsPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_sounds_dist_browser_SoundsPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./SoundsPlugin.js */ \"../../plugins/sounds/dist/browser/SoundsPlugin.js\"));\n        e.addPlugin(new SoundsPlugin(engine));\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/sounds/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_themes_dist_browser_ThemesPluginInstance_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.21
+ * v4.0.0-alpha.23
  */
 "use strict";
 /*

package/plugins_themes_dist_browser_ThemesPlugin_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.21
+ * v4.0.0-alpha.23
  */
 "use strict";
 /*

package/plugins_themes_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.21
+ * v4.0.0-alpha.23
  */
 "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 */   loadThemesPlugin: () => (/* binding */ loadThemesPlugin)\n/* harmony export */ });\nasync function loadThemesPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.21\");\n    await engine.register(async (e)=>{\n        const { ThemesPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_themes_dist_browser_ThemesPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ThemesPlugin.js */ \"../../plugins/themes/dist/browser/ThemesPlugin.js\"));\n        e.addPlugin(new ThemesPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/themes/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadThemesPlugin: () => (/* binding */ loadThemesPlugin)\n/* harmony export */ });\nasync function loadThemesPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register(async (e)=>{\n        const { ThemesPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_themes_dist_browser_ThemesPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ThemesPlugin.js */ \"../../plugins/themes/dist/browser/ThemesPlugin.js\"));\n        e.addPlugin(new ThemesPlugin());\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/themes/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_trail_dist_browser_TrailPluginInstance_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.21
+ * v4.0.0-alpha.23
  */
 "use strict";
 /*

package/plugins_trail_dist_browser_TrailPlugin_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.21
+ * v4.0.0-alpha.23
  */
 "use strict";
 /*

package/plugins_trail_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.21
+ * v4.0.0-alpha.23
  */
 "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 */   loadTrailPlugin: () => (/* binding */ loadTrailPlugin)\n/* harmony export */ });\nasync function loadTrailPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.21\");\n    await engine.register(async (e)=>{\n        const { TrailPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_trail_dist_browser_TrailPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TrailPlugin.js */ \"../../plugins/trail/dist/browser/TrailPlugin.js\"));\n        e.addPlugin(new TrailPlugin(engine));\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/trail/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadTrailPlugin: () => (/* binding */ loadTrailPlugin)\n/* harmony export */ });\nasync function loadTrailPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.23\");\n    await engine.register(async (e)=>{\n        const { TrailPlugin } = await __webpack_require__.e(/*! import() */ \"plugins_trail_dist_browser_TrailPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TrailPlugin.js */ \"../../plugins/trail/dist/browser/TrailPlugin.js\"));\n        e.addPlugin(new TrailPlugin(engine));\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/trail/dist/browser/index.js?\n}");
 
 /***/ }
 

package/plugins_zoom_dist_browser_ZoomPluginInstance_js.js

@@ -0,0 +1,40 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.23
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_all"] = this["webpackChunk_tsparticles_all"] || []).push([["plugins_zoom_dist_browser_ZoomPluginInstance_js"],{
+
+/***/ "../../plugins/zoom/dist/browser/ZoomEventListeners.js"
+/*!*************************************************************!*\
+  !*** ../../plugins/zoom/dist/browser/ZoomEventListeners.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 */   ZoomEventListeners: () => (/* binding */ ZoomEventListeners)\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 _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils/Constants.js */ \"../../plugins/zoom/dist/browser/Utils/Constants.js\");\n\n\nclass ZoomEventListeners {\n    container;\n    _gestureScale;\n    _handlers;\n    _touchDistance;\n    constructor(container){\n        this.container = container;\n        this._gestureScale = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultZoom;\n        this._touchDistance = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.initialTouchDistance;\n        this._handlers = {\n            gestureStart: (e)=>{\n                this._handleGestureStart(e);\n            },\n            gestureChange: (e)=>{\n                this._handleGestureChange(e);\n            },\n            gestureEnd: (e)=>{\n                this._handleGestureEnd(e);\n            },\n            wheel: (e)=>{\n                this._handleMouseWheel(e);\n            },\n            touchMove: (e)=>{\n                this._handleTouchZoom(e);\n            },\n            touchEnd: ()=>{\n                this._handleTouchEnd();\n            }\n        };\n    }\n    addListeners() {\n        this._manageListeners(true);\n    }\n    removeListeners() {\n        this._manageListeners(false);\n    }\n    _handleGestureChange = (event)=>{\n        const container = this.container, canvas = container.canvas, canvasEl = canvas.element;\n        if (!canvasEl) {\n            return;\n        }\n        const zoomOptions = container.actualOptions.zoom;\n        if (!zoomOptions?.enable) {\n            return;\n        }\n        if (!this._isEventInsideCanvas(event, canvasEl)) {\n            return;\n        }\n        event.preventDefault();\n        const gestureEvent = event, baseZoom = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultZoom, gestureFactor = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomGestureFactor, scale = gestureEvent.scale ?? baseZoom;\n        if (scale === this._gestureScale) {\n            return;\n        }\n        const scaleDelta = scale / this._gestureScale, adjustedScale = baseZoom + (scaleDelta - baseZoom) * gestureFactor, currentZoom = canvas.zoom, newZoom = Math.max(zoomOptions.min, Math.min(currentZoom * adjustedScale, zoomOptions.max)), rect = canvasEl.getBoundingClientRect(), clientX = gestureEvent.clientX ?? rect.left + rect.width / _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchCenterDivisor, clientY = gestureEvent.clientY ?? rect.top + rect.height / _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchCenterDivisor, pixelRatio = this.container.retina.pixelRatio, centerX = (clientX - rect.left) * pixelRatio, centerY = (clientY - rect.top) * pixelRatio;\n        canvas.setZoom(newZoom, {\n            x: centerX,\n            y: centerY\n        });\n        this._gestureScale = scale;\n    };\n    _handleGestureEnd = (event)=>{\n        const container = this.container, canvas = container.canvas, canvasEl = canvas.element;\n        if (!canvasEl) {\n            return;\n        }\n        const zoomOptions = container.actualOptions.zoom;\n        if (!zoomOptions?.enable) {\n            return;\n        }\n        if (!this._isEventInsideCanvas(event, canvasEl)) {\n            return;\n        }\n        event.preventDefault();\n        this._gestureScale = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultZoom;\n    };\n    _handleGestureStart = (event)=>{\n        const container = this.container, canvas = container.canvas, canvasEl = canvas.element;\n        if (!canvasEl) {\n            return;\n        }\n        const zoomOptions = container.actualOptions.zoom;\n        if (!zoomOptions?.enable) {\n            return;\n        }\n        if (!this._isEventInsideCanvas(event, canvasEl)) {\n            return;\n        }\n        event.preventDefault();\n        this._gestureScale = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultZoom;\n    };\n    _handleMouseWheel = (event)=>{\n        if (!event.ctrlKey && !event.metaKey) {\n            return;\n        }\n        const container = this.container, zoomOptions = container.actualOptions.zoom, canvas = container.canvas, canvasEl = canvas.element;\n        if (!canvasEl) {\n            return;\n        }\n        if (!zoomOptions?.enable) {\n            return;\n        }\n        if (!this._isEventInsideCanvas(event, canvasEl)) {\n            return;\n        }\n        event.preventDefault();\n        const zoomFactor = event.deltaY > _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.initialTouchDistance ? _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomOutFactor : _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomInFactor, currentZoom = canvas.zoom, newZoom = Math.max(zoomOptions.min, Math.min(currentZoom * zoomFactor, zoomOptions.max)), rect = canvasEl.getBoundingClientRect(), pixelRatio = this.container.retina.pixelRatio, mouseX = (event.clientX - rect.left) * pixelRatio, mouseY = (event.clientY - rect.top) * pixelRatio;\n        canvas.setZoom(newZoom, {\n            x: mouseX,\n            y: mouseY\n        });\n    };\n    _handleTouchEnd = ()=>{\n        this._touchDistance = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.initialTouchDistance;\n    };\n    _handleTouchZoom = (event)=>{\n        if (event.touches.length !== _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointsCount) {\n            return;\n        }\n        event.preventDefault();\n        const touch1 = event.touches[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointIndexFirst], touch2 = event.touches[_Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchPointIndexSecond];\n        if (!touch1 || !touch2) {\n            return;\n        }\n        const dx = touch1.clientX - touch2.clientX, dy = touch1.clientY - touch2.clientY, distance = Math.sqrt(dx * dx + dy * dy);\n        if (this._touchDistance === _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.initialTouchDistance) {\n            this._touchDistance = distance;\n            return;\n        }\n        const container = this.container, zoomOptions = container.actualOptions.zoom, canvas = container.canvas, canvasEl = canvas.element;\n        if (!canvasEl) {\n            return;\n        }\n        if (!zoomOptions?.enable) {\n            return;\n        }\n        if (!this._isEventInsideCanvas(event, canvasEl)) {\n            return;\n        }\n        const scale = distance / this._touchDistance, baseZoom = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultZoom, gestureFactor = _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.zoomGestureFactor, adjustedScale = baseZoom + (scale - baseZoom) * gestureFactor, currentZoom = canvas.zoom, newZoom = Math.max(zoomOptions.min, Math.min(currentZoom * adjustedScale, zoomOptions.max)), rect = canvasEl.getBoundingClientRect(), pixelRatio = this.container.retina.pixelRatio, centerX = ((touch1.clientX + touch2.clientX) / _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchCenterDivisor - rect.left) * pixelRatio, centerY = ((touch1.clientY + touch2.clientY) / _Utils_Constants_js__WEBPACK_IMPORTED_MODULE_1__.touchCenterDivisor - rect.top) * pixelRatio;\n        canvas.setZoom(newZoom, {\n            x: centerX,\n            y: centerY\n        });\n        this._touchDistance = distance;\n    };\n    _isEventInsideCanvas = (event, canvasEl)=>{\n        if (event.target === canvasEl) {\n            return true;\n        }\n        const eventWithPath = event, path = eventWithPath.composedPath();\n        if (path.includes(canvasEl)) {\n            return true;\n        }\n        const { clientX, clientY } = eventWithPath;\n        if (typeof clientX === \"number\" && typeof clientY === \"number\") {\n            const rect = canvasEl.getBoundingClientRect();\n            return clientX >= rect.left && clientX <= rect.right && clientY >= rect.top && clientY <= rect.bottom;\n        }\n        return false;\n    };\n    _manageListeners = (add)=>{\n        const handlers = this._handlers, canvas = this.container.canvas.element, options = this.container.actualOptions, doc = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)();\n        if (!canvas) {\n            return;\n        }\n        if (add && !options.zoom?.enable) {\n            return;\n        }\n        const listenerOptions = {\n            passive: false\n        }, captureOptions = {\n            capture: true,\n            passive: false\n        };\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(doc, \"gesturestart\", handlers.gestureStart, add, captureOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(doc, \"gesturechange\", handlers.gestureChange, add, captureOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(doc, \"gestureend\", handlers.gestureEnd, add, captureOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(doc, \"wheel\", handlers.wheel, add, captureOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(canvas, \"gesturestart\", handlers.gestureStart, add, listenerOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(canvas, \"gesturechange\", handlers.gestureChange, add, listenerOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(canvas, \"gestureend\", handlers.gestureEnd, add, listenerOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(canvas, \"wheel\", handlers.wheel, add, listenerOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(canvas, \"touchmove\", handlers.touchMove, add, listenerOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(canvas, \"touchend\", handlers.touchEnd, add, listenerOptions);\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.manageListener)(canvas, \"touchcancel\", handlers.touchEnd, add, listenerOptions);\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/zoom/dist/browser/ZoomEventListeners.js?\n}");
+
+/***/ },
+
+/***/ "../../plugins/zoom/dist/browser/ZoomPluginInstance.js"
+/*!*************************************************************!*\
+  !*** ../../plugins/zoom/dist/browser/ZoomPluginInstance.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 */   ZoomPluginInstance: () => (/* binding */ ZoomPluginInstance)\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 _ZoomEventListeners_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ZoomEventListeners.js */ \"../../plugins/zoom/dist/browser/ZoomEventListeners.js\");\n\n\nclass ZoomPluginInstance {\n    _container;\n    _listeners;\n    constructor(container){\n        this._container = container;\n        this._listeners = new _ZoomEventListeners_js__WEBPACK_IMPORTED_MODULE_1__.ZoomEventListeners(container);\n    }\n    destroy() {\n        this._listeners.removeListeners();\n    }\n    drawParticleTransform(data) {\n        const container = this._container, canvas = container.canvas, zoom = canvas.zoom;\n        if (zoom === _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultZoom) {\n            return;\n        }\n        const center = canvas.getZoomCenter(), { context, position, transformData } = data, zoomedX = center.x + (position.x - center.x) * zoom, zoomedY = center.y + (position.y - center.y) * zoom;\n        data.drawScale = zoom;\n        data.drawRadius = data.radius * zoom;\n        data.drawPosition = {\n            x: zoomedX,\n            y: zoomedY\n        };\n        context.setTransform(transformData.a * zoom, transformData.b * zoom, transformData.c * zoom, transformData.d * zoom, zoomedX, zoomedY);\n    }\n    drawSettingsCleanup(context) {\n        const zoom = this._container.canvas.zoom;\n        if (zoom === _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultZoom) {\n            return;\n        }\n        context.restore();\n    }\n    drawSettingsSetup(context) {\n        const zoom = this._container.canvas.zoom;\n        if (zoom === _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultZoom) {\n            return;\n        }\n        context.save();\n        const { x: centerX, y: centerY } = this._container.canvas.getZoomCenter();\n        context.translate(centerX, centerY);\n        context.scale(zoom, zoom);\n        context.translate(-centerX, -centerY);\n    }\n    start() {\n        this._listeners.addListeners();\n        return Promise.resolve();\n    }\n    stop() {\n        this._listeners.removeListeners();\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/zoom/dist/browser/ZoomPluginInstance.js?\n}");
+
+/***/ }
+
+}]);