@tsparticles/interaction-particles-links 4.0.0-alpha.21 → 4.0.0-alpha.23

package/cjs/CircleWarp.js

@@ -1,33 +1,48 @@
-import { Circle, Rectangle, double } from "@tsparticles/engine";
+import { Circle, Rectangle } from "@tsparticles/engine";
 export class CircleWarp extends Circle {
     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;
-        return (super.contains(point) ||
-            super.contains({ x: x - width, y }) ||
+        return (super.contains({ x: x - width, y }) ||
+            super.contains({ x: x + width, y }) ||
+            super.contains({ x, y: y - height }) ||
+            super.contains({ x, y: y + height }) ||
             super.contains({ x: x - width, y: y - height }) ||
-            super.contains({ x, y: y - height }));
+            super.contains({ x: x + width, y: y + height }) ||
+            super.contains({ x: x - width, y: y + height }) ||
+            super.contains({ x: x + width, y: y - height }));
     }
     intersects(range) {
-        if (super.intersects(range)) {
+        if (super.intersects(range))
             return true;
-        }
-        const rect = range, circle = range, newPos = {
-            x: range.position.x - this.canvasSize.width,
-            y: range.position.y - this.canvasSize.height,
-        };
-        if (Object.hasOwn(circle, "radius")) {
-            const biggerCircle = new Circle(newPos.x, newPos.y, circle.radius * double);
-            return super.intersects(biggerCircle);
-        }
-        else if (Object.hasOwn(rect, "size")) {
-            const rectSW = new Rectangle(newPos.x, newPos.y, rect.size.width * double, rect.size.height * double);
-            return super.intersects(rectSW);
+        const { width, height } = this.canvasSize, pos = range.position, shifts = [
+            { x: -width, y: 0 },
+            { x: width, y: 0 },
+            { x: 0, y: -height },
+            { x: 0, y: height },
+            { x: -width, y: -height },
+            { x: width, y: height },
+            { x: -width, y: height },
+            { x: width, y: -height },
+        ];
+        for (const shift of shifts) {
+            const shiftedPos = { x: pos.x + shift.x, y: pos.y + shift.y };
+            let shiftedRange;
+            if (range instanceof Circle) {
+                shiftedRange = new Circle(shiftedPos.x, shiftedPos.y, range.radius);
+            }
+            else {
+                const rect = range;
+                shiftedRange = new Rectangle(shiftedPos.x, shiftedPos.y, rect.size.width, rect.size.height);
+            }
+            if (super.intersects(shiftedRange))
+                return true;
         }
         return false;
     }

package/cjs/LinkInstance.js

@@ -1,36 +1,110 @@
-import { getDistance, getLinkColor, getRandom, getRangeValue, half, rangeColorToRgb, } from "@tsparticles/engine";
-import { drawLinkLine, drawLinkTriangle, setLinkFrequency } from "./Utils.js";
-const minOpacity = 0, minWidth = 0, minDistance = 0, maxFrequency = 1;
+import { getLinkColor as engineGetLinkColor, getRandom, getRangeValue, getStyleFromRgb, half, originPoint, rangeColorToRgb, } from "@tsparticles/engine";
+import { setLinkFrequency } from "./Utils.js";
+const minOpacity = 0, minDistance = 0, minWidth = 0, maxFrequency = 1, defaultFrequency = 0, opacitySteps = 10, defaultWidth = 0, triangleCoordsCount = 6, lineCoordsCount = 4, x1Offset = 0, y1Offset = 1, x2Offset = 2, y2Offset = 3, x3Offset = 4, y3Offset = 5;
 export class LinkInstance {
+    _colorCache = new Map();
     _container;
     _engine;
     _freqs;
+    _lineBatches = new Map();
+    _triangleBatches = new Map();
     constructor(container, engine) {
         this._container = container;
         this._engine = engine;
-        this._freqs = {
-            links: new Map(),
-            triangles: new Map(),
-        };
+        this._freqs = { links: new Map(), triangles: new Map() };
+    }
+    draw(context) {
+        for (const [, batch] of this._triangleBatches) {
+            context.save();
+            context.fillStyle = batch.colorStyle;
+            context.globalAlpha = batch.opacity;
+            context.beginPath();
+            for (let i = 0; i < batch.coords.length; i += triangleCoordsCount) {
+                const x1 = batch.coords[i + x1Offset] ?? originPoint.x, y1 = batch.coords[i + y1Offset] ?? originPoint.y, x2 = batch.coords[i + x2Offset] ?? originPoint.x, y2 = batch.coords[i + y2Offset] ?? originPoint.y, x3 = batch.coords[i + x3Offset] ?? originPoint.x, y3 = batch.coords[i + y3Offset] ?? originPoint.y;
+                context.moveTo(x1, y1);
+                context.lineTo(x2, y2);
+                context.lineTo(x3, y3);
+            }
+            context.fill();
+            context.restore();
+        }
+        for (const [, batch] of this._lineBatches) {
+            context.save();
+            context.strokeStyle = batch.colorStyle;
+            context.lineWidth = batch.width;
+            context.globalAlpha = batch.opacity;
+            context.beginPath();
+            for (let i = 0; i < batch.coords.length; i += lineCoordsCount) {
+                const x1 = batch.coords[i + x1Offset] ?? originPoint.x, y1 = batch.coords[i + y1Offset] ?? originPoint.y, x2 = batch.coords[i + x2Offset] ?? originPoint.x, y2 = batch.coords[i + y2Offset] ?? originPoint.y;
+                context.moveTo(x1, y1);
+                context.lineTo(x2, y2);
+            }
+            context.stroke();
+            context.restore();
+        }
+        this._lineBatches.clear();
+        this._triangleBatches.clear();
     }
     drawParticle(_context, particle) {
         const { links, options } = particle;
-        if (!links?.length) {
+        if (!links?.length || !options.links) {
             return;
         }
-        const p1Links = links.filter(l => options.links &&
+        const canvasSize = this._container.canvas.size, p1Links = links.filter(l => options.links &&
             (options.links.frequency >= maxFrequency ||
-                this._getLinkFrequency(particle, l.destination) <= options.links.frequency));
+                this._getLinkFrequency(particle, l.destination) <= options.links.frequency)), pos1 = particle.getPosition();
         for (const link of p1Links) {
-            this._drawTriangles(options, particle, link, p1Links);
+            if (!link.isWarped) {
+                this._collectTriangles(options, particle, link, p1Links);
+            }
             if (link.opacity > minOpacity && (particle.retina.linksWidth ?? minWidth) > minWidth) {
-                this._drawLinkLine(particle, link);
+                let opacity = link.opacity, colorLine = link.color;
+                const twinkle = particle.options["twinkle"]?.lines;
+                if (twinkle?.enable && getRandom() < twinkle.frequency) {
+                    const twinkleRgb = rangeColorToRgb(this._engine, twinkle.color);
+                    if (twinkleRgb) {
+                        colorLine = twinkleRgb;
+                        opacity = getRangeValue(twinkle.opacity);
+                    }
+                }
+                if (!colorLine) {
+                    const linkColor = options.links.id !== undefined
+                        ? this._container.particles.linksColors.get(options.links.id)
+                        : this._container.particles.linksColor;
+                    colorLine = engineGetLinkColor(particle, link.destination, linkColor);
+                }
+                if (colorLine) {
+                    const qOpacity = Math.ceil(opacity * opacitySteps) / opacitySteps, colorStyle = this._getCachedStyle(colorLine), width = particle.retina.linksWidth ?? defaultWidth, key = `${colorStyle}_${qOpacity}_${width}`;
+                    let batch = this._lineBatches.get(key);
+                    if (!batch) {
+                        batch = { colorStyle, opacity: qOpacity, width, coords: [] };
+                        this._lineBatches.set(key, batch);
+                    }
+                    const pos2 = link.destination.getPosition();
+                    if (link.isWarped) {
+                        const 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;
+                        }
+                        if (Math.abs(dy) > canvasSize.height * half) {
+                            sy = dy > minDistance ? -canvasSize.height : canvasSize.height;
+                        }
+                        const v2 = { x: pos2.x + sx, y: pos2.y + sy }, v1 = { x: pos1.x - sx, y: pos1.y - sy };
+                        batch.coords.push(pos1.x, pos1.y, v2.x, v2.y);
+                        batch.coords.push(v1.x, v1.y, pos2.x, pos2.y);
+                    }
+                    else {
+                        batch.coords.push(pos1.x, pos1.y, pos2.x, pos2.y);
+                    }
+                }
             }
         }
     }
     async init() {
-        this._freqs.links = new Map();
-        this._freqs.triangles = new Map();
+        this._freqs.links.clear();
+        this._freqs.triangles.clear();
+        this._colorCache.clear();
         await Promise.resolve();
     }
     particleCreated(particle) {
@@ -38,122 +112,59 @@ export class LinkInstance {
         if (!particle.options.links) {
             return;
         }
-        const ratio = this._container.retina.pixelRatio, { retina } = particle, { distance, width } = particle.options.links;
-        retina.linksDistance = distance * ratio;
-        retina.linksWidth = width * ratio;
+        const ratio = this._container.retina.pixelRatio;
+        particle.retina.linksDistance = particle.options.links.distance * ratio;
+        particle.retina.linksWidth = particle.options.links.width * ratio;
     }
     particleDestroyed(particle) {
         particle.links = [];
     }
-    _drawLinkLine = (p1, link) => {
-        const p1LinksOptions = p1.options.links;
-        if (!p1LinksOptions?.enable) {
-            return;
-        }
-        const container = this._container, p2 = link.destination, pos1 = p1.getPosition(), pos2 = p2.getPosition();
-        let opacity = link.opacity;
-        container.canvas.draw(ctx => {
-            let colorLine;
-            const twinkle = p1.options["twinkle"]?.lines;
-            if (twinkle?.enable) {
-                const twinkleFreq = twinkle.frequency, twinkleRgb = rangeColorToRgb(this._engine, twinkle.color), twinkling = getRandom() < twinkleFreq;
-                if (twinkling && twinkleRgb) {
-                    colorLine = twinkleRgb;
-                    opacity = getRangeValue(twinkle.opacity);
-                }
-            }
-            if (!colorLine) {
-                const linkColor = p1LinksOptions.id !== undefined
-                    ? container.particles.linksColors.get(p1LinksOptions.id)
-                    : container.particles.linksColor;
-                colorLine = getLinkColor(p1, p2, linkColor);
-            }
-            if (!colorLine) {
-                return;
-            }
-            const width = p1.retina.linksWidth ?? minWidth, maxDistance = p1.retina.linksDistance ?? minDistance;
-            drawLinkLine({
-                context: ctx,
-                width,
-                begin: pos1,
-                end: pos2,
-                engine: this._engine,
-                maxDistance,
-                canvasSize: container.canvas.size,
-                links: p1LinksOptions,
-                colorLine,
-                opacity,
-                hdr: container.hdr,
-            });
-        });
-    };
-    _drawLinkTriangle = (p1, link1, link2) => {
-        const linksOptions = p1.options.links;
-        if (!linksOptions?.enable) {
-            return;
-        }
-        const triangleOptions = linksOptions.triangles;
-        if (!triangleOptions.enable) {
-            return;
-        }
-        const container = this._container, p2 = link1.destination, p3 = link2.destination, opacityTriangle = triangleOptions.opacity ?? (link1.opacity + link2.opacity) * half;
-        if (opacityTriangle <= minOpacity) {
-            return;
-        }
-        container.canvas.draw(ctx => {
-            const pos1 = p1.getPosition(), pos2 = p2.getPosition(), pos3 = p3.getPosition(), linksDistance = p1.retina.linksDistance ?? minDistance;
-            if (getDistance(pos1, pos2) > linksDistance ||
-                getDistance(pos3, pos2) > linksDistance ||
-                getDistance(pos3, pos1) > linksDistance) {
-                return;
-            }
-            let colorTriangle = rangeColorToRgb(this._engine, triangleOptions.color);
-            if (!colorTriangle) {
-                const linkColor = linksOptions.id !== undefined
-                    ? container.particles.linksColors.get(linksOptions.id)
-                    : container.particles.linksColor;
-                colorTriangle = getLinkColor(p1, p2, linkColor);
-            }
-            if (!colorTriangle) {
-                return;
-            }
-            drawLinkTriangle({
-                context: ctx,
-                pos1,
-                pos2,
-                pos3,
-                colorTriangle,
-                opacityTriangle,
-                hdr: container.hdr,
-            });
-        });
-    };
-    _drawTriangles = (options, p1, link, p1Links) => {
-        const p2 = link.destination;
-        if (!(options.links?.triangles.enable && p2.options.links?.triangles.enable)) {
+    _collectTriangles(options, p1, link, p1Links) {
+        const p2 = link.destination, triangleOptions = options.links?.triangles;
+        if (!triangleOptions?.enable || !p2.options.links?.triangles.enable) {
             return;
         }
         const vertices = p2.links?.filter(t => {
-            const linkFreq = this._getLinkFrequency(p2, t.destination), minCount = 0;
-            return (p2.options.links &&
-                linkFreq <= p2.options.links.frequency &&
-                p1Links.findIndex(l => l.destination === t.destination) >= minCount);
+            return (!t.isWarped &&
+                p2.options.links &&
+                this._getLinkFrequency(p2, t.destination) <= p2.options.links.frequency &&
+                p1Links.some(l => l.destination === t.destination));
         });
         if (!vertices?.length) {
             return;
         }
         for (const vertex of vertices) {
-            const p3 = vertex.destination, triangleFreq = this._getTriangleFrequency(p1, p2, p3);
-            if (triangleFreq > options.links.triangles.frequency) {
+            const p3 = vertex.destination;
+            if (this._getTriangleFrequency(p1, p2, p3) > (options.links?.triangles.frequency ?? defaultFrequency)) {
                 continue;
             }
-            this._drawLinkTriangle(p1, link, vertex);
+            const opacityTriangle = Math.ceil((link.opacity + vertex.opacity) * half * opacitySteps) / opacitySteps, colorTriangle = rangeColorToRgb(this._engine, triangleOptions.color) ?? link.color;
+            if (!colorTriangle) {
+                continue;
+            }
+            const colorStyle = this._getCachedStyle(colorTriangle), key = `${colorStyle}_${opacityTriangle}`;
+            let batch = this._triangleBatches.get(key);
+            if (!batch) {
+                batch = { colorStyle, opacity: opacityTriangle, coords: [] };
+                this._triangleBatches.set(key, batch);
+            }
+            const pos1 = p1.getPosition(), pos2 = p2.getPosition(), pos3 = p3.getPosition();
+            batch.coords.push(pos1.x, pos1.y, pos2.x, pos2.y, pos3.x, pos3.y);
         }
-    };
-    _getLinkFrequency = (p1, p2) => {
+    }
+    _getCachedStyle(rgb) {
+        const key = `${rgb.r},${rgb.g},${rgb.b}`;
+        let style = this._colorCache.get(key);
+        if (!style) {
+            style = getStyleFromRgb(rgb, this._container.hdr);
+            this._colorCache.set(key, style);
+        }
+        return style;
+    }
+    _getLinkFrequency(p1, p2) {
         return setLinkFrequency([p1, p2], this._freqs.links);
-    };
-    _getTriangleFrequency = (p1, p2, p3) => {
+    }
+    _getTriangleFrequency(p1, p2, p3) {
         return setLinkFrequency([p1, p2, p3], this._freqs.triangles);
-    };
+    }
 }

package/cjs/Linker.js

@@ -1,17 +1,10 @@
-import { Circle, getDistances, getLinkRandomColor, originPoint, } from "@tsparticles/engine";
+import { Circle, getDistances, getLinkColor, getLinkRandomColor, originPoint, } from "@tsparticles/engine";
 import { CircleWarp } from "./CircleWarp.js";
 import { Links } from "./Options/Classes/Links.js";
 import { ParticlesInteractorBase } from "@tsparticles/plugin-interactivity";
 const squarePower = 2, opacityOffset = 1, minDistance = 0;
-function getLinkDistance(pos1, pos2, optDistance, canvasSize, warp) {
-    const { dx, dy, distance } = getDistances(pos1, pos2);
-    if (!warp || distance <= optDistance) {
-        return distance;
-    }
-    const absDiffs = {
-        x: Math.abs(dx),
-        y: Math.abs(dy),
-    }, warpDistances = {
+function getWarpDistance(pos1, pos2, canvasSize) {
+    const { dx, dy } = getDistances(pos1, pos2), absDiffs = { x: Math.abs(dx), y: Math.abs(dy) }, warpDistances = {
         x: Math.min(absDiffs.x, canvasSize.width - absDiffs.x),
         y: Math.min(absDiffs.y, canvasSize.height - absDiffs.y),
     };
@@ -38,15 +31,7 @@ export class Linker extends ParticlesInteractorBase {
         if (pos1.x < originPoint.x || pos1.y < originPoint.y || pos1.x > canvasSize.width || pos1.y > canvasSize.height) {
             return;
         }
-        const linkOpt1 = p1.options.links, optOpacity = linkOpt1.opacity, optDistance = p1.retina.linksDistance ?? minDistance, warp = linkOpt1.warp;
-        let range;
-        if (warp) {
-            range = new CircleWarp(pos1.x, pos1.y, optDistance, canvasSize);
-        }
-        else {
-            range = new Circle(pos1.x, pos1.y, optDistance);
-        }
-        const query = container.particles.quadTree.query(range);
+        const linkOpt1 = p1.options.links, optOpacity = linkOpt1.opacity, optDistance = p1.retina.linksDistance ?? minDistance, warp = linkOpt1.warp, range = warp ? new CircleWarp(pos1.x, pos1.y, optDistance, canvasSize) : new Circle(pos1.x, pos1.y, optDistance), query = container.particles.quadTree.query(range);
         for (const p2 of query) {
             const linkOpt2 = p2.options.links;
             if (p1 === p2 ||
@@ -63,7 +48,7 @@ export class Linker extends ParticlesInteractorBase {
             if (pos2.x < originPoint.x || pos2.y < originPoint.y || pos2.x > canvasSize.width || pos2.y > canvasSize.height) {
                 continue;
             }
-            const distance = getLinkDistance(pos1, pos2, optDistance, canvasSize, warp && linkOpt2.warp);
+            const distDirect = getDistances(pos1, pos2).distance, distWarp = warp && linkOpt2.warp ? getWarpDistance(pos1, pos2, canvasSize) : distDirect, distance = Math.min(distDirect, distWarp);
             if (distance > optDistance) {
                 continue;
             }
@@ -72,6 +57,8 @@ export class Linker extends ParticlesInteractorBase {
             p1.links.push({
                 destination: p2,
                 opacity: opacityLine,
+                color: this._getLinkColor(p1, p2),
+                isWarped: distWarp < distDirect,
             });
         }
     }
@@ -86,7 +73,17 @@ export class Linker extends ParticlesInteractorBase {
     }
     reset() {
     }
-    _setColor = p1 => {
+    _getLinkColor(p1, p2) {
+        const container = this.container, linksOptions = p1.options.links;
+        if (!linksOptions) {
+            return;
+        }
+        const linkColor = linksOptions.id !== undefined
+            ? container.particles.linksColors.get(linksOptions.id)
+            : container.particles.linksColor;
+        return getLinkColor(p1, p2, linkColor);
+    }
+    _setColor(p1) {
         if (!p1.options.links) {
             return;
         }
@@ -97,13 +94,12 @@ export class Linker extends ParticlesInteractorBase {
         if (linkColor) {
             return;
         }
-        const optColor = linksOptions.color;
-        linkColor = getLinkRandomColor(this._engine, optColor, linksOptions.blink, linksOptions.consent);
+        linkColor = getLinkRandomColor(this._engine, linksOptions.color, linksOptions.blink, linksOptions.consent);
         if (linksOptions.id === undefined) {
             container.particles.linksColor = linkColor;
         }
         else {
             container.particles.linksColors.set(linksOptions.id, linkColor);
         }
-    };
+    }
 }

package/cjs/Utils.js

@@ -1,79 +1,4 @@
-import { getDistance, getDistances, getRandom, getStyleFromRgb, rangeColorToRgb, } from "@tsparticles/engine";
-import { drawLine } from "@tsparticles/canvas-utils";
-export function drawTriangle(context, p1, p2, p3) {
-    context.beginPath();
-    context.moveTo(p1.x, p1.y);
-    context.lineTo(p2.x, p2.y);
-    context.lineTo(p3.x, p3.y);
-    context.closePath();
-}
-export function drawLinkLine(params) {
-    let drawn = false;
-    const { begin, end, engine, maxDistance, context, canvasSize, width, colorLine, opacity, links, hdr } = params;
-    if (getDistance(begin, end) <= maxDistance) {
-        drawLine(context, begin, end);
-        drawn = true;
-    }
-    else if (links.warp) {
-        let pi1, pi2;
-        const endNE = {
-            x: end.x - canvasSize.width,
-            y: end.y,
-        }, d1 = getDistances(begin, endNE);
-        if (d1.distance <= maxDistance) {
-            const yi = begin.y - (d1.dy / d1.dx) * begin.x;
-            pi1 = { x: 0, y: yi };
-            pi2 = { x: canvasSize.width, y: yi };
-        }
-        else {
-            const endSW = {
-                x: end.x,
-                y: end.y - canvasSize.height,
-            }, d2 = getDistances(begin, endSW);
-            if (d2.distance <= maxDistance) {
-                const yi = begin.y - (d2.dy / d2.dx) * begin.x, xi = -yi / (d2.dy / d2.dx);
-                pi1 = { x: xi, y: 0 };
-                pi2 = { x: xi, y: canvasSize.height };
-            }
-            else {
-                const endSE = {
-                    x: end.x - canvasSize.width,
-                    y: end.y - canvasSize.height,
-                }, d3 = getDistances(begin, endSE);
-                if (d3.distance <= maxDistance) {
-                    const yi = begin.y - (d3.dy / d3.dx) * begin.x, xi = -yi / (d3.dy / d3.dx);
-                    pi1 = { x: xi, y: yi };
-                    pi2 = { x: pi1.x + canvasSize.width, y: pi1.y + canvasSize.height };
-                }
-            }
-        }
-        if (pi1 && pi2) {
-            drawLine(context, begin, pi1);
-            drawLine(context, end, pi2);
-            drawn = true;
-        }
-    }
-    if (!drawn) {
-        return;
-    }
-    context.lineWidth = width;
-    context.strokeStyle = getStyleFromRgb(colorLine, hdr, opacity);
-    const { shadow } = links;
-    if (shadow.enable) {
-        const shadowColor = rangeColorToRgb(engine, shadow.color);
-        if (shadowColor) {
-            context.shadowBlur = shadow.blur;
-            context.shadowColor = getStyleFromRgb(shadowColor, hdr);
-        }
-    }
-    context.stroke();
-}
-export function drawLinkTriangle(params) {
-    const { context, hdr, pos1, pos2, pos3, colorTriangle, opacityTriangle } = params;
-    drawTriangle(context, pos1, pos2, pos3);
-    context.fillStyle = getStyleFromRgb(colorTriangle, hdr, opacityTriangle);
-    context.fill();
-}
+import { getRandom } from "@tsparticles/engine";
 export function getLinkKey(ids) {
     ids.sort((a, b) => a - b);
     return ids.join("_");

package/cjs/index.js

@@ -1,5 +1,5 @@
 export async function loadParticlesLinksInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.21");
+    engine.checkVersion("4.0.0-alpha.23");
     await engine.register(async (e) => {
         const [{ ensureInteractivityPluginLoaded }, { LinksPlugin },] = await Promise.all([
             import("@tsparticles/plugin-interactivity"),
@@ -9,7 +9,7 @@ export async function loadParticlesLinksInteraction(engine) {
         e.addPlugin(new LinksPlugin(e));
         e.addInteractor?.("particlesLinks", async (container) => {
             const { Linker } = await import("./Linker.js");
-            return new Linker(container, engine);
+            return new Linker(container, e);
         });
     });
 }

package/dist_browser_LinkInstance_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.21
+ * v4.0.0-alpha.23
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \**************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   LinkInstance: () => (/* binding */ LinkInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\nconst minOpacity = 0, minWidth = 0, minDistance = 0, maxFrequency = 1;\nclass LinkInstance {\n    _container;\n    _engine;\n    _freqs;\n    constructor(container, engine){\n        this._container = container;\n        this._engine = engine;\n        this._freqs = {\n            links: new Map(),\n            triangles: new Map()\n        };\n    }\n    drawParticle(_context, particle) {\n        const { links, options } = particle;\n        if (!links?.length) {\n            return;\n        }\n        const p1Links = links.filter((l)=>options.links && (options.links.frequency >= maxFrequency || this._getLinkFrequency(particle, l.destination) <= options.links.frequency));\n        for (const link of p1Links){\n            this._drawTriangles(options, particle, link, p1Links);\n            if (link.opacity > minOpacity && (particle.retina.linksWidth ?? minWidth) > minWidth) {\n                this._drawLinkLine(particle, link);\n            }\n        }\n    }\n    async init() {\n        this._freqs.links = new Map();\n        this._freqs.triangles = new Map();\n        await Promise.resolve();\n    }\n    particleCreated(particle) {\n        particle.links = [];\n        if (!particle.options.links) {\n            return;\n        }\n        const ratio = this._container.retina.pixelRatio, { retina } = particle, { distance, width } = particle.options.links;\n        retina.linksDistance = distance * ratio;\n        retina.linksWidth = width * ratio;\n    }\n    particleDestroyed(particle) {\n        particle.links = [];\n    }\n    _drawLinkLine = (p1, link)=>{\n        const p1LinksOptions = p1.options.links;\n        if (!p1LinksOptions?.enable) {\n            return;\n        }\n        const container = this._container, p2 = link.destination, pos1 = p1.getPosition(), pos2 = p2.getPosition();\n        let opacity = link.opacity;\n        container.canvas.draw((ctx)=>{\n            let colorLine;\n            const twinkle = p1.options[\"twinkle\"]?.lines;\n            if (twinkle?.enable) {\n                const twinkleFreq = twinkle.frequency, twinkleRgb = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._engine, twinkle.color), twinkling = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() < twinkleFreq;\n                if (twinkling && twinkleRgb) {\n                    colorLine = twinkleRgb;\n                    opacity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(twinkle.opacity);\n                }\n            }\n            if (!colorLine) {\n                const linkColor = p1LinksOptions.id !== undefined ? container.particles.linksColors.get(p1LinksOptions.id) : container.particles.linksColor;\n                colorLine = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLinkColor)(p1, p2, linkColor);\n            }\n            if (!colorLine) {\n                return;\n            }\n            const width = p1.retina.linksWidth ?? minWidth, maxDistance = p1.retina.linksDistance ?? minDistance;\n            (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawLinkLine)({\n                context: ctx,\n                width,\n                begin: pos1,\n                end: pos2,\n                engine: this._engine,\n                maxDistance,\n                canvasSize: container.canvas.size,\n                links: p1LinksOptions,\n                colorLine,\n                opacity,\n                hdr: container.hdr\n            });\n        });\n    };\n    _drawLinkTriangle = (p1, link1, link2)=>{\n        const linksOptions = p1.options.links;\n        if (!linksOptions?.enable) {\n            return;\n        }\n        const triangleOptions = linksOptions.triangles;\n        if (!triangleOptions.enable) {\n            return;\n        }\n        const container = this._container, p2 = link1.destination, p3 = link2.destination, opacityTriangle = triangleOptions.opacity ?? (link1.opacity + link2.opacity) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\n        if (opacityTriangle <= minOpacity) {\n            return;\n        }\n        container.canvas.draw((ctx)=>{\n            const pos1 = p1.getPosition(), pos2 = p2.getPosition(), pos3 = p3.getPosition(), linksDistance = p1.retina.linksDistance ?? minDistance;\n            if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(pos1, pos2) > linksDistance || (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(pos3, pos2) > linksDistance || (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(pos3, pos1) > linksDistance) {\n                return;\n            }\n            let colorTriangle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._engine, triangleOptions.color);\n            if (!colorTriangle) {\n                const linkColor = linksOptions.id !== undefined ? container.particles.linksColors.get(linksOptions.id) : container.particles.linksColor;\n                colorTriangle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLinkColor)(p1, p2, linkColor);\n            }\n            if (!colorTriangle) {\n                return;\n            }\n            (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawLinkTriangle)({\n                context: ctx,\n                pos1,\n                pos2,\n                pos3,\n                colorTriangle,\n                opacityTriangle,\n                hdr: container.hdr\n            });\n        });\n    };\n    _drawTriangles = (options, p1, link, p1Links)=>{\n        const p2 = link.destination;\n        if (!(options.links?.triangles.enable && p2.options.links?.triangles.enable)) {\n            return;\n        }\n        const vertices = p2.links?.filter((t)=>{\n            const linkFreq = this._getLinkFrequency(p2, t.destination), minCount = 0;\n            return p2.options.links && linkFreq <= p2.options.links.frequency && p1Links.findIndex((l)=>l.destination === t.destination) >= minCount;\n        });\n        if (!vertices?.length) {\n            return;\n        }\n        for (const vertex of vertices){\n            const p3 = vertex.destination, triangleFreq = this._getTriangleFrequency(p1, p2, p3);\n            if (triangleFreq > options.links.triangles.frequency) {\n                continue;\n            }\n            this._drawLinkTriangle(p1, link, vertex);\n        }\n    };\n    _getLinkFrequency = (p1, p2)=>{\n        return (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.setLinkFrequency)([\n            p1,\n            p2\n        ], this._freqs.links);\n    };\n    _getTriangleFrequency = (p1, p2, p3)=>{\n        return (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.setLinkFrequency)([\n            p1,\n            p2,\n            p3\n        ], this._freqs.triangles);\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-links/./dist/browser/LinkInstance.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   LinkInstance: () => (/* binding */ LinkInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\nconst minOpacity = 0, minDistance = 0, minWidth = 0, maxFrequency = 1, defaultFrequency = 0, opacitySteps = 10, defaultWidth = 0, triangleCoordsCount = 6, lineCoordsCount = 4, x1Offset = 0, y1Offset = 1, x2Offset = 2, y2Offset = 3, x3Offset = 4, y3Offset = 5;\nclass LinkInstance {\n    _colorCache = new Map();\n    _container;\n    _engine;\n    _freqs;\n    _lineBatches = new Map();\n    _triangleBatches = new Map();\n    constructor(container, engine){\n        this._container = container;\n        this._engine = engine;\n        this._freqs = {\n            links: new Map(),\n            triangles: new Map()\n        };\n    }\n    draw(context) {\n        for (const [, batch] of this._triangleBatches){\n            context.save();\n            context.fillStyle = batch.colorStyle;\n            context.globalAlpha = batch.opacity;\n            context.beginPath();\n            for(let i = 0; i < batch.coords.length; i += triangleCoordsCount){\n                const x1 = batch.coords[i + x1Offset] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, y1 = batch.coords[i + y1Offset] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, x2 = batch.coords[i + x2Offset] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, y2 = batch.coords[i + y2Offset] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, x3 = batch.coords[i + x3Offset] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, y3 = batch.coords[i + y3Offset] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y;\n                context.moveTo(x1, y1);\n                context.lineTo(x2, y2);\n                context.lineTo(x3, y3);\n            }\n            context.fill();\n            context.restore();\n        }\n        for (const [, batch] of this._lineBatches){\n            context.save();\n            context.strokeStyle = batch.colorStyle;\n            context.lineWidth = batch.width;\n            context.globalAlpha = batch.opacity;\n            context.beginPath();\n            for(let i = 0; i < batch.coords.length; i += lineCoordsCount){\n                const x1 = batch.coords[i + x1Offset] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, y1 = batch.coords[i + y1Offset] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y, x2 = batch.coords[i + x2Offset] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, y2 = batch.coords[i + y2Offset] ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y;\n                context.moveTo(x1, y1);\n                context.lineTo(x2, y2);\n            }\n            context.stroke();\n            context.restore();\n        }\n        this._lineBatches.clear();\n        this._triangleBatches.clear();\n    }\n    drawParticle(_context, particle) {\n        const { links, options } = particle;\n        if (!links?.length || !options.links) {\n            return;\n        }\n        const canvasSize = this._container.canvas.size, p1Links = links.filter((l)=>options.links && (options.links.frequency >= maxFrequency || this._getLinkFrequency(particle, l.destination) <= options.links.frequency)), pos1 = particle.getPosition();\n        for (const link of p1Links){\n            if (!link.isWarped) {\n                this._collectTriangles(options, particle, link, p1Links);\n            }\n            if (link.opacity > minOpacity && (particle.retina.linksWidth ?? minWidth) > minWidth) {\n                let opacity = link.opacity, colorLine = link.color;\n                const twinkle = particle.options[\"twinkle\"]?.lines;\n                if (twinkle?.enable && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() < twinkle.frequency) {\n                    const twinkleRgb = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._engine, twinkle.color);\n                    if (twinkleRgb) {\n                        colorLine = twinkleRgb;\n                        opacity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(twinkle.opacity);\n                    }\n                }\n                if (!colorLine) {\n                    const linkColor = options.links.id !== undefined ? this._container.particles.linksColors.get(options.links.id) : this._container.particles.linksColor;\n                    colorLine = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getLinkColor)(particle, link.destination, linkColor);\n                }\n                if (colorLine) {\n                    const qOpacity = Math.ceil(opacity * opacitySteps) / opacitySteps, colorStyle = this._getCachedStyle(colorLine), width = particle.retina.linksWidth ?? defaultWidth, key = `${colorStyle}_${qOpacity}_${width}`;\n                    let batch = this._lineBatches.get(key);\n                    if (!batch) {\n                        batch = {\n                            colorStyle,\n                            opacity: qOpacity,\n                            width,\n                            coords: []\n                        };\n                        this._lineBatches.set(key, batch);\n                    }\n                    const pos2 = link.destination.getPosition();\n                    if (link.isWarped) {\n                        const dx = pos2.x - pos1.x, dy = pos2.y - pos1.y;\n                        let sx = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, sy = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y;\n                        if (Math.abs(dx) > canvasSize.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half) {\n                            sx = dx > minDistance ? -canvasSize.width : canvasSize.width;\n                        }\n                        if (Math.abs(dy) > canvasSize.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half) {\n                            sy = dy > minDistance ? -canvasSize.height : canvasSize.height;\n                        }\n                        const v2 = {\n                            x: pos2.x + sx,\n                            y: pos2.y + sy\n                        }, v1 = {\n                            x: pos1.x - sx,\n                            y: pos1.y - sy\n                        };\n                        batch.coords.push(pos1.x, pos1.y, v2.x, v2.y);\n                        batch.coords.push(v1.x, v1.y, pos2.x, pos2.y);\n                    } else {\n                        batch.coords.push(pos1.x, pos1.y, pos2.x, pos2.y);\n                    }\n                }\n            }\n        }\n    }\n    async init() {\n        this._freqs.links.clear();\n        this._freqs.triangles.clear();\n        this._colorCache.clear();\n        await Promise.resolve();\n    }\n    particleCreated(particle) {\n        particle.links = [];\n        if (!particle.options.links) {\n            return;\n        }\n        const ratio = this._container.retina.pixelRatio;\n        particle.retina.linksDistance = particle.options.links.distance * ratio;\n        particle.retina.linksWidth = particle.options.links.width * ratio;\n    }\n    particleDestroyed(particle) {\n        particle.links = [];\n    }\n    _collectTriangles(options, p1, link, p1Links) {\n        const p2 = link.destination, triangleOptions = options.links?.triangles;\n        if (!triangleOptions?.enable || !p2.options.links?.triangles.enable) {\n            return;\n        }\n        const vertices = p2.links?.filter((t)=>{\n            return !t.isWarped && p2.options.links && this._getLinkFrequency(p2, t.destination) <= p2.options.links.frequency && p1Links.some((l)=>l.destination === t.destination);\n        });\n        if (!vertices?.length) {\n            return;\n        }\n        for (const vertex of vertices){\n            const p3 = vertex.destination;\n            if (this._getTriangleFrequency(p1, p2, p3) > (options.links?.triangles.frequency ?? defaultFrequency)) {\n                continue;\n            }\n            const opacityTriangle = Math.ceil((link.opacity + vertex.opacity) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half * opacitySteps) / opacitySteps, colorTriangle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._engine, triangleOptions.color) ?? link.color;\n            if (!colorTriangle) {\n                continue;\n            }\n            const colorStyle = this._getCachedStyle(colorTriangle), key = `${colorStyle}_${opacityTriangle}`;\n            let batch = this._triangleBatches.get(key);\n            if (!batch) {\n                batch = {\n                    colorStyle,\n                    opacity: opacityTriangle,\n                    coords: []\n                };\n                this._triangleBatches.set(key, batch);\n            }\n            const pos1 = p1.getPosition(), pos2 = p2.getPosition(), pos3 = p3.getPosition();\n            batch.coords.push(pos1.x, pos1.y, pos2.x, pos2.y, pos3.x, pos3.y);\n        }\n    }\n    _getCachedStyle(rgb) {\n        const key = `${rgb.r},${rgb.g},${rgb.b}`;\n        let style = this._colorCache.get(key);\n        if (!style) {\n            style = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(rgb, this._container.hdr);\n            this._colorCache.set(key, style);\n        }\n        return style;\n    }\n    _getLinkFrequency(p1, p2) {\n        return (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.setLinkFrequency)([\n            p1,\n            p2\n        ], this._freqs.links);\n    }\n    _getTriangleFrequency(p1, p2, p3) {\n        return (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.setLinkFrequency)([\n            p1,\n            p2,\n            p3\n        ], this._freqs.triangles);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-links/./dist/browser/LinkInstance.js?\n}");
 
 /***/ },
 
@@ -33,7 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*******************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   drawLinkLine: () => (/* binding */ drawLinkLine),\n/* harmony export */   drawLinkTriangle: () => (/* binding */ drawLinkTriangle),\n/* harmony export */   drawTriangle: () => (/* binding */ drawTriangle),\n/* harmony export */   getLinkKey: () => (/* binding */ getLinkKey),\n/* harmony export */   setLinkFrequency: () => (/* binding */ setLinkFrequency)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/canvas-utils */ \"@tsparticles/canvas-utils\");\n\n\nfunction drawTriangle(context, p1, p2, p3) {\n    context.beginPath();\n    context.moveTo(p1.x, p1.y);\n    context.lineTo(p2.x, p2.y);\n    context.lineTo(p3.x, p3.y);\n    context.closePath();\n}\nfunction drawLinkLine(params) {\n    let drawn = false;\n    const { begin, end, engine, maxDistance, context, canvasSize, width, colorLine, opacity, links, hdr } = params;\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(begin, end) <= maxDistance) {\n        (0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_1__.drawLine)(context, begin, end);\n        drawn = true;\n    } else if (links.warp) {\n        let pi1, pi2;\n        const endNE = {\n            x: end.x - canvasSize.width,\n            y: end.y\n        }, d1 = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(begin, endNE);\n        if (d1.distance <= maxDistance) {\n            const yi = begin.y - d1.dy / d1.dx * begin.x;\n            pi1 = {\n                x: 0,\n                y: yi\n            };\n            pi2 = {\n                x: canvasSize.width,\n                y: yi\n            };\n        } else {\n            const endSW = {\n                x: end.x,\n                y: end.y - canvasSize.height\n            }, d2 = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(begin, endSW);\n            if (d2.distance <= maxDistance) {\n                const yi = begin.y - d2.dy / d2.dx * begin.x, xi = -yi / (d2.dy / d2.dx);\n                pi1 = {\n                    x: xi,\n                    y: 0\n                };\n                pi2 = {\n                    x: xi,\n                    y: canvasSize.height\n                };\n            } else {\n                const endSE = {\n                    x: end.x - canvasSize.width,\n                    y: end.y - canvasSize.height\n                }, d3 = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(begin, endSE);\n                if (d3.distance <= maxDistance) {\n                    const yi = begin.y - d3.dy / d3.dx * begin.x, xi = -yi / (d3.dy / d3.dx);\n                    pi1 = {\n                        x: xi,\n                        y: yi\n                    };\n                    pi2 = {\n                        x: pi1.x + canvasSize.width,\n                        y: pi1.y + canvasSize.height\n                    };\n                }\n            }\n        }\n        if (pi1 && pi2) {\n            (0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_1__.drawLine)(context, begin, pi1);\n            (0,_tsparticles_canvas_utils__WEBPACK_IMPORTED_MODULE_1__.drawLine)(context, end, pi2);\n            drawn = true;\n        }\n    }\n    if (!drawn) {\n        return;\n    }\n    context.lineWidth = width;\n    context.strokeStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(colorLine, hdr, opacity);\n    const { shadow } = links;\n    if (shadow.enable) {\n        const shadowColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(engine, shadow.color);\n        if (shadowColor) {\n            context.shadowBlur = shadow.blur;\n            context.shadowColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(shadowColor, hdr);\n        }\n    }\n    context.stroke();\n}\nfunction drawLinkTriangle(params) {\n    const { context, hdr, pos1, pos2, pos3, colorTriangle, opacityTriangle } = params;\n    drawTriangle(context, pos1, pos2, pos3);\n    context.fillStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(colorTriangle, hdr, opacityTriangle);\n    context.fill();\n}\nfunction getLinkKey(ids) {\n    ids.sort((a, b)=>a - b);\n    return ids.join(\"_\");\n}\nfunction setLinkFrequency(particles, dictionary) {\n    const key = getLinkKey(particles.map((t)=>t.id));\n    let res = dictionary.get(key);\n    if (res === undefined) {\n        res = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)();\n        dictionary.set(key, res);\n    }\n    return res;\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-links/./dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   getLinkKey: () => (/* binding */ getLinkKey),\n/* harmony export */   setLinkFrequency: () => (/* binding */ setLinkFrequency)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nfunction getLinkKey(ids) {\n    ids.sort((a, b)=>a - b);\n    return ids.join(\"_\");\n}\nfunction setLinkFrequency(particles, dictionary) {\n    const key = getLinkKey(particles.map((t)=>t.id));\n    let res = dictionary.get(key);\n    if (res === undefined) {\n        res = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)();\n        dictionary.set(key, res);\n    }\n    return res;\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-links/./dist/browser/Utils.js?\n}");
 
 /***/ }