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

package/tsparticles.interaction.particles.links.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
  */
 /*
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -16,28 +16,18 @@
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("@tsparticles/engine"), require("@tsparticles/plugin-interactivity"), require("@tsparticles/canvas-utils"));
+		module.exports = factory(require("@tsparticles/engine"), require("@tsparticles/plugin-interactivity"));
 	else if(typeof define === 'function' && define.amd)
-		define(["@tsparticles/engine", "@tsparticles/plugin-interactivity", "@tsparticles/canvas-utils"], factory);
+		define(["@tsparticles/engine", "@tsparticles/plugin-interactivity"], factory);
 	else {
-		var a = typeof exports === 'object' ? factory(require("@tsparticles/engine"), require("@tsparticles/plugin-interactivity"), require("@tsparticles/canvas-utils")) : factory(root["window"], root["window"], root["window"]);
+		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__, __WEBPACK_EXTERNAL_MODULE__tsparticles_canvas_utils__) => {
+})(this, (__WEBPACK_EXTERNAL_MODULE__tsparticles_engine__, __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_interactivity__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ "@tsparticles/canvas-utils"
-/*!***************************************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/canvas-utils","commonjs2":"@tsparticles/canvas-utils","amd":"@tsparticles/canvas-utils","root":"window"} ***!
-  \***************************************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_canvas_utils__;
-
-/***/ },
-
 /***/ "@tsparticles/engine"
 /*!*********************************************************************************************************************************!*\
   !*** external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"} ***!
@@ -94,7 +84,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 */   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-alpha.21\");\n    await engine.register(async (e)=>{\n        const [{ 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        e.addPlugin(new LinksPlugin(e));\n        e.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(container, engine);\n        });\n    });\n}\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-links/./dist/browser/index.js?\n}");
+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-alpha.23\");\n    await engine.register(async (e)=>{\n        const [{ 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        e.addPlugin(new LinksPlugin(e));\n        e.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(container, e);\n        });\n    });\n}\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-links/./dist/browser/index.js?\n}");
 
 /***/ }
 

package/tsparticles.interaction.particles.links.min.js

