@tsparticles/plugin-interactivity 4.0.0-alpha.21 → 4.0.0-alpha.22

package/dist_browser_InteractivityPluginInstance_js.js

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

package/dist_browser_InteractivityPlugin_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.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 */   InteractivityPlugin: () => (/* binding */ InteractivityPlugin)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Options_Classes_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Interactivity.js */ \"./dist/browser/Options/Classes/Interactivity.js\");\n\n\nclass InteractivityPlugin {\n    id = \"interactivity\";\n    _engine;\n    constructor(engine){\n        this._engine = engine;\n    }\n    async getPlugin(container) {\n        const { InteractivityPluginInstance } = await __webpack_require__.e(/*! import() */ \"dist_browser_InteractivityPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InteractivityPluginInstance.js */ \"./dist/browser/InteractivityPluginInstance.js\"));\n        return new InteractivityPluginInstance(this._engine, container);\n    }\n    loadOptions(container, options, source) {\n        if (!this.needsPlugin()) {\n            return;\n        }\n        let interactivityOptions = options.interactivity;\n        if (!interactivityOptions?.load) {\n            options.interactivity = interactivityOptions = new _Options_Classes_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__.Interactivity(this._engine, container);\n        }\n        interactivityOptions.load(source?.interactivity);\n        const interactors = this._engine.interactors?.get(container);\n        if (!interactors) {\n            return;\n        }\n        for (const interactor of interactors){\n            if (interactor.loadOptions) {\n                interactor.loadOptions(options, source);\n            }\n        }\n    }\n    loadParticlesOptions(container, options, source) {\n        if (source?.interactivity) {\n            options.interactivity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, source.interactivity);\n        }\n        const interactors = this._engine.interactors?.get(container);\n        if (!interactors) {\n            return;\n        }\n        for (const interactor of interactors){\n            if (interactor.loadParticlesOptions) {\n                interactor.loadParticlesOptions(options, source);\n            }\n        }\n    }\n    needsPlugin() {\n        return true;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-interactivity/./dist/browser/InteractivityPlugin.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   InteractivityPlugin: () => (/* binding */ InteractivityPlugin)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Options_Classes_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Interactivity.js */ \"./dist/browser/Options/Classes/Interactivity.js\");\n\n\nclass InteractivityPlugin {\n    id = \"interactivity\";\n    _engine;\n    constructor(engine){\n        this._engine = engine;\n    }\n    async getPlugin(container) {\n        const { InteractivityPluginInstance } = await __webpack_require__.e(/*! import() */ \"dist_browser_InteractivityPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InteractivityPluginInstance.js */ \"./dist/browser/InteractivityPluginInstance.js\"));\n        return new InteractivityPluginInstance(this._engine, container);\n    }\n    loadOptions(container, options, source) {\n        if (!this.needsPlugin()) {\n            return;\n        }\n        let interactivityOptions = options.interactivity;\n        if (!interactivityOptions?.load) {\n            options.interactivity = interactivityOptions = new _Options_Classes_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__.Interactivity(this._engine, container);\n        }\n        interactivityOptions.load(source?.interactivity);\n        const interactors = this._engine.interactors?.get(container);\n        if (!interactors) {\n            return;\n        }\n        for (const interactor of interactors){\n            if (interactor.loadOptions) {\n                interactor.loadOptions(options, source);\n            }\n        }\n    }\n    loadParticlesOptions(container, options, source) {\n        if (source?.interactivity) {\n            options.interactivity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, source.interactivity);\n        }\n        const interactors = this._engine.interactors?.get(container);\n        if (!interactors) {\n            return;\n        }\n        for (const interactor of interactors){\n            interactor.loadParticlesOptions?.(options, source);\n        }\n    }\n    needsPlugin() {\n        return true;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-interactivity/./dist/browser/InteractivityPlugin.js?\n}");
 
 /***/ },
 
