@tsparticles/plugin-interactivity 4.0.0-alpha.23 → 4.0.0-alpha.25
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/{703.min.js → 605.min.js} +1 -1
- package/{221.min.js → 935.min.js} +1 -1
- package/browser/InteractionManager.js +11 -1
- package/browser/InteractivityPluginInstance.js +1 -0
- package/browser/index.js +1 -1
- package/cjs/InteractionManager.js +11 -1
- package/cjs/InteractivityPluginInstance.js +1 -0
- package/cjs/index.js +1 -1
- package/dist_browser_InteractivityPluginInstance_js.js +3 -3
- package/dist_browser_InteractivityPlugin_js.js +1 -1
- package/esm/InteractionManager.js +11 -1
- package/esm/InteractivityPluginInstance.js +1 -0
- package/esm/index.js +1 -1
- package/package.json +2 -2
- package/report.html +1 -1
- package/tsparticles.plugin.interactivity.js +2 -2
- package/tsparticles.plugin.interactivity.min.js +2 -2
- package/types/BaseClasses/ExternalInteractorBase.d.ts +1 -0
- package/types/BaseClasses/ParticlesInteractorBase.d.ts +1 -0
- package/types/InteractionManager.d.ts +1 -0
- package/types/Interfaces/IInteractor.d.ts +1 -0
- package/umd/InteractionManager.js +11 -1
- package/umd/InteractivityPluginInstance.js +1 -0
- package/umd/index.js +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(this.webpackChunk_tsparticles_plugin_interactivity=this.webpackChunk_tsparticles_plugin_interactivity||[]).push([[
|
|
1
|
+
"use strict";(this.webpackChunk_tsparticles_plugin_interactivity=this.webpackChunk_tsparticles_plugin_interactivity||[]).push([[605],{605(e,t,i){i.d(t,{InteractivityPlugin:()=>o});var n=i(303),s=i(363);class o{id="interactivity";_engine;constructor(e){this._engine=e}async getPlugin(e){let{InteractivityPluginInstance:t}=await i.e(935).then(i.bind(i,935));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}}},363(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(608);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(140),d=i(380);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)}}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(this.webpackChunk_tsparticles_plugin_interactivity=this.webpackChunk_tsparticles_plugin_interactivity||[]).push([[
|
|
1
|
+
"use strict";(this.webpackChunk_tsparticles_plugin_interactivity=this.webpackChunk_tsparticles_plugin_interactivity||[]).push([[935],{935(e,t,i){i.d(t,{InteractivityPluginInstance:()=>h});var n=i(303),s=i(245),a=i(140);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(801);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.grid.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)}updateMaxDistance(){let e=0;for(let t of this._interactors)t.maxDistance>e&&(e=t.maxDistance);let t=this.container;t.particles.grid.setCellSize(e*t.retina.pixelRatio)}_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(363);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),this.interactionManager.updateMaxDistance()}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()}}}}]);
|
|
@@ -46,7 +46,7 @@ export class InteractionManager {
|
|
|
46
46
|
const pxRatio = container.retina.pixelRatio, posRetina = {
|
|
47
47
|
x: pos.x * pxRatio,
|
|
48
48
|
y: pos.y * pxRatio,
|
|
49
|
-
}, particles = container.particles.
|
|
49
|
+
}, particles = container.particles.grid.queryCircle(posRetina, radius * pxRatio);
|
|
50
50
|
callback(e, particles);
|
|
51
51
|
}, clickHandler = (e) => {
|
|
52
52
|
if (container.destroyed) {
|
|
@@ -194,6 +194,16 @@ export class InteractionManager {
|
|
|
194
194
|
this._intersectionObserver.unobserve(interactivityData.element);
|
|
195
195
|
}
|
|
196
196
|
}
|
|
197
|
+
updateMaxDistance() {
|
|
198
|
+
let maxTotalDistance = 0;
|
|
199
|
+
for (const interactor of this._interactors) {
|
|
200
|
+
if (interactor.maxDistance > maxTotalDistance) {
|
|
201
|
+
maxTotalDistance = interactor.maxDistance;
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
const container = this.container;
|
|
205
|
+
container.particles.grid.setCellSize(maxTotalDistance * container.retina.pixelRatio);
|
|
206
|
+
}
|
|
197
207
|
_intersectionManager = entries => {
|
|
198
208
|
const { container } = this;
|
|
199
209
|
if (container.destroyed || !container.actualOptions.pauseOnOutsideViewport) {
|
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.25");
|
|
4
4
|
await engine.register(async (e) => {
|
|
5
5
|
const interactivityEngine = e, { InteractivityPlugin } = await import("./InteractivityPlugin.js");
|
|
6
6
|
interactivityEngine.addPlugin(new InteractivityPlugin(interactivityEngine));
|
|
@@ -46,7 +46,7 @@ export class InteractionManager {
|
|
|
46
46
|
const pxRatio = container.retina.pixelRatio, posRetina = {
|
|
47
47
|
x: pos.x * pxRatio,
|
|
48
48
|
y: pos.y * pxRatio,
|
|
49
|
-
}, particles = container.particles.
|
|
49
|
+
}, particles = container.particles.grid.queryCircle(posRetina, radius * pxRatio);
|
|
50
50
|
callback(e, particles);
|
|
51
51
|
}, clickHandler = (e) => {
|
|
52
52
|
if (container.destroyed) {
|
|
@@ -194,6 +194,16 @@ export class InteractionManager {
|
|
|
194
194
|
this._intersectionObserver.unobserve(interactivityData.element);
|
|
195
195
|
}
|
|
196
196
|
}
|
|
197
|
+
updateMaxDistance() {
|
|
198
|
+
let maxTotalDistance = 0;
|
|
199
|
+
for (const interactor of this._interactors) {
|
|
200
|
+
if (interactor.maxDistance > maxTotalDistance) {
|
|
201
|
+
maxTotalDistance = interactor.maxDistance;
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
const container = this.container;
|
|
205
|
+
container.particles.grid.setCellSize(maxTotalDistance * container.retina.pixelRatio);
|
|
206
|
+
}
|
|
197
207
|
_intersectionManager = entries => {
|
|
198
208
|
const { container } = this;
|
|
199
209
|
if (container.destroyed || !container.actualOptions.pauseOnOutsideViewport) {
|
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.25");
|
|
4
4
|
await engine.register(async (e) => {
|
|
5
5
|
const interactivityEngine = e, { InteractivityPlugin } = await import("./InteractivityPlugin.js");
|
|
6
6
|
interactivityEngine.addPlugin(new InteractivityPlugin(interactivityEngine));
|
|
@@ -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.25
|
|
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 _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.
|
|
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.grid.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 updateMaxDistance() {\n let maxTotalDistance = 0;\n for (const interactor of this._interactors){\n if (interactor.maxDistance > maxTotalDistance) {\n maxTotalDistance = interactor.maxDistance;\n }\n }\n const container = this.container;\n container.particles.grid.setCellSize(maxTotalDistance * container.retina.pixelRatio);\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.externalInteract(delta);\n }\n async preInit() {\n await this.interactionManager.initInteractors();\n this.interactionManager.init();\n }\n async redrawInit() {\n await this.interactionManager.initInteractors();\n this.interactionManager.init();\n }\n start() {\n this.interactionManager.addListeners();\n this.interactionManager.startObserving();\n return Promise.resolve();\n }\n stop() {\n this.interactionManager.removeListeners();\n this.interactionManager.stopObserving();\n }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-interactivity/./dist/browser/InteractivityPluginInstance.js?\n}");
|
|
46
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ InteractivityPluginInstance: () => (/* binding */ InteractivityPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _InteractionManager_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./InteractionManager.js */ \"./dist/browser/InteractionManager.js\");\n/* harmony import */ var _Options_Classes_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Interactivity.js */ \"./dist/browser/Options/Classes/Interactivity.js\");\n\n\nclass InteractivityPluginInstance {\n interactionManager;\n _container;\n _engine;\n constructor(engine, container){\n this._container = container;\n this._engine = engine;\n this.interactionManager = new _InteractionManager_js__WEBPACK_IMPORTED_MODULE_0__.InteractionManager(engine, container);\n this._container.addClickHandler = (callback)=>{\n this.interactionManager.addClickHandler(callback);\n };\n }\n addClickHandler(callback) {\n this.interactionManager.addClickHandler(callback);\n }\n clearClickHandlers() {\n this.interactionManager.clearClickHandlers();\n }\n destroy() {\n this.clearClickHandlers();\n this._engine.interactors?.delete(this._container);\n }\n particleCreated(particle) {\n const interactivityParticle = particle, interactivity = new _Options_Classes_Interactivity_js__WEBPACK_IMPORTED_MODULE_1__.Interactivity(this._engine, this._container);\n interactivity.load(this._container.actualOptions.interactivity);\n interactivity.load(interactivityParticle.options.interactivity);\n interactivityParticle.interactivity = interactivity;\n }\n particleReset(particle) {\n this.interactionManager.reset(particle);\n }\n postParticleUpdate(particle, delta) {\n this.interactionManager.particlesInteract(particle, delta);\n }\n postUpdate(delta) {\n this.interactionManager.externalInteract(delta);\n this.interactionManager.updateMaxDistance();\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
|
|
|
@@ -46,7 +46,7 @@ export class InteractionManager {
|
|
|
46
46
|
const pxRatio = container.retina.pixelRatio, posRetina = {
|
|
47
47
|
x: pos.x * pxRatio,
|
|
48
48
|
y: pos.y * pxRatio,
|
|
49
|
-
}, particles = container.particles.
|
|
49
|
+
}, particles = container.particles.grid.queryCircle(posRetina, radius * pxRatio);
|
|
50
50
|
callback(e, particles);
|
|
51
51
|
}, clickHandler = (e) => {
|
|
52
52
|
if (container.destroyed) {
|
|
@@ -194,6 +194,16 @@ export class InteractionManager {
|
|
|
194
194
|
this._intersectionObserver.unobserve(interactivityData.element);
|
|
195
195
|
}
|
|
196
196
|
}
|
|
197
|
+
updateMaxDistance() {
|
|
198
|
+
let maxTotalDistance = 0;
|
|
199
|
+
for (const interactor of this._interactors) {
|
|
200
|
+
if (interactor.maxDistance > maxTotalDistance) {
|
|
201
|
+
maxTotalDistance = interactor.maxDistance;
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
const container = this.container;
|
|
205
|
+
container.particles.grid.setCellSize(maxTotalDistance * container.retina.pixelRatio);
|
|
206
|
+
}
|
|
197
207
|
_intersectionManager = entries => {
|
|
198
208
|
const { container } = this;
|
|
199
209
|
if (container.destroyed || !container.actualOptions.pauseOnOutsideViewport) {
|
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.25");
|
|
4
4
|
await engine.register(async (e) => {
|
|
5
5
|
const interactivityEngine = e, { InteractivityPlugin } = await import("./InteractivityPlugin.js");
|
|
6
6
|
interactivityEngine.addPlugin(new InteractivityPlugin(interactivityEngine));
|
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.25",
|
|
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.25"
|
|
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 [21 Feb 2026 at 12:47]</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.25
|
|
8
8
|
*/
|
|
9
9
|
/*
|
|
10
10
|
* ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
|
|
@@ -124,7 +124,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
|
|
|
124
124
|
\*******************************/
|
|
125
125
|
(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
|
|
126
126
|
|
|
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.
|
|
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.25\");\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}");
|
|
128
128
|
|
|
129
129
|
/***/ },
|
|
130
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},
|
|
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(
|
|
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},863(e,t,r){var i,n;r.d(t,{Q:()=>i}),(n=i||(i={})).circle="circle",n.rectangle="rectangle"},140(e,t,r){var i,n;r.d(t,{h:()=>i}),(n=i||(i={})).canvas="canvas",n.parent="parent",n.window="window"},801(e,t,r){var i,n;r.d(t,{e:()=>i}),(n=i||(i={})).external="external",n.particles="particles"},245(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"},608(e,t,r){r.d(t,{G:()=>o});var i=r(303),n=r(863);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))}}},380(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(801);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(245),b=a(863),y=a(140);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(608),k=a(380);async function I(e){e.checkVersion("4.0.0-alpha.25"),await e.register(async e=>{let{InteractivityPlugin:t}=await a.e(605).then(a.bind(a,605));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})());
|
|
@@ -6,6 +6,7 @@ import { InteractorType } from "../Enums/InteractorType.js";
|
|
|
6
6
|
export declare abstract class ExternalInteractorBase<TContainer extends InteractivityContainer = InteractivityContainer, TParticle extends InteractivityParticle = InteractivityParticle> implements IExternalInteractor<TParticle> {
|
|
7
7
|
type: InteractorType;
|
|
8
8
|
protected readonly container: TContainer;
|
|
9
|
+
abstract maxDistance: number;
|
|
9
10
|
protected constructor(container: TContainer);
|
|
10
11
|
abstract clear(particle: TParticle, delta: IDelta): void;
|
|
11
12
|
abstract init(): void;
|
|
@@ -6,6 +6,7 @@ import { InteractorType } from "../Enums/InteractorType.js";
|
|
|
6
6
|
export declare abstract class ParticlesInteractorBase<TContainer extends InteractivityContainer = InteractivityContainer, TParticle extends InteractivityParticle = InteractivityParticle> implements IParticlesInteractor<TParticle> {
|
|
7
7
|
type: InteractorType;
|
|
8
8
|
protected readonly container: TContainer;
|
|
9
|
+
abstract maxDistance: number;
|
|
9
10
|
protected constructor(container: TContainer);
|
|
10
11
|
abstract clear(particle: TParticle, delta: IDelta): void;
|
|
11
12
|
abstract init(): void;
|
|
@@ -2,6 +2,7 @@ import type { ISourceOptions, Options } from "@tsparticles/engine";
|
|
|
2
2
|
import type { InteractorType } from "../Enums/InteractorType.js";
|
|
3
3
|
export interface IInteractor {
|
|
4
4
|
loadOptions?: (options: Options, ...sources: (ISourceOptions | undefined)[]) => void;
|
|
5
|
+
maxDistance: number;
|
|
5
6
|
type: InteractorType;
|
|
6
7
|
init(): void;
|
|
7
8
|
}
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
const pxRatio = container.retina.pixelRatio, posRetina = {
|
|
59
59
|
x: pos.x * pxRatio,
|
|
60
60
|
y: pos.y * pxRatio,
|
|
61
|
-
}, particles = container.particles.
|
|
61
|
+
}, particles = container.particles.grid.queryCircle(posRetina, radius * pxRatio);
|
|
62
62
|
callback(e, particles);
|
|
63
63
|
}, clickHandler = (e) => {
|
|
64
64
|
if (container.destroyed) {
|
|
@@ -206,6 +206,16 @@
|
|
|
206
206
|
this._intersectionObserver.unobserve(interactivityData.element);
|
|
207
207
|
}
|
|
208
208
|
}
|
|
209
|
+
updateMaxDistance() {
|
|
210
|
+
let maxTotalDistance = 0;
|
|
211
|
+
for (const interactor of this._interactors) {
|
|
212
|
+
if (interactor.maxDistance > maxTotalDistance) {
|
|
213
|
+
maxTotalDistance = interactor.maxDistance;
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
const container = this.container;
|
|
217
|
+
container.particles.grid.setCellSize(maxTotalDistance * container.retina.pixelRatio);
|
|
218
|
+
}
|
|
209
219
|
_intersectionManager = entries => {
|
|
210
220
|
const { container } = this;
|
|
211
221
|
if (container.destroyed || !container.actualOptions.pauseOnOutsideViewport) {
|
package/umd/index.js
CHANGED
|
@@ -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.25");
|
|
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));
|