@tsparticles/interaction-external-bounce 4.1.2 → 4.2.0

package/browser/Bouncer.js

@@ -1,5 +1,5 @@
 import { ExternalInteractorBase, isDivModeEnabled, mouseMoveEvent, } from "@tsparticles/plugin-interactivity";
-import { isInArray } from "@tsparticles/engine";
+import { isInArray, loadOptionProperty } from "@tsparticles/engine";
 import { divBounce, mouseBounce } from "./Utils.js";
 import { Bounce } from "./Options/Classes/Bounce.js";
 const bounceMode = "bounce";
@@ -45,10 +45,7 @@ export class Bouncer extends ExternalInteractorBase {
             isDivModeEnabled(bounceMode, divs));
     }
     loadModeOptions(options, ...sources) {
-        options.bounce ??= new Bounce();
-        for (const source of sources) {
-            options.bounce.load(source?.bounce);
-        }
+        loadOptionProperty(options, "bounce", Bounce, ...sources);
     }
     reset() {
     }

package/browser/Options/Classes/Bounce.js

@@ -1,15 +1,10 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 export class Bounce {
-    distance;
-    constructor() {
-        this.distance = 200;
-    }
+    distance = 200;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.distance !== undefined) {
-            this.distance = data.distance;
-        }
+        loadProperty(this, "distance", data.distance);
     }
 }

package/browser/Utils.js

@@ -1,6 +1,6 @@
-import { Circle, Rectangle, Vector, calculateBounds, circleBounce, circleBounceDataFromParticle, double, getRangeValue, half, safeDocument, } from "@tsparticles/engine";
+import { Circle, Rectangle, Vector, calculateBounds, circleBounce, circleBounceDataFromParticle, double, getRangeValue, half, minRadius, minVelocity, safeDocument, squareExp, } from "@tsparticles/engine";
 import { DivType, divModeExecute } from "@tsparticles/plugin-interactivity";
-const squareExp = 2, halfPI = Math.PI * half, toleranceFactor = 10, minRadius = 0, minVelocity = 0;
+const halfPI = Math.PI * half, toleranceFactor = 10;
 function processBounce(container, position, radius, area, enabledCb) {
     const query = container.particles.grid.query(area, enabledCb);
     for (const particle of query) {

package/browser/index.js

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

package/browser/index.lazy.js

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

package/cjs/Bouncer.js

@@ -1,5 +1,5 @@
 import { ExternalInteractorBase, isDivModeEnabled, mouseMoveEvent, } from "@tsparticles/plugin-interactivity";
-import { isInArray } from "@tsparticles/engine";
+import { isInArray, loadOptionProperty } from "@tsparticles/engine";
 import { divBounce, mouseBounce } from "./Utils.js";
 import { Bounce } from "./Options/Classes/Bounce.js";
 const bounceMode = "bounce";
@@ -45,10 +45,7 @@ export class Bouncer extends ExternalInteractorBase {
             isDivModeEnabled(bounceMode, divs));
     }
     loadModeOptions(options, ...sources) {
-        options.bounce ??= new Bounce();
-        for (const source of sources) {
-            options.bounce.load(source?.bounce);
-        }
+        loadOptionProperty(options, "bounce", Bounce, ...sources);
     }
     reset() {
     }

package/cjs/Options/Classes/Bounce.js

@@ -1,15 +1,10 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 export class Bounce {
-    distance;
-    constructor() {
-        this.distance = 200;
-    }
+    distance = 200;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.distance !== undefined) {
-            this.distance = data.distance;
-        }
+        loadProperty(this, "distance", data.distance);
     }
 }

package/cjs/Utils.js

@@ -1,6 +1,6 @@
-import { Circle, Rectangle, Vector, calculateBounds, circleBounce, circleBounceDataFromParticle, double, getRangeValue, half, safeDocument, } from "@tsparticles/engine";
+import { Circle, Rectangle, Vector, calculateBounds, circleBounce, circleBounceDataFromParticle, double, getRangeValue, half, minRadius, minVelocity, safeDocument, squareExp, } from "@tsparticles/engine";
 import { DivType, divModeExecute } from "@tsparticles/plugin-interactivity";