@@ -63,7 +63,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*******************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Interactivity: () => (/* binding */ Interactivity)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Events_Events_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Events/Events.js */ \"./dist/browser/Options/Classes/Events/Events.js\");\n/* harmony import */ var _InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../InteractivityDetect.js */ \"./dist/browser/InteractivityDetect.js\");\n/* harmony import */ var _Modes_Modes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Modes/Modes.js */ \"./dist/browser/Options/Classes/Modes/Modes.js\");\n\n\n\n\nclass Interactivity {\n    detectsOn;\n    events;\n    modes;\n    constructor(engine, container){\n        this.detectsOn = _InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityDetect.window;\n        this.events = new _Events_Events_js__WEBPACK_IMPORTED_MODULE_1__.Events();\n        this.modes = new _Modes_Modes_js__WEBPACK_IMPORTED_MODULE_3__.Modes(engine, container);\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        const detectsOn = data.detectsOn;\n        if (detectsOn !== undefined) {\n            this.detectsOn = detectsOn;\n        }\n        this.events.load(data.events);\n        this.modes.load(data.modes);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-interactivity/./dist/browser/Options/Classes/Interactivity.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Interactivity: () => (/* binding */ Interactivity)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Events_Events_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Events/Events.js */ \"./dist/browser/Options/Classes/Events/Events.js\");\n/* harmony import */ var _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../Enums/InteractivityDetect.js */ \"./dist/browser/Enums/InteractivityDetect.js\");\n/* harmony import */ var _Modes_Modes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Modes/Modes.js */ \"./dist/browser/Options/Classes/Modes/Modes.js\");\n\n\n\n\nclass Interactivity {\n    detectsOn;\n    events;\n    modes;\n    constructor(engine, container){\n        this.detectsOn = _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityDetect.window;\n        this.events = new _Events_Events_js__WEBPACK_IMPORTED_MODULE_1__.Events();\n        this.modes = new _Modes_Modes_js__WEBPACK_IMPORTED_MODULE_3__.Modes(engine, container);\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        const detectsOn = data.detectsOn;\n        if (detectsOn !== undefined) {\n            this.detectsOn = detectsOn;\n        }\n        this.events.load(data.events);\n        this.modes.load(data.modes);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-interactivity/./dist/browser/Options/Classes/Interactivity.js?\n}");
 
 /***/ }
 

package/{cjs → esm/BaseClasses}/ExternalInteractorBase.js

