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

package/221.min.js

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_plugin_interactivity=this.webpackChunk_tsparticles_plugin_interactivity||[]).push([[221],{221(e,t,i){i.d(t,{InteractivityPluginInstance:()=>h});var n=i(303),s=i(731),a=i(851);class r{_canPush=!0;_clickPositionPlugins;_container;_handlers;_interactionManager;_touches;constructor(e,t){this._container=e,this._clickPositionPlugins=[],this._interactionManager=t,this._touches=new Map,this._handlers={mouseDown:()=>{this._mouseDown()},mouseLeave:()=>{this._mouseTouchFinish()},mouseMove:e=>{this._mouseTouchMove(e)},mouseUp:e=>{this._mouseTouchClick(e)},touchStart:e=>{this._touchStart(e)},touchMove:e=>{this._mouseTouchMove(e)},touchEnd:e=>{this._touchEnd(e)},touchCancel:e=>{this._touchEnd(e)},touchEndClick:e=>{this._touchEndClick(e)},visibilityChange:()=>{this._handleVisibilityChange()}}}addListeners(){this._manageListeners(!0)}init(){for(let e of(this._clickPositionPlugins.length=0,this._container.plugins.filter(e=>!!e.clickPositionValid)))this._clickPositionPlugins.push(e)}removeListeners(){this._manageListeners(!1)}_doMouseTouchClick=e=>{let t=this._container,i=this._interactionManager,s=t.actualOptions;if(this._canPush){let e=i.interactivityData.mouse,t=e.position;if(!t)return;e.clickPosition={...t},e.clickTime=performance.now();let a=s.interactivity?.events.onClick;if(!a?.mode)return;(0,n.executeOnSingleOrMultiple)(a.mode,e=>{i.handleClickMode(e)})}"touchend"===e.type&&setTimeout(()=>{this._mouseTouchFinish()},n.touchDelay)};_handleVisibilityChange=()=>{this._mouseTouchFinish()};_manageInteractivityListeners=(e,t)=>{let i=this._handlers,a=this._container,r=this._interactionManager,o=a.actualOptions,c=r.interactivityData.element;if(!c)return;let l=a.canvas;l.setPointerEvents(c===l.element?"initial":"none"),(o.interactivity?.events.onHover.enable||o.interactivity?.events.onClick.enable)&&((0,n.manageListener)(c,s.Rb,i.mouseMove,t),(0,n.manageListener)(c,s.s7,i.touchStart,t),(0,n.manageListener)(c,s.DG,i.touchMove,t),o.interactivity.events.onClick.enable?((0,n.manageListener)(c,s.Bp,i.touchEndClick,t),(0,n.manageListener)(c,s.vo,i.mouseUp,t),(0,n.manageListener)(c,s.ms,i.mouseDown,t)):(0,n.manageListener)(c,s.Bp,i.touchEnd,t),(0,n.manageListener)(c,e,i.mouseLeave,t),(0,n.manageListener)(c,s.G3,i.touchCancel,t))};_manageListeners=e=>{let t=this._handlers,i=this._container,r=this._interactionManager,o=i.actualOptions,c=o.interactivity?.detectsOn,l=i.canvas.element,h=s.Z0;c===a.h.window?(r.interactivityData.element=globalThis,h=s.sf):c===a.h.parent&&l?r.interactivityData.element=l.parentElement??l.parentNode:r.interactivityData.element=l,this._manageInteractivityListeners(h,e),(0,n.manageListener)(document,n.visibilityChangeEvent,t.visibilityChange,e,!1)};_mouseDown=()=>{let{interactivityData:e}=this._interactionManager,{mouse:t}=e;t.clicking=!0,t.downPosition=t.position};_mouseTouchClick=e=>{let t=this._container,i=this._interactionManager,n=t.actualOptions,{mouse:s}=i.interactivityData;s.inside=!0;let a=!1,r=s.position;if(r&&n.interactivity?.events.onClick.enable){for(let e of this._clickPositionPlugins)if(a=e.clickPositionValid?.(r)??!1)break;a||this._doMouseTouchClick(e),s.clicking=!1}};_mouseTouchFinish=()=>{let{interactivityData:e}=this._interactionManager,{mouse:t}=e;delete t.position,delete t.clickPosition,delete t.downPosition,e.status=s.Z0,t.inside=!1,t.clicking=!1};_mouseTouchMove=e=>{let t,i=this._container,r=this._interactionManager,o=i.actualOptions,c=r.interactivityData,l=i.canvas.element;if(!c.element)return;if(c.mouse.inside=!0,e.type.startsWith("pointer"))if(this._canPush=!0,c.element===globalThis){if(l){let i=l.getBoundingClientRect();t={x:e.clientX-i.left,y:e.clientY-i.top}}}else if(o.interactivity?.detectsOn===a.h.parent){let i=e.target,s=e.currentTarget;if(l){let a=i.getBoundingClientRect(),r=s.getBoundingClientRect(),o=l.getBoundingClientRect();t={x:e.offsetX+n.double*a.left-(r.left+o.left),y:e.offsetY+n.double*a.top-(r.top+o.top)}}else t={x:e.offsetX,y:e.offsetY}}else e.target===l&&(t={x:e.offsetX,y:e.offsetY});else if(this._canPush="touchmove"!==e.type,l){let i=e.touches[e.touches.length-n.lengthOffset],s=l.getBoundingClientRect();if(!i)return;t={x:i.clientX-s.left,y:i.clientY-s.top}}let h=i.retina.pixelRatio;t&&(t.x*=h,t.y*=h),c.mouse.position=t,c.status=s.Rb};_touchEnd=e=>{for(let t of Array.from(e.changedTouches))this._touches.delete(t.identifier);this._mouseTouchFinish()};_touchEndClick=e=>{for(let t of Array.from(e.changedTouches))this._touches.delete(t.identifier);this._mouseTouchClick(e)};_touchStart=e=>{for(let t of Array.from(e.changedTouches))this._touches.set(t.identifier,performance.now());this._mouseTouchMove(e)}}var o=i(500);class c{container;interactivityData;_clickHandlers;_engine;_eventListeners;_externalInteractors;_interactors;_intersectionObserver;_particleInteractors;constructor(e,t){this.container=t,this._engine=e,this._interactors=[],this._externalInteractors=[],this._particleInteractors=[],this._clickHandlers=new Map,this._eventListeners=new r(t,this),this.interactivityData={mouse:{clicking:!1,inside:!1}},this._intersectionObserver=(0,n.safeIntersectionObserver)(e=>{this._intersectionManager(e)})}addClickHandler(e){let{container:t,interactivityData:i}=this;if(t.destroyed)return;let a=i.element;if(!a)return;let r=(i,n,s)=>{if(t.destroyed)return;let a=t.retina.pixelRatio,r={x:n.x*a,y:n.y*a};e(i,t.particles.quadTree.queryCircle(r,s*a))},o=!1,c=!1;for(let[e,i]of(this._clickHandlers.set(s.xO,e=>{if(t.destroyed)return;let i={x:e.offsetX,y:e.offsetY};r(e,i,n.clickRadius)}),this._clickHandlers.set(s.s7,()=>{t.destroyed||(o=!0,c=!1)}),this._clickHandlers.set(s.DG,()=>{t.destroyed||(c=!0)}),this._clickHandlers.set(s.Bp,e=>{if(!t.destroyed){if(o&&!c){let i=e.touches[e.touches.length-n.touchEndLengthOffset];if(!i)return;let s=t.canvas.element,a=s?s.getBoundingClientRect():void 0;r(e,{x:i.clientX-(a?a.left:n.minCoordinate),y:i.clientY-(a?a.top:n.minCoordinate)},Math.max(i.radiusX,i.radiusY))}o=!1,c=!1}}),this._clickHandlers.set(s.G3,()=>{t.destroyed||(o=!1,c=!1)}),this._clickHandlers))a.addEventListener(e,i)}addListeners(){this._eventListeners.addListeners()}clearClickHandlers(){let{container:e,interactivityData:t}=this;if(!e.destroyed){for(let[e,i]of this._clickHandlers)t.element?.removeEventListener(e,i);this._clickHandlers.clear()}}externalInteract(e){for(let t of this._externalInteractors){let{interactivityData:i}=this;t.isEnabled(i)&&t.interact(i,e)}}handleClickMode(e){if(this.container.destroyed)return;let{interactivityData:t}=this;for(let i of this._externalInteractors)i.handleClickMode?.(e,t)}async init(){let e=await this._engine.getInteractors?.(this.container,!0);if(e)for(let t of(this._interactors=e,this._externalInteractors=[],this._particleInteractors=[],this._eventListeners.init(),this._interactors)){switch(t.type){case o.e.external:this._externalInteractors.push(t);break;case o.e.particles:this._particleInteractors.push(t)}t.init()}}particlesInteract(e,t){let{interactivityData:i}=this;for(let i of this._externalInteractors)i.clear(e,t);for(let n of this._particleInteractors)n.isEnabled(e,i)&&n.interact(e,i,t)}removeListeners(){this._eventListeners.removeListeners()}reset(e){let{interactivityData:t}=this;for(let i of this._externalInteractors)i.isEnabled(t)&&i.reset(t,e);for(let i of this._particleInteractors)i.isEnabled(e,t)&&i.reset(t,e)}startObserving(){let{interactivityData:e}=this;e.element instanceof HTMLElement&&this._intersectionObserver&&this._intersectionObserver.observe(e.element)}stopObserving(){let{interactivityData:e}=this;e.element instanceof HTMLElement&&this._intersectionObserver&&this._intersectionObserver.unobserve(e.element)}_intersectionManager=e=>{let{container:t}=this;if(!t.destroyed&&t.actualOptions.pauseOnOutsideViewport)for(let i of e)i.target===this.interactivityData.element&&(i.isIntersecting?t.play():t.pause())}}var l=i(626);class h{interactionManager;_container;_engine;constructor(e,t){this._container=t,this._engine=e,this.interactionManager=new c(e,t),this._container.addClickHandler=e=>{this.interactionManager.addClickHandler(e)}}addClickHandler(e){this.interactionManager.addClickHandler(e)}clearClickHandlers(){this.interactionManager.clearClickHandlers()}destroy(){this.clearClickHandlers(),this._engine.interactors?.delete(this._container)}particleCreated(e){let t=new l.k(this._engine,this._container);t.load(this._container.actualOptions.interactivity),t.load(e.options.interactivity),e.interactivity=t}particleReset(e){this.interactionManager.reset(e)}postParticleUpdate(e,t){this.interactionManager.particlesInteract(e,t)}postUpdate(e){this.interactionManager.externalInteract(e)}async preInit(){await this.interactionManager.init()}async redrawInit(){await this.interactionManager.init()}start(){return this.interactionManager.addListeners(),this.interactionManager.startObserving(),Promise.resolve()}stop(){this.interactionManager.removeListeners(),this.interactionManager.stopObserving()}}}}]);
+"use strict";(this.webpackChunk_tsparticles_plugin_interactivity=this.webpackChunk_tsparticles_plugin_interactivity||[]).push([[221],{221(e,t,i){i.d(t,{InteractivityPluginInstance:()=>h});var n=i(303),s=i(731),a=i(366);class r{_canPush=!0;_clickPositionPlugins;_container;_handlers;_interactionManager;_touches;constructor(e,t){this._container=e,this._clickPositionPlugins=[],this._interactionManager=t,this._touches=new Map,this._handlers={mouseDown:()=>{this._mouseDown()},mouseLeave:()=>{this._mouseTouchFinish()},mouseMove:e=>{this._mouseTouchMove(e)},mouseUp:e=>{this._mouseTouchClick(e)},touchStart:e=>{this._touchStart(e)},touchMove:e=>{this._mouseTouchMove(e)},touchEnd:e=>{this._touchEnd(e)},touchCancel:e=>{this._touchEnd(e)},touchEndClick:e=>{this._touchEndClick(e)},visibilityChange:()=>{this._handleVisibilityChange()}}}addListeners(){this._manageListeners(!0)}init(){for(let e of(this._clickPositionPlugins.length=0,this._container.plugins.filter(e=>!!e.clickPositionValid)))this._clickPositionPlugins.push(e)}removeListeners(){this._manageListeners(!1)}_doMouseTouchClick=e=>{let t=this._container,i=this._interactionManager,s=t.actualOptions;if(this._canPush){let e=i.interactivityData.mouse,t=e.position;if(!t)return;e.clickPosition={...t},e.clickTime=performance.now();let a=s.interactivity?.events.onClick;if(!a?.mode)return;(0,n.executeOnSingleOrMultiple)(a.mode,e=>{i.handleClickMode(e)})}"touchend"===e.type&&setTimeout(()=>{this._mouseTouchFinish()},n.touchDelay)};_handleVisibilityChange=()=>{this._mouseTouchFinish()};_manageInteractivityListeners=(e,t)=>{let i=this._handlers,a=this._container,r=this._interactionManager,o=a.actualOptions,c=r.interactivityData.element;if(!c)return;let l=a.canvas;l.setPointerEvents(c===l.element?"initial":"none"),(!t||o.interactivity?.events.onHover.enable||o.interactivity?.events.onClick.enable)&&((0,n.manageListener)(c,s.Rb,i.mouseMove,t),(0,n.manageListener)(c,s.s7,i.touchStart,t),(0,n.manageListener)(c,s.DG,i.touchMove,t),t?o.interactivity?.events.onClick.enable?((0,n.manageListener)(c,s.Bp,i.touchEndClick,t),(0,n.manageListener)(c,s.vo,i.mouseUp,t),(0,n.manageListener)(c,s.ms,i.mouseDown,t)):(0,n.manageListener)(c,s.Bp,i.touchEnd,t):((0,n.manageListener)(c,s.Bp,i.touchEndClick,t),(0,n.manageListener)(c,s.vo,i.mouseUp,t),(0,n.manageListener)(c,s.ms,i.mouseDown,t),(0,n.manageListener)(c,s.Bp,i.touchEnd,t)),(0,n.manageListener)(c,e,i.mouseLeave,t),(0,n.manageListener)(c,s.G3,i.touchCancel,t))};_manageListeners=e=>{let t=this._handlers,i=this._container,r=this._interactionManager,o=i.actualOptions,c=o.interactivity?.detectsOn,l=i.canvas.element,h=s.Z0;c===a.h.window?(r.interactivityData.element=globalThis,h=s.sf):c===a.h.parent&&l?r.interactivityData.element=l.parentElement??l.parentNode:r.interactivityData.element=l,this._manageInteractivityListeners(h,e),(0,n.manageListener)(document,n.visibilityChangeEvent,t.visibilityChange,e,!1)};_mouseDown=()=>{let{interactivityData:e}=this._interactionManager,{mouse:t}=e;t.clicking=!0,t.downPosition=t.position};_mouseTouchClick=e=>{let t=this._container,i=this._interactionManager,n=t.actualOptions,{mouse:s}=i.interactivityData;s.inside=!0;let a=!1,r=s.position;if(r&&n.interactivity?.events.onClick.enable){for(let e of this._clickPositionPlugins)if(a=e.clickPositionValid?.(r)??!1)break;a||this._doMouseTouchClick(e),s.clicking=!1}};_mouseTouchFinish=()=>{let{interactivityData:e}=this._interactionManager,{mouse:t}=e;delete t.position,delete t.clickPosition,delete t.downPosition,e.status=s.Z0,t.inside=!1,t.clicking=!1};_mouseTouchMove=e=>{let t,i=this._container,r=this._interactionManager,o=i.actualOptions,c=r.interactivityData,l=i.canvas.element;if(!c.element)return;if(c.mouse.inside=!0,e.type.startsWith("pointer"))if(this._canPush=!0,c.element===globalThis){if(l){let i=l.getBoundingClientRect();t={x:e.clientX-i.left,y:e.clientY-i.top}}}else if(o.interactivity?.detectsOn===a.h.parent){let i=e.target,s=e.currentTarget;if(l){let a=i.getBoundingClientRect(),r=s.getBoundingClientRect(),o=l.getBoundingClientRect();t={x:e.offsetX+n.double*a.left-(r.left+o.left),y:e.offsetY+n.double*a.top-(r.top+o.top)}}else t={x:e.offsetX,y:e.offsetY}}else e.target===l&&(t={x:e.offsetX,y:e.offsetY});else if(this._canPush="touchmove"!==e.type,l){let i=e.touches[e.touches.length-n.lengthOffset],s=l.getBoundingClientRect();if(!i)return;t={x:i.clientX-s.left,y:i.clientY-s.top}}let h=i.retina.pixelRatio;t&&(t.x*=h,t.y*=h),c.mouse.position=t,c.status=s.Rb};_touchEnd=e=>{for(let t of Array.from(e.changedTouches))this._touches.delete(t.identifier);this._mouseTouchFinish()};_touchEndClick=e=>{for(let t of Array.from(e.changedTouches))this._touches.delete(t.identifier);this._mouseTouchClick(e)};_touchStart=e=>{for(let t of Array.from(e.changedTouches))this._touches.set(t.identifier,performance.now());this._mouseTouchMove(e)}}var o=i(839);class c{container;interactivityData;_clickHandlers;_engine;_eventListeners;_externalInteractors;_interactors;_intersectionObserver;_particleInteractors;constructor(e,t){this.container=t,this._engine=e,this._interactors=[],this._externalInteractors=[],this._particleInteractors=[],this._clickHandlers=new Map,this._eventListeners=new r(t,this),this.interactivityData={mouse:{clicking:!1,inside:!1}},this._intersectionObserver=(0,n.safeIntersectionObserver)(e=>{this._intersectionManager(e)})}addClickHandler(e){let{container:t,interactivityData:i}=this;if(t.destroyed)return;let a=i.element;if(!a)return;let r=(i,n,s)=>{if(t.destroyed)return;let a=t.retina.pixelRatio,r={x:n.x*a,y:n.y*a};e(i,t.particles.quadTree.queryCircle(r,s*a))},o=!1,c=!1;for(let[e,i]of(this._clickHandlers.set(s.xO,e=>{if(t.destroyed)return;let i={x:e.offsetX,y:e.offsetY};r(e,i,n.clickRadius)}),this._clickHandlers.set(s.s7,()=>{t.destroyed||(o=!0,c=!1)}),this._clickHandlers.set(s.DG,()=>{t.destroyed||(c=!0)}),this._clickHandlers.set(s.Bp,e=>{if(!t.destroyed){if(o&&!c){let i=e.touches[e.touches.length-n.touchEndLengthOffset];if(!i)return;let s=t.canvas.element,a=s?s.getBoundingClientRect():void 0;r(e,{x:i.clientX-(a?a.left:n.minCoordinate),y:i.clientY-(a?a.top:n.minCoordinate)},Math.max(i.radiusX,i.radiusY))}o=!1,c=!1}}),this._clickHandlers.set(s.G3,()=>{t.destroyed||(o=!1,c=!1)}),this._clickHandlers))a.addEventListener(e,i)}addListeners(){this._eventListeners.addListeners()}clearClickHandlers(){let{container:e,interactivityData:t}=this;if(!e.destroyed){for(let[e,i]of this._clickHandlers)t.element?.removeEventListener(e,i);this._clickHandlers.clear()}}externalInteract(e){for(let t of this._externalInteractors){let{interactivityData:i}=this;t.isEnabled(i)&&t.interact(i,e)}}handleClickMode(e){if(this.container.destroyed)return;let{interactivityData:t}=this;for(let i of this._externalInteractors)i.handleClickMode?.(e,t)}init(){for(let e of(this._eventListeners.init(),this._interactors)){switch(e.type){case o.e.external:this._externalInteractors.push(e);break;case o.e.particles:this._particleInteractors.push(e)}e.init()}}async initInteractors(){let e=await this._engine.getInteractors?.(this.container,!0);e&&(this._interactors=e,this._externalInteractors=[],this._particleInteractors=[])}particlesInteract(e,t){let{interactivityData:i}=this;for(let i of this._externalInteractors)i.clear(e,t);for(let n of this._particleInteractors)n.isEnabled(e,i)&&n.interact(e,i,t)}removeListeners(){this._eventListeners.removeListeners()}reset(e){let{interactivityData:t}=this;for(let i of this._externalInteractors)i.isEnabled(t)&&i.reset(t,e);for(let i of this._particleInteractors)i.isEnabled(e,t)&&i.reset(t,e)}startObserving(){let{interactivityData:e}=this;e.element instanceof HTMLElement&&this._intersectionObserver&&this._intersectionObserver.observe(e.element)}stopObserving(){let{interactivityData:e}=this;e.element instanceof HTMLElement&&this._intersectionObserver&&this._intersectionObserver.unobserve(e.element)}_intersectionManager=e=>{let{container:t}=this;if(!t.destroyed&&t.actualOptions.pauseOnOutsideViewport)for(let i of e)i.target===this.interactivityData.element&&(i.isIntersecting?t.play():t.pause())}}var l=i(626);class h{interactionManager;_container;_engine;constructor(e,t){this._container=t,this._engine=e,this.interactionManager=new c(e,t),this._container.addClickHandler=e=>{this.interactionManager.addClickHandler(e)}}addClickHandler(e){this.interactionManager.addClickHandler(e)}clearClickHandlers(){this.interactionManager.clearClickHandlers()}destroy(){this.clearClickHandlers(),this._engine.interactors?.delete(this._container)}particleCreated(e){let t=new l.k(this._engine,this._container);t.load(this._container.actualOptions.interactivity),t.load(e.options.interactivity),e.interactivity=t}particleReset(e){this.interactionManager.reset(e)}postParticleUpdate(e,t){this.interactionManager.particlesInteract(e,t)}postUpdate(e){this.interactionManager.externalInteract(e)}async preInit(){await this.interactionManager.initInteractors(),this.interactionManager.init()}async redrawInit(){await this.interactionManager.initInteractors(),this.interactionManager.init()}start(){return this.interactionManager.addListeners(),this.interactionManager.startObserving(),Promise.resolve()}stop(){this.interactionManager.removeListeners(),this.interactionManager.stopObserving()}}}}]);

