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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/221.min.js +1 -1
  2. package/browser/Enums/InteractorType.js +0 -1
  3. package/browser/InteractionManager.js +0 -13
  4. package/browser/InteractivityPluginInstance.js +0 -1
  5. package/browser/index.js +1 -2
  6. package/cjs/Enums/InteractorType.js +0 -1
  7. package/cjs/InteractionManager.js +0 -13
  8. package/cjs/InteractivityPluginInstance.js +0 -1
  9. package/cjs/index.js +1 -2
  10. package/dist_browser_InteractivityPluginInstance_js.js +3 -3
  11. package/dist_browser_InteractivityPlugin_js.js +1 -1
  12. package/esm/Enums/InteractorType.js +0 -1
  13. package/esm/InteractionManager.js +0 -13
  14. package/esm/InteractivityPluginInstance.js +0 -1
  15. package/esm/index.js +1 -2
  16. package/package.json +2 -2
  17. package/report.html +1 -1
  18. package/tsparticles.plugin.interactivity.js +3 -13
  19. package/tsparticles.plugin.interactivity.min.js +2 -2
  20. package/types/Enums/InteractorType.d.ts +0 -1
  21. package/types/InteractionManager.d.ts +0 -2
  22. package/types/index.d.ts +0 -2
  23. package/umd/Enums/InteractorType.js +0 -1
  24. package/umd/InteractionManager.js +0 -13
  25. package/umd/InteractivityPluginInstance.js +0 -1
  26. package/umd/index.js +2 -3
  27. package/browser/BaseClasses/GlobalInteractorBase.js +0 -8
  28. package/browser/Interfaces/IGlobalInteractor.js +0 -1
  29. package/cjs/BaseClasses/GlobalInteractorBase.js +0 -8
  30. package/cjs/Interfaces/IGlobalInteractor.js +0 -1
  31. package/esm/BaseClasses/GlobalInteractorBase.js +0 -8
  32. package/esm/Interfaces/IGlobalInteractor.js +0 -1
  33. package/types/BaseClasses/GlobalInteractorBase.d.ts +0 -12
  34. package/types/Interfaces/IGlobalInteractor.d.ts +0 -11
  35. package/umd/BaseClasses/GlobalInteractorBase.js +0 -22
  36. package/umd/Interfaces/IGlobalInteractor.js +0 -12
package/221.min.js CHANGED
@@ -1 +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(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;_globalInteractors;_interactors;_intersectionObserver;_particleInteractors;constructor(e,t){this.container=t,this._engine=e,this._interactors=[],this._externalInteractors=[],this._globalInteractors=[],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)}}globalInteract(e){for(let t of this._globalInteractors){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);break;case o.e.global:this._globalInteractors.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.globalInteract(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()}}}}]);
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(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()}}}}]);
@@ -1,6 +1,5 @@
1
1
  export var InteractorType;
2
2
  (function (InteractorType) {
3
- InteractorType["global"] = "global";
4
3
  InteractorType["external"] = "external";
5
4
  InteractorType["particles"] = "particles";
6
5
  })(InteractorType || (InteractorType = {}));
@@ -9,7 +9,6 @@ export class InteractionManager {
9
9
  _engine;
10
10
  _eventListeners;
11
11
  _externalInteractors;
12
- _globalInteractors;
13
12
  _interactors;
14
13
  _intersectionObserver;
15
14
  _particleInteractors;
@@ -18,7 +17,6 @@ export class InteractionManager {
18
17
  this._engine = engine;
19
18
  this._interactors = [];
20
19
  this._externalInteractors = [];
21
- this._globalInteractors = [];
22
20
  this._particleInteractors = [];
23
21
  this._clickHandlers = new Map();
24
22
  this._eventListeners = new InteractivityEventListeners(container, this);
@@ -125,14 +123,6 @@ export class InteractionManager {
125
123
  }
126
124
  }
127
125
  }