@@ -1,2 +1,2 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"),require("@tsparticles/plugin-interactivity"),require("@tsparticles/canvas-utils"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine","@tsparticles/plugin-interactivity","@tsparticles/canvas-utils"],t);else{var i="object"==typeof exports?t(require("@tsparticles/engine"),require("@tsparticles/plugin-interactivity"),require("@tsparticles/canvas-utils")):t(e.window,e.window,e.window);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(this,(e,t,i)=>(()=>{"use strict";var r,o,n,s={425(e){e.exports=i},303(t){t.exports=e},702(e){e.exports=t},153(e,t,i){i.d(t,{q:()=>s});var r=i(303),o=i(889),n=i(337);class s{blink;color;consent;distance;enable;frequency;id;opacity;shadow;triangles;warp;width;constructor(){this.blink=!1,this.color=new r.OptionsColor,this.color.value="#fff",this.consent=!1,this.distance=100,this.enable=!1,this.frequency=1,this.opacity=1,this.shadow=new o.s,this.triangles=new n.G,this.width=1,this.warp=!1}load(e){(0,r.isNull)(e)||(void 0!==e.id&&(this.id=e.id),void 0!==e.blink&&(this.blink=e.blink),this.color=r.OptionsColor.create(this.color,e.color),void 0!==e.consent&&(this.consent=e.consent),void 0!==e.distance&&(this.distance=e.distance),void 0!==e.enable&&(this.enable=e.enable),void 0!==e.frequency&&(this.frequency=e.frequency),void 0!==e.opacity&&(this.opacity=e.opacity),this.shadow.load(e.shadow),this.triangles.load(e.triangles),void 0!==e.width&&(this.width=e.width),void 0!==e.warp&&(this.warp=e.warp))}}},889(e,t,i){i.d(t,{s:()=>o});var r=i(303);class o{blur;color;enable;constructor(){this.blur=5,this.color=new r.OptionsColor,this.color.value="#000",this.enable=!1}load(e){(0,r.isNull)(e)||(void 0!==e.blur&&(this.blur=e.blur),this.color=r.OptionsColor.create(this.color,e.color),void 0!==e.enable&&(this.enable=e.enable))}}},337(e,t,i){i.d(t,{G:()=>o});var r=i(303);class o{color;enable;frequency;opacity;constructor(){this.enable=!1,this.frequency=1}load(e){(0,r.isNull)(e)||(void 0!==e.color&&(this.color=r.OptionsColor.create(this.color,e.color)),void 0!==e.enable&&(this.enable=e.enable),void 0!==e.frequency&&(this.frequency=e.frequency),void 0!==e.opacity&&(this.opacity=e.opacity))}}}},a={};function l(e){var t=a[e];if(void 0!==t)return t.exports;var i=a[e]={exports:{}};return s[e](i,i.exports,l),i.exports}l.m=s,p=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,l.t=function(e,t){if(1&t&&(e=this(e)),8&t||"object"==typeof e&&e&&(4&t&&e.__esModule||16&t&&"function"==typeof e.then))return e;var i=Object.create(null);l.r(i);var r={};c=c||[null,p({}),p([]),p(p)];for(var o=2&t&&e;("object"==typeof o||"function"==typeof o)&&!~c.indexOf(o);o=p(o))Object.getOwnPropertyNames(o).forEach(t=>r[t]=()=>e[t]);return r.default=()=>e,l.d(i,r),i},l.d=(e,t)=>{for(var i in t)l.o(t,i)&&!l.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},l.f={},l.e=e=>Promise.all(Object.keys(l.f).reduce((t,i)=>(l.f[i](e,t),t),[])),l.u=e=>""+e+".min.js",l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u={},l.l=(e,t,i,r)=>{if(u[e])return void u[e].push(t);if(void 0!==i)for(var o,n,s=document.getElementsByTagName("script"),a=0;a<s.length;a++){var c=s[a];if(c.getAttribute("src")==e||c.getAttribute("data-webpack")=="@tsparticles/interaction-particles-links:"+i){o=c;break}}o||(n=!0,(o=document.createElement("script")).charset="utf-8",l.nc&&o.setAttribute("nonce",l.nc),o.setAttribute("data-webpack","@tsparticles/interaction-particles-links:"+i),o.src=e),u[e]=[t];var p=(t,i)=>{o.onerror=o.onload=null,clearTimeout(d);var r=u[e];if(delete u[e],o.parentNode&&o.parentNode.removeChild(o),r&&r.forEach(e=>e(i)),t)return t(i)},d=setTimeout(p.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=p.bind(null,o.onerror),o.onload=p.bind(null,o.onload),n&&document.head.appendChild(o)},l.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.g.importScripts&&(d=l.g.location+"");var c,p,u,d,h=l.g.document;if(!d&&h&&(h.currentScript&&"SCRIPT"===h.currentScript.tagName.toUpperCase()&&(d=h.currentScript.src),!d)){var f=h.getElementsByTagName("script");if(f.length)for(var b=f.length-1;b>-1&&(!d||!/^http(s?):/.test(d));)d=f[b--].src}if(!d)throw Error("Automatic publicPath is not supported in this browser");l.p=d=d.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),r={203:0},l.f.j=(e,t)=>{var i=l.o(r,e)?r[e]:void 0;if(0!==i)if(i)t.push(i[2]);else{var o=new Promise((t,o)=>i=r[e]=[t,o]);t.push(i[2]=o);var n=l.p+l.u(e),s=Error();l.l(n,t=>{if(l.o(r,e)&&(0!==(i=r[e])&&(r[e]=void 0),i)){var o=t&&("load"===t.type?"missing":t.type),n=t&&t.target&&t.target.src;s.message="Loading chunk "+e+` failed.
-(`+o+": "+n+")",s.name="ChunkLoadError",s.type=o,s.request=n,i[1](s)}},"chunk-"+e,e)}},o=(e,t)=>{var i,o,[n,s,a]=t,c=0;if(n.some(e=>0!==r[e])){for(i in s)l.o(s,i)&&(l.m[i]=s[i]);a&&a(l)}for(e&&e(t);c<n.length;c++)o=n[c],l.o(r,o)&&r[o]&&r[o][0](),r[o]=0},(n=this.webpackChunk_tsparticles_interaction_particles_links=this.webpackChunk_tsparticles_interaction_particles_links||[]).forEach(o.bind(null,0)),n.push=o.bind(null,n.push.bind(n));var v={};l.r(v),l.d(v,{Links:()=>y.q,LinksShadow:()=>g.s,LinksTriangle:()=>w.G,loadParticlesLinksInteraction:()=>m});var y=l(153),g=l(889),w=l(337);async function m(e){e.checkVersion("4.0.0-alpha.21"),await e.register(async t=>{let[{ensureInteractivityPluginLoaded:i},{LinksPlugin:r}]=await Promise.all([Promise.resolve().then(l.t.bind(l,702,19)),l.e(272).then(l.bind(l,272))]);i(t),t.addPlugin(new r(t)),t.addInteractor?.("particlesLinks",async t=>{let{Linker:i}=await l.e(973).then(l.bind(l,973));return new i(t,e)})})}return v})());
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"),require("@tsparticles/plugin-interactivity"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine","@tsparticles/plugin-interactivity"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine"),require("@tsparticles/plugin-interactivity")):t(e.window,e.window);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(this,(e,t)=>(()=>{"use strict";var r,i,o,n={303(t){t.exports=e},702(e){e.exports=t},153(e,t,r){r.d(t,{q:()=>s});var i=r(303),o=r(889),n=r(337);class s{blink;color;consent;distance;enable;frequency;id;opacity;shadow;triangles;warp;width;constructor(){this.blink=!1,this.color=new i.OptionsColor,this.color.value="#fff",this.consent=!1,this.distance=100,this.enable=!1,this.frequency=1,this.opacity=1,this.shadow=new o.s,this.triangles=new n.G,this.width=1,this.warp=!1}load(e){(0,i.isNull)(e)||(void 0!==e.id&&(this.id=e.id),void 0!==e.blink&&(this.blink=e.blink),this.color=i.OptionsColor.create(this.color,e.color),void 0!==e.consent&&(this.consent=e.consent),void 0!==e.distance&&(this.distance=e.distance),void 0!==e.enable&&(this.enable=e.enable),void 0!==e.frequency&&(this.frequency=e.frequency),void 0!==e.opacity&&(this.opacity=e.opacity),this.shadow.load(e.shadow),this.triangles.load(e.triangles),void 0!==e.width&&(this.width=e.width),void 0!==e.warp&&(this.warp=e.warp))}}},889(e,t,r){r.d(t,{s:()=>o});var i=r(303);class o{blur;color;enable;constructor(){this.blur=5,this.color=new i.OptionsColor,this.color.value="#000",this.enable=!1}load(e){(0,i.isNull)(e)||(void 0!==e.blur&&(this.blur=e.blur),this.color=i.OptionsColor.create(this.color,e.color),void 0!==e.enable&&(this.enable=e.enable))}}},337(e,t,r){r.d(t,{G:()=>o});var i=r(303);class o{color;enable;frequency;opacity;constructor(){this.enable=!1,this.frequency=1}load(e){(0,i.isNull)(e)||(void 0!==e.color&&(this.color=i.OptionsColor.create(this.color,e.color)),void 0!==e.enable&&(this.enable=e.enable),void 0!==e.frequency&&(this.frequency=e.frequency),void 0!==e.opacity&&(this.opacity=e.opacity))}}}},s={};function a(e){var t=s[e];if(void 0!==t)return t.exports;var r=s[e]={exports:{}};return n[e](r,r.exports,a),r.exports}a.m=n,c=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,a.t=function(e,t){if(1&t&&(e=this(e)),8&t||"object"==typeof e&&e&&(4&t&&e.__esModule||16&t&&"function"==typeof e.then))return e;var r=Object.create(null);a.r(r);var i={};l=l||[null,c({}),c([]),c(c)];for(var o=2&t&&e;("object"==typeof o||"function"==typeof o)&&!~l.indexOf(o);o=c(o))Object.getOwnPropertyNames(o).forEach(t=>i[t]=()=>e[t]);return i.default=()=>e,a.d(r,i),r},a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce((t,r)=>(a.f[r](e,t),t),[])),a.u=e=>""+e+".min.js",a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),p={},a.l=(e,t,r,i)=>{if(p[e])return void p[e].push(t);if(void 0!==r)for(var o,n,s=document.getElementsByTagName("script"),l=0;l<s.length;l++){var c=s[l];if(c.getAttribute("src")==e||c.getAttribute("data-webpack")=="@tsparticles/interaction-particles-links:"+r){o=c;break}}o||(n=!0,(o=document.createElement("script")).charset="utf-8",a.nc&&o.setAttribute("nonce",a.nc),o.setAttribute("data-webpack","@tsparticles/interaction-particles-links:"+r),o.src=e),p[e]=[t];var d=(t,r)=>{o.onerror=o.onload=null,clearTimeout(u);var i=p[e];if(delete p[e],o.parentNode&&o.parentNode.removeChild(o),i&&i.forEach(e=>e(r)),t)return t(r)},u=setTimeout(d.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=d.bind(null,o.onerror),o.onload=d.bind(null,o.onload),n&&document.head.appendChild(o)},a.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.g.importScripts&&(d=a.g.location+"");var l,c,p,d,u=a.g.document;if(!d&&u&&(u.currentScript&&"SCRIPT"===u.currentScript.tagName.toUpperCase()&&(d=u.currentScript.src),!d)){var h=u.getElementsByTagName("script");if(h.length)for(var f=h.length-1;f>-1&&(!d||!/^http(s?):/.test(d));)d=h[f--].src}if(!d)throw Error("Automatic publicPath is not supported in this browser");a.p=d=d.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),r={203:0},a.f.j=(e,t)=>{var i=a.o(r,e)?r[e]:void 0;if(0!==i)if(i)t.push(i[2]);else{var o=new Promise((t,o)=>i=r[e]=[t,o]);t.push(i[2]=o);var n=a.p+a.u(e),s=Error();a.l(n,t=>{if(a.o(r,e)&&(0!==(i=r[e])&&(r[e]=void 0),i)){var o=t&&("load"===t.type?"missing":t.type),n=t&&t.target&&t.target.src;s.message="Loading chunk "+e+` failed.
+(`+o+": "+n+")",s.name="ChunkLoadError",s.type=o,s.request=n,i[1](s)}},"chunk-"+e,e)}},i=(e,t)=>{var i,o,[n,s,l]=t,c=0;if(n.some(e=>0!==r[e])){for(i in s)a.o(s,i)&&(a.m[i]=s[i]);l&&l(a)}for(e&&e(t);c<n.length;c++)o=n[c],a.o(r,o)&&r[o]&&r[o][0](),r[o]=0},(o=this.webpackChunk_tsparticles_interaction_particles_links=this.webpackChunk_tsparticles_interaction_particles_links||[]).forEach(i.bind(null,0)),o.push=i.bind(null,o.push.bind(o));var b={};a.r(b),a.d(b,{Links:()=>v.q,LinksShadow:()=>y.s,LinksTriangle:()=>g.G,loadParticlesLinksInteraction:()=>w});var v=a(153),y=a(889),g=a(337);async function w(e){e.checkVersion("4.0.0-alpha.23"),await e.register(async e=>{let[{ensureInteractivityPluginLoaded:t},{LinksPlugin:r}]=await Promise.all([Promise.resolve().then(a.t.bind(a,702,19)),a.e(272).then(a.bind(a,272))]);t(e),e.addPlugin(new r(e)),e.addInteractor?.("particlesLinks",async t=>{let{Linker:r}=await a.e(973).then(a.bind(a,973));return new r(t,e)})})}return b})());

package/types/CircleWarp.d.ts

@@ -1,7 +1,7 @@
-import { type BaseRange, Circle, type ICoordinates, type IDimension } from "@tsparticles/engine";
+import { Circle, type ICoordinates, type IDimension, Rectangle } from "@tsparticles/engine";
 export declare class CircleWarp extends Circle {
     private readonly canvasSize;
     constructor(x: number, y: number, radius: number, canvasSize: IDimension);
     contains(point: ICoordinates): boolean;
-    intersects(range: BaseRange): boolean;
+    intersects(range: Rectangle | Circle): boolean;
 }

package/types/Interfaces.d.ts

@@ -1,7 +1,9 @@
-import type { IRangeColor, RangeValue } from "@tsparticles/engine";
+import type { IRangeColor, IRgb, RangeValue } from "@tsparticles/engine";
 import type { LinkParticle } from "./Types.js";
 export interface ILink {
+    color?: IRgb;
     destination: LinkParticle;
+    isWarped?: boolean;
     opacity: number;
 }
 export interface ILinkTriangle {

package/types/LinkInstance.d.ts

@@ -1,17 +1,20 @@
 import { type Engine, type IContainerPlugin } from "@tsparticles/engine";
 import type { LinkContainer, LinkParticle } from "./Types.js";
 export declare class LinkInstance implements IContainerPlugin {
+    private readonly _colorCache;
     private readonly _container;
     private readonly _engine;
     private readonly _freqs;
+    private readonly _lineBatches;
+    private readonly _triangleBatches;
     constructor(container: LinkContainer, engine: Engine);
+    draw(context: CanvasRenderingContext2D): void;
     drawParticle(_context: CanvasRenderingContext2D, particle: LinkParticle): void;
     init(): Promise<void>;
     particleCreated(particle: LinkParticle): void;
     particleDestroyed(particle: LinkParticle): void;
-    private readonly _drawLinkLine;
-    private readonly _drawLinkTriangle;
-    private readonly _drawTriangles;
-    private readonly _getLinkFrequency;
-    private readonly _getTriangleFrequency;
+    private _collectTriangles;
+    private _getCachedStyle;
+    private _getLinkFrequency;
+    private _getTriangleFrequency;
 }

package/types/Linker.d.ts

@@ -10,5 +10,6 @@ export declare class Linker extends ParticlesInteractorBase<LinkContainer, LinkP
     isEnabled(particle: LinkParticle): boolean;
     loadParticlesOptions(options: ParticlesLinkOptions, ...sources: (RecursivePartial<IParticlesLinkOptions> | undefined)[]): void;
     reset(): void;
-    private readonly _setColor;
+    private _getLinkColor;
+    private _setColor;
 }

package/types/Types.d.ts

@@ -1,7 +1,7 @@
-import type { ICoordinates, IDimension, IRgb } from "@tsparticles/engine";
-import type { IInteractivityParticlesOptions, InteractivityContainer, InteractivityEngine, InteractivityParticle, InteractivityParticlesOptions } from "@tsparticles/plugin-interactivity";
+import type { IInteractivityParticlesOptions, InteractivityContainer, InteractivityParticle, InteractivityParticlesOptions } from "@tsparticles/plugin-interactivity";
 import type { ILink } from "./Interfaces.js";
 import type { ILinks } from "./Options/Interfaces/ILinks.js";
+import type { IRgb } from "@tsparticles/engine";
 import type { Links } from "./Options/Classes/Links.js";
 export type LinkContainer = InteractivityContainer & {
     particles: {
@@ -17,27 +17,16 @@ export type LinkParticle = InteractivityParticle & {
         linksWidth?: number;
     };
 };
-export interface LinkLineDrawParams {
-    begin: ICoordinates;
-    canvasSize: IDimension;
-    colorLine: IRgb;
-    context: CanvasRenderingContext2D;
-    end: ICoordinates;
-    engine: InteractivityEngine;
-    hdr: boolean;
-    links: Links;
-    maxDistance: number;
+export interface LinkBatch {
+    colorStyle: string;
+    coords: number[];
     opacity: number;
     width: number;
 }
-export interface LinkTriangleDrawParams {
-    colorTriangle: IRgb;
-    context: CanvasRenderingContext2D;
-    hdr: boolean;
-    opacityTriangle: number;
-    pos1: ICoordinates;
-    pos2: ICoordinates;
-    pos3: ICoordinates;
+export interface TriangleBatch {
+    colorStyle: string;
+    coords: number[];
+    opacity: number;
 }
 export type IParticlesLinkOptions = IInteractivityParticlesOptions & {
     links?: ILinks;

package/types/Utils.d.ts

@@ -1,7 +1,3 @@
-import { type ICoordinates } from "@tsparticles/engine";
-import type { LinkLineDrawParams, LinkParticle, LinkTriangleDrawParams } from "./Types.js";
-export declare function drawTriangle(context: CanvasRenderingContext2D, p1: ICoordinates, p2: ICoordinates, p3: ICoordinates): void;
-export declare function drawLinkLine(params: LinkLineDrawParams): void;
-export declare function drawLinkTriangle(params: LinkTriangleDrawParams): void;
+import type { LinkParticle } from "./Types.js";
 export declare function getLinkKey(ids: number[]): string;
 export declare function setLinkFrequency(particles: LinkParticle[], dictionary: Map<string, number>): number;

package/umd/CircleWarp.js

@@ -16,30 +16,45 @@
         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 engine_1.Circle(newPos.x, newPos.y, circle.radius * engine_1.double);
-                return super.intersects(biggerCircle);
-            }
-            else if (Object.hasOwn(rect, "size")) {
-                const rectSW = new engine_1.Rectangle(newPos.x, newPos.y, rect.size.width * engine_1.double, rect.size.height * engine_1.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 engine_1.Circle) {
+                    shiftedRange = new engine_1.Circle(shiftedPos.x, shiftedPos.y, range.radius);
+                }
+                else {
+                    const rect = range;
+                    shiftedRange = new engine_1.Rectangle(shiftedPos.x, shiftedPos.y, rect.size.width, rect.size.height);
+                }
+                if (super.intersects(shiftedRange))
+                    return true;
             }
             return false;
         }

package/umd/LinkInstance.js

@@ -12,37 +12,111 @@
     exports.LinkInstance = void 0;
     const engine_1 = require("@tsparticles/engine");
     const Utils_js_1 = require("./Utils.js");
-    const minOpacity = 0, minWidth = 0, minDistance = 0, maxFrequency = 1;
+    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;
     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] ?? engine_1.originPoint.x, y1 = batch.coords[i + y1Offset] ?? engine_1.originPoint.y, x2 = batch.coords[i + x2Offset] ?? engine_1.originPoint.x, y2 = batch.coords[i + y2Offset] ?? engine_1.originPoint.y, x3 = batch.coords[i + x3Offset] ?? engine_1.originPoint.x, y3 = batch.coords[i + y3Offset] ?? engine_1.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] ?? engine_1.originPoint.x, y1 = batch.coords[i + y1Offset] ?? engine_1.originPoint.y, x2 = batch.coords[i + x2Offset] ?? engine_1.originPoint.x, y2 = batch.coords[i + y2Offset] ?? engine_1.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 && (0, engine_1.getRandom)() < twinkle.frequency) {
+                        const twinkleRgb = (0, engine_1.rangeColorToRgb)(this._engine, twinkle.color);
+                        if (twinkleRgb) {
+                            colorLine = twinkleRgb;
+                            opacity = (0, engine_1.getRangeValue)(twinkle.opacity);
+                        }
+                    }
+                    if (!colorLine) {
+                        const linkColor = options.links.id !== undefined
+                            ? this._container.particles.linksColors.get(options.links.id)
+                            : this._container.particles.linksColor;
+                        colorLine = (0, engine_1.getLinkColor)(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 = engine_1.originPoint.x, sy = engine_1.originPoint.y;
+                            if (Math.abs(dx) > canvasSize.width * engine_1.half) {
+                                sx = dx > minDistance ? -canvasSize.width : canvasSize.width;
+                            }
+                            if (Math.abs(dy) > canvasSize.height * engine_1.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) {
@@ -50,124 +124,61 @@
             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 = (0, engine_1.rangeColorToRgb)(this._engine, twinkle.color), twinkling = (0, engine_1.getRandom)() < twinkleFreq;
-                    if (twinkling && twinkleRgb) {
-                        colorLine = twinkleRgb;
-                        opacity = (0, engine_1.getRangeValue)(twinkle.opacity);
-                    }
-                }
-                if (!colorLine) {
-                    const linkColor = p1LinksOptions.id !== undefined
-                        ? container.particles.linksColors.get(p1LinksOptions.id)
-                        : container.particles.linksColor;
-                    colorLine = (0, engine_1.getLinkColor)(p1, p2, linkColor);
-                }
-                if (!colorLine) {
-                    return;
-                }
-                const width = p1.retina.linksWidth ?? minWidth, maxDistance = p1.retina.linksDistance ?? minDistance;
-                (0, Utils_js_1.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) * engine_1.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 ((0, engine_1.getDistance)(pos1, pos2) > linksDistance ||
-                    (0, engine_1.getDistance)(pos3, pos2) > linksDistance ||
-                    (0, engine_1.getDistance)(pos3, pos1) > linksDistance) {
-                    return;
-                }
-                let colorTriangle = (0, engine_1.rangeColorToRgb)(this._engine, triangleOptions.color);
-                if (!colorTriangle) {
-                    const linkColor = linksOptions.id !== undefined
-                        ? container.particles.linksColors.get(linksOptions.id)
-                        : container.particles.linksColor;
-                    colorTriangle = (0, engine_1.getLinkColor)(p1, p2, linkColor);
-                }
-                if (!colorTriangle) {
-                    return;
-                }
-                (0, Utils_js_1.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) * engine_1.half * opacitySteps) / opacitySteps, colorTriangle = (0, engine_1.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 = (0, engine_1.getStyleFromRgb)(rgb, this._container.hdr);
+                this._colorCache.set(key, style);
+            }
+            return style;
+        }
+        _getLinkFrequency(p1, p2) {
             return (0, Utils_js_1.setLinkFrequency)([p1, p2], this._freqs.links);
-        };
-        _getTriangleFrequency = (p1, p2, p3) => {
+        }
+        _getTriangleFrequency(p1, p2, p3) {
             return (0, Utils_js_1.setLinkFrequency)([p1, p2, p3], this._freqs.triangles);
-        };
+        }
     }
     exports.LinkInstance = LinkInstance;
 });