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

package/interactions_particles_links_dist_browser_Linker_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.22
  */
 "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 */   CircleWarp: () => (/* binding */ CircleWarp)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass CircleWarp extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Circle {\n    canvasSize;\n    constructor(x, y, radius, canvasSize){\n        super(x, y, radius);\n        this.canvasSize = canvasSize;\n        this.canvasSize = {\n            ...canvasSize\n        };\n    }\n    contains(point) {\n        const { width, height } = this.canvasSize, { x, y } = point;\n        return super.contains(point) || super.contains({\n            x: x - width,\n            y\n        }) || super.contains({\n            x: x - width,\n            y: y - height\n        }) || super.contains({\n            x,\n            y: y - height\n        });\n    }\n    intersects(range) {\n        if (super.intersects(range)) {\n            return true;\n        }\n        const rect = range, circle = range, newPos = {\n            x: range.position.x - this.canvasSize.width,\n            y: range.position.y - this.canvasSize.height\n        };\n        if (Object.hasOwn(circle, \"radius\")) {\n            const biggerCircle = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Circle(newPos.x, newPos.y, circle.radius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double);\n            return super.intersects(biggerCircle);\n        } else if (Object.hasOwn(rect, \"size\")) {\n            const rectSW = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Rectangle(newPos.x, newPos.y, rect.size.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double, rect.size.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double);\n            return super.intersects(rectSW);\n        }\n        return false;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../interactions/particles/links/dist/browser/CircleWarp.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CircleWarp: () => (/* binding */ CircleWarp)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass CircleWarp extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Circle {\n    canvasSize;\n    constructor(x, y, radius, canvasSize){\n        super(x, y, radius);\n        this.canvasSize = canvasSize;\n    }\n    contains(point) {\n        if (super.contains(point)) return true;\n        const { width, height } = this.canvasSize, { x, y } = point;\n        return super.contains({\n            x: x - width,\n            y\n        }) || super.contains({\n            x: x + width,\n            y\n        }) || super.contains({\n            x,\n            y: y - height\n        }) || super.contains({\n            x,\n            y: y + height\n        }) || super.contains({\n            x: x - width,\n            y: y - height\n        }) || super.contains({\n            x: x + width,\n            y: y + height\n        }) || super.contains({\n            x: x - width,\n            y: y + height\n        }) || super.contains({\n            x: x + width,\n            y: y - height\n        });\n    }\n    intersects(range) {\n        if (super.intersects(range)) return true;\n        const { width, height } = this.canvasSize, pos = range.position, shifts = [\n            {\n                x: -width,\n                y: 0\n            },\n            {\n                x: width,\n                y: 0\n            },\n            {\n                x: 0,\n                y: -height\n            },\n            {\n                x: 0,\n                y: height\n            },\n            {\n                x: -width,\n                y: -height\n            },\n            {\n                x: width,\n                y: height\n            },\n            {\n                x: -width,\n                y: height\n            },\n            {\n                x: width,\n                y: -height\n            }\n        ];\n        for (const shift of shifts){\n            const shiftedPos = {\n                x: pos.x + shift.x,\n                y: pos.y + shift.y\n            };\n            let shiftedRange;\n            if (range instanceof _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Circle) {\n                shiftedRange = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Circle(shiftedPos.x, shiftedPos.y, range.radius);\n            } else {\n                const rect = range;\n                shiftedRange = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Rectangle(shiftedPos.x, shiftedPos.y, rect.size.width, rect.size.height);\n            }\n            if (super.intersects(shiftedRange)) return true;\n        }\n        return false;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../interactions/particles/links/dist/browser/CircleWarp.js?\n}");
 
 /***/ },
 