@@ -1,4 +1,4 @@
-import { InteractorType } from "./InteractorType.js";
+import { InteractorType } from "../Enums/InteractorType.js";
 export class ExternalInteractorBase {
     type = InteractorType.external;
     container;

package/esm/BaseClasses/GlobalInteractorBase.js

@@ -0,0 +1,8 @@
+import { InteractorType } from "../Enums/InteractorType.js";
+export class GlobalInteractorBase {
+    type = InteractorType.global;
+    container;
+    constructor(container) {
+        this.container = container;
+    }
+}

package/{cjs → esm/BaseClasses}/ParticlesInteractorBase.js

@@ -1,4 +1,4 @@
-import { InteractorType } from "./InteractorType.js";
+import { InteractorType } from "../Enums/InteractorType.js";
 export class ParticlesInteractorBase {
     type = InteractorType.particles;
     container;

package/esm/{InteractorType.js → Enums/InteractorType.js}

@@ -1,5 +1,6 @@
 export var InteractorType;
 (function (InteractorType) {
+    InteractorType["global"] = "global";
     InteractorType["external"] = "external";
     InteractorType["particles"] = "particles";
 })(InteractorType || (InteractorType = {}));

package/esm/InteractionManager.js

@@ -1,7 +1,7 @@
 import { clickRadius, minCoordinate, safeIntersectionObserver, touchEndLengthOffset, } from "@tsparticles/engine";
 import { clickEvent, touchCancelEvent, touchEndEvent, touchMoveEvent, touchStartEvent, } from "./InteractivityConstants.js";
 import { InteractivityEventListeners } from "./InteractivityEventListeners.js";
-import { InteractorType } from "./InteractorType.js";
+import { InteractorType } from "./Enums/InteractorType.js";
 export class InteractionManager {
     container;
     interactivityData;
@@ -9,6 +9,7 @@ export class InteractionManager {
     _engine;
     _eventListeners;
     _externalInteractors;
+    _globalInteractors;
     _interactors;
     _intersectionObserver;
     _particleInteractors;
@@ -17,6 +18,7 @@ export class InteractionManager {
         this._engine = engine;
         this._interactors = [];
         this._externalInteractors = [];
+        this._globalInteractors = [];
         this._particleInteractors = [];
         this._clickHandlers = new Map();
         this._eventListeners = new InteractivityEventListeners(container, this);
@@ -123,6 +125,14 @@ export class InteractionManager {
             }
         }
     }
+    globalInteract(delta) {
+        for (const interactor of this._globalInteractors) {
+            const { interactivityData } = this;
+            if (interactor.isEnabled(interactivityData)) {
+                interactor.interact(interactivityData, delta);
+            }
+        }
+    }
     handleClickMode(mode) {
         if (this.container.destroyed) {
             return;
@@ -132,14 +142,7 @@ export class InteractionManager {
             interactor.handleClickMode?.(mode, interactivityData);
         }
     }
-    async init() {
-        const interactors = await this._engine.getInteractors?.(this.container, true);
-        if (!interactors) {
-            return;
-        }
-        this._interactors = interactors;
-        this._externalInteractors = [];
-        this._particleInteractors = [];
+    init() {
         this._eventListeners.init();
         for (const interactor of this._interactors) {
             switch (interactor.type) {
@@ -149,10 +152,22 @@ export class InteractionManager {
                 case InteractorType.particles:
                     this._particleInteractors.push(interactor);
                     break;
+                case InteractorType.global:
+                    this._globalInteractors.push(interactor);
+                    break;
             }
             interactor.init();
         }
     }
+    async initInteractors() {
+        const interactors = await this._engine.getInteractors?.(this.container, true);
+        if (!interactors) {
+            return;
+        }
+        this._interactors = interactors;
+        this._externalInteractors = [];
+        this._particleInteractors = [];
+    }
     particlesInteract(particle, delta) {
         const { interactivityData } = this;
         for (const interactor of this._externalInteractors) {

package/esm/InteractivityEventListeners.js

@@ -1,6 +1,6 @@
 import { double, executeOnSingleOrMultiple, lengthOffset, manageListener, touchDelay, visibilityChangeEvent, } from "@tsparticles/engine";
 import { mouseDownEvent, mouseLeaveEvent, mouseMoveEvent, mouseOutEvent, mouseUpEvent, touchCancelEvent, touchEndEvent, touchMoveEvent, touchStartEvent, } from "./InteractivityConstants.js";
-import { InteractivityDetect } from "./InteractivityDetect.js";
+import { InteractivityDetect } from "./Enums/InteractivityDetect.js";
 export class InteractivityEventListeners {
     _canPush = true;
     _clickPositionPlugins;
@@ -91,18 +91,26 @@ export class InteractivityEventListeners {
         }
         const html = interactivityEl, canvas = container.canvas;
         canvas.setPointerEvents(html === canvas.element ? "initial" : "none");
-        if (!(options.interactivity?.events.onHover.enable || options.interactivity?.events.onClick.enable)) {
+        if (add && !(options.interactivity?.events.onHover.enable || options.interactivity?.events.onClick.enable)) {
             return;
         }
         manageListener(interactivityEl, mouseMoveEvent, handlers.mouseMove, add);
         manageListener(interactivityEl, touchStartEvent, handlers.touchStart, add);
         manageListener(interactivityEl, touchMoveEvent, handlers.touchMove, add);
-        if (options.interactivity.events.onClick.enable) {
+        if (add) {
+            if (options.interactivity?.events.onClick.enable) {
+                manageListener(interactivityEl, touchEndEvent, handlers.touchEndClick, add);
+                manageListener(interactivityEl, mouseUpEvent, handlers.mouseUp, add);
+                manageListener(interactivityEl, mouseDownEvent, handlers.mouseDown, add);
+            }
+            else {
+                manageListener(interactivityEl, touchEndEvent, handlers.touchEnd, add);
+            }
+        }
+        else {
             manageListener(interactivityEl, touchEndEvent, handlers.touchEndClick, add);
             manageListener(interactivityEl, mouseUpEvent, handlers.mouseUp, add);
             manageListener(interactivityEl, mouseDownEvent, handlers.mouseDown, add);
-        }
-        else {
             manageListener(interactivityEl, touchEndEvent, handlers.touchEnd, add);
         }
         manageListener(interactivityEl, mouseLeaveTmpEvent, handlers.mouseLeave, add);

package/esm/InteractivityPlugin.js

@@ -38,9 +38,7 @@ export class InteractivityPlugin {
             return;
         }
         for (const interactor of interactors) {
-            if (interactor.loadParticlesOptions) {
-                interactor.loadParticlesOptions(options, source);
-            }
+            interactor.loadParticlesOptions?.(options, source);
         }
     }
     needsPlugin() {

package/esm/InteractivityPluginInstance.js

@@ -35,13 +35,16 @@ export class InteractivityPluginInstance {
         this.interactionManager.particlesInteract(particle, delta);
     }
     postUpdate(delta) {
+        this.interactionManager.globalInteract(delta);
         this.interactionManager.externalInteract(delta);
     }
     async preInit() {
-        await this.interactionManager.init();
+        await this.interactionManager.initInteractors();
+        this.interactionManager.init();
     }
     async redrawInit() {
-        await this.interactionManager.init();
+        await this.interactionManager.initInteractors();
+        this.interactionManager.init();
     }
     start() {
         this.interactionManager.addListeners();

package/esm/Interfaces/IGlobalInteractor.js

@@ -0,0 +1 @@
+export {};

package/esm/Interfaces/IInteractivityData.js

@@ -0,0 +1 @@
+export {};

package/esm/Interfaces/IInteractor.js

@@ -0,0 +1 @@
+export {};

package/esm/Interfaces/IMouseData.js

@@ -0,0 +1 @@
+export {};

package/esm/Interfaces/IParticleInteractorBase.js

@@ -0,0 +1 @@
+export {};

package/esm/Interfaces/IParticlesInteractor.js

@@ -0,0 +1 @@
+export {};

package/esm/Options/Classes/Events/DivEvent.js

@@ -1,5 +1,5 @@
 import { isNull } from "@tsparticles/engine";
-import { DivType } from "../../../DivType.js";
+import { DivType } from "../../../Enums/DivType.js";
 export class DivEvent {
     enable;
     mode;

package/esm/Options/Classes/Interactivity.js

@@ -1,6 +1,6 @@
 import { isNull } from "@tsparticles/engine";
 import { Events } from "./Events/Events.js";
-import { InteractivityDetect } from "../../InteractivityDetect.js";
+import { InteractivityDetect } from "../../Enums/InteractivityDetect.js";
 import { Modes } from "./Modes/Modes.js";
 export class Interactivity {
     detectsOn;

package/esm/index.js

@@ -1,6 +1,6 @@
 import { getItemsFromInitializer } from "@tsparticles/engine";
 export async function loadInteractivityPlugin(engine) {
-    engine.checkVersion("4.0.0-alpha.21");
+    engine.checkVersion("4.0.0-alpha.22");
     await engine.register(async (e) => {
         const interactivityEngine = e, { InteractivityPlugin } = await import("./InteractivityPlugin.js");
         interactivityEngine.addPlugin(new InteractivityPlugin(interactivityEngine));
@@ -32,12 +32,13 @@ export function ensureInteractivityPluginLoaded(e) {
         throw new Error("tsParticles Interactivity Plugin is not loaded");
     }
 }
-export * from "./DivType.js";
-export * from "./ExternalInteractorBase.js";
+export * from "./BaseClasses/ExternalInteractorBase.js";
+export * from "./BaseClasses/GlobalInteractorBase.js";
+export * from "./BaseClasses/ParticlesInteractorBase.js";
 export * from "./InteractivityConstants.js";
-export * from "./InteractivityDetect.js";
-export * from "./InteractorType.js";
-export * from "./ParticlesInteractorBase.js";
+export * from "./Enums/DivType.js";
+export * from "./Enums/InteractivityDetect.js";
+export * from "./Enums/InteractorType.js";
 export * from "./utils.js";
 export * from "./Options/Classes/Events/DivEvent.js";
 export * from "./Options/Classes/Modes/Modes.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-interactivity",
-  "version": "4.0.0-alpha.21",
+  "version": "4.0.0-alpha.22",
   "description": "tsParticles interactivity sickness plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -86,7 +86,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-alpha.21"
+    "@tsparticles/engine": "4.0.0-alpha.22"
   },
   "publishConfig": {
     "access": "public"

package/report.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>@tsparticles/plugin-interactivity [4 Feb 2026 at 16:46]</title>
+    <title>@tsparticles/plugin-interactivity [5 Feb 2026 at 19:32]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>