@tsparticles/interaction-particles-links 4.0.0-beta.12 → 4.0.0-beta.16

package/tsparticles.interaction.particles.links.js

@@ -1,387 +1,506 @@
-/*!
- * Author : Matteo Bruni
- * MIT license: https://opensource.org/licenses/MIT
- * Demo / Generator : https://particles.js.org/
- * GitHub : https://www.github.com/matteobruni/tsparticles
- * How to use? : Check the GitHub README
- * v4.0.0-beta.12
- */
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("@tsparticles/engine"), require("@tsparticles/plugin-interactivity"));
-	else if(typeof define === 'function' && define.amd)
-		define(["@tsparticles/engine", "@tsparticles/plugin-interactivity"], factory);
-	else {
-		var a = typeof exports === 'object' ? factory(require("@tsparticles/engine"), require("@tsparticles/plugin-interactivity")) : factory(root["window"], root["window"]);
-		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
-	}
-})(this, (__WEBPACK_EXTERNAL_MODULE__tsparticles_engine__, __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_interactivity__) => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
+(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.0-beta.16 */
+(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) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.__tsParticlesInternals = global.__tsParticlesInternals || {}, global.__tsParticlesInternals.interactions = global.__tsParticlesInternals.interactions || {}, global.__tsParticlesInternals.interactions.particlesLinks = global.__tsParticlesInternals.interactions.particlesLinks || {}), global.__tsParticlesInternals.plugins.interactivity, global.__tsParticlesInternals.engine));
+})(this, (function (exports, pluginInteractivity, engine) { 'use strict';
 
-/***/ "@tsparticles/engine"
-/*!*********************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"} ***!
-  \*********************************************************************************************************************************/
-(module) {
+    class CircleWarp extends engine.Circle {
+        canvasSize;
+        constructor(x, y, radius, canvasSize) {
+            super(x, y, radius);
+            this.canvasSize = canvasSize;
+        }
+        contains(point) {
+            if (super.contains(point))
+                return true;
+            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 }) ||
+                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 }) ||
+                super.contains({ x: x + width, y: y - height }));
+        }
+        intersects(range) {
+            if (super.intersects(range))
+                return true;
+            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 engine.Circle) {
+                    shiftedRange = new engine.Circle(shiftedPos.x, shiftedPos.y, range.radius);
+                }
+                else {
+                    const rect = range;
+                    shiftedRange = new engine.Rectangle(shiftedPos.x, shiftedPos.y, rect.size.width, rect.size.height);
+                }
+                if (super.intersects(shiftedRange))
+                    return true;
+            }
+            return false;
+        }
+    }
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
+    class LinksShadow {
+        blur;
+        color;
+        enable;
+        constructor() {
+            this.blur = 5;
+            this.color = new engine.OptionsColor();
+            this.color.value = "#000";
+            this.enable = false;
+        }
+        load(data) {
+            if (engine.isNull(data)) {
+                return;
+            }
+            if (data.blur !== undefined) {
+                this.blur = data.blur;
+            }
+            this.color = engine.OptionsColor.create(this.color, data.color);
+            if (data.enable !== undefined) {
+                this.enable = data.enable;
+            }
+        }
+    }
 
-/***/ },
+    class LinksTriangle {
+        color;
+        enable;
+        frequency;
+        opacity;
+        constructor() {
+            this.enable = false;
+            this.frequency = 1;
+        }
+        load(data) {
+            if (engine.isNull(data)) {
+                return;
+            }
+            if (data.color !== undefined) {
+                this.color = engine.OptionsColor.create(this.color, data.color);
+            }
+            if (data.enable !== undefined) {
+                this.enable = data.enable;
+            }
+            if (data.frequency !== undefined) {
+                this.frequency = data.frequency;
+            }
+            if (data.opacity !== undefined) {
+                this.opacity = data.opacity;
+            }
+        }
+    }
 
