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

package/221.min.js

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

package/703.min.js

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

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

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

package/browser/BaseClasses/GlobalInteractorBase.js

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

package/browser/{ParticlesInteractorBase.js → BaseClasses/ParticlesInteractorBase.js}

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

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

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

package/browser/InteractionManager.js

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

package/browser/InteractivityEventListeners.js

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

package/browser/InteractivityPlugin.js

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

package/browser/InteractivityPluginInstance.js

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

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

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

package/browser/Options/Classes/Interactivity.js

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

package/browser/index.js

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

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

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

package/cjs/BaseClasses/GlobalInteractorBase.js

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

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

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

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

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

package/cjs/InteractionManager.js

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

package/cjs/InteractivityEventListeners.js

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

package/cjs/InteractivityPlugin.js

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

package/cjs/InteractivityPluginInstance.js

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

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

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

package/cjs/Options/Classes/Interactivity.js

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

package/cjs/index.js

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