128
- globalInteract(delta) {
129
- for (const interactor of this._globalInteractors) {
130
- const { interactivityData } = this;
131
- if (interactor.isEnabled(interactivityData)) {
132
- interactor.interact(interactivityData, delta);
133
- }
134
- }
135
- }
136
126
  handleClickMode(mode) {
137
127
  if (this.container.destroyed) {
138
128
  return;
@@ -152,9 +142,6 @@ export class InteractionManager {
152
142
  case InteractorType.particles:
153
143
  this._particleInteractors.push(interactor);
154
144
  break;
155
- case InteractorType.global:
156
- this._globalInteractors.push(interactor);
157
- break;
158
145
  }
159
146
  interactor.init();
160
147
  }
@@ -35,7 +35,6 @@ export class InteractivityPluginInstance {
35
35
  this.interactionManager.particlesInteract(particle, delta);
36
36
  }
37
37
  postUpdate(delta) {
38
- this.interactionManager.globalInteract(delta);
39
38
  this.interactionManager.externalInteract(delta);
40
39
  }
41
40
  async preInit() {
package/browser/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { getItemsFromInitializer } from "@tsparticles/engine";
2
2
  export async function loadInteractivityPlugin(engine) {
3
- engine.checkVersion("4.0.0-alpha.22");
3
+ engine.checkVersion("4.0.0-alpha.24");
4
4
  await engine.register(async (e) => {
5
5
  const interactivityEngine = e, { InteractivityPlugin } = await import("./InteractivityPlugin.js");
6
6
  interactivityEngine.addPlugin(new InteractivityPlugin(interactivityEngine));
@@ -33,7 +33,6 @@ export function ensureInteractivityPluginLoaded(e) {
33
33
  }
34
34
  }
35
35
  export * from "./BaseClasses/ExternalInteractorBase.js";
36
- export * from "./BaseClasses/GlobalInteractorBase.js";
37
36
  export * from "./BaseClasses/ParticlesInteractorBase.js";
38
37
  export * from "./InteractivityConstants.js";
39
38
  export * from "./Enums/DivType.js";
@@ -1,6 +1,5 @@
1
1
  export var InteractorType;
2
2
  (function (InteractorType) {
3
- InteractorType["global"] = "global";
4
3
  InteractorType["external"] = "external";
5
4
  InteractorType["particles"] = "particles";
6
5
  })(InteractorType || (InteractorType = {}));
@@ -9,7 +9,6 @@ export class InteractionManager {
9
9
  _engine;
10
10
  _eventListeners;
11
11
  _externalInteractors;
12
- _globalInteractors;
13
12
  _interactors;
14
13
  _intersectionObserver;
15
14
  _particleInteractors;
@@ -18,7 +17,6 @@ export class InteractionManager {
18
17
  this._engine = engine;
19
18
  this._interactors = [];
20
19
  this._externalInteractors = [];
21
- this._globalInteractors = [];
22
20
  this._particleInteractors = [];
23
21
  this._clickHandlers = new Map();
24
22
  this._eventListeners = new InteractivityEventListeners(container, this);
@@ -125,14 +123,6 @@ export class InteractionManager {
125
123
  }
126
124
  }
127
125
  }
128
- globalInteract(delta) {
129
- for (const interactor of this._globalInteractors) {
130
- const { interactivityData } = this;
131
- if (interactor.isEnabled(interactivityData)) {
132
- interactor.interact(interactivityData, delta);
133
- }
134
- }
135
- }
136
126
  handleClickMode(mode) {
137
127
  if (this.container.destroyed) {
138
128
  return;
@@ -152,9 +142,6 @@ export class InteractionManager {
152
142
  case InteractorType.particles:
153
143
  this._particleInteractors.push(interactor);
154
144
  break;
155
- case InteractorType.global:
156
- this._globalInteractors.push(interactor);
157
- break;
158
145
  }
159
146
  interactor.init();
160
147
  }
@@ -35,7 +35,6 @@ export class InteractivityPluginInstance {
35
35
  this.interactionManager.particlesInteract(particle, delta);
36
36
  }
37
37
  postUpdate(delta) {
38
- this.interactionManager.globalInteract(delta);
39
38
  this.interactionManager.externalInteract(delta);
40
39
  }
41
40
  async preInit() {
package/cjs/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { getItemsFromInitializer } from "@tsparticles/engine";
2
2
  export async function loadInteractivityPlugin(engine) {
3
- engine.checkVersion("4.0.0-alpha.22");
3
+ engine.checkVersion("4.0.0-alpha.24");
4
4
  await engine.register(async (e) => {
5
5
  const interactivityEngine = e, { InteractivityPlugin } = await import("./InteractivityPlugin.js");
6
6
  interactivityEngine.addPlugin(new InteractivityPlugin(interactivityEngine));
@@ -33,7 +33,6 @@ export function ensureInteractivityPluginLoaded(e) {
33
33
  }
34
34
  }
35
35
  export * from "./BaseClasses/ExternalInteractorBase.js";
36
- export * from "./BaseClasses/GlobalInteractorBase.js";
37
36
  export * from "./BaseClasses/ParticlesInteractorBase.js";
38
37
  export * from "./InteractivityConstants.js";
39
38
  export * from "./Enums/DivType.js";
@@ -4,7 +4,7 @@
4
4
  * Demo / Generator : https://particles.js.org/
5
5
  * GitHub : https://www.github.com/matteobruni/tsparticles
6
6
  * How to use? : Check the GitHub README
7
- * v4.0.0-alpha.22
7
+ * v4.0.0-alpha.24
8
8
  */
9
9
  "use strict";
10
10
  /*
@@ -23,7 +23,7 @@
23
23
  \********************************************/
24
24
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
25
25
 
26
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ InteractionManager: () => (/* binding */ InteractionManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"./dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _InteractivityEventListeners_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./InteractivityEventListeners.js */ \"./dist/browser/InteractivityEventListeners.js\");\n/* harmony import */ var _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Enums/InteractorType.js */ \"./dist/browser/Enums/InteractorType.js\");\n\n\n\n\nclass InteractionManager {\n container;\n interactivityData;\n _clickHandlers;\n _engine;\n _eventListeners;\n _externalInteractors;\n _globalInteractors;\n _interactors;\n _intersectionObserver;\n _particleInteractors;\n constructor(engine, container){\n this.container = container;\n this._engine = engine;\n this._interactors = [];\n this._externalInteractors = [];\n this._globalInteractors = [];\n this._particleInteractors = [];\n this._clickHandlers = new Map();\n this._eventListeners = new _InteractivityEventListeners_js__WEBPACK_IMPORTED_MODULE_2__.InteractivityEventListeners(container, this);\n this.interactivityData = {\n mouse: {\n clicking: false,\n inside: false\n }\n };\n this._intersectionObserver = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeIntersectionObserver)((entries)=>{\n this._intersectionManager(entries);\n });\n }\n addClickHandler(callback) {\n const { container, interactivityData } = this;\n if (container.destroyed) {\n return;\n }\n const el = interactivityData.element;\n if (!el) {\n return;\n }\n const clickOrTouchHandler = (e, pos, radius)=>{\n if (container.destroyed) {\n return;\n }\n const pxRatio = container.retina.pixelRatio, posRetina = {\n x: pos.x * pxRatio,\n y: pos.y * pxRatio\n }, particles = container.particles.quadTree.queryCircle(posRetina, radius * pxRatio);\n callback(e, particles);\n }, clickHandler = (e)=>{\n if (container.destroyed) {\n return;\n }\n const mouseEvent = e, pos = {\n x: mouseEvent.offsetX,\n y: mouseEvent.offsetY\n };\n clickOrTouchHandler(e, pos, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clickRadius);\n }, touchStartHandler = ()=>{\n if (container.destroyed) {\n return;\n }\n touched = true;\n touchMoved = false;\n }, touchMoveHandler = ()=>{\n if (container.destroyed) {\n return;\n }\n touchMoved = true;\n }, touchEndHandler = (e)=>{\n if (container.destroyed) {\n return;\n }\n if (touched && !touchMoved) {\n const touchEvent = e, lastTouch = touchEvent.touches[touchEvent.touches.length - _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.touchEndLengthOffset];\n if (!lastTouch) {\n return;\n }\n const element = container.canvas.element, canvasRect = element ? element.getBoundingClientRect() : undefined, pos = {\n x: lastTouch.clientX - (canvasRect ? canvasRect.left : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.minCoordinate),\n y: lastTouch.clientY - (canvasRect ? canvasRect.top : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.minCoordinate)\n };\n clickOrTouchHandler(e, pos, Math.max(lastTouch.radiusX, lastTouch.radiusY));\n }\n touched = false;\n touchMoved = false;\n }, touchCancelHandler = ()=>{\n if (container.destroyed) {\n return;\n }\n touched = false;\n touchMoved = false;\n };\n let touched = false, touchMoved = false;\n this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.clickEvent, clickHandler);\n this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchStartEvent, touchStartHandler);\n this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchMoveEvent, touchMoveHandler);\n this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchEndEvent, touchEndHandler);\n this._clickHandlers.set(_InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_1__.touchCancelEvent, touchCancelHandler);\n for (const [key, handler] of this._clickHandlers){\n el.addEventListener(key, handler);\n }\n }\n addListeners() {\n this._eventListeners.addListeners();\n }\n clearClickHandlers() {\n const { container, interactivityData } = this;\n if (container.destroyed) {\n return;\n }\n for (const [key, handler] of this._clickHandlers){\n interactivityData.element?.removeEventListener(key, handler);\n }\n this._clickHandlers.clear();\n }\n externalInteract(delta) {\n for (const interactor of this._externalInteractors){\n const { interactivityData } = this;\n if (interactor.isEnabled(interactivityData)) {\n interactor.interact(interactivityData, delta);\n }\n }\n }\n globalInteract(delta) {\n for (const interactor of this._globalInteractors){\n const { interactivityData } = this;\n if (interactor.isEnabled(interactivityData)) {\n interactor.interact(interactivityData, delta);\n }\n }\n }\n handleClickMode(mode) {\n if (this.container.destroyed) {\n return;\n }\n const { interactivityData } = this;\n for (const interactor of this._externalInteractors){\n interactor.handleClickMode?.(mode, interactivityData);\n }\n }\n init() {\n this._eventListeners.init();\n for (const interactor of this._interactors){\n switch(interactor.type){\n case _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_3__.InteractorType.external:\n this._externalInteractors.push(interactor);\n break;\n case _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_3__.InteractorType.particles:\n this._particleInteractors.push(interactor);\n break;\n case _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_3__.InteractorType.global:\n this._globalInteractors.push(interactor);\n break;\n }\n interactor.init();\n }\n }\n async initInteractors() {\n const interactors = await this._engine.getInteractors?.(this.container, true);\n if (!interactors) {\n return;\n }\n this._interactors = interactors;\n this._externalInteractors = [];\n this._particleInteractors = [];\n }\n particlesInteract(particle, delta) {\n const { interactivityData } = this;\n for (const interactor of this._externalInteractors){\n interactor.clear(particle, delta);\n }\n for (const interactor of this._particleInteractors){\n if (interactor.isEnabled(particle, interactivityData)) {\n interactor.interact(particle, interactivityData, delta);\n }\n }\n }\n removeListeners() {\n this._eventListeners.removeListeners();\n }\n reset(particle) {\n const { interactivityData } = this;\n for (const interactor of this._externalInteractors){\n if (interactor.isEnabled(interactivityData)) {\n interactor.reset(interactivityData, particle);\n }\n }\n for (const interactor of this._particleInteractors){\n if (interactor.isEnabled(particle, interactivityData)) {\n interactor.reset(interactivityData, particle);\n }\n }\n }\n startObserving() {\n const { interactivityData } = this;\n if (interactivityData.element instanceof HTMLElement && this._intersectionObserver) {\n this._intersectionObserver.observe(interactivityData.element);\n }\n }\n stopObserving() {\n const { interactivityData } = this;\n if (interactivityData.element instanceof HTMLElement && this._intersectionObserver) {\n this._intersectionObserver.unobserve(interactivityData.element);\n }\n }\n _intersectionManager = (entries)=>{\n const { container } = this;\n if (container.destroyed || !container.actualOptions.pauseOnOutsideViewport) {\n return;\n }\n for (const entry of entries){\n if (entry.target !== this.interactivityData.element) {\n continue;\n }\n if (entry.isIntersecting) {\n container.play();\n } else {\n container.pause();\n }\n }\n };\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-interactivity/./dist/browser/InteractionManager.js?\n}");
26
+ 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}");
27
27
 
28
28
  /***/ },
29
29
 
@@ -43,7 +43,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
43
43
  \*****************************************************/
44
44
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
45
45
 
46
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ InteractivityPluginInstance: () => (/* binding */ InteractivityPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _InteractionManager_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./InteractionManager.js */ \"./dist/browser/InteractionManager.js\");\n/* harmony import */ var _Options_Classes_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Interactivity.js */ \"./dist/browser/Options/Classes/Interactivity.js\");\n\n\nclass InteractivityPluginInstance {\n interactionManager;\n _container;\n _engine;\n constructor(engine, container){\n this._container = container;\n this._engine = engine;\n this.interactionManager = new _InteractionManager_js__WEBPACK_IMPORTED_MODULE_0__.InteractionManager(engine, container);\n this._container.addClickHandler = (callback)=>{\n this.interactionManager.addClickHandler(callback);\n };\n }\n addClickHandler(callback) {\n this.interactionManager.addClickHandler(callback);\n }\n clearClickHandlers() {\n this.interactionManager.clearClickHandlers();\n }\n destroy() {\n this.clearClickHandlers();\n this._engine.interactors?.delete(this._container);\n }\n particleCreated(particle) {\n const interactivityParticle = particle, interactivity = new _Options_Classes_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__.Interactivity(this._engine, this._container);\n interactivity.load(this._container.actualOptions.interactivity);\n interactivity.load(interactivityParticle.options.interactivity);\n interactivityParticle.interactivity = interactivity;\n }\n particleReset(particle) {\n this.interactionManager.reset(particle);\n }\n postParticleUpdate(particle, delta) {\n this.interactionManager.particlesInteract(particle, delta);\n }\n postUpdate(delta) {\n this.interactionManager.globalInteract(delta);\n this.interactionManager.externalInteract(delta);\n }\n async preInit() {\n await this.interactionManager.initInteractors();\n this.interactionManager.init();\n }\n async redrawInit() {\n await this.interactionManager.initInteractors();\n this.interactionManager.init();\n }\n start() {\n this.interactionManager.addListeners();\n this.interactionManager.startObserving();\n return Promise.resolve();\n }\n stop() {\n this.interactionManager.removeListeners();\n this.interactionManager.stopObserving();\n }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-interactivity/./dist/browser/InteractivityPluginInstance.js?\n}");
46
+ 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}");
47
47
 
48
48
  /***/ }
49
49
 
@@ -4,7 +4,7 @@
4
4
  * Demo / Generator : https://particles.js.org/
5
5
  * GitHub : https://www.github.com/matteobruni/tsparticles
6
6
  * How to use? : Check the GitHub README
7
- * v4.0.0-alpha.22
7
+ * v4.0.0-alpha.24
8
8
  */
9
9
  "use strict";
10
10
  /*
@@ -1,6 +1,5 @@
1
1
  export var InteractorType;
2
2
  (function (InteractorType) {
3
- InteractorType["global"] = "global";
4
3
  InteractorType["external"] = "external";
5
4
  InteractorType["particles"] = "particles";
6
5
  })(InteractorType || (InteractorType = {}));
@@ -9,7 +9,6 @@ export class InteractionManager {
9
9
  _engine;
10
10
  _eventListeners;
11
11
  _externalInteractors;
12
- _globalInteractors;
13
12
  _interactors;
14
13
  _intersectionObserver;
15
14
  _particleInteractors;
@@ -18,7 +17,6 @@ export class InteractionManager {
18
17
  this._engine = engine;
19
18
  this._interactors = [];
20
19
  this._externalInteractors = [];
21
- this._globalInteractors = [];
22
20
  this._particleInteractors = [];
23
21
  this._clickHandlers = new Map();
24
22
  this._eventListeners = new InteractivityEventListeners(container, this);
@@ -125,14 +123,6 @@ export class InteractionManager {
125
123
  }
126
124
  }
127
125
  }
128
- globalInteract(delta) {
129
- for (const interactor of this._globalInteractors) {
130
- const { interactivityData } = this;
131
- if (interactor.isEnabled(interactivityData)) {
132
- interactor.interact(interactivityData, delta);
133
- }
134
- }
135
- }
136
126
  handleClickMode(mode) {
137
127
  if (this.container.destroyed) {
138
128
  return;
@@ -152,9 +142,6 @@ export class InteractionManager {
152
142
  case InteractorType.particles:
153
143
  this._particleInteractors.push(interactor);
154
144
  break;
155
- case InteractorType.global:
156
- this._globalInteractors.push(interactor);
157
- break;
158
145
  }
159
146
  interactor.init();
160
147
  }
@@ -35,7 +35,6 @@ export class InteractivityPluginInstance {
35
35
  this.interactionManager.particlesInteract(particle, delta);
36
36
  }
37
37
  postUpdate(delta) {
38
- this.interactionManager.globalInteract(delta);
39
38
  this.interactionManager.externalInteract(delta);
40
39
  }
41
40
  async preInit() {
package/esm/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { getItemsFromInitializer } from "@tsparticles/engine";
2
2
  export async function loadInteractivityPlugin(engine) {
3
- engine.checkVersion("4.0.0-alpha.22");
3
+ engine.checkVersion("4.0.0-alpha.24");
4
4
  await engine.register(async (e) => {
5
5
  const interactivityEngine = e, { InteractivityPlugin } = await import("./InteractivityPlugin.js");
6
6
  interactivityEngine.addPlugin(new InteractivityPlugin(interactivityEngine));
@@ -33,7 +33,6 @@ export function ensureInteractivityPluginLoaded(e) {
33
33
  }
34
34
  }
35
35
  export * from "./BaseClasses/ExternalInteractorBase.js";
36
- export * from "./BaseClasses/GlobalInteractorBase.js";
37
36
  export * from "./BaseClasses/ParticlesInteractorBase.js";
38
37
  export * from "./InteractivityConstants.js";
39
38
  export * from "./Enums/DivType.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tsparticles/plugin-interactivity",
3
- "version": "4.0.0-alpha.22",
3
+ "version": "4.0.0-alpha.24",
4
4
  "description": "tsParticles interactivity sickness plugin",
5
5
  "homepage": "https://particles.js.org",
6
6
  "repository": {
@@ -86,7 +86,7 @@
86
86
  "./package.json": "./package.json"
87
87
  },
88
88
  "dependencies": {
89
- "@tsparticles/engine": "4.0.0-alpha.22"
89
+ "@tsparticles/engine": "4.0.0-alpha.24"
90
90
  },
91
91
  "publishConfig": {
92
92
  "access": "public"
package/report.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <head>
4
4
  <meta charset="UTF-8"/>
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
6
- <title>@tsparticles/plugin-interactivity [5 Feb 2026 at 19:32]</title>
6
+ <title>@tsparticles/plugin-interactivity [12 Feb 2026 at 18:49]</title>
7
7
  <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
8
8
 
9
9
  <script>
@@ -4,7 +4,7 @@
4
4
  * Demo / Generator : https://particles.js.org/
5
5
  * GitHub : https://www.github.com/matteobruni/tsparticles
6
6
  * How to use? : Check the GitHub README
7
- * v4.0.0-alpha.22
7
+ * v4.0.0-alpha.24
8
8
  */
9
9
  /*
10
10
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -48,16 +48,6 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
48
48
 
49
49
  /***/ },
50
50
 
51
- /***/ "./dist/browser/BaseClasses/GlobalInteractorBase.js"
52
- /*!**********************************************************!*\
53
- !*** ./dist/browser/BaseClasses/GlobalInteractorBase.js ***!
54
- \**********************************************************/
55
- (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
56
-
57
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ GlobalInteractorBase: () => (/* binding */ GlobalInteractorBase)\n/* harmony export */ });\n/* harmony import */ var _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Enums/InteractorType.js */ \"./dist/browser/Enums/InteractorType.js\");\n\nclass GlobalInteractorBase {\n type = _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_0__.InteractorType.global;\n container;\n constructor(container){\n this.container = container;\n }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-interactivity/./dist/browser/BaseClasses/GlobalInteractorBase.js?\n}");
58
-
59
- /***/ },
60
-
61
51
  /***/ "./dist/browser/BaseClasses/ParticlesInteractorBase.js"