-/***/ "@tsparticles/plugin-interactivity"
-/*!***************************************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/plugin-interactivity","commonjs2":"@tsparticles/plugin-interactivity","amd":"@tsparticles/plugin-interactivity","root":"window"} ***!
-  \***************************************************************************************************************************************************************************/
-(module) {
+    class Links {
+        blink;
+        color;
+        consent;
+        distance;
+        enable;
+        frequency;
+        id;
+        opacity;
+        shadow;
+        triangles;
+        warp;
+        width;
+        constructor() {
+            this.blink = false;
+            this.color = new engine.OptionsColor();
+            this.color.value = "#fff";
+            this.consent = false;
+            this.distance = 100;
+            this.enable = false;
+            this.frequency = 1;
+            this.opacity = 1;
+            this.shadow = new LinksShadow();
+            this.triangles = new LinksTriangle();
+            this.width = 1;
+            this.warp = false;
+        }
+        load(data) {
+            if (engine.isNull(data)) {
+                return;
+            }
+            if (data.id !== undefined) {
+                this.id = data.id;
+            }
+            if (data.blink !== undefined) {
+                this.blink = data.blink;
+            }
+            this.color = engine.OptionsColor.create(this.color, data.color);
+            if (data.consent !== undefined) {
+                this.consent = data.consent;
+            }
+            if (data.distance !== undefined) {
+                this.distance = data.distance;
+            }
+            if (data.enable !== undefined) {
+                this.enable = data.enable;
+            }
+            if (data.frequency !== undefined) {
+                this.frequency = data.frequency;
+            }
+            if (data.opacity !== undefined) {
+                this.opacity = data.opacity;
+            }
+            this.shadow.load(data.shadow);
+            this.triangles.load(data.triangles);
+            if (data.width !== undefined) {
+                this.width = data.width;
+            }
+            if (data.warp !== undefined) {
+                this.warp = data.warp;
+            }
+        }
+    }
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_interactivity__;
+    const opacityOffset = 1, minDistance$1 = 0;
+    function getWarpDistance(pos1, pos2, canvasSize) {
+        const { dx, dy } = engine.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),
+        };
+        return Math.hypot(warpDistances.x, warpDistances.y);
+    }
+    class Linker extends pluginInteractivity.ParticlesInteractorBase {
+        _maxDistance;
+        _pluginManager;
+        constructor(pluginManager, container) {
+            super(container);
+            this._pluginManager = pluginManager;
+            this._maxDistance = 0;
+        }
+        get maxDistance() {
+            return this._maxDistance;
+        }
+        clear() {
+        }
+        init() {
+            this.container.particles.linksColor = undefined;
+            this.container.particles.linksColors = new Map();
+        }
+        interact(p1) {
+            if (!p1.options.links) {
+                return;
+            }
+            p1.links = [];
+            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) {
+                return;
+            }
+            const linkOpt1 = p1.options.links, optOpacity = linkOpt1.opacity, optDistance = p1.retina.linksDistance ?? minDistance$1, warp = linkOpt1.warp, range = warp ? new CircleWarp(pos1.x, pos1.y, optDistance, canvasSize) : new engine.Circle(pos1.x, pos1.y, optDistance), query = container.particles.grid.query(range);
+            for (const p2 of query) {
+                const linkOpt2 = p2.options.links;
+                if (p1 === p2 ||
+                    !linkOpt2?.enable ||
+                    linkOpt1.id !== linkOpt2.id ||
+                    p2.spawning ||
+                    p2.destroyed ||
+                    !p2.links ||
+                    p1.links.some(t => t.destination === p2) ||
+                    p2.links.some(t => t.destination === p1)) {
+                    continue;
+                }
+                const pos2 = p2.getPosition();
+                if (pos2.x < engine.originPoint.x || pos2.y < engine.originPoint.y || pos2.x > canvasSize.width || pos2.y > canvasSize.height) {
+                    continue;
+                }
+                const distDirect = engine.getDistances(pos1, pos2).distance, distWarp = warp && linkOpt2.warp ? getWarpDistance(pos1, pos2, canvasSize) : distDirect, distance = Math.min(distDirect, distWarp);
+                if (distance > optDistance) {
+                    continue;
+                }
+                const opacityLine = (opacityOffset - distance / optDistance) * optOpacity;
+                this._setColor(p1);
+                p1.links.push({
+                    destination: p2,
+                    opacity: opacityLine,
+                    color: this._getLinkColor(p1, p2),
+                    isWarped: distWarp < distDirect,
+                });
+            }
+        }
+        isEnabled(particle) {
+            return !!particle.options.links?.enable;
+        }
+        loadParticlesOptions(options, ...sources) {
+            options.links ??= new Links();
+            for (const source of sources) {
+                options.links.load(source?.links);
+            }
+        }
+        reset() {
+        }
+        _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 engine.getLinkColor(p1, p2, linkColor);
+        }
+        _setColor(p1) {
+            if (!p1.options.links) {
+                return;
+            }
+            const container = this.container, linksOptions = p1.options.links;
+            let linkColor = linksOptions.id === undefined
+                ? container.particles.linksColor
+                : container.particles.linksColors.get(linksOptions.id);
+            if (linkColor) {
+                return;
+            }
+            linkColor = engine.getLinkRandomColor(this._pluginManager, linksOptions.color, linksOptions.blink, linksOptions.consent);
+            if (linksOptions.id === undefined) {
+                container.particles.linksColor = linkColor;
+            }
+            else {
+                container.particles.linksColors.set(linksOptions.id, linkColor);
+            }
+        }
+    }
 