package/703.min.js

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_plugin_interactivity=this.webpackChunk_tsparticles_plugin_interactivity||[]).push([[703],{703(e,t,i){i.d(t,{InteractivityPlugin:()=>o});var n=i(303),s=i(626);class o{id="interactivity";_engine;constructor(e){this._engine=e}async getPlugin(e){let{InteractivityPluginInstance:t}=await i.e(221).then(i.bind(i,221));return new t(this._engine,e)}loadOptions(e,t,i){if(!this.needsPlugin())return;let n=t.interactivity;n?.load||(t.interactivity=n=new s.k(this._engine,e)),n.load(i?.interactivity);let o=this._engine.interactors?.get(e);if(o)for(let e of o)e.loadOptions&&e.loadOptions(t,i)}loadParticlesOptions(e,t,i){i?.interactivity&&(t.interactivity=(0,n.deepExtend)({},i.interactivity));let s=this._engine.interactors?.get(e);if(s)for(let e of s)e.loadParticlesOptions&&e.loadParticlesOptions(t,i)}needsPlugin(){return!0}}},626(e,t,i){i.d(t,{k:()=>c});var n=i(303);class s{enable;mode;constructor(){this.enable=!1,this.mode=[]}load(e){(0,n.isNull)(e)||(void 0!==e.enable&&(this.enable=e.enable),void 0!==e.mode&&(this.mode=e.mode))}}var o=i(646);class l{enable;mode;constructor(){this.enable=!1,this.mode=[]}load(e){(0,n.isNull)(e)||(void 0!==e.enable&&(this.enable=e.enable),void 0!==e.mode&&(this.mode=e.mode))}}class a{onClick;onDiv;onHover;constructor(){this.onClick=new s,this.onDiv=new o.G,this.onHover=new l}load(e){if((0,n.isNull)(e))return;this.onClick.load(e.onClick);let t=e.onDiv;void 0!==t&&(this.onDiv=(0,n.executeOnSingleOrMultiple)(t,e=>{let t=new o.G;return t.load(e),t})),this.onHover.load(e.onHover)}}var r=i(851),d=i(802);class c{detectsOn;events;modes;constructor(e,t){this.detectsOn=r.h.window,this.events=new a,this.modes=new d.d(e,t)}load(e){if((0,n.isNull)(e))return;let t=e.detectsOn;void 0!==t&&(this.detectsOn=t),this.events.load(e.events),this.modes.load(e.modes)}}}}]);
+"use strict";(this.webpackChunk_tsparticles_plugin_interactivity=this.webpackChunk_tsparticles_plugin_interactivity||[]).push([[703],{703(e,t,i){i.d(t,{InteractivityPlugin:()=>o});var n=i(303),s=i(626);class o{id="interactivity";_engine;constructor(e){this._engine=e}async getPlugin(e){let{InteractivityPluginInstance:t}=await i.e(221).then(i.bind(i,221));return new t(this._engine,e)}loadOptions(e,t,i){if(!this.needsPlugin())return;let n=t.interactivity;n?.load||(t.interactivity=n=new s.k(this._engine,e)),n.load(i?.interactivity);let o=this._engine.interactors?.get(e);if(o)for(let e of o)e.loadOptions&&e.loadOptions(t,i)}loadParticlesOptions(e,t,i){i?.interactivity&&(t.interactivity=(0,n.deepExtend)({},i.interactivity));let s=this._engine.interactors?.get(e);if(s)for(let e of s)e.loadParticlesOptions?.(t,i)}needsPlugin(){return!0}}},626(e,t,i){i.d(t,{k:()=>c});var n=i(303);class s{enable;mode;constructor(){this.enable=!1,this.mode=[]}load(e){(0,n.isNull)(e)||(void 0!==e.enable&&(this.enable=e.enable),void 0!==e.mode&&(this.mode=e.mode))}}var o=i(646);class l{enable;mode;constructor(){this.enable=!1,this.mode=[]}load(e){(0,n.isNull)(e)||(void 0!==e.enable&&(this.enable=e.enable),void 0!==e.mode&&(this.mode=e.mode))}}class a{onClick;onDiv;onHover;constructor(){this.onClick=new s,this.onDiv=new o.G,this.onHover=new l}load(e){if((0,n.isNull)(e))return;this.onClick.load(e.onClick);let t=e.onDiv;void 0!==t&&(this.onDiv=(0,n.executeOnSingleOrMultiple)(t,e=>{let t=new o.G;return t.load(e),t})),this.onHover.load(e.onHover)}}var r=i(366),d=i(802);class c{detectsOn;events;modes;constructor(e,t){this.detectsOn=r.h.window,this.events=new a,this.modes=new d.d(e,t)}load(e){if((0,n.isNull)(e))return;let t=e.detectsOn;void 0!==t&&(this.detectsOn=t),this.events.load(e.events),this.modes.load(e.modes)}}}}]);