@@ -33,57 +33,77 @@ 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 */   Linker: () => (/* binding */ Linker)\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 _CircleWarp_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./CircleWarp.js */ \"../../interactions/particles/links/dist/browser/CircleWarp.js\");\n/* harmony import */ var _Options_Classes_Links_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/Links.js */ \"../../interactions/particles/links/dist/browser/Options/Classes/Links.js\");\n/* harmony import */ var _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @tsparticles/plugin-interactivity */ \"../../plugins/interactivity/dist/browser/index.js\");\n\n\n\n\nconst squarePower = 2, opacityOffset = 1, minDistance = 0;\nfunction getLinkDistance(pos1, pos2, optDistance, canvasSize, warp) {\n    const { dx, dy, distance } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(pos1, pos2);\n    if (!warp || distance <= optDistance) {\n        return distance;\n    }\n    const absDiffs = {\n        x: Math.abs(dx),\n        y: Math.abs(dy)\n    }, warpDistances = {\n        x: Math.min(absDiffs.x, canvasSize.width - absDiffs.x),\n        y: Math.min(absDiffs.y, canvasSize.height - absDiffs.y)\n    };\n    return Math.sqrt(warpDistances.x ** squarePower + warpDistances.y ** squarePower);\n}\nclass Linker extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_3__.ParticlesInteractorBase {\n    _engine;\n    constructor(container, engine){\n        super(container);\n        this._engine = engine;\n    }\n    clear() {}\n    init() {\n        this.container.particles.linksColor = undefined;\n        this.container.particles.linksColors = new Map();\n    }\n    interact(p1) {\n        if (!p1.options.links) {\n            return;\n        }\n        p1.links = [];\n        const pos1 = p1.getPosition(), container = this.container, canvasSize = container.canvas.size;\n        if (pos1.x < _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x || pos1.y < _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y || pos1.x > canvasSize.width || pos1.y > canvasSize.height) {\n            return;\n        }\n        const linkOpt1 = p1.options.links, optOpacity = linkOpt1.opacity, optDistance = p1.retina.linksDistance ?? minDistance, warp = linkOpt1.warp;\n        let range;\n        if (warp) {\n            range = new _CircleWarp_js__WEBPACK_IMPORTED_MODULE_1__.CircleWarp(pos1.x, pos1.y, optDistance, canvasSize);\n        } else {\n            range = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Circle(pos1.x, pos1.y, optDistance);\n        }\n        const query = container.particles.quadTree.query(range);\n        for (const p2 of query){\n            const linkOpt2 = p2.options.links;\n            if (p1 === p2 || !linkOpt2?.enable || linkOpt1.id !== linkOpt2.id || p2.spawning || p2.destroyed || !p2.links || p1.links.some((t)=>t.destination === p2) || p2.links.some((t)=>t.destination === p1)) {\n                continue;\n            }\n            const pos2 = p2.getPosition();\n            if (pos2.x < _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x || pos2.y < _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y || pos2.x > canvasSize.width || pos2.y > canvasSize.height) {\n                continue;\n            }\n            const distance = getLinkDistance(pos1, pos2, optDistance, canvasSize, warp && linkOpt2.warp);\n            if (distance > optDistance) {\n                continue;\n            }\n            const opacityLine = (opacityOffset - distance / optDistance) * optOpacity;\n            this._setColor(p1);\n            p1.links.push({\n                destination: p2,\n                opacity: opacityLine\n            });\n        }\n    }\n    isEnabled(particle) {\n        return !!particle.options.links?.enable;\n    }\n    loadParticlesOptions(options, ...sources) {\n        options.links ??= new _Options_Classes_Links_js__WEBPACK_IMPORTED_MODULE_2__.Links();\n        for (const source of sources){\n            options.links.load(source?.links);\n        }\n    }\n    reset() {}\n    _setColor = (p1)=>{\n        if (!p1.options.links) {\n            return;\n        }\n        const container = this.container, linksOptions = p1.options.links;\n        let linkColor = linksOptions.id === undefined ? container.particles.linksColor : container.particles.linksColors.get(linksOptions.id);\n        if (linkColor) {\n            return;\n        }\n        const optColor = linksOptions.color;\n        linkColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLinkRandomColor)(this._engine, optColor, linksOptions.blink, linksOptions.consent);\n        if (linksOptions.id === undefined) {\n            container.particles.linksColor = linkColor;\n        } else {\n            container.particles.linksColors.set(linksOptions.id, linkColor);\n        }\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../interactions/particles/links/dist/browser/Linker.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Linker: () => (/* binding */ Linker)\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 _CircleWarp_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./CircleWarp.js */ \"../../interactions/particles/links/dist/browser/CircleWarp.js\");\n/* harmony import */ var _Options_Classes_Links_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/Links.js */ \"../../interactions/particles/links/dist/browser/Options/Classes/Links.js\");\n/* harmony import */ var _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @tsparticles/plugin-interactivity */ \"../../plugins/interactivity/dist/browser/index.js\");\n\n\n\n\nconst squarePower = 2, opacityOffset = 1, minDistance = 0;\nfunction getWarpDistance(pos1, pos2, canvasSize) {\n    const { dx, dy } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(pos1, pos2), absDiffs = {\n        x: Math.abs(dx),\n        y: Math.abs(dy)\n    }, warpDistances = {\n        x: Math.min(absDiffs.x, canvasSize.width - absDiffs.x),\n        y: Math.min(absDiffs.y, canvasSize.height - absDiffs.y)\n    };\n    return Math.sqrt(warpDistances.x ** squarePower + warpDistances.y ** squarePower);\n}\nclass Linker extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_3__.ParticlesInteractorBase {\n    _engine;\n    constructor(container, engine){\n        super(container);\n        this._engine = engine;\n    }\n    clear() {}\n    init() {\n        this.container.particles.linksColor = undefined;\n        this.container.particles.linksColors = new Map();\n    }\n    interact(p1) {\n        if (!p1.options.links) {\n            return;\n        }\n        p1.links = [];\n        const pos1 = p1.getPosition(), container = this.container, canvasSize = container.canvas.size;\n        if (pos1.x < _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x || pos1.y < _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y || pos1.x > canvasSize.width || pos1.y > canvasSize.height) {\n            return;\n        }\n        const linkOpt1 = p1.options.links, optOpacity = linkOpt1.opacity, optDistance = p1.retina.linksDistance ?? minDistance, warp = linkOpt1.warp, range = warp ? new _CircleWarp_js__WEBPACK_IMPORTED_MODULE_1__.CircleWarp(pos1.x, pos1.y, optDistance, canvasSize) : new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Circle(pos1.x, pos1.y, optDistance), query = container.particles.quadTree.query(range);\n        for (const p2 of query){\n            const linkOpt2 = p2.options.links;\n            if (p1 === p2 || !linkOpt2?.enable || linkOpt1.id !== linkOpt2.id || p2.spawning || p2.destroyed || !p2.links || p1.links.some((t)=>t.destination === p2) || p2.links.some((t)=>t.destination === p1)) {\n                continue;\n            }\n            const pos2 = p2.getPosition();\n            if (pos2.x < _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x || pos2.y < _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y || pos2.x > canvasSize.width || pos2.y > canvasSize.height) {\n                continue;\n            }\n            const distDirect = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(pos1, pos2).distance, distWarp = warp && linkOpt2.warp ? getWarpDistance(pos1, pos2, canvasSize) : distDirect, distance = Math.min(distDirect, distWarp);\n            if (distance > optDistance) {\n                continue;\n            }\n            const opacityLine = (opacityOffset - distance / optDistance) * optOpacity;\n            this._setColor(p1);\n            p1.links.push({\n                destination: p2,\n                opacity: opacityLine,\n                color: this._getLinkColor(p1, p2),\n                isWarped: distWarp < distDirect\n            });\n        }\n    }\n    isEnabled(particle) {\n        return !!particle.options.links?.enable;\n    }\n    loadParticlesOptions(options, ...sources) {\n        options.links ??= new _Options_Classes_Links_js__WEBPACK_IMPORTED_MODULE_2__.Links();\n        for (const source of sources){\n            options.links.load(source?.links);\n        }\n    }\n    reset() {}\n    _getLinkColor(p1, p2) {\n        const container = this.container, linksOptions = p1.options.links;\n        if (!linksOptions) {\n            return;\n        }\n        const linkColor = linksOptions.id !== undefined ? container.particles.linksColors.get(linksOptions.id) : container.particles.linksColor;\n        return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLinkColor)(p1, p2, linkColor);\n    }\n    _setColor(p1) {\n        if (!p1.options.links) {\n            return;\n        }\n        const container = this.container, linksOptions = p1.options.links;\n        let linkColor = linksOptions.id === undefined ? container.particles.linksColor : container.particles.linksColors.get(linksOptions.id);\n        if (linkColor) {\n            return;\n        }\n        linkColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLinkRandomColor)(this._engine, linksOptions.color, linksOptions.blink, linksOptions.consent);\n        if (linksOptions.id === undefined) {\n            container.particles.linksColor = linkColor;\n        } else {\n            container.particles.linksColors.set(linksOptions.id, linkColor);\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../interactions/particles/links/dist/browser/Linker.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\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/GlobalInteractorBase.js"
+/*!************************************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/BaseClasses/GlobalInteractorBase.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 */   GlobalInteractorBase: () => (/* binding */ GlobalInteractorBase)\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 GlobalInteractorBase {\n    type = _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_0__.InteractorType.global;\n    container;\n    constructor(container){\n        this.container = container;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/BaseClasses/GlobalInteractorBase.js?\n}");
 
 /***/ },
 
