@tsparticles/interaction-particles-collisions 4.0.0-alpha.2 → 4.0.0-alpha.21

package/232.min.js

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

package/605.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_interaction_particles_collisions=this.webpackChunk_tsparticles_interaction_particles_collisions||[]).push([[605],{605(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/974.min.js

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

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,5 +1,5 @@
-import { clamp } from "@tsparticles/engine";
-const half = 0.5, absorbFactor = 10, minAbsorbFactor = 0;
+import { clamp, half } from "@tsparticles/engine";
+const absorbFactor = 10, minAbsorbFactor = 0;
 function updateAbsorb(p1, _r1, p2, r2, delta, pixelRatio) {
     if (!p1.options.collisions || !p2.options.collisions) {
         return;

package/browser/Collider.js

@@ -1,7 +1,7 @@
-import { ParticlesInteractorBase, getDistance, } from "@tsparticles/engine";
+import { double, getDistance } from "@tsparticles/engine";
+import { ParticlesInteractorBase } from "@tsparticles/plugin-interactivity";
 import { Collisions } from "./Options/Classes/Collisions.js";
 import { resolveCollision } from "./ResolveCollision.js";
-const double = 2;
 export class Collider extends ParticlesInteractorBase {
     constructor(container) {
         super(container);
@@ -10,7 +10,7 @@ export class Collider extends ParticlesInteractorBase {
     }
     init() {
     }
-    interact(p1, delta) {
+    interact(p1, _interactivityData, delta) {
         if (p1.destroyed || p1.spawning) {
             return;
         }

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,10 +1,8 @@
-import { OverlapPluginInstance } from "./OverlapPluginInstance.js";
 export class OverlapPlugin {
-    constructor() {
-        this.id = "overlap";
-    }
-    getPlugin(container) {
-        return Promise.resolve(new OverlapPluginInstance(container));
+    id = "overlap";
+    async getPlugin(container) {
+        const { OverlapPluginInstance } = await import("./OverlapPluginInstance.js");
+        return new OverlapPluginInstance(container);
     }
     loadOptions() {
     }

package/browser/OverlapPluginInstance.js

@@ -1,25 +1,26 @@
 import { getDistance } from "@tsparticles/engine";
 const minRetries = 0;
 export class OverlapPluginInstance {
+    _container;
     constructor(container) {
-        this._checkOverlap = (particle, pos, tryCount) => {
-            const collisionsOptions = particle.options.collisions, radius = particle.getRadius();
-            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) < radius + p.getRadius());
-        };
         this._container = container;
     }
     checkParticlePosition(particle, position, tryCount) {
-        return this._checkOverlap(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,9 +1,13 @@
-export function loadParticlesCollisionsInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (e) => {
-        const { OverlapPlugin } = await import("./OverlapPlugin.js");
+export async function loadParticlesCollisionsInteraction(engine) {
+    engine.checkVersion("4.0.0-alpha.21");
+    await engine.register(async (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) => {
+        e.addInteractor?.("particlesCollisions", async (container) => {
             const { Collider } = await import("./Collider.js");
             return new Collider(container);
         });

package/cjs/Absorb.js

@@ -1,5 +1,5 @@
-import { clamp } from "@tsparticles/engine";
-const half = 0.5, absorbFactor = 10, minAbsorbFactor = 0;
+import { clamp, half } from "@tsparticles/engine";
+const absorbFactor = 10, minAbsorbFactor = 0;
 function updateAbsorb(p1, _r1, p2, r2, delta, pixelRatio) {
     if (!p1.options.collisions || !p2.options.collisions) {
         return;

package/cjs/Collider.js

@@ -1,7 +1,7 @@
-import { ParticlesInteractorBase, getDistance, } from "@tsparticles/engine";
+import { double, getDistance } from "@tsparticles/engine";
+import { ParticlesInteractorBase } from "@tsparticles/plugin-interactivity";
 import { Collisions } from "./Options/Classes/Collisions.js";
 import { resolveCollision } from "./ResolveCollision.js";
-const double = 2;
 export class Collider extends ParticlesInteractorBase {
     constructor(container) {
         super(container);
@@ -10,7 +10,7 @@ export class Collider extends ParticlesInteractorBase {
     }
     init() {
     }
-    interact(p1, delta) {
+    interact(p1, _interactivityData, delta) {
         if (p1.destroyed || p1.spawning) {
             return;
         }

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,10 +1,8 @@
-import { OverlapPluginInstance } from "./OverlapPluginInstance.js";
 export class OverlapPlugin {
-    constructor() {
-        this.id = "overlap";
-    }
-    getPlugin(container) {
-        return Promise.resolve(new OverlapPluginInstance(container));
+    id = "overlap";
+    async getPlugin(container) {
+        const { OverlapPluginInstance } = await import("./OverlapPluginInstance.js");
+        return new OverlapPluginInstance(container);
     }
     loadOptions() {
     }

package/cjs/OverlapPluginInstance.js

@@ -1,25 +1,26 @@
 import { getDistance } from "@tsparticles/engine";
 const minRetries = 0;
 export class OverlapPluginInstance {
+    _container;
     constructor(container) {
-        this._checkOverlap = (particle, pos, tryCount) => {
-            const collisionsOptions = particle.options.collisions, radius = particle.getRadius();
-            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) < radius + p.getRadius());
-        };
         this._container = container;
     }
     checkParticlePosition(particle, position, tryCount) {
-        return this._checkOverlap(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,9 +1,13 @@
-export function loadParticlesCollisionsInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (e) => {
-        const { OverlapPlugin } = await import("./OverlapPlugin.js");
+export async function loadParticlesCollisionsInteraction(engine) {
+    engine.checkVersion("4.0.0-alpha.21");
+    await engine.register(async (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) => {
+        e.addInteractor?.("particlesCollisions", async (container) => {
             const { Collider } = await import("./Collider.js");
             return new Collider(container);
         });

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.2
+ * v4.0.0-alpha.21
  */
 "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 half = 0.5,\n  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 * 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 absorbFactor = 10, 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(), 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 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\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 _Options_Classes_Collisions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Collisions.js */ \"./dist/browser/Options/Classes/Collisions.js\");\n/* harmony import */ var _ResolveCollision_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ResolveCollision.js */ \"./dist/browser/ResolveCollision.js\");\n\n\n\nconst double = 2;\nclass Collider extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ParticlesInteractorBase {\n  constructor(container) {\n    super(container);\n  }\n  clear() {}\n  init() {}\n  interact(p1, 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 * 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_2__.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_1__.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    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, pos1 = p1.getPosition(), radius1 = p1.getRadius(), 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(), 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

@@ -0,0 +1,30 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.21
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_interaction_particles_collisions"] = this["webpackChunk_tsparticles_interaction_particles_collisions"] || []).push([["dist_browser_OverlapPluginInstance_js"],{
+
+/***/ "./dist/browser/OverlapPluginInstance.js"
+/*!***********************************************!*\
+  !*** ./dist/browser/OverlapPluginInstance.js ***!
+  \***********************************************/
+(__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    _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.2
+ * v4.0.0-alpha.21
  */
 "use strict";
 /*
@@ -23,17 +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 */ });\n/* harmony import */ var _OverlapPluginInstance_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./OverlapPluginInstance.js */ \"./dist/browser/OverlapPluginInstance.js\");\n\nclass OverlapPlugin {\n  constructor() {\n    this.id = \"overlap\";\n  }\n  getPlugin(container) {\n    return Promise.resolve(new _OverlapPluginInstance_js__WEBPACK_IMPORTED_MODULE_0__.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}");
-
-/***/ },
-
-/***/ "./dist/browser/OverlapPluginInstance.js"
-/*!***********************************************!*\
-  !*** ./dist/browser/OverlapPluginInstance.js ***!
-  \***********************************************/
-(__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._checkOverlap = (particle, pos, tryCount) => {\n      const collisionsOptions = particle.options.collisions,\n        radius = particle.getRadius();\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) < radius + p.getRadius());\n    };\n    this._container = container;\n  }\n  checkParticlePosition(particle, position, tryCount) {\n    return this._checkOverlap(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 */   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}");
 
 /***/ }
 

package/esm/Absorb.js

@@ -1,5 +1,5 @@
-import { clamp } from "@tsparticles/engine";
-const half = 0.5, absorbFactor = 10, minAbsorbFactor = 0;
+import { clamp, half } from "@tsparticles/engine";
+const absorbFactor = 10, minAbsorbFactor = 0;
 function updateAbsorb(p1, _r1, p2, r2, delta, pixelRatio) {
     if (!p1.options.collisions || !p2.options.collisions) {
         return;

package/esm/Collider.js

@@ -1,7 +1,7 @@
-import { ParticlesInteractorBase, getDistance, } from "@tsparticles/engine";
+import { double, getDistance } from "@tsparticles/engine";
+import { ParticlesInteractorBase } from "@tsparticles/plugin-interactivity";
 import { Collisions } from "./Options/Classes/Collisions.js";
 import { resolveCollision } from "./ResolveCollision.js";
-const double = 2;
 export class Collider extends ParticlesInteractorBase {
     constructor(container) {
         super(container);
@@ -10,7 +10,7 @@ export class Collider extends ParticlesInteractorBase {
     }
     init() {
     }
-    interact(p1, delta) {
+    interact(p1, _interactivityData, delta) {
         if (p1.destroyed || p1.spawning) {
             return;
         }

package/esm/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/esm/Options/Classes/CollisionsAbsorb.js

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

package/esm/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;