@tsparticles/interaction-external-connect 4.0.5 → 4.1.0
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/browser/Connector.js +4 -4
- package/browser/index.js +1 -1
- package/browser/index.lazy.js +1 -1
- package/cjs/Connector.js +4 -4
- package/cjs/index.js +1 -1
- package/cjs/index.lazy.js +1 -1
- package/esm/Connector.js +4 -4
- package/esm/index.js +1 -1
- package/esm/index.lazy.js +1 -1
- package/package.json +4 -4
- package/tsparticles.interaction.external.connect.js +6 -6
- package/tsparticles.interaction.external.connect.min.js +1 -1
- package/types/Connector.d.ts +1 -1
package/browser/Connector.js
CHANGED
|
@@ -4,13 +4,13 @@ import { Connect } from "./Options/Classes/Connect.js";
|
|
|
4
4
|
import { drawConnection } from "./Utils.js";
|
|
5
5
|
const connectMode = "connect", minDistance = 0;
|
|
6
6
|
export class Connector extends ExternalInteractorBase {
|
|
7
|
-
|
|
7
|
+
#maxDistance;
|
|
8
8
|
constructor(container) {
|
|
9
9
|
super(container);
|
|
10
|
-
this
|
|
10
|
+
this.#maxDistance = 0;
|
|
11
11
|
}
|
|
12
12
|
get maxDistance() {
|
|
13
|
-
return this
|
|
13
|
+
return this.#maxDistance;
|
|
14
14
|
}
|
|
15
15
|
clear() {
|
|
16
16
|
}
|
|
@@ -19,7 +19,7 @@ export class Connector extends ExternalInteractorBase {
|
|
|
19
19
|
if (!connect) {
|
|
20
20
|
return;
|
|
21
21
|
}
|
|
22
|
-
this
|
|
22
|
+
this.#maxDistance = connect.distance;
|
|
23
23
|
container.retina.connectModeDistance = connect.distance * container.retina.pixelRatio;
|
|
24
24
|
container.retina.connectModeRadius = connect.radius * container.retina.pixelRatio;
|
|
25
25
|
}
|
package/browser/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ensureInteractivityPluginLoaded } from "@tsparticles/plugin-interactivity";
|
|
2
2
|
import { Connector } from "./Connector.js";
|
|
3
3
|
export async function loadExternalConnectInteraction(engine) {
|
|
4
|
-
engine.checkVersion("4.0
|
|
4
|
+
engine.checkVersion("4.1.0");
|
|
5
5
|
await engine.pluginManager.register((e) => {
|
|
6
6
|
ensureInteractivityPluginLoaded(e);
|
|
7
7
|
e.pluginManager.addInteractor?.("externalConnect", container => {
|
package/browser/index.lazy.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export async function loadExternalConnectInteraction(engine) {
|
|
2
|
-
engine.checkVersion("4.0
|
|
2
|
+
engine.checkVersion("4.1.0");
|
|
3
3
|
await engine.pluginManager.register(async (e) => {
|
|
4
4
|
const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity/lazy");
|
|
5
5
|
ensureInteractivityPluginLoaded(e);
|
package/cjs/Connector.js
CHANGED
|
@@ -4,13 +4,13 @@ import { Connect } from "./Options/Classes/Connect.js";
|
|
|
4
4
|
import { drawConnection } from "./Utils.js";
|
|
5
5
|
const connectMode = "connect", minDistance = 0;
|
|
6
6
|
export class Connector extends ExternalInteractorBase {
|
|
7
|
-
|
|
7
|
+
#maxDistance;
|
|
8
8
|
constructor(container) {
|
|
9
9
|
super(container);
|
|
10
|
-
this
|
|
10
|
+
this.#maxDistance = 0;
|
|
11
11
|
}
|
|
12
12
|
get maxDistance() {
|
|
13
|
-
return this
|
|
13
|
+
return this.#maxDistance;
|
|
14
14
|
}
|
|
15
15
|
clear() {
|
|
16
16
|
}
|
|
@@ -19,7 +19,7 @@ export class Connector extends ExternalInteractorBase {
|
|
|
19
19
|
if (!connect) {
|
|
20
20
|
return;
|
|
21
21
|
}
|
|
22
|
-
this
|
|
22
|
+
this.#maxDistance = connect.distance;
|
|
23
23
|
container.retina.connectModeDistance = connect.distance * container.retina.pixelRatio;
|
|
24
24
|
container.retina.connectModeRadius = connect.radius * container.retina.pixelRatio;
|
|
25
25
|
}
|
package/cjs/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ensureInteractivityPluginLoaded } from "@tsparticles/plugin-interactivity";
|
|
2
2
|
import { Connector } from "./Connector.js";
|
|
3
3
|
export async function loadExternalConnectInteraction(engine) {
|
|
4
|
-
engine.checkVersion("4.0
|
|
4
|
+
engine.checkVersion("4.1.0");
|
|
5
5
|
await engine.pluginManager.register((e) => {
|
|
6
6
|
ensureInteractivityPluginLoaded(e);
|
|
7
7
|
e.pluginManager.addInteractor?.("externalConnect", container => {
|
package/cjs/index.lazy.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export async function loadExternalConnectInteraction(engine) {
|
|
2
|
-
engine.checkVersion("4.0
|
|
2
|
+
engine.checkVersion("4.1.0");
|
|
3
3
|
await engine.pluginManager.register(async (e) => {
|
|
4
4
|
const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity/lazy");
|
|
5
5
|
ensureInteractivityPluginLoaded(e);
|
package/esm/Connector.js
CHANGED
|
@@ -4,13 +4,13 @@ import { Connect } from "./Options/Classes/Connect.js";
|
|
|
4
4
|
import { drawConnection } from "./Utils.js";
|
|
5
5
|
const connectMode = "connect", minDistance = 0;
|
|
6
6
|
export class Connector extends ExternalInteractorBase {
|
|
7
|
-
|
|
7
|
+
#maxDistance;
|
|
8
8
|
constructor(container) {
|
|
9
9
|
super(container);
|
|
10
|
-
this
|
|
10
|
+
this.#maxDistance = 0;
|
|
11
11
|
}
|
|
12
12
|
get maxDistance() {
|
|
13
|
-
return this
|
|
13
|
+
return this.#maxDistance;
|
|
14
14
|
}
|
|
15
15
|
clear() {
|
|
16
16
|
}
|
|
@@ -19,7 +19,7 @@ export class Connector extends ExternalInteractorBase {
|
|
|
19
19
|
if (!connect) {
|
|
20
20
|
return;
|
|
21
21
|
}
|
|
22
|
-
this
|
|
22
|
+
this.#maxDistance = connect.distance;
|
|
23
23
|
container.retina.connectModeDistance = connect.distance * container.retina.pixelRatio;
|
|
24
24
|
container.retina.connectModeRadius = connect.radius * container.retina.pixelRatio;
|
|
25
25
|
}
|
package/esm/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ensureInteractivityPluginLoaded } from "@tsparticles/plugin-interactivity";
|
|
2
2
|
import { Connector } from "./Connector.js";
|
|
3
3
|
export async function loadExternalConnectInteraction(engine) {
|
|
4
|
-
engine.checkVersion("4.0
|
|
4
|
+
engine.checkVersion("4.1.0");
|
|
5
5
|
await engine.pluginManager.register((e) => {
|
|
6
6
|
ensureInteractivityPluginLoaded(e);
|
|
7
7
|
e.pluginManager.addInteractor?.("externalConnect", container => {
|
package/esm/index.lazy.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export async function loadExternalConnectInteraction(engine) {
|
|
2
|
-
engine.checkVersion("4.0
|
|
2
|
+
engine.checkVersion("4.1.0");
|
|
3
3
|
await engine.pluginManager.register(async (e) => {
|
|
4
4
|
const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity/lazy");
|
|
5
5
|
ensureInteractivityPluginLoaded(e);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tsparticles/interaction-external-connect",
|
|
3
|
-
"version": "4.0
|
|
3
|
+
"version": "4.1.0",
|
|
4
4
|
"description": "tsParticles connect external interaction",
|
|
5
5
|
"homepage": "https://particles.js.org",
|
|
6
6
|
"repository": {
|
|
@@ -97,10 +97,10 @@
|
|
|
97
97
|
},
|
|
98
98
|
"type": "module",
|
|
99
99
|
"peerDependencies": {
|
|
100
|
-
"@tsparticles/engine": "4.0
|
|
101
|
-
"@tsparticles/plugin-interactivity": "4.0
|
|
100
|
+
"@tsparticles/engine": "4.1.0",
|
|
101
|
+
"@tsparticles/plugin-interactivity": "4.1.0"
|
|
102
102
|
},
|
|
103
103
|
"dependencies": {
|
|
104
|
-
"@tsparticles/canvas-utils": "4.0
|
|
104
|
+
"@tsparticles/canvas-utils": "4.1.0"
|
|
105
105
|
}
|
|
106
106
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
(function(g){g.__tsParticlesInternals=g.__tsParticlesInternals||{};g.__tsParticlesInternals.bundles=g.__tsParticlesInternals.bundles||{};g.__tsParticlesInternals.effects=g.__tsParticlesInternals.effects||{};g.__tsParticlesInternals.engine=g.__tsParticlesInternals.engine||{};g.__tsParticlesInternals.interactions=g.__tsParticlesInternals.interactions||{};g.__tsParticlesInternals.palettes=g.__tsParticlesInternals.palettes||{};g.__tsParticlesInternals.paths=g.__tsParticlesInternals.paths||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins.emittersShapes=g.__tsParticlesInternals.plugins.emittersShapes||{};g.__tsParticlesInternals.presets=g.__tsParticlesInternals.presets||{};g.__tsParticlesInternals.shapes=g.__tsParticlesInternals.shapes||{};g.__tsParticlesInternals.updaters=g.__tsParticlesInternals.updaters||{};g.__tsParticlesInternals.utils=g.__tsParticlesInternals.utils||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas.utils=g.__tsParticlesInternals.canvas.utils||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path.utils=g.__tsParticlesInternals.path.utils||{};var __tsProxyFactory=typeof Proxy!=="undefined"?function(obj){return new Proxy(obj,{get:function(target,key){if(!(key in target)){target[key]={};}return target[key];}});}:function(obj){return obj;};g.__tsParticlesInternals.bundles=__tsProxyFactory(g.__tsParticlesInternals.bundles);g.__tsParticlesInternals.effects=__tsProxyFactory(g.__tsParticlesInternals.effects);g.__tsParticlesInternals.interactions=__tsProxyFactory(g.__tsParticlesInternals.interactions);g.__tsParticlesInternals.palettes=__tsProxyFactory(g.__tsParticlesInternals.palettes);g.__tsParticlesInternals.paths=__tsProxyFactory(g.__tsParticlesInternals.paths);g.__tsParticlesInternals.plugins=__tsProxyFactory(g.__tsParticlesInternals.plugins);g.__tsParticlesInternals.plugins.emittersShapes=__tsProxyFactory(g.__tsParticlesInternals.plugins.emittersShapes);g.__tsParticlesInternals.presets=__tsProxyFactory(g.__tsParticlesInternals.presets);g.__tsParticlesInternals.shapes=__tsProxyFactory(g.__tsParticlesInternals.shapes);g.__tsParticlesInternals.updaters=__tsProxyFactory(g.__tsParticlesInternals.updaters);g.__tsParticlesInternals.utils=__tsProxyFactory(g.__tsParticlesInternals.utils);g.__tsParticlesInternals.canvas=__tsProxyFactory(g.__tsParticlesInternals.canvas);g.__tsParticlesInternals.path=__tsProxyFactory(g.__tsParticlesInternals.path);g.tsparticlesInternalExports=g.tsparticlesInternalExports||{};})(typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:this);
|
|
2
|
-
/* External Interaction v4.0
|
|
2
|
+
/* External Interaction v4.1.0 */
|
|
3
3
|
(function (global, factory) {
|
|
4
4
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tsparticles/plugin-interactivity'), require('@tsparticles/engine'), require('@tsparticles/canvas-utils')) :
|
|
5
5
|
typeof define === 'function' && define.amd ? define(['exports', '@tsparticles/plugin-interactivity', '@tsparticles/engine', '@tsparticles/canvas-utils'], factory) :
|
|
@@ -82,13 +82,13 @@
|
|
|
82
82
|
|
|
83
83
|
const connectMode = "connect", minDistance = 0;
|
|
84
84
|
class Connector extends pluginInteractivity.ExternalInteractorBase {
|
|
85
|
-
|
|
85
|
+
#maxDistance;
|
|
86
86
|
constructor(container) {
|
|
87
87
|
super(container);
|
|
88
|
-
this
|
|
88
|
+
this.#maxDistance = 0;
|
|
89
89
|
}
|
|
90
90
|
get maxDistance() {
|
|
91
|
-
return this
|
|
91
|
+
return this.#maxDistance;
|
|
92
92
|
}
|
|
93
93
|
clear() {
|
|
94
94
|
}
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
if (!connect) {
|
|
98
98
|
return;
|
|
99
99
|
}
|
|
100
|
-
this
|
|
100
|
+
this.#maxDistance = connect.distance;
|
|
101
101
|
container.retina.connectModeDistance = connect.distance * container.retina.pixelRatio;
|
|
102
102
|
container.retina.connectModeRadius = connect.radius * container.retina.pixelRatio;
|
|
103
103
|
}
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
}
|
|
143
143
|
|
|
144
144
|
async function loadExternalConnectInteraction(engine) {
|
|
145
|
-
engine.checkVersion("4.0
|
|
145
|
+
engine.checkVersion("4.1.0");
|
|
146
146
|
await engine.pluginManager.register((e) => {
|
|
147
147
|
pluginInteractivity.ensureInteractivityPluginLoaded(e);
|
|
148
148
|
e.pluginManager.addInteractor?.("externalConnect", container => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.bundles=t.__tsParticlesInternals.bundles||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.engine=t.__tsParticlesInternals.engine||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.palettes=t.__tsParticlesInternals.palettes||{},t.__tsParticlesInternals.paths=t.__tsParticlesInternals.paths||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.emittersShapes=t.__tsParticlesInternals.plugins.emittersShapes||{},t.__tsParticlesInternals.presets=t.__tsParticlesInternals.presets||{},t.__tsParticlesInternals.shapes=t.__tsParticlesInternals.shapes||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.utils=t.__tsParticlesInternals.utils||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas.utils=t.__tsParticlesInternals.canvas.utils||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path.utils=t.__tsParticlesInternals.path.utils||{};var s="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,s){return s in t||(t[s]={}),t[s]}})}:function(t){return t};t.__tsParticlesInternals.bundles=s(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=s(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=s(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=s(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=s(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=s(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=s(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=s(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=s(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=s(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=s(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=s(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=s(t.__tsParticlesInternals.path),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,s){"object"==typeof exports&&"undefined"!=typeof module?s(exports,require("@tsparticles/plugin-interactivity"),require("@tsparticles/engine"),require("@tsparticles/canvas-utils")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/plugin-interactivity","@tsparticles/engine","@tsparticles/canvas-utils"],s):s(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.interactions.externalConnect=t.__tsParticlesInternals.interactions.externalConnect||{}),t.__tsParticlesInternals.plugins.interactivity,t.__tsParticlesInternals.engine,t.__tsParticlesInternals.canvas.utils)}(this,function(t,s,e,n){"use strict";class a{opacity;constructor(){this.opacity=.5}load(t){e.isNull(t)||void 0!==t.opacity&&(this.opacity=t.opacity)}}class i{distance;links;radius;constructor(){this.distance=80,this.links=new a,this.radius=60}load(t){e.isNull(t)||(void 0!==t.distance&&(this.distance=t.distance),this.links.load(t.links),void 0!==t.radius&&(this.radius=t.radius))}}function r(t,s,n,a){const i=t.actualOptions,r=i.interactivity?.modes.connect;if(r)return function(t,s,n,a,i){const r=Math.floor(a.getRadius()/n.getRadius()),l=n.getFillColor(),c=a.getFillColor();if(!l||!c)return;const o=n.getPosition(),_=a.getPosition(),u=e.colorMix(l,c,n.getRadius(),a.getRadius()),p=s.createLinearGradient(o.x,o.y,_.x,_.y);return p.addColorStop(0,e.getStyleFromHsl(l,t.hdr,i)),p.addColorStop(e.clamp(r,0,1),e.getStyleFromRgb(u,t.hdr,i)),p.addColorStop(1,e.getStyleFromHsl(c,t.hdr,i)),p}(t,s,n,a,r.links.opacity)}function l(t,s,e){t.canvas.render.draw(a=>{const i=r(t,a,s,e);if(!i)return;const l=s.getPosition(),c=e.getPosition();!function(t,s,e,a,i){n.drawLine(t,a,i),t.lineWidth=s,t.strokeStyle=e,t.stroke()}(a,s.retina.linksWidth??0,i,l,c)})}class c extends s.ExternalInteractorBase{
|
|
1
|
+
!function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.bundles=t.__tsParticlesInternals.bundles||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.engine=t.__tsParticlesInternals.engine||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.palettes=t.__tsParticlesInternals.palettes||{},t.__tsParticlesInternals.paths=t.__tsParticlesInternals.paths||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.emittersShapes=t.__tsParticlesInternals.plugins.emittersShapes||{},t.__tsParticlesInternals.presets=t.__tsParticlesInternals.presets||{},t.__tsParticlesInternals.shapes=t.__tsParticlesInternals.shapes||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.utils=t.__tsParticlesInternals.utils||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas.utils=t.__tsParticlesInternals.canvas.utils||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path.utils=t.__tsParticlesInternals.path.utils||{};var s="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,s){return s in t||(t[s]={}),t[s]}})}:function(t){return t};t.__tsParticlesInternals.bundles=s(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=s(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=s(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=s(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=s(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=s(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=s(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=s(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=s(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=s(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=s(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=s(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=s(t.__tsParticlesInternals.path),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,s){"object"==typeof exports&&"undefined"!=typeof module?s(exports,require("@tsparticles/plugin-interactivity"),require("@tsparticles/engine"),require("@tsparticles/canvas-utils")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/plugin-interactivity","@tsparticles/engine","@tsparticles/canvas-utils"],s):s(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.interactions.externalConnect=t.__tsParticlesInternals.interactions.externalConnect||{}),t.__tsParticlesInternals.plugins.interactivity,t.__tsParticlesInternals.engine,t.__tsParticlesInternals.canvas.utils)}(this,function(t,s,e,n){"use strict";class a{opacity;constructor(){this.opacity=.5}load(t){e.isNull(t)||void 0!==t.opacity&&(this.opacity=t.opacity)}}class i{distance;links;radius;constructor(){this.distance=80,this.links=new a,this.radius=60}load(t){e.isNull(t)||(void 0!==t.distance&&(this.distance=t.distance),this.links.load(t.links),void 0!==t.radius&&(this.radius=t.radius))}}function r(t,s,n,a){const i=t.actualOptions,r=i.interactivity?.modes.connect;if(r)return function(t,s,n,a,i){const r=Math.floor(a.getRadius()/n.getRadius()),l=n.getFillColor(),c=a.getFillColor();if(!l||!c)return;const o=n.getPosition(),_=a.getPosition(),u=e.colorMix(l,c,n.getRadius(),a.getRadius()),p=s.createLinearGradient(o.x,o.y,_.x,_.y);return p.addColorStop(0,e.getStyleFromHsl(l,t.hdr,i)),p.addColorStop(e.clamp(r,0,1),e.getStyleFromRgb(u,t.hdr,i)),p.addColorStop(1,e.getStyleFromHsl(c,t.hdr,i)),p}(t,s,n,a,r.links.opacity)}function l(t,s,e){t.canvas.render.draw(a=>{const i=r(t,a,s,e);if(!i)return;const l=s.getPosition(),c=e.getPosition();!function(t,s,e,a,i){n.drawLine(t,a,i),t.lineWidth=s,t.strokeStyle=e,t.stroke()}(a,s.retina.linksWidth??0,i,l,c)})}class c extends s.ExternalInteractorBase{#t;constructor(t){super(t),this.#t=0}get maxDistance(){return this.#t}clear(){}init(){const t=this.container,s=t.actualOptions.interactivity?.modes.connect;s&&(this.#t=s.distance,t.retina.connectModeDistance=s.distance*t.retina.pixelRatio,t.retina.connectModeRadius=s.radius*t.retina.pixelRatio)}interact(t){const s=this.container,e=s.actualOptions;if(e.interactivity?.events.onHover.enable&&"pointermove"===t.status){const e=t.mouse.position,{connectModeDistance:n,connectModeRadius:a}=s.retina;if(!n||n<0||!a||a<0||!e)return;const i=Math.abs(a),r=s.particles.grid.queryCircle(e,i,s=>this.isEnabled(t,s));r.forEach((t,e)=>{const a=t.getPosition();for(const i of r.slice(e+1)){const e=i.getPosition(),r=Math.abs(n),c=Math.abs(a.x-e.x),o=Math.abs(a.y-e.y);c<r&&o<r&&l(s,t,i)}})}}isEnabled(t,s){const n=this.container,a=t.mouse,i=(s?.interactivity??n.actualOptions.interactivity)?.events;return!(!i?.onHover.enable||!a.position)&&e.isInArray("connect",i.onHover.mode)}loadModeOptions(t,...s){t.connect??=new i;for(const e of s)t.connect.load(e?.connect)}reset(){}}async function o(t){t.checkVersion("4.1.0"),await t.pluginManager.register(t=>{s.ensureInteractivityPluginLoaded(t),t.pluginManager.addInteractor?.("externalConnect",t=>Promise.resolve(new c(t)))})}const _=globalThis;_.__tsParticlesInternals=_.__tsParticlesInternals??{},_.loadExternalConnectInteraction=o,t.Connect=i,t.ConnectLinks=a,t.loadExternalConnectInteraction=o}),Object.assign(globalThis.window||globalThis,{loadExternalConnectInteraction:(globalThis.__tsParticlesInternals.interactions.externalConnect||{}).loadExternalConnectInteraction}),delete(globalThis.window||globalThis).tsparticlesInternalExports;
|
package/types/Connector.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import type { ConnectContainer, ConnectMode, IConnectMode } from "./Types.js";
|
|
|
2
2
|
import { ExternalInteractorBase, type IInteractivityData, type IModes, type InteractivityParticle, type Modes } from "@tsparticles/plugin-interactivity";
|
|
3
3
|
import { type RecursivePartial } from "@tsparticles/engine";
|
|
4
4
|
export declare class Connector extends ExternalInteractorBase<ConnectContainer> {
|
|
5
|
-
private
|
|
5
|
+
#private;
|
|
6
6
|
constructor(container: ConnectContainer);
|
|
7
7
|
get maxDistance(): number;
|
|
8
8
|
clear(): void;
|