-/***/ "../../plugins/interactivity/dist/browser/InteractivityConstants.js"
-/*!**************************************************************************!*\
-  !*** ../../plugins/interactivity/dist/browser/InteractivityConstants.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 */   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 */   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/InteractivityDetect.js"
-/*!***********************************************************************!*\
-  !*** ../../plugins/interactivity/dist/browser/InteractivityDetect.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 */   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 */   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/InteractorType.js"
-/*!******************************************************************!*\
-  !*** ../../plugins/interactivity/dist/browser/InteractorType.js ***!
-  \******************************************************************/
+/***/ "../../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 */   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 */   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/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 */   InteractorType: () => (/* binding */ InteractorType)\n/* harmony export */ });\nvar InteractorType;\n(function(InteractorType) {\n    InteractorType[\"global\"] = \"global\";\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/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 */   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}");
 
 /***/ },
 
@@ -93,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: () => (/* 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}");
 
 /***/ },
 
@@ -107,23 +127,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_9__.DivEvent),\n/* harmony export */   DivType: () => (/* reexport safe */ _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_5__.DivType),\n/* harmony export */   ExternalInteractorBase: () => (/* reexport safe */ _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__.ExternalInteractorBase),\n/* harmony export */   GlobalInteractorBase: () => (/* reexport safe */ _BaseClasses_GlobalInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__.GlobalInteractorBase),\n/* harmony export */   InteractivityDetect: () => (/* reexport safe */ _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_6__.InteractivityDetect),\n/* harmony export */   InteractorType: () => (/* reexport safe */ _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_7__.InteractorType),\n/* harmony export */   Modes: () => (/* reexport safe */ _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_10__.Modes),\n/* harmony export */   ParticlesInteractorBase: () => (/* reexport safe */ _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_3__.ParticlesInteractorBase),\n/* harmony export */   clickEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.clickEvent),\n/* harmony export */   divMode: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_8__.divMode),\n/* harmony export */   divModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_8__.divModeExecute),\n/* harmony export */   ensureInteractivityPluginLoaded: () => (/* binding */ ensureInteractivityPluginLoaded),\n/* harmony export */   isDivModeEnabled: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_8__.isDivModeEnabled),\n/* harmony export */   loadInteractivityPlugin: () => (/* binding */ loadInteractivityPlugin),\n/* harmony export */   mouseDownEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.mouseDownEvent),\n/* harmony export */   mouseLeaveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.mouseLeaveEvent),\n/* harmony export */   mouseMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.mouseMoveEvent),\n/* harmony export */   mouseOutEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.mouseOutEvent),\n/* harmony export */   mouseUpEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.mouseUpEvent),\n/* harmony export */   singleDivModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_8__.singleDivModeExecute),\n/* harmony export */   touchCancelEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.touchCancelEvent),\n/* harmony export */   touchEndEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.touchEndEvent),\n/* harmony export */   touchMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.touchMoveEvent),\n/* harmony export */   touchStartEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.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_GlobalInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BaseClasses/GlobalInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/GlobalInteractorBase.js\");\n/* harmony import */ var _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./BaseClasses/ParticlesInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ParticlesInteractorBase.js\");\n/* harmony import */ var _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../plugins/interactivity/dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Enums/DivType.js */ \"../../plugins/interactivity/dist/browser/Enums/DivType.js\");\n/* harmony import */ var _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Enums/InteractivityDetect.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractivityDetect.js\");\n/* harmony import */ var _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Enums/InteractorType.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractorType.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/interactivity/dist/browser/utils.js\");\n/* harmony import */ var _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_9__ = __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_10__ = __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.22\");\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\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/index.js?\n}");
 
 /***/ },
 