-/***/ },
+    class LinksPlugin {
+        id = "links";
+        _pluginManager;
+        constructor(pluginManager) {
+            this._pluginManager = pluginManager;
+        }
+        async getPlugin(container) {
+            const { LinkInstance } = await Promise.resolve().then(function () { return LinkInstance$1; });
+            return new LinkInstance(this._pluginManager, container);
+        }
+        loadOptions() {
+        }
+        needsPlugin() {
+            return true;
+        }
+    }
 
-/***/ "./dist/browser/Options/Classes/Links.js"
-/*!***********************************************!*\
-  !*** ./dist/browser/Options/Classes/Links.js ***!
-  \***********************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+    async function loadParticlesLinksInteraction(engine) {
+        engine.checkVersion("4.0.0-beta.16");
+        await engine.pluginManager.register((e) => {
+            const pluginManager = e.pluginManager;
+            pluginInteractivity.ensureInteractivityPluginLoaded(e);
+            pluginManager.addPlugin(new LinksPlugin(pluginManager));
+            pluginManager.addInteractor?.("particlesLinks", container => {
+                return Promise.resolve(new Linker(pluginManager, container));
+            });
+        });
+    }
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Links: () => (/* binding */ Links)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _LinksShadow_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./LinksShadow.js */ \"./dist/browser/Options/Classes/LinksShadow.js\");\n/* harmony import */ var _LinksTriangle_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./LinksTriangle.js */ \"./dist/browser/Options/Classes/LinksTriangle.js\");\n\n\n\nclass Links {\n    blink;\n    color;\n    consent;\n    distance;\n    enable;\n    frequency;\n    id;\n    opacity;\n    shadow;\n    triangles;\n    warp;\n    width;\n    constructor(){\n        this.blink = false;\n        this.color = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor();\n        this.color.value = \"#fff\";\n        this.consent = false;\n        this.distance = 100;\n        this.enable = false;\n        this.frequency = 1;\n        this.opacity = 1;\n        this.shadow = new _LinksShadow_js__WEBPACK_IMPORTED_MODULE_1__.LinksShadow();\n        this.triangles = new _LinksTriangle_js__WEBPACK_IMPORTED_MODULE_2__.LinksTriangle();\n        this.width = 1;\n        this.warp = false;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.id !== undefined) {\n            this.id = data.id;\n        }\n        if (data.blink !== undefined) {\n            this.blink = data.blink;\n        }\n        this.color = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.color, data.color);\n        if (data.consent !== undefined) {\n            this.consent = data.consent;\n        }\n        if (data.distance !== undefined) {\n            this.distance = data.distance;\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n        if (data.frequency !== undefined) {\n            this.frequency = data.frequency;\n        }\n        if (data.opacity !== undefined) {\n            this.opacity = data.opacity;\n        }\n        this.shadow.load(data.shadow);\n        this.triangles.load(data.triangles);\n        if (data.width !== undefined) {\n            this.width = data.width;\n        }\n        if (data.warp !== undefined) {\n            this.warp = data.warp;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-links/./dist/browser/Options/Classes/Links.js?\n}");
+    const globalObject = globalThis;
+    globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+    globalObject.loadParticlesLinksInteraction = loadParticlesLinksInteraction;
 
