@tsparticles/interaction-particles-links 4.0.5 → 4.1.0

package/esm/LinkInstance.js

@@ -2,14 +2,14 @@ import { getLinkColor as engineGetLinkColor, getRandom, getRangeValue, getStyleF
 import { setLinkFrequency } from "./Utils.js";
 const minOpacity = 0, minWidth = 0, minDistance = 0, maxFrequency = 1, defaultFrequency = 0;
 export class LinkInstance {
-    _colorCache = new Map();
-    _container;
-    _freqs;
-    _pluginManager;
+    #colorCache = new Map();
+    #container;
+    #freqs;
+    #pluginManager;
     constructor(pluginManager, container) {
-        this._pluginManager = pluginManager;
-        this._container = container;
-        this._freqs = { links: new Map(), triangles: new Map() };
+        this.#pluginManager = pluginManager;
+        this.#container = container;
+        this.#freqs = { links: new Map(), triangles: new Map() };
     }
     drawParticle(context, particle) {
         const { links, options } = particle;
@@ -26,13 +26,13 @@ export class LinkInstance {
         };
         for (const link of links) {
             if (linkOpts.frequency < maxFrequency &&
-                this._getLinkFrequency(particle, link.destination) > linkOpts.frequency) {
+                this.#getLinkFrequency(particle, link.destination) > linkOpts.frequency) {
                 continue;
             }
             const pos2 = link.destination.getPosition();
             if (trianglesEnabled && !link.isWarped && p1Destinations) {
                 flushLines();
-                this._drawTriangles(options, particle, link, p1Destinations, pos1, pos2, context);
+                this.#drawTriangles(options, particle, link, p1Destinations, pos1, pos2, context);
             }
             if (link.opacity <= minOpacity || width <= minWidth) {
                 continue;
@@ -42,7 +42,7 @@ export class LinkInstance {
             }
             let opacity = link.opacity, colorLine = link.color;
             const twinkleRgb = twinkle?.enable && getRandom() < twinkle.frequency
-                ? rangeColorToRgb(this._pluginManager, twinkle.color)
+                ? rangeColorToRgb(this.#pluginManager, twinkle.color)
                 : undefined;
             if (twinkle && twinkleRgb) {
                 colorLine = twinkleRgb;
@@ -50,14 +50,14 @@ export class LinkInstance {
             }
             if (!colorLine) {
                 const linkColor = linkOpts.id !== undefined
-                    ? this._container.particles.linksColors.get(linkOpts.id)
-                    : this._container.particles.linksColor;
+                    ? this.#container.particles.linksColors.get(linkOpts.id)
+                    : this.#container.particles.linksColor;
                 colorLine = engineGetLinkColor(particle, link.destination, linkColor);
             }
             if (!colorLine) {
                 continue;
             }
-            const colorStyle = this._getCachedStyle(colorLine);
+            const colorStyle = this.#getCachedStyle(colorLine);
             if (colorStyle !== currentColorStyle || width !== currentWidth || opacity !== currentAlpha) {
                 flushLines();
                 context.strokeStyle = colorStyle;
@@ -70,7 +70,7 @@ export class LinkInstance {
                 pathOpen = true;
             }
             if (link.isWarped) {
-                const canvasSize = this._container.canvas.size, dx = pos2.x - pos1.x, dy = pos2.y - pos1.y;
+                const canvasSize = this.#container.canvas.size, dx = pos2.x - pos1.x, dy = pos2.y - pos1.y;
                 let sx = originPoint.x, sy = originPoint.y;
                 if (Math.abs(dx) > canvasSize.width * half) {
                     sx = dx > minDistance ? -canvasSize.width : canvasSize.width;
@@ -92,9 +92,9 @@ export class LinkInstance {
         context.globalAlpha = originalAlpha;
     }
     init() {
-        this._freqs.links.clear();
-        this._freqs.triangles.clear();
-        this._colorCache.clear();
+        this.#freqs.links.clear();
+        this.#freqs.triangles.clear();
+        this.#colorCache.clear();
         return Promise.resolve();
     }
     particleCreated(particle) {
@@ -104,14 +104,14 @@ export class LinkInstance {
         }
         particle.linksDistance = particle.options.links.distance;
         particle.linksWidth = particle.options.links.width;
-        const ratio = this._container.retina.pixelRatio;
+        const ratio = this.#container.retina.pixelRatio;
         particle.retina.linksDistance = particle.linksDistance * ratio;
         particle.retina.linksWidth = particle.linksWidth * ratio;
     }
     particleDestroyed(particle) {
         particle.links = [];
     }
-    _drawTriangles(options, p1, link, p1Destinations, pos1, pos2, context) {
+    #drawTriangles(options, p1, link, p1Destinations, pos1, pos2, context) {
         const p2 = link.destination, triangleOptions = options.links?.triangles;
         if (!triangleOptions?.enable || !p2.options.links?.triangles.enable) {
             return;
@@ -122,21 +122,21 @@ export class LinkInstance {
         }
         for (const vertex of p2Links) {
             if (vertex.isWarped ||
-                this._getLinkFrequency(p2, vertex.destination) > p2.options.links.frequency ||
+                this.#getLinkFrequency(p2, vertex.destination) > p2.options.links.frequency ||
                 !p1Destinations.has(vertex.destination.id)) {
                 continue;
             }
             const p3 = vertex.destination;
-            if (this._getTriangleFrequency(p1, p2, p3) > (options.links?.triangles.frequency ?? defaultFrequency)) {
+            if (this.#getTriangleFrequency(p1, p2, p3) > (options.links?.triangles.frequency ?? defaultFrequency)) {
                 continue;
             }
-            const opacityTriangle = triangleOptions.opacity ?? (link.opacity + vertex.opacity) * half, colorTriangle = rangeColorToRgb(this._pluginManager, triangleOptions.color) ?? link.color;
+            const opacityTriangle = triangleOptions.opacity ?? (link.opacity + vertex.opacity) * half, colorTriangle = rangeColorToRgb(this.#pluginManager, triangleOptions.color) ?? link.color;
             if (!colorTriangle || opacityTriangle <= minOpacity) {
                 continue;
             }
             const pos3 = p3.getPosition();
             context.save();
-            context.fillStyle = this._getCachedStyle(colorTriangle);
+            context.fillStyle = this.#getCachedStyle(colorTriangle);
             context.globalAlpha = opacityTriangle;
             context.beginPath();
             context.moveTo(pos1.x, pos1.y);
@@ -147,19 +147,19 @@ export class LinkInstance {
             context.restore();
         }
     }
-    _getCachedStyle(rgb) {
+    #getCachedStyle(rgb) {
         const key = `${rgb.r},${rgb.g},${rgb.b}`;
-        let style = this._colorCache.get(key);
+        let style = this.#colorCache.get(key);
         if (!style) {
-            style = getStyleFromRgb(rgb, this._container.hdr);
-            this._colorCache.set(key, style);
+            style = getStyleFromRgb(rgb, this.#container.hdr);
+            this.#colorCache.set(key, style);
         }
         return style;
     }
-    _getLinkFrequency(p1, p2) {
-        return setLinkFrequency([p1, p2], this._freqs.links);
+    #getLinkFrequency(p1, p2) {
+        return setLinkFrequency([p1, p2], this.#freqs.links);
     }
-    _getTriangleFrequency(p1, p2, p3) {
-        return setLinkFrequency([p1, p2, p3], this._freqs.triangles);
+    #getTriangleFrequency(p1, p2, p3) {
+        return setLinkFrequency([p1, p2, p3], this.#freqs.triangles);
     }
 }

package/esm/Linker.js

@@ -11,15 +11,15 @@ function getWarpDistance(pos1, pos2, canvasSize) {
     return Math.hypot(warpDistances.x, warpDistances.y);
 }
 export class Linker extends ParticlesInteractorBase {
-    _maxDistance;
-    _pluginManager;
+    #maxDistance;
+    #pluginManager;
     constructor(pluginManager, container) {
         super(container);
-        this._pluginManager = pluginManager;
-        this._maxDistance = 0;
+        this.#pluginManager = pluginManager;
+        this.#maxDistance = 0;
     }
     get maxDistance() {
-        return this._maxDistance;
+        return this.#maxDistance;
     }
     clear() {
     }
@@ -32,8 +32,8 @@ export class Linker extends ParticlesInteractorBase {
             return;
         }
         p1.links = [];
-        if (p1.linksDistance && p1.linksDistance > this._maxDistance) {
-            this._maxDistance = p1.linksDistance;
+        if (p1.linksDistance && p1.linksDistance > this.#maxDistance) {
+            this.#maxDistance = p1.linksDistance;
         }
         const pos1 = p1.getPosition(), container = this.container, canvasSize = container.canvas.size;
         if (pos1.x < originPoint.x || pos1.y < originPoint.y || pos1.x > canvasSize.width || pos1.y > canvasSize.height) {
@@ -61,11 +61,11 @@ export class Linker extends ParticlesInteractorBase {
                 continue;
             }
             const opacityLine = (opacityOffset - distance / optDistance) * optOpacity;
-            this._setColor(p1);
+            this.#setColor(p1);
             p1.links.push({
                 destination: p2,
                 opacity: opacityLine,
-                color: this._getLinkColor(p1, p2),
+                color: this.#getLinkColor(p1, p2),
                 isWarped: distWarp < distDirect,
             });
         }
@@ -81,7 +81,7 @@ export class Linker extends ParticlesInteractorBase {
     }
     reset() {
     }
-    _getLinkColor(p1, p2) {
+    #getLinkColor(p1, p2) {
         const container = this.container, linksOptions = p1.options.links;
         if (!linksOptions) {
             return;
@@ -91,7 +91,7 @@ export class Linker extends ParticlesInteractorBase {
             : container.particles.linksColor;
         return getLinkColor(p1, p2, linkColor);
     }
-    _setColor(p1) {
+    #setColor(p1) {
         if (!p1.options.links) {
             return;
         }
@@ -102,7 +102,7 @@ export class Linker extends ParticlesInteractorBase {
         if (linkColor) {
             return;
         }
-        linkColor = getLinkRandomColor(this._pluginManager, linksOptions.color, linksOptions.blink, linksOptions.consent);
+        linkColor = getLinkRandomColor(this.#pluginManager, linksOptions.color, linksOptions.blink, linksOptions.consent);
         if (linksOptions.id === undefined) {
             container.particles.linksColor = linkColor;
         }

package/esm/LinksPlugin.js

@@ -1,12 +1,12 @@
 export class LinksPlugin {
     id = "links";
-    _pluginManager;
+    #pluginManager;
     constructor(pluginManager) {
-        this._pluginManager = pluginManager;
+        this.#pluginManager = pluginManager;
     }
     async getPlugin(container) {
         const { LinkInstance } = await import("./LinkInstance.js");
-        return new LinkInstance(this._pluginManager, container);
+        return new LinkInstance(this.#pluginManager, container);
     }
     loadOptions() {
     }

package/esm/index.js

@@ -2,7 +2,7 @@ import { ensureInteractivityPluginLoaded } from "@tsparticles/plugin-interactivi
 import { Linker } from "./Linker.js";
 import { LinksPlugin } from "./LinksPlugin.js";
 export async function loadParticlesLinksInteraction(engine) {
-    engine.checkVersion("4.0.5");
+    engine.checkVersion("4.1.0");
     await engine.pluginManager.register((e) => {
         const pluginManager = e.pluginManager;
         ensureInteractivityPluginLoaded(e);

package/esm/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadParticlesLinksInteraction(engine) {
-    engine.checkVersion("4.0.5");
+    engine.checkVersion("4.1.0");
     await engine.pluginManager.register(async (e) => {
         const pluginManager = e.pluginManager, [{ ensureInteractivityPluginLoaded }, { LinksPlugin },] = await Promise.all([
             import("@tsparticles/plugin-interactivity/lazy"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/interaction-particles-links",
-  "version": "4.0.5",
+  "version": "4.1.0",
   "description": "tsParticles links particles interaction",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -97,10 +97,10 @@
   },
   "type": "module",
   "peerDependencies": {
-    "@tsparticles/engine": "4.0.5",
-    "@tsparticles/plugin-interactivity": "4.0.5"
+    "@tsparticles/engine": "4.1.0",
+    "@tsparticles/plugin-interactivity": "4.1.0"
   },
   "dependencies": {
-    "@tsparticles/canvas-utils": "4.0.5"
+    "@tsparticles/canvas-utils": "4.1.0"
   }
 }

package/report.html

@@ -4930,7 +4930,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.interaction.particles.links.js","children":[{"name":"dist/browser","children":[{"uid":"1335ac5a-1","name":"CircleWarp.js"},{"name":"Options/Classes","children":[{"uid":"1335ac5a-3","name":"LinksShadow.js"},{"uid":"1335ac5a-5","name":"LinksTriangle.js"},{"uid":"1335ac5a-7","name":"Links.js"}]},{"uid":"1335ac5a-9","name":"Linker.js"},{"uid":"1335ac5a-11","name":"LinksPlugin.js"},{"uid":"1335ac5a-13","name":"index.js"},{"uid":"1335ac5a-15","name":"browser.js"},{"uid":"1335ac5a-17","name":"Utils.js"},{"uid":"1335ac5a-19","name":"LinkInstance.js"}]}]}],"isRoot":true},"nodeParts":{"1335ac5a-1":{"renderedLength":2049,"gzipLength":0,"brotliLength":0,"metaUid":"1335ac5a-0"},"1335ac5a-3":{"renderedLength":642,"gzipLength":0,"brotliLength":0,"metaUid":"1335ac5a-2"},"1335ac5a-5":{"renderedLength":762,"gzipLength":0,"brotliLength":0,"metaUid":"1335ac5a-4"},"1335ac5a-7":{"renderedLength":1881,"gzipLength":0,"brotliLength":0,"metaUid":"1335ac5a-6"},"1335ac5a-9":{"renderedLength":4871,"gzipLength":0,"brotliLength":0,"metaUid":"1335ac5a-8"},"1335ac5a-11":{"renderedLength":487,"gzipLength":0,"brotliLength":0,"metaUid":"1335ac5a-10"},"1335ac5a-13":{"renderedLength":524,"gzipLength":0,"brotliLength":0,"metaUid":"1335ac5a-12"},"1335ac5a-15":{"renderedLength":201,"gzipLength":0,"brotliLength":0,"metaUid":"1335ac5a-14"},"1335ac5a-17":{"renderedLength":390,"gzipLength":0,"brotliLength":0,"metaUid":"1335ac5a-16"},"1335ac5a-19":{"renderedLength":7639,"gzipLength":0,"brotliLength":0,"metaUid":"1335ac5a-18"}},"nodeMetas":{"1335ac5a-0":{"id":"/dist/browser/CircleWarp.js","moduleParts":{"tsparticles.interaction.particles.links.js":"1335ac5a-1"},"imported":[{"uid":"1335ac5a-21"}],"importedBy":[{"uid":"1335ac5a-8"}]},"1335ac5a-2":{"id":"/dist/browser/Options/Classes/LinksShadow.js","moduleParts":{"tsparticles.interaction.particles.links.js":"1335ac5a-3"},"imported":[{"uid":"1335ac5a-21"}],"importedBy":[{"uid":"1335ac5a-12"},{"uid":"1335ac5a-6"}]},"1335ac5a-4":{"id":"/dist/browser/Options/Classes/LinksTriangle.js","moduleParts":{"tsparticles.interaction.particles.links.js":"1335ac5a-5"},"imported":[{"uid":"1335ac5a-21"}],"importedBy":[{"uid":"1335ac5a-12"},{"uid":"1335ac5a-6"}]},"1335ac5a-6":{"id":"/dist/browser/Options/Classes/Links.js","moduleParts":{"tsparticles.interaction.particles.links.js":"1335ac5a-7"},"imported":[{"uid":"1335ac5a-21"},{"uid":"1335ac5a-2"},{"uid":"1335ac5a-4"}],"importedBy":[{"uid":"1335ac5a-12"},{"uid":"1335ac5a-8"}]},"1335ac5a-8":{"id":"/dist/browser/Linker.js","moduleParts":{"tsparticles.interaction.particles.links.js":"1335ac5a-9"},"imported":[{"uid":"1335ac5a-21"},{"uid":"1335ac5a-0"},{"uid":"1335ac5a-6"},{"uid":"1335ac5a-20"}],"importedBy":[{"uid":"1335ac5a-12"}]},"1335ac5a-10":{"id":"/dist/browser/LinksPlugin.js","moduleParts":{"tsparticles.interaction.particles.links.js":"1335ac5a-11"},"imported":[{"uid":"1335ac5a-18","dynamic":true}],"importedBy":[{"uid":"1335ac5a-12"}]},"1335ac5a-12":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.interaction.particles.links.js":"1335ac5a-13"},"imported":[{"uid":"1335ac5a-20"},{"uid":"1335ac5a-8"},{"uid":"1335ac5a-10"},{"uid":"1335ac5a-6"},{"uid":"1335ac5a-2"},{"uid":"1335ac5a-4"}],"importedBy":[{"uid":"1335ac5a-14"}]},"1335ac5a-14":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.interaction.particles.links.js":"1335ac5a-15"},"imported":[{"uid":"1335ac5a-12"}],"importedBy":[],"isEntry":true},"1335ac5a-16":{"id":"/dist/browser/Utils.js","moduleParts":{"tsparticles.interaction.particles.links.js":"1335ac5a-17"},"imported":[{"uid":"1335ac5a-21"}],"importedBy":[{"uid":"1335ac5a-18"}]},"1335ac5a-18":{"id":"/dist/browser/LinkInstance.js","moduleParts":{"tsparticles.interaction.particles.links.js":"1335ac5a-19"},"imported":[{"uid":"1335ac5a-21"},{"uid":"1335ac5a-16"}],"importedBy":[{"uid":"1335ac5a-10"}]},"1335ac5a-20":{"id":"@tsparticles/plugin-interactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"1335ac5a-12"},{"uid":"1335ac5a-8"}],"isExternal":true},"1335ac5a-21":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"1335ac5a-8"},{"uid":"1335ac5a-6"},{"uid":"1335ac5a-2"},{"uid":"1335ac5a-4"},{"uid":"1335ac5a-0"},{"uid":"1335ac5a-18"},{"uid":"1335ac5a-16"}],"isExternal":true}},"env":{"rollup":"4.60.4"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.interaction.particles.links.js","children":[{"name":"dist/browser","children":[{"uid":"3c157510-1","name":"CircleWarp.js"},{"name":"Options/Classes","children":[{"uid":"3c157510-3","name":"LinksShadow.js"},{"uid":"3c157510-5","name":"LinksTriangle.js"},{"uid":"3c157510-7","name":"Links.js"}]},{"uid":"3c157510-9","name":"Linker.js"},{"uid":"3c157510-11","name":"LinksPlugin.js"},{"uid":"3c157510-13","name":"index.js"},{"uid":"3c157510-15","name":"browser.js"},{"uid":"3c157510-17","name":"Utils.js"},{"uid":"3c157510-19","name":"LinkInstance.js"}]}]}],"isRoot":true},"nodeParts":{"3c157510-1":{"renderedLength":2053,"gzipLength":0,"brotliLength":0,"metaUid":"3c157510-0"},"3c157510-3":{"renderedLength":642,"gzipLength":0,"brotliLength":0,"metaUid":"3c157510-2"},"3c157510-5":{"renderedLength":762,"gzipLength":0,"brotliLength":0,"metaUid":"3c157510-4"},"3c157510-7":{"renderedLength":1881,"gzipLength":0,"brotliLength":0,"metaUid":"3c157510-6"},"3c157510-9":{"renderedLength":4871,"gzipLength":0,"brotliLength":0,"metaUid":"3c157510-8"},"3c157510-11":{"renderedLength":487,"gzipLength":0,"brotliLength":0,"metaUid":"3c157510-10"},"3c157510-13":{"renderedLength":524,"gzipLength":0,"brotliLength":0,"metaUid":"3c157510-12"},"3c157510-15":{"renderedLength":201,"gzipLength":0,"brotliLength":0,"metaUid":"3c157510-14"},"3c157510-17":{"renderedLength":390,"gzipLength":0,"brotliLength":0,"metaUid":"3c157510-16"},"3c157510-19":{"renderedLength":7639,"gzipLength":0,"brotliLength":0,"metaUid":"3c157510-18"}},"nodeMetas":{"3c157510-0":{"id":"/dist/browser/CircleWarp.js","moduleParts":{"tsparticles.interaction.particles.links.js":"3c157510-1"},"imported":[{"uid":"3c157510-21"}],"importedBy":[{"uid":"3c157510-8"}]},"3c157510-2":{"id":"/dist/browser/Options/Classes/LinksShadow.js","moduleParts":{"tsparticles.interaction.particles.links.js":"3c157510-3"},"imported":[{"uid":"3c157510-21"}],"importedBy":[{"uid":"3c157510-12"},{"uid":"3c157510-6"}]},"3c157510-4":{"id":"/dist/browser/Options/Classes/LinksTriangle.js","moduleParts":{"tsparticles.interaction.particles.links.js":"3c157510-5"},"imported":[{"uid":"3c157510-21"}],"importedBy":[{"uid":"3c157510-12"},{"uid":"3c157510-6"}]},"3c157510-6":{"id":"/dist/browser/Options/Classes/Links.js","moduleParts":{"tsparticles.interaction.particles.links.js":"3c157510-7"},"imported":[{"uid":"3c157510-21"},{"uid":"3c157510-2"},{"uid":"3c157510-4"}],"importedBy":[{"uid":"3c157510-12"},{"uid":"3c157510-8"}]},"3c157510-8":{"id":"/dist/browser/Linker.js","moduleParts":{"tsparticles.interaction.particles.links.js":"3c157510-9"},"imported":[{"uid":"3c157510-21"},{"uid":"3c157510-0"},{"uid":"3c157510-6"},{"uid":"3c157510-20"}],"importedBy":[{"uid":"3c157510-12"}]},"3c157510-10":{"id":"/dist/browser/LinksPlugin.js","moduleParts":{"tsparticles.interaction.particles.links.js":"3c157510-11"},"imported":[{"uid":"3c157510-18","dynamic":true}],"importedBy":[{"uid":"3c157510-12"}]},"3c157510-12":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.interaction.particles.links.js":"3c157510-13"},"imported":[{"uid":"3c157510-20"},{"uid":"3c157510-8"},{"uid":"3c157510-10"},{"uid":"3c157510-6"},{"uid":"3c157510-2"},{"uid":"3c157510-4"}],"importedBy":[{"uid":"3c157510-14"}]},"3c157510-14":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.interaction.particles.links.js":"3c157510-15"},"imported":[{"uid":"3c157510-12"}],"importedBy":[],"isEntry":true},"3c157510-16":{"id":"/dist/browser/Utils.js","moduleParts":{"tsparticles.interaction.particles.links.js":"3c157510-17"},"imported":[{"uid":"3c157510-21"}],"importedBy":[{"uid":"3c157510-18"}]},"3c157510-18":{"id":"/dist/browser/LinkInstance.js","moduleParts":{"tsparticles.interaction.particles.links.js":"3c157510-19"},"imported":[{"uid":"3c157510-21"},{"uid":"3c157510-16"}],"importedBy":[{"uid":"3c157510-10"}]},"3c157510-20":{"id":"@tsparticles/plugin-interactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"3c157510-12"},{"uid":"3c157510-8"}],"isExternal":true},"3c157510-21":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"3c157510-8"},{"uid":"3c157510-6"},{"uid":"3c157510-2"},{"uid":"3c157510-4"},{"uid":"3c157510-0"},{"uid":"3c157510-18"},{"uid":"3c157510-16"}],"isExternal":true}},"env":{"rollup":"4.60.4"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/tsparticles.interaction.particles.links.js

@@ -1,5 +1,5 @@
 (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);
-/* Particles Interaction v4.0.5 */
+/* Particles Interaction v4.1.0 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tsparticles/plugin-interactivity'), require('@tsparticles/engine')) :
     typeof define === 'function' && define.amd ? define(['exports', '@tsparticles/plugin-interactivity', '@tsparticles/engine'], factory) :
@@ -7,15 +7,15 @@
 })(this, (function (exports, pluginInteractivity, engine) { 'use strict';
 
     class CircleWarp extends engine.Circle {
-        canvasSize;
+        #canvasSize;
         constructor(x, y, radius, canvasSize) {
             super(x, y, radius);
-            this.canvasSize = canvasSize;
+            this.#canvasSize = canvasSize;
         }
         contains(point) {
             if (super.contains(point))
                 return true;
-            const { width, height } = this.canvasSize, { x, y } = point;
+            const { width, height } = this.#canvasSize, { x, y } = point;
             return (super.contains({ x: x - width, y }) ||
                 super.contains({ x: x + width, y }) ||
                 super.contains({ x, y: y - height }) ||
@@ -28,7 +28,7 @@
         intersects(range) {
             if (super.intersects(range))
                 return true;
-            const { width, height } = this.canvasSize, pos = range.position, shifts = [
+            const { width, height } = this.#canvasSize, pos = range.position, shifts = [
                 { x: -width, y: 0 },
                 { x: width, y: 0 },
                 { x: 0, y: -height },
@@ -180,15 +180,15 @@
         return Math.hypot(warpDistances.x, warpDistances.y);
     }
     class Linker extends pluginInteractivity.ParticlesInteractorBase {
-        _maxDistance;
-        _pluginManager;
+        #maxDistance;
+        #pluginManager;
         constructor(pluginManager, container) {
             super(container);
-            this._pluginManager = pluginManager;
-            this._maxDistance = 0;
+            this.#pluginManager = pluginManager;
+            this.#maxDistance = 0;
         }
         get maxDistance() {
-            return this._maxDistance;
+            return this.#maxDistance;
         }
         clear() {
         }
@@ -201,8 +201,8 @@
                 return;
             }
             p1.links = [];
-            if (p1.linksDistance && p1.linksDistance > this._maxDistance) {
-                this._maxDistance = p1.linksDistance;
+            if (p1.linksDistance && p1.linksDistance > this.#maxDistance) {
+                this.#maxDistance = p1.linksDistance;
             }
             const pos1 = p1.getPosition(), container = this.container, canvasSize = container.canvas.size;
             if (pos1.x < engine.originPoint.x || pos1.y < engine.originPoint.y || pos1.x > canvasSize.width || pos1.y > canvasSize.height) {
@@ -230,11 +230,11 @@
                     continue;
                 }
                 const opacityLine = (opacityOffset - distance / optDistance) * optOpacity;
-                this._setColor(p1);
+                this.#setColor(p1);
                 p1.links.push({
                     destination: p2,
                     opacity: opacityLine,
-                    color: this._getLinkColor(p1, p2),
+                    color: this.#getLinkColor(p1, p2),
                     isWarped: distWarp < distDirect,
                 });
             }
@@ -250,7 +250,7 @@
         }
         reset() {
         }
-        _getLinkColor(p1, p2) {
+        #getLinkColor(p1, p2) {
             const container = this.container, linksOptions = p1.options.links;
             if (!linksOptions) {
                 return;
@@ -260,7 +260,7 @@
                 : container.particles.linksColor;
             return engine.getLinkColor(p1, p2, linkColor);
         }
-        _setColor(p1) {
+        #setColor(p1) {
             if (!p1.options.links) {
                 return;
             }
@@ -271,7 +271,7 @@
             if (linkColor) {
                 return;
             }
-            linkColor = engine.getLinkRandomColor(this._pluginManager, linksOptions.color, linksOptions.blink, linksOptions.consent);
+            linkColor = engine.getLinkRandomColor(this.#pluginManager, linksOptions.color, linksOptions.blink, linksOptions.consent);
             if (linksOptions.id === undefined) {
                 container.particles.linksColor = linkColor;
             }
@@ -283,13 +283,13 @@
 
     class LinksPlugin {
         id = "links";
-        _pluginManager;
+        #pluginManager;
         constructor(pluginManager) {
-            this._pluginManager = pluginManager;
+            this.#pluginManager = pluginManager;
         }
         async getPlugin(container) {
             const { LinkInstance } = await Promise.resolve().then(function () { return LinkInstance$1; });
-            return new LinkInstance(this._pluginManager, container);
+            return new LinkInstance(this.#pluginManager, container);
         }
         loadOptions() {
         }
@@ -299,7 +299,7 @@
     }
 
     async function loadParticlesLinksInteraction(engine) {
-        engine.checkVersion("4.0.5");
+        engine.checkVersion("4.1.0");
         await engine.pluginManager.register((e) => {
             const pluginManager = e.pluginManager;
             pluginInteractivity.ensureInteractivityPluginLoaded(e);
@@ -329,14 +329,14 @@
 
     const minOpacity = 0, minWidth = 0, minDistance = 0, maxFrequency = 1, defaultFrequency = 0;
     class LinkInstance {
-        _colorCache = new Map();
-        _container;
-        _freqs;
-        _pluginManager;
+        #colorCache = new Map();
+        #container;
+        #freqs;
+        #pluginManager;
         constructor(pluginManager, container) {
-            this._pluginManager = pluginManager;
-            this._container = container;
-            this._freqs = { links: new Map(), triangles: new Map() };
+            this.#pluginManager = pluginManager;
+            this.#container = container;
+            this.#freqs = { links: new Map(), triangles: new Map() };
         }
         drawParticle(context, particle) {
             const { links, options } = particle;
@@ -353,13 +353,13 @@
             };
             for (const link of links) {
                 if (linkOpts.frequency < maxFrequency &&
-                    this._getLinkFrequency(particle, link.destination) > linkOpts.frequency) {
+                    this.#getLinkFrequency(particle, link.destination) > linkOpts.frequency) {
                     continue;
                 }
                 const pos2 = link.destination.getPosition();
                 if (trianglesEnabled && !link.isWarped && p1Destinations) {
                     flushLines();
-                    this._drawTriangles(options, particle, link, p1Destinations, pos1, pos2, context);
+                    this.#drawTriangles(options, particle, link, p1Destinations, pos1, pos2, context);
                 }
                 if (link.opacity <= minOpacity || width <= minWidth) {
                     continue;
@@ -369,7 +369,7 @@
                 }
                 let opacity = link.opacity, colorLine = link.color;
                 const twinkleRgb = twinkle?.enable && engine.getRandom() < twinkle.frequency
-                    ? engine.rangeColorToRgb(this._pluginManager, twinkle.color)
+                    ? engine.rangeColorToRgb(this.#pluginManager, twinkle.color)
                     : undefined;
                 if (twinkle && twinkleRgb) {
                     colorLine = twinkleRgb;
@@ -377,14 +377,14 @@
                 }
                 if (!colorLine) {
                     const linkColor = linkOpts.id !== undefined
-                        ? this._container.particles.linksColors.get(linkOpts.id)
-                        : this._container.particles.linksColor;
+                        ? this.#container.particles.linksColors.get(linkOpts.id)
+                        : this.#container.particles.linksColor;
                     colorLine = engine.getLinkColor(particle, link.destination, linkColor);
                 }
                 if (!colorLine) {
                     continue;
                 }
-                const colorStyle = this._getCachedStyle(colorLine);
+                const colorStyle = this.#getCachedStyle(colorLine);
                 if (colorStyle !== currentColorStyle || width !== currentWidth || opacity !== currentAlpha) {
                     flushLines();
                     context.strokeStyle = colorStyle;
@@ -397,7 +397,7 @@
                     pathOpen = true;
                 }
                 if (link.isWarped) {
-                    const canvasSize = this._container.canvas.size, dx = pos2.x - pos1.x, dy = pos2.y - pos1.y;
+                    const canvasSize = this.#container.canvas.size, dx = pos2.x - pos1.x, dy = pos2.y - pos1.y;
                     let sx = engine.originPoint.x, sy = engine.originPoint.y;
                     if (Math.abs(dx) > canvasSize.width * engine.half) {
                         sx = dx > minDistance ? -canvasSize.width : canvasSize.width;
@@ -419,9 +419,9 @@
             context.globalAlpha = originalAlpha;
         }
         init() {
-            this._freqs.links.clear();
-            this._freqs.triangles.clear();
-            this._colorCache.clear();
+            this.#freqs.links.clear();
+            this.#freqs.triangles.clear();
+            this.#colorCache.clear();
             return Promise.resolve();
         }
         particleCreated(particle) {
@@ -431,14 +431,14 @@
             }
             particle.linksDistance = particle.options.links.distance;
             particle.linksWidth = particle.options.links.width;
-            const ratio = this._container.retina.pixelRatio;
+            const ratio = this.#container.retina.pixelRatio;
             particle.retina.linksDistance = particle.linksDistance * ratio;
             particle.retina.linksWidth = particle.linksWidth * ratio;
         }
         particleDestroyed(particle) {
             particle.links = [];
         }
-        _drawTriangles(options, p1, link, p1Destinations, pos1, pos2, context) {
+        #drawTriangles(options, p1, link, p1Destinations, pos1, pos2, context) {
             const p2 = link.destination, triangleOptions = options.links?.triangles;
             if (!triangleOptions?.enable || !p2.options.links?.triangles.enable) {
                 return;
@@ -449,21 +449,21 @@
             }
             for (const vertex of p2Links) {
                 if (vertex.isWarped ||
-                    this._getLinkFrequency(p2, vertex.destination) > p2.options.links.frequency ||
+                    this.#getLinkFrequency(p2, vertex.destination) > p2.options.links.frequency ||
                     !p1Destinations.has(vertex.destination.id)) {
                     continue;
                 }
                 const p3 = vertex.destination;
-                if (this._getTriangleFrequency(p1, p2, p3) > (options.links?.triangles.frequency ?? defaultFrequency)) {
+                if (this.#getTriangleFrequency(p1, p2, p3) > (options.links?.triangles.frequency ?? defaultFrequency)) {
                     continue;
                 }
-                const opacityTriangle = triangleOptions.opacity ?? (link.opacity + vertex.opacity) * engine.half, colorTriangle = engine.rangeColorToRgb(this._pluginManager, triangleOptions.color) ?? link.color;
+                const opacityTriangle = triangleOptions.opacity ?? (link.opacity + vertex.opacity) * engine.half, colorTriangle = engine.rangeColorToRgb(this.#pluginManager, triangleOptions.color) ?? link.color;
                 if (!colorTriangle || opacityTriangle <= minOpacity) {
                     continue;
                 }
                 const pos3 = p3.getPosition();
                 context.save();
-                context.fillStyle = this._getCachedStyle(colorTriangle);
+                context.fillStyle = this.#getCachedStyle(colorTriangle);
                 context.globalAlpha = opacityTriangle;
                 context.beginPath();
                 context.moveTo(pos1.x, pos1.y);
@@ -474,20 +474,20 @@
                 context.restore();
             }
         }
-        _getCachedStyle(rgb) {
+        #getCachedStyle(rgb) {
             const key = `${rgb.r},${rgb.g},${rgb.b}`;
-            let style = this._colorCache.get(key);
+            let style = this.#colorCache.get(key);
             if (!style) {
-                style = engine.getStyleFromRgb(rgb, this._container.hdr);
-                this._colorCache.set(key, style);
+                style = engine.getStyleFromRgb(rgb, this.#container.hdr);
+                this.#colorCache.set(key, style);
             }
             return style;
         }
-        _getLinkFrequency(p1, p2) {
-            return setLinkFrequency([p1, p2], this._freqs.links);
+        #getLinkFrequency(p1, p2) {
+            return setLinkFrequency([p1, p2], this.#freqs.links);
         }
-        _getTriangleFrequency(p1, p2, p3) {
-            return setLinkFrequency([p1, p2, p3], this._freqs.triangles);
+        #getTriangleFrequency(p1, p2, p3) {
+            return setLinkFrequency([p1, p2, p3], this.#freqs.triangles);
         }
     }