package/interactions_particles_links_dist_browser_LinksPlugin_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.22
  */
 "use strict";
 /*

package/interactions_particles_links_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.22
  */
 "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 */   Links: () => (/* reexport safe */ _Options_Classes_Links_js__WEBPACK_IMPORTED_MODULE_0__.Links),\n/* harmony export */   LinksShadow: () => (/* reexport safe */ _Options_Classes_LinksShadow_js__WEBPACK_IMPORTED_MODULE_1__.LinksShadow),\n/* harmony export */   LinksTriangle: () => (/* reexport safe */ _Options_Classes_LinksTriangle_js__WEBPACK_IMPORTED_MODULE_2__.LinksTriangle),\n/* harmony export */   loadParticlesLinksInteraction: () => (/* binding */ loadParticlesLinksInteraction)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Links_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Links.js */ \"../../interactions/particles/links/dist/browser/Options/Classes/Links.js\");\n/* harmony import */ var _Options_Classes_LinksShadow_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/LinksShadow.js */ \"../../interactions/particles/links/dist/browser/Options/Classes/LinksShadow.js\");\n/* harmony import */ var _Options_Classes_LinksTriangle_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/LinksTriangle.js */ \"../../interactions/particles/links/dist/browser/Options/Classes/LinksTriangle.js\");\nasync function loadParticlesLinksInteraction(engine) {\n    engine.checkVersion(\"4.0.0-alpha.21\");\n    await engine.register(async (e)=>{\n        const [{ ensureInteractivityPluginLoaded }, { LinksPlugin }] = 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() */ \"interactions_particles_links_dist_browser_LinksPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./LinksPlugin.js */ \"../../interactions/particles/links/dist/browser/LinksPlugin.js\"))\n        ]);\n        ensureInteractivityPluginLoaded(e);\n        e.addPlugin(new LinksPlugin(e));\n        e.addInteractor?.(\"particlesLinks\", async (container)=>{\n            const { Linker } = await __webpack_require__.e(/*! import() */ \"interactions_particles_links_dist_browser_Linker_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./Linker.js */ \"../../interactions/particles/links/dist/browser/Linker.js\"));\n            return new Linker(container, engine);\n        });\n    });\n}\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../interactions/particles/links/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Links: () => (/* reexport safe */ _Options_Classes_Links_js__WEBPACK_IMPORTED_MODULE_0__.Links),\n/* harmony export */   LinksShadow: () => (/* reexport safe */ _Options_Classes_LinksShadow_js__WEBPACK_IMPORTED_MODULE_1__.LinksShadow),\n/* harmony export */   LinksTriangle: () => (/* reexport safe */ _Options_Classes_LinksTriangle_js__WEBPACK_IMPORTED_MODULE_2__.LinksTriangle),\n/* harmony export */   loadParticlesLinksInteraction: () => (/* binding */ loadParticlesLinksInteraction)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Links_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Links.js */ \"../../interactions/particles/links/dist/browser/Options/Classes/Links.js\");\n/* harmony import */ var _Options_Classes_LinksShadow_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/LinksShadow.js */ \"../../interactions/particles/links/dist/browser/Options/Classes/LinksShadow.js\");\n/* harmony import */ var _Options_Classes_LinksTriangle_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/LinksTriangle.js */ \"../../interactions/particles/links/dist/browser/Options/Classes/LinksTriangle.js\");\nasync function loadParticlesLinksInteraction(engine) {\n    engine.checkVersion(\"4.0.0-alpha.22\");\n    await engine.register(async (e)=>{\n        const [{ ensureInteractivityPluginLoaded }, { LinksPlugin }] = 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() */ \"interactions_particles_links_dist_browser_LinksPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./LinksPlugin.js */ \"../../interactions/particles/links/dist/browser/LinksPlugin.js\"))\n        ]);\n        ensureInteractivityPluginLoaded(e);\n        e.addPlugin(new LinksPlugin(e));\n        e.addInteractor?.(\"particlesLinks\", async (container)=>{\n            const { Linker } = await __webpack_require__.e(/*! import() */ \"interactions_particles_links_dist_browser_Linker_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./Linker.js */ \"../../interactions/particles/links/dist/browser/Linker.js\"));\n            return new Linker(container, e);\n        });\n    });\n}\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/all/../../interactions/particles/links/dist/browser/index.js?\n}");
 
 /***/ }
 

