@tsparticles/interaction-particles-collisions 4.0.0-alpha.8 → 4.0.0-beta.0

package/224.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_interaction_particles_collisions=this.webpackChunk_tsparticles_interaction_particles_collisions||[]).push([[224],{224(e,s,o){o.d(s,{Collider:()=>p});var i,t,l=o(303),a=o(702);(i=t||(t={})).absorb="absorb",i.bounce="bounce",i.destroy="destroy";class n{speed;constructor(){this.speed=2}load(e){(0,l.isNull)(e)||void 0!==e.speed&&(this.speed=e.speed)}}class c{enable;retries;constructor(){this.enable=!0,this.retries=0}load(e){(0,l.isNull)(e)||(void 0!==e.enable&&(this.enable=e.enable),void 0!==e.retries&&(this.retries=e.retries))}}class r{absorb;bounce;enable;maxSpeed;mode;overlap;constructor(){this.absorb=new n,this.bounce=new l.ParticlesBounce,this.enable=!1,this.maxSpeed=50,this.mode=t.bounce,this.overlap=new c}load(e){(0,l.isNull)(e)||(this.absorb.load(e.absorb),this.bounce.load(e.bounce),void 0!==e.enable&&(this.enable=e.enable),void 0!==e.maxSpeed&&(this.maxSpeed=(0,l.setRangeValue)(e.maxSpeed)),void 0!==e.mode&&(this.mode=e.mode),this.overlap.load(e.overlap))}}function d(e,s,o,i,t,a){if(!e.options.collisions||!o.options.collisions)return;let n=e.options.collisions.absorb.speed,c=(0,l.clamp)(n*t.factor,0,i);e.size.value=Math.sqrt(s*s+c*c),o.size.value-=c,o.size.value<=a&&(o.size.value=0,o.destroy())}let u=e=>{e.options.collisions&&(e.collisionMaxSpeed??=(0,l.getRangeValue)(e.options.collisions.maxSpeed),e.velocity.length>e.collisionMaxSpeed&&(e.velocity.length=e.collisionMaxSpeed))};function b(e,s){let o=e.getMass(),i=s.getMass(),t=e.velocity.length,a=s.velocity.length,n=o*t*t+i*a*a;(0,l.circleBounce)((0,l.circleBounceDataFromParticle)(e),(0,l.circleBounceDataFromParticle)(s));let c=e.velocity.length,r=s.velocity.length,d=o*c*c+i*r*r;if(d>1e-6*n){let o=Math.sqrt(n/d);Math.abs(o-1)>1e-4&&(e.velocity.length=c*o,s.velocity.length=r*o)}u(e),u(s)}class p extends a.ParticlesInteractorBase{maxDistance;constructor(e){super(e),this.maxDistance=0}clear(){}init(){}interact(e,s,o){if(e.destroyed||e.spawning)return;let i=this.container,a=e.getPosition(),n=e.getRadius();for(let s of i.particles.grid.queryCircle(a,n*l.double)){if(e===s||e.id>=s.id||!e.options.collisions?.enable||!s.options.collisions?.enable||e.options.collisions.mode!==s.options.collisions.mode||s.destroyed||s.spawning)continue;let c=s.getPosition(),r=s.getRadius();if(!(Math.abs(Math.round(a.z)-Math.round(c.z))>n+r))(0,l.getDistance)(a,c)>n+r||function(e,s,o,i){if(e.options.collisions&&s.options.collisions)switch(e.options.collisions.mode){case t.absorb:let l,a;l=e.getRadius(),a=s.getRadius(),!l&&a?e.destroy():l&&!a?s.destroy():l&&a&&(l>=a?d(e,l,s,a,o,i):d(s,a,e,l,o,i));break;case t.bounce:b(e,s);break;case t.destroy:let n,c;e.unbreakable||s.unbreakable||b(e,s),n=e.getRadius(),c=s.getRadius(),!n&&c?e.destroy():n&&!c?s.destroy():n&&c&&(e.getRadius()>=s.getRadius()?s:e).destroy()}}(e,s,o,i.retina.pixelRatio)}}isEnabled(e){return!!e.options.collisions?.enable}loadParticlesOptions(e,...s){for(let o of(e.collisions??=new r,s))e.collisions.load(o?.collisions)}reset(){}}}}]);

package/235.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_interaction_particles_collisions=this.webpackChunk_tsparticles_interaction_particles_collisions||[]).push([[235],{235(i,t,e){e.r(t),e.d(t,{OverlapPlugin:()=>s});class s{id="overlap";async getPlugin(i){let{OverlapPluginInstance:t}=await e.e(860).then(e.bind(e,860));return new t(i)}loadOptions(){}needsPlugin(){return!0}}}}]);

package/860.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_interaction_particles_collisions=this.webpackChunk_tsparticles_interaction_particles_collisions||[]).push([[860],{860(t,i,e){e.d(i,{OverlapPluginInstance:()=>r});var s=e(303);class r{_container;constructor(t){this._container=t}checkParticlePosition(t,i,e){return!this._hasOverlaps(t,i,e)}_hasOverlaps=(t,i,e)=>{let r=t.options.collisions;if(!r?.enable)return!1;let n=r.overlap;if(n.enable)return!1;let a=n.retries;if(a>=0&&e>a)throw Error("Particle is overlapping and can't be placed");return!!this._container.particles.find(e=>(0,s.getDistance)(i,e.position)<t.getRadius()+e.getRadius())}}}}]);

package/README.md

@@ -27,6 +27,7 @@ Once the scripts are loaded you can set up `tsParticles` and the interaction plu
 
 ```javascript
 (async () => {
+  await loadInteractivityPlugin(tsParticles);
   await loadParticlesCollisionsInteraction(tsParticles);
 
   await tsParticles.load({
@@ -56,9 +57,11 @@ Then you need to import it in the app, like this:
 
 ```javascript
 const { tsParticles } = require("@tsparticles/engine");
