@tsparticles/interaction-external-grab 4.1.3 → 4.2.0

package/browser/Grabber.js

@@ -1,5 +1,5 @@
 import { ExternalInteractorBase, mouseMoveEvent, } from "@tsparticles/plugin-interactivity";
-import { getDistance, getLinkColor, getLinkRandomColor, isInArray, } from "@tsparticles/engine";
+import { getDistance, getLinkColor, getLinkRandomColor, isInArray, loadOptionProperty, } from "@tsparticles/engine";
 import { Grab } from "./Options/Classes/Grab.js";
 import { drawGrab } from "./Utils.js";
 const grabMode = "grab", minDistance = 0, minOpacity = 0;
@@ -66,10 +66,7 @@ export class Grabber extends ExternalInteractorBase {
         return !!events?.onHover.enable && !!mouse.position && isInArray(grabMode, events.onHover.mode);
     }
     loadModeOptions(options, ...sources) {
-        options.grab ??= new Grab();
-        for (const source of sources) {
-            options.grab.load(source?.grab);
-        }
+        loadOptionProperty(options, "grab", Grab, ...sources);
     }
     reset() {
     }

package/browser/Options/Classes/Grab.js

@@ -1,19 +1,13 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 import { GrabLinks } from "./GrabLinks.js";
 export class Grab {
-    distance;
-    links;
-    constructor() {
-        this.distance = 100;
-        this.links = new GrabLinks();
-    }
+    distance = 100;
+    links = new GrabLinks();
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.distance !== undefined) {
-            this.distance = data.distance;
-        }
+        loadProperty(this, "distance", data.distance);
         this.links.load(data.links);
     }
 }

package/browser/Options/Classes/GrabLinks.js

@@ -1,29 +1,18 @@
-import { OptionsColor, isNull } from "@tsparticles/engine";
+import { OptionsColor, isNull, loadProperty, loadRangeProperty, } from "@tsparticles/engine";
 export class GrabLinks {
-    blink;
+    blink = false;
     color;
-    consent;
-    opacity;
-    constructor() {
-        this.blink = false;
-        this.consent = false;
-        this.opacity = 1;
-    }
+    consent = false;
+    opacity = 1;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.blink !== undefined) {
-            this.blink = data.blink;
-        }
+        loadProperty(this, "blink", data.blink);
         if (data.color !== undefined) {
             this.color = OptionsColor.create(this.color, data.color);
         }
-        if (data.consent !== undefined) {
-            this.consent = data.consent;
-        }
-        if (data.opacity !== undefined) {
-            this.opacity = data.opacity;
-        }
+        loadProperty(this, "consent", data.consent);
+        loadRangeProperty(this, "opacity", data.opacity);
     }
 }

package/browser/index.js

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

package/browser/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadExternalGrabInteraction(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/Grabber.js

@@ -1,5 +1,5 @@
 import { ExternalInteractorBase, mouseMoveEvent, } from "@tsparticles/plugin-interactivity";
-import { getDistance, getLinkColor, getLinkRandomColor, isInArray, } from "@tsparticles/engine";
+import { getDistance, getLinkColor, getLinkRandomColor, isInArray, loadOptionProperty, } from "@tsparticles/engine";
 import { Grab } from "./Options/Classes/Grab.js";
 import { drawGrab } from "./Utils.js";
 const grabMode = "grab", minDistance = 0, minOpacity = 0;
@@ -66,10 +66,7 @@ export class Grabber extends ExternalInteractorBase {
         return !!events?.onHover.enable && !!mouse.position && isInArray(grabMode, events.onHover.mode);
     }
     loadModeOptions(options, ...sources) {
-        options.grab ??= new Grab();
-        for (const source of sources) {
-            options.grab.load(source?.grab);
-        }
+        loadOptionProperty(options, "grab", Grab, ...sources);
     }
     reset() {
     }

package/cjs/Options/Classes/Grab.js

@@ -1,19 +1,13 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 import { GrabLinks } from "./GrabLinks.js";
 export class Grab {
-    distance;
-    links;
-    constructor() {
-        this.distance = 100;
-        this.links = new GrabLinks();
-    }
+    distance = 100;
+    links = new GrabLinks();
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.distance !== undefined) {
-            this.distance = data.distance;
-        }
+        loadProperty(this, "distance", data.distance);
         this.links.load(data.links);
     }
 }