package/interactions_particles_repulse_dist_browser_Repulser_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.22
  */
 "use strict";
 /*
@@ -37,53 +37,73 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
 
 /***/ },
 
-/***/ "../../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/GlobalInteractorBase.js"
+/*!************************************************************************************!*\
+  !*** ../../plugins/interactivity/dist/browser/BaseClasses/GlobalInteractorBase.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 */   GlobalInteractorBase: () => (/* binding */ GlobalInteractorBase)\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 GlobalInteractorBase {\n    type = _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_0__.InteractorType.global;\n    container;\n    constructor(container){\n        this.container = container;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/BaseClasses/GlobalInteractorBase.js?\n}");
 
 /***/ },
 
-/***/ "../../plugins/interactivity/dist/browser/InteractivityConstants.js"
-/*!**************************************************************************!*\
-  !*** ../../plugins/interactivity/dist/browser/InteractivityConstants.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 */   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 */   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/InteractivityDetect.js"
-/*!***********************************************************************!*\
-  !*** ../../plugins/interactivity/dist/browser/InteractivityDetect.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 */   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 */   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/InteractorType.js"
-/*!******************************************************************!*\
-  !*** ../../plugins/interactivity/dist/browser/InteractorType.js ***!
-  \******************************************************************/
+/***/ "../../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 */   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 */   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/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 */   InteractorType: () => (/* binding */ InteractorType)\n/* harmony export */ });\nvar InteractorType;\n(function(InteractorType) {\n    InteractorType[\"global\"] = \"global\";\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/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 */   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}");
 
 /***/ },
 