62
52
  /*!*************************************************************!*\
63
53
  !*** ./dist/browser/BaseClasses/ParticlesInteractorBase.js ***!
@@ -94,7 +84,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
94
84
  \**********************************************/
95
85
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
96
86
 
97
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ InteractorType: () => (/* binding */ InteractorType)\n/* harmony export */ });\nvar InteractorType;\n(function(InteractorType) {\n InteractorType[\"global\"] = \"global\";\n InteractorType[\"external\"] = \"external\";\n InteractorType[\"particles\"] = \"particles\";\n})(InteractorType || (InteractorType = {}));\n\n\n//# sourceURL=webpack://@tsparticles/plugin-interactivity/./dist/browser/Enums/InteractorType.js?\n}");
87
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ InteractorType: () => (/* binding */ InteractorType)\n/* harmony export */ });\nvar InteractorType;\n(function(InteractorType) {\n InteractorType[\"external\"] = \"external\";\n InteractorType[\"particles\"] = \"particles\";\n})(InteractorType || (InteractorType = {}));\n\n\n//# sourceURL=webpack://@tsparticles/plugin-interactivity/./dist/browser/Enums/InteractorType.js?\n}");
98
88
 
99
89
  /***/ },
100
90
 
@@ -134,7 +124,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
134
124
  \*******************************/
135
125
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
136
126
 
137
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ DivEvent: () => (/* reexport safe */ _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_9__.DivEvent),\n/* harmony export */ DivType: () => (/* reexport safe */ _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_5__.DivType),\n/* harmony export */ ExternalInteractorBase: () => (/* reexport safe */ _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__.ExternalInteractorBase),\n/* harmony export */ GlobalInteractorBase: () => (/* reexport safe */ _BaseClasses_GlobalInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__.GlobalInteractorBase),\n/* harmony export */ InteractivityDetect: () => (/* reexport safe */ _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_6__.InteractivityDetect),\n/* harmony export */ InteractorType: () => (/* reexport safe */ _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_7__.InteractorType),\n/* harmony export */ Modes: () => (/* reexport safe */ _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_10__.Modes),\n/* harmony export */ ParticlesInteractorBase: () => (/* reexport safe */ _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_3__.ParticlesInteractorBase),\n/* harmony export */ clickEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.clickEvent),\n/* harmony export */ divMode: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_8__.divMode),\n/* harmony export */ divModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_8__.divModeExecute),\n/* harmony export */ ensureInteractivityPluginLoaded: () => (/* binding */ ensureInteractivityPluginLoaded),\n/* harmony export */ isDivModeEnabled: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_8__.isDivModeEnabled),\n/* harmony export */ loadInteractivityPlugin: () => (/* binding */ loadInteractivityPlugin),\n/* harmony export */ mouseDownEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.mouseDownEvent),\n/* harmony export */ mouseLeaveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.mouseLeaveEvent),\n/* harmony export */ mouseMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.mouseMoveEvent),\n/* harmony export */ mouseOutEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.mouseOutEvent),\n/* harmony export */ mouseUpEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.mouseUpEvent),\n/* harmony export */ singleDivModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_8__.singleDivModeExecute),\n/* harmony export */ touchCancelEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.touchCancelEvent),\n/* harmony export */ touchEndEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.touchEndEvent),\n/* harmony export */ touchMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.touchMoveEvent),\n/* harmony export */ touchStartEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__.touchStartEvent)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BaseClasses/ExternalInteractorBase.js */ \"./dist/browser/BaseClasses/ExternalInteractorBase.js\");\n/* harmony import */ var _BaseClasses_GlobalInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BaseClasses/GlobalInteractorBase.js */ \"./dist/browser/BaseClasses/GlobalInteractorBase.js\");\n/* harmony import */ var _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./BaseClasses/ParticlesInteractorBase.js */ \"./dist/browser/BaseClasses/ParticlesInteractorBase.js\");\n/* harmony import */ var _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"./dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Enums/DivType.js */ \"./dist/browser/Enums/DivType.js\");\n/* harmony import */ var _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Enums/InteractivityDetect.js */ \"./dist/browser/Enums/InteractivityDetect.js\");\n/* harmony import */ var _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Enums/InteractorType.js */ \"./dist/browser/Enums/InteractorType.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils.js */ \"./dist/browser/utils.js\");\n/* harmony import */ var _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Options/Classes/Events/DivEvent.js */ \"./dist/browser/Options/Classes/Events/DivEvent.js\");\n/* harmony import */ var _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Options/Classes/Modes/Modes.js */ \"./dist/browser/Options/Classes/Modes/Modes.js\");\n\nasync function loadInteractivityPlugin(engine) {\n engine.checkVersion(\"4.0.0-alpha.22\");\n await engine.register(async (e)=>{\n const interactivityEngine = e, { InteractivityPlugin } = await __webpack_require__.e(/*! import() */ \"dist_browser_InteractivityPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InteractivityPlugin.js */ \"./dist/browser/InteractivityPlugin.js\"));\n interactivityEngine.addPlugin(new InteractivityPlugin(interactivityEngine));\n interactivityEngine.initializers.interactors ??= new Map();\n interactivityEngine.interactors ??= new Map();\n interactivityEngine.addInteractor = (name, interactorInitializer)=>{\n interactivityEngine.initializers.interactors ??= new Map();\n interactivityEngine.initializers.interactors.set(name, interactorInitializer);\n };\n interactivityEngine.getInteractors = async (container, force = false)=>{\n interactivityEngine.interactors ??= new Map();\n interactivityEngine.initializers.interactors ??= new Map();\n return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getItemsFromInitializer)(container, interactivityEngine.interactors, interactivityEngine.initializers.interactors, force);\n };\n interactivityEngine.setOnClickHandler = (callback)=>{\n const { items } = interactivityEngine;\n if (!items.length) {\n throw new Error(\"Click handlers can only be set after calling tsParticles.load()\");\n }\n items.forEach((item)=>{\n const interactivityContainer = item;\n interactivityContainer.addClickHandler?.(callback);\n });\n };\n });\n}\nfunction ensureInteractivityPluginLoaded(e) {\n if (!e.addInteractor) {\n throw new Error(\"tsParticles Interactivity Plugin is not loaded\");\n }\n}\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/plugin-interactivity/./dist/browser/index.js?\n}");
127
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ DivEvent: () => (/* reexport safe */ _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__.DivEvent),\n/* harmony export */ DivType: () => (/* reexport safe */ _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__.DivType),\n/* harmony export */ ExternalInteractorBase: () => (/* reexport safe */ _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__.ExternalInteractorBase),\n/* harmony export */ InteractivityDetect: () => (/* reexport safe */ _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__.InteractivityDetect),\n/* harmony export */ InteractorType: () => (/* reexport safe */ _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__.InteractorType),\n/* harmony export */ Modes: () => (/* reexport safe */ _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__.Modes),\n/* harmony export */ ParticlesInteractorBase: () => (/* reexport safe */ _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__.ParticlesInteractorBase),\n/* harmony export */ clickEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.clickEvent),\n/* harmony export */ divMode: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divMode),\n/* harmony export */ divModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.divModeExecute),\n/* harmony export */ ensureInteractivityPluginLoaded: () => (/* binding */ ensureInteractivityPluginLoaded),\n/* harmony export */ isDivModeEnabled: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.isDivModeEnabled),\n/* harmony export */ loadInteractivityPlugin: () => (/* binding */ loadInteractivityPlugin),\n/* harmony export */ mouseDownEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseDownEvent),\n/* harmony export */ mouseLeaveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseLeaveEvent),\n/* harmony export */ mouseMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseMoveEvent),\n/* harmony export */ mouseOutEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseOutEvent),\n/* harmony export */ mouseUpEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.mouseUpEvent),\n/* harmony export */ singleDivModeExecute: () => (/* reexport safe */ _utils_js__WEBPACK_IMPORTED_MODULE_7__.singleDivModeExecute),\n/* harmony export */ touchCancelEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchCancelEvent),\n/* harmony export */ touchEndEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchEndEvent),\n/* harmony export */ touchMoveEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchMoveEvent),\n/* harmony export */ touchStartEvent: () => (/* reexport safe */ _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__.touchStartEvent)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _BaseClasses_ExternalInteractorBase_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BaseClasses/ExternalInteractorBase.js */ \"./dist/browser/BaseClasses/ExternalInteractorBase.js\");\n/* harmony import */ var _BaseClasses_ParticlesInteractorBase_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BaseClasses/ParticlesInteractorBase.js */ \"./dist/browser/BaseClasses/ParticlesInteractorBase.js\");\n/* harmony import */ var _InteractivityConstants_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InteractivityConstants.js */ \"./dist/browser/InteractivityConstants.js\");\n/* harmony import */ var _Enums_DivType_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Enums/DivType.js */ \"./dist/browser/Enums/DivType.js\");\n/* harmony import */ var _Enums_InteractivityDetect_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Enums/InteractivityDetect.js */ \"./dist/browser/Enums/InteractivityDetect.js\");\n/* harmony import */ var _Enums_InteractorType_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Enums/InteractorType.js */ \"./dist/browser/Enums/InteractorType.js\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils.js */ \"./dist/browser/utils.js\");\n/* harmony import */ var _Options_Classes_Events_DivEvent_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Options/Classes/Events/DivEvent.js */ \"./dist/browser/Options/Classes/Events/DivEvent.js\");\n/* harmony import */ var _Options_Classes_Modes_Modes_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Options/Classes/Modes/Modes.js */ \"./dist/browser/Options/Classes/Modes/Modes.js\");\n\nasync function loadInteractivityPlugin(engine) {\n engine.checkVersion(\"4.0.0-alpha.24\");\n await engine.register(async (e)=>{\n const interactivityEngine = e, { InteractivityPlugin } = await __webpack_require__.e(/*! import() */ \"dist_browser_InteractivityPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./InteractivityPlugin.js */ \"./dist/browser/InteractivityPlugin.js\"));\n interactivityEngine.addPlugin(new InteractivityPlugin(interactivityEngine));\n interactivityEngine.initializers.interactors ??= new Map();\n interactivityEngine.interactors ??= new Map();\n interactivityEngine.addInteractor = (name, interactorInitializer)=>{\n interactivityEngine.initializers.interactors ??= new Map();\n interactivityEngine.initializers.interactors.set(name, interactorInitializer);\n };\n interactivityEngine.getInteractors = async (container, force = false)=>{\n interactivityEngine.interactors ??= new Map();\n interactivityEngine.initializers.interactors ??= new Map();\n return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getItemsFromInitializer)(container, interactivityEngine.interactors, interactivityEngine.initializers.interactors, force);\n };\n interactivityEngine.setOnClickHandler = (callback)=>{\n const { items } = interactivityEngine;\n if (!items.length) {\n throw new Error(\"Click handlers can only be set after calling tsParticles.load()\");\n }\n items.forEach((item)=>{\n const interactivityContainer = item;\n interactivityContainer.addClickHandler?.(callback);\n });\n };\n });\n}\nfunction ensureInteractivityPluginLoaded(e) {\n if (!e.addInteractor) {\n throw new Error(\"tsParticles Interactivity Plugin is not loaded\");\n }\n}\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/plugin-interactivity/./dist/browser/index.js?\n}");
138
128
 
