@tsparticles/interaction-external-connect 4.1.3 → 4.2.0

package/browser/Connector.js

@@ -1,5 +1,5 @@
 import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
-import { isInArray } from "@tsparticles/engine";
+import { isInArray, loadOptionProperty } from "@tsparticles/engine";
 import { Connect } from "./Options/Classes/Connect.js";
 import { drawConnection } from "./Utils.js";
 const connectMode = "connect", minDistance = 0;
@@ -54,10 +54,7 @@ export class Connector extends ExternalInteractorBase {
         return isInArray(connectMode, events.onHover.mode);
     }
     loadModeOptions(options, ...sources) {
-        options.connect ??= new Connect();
-        for (const source of sources) {
-            options.connect.load(source?.connect);
-        }
+        loadOptionProperty(options, "connect", Connect, ...sources);
     }
     reset() {
     }

package/browser/Options/Classes/Connect.js

@@ -1,24 +1,15 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 import { ConnectLinks } from "./ConnectLinks.js";
 export class Connect {
-    distance;
-    links;
-    radius;
-    constructor() {
-        this.distance = 80;
-        this.links = new ConnectLinks();
-        this.radius = 60;
-    }
+    distance = 80;
+    links = new ConnectLinks();
+    radius = 60;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.distance !== undefined) {
-            this.distance = data.distance;
-        }
+        loadProperty(this, "distance", data.distance);
         this.links.load(data.links);
-        if (data.radius !== undefined) {
-            this.radius = data.radius;
-        }
+        loadProperty(this, "radius", data.radius);
     }
 }

package/browser/Options/Classes/ConnectLinks.js

@@ -1,15 +1,10 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadRangeProperty } from "@tsparticles/engine";
 export class ConnectLinks {
-    opacity;
-    constructor() {
-        this.opacity = 0.5;
-    }
+    opacity = 0.5;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.opacity !== undefined) {
-            this.opacity = data.opacity;
-        }
+        loadRangeProperty(this, "opacity", data.opacity);
     }
 }

package/browser/index.js