@@ -93,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: () => (/* 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}");
 
 /***/ },
 
@@ -107,23 +127,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_9__.DivEvent),\n/* harmony export */   DivType: () => (/* reexport safe */ _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_5__.DivType),\n/* harmony export */   ExternalInteractorBase: () => (/* reexport safe */ _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__.ExternalInteractorBase),\n/* harmony export */   GlobalInteractorBase: () => (/* reexport safe */ _BaseClasses_GlobalInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__.GlobalInteractorBase),\n/* harmony export */   InteractivityDetect: () => (/* reexport safe */ _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_6__.InteractivityDetect),\n/* harmony export */   InteractorType: () => (/* reexport safe */ _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_7__.InteractorType),\n/* harmony export */   Modes: () => (/* reexport safe */ _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_10__.Modes),\n/* harmony export */   ParticlesInteractorBase: () => (/* reexport safe */ _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_3__.ParticlesInteractorBase),\n/* harmony export */   clickEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.clickEvent),\n/* harmony export */   divMode: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_8__.divMode),\n/* harmony export */   divModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_8__.divModeExecute),\n/* harmony export */   ensureInteractivityPluginLoaded: () => (/* binding */ ensureInteractivityPluginLoaded),\n/* harmony export */   isDivModeEnabled: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_8__.isDivModeEnabled),\n/* harmony export */   loadInteractivityPlugin: () => (/* binding */ loadInteractivityPlugin),\n/* harmony export */   mouseDownEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.mouseDownEvent),\n/* harmony export */   mouseLeaveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.mouseLeaveEvent),\n/* harmony export */   mouseMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.mouseMoveEvent),\n/* harmony export */   mouseOutEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.mouseOutEvent),\n/* harmony export */   mouseUpEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.mouseUpEvent),\n/* harmony export */   singleDivModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_8__.singleDivModeExecute),\n/* harmony export */   touchCancelEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.touchCancelEvent),\n/* harmony export */   touchEndEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.touchEndEvent),\n/* harmony export */   touchMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.touchMoveEvent),\n/* harmony export */   touchStartEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.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_GlobalInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BaseClasses/GlobalInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/GlobalInteractorBase.js\");\n/* harmony import */ var _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./BaseClasses/ParticlesInteractorBase.js */ \"../../plugins/interactivity/dist/browser/BaseClasses/ParticlesInteractorBase.js\");\n/* harmony import */ var _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"../../plugins/interactivity/dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Enums/DivType.js */ \"../../plugins/interactivity/dist/browser/Enums/DivType.js\");\n/* harmony import */ var _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Enums/InteractivityDetect.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractivityDetect.js\");\n/* harmony import */ var _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Enums/InteractorType.js */ \"../../plugins/interactivity/dist/browser/Enums/InteractorType.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils.js */ \"../../plugins/interactivity/dist/browser/utils.js\");\n/* harmony import */ var _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_9__ = __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_10__ = __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.22\");\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\n//# sourceURL=webpack://@tsparticles/all/../../plugins/interactivity/dist/browser/index.js?\n}");
 
 /***/ },
 