-const squareExp = 2, halfPI = Math.PI * half, toleranceFactor = 10, minRadius = 0, minVelocity = 0;
+const halfPI = Math.PI * half, toleranceFactor = 10;
 function processBounce(container, position, radius, area, enabledCb) {
     const query = container.particles.grid.query(area, enabledCb);
     for (const particle of query) {

package/cjs/index.js

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

package/cjs/index.lazy.js

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

package/esm/Bouncer.js

@@ -1,5 +1,5 @@
 import { ExternalInteractorBase, isDivModeEnabled, mouseMoveEvent, } from "@tsparticles/plugin-interactivity";
-import { isInArray } from "@tsparticles/engine";
+import { isInArray, loadOptionProperty } from "@tsparticles/engine";
 import { divBounce, mouseBounce } from "./Utils.js";
 import { Bounce } from "./Options/Classes/Bounce.js";
 const bounceMode = "bounce";
@@ -45,10 +45,7 @@ export class Bouncer extends ExternalInteractorBase {
             isDivModeEnabled(bounceMode, divs));
     }
     loadModeOptions(options, ...sources) {
-        options.bounce ??= new Bounce();
-        for (const source of sources) {
-            options.bounce.load(source?.bounce);
-        }
+        loadOptionProperty(options, "bounce", Bounce, ...sources);
     }
     reset() {
     }

package/esm/Options/Classes/Bounce.js

@@ -1,15 +1,10 @@
-import { isNull } from "@tsparticles/engine";
+import { isNull, loadProperty } from "@tsparticles/engine";
 export class Bounce {
-    distance;
-    constructor() {
-        this.distance = 200;
-    }
+    distance = 200;
     load(data) {
         if (isNull(data)) {
             return;
         }
-        if (data.distance !== undefined) {
-            this.distance = data.distance;
-        }
+        loadProperty(this, "distance", data.distance);
     }
 }

package/esm/Utils.js

@@ -1,6 +1,6 @@
-import { Circle, Rectangle, Vector, calculateBounds, circleBounce, circleBounceDataFromParticle, double, getRangeValue, half, safeDocument, } from "@tsparticles/engine";
+import { Circle, Rectangle, Vector, calculateBounds, circleBounce, circleBounceDataFromParticle, double, getRangeValue, half, minRadius, minVelocity, safeDocument, squareExp, } from "@tsparticles/engine";
 import { DivType, divModeExecute } from "@tsparticles/plugin-interactivity";
-const squareExp = 2, halfPI = Math.PI * half, toleranceFactor = 10, minRadius = 0, minVelocity = 0;
+const halfPI = Math.PI * half, toleranceFactor = 10;
 function processBounce(container, position, radius, area, enabledCb) {
     const query = container.particles.grid.query(area, enabledCb);
     for (const particle of query) {

package/esm/index.js

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

package/esm/index.lazy.js

@@ -1,5 +1,5 @@
 export async function loadExternalBounceInteraction(engine) {
-    engine.checkVersion("4.1.2");
+    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-bounce",
-  "version": "4.1.2",
+  "version": "4.2.0",
   "description": "tsParticles bounce external interaction",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -97,7 +97,7 @@
   },
   "type": "module",
   "peerDependencies": {
-    "@tsparticles/engine": "4.1.2",
-    "@tsparticles/plugin-interactivity": "4.1.2"
+    "@tsparticles/engine": "4.2.0",
+    "@tsparticles/plugin-interactivity": "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.bounce.js","children":[{"name":"dist/browser","children":[{"uid":"94b27219-1","name":"Utils.js"},{"name":"Options/Classes/Bounce.js","uid":"94b27219-3"},{"uid":"94b27219-5","name":"Bouncer.js"},{"uid":"94b27219-7","name":"index.js"},{"uid":"94b27219-9","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"94b27219-1":{"renderedLength":5363,"gzipLength":0,"brotliLength":0,"metaUid":"94b27219-0"},"94b27219-3":{"renderedLength":325,"gzipLength":0,"brotliLength":0,"metaUid":"94b27219-2"},"94b27219-5":{"renderedLength":2254,"gzipLength":0,"brotliLength":0,"metaUid":"94b27219-4"},"94b27219-7":{"renderedLength":392,"gzipLength":0,"brotliLength":0,"metaUid":"94b27219-6"},"94b27219-9":{"renderedLength":201,"gzipLength":0,"brotliLength":0,"metaUid":"94b27219-8"}},"nodeMetas":{"94b27219-0":{"id":"/dist/browser/Utils.js","moduleParts":{"tsparticles.interaction.external.bounce.js":"94b27219-1"},"imported":[{"uid":"94b27219-11"},{"uid":"94b27219-10"}],"importedBy":[{"uid":"94b27219-4"}]},"94b27219-2":{"id":"/dist/browser/Options/Classes/Bounce.js","moduleParts":{"tsparticles.interaction.external.bounce.js":"94b27219-3"},"imported":[{"uid":"94b27219-11"}],"importedBy":[{"uid":"94b27219-6"},{"uid":"94b27219-4"}]},"94b27219-4":{"id":"/dist/browser/Bouncer.js","moduleParts":{"tsparticles.interaction.external.bounce.js":"94b27219-5"},"imported":[{"uid":"94b27219-10"},{"uid":"94b27219-11"},{"uid":"94b27219-0"},{"uid":"94b27219-2"}],"importedBy":[{"uid":"94b27219-6"}]},"94b27219-6":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.interaction.external.bounce.js":"94b27219-7"},"imported":[{"uid":"94b27219-10"},{"uid":"94b27219-4"},{"uid":"94b27219-2"}],"importedBy":[{"uid":"94b27219-8"}]},"94b27219-8":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.interaction.external.bounce.js":"94b27219-9"},"imported":[{"uid":"94b27219-6"}],"importedBy":[],"isEntry":true},"94b27219-10":{"id":"@tsparticles/plugin-interactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"94b27219-6"},{"uid":"94b27219-4"},{"uid":"94b27219-0"}],"isExternal":true},"94b27219-11":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"94b27219-4"},{"uid":"94b27219-2"},{"uid":"94b27219-0"}],"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.bounce.js","children":[{"name":"dist/browser","children":[{"uid":"a8911fbe-1","name":"Utils.js"},{"name":"Options/Classes/Bounce.js","uid":"a8911fbe-3"},{"uid":"a8911fbe-5","name":"Bouncer.js"},{"uid":"a8911fbe-7","name":"index.js"},{"uid":"a8911fbe-9","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"a8911fbe-1":{"renderedLength":5344,"gzipLength":0,"brotliLength":0,"metaUid":"a8911fbe-0"},"a8911fbe-3":{"renderedLength":222,"gzipLength":0,"brotliLength":0,"metaUid":"a8911fbe-2"},"a8911fbe-5":{"renderedLength":2176,"gzipLength":0,"brotliLength":0,"metaUid":"a8911fbe-4"},"a8911fbe-7":{"renderedLength":392,"gzipLength":0,"brotliLength":0,"metaUid":"a8911fbe-6"},"a8911fbe-9":{"renderedLength":201,"gzipLength":0,"brotliLength":0,"metaUid":"a8911fbe-8"}},"nodeMetas":{"a8911fbe-0":{"id":"/dist/browser/Utils.js","moduleParts":{"tsparticles.interaction.external.bounce.js":"a8911fbe-1"},"imported":[{"uid":"a8911fbe-11"},{"uid":"a8911fbe-10"}],"importedBy":[{"uid":"a8911fbe-4"}]},"a8911fbe-2":{"id":"/dist/browser/Options/Classes/Bounce.js","moduleParts":{"tsparticles.interaction.external.bounce.js":"a8911fbe-3"},"imported":[{"uid":"a8911fbe-11"}],"importedBy":[{"uid":"a8911fbe-6"},{"uid":"a8911fbe-4"}]},"a8911fbe-4":{"id":"/dist/browser/Bouncer.js","moduleParts":{"tsparticles.interaction.external.bounce.js":"a8911fbe-5"},"imported":[{"uid":"a8911fbe-10"},{"uid":"a8911fbe-11"},{"uid":"a8911fbe-0"},{"uid":"a8911fbe-2"}],"importedBy":[{"uid":"a8911fbe-6"}]},"a8911fbe-6":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.interaction.external.bounce.js":"a8911fbe-7"},"imported":[{"uid":"a8911fbe-10"},{"uid":"a8911fbe-4"},{"uid":"a8911fbe-2"}],"importedBy":[{"uid":"a8911fbe-8"}]},"a8911fbe-8":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.interaction.external.bounce.js":"a8911fbe-9"},"imported":[{"uid":"a8911fbe-6"}],"importedBy":[],"isEntry":true},"a8911fbe-10":{"id":"@tsparticles/plugin-interactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"a8911fbe-6"},{"uid":"a8911fbe-4"},{"uid":"a8911fbe-0"}],"isExternal":true},"a8911fbe-11":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"a8911fbe-4"},{"uid":"a8911fbe-2"},{"uid":"a8911fbe-0"}],"isExternal":true}},"env":{"rollup":"4.62.0"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/tsparticles.interaction.external.bounce.js

@@ -1,12 +1,12 @@
 (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.2 */
+/* External Interaction v4.2.0 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tsparticles/plugin-interactivity'), require('@tsparticles/engine')) :
     typeof define === 'function' && define.amd ? define(['exports', '@tsparticles/plugin-interactivity', '@tsparticles/engine'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.__tsParticlesInternals = global.__tsParticlesInternals || {}, global.__tsParticlesInternals.interactions = global.__tsParticlesInternals.interactions || {}, global.__tsParticlesInternals.interactions.externalBounce = global.__tsParticlesInternals.interactions.externalBounce || {}), global.__tsParticlesInternals.plugins.interactivity, global.__tsParticlesInternals.engine));
 })(this, (function (exports, pluginInteractivity, engine) { 'use strict';
 
-    const squareExp = 2, halfPI = Math.PI * engine.half, toleranceFactor = 10, minRadius = 0, minVelocity = 0;
+    const halfPI = Math.PI * engine.half, toleranceFactor = 10;
     function processBounce(container, position, radius, area, enabledCb) {
         const query = container.particles.grid.query(area, enabledCb);
         for (const particle of query) {
@@ -14,7 +14,7 @@
                 engine.circleBounce(engine.circleBounceDataFromParticle(particle), {
                     position,
                     radius,
-                    mass: radius ** squareExp * halfPI,
+                    mass: radius ** engine.squareExp * halfPI,
                     velocity: engine.Vector.origin,
                     factor: engine.Vector.origin,
                 });
@@ -48,7 +48,7 @@
     }
     function mouseBounce(container, interactivityData, enabledCb) {
         const pxRatio = container.retina.pixelRatio, tolerance = toleranceFactor * pxRatio, mousePos = interactivityData.mouse.position, radius = container.retina.bounceModeDistance;
-        if (!radius || radius < minRadius || !mousePos) {
+        if (!radius || radius < engine.minRadius || !mousePos) {
             return;
         }
         processBounce(container, mousePos, radius, new engine.Circle(mousePos.x, mousePos.y, radius + tolerance), enabledCb);
@@ -61,8 +61,8 @@
             pOtherSide.max > rectOtherSide.max) {
             return res;
         }
-        if ((pSide.max >= rectSide.min && pSide.max <= (rectSide.max + rectSide.min) * engine.half && velocity > minVelocity) ||
-            (pSide.min <= rectSide.max && pSide.min > (rectSide.max + rectSide.min) * engine.half && velocity < minVelocity)) {
+        if ((pSide.max >= rectSide.min && pSide.max <= (rectSide.max + rectSide.min) * engine.half && velocity > engine.minVelocity) ||
+            (pSide.min <= rectSide.max && pSide.min > (rectSide.max + rectSide.min) * engine.half && velocity < engine.minVelocity)) {
             res.velocity = velocity * -factor;
             res.bounced = true;
         }
@@ -128,17 +128,12 @@
     }
 
     class Bounce {
-        distance;
-        constructor() {
-            this.distance = 200;
-        }
+        distance = 200;
         load(data) {
             if (engine.isNull(data)) {
                 return;
             }
-            if (data.distance !== undefined) {
-                this.distance = data.distance;
-            }
+            engine.loadProperty(this, "distance", data.distance);
         }
     }
 
@@ -185,17 +180,14 @@
                 pluginInteractivity.isDivModeEnabled(bounceMode, divs));
         }
         loadModeOptions(options, ...sources) {
-            options.bounce ??= new Bounce();
-            for (const source of sources) {
-                options.bounce.load(source?.bounce);
-            }
+            engine.loadOptionProperty(options, "bounce", Bounce, ...sources);
         }
         reset() {
         }
     }
 
     async function loadExternalBounceInteraction(engine) {
-        engine.checkVersion("4.1.2");
+        engine.checkVersion("4.2.0");
         await engine.pluginManager.register((e) => {
             pluginInteractivity.ensureInteractivityPluginLoaded(e);
             e.pluginManager.addInteractor?.("externalBounce", container => {

package/tsparticles.interaction.external.bounce.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 e="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,e){return e in t||(t[e]={}),t[e]}})}:function(t){return t};t.__tsParticlesInternals.bundles=e(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=e(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=e(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=e(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=e(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=e(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=e(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=e(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=e(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=e(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=e(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=e(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=e(t.__tsParticlesInternals.path),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@tsparticles/plugin-interactivity"),require("@tsparticles/engine")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/plugin-interactivity","@tsparticles/engine"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.interactions.externalBounce=t.__tsParticlesInternals.interactions.externalBounce||{}),t.__tsParticlesInternals.plugins.interactivity,t.__tsParticlesInternals.engine)}(this,function(t,e,s){"use strict";const n=Math.PI*s.half;function a(t,e,a,i,r){const c=t.particles.grid.query(i,r);for(const t of c)i instanceof s.Circle?s.circleBounce(s.circleBounceDataFromParticle(t),{position:e,radius:a,mass:a**2*n,velocity:s.Vector.origin,factor:s.Vector.origin}):i instanceof s.Rectangle&&l(t,s.calculateBounds(e,a))}function i(t,n,i,r){e.divModeExecute(i,n,(n,i)=>{!function(t,n,a,i){const r=s.safeDocument().querySelectorAll(n);r.length&&r.forEach(n=>{const r=n,l=t.retina.pixelRatio,c={x:(r.offsetLeft+r.offsetWidth*s.half)*l,y:(r.offsetTop+r.offsetHeight*s.half)*l},o=r.offsetWidth*s.half*l,_=10*l,u=a.type===e.DivType.circle?new s.Circle(c.x,c.y,o+_):new s.Rectangle(r.offsetLeft*l-_,r.offsetTop*l-_,r.offsetWidth*l+_*s.double,r.offsetHeight*l+_*s.double);i(c,o,u)})}(t,n,i,(e,s,n)=>{a(t,e,s,n,r)})})}function r(t){const e={bounced:!1},{pSide:n,pOtherSide:a,rectSide:i,rectOtherSide:r,velocity:l,factor:c}=t;return a.min<r.min||a.min>r.max||a.max<r.min||a.max>r.max||(n.max>=i.min&&n.max<=(i.max+i.min)*s.half&&l>0||n.min<=i.max&&n.min>(i.max+i.min)*s.half&&l<0)&&(e.velocity=l*-c,e.bounced=!0),e}function l(t,e){const n=t.getPosition(),a=t.getRadius(),i=s.calculateBounds(n,a),l=t.options.bounce,c=r({pSide:{min:i.left,max:i.right},pOtherSide:{min:i.top,max:i.bottom},rectSide:{min:e.left,max:e.right},rectOtherSide:{min:e.top,max:e.bottom},velocity:t.velocity.x,factor:s.getRangeValue(l.horizontal.value)});c.bounced&&(void 0!==c.velocity&&(t.velocity.x=c.velocity),void 0!==c.position&&(t.position.x=c.position));const o=r({pSide:{min:i.top,max:i.bottom},pOtherSide:{min:i.left,max:i.right},rectSide:{min:e.top,max:e.bottom},rectOtherSide:{min:e.left,max:e.right},velocity:t.velocity.y,factor:s.getRangeValue(l.vertical.value)});o.bounced&&(void 0!==o.velocity&&(t.velocity.y=o.velocity),void 0!==o.position&&(t.position.y=o.position))}class c{distance;constructor(){this.distance=200}load(t){s.isNull(t)||void 0!==t.distance&&(this.distance=t.distance)}}const o="bounce";class _ extends e.ExternalInteractorBase{#t;constructor(t){super(t),this.#t=0}get maxDistance(){return this.#t}clear(){}init(){const t=this.container,e=t.actualOptions.interactivity?.modes.bounce;e&&(this.#t=e.distance,t.retina.bounceModeDistance=e.distance*t.retina.pixelRatio)}interact(t){const n=this.container.actualOptions,r=n.interactivity?.events,l=t.status===e.mouseMoveEvent;if(!r)return;const c=r.onHover.enable,_=r.onHover.mode,u=r.onDiv;l&&c&&s.isInArray(o,_)?function(t,e,n){const i=10*t.retina.pixelRatio,r=e.mouse.position,l=t.retina.bounceModeDistance;!l||l<0||!r||a(t,r,l,new s.Circle(r.x,r.y,l+i),n)}(this.container,t,e=>this.isEnabled(t,e)):i(this.container,u,o,e=>this.isEnabled(t,e))}isEnabled(t,n){const a=this.container.actualOptions,i=t.mouse,r=(n?.interactivity??a.interactivity)?.events;if(!r)return!1;const l=r.onDiv;return!!i.position&&r.onHover.enable&&s.isInArray(o,r.onHover.mode)||e.isDivModeEnabled(o,l)}loadModeOptions(t,...e){t.bounce??=new c;for(const s of e)t.bounce.load(s?.bounce)}reset(){}}async function u(t){t.checkVersion("4.1.2"),await t.pluginManager.register(t=>{e.ensureInteractivityPluginLoaded(t),t.pluginManager.addInteractor?.("externalBounce",t=>Promise.resolve(new _(t)))})}const p=globalThis;p.__tsParticlesInternals=p.__tsParticlesInternals??{},p.loadExternalBounceInteraction=u,t.Bounce=c,t.loadExternalBounceInteraction=u}),Object.assign(globalThis.window||globalThis,{loadExternalBounceInteraction:(globalThis.__tsParticlesInternals.interactions.externalBounce||{}).loadExternalBounceInteraction}),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 e="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,e){return e in t||(t[e]={}),t[e]}})}:function(t){return t};t.__tsParticlesInternals.bundles=e(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=e(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=e(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=e(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=e(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=e(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=e(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=e(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=e(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=e(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=e(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=e(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=e(t.__tsParticlesInternals.path),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@tsparticles/plugin-interactivity"),require("@tsparticles/engine")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/plugin-interactivity","@tsparticles/engine"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.interactions.externalBounce=t.__tsParticlesInternals.interactions.externalBounce||{}),t.__tsParticlesInternals.plugins.interactivity,t.__tsParticlesInternals.engine)}(this,function(t,e,s){"use strict";const n=Math.PI*s.half;function a(t,e,a,i,r){const c=t.particles.grid.query(i,r);for(const t of c)i instanceof s.Circle?s.circleBounce(s.circleBounceDataFromParticle(t),{position:e,radius:a,mass:a**s.squareExp*n,velocity:s.Vector.origin,factor:s.Vector.origin}):i instanceof s.Rectangle&&l(t,s.calculateBounds(e,a))}function i(t,n,i,r){e.divModeExecute(i,n,(n,i)=>{!function(t,n,a,i){const r=s.safeDocument().querySelectorAll(n);r.length&&r.forEach(n=>{const r=n,l=t.retina.pixelRatio,c={x:(r.offsetLeft+r.offsetWidth*s.half)*l,y:(r.offsetTop+r.offsetHeight*s.half)*l},o=r.offsetWidth*s.half*l,_=10*l,u=a.type===e.DivType.circle?new s.Circle(c.x,c.y,o+_):new s.Rectangle(r.offsetLeft*l-_,r.offsetTop*l-_,r.offsetWidth*l+_*s.double,r.offsetHeight*l+_*s.double);i(c,o,u)})}(t,n,i,(e,s,n)=>{a(t,e,s,n,r)})})}function r(t){const e={bounced:!1},{pSide:n,pOtherSide:a,rectSide:i,rectOtherSide:r,velocity:l,factor:c}=t;return a.min<r.min||a.min>r.max||a.max<r.min||a.max>r.max||(n.max>=i.min&&n.max<=(i.max+i.min)*s.half&&l>s.minVelocity||n.min<=i.max&&n.min>(i.max+i.min)*s.half&&l<s.minVelocity)&&(e.velocity=l*-c,e.bounced=!0),e}function l(t,e){const n=t.getPosition(),a=t.getRadius(),i=s.calculateBounds(n,a),l=t.options.bounce,c=r({pSide:{min:i.left,max:i.right},pOtherSide:{min:i.top,max:i.bottom},rectSide:{min:e.left,max:e.right},rectOtherSide:{min:e.top,max:e.bottom},velocity:t.velocity.x,factor:s.getRangeValue(l.horizontal.value)});c.bounced&&(void 0!==c.velocity&&(t.velocity.x=c.velocity),void 0!==c.position&&(t.position.x=c.position));const o=r({pSide:{min:i.top,max:i.bottom},pOtherSide:{min:i.left,max:i.right},rectSide:{min:e.top,max:e.bottom},rectOtherSide:{min:e.left,max:e.right},velocity:t.velocity.y,factor:s.getRangeValue(l.vertical.value)});o.bounced&&(void 0!==o.velocity&&(t.velocity.y=o.velocity),void 0!==o.position&&(t.position.y=o.position))}class c{distance=200;load(t){s.isNull(t)||s.loadProperty(this,"distance",t.distance)}}const o="bounce";class _ extends e.ExternalInteractorBase{#t;constructor(t){super(t),this.#t=0}get maxDistance(){return this.#t}clear(){}init(){const t=this.container,e=t.actualOptions.interactivity?.modes.bounce;e&&(this.#t=e.distance,t.retina.bounceModeDistance=e.distance*t.retina.pixelRatio)}interact(t){const n=this.container.actualOptions,r=n.interactivity?.events,l=t.status===e.mouseMoveEvent;if(!r)return;const c=r.onHover.enable,_=r.onHover.mode,u=r.onDiv;l&&c&&s.isInArray(o,_)?function(t,e,n){const i=10*t.retina.pixelRatio,r=e.mouse.position,l=t.retina.bounceModeDistance;!l||l<s.minRadius||!r||a(t,r,l,new s.Circle(r.x,r.y,l+i),n)}(this.container,t,e=>this.isEnabled(t,e)):i(this.container,u,o,e=>this.isEnabled(t,e))}isEnabled(t,n){const a=this.container.actualOptions,i=t.mouse,r=(n?.interactivity??a.interactivity)?.events;if(!r)return!1;const l=r.onDiv;return!!i.position&&r.onHover.enable&&s.isInArray(o,r.onHover.mode)||e.isDivModeEnabled(o,l)}loadModeOptions(t,...e){s.loadOptionProperty(t,"bounce",c,...e)}reset(){}}async function u(t){t.checkVersion("4.2.0"),await t.pluginManager.register(t=>{e.ensureInteractivityPluginLoaded(t),t.pluginManager.addInteractor?.("externalBounce",t=>Promise.resolve(new _(t)))})}const p=globalThis;p.__tsParticlesInternals=p.__tsParticlesInternals??{},p.loadExternalBounceInteraction=u,t.Bounce=c,t.loadExternalBounceInteraction=u}),Object.assign(globalThis.window||globalThis,{loadExternalBounceInteraction:(globalThis.__tsParticlesInternals.interactions.externalBounce||{}).loadExternalBounceInteraction}),delete(globalThis.window||globalThis).tsparticlesInternalExports;

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

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

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

@@ -1,7 +1,9 @@
-import type { BounceMode } from "../../Types.js";
+import type { Bounce } from "./Bounce.js";
 import type { InteractivityOptions } from "@tsparticles/plugin-interactivity";
 export type BounceOptions = InteractivityOptions & {
     interactivity?: {
-        modes: BounceMode;
+        modes: {
+            bounce?: Bounce;
+        };
     };
 };