package/{esm → browser/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/browser/{ParticlesInteractorBase.js → 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/browser/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;
@@ -132,14 +132,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) {
@@ -153,6 +146,15 @@ export class InteractionManager {
             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/browser/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/browser/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/browser/InteractivityPluginInstance.js

@@ -38,10 +38,12 @@ export class InteractivityPluginInstance {
         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/browser/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/browser/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/browser/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.23");
     await engine.register(async (e) => {
         const interactivityEngine = e, { InteractivityPlugin } = await import("./InteractivityPlugin.js");
         interactivityEngine.addPlugin(new InteractivityPlugin(interactivityEngine));
@@ -32,12 +32,12 @@ 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/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/{browser → cjs/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 → cjs/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/cjs/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;
@@ -132,14 +132,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) {
@@ -153,6 +146,15 @@ export class InteractionManager {
             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/cjs/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/cjs/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/cjs/InteractivityPluginInstance.js

@@ -38,10 +38,12 @@ export class InteractivityPluginInstance {
         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/cjs/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/cjs/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/cjs/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.23");
     await engine.register(async (e) => {
         const interactivityEngine = e, { InteractivityPlugin } = await import("./InteractivityPlugin.js");
         interactivityEngine.addPlugin(new InteractivityPlugin(interactivityEngine));
@@ -32,12 +32,12 @@ 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/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/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.23
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \********************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   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    _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    init() {\n        this._eventListeners.init();\n        for (const interactor of this._interactors){\n            switch(interactor.type){\n                case _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_3__.InteractorType.external:\n                    this._externalInteractors.push(interactor);\n                    break;\n                case _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_3__.InteractorType.particles:\n                    this._particleInteractors.push(interactor);\n                    break;\n            }\n            interactor.init();\n        }\n    }\n    async initInteractors() {\n        const interactors = await this._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.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.23
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \*********************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   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/{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;