package/cjs/Options/Classes/GrabLinks.js

@@ -1,29 +1,18 @@
-import { OptionsColor, isNull } from "@tsparticles/engine";
+import { OptionsColor, isNull, loadProperty, loadRangeProperty, } from "@tsparticles/engine";
 export class GrabLinks {
-    blink;
+    blink = false;
     color;
-    consent;
-    opacity;
-    constructor() {
-        this.blink = false;
-        this.consent = false;
-        this.opacity = 1;
-    }
+    consent = false;
+    opacity = 1;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.blink !== undefined) {
-            this.blink = data.blink;
-        }
+        loadProperty(this, "blink", data.blink);
         if (data.color !== undefined) {
             this.color = OptionsColor.create(this.color, data.color);
         }
-        if (data.consent !== undefined) {
-            this.consent = data.consent;
-        }
-        if (data.opacity !== undefined) {
-            this.opacity = data.opacity;
-        }
+        loadProperty(this, "consent", data.consent);
+        loadRangeProperty(this, "opacity", data.opacity);
     }
 }

package/cjs/index.js

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

package/cjs/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadExternalGrabInteraction(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/Grabber.js

@@ -1,5 +1,5 @@
 import { ExternalInteractorBase, mouseMoveEvent, } from "@tsparticles/plugin-interactivity";
-import { getDistance, getLinkColor, getLinkRandomColor, isInArray, } from "@tsparticles/engine";
+import { getDistance, getLinkColor, getLinkRandomColor, isInArray, loadOptionProperty, } from "@tsparticles/engine";
 import { Grab } from "./Options/Classes/Grab.js";
 import { drawGrab } from "./Utils.js";
 const grabMode = "grab", minDistance = 0, minOpacity = 0;
@@ -66,10 +66,7 @@ export class Grabber extends ExternalInteractorBase {
         return !!events?.onHover.enable && !!mouse.position && isInArray(grabMode, events.onHover.mode);
     }
     loadModeOptions(options, ...sources) {
-        options.grab ??= new Grab();
-        for (const source of sources) {
-            options.grab.load(source?.grab);
-        }
+        loadOptionProperty(options, "grab", Grab, ...sources);
     }
     reset() {
     }

package/esm/Options/Classes/Grab.js

@@ -1,19 +1,13 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 import { GrabLinks } from "./GrabLinks.js";
 export class Grab {
-    distance;
-    links;
-    constructor() {
-        this.distance = 100;
-        this.links = new GrabLinks();
-    }
+    distance = 100;
+    links = new GrabLinks();
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.distance !== undefined) {
-            this.distance = data.distance;
-        }
+        loadProperty(this, "distance", data.distance);
         this.links.load(data.links);
     }
 }

package/esm/Options/Classes/GrabLinks.js

@@ -1,29 +1,18 @@
-import { OptionsColor, isNull } from "@tsparticles/engine";
+import { OptionsColor, isNull, loadProperty, loadRangeProperty, } from "@tsparticles/engine";
 export class GrabLinks {
-    blink;
+    blink = false;
     color;
-    consent;
-    opacity;
-    constructor() {
-        this.blink = false;
-        this.consent = false;
-        this.opacity = 1;
-    }
+    consent = false;
+    opacity = 1;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.blink !== undefined) {
-            this.blink = data.blink;
-        }
+        loadProperty(this, "blink", data.blink);
         if (data.color !== undefined) {
             this.color = OptionsColor.create(this.color, data.color);
         }
-        if (data.consent !== undefined) {
-            this.consent = data.consent;
-        }
-        if (data.opacity !== undefined) {
-            this.opacity = data.opacity;
-        }
+        loadProperty(this, "consent", data.consent);
+        loadRangeProperty(this, "opacity", data.opacity);
     }
 }

package/esm/index.js

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