+const { loadInteractivityPlugin } = require("@tsparticles/plugin-interactivity");
 const { loadParticlesCollisionsInteraction } = require("@tsparticles/interaction-particles-collisions");
 
 (async () => {
+  await loadInteractivityPlugin(tsParticles);
   await loadParticlesCollisionsInteraction(tsParticles);
 })();
 ```
@@ -67,9 +70,11 @@ or
 
 ```javascript
 import { tsParticles } from "@tsparticles/engine";
+import { loadInteractivityPlugin } from "@tsparticles/plugin-interactivity";}
 import { loadParticlesCollisionsInteraction } from "@tsparticles/interaction-particles-collisions";
 
 (async () => {
+  await loadInteractivityPlugin(tsParticles);
   await loadParticlesCollisionsInteraction(tsParticles);
 })();
 ```

package/browser/Absorb.js

@@ -1,13 +1,13 @@
-import { clamp, half } from "@tsparticles/engine";
-const absorbFactor = 10, minAbsorbFactor = 0;
-function updateAbsorb(p1, _r1, p2, r2, delta, pixelRatio) {
+import { clamp } from "@tsparticles/engine";
+const minAbsorbAmount = 0;
+function updateAbsorb(p1, r1, p2, r2, delta, pixelRatio) {
     if (!p1.options.collisions || !p2.options.collisions) {
         return;
     }
-    const factor = clamp((p1.options.collisions.absorb.speed * delta.factor) / absorbFactor, minAbsorbFactor, r2);
-    p1.size.value += factor * half;
-    p2.size.value -= factor;
-    if (r2 <= pixelRatio) {
+    const absorbSpeed = p1.options.collisions.absorb.speed, shrinkAmount = clamp(absorbSpeed * delta.factor, minAbsorbAmount, r2);
+    p1.size.value = Math.sqrt(r1 * r1 + shrinkAmount * shrinkAmount);
+    p2.size.value -= shrinkAmount;
+    if (p2.size.value <= pixelRatio) {
         p2.size.value = 0;
         p2.destroy();
     }

package/browser/Bounce.js

@@ -1,5 +1,5 @@
 import { circleBounce, circleBounceDataFromParticle, getRangeValue } from "@tsparticles/engine";
-const fixBounceSpeed = (p) => {
+const energyCorrectionMinRatio = 1e-6, energyDriftThreshold = 1e-4, correctionFactorNeutral = 1, fixBounceSpeed = (p) => {
     if (!p.options.collisions) {
         return;
     }
@@ -9,7 +9,16 @@ const fixBounceSpeed = (p) => {
     }
 };
 export function bounce(p1, p2) {
+    const m1 = p1.getMass(), m2 = p2.getMass(), speed1Before = p1.velocity.length, speed2Before = p2.velocity.length, keBefore = m1 * speed1Before * speed1Before + m2 * speed2Before * speed2Before;
     circleBounce(circleBounceDataFromParticle(p1), circleBounceDataFromParticle(p2));
+    const speed1After = p1.velocity.length, speed2After = p2.velocity.length, keAfter = m1 * speed1After * speed1After + m2 * speed2After * speed2After;
+    if (keAfter > keBefore * energyCorrectionMinRatio) {
+        const correctionFactor = Math.sqrt(keBefore / keAfter);
+        if (Math.abs(correctionFactor - correctionFactorNeutral) > energyDriftThreshold) {
+            p1.velocity.length = speed1After * correctionFactor;
+            p2.velocity.length = speed2After * correctionFactor;
+        }
+    }
     fixBounceSpeed(p1);
     fixBounceSpeed(p2);
 }

package/browser/Collider.js

@@ -3,8 +3,10 @@ import { ParticlesInteractorBase } from "@tsparticles/plugin-interactivity";
 import { Collisions } from "./Options/Classes/Collisions.js";
 import { resolveCollision } from "./ResolveCollision.js";
 export class Collider extends ParticlesInteractorBase {
+    maxDistance;
     constructor(container) {
         super(container);
+        this.maxDistance = 0;
     }
     clear() {
     }
@@ -14,12 +16,12 @@ export class Collider extends ParticlesInteractorBase {
         if (p1.destroyed || p1.spawning) {
             return;
         }
-        const container = this.container, pos1 = p1.getPosition(), radius1 = p1.getRadius(), query = container.particles.quadTree.queryCircle(pos1, radius1 * double);
+        const container = this.container, pos1 = p1.getPosition(), radius1 = p1.getRadius(), query = container.particles.grid.queryCircle(pos1, radius1 * double);
         for (const p2 of query) {
             if (p1 === p2 ||
-                !p1.options.collisions ||
-                !p2.options.collisions ||
-                !p2.options.collisions.enable ||
+                p1.id >= p2.id ||
+                !p1.options.collisions?.enable ||
+                !p2.options.collisions?.enable ||
                 p1.options.collisions.mode !== p2.options.collisions.mode ||
                 p2.destroyed ||
                 p2.spawning) {

package/browser/Options/Classes/Collisions.js

@@ -3,6 +3,12 @@ import { CollisionMode } from "../../CollisionMode.js";
 import { CollisionsAbsorb } from "./CollisionsAbsorb.js";
 import { CollisionsOverlap } from "./CollisionsOverlap.js";
 export class Collisions {
+    absorb;
+    bounce;
+    enable;
+    maxSpeed;
+    mode;
+    overlap;
     constructor() {
         this.absorb = new CollisionsAbsorb();
         this.bounce = new ParticlesBounce();

package/browser/Options/Classes/CollisionsAbsorb.js

@@ -1,5 +1,6 @@
 import { isNull } from "@tsparticles/engine";
 export class CollisionsAbsorb {
+    speed;
     constructor() {
         this.speed = 2;
     }

package/browser/Options/Classes/CollisionsOverlap.js

@@ -1,5 +1,7 @@
 import { isNull } from "@tsparticles/engine";
 export class CollisionsOverlap {
+    enable;
+    retries;
     constructor() {
         this.enable = true;
         this.retries = 0;

package/browser/OverlapPlugin.js

@@ -1,7 +1,5 @@
 export class OverlapPlugin {
-    constructor() {
-        this.id = "overlap";
-    }
+    id = "overlap";
     async getPlugin(container) {
         const { OverlapPluginInstance } = await import("./OverlapPluginInstance.js");
         return new OverlapPluginInstance(container);

package/browser/OverlapPluginInstance.js

@@ -1,25 +1,26 @@
 import { getDistance } from "@tsparticles/engine";
 const minRetries = 0;
 export class OverlapPluginInstance {
+    _container;
     constructor(container) {
-        this._hasOverlaps = (particle, pos, tryCount) => {
-            const collisionsOptions = particle.options.collisions;
-            if (!collisionsOptions?.enable) {
-                return false;
-            }
-            const overlapOptions = collisionsOptions.overlap;
-            if (overlapOptions.enable) {
-                return false;
-            }
-            const retries = overlapOptions.retries;
-            if (retries >= minRetries && tryCount > retries) {
-                throw new Error(`Particle is overlapping and can't be placed`);
-            }
-            return !!this._container.particles.find(p => getDistance(pos, p.position) < particle.getRadius() + p.getRadius());
-        };
         this._container = container;
     }
     checkParticlePosition(particle, position, tryCount) {
         return !this._hasOverlaps(particle, position, tryCount);
     }
