@tsparticles/interaction-external-slow 4.2.1 → 4.3.1

package/README.md

@@ -39,9 +39,7 @@ Once the scripts are loaded you can set up `tsParticles` and the interaction plu
 
   await tsParticles.load({
     id: "tsparticles",
-    options: {
-      /* options */
-    },
+    options: {/* options */},
   });
 })();
 ```

package/browser/SlowModifier.js

@@ -0,0 +1,6 @@
+export class SlowModifier {
+    enabled = false;
+    id = "slow";
+    priority = 100;
+    speedFactor = 1;
+}

package/browser/Slower.js

@@ -1,9 +1,11 @@
 import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
 import { getDistance, isInArray, loadOptionProperty, } from "@tsparticles/engine";
 import { Slow } from "./Options/Classes/Slow.js";
+import { SlowModifier } from "./SlowModifier.js";
 const slowMode = "slow", minRadius = 0;
 export class Slower extends ExternalInteractorBase {
     #maxDistance;
+    #modifiers = new WeakMap();
     constructor(container) {
         super(container);
         this.#maxDistance = 0;
@@ -12,10 +14,21 @@ export class Slower extends ExternalInteractorBase {
         return this.#maxDistance;
     }
     clear(particle, _delta, force) {
-        if (particle.slow.inRange && !force) {
+        const mod = this.#modifiers.get(particle);
+        if (mod?.enabled && !force) {
             return;
         }
-        particle.slow.factor = 1;
+        particle.removeModifier(slowMode);
+        this.#modifiers.delete(particle);
+    }
+    getOrCreateModifier(particle) {
+        let mod = this.#modifiers.get(particle);
+        if (!mod) {
+            mod = new SlowModifier();
+            this.#modifiers.set(particle, mod);
+            particle.addModifier(mod);
+        }
+        return mod;
     }
     init() {
         const container = this.container, slow = container.actualOptions.interactivity?.modes.slow;
@@ -35,16 +48,20 @@ export class Slower extends ExternalInteractorBase {
         loadOptionProperty(options, "slow", Slow, ...sources);
     }
     reset(interactivityData, particle) {
-        particle.slow.inRange = false;
+        const mod = this.#modifiers.get(particle);
+        if (mod) {
+            mod.enabled = false;
+        }
         const container = this.container, options = container.actualOptions, mousePos = interactivityData.mouse.position, radius = container.retina.slowModeRadius, slowOptions = options.interactivity?.modes.slow;
         if (!slowOptions || !radius || radius < minRadius || !mousePos) {
             return;
         }
-        const particlePos = particle.getPosition(), dist = getDistance(mousePos, particlePos), proximityFactor = dist / radius, slowFactor = slowOptions.factor, { slow } = particle;
+        const particlePos = particle.getPosition(), dist = getDistance(mousePos, particlePos), proximityFactor = dist / radius, slowFactor = slowOptions.factor;
         if (dist > radius) {
             return;
         }
-        slow.inRange = true;
-        slow.factor = proximityFactor / slowFactor;
+        const activeMod = this.getOrCreateModifier(particle);
+        activeMod.enabled = true;
+        activeMod.speedFactor = proximityFactor / slowFactor;
     }
 }

package/browser/index.js

@@ -1,7 +1,7 @@
 import { ensureInteractivityPluginLoaded } from "@tsparticles/plugin-interactivity";
 import { Slower } from "./Slower.js";
 export async function loadExternalSlowInteraction(engine) {
-    engine.checkVersion("4.2.1");
+    engine.checkVersion("4.3.1");
     await engine.pluginManager.register((e) => {
         ensureInteractivityPluginLoaded(e);
         e.pluginManager.addInteractor?.("externalSlow", container => {
@@ -9,4 +9,5 @@ export async function loadExternalSlowInteraction(engine) {
         });
     });
 }
+export * from "./SlowModifier.js";
 export * from "./Options/Classes/Slow.js";

package/browser/index.lazy.js

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

package/cjs/SlowModifier.js

@@ -0,0 +1,6 @@
+export class SlowModifier {
+    enabled = false;
+    id = "slow";
+    priority = 100;
+    speedFactor = 1;
+}

package/cjs/Slower.js

@@ -1,9 +1,11 @@
 import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
 import { getDistance, isInArray, loadOptionProperty, } from "@tsparticles/engine";
 import { Slow } from "./Options/Classes/Slow.js";
+import { SlowModifier } from "./SlowModifier.js";
 const slowMode = "slow", minRadius = 0;
 export class Slower extends ExternalInteractorBase {
     #maxDistance;
+    #modifiers = new WeakMap();
     constructor(container) {
         super(container);
         this.#maxDistance = 0;
@@ -12,10 +14,21 @@ export class Slower extends ExternalInteractorBase {
         return this.#maxDistance;
     }
     clear(particle, _delta, force) {
-        if (particle.slow.inRange && !force) {
+        const mod = this.#modifiers.get(particle);
+        if (mod?.enabled && !force) {
             return;
         }
-        particle.slow.factor = 1;
+        particle.removeModifier(slowMode);
+        this.#modifiers.delete(particle);
+    }
+    getOrCreateModifier(particle) {
+        let mod = this.#modifiers.get(particle);
+        if (!mod) {
+            mod = new SlowModifier();
+            this.#modifiers.set(particle, mod);
+            particle.addModifier(mod);
+        }
+        return mod;
     }
     init() {
         const container = this.container, slow = container.actualOptions.interactivity?.modes.slow;
@@ -35,16 +48,20 @@ export class Slower extends ExternalInteractorBase {
         loadOptionProperty(options, "slow", Slow, ...sources);
     }
     reset(interactivityData, particle) {
-        particle.slow.inRange = false;
+        const mod = this.#modifiers.get(particle);
+        if (mod) {
+            mod.enabled = false;
+        }
         const container = this.container, options = container.actualOptions, mousePos = interactivityData.mouse.position, radius = container.retina.slowModeRadius, slowOptions = options.interactivity?.modes.slow;
         if (!slowOptions || !radius || radius < minRadius || !mousePos) {
             return;
         }
-        const particlePos = particle.getPosition(), dist = getDistance(mousePos, particlePos), proximityFactor = dist / radius, slowFactor = slowOptions.factor, { slow } = particle;
+        const particlePos = particle.getPosition(), dist = getDistance(mousePos, particlePos), proximityFactor = dist / radius, slowFactor = slowOptions.factor;
         if (dist > radius) {
             return;
         }
-        slow.inRange = true;
-        slow.factor = proximityFactor / slowFactor;
+        const activeMod = this.getOrCreateModifier(particle);
+        activeMod.enabled = true;
+        activeMod.speedFactor = proximityFactor / slowFactor;
     }
 }

package/cjs/index.js

@@ -1,7 +1,7 @@
 import { ensureInteractivityPluginLoaded } from "@tsparticles/plugin-interactivity";
 import { Slower } from "./Slower.js";
 export async function loadExternalSlowInteraction(engine) {
-    engine.checkVersion("4.2.1");
+    engine.checkVersion("4.3.1");
     await engine.pluginManager.register((e) => {
         ensureInteractivityPluginLoaded(e);
         e.pluginManager.addInteractor?.("externalSlow", container => {
@@ -9,4 +9,5 @@ export async function loadExternalSlowInteraction(engine) {
         });
     });
 }
+export * from "./SlowModifier.js";
 export * from "./Options/Classes/Slow.js";

package/cjs/index.lazy.js

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

package/esm/SlowModifier.js

@@ -0,0 +1,6 @@
+export class SlowModifier {
+    enabled = false;
+    id = "slow";
+    priority = 100;
+    speedFactor = 1;
+}

package/esm/Slower.js

@@ -1,9 +1,11 @@
 import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
 import { getDistance, isInArray, loadOptionProperty, } from "@tsparticles/engine";
 import { Slow } from "./Options/Classes/Slow.js";
+import { SlowModifier } from "./SlowModifier.js";
 const slowMode = "slow", minRadius = 0;
 export class Slower extends ExternalInteractorBase {
     #maxDistance;
+    #modifiers = new WeakMap();
     constructor(container) {
         super(container);
         this.#maxDistance = 0;
@@ -12,10 +14,21 @@ export class Slower extends ExternalInteractorBase {
         return this.#maxDistance;
     }
     clear(particle, _delta, force) {
-        if (particle.slow.inRange && !force) {
+        const mod = this.#modifiers.get(particle);
+        if (mod?.enabled && !force) {
             return;
         }
-        particle.slow.factor = 1;
+        particle.removeModifier(slowMode);
+        this.#modifiers.delete(particle);
+    }
+    getOrCreateModifier(particle) {
+        let mod = this.#modifiers.get(particle);
+        if (!mod) {
+            mod = new SlowModifier();
+            this.#modifiers.set(particle, mod);
+            particle.addModifier(mod);
+        }
+        return mod;
     }
     init() {
         const container = this.container, slow = container.actualOptions.interactivity?.modes.slow;
@@ -35,16 +48,20 @@ export class Slower extends ExternalInteractorBase {
         loadOptionProperty(options, "slow", Slow, ...sources);
     }
     reset(interactivityData, particle) {
-        particle.slow.inRange = false;
+        const mod = this.#modifiers.get(particle);
+        if (mod) {
+            mod.enabled = false;
+        }
         const container = this.container, options = container.actualOptions, mousePos = interactivityData.mouse.position, radius = container.retina.slowModeRadius, slowOptions = options.interactivity?.modes.slow;
         if (!slowOptions || !radius || radius < minRadius || !mousePos) {
             return;
         }
-        const particlePos = particle.getPosition(), dist = getDistance(mousePos, particlePos), proximityFactor = dist / radius, slowFactor = slowOptions.factor, { slow } = particle;
+        const particlePos = particle.getPosition(), dist = getDistance(mousePos, particlePos), proximityFactor = dist / radius, slowFactor = slowOptions.factor;
         if (dist > radius) {
             return;
         }
-        slow.inRange = true;
-        slow.factor = proximityFactor / slowFactor;
+        const activeMod = this.getOrCreateModifier(particle);
+        activeMod.enabled = true;
+        activeMod.speedFactor = proximityFactor / slowFactor;
     }
 }

package/esm/index.js

@@ -1,7 +1,7 @@
 import { ensureInteractivityPluginLoaded } from "@tsparticles/plugin-interactivity";
 import { Slower } from "./Slower.js";
 export async function loadExternalSlowInteraction(engine) {
-    engine.checkVersion("4.2.1");
+    engine.checkVersion("4.3.1");
     await engine.pluginManager.register((e) => {
         ensureInteractivityPluginLoaded(e);
         e.pluginManager.addInteractor?.("externalSlow", container => {
@@ -9,4 +9,5 @@ export async function loadExternalSlowInteraction(engine) {
         });
     });
 }
+export * from "./SlowModifier.js";
 export * from "./Options/Classes/Slow.js";

package/esm/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadExternalSlowInteraction(engine) {
-    engine.checkVersion("4.2.1");
+    engine.checkVersion("4.3.1");
     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-slow",
-  "version": "4.2.1",
+  "version": "4.3.1",
   "description": "tsParticles slow external interaction",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -97,7 +97,7 @@
   },
   "type": "module",
   "peerDependencies": {
-    "@tsparticles/engine": "4.2.1",
-    "@tsparticles/plugin-interactivity": "4.2.1"
+    "@tsparticles/engine": "4.3.1",
+    "@tsparticles/plugin-interactivity": "4.3.1"
   }
 }

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.slow.js","children":[{"name":"dist/browser","children":[{"name":"Options/Classes/Slow.js","uid":"55529186-1"},{"uid":"55529186-3","name":"Slower.js"},{"uid":"55529186-5","name":"index.js"},{"uid":"55529186-7","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"55529186-1":{"renderedLength":296,"gzipLength":0,"brotliLength":0,"metaUid":"55529186-0"},"55529186-3":{"renderedLength":2116,"gzipLength":0,"brotliLength":0,"metaUid":"55529186-2"},"55529186-5":{"renderedLength":387,"gzipLength":0,"brotliLength":0,"metaUid":"55529186-4"},"55529186-7":{"renderedLength":197,"gzipLength":0,"brotliLength":0,"metaUid":"55529186-6"}},"nodeMetas":{"55529186-0":{"id":"/dist/browser/Options/Classes/Slow.js","moduleParts":{"tsparticles.interaction.external.slow.js":"55529186-1"},"imported":[{"uid":"55529186-9"}],"importedBy":[{"uid":"55529186-4"},{"uid":"55529186-2"}]},"55529186-2":{"id":"/dist/browser/Slower.js","moduleParts":{"tsparticles.interaction.external.slow.js":"55529186-3"},"imported":[{"uid":"55529186-8"},{"uid":"55529186-9"},{"uid":"55529186-0"}],"importedBy":[{"uid":"55529186-4"}]},"55529186-4":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.interaction.external.slow.js":"55529186-5"},"imported":[{"uid":"55529186-8"},{"uid":"55529186-2"},{"uid":"55529186-0"}],"importedBy":[{"uid":"55529186-6"}]},"55529186-6":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.interaction.external.slow.js":"55529186-7"},"imported":[{"uid":"55529186-4"}],"importedBy":[],"isEntry":true},"55529186-8":{"id":"@tsparticles/plugin-interactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"55529186-4"},{"uid":"55529186-2"}],"isExternal":true},"55529186-9":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"55529186-2"},{"uid":"55529186-0"}],"isExternal":true}},"env":{"rollup":"4.62.0"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.interaction.external.slow.js","children":[{"name":"dist/browser","children":[{"name":"Options/Classes/Slow.js","uid":"3c44cba8-1"},{"uid":"3c44cba8-3","name":"SlowModifier.js"},{"uid":"3c44cba8-5","name":"Slower.js"},{"uid":"3c44cba8-7","name":"index.js"},{"uid":"3c44cba8-9","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"3c44cba8-1":{"renderedLength":296,"gzipLength":0,"brotliLength":0,"metaUid":"3c44cba8-0"},"3c44cba8-3":{"renderedLength":125,"gzipLength":0,"brotliLength":0,"metaUid":"3c44cba8-2"},"3c44cba8-5":{"renderedLength":2701,"gzipLength":0,"brotliLength":0,"metaUid":"3c44cba8-4"},"3c44cba8-7":{"renderedLength":387,"gzipLength":0,"brotliLength":0,"metaUid":"3c44cba8-6"},"3c44cba8-9":{"renderedLength":197,"gzipLength":0,"brotliLength":0,"metaUid":"3c44cba8-8"}},"nodeMetas":{"3c44cba8-0":{"id":"/dist/browser/Options/Classes/Slow.js","moduleParts":{"tsparticles.interaction.external.slow.js":"3c44cba8-1"},"imported":[{"uid":"3c44cba8-11"}],"importedBy":[{"uid":"3c44cba8-6"},{"uid":"3c44cba8-4"}]},"3c44cba8-2":{"id":"/dist/browser/SlowModifier.js","moduleParts":{"tsparticles.interaction.external.slow.js":"3c44cba8-3"},"imported":[],"importedBy":[{"uid":"3c44cba8-6"},{"uid":"3c44cba8-4"}]},"3c44cba8-4":{"id":"/dist/browser/Slower.js","moduleParts":{"tsparticles.interaction.external.slow.js":"3c44cba8-5"},"imported":[{"uid":"3c44cba8-10"},{"uid":"3c44cba8-11"},{"uid":"3c44cba8-0"},{"uid":"3c44cba8-2"}],"importedBy":[{"uid":"3c44cba8-6"}]},"3c44cba8-6":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.interaction.external.slow.js":"3c44cba8-7"},"imported":[{"uid":"3c44cba8-10"},{"uid":"3c44cba8-4"},{"uid":"3c44cba8-2"},{"uid":"3c44cba8-0"}],"importedBy":[{"uid":"3c44cba8-8"}]},"3c44cba8-8":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.interaction.external.slow.js":"3c44cba8-9"},"imported":[{"uid":"3c44cba8-6"}],"importedBy":[],"isEntry":true},"3c44cba8-10":{"id":"@tsparticles/plugin-interactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"3c44cba8-6"},{"uid":"3c44cba8-4"}],"isExternal":true},"3c44cba8-11":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"3c44cba8-4"},{"uid":"3c44cba8-0"}],"isExternal":true}},"env":{"rollup":"4.62.2"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/tsparticles.interaction.external.slow.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.2.1 */
+/* External Interaction v4.3.1 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tsparticles/plugin-interactivity'), require('@tsparticles/engine')) :
     typeof define === 'function' && define.amd ? define(['exports', '@tsparticles/plugin-interactivity', '@tsparticles/engine'], factory) :
@@ -18,9 +18,17 @@
         }
     }
 
+    class SlowModifier {
+        enabled = false;
+        id = "slow";
+        priority = 100;
+        speedFactor = 1;
+    }
+
     const slowMode = "slow", minRadius = 0;
     class Slower extends pluginInteractivity.ExternalInteractorBase {
         #maxDistance;
+        #modifiers = new WeakMap();
         constructor(container) {
             super(container);
             this.#maxDistance = 0;
@@ -29,10 +37,21 @@
             return this.#maxDistance;
         }
         clear(particle, _delta, force) {
-            if (particle.slow.inRange && !force) {
+            const mod = this.#modifiers.get(particle);
+            if (mod?.enabled && !force) {
                 return;
             }
-            particle.slow.factor = 1;
+            particle.removeModifier(slowMode);
+            this.#modifiers.delete(particle);
+        }
+        getOrCreateModifier(particle) {
+            let mod = this.#modifiers.get(particle);
+            if (!mod) {
+                mod = new SlowModifier();
+                this.#modifiers.set(particle, mod);
+                particle.addModifier(mod);
+            }
+            return mod;
         }
         init() {
             const container = this.container, slow = container.actualOptions.interactivity?.modes.slow;
@@ -52,22 +71,26 @@
             engine.loadOptionProperty(options, "slow", Slow, ...sources);
         }
         reset(interactivityData, particle) {
-            particle.slow.inRange = false;
+            const mod = this.#modifiers.get(particle);
+            if (mod) {
+                mod.enabled = false;
+            }
             const container = this.container, options = container.actualOptions, mousePos = interactivityData.mouse.position, radius = container.retina.slowModeRadius, slowOptions = options.interactivity?.modes.slow;
             if (!slowOptions || !radius || radius < minRadius || !mousePos) {
                 return;
             }
-            const particlePos = particle.getPosition(), dist = engine.getDistance(mousePos, particlePos), proximityFactor = dist / radius, slowFactor = slowOptions.factor, { slow } = particle;
+            const particlePos = particle.getPosition(), dist = engine.getDistance(mousePos, particlePos), proximityFactor = dist / radius, slowFactor = slowOptions.factor;
             if (dist > radius) {
                 return;
             }
-            slow.inRange = true;
-            slow.factor = proximityFactor / slowFactor;
+            const activeMod = this.getOrCreateModifier(particle);
+            activeMod.enabled = true;
+            activeMod.speedFactor = proximityFactor / slowFactor;
         }
     }
 
     async function loadExternalSlowInteraction(engine) {
-        engine.checkVersion("4.2.1");
+        engine.checkVersion("4.3.1");
         await engine.pluginManager.register((e) => {
             pluginInteractivity.ensureInteractivityPluginLoaded(e);
             e.pluginManager.addInteractor?.("externalSlow", container => {
@@ -81,6 +104,7 @@
     globalObject.loadExternalSlowInteraction = loadExternalSlowInteraction;
 
     exports.Slow = Slow;
+    exports.SlowModifier = SlowModifier;
     exports.loadExternalSlowInteraction = loadExternalSlowInteraction;
 
 }));

package/tsparticles.interaction.external.slow.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")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/plugin-interactivity","@tsparticles/engine"],s):s(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.interactions.externalSlow=t.__tsParticlesInternals.interactions.externalSlow||{}),t.__tsParticlesInternals.plugins.interactivity,t.__tsParticlesInternals.engine)}(this,function(t,s,e){"use strict";class n{factor=3;radius=200;load(t){e.isNull(t)||(e.loadProperty(this,"factor",t.factor),e.loadProperty(this,"radius",t.radius))}}class a extends s.ExternalInteractorBase{#t;constructor(t){super(t),this.#t=0}get maxDistance(){return this.#t}clear(t,s,e){t.slow.inRange&&!e||(t.slow.factor=1)}init(){const t=this.container,s=t.actualOptions.interactivity?.modes.slow;s&&(this.#t=s.radius,t.retina.slowModeRadius=s.radius*t.retina.pixelRatio)}interact(){}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("slow",r.onHover.mode)}loadModeOptions(t,...s){e.loadOptionProperty(t,"slow",n,...s)}reset(t,s){s.slow.inRange=!1;const n=this.container,a=n.actualOptions,r=t.mouse.position,l=n.retina.slowModeRadius,i=a.interactivity?.modes.slow;if(!i||!l||l<0||!r)return;const c=s.getPosition(),_=e.getDistance(r,c),o=_/l,I=i.factor,{slow:P}=s;_>l||(P.inRange=!0,P.factor=o/I)}}async function r(t){t.checkVersion("4.2.1"),await t.pluginManager.register(t=>{s.ensureInteractivityPluginLoaded(t),t.pluginManager.addInteractor?.("externalSlow",t=>Promise.resolve(new a(t)))})}const l=globalThis;l.__tsParticlesInternals=l.__tsParticlesInternals??{},l.loadExternalSlowInteraction=r,t.Slow=n,t.loadExternalSlowInteraction=r}),Object.assign(globalThis.window||globalThis,{loadExternalSlowInteraction:(globalThis.__tsParticlesInternals.interactions.externalSlow||{}).loadExternalSlowInteraction}),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")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/plugin-interactivity","@tsparticles/engine"],s):s(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.interactions.externalSlow=t.__tsParticlesInternals.interactions.externalSlow||{}),t.__tsParticlesInternals.plugins.interactivity,t.__tsParticlesInternals.engine)}(this,function(t,s,e){"use strict";class n{factor=3;radius=200;load(t){e.isNull(t)||(e.loadProperty(this,"factor",t.factor),e.loadProperty(this,"radius",t.radius))}}class a{enabled=!1;id="slow";priority=100;speedFactor=1}const r="slow";class i extends s.ExternalInteractorBase{#t;#s=new WeakMap;constructor(t){super(t),this.#t=0}get maxDistance(){return this.#t}clear(t,s,e){const n=this.#s.get(t);n?.enabled&&!e||(t.removeModifier(r),this.#s.delete(t))}getOrCreateModifier(t){let s=this.#s.get(t);return s||(s=new a,this.#s.set(t,s),t.addModifier(s)),s}init(){const t=this.container,s=t.actualOptions.interactivity?.modes.slow;s&&(this.#t=s.radius,t.retina.slowModeRadius=s.radius*t.retina.pixelRatio)}interact(){}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(r,i.onHover.mode)}loadModeOptions(t,...s){e.loadOptionProperty(t,"slow",n,...s)}reset(t,s){const n=this.#s.get(s);n&&(n.enabled=!1);const a=this.container,r=a.actualOptions,i=t.mouse.position,l=a.retina.slowModeRadius,c=r.interactivity?.modes.slow;if(!c||!l||l<0||!i)return;const _=s.getPosition(),o=e.getDistance(i,_),I=o/l,P=c.factor;if(o>l)return;const p=this.getOrCreateModifier(s);p.enabled=!0,p.speedFactor=I/P}}async function l(t){t.checkVersion("4.3.1"),await t.pluginManager.register(t=>{s.ensureInteractivityPluginLoaded(t),t.pluginManager.addInteractor?.("externalSlow",t=>Promise.resolve(new i(t)))})}const c=globalThis;c.__tsParticlesInternals=c.__tsParticlesInternals??{},c.loadExternalSlowInteraction=l,t.Slow=n,t.SlowModifier=a,t.loadExternalSlowInteraction=l}),Object.assign(globalThis.window||globalThis,{loadExternalSlowInteraction:(globalThis.__tsParticlesInternals.interactions.externalSlow||{}).loadExternalSlowInteraction}),delete(globalThis.window||globalThis).tsparticlesInternalExports;

package/types/SlowModifier.d.ts

@@ -0,0 +1,7 @@
+import type { IParticleModifier } from "@tsparticles/engine";
+export declare class SlowModifier implements IParticleModifier {
+    enabled: boolean;
+    readonly id = "slow";
+    readonly priority = 100;
+    speedFactor: number;
+}

package/types/Slower.d.ts

@@ -1,11 +1,13 @@
 import { ExternalInteractorBase, type IInteractivityData, type IModes, type InteractivityParticle, type Modes } from "@tsparticles/plugin-interactivity";
 import { type IDelta, type Particle, type RecursivePartial } from "@tsparticles/engine";
 import type { ISlowMode, SlowContainer, SlowMode } from "./Types.js";
+import { SlowModifier } from "./SlowModifier.js";
 export declare class Slower extends ExternalInteractorBase<SlowContainer> {
     #private;
     constructor(container: SlowContainer);
     get maxDistance(): number;
     clear(particle: Particle, _delta: IDelta, force?: boolean): void;
+    getOrCreateModifier(particle: Particle): SlowModifier;
     init(): void;
     interact(): void;
     isEnabled(interactivityData: IInteractivityData, particle?: InteractivityParticle): boolean;

package/types/index.d.ts

@@ -1,4 +1,5 @@
 import { type Engine } from "@tsparticles/engine";
 export declare function loadExternalSlowInteraction(engine: Engine): Promise<void>;
+export * from "./SlowModifier.js";
 export * from "./Options/Classes/Slow.js";
 export type * from "./Options/Interfaces/ISlow.js";