@@ -1,7 +1,7 @@
 import { ensureInteractivityPluginLoaded } from "@tsparticles/plugin-interactivity";
 import { Connector } from "./Connector.js";
 export async function loadExternalConnectInteraction(engine) {
-    engine.checkVersion("4.1.3");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register((e) => {
         ensureInteractivityPluginLoaded(e);
         e.pluginManager.addInteractor?.("externalConnect", container => {

package/browser/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadExternalConnectInteraction(engine) {
-    engine.checkVersion("4.1.3");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(async (e) => {
         const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity/lazy");
         ensureInteractivityPluginLoaded(e);

package/cjs/Connector.js

@@ -1,5 +1,5 @@
 import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
-import { isInArray } from "@tsparticles/engine";
+import { isInArray, loadOptionProperty } from "@tsparticles/engine";
 import { Connect } from "./Options/Classes/Connect.js";
 import { drawConnection } from "./Utils.js";
 const connectMode = "connect", minDistance = 0;
@@ -54,10 +54,7 @@ export class Connector extends ExternalInteractorBase {
         return isInArray(connectMode, events.onHover.mode);
     }
     loadModeOptions(options, ...sources) {
-        options.connect ??= new Connect();
-        for (const source of sources) {
-            options.connect.load(source?.connect);
-        }
+        loadOptionProperty(options, "connect", Connect, ...sources);
     }
     reset() {
     }

package/cjs/Options/Classes/Connect.js

@@ -1,24 +1,15 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 import { ConnectLinks } from "./ConnectLinks.js";
 export class Connect {
-    distance;
-    links;
-    radius;
-    constructor() {
-        this.distance = 80;
-        this.links = new ConnectLinks();
-        this.radius = 60;
-    }
+    distance = 80;
+    links = new ConnectLinks();
+    radius = 60;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.distance !== undefined) {
-            this.distance = data.distance;
-        }
+        loadProperty(this, "distance", data.distance);
         this.links.load(data.links);
-        if (data.radius !== undefined) {
-            this.radius = data.radius;
-        }
+        loadProperty(this, "radius", data.radius);
     }
 }

package/cjs/Options/Classes/ConnectLinks.js

@@ -1,15 +1,10 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadRangeProperty } from "@tsparticles/engine";
 export class ConnectLinks {
-    opacity;
-    constructor() {
-        this.opacity = 0.5;
-    }
+    opacity = 0.5;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.opacity !== undefined) {
-            this.opacity = data.opacity;
-        }
+        loadRangeProperty(this, "opacity", data.opacity);
     }
 }

package/cjs/index.js

@@ -1,7 +1,7 @@
 import { ensureInteractivityPluginLoaded } from "@tsparticles/plugin-interactivity";
 import { Connector } from "./Connector.js";
 export async function loadExternalConnectInteraction(engine) {
-    engine.checkVersion("4.1.3");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register((e) => {
         ensureInteractivityPluginLoaded(e);
         e.pluginManager.addInteractor?.("externalConnect", container => {

package/cjs/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadExternalConnectInteraction(engine) {
-    engine.checkVersion("4.1.3");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(async (e) => {
         const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity/lazy");
         ensureInteractivityPluginLoaded(e);

package/esm/Connector.js

@@ -1,5 +1,5 @@
 import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
-import { isInArray } from "@tsparticles/engine";
+import { isInArray, loadOptionProperty } from "@tsparticles/engine";
 import { Connect } from "./Options/Classes/Connect.js";
 import { drawConnection } from "./Utils.js";
 const connectMode = "connect", minDistance = 0;
@@ -54,10 +54,7 @@ export class Connector extends ExternalInteractorBase {
         return isInArray(connectMode, events.onHover.mode);
     }
     loadModeOptions(options, ...sources) {
-        options.connect ??= new Connect();
-        for (const source of sources) {
-            options.connect.load(source?.connect);
-        }
+        loadOptionProperty(options, "connect", Connect, ...sources);
     }
     reset() {
     }

package/esm/Options/Classes/Connect.js

@@ -1,24 +1,15 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 import { ConnectLinks } from "./ConnectLinks.js";
 export class Connect {
-    distance;
-    links;
-    radius;
-    constructor() {
-        this.distance = 80;
-        this.links = new ConnectLinks();
-        this.radius = 60;
-    }
+    distance = 80;
+    links = new ConnectLinks();
+    radius = 60;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.distance !== undefined) {
-            this.distance = data.distance;
-        }
+        loadProperty(this, "distance", data.distance);
         this.links.load(data.links);
-        if (data.radius !== undefined) {
-            this.radius = data.radius;
-        }
+        loadProperty(this, "radius", data.radius);
     }
 }

package/esm/Options/Classes/ConnectLinks.js

@@ -1,15 +1,10 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadRangeProperty } from "@tsparticles/engine";
 export class ConnectLinks {
-    opacity;
-    constructor() {
-        this.opacity = 0.5;
-    }
+    opacity = 0.5;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.opacity !== undefined) {
-            this.opacity = data.opacity;
-        }
+        loadRangeProperty(this, "opacity", data.opacity);
     }
 }

package/esm/index.js

@@ -1,7 +1,7 @@
 import { ensureInteractivityPluginLoaded } from "@tsparticles/plugin-interactivity";
 import { Connector } from "./Connector.js";
 export async function loadExternalConnectInteraction(engine) {
-    engine.checkVersion("4.1.3");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register((e) => {
         ensureInteractivityPluginLoaded(e);
         e.pluginManager.addInteractor?.("externalConnect", container => {

package/esm/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadExternalConnectInteraction(engine) {
-    engine.checkVersion("4.1.3");
+    engine.checkVersion("4.2.0");
     await engine.pluginManager.register(async (e) => {
         const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity/lazy");
         ensureInteractivityPluginLoaded(e);

package/package.json

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

package/report.html

@@ -4930,7 +4930,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.interaction.external.connect.js","children":[{"name":"dist/browser","children":[{"name":"Options/Classes","children":[{"uid":"4b677f55-1","name":"ConnectLinks.js"},{"uid":"4b677f55-3","name":"Connect.js"}]},{"uid":"4b677f55-5","name":"Utils.js"},{"uid":"4b677f55-7","name":"Connector.js"},{"uid":"4b677f55-9","name":"index.js"},{"uid":"4b677f55-11","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"4b677f55-1":{"renderedLength":326,"gzipLength":0,"brotliLength":0,"metaUid":"4b677f55-0"},"4b677f55-3":{"renderedLength":574,"gzipLength":0,"brotliLength":0,"metaUid":"4b677f55-2"},"4b677f55-5":{"renderedLength":1821,"gzipLength":0,"brotliLength":0,"metaUid":"4b677f55-4"},"4b677f55-7":{"renderedLength":2831,"gzipLength":0,"brotliLength":0,"metaUid":"4b677f55-6"},"4b677f55-9":{"renderedLength":396,"gzipLength":0,"brotliLength":0,"metaUid":"4b677f55-8"},"4b677f55-11":{"renderedLength":203,"gzipLength":0,"brotliLength":0,"metaUid":"4b677f55-10"}},"nodeMetas":{"4b677f55-0":{"id":"/dist/browser/Options/Classes/ConnectLinks.js","moduleParts":{"tsparticles.interaction.external.connect.js":"4b677f55-1"},"imported":[{"uid":"4b677f55-13"}],"importedBy":[{"uid":"4b677f55-8"},{"uid":"4b677f55-2"}]},"4b677f55-2":{"id":"/dist/browser/Options/Classes/Connect.js","moduleParts":{"tsparticles.interaction.external.connect.js":"4b677f55-3"},"imported":[{"uid":"4b677f55-13"},{"uid":"4b677f55-0"}],"importedBy":[{"uid":"4b677f55-8"},{"uid":"4b677f55-6"}]},"4b677f55-4":{"id":"/dist/browser/Utils.js","moduleParts":{"tsparticles.interaction.external.connect.js":"4b677f55-5"},"imported":[{"uid":"4b677f55-13"},{"uid":"4b677f55-14"}],"importedBy":[{"uid":"4b677f55-6"}]},"4b677f55-6":{"id":"/dist/browser/Connector.js","moduleParts":{"tsparticles.interaction.external.connect.js":"4b677f55-7"},"imported":[{"uid":"4b677f55-12"},{"uid":"4b677f55-13"},{"uid":"4b677f55-2"},{"uid":"4b677f55-4"}],"importedBy":[{"uid":"4b677f55-8"}]},"4b677f55-8":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.interaction.external.connect.js":"4b677f55-9"},"imported":[{"uid":"4b677f55-12"},{"uid":"4b677f55-6"},{"uid":"4b677f55-2"},{"uid":"4b677f55-0"}],"importedBy":[{"uid":"4b677f55-10"}]},"4b677f55-10":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.interaction.external.connect.js":"4b677f55-11"},"imported":[{"uid":"4b677f55-8"}],"importedBy":[],"isEntry":true},"4b677f55-12":{"id":"@tsparticles/plugin-interactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"4b677f55-8"},{"uid":"4b677f55-6"}],"isExternal":true},"4b677f55-13":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"4b677f55-6"},{"uid":"4b677f55-2"},{"uid":"4b677f55-0"},{"uid":"4b677f55-4"}],"isExternal":true},"4b677f55-14":{"id":"@tsparticles/canvas-utils","moduleParts":{},"imported":[],"importedBy":[{"uid":"4b677f55-4"}],"isExternal":true}},"env":{"rollup":"4.60.4"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.interaction.external.connect.js","children":[{"name":"dist/browser","children":[{"name":"Options/Classes","children":[{"uid":"fe130070-1","name":"ConnectLinks.js"},{"uid":"fe130070-3","name":"Connect.js"}]},{"uid":"fe130070-5","name":"Utils.js"},{"uid":"fe130070-7","name":"Connector.js"},{"uid":"fe130070-9","name":"index.js"},{"uid":"fe130070-11","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"fe130070-1":{"renderedLength":230,"gzipLength":0,"brotliLength":0,"metaUid":"fe130070-0"},"fe130070-3":{"renderedLength":382,"gzipLength":0,"brotliLength":0,"metaUid":"fe130070-2"},"fe130070-5":{"renderedLength":1821,"gzipLength":0,"brotliLength":0,"metaUid":"fe130070-4"},"fe130070-7":{"renderedLength":2751,"gzipLength":0,"brotliLength":0,"metaUid":"fe130070-6"},"fe130070-9":{"renderedLength":396,"gzipLength":0,"brotliLength":0,"metaUid":"fe130070-8"},"fe130070-11":{"renderedLength":203,"gzipLength":0,"brotliLength":0,"metaUid":"fe130070-10"}},"nodeMetas":{"fe130070-0":{"id":"/dist/browser/Options/Classes/ConnectLinks.js","moduleParts":{"tsparticles.interaction.external.connect.js":"fe130070-1"},"imported":[{"uid":"fe130070-13"}],"importedBy":[{"uid":"fe130070-8"},{"uid":"fe130070-2"}]},"fe130070-2":{"id":"/dist/browser/Options/Classes/Connect.js","moduleParts":{"tsparticles.interaction.external.connect.js":"fe130070-3"},"imported":[{"uid":"fe130070-13"},{"uid":"fe130070-0"}],"importedBy":[{"uid":"fe130070-8"},{"uid":"fe130070-6"}]},"fe130070-4":{"id":"/dist/browser/Utils.js","moduleParts":{"tsparticles.interaction.external.connect.js":"fe130070-5"},"imported":[{"uid":"fe130070-13"},{"uid":"fe130070-14"}],"importedBy":[{"uid":"fe130070-6"}]},"fe130070-6":{"id":"/dist/browser/Connector.js","moduleParts":{"tsparticles.interaction.external.connect.js":"fe130070-7"},"imported":[{"uid":"fe130070-12"},{"uid":"fe130070-13"},{"uid":"fe130070-2"},{"uid":"fe130070-4"}],"importedBy":[{"uid":"fe130070-8"}]},"fe130070-8":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.interaction.external.connect.js":"fe130070-9"},"imported":[{"uid":"fe130070-12"},{"uid":"fe130070-6"},{"uid":"fe130070-2"},{"uid":"fe130070-0"}],"importedBy":[{"uid":"fe130070-10"}]},"fe130070-10":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.interaction.external.connect.js":"fe130070-11"},"imported":[{"uid":"fe130070-8"}],"importedBy":[],"isEntry":true},"fe130070-12":{"id":"@tsparticles/plugin-interactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"fe130070-8"},{"uid":"fe130070-6"}],"isExternal":true},"fe130070-13":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"fe130070-6"},{"uid":"fe130070-2"},{"uid":"fe130070-0"},{"uid":"fe130070-4"}],"isExternal":true},"fe130070-14":{"id":"@tsparticles/canvas-utils","moduleParts":{},"imported":[],"importedBy":[{"uid":"fe130070-4"}],"isExternal":true}},"env":{"rollup":"4.62.0"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/tsparticles.interaction.external.connect.js

@@ -1,5 +1,5 @@
 (function(g){g.__tsParticlesInternals=g.__tsParticlesInternals||{};g.__tsParticlesInternals.bundles=g.__tsParticlesInternals.bundles||{};g.__tsParticlesInternals.effects=g.__tsParticlesInternals.effects||{};g.__tsParticlesInternals.engine=g.__tsParticlesInternals.engine||{};g.__tsParticlesInternals.interactions=g.__tsParticlesInternals.interactions||{};g.__tsParticlesInternals.palettes=g.__tsParticlesInternals.palettes||{};g.__tsParticlesInternals.paths=g.__tsParticlesInternals.paths||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins.emittersShapes=g.__tsParticlesInternals.plugins.emittersShapes||{};g.__tsParticlesInternals.presets=g.__tsParticlesInternals.presets||{};g.__tsParticlesInternals.shapes=g.__tsParticlesInternals.shapes||{};g.__tsParticlesInternals.updaters=g.__tsParticlesInternals.updaters||{};g.__tsParticlesInternals.utils=g.__tsParticlesInternals.utils||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas.utils=g.__tsParticlesInternals.canvas.utils||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path.utils=g.__tsParticlesInternals.path.utils||{};var __tsProxyFactory=typeof Proxy!=="undefined"?function(obj){return new Proxy(obj,{get:function(target,key){if(!(key in target)){target[key]={};}return target[key];}});}:function(obj){return obj;};g.__tsParticlesInternals.bundles=__tsProxyFactory(g.__tsParticlesInternals.bundles);g.__tsParticlesInternals.effects=__tsProxyFactory(g.__tsParticlesInternals.effects);g.__tsParticlesInternals.interactions=__tsProxyFactory(g.__tsParticlesInternals.interactions);g.__tsParticlesInternals.palettes=__tsProxyFactory(g.__tsParticlesInternals.palettes);g.__tsParticlesInternals.paths=__tsProxyFactory(g.__tsParticlesInternals.paths);g.__tsParticlesInternals.plugins=__tsProxyFactory(g.__tsParticlesInternals.plugins);g.__tsParticlesInternals.plugins.emittersShapes=__tsProxyFactory(g.__tsParticlesInternals.plugins.emittersShapes);g.__tsParticlesInternals.presets=__tsProxyFactory(g.__tsParticlesInternals.presets);g.__tsParticlesInternals.shapes=__tsProxyFactory(g.__tsParticlesInternals.shapes);g.__tsParticlesInternals.updaters=__tsProxyFactory(g.__tsParticlesInternals.updaters);g.__tsParticlesInternals.utils=__tsProxyFactory(g.__tsParticlesInternals.utils);g.__tsParticlesInternals.canvas=__tsProxyFactory(g.__tsParticlesInternals.canvas);g.__tsParticlesInternals.path=__tsProxyFactory(g.__tsParticlesInternals.path);g.tsparticlesInternalExports=g.tsparticlesInternalExports||{};})(typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:this);
-/* External Interaction v4.1.3 */
+/* External Interaction v4.2.0 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tsparticles/plugin-interactivity'), require('@tsparticles/engine'), require('@tsparticles/canvas-utils')) :
     typeof define === 'function' && define.amd ? define(['exports', '@tsparticles/plugin-interactivity', '@tsparticles/engine', '@tsparticles/canvas-utils'], factory) :
@@ -7,40 +7,26 @@
 })(this, (function (exports, pluginInteractivity, engine, canvasUtils) { 'use strict';
 
     class ConnectLinks {
-        opacity;
-        constructor() {
-            this.opacity = 0.5;
-        }
+        opacity = 0.5;
         load(data) {
             if (engine.isNull(data)) {
                 return;
             }
-            if (data.opacity !== undefined) {
-                this.opacity = data.opacity;
-            }
+            engine.loadRangeProperty(this, "opacity", data.opacity);
         }
     }
 
     class Connect {
-        distance;
-        links;
-        radius;
-        constructor() {
-            this.distance = 80;
-            this.links = new ConnectLinks();
-            this.radius = 60;
-        }
+        distance = 80;
+        links = new ConnectLinks();
+        radius = 60;
         load(data) {
             if (engine.isNull(data)) {
                 return;
             }
-            if (data.distance !== undefined) {
-                this.distance = data.distance;
-            }
+            engine.loadProperty(this, "distance", data.distance);
             this.links.load(data.links);
-            if (data.radius !== undefined) {
-                this.radius = data.radius;
-            }
+            engine.loadProperty(this, "radius", data.radius);
         }
     }
 
@@ -132,17 +118,14 @@
             return engine.isInArray(connectMode, events.onHover.mode);
         }
         loadModeOptions(options, ...sources) {
-            options.connect ??= new Connect();
-            for (const source of sources) {
-                options.connect.load(source?.connect);
-            }
+            engine.loadOptionProperty(options, "connect", Connect, ...sources);
         }
         reset() {
         }
     }
 
     async function loadExternalConnectInteraction(engine) {
-        engine.checkVersion("4.1.3");
+        engine.checkVersion("4.2.0");
         await engine.pluginManager.register((e) => {
             pluginInteractivity.ensureInteractivityPluginLoaded(e);
             e.pluginManager.addInteractor?.("externalConnect", container => {

package/tsparticles.interaction.external.connect.min.js

@@ -1 +1 @@
-!function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.bundles=t.__tsParticlesInternals.bundles||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.engine=t.__tsParticlesInternals.engine||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.palettes=t.__tsParticlesInternals.palettes||{},t.__tsParticlesInternals.paths=t.__tsParticlesInternals.paths||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.emittersShapes=t.__tsParticlesInternals.plugins.emittersShapes||{},t.__tsParticlesInternals.presets=t.__tsParticlesInternals.presets||{},t.__tsParticlesInternals.shapes=t.__tsParticlesInternals.shapes||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.utils=t.__tsParticlesInternals.utils||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas.utils=t.__tsParticlesInternals.canvas.utils||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path.utils=t.__tsParticlesInternals.path.utils||{};var s="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,s){return s in t||(t[s]={}),t[s]}})}:function(t){return t};t.__tsParticlesInternals.bundles=s(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=s(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=s(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=s(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=s(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=s(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=s(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=s(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=s(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=s(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=s(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=s(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=s(t.__tsParticlesInternals.path),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,s){"object"==typeof exports&&"undefined"!=typeof module?s(exports,require("@tsparticles/plugin-interactivity"),require("@tsparticles/engine"),require("@tsparticles/canvas-utils")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/plugin-interactivity","@tsparticles/engine","@tsparticles/canvas-utils"],s):s(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.interactions.externalConnect=t.__tsParticlesInternals.interactions.externalConnect||{}),t.__tsParticlesInternals.plugins.interactivity,t.__tsParticlesInternals.engine,t.__tsParticlesInternals.canvas.utils)}(this,function(t,s,e,n){"use strict";class a{opacity;constructor(){this.opacity=.5}load(t){e.isNull(t)||void 0!==t.opacity&&(this.opacity=t.opacity)}}class i{distance;links;radius;constructor(){this.distance=80,this.links=new a,this.radius=60}load(t){e.isNull(t)||(void 0!==t.distance&&(this.distance=t.distance),this.links.load(t.links),void 0!==t.radius&&(this.radius=t.radius))}}function r(t,s,n,a){const i=t.actualOptions,r=i.interactivity?.modes.connect;if(r)return function(t,s,n,a,i){const r=Math.floor(a.getRadius()/n.getRadius()),l=n.getFillColor(),c=a.getFillColor();if(!l||!c)return;const o=n.getPosition(),_=a.getPosition(),u=e.colorMix(l,c,n.getRadius(),a.getRadius()),p=s.createLinearGradient(o.x,o.y,_.x,_.y);return p.addColorStop(0,e.getStyleFromHsl(l,t.hdr,i)),p.addColorStop(e.clamp(r,0,1),e.getStyleFromRgb(u,t.hdr,i)),p.addColorStop(1,e.getStyleFromHsl(c,t.hdr,i)),p}(t,s,n,a,r.links.opacity)}function l(t,s,e){t.canvas.render.draw(a=>{const i=r(t,a,s,e);if(!i)return;const l=s.getPosition(),c=e.getPosition();!function(t,s,e,a,i){n.drawLine(t,a,i),t.lineWidth=s,t.strokeStyle=e,t.stroke()}(a,s.retina.linksWidth??0,i,l,c)})}class c extends s.ExternalInteractorBase{#t;constructor(t){super(t),this.#t=0}get maxDistance(){return this.#t}clear(){}init(){const t=this.container,s=t.actualOptions.interactivity?.modes.connect;s&&(this.#t=s.distance,t.retina.connectModeDistance=s.distance*t.retina.pixelRatio,t.retina.connectModeRadius=s.radius*t.retina.pixelRatio)}interact(t){const s=this.container,e=s.actualOptions;if(e.interactivity?.events.onHover.enable&&"pointermove"===t.status){const e=t.mouse.position,{connectModeDistance:n,connectModeRadius:a}=s.retina;if(!n||n<0||!a||a<0||!e)return;const i=Math.abs(a),r=s.particles.grid.queryCircle(e,i,s=>this.isEnabled(t,s));r.forEach((t,e)=>{const a=t.getPosition();for(const i of r.slice(e+1)){const e=i.getPosition(),r=Math.abs(n),c=Math.abs(a.x-e.x),o=Math.abs(a.y-e.y);c<r&&o<r&&l(s,t,i)}})}}isEnabled(t,s){const n=this.container,a=t.mouse,i=(s?.interactivity??n.actualOptions.interactivity)?.events;return!(!i?.onHover.enable||!a.position)&&e.isInArray("connect",i.onHover.mode)}loadModeOptions(t,...s){t.connect??=new i;for(const e of s)t.connect.load(e?.connect)}reset(){}}async function o(t){t.checkVersion("4.1.3"),await t.pluginManager.register(t=>{s.ensureInteractivityPluginLoaded(t),t.pluginManager.addInteractor?.("externalConnect",t=>Promise.resolve(new c(t)))})}const _=globalThis;_.__tsParticlesInternals=_.__tsParticlesInternals??{},_.loadExternalConnectInteraction=o,t.Connect=i,t.ConnectLinks=a,t.loadExternalConnectInteraction=o}),Object.assign(globalThis.window||globalThis,{loadExternalConnectInteraction:(globalThis.__tsParticlesInternals.interactions.externalConnect||{}).loadExternalConnectInteraction}),delete(globalThis.window||globalThis).tsparticlesInternalExports;
+!function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.bundles=t.__tsParticlesInternals.bundles||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.engine=t.__tsParticlesInternals.engine||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.palettes=t.__tsParticlesInternals.palettes||{},t.__tsParticlesInternals.paths=t.__tsParticlesInternals.paths||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.emittersShapes=t.__tsParticlesInternals.plugins.emittersShapes||{},t.__tsParticlesInternals.presets=t.__tsParticlesInternals.presets||{},t.__tsParticlesInternals.shapes=t.__tsParticlesInternals.shapes||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.utils=t.__tsParticlesInternals.utils||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas.utils=t.__tsParticlesInternals.canvas.utils||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path.utils=t.__tsParticlesInternals.path.utils||{};var s="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,s){return s in t||(t[s]={}),t[s]}})}:function(t){return t};t.__tsParticlesInternals.bundles=s(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=s(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=s(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=s(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=s(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=s(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=s(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=s(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=s(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=s(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=s(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=s(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=s(t.__tsParticlesInternals.path),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,s){"object"==typeof exports&&"undefined"!=typeof module?s(exports,require("@tsparticles/plugin-interactivity"),require("@tsparticles/engine"),require("@tsparticles/canvas-utils")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/plugin-interactivity","@tsparticles/engine","@tsparticles/canvas-utils"],s):s(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.interactions.externalConnect=t.__tsParticlesInternals.interactions.externalConnect||{}),t.__tsParticlesInternals.plugins.interactivity,t.__tsParticlesInternals.engine,t.__tsParticlesInternals.canvas.utils)}(this,function(t,s,e,n){"use strict";class a{opacity=.5;load(t){e.isNull(t)||e.loadRangeProperty(this,"opacity",t.opacity)}}class i{distance=80;links=new a;radius=60;load(t){e.isNull(t)||(e.loadProperty(this,"distance",t.distance),this.links.load(t.links),e.loadProperty(this,"radius",t.radius))}}function r(t,s,n,a){const i=t.actualOptions,r=i.interactivity?.modes.connect;if(r)return function(t,s,n,a,i){const r=Math.floor(a.getRadius()/n.getRadius()),l=n.getFillColor(),c=a.getFillColor();if(!l||!c)return;const o=n.getPosition(),_=a.getPosition(),p=e.colorMix(l,c,n.getRadius(),a.getRadius()),P=s.createLinearGradient(o.x,o.y,_.x,_.y);return P.addColorStop(0,e.getStyleFromHsl(l,t.hdr,i)),P.addColorStop(e.clamp(r,0,1),e.getStyleFromRgb(p,t.hdr,i)),P.addColorStop(1,e.getStyleFromHsl(c,t.hdr,i)),P}(t,s,n,a,r.links.opacity)}function l(t,s,e){t.canvas.render.draw(a=>{const i=r(t,a,s,e);if(!i)return;const l=s.getPosition(),c=e.getPosition();!function(t,s,e,a,i){n.drawLine(t,a,i),t.lineWidth=s,t.strokeStyle=e,t.stroke()}(a,s.retina.linksWidth??0,i,l,c)})}class c extends s.ExternalInteractorBase{#t;constructor(t){super(t),this.#t=0}get maxDistance(){return this.#t}clear(){}init(){const t=this.container,s=t.actualOptions.interactivity?.modes.connect;s&&(this.#t=s.distance,t.retina.connectModeDistance=s.distance*t.retina.pixelRatio,t.retina.connectModeRadius=s.radius*t.retina.pixelRatio)}interact(t){const s=this.container,e=s.actualOptions;if(e.interactivity?.events.onHover.enable&&"pointermove"===t.status){const e=t.mouse.position,{connectModeDistance:n,connectModeRadius:a}=s.retina;if(!n||n<0||!a||a<0||!e)return;const i=Math.abs(a),r=s.particles.grid.queryCircle(e,i,s=>this.isEnabled(t,s));r.forEach((t,e)=>{const a=t.getPosition();for(const i of r.slice(e+1)){const e=i.getPosition(),r=Math.abs(n),c=Math.abs(a.x-e.x),o=Math.abs(a.y-e.y);c<r&&o<r&&l(s,t,i)}})}}isEnabled(t,s){const n=this.container,a=t.mouse,i=(s?.interactivity??n.actualOptions.interactivity)?.events;return!(!i?.onHover.enable||!a.position)&&e.isInArray("connect",i.onHover.mode)}loadModeOptions(t,...s){e.loadOptionProperty(t,"connect",i,...s)}reset(){}}async function o(t){t.checkVersion("4.2.0"),await t.pluginManager.register(t=>{s.ensureInteractivityPluginLoaded(t),t.pluginManager.addInteractor?.("externalConnect",t=>Promise.resolve(new c(t)))})}const _=globalThis;_.__tsParticlesInternals=_.__tsParticlesInternals??{},_.loadExternalConnectInteraction=o,t.Connect=i,t.ConnectLinks=a,t.loadExternalConnectInteraction=o}),Object.assign(globalThis.window||globalThis,{loadExternalConnectInteraction:(globalThis.__tsParticlesInternals.interactions.externalConnect||{}).loadExternalConnectInteraction}),delete(globalThis.window||globalThis).tsparticlesInternalExports;

package/types/Options/Classes/Connect.d.ts

@@ -3,8 +3,7 @@ import { ConnectLinks } from "./ConnectLinks.js";
 import type { IConnect } from "../Interfaces/IConnect.js";
 export declare class Connect implements IConnect, IOptionLoader<IConnect> {
     distance: number;
-    links: ConnectLinks;
+    readonly links: ConnectLinks;
     radius: number;
-    constructor();
     load(data?: RecursivePartial<IConnect>): void;
 }

package/types/Options/Classes/ConnectLinks.d.ts

@@ -2,6 +2,5 @@ import { type IOptionLoader, type RecursivePartial } from "@tsparticles/engine";
 import type { IConnectLinks } from "../Interfaces/IConnectLinks.js";
 export declare class ConnectLinks implements IConnectLinks, IOptionLoader<IConnectLinks> {
     opacity: number;
-    constructor();
     load(data?: RecursivePartial<IConnectLinks>): void;
 }

package/types/Options/Classes/ConnectOptions.d.ts

@@ -1,7 +1,9 @@
-import type { ConnectMode } from "../../Types.js";
+import type { Connect } from "./Connect.js";
 import type { InteractivityOptions } from "@tsparticles/plugin-interactivity";
 export type ConnectOptions = InteractivityOptions & {
     interactivity?: {
-        modes: ConnectMode;
+        modes: {
+            connect?: Connect;
+        };
     };
 };