package/esm/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadExternalGrabInteraction(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-grab",
-  "version": "4.1.3",
+  "version": "4.2.0",
   "description": "tsParticles grab 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.grab.js","children":[{"name":"dist/browser","children":[{"name":"Options/Classes","children":[{"uid":"18507ffe-1","name":"GrabLinks.js"},{"uid":"18507ffe-3","name":"Grab.js"}]},{"uid":"18507ffe-5","name":"Utils.js"},{"uid":"18507ffe-7","name":"Grabber.js"},{"uid":"18507ffe-9","name":"index.js"},{"uid":"18507ffe-11","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"18507ffe-1":{"renderedLength":777,"gzipLength":0,"brotliLength":0,"metaUid":"18507ffe-0"},"18507ffe-3":{"renderedLength":421,"gzipLength":0,"brotliLength":0,"metaUid":"18507ffe-2"},"18507ffe-5":{"renderedLength":635,"gzipLength":0,"brotliLength":0,"metaUid":"18507ffe-4"},"18507ffe-7":{"renderedLength":3386,"gzipLength":0,"brotliLength":0,"metaUid":"18507ffe-6"},"18507ffe-9":{"renderedLength":405,"gzipLength":0,"brotliLength":0,"metaUid":"18507ffe-8"},"18507ffe-11":{"renderedLength":197,"gzipLength":0,"brotliLength":0,"metaUid":"18507ffe-10"}},"nodeMetas":{"18507ffe-0":{"id":"/dist/browser/Options/Classes/GrabLinks.js","moduleParts":{"tsparticles.interaction.external.grab.js":"18507ffe-1"},"imported":[{"uid":"18507ffe-13"}],"importedBy":[{"uid":"18507ffe-8"},{"uid":"18507ffe-2"}]},"18507ffe-2":{"id":"/dist/browser/Options/Classes/Grab.js","moduleParts":{"tsparticles.interaction.external.grab.js":"18507ffe-3"},"imported":[{"uid":"18507ffe-13"},{"uid":"18507ffe-0"}],"importedBy":[{"uid":"18507ffe-8"},{"uid":"18507ffe-6"}]},"18507ffe-4":{"id":"/dist/browser/Utils.js","moduleParts":{"tsparticles.interaction.external.grab.js":"18507ffe-5"},"imported":[{"uid":"18507ffe-13"},{"uid":"18507ffe-14"}],"importedBy":[{"uid":"18507ffe-6"}]},"18507ffe-6":{"id":"/dist/browser/Grabber.js","moduleParts":{"tsparticles.interaction.external.grab.js":"18507ffe-7"},"imported":[{"uid":"18507ffe-12"},{"uid":"18507ffe-13"},{"uid":"18507ffe-2"},{"uid":"18507ffe-4"}],"importedBy":[{"uid":"18507ffe-8"}]},"18507ffe-8":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.interaction.external.grab.js":"18507ffe-9"},"imported":[{"uid":"18507ffe-12"},{"uid":"18507ffe-6"},{"uid":"18507ffe-2"},{"uid":"18507ffe-0"}],"importedBy":[{"uid":"18507ffe-10"}]},"18507ffe-10":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.interaction.external.grab.js":"18507ffe-11"},"imported":[{"uid":"18507ffe-8"}],"importedBy":[],"isEntry":true},"18507ffe-12":{"id":"@tsparticles/plugin-interactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"18507ffe-8"},{"uid":"18507ffe-6"}],"isExternal":true},"18507ffe-13":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"18507ffe-6"},{"uid":"18507ffe-2"},{"uid":"18507ffe-0"},{"uid":"18507ffe-4"}],"isExternal":true},"18507ffe-14":{"id":"@tsparticles/canvas-utils","moduleParts":{},"imported":[],"importedBy":[{"uid":"18507ffe-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.grab.js","children":[{"name":"dist/browser","children":[{"name":"Options/Classes","children":[{"uid":"be5038aa-1","name":"GrabLinks.js"},{"uid":"be5038aa-3","name":"Grab.js"}]},{"uid":"be5038aa-5","name":"Utils.js"},{"uid":"be5038aa-7","name":"Grabber.js"},{"uid":"be5038aa-9","name":"index.js"},{"uid":"be5038aa-11","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"be5038aa-1":{"renderedLength":551,"gzipLength":0,"brotliLength":0,"metaUid":"be5038aa-0"},"be5038aa-3":{"renderedLength":294,"gzipLength":0,"brotliLength":0,"metaUid":"be5038aa-2"},"be5038aa-5":{"renderedLength":635,"gzipLength":0,"brotliLength":0,"metaUid":"be5038aa-4"},"be5038aa-7":{"renderedLength":3312,"gzipLength":0,"brotliLength":0,"metaUid":"be5038aa-6"},"be5038aa-9":{"renderedLength":405,"gzipLength":0,"brotliLength":0,"metaUid":"be5038aa-8"},"be5038aa-11":{"renderedLength":197,"gzipLength":0,"brotliLength":0,"metaUid":"be5038aa-10"}},"nodeMetas":{"be5038aa-0":{"id":"/dist/browser/Options/Classes/GrabLinks.js","moduleParts":{"tsparticles.interaction.external.grab.js":"be5038aa-1"},"imported":[{"uid":"be5038aa-13"}],"importedBy":[{"uid":"be5038aa-8"},{"uid":"be5038aa-2"}]},"be5038aa-2":{"id":"/dist/browser/Options/Classes/Grab.js","moduleParts":{"tsparticles.interaction.external.grab.js":"be5038aa-3"},"imported":[{"uid":"be5038aa-13"},{"uid":"be5038aa-0"}],"importedBy":[{"uid":"be5038aa-8"},{"uid":"be5038aa-6"}]},"be5038aa-4":{"id":"/dist/browser/Utils.js","moduleParts":{"tsparticles.interaction.external.grab.js":"be5038aa-5"},"imported":[{"uid":"be5038aa-13"},{"uid":"be5038aa-14"}],"importedBy":[{"uid":"be5038aa-6"}]},"be5038aa-6":{"id":"/dist/browser/Grabber.js","moduleParts":{"tsparticles.interaction.external.grab.js":"be5038aa-7"},"imported":[{"uid":"be5038aa-12"},{"uid":"be5038aa-13"},{"uid":"be5038aa-2"},{"uid":"be5038aa-4"}],"importedBy":[{"uid":"be5038aa-8"}]},"be5038aa-8":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.interaction.external.grab.js":"be5038aa-9"},"imported":[{"uid":"be5038aa-12"},{"uid":"be5038aa-6"},{"uid":"be5038aa-2"},{"uid":"be5038aa-0"}],"importedBy":[{"uid":"be5038aa-10"}]},"be5038aa-10":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.interaction.external.grab.js":"be5038aa-11"},"imported":[{"uid":"be5038aa-8"}],"importedBy":[],"isEntry":true},"be5038aa-12":{"id":"@tsparticles/plugin-interactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"be5038aa-8"},{"uid":"be5038aa-6"}],"isExternal":true},"be5038aa-13":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"be5038aa-6"},{"uid":"be5038aa-2"},{"uid":"be5038aa-0"},{"uid":"be5038aa-4"}],"isExternal":true},"be5038aa-14":{"id":"@tsparticles/canvas-utils","moduleParts":{},"imported":[],"importedBy":[{"uid":"be5038aa-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.grab.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,48 +7,31 @@
 })(this, (function (exports, pluginInteractivity, engine, canvasUtils) { 'use strict';
 
     class GrabLinks {
-        blink;
+        blink = false;
         color;
-        consent;
-        opacity;
-        constructor() {
-            this.blink = false;
-            this.consent = false;
-            this.opacity = 1;
-        }
+        consent = false;
+        opacity = 1;
         load(data) {
             if (engine.isNull(data)) {
                 return;
             }
-            if (data.blink !== undefined) {
-                this.blink = data.blink;
-            }
+            engine.loadProperty(this, "blink", data.blink);
             if (data.color !== undefined) {
                 this.color = engine.OptionsColor.create(this.color, data.color);
             }
-            if (data.consent !== undefined) {
-                this.consent = data.consent;
-            }
-            if (data.opacity !== undefined) {
-                this.opacity = data.opacity;
-            }
+            engine.loadProperty(this, "consent", data.consent);
+            engine.loadRangeProperty(this, "opacity", data.opacity);
         }
     }
 
     class Grab {
-        distance;
-        links;
-        constructor() {
-            this.distance = 100;
-            this.links = new GrabLinks();
-        }
+        distance = 100;
+        links = new GrabLinks();
         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);
         }
     }
@@ -131,17 +114,14 @@
             return !!events?.onHover.enable && !!mouse.position && engine.isInArray(grabMode, events.onHover.mode);
         }
         loadModeOptions(options, ...sources) {
-            options.grab ??= new Grab();
-            for (const source of sources) {
-                options.grab.load(source?.grab);
-            }
+            engine.loadOptionProperty(options, "grab", Grab, ...sources);
         }
         reset() {
         }
     }
 
     async function loadExternalGrabInteraction(engine) {
-        engine.checkVersion("4.1.3");
+        engine.checkVersion("4.2.0");
         await engine.pluginManager.register((e) => {
             pluginInteractivity.ensureInteractivityPluginLoaded(e);
             e.pluginManager.addInteractor?.("externalGrab", container => {

package/tsparticles.interaction.external.grab.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.externalGrab=t.__tsParticlesInternals.interactions.externalGrab||{}),t.__tsParticlesInternals.plugins.interactivity,t.__tsParticlesInternals.engine,t.__tsParticlesInternals.canvas.utils)}(this,function(t,s,e,n){"use strict";class a{blink;color;consent;opacity;constructor(){this.blink=!1,this.consent=!1,this.opacity=1}load(t){e.isNull(t)||(void 0!==t.blink&&(this.blink=t.blink),void 0!==t.color&&(this.color=e.OptionsColor.create(this.color,t.color)),void 0!==t.consent&&(this.consent=t.consent),void 0!==t.opacity&&(this.opacity=t.opacity))}}class r{distance;links;constructor(){this.distance=100,this.links=new a}load(t){e.isNull(t)||(void 0!==t.distance&&(this.distance=t.distance),this.links.load(t.links))}}function i(t,s,a,r,i){t.canvas.render.draw(l=>{const c=s.getPosition();!function(t,s,a,r,i,l,c=!1){n.drawLine(t,a,r),t.strokeStyle=e.getStyleFromRgb(i,c,l),t.lineWidth=s,t.stroke()}(l,s.retina.linksWidth??0,c,i,a,r,t.hdr)})}class l extends s.ExternalInteractorBase{#t;#s;constructor(t,s){super(s),this.#s=t,this.#t=0}get maxDistance(){return this.#t}clear(){}init(){const t=this.container,s=t.actualOptions.interactivity?.modes.grab;s&&(this.#t=s.distance,t.retina.grabModeDistance=s.distance*t.retina.pixelRatio)}interact(t){const n=this.container,a=n.actualOptions.interactivity;if(!a?.modes.grab||!a.events.onHover.enable||t.status!==s.mouseMoveEvent)return;const r=t.mouse.position;if(!r)return;const l=n.retina.grabModeDistance;if(!l||l<0)return;const c=n.particles.grid.queryCircle(r,l,s=>this.isEnabled(t,s));for(const t of c){const s=t.getPosition(),c=e.getDistance(s,r);if(c>l)continue;const o=a.modes.grab.links,_=o.opacity,p=_-c*_/l;if(p<=0)continue;const I=o.color??t.options.links?.color;if(!n.particles.grabLineColor&&I){const t=a.modes.grab.links;n.particles.grabLineColor=e.getLinkRandomColor(this.#s,I,t.blink,t.consent)}const u=e.getLinkColor(t,void 0,n.particles.grabLineColor);u&&i(n,t,u,p,r)}}isEnabled(t,s){const n=this.container,a=t.mouse,r=(s?.interactivity??n.actualOptions.interactivity)?.events;return!!r?.onHover.enable&&!!a.position&&e.isInArray("grab",r.onHover.mode)}loadModeOptions(t,...s){t.grab??=new r;for(const e of s)t.grab.load(e?.grab)}reset(){}}async function c(t){t.checkVersion("4.1.3"),await t.pluginManager.register(t=>{s.ensureInteractivityPluginLoaded(t),t.pluginManager.addInteractor?.("externalGrab",s=>Promise.resolve(new l(t.pluginManager,s)))})}const o=globalThis;o.__tsParticlesInternals=o.__tsParticlesInternals??{},o.loadExternalGrabInteraction=c,t.Grab=r,t.GrabLinks=a,t.loadExternalGrabInteraction=c}),Object.assign(globalThis.window||globalThis,{loadExternalGrabInteraction:(globalThis.__tsParticlesInternals.interactions.externalGrab||{}).loadExternalGrabInteraction}),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.externalGrab=t.__tsParticlesInternals.interactions.externalGrab||{}),t.__tsParticlesInternals.plugins.interactivity,t.__tsParticlesInternals.engine,t.__tsParticlesInternals.canvas.utils)}(this,function(t,s,e,n){"use strict";class a{blink=!1;color;consent=!1;opacity=1;load(t){e.isNull(t)||(e.loadProperty(this,"blink",t.blink),void 0!==t.color&&(this.color=e.OptionsColor.create(this.color,t.color)),e.loadProperty(this,"consent",t.consent),e.loadRangeProperty(this,"opacity",t.opacity))}}class r{distance=100;links=new a;load(t){e.isNull(t)||(e.loadProperty(this,"distance",t.distance),this.links.load(t.links))}}function i(t,s,a,r,i){t.canvas.render.draw(l=>{const c=s.getPosition();!function(t,s,a,r,i,l,c=!1){n.drawLine(t,a,r),t.strokeStyle=e.getStyleFromRgb(i,c,l),t.lineWidth=s,t.stroke()}(l,s.retina.linksWidth??0,c,i,a,r,t.hdr)})}class l extends s.ExternalInteractorBase{#t;#s;constructor(t,s){super(s),this.#s=t,this.#t=0}get maxDistance(){return this.#t}clear(){}init(){const t=this.container,s=t.actualOptions.interactivity?.modes.grab;s&&(this.#t=s.distance,t.retina.grabModeDistance=s.distance*t.retina.pixelRatio)}interact(t){const n=this.container,a=n.actualOptions.interactivity;if(!a?.modes.grab||!a.events.onHover.enable||t.status!==s.mouseMoveEvent)return;const r=t.mouse.position;if(!r)return;const l=n.retina.grabModeDistance;if(!l||l<0)return;const c=n.particles.grid.queryCircle(r,l,s=>this.isEnabled(t,s));for(const t of c){const s=t.getPosition(),c=e.getDistance(s,r);if(c>l)continue;const o=a.modes.grab.links,_=o.opacity,p=_-c*_/l;if(p<=0)continue;const I=o.color??t.options.links?.color;if(!n.particles.grabLineColor&&I){const t=a.modes.grab.links;n.particles.grabLineColor=e.getLinkRandomColor(this.#s,I,t.blink,t.consent)}const P=e.getLinkColor(t,void 0,n.particles.grabLineColor);P&&i(n,t,P,p,r)}}isEnabled(t,s){const n=this.container,a=t.mouse,r=(s?.interactivity??n.actualOptions.interactivity)?.events;return!!r?.onHover.enable&&!!a.position&&e.isInArray("grab",r.onHover.mode)}loadModeOptions(t,...s){e.loadOptionProperty(t,"grab",r,...s)}reset(){}}async function c(t){t.checkVersion("4.2.0"),await t.pluginManager.register(t=>{s.ensureInteractivityPluginLoaded(t),t.pluginManager.addInteractor?.("externalGrab",s=>Promise.resolve(new l(t.pluginManager,s)))})}const o=globalThis;o.__tsParticlesInternals=o.__tsParticlesInternals??{},o.loadExternalGrabInteraction=c,t.Grab=r,t.GrabLinks=a,t.loadExternalGrabInteraction=c}),Object.assign(globalThis.window||globalThis,{loadExternalGrabInteraction:(globalThis.__tsParticlesInternals.interactions.externalGrab||{}).loadExternalGrabInteraction}),delete(globalThis.window||globalThis).tsparticlesInternalExports;

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

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

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

@@ -5,6 +5,5 @@ export declare class GrabLinks implements IGrabLinks, IOptionLoader<IGrabLinks>
     color?: OptionsColor;
     consent: boolean;
     opacity: number;
-    constructor();
     load(data?: RecursivePartial<IGrabLinks>): void;
 }

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

@@ -1,7 +1,9 @@
-import type { GrabMode } from "../../Types.js";
+import type { Grab } from "./Grab.js";
 import type { InteractivityOptions } from "@tsparticles/plugin-interactivity";
 export type GrabOptions = InteractivityOptions & {
     interactivity?: {
-        modes: GrabMode;
+        modes: {
+            grab?: Grab;
+        };
     };
 };