-/***/ },
+    function getLinkKey(ids) {
+        return [...ids].sort((a, b) => a - b).join("_");
+    }
+    function setLinkFrequency(particles, dictionary) {
+        const key = getLinkKey(particles.map(t => t.id));
+        let res = dictionary.get(key);
+        if (res === undefined) {
+            res = engine.getRandom();
+            dictionary.set(key, res);
+        }
+        return res;
+    }
 
-/***/ "./dist/browser/Options/Classes/LinksShadow.js"
-/*!*****************************************************!*\
-  !*** ./dist/browser/Options/Classes/LinksShadow.js ***!
-  \*****************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+    const minOpacity = 0, minWidth = 0, minDistance = 0, maxFrequency = 1, defaultFrequency = 0;
+    class LinkInstance {
+        _colorCache = new Map();
+        _container;
+        _freqs;
+        _pluginManager;
+        constructor(pluginManager, container) {
+            this._pluginManager = pluginManager;
+            this._container = container;
+            this._freqs = { links: new Map(), triangles: new Map() };
+        }
+        drawParticle(context, particle) {
+            const { links, options } = particle;
+            if (!links?.length || !options.links) {
+                return;
+            }
+            const linkOpts = options.links, width = particle.retina.linksWidth ?? minWidth, pos1 = particle.getPosition(), twinkle = particle.options["twinkle"]?.links, trianglesEnabled = linkOpts.triangles.enable, p1Destinations = trianglesEnabled ? new Set(links.map(l => l.destination.id)) : null, originalAlpha = context.globalAlpha;
+            let currentColorStyle = "", currentWidth = -1, currentAlpha = -1, pathOpen = false;
+            const flushLines = () => {
+                if (pathOpen) {
+                    context.stroke();
+                    pathOpen = false;
+                }
+            };
+            for (const link of links) {
+                if (linkOpts.frequency < maxFrequency &&
+                    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);
+                }
+                if (link.opacity <= minOpacity || width <= minWidth) {
+                    continue;
+                }
+                if (!linkOpts.enable) {
+                    continue;
+                }
+                let opacity = link.opacity, colorLine = link.color;
+                const twinkleRgb = twinkle?.enable && engine.getRandom() < twinkle.frequency
+                    ? engine.rangeColorToRgb(this._pluginManager, twinkle.color)
+                    : undefined;
+                if (twinkle && twinkleRgb) {
+                    colorLine = twinkleRgb;
+                    opacity = engine.getRangeValue(twinkle.opacity);
+                }
+                if (!colorLine) {
+                    const linkColor = linkOpts.id !== undefined
+                        ? 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);
+                if (colorStyle !== currentColorStyle || width !== currentWidth || opacity !== currentAlpha) {
+                    flushLines();
+                    context.strokeStyle = colorStyle;
+                    context.lineWidth = width;
+                    context.globalAlpha = opacity;
+                    currentColorStyle = colorStyle;
+                    currentWidth = width;
+                    currentAlpha = opacity;
+                    context.beginPath();
+                    pathOpen = true;
+                }
+                if (link.isWarped) {
+                    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;
+                    }
+                    if (Math.abs(dy) > canvasSize.height * engine.half) {
+                        sy = dy > minDistance ? -canvasSize.height : canvasSize.height;
+                    }
+                    context.moveTo(pos1.x, pos1.y);
+                    context.lineTo(pos2.x + sx, pos2.y + sy);
+                    context.moveTo(pos1.x - sx, pos1.y - sy);
+                    context.lineTo(pos2.x, pos2.y);
+                }
+                else {
+                    context.moveTo(pos1.x, pos1.y);
+                    context.lineTo(pos2.x, pos2.y);
+                }
+            }
+            flushLines();
+            context.globalAlpha = originalAlpha;
+        }
+        init() {
+            this._freqs.links.clear();
+            this._freqs.triangles.clear();
+            this._colorCache.clear();
+            return Promise.resolve();
+        }
+        particleCreated(particle) {
+            particle.links = [];
+            if (!particle.options.links) {
+                return;
+            }
+            particle.linksDistance = particle.options.links.distance;
+            particle.linksWidth = particle.options.links.width;
+            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) {
+            const p2 = link.destination, triangleOptions = options.links?.triangles;
+            if (!triangleOptions?.enable || !p2.options.links?.triangles.enable) {
+                return;
+            }
+            const p2Links = p2.links;
+            if (!p2Links?.length) {
+                return;
+            }
+            for (const vertex of p2Links) {
+                if (vertex.isWarped ||
+                    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)) {
+                    continue;
+                }
+                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.globalAlpha = opacityTriangle;
+                context.beginPath();
+                context.moveTo(pos1.x, pos1.y);
+                context.lineTo(pos2.x, pos2.y);
+                context.lineTo(pos3.x, pos3.y);
+                context.closePath();
+                context.fill();
+                context.restore();
+            }
+        }
+        _getCachedStyle(rgb) {
+            const key = `${rgb.r},${rgb.g},${rgb.b}`;
+            let style = this._colorCache.get(key);
+            if (!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);
+        }
+        _getTriangleFrequency(p1, p2, p3) {
+            return setLinkFrequency([p1, p2, p3], this._freqs.triangles);
+        }
+    }
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   LinksShadow: () => (/* binding */ LinksShadow)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass LinksShadow {\n    blur;\n    color;\n    enable;\n    constructor(){\n        this.blur = 5;\n        this.color = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor();\n        this.color.value = \"#000\";\n        this.enable = false;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.blur !== undefined) {\n            this.blur = data.blur;\n        }\n        this.color = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.color, data.color);\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-links/./dist/browser/Options/Classes/LinksShadow.js?\n}");
+    var LinkInstance$1 = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        LinkInstance: LinkInstance
+    });
 
