@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.
- package/221.min.js +1 -1
- package/browser/Enums/InteractorType.js +0 -1
- package/browser/InteractionManager.js +0 -13
- package/browser/InteractivityPluginInstance.js +0 -1
- package/browser/index.js +1 -2
- package/cjs/Enums/InteractorType.js +0 -1
- package/cjs/InteractionManager.js +0 -13
- package/cjs/InteractivityPluginInstance.js +0 -1
- package/cjs/index.js +1 -2
- package/dist_browser_InteractivityPluginInstance_js.js +3 -3
- package/dist_browser_InteractivityPlugin_js.js +1 -1
- package/esm/Enums/InteractorType.js +0 -1
- package/esm/InteractionManager.js +0 -13
- package/esm/InteractivityPluginInstance.js +0 -1
- package/esm/index.js +1 -2
- package/package.json +2 -2
- package/report.html +1 -1
- package/tsparticles.plugin.interactivity.js +3 -13
- package/tsparticles.plugin.interactivity.min.js +2 -2
- package/types/Enums/InteractorType.d.ts +0 -1
- package/types/InteractionManager.d.ts +0 -2
- package/types/index.d.ts +0 -2
- package/umd/Enums/InteractorType.js +0 -1
- package/umd/InteractionManager.js +0 -13
- package/umd/InteractivityPluginInstance.js +0 -1
- package/umd/index.js +2 -3
- package/browser/BaseClasses/GlobalInteractorBase.js +0 -8
- package/browser/Interfaces/IGlobalInteractor.js +0 -1
- package/cjs/BaseClasses/GlobalInteractorBase.js +0 -8
- package/cjs/Interfaces/IGlobalInteractor.js +0 -1
- package/esm/BaseClasses/GlobalInteractorBase.js +0 -8
- package/esm/Interfaces/IGlobalInteractor.js +0 -1
- package/types/BaseClasses/GlobalInteractorBase.d.ts +0 -12
- package/types/Interfaces/IGlobalInteractor.d.ts +0 -11
- package/umd/BaseClasses/GlobalInteractorBase.js +0 -22
- 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;
|
|
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()}}}}]);
|
|
@@ -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
|
}
|
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.
|
|
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";
|
|
@@ -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
|
}
|
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.
|
|
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.
|
|
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
|
|
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.
|
|
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
|
|
|
@@ -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
|
}
|
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.
|
|
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.
|
|
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.
|
|
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 [
|
|
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.
|
|
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[\"
|
|
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 */
|
|
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={})).
|
|
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
|
|
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})());
|
|
@@ -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
|
}
|
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/
|
|
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.
|
|
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 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -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
|
-
});
|