139
129
  /***/ },
140
130
 
@@ -1,2 +1,2 @@
1
- !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(this,e=>(()=>{"use strict";var t,r,i,n={303(t){t.exports=e},585(e,t,r){var i,n;r.d(t,{Q:()=>i}),(n=i||(i={})).circle="circle",n.rectangle="rectangle"},366(e,t,r){var i,n;r.d(t,{h:()=>i}),(n=i||(i={})).canvas="canvas",n.parent="parent",n.window="window"},839(e,t,r){var i,n;r.d(t,{e:()=>i}),(n=i||(i={})).global="global",n.external="external",n.particles="particles"},731(e,t,r){r.d(t,{Bp:()=>u,DG:()=>p,G3:()=>d,Rb:()=>c,Z0:()=>a,ms:()=>n,s7:()=>l,sf:()=>s,vo:()=>o,xO:()=>i});let i="click",n="pointerdown",o="pointerup",a="pointerleave",s="pointerout",c="pointermove",l="touchstart",u="touchend",p="touchmove",d="touchcancel"},646(e,t,r){r.d(t,{G:()=>o});var i=r(303),n=r(585);class o{enable;mode;selectors;type;constructor(){this.selectors=[],this.enable=!1,this.mode=[],this.type=n.Q.circle}load(e){(0,i.isNull)(e)||(void 0!==e.selectors&&(this.selectors=e.selectors),void 0!==e.enable&&(this.enable=e.enable),void 0!==e.mode&&(this.mode=e.mode),void 0!==e.type&&(this.type=e.type))}}},802(e,t,r){r.d(t,{d:()=>n});var i=r(303);class n{_container;_engine;constructor(e,t){this._engine=e,this._container=t}load(e){if((0,i.isNull)(e)||!this._container)return;let t=this._engine.interactors?.get(this._container);if(t)for(let r of t)r.loadModeOptions&&r.loadModeOptions(this,e)}}}},o={};function a(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return n[e](r,r.exports,a),r.exports}a.m=n,a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce((t,r)=>(a.f[r](e,t),t),[])),a.u=e=>""+e+".min.js",a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s={},a.l=(e,t,r,i)=>{if(s[e])return void s[e].push(t);if(void 0!==r)for(var n,o,c=document.getElementsByTagName("script"),l=0;l<c.length;l++){var u=c[l];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")=="@tsparticles/plugin-interactivity:"+r){n=u;break}}n||(o=!0,(n=document.createElement("script")).charset="utf-8",a.nc&&n.setAttribute("nonce",a.nc),n.setAttribute("data-webpack","@tsparticles/plugin-interactivity:"+r),n.src=e),s[e]=[t];var p=(t,r)=>{n.onerror=n.onload=null,clearTimeout(d);var i=s[e];if(delete s[e],n.parentNode&&n.parentNode.removeChild(n),i&&i.forEach(e=>e(r)),t)return t(r)},d=setTimeout(p.bind(null,void 0,{type:"timeout",target:n}),12e4);n.onerror=p.bind(null,n.onerror),n.onload=p.bind(null,n.onload),o&&document.head.appendChild(n)},a.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.g.importScripts&&(c=a.g.location+"");var s,c,l=a.g.document;if(!c&&l&&(l.currentScript&&"SCRIPT"===l.currentScript.tagName.toUpperCase()&&(c=l.currentScript.src),!c)){var u=l.getElementsByTagName("script");if(u.length)for(var p=u.length-1;p>-1&&(!c||!/^http(s?):/.test(c));)c=u[p--].src}if(!c)throw Error("Automatic publicPath is not supported in this browser");a.p=c=c.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),t={301:0},a.f.j=(e,r)=>{var i=a.o(t,e)?t[e]:void 0;if(0!==i)if(i)r.push(i[2]);else{var n=new Promise((r,n)=>i=t[e]=[r,n]);r.push(i[2]=n);var o=a.p+a.u(e),s=Error();a.l(o,r=>{if(a.o(t,e)&&(0!==(i=t[e])&&(t[e]=void 0),i)){var n=r&&("load"===r.type?"missing":r.type),o=r&&r.target&&r.target.src;s.message="Loading chunk "+e+` failed.
2
- (`+n+": "+o+")",s.name="ChunkLoadError",s.type=n,s.request=o,i[1](s)}},"chunk-"+e,e)}},r=(e,r)=>{var i,n,[o,s,c]=r,l=0;if(o.some(e=>0!==t[e])){for(i in s)a.o(s,i)&&(a.m[i]=s[i]);c&&c(a)}for(e&&e(r);l<o.length;l++)n=o[l],a.o(t,n)&&t[n]&&t[n][0](),t[n]=0},(i=this.webpackChunk_tsparticles_plugin_interactivity=this.webpackChunk_tsparticles_plugin_interactivity||[]).forEach(r.bind(null,0)),i.push=r.bind(null,i.push.bind(i));var d={};a.r(d),a.d(d,{DivEvent:()=>I.G,DivType:()=>y.Q,ExternalInteractorBase:()=>f,GlobalInteractorBase:()=>g,InteractivityDetect:()=>w.h,InteractorType:()=>h.e,Modes:()=>k.d,ParticlesInteractorBase:()=>m,clickEvent:()=>b.xO,divMode:()=>O,divModeExecute:()=>x,ensureInteractivityPluginLoaded:()=>P,isDivModeEnabled:()=>E,loadInteractivityPlugin:()=>S,mouseDownEvent:()=>b.ms,mouseLeaveEvent:()=>b.Z0,mouseMoveEvent:()=>b.Rb,mouseOutEvent:()=>b.sf,mouseUpEvent:()=>b.vo,singleDivModeExecute:()=>M,touchCancelEvent:()=>b.G3,touchEndEvent:()=>b.Bp,touchMoveEvent:()=>b.DG,touchStartEvent:()=>b.s7});var v=a(303),h=a(839);class f{type=h.e.external;container;constructor(e){this.container=e}}class g{type=h.e.global;container;constructor(e){this.container=e}}class m{type=h.e.particles;container;constructor(e){this.container=e}}var b=a(731),y=a(585),w=a(366);function E(e,t){return!!(0,v.findItemFromSingleOrMultiple)(t,t=>t.enable&&(0,v.isInArray)(e,t.mode))}function x(e,t,r){(0,v.executeOnSingleOrMultiple)(t,t=>{let i=t.mode;t.enable&&(0,v.isInArray)(e,i)&&M(t,r)})}function M(e,t){let r=e.selectors;(0,v.executeOnSingleOrMultiple)(r,r=>{t(r,e)})}function O(e,t){if(t&&e)return(0,v.findItemFromSingleOrMultiple)(e,e=>{var r;let i;return r=e.selectors,i=(0,v.executeOnSingleOrMultiple)(r,e=>t.matches(e)),(0,v.isArray)(i)?i.some(e=>e):i})}var I=a(646),k=a(802);async function S(e){e.checkVersion("4.0.0-alpha.22"),await e.register(async e=>{let{InteractivityPlugin:t}=await a.e(703).then(a.bind(a,703));e.addPlugin(new t(e)),e.initializers.interactors??=new Map,e.interactors??=new Map,e.addInteractor=(t,r)=>{e.initializers.interactors??=new Map,e.initializers.interactors.set(t,r)},e.getInteractors=async(t,r=!1)=>(e.interactors??=new Map,e.initializers.interactors??=new Map,(0,v.getItemsFromInitializer)(t,e.interactors,e.initializers.interactors,r)),e.setOnClickHandler=t=>{let{items:r}=e;if(!r.length)throw Error("Click handlers can only be set after calling tsParticles.load()");r.forEach(e=>{e.addClickHandler?.(t)})}})}function P(e){if(!e.addInteractor)throw Error("tsParticles Interactivity Plugin is not loaded")}return d})());
1
+ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(this,e=>(()=>{"use strict";var t,r,i,n={303(t){t.exports=e},585(e,t,r){var i,n;r.d(t,{Q:()=>i}),(n=i||(i={})).circle="circle",n.rectangle="rectangle"},366(e,t,r){var i,n;r.d(t,{h:()=>i}),(n=i||(i={})).canvas="canvas",n.parent="parent",n.window="window"},839(e,t,r){var i,n;r.d(t,{e:()=>i}),(n=i||(i={})).external="external",n.particles="particles"},731(e,t,r){r.d(t,{Bp:()=>u,DG:()=>d,G3:()=>p,Rb:()=>c,Z0:()=>a,ms:()=>n,s7:()=>l,sf:()=>s,vo:()=>o,xO:()=>i});let i="click",n="pointerdown",o="pointerup",a="pointerleave",s="pointerout",c="pointermove",l="touchstart",u="touchend",d="touchmove",p="touchcancel"},646(e,t,r){r.d(t,{G:()=>o});var i=r(303),n=r(585);class o{enable;mode;selectors;type;constructor(){this.selectors=[],this.enable=!1,this.mode=[],this.type=n.Q.circle}load(e){(0,i.isNull)(e)||(void 0!==e.selectors&&(this.selectors=e.selectors),void 0!==e.enable&&(this.enable=e.enable),void 0!==e.mode&&(this.mode=e.mode),void 0!==e.type&&(this.type=e.type))}}},802(e,t,r){r.d(t,{d:()=>n});var i=r(303);class n{_container;_engine;constructor(e,t){this._engine=e,this._container=t}load(e){if((0,i.isNull)(e)||!this._container)return;let t=this._engine.interactors?.get(this._container);if(t)for(let r of t)r.loadModeOptions&&r.loadModeOptions(this,e)}}}},o={};function a(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return n[e](r,r.exports,a),r.exports}a.m=n,a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce((t,r)=>(a.f[r](e,t),t),[])),a.u=e=>""+e+".min.js",a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s={},a.l=(e,t,r,i)=>{if(s[e])return void s[e].push(t);if(void 0!==r)for(var n,o,c=document.getElementsByTagName("script"),l=0;l<c.length;l++){var u=c[l];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")=="@tsparticles/plugin-interactivity:"+r){n=u;break}}n||(o=!0,(n=document.createElement("script")).charset="utf-8",a.nc&&n.setAttribute("nonce",a.nc),n.setAttribute("data-webpack","@tsparticles/plugin-interactivity:"+r),n.src=e),s[e]=[t];var d=(t,r)=>{n.onerror=n.onload=null,clearTimeout(p);var i=s[e];if(delete s[e],n.parentNode&&n.parentNode.removeChild(n),i&&i.forEach(e=>e(r)),t)return t(r)},p=setTimeout(d.bind(null,void 0,{type:"timeout",target:n}),12e4);n.onerror=d.bind(null,n.onerror),n.onload=d.bind(null,n.onload),o&&document.head.appendChild(n)},a.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.g.importScripts&&(c=a.g.location+"");var s,c,l=a.g.document;if(!c&&l&&(l.currentScript&&"SCRIPT"===l.currentScript.tagName.toUpperCase()&&(c=l.currentScript.src),!c)){var u=l.getElementsByTagName("script");if(u.length)for(var d=u.length-1;d>-1&&(!c||!/^http(s?):/.test(c));)c=u[d--].src}if(!c)throw Error("Automatic publicPath is not supported in this browser");a.p=c=c.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),t={301:0},a.f.j=(e,r)=>{var i=a.o(t,e)?t[e]:void 0;if(0!==i)if(i)r.push(i[2]);else{var n=new Promise((r,n)=>i=t[e]=[r,n]);r.push(i[2]=n);var o=a.p+a.u(e),s=Error();a.l(o,r=>{if(a.o(t,e)&&(0!==(i=t[e])&&(t[e]=void 0),i)){var n=r&&("load"===r.type?"missing":r.type),o=r&&r.target&&r.target.src;s.message="Loading chunk "+e+` failed.
2
+ (`+n+": "+o+")",s.name="ChunkLoadError",s.type=n,s.request=o,i[1](s)}},"chunk-"+e,e)}},r=(e,r)=>{var i,n,[o,s,c]=r,l=0;if(o.some(e=>0!==t[e])){for(i in s)a.o(s,i)&&(a.m[i]=s[i]);c&&c(a)}for(e&&e(r);l<o.length;l++)n=o[l],a.o(t,n)&&t[n]&&t[n][0](),t[n]=0},(i=this.webpackChunk_tsparticles_plugin_interactivity=this.webpackChunk_tsparticles_plugin_interactivity||[]).forEach(r.bind(null,0)),i.push=r.bind(null,i.push.bind(i));var p={};a.r(p),a.d(p,{DivEvent:()=>O.G,DivType:()=>b.Q,ExternalInteractorBase:()=>f,InteractivityDetect:()=>y.h,InteractorType:()=>h.e,Modes:()=>k.d,ParticlesInteractorBase:()=>g,clickEvent:()=>m.xO,divMode:()=>M,divModeExecute:()=>E,ensureInteractivityPluginLoaded:()=>S,isDivModeEnabled:()=>w,loadInteractivityPlugin:()=>I,mouseDownEvent:()=>m.ms,mouseLeaveEvent:()=>m.Z0,mouseMoveEvent:()=>m.Rb,mouseOutEvent:()=>m.sf,mouseUpEvent:()=>m.vo,singleDivModeExecute:()=>x,touchCancelEvent:()=>m.G3,touchEndEvent:()=>m.Bp,touchMoveEvent:()=>m.DG,touchStartEvent:()=>m.s7});var v=a(303),h=a(839);class f{type=h.e.external;container;constructor(e){this.container=e}}class g{type=h.e.particles;container;constructor(e){this.container=e}}var m=a(731),b=a(585),y=a(366);function w(e,t){return!!(0,v.findItemFromSingleOrMultiple)(t,t=>t.enable&&(0,v.isInArray)(e,t.mode))}function E(e,t,r){(0,v.executeOnSingleOrMultiple)(t,t=>{let i=t.mode;t.enable&&(0,v.isInArray)(e,i)&&x(t,r)})}function x(e,t){let r=e.selectors;(0,v.executeOnSingleOrMultiple)(r,r=>{t(r,e)})}function M(e,t){if(t&&e)return(0,v.findItemFromSingleOrMultiple)(e,e=>{var r;let i;return r=e.selectors,i=(0,v.executeOnSingleOrMultiple)(r,e=>t.matches(e)),(0,v.isArray)(i)?i.some(e=>e):i})}var O=a(646),k=a(802);async function I(e){e.checkVersion("4.0.0-alpha.24"),await e.register(async e=>{let{InteractivityPlugin:t}=await a.e(703).then(a.bind(a,703));e.addPlugin(new t(e)),e.initializers.interactors??=new Map,e.interactors??=new Map,e.addInteractor=(t,r)=>{e.initializers.interactors??=new Map,e.initializers.interactors.set(t,r)},e.getInteractors=async(t,r=!1)=>(e.interactors??=new Map,e.initializers.interactors??=new Map,(0,v.getItemsFromInitializer)(t,e.interactors,e.initializers.interactors,r)),e.setOnClickHandler=t=>{let{items:r}=e;if(!r.length)throw Error("Click handlers can only be set after calling tsParticles.load()");r.forEach(e=>{e.addClickHandler?.(t)})}})}function S(e){if(!e.addInteractor)throw Error("tsParticles Interactivity Plugin is not loaded")}return p})());
@@ -1,5 +1,4 @@
1
1
  export declare enum InteractorType {
2
- global = "global",
3
2
  external = "external",
4
3
  particles = "particles"
5
4
  }
@@ -8,7 +8,6 @@ export declare class InteractionManager {
8
8
  private readonly _engine;
9
9
  private readonly _eventListeners;
10
10
  private _externalInteractors;
11
- private readonly _globalInteractors;
12
11
  private _interactors;
13
12
  private readonly _intersectionObserver;
14
13
  private _particleInteractors;
@@ -17,7 +16,6 @@ export declare class InteractionManager {
17
16
  addListeners(): void;
18
17
  clearClickHandlers(): void;
19
18
  externalInteract(delta: IDelta): void;
20
- globalInteract(delta: IDelta): void;
21
19
  handleClickMode(mode: string): void;
22
20
  init(): void;
23
21
  initInteractors(): Promise<void>;
package/types/index.d.ts CHANGED
@@ -3,10 +3,8 @@ import { type InteractivityEngine } from "./types.js";
3
3
  export declare function loadInteractivityPlugin(engine: Engine): Promise<void>;
4
4
  export declare function ensureInteractivityPluginLoaded(e: InteractivityEngine): void;
5
5
  export * from "./BaseClasses/ExternalInteractorBase.js";
6
- export * from "./BaseClasses/GlobalInteractorBase.js";
7
6
  export * from "./BaseClasses/ParticlesInteractorBase.js";
8
7
  export type * from "./Interfaces/IExternalInteractor.js";
9
- export type * from "./Interfaces/IGlobalInteractor.js";
10
8
  export type * from "./Interfaces/IInteractivityData.js";
11
9
  export type * from "./Interfaces/IInteractor.js";
12
10
  export type * from "./Interfaces/IParticleInteractorBase.js";
@@ -12,7 +12,6 @@
12
12
  exports.InteractorType = void 0;
13
13
  var InteractorType;
14
14
  (function (InteractorType) {
15
- InteractorType["global"] = "global";
16
15
  InteractorType["external"] = "external";
17
16
  InteractorType["particles"] = "particles";
18
17
  })(InteractorType || (exports.InteractorType = InteractorType = {}));
@@ -21,7 +21,6 @@
21
21
  _engine;
22
22
  _eventListeners;
23
23
  _externalInteractors;
24
- _globalInteractors;
25
24
  _interactors;
26
25
  _intersectionObserver;
27
26
  _particleInteractors;
@@ -30,7 +29,6 @@
30
29
  this._engine = engine;
31
30
  this._interactors = [];
32
31
  this._externalInteractors = [];
33
- this._globalInteractors = [];
34
32
  this._particleInteractors = [];
35
33
  this._clickHandlers = new Map();
36
34
  this._eventListeners = new InteractivityEventListeners_js_1.InteractivityEventListeners(container, this);
@@ -137,14 +135,6 @@
137
135
  }
138
136
  }
139
137
  }
140
- globalInteract(delta) {
141
- for (const interactor of this._globalInteractors) {
142
- const { interactivityData } = this;
143
- if (interactor.isEnabled(interactivityData)) {
144
- interactor.interact(interactivityData, delta);
145
- }
146
- }
147
- }
148
138
  handleClickMode(mode) {
149
139
  if (this.container.destroyed) {
150
140
  return;
@@ -164,9 +154,6 @@
164
154
  case InteractorType_js_1.InteractorType.particles:
165
155
  this._particleInteractors.push(interactor);
166
156
  break;
167
- case InteractorType_js_1.InteractorType.global:
168
- this._globalInteractors.push(interactor);
169
- break;
170
157
  }
171
158
  interactor.init();
172
159
  }
@@ -47,7 +47,6 @@
47
47
  this.interactionManager.particlesInteract(particle, delta);
48
48
  }
49
49
  postUpdate(delta) {
50
- this.interactionManager.globalInteract(delta);
51
50
  this.interactionManager.externalInteract(delta);
52
51
  }
53
52
  async preInit() {
package/umd/index.js CHANGED
@@ -40,7 +40,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
40
40
  if (v !== undefined) module.exports = v;
41
41
  }
42
42
  else if (typeof define === "function" && define.amd) {
43
- define(["require", "exports", "@tsparticles/engine", "./BaseClasses/ExternalInteractorBase.js", "./BaseClasses/GlobalInteractorBase.js", "./BaseClasses/ParticlesInteractorBase.js", "./InteractivityConstants.js", "./Enums/DivType.js", "./Enums/InteractivityDetect.js", "./Enums/InteractorType.js", "./utils.js", "./Options/Classes/Events/DivEvent.js", "./Options/Classes/Modes/Modes.js"], factory);
43
+ define(["require", "exports", "@tsparticles/engine", "./BaseClasses/ExternalInteractorBase.js", "./BaseClasses/ParticlesInteractorBase.js", "./InteractivityConstants.js", "./Enums/DivType.js", "./Enums/InteractivityDetect.js", "./Enums/InteractorType.js", "./utils.js", "./Options/Classes/Events/DivEvent.js", "./Options/Classes/Modes/Modes.js"], factory);
44
44
  }
45
45
  })(function (require, exports) {
46
46
  "use strict";
@@ -50,7 +50,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
50
50
  exports.ensureInteractivityPluginLoaded = ensureInteractivityPluginLoaded;
51
51
  const engine_1 = require("@tsparticles/engine");
52
52
  async function loadInteractivityPlugin(engine) {
53
- engine.checkVersion("4.0.0-alpha.22");
53
+ engine.checkVersion("4.0.0-alpha.24");
54
54
  await engine.register(async (e) => {
55
55
  const interactivityEngine = e, { InteractivityPlugin } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./InteractivityPlugin.js"))) : new Promise((resolve_1, reject_1) => { require(["./InteractivityPlugin.js"], resolve_1, reject_1); }).then(__importStar));
56
56
  interactivityEngine.addPlugin(new InteractivityPlugin(interactivityEngine));
@@ -83,7 +83,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
83
83
  }
84
84
  }
85
85
  __exportStar(require("./BaseClasses/ExternalInteractorBase.js"), exports);
86
- __exportStar(require("./BaseClasses/GlobalInteractorBase.js"), exports);
87
86
  __exportStar(require("./BaseClasses/ParticlesInteractorBase.js"), exports);
88
87
  __exportStar(require("./InteractivityConstants.js"), exports);
89
88
  __exportStar(require("./Enums/DivType.js"), exports);
@@ -1,8 +0,0 @@
1
- import { InteractorType } from "../Enums/InteractorType.js";
2
- export class GlobalInteractorBase {
3
- type = InteractorType.global;
4
- container;
5
- constructor(container) {
6
- this.container = container;
7
- }
8
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,8 +0,0 @@
1
- import { InteractorType } from "../Enums/InteractorType.js";
2
- export class GlobalInteractorBase {
3
- type = InteractorType.global;
4
- container;
5
- constructor(container) {
6
- this.container = container;
7
- }
8
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,8 +0,0 @@
1
- import { InteractorType } from "../Enums/InteractorType.js";
2
- export class GlobalInteractorBase {
3
- type = InteractorType.global;
4
- container;
5
- constructor(container) {
6
- this.container = container;
7
- }
8
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,12 +0,0 @@
1
- import { type Container, type IDelta } from "@tsparticles/engine";
2
- import type { IGlobalInteractor } from "../Interfaces/IGlobalInteractor.js";
3
- import type { IInteractivityData } from "../Interfaces/IInteractivityData.js";
4
- import { InteractorType } from "../Enums/InteractorType.js";
5
- export declare abstract class GlobalInteractorBase<TContainer = Container> implements IGlobalInteractor {
6
- type: InteractorType;
7
- protected readonly container: TContainer;
8
- protected constructor(container: TContainer);
9
- abstract init(): void;
10
- abstract interact(interactivityData: IInteractivityData, delta: IDelta): void;
11
- abstract isEnabled(interactivityData: IInteractivityData): boolean;
12
- }
@@ -1,11 +0,0 @@
1
- import type { IDelta, RecursivePartial } from "@tsparticles/engine";
2
- import type { IInteractivityData } from "./IInteractivityData.js";
3
- import type { IInteractor } from "./IInteractor.js";
4
- import type { IModes } from "../Options/Interfaces/Modes/IModes.js";
5
- import type { Modes } from "../Options/Classes/Modes/Modes.js";
6
- export interface IGlobalInteractor extends IInteractor {
7
- handleClickMode?: (mode: string, interactivityData: IInteractivityData) => void;
8
- loadModeOptions?: (options: Modes, ...sources: RecursivePartial<IModes | undefined>[]) => void;
9
- interact(interactivityData: IInteractivityData, delta: IDelta): void;
10
- isEnabled(interactivityData: IInteractivityData): boolean;
11
- }
@@ -1,22 +0,0 @@
1
- (function (factory) {
2
- if (typeof module === "object" && typeof module.exports === "object") {
3
- var v = factory(require, exports);
4
- if (v !== undefined) module.exports = v;
5
- }
6
- else if (typeof define === "function" && define.amd) {
7
- define(["require", "exports", "../Enums/InteractorType.js"], factory);
8
- }
9
- })(function (require, exports) {
10
- "use strict";
11
- Object.defineProperty(exports, "__esModule", { value: true });
12
- exports.GlobalInteractorBase = void 0;
13
- const InteractorType_js_1 = require("../Enums/InteractorType.js");
14
- class GlobalInteractorBase {
15
- type = InteractorType_js_1.InteractorType.global;
16
- container;
17
- constructor(container) {
18
- this.container = container;
19
- }
20
- }
21
- exports.GlobalInteractorBase = GlobalInteractorBase;
22
- });
@@ -1,12 +0,0 @@
1
- (function (factory) {
2
- if (typeof module === "object" && typeof module.exports === "object") {
3
- var v = factory(require, exports);
4
- if (v !== undefined) module.exports = v;
5
- }
6
- else if (typeof define === "function" && define.amd) {
7
- define(["require", "exports"], factory);
8
- }
9
- })(function (require, exports) {
10
- "use strict";
11
- Object.defineProperty(exports, "__esModule", { value: true });
12
- });