-/***/ },
+    exports.Links = Links;
+    exports.LinksShadow = LinksShadow;
+    exports.LinksTriangle = LinksTriangle;
+    exports.loadParticlesLinksInteraction = loadParticlesLinksInteraction;
 
-/***/ "./dist/browser/Options/Classes/LinksTriangle.js"
-/*!*******************************************************!*\
-  !*** ./dist/browser/Options/Classes/LinksTriangle.js ***!
-  \*******************************************************/
-(__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 */   LinksTriangle: () => (/* binding */ LinksTriangle)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass LinksTriangle {\n    color;\n    enable;\n    frequency;\n    opacity;\n    constructor(){\n        this.enable = false;\n        this.frequency = 1;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.color !== undefined) {\n            this.color = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.color, data.color);\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n        if (data.frequency !== undefined) {\n            this.frequency = data.frequency;\n        }\n        if (data.opacity !== undefined) {\n            this.opacity = data.opacity;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-links/./dist/browser/Options/Classes/LinksTriangle.js?\n}");
-
-/***/ },
-
-/***/ "./dist/browser/index.js"
-/*!*******************************!*\
-  !*** ./dist/browser/index.js ***!
-  \*******************************/
-(__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 */   Links: () => (/* reexport safe */ _Options_Classes_Links_js__WEBPACK_IMPORTED_MODULE_0__.Links),\n/* harmony export */   LinksShadow: () => (/* reexport safe */ _Options_Classes_LinksShadow_js__WEBPACK_IMPORTED_MODULE_1__.LinksShadow),\n/* harmony export */   LinksTriangle: () => (/* reexport safe */ _Options_Classes_LinksTriangle_js__WEBPACK_IMPORTED_MODULE_2__.LinksTriangle),\n/* harmony export */   loadParticlesLinksInteraction: () => (/* binding */ loadParticlesLinksInteraction)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Links_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Links.js */ \"./dist/browser/Options/Classes/Links.js\");\n/* harmony import */ var _Options_Classes_LinksShadow_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/LinksShadow.js */ \"./dist/browser/Options/Classes/LinksShadow.js\");\n/* harmony import */ var _Options_Classes_LinksTriangle_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/LinksTriangle.js */ \"./dist/browser/Options/Classes/LinksTriangle.js\");\nasync function loadParticlesLinksInteraction(engine) {\n    engine.checkVersion(\"4.0.0-beta.12\");\n    await engine.pluginManager.register(async (e)=>{\n        const pluginManager = e.pluginManager, [{ ensureInteractivityPluginLoaded }, { LinksPlugin }] = await Promise.all([\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"@tsparticles/plugin-interactivity\", 19)),\n            __webpack_require__.e(/*! import() */ \"dist_browser_LinksPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./LinksPlugin.js */ \"./dist/browser/LinksPlugin.js\"))\n        ]);\n        ensureInteractivityPluginLoaded(e);\n        pluginManager.addPlugin(new LinksPlugin(pluginManager));\n        pluginManager.addInteractor?.(\"particlesLinks\", async (container)=>{\n            const { Linker } = await __webpack_require__.e(/*! import() */ \"dist_browser_Linker_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./Linker.js */ \"./dist/browser/Linker.js\"));\n            return new Linker(pluginManager, container);\n        });\n    });\n}\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-links/./dist/browser/index.js?\n}");
-
-/***/ }
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		if (!(moduleId in __webpack_modules__)) {
-/******/ 			delete __webpack_module_cache__[moduleId];
-/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
-/******/ 			e.code = 'MODULE_NOT_FOUND';
-/******/ 			throw e;
-/******/ 		}
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = __webpack_modules__;
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/create fake namespace object */
-/******/ 	(() => {
-/******/ 		var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__);
-/******/ 		var leafPrototypes;
-/******/ 		// create a fake namespace object
-/******/ 		// mode & 1: value is a module id, require it
-/******/ 		// mode & 2: merge all properties of value into the ns
-/******/ 		// mode & 4: return value when already ns object
-/******/ 		// mode & 16: return value when it's Promise-like
-/******/ 		// mode & 8|1: behave like require
-/******/ 		__webpack_require__.t = function(value, mode) {
-/******/ 			if(mode & 1) value = this(value);
-/******/ 			if(mode & 8) return value;
-/******/ 			if(typeof value === 'object' && value) {
-/******/ 				if((mode & 4) && value.__esModule) return value;
-/******/ 				if((mode & 16) && typeof value.then === 'function') return value;
-/******/ 			}
-/******/ 			var ns = Object.create(null);
-/******/ 			__webpack_require__.r(ns);
-/******/ 			var def = {};
-/******/ 			leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
-/******/ 			for(var current = mode & 2 && value; (typeof current == 'object' || typeof current == 'function') && !~leafPrototypes.indexOf(current); current = getProto(current)) {
-/******/ 				Object.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));
-/******/ 			}
-/******/ 			def['default'] = () => (value);
-/******/ 			__webpack_require__.d(ns, def);
-/******/ 			return ns;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/ensure chunk */
-/******/ 	(() => {
-/******/ 		__webpack_require__.f = {};
-/******/ 		// This file contains only the entry chunk.
-/******/ 		// The chunk loading function for additional chunks
-/******/ 		__webpack_require__.e = (chunkId) => {
-/******/ 			return Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {
-/******/ 				__webpack_require__.f[key](chunkId, promises);
-/******/ 				return promises;
-/******/ 			}, []));
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/get javascript chunk filename */
-/******/ 	(() => {
-/******/ 		// This function allow to reference async chunks
-/******/ 		__webpack_require__.u = (chunkId) => {
-/******/ 			// return url for filenames based on template
-/******/ 			return "" + chunkId + ".js";
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/global */
-/******/ 	(() => {
-/******/ 		__webpack_require__.g = (function() {
-/******/ 			if (typeof globalThis === 'object') return globalThis;
-/******/ 			try {
-/******/ 				return this || new Function('return this')();
-/******/ 			} catch (e) {
-/******/ 				if (typeof window === 'object') return window;
-/******/ 			}
-/******/ 		})();
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/load script */
-/******/ 	(() => {
-/******/ 		var inProgress = {};
-/******/ 		var dataWebpackPrefix = "@tsparticles/interaction-particles-links:";
-/******/ 		// loadScript function to load a script via script tag
-/******/ 		__webpack_require__.l = (url, done, key, chunkId) => {
-/******/ 			if(inProgress[url]) { inProgress[url].push(done); return; }
-/******/ 			var script, needAttach;
-/******/ 			if(key !== undefined) {
-/******/ 				var scripts = document.getElementsByTagName("script");
-/******/ 				for(var i = 0; i < scripts.length; i++) {
-/******/ 					var s = scripts[i];
-/******/ 					if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; }
-/******/ 				}
-/******/ 			}
-/******/ 			if(!script) {
-/******/ 				needAttach = true;
-/******/ 				script = document.createElement('script');
-/******/ 		
-/******/ 				script.charset = 'utf-8';
-/******/ 				if (__webpack_require__.nc) {
-/******/ 					script.setAttribute("nonce", __webpack_require__.nc);
-/******/ 				}
-/******/ 				script.setAttribute("data-webpack", dataWebpackPrefix + key);
-/******/ 		
-/******/ 				script.src = url;
-/******/ 			}
-/******/ 			inProgress[url] = [done];
-/******/ 			var onScriptComplete = (prev, event) => {
-/******/ 				// avoid mem leaks in IE.
-/******/ 				script.onerror = script.onload = null;
-/******/ 				clearTimeout(timeout);
-/******/ 				var doneFns = inProgress[url];
-/******/ 				delete inProgress[url];
-/******/ 				script.parentNode && script.parentNode.removeChild(script);
-/******/ 				doneFns && doneFns.forEach((fn) => (fn(event)));
-/******/ 				if(prev) return prev(event);
-/******/ 			}
-/******/ 			var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);
-/******/ 			script.onerror = onScriptComplete.bind(null, script.onerror);
-/******/ 			script.onload = onScriptComplete.bind(null, script.onload);
-/******/ 			needAttach && document.head.appendChild(script);
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/publicPath */
-/******/ 	(() => {
-/******/ 		var scriptUrl;
-/******/ 		if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + "";
-/******/ 		var document = __webpack_require__.g.document;
-/******/ 		if (!scriptUrl && document) {
-/******/ 			if (document.currentScript && document.currentScript.tagName.toUpperCase() === 'SCRIPT')
-/******/ 				scriptUrl = document.currentScript.src;
-/******/ 			if (!scriptUrl) {
-/******/ 				var scripts = document.getElementsByTagName("script");
-/******/ 				if(scripts.length) {
-/******/ 					var i = scripts.length - 1;
-/******/ 					while (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;
-/******/ 				}
-/******/ 			}
-/******/ 		}
-/******/ 		// When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration
-/******/ 		// or pass an empty string ("") and set the __webpack_public_path__ variable from your code to use your own logic.
-/******/ 		if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser");
-/******/ 		scriptUrl = scriptUrl.replace(/^blob:/, "").replace(/#.*$/, "").replace(/\?.*$/, "").replace(/\/[^\/]+$/, "/");
-/******/ 		__webpack_require__.p = scriptUrl;
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/jsonp chunk loading */
-/******/ 	(() => {
-/******/ 		// no baseURI
-/******/ 		
-/******/ 		// object to store loaded and loading chunks
-/******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
-/******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
-/******/ 		var installedChunks = {
-/******/ 			"tsparticles.interaction.particles.links": 0
-/******/ 		};
-/******/ 		
-/******/ 		__webpack_require__.f.j = (chunkId, promises) => {
-/******/ 				// JSONP chunk loading for javascript
-/******/ 				var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
-/******/ 				if(installedChunkData !== 0) { // 0 means "already installed".
-/******/ 		
-/******/ 					// a Promise means "currently loading".
-/******/ 					if(installedChunkData) {
-/******/ 						promises.push(installedChunkData[2]);
-/******/ 					} else {
-/******/ 						if(true) { // all chunks have JS
-/******/ 							// setup Promise in chunk cache
-/******/ 							var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
-/******/ 							promises.push(installedChunkData[2] = promise);
-/******/ 		
-/******/ 							// start chunk loading
-/******/ 							var url = __webpack_require__.p + __webpack_require__.u(chunkId);
-/******/ 							// create error before stack unwound to get useful stacktrace later
-/******/ 							var error = new Error();
-/******/ 							var loadingEnded = (event) => {
-/******/ 								if(__webpack_require__.o(installedChunks, chunkId)) {
-/******/ 									installedChunkData = installedChunks[chunkId];
-/******/ 									if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
-/******/ 									if(installedChunkData) {
-/******/ 										var errorType = event && (event.type === 'load' ? 'missing' : event.type);
-/******/ 										var realSrc = event && event.target && event.target.src;
-/******/ 										error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
-/******/ 										error.name = 'ChunkLoadError';
-/******/ 										error.type = errorType;
-/******/ 										error.request = realSrc;
-/******/ 										installedChunkData[1](error);
-/******/ 									}
-/******/ 								}
-/******/ 							};
-/******/ 							__webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
-/******/ 						}
-/******/ 					}
-/******/ 				}
-/******/ 		};
-/******/ 		
-/******/ 		// no prefetching
-/******/ 		
-/******/ 		// no preloaded
-/******/ 		
-/******/ 		// no HMR
-/******/ 		
-/******/ 		// no HMR manifest
-/******/ 		
-/******/ 		// no on chunks loaded
-/******/ 		
-/******/ 		// install a JSONP callback for chunk loading
-/******/ 		var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
-/******/ 			var [chunkIds, moreModules, runtime] = data;
-/******/ 			// add "moreModules" to the modules object,
-/******/ 			// then flag all "chunkIds" as loaded and fire callback
-/******/ 			var moduleId, chunkId, i = 0;
-/******/ 			if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
-/******/ 				for(moduleId in moreModules) {
-/******/ 					if(__webpack_require__.o(moreModules, moduleId)) {
-/******/ 						__webpack_require__.m[moduleId] = moreModules[moduleId];
-/******/ 					}
-/******/ 				}
-/******/ 				if(runtime) var result = runtime(__webpack_require__);
-/******/ 			}
-/******/ 			if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
-/******/ 			for(;i < chunkIds.length; i++) {
-/******/ 				chunkId = chunkIds[i];
-/******/ 				if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
-/******/ 					installedChunks[chunkId][0]();
-/******/ 				}
-/******/ 				installedChunks[chunkId] = 0;
-/******/ 			}
-/******/ 		
-/******/ 		}
-/******/ 		
-/******/ 		var chunkLoadingGlobal = this["webpackChunk_tsparticles_interaction_particles_links"] = this["webpackChunk_tsparticles_interaction_particles_links"] || [];
-/******/ 		chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
-/******/ 		chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-/******/ 	
-/******/ 	// startup
-/******/ 	// Load entry module and return exports
-/******/ 	// This entry module can't be inlined because the eval devtool is used.
-/******/ 	var __webpack_exports__ = __webpack_require__("./dist/browser/index.js");
-/******/ 	
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
+}));
+Object.assign(globalThis.window || globalThis, { loadParticlesLinksInteraction: (globalThis.__tsParticlesInternals.interactions.particlesLinks || {}).loadParticlesLinksInteraction });
+delete (globalThis.window || globalThis).tsparticlesInternalExports;