+    _hasOverlaps = (particle, pos, tryCount) => {
+        const collisionsOptions = particle.options.collisions;
+        if (!collisionsOptions?.enable) {
+            return false;
+        }
+        const overlapOptions = collisionsOptions.overlap;
+        if (overlapOptions.enable) {
+            return false;
+        }
+        const retries = overlapOptions.retries;
+        if (retries >= minRetries && tryCount > retries) {
+            throw new Error(`Particle is overlapping and can't be placed`);
+        }
+        return !!this._container.particles.find(p => getDistance(pos, p.position) < particle.getRadius() + p.getRadius());
+    };
 }

package/browser/ResolveCollision.js

@@ -19,5 +19,7 @@ export function resolveCollision(p1, p2, delta, pixelRatio) {
             destroy(p1, p2);
             break;
         }
+        default:
+            break;
     }
 }

package/browser/index.js

@@ -1,8 +1,11 @@
 export async function loadParticlesCollisionsInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.8");
+    engine.checkVersion("4.0.0-beta.0");
     await engine.register(async (e) => {
-        const { loadInteractivityPlugin } = await import("@tsparticles/plugin-interactivity"), { OverlapPlugin } = await import("./OverlapPlugin.js");
-        await loadInteractivityPlugin(e);
+        const [{ ensureInteractivityPluginLoaded }, { OverlapPlugin },] = await Promise.all([
+            import("@tsparticles/plugin-interactivity"),
+            import("./OverlapPlugin.js"),
+        ]);
+        ensureInteractivityPluginLoaded(e);
         e.addPlugin(new OverlapPlugin());
         e.addInteractor?.("particlesCollisions", async (container) => {
             const { Collider } = await import("./Collider.js");

package/cjs/Absorb.js

@@ -1,13 +1,13 @@
-import { clamp, half } from "@tsparticles/engine";
-const absorbFactor = 10, minAbsorbFactor = 0;
-function updateAbsorb(p1, _r1, p2, r2, delta, pixelRatio) {
+import { clamp } from "@tsparticles/engine";
+const minAbsorbAmount = 0;
+function updateAbsorb(p1, r1, p2, r2, delta, pixelRatio) {
     if (!p1.options.collisions || !p2.options.collisions) {
         return;
     }
-    const factor = clamp((p1.options.collisions.absorb.speed * delta.factor) / absorbFactor, minAbsorbFactor, r2);
-    p1.size.value += factor * half;
-    p2.size.value -= factor;
-    if (r2 <= pixelRatio) {
+    const absorbSpeed = p1.options.collisions.absorb.speed, shrinkAmount = clamp(absorbSpeed * delta.factor, minAbsorbAmount, r2);
+    p1.size.value = Math.sqrt(r1 * r1 + shrinkAmount * shrinkAmount);
+    p2.size.value -= shrinkAmount;
+    if (p2.size.value <= pixelRatio) {
         p2.size.value = 0;
         p2.destroy();
     }

package/cjs/Bounce.js

@@ -1,5 +1,5 @@
 import { circleBounce, circleBounceDataFromParticle, getRangeValue } from "@tsparticles/engine";
-const fixBounceSpeed = (p) => {
+const energyCorrectionMinRatio = 1e-6, energyDriftThreshold = 1e-4, correctionFactorNeutral = 1, fixBounceSpeed = (p) => {
     if (!p.options.collisions) {
         return;
     }
@@ -9,7 +9,16 @@ const fixBounceSpeed = (p) => {
     }
 };
 export function bounce(p1, p2) {
+    const m1 = p1.getMass(), m2 = p2.getMass(), speed1Before = p1.velocity.length, speed2Before = p2.velocity.length, keBefore = m1 * speed1Before * speed1Before + m2 * speed2Before * speed2Before;
     circleBounce(circleBounceDataFromParticle(p1), circleBounceDataFromParticle(p2));
+    const speed1After = p1.velocity.length, speed2After = p2.velocity.length, keAfter = m1 * speed1After * speed1After + m2 * speed2After * speed2After;
+    if (keAfter > keBefore * energyCorrectionMinRatio) {
+        const correctionFactor = Math.sqrt(keBefore / keAfter);
+        if (Math.abs(correctionFactor - correctionFactorNeutral) > energyDriftThreshold) {
+            p1.velocity.length = speed1After * correctionFactor;
+            p2.velocity.length = speed2After * correctionFactor;
+        }
+    }
     fixBounceSpeed(p1);
     fixBounceSpeed(p2);
 }

package/cjs/Collider.js

@@ -3,8 +3,10 @@ import { ParticlesInteractorBase } from "@tsparticles/plugin-interactivity";
 import { Collisions } from "./Options/Classes/Collisions.js";
 import { resolveCollision } from "./ResolveCollision.js";
 export class Collider extends ParticlesInteractorBase {
+    maxDistance;
     constructor(container) {
         super(container);
+        this.maxDistance = 0;
     }
     clear() {
     }
@@ -14,12 +16,12 @@ export class Collider extends ParticlesInteractorBase {
         if (p1.destroyed || p1.spawning) {
             return;
         }
-        const container = this.container, pos1 = p1.getPosition(), radius1 = p1.getRadius(), query = container.particles.quadTree.queryCircle(pos1, radius1 * double);
+        const container = this.container, pos1 = p1.getPosition(), radius1 = p1.getRadius(), query = container.particles.grid.queryCircle(pos1, radius1 * double);
         for (const p2 of query) {
             if (p1 === p2 ||
-                !p1.options.collisions ||
-                !p2.options.collisions ||
-                !p2.options.collisions.enable ||
+                p1.id >= p2.id ||
+                !p1.options.collisions?.enable ||
+                !p2.options.collisions?.enable ||
                 p1.options.collisions.mode !== p2.options.collisions.mode ||
                 p2.destroyed ||
                 p2.spawning) {

package/cjs/Options/Classes/Collisions.js

@@ -3,6 +3,12 @@ import { CollisionMode } from "../../CollisionMode.js";
 import { CollisionsAbsorb } from "./CollisionsAbsorb.js";
 import { CollisionsOverlap } from "./CollisionsOverlap.js";
 export class Collisions {
+    absorb;
+    bounce;
+    enable;
+    maxSpeed;
+    mode;
+    overlap;
     constructor() {
         this.absorb = new CollisionsAbsorb();
         this.bounce = new ParticlesBounce();

package/cjs/Options/Classes/CollisionsAbsorb.js

@@ -1,5 +1,6 @@
 import { isNull } from "@tsparticles/engine";
 export class CollisionsAbsorb {
+    speed;
     constructor() {
         this.speed = 2;
     }

package/cjs/Options/Classes/CollisionsOverlap.js

@@ -1,5 +1,7 @@
 import { isNull } from "@tsparticles/engine";
 export class CollisionsOverlap {
+    enable;
+    retries;
     constructor() {
         this.enable = true;
         this.retries = 0;

package/cjs/OverlapPlugin.js

@@ -1,7 +1,5 @@
 export class OverlapPlugin {
-    constructor() {
-        this.id = "overlap";
-    }
+    id = "overlap";
     async getPlugin(container) {
         const { OverlapPluginInstance } = await import("./OverlapPluginInstance.js");
         return new OverlapPluginInstance(container);

package/cjs/OverlapPluginInstance.js

@@ -1,25 +1,26 @@
 import { getDistance } from "@tsparticles/engine";
 const minRetries = 0;
 export class OverlapPluginInstance {
+    _container;
     constructor(container) {
-        this._hasOverlaps = (particle, pos, tryCount) => {
-            const collisionsOptions = particle.options.collisions;
-            if (!collisionsOptions?.enable) {
-                return false;
-            }
-            const overlapOptions = collisionsOptions.overlap;
-            if (overlapOptions.enable) {
-                return false;
-            }
-            const retries = overlapOptions.retries;
-            if (retries >= minRetries && tryCount > retries) {
-                throw new Error(`Particle is overlapping and can't be placed`);
-            }
-            return !!this._container.particles.find(p => getDistance(pos, p.position) < particle.getRadius() + p.getRadius());
-        };
         this._container = container;
     }
     checkParticlePosition(particle, position, tryCount) {
         return !this._hasOverlaps(particle, position, tryCount);
     }
+    _hasOverlaps = (particle, pos, tryCount) => {
+        const collisionsOptions = particle.options.collisions;
+        if (!collisionsOptions?.enable) {
+            return false;
+        }
+        const overlapOptions = collisionsOptions.overlap;
+        if (overlapOptions.enable) {
+            return false;
+        }
+        const retries = overlapOptions.retries;
+        if (retries >= minRetries && tryCount > retries) {
+            throw new Error(`Particle is overlapping and can't be placed`);
+        }
+        return !!this._container.particles.find(p => getDistance(pos, p.position) < particle.getRadius() + p.getRadius());
+    };
 }

package/cjs/ResolveCollision.js

@@ -19,5 +19,7 @@ export function resolveCollision(p1, p2, delta, pixelRatio) {
             destroy(p1, p2);
             break;
         }
+        default:
+            break;
     }
 }

package/cjs/index.js

@@ -1,8 +1,11 @@
 export async function loadParticlesCollisionsInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.8");
+    engine.checkVersion("4.0.0-beta.0");
     await engine.register(async (e) => {
-        const { loadInteractivityPlugin } = await import("@tsparticles/plugin-interactivity"), { OverlapPlugin } = await import("./OverlapPlugin.js");
-        await loadInteractivityPlugin(e);
+        const [{ ensureInteractivityPluginLoaded }, { OverlapPlugin },] = await Promise.all([
+            import("@tsparticles/plugin-interactivity"),
+            import("./OverlapPlugin.js"),
+        ]);
+        ensureInteractivityPluginLoaded(e);
         e.addPlugin(new OverlapPlugin());
         e.addInteractor?.("particlesCollisions", async (container) => {
             const { Collider } = await import("./Collider.js");

package/dist_browser_Collider_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.0
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \********************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   absorb: () => (/* binding */ absorb)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst absorbFactor = 10,\n  minAbsorbFactor = 0;\nfunction updateAbsorb(p1, _r1, p2, r2, delta, pixelRatio) {\n  if (!p1.options.collisions || !p2.options.collisions) {\n    return;\n  }\n  const factor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clamp)(p1.options.collisions.absorb.speed * delta.factor / absorbFactor, minAbsorbFactor, r2);\n  p1.size.value += factor * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half;\n  p2.size.value -= factor;\n  if (r2 <= pixelRatio) {\n    p2.size.value = 0;\n    p2.destroy();\n  }\n}\nfunction absorb(p1, p2, delta, pixelRatio) {\n  const r1 = p1.getRadius(),\n    r2 = p2.getRadius();\n  if (!r1 && r2) {\n    p1.destroy();\n  } else if (r1 && !r2) {\n    p2.destroy();\n  } else if (r1 && r2) {\n    if (r1 >= r2) {\n      updateAbsorb(p1, r1, p2, r2, delta, pixelRatio);\n    } else {\n      updateAbsorb(p2, r2, p1, r1, delta, pixelRatio);\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/Absorb.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   absorb: () => (/* binding */ absorb)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst minAbsorbAmount = 0;\nfunction updateAbsorb(p1, r1, p2, r2, delta, pixelRatio) {\n    if (!p1.options.collisions || !p2.options.collisions) {\n        return;\n    }\n    const absorbSpeed = p1.options.collisions.absorb.speed, shrinkAmount = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clamp)(absorbSpeed * delta.factor, minAbsorbAmount, r2);\n    p1.size.value = Math.sqrt(r1 * r1 + shrinkAmount * shrinkAmount);\n    p2.size.value -= shrinkAmount;\n    if (p2.size.value <= pixelRatio) {\n        p2.size.value = 0;\n        p2.destroy();\n    }\n}\nfunction absorb(p1, p2, delta, pixelRatio) {\n    const r1 = p1.getRadius(), r2 = p2.getRadius();\n    if (!r1 && r2) {\n        p1.destroy();\n    } else if (r1 && !r2) {\n        p2.destroy();\n    } else if (r1 && r2) {\n        if (r1 >= r2) {\n            updateAbsorb(p1, r1, p2, r2, delta, pixelRatio);\n        } else {\n            updateAbsorb(p2, r2, p1, r1, delta, pixelRatio);\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/Absorb.js?\n}");
 
 /***/ },
 
@@ -33,7 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \********************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   bounce: () => (/* binding */ bounce)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst fixBounceSpeed = p => {\n  if (!p.options.collisions) {\n    return;\n  }\n  p.collisionMaxSpeed ??= (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(p.options.collisions.maxSpeed);\n  if (p.velocity.length > p.collisionMaxSpeed) {\n    p.velocity.length = p.collisionMaxSpeed;\n  }\n};\nfunction bounce(p1, p2) {\n  (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.circleBounce)((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.circleBounceDataFromParticle)(p1), (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.circleBounceDataFromParticle)(p2));\n  fixBounceSpeed(p1);\n  fixBounceSpeed(p2);\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/Bounce.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   bounce: () => (/* binding */ bounce)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst energyCorrectionMinRatio = 1e-6, energyDriftThreshold = 1e-4, correctionFactorNeutral = 1, fixBounceSpeed = (p)=>{\n    if (!p.options.collisions) {\n        return;\n    }\n    p.collisionMaxSpeed ??= (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(p.options.collisions.maxSpeed);\n    if (p.velocity.length > p.collisionMaxSpeed) {\n        p.velocity.length = p.collisionMaxSpeed;\n    }\n};\nfunction bounce(p1, p2) {\n    const m1 = p1.getMass(), m2 = p2.getMass(), speed1Before = p1.velocity.length, speed2Before = p2.velocity.length, keBefore = m1 * speed1Before * speed1Before + m2 * speed2Before * speed2Before;\n    (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.circleBounce)((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.circleBounceDataFromParticle)(p1), (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.circleBounceDataFromParticle)(p2));\n    const speed1After = p1.velocity.length, speed2After = p2.velocity.length, keAfter = m1 * speed1After * speed1After + m2 * speed2After * speed2After;\n    if (keAfter > keBefore * energyCorrectionMinRatio) {\n        const correctionFactor = Math.sqrt(keBefore / keAfter);\n        if (Math.abs(correctionFactor - correctionFactorNeutral) > energyDriftThreshold) {\n            p1.velocity.length = speed1After * correctionFactor;\n            p2.velocity.length = speed2After * correctionFactor;\n        }\n    }\n    fixBounceSpeed(p1);\n    fixBounceSpeed(p2);\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/Bounce.js?\n}");
 
 /***/ },
 
@@ -43,7 +43,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \**********************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Collider: () => (/* binding */ Collider)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/plugin-interactivity */ \"@tsparticles/plugin-interactivity\");\n/* harmony import */ var _Options_Classes_Collisions_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/Collisions.js */ \"./dist/browser/Options/Classes/Collisions.js\");\n/* harmony import */ var _ResolveCollision_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ResolveCollision.js */ \"./dist/browser/ResolveCollision.js\");\n\n\n\n\nclass Collider extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_1__.ParticlesInteractorBase {\n  constructor(container) {\n    super(container);\n  }\n  clear() {}\n  init() {}\n  interact(p1, _interactivityData, delta) {\n    if (p1.destroyed || p1.spawning) {\n      return;\n    }\n    const container = this.container,\n      pos1 = p1.getPosition(),\n      radius1 = p1.getRadius(),\n      query = container.particles.quadTree.queryCircle(pos1, radius1 * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double);\n    for (const p2 of query) {\n      if (p1 === p2 || !p1.options.collisions || !p2.options.collisions || !p2.options.collisions.enable || p1.options.collisions.mode !== p2.options.collisions.mode || p2.destroyed || p2.spawning) {\n        continue;\n      }\n      const pos2 = p2.getPosition(),\n        radius2 = p2.getRadius();\n      if (Math.abs(Math.round(pos1.z) - Math.round(pos2.z)) > radius1 + radius2) {\n        continue;\n      }\n      const dist = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(pos1, pos2),\n        distP = radius1 + radius2;\n      if (dist > distP) {\n        continue;\n      }\n      (0,_ResolveCollision_js__WEBPACK_IMPORTED_MODULE_3__.resolveCollision)(p1, p2, delta, container.retina.pixelRatio);\n    }\n  }\n  isEnabled(particle) {\n    return !!particle.options.collisions?.enable;\n  }\n  loadParticlesOptions(options, ...sources) {\n    options.collisions ??= new _Options_Classes_Collisions_js__WEBPACK_IMPORTED_MODULE_2__.Collisions();\n    for (const source of sources) {\n      options.collisions.load(source?.collisions);\n    }\n  }\n  reset() {}\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/Collider.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Collider: () => (/* binding */ Collider)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/plugin-interactivity */ \"@tsparticles/plugin-interactivity\");\n/* harmony import */ var _Options_Classes_Collisions_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/Collisions.js */ \"./dist/browser/Options/Classes/Collisions.js\");\n/* harmony import */ var _ResolveCollision_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ResolveCollision.js */ \"./dist/browser/ResolveCollision.js\");\n\n\n\n\nclass Collider extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_1__.ParticlesInteractorBase {\n    maxDistance;\n    constructor(container){\n        super(container);\n        this.maxDistance = 0;\n    }\n    clear() {}\n    init() {}\n    interact(p1, _interactivityData, delta) {\n        if (p1.destroyed || p1.spawning) {\n            return;\n        }\n        const container = this.container, pos1 = p1.getPosition(), radius1 = p1.getRadius(), query = container.particles.grid.queryCircle(pos1, radius1 * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double);\n        for (const p2 of query){\n            if (p1 === p2 || p1.id >= p2.id || !p1.options.collisions?.enable || !p2.options.collisions?.enable || p1.options.collisions.mode !== p2.options.collisions.mode || p2.destroyed || p2.spawning) {\n                continue;\n            }\n            const pos2 = p2.getPosition(), radius2 = p2.getRadius();\n            if (Math.abs(Math.round(pos1.z) - Math.round(pos2.z)) > radius1 + radius2) {\n                continue;\n            }\n            const dist = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(pos1, pos2), distP = radius1 + radius2;\n            if (dist > distP) {\n                continue;\n            }\n            (0,_ResolveCollision_js__WEBPACK_IMPORTED_MODULE_3__.resolveCollision)(p1, p2, delta, container.retina.pixelRatio);\n        }\n    }\n    isEnabled(particle) {\n        return !!particle.options.collisions?.enable;\n    }\n    loadParticlesOptions(options, ...sources) {\n        options.collisions ??= new _Options_Classes_Collisions_js__WEBPACK_IMPORTED_MODULE_2__.Collisions();\n        for (const source of sources){\n            options.collisions.load(source?.collisions);\n        }\n    }\n    reset() {}\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/Collider.js?\n}");
 
 /***/ },
 
@@ -53,7 +53,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \***************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CollisionMode: () => (/* binding */ CollisionMode)\n/* harmony export */ });\nvar CollisionMode;\n(function (CollisionMode) {\n  CollisionMode[\"absorb\"] = \"absorb\";\n  CollisionMode[\"bounce\"] = \"bounce\";\n  CollisionMode[\"destroy\"] = \"destroy\";\n})(CollisionMode || (CollisionMode = {}));\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/CollisionMode.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CollisionMode: () => (/* binding */ CollisionMode)\n/* harmony export */ });\nvar CollisionMode;\n(function(CollisionMode) {\n    CollisionMode[\"absorb\"] = \"absorb\";\n    CollisionMode[\"bounce\"] = \"bounce\";\n    CollisionMode[\"destroy\"] = \"destroy\";\n})(CollisionMode || (CollisionMode = {}));\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/CollisionMode.js?\n}");
 
 /***/ },
 
@@ -63,7 +63,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*********************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   destroy: () => (/* binding */ destroy)\n/* harmony export */ });\n/* harmony import */ var _Bounce_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Bounce.js */ \"./dist/browser/Bounce.js\");\n\nfunction destroy(p1, p2) {\n  if (!p1.unbreakable && !p2.unbreakable) {\n    (0,_Bounce_js__WEBPACK_IMPORTED_MODULE_0__.bounce)(p1, p2);\n  }\n  const p1Radius = p1.getRadius(),\n    p2Radius = p2.getRadius();\n  if (!p1Radius && p2Radius) {\n    p1.destroy();\n  } else if (p1Radius && !p2Radius) {\n    p2.destroy();\n  } else if (p1Radius && p2Radius) {\n    const deleteP = p1.getRadius() >= p2.getRadius() ? p2 : p1;\n    deleteP.destroy();\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/Destroy.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   destroy: () => (/* binding */ destroy)\n/* harmony export */ });\n/* harmony import */ var _Bounce_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Bounce.js */ \"./dist/browser/Bounce.js\");\n\nfunction destroy(p1, p2) {\n    if (!p1.unbreakable && !p2.unbreakable) {\n        (0,_Bounce_js__WEBPACK_IMPORTED_MODULE_0__.bounce)(p1, p2);\n    }\n    const p1Radius = p1.getRadius(), p2Radius = p2.getRadius();\n    if (!p1Radius && p2Radius) {\n        p1.destroy();\n    } else if (p1Radius && !p2Radius) {\n        p2.destroy();\n    } else if (p1Radius && p2Radius) {\n        const deleteP = p1.getRadius() >= p2.getRadius() ? p2 : p1;\n        deleteP.destroy();\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/Destroy.js?\n}");
 
 /***/ },
 
@@ -73,7 +73,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \****************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Collisions: () => (/* binding */ Collisions)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _CollisionMode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../CollisionMode.js */ \"./dist/browser/CollisionMode.js\");\n/* harmony import */ var _CollisionsAbsorb_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./CollisionsAbsorb.js */ \"./dist/browser/Options/Classes/CollisionsAbsorb.js\");\n/* harmony import */ var _CollisionsOverlap_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./CollisionsOverlap.js */ \"./dist/browser/Options/Classes/CollisionsOverlap.js\");\n\n\n\n\nclass Collisions {\n  constructor() {\n    this.absorb = new _CollisionsAbsorb_js__WEBPACK_IMPORTED_MODULE_2__.CollisionsAbsorb();\n    this.bounce = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ParticlesBounce();\n    this.enable = false;\n    this.maxSpeed = 50;\n    this.mode = _CollisionMode_js__WEBPACK_IMPORTED_MODULE_1__.CollisionMode.bounce;\n    this.overlap = new _CollisionsOverlap_js__WEBPACK_IMPORTED_MODULE_3__.CollisionsOverlap();\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    this.absorb.load(data.absorb);\n    this.bounce.load(data.bounce);\n    if (data.enable !== undefined) {\n      this.enable = data.enable;\n    }\n    if (data.maxSpeed !== undefined) {\n      this.maxSpeed = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.maxSpeed);\n    }\n    if (data.mode !== undefined) {\n      this.mode = data.mode;\n    }\n    this.overlap.load(data.overlap);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/Options/Classes/Collisions.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Collisions: () => (/* binding */ Collisions)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _CollisionMode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../CollisionMode.js */ \"./dist/browser/CollisionMode.js\");\n/* harmony import */ var _CollisionsAbsorb_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./CollisionsAbsorb.js */ \"./dist/browser/Options/Classes/CollisionsAbsorb.js\");\n/* harmony import */ var _CollisionsOverlap_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./CollisionsOverlap.js */ \"./dist/browser/Options/Classes/CollisionsOverlap.js\");\n\n\n\n\nclass Collisions {\n    absorb;\n    bounce;\n    enable;\n    maxSpeed;\n    mode;\n    overlap;\n    constructor(){\n        this.absorb = new _CollisionsAbsorb_js__WEBPACK_IMPORTED_MODULE_2__.CollisionsAbsorb();\n        this.bounce = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ParticlesBounce();\n        this.enable = false;\n        this.maxSpeed = 50;\n        this.mode = _CollisionMode_js__WEBPACK_IMPORTED_MODULE_1__.CollisionMode.bounce;\n        this.overlap = new _CollisionsOverlap_js__WEBPACK_IMPORTED_MODULE_3__.CollisionsOverlap();\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        this.absorb.load(data.absorb);\n        this.bounce.load(data.bounce);\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n        if (data.maxSpeed !== undefined) {\n            this.maxSpeed = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.maxSpeed);\n        }\n        if (data.mode !== undefined) {\n            this.mode = data.mode;\n        }\n        this.overlap.load(data.overlap);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/Options/Classes/Collisions.js?\n}");
 
 /***/ },
 
@@ -83,7 +83,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \**********************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CollisionsAbsorb: () => (/* binding */ CollisionsAbsorb)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass CollisionsAbsorb {\n  constructor() {\n    this.speed = 2;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.speed !== undefined) {\n      this.speed = data.speed;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/Options/Classes/CollisionsAbsorb.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CollisionsAbsorb: () => (/* binding */ CollisionsAbsorb)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass CollisionsAbsorb {\n    speed;\n    constructor(){\n        this.speed = 2;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.speed !== undefined) {\n            this.speed = data.speed;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/Options/Classes/CollisionsAbsorb.js?\n}");
 
 /***/ },
 
@@ -93,7 +93,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \***********************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CollisionsOverlap: () => (/* binding */ CollisionsOverlap)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass CollisionsOverlap {\n  constructor() {\n    this.enable = true;\n    this.retries = 0;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.enable !== undefined) {\n      this.enable = data.enable;\n    }\n    if (data.retries !== undefined) {\n      this.retries = data.retries;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/Options/Classes/CollisionsOverlap.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CollisionsOverlap: () => (/* binding */ CollisionsOverlap)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass CollisionsOverlap {\n    enable;\n    retries;\n    constructor(){\n        this.enable = true;\n        this.retries = 0;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n        if (data.retries !== undefined) {\n            this.retries = data.retries;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/Options/Classes/CollisionsOverlap.js?\n}");
 
 /***/ },
 
@@ -103,7 +103,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \******************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   resolveCollision: () => (/* binding */ resolveCollision)\n/* harmony export */ });\n/* harmony import */ var _CollisionMode_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CollisionMode.js */ \"./dist/browser/CollisionMode.js\");\n/* harmony import */ var _Absorb_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Absorb.js */ \"./dist/browser/Absorb.js\");\n/* harmony import */ var _Bounce_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Bounce.js */ \"./dist/browser/Bounce.js\");\n/* harmony import */ var _Destroy_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Destroy.js */ \"./dist/browser/Destroy.js\");\n\n\n\n\nfunction resolveCollision(p1, p2, delta, pixelRatio) {\n  if (!p1.options.collisions || !p2.options.collisions) {\n    return;\n  }\n  switch (p1.options.collisions.mode) {\n    case _CollisionMode_js__WEBPACK_IMPORTED_MODULE_0__.CollisionMode.absorb:\n      {\n        (0,_Absorb_js__WEBPACK_IMPORTED_MODULE_1__.absorb)(p1, p2, delta, pixelRatio);\n        break;\n      }\n    case _CollisionMode_js__WEBPACK_IMPORTED_MODULE_0__.CollisionMode.bounce:\n      {\n        (0,_Bounce_js__WEBPACK_IMPORTED_MODULE_2__.bounce)(p1, p2);\n        break;\n      }\n    case _CollisionMode_js__WEBPACK_IMPORTED_MODULE_0__.CollisionMode.destroy:\n      {\n        (0,_Destroy_js__WEBPACK_IMPORTED_MODULE_3__.destroy)(p1, p2);\n        break;\n      }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/ResolveCollision.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   resolveCollision: () => (/* binding */ resolveCollision)\n/* harmony export */ });\n/* harmony import */ var _CollisionMode_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CollisionMode.js */ \"./dist/browser/CollisionMode.js\");\n/* harmony import */ var _Absorb_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Absorb.js */ \"./dist/browser/Absorb.js\");\n/* harmony import */ var _Bounce_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Bounce.js */ \"./dist/browser/Bounce.js\");\n/* harmony import */ var _Destroy_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Destroy.js */ \"./dist/browser/Destroy.js\");\n\n\n\n\nfunction resolveCollision(p1, p2, delta, pixelRatio) {\n    if (!p1.options.collisions || !p2.options.collisions) {\n        return;\n    }\n    switch(p1.options.collisions.mode){\n        case _CollisionMode_js__WEBPACK_IMPORTED_MODULE_0__.CollisionMode.absorb:\n            {\n                (0,_Absorb_js__WEBPACK_IMPORTED_MODULE_1__.absorb)(p1, p2, delta, pixelRatio);\n                break;\n            }\n        case _CollisionMode_js__WEBPACK_IMPORTED_MODULE_0__.CollisionMode.bounce:\n            {\n                (0,_Bounce_js__WEBPACK_IMPORTED_MODULE_2__.bounce)(p1, p2);\n                break;\n            }\n        case _CollisionMode_js__WEBPACK_IMPORTED_MODULE_0__.CollisionMode.destroy:\n            {\n                (0,_Destroy_js__WEBPACK_IMPORTED_MODULE_3__.destroy)(p1, p2);\n                break;\n            }\n        default:\n            break;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/ResolveCollision.js?\n}");
 
 /***/ }
 

package/dist_browser_OverlapPluginInstance_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.0
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \***********************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OverlapPluginInstance: () => (/* binding */ OverlapPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst minRetries = 0;\nclass OverlapPluginInstance {\n  constructor(container) {\n    this._hasOverlaps = (particle, pos, tryCount) => {\n      const collisionsOptions = particle.options.collisions;\n      if (!collisionsOptions?.enable) {\n        return false;\n      }\n      const overlapOptions = collisionsOptions.overlap;\n      if (overlapOptions.enable) {\n        return false;\n      }\n      const retries = overlapOptions.retries;\n      if (retries >= minRetries && tryCount > retries) {\n        throw new Error(`Particle is overlapping and can't be placed`);\n      }\n      return !!this._container.particles.find(p => (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(pos, p.position) < particle.getRadius() + p.getRadius());\n    };\n    this._container = container;\n  }\n  checkParticlePosition(particle, position, tryCount) {\n    return !this._hasOverlaps(particle, position, tryCount);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/OverlapPluginInstance.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OverlapPluginInstance: () => (/* binding */ OverlapPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst minRetries = 0;\nclass OverlapPluginInstance {\n    _container;\n    constructor(container){\n        this._container = container;\n    }\n    checkParticlePosition(particle, position, tryCount) {\n        return !this._hasOverlaps(particle, position, tryCount);\n    }\n    _hasOverlaps = (particle, pos, tryCount)=>{\n        const collisionsOptions = particle.options.collisions;\n        if (!collisionsOptions?.enable) {\n            return false;\n        }\n        const overlapOptions = collisionsOptions.overlap;\n        if (overlapOptions.enable) {\n            return false;\n        }\n        const retries = overlapOptions.retries;\n        if (retries >= minRetries && tryCount > retries) {\n            throw new Error(`Particle is overlapping and can't be placed`);\n        }\n        return !!this._container.particles.find((p)=>(0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(pos, p.position) < particle.getRadius() + p.getRadius());\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/OverlapPluginInstance.js?\n}");
 
 /***/ }
 

package/dist_browser_OverlapPlugin_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.8
+ * v4.0.0-beta.0
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \***************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OverlapPlugin: () => (/* binding */ OverlapPlugin)\n/* harmony export */ });\nclass OverlapPlugin {\n  constructor() {\n    this.id = \"overlap\";\n  }\n  async getPlugin(container) {\n    const {\n      OverlapPluginInstance\n    } = await __webpack_require__.e(/*! import() */ \"dist_browser_OverlapPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./OverlapPluginInstance.js */ \"./dist/browser/OverlapPluginInstance.js\"));\n    return new OverlapPluginInstance(container);\n  }\n  loadOptions() {}\n  needsPlugin() {\n    return true;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/OverlapPlugin.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OverlapPlugin: () => (/* binding */ OverlapPlugin)\n/* harmony export */ });\nclass OverlapPlugin {\n    id = \"overlap\";\n    async getPlugin(container) {\n        const { OverlapPluginInstance } = await __webpack_require__.e(/*! import() */ \"dist_browser_OverlapPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./OverlapPluginInstance.js */ \"./dist/browser/OverlapPluginInstance.js\"));\n        return new OverlapPluginInstance(container);\n    }\n    loadOptions() {}\n    needsPlugin() {\n        return true;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/OverlapPlugin.js?\n}");
 
 /***/ }