package/interactions_particles_repulse_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.22
  */
 "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 */   loadParticlesRepulseInteraction: () => (/* binding */ loadParticlesRepulseInteraction)\n/* harmony export */ });\nasync function loadParticlesRepulseInteraction(engine) {\n    engine.checkVersion(\"4.0.0-alpha.21\");\n    await engine.register(async (e)=>{\n        const { ensureInteractivityPluginLoaded } = 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        ensureInteractivityPluginLoaded(e);\n        e.addInteractor?.(\"particlesRepulse\", async (container)=>{\n            const { Repulser } = await __webpack_require__.e(/*! import() */ \"interactions_particles_repulse_dist_browser_Repulser_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./Repulser.js */ \"../../interactions/particles/repulse/dist/browser/Repulser.js\"));\n            return new Repulser(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../interactions/particles/repulse/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadParticlesRepulseInteraction: () => (/* binding */ loadParticlesRepulseInteraction)\n/* harmony export */ });\nasync function loadParticlesRepulseInteraction(engine) {\n    engine.checkVersion(\"4.0.0-alpha.22\");\n    await engine.register(async (e)=>{\n        const { ensureInteractivityPluginLoaded } = 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        ensureInteractivityPluginLoaded(e);\n        e.addInteractor?.(\"particlesRepulse\", async (container)=>{\n            const { Repulser } = await __webpack_require__.e(/*! import() */ \"interactions_particles_repulse_dist_browser_Repulser_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./Repulser.js */ \"../../interactions/particles/repulse/dist/browser/Repulser.js\"));\n            return new Repulser(container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../interactions/particles/repulse/dist/browser/index.js?\n}");
 
 /***/ }
 

package/move_base_dist_browser_BaseMover_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.22
  */
 "use strict";
 /*

package/move_base_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.22
  */
 "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 */   loadBaseMover: () => (/* binding */ loadBaseMover)\n/* harmony export */ });\nasync function loadBaseMover(engine) {\n    engine.checkVersion(\"4.0.0-alpha.21\");\n    await engine.register((e)=>{\n        e.addMover(\"base\", async ()=>{\n            const { BaseMover } = await __webpack_require__.e(/*! import() */ \"move_base_dist_browser_BaseMover_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./BaseMover.js */ \"../../move/base/dist/browser/BaseMover.js\"));\n            return new BaseMover();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../move/base/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadBaseMover: () => (/* binding */ loadBaseMover)\n/* harmony export */ });\nasync function loadBaseMover(engine) {\n    engine.checkVersion(\"4.0.0-alpha.22\");\n    await engine.register((e)=>{\n        e.addMover(\"base\", async ()=>{\n            const { BaseMover } = await __webpack_require__.e(/*! import() */ \"move_base_dist_browser_BaseMover_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./BaseMover.js */ \"../../move/base/dist/browser/BaseMover.js\"));\n            return new BaseMover();\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/all/../../move/base/dist/browser/index.js?\n}");
 
 /***/ }